@dxos/react-ui-stack 0.8.4-main.f5c0578 → 0.8.4-main.fcc0d83b33

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 (109) hide show
  1. package/dist/lib/browser/index.mjs +706 -65
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/browser/translations.mjs +23 -0
  5. package/dist/lib/browser/translations.mjs.map +7 -0
  6. package/dist/lib/node-esm/index.mjs +707 -65
  7. package/dist/lib/node-esm/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/meta.json +1 -1
  9. package/dist/lib/node-esm/translations.mjs +25 -0
  10. package/dist/lib/node-esm/translations.mjs.map +7 -0
  11. package/dist/types/src/components/Stack/Stack.d.ts +13 -10
  12. package/dist/types/src/components/Stack/Stack.d.ts.map +1 -1
  13. package/dist/types/src/components/Stack/Stack.stories.d.ts +12 -3
  14. package/dist/types/src/components/Stack/Stack.stories.d.ts.map +1 -1
  15. package/dist/types/src/components/StackContext.d.ts +2 -1
  16. package/dist/types/src/components/StackContext.d.ts.map +1 -1
  17. package/dist/types/src/components/StackItem/MenuSignifier.d.ts.map +1 -1
  18. package/dist/types/src/components/StackItem/StackItem.d.ts +12 -15
  19. package/dist/types/src/components/StackItem/StackItem.d.ts.map +1 -1
  20. package/dist/types/src/components/StackItem/StackItem.stories.d.ts +13 -5
  21. package/dist/types/src/components/StackItem/StackItem.stories.d.ts.map +1 -1
  22. package/dist/types/src/components/StackItem/StackItemContent.d.ts +4 -37
  23. package/dist/types/src/components/StackItem/StackItemContent.d.ts.map +1 -1
  24. package/dist/types/src/components/StackItem/StackItemDragHandle.d.ts.map +1 -1
  25. package/dist/types/src/components/StackItem/StackItemHeading.d.ts +1 -1
  26. package/dist/types/src/components/StackItem/StackItemHeading.d.ts.map +1 -1
  27. package/dist/types/src/components/StackItem/StackItemResizeHandle.d.ts +1 -1
  28. package/dist/types/src/components/StackItem/StackItemResizeHandle.d.ts.map +1 -1
  29. package/dist/types/src/components/StackItem/StackItemSigil.d.ts +2 -2
  30. package/dist/types/src/components/StackItem/StackItemSigil.d.ts.map +1 -1
  31. package/dist/types/src/components/index.d.ts +1 -1
  32. package/dist/types/src/components/index.d.ts.map +1 -1
  33. package/dist/types/src/components/{defs.d.ts → types.d.ts} +1 -1
  34. package/dist/types/src/components/types.d.ts.map +1 -0
  35. package/dist/types/src/hooks/useStackDropForElements.d.ts +8 -6
  36. package/dist/types/src/hooks/useStackDropForElements.d.ts.map +1 -1
  37. package/dist/types/src/index.d.ts +0 -2
  38. package/dist/types/src/index.d.ts.map +1 -1
  39. package/dist/types/src/playwright/playwright.config.d.ts.map +1 -1
  40. package/dist/types/src/playwright/stack-manager.d.ts.map +1 -1
  41. package/dist/types/src/translations.d.ts +10 -10
  42. package/dist/types/src/translations.d.ts.map +1 -1
  43. package/dist/types/tsconfig.tsbuildinfo +1 -1
  44. package/package.json +49 -47
  45. package/src/components/Stack/Stack.stories.tsx +13 -17
  46. package/src/components/Stack/Stack.tsx +238 -52
  47. package/src/components/StackContext.tsx +2 -1
  48. package/src/components/StackItem/MenuSignifier.tsx +2 -9
  49. package/src/components/StackItem/StackItem.stories.tsx +21 -17
  50. package/src/components/StackItem/StackItem.tsx +51 -34
  51. package/src/components/StackItem/StackItemContent.tsx +24 -44
  52. package/src/components/StackItem/StackItemDragHandle.tsx +4 -3
  53. package/src/components/StackItem/StackItemHeading.tsx +14 -17
  54. package/src/components/StackItem/StackItemResizeHandle.tsx +1 -2
  55. package/src/components/StackItem/StackItemSigil.tsx +10 -7
  56. package/src/components/index.ts +2 -1
  57. package/src/hooks/useStackDropForElements.ts +60 -46
  58. package/src/index.ts +0 -4
  59. package/src/playwright/playwright.config.ts +1 -1
  60. package/src/translations.ts +9 -9
  61. package/dist/lib/browser/chunk-WOG2GQRG.mjs +0 -1200
  62. package/dist/lib/browser/chunk-WOG2GQRG.mjs.map +0 -7
  63. package/dist/lib/browser/testing/index.mjs +0 -31
  64. package/dist/lib/browser/testing/index.mjs.map +0 -7
  65. package/dist/lib/node-esm/chunk-PO2QGNXW.mjs +0 -1202
  66. package/dist/lib/node-esm/chunk-PO2QGNXW.mjs.map +0 -7
  67. package/dist/lib/node-esm/testing/index.mjs +0 -32
  68. package/dist/lib/node-esm/testing/index.mjs.map +0 -7
  69. package/dist/types/src/components/defs.d.ts.map +0 -1
  70. package/dist/types/src/components/deprecated/LayoutControls.d.ts +0 -19
  71. package/dist/types/src/components/deprecated/LayoutControls.d.ts.map +0 -1
  72. package/dist/types/src/exemplars/Card/Card.d.ts +0 -58
  73. package/dist/types/src/exemplars/Card/Card.d.ts.map +0 -1
  74. package/dist/types/src/exemplars/Card/Card.stories.d.ts +0 -13
  75. package/dist/types/src/exemplars/Card/Card.stories.d.ts.map +0 -1
  76. package/dist/types/src/exemplars/Card/CardDragPreview.d.ts +0 -6
  77. package/dist/types/src/exemplars/Card/CardDragPreview.d.ts.map +0 -1
  78. package/dist/types/src/exemplars/Card/fragments.d.ts +0 -13
  79. package/dist/types/src/exemplars/Card/fragments.d.ts.map +0 -1
  80. package/dist/types/src/exemplars/Card/index.d.ts +0 -4
  81. package/dist/types/src/exemplars/Card/index.d.ts.map +0 -1
  82. package/dist/types/src/exemplars/CardStack/CardStack.d.ts +0 -40
  83. package/dist/types/src/exemplars/CardStack/CardStack.d.ts.map +0 -1
  84. package/dist/types/src/exemplars/CardStack/CardStack.stories.d.ts +0 -9
  85. package/dist/types/src/exemplars/CardStack/CardStack.stories.d.ts.map +0 -1
  86. package/dist/types/src/exemplars/CardStack/CardStackDragPreview.d.ts +0 -9
  87. package/dist/types/src/exemplars/CardStack/CardStackDragPreview.d.ts.map +0 -1
  88. package/dist/types/src/exemplars/CardStack/index.d.ts +0 -3
  89. package/dist/types/src/exemplars/CardStack/index.d.ts.map +0 -1
  90. package/dist/types/src/exemplars/index.d.ts +0 -3
  91. package/dist/types/src/exemplars/index.d.ts.map +0 -1
  92. package/dist/types/src/testing/CardContainer.d.ts +0 -6
  93. package/dist/types/src/testing/CardContainer.d.ts.map +0 -1
  94. package/dist/types/src/testing/index.d.ts +0 -2
  95. package/dist/types/src/testing/index.d.ts.map +0 -1
  96. package/src/components/deprecated/LayoutControls.tsx +0 -109
  97. package/src/exemplars/Card/Card.stories.tsx +0 -78
  98. package/src/exemplars/Card/Card.tsx +0 -187
  99. package/src/exemplars/Card/CardDragPreview.tsx +0 -22
  100. package/src/exemplars/Card/fragments.ts +0 -24
  101. package/src/exemplars/Card/index.ts +0 -7
  102. package/src/exemplars/CardStack/CardStack.stories.tsx +0 -173
  103. package/src/exemplars/CardStack/CardStack.tsx +0 -136
  104. package/src/exemplars/CardStack/CardStackDragPreview.tsx +0 -61
  105. package/src/exemplars/CardStack/index.ts +0 -6
  106. package/src/exemplars/index.ts +0 -6
  107. package/src/testing/CardContainer.tsx +0 -37
  108. package/src/testing/index.ts +0 -5
  109. /package/src/components/{defs.ts → types.ts} +0 -0
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
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"],
4
+ "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, {\n Children,\n type ComponentPropsWithRef,\n type FocusEvent,\n type KeyboardEvent,\n forwardRef,\n useCallback,\n useEffect,\n useState,\n} from 'react';\n\nimport { ListItem, type ThemedClassName, useId } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useStackDropForElements } from '../../hooks';\nimport { StackContext } from '../StackContext';\nimport { type StackContextValue } from '../types';\n\nexport type Orientation = 'horizontal' | 'vertical';\n\n/**\n * Size is how Stack and its StackItems coordinate the dimensions of the items with the available space.\n * - `intrinsic` signals to Stack and its StackItems to occupy their intrinsic size\n * - Any other size will extrinsically fill the available space along the axis of its orientation and handle overflow:\n * - `contain` causes StackItems to occupy their intrinsic size\n * - `split` divides the Stack’s available space among the StackItems\n */\nexport type Size = 'intrinsic' | 'contain' | 'split';\n\nexport const railGridHorizontal = 'grid-rows-[[rail-start]_var(--dx-rail-size)_[content-start]_1fr_[content-end]]';\nexport const railGridVertical = 'grid-cols-[[rail-start]_var(--dx-rail-size)_[content-start]_1fr_[content-end]]';\n\nconst PERPENDICULAR_FOCUS_THRESHHOLD = 128;\n\nconst scrollIntoViewAndFocus = (el: HTMLElement, orientation: StackProps['orientation']) => {\n el.scrollIntoView({\n behavior: 'instant',\n [orientation === 'vertical' ? 'block' : 'inline']: 'center',\n });\n return el.focus();\n};\n\nexport type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> &\n Partial<StackContextValue> & {\n itemsCount?: number;\n circularFocus?: boolean;\n separatorOnScroll?: number;\n getDropElement?: (stackElement: HTMLDivElement) => HTMLDivElement;\n };\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n (\n {\n children,\n classNames,\n id,\n style,\n orientation = 'vertical',\n rail = true,\n size = 'intrinsic',\n itemsCount = Children.count(children),\n circularFocus,\n separatorOnScroll,\n getDropElement,\n onBlur,\n onKeyDown,\n onRearrange,\n ...props\n },\n forwardedRef,\n ) => {\n const stackId = useId('stack', id);\n const [stackElement, stackRef] = useState<HTMLDivElement | null>(null);\n const [lastFocusedItem, setLastFocusedItem] = useState<string>();\n const composedItemRef = composeRefs<HTMLDivElement>(stackRef, forwardedRef);\n\n const selfDroppable = !!(itemsCount < 1 && onRearrange && id);\n const { dropping } = useStackDropForElements({\n id,\n element: getDropElement && stackElement ? getDropElement(stackElement) : stackElement,\n scrollElement: stackElement,\n selfDroppable,\n orientation,\n onRearrange,\n });\n\n /** Updates scroll separator data attributes based on current scroll position. */\n const handleScroll = useCallback(() => {\n if (stackElement && Number.isFinite(separatorOnScroll)) {\n const scrollPosition = orientation === 'horizontal' ? stackElement.scrollLeft : stackElement.scrollTop;\n const scrollSize = orientation === 'horizontal' ? stackElement.scrollWidth : stackElement.scrollHeight;\n const clientSize = orientation === 'horizontal' ? stackElement.clientWidth : stackElement.clientHeight;\n const separatorHost = stackElement.closest('[data-scroll-separator]');\n if (separatorHost) {\n separatorHost.setAttribute('data-scroll-separator', String(scrollPosition > separatorOnScroll!));\n separatorHost.setAttribute(\n 'data-scroll-separator-end',\n String(scrollSize - (scrollPosition + clientSize) > separatorOnScroll!),\n );\n }\n }\n }, [stackElement, separatorOnScroll, orientation]);\n\n /** Handles blur events to track the last focused item within this stack. */\n const handleBlur = useCallback(\n (event: FocusEvent<HTMLDivElement>) => {\n if (event.target) {\n const target = event.target as HTMLElement;\n const closestStackItem = target.closest(`[data-dx-item-id]`) as HTMLElement | null;\n if (closestStackItem?.closest(`[data-dx-stack=\"${stackId}\"]`)) {\n setLastFocusedItem(closestStackItem?.getAttribute('data-dx-item-id') ?? undefined);\n }\n }\n onBlur?.(event);\n },\n [stackId, onBlur],\n );\n\n /** Handles keyboard navigation within the stack. */\n const handleKeyDown = useKeyDown(stackId, circularFocus, onKeyDown);\n\n /** Observes DOM mutations to keep scroll separator state in sync. */\n useEffect(() => {\n if (!(stackElement && Number.isFinite(separatorOnScroll))) {\n return;\n }\n\n const observer = new MutationObserver(() => {\n handleScroll();\n });\n\n observer.observe(stackElement, { childList: true, subtree: true });\n return () => {\n observer.disconnect();\n };\n }, [stackElement, handleScroll]);\n\n return (\n <StackContext.Provider value={{ stackId, orientation, rail, size, onRearrange }}>\n <div\n {...props}\n {...(Number.isFinite(separatorOnScroll) && { onScroll: handleScroll })}\n className={mx(\n 'relative grid [--stack-gap:var(--spacing-trim-xs)]',\n size === 'contain' &&\n (orientation === 'horizontal'\n ? 'overflow-x-auto overscroll-x-contain min-h-0 max-h-full h-full'\n : 'overflow-y-auto min-w-0 max-w-full w-full'),\n rail\n ? orientation === 'horizontal'\n ? railGridHorizontal\n : railGridVertical\n : orientation === 'horizontal'\n ? 'grid-rows-1 px-(--stack-gap)'\n : 'grid-cols-1 py-(--stack-gap)',\n classNames,\n )}\n style={{\n [orientation === 'horizontal' ? 'gridTemplateColumns' : 'gridTemplateRows']:\n size === 'split'\n ? `repeat(${itemsCount}, 1fr)`\n : `repeat(${itemsCount}, min-content) [tabster-dummies] 0`,\n ...style,\n }}\n aria-orientation={orientation}\n data-dx-stack={stackId}\n data-dx-stack-circular-focus={circularFocus}\n data-dx-last-focused-item={lastFocusedItem}\n data-rail={rail}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\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/**\n * Handles moving focus using the arrow keys. Focus is only handled by the nearest stack.\n * If the arrow key matches the orientation, focus cycles between items, otherwise focus is passed to an adjacent stack item;\n * Or if there is no such stack item, focus is passed to the adjacent empty stack if one can be found.\n */\n// TODO(burdon): Replace with Mosaic.Stack which handles this automatically.\nconst useKeyDown = (stackId: string, circularFocus?: boolean, onKeyDown?: StackProps['onKeyDown']) =>\n useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n const target = event.target as HTMLElement;\n if (\n event.key.startsWith('Arrow') &&\n !target.closest(\n `input, textarea, [role=\"textbox\"], [data-tabster*=\"mover\"], [data-arrow-keys=\"all\"], [data-arrow-keys~=\"${event.key.toLowerCase().slice(5)}\"]`,\n )\n ) {\n const closestOwnedItem = target.closest(`[data-dx-stack-item=\"${stackId}\"]`);\n const closestStack = target.closest('[data-dx-stack]') as HTMLElement | null;\n const closestStackItems = Array.from(closestStack?.querySelectorAll(`[data-dx-stack-item=\"${stackId}\"]`) ?? []);\n const closestStackOrientation = closestStack?.getAttribute('aria-orientation') as Orientation;\n const ancestorStack = closestStack?.parentElement?.closest('[data-dx-stack]') as HTMLElement | null;\n if (closestOwnedItem && closestStack) {\n const ancestorOrientation = ancestorStack?.getAttribute('aria-orientation') as Orientation | undefined;\n const parallelDelta = (\n closestStackOrientation === 'vertical' ? event.key === 'ArrowUp' : event.key === 'ArrowLeft'\n )\n ? -1\n : (closestStackOrientation === 'vertical' ? event.key === 'ArrowDown' : event.key === 'ArrowRight')\n ? 1\n : 0;\n const perpendicularDelta = (\n closestStackOrientation === 'vertical' ? event.key === 'ArrowLeft' : event.key === 'ArrowUp'\n )\n ? -1\n : (closestStackOrientation === 'vertical' ? event.key === 'ArrowRight' : event.key === 'ArrowDown')\n ? 1\n : 0;\n if (parallelDelta !== 0) {\n const currentIndex = closestStackItems.indexOf(closestOwnedItem);\n const nextIndex = currentIndex + parallelDelta;\n let adjacentItem: HTMLElement | undefined;\n if (circularFocus) {\n // Circular navigation: wrap around using modulo.\n adjacentItem = closestStackItems[(nextIndex + closestStackItems.length) % closestStackItems.length] as\n | HTMLElement\n | undefined;\n } else {\n // Non-circular navigation: only move if within bounds.\n if (nextIndex >= 0 && nextIndex < closestStackItems.length) {\n adjacentItem = closestStackItems[nextIndex] as HTMLElement | undefined;\n }\n }\n\n if (adjacentItem) {\n event.preventDefault();\n scrollIntoViewAndFocus(adjacentItem, closestStackOrientation);\n }\n }\n\n if (perpendicularDelta !== 0) {\n if (ancestorStack && ancestorOrientation !== closestStackOrientation) {\n const siblingStacks = Array.from(\n ancestorStack.querySelectorAll(\n `[data-dx-stack-item=\"${ancestorStack.getAttribute('data-dx-stack')}\"] [data-dx-stack]`,\n ),\n ) as HTMLElement[];\n const currentStackIndex = siblingStacks.indexOf(closestStack);\n const nextStackIndex = currentStackIndex + perpendicularDelta;\n let adjacentStack: HTMLElement | undefined;\n\n if (ancestorStack.getAttribute('data-dx-stack-circular-focus') === 'true') {\n // Circular navigation: wrap around using modulo.\n adjacentStack = siblingStacks[(nextStackIndex + siblingStacks.length) % siblingStacks.length] as\n | HTMLElement\n | undefined;\n } else {\n // Non-circular navigation: only move if within bounds.\n if (nextStackIndex >= 0 && nextStackIndex < siblingStacks.length) {\n adjacentStack = siblingStacks[nextStackIndex] as HTMLElement | undefined;\n }\n }\n const adjacentStackSelfItem = adjacentStack?.closest(\n `[data-dx-stack-item=${ancestorStack.getAttribute('data-dx-stack')}]`,\n ) as HTMLElement | undefined;\n const adjacentStackItems = adjacentStack\n ? (Array.from(\n adjacentStack.querySelectorAll(\n `[data-dx-stack-item=\"${adjacentStack.getAttribute('data-dx-stack')}\"]`,\n ),\n ) as HTMLElement[])\n : [];\n if (adjacentStack && adjacentStackItems.length > 0) {\n // Check if the adjacent stack has a last focused item recorded, otherwise find the closest item by position.\n let closestItem = adjacentStackItems[0];\n // Try to find an item with matching data-dx-stack-item value.\n const lastFocusedItem = adjacentStack.querySelector(\n `[data-dx-item-id=\"${adjacentStack.getAttribute('data-dx-last-focused-item') ?? 'never'}\"]`,\n );\n if (lastFocusedItem) {\n closestItem = lastFocusedItem as HTMLElement;\n } else {\n // Fall back to positional calculation\n const ownedItemRect = closestOwnedItem.getBoundingClientRect();\n const targetPosition =\n closestStackOrientation === 'vertical' ? ownedItemRect.top : ownedItemRect.left;\n\n let closestDistance = Infinity;\n for (const item of adjacentStackItems) {\n const itemRect = item.getBoundingClientRect();\n const itemPosition = closestStackOrientation === 'vertical' ? itemRect.top : itemRect.left;\n const distance = Math.abs(itemPosition - targetPosition);\n if (distance < closestDistance) {\n closestDistance = distance;\n closestItem = item;\n }\n if (closestDistance <= PERPENDICULAR_FOCUS_THRESHHOLD) {\n break;\n }\n }\n }\n\n event.preventDefault();\n scrollIntoViewAndFocus(closestItem, closestStackOrientation);\n } else if (adjacentStackSelfItem) {\n event.preventDefault();\n scrollIntoViewAndFocus(adjacentStackSelfItem, ancestorOrientation);\n }\n } else if (closestOwnedItem) {\n const closestOwnedItemStack = closestOwnedItem.querySelector('[data-dx-stack]');\n const closestOwnedItemStackItems = closestOwnedItemStack\n ? (Array.from(\n closestOwnedItemStack.querySelectorAll(\n `[data-dx-stack-item=\"${closestOwnedItemStack.getAttribute('data-dx-stack')}\"]`,\n ),\n ) as HTMLElement[])\n : [];\n if (closestOwnedItemStackItems.length > 0) {\n event.preventDefault();\n scrollIntoViewAndFocus(\n closestOwnedItemStackItems[\n ['ArrowUp', 'ArrowLeft'].includes(event.key) ? closestOwnedItemStackItems.length - 1 : 0\n ],\n closestOwnedItemStack?.getAttribute('aria-orientation') as Orientation,\n );\n }\n }\n }\n }\n }\n onKeyDown?.(event);\n },\n [onKeyDown, stackId, circularFocus],\n );\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';\nimport { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { type Orientation, type StackItemData, type StackItemRearrangeHandler } from '../components';\n\nconst noop = () => {};\n\nexport type UseStackDropForElementsProps = {\n id?: string;\n element: HTMLDivElement | null;\n scrollElement?: HTMLDivElement | null;\n orientation: Orientation;\n selfDroppable: boolean;\n onRearrange?: StackItemRearrangeHandler;\n};\n\nexport type UseStackDropForElements = {\n dropping: boolean;\n};\n\n/**\n * Hook to handle drag-and-drop functionality for Stack components.\n */\nexport const useStackDropForElements = ({\n id,\n element,\n scrollElement = element,\n orientation,\n selfDroppable,\n onRearrange,\n}: UseStackDropForElementsProps): UseStackDropForElements => {\n const [dropping, setDropping] = useState(false);\n\n useLayoutEffect(() => {\n if (!element) {\n return;\n }\n\n const acceptSourceType = orientation === 'horizontal' ? 'column' : 'card';\n\n // TODO(burdon): Use monitor?\n return combine(\n selfDroppable\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 : noop,\n\n scrollElement\n ? autoScrollForElements({\n element: scrollElement,\n getAllowedAxis: () => orientation,\n })\n : noop,\n );\n }, [id, element, scrollElement, selfDroppable, orientation, 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 StackItemRearrangeHandler, type StackItemSize } from './types';\n\nexport type StackContextValue = {\n orientation: Orientation;\n rail: boolean;\n size: Size;\n onRearrange?: StackItemRearrangeHandler;\n stackId?: string;\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 ItemDragState =\n | {\n type: 'idle';\n }\n | {\n type: 'preview';\n container: HTMLElement;\n item: any;\n }\n | {\n type: 'is-dragging';\n item: any;\n };\n\nexport const idle: ItemDragState = { type: 'idle' };\n\nexport type StackItemContextValue = {\n selfDragHandleRef: (element: HTMLDivElement | null) => void;\n size: StackItemSize;\n setSize: (nextSize: StackItemSize, commit?: boolean) => void;\n state: ItemDragState;\n setState: (state: ItemDragState) => void;\n role?: string;\n};\n\nexport const StackItemContext = createContext<StackItemContextValue>({\n selfDragHandleRef: () => {},\n size: 'min-content',\n setSize: () => {},\n state: idle,\n setState: () => {},\n});\n\nexport const useStackItem = () => useContext(StackItemContext);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport {\n type Edge,\n attachClosestEdge,\n extractClosestEdge,\n} from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\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 { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, {\n type ComponentPropsWithRef,\n type ReactNode,\n forwardRef,\n useCallback,\n useLayoutEffect,\n useMemo,\n useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { ListItem, type ThemedClassName } from '@dxos/react-ui';\nimport { resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/ui-theme';\n\nimport { type ItemDragState, StackItemContext, idle, useStack, useStackItem } from '../StackContext';\nimport { type StackItemData, type StackItemSize } from '../types';\nimport { StackItemContent, type StackItemContentProps } from './StackItemContent';\nimport { StackItemDragHandle, type StackItemDragHandleProps } from './StackItemDragHandle';\nimport {\n StackItemHeading,\n StackItemHeadingLabel,\n type StackItemHeadingLabelProps,\n type StackItemHeadingProps,\n StackItemHeadingStickyContent,\n} from './StackItemHeading';\nimport { StackItemResizeHandle, type StackItemResizeHandleProps } from './StackItemResizeHandle';\nimport {\n StackItemSigil,\n type StackItemSigilAction,\n StackItemSigilButton,\n type StackItemSigilButtonProps,\n type StackItemSigilProps,\n} from './StackItemSigil';\n\nexport const DEFAULT_VERTICAL_SIZE = 'min-content' satisfies StackItemSize;\nexport const DEFAULT_HORIZONTAL_SIZE = 50 satisfies StackItemSize;\nexport const DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE satisfies StackItemSize;\n\n//\n// StackItemRoot\n//\n\ntype StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {\n role?: 'article' | 'section';\n item: Omit<StackItemData, 'type'>;\n order?: number;\n prevSiblingId?: string;\n nextSiblingId?: string;\n size?: StackItemSize;\n onSizeChange?: (nextSize: StackItemSize) => void;\n disableRearrange?: boolean;\n focusIndicatorVariant?: 'over-all' | 'group' | 'over-all-always' | 'group-always';\n};\n\nconst StackItemRoot = forwardRef<HTMLDivElement, StackItemRootProps>(\n (\n {\n classNames,\n children,\n style,\n role,\n item,\n order,\n prevSiblingId,\n nextSiblingId,\n size: sizeProp,\n onSizeChange,\n disableRearrange,\n focusIndicatorVariant = 'over-all',\n ...props\n },\n forwardedRef,\n ) => {\n const [itemElement, itemRef] = useState<HTMLDivElement | null>(null);\n const composedItemRef = composeRefs<HTMLDivElement>(itemRef, forwardedRef);\n const [selfDragHandleElement, selfDragHandleRef] = useState<HTMLDivElement | null>(null);\n const [closestEdge, setEdge] = useState<Edge | null>(null);\n const [sourceId, setSourceId] = useState<string | null>(null);\n const [dragState, setDragState] = useState<ItemDragState>(idle);\n const { orientation, rail, onRearrange, size: stackSize, stackId } = useStack();\n const [size = orientation === 'horizontal' ? DEFAULT_HORIZONTAL_SIZE : DEFAULT_VERTICAL_SIZE, setInternalSize] =\n useState(sizeProp);\n\n const Root = role ?? 'div';\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 // TODO(burdon): Factor out?\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 const offsetFn = preserveOffsetOnSource({ element: source.element, input: location.current.input });\n const rect = source.element.getBoundingClientRect();\n setCustomNativeDragPreview({\n nativeSetDragImage,\n getOffset: ({ container }) => {\n return offsetFn({ container });\n },\n render: ({ container }) => {\n container.style.width = rect.width + 'px';\n setDragState({ type: 'preview', container, item });\n return () => {};\n },\n });\n },\n onDragStart: () => {\n document.body.removeAttribute('data-drag-preview');\n itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'active');\n setDragState({ type: 'is-dragging', item });\n },\n onDrop: () => {\n itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'idle');\n setDragState(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 setSourceId(source.data.id as string);\n }\n },\n onDrag: ({ self, source }) => {\n if (source.data.type === self.data.type) {\n setEdge(extractClosestEdge(self.data));\n setSourceId(source.data.id as string);\n }\n },\n onDragLeave: () => {\n setEdge(null);\n setSourceId(null);\n },\n onDrop: ({ self, source }) => {\n setEdge(null);\n setSourceId(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 // Determine if the drop would result in any changes.\n const shouldShowDropIndicator = () => {\n if (!closestEdge || !sourceId) {\n return false;\n }\n\n // Don't show indicator when dragged item is over itself.\n if (sourceId === item.id) {\n return false;\n }\n\n // Don't show indicator when dragged item is over the trailing edge of its previous sibling.\n const isTrailingEdgeOfPrevSibling =\n prevSiblingId !== undefined &&\n sourceId === prevSiblingId &&\n ((orientation === 'horizontal' && closestEdge === 'left') ||\n (orientation === 'vertical' && closestEdge === 'top'));\n if (isTrailingEdgeOfPrevSibling) {\n return false;\n }\n\n // Don't show indicator when dragged item is over the leading edge of its next sibling\n const isLeadingEdgeOfNextSibling =\n nextSiblingId !== undefined &&\n sourceId === nextSiblingId &&\n ((orientation === 'horizontal' && closestEdge === 'right') ||\n (orientation === 'vertical' && closestEdge === 'bottom'));\n if (isLeadingEdgeOfNextSibling) {\n return false;\n }\n\n return true;\n };\n\n const stackItemContextValue = useMemo(\n () => ({ selfDragHandleRef, size, setSize, state: dragState, setState: setDragState, role }),\n [selfDragHandleRef, size, setSize, dragState, setDragState, role],\n );\n\n return (\n <StackItemContext.Provider value={stackItemContextValue}>\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 : focusIndicatorVariant === 'over-all-always'\n ? 'dx-focus-ring-inset-over-all-always'\n : orientation === 'horizontal'\n ? focusIndicatorVariant === 'group-always'\n ? 'dx-focus-ring-group-x-always'\n : 'dx-focus-ring-group-x'\n : focusIndicatorVariant === 'group-always'\n ? 'dx-focus-ring-group-y-always'\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 role === 'section' && orientation !== 'horizontal' && 'border-b border-subdued-separator',\n classNames,\n )}\n data-dx-stack-item={stackId}\n data-dx-item-id={item.id}\n {...resizeAttributes}\n style={{\n ...(stackSize !== 'split' && sizeStyle(size, orientation)),\n ...(Number.isFinite(order) && {\n [orientation === 'horizontal' ? 'gridColumn' : 'gridRow']: `${order}`,\n }),\n ...style,\n }}\n ref={composedItemRef}\n >\n {children}\n {shouldShowDropIndicator() && closestEdge && (\n <ListItem.DropIndicator lineInset={8} terminalInset={-8} edge={closestEdge} />\n )}\n </Root>\n </StackItemContext.Provider>\n );\n },\n);\n\n//\n// StackItemDragPreview\n//\n\ntype StackItemDragPreviewProps = {\n children: ({ item }: { item: any }) => ReactNode;\n};\n\nconst StackItemDragPreview = ({ children }: StackItemDragPreviewProps) => {\n const { state } = useStackItem();\n return state?.type === 'preview' ? createPortal(children({ item: state.item }), state.container) : null;\n};\n\n//\n// StackItem\n//\n\nexport const StackItem = {\n Root: StackItemRoot,\n Content: StackItemContent,\n DragHandle: StackItemDragHandle,\n DragPreview: StackItemDragPreview,\n Heading: StackItemHeading,\n HeadingLabel: StackItemHeadingLabel,\n HeadingStickyContent: StackItemHeadingStickyContent,\n ResizeHandle: StackItemResizeHandle,\n Sigil: StackItemSigil,\n SigilButton: StackItemSigilButton,\n};\n\nexport type {\n StackItemRootProps,\n StackItemContentProps,\n StackItemDragHandleProps,\n StackItemDragPreviewProps,\n StackItemHeadingProps,\n StackItemHeadingLabelProps,\n StackItemResizeHandleProps,\n StackItemSigilProps,\n StackItemSigilButtonProps,\n StackItemSigilAction,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef, forwardRef, useMemo } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useStack, useStackItem } from '../StackContext';\n\nexport type StackItemContentProps = ThemedClassName<Omit<ComponentPropsWithoutRef<'div'>, 'role' | 'scrollable'>> & {\n toolbar?: boolean;\n statusbar?: boolean;\n};\n\n/**\n * This component should be used by plugins for rendering content within a stack item (i.e., a “plank” or “section”).\n */\nexport const StackItemContent = forwardRef<HTMLDivElement, StackItemContentProps>(\n ({ classNames, children, toolbar, statusbar, ...props }, forwardedRef) => {\n const { size: stackItemSize } = useStack();\n const { role } = useStackItem();\n const style = useMemo(\n () => ({\n gridTemplateRows: [\n toolbar && role === 'section' ? 'calc(var(--dx-toolbar-size) - 1px)' : 'var(--dx-toolbar-size)',\n '1fr',\n statusbar && 'var(--dx-statusbar-size)',\n ]\n .filter(Boolean)\n .join(' '),\n }),\n [toolbar, statusbar],\n );\n\n return (\n <div\n {...props}\n role='none'\n style={style}\n className={mx(\n 'group grid grid-cols-[100%] dx-density-coarse',\n stackItemSize === 'contain' && 'min-h-0 overflow-hidden',\n toolbar &&\n role === 'section' &&\n '[&_.dx-toolbar]:sticky [&_.dx-toolbar]:z-[1] [&_.dx-toolbar]:top-0 [&_.dx-toolbar]:-mb-px [&_.dx-toolbar]:min-w-0',\n toolbar && '[&>.dx-toolbar]:relative [&>.dx-toolbar]:border-b [&>.dx-toolbar]:border-subdued-separator',\n classNames,\n )}\n data-popover-collision-boundary={true}\n ref={forwardedRef}\n >\n {children}\n </div>\n );\n },\n);\n\nStackItemContent.displayName = 'StackItemContent';\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Primitive } from '@radix-ui/react-primitive';\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 Comp = asChild ? Slot : Primitive.div;\n\n return (\n <Comp ref={selfDragHandleRef} role='button'>\n {children}\n </Comp>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n type ComponentPropsWithRef,\n type ComponentPropsWithoutRef,\n type PropsWithChildren,\n forwardRef,\n} from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { type AttendableId, type Related, useAttention } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useStack } from '../StackContext';\n\nexport type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n asChild?: boolean;\n separateOnScroll?: boolean;\n};\n\nexport const StackItemHeading = ({\n children,\n classNames,\n asChild,\n separateOnScroll,\n role,\n ...props\n}: StackItemHeadingProps) => {\n const { orientation } = useStack();\n const Comp = asChild ? Slot : Primitive.div;\n\n return (\n <Comp\n {...props}\n role={role ?? 'heading'}\n className={mx(\n 'flex items-center border-x-0! bg-header-surface',\n separateOnScroll\n ? 'border-transparent [[data-scroll-separator=\"true\"]_&]:border-subdued-separator'\n : 'border-subdued-separator',\n orientation === 'horizontal' ? 'h-(--dx-rail-size)' : 'w-(--dx-rail-size) flex-col',\n orientation === 'horizontal' ? 'border-b' : 'border-e',\n classNames,\n )}\n >\n {children}\n </Comp>\n );\n};\n\nexport const StackItemHeadingStickyContent = ({ children }: PropsWithChildren<{}>) => {\n return (\n <div role='none' className='sticky top-0 bg-(--sticky-bg) p-1 w-full'>\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 'px-1 min-w-0 w-0 grow truncate font-medium text-base-surface-text data-[attention=true]:text-accent-text 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 = (_: StackItemResizeHandleProps) => {\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, useState } from 'react';\n\nimport { type Node } 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 { mx } from '@dxos/ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { translationKey } from '#translations';\n\nimport { MenuSignifierHorizontal } from './MenuSignifier';\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<Node.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={[\n 'shrink-0 px-0 min-h-0 w-(--dx-rail-action) h-(--dx-rail-action) relative dx-app-no-drag',\n classNames,\n ]}\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\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} />\n </StackItemSigilButton>\n );\n\n if (!hasActions) {\n return button;\n }\n\n return (\n <DropdownMenu.Root open={optionsMenuOpen} onOpenChange={setOptionsMenuOpen}>\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 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', 'text-description')}>{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 className='absolute bottom-[7px]' width={20} height={2} viewBox='0 0 20 2' stroke='currentColor' opacity={0.5}>\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 left-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"],
5
+ "mappings": ";AAIA,SAASA,mBAAmB;AAC5B,OAAOC,SACLC,UAIAC,YACAC,aACAC,WACAC,YAAAA,iBACK;AAEP,SAASC,UAAgCC,aAAa;AACtD,SAASC,UAAU;;;ACbnB,SAASC,6BAA6B;AACtC,SAASC,mBAAmBC,0BAA0B;AACtD,SAASC,eAAe;AACxB,SAASC,6BAA6B;AACtC,SAASC,iBAAiBC,gBAAgB;AAI1C,IAAMC,OAAO,MAAA;AAAO;AAkBb,IAAMC,0BAA0B,CAAC,EACtCC,IACAC,SACAC,gBAAgBD,SAChBE,aACAC,eACAC,YAAW,MACkB;AAC7B,QAAM,CAACC,UAAUC,WAAAA,IAAeV,SAAS,KAAA;AAEzCD,kBAAgB,MAAA;AACd,QAAI,CAACK,SAAS;AACZ;IACF;AAEA,UAAMO,mBAAmBL,gBAAgB,eAAe,WAAW;AAGnE,WAAOT,QACLU,gBACIT,sBAAsB;MACpBM;MACAQ,SAAS,CAAC,EAAEC,OAAOT,SAAAA,SAAO,MAAE;AAC1B,eAAOT,kBACL;UAAEQ;UAAIW,MAAMR,gBAAgB,eAAe,SAAS;QAAS,GAC7D;UAAEO;UAAOT,SAAAA;UAASW,cAAc;YAACT,gBAAgB,eAAe,SAAS;;QAAO,CAAA;MAEpF;MACAU,aAAa,CAAC,EAAEC,OAAM,MAAE;AACtB,YAAIA,OAAOC,KAAKJ,SAASH,kBAAkB;AACzCD,sBAAY,IAAA;QACd;MACF;MACAS,QAAQ,CAAC,EAAEF,OAAM,MAAE;AACjB,YAAIA,OAAOC,KAAKJ,SAASH,kBAAkB;AACzCD,sBAAY,IAAA;QACd;MACF;MACAU,aAAa,MAAA;AACX,eAAOV,YAAY,KAAA;MACrB;MACAW,QAAQ,CAAC,EAAEC,MAAML,OAAM,MAAE;AACvBP,oBAAY,KAAA;AACZ,YAAIO,OAAOC,KAAKJ,SAASH,oBAAoBJ,iBAAiBC,aAAa;AACzEA,sBAAYS,OAAOC,MAAuBI,KAAKJ,MAAuBtB,mBAAmB0B,KAAKJ,IAAI,CAAA;QACpG;MACF;IACF,CAAA,IACAjB,MAEJI,gBACIX,sBAAsB;MACpBU,SAASC;MACTkB,gBAAgB,MAAMjB;IACxB,CAAA,IACAL,IAAAA;EAER,GAAG;IAACE;IAAIC;IAASC;IAAeE;IAAeD;IAAaE;GAAY;AAExE,SAAO;IAAEC;EAAS;AACpB;;;ACtFA,SAASe,eAAeC,kBAAkB;AAanC,IAAMC,eAAeF,8BAAiC;EAC3DG,aAAa;EACbC,MAAM;EACNC,MAAM;AACR,CAAA;AAEO,IAAMC,WAAW,MAAML,WAAWC,YAAAA;AAgBlC,IAAMK,OAAsB;EAAEC,MAAM;AAAO;AAW3C,IAAMC,mBAAmBT,8BAAqC;EACnEU,mBAAmB,MAAA;EAAO;EAC1BL,MAAM;EACNM,SAAS,MAAA;EAAO;EAChBC,OAAOL;EACPM,UAAU,MAAA;EAAO;AACnB,CAAA;AAEO,IAAMC,eAAe,MAAMb,WAAWQ,gBAAAA;;;AFxBtC,IAAMM,qBAAqB;AAC3B,IAAMC,mBAAmB;AAEhC,IAAMC,iCAAiC;AAEvC,IAAMC,yBAAyB,CAACC,IAAiBC,gBAAAA;AAC/CD,KAAGE,eAAe;IAChBC,UAAU;IACV,CAACF,gBAAgB,aAAa,UAAU,QAAA,GAAW;EACrD,CAAA;AACA,SAAOD,GAAGI,MAAK;AACjB;AAUO,IAAMC,QAAQC,2BACnB,CACE,EACEC,UACAC,YACAC,IACAC,OACAT,cAAc,YACdU,OAAO,MACPC,OAAO,aACPC,aAAaC,SAASC,MAAMR,QAAAA,GAC5BS,eACAC,mBACAC,gBACAC,QACAC,WACAC,aACA,GAAGC,MAAAA,GAELC,iBAAAA;AAEA,QAAMC,UAAUC,MAAM,SAAShB,EAAAA;AAC/B,QAAM,CAACiB,cAAcC,QAAAA,IAAYC,UAAgC,IAAA;AACjE,QAAM,CAACC,iBAAiBC,kBAAAA,IAAsBF,UAAAA;AAC9C,QAAMG,kBAAkBC,YAA4BL,UAAUJ,YAAAA;AAE9D,QAAMU,gBAAgB,CAAC,EAAEpB,aAAa,KAAKQ,eAAeZ;AAC1D,QAAM,EAAEyB,SAAQ,IAAKC,wBAAwB;IAC3C1B;IACA2B,SAASlB,kBAAkBQ,eAAeR,eAAeQ,YAAAA,IAAgBA;IACzEW,eAAeX;IACfO;IACAhC;IACAoB;EACF,CAAA;AAGA,QAAMiB,eAAeC,YAAY,MAAA;AAC/B,QAAIb,gBAAgBc,OAAOC,SAASxB,iBAAAA,GAAoB;AACtD,YAAMyB,iBAAiBzC,gBAAgB,eAAeyB,aAAaiB,aAAajB,aAAakB;AAC7F,YAAMC,aAAa5C,gBAAgB,eAAeyB,aAAaoB,cAAcpB,aAAaqB;AAC1F,YAAMC,aAAa/C,gBAAgB,eAAeyB,aAAauB,cAAcvB,aAAawB;AAC1F,YAAMC,gBAAgBzB,aAAa0B,QAAQ,yBAAA;AAC3C,UAAID,eAAe;AACjBA,sBAAcE,aAAa,yBAAyBC,OAAOZ,iBAAiBzB,iBAAAA,CAAAA;AAC5EkC,sBAAcE,aACZ,6BACAC,OAAOT,cAAcH,iBAAiBM,cAAc/B,iBAAAA,CAAAA;MAExD;IACF;EACF,GAAG;IAACS;IAAcT;IAAmBhB;GAAY;AAGjD,QAAMsD,aAAahB,YACjB,CAACiB,UAAAA;AACC,QAAIA,MAAMC,QAAQ;AAChB,YAAMA,SAASD,MAAMC;AACrB,YAAMC,mBAAmBD,OAAOL,QAAQ,mBAAmB;AAC3D,UAAIM,kBAAkBN,QAAQ,mBAAmB5B,OAAAA,IAAW,GAAG;AAC7DM,2BAAmB4B,kBAAkBC,aAAa,iBAAA,KAAsBC,MAAAA;MAC1E;IACF;AACAzC,aAASqC,KAAAA;EACX,GACA;IAAChC;IAASL;GAAO;AAInB,QAAM0C,gBAAgBC,WAAWtC,SAASR,eAAeI,SAAAA;AAGzD2C,YAAU,MAAA;AACR,QAAI,EAAErC,gBAAgBc,OAAOC,SAASxB,iBAAAA,IAAqB;AACzD;IACF;AAEA,UAAM+C,WAAW,IAAIC,iBAAiB,MAAA;AACpC3B,mBAAAA;IACF,CAAA;AAEA0B,aAASE,QAAQxC,cAAc;MAAEyC,WAAW;MAAMC,SAAS;IAAK,CAAA;AAChE,WAAO,MAAA;AACLJ,eAASK,WAAU;IACrB;EACF,GAAG;IAAC3C;IAAcY;GAAa;AAE/B,SACE,sBAAA,cAACgC,aAAaC,UAAQ;IAACC,OAAO;MAAEhD;MAASvB;MAAaU;MAAMC;MAAMS;IAAY;KAC5E,sBAAA,cAACoD,OAAAA;IACE,GAAGnD;IACH,GAAIkB,OAAOC,SAASxB,iBAAAA,KAAsB;MAAEyD,UAAUpC;IAAa;IACpEqC,WAAWC,GACT,sDACAhE,SAAS,cACNX,gBAAgB,eACb,mEACA,8CACNU,OACIV,gBAAgB,eACdL,qBACAC,mBACFI,gBAAgB,eACd,iCACA,gCACNO,UAAAA;IAEFE,OAAO;MACL,CAACT,gBAAgB,eAAe,wBAAwB,kBAAA,GACtDW,SAAS,UACL,UAAUC,UAAAA,WACV,UAAUA,UAAAA;MAChB,GAAGH;IACL;IACAmE,oBAAkB5E;IAClB6E,iBAAetD;IACfuD,gCAA8B/D;IAC9BgE,6BAA2BnD;IAC3BoD,aAAWtE;IACXQ,QAAQoC;IACRnC,WAAWyC;IACXqB,KAAKnD;KAEJxB,UACA0B,iBAAiBC,YAChB,sBAAA,cAACiD,SAASC,eAAa;IACrBC,WAAW;IACXC,eAAe;IACfC,KAAK;IACLC,MAAMvF,gBAAgB,eAAe,SAAS;;AAM1D,CAAA;AAaF,IAAMwF,aAAa,CAACC,SAAiBC,eAAyBC,cAC5DC,YACE,CAACC,UAAAA;AACC,QAAMC,SAASD,MAAMC;AACrB,MACED,MAAME,IAAIC,WAAW,OAAA,KACrB,CAACF,OAAOG,QACN,2GAA2GJ,MAAME,IAAIG,YAAW,EAAGC,MAAM,CAAA,CAAA,IAAM,GAEjJ;AACA,UAAMC,mBAAmBN,OAAOG,QAAQ,wBAAwBR,OAAAA,IAAW;AAC3E,UAAMY,eAAeP,OAAOG,QAAQ,iBAAA;AACpC,UAAMK,oBAAoBC,MAAMC,KAAKH,cAAcI,iBAAiB,wBAAwBhB,OAAAA,IAAW,KAAK,CAAA,CAAE;AAC9G,UAAMiB,0BAA0BL,cAAcM,aAAa,kBAAA;AAC3D,UAAMC,gBAAgBP,cAAcQ,eAAeZ,QAAQ,iBAAA;AAC3D,QAAIG,oBAAoBC,cAAc;AACpC,YAAMS,sBAAsBF,eAAeD,aAAa,kBAAA;AACxD,YAAMI,iBACJL,4BAA4B,aAAab,MAAME,QAAQ,YAAYF,MAAME,QAAQ,eAE/E,MACCW,4BAA4B,aAAab,MAAME,QAAQ,cAAcF,MAAME,QAAQ,gBAClF,IACA;AACN,YAAMiB,sBACJN,4BAA4B,aAAab,MAAME,QAAQ,cAAcF,MAAME,QAAQ,aAEjF,MACCW,4BAA4B,aAAab,MAAME,QAAQ,eAAeF,MAAME,QAAQ,eACnF,IACA;AACN,UAAIgB,kBAAkB,GAAG;AACvB,cAAME,eAAeX,kBAAkBY,QAAQd,gBAAAA;AAC/C,cAAMe,YAAYF,eAAeF;AACjC,YAAIK;AACJ,YAAI1B,eAAe;AAEjB0B,yBAAed,mBAAmBa,YAAYb,kBAAkBe,UAAUf,kBAAkBe,MAAM;QAGpG,OAAO;AAEL,cAAIF,aAAa,KAAKA,YAAYb,kBAAkBe,QAAQ;AAC1DD,2BAAed,kBAAkBa,SAAAA;UACnC;QACF;AAEA,YAAIC,cAAc;AAChBvB,gBAAMyB,eAAc;AACpBC,iCAAuBH,cAAcV,uBAAAA;QACvC;MACF;AAEA,UAAIM,uBAAuB,GAAG;AAC5B,YAAIJ,iBAAiBE,wBAAwBJ,yBAAyB;AACpE,gBAAMc,gBAAgBjB,MAAMC,KAC1BI,cAAcH,iBACZ,wBAAwBG,cAAcD,aAAa,eAAA,CAAA,oBAAoC,CAAA;AAG3F,gBAAMc,oBAAoBD,cAAcN,QAAQb,YAAAA;AAChD,gBAAMqB,iBAAiBD,oBAAoBT;AAC3C,cAAIW;AAEJ,cAAIf,cAAcD,aAAa,8BAAA,MAAoC,QAAQ;AAEzEgB,4BAAgBH,eAAeE,iBAAiBF,cAAcH,UAAUG,cAAcH,MAAM;UAG9F,OAAO;AAEL,gBAAIK,kBAAkB,KAAKA,iBAAiBF,cAAcH,QAAQ;AAChEM,8BAAgBH,cAAcE,cAAAA;YAChC;UACF;AACA,gBAAME,wBAAwBD,eAAe1B,QAC3C,uBAAuBW,cAAcD,aAAa,eAAA,CAAA,GAAmB;AAEvE,gBAAMkB,qBAAqBF,gBACtBpB,MAAMC,KACLmB,cAAclB,iBACZ,wBAAwBkB,cAAchB,aAAa,eAAA,CAAA,IAAoB,CAAA,IAG3E,CAAA;AACJ,cAAIgB,iBAAiBE,mBAAmBR,SAAS,GAAG;AAElD,gBAAIS,cAAcD,mBAAmB,CAAA;AAErC,kBAAME,kBAAkBJ,cAAcK,cACpC,qBAAqBL,cAAchB,aAAa,2BAAA,KAAgC,OAAA,IAAW;AAE7F,gBAAIoB,iBAAiB;AACnBD,4BAAcC;YAChB,OAAO;AAEL,oBAAME,gBAAgB7B,iBAAiB8B,sBAAqB;AAC5D,oBAAMC,iBACJzB,4BAA4B,aAAauB,cAAcG,MAAMH,cAAcI;AAE7E,kBAAIC,kBAAkBC;AACtB,yBAAWC,QAAQX,oBAAoB;AACrC,sBAAMY,WAAWD,KAAKN,sBAAqB;AAC3C,sBAAMQ,eAAehC,4BAA4B,aAAa+B,SAASL,MAAMK,SAASJ;AACtF,sBAAMM,WAAWC,KAAKC,IAAIH,eAAeP,cAAAA;AACzC,oBAAIQ,WAAWL,iBAAiB;AAC9BA,oCAAkBK;AAClBb,gCAAcU;gBAChB;AACA,oBAAIF,mBAAmBQ,gCAAgC;AACrD;gBACF;cACF;YACF;AAEAjD,kBAAMyB,eAAc;AACpBC,mCAAuBO,aAAapB,uBAAAA;UACtC,WAAWkB,uBAAuB;AAChC/B,kBAAMyB,eAAc;AACpBC,mCAAuBK,uBAAuBd,mBAAAA;UAChD;QACF,WAAWV,kBAAkB;AAC3B,gBAAM2C,wBAAwB3C,iBAAiB4B,cAAc,iBAAA;AAC7D,gBAAMgB,6BAA6BD,wBAC9BxC,MAAMC,KACLuC,sBAAsBtC,iBACpB,wBAAwBsC,sBAAsBpC,aAAa,eAAA,CAAA,IAAoB,CAAA,IAGnF,CAAA;AACJ,cAAIqC,2BAA2B3B,SAAS,GAAG;AACzCxB,kBAAMyB,eAAc;AACpBC,mCACEyB,2BACE;cAAC;cAAW;cAAaC,SAASpD,MAAME,GAAG,IAAIiD,2BAA2B3B,SAAS,IAAI,CAAA,GAEzF0B,uBAAuBpC,aAAa,kBAAA,CAAA;UAExC;QACF;MACF;IACF;EACF;AACAhB,cAAYE,KAAAA;AACd,GACA;EAACF;EAAWF;EAASC;CAAc;;;AGxVvC,SAEEwD,qBAAAA,oBACAC,sBAAAA,2BACK;AACP,SAASC,WAAAA,gBAAe;AACxB,SAASC,WAAWC,yBAAAA,8BAA6B;AACjD,SAASC,8BAA8B;AACvC,SAASC,kCAAkC;AAC3C,SAASC,yBAAyB;AAClC,SAASC,eAAAA,oBAAmB;AAC5B,OAAOC,UAGLC,cAAAA,aACAC,eAAAA,cACAC,mBAAAA,kBACAC,WAAAA,UACAC,YAAAA,iBACK;AACP,SAASC,oBAAoB;AAE7B,SAASC,YAAAA,iBAAsC;AAC/C,SAASC,kBAAkBC,iBAAiB;AAC5C,SAASC,MAAAA,WAAU;;;ACxBnB,OAAOC,UAAwCC,cAAAA,aAAYC,eAAe;AAG1E,SAASC,MAAAA,WAAU;AAYZ,IAAMC,mBAAmBC,gBAAAA,YAC9B,CAAC,EAAEC,YAAYC,UAAUC,SAASC,WAAW,GAAGC,MAAAA,GAASC,iBAAAA;AACvD,QAAM,EAAEC,MAAMC,cAAa,IAAKC,SAAAA;AAChC,QAAM,EAAEC,KAAI,IAAKC,aAAAA;AACjB,QAAMC,QAAQC,QACZ,OAAO;IACLC,kBAAkB;MAChBX,WAAWO,SAAS,YAAY,uCAAuC;MACvE;MACAN,aAAa;MAEZW,OAAOC,OAAAA,EACPC,KAAK,GAAA;EACV,IACA;IAACd;IAASC;GAAU;AAGtB,SACE,gBAAAc,OAAA,cAACC,OAAAA;IACE,GAAGd;IACJK,MAAK;IACLE;IACAQ,WAAWC,IACT,iDACAb,kBAAkB,aAAa,2BAC/BL,WACEO,SAAS,aACT,qHACFP,WAAW,8FACXF,UAAAA;IAEFqB,mCAAiC;IACjCC,KAAKjB;KAEJJ,QAAAA;AAGP,CAAA;AAGFH,iBAAiByB,cAAc;;;ACvD/B,SAASC,iBAAiB;AAC1B,SAASC,YAAY;AACrB,OAAOC,YAA8C;AAM9C,IAAMC,sBAAsB,CAAC,EAAEC,SAASC,SAAQ,MAA4B;AACjF,QAAM,EAAEC,kBAAiB,IAAKC,aAAAA;AAE9B,QAAMC,OAAOJ,UAAUK,OAAOC,UAAUC;AAExC,SACE,gBAAAC,OAAA,cAACJ,MAAAA;IAAKK,KAAKP;IAAmBQ,MAAK;KAChCT,QAAAA;AAGP;;;AClBA,SAASU,aAAAA,kBAAiB;AAC1B,SAASC,QAAAA,aAAY;AACrB,OAAOC,UAILC,cAAAA,mBACK;AAGP,SAA0CC,oBAAoB;AAC9D,SAASC,MAAAA,WAAU;AASZ,IAAMC,mBAAmB,CAAC,EAC/BC,UACAC,YACAC,SACAC,kBACAC,MACA,GAAGC,MAAAA,MACmB;AACtB,QAAM,EAAEC,YAAW,IAAKC,SAAAA;AACxB,QAAMC,OAAON,UAAUO,QAAOC,WAAUC;AAExC,SACE,gBAAAC,OAAA,cAACJ,MAAAA;IACE,GAAGH;IACJD,MAAMA,QAAQ;IACdS,WAAWC,IACT,mDACAX,mBACI,mFACA,4BACJG,gBAAgB,eAAe,uBAAuB,+BACtDA,gBAAgB,eAAe,aAAa,YAC5CL,UAAAA;KAGDD,QAAAA;AAGP;AAEO,IAAMe,gCAAgC,CAAC,EAAEf,SAAQ,MAAyB;AAC/E,SACE,gBAAAY,OAAA,cAACD,OAAAA;IAAIP,MAAK;IAAOS,WAAU;KACxBb,QAAAA;AAGP;AAIO,IAAMgB,wBAAwBC,gBAAAA,YACnC,CAAC,EAAEC,cAAcC,SAASlB,YAAY,GAAGI,MAAAA,GAASe,iBAAAA;AAChD,QAAM,EAAEC,cAAcC,YAAYC,UAAS,IAAKC,aAAaN,YAAAA;AAE7D,SACE,gBAAAN,OAAA,cAACa,MAAAA;IACE,GAAGpB;IACJqB,mBAAkBP,WAAWI,aAAcF,gBAAgBC,YAAYK,SAAQ;IAC/Ed,WAAWC,IACT,wHACAb,UAAAA;IAEF2B,KAAKR;;AAGX,CAAA;;;AC3EF,OAAOS,YAAW;AAElB,SAASC,oBAAoB;AAK7B,IAAMC,YAAY;AAClB,IAAMC,aAAa;AAIZ,IAAMC,wBAAwB,CAACC,MAAAA;AACpC,QAAM,EAAEC,YAAW,IAAKC,SAAAA;AACxB,QAAM,EAAEC,SAASC,KAAI,IAAKC,aAAAA;AAE1B,SACE,gBAAAC,OAAA,cAACC,cAAAA;IACCC,MAAMP,gBAAgB,eAAe,eAAe;IACpDQ,cAAcC;IACdC,SAASV,gBAAgB,eAAeJ,YAAYC;IACpDM;IACAQ,cAAcT;;AAGpB;;;ACzBA,OAAOU,UAASC,UAAkCC,cAAAA,aAAYC,YAAAA,iBAAgB;AAG9E,SAASC,kBAAkB;AAC3B,SAASC,QAA0BC,cAAcC,MAAMC,mBAAmBC,sBAAsB;AAChG,SAA0CC,gBAAAA,qBAAoB;AAC9D,SAASC,MAAAA,WAAU;AACnB,SAASC,uBAAuB;AAEhC,SAASC,sBAAsB;;;ACT/B,OAAOC,YAAW;AAEX,IAAMC,0BAA0B,MACrC,gBAAAD,OAAA,cAACE,OAAAA;EAAIC,WAAU;EAAwBC,OAAO;EAAIC,QAAQ;EAAGC,SAAQ;EAAWC,QAAO;EAAeC,SAAS;GAC7G,gBAAAR,OAAA,cAACS,QAAAA;EACCC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,aAAa;EACbC,eAAc;EACdC,iBAAgB;EAChBC,kBAAiB;;;;ADiBhB,IAAMC,uBAAuBC,gBAAAA,YAClC,CAAC,EAAEC,cAAcC,YAAYC,SAASC,SAAS,MAAMC,UAAU,GAAGC,MAAAA,GAASC,iBAAAA;AACzE,QAAM,EAAEC,cAAcC,YAAYC,UAAS,IAAKC,cAAaV,YAAAA;AAC7D,QAAMW,UAAWT,WAAWO,aAAcF,gBAAgBC,aAAa,YAAY;AAEnF,SACE,gBAAAI,OAAA,cAACC,QAAAA;IACE,GAAGR;IACJM;IACAV,YAAY;MACV;MACAA;;IAEFa,KAAKR;KAEJH,UAAU,gBAAAS,OAAA,cAACG,yBAAAA,IAAAA,GACXX,QAAAA;AAGP,CAAA;AAaK,IAAMY,iBAAiBjB,gBAAAA,YAC5B,CAAC,EAAEkB,SAASC,cAAcC,UAAUC,cAAcpB,cAAcqB,MAAMnB,SAASE,SAAQ,GAAIE,iBAAAA;AACzF,QAAM,EAAEgB,EAAC,IAAKC,eAAeC,cAAAA;AAE7B,QAAM,CAACC,iBAAiBC,kBAAAA,IAAsBC,UAAS,KAAA;AAEvD,QAAMC,aAAaV,gBAAgBA,aAAaW,SAAS;AAEzD,QAAMC,SACJ,gBAAAlB,OAAA,cAACd,sBAAAA;IACCE;IACAE;IACAC,QAAQyB;;;IAGR3B,YAAY,CAAC2B,cAAc;KAE3B,gBAAAhB,OAAA,cAACmB,QAAAA;IAAKC,WAAU;KAAWZ,YAAAA,GAC3B,gBAAAR,OAAA,cAACqB,MAAAA;IAAKZ;;AAIV,MAAI,CAACO,YAAY;AACf,WAAOE;EACT;AAEA,SACE,gBAAAlB,OAAA,cAACsB,aAAaC,MAAI;IAACC,MAAMX;IAAiBY,cAAcX;KACtD,gBAAAd,OAAA,cAACsB,aAAaI,SAAO;IAACC,SAAAA;IAAQzB,KAAKR;KAChCwB,MAAAA,GAEH,gBAAAlB,OAAA,cAACsB,aAAaM,QAAM,MAClB,gBAAA5B,OAAA,cAACsB,aAAaO,SAAO;IAACxC,YAAW;KAC/B,gBAAAW,OAAA,cAACsB,aAAaQ,UAAQ,MACnBxB,cAAcyB,IAAI,CAAC1B,SAAS2B,UAAAA;AAC3B,UAAMC,YAAYD,QAAQ,IAAI,gBAAAhC,OAAA,cAACsB,aAAaY,WAAS,IAAA,IAAM;AAC3D,WACE,gBAAAlC,OAAA,cAACmC,UAAAA;MAASC,KAAKJ;OACZC,WACA5B,QAAQ0B,IAAI,CAACM,WAAAA;AACZ,YAAMC,WACJ,OAAOD,OAAOE,WAAWC,eAAe,WACpCH,OAAOE,WAAWC,aAClBH,OAAOE,WAAWC,aAAaC,gBAAAA,CAAAA;AAErC,YAAMC,eAAeL,OAAOE,WAAWG;AACvC,YAAMnB,OAAOmB,iBAAiB,WAAWpB,aAAaqB,eAAerB,aAAasB;AAElF,aACE,gBAAA5C,OAAA,cAACuB,MAAAA;QACCa,KAAKC,OAAOQ;QACZC,SAAS,CAACC,UAAAA;AACR,cAAIV,OAAOE,WAAWS,UAAU;AAC9B;UACF;AACAD,gBAAME,gBAAe;AAErBnC,6BAAmB,KAAA;AACnBP,qBAAW8B,MAAAA;QACb;QACAhD,YAAW;QACX2D,UAAUX,OAAOE,WAAWS;QAC5BE,SAASR,iBAAiB,WAAWL,OAAOE,WAAWY,YAAYC;QAClE,GAAIf,OAAOE,YAAYc,UAAU;UAAE,eAAehB,OAAOE,WAAWc;QAAO;SAE5E,gBAAArD,OAAA,cAACqB,MAAAA;QAAKZ,MAAM4B,OAAOE,WAAW9B,QAAQ;QAA4B6C,MAAM;UACxE,gBAAAtD,OAAA,cAACmB,QAAAA;QAAKC,WAAU;SAAiBmC,kBAAkBlB,OAAOE,WAAWiB,SAAS,IAAI9C,CAAAA,CAAAA,GACjFgC,iBAAiB,YAChB,gBAAA1C,OAAA,cAACsB,aAAamC,eAAa;QAAC9B,SAAAA;SAC1B,gBAAA3B,OAAA,cAACqB,MAAAA;QAAKZ,MAAK;QAAqB6C,MAAM;WAGzChB,YACC,gBAAAtC,OAAA,cAACmB,QAAAA;QAAKC,WAAWsC,IAAG,YAAY,kBAAA;SAAsBC,WAAWrB,QAAAA,EAAUsB,KAAK,EAAA,CAAA,CAAA;IAIxF,CAAA,CAAA;EAGN,CAAA,GACCpE,QAAAA,GAEH,gBAAAQ,OAAA,cAACsB,aAAauC,OAAK,IAAA,CAAA,CAAA,CAAA;AAK7B,CAAA;;;ALvGK,IAAMC,wBAAwB;AAC9B,IAAMC,0BAA0B;AAChC,IAAMC,yBAAyBD;AAkBtC,IAAME,gBAAgBC,gBAAAA,YACpB,CACE,EACEC,YACAC,UACAC,OACAC,MACAC,MACAC,OACAC,eACAC,eACAC,MAAMC,UACNC,cACAC,kBACAC,wBAAwB,YACxB,GAAGC,MAAAA,GAELC,iBAAAA;AAEA,QAAM,CAACC,aAAaC,OAAAA,IAAWC,UAAgC,IAAA;AAC/D,QAAMC,kBAAkBC,aAA4BH,SAASF,YAAAA;AAC7D,QAAM,CAACM,uBAAuBC,iBAAAA,IAAqBJ,UAAgC,IAAA;AACnF,QAAM,CAACK,aAAaC,OAAAA,IAAWN,UAAsB,IAAA;AACrD,QAAM,CAACO,UAAUC,WAAAA,IAAeR,UAAwB,IAAA;AACxD,QAAM,CAACS,WAAWC,YAAAA,IAAgBV,UAAwBW,IAAAA;AAC1D,QAAM,EAAEC,aAAaC,MAAMC,aAAavB,MAAMwB,WAAWC,QAAO,IAAKC,SAAAA;AACrE,QAAM,CAAC1B,OAAOqB,gBAAgB,eAAejC,0BAA0BD,uBAAuBwC,eAAAA,IAC5FlB,UAASR,QAAAA;AAEX,QAAM2B,OAAOjC,QAAQ;AAErB,QAAMkC,UAAUC,aACd,CAACC,UAAyBC,WAAAA;AACxBL,oBAAgBI,QAAAA;AAChB,QAAIC,QAAQ;AACV9B,qBAAe6B,QAAAA;IACjB;EACF,GACA;IAAC7B;GAAa;AAGhB,QAAM+B,OAAOZ,gBAAgB,eAAe,WAAW;AAGvDa,EAAAA,iBAAgB,MAAA;AACd,QAAI,CAAC3B,eAAe,CAACgB,eAAepB,kBAAkB;AACpD;IACF;AAEA,WAAOgC,SACLC,UAAU;MACRC,SAAS9B;MACT,GAAIK,yBAAyB;QAAE0B,YAAY1B;MAAsB;MACjE2B,gBAAgB,OAAO;QAAEC,IAAI5C,KAAK4C;QAAIP;MAAK;MAC3CQ,uBAAuB,CAAC,EAAEC,oBAAoBC,QAAQC,SAAQ,MAAE;AAC9DC,iBAASC,KAAKC,aAAa,qBAAqB,MAAA;AAChD,cAAMC,WAAWC,uBAAuB;UAAEZ,SAASM,OAAON;UAASa,OAAON,SAASO,QAAQD;QAAM,CAAA;AACjG,cAAME,OAAOT,OAAON,QAAQgB,sBAAqB;AACjDC,mCAA2B;UACzBZ;UACAa,WAAW,CAAC,EAAEC,UAAS,MAAE;AACvB,mBAAOR,SAAS;cAAEQ;YAAU,CAAA;UAC9B;UACAC,QAAQ,CAAC,EAAED,UAAS,MAAE;AACpBA,sBAAU9D,MAAMgE,QAAQN,KAAKM,QAAQ;AACrCvC,yBAAa;cAAEc,MAAM;cAAWuB;cAAW5D;YAAK,CAAA;AAChD,mBAAO,MAAA;YAAO;UAChB;QACF,CAAA;MACF;MACA+D,aAAa,MAAA;AACXd,iBAASC,KAAKc,gBAAgB,mBAAA;AAC9BrD,qBAAasD,QAAQ,wBAAA,GAA2Bd,aAAa,wBAAwB,QAAA;AACrF5B,qBAAa;UAAEc,MAAM;UAAerC;QAAK,CAAA;MAC3C;MACAkE,QAAQ,MAAA;AACNvD,qBAAasD,QAAQ,wBAAA,GAA2Bd,aAAa,wBAAwB,MAAA;AACrF5B,qBAAaC,IAAAA;MACf;IACF,CAAA,GACA2C,uBAAsB;MACpB1B,SAAS9B;MACTyD,SAAS,CAAC,EAAEd,OAAOb,QAAO,MAAE;AAC1B,eAAO4B,mBACL;UAAEzB,IAAI5C,KAAK4C;UAAIP;QAAK,GACpB;UAAEiB;UAAOb;UAAS6B,cAAc7C,gBAAgB,eAAe;YAAC;YAAQ;cAAW;YAAC;YAAO;;QAAU,CAAA;MAEzG;MACA8C,aAAa,CAAC,EAAEC,MAAMzB,OAAM,MAAE;AAC5B,YAAIA,OAAO0B,KAAKpC,SAASmC,KAAKC,KAAKpC,MAAM;AACvClB,kBAAQuD,oBAAmBF,KAAKC,IAAI,CAAA;AACpCpD,sBAAY0B,OAAO0B,KAAK7B,EAAE;QAC5B;MACF;MACA+B,QAAQ,CAAC,EAAEH,MAAMzB,OAAM,MAAE;AACvB,YAAIA,OAAO0B,KAAKpC,SAASmC,KAAKC,KAAKpC,MAAM;AACvClB,kBAAQuD,oBAAmBF,KAAKC,IAAI,CAAA;AACpCpD,sBAAY0B,OAAO0B,KAAK7B,EAAE;QAC5B;MACF;MACAgC,aAAa,MAAA;AACXzD,gBAAQ,IAAA;AACRE,oBAAY,IAAA;MACd;MACA6C,QAAQ,CAAC,EAAEM,MAAMzB,OAAM,MAAE;AACvB5B,gBAAQ,IAAA;AACRE,oBAAY,IAAA;AACZ,YAAI0B,OAAO0B,KAAKpC,SAASmC,KAAKC,KAAKpC,MAAM;AACvCV,sBAAYoB,OAAO0B,MAAuBD,KAAKC,MAAuBC,oBAAmBF,KAAKC,IAAI,CAAA;QACpG;MACF;IACF,CAAA,CAAA;EAEJ,GAAG;IAAChD;IAAazB;IAAM2B;IAAaX;IAAuBL;GAAY;AAEvE,QAAMkE,sBAAsBC,kBAAkB;IAAEC,aAAa;EAAU,CAAA;AAGvE,QAAMC,0BAA0B,MAAA;AAC9B,QAAI,CAAC9D,eAAe,CAACE,UAAU;AAC7B,aAAO;IACT;AAGA,QAAIA,aAAapB,KAAK4C,IAAI;AACxB,aAAO;IACT;AAGA,UAAMqC,8BACJ/E,kBAAkBgF,UAClB9D,aAAalB,kBACXuB,gBAAgB,gBAAgBP,gBAAgB,UAC/CO,gBAAgB,cAAcP,gBAAgB;AACnD,QAAI+D,6BAA6B;AAC/B,aAAO;IACT;AAGA,UAAME,6BACJhF,kBAAkB+E,UAClB9D,aAAajB,kBACXsB,gBAAgB,gBAAgBP,gBAAgB,WAC/CO,gBAAgB,cAAcP,gBAAgB;AACnD,QAAIiE,4BAA4B;AAC9B,aAAO;IACT;AAEA,WAAO;EACT;AAEA,QAAMC,wBAAwBC,SAC5B,OAAO;IAAEpE;IAAmBb;IAAM6B;IAASqD,OAAOhE;IAAWiE,UAAUhE;IAAcxB;EAAK,IAC1F;IAACkB;IAAmBb;IAAM6B;IAASX;IAAWC;IAAcxB;GAAK;AAGnE,SACE,gBAAAyF,OAAA,cAACC,iBAAiBC,UAAQ;IAACC,OAAOP;KAChC,gBAAAI,OAAA,cAACxD,MAAAA;IACE,GAAGvB;IACJmF,UAAU;IACT,GAAGf;IACJgB,WAAWC,IACT,kCACAtF,0BAA0B,aACtB,iCACAA,0BAA0B,oBACxB,wCACAiB,gBAAgB,eACdjB,0BAA0B,iBACxB,iCACA,0BACFA,0BAA0B,iBACxB,iCACA,yBACViB,gBAAgB,eAAe,sBAAsB,qBACrDC,SAASD,gBAAgB,eAAe,eAAe,eACvD1B,SAAS,aAAa0B,gBAAgB,gBAAgB,qCACtD7B,UAAAA;IAEFmG,sBAAoBlE;IACpBmE,mBAAiBhG,KAAK4C;IACrB,GAAGqD;IACJnG,OAAO;MACL,GAAI8B,cAAc,WAAWsE,UAAU9F,MAAMqB,WAAAA;MAC7C,GAAI0E,OAAOC,SAASnG,KAAAA,KAAU;QAC5B,CAACwB,gBAAgB,eAAe,eAAe,SAAA,GAAY,GAAGxB,KAAAA;MAChE;MACA,GAAGH;IACL;IACAuG,KAAKvF;KAEJjB,UACAmF,wBAAAA,KAA6B9D,eAC5B,gBAAAsE,OAAA,cAACc,UAASC,eAAa;IAACC,WAAW;IAAGC,eAAe;IAAIC,MAAMxF;;AAKzE,CAAA;AAWF,IAAMyF,uBAAuB,CAAC,EAAE9G,SAAQ,MAA6B;AACnE,QAAM,EAAEyF,MAAK,IAAKsB,aAAAA;AAClB,SAAOtB,OAAOjD,SAAS,YAAYwE,6BAAahH,SAAS;IAAEG,MAAMsF,MAAMtF;EAAK,CAAA,GAAIsF,MAAM1B,SAAS,IAAI;AACrG;AAMO,IAAMkD,YAAY;EACvB9E,MAAMtC;EACNqH,SAASC;EACTC,YAAYC;EACZC,aAAaR;EACbS,SAASC;EACTC,cAAcC;EACdC,sBAAsBC;EACtBC,cAAcC;EACdC,OAAOC;EACPC,aAAaC;AACf;",
6
+ "names": ["composeRefs", "React", "Children", "forwardRef", "useCallback", "useEffect", "useState", "ListItem", "useId", "mx", "autoScrollForElements", "attachClosestEdge", "extractClosestEdge", "combine", "dropTargetForElements", "useLayoutEffect", "useState", "noop", "useStackDropForElements", "id", "element", "scrollElement", "orientation", "selfDroppable", "onRearrange", "dropping", "setDropping", "acceptSourceType", "getData", "input", "type", "allowedEdges", "onDragEnter", "source", "data", "onDrag", "onDragLeave", "onDrop", "self", "getAllowedAxis", "createContext", "useContext", "StackContext", "orientation", "rail", "size", "useStack", "idle", "type", "StackItemContext", "selfDragHandleRef", "setSize", "state", "setState", "useStackItem", "railGridHorizontal", "railGridVertical", "PERPENDICULAR_FOCUS_THRESHHOLD", "scrollIntoViewAndFocus", "el", "orientation", "scrollIntoView", "behavior", "focus", "Stack", "forwardRef", "children", "classNames", "id", "style", "rail", "size", "itemsCount", "Children", "count", "circularFocus", "separatorOnScroll", "getDropElement", "onBlur", "onKeyDown", "onRearrange", "props", "forwardedRef", "stackId", "useId", "stackElement", "stackRef", "useState", "lastFocusedItem", "setLastFocusedItem", "composedItemRef", "composeRefs", "selfDroppable", "dropping", "useStackDropForElements", "element", "scrollElement", "handleScroll", "useCallback", "Number", "isFinite", "scrollPosition", "scrollLeft", "scrollTop", "scrollSize", "scrollWidth", "scrollHeight", "clientSize", "clientWidth", "clientHeight", "separatorHost", "closest", "setAttribute", "String", "handleBlur", "event", "target", "closestStackItem", "getAttribute", "undefined", "handleKeyDown", "useKeyDown", "useEffect", "observer", "MutationObserver", "observe", "childList", "subtree", "disconnect", "StackContext", "Provider", "value", "div", "onScroll", "className", "mx", "aria-orientation", "data-dx-stack", "data-dx-stack-circular-focus", "data-dx-last-focused-item", "data-rail", "ref", "ListItem", "DropIndicator", "lineInset", "terminalInset", "gap", "edge", "useKeyDown", "stackId", "circularFocus", "onKeyDown", "useCallback", "event", "target", "key", "startsWith", "closest", "toLowerCase", "slice", "closestOwnedItem", "closestStack", "closestStackItems", "Array", "from", "querySelectorAll", "closestStackOrientation", "getAttribute", "ancestorStack", "parentElement", "ancestorOrientation", "parallelDelta", "perpendicularDelta", "currentIndex", "indexOf", "nextIndex", "adjacentItem", "length", "preventDefault", "scrollIntoViewAndFocus", "siblingStacks", "currentStackIndex", "nextStackIndex", "adjacentStack", "adjacentStackSelfItem", "adjacentStackItems", "closestItem", "lastFocusedItem", "querySelector", "ownedItemRect", "getBoundingClientRect", "targetPosition", "top", "left", "closestDistance", "Infinity", "item", "itemRect", "itemPosition", "distance", "Math", "abs", "PERPENDICULAR_FOCUS_THRESHHOLD", "closestOwnedItemStack", "closestOwnedItemStackItems", "includes", "attachClosestEdge", "extractClosestEdge", "combine", "draggable", "dropTargetForElements", "preserveOffsetOnSource", "setCustomNativeDragPreview", "useFocusableGroup", "composeRefs", "React", "forwardRef", "useCallback", "useLayoutEffect", "useMemo", "useState", "createPortal", "ListItem", "resizeAttributes", "sizeStyle", "mx", "React", "forwardRef", "useMemo", "mx", "StackItemContent", "forwardRef", "classNames", "children", "toolbar", "statusbar", "props", "forwardedRef", "size", "stackItemSize", "useStack", "role", "useStackItem", "style", "useMemo", "gridTemplateRows", "filter", "Boolean", "join", "React", "div", "className", "mx", "data-popover-collision-boundary", "ref", "displayName", "Primitive", "Slot", "React", "StackItemDragHandle", "asChild", "children", "selfDragHandleRef", "useStackItem", "Comp", "Slot", "Primitive", "div", "React", "ref", "role", "Primitive", "Slot", "React", "forwardRef", "useAttention", "mx", "StackItemHeading", "children", "classNames", "asChild", "separateOnScroll", "role", "props", "orientation", "useStack", "Comp", "Slot", "Primitive", "div", "React", "className", "mx", "StackItemHeadingStickyContent", "StackItemHeadingLabel", "forwardRef", "attendableId", "related", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "h1", "data-attention", "toString", "ref", "React", "ResizeHandle", "MIN_WIDTH", "MIN_HEIGHT", "StackItemResizeHandle", "_", "orientation", "useStack", "setSize", "size", "useStackItem", "React", "ResizeHandle", "side", "fallbackSize", "DEFAULT_EXTRINSIC_SIZE", "minSize", "onSizeChange", "React", "Fragment", "forwardRef", "useState", "keySymbols", "Button", "DropdownMenu", "Icon", "toLocalizedString", "useTranslation", "useAttention", "mx", "getHostPlatform", "translationKey", "React", "MenuSignifierHorizontal", "svg", "className", "width", "height", "viewBox", "stroke", "opacity", "line", "x1", "y1", "x2", "y2", "strokeWidth", "strokeLinecap", "strokeDasharray", "strokeDashoffset", "StackItemSigilButton", "forwardRef", "attendableId", "classNames", "related", "isMenu", "children", "props", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "variant", "React", "Button", "ref", "MenuSignifierHorizontal", "StackItemSigil", "actions", "actionGroups", "onAction", "triggerLabel", "icon", "t", "useTranslation", "translationKey", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "hasActions", "length", "button", "span", "className", "Icon", "DropdownMenu", "Root", "open", "onOpenChange", "Trigger", "asChild", "Portal", "Content", "Viewport", "map", "index", "separator", "Separator", "Fragment", "key", "action", "shortcut", "properties", "keyBinding", "getHostPlatform", "menuItemType", "CheckboxItem", "Item", "id", "onClick", "event", "disabled", "stopPropagation", "checked", "isChecked", "undefined", "testId", "size", "toLocalizedString", "label", "ItemIndicator", "mx", "keySymbols", "join", "Arrow", "DEFAULT_VERTICAL_SIZE", "DEFAULT_HORIZONTAL_SIZE", "DEFAULT_EXTRINSIC_SIZE", "StackItemRoot", "forwardRef", "classNames", "children", "style", "role", "item", "order", "prevSiblingId", "nextSiblingId", "size", "sizeProp", "onSizeChange", "disableRearrange", "focusIndicatorVariant", "props", "forwardedRef", "itemElement", "itemRef", "useState", "composedItemRef", "composeRefs", "selfDragHandleElement", "selfDragHandleRef", "closestEdge", "setEdge", "sourceId", "setSourceId", "dragState", "setDragState", "idle", "orientation", "rail", "onRearrange", "stackSize", "stackId", "useStack", "setInternalSize", "Root", "setSize", "useCallback", "nextSize", "commit", "type", "useLayoutEffect", "combine", "draggable", "element", "dragHandle", "getInitialData", "id", "onGenerateDragPreview", "nativeSetDragImage", "source", "location", "document", "body", "setAttribute", "offsetFn", "preserveOffsetOnSource", "input", "current", "rect", "getBoundingClientRect", "setCustomNativeDragPreview", "getOffset", "container", "render", "width", "onDragStart", "removeAttribute", "closest", "onDrop", "dropTargetForElements", "getData", "attachClosestEdge", "allowedEdges", "onDragEnter", "self", "data", "extractClosestEdge", "onDrag", "onDragLeave", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "shouldShowDropIndicator", "isTrailingEdgeOfPrevSibling", "undefined", "isLeadingEdgeOfNextSibling", "stackItemContextValue", "useMemo", "state", "setState", "React", "StackItemContext", "Provider", "value", "tabIndex", "className", "mx", "data-dx-stack-item", "data-dx-item-id", "resizeAttributes", "sizeStyle", "Number", "isFinite", "ref", "ListItem", "DropIndicator", "lineInset", "terminalInset", "edge", "StackItemDragPreview", "useStackItem", "createPortal", "StackItem", "Content", "StackItemContent", "DragHandle", "StackItemDragHandle", "DragPreview", "Heading", "StackItemHeading", "HeadingLabel", "StackItemHeadingLabel", "HeadingStickyContent", "StackItemHeadingStickyContent", "ResizeHandle", "StackItemResizeHandle", "Sigil", "StackItemSigil", "SigilButton", "StackItemSigilButton"]
7
7
  }
