@dxos/react-ui-stack 0.8.2-main.f11618f → 0.8.2-main.fbd8ed0

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 (73) hide show
  1. package/dist/lib/browser/index.mjs +31 -101
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/node/index.cjs +21 -93
  5. package/dist/lib/node/index.cjs.map +4 -4
  6. package/dist/lib/node/meta.json +1 -1
  7. package/dist/lib/node-esm/index.mjs +31 -101
  8. package/dist/lib/node-esm/index.mjs.map +4 -4
  9. package/dist/lib/node-esm/meta.json +1 -1
  10. package/dist/types/src/components/{Stack.d.ts → Stack/Stack.d.ts} +2 -1
  11. package/dist/types/src/components/Stack/Stack.d.ts.map +1 -0
  12. package/dist/types/src/components/Stack/Stack.stories.d.ts +9 -0
  13. package/dist/types/src/components/Stack/Stack.stories.d.ts.map +1 -0
  14. package/dist/types/src/components/Stack/index.d.ts +2 -0
  15. package/dist/types/src/components/Stack/index.d.ts.map +1 -0
  16. package/dist/types/src/components/StackContext.d.ts +1 -10
  17. package/dist/types/src/components/StackContext.d.ts.map +1 -1
  18. package/dist/types/src/components/StackItem/MenuSignifier.d.ts.map +1 -0
  19. package/dist/types/src/components/{StackItem.d.ts → StackItem/StackItem.d.ts} +3 -3
  20. package/dist/types/src/components/StackItem/StackItem.d.ts.map +1 -0
  21. package/dist/types/src/components/StackItem/StackItem.stories.d.ts +8 -0
  22. package/dist/types/src/components/StackItem/StackItem.stories.d.ts.map +1 -0
  23. package/dist/types/src/components/StackItem/StackItemContent.d.ts.map +1 -0
  24. package/dist/types/src/components/StackItem/StackItemDragHandle.d.ts.map +1 -0
  25. package/dist/types/src/components/StackItem/StackItemHeading.d.ts.map +1 -0
  26. package/dist/types/src/components/StackItem/StackItemResizeHandle.d.ts.map +1 -0
  27. package/dist/types/src/components/StackItem/StackItemSigil.d.ts.map +1 -0
  28. package/dist/types/src/components/StackItem/index.d.ts +2 -0
  29. package/dist/types/src/components/StackItem/index.d.ts.map +1 -0
  30. package/dist/types/src/components/defs.d.ts +18 -0
  31. package/dist/types/src/components/defs.d.ts.map +1 -0
  32. package/dist/types/src/components/deprecated/LayoutControls.d.ts.map +1 -0
  33. package/dist/types/src/components/index.d.ts +1 -2
  34. package/dist/types/src/components/index.d.ts.map +1 -1
  35. package/dist/types/src/hooks/useStackDropForElements.d.ts +3 -4
  36. package/dist/types/src/hooks/useStackDropForElements.d.ts.map +1 -1
  37. package/dist/types/tsconfig.tsbuildinfo +1 -1
  38. package/package.json +20 -20
  39. package/src/components/{Stack.stories.tsx → Stack/Stack.stories.tsx} +15 -13
  40. package/src/components/{Stack.tsx → Stack/Stack.tsx} +3 -2
  41. package/src/components/Stack/index.ts +5 -0
  42. package/src/components/StackContext.tsx +1 -13
  43. package/src/components/StackItem/StackItem.stories.tsx +49 -0
  44. package/src/components/{StackItem.tsx → StackItem/StackItem.tsx} +4 -2
  45. package/src/components/{StackItemContent.tsx → StackItem/StackItemContent.tsx} +1 -1
  46. package/src/components/{StackItemDragHandle.tsx → StackItem/StackItemDragHandle.tsx} +1 -1
  47. package/src/components/{StackItemHeading.tsx → StackItem/StackItemHeading.tsx} +2 -2
  48. package/src/components/{StackItemResizeHandle.tsx → StackItem/StackItemResizeHandle.tsx} +1 -1
  49. package/src/components/{StackItemSigil.tsx → StackItem/StackItemSigil.tsx} +1 -1
  50. package/src/components/StackItem/index.ts +5 -0
  51. package/src/components/defs.ts +26 -0
  52. package/src/components/{LayoutControls.tsx → deprecated/LayoutControls.tsx} +3 -23
  53. package/src/components/index.ts +2 -2
  54. package/src/hooks/useStackDropForElements.ts +3 -4
  55. package/dist/types/src/components/LayoutControls.d.ts.map +0 -1
  56. package/dist/types/src/components/MenuSignifier.d.ts.map +0 -1
  57. package/dist/types/src/components/Stack.d.ts.map +0 -1
  58. package/dist/types/src/components/Stack.stories.d.ts +0 -8
  59. package/dist/types/src/components/Stack.stories.d.ts.map +0 -1
  60. package/dist/types/src/components/StackItem.d.ts.map +0 -1
  61. package/dist/types/src/components/StackItemContent.d.ts.map +0 -1
  62. package/dist/types/src/components/StackItemDragHandle.d.ts.map +0 -1
  63. package/dist/types/src/components/StackItemHeading.d.ts.map +0 -1
  64. package/dist/types/src/components/StackItemResizeHandle.d.ts.map +0 -1
  65. package/dist/types/src/components/StackItemSigil.d.ts.map +0 -1
  66. /package/dist/types/src/components/{MenuSignifier.d.ts → StackItem/MenuSignifier.d.ts} +0 -0
  67. /package/dist/types/src/components/{StackItemContent.d.ts → StackItem/StackItemContent.d.ts} +0 -0
  68. /package/dist/types/src/components/{StackItemDragHandle.d.ts → StackItem/StackItemDragHandle.d.ts} +0 -0
  69. /package/dist/types/src/components/{StackItemHeading.d.ts → StackItem/StackItemHeading.d.ts} +0 -0
  70. /package/dist/types/src/components/{StackItemResizeHandle.d.ts → StackItem/StackItemResizeHandle.d.ts} +0 -0
  71. /package/dist/types/src/components/{StackItemSigil.d.ts → StackItem/StackItemSigil.d.ts} +0 -0
  72. /package/dist/types/src/components/{LayoutControls.d.ts → deprecated/LayoutControls.d.ts} +0 -0
  73. /package/src/components/{MenuSignifier.tsx → StackItem/MenuSignifier.tsx} +0 -0