@@ -1 +1 @@
1
- {"inputs":{"src/hooks/useStackDropForElements.ts":{"bytes":8238,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/index.ts":{"bytes":608,"imports":[{"path":"src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"src/components/StackContext.tsx":{"bytes":3423,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/Stack/Stack.tsx":{"bytes":18679,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/Stack/index.ts":{"bytes":463,"imports":[{"path":"src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"src/components/StackItem/StackItemContent.tsx":{"bytes":7832,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2257,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemHeading.tsx":{"bytes":8042,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":3045,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/translations.ts":{"bytes":2149,"imports":[],"format":"esm"},"src/components/StackItem/MenuSignifier.tsx":{"bytes":3634,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackItem/StackItemSigil.tsx":{"bytes":18618,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"}],"format":"esm"},"src/components/StackItem/StackItem.tsx":{"bytes":34811,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"src/components/StackItem/index.ts":{"bytes":479,"imports":[{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/components/index.ts":{"bytes":590,"imports":[{"path":"src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/exemplars/Card/fragments.ts":{"bytes":3830,"imports":[],"format":"esm"},"src/exemplars/Card/Card.tsx":{"bytes":20499,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/CardDragPreview.tsx":{"bytes":2606,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/index.ts":{"bytes":656,"imports":[{"path":"src/exemplars/Card/Card.tsx","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/Card/CardDragPreview.tsx","kind":"import-statement","original":"./CardDragPreview"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/CardStack/CardStack.tsx":{"bytes":15766,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"../Card"}],"format":"esm"},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytes":6307,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"src/exemplars/CardStack/index.ts":{"bytes":594,"imports":[{"path":"src/exemplars/CardStack/CardStack.tsx","kind":"import-statement","original":"./CardStack"},{"path":"src/exemplars/CardStack/CardStackDragPreview.tsx","kind":"import-statement","original":"./CardStackDragPreview"}],"format":"esm"},"src/exemplars/index.ts":{"bytes":544,"imports":[{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/CardStack/index.ts","kind":"import-statement","original":"./CardStack"}],"format":"esm"},"src/index.ts":{"bytes":834,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"./exemplars"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/playwright/stack-manager.ts":{"bytes":7185,"imports":[],"format":"esm"},"src/playwright/index.ts":{"bytes":481,"imports":[{"path":"src/playwright/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"},"src/testing/CardContainer.tsx":{"bytes":3553,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"../exemplars"}],"format":"esm"},"src/testing/index.ts":{"bytes":478,"imports":[{"path":"src/testing/CardContainer.tsx","kind":"import-statement","original":"./CardContainer"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-WOG2GQRG.mjs","kind":"import-statement"}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":1479},"dist/lib/browser/playwright/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3701},"dist/lib/browser/playwright/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"src/playwright/index.ts","inputs":{"src/playwright/stack-manager.ts":{"bytesInOutput":1556},"src/playwright/index.ts":{"bytesInOutput":0}},"bytes":1671},"dist/lib/browser/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1782},"dist/lib/browser/testing/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-WOG2GQRG.mjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true}],"exports":["CardContainer"],"entryPoint":"src/testing/index.ts","inputs":{"src/testing/CardContainer.tsx":{"bytesInOutput":1006},"src/testing/index.ts":{"bytesInOutput":0}},"bytes":1151},"dist/lib/browser/chunk-WOG2GQRG.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":79623},"dist/lib/browser/chunk-WOG2GQRG.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"inputs":{"src/components/StackContext.tsx":{"bytesInOutput":479},"src/components/Stack/Stack.tsx":{"bytesInOutput":4810},"src/hooks/useStackDropForElements.ts":{"bytesInOutput":1986},"src/hooks/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":495},"src/components/StackItem/StackItem.tsx":{"bytesInOutput":8462},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1597},"src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":504},"src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":2177},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":698},"src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4743},"src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":679},"src/components/Stack/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/StackItem/index.ts":{"bytesInOutput":0},"src/exemplars/Card/fragments.ts":{"bytesInOutput":1014},"src/exemplars/Card/Card.tsx":{"bytesInOutput":5670},"src/exemplars/Card/CardDragPreview.tsx":{"bytesInOutput":757},"src/exemplars/CardStack/CardStack.tsx":{"bytesInOutput":4675},"src/exemplars/Card/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":2016},"src/exemplars/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/index.ts":{"bytesInOutput":0}},"bytes":42348}}}
1
+ {"inputs":{"src/hooks/useStackDropForElements.ts":{"bytes":8844,"imports":[{"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":"@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":"react","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/index.ts":{"bytes":525,"imports":[{"path":"src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"src/components/StackContext.tsx":{"bytes":3355,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/Stack/Stack.tsx":{"bytes":44658,"imports":[{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/Stack/index.ts":{"bytes":369,"imports":[{"path":"src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"src/components/StackItem/StackItemContent.tsx":{"bytes":5696,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2169,"imports":[{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemHeading.tsx":{"bytes":6970,"imports":[{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":2769,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/components/StackItem/MenuSignifier.tsx":{"bytes":3029,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackItem/StackItemSigil.tsx":{"bytes":17826,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"}],"format":"esm"},"src/components/StackItem/StackItem.tsx":{"bytes":35032,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"src/components/StackItem/index.ts":{"bytes":377,"imports":[{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/components/index.ts":{"bytes":506,"imports":[{"path":"src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/index.ts":{"bytes":382,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"},"src/playwright/stack-manager.ts":{"bytes":7085,"imports":[],"format":"esm"},"src/playwright/index.ts":{"bytes":389,"imports":[{"path":"src/playwright/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"},"src/translations.ts":{"bytes":2079,"imports":[],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":68513},"dist/lib/browser/index.mjs":{"imports":[{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@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":"@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":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"#translations","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","railGridHorizontal","railGridVertical"],"entryPoint":"src/index.ts","inputs":{"src/components/Stack/Stack.tsx":{"bytesInOutput":10114},"src/hooks/useStackDropForElements.ts":{"bytesInOutput":2036},"src/hooks/index.ts":{"bytesInOutput":0},"src/components/StackContext.tsx":{"bytesInOutput":479},"src/components/StackItem/StackItem.tsx":{"bytesInOutput":8248},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1242},"src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":398},"src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":1685},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":524},"src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4377},"src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":439},"src/index.ts":{"bytesInOutput":0}},"bytes":30329},"dist/lib/browser/playwright/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3701},"dist/lib/browser/playwright/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"src/playwright/index.ts","inputs":{"src/playwright/stack-manager.ts":{"bytesInOutput":1556},"src/playwright/index.ts":{"bytesInOutput":0}},"bytes":1671},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1011},"dist/lib/browser/translations.mjs":{"imports":[],"exports":["translationKey","translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":501}},"bytes":611}}}
@@ -0,0 +1,23 @@
1
+ // src/translations.ts
2
+ var translationKey = "@dxos/react-ui-stack";
3
+ var translations = [
4
+ {
5
+ "en-US": {
6
+ [translationKey]: {
7
+ "resize.label": "Drag to resize",
8
+ "drag-handle.label": "Drag to rearrange",
9
+ "pin-start.label": "Pin to the left sidebar",
10
+ "pin-end.label": "Pin to the right sidebar",
11
+ "increment-start.label": "Move to the left",
12
+ "increment-end.label": "Move to the right",
13
+ "close.label": "Close",
14
+ "minify.label": "Minify"
15
+ }
16
+ }
17
+ }
18
+ ];
19
+ export {
20
+ translationKey,
21
+ translations
22
+ };
23
+ //# sourceMappingURL=translations.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/translations.ts"],
4
+ "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui-stack';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {\n 'resize.label': 'Drag to resize',\n 'drag-handle.label': 'Drag to rearrange',\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] as const satisfies Resource[];\n"],
5
+ "mappings": ";AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,cAAAA,GAAiB;QAChB,gBAAgB;QAChB,qBAAqB;QACrB,mBAAmB;QACnB,iBAAiB;QACjB,yBAAyB;QACzB,uBAAuB;QACvB,eAAe;QACf,gBAAgB;MAClB;IACF;EACF;;",
6
+ "names": ["translationKey", "translations"]
7
+ }