@@ -1 +1 @@
1
- {"inputs":{"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytes":3191,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytes":8124,"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"},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytes":653,"imports":[{"path":"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":12592,"imports":[{"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":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/ui/react-ui-stack/src/hooks/index.ts","kind":"import-statement","original":"../hooks"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemContent.tsx":{"bytes":5709,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx":{"bytes":2101,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemHeading.tsx":{"bytes":5766,"imports":[{"path":"@fluentui/react-tabster","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":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx":{"bytes":2885,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/ui/react-ui-stack/src/components/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/MenuSignifier.tsx":{"bytes":3282,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":1870,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx":{"bytes":19171,"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/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem.tsx":{"bytes":24798,"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/scroll-just-enough-into-view","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":"@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":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/ui/react-ui-stack/src/components/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/LayoutControls.tsx":{"bytes":11653,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":801,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack.tsx","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/StackItem.tsx","kind":"import-statement","original":"./StackItem"},{"path":"packages/ui/react-ui-stack/src/components/LayoutControls.tsx","kind":"import-statement","original":"./LayoutControls"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7183,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":519,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":52697},"packages/ui/react-ui-stack/dist/lib/browser/index.mjs":{"imports":[{"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":"react","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":"@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/scroll-just-enough-into-view","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":"@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":"react","kind":"import-statement","external":true},{"path":"@dxos/react-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":"@fluentui/react-tabster","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":"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/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","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}],"exports":["DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","LayoutControls","Stack","StackContext","StackItem","StackItemContext","autoScrollRootAttributes","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translations","useStack","useStackItem"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":2995},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytesInOutput":408},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytesInOutput":1927},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackItem.tsx":{"bytesInOutput":5772},"packages/ui/react-ui-stack/src/components/StackItemContent.tsx":{"bytesInOutput":895},"packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx":{"bytesInOutput":335},"packages/ui/react-ui-stack/src/components/StackItemHeading.tsx":{"bytesInOutput":1286},"packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx":{"bytesInOutput":523},"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx":{"bytesInOutput":4577},"packages/ui/react-ui-stack/src/components/MenuSignifier.tsx":{"bytesInOutput":442},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":444},"packages/ui/react-ui-stack/src/components/LayoutControls.tsx":{"bytesInOutput":3014},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":23980},"packages/ui/react-ui-stack/dist/lib/browser/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3597},"packages/ui/react-ui-stack/dist/lib/browser/testing/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1516},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0}},"bytes":1655}}}
1
+ {"inputs":{"packages/ui/react-ui-stack/src/components/defs.ts":{"bytes":1284,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytes":8052,"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"},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytes":653,"imports":[{"path":"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytes":2731,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx":{"bytes":12642,"imports":[{"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":"packages/ui/react-ui-stack/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack/index.ts":{"bytes":508,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx":{"bytes":5720,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2112,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx":{"bytes":5818,"imports":[{"path":"@fluentui/react-tabster","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":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":2900,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx":{"bytes":3292,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":1870,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx":{"bytes":19188,"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/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx":{"bytes":24865,"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/scroll-just-enough-into-view","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":"@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":"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/index.ts":{"bytes":520,"imports":[{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":675,"imports":[{"path":"packages/ui/react-ui-stack/src/components/defs.ts","kind":"import-statement","original":"./defs"},{"path":"packages/ui/react-ui-stack/src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7183,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":519,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":46083},"packages/ui/react-ui-stack/dist/lib/browser/index.mjs":{"imports":[{"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":"@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/scroll-just-enough-into-view","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":"@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":"react","kind":"import-statement","external":true},{"path":"@dxos/react-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":"@fluentui/react-tabster","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":"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/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Stack","StackContext","StackItem","autoScrollRootAttributes","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx":{"bytesInOutput":2995},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytesInOutput":1927},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytesInOutput":408},"packages/ui/react-ui-stack/src/components/Stack/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx":{"bytesInOutput":5772},"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":895},"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":335},"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":1303},"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":523},"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4577},"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":442},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":444},"packages/ui/react-ui-stack/src/components/StackItem/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":20954},"packages/ui/react-ui-stack/dist/lib/browser/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3597},"packages/ui/react-ui-stack/dist/lib/browser/testing/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1516},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0}},"bytes":1655}}}
@@ -31,19 +31,15 @@ __export(node_exports, {
31
31
  DEFAULT_EXTRINSIC_SIZE: () => DEFAULT_EXTRINSIC_SIZE,
32
32
  DEFAULT_HORIZONTAL_SIZE: () => DEFAULT_HORIZONTAL_SIZE,
33
33
  DEFAULT_VERTICAL_SIZE: () => DEFAULT_VERTICAL_SIZE,
34
- LayoutControls: () => LayoutControls,
35
34
  Stack: () => Stack,
36
35
  StackContext: () => StackContext,
37
36
  StackItem: () => StackItem,
38
- StackItemContext: () => StackItemContext,
39
37
  autoScrollRootAttributes: () => autoScrollRootAttributes,
40
38
  railGridHorizontal: () => railGridHorizontal,
41
39
  railGridHorizontalContainFitContent: () => railGridHorizontalContainFitContent,
42
40
  railGridVertical: () => railGridVertical,
43
41
  railGridVerticalContainFitContent: () => railGridVerticalContainFitContent,
44
- translations: () => translations_default,
45
- useStack: () => useStack,
46
- useStackItem: () => useStackItem
42
+ translations: () => translations_default
47
43
  });
48
44
  module.exports = __toCommonJS(node_exports);
49
45
  var import_react_tabster = require("@fluentui/react-tabster");
@@ -51,11 +47,11 @@ var import_react_compose_refs = require("@radix-ui/react-compose-refs");
51
47
  var import_react = __toESM(require("react"));
52
48
  var import_react_ui = require("@dxos/react-ui");
53
49
  var import_react_ui_theme = require("@dxos/react-ui-theme");
54
- var import_react2 = require("react");
55
50
  var import_combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
56
51
  var import_adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
57
52
  var import_element = require("@atlaskit/pragmatic-drag-and-drop-auto-scroll/element");
58
53
  var import_closest_edge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
54
+ var import_react2 = require("react");
59
55
  var import_react3 = require("react");
60
56
  var import_combine2 = require("@atlaskit/pragmatic-drag-and-drop/combine");
61
57
  var import_adapter2 = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
@@ -85,25 +81,9 @@ var import_react_ui_attention2 = require("@dxos/react-ui-attention");
85
81
  var import_react_ui_theme5 = require("@dxos/react-ui-theme");
86
82
  var import_util = require("@dxos/util");
87
83
  var import_react10 = __toESM(require("react"));
88
- var import_react11 = __toESM(require("react"));
89
- var import_react_ui4 = require("@dxos/react-ui");
90
- var StackContext = /* @__PURE__ */ (0, import_react2.createContext)({
91
- orientation: "vertical",
92
- rail: true,
93
- size: "intrinsic"
94
- });
95
- var useStack = () => (0, import_react2.useContext)(StackContext);
96
- var StackItemContext = /* @__PURE__ */ (0, import_react2.createContext)({
97
- selfDragHandleRef: () => {
98
- },
99
- size: "min-content",
100
- setSize: () => {
101
- }
102
- });
103
- var useStackItem = () => (0, import_react2.useContext)(StackItemContext);
104
- var useStackDropForElements = ({ element, selfDroppable, orientation, id, onRearrange }) => {
105
- const [dropping, setDropping] = (0, import_react3.useState)(false);
106
- (0, import_react3.useLayoutEffect)(() => {
84
+ var useStackDropForElements = ({ id, element, selfDroppable, orientation, onRearrange }) => {
85
+ const [dropping, setDropping] = (0, import_react2.useState)(false);
86
+ (0, import_react2.useLayoutEffect)(() => {
107
87
  if (!element || !selfDroppable) {
108
88
  return;
109
89
  }
@@ -156,6 +136,20 @@ var useStackDropForElements = ({ element, selfDroppable, orientation, id, onRear
156
136
  dropping
157
137
  };
158
138
  };
139
+ var StackContext = /* @__PURE__ */ (0, import_react3.createContext)({
140
+ orientation: "vertical",
141
+ rail: true,
142
+ size: "intrinsic"
143
+ });
144
+ var useStack = () => (0, import_react3.useContext)(StackContext);
145
+ var StackItemContext = /* @__PURE__ */ (0, import_react3.createContext)({
146
+ selfDragHandleRef: () => {
147
+ },
148
+ size: "min-content",
149
+ setSize: () => {
150
+ }
151
+ });
152
+ var useStackItem = () => (0, import_react3.useContext)(StackItemContext);
159
153
  var railGridHorizontal = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
160
154
  var railGridVertical = "grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
161
155
  var railGridHorizontalContainFitContent = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]";
@@ -256,7 +250,7 @@ var StackItemHeading = ({ children, classNames, ...props }) => {
256
250
  ...props,
257
251
  tabIndex: 0,
258
252
  ...focusableGroupAttrs,
259
- className: (0, import_react_ui_theme4.mx)("flex items-center dx-focus-ring-inset-over-all relative !border-is-0", orientation === "horizontal" ? "bs-[--rail-size]" : "is-[--rail-size] flex-col", classNames)
253
+ className: (0, import_react_ui_theme4.mx)("flex items-center dx-focus-ring-inset-over-all relative !border-is-0 bg-headerSurface", orientation === "horizontal" ? "bs-[--rail-size]" : "is-[--rail-size] flex-col", classNames)
260
254
  }, children);
261
255
  };
262
256
  var StackItemHeadingLabel = /* @__PURE__ */ (0, import_react7.forwardRef)(({ attendableId, related, classNames, ...props }, forwardedRef) => {
@@ -538,85 +532,19 @@ var StackItem = {
538
532
  Sigil: StackItemSigil,
539
533
  SigilButton: StackItemSigilButton
540
534
  };
541
- var LayoutControl = ({ icon, label, ...props }) => {
542
- return /* @__PURE__ */ import_react11.default.createElement(import_react_ui4.Tooltip.Root, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui4.Tooltip.Trigger, {
543
- asChild: true
544
- }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui4.Button, {
545
- variant: "ghost",
546
- ...props
547
- }, /* @__PURE__ */ import_react11.default.createElement("span", {
548
- className: "sr-only"
549
- }, label), /* @__PURE__ */ import_react11.default.createElement(import_react_ui4.Icon, {
550
- icon
551
- }))), /* @__PURE__ */ import_react11.default.createElement(import_react_ui4.Tooltip.Portal, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui4.Tooltip.Content, {
552
- side: "bottom"
553
- }, label)));
554
- };
555
- var LayoutControls = /* @__PURE__ */ (0, import_react11.forwardRef)(({ onClick, variant = "default", capabilities: can, isSolo, pin, close = false, children, ...props }, forwardedRef) => {
556
- const { t } = (0, import_react_ui4.useTranslation)(translationKey);
557
- const buttonClassNames = variant === "hide-disabled" ? "disabled:hidden !p-1" : "!p-1";
558
- return /* @__PURE__ */ import_react11.default.createElement(import_react_ui4.ButtonGroup, {
559
- ...props,
560
- ref: forwardedRef
561
- }, pin && !isSolo && [
562
- "both",
563
- "start"
564
- ].includes(pin) && /* @__PURE__ */ import_react11.default.createElement(LayoutControl, {
565
- label: t("pin start label"),
566
- variant: "ghost",
567
- classNames: buttonClassNames,
568
- onClick: () => onClick?.("pin-start"),
569
- icon: "ph--caret-line-left--regular"
570
- }), can.solo && /* @__PURE__ */ import_react11.default.createElement(LayoutControl, {
571
- label: t("solo layout label"),
572
- classNames: buttonClassNames,
573
- onClick: () => onClick?.("solo"),
574
- icon: isSolo ? "ph--arrows-in--regular" : "ph--arrows-out--regular"
575
- }), !isSolo && can.solo && /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(LayoutControl, {
576
- label: t("increment start label"),
577
- disabled: !can.incrementStart,
578
- classNames: buttonClassNames,
579
- onClick: () => onClick?.("increment-start"),
580
- icon: "ph--caret-left--regular"
581
- }), /* @__PURE__ */ import_react11.default.createElement(LayoutControl, {
582
- label: t("increment end label"),
583
- disabled: !can.incrementEnd,
584
- classNames: buttonClassNames,
585
- onClick: () => onClick?.("increment-end"),
586
- icon: "ph--caret-right--regular"
587
- })), pin && !isSolo && [
588
- "both",
589
- "end"
590
- ].includes(pin) && /* @__PURE__ */ import_react11.default.createElement(LayoutControl, {
591
- label: t("pin end label"),
592
- classNames: buttonClassNames,
593
- onClick: () => onClick?.("pin-end"),
594
- icon: "ph--caret-line-right--regular"
595
- }), close && !isSolo && /* @__PURE__ */ import_react11.default.createElement(LayoutControl, {
596
- label: t(`${typeof close === "string" ? "minify" : "close"} label`),
597
- classNames: buttonClassNames,
598
- onClick: () => onClick?.("close"),
599
- "data-testid": "layoutHeading.close",
600
- icon: close === "minify-start" ? "ph--caret-line-left--regular" : close === "minify-end" ? "ph--caret-line-right--regular" : "ph--x--regular"
601
- }), children);
602
- });
603
535
  // Annotate the CommonJS export names for ESM import in node:
604
536
  0 && (module.exports = {
605
537
  DEFAULT_EXTRINSIC_SIZE,
606
538
  DEFAULT_HORIZONTAL_SIZE,
607
539
  DEFAULT_VERTICAL_SIZE,
608
- LayoutControls,
609
540
  Stack,
610
541
  StackContext,
611
542
  StackItem,
612
- StackItemContext,
613
543
  autoScrollRootAttributes,
614
544
  railGridHorizontal,
615
545
  railGridHorizontalContainFitContent,
616
546
  railGridVertical,
617
547
  railGridVerticalContainFitContent,
618
- translations,
619
- useStack,
620
- useStackItem
548
+ translations
621
549
  });
622
550
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/components/Stack.tsx", "../../../src/components/StackContext.tsx", "../../../src/hooks/useStackDropForElements.ts", "../../../src/components/StackItem.tsx", "../../../src/components/StackItemContent.tsx", "../../../src/components/StackItemDragHandle.tsx", "../../../src/components/StackItemHeading.tsx", "../../../src/components/StackItemResizeHandle.tsx", "../../../src/components/StackItemSigil.tsx", "../../../src/components/MenuSignifier.tsx", "../../../src/translations.ts", "../../../src/components/LayoutControls.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, { Children, type CSSProperties, type ComponentPropsWithRef, forwardRef, useState, useMemo } from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type StackContextValue, StackContext } from './StackContext';\nimport { useStackDropForElements } from '../hooks';\n\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Size = 'intrinsic' | 'contain' | 'contain-fit-content';\n\nexport type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> &\n Partial<StackContextValue> & { itemsCount?: number };\n\nexport const railGridHorizontal = 'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\nexport const railGridVertical = 'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\n\n// TODO(ZaymonFC): Magic 2px to stop overflow (tabster dummies... ask @thure).\nexport const railGridHorizontalContainFitContent =\n 'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\nexport const railGridVerticalContainFitContent =\n 'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\n\nexport const autoScrollRootAttributes = { 'data-drag-autoscroll': 'idle' };\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n (\n {\n children,\n classNames,\n style,\n orientation = 'vertical',\n rail = true,\n size = 'intrinsic',\n onRearrange,\n itemsCount = Children.count(children),\n ...props\n },\n forwardedRef,\n ) => {\n const [stackElement, stackRef] = useState<HTMLDivElement | null>(null);\n const composedItemRef = composeRefs<HTMLDivElement>(stackRef, forwardedRef);\n const arrowNavigationAttrs = useArrowNavigationGroup({ axis: orientation });\n\n const styles: CSSProperties = {\n [orientation === 'horizontal' ? 'gridTemplateColumns' : 'gridTemplateRows']:\n `repeat(${itemsCount}, min-content) [tabster-dummies] 0`,\n ...style,\n };\n\n const selfDroppable = !!(itemsCount < 1 && onRearrange && props.id);\n\n const { dropping } = useStackDropForElements({\n id: props.id,\n element: stackElement,\n selfDroppable,\n orientation,\n onRearrange,\n });\n\n const gridClasses = useMemo(() => {\n if (!rail) {\n return orientation === 'horizontal' ? 'grid-rows-1 pli-1' : 'grid-cols-1 plb-1';\n }\n if (orientation === 'horizontal') {\n return size === 'contain-fit-content' ? railGridHorizontalContainFitContent : railGridHorizontal;\n } else {\n return size === 'contain-fit-content' ? railGridVerticalContainFitContent : railGridVertical;\n }\n }, [rail, orientation, size]);\n\n return (\n <StackContext.Provider value={{ orientation, rail, size, onRearrange }}>\n <div\n {...props}\n {...arrowNavigationAttrs}\n className={mx(\n 'grid relative',\n gridClasses,\n (size === 'contain' || size === 'contain-fit-content') &&\n (orientation === 'horizontal'\n ? 'overflow-x-auto min-bs-0 max-bs-full bs-full'\n : 'overflow-y-auto min-is-0 max-is-full is-full'),\n classNames,\n )}\n data-rail={rail}\n aria-orientation={orientation}\n style={styles}\n ref={composedItemRef}\n >\n {children}\n {selfDroppable && dropping && (\n <ListItem.DropIndicator\n lineInset={8}\n terminalInset={-8}\n gap={-8}\n edge={orientation === 'horizontal' ? 'left' : 'top'}\n />\n )}\n </div>\n </StackContext.Provider>\n );\n },\n);\n\nexport { StackContext };\n\nexport type { StackContextValue };\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { createContext, useContext } from 'react';\n\nimport { type Size as DndSize } from '@dxos/react-ui-dnd';\n\nimport { type Orientation, type Size } from './Stack';\n\nexport type StackItemSize = DndSize;\n\nexport type StackItemData = { id: string; type: 'column' | 'card' };\n\nexport type StackItemRearrangeHandler<Data extends { id: string } = StackItemData> = (\n source: Data,\n target: Data,\n closestEdge: Edge | null,\n) => void;\n\nexport type StackContextValue = {\n orientation: Orientation;\n rail: boolean;\n size: Size;\n onRearrange?: StackItemRearrangeHandler;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n orientation: 'vertical',\n rail: true,\n size: 'intrinsic',\n});\n\nexport const useStack = () => useContext(StackContext);\n\nexport type StackItemContextValue = {\n selfDragHandleRef: (element: HTMLDivElement | null) => void;\n size: StackItemSize;\n setSize: (nextSize: StackItemSize, commit?: boolean) => void;\n};\n\nexport const StackItemContext = createContext<StackItemContextValue>({\n selfDragHandleRef: () => {},\n size: 'min-content',\n setSize: () => {},\n});\n\nexport const useStackItem = () => useContext(StackItemContext);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';\nimport { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { type Orientation } from '../components/Stack';\nimport { type StackItemRearrangeHandler, type StackItemData } from '../components/StackContext';\n\n/**\n * Hook to handle drag and drop functionality for Stack components.\n */\nexport const useStackDropForElements = ({\n element,\n selfDroppable,\n orientation,\n id,\n onRearrange,\n}: {\n element: HTMLDivElement | null;\n selfDroppable: boolean;\n orientation: Orientation;\n id?: string;\n onRearrange?: StackItemRearrangeHandler;\n}) => {\n const [dropping, setDropping] = useState(false);\n\n useLayoutEffect(() => {\n if (!element || !selfDroppable) {\n return;\n }\n\n const acceptSourceType = orientation === 'horizontal' ? 'column' : 'card';\n\n return combine(\n dropTargetForElements({\n element,\n getData: ({ input, element }) => {\n return attachClosestEdge(\n { id, type: orientation === 'horizontal' ? 'card' : 'column' },\n { input, element, allowedEdges: [orientation === 'horizontal' ? 'left' : 'top'] },\n );\n },\n onDragEnter: ({ source }) => {\n if (source.data.type === acceptSourceType) {\n setDropping(true);\n }\n },\n onDrag: ({ source }) => {\n if (source.data.type === acceptSourceType) {\n setDropping(true);\n }\n },\n onDragLeave: () => {\n return setDropping(false);\n },\n onDrop: ({ self, source }) => {\n setDropping(false);\n if (source.data.type === acceptSourceType && selfDroppable && onRearrange) {\n onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n }\n },\n }),\n autoScrollForElements({ element, getAllowedAxis: () => orientation }),\n );\n }, [element, selfDroppable, orientation, id, onRearrange]);\n\n return { dropping };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { draggable, dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { preserveOffsetOnSource } from '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source';\nimport { scrollJustEnoughIntoView } from '@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view';\nimport {\n attachClosestEdge,\n extractClosestEdge,\n type Edge,\n} from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, { forwardRef, useLayoutEffect, useState, type ComponentPropsWithRef, useCallback } from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack, StackItemContext, type StackItemSize, type StackItemData } from './StackContext';\nimport { StackItemContent, type StackItemContentProps } from './StackItemContent';\nimport { StackItemDragHandle, type StackItemDragHandleProps } from './StackItemDragHandle';\nimport {\n StackItemHeading,\n StackItemHeadingLabel,\n type StackItemHeadingProps,\n type StackItemHeadingLabelProps,\n} from './StackItemHeading';\nimport { StackItemResizeHandle, type StackItemResizeHandleProps } from './StackItemResizeHandle';\nimport {\n StackItemSigil,\n type StackItemSigilProps,\n type StackItemSigilAction,\n type StackItemSigilButtonProps,\n StackItemSigilButton,\n} from './StackItemSigil';\n\n// NOTE: 48rem fills the screen on a MacbookPro with the sidebars closed.\nexport const DEFAULT_HORIZONTAL_SIZE = 48 satisfies StackItemSize;\nexport const DEFAULT_VERTICAL_SIZE = 'min-content' satisfies StackItemSize;\nexport const DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE satisfies StackItemSize;\n\nexport type StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {\n item: Omit<StackItemData, 'type'>;\n order?: number;\n size?: StackItemSize;\n onSizeChange?: (nextSize: StackItemSize) => void;\n role?: 'article' | 'section';\n disableRearrange?: boolean;\n focusIndicatorVariant?: 'over-all' | 'group';\n};\n\nconst StackItemRoot = forwardRef<HTMLDivElement, StackItemRootProps>(\n (\n {\n item,\n children,\n classNames,\n size: propsSize,\n onSizeChange,\n role,\n order,\n style,\n disableRearrange,\n focusIndicatorVariant = 'over-all',\n ...props\n },\n forwardedRef,\n ) => {\n const [itemElement, itemRef] = useState<HTMLDivElement | null>(null);\n const [selfDragHandleElement, selfDragHandleRef] = useState<HTMLDivElement | null>(null);\n const [closestEdge, setEdge] = useState<Edge | null>(null);\n const { orientation, rail, onRearrange } = useStack();\n const [size = orientation === 'horizontal' ? DEFAULT_HORIZONTAL_SIZE : DEFAULT_VERTICAL_SIZE, setInternalSize] =\n useState(propsSize);\n\n const Root = role ?? 'div';\n\n const composedItemRef = composeRefs<HTMLDivElement>(itemRef, forwardedRef);\n\n const setSize = useCallback(\n (nextSize: StackItemSize, commit?: boolean) => {\n setInternalSize(nextSize);\n if (commit) {\n onSizeChange?.(nextSize);\n }\n },\n [onSizeChange],\n );\n\n const type = orientation === 'horizontal' ? 'column' : 'card';\n\n useLayoutEffect(() => {\n if (!itemElement || !onRearrange || disableRearrange) {\n return;\n }\n\n return combine(\n draggable({\n element: itemElement,\n ...(selfDragHandleElement && { dragHandle: selfDragHandleElement }),\n getInitialData: () => ({ id: item.id, type }),\n onGenerateDragPreview: ({ nativeSetDragImage, source, location }) => {\n document.body.setAttribute('data-drag-preview', 'true');\n scrollJustEnoughIntoView({ element: source.element });\n const { x, y } = preserveOffsetOnSource({ element: source.element, input: location.current.input })({\n container: (source.element.offsetParent ?? document.body) as HTMLElement,\n });\n nativeSetDragImage?.(source.element, x, y);\n },\n onDragStart: () => {\n document.body.removeAttribute('data-drag-preview');\n itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'active');\n },\n onDrop: () => {\n itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'idle');\n },\n }),\n dropTargetForElements({\n element: itemElement,\n getData: ({ input, element }) => {\n return attachClosestEdge(\n { id: item.id, type },\n { input, element, allowedEdges: orientation === 'horizontal' ? ['left', 'right'] : ['top', 'bottom'] },\n );\n },\n onDragEnter: ({ self, source }) => {\n if (source.data.type === self.data.type) {\n setEdge(extractClosestEdge(self.data));\n }\n },\n onDrag: ({ self, source }) => {\n if (source.data.type === self.data.type) {\n setEdge(extractClosestEdge(self.data));\n }\n },\n onDragLeave: () => setEdge(null),\n onDrop: ({ self, source }) => {\n setEdge(null);\n if (source.data.type === self.data.type) {\n onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n }\n },\n }),\n );\n }, [orientation, item, onRearrange, selfDragHandleElement, itemElement]);\n\n const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n return (\n <StackItemContext.Provider value={{ selfDragHandleRef, size, setSize }}>\n <Root\n {...props}\n tabIndex={0}\n {...focusableGroupAttrs}\n className={mx(\n 'group/stack-item grid relative',\n focusIndicatorVariant === 'over-all'\n ? 'dx-focus-ring-inset-over-all'\n : orientation === 'horizontal'\n ? 'dx-focus-ring-group-x'\n : 'dx-focus-ring-group-y',\n orientation === 'horizontal' ? 'grid-rows-subgrid' : 'grid-cols-subgrid',\n rail && (orientation === 'horizontal' ? 'row-span-2' : 'col-span-2'),\n classNames,\n )}\n data-dx-stack-item\n {...resizeAttributes}\n style={{\n ...sizeStyle(size, orientation),\n ...(Number.isFinite(order) && {\n [orientation === 'horizontal' ? 'gridColumn' : 'gridRow']: `${order}`,\n }),\n ...style,\n }}\n ref={composedItemRef}\n >\n {children}\n {closestEdge && <ListItem.DropIndicator lineInset={8} terminalInset={-8} edge={closestEdge} />}\n </Root>\n </StackItemContext.Provider>\n );\n },\n);\n\nexport const StackItem = {\n Root: StackItemRoot,\n Content: StackItemContent,\n Heading: StackItemHeading,\n HeadingLabel: StackItemHeadingLabel,\n ResizeHandle: StackItemResizeHandle,\n DragHandle: StackItemDragHandle,\n Sigil: StackItemSigil,\n SigilButton: StackItemSigilButton,\n};\n\nexport type {\n StackItemContentProps,\n StackItemHeadingProps,\n StackItemHeadingLabelProps,\n StackItemResizeHandleProps,\n StackItemDragHandleProps,\n StackItemSigilProps,\n StackItemSigilButtonProps,\n StackItemSigilAction,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from './StackContext';\n\nexport type StackItemContentProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n /**\n * This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate\n * (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.\n */\n toolbar?: boolean;\n\n /**\n * Whether to provide for the layout of a statusbar after the content.\n */\n statusbar?: boolean;\n\n /**\n * Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for\n * convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.\n */\n size?: 'intrinsic' | 'video' | 'square';\n};\n\n/**\n * This component should be used by plugins for rendering content within a stack item, a.k.a. a “plank” or “section”.\n * The `toolbar` flag must be provided since this component provides for the layout of content with the toolbar.\n */\nexport const StackItemContent = forwardRef<HTMLDivElement, StackItemContentProps>(\n ({ children, toolbar, statusbar, classNames, size = 'intrinsic', ...props }, forwardedRef) => {\n const { size: stackItemSize } = useStack();\n\n return (\n <div\n role='none'\n {...props}\n className={mx(\n 'group grid grid-cols-[100%]',\n stackItemSize === 'contain' && 'min-bs-0 overflow-hidden',\n size === 'video' ? 'aspect-video' : size === 'square' && 'aspect-square',\n classNames,\n )}\n style={{\n gridTemplateRows: [\n ...(toolbar ? ['var(--rail-action)'] : []),\n '1fr',\n ...(statusbar ? ['var(--statusbar-size)'] : []),\n ].join(' '),\n }}\n data-popover-collision-boundary={true}\n ref={forwardedRef}\n >\n {children}\n </div>\n );\n },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nimport { useStackItem } from './StackContext';\n\nexport type StackItemDragHandleProps = ComponentPropsWithoutRef<'button'> & { asChild: boolean };\n\nexport const StackItemDragHandle = ({ asChild, children }: StackItemDragHandleProps) => {\n const { selfDragHandleRef } = useStackItem();\n\n const Root = asChild ? Slot : 'div';\n\n return (\n <Root ref={selfDragHandleRef} role='button'>\n {children}\n </Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { type ComponentPropsWithoutRef, type ComponentPropsWithRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { useAttention, type AttendableId, type Related } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from './StackContext';\n\nexport type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>>;\n\nexport const StackItemHeading = ({ children, classNames, ...props }: StackItemHeadingProps) => {\n const { orientation } = useStack();\n const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n return (\n <div\n role='heading'\n {...props}\n tabIndex={0}\n {...focusableGroupAttrs}\n className={mx(\n 'flex items-center dx-focus-ring-inset-over-all relative !border-is-0',\n orientation === 'horizontal' ? 'bs-[--rail-size]' : 'is-[--rail-size] flex-col',\n classNames,\n )}\n >\n {children}\n </div>\n );\n};\n\nexport type StackItemHeadingLabelProps = ThemedClassName<ComponentPropsWithRef<'h1'>> & AttendableId & Related;\n\nexport const StackItemHeadingLabel = forwardRef<HTMLHeadingElement, StackItemHeadingLabelProps>(\n ({ attendableId, related, classNames, ...props }, forwardedRef) => {\n const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n\n return (\n <h1\n {...props}\n data-attention={((related && isRelated) || hasAttention || isAncestor).toString()}\n className={mx(\n 'pli-1 min-is-0 is-0 grow truncate font-medium text-baseText data-[attention=true]:text-accentText self-center',\n classNames,\n )}\n ref={forwardedRef}\n />\n );\n },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { ResizeHandle } from '@dxos/react-ui-dnd';\n\nimport { useStack, useStackItem } from './StackContext';\nimport { DEFAULT_EXTRINSIC_SIZE } from './StackItem';\n\nconst MIN_WIDTH = 20;\nconst MIN_HEIGHT = 3;\n\nexport type StackItemResizeHandleProps = {};\n\nexport const StackItemResizeHandle = () => {\n const { orientation } = useStack();\n const { setSize, size } = useStackItem();\n\n return (\n <ResizeHandle\n side={orientation === 'horizontal' ? 'inline-end' : 'block-end'}\n fallbackSize={DEFAULT_EXTRINSIC_SIZE}\n minSize={orientation === 'horizontal' ? MIN_WIDTH : MIN_HEIGHT}\n size={size}\n onSizeChange={setSize}\n />\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, type PropsWithChildren, forwardRef, useRef, useState } from 'react';\n\nimport { type ActionLike } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { Button, type ButtonProps, DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { type AttendableId, type Related, useAttention } from '@dxos/react-ui-attention';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { MenuSignifierHorizontal } from './MenuSignifier';\nimport { translationKey } from '../translations';\n\nexport type KeyBinding = {\n windows?: string;\n macos?: string;\n ios?: string;\n linux?: string;\n unknown?: string;\n};\n\nexport type StackItemSigilAction = Pick<ActionLike, 'id' | 'properties' | 'data'>;\n\nexport type StackItemSigilButtonProps = Omit<ButtonProps, 'variant'> &\n AttendableId &\n Related & {\n isMenu?: boolean;\n };\n\nexport const StackItemSigilButton = forwardRef<HTMLButtonElement, StackItemSigilButtonProps>(\n ({ attendableId, classNames, related, isMenu = true, children, ...props }, forwardedRef) => {\n const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n const variant = (related && isRelated) || hasAttention || isAncestor ? 'primary' : 'ghost';\n // TODO(wittjosiah): Disable hover styles when isMenu is false.\n return (\n <Button\n {...props}\n variant={variant}\n classNames={['shrink-0 pli-0 min-bs-0 is-[--rail-action] bs-[--rail-action] relative app-no-drag', classNames]}\n ref={forwardedRef}\n >\n {isMenu && <MenuSignifierHorizontal />}\n {children}\n </Button>\n );\n },\n);\n\nexport type StackItemSigilProps = PropsWithChildren<\n {\n attendableId?: string;\n triggerLabel: string;\n actions?: StackItemSigilAction[][];\n icon: string;\n onAction?: (action: StackItemSigilAction) => void;\n } & Related\n>;\n\nexport const StackItemSigil = forwardRef<HTMLButtonElement, StackItemSigilProps>(\n ({ actions: actionGroups, onAction, triggerLabel, attendableId, icon, related, children }, forwardedRef) => {\n const { t } = useTranslation(translationKey);\n const suppressNextTooltip = useRef(false);\n\n const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n\n const hasActions = actionGroups && actionGroups.length > 0;\n\n const button = (\n <StackItemSigilButton\n attendableId={attendableId}\n related={related}\n isMenu={hasActions}\n // TODO(wittjosiah): Better disabling of interactive styles when no action are available.\n // Remove underscore icon when no actions are available?\n classNames={!hasActions && 'cursor-default'}\n >\n <span className='sr-only'>{triggerLabel}</span>\n <Icon icon={icon} size={5} />\n </StackItemSigilButton>\n );\n\n if (!hasActions) {\n return button;\n }\n\n return (\n <DropdownMenu.Root\n {...{\n open: optionsMenuOpen,\n onOpenChange: (nextOpen: boolean) => {\n if (!nextOpen) {\n suppressNextTooltip.current = true;\n }\n return setOptionsMenuOpen(nextOpen);\n },\n }}\n >\n <DropdownMenu.Trigger asChild ref={forwardedRef}>\n {button}\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content classNames='z-[31]'>\n <DropdownMenu.Viewport>\n {actionGroups?.map((actions, index) => {\n const separator = index > 0 ? <DropdownMenu.Separator /> : null;\n return (\n <Fragment key={index}>\n {separator}\n {actions.map((action) => {\n const shortcut =\n typeof action.properties.keyBinding === 'string'\n ? action.properties.keyBinding\n : action.properties.keyBinding?.[getHostPlatform()];\n\n const menuItemType = action.properties.menuItemType;\n const Root = menuItemType === 'toggle' ? DropdownMenu.CheckboxItem : DropdownMenu.Item;\n\n return (\n <Root\n key={action.id}\n onClick={(event) => {\n if (action.properties.disabled) {\n return;\n }\n event.stopPropagation();\n // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n suppressNextTooltip.current = true;\n setOptionsMenuOpen(false);\n onAction?.(action);\n }}\n classNames='gap-2'\n disabled={action.properties.disabled}\n checked={menuItemType === 'toggle' ? action.properties.isChecked : undefined}\n {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n >\n <Icon icon={action.properties.icon ?? 'ph--placeholder--regular'} size={4} />\n <span className='grow truncate'>{toLocalizedString(action.properties.label ?? '', t)}</span>\n {menuItemType === 'toggle' && (\n <DropdownMenu.ItemIndicator asChild>\n <Icon icon='ph--check--regular' size={4} />\n </DropdownMenu.ItemIndicator>\n )}\n {shortcut && (\n <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>\n )}\n </Root>\n );\n })}\n </Fragment>\n );\n })}\n {children}\n </DropdownMenu.Viewport>\n <DropdownMenu.Arrow />\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n );\n },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nexport const MenuSignifierHorizontal = () => (\n <svg\n className='absolute block-end-[7px]'\n width={20}\n height={2}\n viewBox='0 0 20 2'\n stroke='currentColor'\n opacity={0.5}\n >\n <line\n x1={0.5}\n y1={0.75}\n x2={19}\n y2={0.75}\n strokeWidth={1.25}\n strokeLinecap='round'\n strokeDasharray='6 20'\n strokeDashoffset='-6.5'\n />\n </svg>\n);\n\nexport const MenuSignifierVertical = () => (\n <svg className='absolute inline-start-1' width={2} height={18} viewBox='0 0 2 18' stroke='currentColor'>\n <line x1={1} y1={3} x2={1} y2={18} strokeWidth={1.5} strokeLinecap='round' strokeDasharray='0 6' />\n </svg>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n {\n 'en-US': {\n [translationKey]: {\n 'resize label': 'Drag to resize',\n 'pin start label': 'Pin to the left sidebar',\n 'pin end label': 'Pin to the right sidebar',\n 'increment start label': 'Move to the left',\n 'increment end label': 'Move to the right',\n 'close label': 'Close',\n 'minify label': 'Minify',\n },\n },\n },\n];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport {\n Button,\n ButtonGroup,\n type ButtonGroupProps,\n type ButtonProps,\n Icon,\n Tooltip,\n useTranslation,\n} from '@dxos/react-ui';\n\nimport { translationKey } from '../translations';\n\nexport type LayoutControlEvent = 'solo' | 'close' | `${'pin' | 'increment'}-${'start' | 'end'}`;\nexport type LayoutControlHandler = (event: LayoutControlEvent) => void;\n\nexport type LayoutCapabilities = {\n incrementStart?: boolean;\n incrementEnd?: boolean;\n solo?: boolean;\n};\n\nexport type LayoutControlsProps = Omit<ButtonGroupProps, 'onClick'> & {\n onClick?: LayoutControlHandler;\n variant?: 'hide-disabled' | 'default';\n close?: boolean | 'minify-start' | 'minify-end';\n capabilities: LayoutCapabilities;\n isSolo?: boolean;\n pin?: 'start' | 'end' | 'both';\n};\n\nconst LayoutControl = ({ icon, label, ...props }: Omit<ButtonProps, 'children'> & { label: string; icon: string }) => {\n return (\n <Tooltip.Root>\n <Tooltip.Trigger asChild>\n <Button variant='ghost' {...props}>\n <span className='sr-only'>{label}</span>\n <Icon icon={icon} />\n </Button>\n </Tooltip.Trigger>\n <Tooltip.Portal>\n <Tooltip.Content side='bottom'>{label}</Tooltip.Content>\n </Tooltip.Portal>\n </Tooltip.Root>\n );\n};\n\nexport const LayoutControls = forwardRef<HTMLDivElement, LayoutControlsProps>(\n (\n { onClick, variant = 'default', capabilities: can, isSolo, pin, close = false, children, ...props },\n forwardedRef,\n ) => {\n const { t } = useTranslation(translationKey);\n const buttonClassNames = variant === 'hide-disabled' ? 'disabled:hidden !p-1' : '!p-1';\n\n return (\n <ButtonGroup {...props} ref={forwardedRef}>\n {pin && !isSolo && ['both', 'start'].includes(pin) && (\n <LayoutControl\n label={t('pin start label')}\n variant='ghost'\n classNames={buttonClassNames}\n onClick={() => onClick?.('pin-start')}\n icon='ph--caret-line-left--regular'\n />\n )}\n\n {can.solo && (\n <LayoutControl\n label={t('solo layout label')}\n classNames={buttonClassNames}\n onClick={() => onClick?.('solo')}\n icon={isSolo ? 'ph--arrows-in--regular' : 'ph--arrows-out--regular'}\n />\n )}\n\n {!isSolo && can.solo && (\n <>\n <LayoutControl\n label={t('increment start label')}\n disabled={!can.incrementStart}\n classNames={buttonClassNames}\n onClick={() => onClick?.('increment-start')}\n icon='ph--caret-left--regular'\n />\n <LayoutControl\n label={t('increment end label')}\n disabled={!can.incrementEnd}\n classNames={buttonClassNames}\n onClick={() => onClick?.('increment-end')}\n icon='ph--caret-right--regular'\n />\n </>\n )}\n\n {pin && !isSolo && ['both', 'end'].includes(pin) && (\n <LayoutControl\n label={t('pin end label')}\n classNames={buttonClassNames}\n onClick={() => onClick?.('pin-end')}\n icon='ph--caret-line-right--regular'\n />\n )}\n\n {close && !isSolo && (\n <LayoutControl\n label={t(`${typeof close === 'string' ? 'minify' : 'close'} label`)}\n classNames={buttonClassNames}\n onClick={() => onClick?.('close')}\n data-testid='layoutHeading.close'\n icon={\n close === 'minify-start'\n ? 'ph--caret-line-left--regular'\n : close === 'minify-end'\n ? 'ph--caret-line-right--regular'\n : 'ph--x--regular'\n }\n />\n )}\n {children}\n </ButtonGroup>\n );\n },\n);\n"],
5
- "mappings": "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",
6
- "names": ["import_react", "import_combine", "import_adapter", "import_closest_edge", "import_react_tabster", "import_react_compose_refs", "import_react_ui", "import_react_ui_theme", "import_react_ui_dnd", "import_react_ui_attention", "StackContext", "createContext", "orientation", "rail", "size", "useStack", "useContext", "StackItemContext", "selfDragHandleRef", "setSize", "useStackItem", "useStackDropForElements", "element", "selfDroppable", "id", "onRearrange", "dropping", "setDropping", "useState", "useLayoutEffect", "acceptSourceType", "combine", "dropTargetForElements", "getData", "input", "attachClosestEdge", "type", "allowedEdges", "onDragEnter", "source", "data", "onDrag", "onDragLeave", "onDrop", "self", "extractClosestEdge", "autoScrollForElements", "getAllowedAxis", "railGridHorizontal", "railGridVertical", "railGridHorizontalContainFitContent", "railGridVerticalContainFitContent", "autoScrollRootAttributes", "Stack", "forwardRef", "children", "classNames", "style", "itemsCount", "Children", "count", "props", "forwardedRef", "stackElement", "stackRef", "composedItemRef", "composeRefs", "arrowNavigationAttrs", "useArrowNavigationGroup", "axis", "styles", "gridClasses", "useMemo", "React", "Provider", "value", "div", "className", "mx", "data-rail", "aria-orientation", "ref", "ListItem", "DropIndicator", "lineInset", "terminalInset", "gap", "edge", "StackItemContent", "toolbar", "statusbar", "stackItemSize", "role", "gridTemplateRows", "join", "data-popover-collision-boundary", "StackItemDragHandle", "asChild", "Root", "Slot", "StackItemHeading", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StackItemHeadingLabel", "attendableId", "related", "hasAttention", "isAncestor", "isRelated", "useAttention", "h1", "data-attention", "toString", "MIN_WIDTH", "MIN_HEIGHT", "StackItemResizeHandle", "ResizeHandle", "side", "fallbackSize", "DEFAULT_EXTRINSIC_SIZE", "minSize", "onSizeChange", "MenuSignifierHorizontal", "svg", "width", "height", "viewBox", "stroke", "opacity", "line", "x1", "y1", "x2", "y2", "strokeWidth", "strokeLinecap", "strokeDasharray", "strokeDashoffset", "translationKey", "StackItemSigilButton", "isMenu", "variant", "Button", "StackItemSigil", "actions", "actionGroups", "onAction", "triggerLabel", "icon", "t", "useTranslation", "suppressNextTooltip", "useRef", "optionsMenuOpen", "setOptionsMenuOpen", "hasActions", "length", "button", "span", "Icon", "DropdownMenu", "open", "onOpenChange", "nextOpen", "current", "Trigger", "Portal", "Content", "Viewport", "map", "index", "separator", "Separator", "Fragment", "key", "action", "shortcut", "properties", "keyBinding", "getHostPlatform", "menuItemType", "CheckboxItem", "Item", "onClick", "event", "disabled", "stopPropagation", "checked", "isChecked", "undefined", "testId", "toLocalizedString", "label", "ItemIndicator", "descriptionText", "keySymbols", "Arrow", "DEFAULT_HORIZONTAL_SIZE", "DEFAULT_VERTICAL_SIZE", "StackItemRoot", "item", "propsSize", "order", "disableRearrange", "focusIndicatorVariant", "itemElement", "itemRef", "selfDragHandleElement", "closestEdge", "setEdge", "setInternalSize", "useCallback", "nextSize", "commit", "draggable", "dragHandle", "getInitialData", "onGenerateDragPreview", "nativeSetDragImage", "location", "document", "body", "setAttribute", "scrollJustEnoughIntoView", "x", "y", "preserveOffsetOnSource", "container", "offsetParent", "onDragStart", "removeAttribute", "closest", "data-dx-stack-item", "resizeAttributes", "sizeStyle", "Number", "isFinite", "StackItem", "Heading", "HeadingLabel", "DragHandle", "Sigil", "SigilButton", "LayoutControl", "Tooltip", "LayoutControls", "capabilities", "can", "isSolo", "pin", "close", "buttonClassNames", "ButtonGroup", "includes", "solo", "incrementStart", "incrementEnd", "data-testid"]
3
+ "sources": ["../../../src/components/Stack/Stack.tsx", "../../../src/hooks/useStackDropForElements.ts", "../../../src/components/StackContext.tsx", "../../../src/components/StackItem/StackItem.tsx", "../../../src/components/StackItem/StackItemContent.tsx", "../../../src/components/StackItem/StackItemDragHandle.tsx", "../../../src/components/StackItem/StackItemHeading.tsx", "../../../src/components/StackItem/StackItemResizeHandle.tsx", "../../../src/components/StackItem/StackItemSigil.tsx", "../../../src/components/StackItem/MenuSignifier.tsx", "../../../src/translations.ts"],
4
+ "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, { Children, type CSSProperties, type ComponentPropsWithRef, forwardRef, useState, useMemo } from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStackDropForElements } from '../../hooks';\nimport { StackContext } from '../StackContext';\nimport { type StackContextValue } from '../defs';\n\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Size = 'intrinsic' | 'contain' | 'contain-fit-content';\n\nexport type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> &\n Partial<StackContextValue> & { itemsCount?: number };\n\nexport const railGridHorizontal = 'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\nexport const railGridVertical = 'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\n\n// TODO(ZaymonFC): Magic 2px to stop overflow (tabster dummies... ask @thure).\nexport const railGridHorizontalContainFitContent =\n 'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\nexport const railGridVerticalContainFitContent =\n 'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\n\nexport const autoScrollRootAttributes = { 'data-drag-autoscroll': 'idle' };\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n (\n {\n children,\n classNames,\n style,\n orientation = 'vertical',\n rail = true,\n size = 'intrinsic',\n onRearrange,\n itemsCount = Children.count(children),\n ...props\n },\n forwardedRef,\n ) => {\n const [stackElement, stackRef] = useState<HTMLDivElement | null>(null);\n const composedItemRef = composeRefs<HTMLDivElement>(stackRef, forwardedRef);\n const arrowNavigationAttrs = useArrowNavigationGroup({ axis: orientation });\n\n const styles: CSSProperties = {\n [orientation === 'horizontal' ? 'gridTemplateColumns' : 'gridTemplateRows']:\n `repeat(${itemsCount}, min-content) [tabster-dummies] 0`,\n ...style,\n };\n\n const selfDroppable = !!(itemsCount < 1 && onRearrange && props.id);\n\n const { dropping } = useStackDropForElements({\n id: props.id,\n element: stackElement,\n selfDroppable,\n orientation,\n onRearrange,\n });\n\n const gridClasses = useMemo(() => {\n if (!rail) {\n return orientation === 'horizontal' ? 'grid-rows-1 pli-1' : 'grid-cols-1 plb-1';\n }\n if (orientation === 'horizontal') {\n return size === 'contain-fit-content' ? railGridHorizontalContainFitContent : railGridHorizontal;\n } else {\n return size === 'contain-fit-content' ? railGridVerticalContainFitContent : railGridVertical;\n }\n }, [rail, orientation, size]);\n\n return (\n <StackContext.Provider value={{ orientation, rail, size, onRearrange }}>\n <div\n {...props}\n {...arrowNavigationAttrs}\n className={mx(\n 'grid relative',\n gridClasses,\n (size === 'contain' || size === 'contain-fit-content') &&\n (orientation === 'horizontal'\n ? 'overflow-x-auto min-bs-0 max-bs-full bs-full'\n : 'overflow-y-auto min-is-0 max-is-full is-full'),\n classNames,\n )}\n data-rail={rail}\n aria-orientation={orientation}\n style={styles}\n ref={composedItemRef}\n >\n {children}\n {selfDroppable && dropping && (\n <ListItem.DropIndicator\n lineInset={8}\n terminalInset={-8}\n gap={-8}\n edge={orientation === 'horizontal' ? 'left' : 'top'}\n />\n )}\n </div>\n </StackContext.Provider>\n );\n },\n);\n\nexport { StackContext };\n\nexport type { StackContextValue };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';\nimport { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { type StackItemRearrangeHandler, type StackItemData, type Orientation } from '../components';\n\n/**\n * Hook to handle drag and drop functionality for Stack components.\n */\nexport const useStackDropForElements = ({\n id,\n element,\n selfDroppable,\n orientation,\n onRearrange,\n}: {\n id?: string;\n element: HTMLDivElement | null;\n selfDroppable: boolean;\n orientation: Orientation;\n onRearrange?: StackItemRearrangeHandler;\n}) => {\n const [dropping, setDropping] = useState(false);\n\n useLayoutEffect(() => {\n if (!element || !selfDroppable) {\n return;\n }\n\n const acceptSourceType = orientation === 'horizontal' ? 'column' : 'card';\n\n return combine(\n dropTargetForElements({\n element,\n getData: ({ input, element }) => {\n return attachClosestEdge(\n { id, type: orientation === 'horizontal' ? 'card' : 'column' },\n { input, element, allowedEdges: [orientation === 'horizontal' ? 'left' : 'top'] },\n );\n },\n onDragEnter: ({ source }) => {\n if (source.data.type === acceptSourceType) {\n setDropping(true);\n }\n },\n onDrag: ({ source }) => {\n if (source.data.type === acceptSourceType) {\n setDropping(true);\n }\n },\n onDragLeave: () => {\n return setDropping(false);\n },\n onDrop: ({ self, source }) => {\n setDropping(false);\n if (source.data.type === acceptSourceType && selfDroppable && onRearrange) {\n onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n }\n },\n }),\n autoScrollForElements({ element, getAllowedAxis: () => orientation }),\n );\n }, [element, selfDroppable, orientation, id, onRearrange]);\n\n return { dropping };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type Orientation, type Size } from './Stack';\nimport { type StackItemSize, type StackItemRearrangeHandler } from './defs';\n\nexport type StackContextValue = {\n orientation: Orientation;\n rail: boolean;\n size: Size;\n onRearrange?: StackItemRearrangeHandler;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n orientation: 'vertical',\n rail: true,\n size: 'intrinsic',\n});\n\nexport const useStack = () => useContext(StackContext);\n\nexport type StackItemContextValue = {\n selfDragHandleRef: (element: HTMLDivElement | null) => void;\n size: StackItemSize;\n setSize: (nextSize: StackItemSize, commit?: boolean) => void;\n};\n\nexport const StackItemContext = createContext<StackItemContextValue>({\n selfDragHandleRef: () => {},\n size: 'min-content',\n setSize: () => {},\n});\n\nexport const useStackItem = () => useContext(StackItemContext);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { draggable, dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { preserveOffsetOnSource } from '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source';\nimport { scrollJustEnoughIntoView } from '@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view';\nimport {\n attachClosestEdge,\n extractClosestEdge,\n type Edge,\n} from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, { forwardRef, useLayoutEffect, useState, type ComponentPropsWithRef, useCallback } from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { StackItemContent, type StackItemContentProps } from './StackItemContent';\nimport { StackItemDragHandle, type StackItemDragHandleProps } from './StackItemDragHandle';\nimport {\n StackItemHeading,\n StackItemHeadingLabel,\n type StackItemHeadingProps,\n type StackItemHeadingLabelProps,\n} from './StackItemHeading';\nimport { StackItemResizeHandle, type StackItemResizeHandleProps } from './StackItemResizeHandle';\nimport {\n StackItemSigil,\n type StackItemSigilProps,\n type StackItemSigilAction,\n type StackItemSigilButtonProps,\n StackItemSigilButton,\n} from './StackItemSigil';\nimport { useStack, StackItemContext } from '../StackContext';\nimport { type StackItemSize, type StackItemData } from '../defs';\n\n// NOTE: 48rem fills the screen on a MacbookPro with the sidebars closed.\nexport const DEFAULT_HORIZONTAL_SIZE = 48 satisfies StackItemSize;\nexport const DEFAULT_VERTICAL_SIZE = 'min-content' satisfies StackItemSize;\nexport const DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE satisfies StackItemSize;\n\ntype StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {\n item: Omit<StackItemData, 'type'>;\n order?: number;\n size?: StackItemSize;\n onSizeChange?: (nextSize: StackItemSize) => void;\n role?: 'article' | 'section';\n disableRearrange?: boolean;\n focusIndicatorVariant?: 'over-all' | 'group';\n};\n\nconst StackItemRoot = forwardRef<HTMLDivElement, StackItemRootProps>(\n (\n {\n item,\n children,\n classNames,\n size: propsSize,\n onSizeChange,\n role,\n order,\n style,\n disableRearrange,\n focusIndicatorVariant = 'over-all',\n ...props\n },\n forwardedRef,\n ) => {\n const [itemElement, itemRef] = useState<HTMLDivElement | null>(null);\n const [selfDragHandleElement, selfDragHandleRef] = useState<HTMLDivElement | null>(null);\n const [closestEdge, setEdge] = useState<Edge | null>(null);\n const { orientation, rail, onRearrange } = useStack();\n const [size = orientation === 'horizontal' ? DEFAULT_HORIZONTAL_SIZE : DEFAULT_VERTICAL_SIZE, setInternalSize] =\n useState(propsSize);\n\n const Root = role ?? 'div';\n\n const composedItemRef = composeRefs<HTMLDivElement>(itemRef, forwardedRef);\n\n const setSize = useCallback(\n (nextSize: StackItemSize, commit?: boolean) => {\n setInternalSize(nextSize);\n if (commit) {\n onSizeChange?.(nextSize);\n }\n },\n [onSizeChange],\n );\n\n const type = orientation === 'horizontal' ? 'column' : 'card';\n\n useLayoutEffect(() => {\n if (!itemElement || !onRearrange || disableRearrange) {\n return;\n }\n\n return combine(\n draggable({\n element: itemElement,\n ...(selfDragHandleElement && { dragHandle: selfDragHandleElement }),\n getInitialData: () => ({ id: item.id, type }),\n onGenerateDragPreview: ({ nativeSetDragImage, source, location }) => {\n document.body.setAttribute('data-drag-preview', 'true');\n scrollJustEnoughIntoView({ element: source.element });\n const { x, y } = preserveOffsetOnSource({ element: source.element, input: location.current.input })({\n container: (source.element.offsetParent ?? document.body) as HTMLElement,\n });\n nativeSetDragImage?.(source.element, x, y);\n },\n onDragStart: () => {\n document.body.removeAttribute('data-drag-preview');\n itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'active');\n },\n onDrop: () => {\n itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'idle');\n },\n }),\n dropTargetForElements({\n element: itemElement,\n getData: ({ input, element }) => {\n return attachClosestEdge(\n { id: item.id, type },\n { input, element, allowedEdges: orientation === 'horizontal' ? ['left', 'right'] : ['top', 'bottom'] },\n );\n },\n onDragEnter: ({ self, source }) => {\n if (source.data.type === self.data.type) {\n setEdge(extractClosestEdge(self.data));\n }\n },\n onDrag: ({ self, source }) => {\n if (source.data.type === self.data.type) {\n setEdge(extractClosestEdge(self.data));\n }\n },\n onDragLeave: () => setEdge(null),\n onDrop: ({ self, source }) => {\n setEdge(null);\n if (source.data.type === self.data.type) {\n onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n }\n },\n }),\n );\n }, [orientation, item, onRearrange, selfDragHandleElement, itemElement]);\n\n const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n return (\n <StackItemContext.Provider value={{ selfDragHandleRef, size, setSize }}>\n <Root\n {...props}\n tabIndex={0}\n {...focusableGroupAttrs}\n className={mx(\n 'group/stack-item grid relative',\n focusIndicatorVariant === 'over-all'\n ? 'dx-focus-ring-inset-over-all'\n : orientation === 'horizontal'\n ? 'dx-focus-ring-group-x'\n : 'dx-focus-ring-group-y',\n orientation === 'horizontal' ? 'grid-rows-subgrid' : 'grid-cols-subgrid',\n rail && (orientation === 'horizontal' ? 'row-span-2' : 'col-span-2'),\n classNames,\n )}\n data-dx-stack-item\n {...resizeAttributes}\n style={{\n ...sizeStyle(size, orientation),\n ...(Number.isFinite(order) && {\n [orientation === 'horizontal' ? 'gridColumn' : 'gridRow']: `${order}`,\n }),\n ...style,\n }}\n ref={composedItemRef}\n >\n {children}\n {closestEdge && <ListItem.DropIndicator lineInset={8} terminalInset={-8} edge={closestEdge} />}\n </Root>\n </StackItemContext.Provider>\n );\n },\n);\n\nexport const StackItem = {\n Root: StackItemRoot,\n Content: StackItemContent,\n Heading: StackItemHeading,\n HeadingLabel: StackItemHeadingLabel,\n ResizeHandle: StackItemResizeHandle,\n DragHandle: StackItemDragHandle,\n Sigil: StackItemSigil,\n SigilButton: StackItemSigilButton,\n};\n\nexport type {\n StackItemRootProps,\n StackItemContentProps,\n StackItemHeadingProps,\n StackItemHeadingLabelProps,\n StackItemResizeHandleProps,\n StackItemDragHandleProps,\n StackItemSigilProps,\n StackItemSigilButtonProps,\n StackItemSigilAction,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from '../StackContext';\n\nexport type StackItemContentProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n /**\n * This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate\n * (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.\n */\n toolbar?: boolean;\n\n /**\n * Whether to provide for the layout of a statusbar after the content.\n */\n statusbar?: boolean;\n\n /**\n * Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for\n * convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.\n */\n size?: 'intrinsic' | 'video' | 'square';\n};\n\n/**\n * This component should be used by plugins for rendering content within a stack item, a.k.a. a “plank” or “section”.\n * The `toolbar` flag must be provided since this component provides for the layout of content with the toolbar.\n */\nexport const StackItemContent = forwardRef<HTMLDivElement, StackItemContentProps>(\n ({ children, toolbar, statusbar, classNames, size = 'intrinsic', ...props }, forwardedRef) => {\n const { size: stackItemSize } = useStack();\n\n return (\n <div\n role='none'\n {...props}\n className={mx(\n 'group grid grid-cols-[100%]',\n stackItemSize === 'contain' && 'min-bs-0 overflow-hidden',\n size === 'video' ? 'aspect-video' : size === 'square' && 'aspect-square',\n classNames,\n )}\n style={{\n gridTemplateRows: [\n ...(toolbar ? ['var(--rail-action)'] : []),\n '1fr',\n ...(statusbar ? ['var(--statusbar-size)'] : []),\n ].join(' '),\n }}\n data-popover-collision-boundary={true}\n ref={forwardedRef}\n >\n {children}\n </div>\n );\n },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nimport { useStackItem } from '../StackContext';\n\nexport type StackItemDragHandleProps = ComponentPropsWithoutRef<'button'> & { asChild: boolean };\n\nexport const StackItemDragHandle = ({ asChild, children }: StackItemDragHandleProps) => {\n const { selfDragHandleRef } = useStackItem();\n\n const Root = asChild ? Slot : 'div';\n\n return (\n <Root ref={selfDragHandleRef} role='button'>\n {children}\n </Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { type ComponentPropsWithoutRef, type ComponentPropsWithRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { useAttention, type AttendableId, type Related } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from '../StackContext';\n\nexport type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>>;\n\nexport const StackItemHeading = ({ children, classNames, ...props }: StackItemHeadingProps) => {\n const { orientation } = useStack();\n const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n return (\n <div\n role='heading'\n {...props}\n tabIndex={0}\n {...focusableGroupAttrs}\n className={mx(\n 'flex items-center dx-focus-ring-inset-over-all relative !border-is-0 bg-headerSurface',\n orientation === 'horizontal' ? 'bs-[--rail-size]' : 'is-[--rail-size] flex-col',\n classNames,\n )}\n >\n {children}\n </div>\n );\n};\n\nexport type StackItemHeadingLabelProps = ThemedClassName<ComponentPropsWithRef<'h1'>> & AttendableId & Related;\n\nexport const StackItemHeadingLabel = forwardRef<HTMLHeadingElement, StackItemHeadingLabelProps>(\n ({ attendableId, related, classNames, ...props }, forwardedRef) => {\n const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n\n return (\n <h1\n {...props}\n data-attention={((related && isRelated) || hasAttention || isAncestor).toString()}\n className={mx(\n 'pli-1 min-is-0 is-0 grow truncate font-medium text-baseText data-[attention=true]:text-accentText self-center',\n classNames,\n )}\n ref={forwardedRef}\n />\n );\n },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { ResizeHandle } from '@dxos/react-ui-dnd';\n\nimport { DEFAULT_EXTRINSIC_SIZE } from './StackItem';\nimport { useStack, useStackItem } from '../StackContext';\n\nconst MIN_WIDTH = 20;\nconst MIN_HEIGHT = 3;\n\nexport type StackItemResizeHandleProps = {};\n\nexport const StackItemResizeHandle = () => {\n const { orientation } = useStack();\n const { setSize, size } = useStackItem();\n\n return (\n <ResizeHandle\n side={orientation === 'horizontal' ? 'inline-end' : 'block-end'}\n fallbackSize={DEFAULT_EXTRINSIC_SIZE}\n minSize={orientation === 'horizontal' ? MIN_WIDTH : MIN_HEIGHT}\n size={size}\n onSizeChange={setSize}\n />\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, type PropsWithChildren, forwardRef, useRef, useState } from 'react';\n\nimport { type ActionLike } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { Button, type ButtonProps, DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { type AttendableId, type Related, useAttention } from '@dxos/react-ui-attention';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { MenuSignifierHorizontal } from './MenuSignifier';\nimport { translationKey } from '../../translations';\n\nexport type KeyBinding = {\n windows?: string;\n macos?: string;\n ios?: string;\n linux?: string;\n unknown?: string;\n};\n\nexport type StackItemSigilAction = Pick<ActionLike, 'id' | 'properties' | 'data'>;\n\nexport type StackItemSigilButtonProps = Omit<ButtonProps, 'variant'> &\n AttendableId &\n Related & {\n isMenu?: boolean;\n };\n\nexport const StackItemSigilButton = forwardRef<HTMLButtonElement, StackItemSigilButtonProps>(\n ({ attendableId, classNames, related, isMenu = true, children, ...props }, forwardedRef) => {\n const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n const variant = (related && isRelated) || hasAttention || isAncestor ? 'primary' : 'ghost';\n // TODO(wittjosiah): Disable hover styles when isMenu is false.\n return (\n <Button\n {...props}\n variant={variant}\n classNames={['shrink-0 pli-0 min-bs-0 is-[--rail-action] bs-[--rail-action] relative app-no-drag', classNames]}\n ref={forwardedRef}\n >\n {isMenu && <MenuSignifierHorizontal />}\n {children}\n </Button>\n );\n },\n);\n\nexport type StackItemSigilProps = PropsWithChildren<\n {\n attendableId?: string;\n triggerLabel: string;\n actions?: StackItemSigilAction[][];\n icon: string;\n onAction?: (action: StackItemSigilAction) => void;\n } & Related\n>;\n\nexport const StackItemSigil = forwardRef<HTMLButtonElement, StackItemSigilProps>(\n ({ actions: actionGroups, onAction, triggerLabel, attendableId, icon, related, children }, forwardedRef) => {\n const { t } = useTranslation(translationKey);\n const suppressNextTooltip = useRef(false);\n\n const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n\n const hasActions = actionGroups && actionGroups.length > 0;\n\n const button = (\n <StackItemSigilButton\n attendableId={attendableId}\n related={related}\n isMenu={hasActions}\n // TODO(wittjosiah): Better disabling of interactive styles when no action are available.\n // Remove underscore icon when no actions are available?\n classNames={!hasActions && 'cursor-default'}\n >\n <span className='sr-only'>{triggerLabel}</span>\n <Icon icon={icon} size={5} />\n </StackItemSigilButton>\n );\n\n if (!hasActions) {\n return button;\n }\n\n return (\n <DropdownMenu.Root\n {...{\n open: optionsMenuOpen,\n onOpenChange: (nextOpen: boolean) => {\n if (!nextOpen) {\n suppressNextTooltip.current = true;\n }\n return setOptionsMenuOpen(nextOpen);\n },\n }}\n >\n <DropdownMenu.Trigger asChild ref={forwardedRef}>\n {button}\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content classNames='z-[31]'>\n <DropdownMenu.Viewport>\n {actionGroups?.map((actions, index) => {\n const separator = index > 0 ? <DropdownMenu.Separator /> : null;\n return (\n <Fragment key={index}>\n {separator}\n {actions.map((action) => {\n const shortcut =\n typeof action.properties.keyBinding === 'string'\n ? action.properties.keyBinding\n : action.properties.keyBinding?.[getHostPlatform()];\n\n const menuItemType = action.properties.menuItemType;\n const Root = menuItemType === 'toggle' ? DropdownMenu.CheckboxItem : DropdownMenu.Item;\n\n return (\n <Root\n key={action.id}\n onClick={(event) => {\n if (action.properties.disabled) {\n return;\n }\n event.stopPropagation();\n // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n suppressNextTooltip.current = true;\n setOptionsMenuOpen(false);\n onAction?.(action);\n }}\n classNames='gap-2'\n disabled={action.properties.disabled}\n checked={menuItemType === 'toggle' ? action.properties.isChecked : undefined}\n {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n >\n <Icon icon={action.properties.icon ?? 'ph--placeholder--regular'} size={4} />\n <span className='grow truncate'>{toLocalizedString(action.properties.label ?? '', t)}</span>\n {menuItemType === 'toggle' && (\n <DropdownMenu.ItemIndicator asChild>\n <Icon icon='ph--check--regular' size={4} />\n </DropdownMenu.ItemIndicator>\n )}\n {shortcut && (\n <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>\n )}\n </Root>\n );\n })}\n </Fragment>\n );\n })}\n {children}\n </DropdownMenu.Viewport>\n <DropdownMenu.Arrow />\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n );\n },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nexport const MenuSignifierHorizontal = () => (\n <svg\n className='absolute block-end-[7px]'\n width={20}\n height={2}\n viewBox='0 0 20 2'\n stroke='currentColor'\n opacity={0.5}\n >\n <line\n x1={0.5}\n y1={0.75}\n x2={19}\n y2={0.75}\n strokeWidth={1.25}\n strokeLinecap='round'\n strokeDasharray='6 20'\n strokeDashoffset='-6.5'\n />\n </svg>\n);\n\nexport const MenuSignifierVertical = () => (\n <svg className='absolute inline-start-1' width={2} height={18} viewBox='0 0 2 18' stroke='currentColor'>\n <line x1={1} y1={3} x2={1} y2={18} strokeWidth={1.5} strokeLinecap='round' strokeDasharray='0 6' />\n </svg>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n {\n 'en-US': {\n [translationKey]: {\n 'resize label': 'Drag to resize',\n 'pin start label': 'Pin to the left sidebar',\n 'pin end label': 'Pin to the right sidebar',\n 'increment start label': 'Move to the left',\n 'increment end label': 'Move to the right',\n 'close label': 'Close',\n 'minify label': 'Minify',\n },\n },\n },\n];\n"],
5
+ "mappings": "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",
6
+ "names": ["import_react", "import_combine", "import_adapter", "import_closest_edge", "import_react_tabster", "import_react_compose_refs", "import_react_ui", "import_react_ui_theme", "import_react_ui_dnd", "import_react_ui_attention", "useStackDropForElements", "id", "element", "selfDroppable", "orientation", "onRearrange", "dropping", "setDropping", "useState", "useLayoutEffect", "acceptSourceType", "combine", "dropTargetForElements", "getData", "input", "attachClosestEdge", "type", "allowedEdges", "onDragEnter", "source", "data", "onDrag", "onDragLeave", "onDrop", "self", "extractClosestEdge", "autoScrollForElements", "getAllowedAxis", "StackContext", "createContext", "rail", "size", "useStack", "useContext", "StackItemContext", "selfDragHandleRef", "setSize", "useStackItem", "railGridHorizontal", "railGridVertical", "railGridHorizontalContainFitContent", "railGridVerticalContainFitContent", "autoScrollRootAttributes", "Stack", "forwardRef", "children", "classNames", "style", "itemsCount", "Children", "count", "props", "forwardedRef", "stackElement", "stackRef", "composedItemRef", "composeRefs", "arrowNavigationAttrs", "useArrowNavigationGroup", "axis", "styles", "gridClasses", "useMemo", "React", "Provider", "value", "div", "className", "mx", "data-rail", "aria-orientation", "ref", "ListItem", "DropIndicator", "lineInset", "terminalInset", "gap", "edge", "StackItemContent", "toolbar", "statusbar", "stackItemSize", "role", "gridTemplateRows", "join", "data-popover-collision-boundary", "StackItemDragHandle", "asChild", "Root", "Slot", "StackItemHeading", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StackItemHeadingLabel", "attendableId", "related", "hasAttention", "isAncestor", "isRelated", "useAttention", "h1", "data-attention", "toString", "MIN_WIDTH", "MIN_HEIGHT", "StackItemResizeHandle", "ResizeHandle", "side", "fallbackSize", "DEFAULT_EXTRINSIC_SIZE", "minSize", "onSizeChange", "MenuSignifierHorizontal", "svg", "width", "height", "viewBox", "stroke", "opacity", "line", "x1", "y1", "x2", "y2", "strokeWidth", "strokeLinecap", "strokeDasharray", "strokeDashoffset", "translationKey", "StackItemSigilButton", "isMenu", "variant", "Button", "StackItemSigil", "actions", "actionGroups", "onAction", "triggerLabel", "icon", "t", "useTranslation", "suppressNextTooltip", "useRef", "optionsMenuOpen", "setOptionsMenuOpen", "hasActions", "length", "button", "span", "Icon", "DropdownMenu", "open", "onOpenChange", "nextOpen", "current", "Trigger", "Portal", "Content", "Viewport", "map", "index", "separator", "Separator", "Fragment", "key", "action", "shortcut", "properties", "keyBinding", "getHostPlatform", "menuItemType", "CheckboxItem", "Item", "onClick", "event", "disabled", "stopPropagation", "checked", "isChecked", "undefined", "testId", "toLocalizedString", "label", "ItemIndicator", "descriptionText", "keySymbols", "Arrow", "DEFAULT_HORIZONTAL_SIZE", "DEFAULT_VERTICAL_SIZE", "StackItemRoot", "item", "propsSize", "order", "disableRearrange", "focusIndicatorVariant", "itemElement", "itemRef", "selfDragHandleElement", "closestEdge", "setEdge", "setInternalSize", "useCallback", "nextSize", "commit", "draggable", "dragHandle", "getInitialData", "onGenerateDragPreview", "nativeSetDragImage", "location", "document", "body", "setAttribute", "scrollJustEnoughIntoView", "x", "y", "preserveOffsetOnSource", "container", "offsetParent", "onDragStart", "removeAttribute", "closest", "data-dx-stack-item", "resizeAttributes", "sizeStyle", "Number", "isFinite", "StackItem", "Heading", "HeadingLabel", "DragHandle", "Sigil", "SigilButton"]
7
7
  }