@dxos/react-ui-stack 0.8.2-staging.7ac8446 → 0.8.3-main.672df60

package/dist/lib/node/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/Stack.tsx", "../../../src/components/StackContext.tsx", "../../../src/hooks/useStackDropForElements.ts", "../../../src/components/StackItem.tsx", "../../../src/components/StackItemContent.tsx", "../../../src/components/StackItemDragHandle.tsx", "../../../src/components/StackItemHeading.tsx", "../../../src/components/StackItemResizeHandle.tsx", "../../../src/components/StackItemSigil.tsx", "../../../src/components/MenuSignifier.tsx", "../../../src/translations.ts", "../../../src/components/LayoutControls.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, { Children, type CSSProperties, type ComponentPropsWithRef, forwardRef, useState, useMemo } from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type StackContextValue, StackContext } from './StackContext';\nimport { useStackDropForElements } from '../hooks';\n\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Size = 'intrinsic' | 'contain' | 'contain-fit-content';\n\nexport type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> &\n  Partial<StackContextValue> & { itemsCount?: number };\n\nexport const railGridHorizontal = 'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\nexport const railGridVertical = 'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\n\n// TODO(ZaymonFC): Magic 2px to stop overflow (tabster dummies... ask @thure).\nexport const railGridHorizontalContainFitContent =\n  'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\nexport const railGridVerticalContainFitContent =\n  'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\n\nexport const autoScrollRootAttributes = { 'data-drag-autoscroll': 'idle' };\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      children,\n      classNames,\n      style,\n      orientation = 'vertical',\n      rail = true,\n      size = 'intrinsic',\n      onRearrange,\n      itemsCount = Children.count(children),\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [stackElement, stackRef] = useState<HTMLDivElement | null>(null);\n    const composedItemRef = composeRefs<HTMLDivElement>(stackRef, forwardedRef);\n    const arrowNavigationAttrs = useArrowNavigationGroup({ axis: orientation });\n\n    const styles: CSSProperties = {\n      [orientation === 'horizontal' ? 'gridTemplateColumns' : 'gridTemplateRows']:\n        `repeat(${itemsCount}, min-content) [tabster-dummies] 0`,\n      ...style,\n    };\n\n    const selfDroppable = !!(itemsCount < 1 && onRearrange && props.id);\n\n    const { dropping } = useStackDropForElements({\n      id: props.id,\n      element: stackElement,\n      selfDroppable,\n      orientation,\n      onRearrange,\n    });\n\n    const gridClasses = useMemo(() => {\n      if (!rail) {\n        return orientation === 'horizontal' ? 'grid-rows-1 pli-1' : 'grid-cols-1 plb-1';\n      }\n      if (orientation === 'horizontal') {\n        return size === 'contain-fit-content' ? railGridHorizontalContainFitContent : railGridHorizontal;\n      } else {\n        return size === 'contain-fit-content' ? railGridVerticalContainFitContent : railGridVertical;\n      }\n    }, [rail, orientation, size]);\n\n    return (\n      <StackContext.Provider value={{ orientation, rail, size, onRearrange }}>\n        <div\n          {...props}\n          {...arrowNavigationAttrs}\n          className={mx(\n            'grid relative',\n            gridClasses,\n            (size === 'contain' || size === 'contain-fit-content') &&\n              (orientation === 'horizontal'\n                ? 'overflow-x-auto min-bs-0 max-bs-full bs-full'\n                : 'overflow-y-auto min-is-0 max-is-full is-full'),\n            classNames,\n          )}\n          data-rail={rail}\n          aria-orientation={orientation}\n          style={styles}\n          ref={composedItemRef}\n        >\n          {children}\n          {selfDroppable && dropping && (\n            <ListItem.DropIndicator\n              lineInset={8}\n              terminalInset={-8}\n              gap={-8}\n              edge={orientation === 'horizontal' ? 'left' : 'top'}\n            />\n          )}\n        </div>\n      </StackContext.Provider>\n    );\n  },\n);\n\nexport { StackContext };\n\nexport type { StackContextValue };\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { createContext, useContext } from 'react';\n\nimport { type Size as DndSize } from '@dxos/react-ui-dnd';\n\nimport { type Orientation, type Size } from './Stack';\n\nexport type StackItemSize = DndSize;\n\nexport type StackItemData = { id: string; type: 'column' | 'card' };\n\nexport type StackItemRearrangeHandler<Data extends { id: string } = StackItemData> = (\n  source: Data,\n  target: Data,\n  closestEdge: Edge | null,\n) => void;\n\nexport type StackContextValue = {\n  orientation: Orientation;\n  rail: boolean;\n  size: Size;\n  onRearrange?: StackItemRearrangeHandler;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n  orientation: 'vertical',\n  rail: true,\n  size: 'intrinsic',\n});\n\nexport const useStack = () => useContext(StackContext);\n\nexport type StackItemContextValue = {\n  selfDragHandleRef: (element: HTMLDivElement | null) => void;\n  size: StackItemSize;\n  setSize: (nextSize: StackItemSize, commit?: boolean) => void;\n};\n\nexport const StackItemContext = createContext<StackItemContextValue>({\n  selfDragHandleRef: () => {},\n  size: 'min-content',\n  setSize: () => {},\n});\n\nexport const useStackItem = () => useContext(StackItemContext);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';\nimport { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { type Orientation } from '../components/Stack';\nimport { type StackItemRearrangeHandler, type StackItemData } from '../components/StackContext';\n\n/**\n * Hook to handle drag and drop functionality for Stack components.\n */\nexport const useStackDropForElements = ({\n  element,\n  selfDroppable,\n  orientation,\n  id,\n  onRearrange,\n}: {\n  element: HTMLDivElement | null;\n  selfDroppable: boolean;\n  orientation: Orientation;\n  id?: string;\n  onRearrange?: StackItemRearrangeHandler;\n}) => {\n  const [dropping, setDropping] = useState(false);\n\n  useLayoutEffect(() => {\n    if (!element || !selfDroppable) {\n      return;\n    }\n\n    const acceptSourceType = orientation === 'horizontal' ? 'column' : 'card';\n\n    return combine(\n      dropTargetForElements({\n        element,\n        getData: ({ input, element }) => {\n          return attachClosestEdge(\n            { id, type: orientation === 'horizontal' ? 'card' : 'column' },\n            { input, element, allowedEdges: [orientation === 'horizontal' ? 'left' : 'top'] },\n          );\n        },\n        onDragEnter: ({ source }) => {\n          if (source.data.type === acceptSourceType) {\n            setDropping(true);\n          }\n        },\n        onDrag: ({ source }) => {\n          if (source.data.type === acceptSourceType) {\n            setDropping(true);\n          }\n        },\n        onDragLeave: () => {\n          return setDropping(false);\n        },\n        onDrop: ({ self, source }) => {\n          setDropping(false);\n          if (source.data.type === acceptSourceType && selfDroppable && onRearrange) {\n            onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n          }\n        },\n      }),\n      autoScrollForElements({ element, getAllowedAxis: () => orientation }),\n    );\n  }, [element, selfDroppable, orientation, id, onRearrange]);\n\n  return { dropping };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { draggable, dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { preserveOffsetOnSource } from '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source';\nimport { scrollJustEnoughIntoView } from '@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view';\nimport {\n  attachClosestEdge,\n  extractClosestEdge,\n  type Edge,\n} from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, { forwardRef, useLayoutEffect, useState, type ComponentPropsWithRef, useCallback } from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack, StackItemContext, type StackItemSize, type StackItemData } from './StackContext';\nimport { StackItemContent, type StackItemContentProps } from './StackItemContent';\nimport { StackItemDragHandle, type StackItemDragHandleProps } from './StackItemDragHandle';\nimport {\n  StackItemHeading,\n  StackItemHeadingLabel,\n  type StackItemHeadingProps,\n  type StackItemHeadingLabelProps,\n} from './StackItemHeading';\nimport { StackItemResizeHandle, type StackItemResizeHandleProps } from './StackItemResizeHandle';\nimport {\n  StackItemSigil,\n  type StackItemSigilProps,\n  type StackItemSigilAction,\n  type StackItemSigilButtonProps,\n  StackItemSigilButton,\n} from './StackItemSigil';\n\n// NOTE: 48rem fills the screen on a MacbookPro with the sidebars closed.\nexport const DEFAULT_HORIZONTAL_SIZE = 48 satisfies StackItemSize;\nexport const DEFAULT_VERTICAL_SIZE = 'min-content' satisfies StackItemSize;\nexport const DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE satisfies StackItemSize;\n\nexport type StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {\n  item: Omit<StackItemData, 'type'>;\n  order?: number;\n  size?: StackItemSize;\n  onSizeChange?: (nextSize: StackItemSize) => void;\n  role?: 'article' | 'section';\n  disableRearrange?: boolean;\n  focusIndicatorVariant?: 'over-all' | 'group';\n};\n\nconst StackItemRoot = forwardRef<HTMLDivElement, StackItemRootProps>(\n  (\n    {\n      item,\n      children,\n      classNames,\n      size: propsSize,\n      onSizeChange,\n      role,\n      order,\n      style,\n      disableRearrange,\n      focusIndicatorVariant = 'over-all',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [itemElement, itemRef] = useState<HTMLDivElement | null>(null);\n    const [selfDragHandleElement, selfDragHandleRef] = useState<HTMLDivElement | null>(null);\n    const [closestEdge, setEdge] = useState<Edge | null>(null);\n    const { orientation, rail, onRearrange } = useStack();\n    const [size = orientation === 'horizontal' ? DEFAULT_HORIZONTAL_SIZE : DEFAULT_VERTICAL_SIZE, setInternalSize] =\n      useState(propsSize);\n\n    const Root = role ?? 'div';\n\n    const composedItemRef = composeRefs<HTMLDivElement>(itemRef, forwardedRef);\n\n    const setSize = useCallback(\n      (nextSize: StackItemSize, commit?: boolean) => {\n        setInternalSize(nextSize);\n        if (commit) {\n          onSizeChange?.(nextSize);\n        }\n      },\n      [onSizeChange],\n    );\n\n    const type = orientation === 'horizontal' ? 'column' : 'card';\n\n    useLayoutEffect(() => {\n      if (!itemElement || !onRearrange || disableRearrange) {\n        return;\n      }\n\n      return combine(\n        draggable({\n          element: itemElement,\n          ...(selfDragHandleElement && { dragHandle: selfDragHandleElement }),\n          getInitialData: () => ({ id: item.id, type }),\n          onGenerateDragPreview: ({ nativeSetDragImage, source, location }) => {\n            document.body.setAttribute('data-drag-preview', 'true');\n            scrollJustEnoughIntoView({ element: source.element });\n            const { x, y } = preserveOffsetOnSource({ element: source.element, input: location.current.input })({\n              container: (source.element.offsetParent ?? document.body) as HTMLElement,\n            });\n            nativeSetDragImage?.(source.element, x, y);\n          },\n          onDragStart: () => {\n            document.body.removeAttribute('data-drag-preview');\n            itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'active');\n          },\n          onDrop: () => {\n            itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'idle');\n          },\n        }),\n        dropTargetForElements({\n          element: itemElement,\n          getData: ({ input, element }) => {\n            return attachClosestEdge(\n              { id: item.id, type },\n              { input, element, allowedEdges: orientation === 'horizontal' ? ['left', 'right'] : ['top', 'bottom'] },\n            );\n          },\n          onDragEnter: ({ self, source }) => {\n            if (source.data.type === self.data.type) {\n              setEdge(extractClosestEdge(self.data));\n            }\n          },\n          onDrag: ({ self, source }) => {\n            if (source.data.type === self.data.type) {\n              setEdge(extractClosestEdge(self.data));\n            }\n          },\n          onDragLeave: () => setEdge(null),\n          onDrop: ({ self, source }) => {\n            setEdge(null);\n            if (source.data.type === self.data.type) {\n              onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n            }\n          },\n        }),\n      );\n    }, [orientation, item, onRearrange, selfDragHandleElement, itemElement]);\n\n    const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n    return (\n      <StackItemContext.Provider value={{ selfDragHandleRef, size, setSize }}>\n        <Root\n          {...props}\n          tabIndex={0}\n          {...focusableGroupAttrs}\n          className={mx(\n            'group/stack-item grid relative',\n            focusIndicatorVariant === 'over-all'\n              ? 'dx-focus-ring-inset-over-all'\n              : orientation === 'horizontal'\n                ? 'dx-focus-ring-group-x'\n                : 'dx-focus-ring-group-y',\n            orientation === 'horizontal' ? 'grid-rows-subgrid' : 'grid-cols-subgrid',\n            rail && (orientation === 'horizontal' ? 'row-span-2' : 'col-span-2'),\n            classNames,\n          )}\n          data-dx-stack-item\n          {...resizeAttributes}\n          style={{\n            ...sizeStyle(size, orientation),\n            ...(Number.isFinite(order) && {\n              [orientation === 'horizontal' ? 'gridColumn' : 'gridRow']: `${order}`,\n            }),\n            ...style,\n          }}\n          ref={composedItemRef}\n        >\n          {children}\n          {closestEdge && <ListItem.DropIndicator lineInset={8} terminalInset={-8} edge={closestEdge} />}\n        </Root>\n      </StackItemContext.Provider>\n    );\n  },\n);\n\nexport const StackItem = {\n  Root: StackItemRoot,\n  Content: StackItemContent,\n  Heading: StackItemHeading,\n  HeadingLabel: StackItemHeadingLabel,\n  ResizeHandle: StackItemResizeHandle,\n  DragHandle: StackItemDragHandle,\n  Sigil: StackItemSigil,\n  SigilButton: StackItemSigilButton,\n};\n\nexport type {\n  StackItemContentProps,\n  StackItemHeadingProps,\n  StackItemHeadingLabelProps,\n  StackItemResizeHandleProps,\n  StackItemDragHandleProps,\n  StackItemSigilProps,\n  StackItemSigilButtonProps,\n  StackItemSigilAction,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from './StackContext';\n\nexport type StackItemContentProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n  /**\n   * This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate\n   * (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.\n   */\n  toolbar?: boolean;\n\n  /**\n   * Whether to provide for the layout of a statusbar after the content.\n   */\n  statusbar?: boolean;\n\n  /**\n   * Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for\n   * convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.\n   */\n  size?: 'intrinsic' | 'video' | 'square';\n};\n\n/**\n * This component should be used by plugins for rendering content within a stack item, a.k.a. a “plank” or “section”.\n * The `toolbar` flag must be provided since this component provides for the layout of content with the toolbar.\n */\nexport const StackItemContent = forwardRef<HTMLDivElement, StackItemContentProps>(\n  ({ children, toolbar, statusbar, classNames, size = 'intrinsic', ...props }, forwardedRef) => {\n    const { size: stackItemSize } = useStack();\n\n    return (\n      <div\n        role='none'\n        {...props}\n        className={mx(\n          'group grid grid-cols-[100%]',\n          stackItemSize === 'contain' && 'min-bs-0 overflow-hidden',\n          size === 'video' ? 'aspect-video' : size === 'square' && 'aspect-square',\n          classNames,\n        )}\n        style={{\n          gridTemplateRows: [\n            ...(toolbar ? ['var(--rail-action)'] : []),\n            '1fr',\n            ...(statusbar ? ['var(--statusbar-size)'] : []),\n          ].join(' '),\n        }}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nimport { useStackItem } from './StackContext';\n\nexport type StackItemDragHandleProps = ComponentPropsWithoutRef<'button'> & { asChild: boolean };\n\nexport const StackItemDragHandle = ({ asChild, children }: StackItemDragHandleProps) => {\n  const { selfDragHandleRef } = useStackItem();\n\n  const Root = asChild ? Slot : 'div';\n\n  return (\n    <Root ref={selfDragHandleRef} role='button'>\n      {children}\n    </Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { type ComponentPropsWithoutRef, type ComponentPropsWithRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { useAttention, type AttendableId, type Related } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from './StackContext';\n\nexport type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>>;\n\nexport const StackItemHeading = ({ children, classNames, ...props }: StackItemHeadingProps) => {\n  const { orientation } = useStack();\n  const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n  return (\n    <div\n      role='heading'\n      {...props}\n      tabIndex={0}\n      {...focusableGroupAttrs}\n      className={mx(\n        'flex items-center dx-focus-ring-inset-over-all relative !border-is-0',\n        orientation === 'horizontal' ? 'bs-[--rail-size]' : 'is-[--rail-size] flex-col',\n        classNames,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport type StackItemHeadingLabelProps = ThemedClassName<ComponentPropsWithRef<'h1'>> & AttendableId & Related;\n\nexport const StackItemHeadingLabel = forwardRef<HTMLHeadingElement, StackItemHeadingLabelProps>(\n  ({ attendableId, related, classNames, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n\n    return (\n      <h1\n        {...props}\n        data-attention={((related && isRelated) || hasAttention || isAncestor).toString()}\n        className={mx(\n          'pli-1 min-is-0 is-0 grow truncate font-medium text-baseText data-[attention=true]:text-accentText self-center',\n          classNames,\n        )}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { ResizeHandle } from '@dxos/react-ui-dnd';\n\nimport { useStack, useStackItem } from './StackContext';\nimport { DEFAULT_EXTRINSIC_SIZE } from './StackItem';\n\nconst MIN_WIDTH = 20;\nconst MIN_HEIGHT = 3;\n\nexport type StackItemResizeHandleProps = {};\n\nexport const StackItemResizeHandle = () => {\n  const { orientation } = useStack();\n  const { setSize, size } = useStackItem();\n\n  return (\n    <ResizeHandle\n      side={orientation === 'horizontal' ? 'inline-end' : 'block-end'}\n      fallbackSize={DEFAULT_EXTRINSIC_SIZE}\n      minSize={orientation === 'horizontal' ? MIN_WIDTH : MIN_HEIGHT}\n      size={size}\n      onSizeChange={setSize}\n    />\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, type PropsWithChildren, forwardRef, useRef, useState } from 'react';\n\nimport { type ActionLike } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { Button, type ButtonProps, DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { type AttendableId, type Related, useAttention } from '@dxos/react-ui-attention';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { MenuSignifierHorizontal } from './MenuSignifier';\nimport { translationKey } from '../translations';\n\nexport type KeyBinding = {\n  windows?: string;\n  macos?: string;\n  ios?: string;\n  linux?: string;\n  unknown?: string;\n};\n\nexport type StackItemSigilAction = Pick<ActionLike, 'id' | 'properties' | 'data'>;\n\nexport type StackItemSigilButtonProps = Omit<ButtonProps, 'variant'> &\n  AttendableId &\n  Related & {\n    isMenu?: boolean;\n  };\n\nexport const StackItemSigilButton = forwardRef<HTMLButtonElement, StackItemSigilButtonProps>(\n  ({ attendableId, classNames, related, isMenu = true, children, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n    const variant = (related && isRelated) || hasAttention || isAncestor ? 'primary' : 'ghost';\n    // TODO(wittjosiah): Disable hover styles when isMenu is false.\n    return (\n      <Button\n        {...props}\n        variant={variant}\n        classNames={['shrink-0 pli-0 min-bs-0 is-[--rail-action] bs-[--rail-action] relative app-no-drag', classNames]}\n        ref={forwardedRef}\n      >\n        {isMenu && <MenuSignifierHorizontal />}\n        {children}\n      </Button>\n    );\n  },\n);\n\nexport type StackItemSigilProps = PropsWithChildren<\n  {\n    attendableId?: string;\n    triggerLabel: string;\n    actions?: StackItemSigilAction[][];\n    icon: string;\n    onAction?: (action: StackItemSigilAction) => void;\n  } & Related\n>;\n\nexport const StackItemSigil = forwardRef<HTMLButtonElement, StackItemSigilProps>(\n  ({ actions: actionGroups, onAction, triggerLabel, attendableId, icon, related, children }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const suppressNextTooltip = useRef(false);\n\n    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n\n    const hasActions = actionGroups && actionGroups.length > 0;\n\n    const button = (\n      <StackItemSigilButton\n        attendableId={attendableId}\n        related={related}\n        isMenu={hasActions}\n        // TODO(wittjosiah): Better disabling of interactive styles when no action are available.\n        //   Remove underscore icon when no actions are available?\n        classNames={!hasActions && 'cursor-default'}\n      >\n        <span className='sr-only'>{triggerLabel}</span>\n        <Icon icon={icon} size={5} />\n      </StackItemSigilButton>\n    );\n\n    if (!hasActions) {\n      return button;\n    }\n\n    return (\n      <DropdownMenu.Root\n        {...{\n          open: optionsMenuOpen,\n          onOpenChange: (nextOpen: boolean) => {\n            if (!nextOpen) {\n              suppressNextTooltip.current = true;\n            }\n            return setOptionsMenuOpen(nextOpen);\n          },\n        }}\n      >\n        <DropdownMenu.Trigger asChild ref={forwardedRef}>\n          {button}\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content classNames='z-[31]'>\n            <DropdownMenu.Viewport>\n              {actionGroups?.map((actions, index) => {\n                const separator = index > 0 ? <DropdownMenu.Separator /> : null;\n                return (\n                  <Fragment key={index}>\n                    {separator}\n                    {actions.map((action) => {\n                      const shortcut =\n                        typeof action.properties.keyBinding === 'string'\n                          ? action.properties.keyBinding\n                          : action.properties.keyBinding?.[getHostPlatform()];\n\n                      const menuItemType = action.properties.menuItemType;\n                      const Root = menuItemType === 'toggle' ? DropdownMenu.CheckboxItem : DropdownMenu.Item;\n\n                      return (\n                        <Root\n                          key={action.id}\n                          onClick={(event) => {\n                            if (action.properties.disabled) {\n                              return;\n                            }\n                            event.stopPropagation();\n                            // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n                            suppressNextTooltip.current = true;\n                            setOptionsMenuOpen(false);\n                            onAction?.(action);\n                          }}\n                          classNames='gap-2'\n                          disabled={action.properties.disabled}\n                          checked={menuItemType === 'toggle' ? action.properties.isChecked : undefined}\n                          {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n                        >\n                          <Icon icon={action.properties.icon ?? 'ph--placeholder--regular'} size={4} />\n                          <span className='grow truncate'>{toLocalizedString(action.properties.label ?? '', t)}</span>\n                          {menuItemType === 'toggle' && (\n                            <DropdownMenu.ItemIndicator asChild>\n                              <Icon icon='ph--check--regular' size={4} />\n                            </DropdownMenu.ItemIndicator>\n                          )}\n                          {shortcut && (\n                            <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>\n                          )}\n                        </Root>\n                      );\n                    })}\n                  </Fragment>\n                );\n              })}\n              {children}\n            </DropdownMenu.Viewport>\n            <DropdownMenu.Arrow />\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nexport const MenuSignifierHorizontal = () => (\n  <svg\n    className='absolute block-end-[7px]'\n    width={20}\n    height={2}\n    viewBox='0 0 20 2'\n    stroke='currentColor'\n    opacity={0.5}\n  >\n    <line\n      x1={0.5}\n      y1={0.75}\n      x2={19}\n      y2={0.75}\n      strokeWidth={1.25}\n      strokeLinecap='round'\n      strokeDasharray='6 20'\n      strokeDashoffset='-6.5'\n    />\n  </svg>\n);\n\nexport const MenuSignifierVertical = () => (\n  <svg className='absolute inline-start-1' width={2} height={18} viewBox='0 0 2 18' stroke='currentColor'>\n    <line x1={1} y1={3} x2={1} y2={18} strokeWidth={1.5} strokeLinecap='round' strokeDasharray='0 6' />\n  </svg>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {\n        'resize label': 'Drag to resize',\n        'pin start label': 'Pin to the left sidebar',\n        'pin end label': 'Pin to the right sidebar',\n        'increment start label': 'Move to the left',\n        'increment end label': 'Move to the right',\n        'close label': 'Close',\n        'minify label': 'Minify',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport {\n  Button,\n  ButtonGroup,\n  type ButtonGroupProps,\n  type ButtonProps,\n  Icon,\n  Tooltip,\n  useTranslation,\n} from '@dxos/react-ui';\n\nimport { translationKey } from '../translations';\n\nexport type LayoutControlEvent = 'solo' | 'close' | `${'pin' | 'increment'}-${'start' | 'end'}`;\nexport type LayoutControlHandler = (event: LayoutControlEvent) => void;\n\nexport type LayoutCapabilities = {\n  incrementStart?: boolean;\n  incrementEnd?: boolean;\n  solo?: boolean;\n};\n\nexport type LayoutControlsProps = Omit<ButtonGroupProps, 'onClick'> & {\n  onClick?: LayoutControlHandler;\n  variant?: 'hide-disabled' | 'default';\n  close?: boolean | 'minify-start' | 'minify-end';\n  capabilities: LayoutCapabilities;\n  isSolo?: boolean;\n  pin?: 'start' | 'end' | 'both';\n};\n\nconst LayoutControl = ({ icon, label, ...props }: Omit<ButtonProps, 'children'> & { label: string; icon: string }) => {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        <Button variant='ghost' {...props}>\n          <span className='sr-only'>{label}</span>\n          <Icon icon={icon} />\n        </Button>\n      </Tooltip.Trigger>\n      <Tooltip.Portal>\n        <Tooltip.Content side='bottom'>{label}</Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\nexport const LayoutControls = forwardRef<HTMLDivElement, LayoutControlsProps>(\n  (\n    { onClick, variant = 'default', capabilities: can, isSolo, pin, close = false, children, ...props },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(translationKey);\n    const buttonClassNames = variant === 'hide-disabled' ? 'disabled:hidden !p-1' : '!p-1';\n\n    return (\n      <ButtonGroup {...props} ref={forwardedRef}>\n        {pin && !isSolo && ['both', 'start'].includes(pin) && (\n          <LayoutControl\n            label={t('pin start label')}\n            variant='ghost'\n            classNames={buttonClassNames}\n            onClick={() => onClick?.('pin-start')}\n            icon='ph--caret-line-left--regular'\n          />\n        )}\n\n        {can.solo && (\n          <LayoutControl\n            label={t('solo layout label')}\n            classNames={buttonClassNames}\n            onClick={() => onClick?.('solo')}\n            icon={isSolo ? 'ph--arrows-in--regular' : 'ph--arrows-out--regular'}\n          />\n        )}\n\n        {!isSolo && can.solo && (\n          <>\n            <LayoutControl\n              label={t('increment start label')}\n              disabled={!can.incrementStart}\n              classNames={buttonClassNames}\n              onClick={() => onClick?.('increment-start')}\n              icon='ph--caret-left--regular'\n            />\n            <LayoutControl\n              label={t('increment end label')}\n              disabled={!can.incrementEnd}\n              classNames={buttonClassNames}\n              onClick={() => onClick?.('increment-end')}\n              icon='ph--caret-right--regular'\n            />\n          </>\n        )}\n\n        {pin && !isSolo && ['both', 'end'].includes(pin) && (\n          <LayoutControl\n            label={t('pin end label')}\n            classNames={buttonClassNames}\n            onClick={() => onClick?.('pin-end')}\n            icon='ph--caret-line-right--regular'\n          />\n        )}\n\n        {close && !isSolo && (\n          <LayoutControl\n            label={t(`${typeof close === 'string' ? 'minify' : 'close'} label`)}\n            classNames={buttonClassNames}\n            onClick={() => onClick?.('close')}\n            data-testid='layoutHeading.close'\n            icon={\n              close === 'minify-start'\n                ? 'ph--caret-line-left--regular'\n                : close === 'minify-end'\n                  ? 'ph--caret-line-right--regular'\n                  : 'ph--x--regular'\n            }\n          />\n        )}\n        {children}\n      </ButtonGroup>\n    );\n  },\n);\n"],
-  "mappings": "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",
-  "names": ["import_react", "import_combine", "import_adapter", "import_closest_edge", "import_react_tabster", "import_react_compose_refs", "import_react_ui", "import_react_ui_theme", "import_react_ui_dnd", "import_react_ui_attention", "StackContext", "createContext", "orientation", "rail", "size", "useStack", "useContext", "StackItemContext", "selfDragHandleRef", "setSize", "useStackItem", "useStackDropForElements", "element", "selfDroppable", "id", "onRearrange", "dropping", "setDropping", "useState", "useLayoutEffect", "acceptSourceType", "combine", "dropTargetForElements", "getData", "input", "attachClosestEdge", "type", "allowedEdges", "onDragEnter", "source", "data", "onDrag", "onDragLeave", "onDrop", "self", "extractClosestEdge", "autoScrollForElements", "getAllowedAxis", "railGridHorizontal", "railGridVertical", "railGridHorizontalContainFitContent", "railGridVerticalContainFitContent", "autoScrollRootAttributes", "Stack", "forwardRef", "children", "classNames", "style", "itemsCount", "Children", "count", "props", "forwardedRef", "stackElement", "stackRef", "composedItemRef", "composeRefs", "arrowNavigationAttrs", "useArrowNavigationGroup", "axis", "styles", "gridClasses", "useMemo", "React", "Provider", "value", "div", "className", "mx", "data-rail", "aria-orientation", "ref", "ListItem", "DropIndicator", "lineInset", "terminalInset", "gap", "edge", "StackItemContent", "toolbar", "statusbar", "stackItemSize", "role", "gridTemplateRows", "join", "StackItemDragHandle", "asChild", "Root", "Slot", "StackItemHeading", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StackItemHeadingLabel", "attendableId", "related", "hasAttention", "isAncestor", "isRelated", "useAttention", "h1", "data-attention", "toString", "MIN_WIDTH", "MIN_HEIGHT", "StackItemResizeHandle", "ResizeHandle", "side", "fallbackSize", "DEFAULT_EXTRINSIC_SIZE", "minSize", "onSizeChange", "MenuSignifierHorizontal", "svg", "width", "height", "viewBox", "stroke", "opacity", "line", "x1", "y1", "x2", "y2", "strokeWidth", "strokeLinecap", "strokeDasharray", "strokeDashoffset", "translationKey", "StackItemSigilButton", "isMenu", "variant", "Button", "StackItemSigil", "actions", "actionGroups", "onAction", "triggerLabel", "icon", "t", "useTranslation", "suppressNextTooltip", "useRef", "optionsMenuOpen", "setOptionsMenuOpen", "hasActions", "length", "button", "span", "Icon", "DropdownMenu", "open", "onOpenChange", "nextOpen", "current", "Trigger", "Portal", "Content", "Viewport", "map", "index", "separator", "Separator", "Fragment", "key", "action", "shortcut", "properties", "keyBinding", "getHostPlatform", "menuItemType", "CheckboxItem", "Item", "onClick", "event", "disabled", "stopPropagation", "checked", "isChecked", "undefined", "testId", "toLocalizedString", "label", "ItemIndicator", "descriptionText", "keySymbols", "Arrow", "DEFAULT_HORIZONTAL_SIZE", "DEFAULT_VERTICAL_SIZE", "StackItemRoot", "item", "propsSize", "order", "disableRearrange", "focusIndicatorVariant", "itemElement", "itemRef", "selfDragHandleElement", "closestEdge", "setEdge", "setInternalSize", "useCallback", "nextSize", "commit", "draggable", "dragHandle", "getInitialData", "onGenerateDragPreview", "nativeSetDragImage", "location", "document", "body", "setAttribute", "scrollJustEnoughIntoView", "x", "y", "preserveOffsetOnSource", "container", "offsetParent", "onDragStart", "removeAttribute", "closest", "data-dx-stack-item", "resizeAttributes", "sizeStyle", "Number", "isFinite", "StackItem", "Heading", "HeadingLabel", "DragHandle", "Sigil", "SigilButton", "LayoutControl", "Tooltip", "LayoutControls", "capabilities", "can", "isSolo", "pin", "close", "buttonClassNames", "ButtonGroup", "includes", "solo", "incrementStart", "incrementEnd", "data-testid"]
+  "sources": ["../../../src/components/Stack/Stack.tsx", "../../../src/hooks/useStackDropForElements.ts", "../../../src/components/StackContext.tsx", "../../../src/components/StackItem/StackItem.tsx", "../../../src/components/StackItem/StackItemContent.tsx", "../../../src/components/StackItem/StackItemDragHandle.tsx", "../../../src/components/StackItem/StackItemHeading.tsx", "../../../src/components/StackItem/StackItemResizeHandle.tsx", "../../../src/components/StackItem/StackItemSigil.tsx", "../../../src/components/StackItem/MenuSignifier.tsx", "../../../src/translations.ts", "../../../src/exemplars/Card/Card.tsx", "../../../src/exemplars/Card/fragments.ts", "../../../src/exemplars/Card/CardDragPreview.tsx", "../../../src/exemplars/CardStack/CardStack.tsx", "../../../src/exemplars/CardStack/CardStackDragPreview.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, {\n  Children,\n  type CSSProperties,\n  type ComponentPropsWithRef,\n  forwardRef,\n  useState,\n  useMemo,\n  useCallback,\n  useEffect,\n} from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStackDropForElements } from '../../hooks';\nimport { StackContext } from '../StackContext';\nimport { type StackContextValue } from '../defs';\n\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Size = 'intrinsic' | 'contain' | 'contain-fit-content';\n\nexport type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> &\n  Partial<StackContextValue> & {\n    itemsCount?: number;\n    getDropElement?: (stackElement: HTMLDivElement) => HTMLDivElement;\n    separatorOnScroll?: number;\n  };\n\nexport const railGridHorizontal = 'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\nexport const railGridVertical = 'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\n\n// TODO(ZaymonFC): Magic 2px to stop overflow (tabster dummies... ask @thure).\nexport const railGridHorizontalContainFitContent =\n  'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\nexport const railGridVerticalContainFitContent =\n  'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\n\nexport const autoScrollRootAttributes = { 'data-drag-autoscroll': 'idle' };\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      children,\n      classNames,\n      style,\n      orientation = 'vertical',\n      rail = true,\n      size = 'intrinsic',\n      onRearrange,\n      itemsCount = Children.count(children),\n      getDropElement,\n      separatorOnScroll,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [stackElement, stackRef] = useState<HTMLDivElement | null>(null);\n    const composedItemRef = composeRefs<HTMLDivElement>(stackRef, forwardedRef);\n    const arrowNavigationAttrs = useArrowNavigationGroup({ axis: orientation });\n\n    const styles: CSSProperties = {\n      [orientation === 'horizontal' ? 'gridTemplateColumns' : 'gridTemplateRows']:\n        `repeat(${itemsCount}, min-content) [tabster-dummies] 0`,\n      ...style,\n    };\n\n    const selfDroppable = !!(itemsCount < 1 && onRearrange && props.id);\n\n    const { dropping } = useStackDropForElements({\n      id: props.id,\n      element: getDropElement && stackElement ? getDropElement(stackElement) : stackElement,\n      scrollElement: stackElement,\n      selfDroppable,\n      orientation,\n      onRearrange,\n    });\n\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    const gridClasses = useMemo(() => {\n      if (!rail) {\n        return orientation === 'horizontal' ? 'grid-rows-1 pli-1' : 'grid-cols-1 plb-1';\n      }\n      if (orientation === 'horizontal') {\n        return size === 'contain-fit-content' ? railGridHorizontalContainFitContent : railGridHorizontal;\n      } else {\n        return size === 'contain-fit-content' ? railGridVerticalContainFitContent : railGridVertical;\n      }\n    }, [rail, orientation, size]);\n\n    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\n      return () => {\n        observer.disconnect();\n      };\n    }, [stackElement, handleScroll]);\n\n    return (\n      <StackContext.Provider value={{ orientation, rail, size, onRearrange }}>\n        <div\n          {...props}\n          {...arrowNavigationAttrs}\n          className={mx(\n            'grid relative',\n            gridClasses,\n            (size === 'contain' || size === 'contain-fit-content') &&\n              (orientation === 'horizontal'\n                ? 'overflow-x-auto min-bs-0 max-bs-full bs-full'\n                : 'overflow-y-auto min-is-0 max-is-full is-full'),\n            classNames,\n          )}\n          data-rail={rail}\n          aria-orientation={orientation}\n          style={styles}\n          ref={composedItemRef}\n          {...(Number.isFinite(separatorOnScroll) && { onScroll: handleScroll })}\n        >\n          {children}\n          {selfDroppable && dropping && (\n            <ListItem.DropIndicator\n              lineInset={8}\n              terminalInset={-8}\n              gap={-8}\n              edge={orientation === 'horizontal' ? 'left' : 'top'}\n            />\n          )}\n        </div>\n      </StackContext.Provider>\n    );\n  },\n);\n\nexport { StackContext };\n\nexport type { StackContextValue };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';\nimport { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { type StackItemRearrangeHandler, type StackItemData, type Orientation } from '../components';\n\n/**\n * Hook to handle drag and drop functionality for Stack components.\n */\nexport const useStackDropForElements = ({\n  id,\n  element,\n  scrollElement = element,\n  selfDroppable,\n  orientation,\n  onRearrange,\n}: {\n  id?: string;\n  element: HTMLDivElement | null;\n  scrollElement?: HTMLDivElement | null;\n  selfDroppable: boolean;\n  orientation: Orientation;\n  onRearrange?: StackItemRearrangeHandler;\n}) => {\n  const [dropping, setDropping] = useState(false);\n\n  useLayoutEffect(() => {\n    if (!element || !selfDroppable) {\n      return;\n    }\n\n    const acceptSourceType = orientation === 'horizontal' ? 'column' : 'card';\n\n    return combine(\n      dropTargetForElements({\n        element,\n        getData: ({ input, element }) => {\n          return attachClosestEdge(\n            { id, type: orientation === 'horizontal' ? 'card' : 'column' },\n            { input, element, allowedEdges: [orientation === 'horizontal' ? 'left' : 'top'] },\n          );\n        },\n        onDragEnter: ({ source }) => {\n          if (source.data.type === acceptSourceType) {\n            setDropping(true);\n          }\n        },\n        onDrag: ({ source }) => {\n          if (source.data.type === acceptSourceType) {\n            setDropping(true);\n          }\n        },\n        onDragLeave: () => {\n          return setDropping(false);\n        },\n        onDrop: ({ self, source }) => {\n          setDropping(false);\n          if (source.data.type === acceptSourceType && selfDroppable && onRearrange) {\n            onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n          }\n        },\n      }),\n      autoScrollForElements({ element: scrollElement as Element, getAllowedAxis: () => orientation }),\n    );\n  }, [element, scrollElement, selfDroppable, orientation, id, onRearrange]);\n\n  return { dropping };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type Orientation, type Size } from './Stack';\nimport { type StackItemSize, type StackItemRearrangeHandler } from './defs';\n\nexport type StackContextValue = {\n  orientation: Orientation;\n  rail: boolean;\n  size: Size;\n  onRearrange?: StackItemRearrangeHandler;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n  orientation: 'vertical',\n  rail: true,\n  size: 'intrinsic',\n});\n\nexport const useStack = () => useContext(StackContext);\n\nexport type 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};\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 { 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 {\n  attachClosestEdge,\n  extractClosestEdge,\n  type Edge,\n} from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, {\n  forwardRef,\n  useLayoutEffect,\n  useState,\n  type ComponentPropsWithRef,\n  useCallback,\n  type ReactNode,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { StackItemContent, type StackItemContentProps } from './StackItemContent';\nimport { StackItemDragHandle, type StackItemDragHandleProps } from './StackItemDragHandle';\nimport {\n  StackItemHeading,\n  StackItemHeadingLabel,\n  type StackItemHeadingProps,\n  type StackItemHeadingLabelProps,\n} from './StackItemHeading';\nimport { StackItemResizeHandle, type StackItemResizeHandleProps } from './StackItemResizeHandle';\nimport {\n  StackItemSigil,\n  type StackItemSigilProps,\n  type StackItemSigilAction,\n  type StackItemSigilButtonProps,\n  StackItemSigilButton,\n} from './StackItemSigil';\nimport { useStack, StackItemContext, idle, type ItemDragState, useStackItem } from '../StackContext';\nimport { type StackItemSize, type StackItemData } from '../defs';\n\n// NOTE: 48rem fills the screen on a MacbookPro with the sidebars closed.\nexport const DEFAULT_HORIZONTAL_SIZE = 48 satisfies StackItemSize;\nexport const DEFAULT_VERTICAL_SIZE = 'min-content' satisfies StackItemSize;\nexport const DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE satisfies StackItemSize;\n\ntype StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {\n  item: Omit<StackItemData, 'type'>;\n  order?: number;\n  prevSiblingId?: string;\n  nextSiblingId?: string;\n  size?: StackItemSize;\n  onSizeChange?: (nextSize: StackItemSize) => void;\n  role?: 'article' | 'section';\n  disableRearrange?: boolean;\n  focusIndicatorVariant?: 'over-all' | 'group';\n};\n\nconst StackItemRoot = forwardRef<HTMLDivElement, StackItemRootProps>(\n  (\n    {\n      item,\n      children,\n      classNames,\n      size: propsSize,\n      onSizeChange,\n      role,\n      order,\n      prevSiblingId,\n      nextSiblingId,\n      style,\n      disableRearrange,\n      focusIndicatorVariant = 'over-all',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [itemElement, itemRef] = useState<HTMLDivElement | null>(null);\n    const [selfDragHandleElement, selfDragHandleRef] = useState<HTMLDivElement | null>(null);\n    const [closestEdge, setEdge] = useState<Edge | null>(null);\n    const [sourceId, setSourceId] = useState<string | null>(null);\n    const [dragState, setDragState] = useState<ItemDragState>(idle);\n    const { orientation, rail, onRearrange } = useStack();\n    const [size = orientation === 'horizontal' ? DEFAULT_HORIZONTAL_SIZE : DEFAULT_VERTICAL_SIZE, setInternalSize] =\n      useState(propsSize);\n\n    const Root = role ?? 'div';\n\n    const composedItemRef = composeRefs<HTMLDivElement>(itemRef, forwardedRef);\n\n    const setSize = useCallback(\n      (nextSize: StackItemSize, commit?: boolean) => {\n        setInternalSize(nextSize);\n        if (commit) {\n          onSizeChange?.(nextSize);\n        }\n      },\n      [onSizeChange],\n    );\n\n    const type = orientation === 'horizontal' ? 'column' : 'card';\n\n    useLayoutEffect(() => {\n      if (!itemElement || !onRearrange || disableRearrange) {\n        return;\n      }\n\n      return combine(\n        draggable({\n          element: itemElement,\n          ...(selfDragHandleElement && { dragHandle: selfDragHandleElement }),\n          getInitialData: () => ({ id: item.id, type }),\n          onGenerateDragPreview: ({ nativeSetDragImage, source, location }) => {\n            document.body.setAttribute('data-drag-preview', 'true');\n            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    return (\n      <StackItemContext.Provider value={{ selfDragHandleRef, size, setSize, state: dragState, setState: setDragState }}>\n        <Root\n          {...props}\n          tabIndex={0}\n          {...focusableGroupAttrs}\n          className={mx(\n            'group/stack-item grid relative',\n            focusIndicatorVariant === 'over-all'\n              ? 'dx-focus-ring-inset-over-all'\n              : orientation === 'horizontal'\n                ? 'dx-focus-ring-group-x'\n                : 'dx-focus-ring-group-y',\n            orientation === 'horizontal' ? 'grid-rows-subgrid' : 'grid-cols-subgrid',\n            rail && (orientation === 'horizontal' ? 'row-span-2' : 'col-span-2'),\n            classNames,\n          )}\n          data-dx-stack-item\n          {...resizeAttributes}\n          style={{\n            ...sizeStyle(size, orientation),\n            ...(Number.isFinite(order) && {\n              [orientation === 'horizontal' ? 'gridColumn' : 'gridRow']: `${order}`,\n            }),\n            ...style,\n          }}\n          ref={composedItemRef}\n        >\n          {children}\n          {shouldShowDropIndicator() && closestEdge && (\n            <ListItem.DropIndicator lineInset={8} terminalInset={-8} edge={closestEdge} />\n          )}\n        </Root>\n      </StackItemContext.Provider>\n    );\n  },\n);\n\ntype StackItemDragPreviewProps = {\n  children: ({ item }: { item: any }) => ReactNode;\n};\n\nexport const StackItemDragPreview = ({ children }: StackItemDragPreviewProps) => {\n  const { state } = useStackItem();\n  return state?.type === 'preview' ? createPortal(children({ item: state.item }), state.container) : null;\n};\n\nexport const StackItem = {\n  Root: StackItemRoot,\n  Content: StackItemContent,\n  Heading: StackItemHeading,\n  HeadingLabel: StackItemHeadingLabel,\n  ResizeHandle: StackItemResizeHandle,\n  DragHandle: StackItemDragHandle,\n  Sigil: StackItemSigil,\n  SigilButton: StackItemSigilButton,\n  DragPreview: StackItemDragPreview,\n};\n\nexport type {\n  StackItemRootProps,\n  StackItemContentProps,\n  StackItemHeadingProps,\n  StackItemHeadingLabelProps,\n  StackItemResizeHandleProps,\n  StackItemDragHandleProps,\n  StackItemSigilProps,\n  StackItemSigilButtonProps,\n  StackItemSigilAction,\n  StackItemDragPreviewProps,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from '../StackContext';\n\nexport type StackItemContentProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n  /**\n   * This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate\n   * (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.\n   */\n  toolbar?: boolean;\n\n  /**\n   * Whether to provide for the layout of a statusbar after the content.\n   */\n  statusbar?: boolean;\n\n  /**\n   * Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for\n   * convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.\n   */\n  size?: 'intrinsic' | 'video' | 'square';\n};\n\n/**\n * This component should be used by plugins for rendering content within a stack item, a.k.a. a “plank” or “section”.\n * The `toolbar` flag must be provided since this component provides for the layout of content with the toolbar.\n */\nexport const StackItemContent = forwardRef<HTMLDivElement, StackItemContentProps>(\n  ({ children, toolbar, statusbar, classNames, size = 'intrinsic', ...props }, forwardedRef) => {\n    const { size: stackItemSize } = useStack();\n\n    return (\n      <div\n        role='none'\n        {...props}\n        className={mx(\n          'group grid grid-cols-[100%]',\n          stackItemSize === 'contain' && 'min-bs-0 overflow-hidden',\n          size === 'video' ? 'aspect-video' : size === 'square' && 'aspect-square',\n          classNames,\n        )}\n        style={{\n          gridTemplateRows: [\n            ...(toolbar ? ['var(--rail-action)'] : []),\n            '1fr',\n            ...(statusbar ? ['var(--statusbar-size)'] : []),\n          ].join(' '),\n        }}\n        data-popover-collision-boundary={true}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nimport { useStackItem } from '../StackContext';\n\nexport type StackItemDragHandleProps = ComponentPropsWithoutRef<'button'> & { asChild?: boolean };\n\nexport const StackItemDragHandle = ({ asChild, children }: StackItemDragHandleProps) => {\n  const { selfDragHandleRef } = useStackItem();\n\n  const Root = asChild ? Slot : 'div';\n\n  return (\n    <Root ref={selfDragHandleRef} role='button'>\n      {children}\n    </Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithoutRef, type ComponentPropsWithRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { useAttention, type AttendableId, type Related } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from '../StackContext';\n\nexport type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { asChild?: boolean };\n\nexport const StackItemHeading = ({ children, classNames, asChild, ...props }: StackItemHeadingProps) => {\n  const { orientation } = useStack();\n  const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n  const Root = asChild ? Slot : 'div';\n\n  return (\n    <Root\n      role='heading'\n      {...props}\n      tabIndex={0}\n      {...focusableGroupAttrs}\n      className={mx(\n        'flex items-center dx-focus-ring-inset-over-all relative !border-is-0 bg-headerSurface border-transparent [[data-scroll-separator=\"true\"]_&]:border-subduedSeparator',\n        orientation === 'horizontal' ? 'bs-[--rail-size]' : 'is-[--rail-size] flex-col',\n        orientation === 'horizontal' ? 'border-be' : 'border-ie',\n        classNames,\n      )}\n    >\n      {children}\n    </Root>\n  );\n};\n\nexport type StackItemHeadingLabelProps = ThemedClassName<ComponentPropsWithRef<'h1'>> & AttendableId & Related;\n\nexport const StackItemHeadingLabel = forwardRef<HTMLHeadingElement, StackItemHeadingLabelProps>(\n  ({ attendableId, related, classNames, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n\n    return (\n      <h1\n        {...props}\n        data-attention={((related && isRelated) || hasAttention || isAncestor).toString()}\n        className={mx(\n          'pli-1 min-is-0 is-0 grow truncate font-medium text-baseText data-[attention=true]:text-accentText self-center',\n          classNames,\n        )}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { ResizeHandle } from '@dxos/react-ui-dnd';\n\nimport { DEFAULT_EXTRINSIC_SIZE } from './StackItem';\nimport { useStack, useStackItem } from '../StackContext';\n\nconst MIN_WIDTH = 20;\nconst MIN_HEIGHT = 3;\n\nexport type StackItemResizeHandleProps = {};\n\nexport const StackItemResizeHandle = () => {\n  const { orientation } = useStack();\n  const { setSize, size } = useStackItem();\n\n  return (\n    <ResizeHandle\n      side={orientation === 'horizontal' ? 'inline-end' : 'block-end'}\n      fallbackSize={DEFAULT_EXTRINSIC_SIZE}\n      minSize={orientation === 'horizontal' ? MIN_WIDTH : MIN_HEIGHT}\n      size={size}\n      onSizeChange={setSize}\n    />\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, type PropsWithChildren, forwardRef, useState } from 'react';\n\nimport { type ActionLike } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { Button, type ButtonProps, DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { type AttendableId, type Related, useAttention } from '@dxos/react-ui-attention';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { MenuSignifierHorizontal } from './MenuSignifier';\nimport { translationKey } from '../../translations';\n\nexport type KeyBinding = {\n  windows?: string;\n  macos?: string;\n  ios?: string;\n  linux?: string;\n  unknown?: string;\n};\n\nexport type StackItemSigilAction = Pick<ActionLike, 'id' | 'properties' | 'data'>;\n\nexport type StackItemSigilButtonProps = Omit<ButtonProps, 'variant'> &\n  AttendableId &\n  Related & {\n    isMenu?: boolean;\n  };\n\nexport const StackItemSigilButton = forwardRef<HTMLButtonElement, StackItemSigilButtonProps>(\n  ({ attendableId, classNames, related, isMenu = true, children, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n    const variant = (related && isRelated) || hasAttention || isAncestor ? 'primary' : 'ghost';\n    // TODO(wittjosiah): Disable hover styles when isMenu is false.\n    return (\n      <Button\n        {...props}\n        variant={variant}\n        classNames={['shrink-0 pli-0 min-bs-0 is-[--rail-action] bs-[--rail-action] relative app-no-drag', classNames]}\n        ref={forwardedRef}\n      >\n        {isMenu && <MenuSignifierHorizontal />}\n        {children}\n      </Button>\n    );\n  },\n);\n\nexport type StackItemSigilProps = PropsWithChildren<\n  {\n    attendableId?: string;\n    triggerLabel: string;\n    actions?: StackItemSigilAction[][];\n    icon: string;\n    onAction?: (action: StackItemSigilAction) => void;\n  } & Related\n>;\n\nexport const StackItemSigil = forwardRef<HTMLButtonElement, StackItemSigilProps>(\n  ({ actions: actionGroups, onAction, triggerLabel, attendableId, icon, related, children }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n\n    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n\n    const hasActions = actionGroups && actionGroups.length > 0;\n\n    const button = (\n      <StackItemSigilButton\n        attendableId={attendableId}\n        related={related}\n        isMenu={hasActions}\n        // TODO(wittjosiah): Better disabling of interactive styles when no action are available.\n        //   Remove underscore icon when no actions are available?\n        classNames={!hasActions && 'cursor-default'}\n      >\n        <span className='sr-only'>{triggerLabel}</span>\n        <Icon icon={icon} size={5} />\n      </StackItemSigilButton>\n    );\n\n    if (!hasActions) {\n      return button;\n    }\n\n    return (\n      <DropdownMenu.Root 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', descriptionText)}>{keySymbols(shortcut).join('')}</span>\n                          )}\n                        </Root>\n                      );\n                    })}\n                  </Fragment>\n                );\n              })}\n              {children}\n            </DropdownMenu.Viewport>\n            <DropdownMenu.Arrow />\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nexport const MenuSignifierHorizontal = () => (\n  <svg\n    className='absolute block-end-[7px]'\n    width={20}\n    height={2}\n    viewBox='0 0 20 2'\n    stroke='currentColor'\n    opacity={0.5}\n  >\n    <line\n      x1={0.5}\n      y1={0.75}\n      x2={19}\n      y2={0.75}\n      strokeWidth={1.25}\n      strokeLinecap='round'\n      strokeDasharray='6 20'\n      strokeDashoffset='-6.5'\n    />\n  </svg>\n);\n\nexport const MenuSignifierVertical = () => (\n  <svg className='absolute inline-start-1' width={2} height={18} viewBox='0 0 2 18' stroke='currentColor'>\n    <line x1={1} y1={3} x2={1} y2={18} strokeWidth={1.5} strokeLinecap='round' strokeDasharray='0 6' />\n  </svg>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {\n        'resize label': 'Drag to resize',\n        '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];\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n  type ComponentPropsWithoutRef,\n  type ComponentPropsWithRef,\n  type FC,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react';\n\nimport { Icon, IconButton, type ThemedClassName, Toolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { cardChrome, cardContent, cardHeading, cardRoot, cardText } from './fragments';\nimport { StackItem } from '../../components';\nimport { translationKey } from '../../translations';\n\ntype SharedCardProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { asChild?: boolean };\n\nconst CardRoot = forwardRef<HTMLDivElement, SharedCardProps>(\n  ({ children, classNames, asChild, role = 'none', ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'div';\n    const rootProps = asChild ? { classNames: [cardRoot, classNames] } : { className: mx(cardRoot, classNames), role };\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\nconst CardContent = forwardRef<HTMLDivElement, SharedCardProps>(\n  ({ children, classNames, asChild, role = 'group', ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'div';\n    const rootProps = asChild\n      ? { classNames: [cardContent, classNames] }\n      : { className: mx(cardContent, classNames), role };\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\n/**\n * This should be used by Surface fulfillments in cases where the content may or may not already be encapsulated (e.g.\n * in a Popover) and knows this based on the `role` it receives. This will render a `Card.Content` by default, otherwise\n * it will render a `div` primitive with the appropriate styling for specific handled situations.\n */\nconst CardConditionalContent = ({ role, children }: PropsWithChildren<{ role?: string }>) => {\n  if (['popover', 'card--kanban'].includes(role ?? 'never')) {\n    return (\n      <div className={role === 'popover' ? 'popover-card-width' : role === 'card--kanban' ? 'contents' : ''}>\n        {children}\n      </div>\n    );\n  } else {\n    return <CardContent>{children}</CardContent>;\n  }\n};\n\nconst CardHeading = forwardRef<HTMLDivElement, SharedCardProps>(\n  ({ children, classNames, asChild, role = 'heading', ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'div';\n    const rootProps = asChild\n      ? { classNames: [cardHeading, cardText, classNames] }\n      : { className: mx(cardHeading, cardText, classNames), role };\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\nconst CardToolbar = forwardRef<HTMLDivElement, ToolbarRootProps>(({ children, ...props }, forwardedRef) => {\n  return (\n    <Toolbar.Root {...props} ref={forwardedRef}>\n      {children}\n    </Toolbar.Root>\n  );\n});\n\nconst CardToolbarIconButton = Toolbar.IconButton;\nconst CardToolbarSeparator = Toolbar.Separator;\n\nconst CardDragHandle = forwardRef<HTMLButtonElement, { toolbarItem?: boolean }>(({ toolbarItem }, forwardedRef) => {\n  const { t } = useTranslation(translationKey);\n  const Root = toolbarItem ? Toolbar.IconButton : IconButton;\n  return (\n    <Root\n      iconOnly\n      icon='ph--dots-six-vertical--regular'\n      variant='ghost'\n      label={t('card drag handle label')}\n      classNames='pli-2'\n      ref={forwardedRef}\n    />\n  );\n});\n\nconst CardDragPreview = StackItem.DragPreview;\n\nconst CardMenu = Primitive.div as FC<ComponentPropsWithRef<'div'>>;\n\ntype CardPosterProps = {\n  alt: string;\n  aspect?: 'video' | 'auto';\n} & Partial<{ image: string; icon: string }>;\n\nconst CardPoster = (props: CardPosterProps) => {\n  const aspect = props.aspect === 'auto' ? 'aspect-auto' : 'aspect-video';\n  if (props.image) {\n    return (\n      <img className={`dx-card__poster ${aspect} object-cover is-full bs-auto`} src={props.image} alt={props.alt} />\n    );\n  }\n  if (props.icon) {\n    return (\n      <div\n        role='image'\n        className={`dx-card__poster grid ${aspect} place-items-center bg-inputSurface text-subdued`}\n        aria-label={props.alt}\n      >\n        <Icon icon={props.icon} size={10} />\n      </div>\n    );\n  }\n};\n\nconst CardChrome = forwardRef<HTMLDivElement, SharedCardProps>(\n  ({ children, classNames, asChild, role = 'none', ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'div';\n    const rootProps = asChild\n      ? { classNames: [cardChrome, classNames] }\n      : { className: mx(cardChrome, classNames), role };\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\nconst CardText = forwardRef<HTMLParagraphElement, SharedCardProps>(\n  ({ children, classNames, asChild, role = 'none', ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'p';\n    const rootProps = asChild ? { classNames: [cardText, classNames] } : { className: mx(cardText, classNames), role };\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\nexport const Card = {\n  Root: CardRoot,\n  Content: CardContent,\n  Container: CardConditionalContent,\n  Heading: CardHeading,\n  Toolbar: CardToolbar,\n  ToolbarIconButton: CardToolbarIconButton,\n  ToolbarSeparator: CardToolbarSeparator,\n  DragHandle: CardDragHandle,\n  DragPreview: CardDragPreview,\n  Menu: CardMenu,\n  Poster: CardPoster,\n  Chrome: CardChrome,\n  Text: CardText,\n};\n\nexport { cardRoot, cardContent, cardHeading, cardText, cardChrome };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nexport const cardRoot = 'contain-layout pli-2 plb-1 first-of-type:pbs-0 last-of-type:pbe-0';\n\nexport const cardContent =\n  'rounded overflow-hidden bg-cardSurface border border-separator dark:border-subduedSeparator dx-focus-ring-group-y-indicator relative min-bs-[--rail-item] group/card';\n\nexport const cardText = 'pli-3 mlb-3';\n\nexport const cardHeading = 'text-lg font-medium line-clamp-2';\n\nexport const cardChrome = 'pli-1.5 mlb-1.5 [&_.dx-button]:pli-1.5 [&_.dx-button]:text-start [&_.dx-button]:is-full';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type PropsWithChildren } from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { cardContent } from './fragments';\n\nconst CardDragPreviewRoot = ({ children }: PropsWithChildren<{}>) => {\n  return <div className='p-2'>{children}</div>;\n};\n\nconst CardDragPreviewContent = ({ children }: PropsWithChildren<{}>) => {\n  return <div className={mx(cardContent, 'ring-focusLine ring-neutralFocusIndicator')}>{children}</div>;\n};\n\nexport const CardDragPreview = {\n  Root: CardDragPreviewRoot,\n  Content: CardDragPreviewContent,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithoutRef, forwardRef } from 'react';\n\nimport type { ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { railGridHorizontalContainFitContent, Stack, type StackProps } from '../../components';\nimport { Card } from '../Card';\n\ntype SharedCardStackProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & { asChild?: boolean };\n\nconst CardStackStack = forwardRef<\n  HTMLDivElement,\n  Omit<StackProps, 'orientation' | 'size' | 'rail' | 'separatorOnScroll'>\n>(({ children, classNames, itemsCount = 0, ...props }, forwardedRef) => {\n  return (\n    <Stack\n      orientation='vertical'\n      size='contain'\n      rail={false}\n      classNames={\n        /* NOTE(thure): Do not let this element have zero intrinsic size, otherwise the drop indicator will not display. See #9035. */\n        ['plb-1', itemsCount > 0 && 'plb-2', classNames]\n      }\n      itemsCount={itemsCount}\n      separatorOnScroll={9}\n      {...props}\n      ref={forwardedRef}\n    >\n      {children}\n    </Stack>\n  );\n});\n\nconst CardStackDragHandle = Card.DragHandle;\n\nconst cardStackHeading = 'mli-2 order-first bg-transparent rounded-bs-md flex items-center';\n\nconst CardStackHeading = forwardRef<HTMLDivElement, SharedCardStackProps>(\n  ({ children, classNames, asChild, role = 'heading', ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'div';\n    const rootProps = asChild\n      ? { classNames: [cardStackHeading, classNames] }\n      : { className: mx(cardStackHeading, classNames), role };\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\nconst cardStackFooter =\n  'plb-2 mli-2 border-bs border-transparent [[data-scroll-separator-end=\"true\"]_&]:border-subduedSeparator';\n\nconst CardStackFooter = forwardRef<HTMLDivElement, SharedCardStackProps>(\n  ({ children, classNames, asChild, role = 'none', ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'div';\n    const rootProps = asChild\n      ? { classNames: [cardStackFooter, classNames] }\n      : { className: mx(cardStackFooter, classNames), role };\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\nconst cardStackContent = [\n  'shrink min-bs-0 bg-baseSurface border border-separator rounded-md grid dx-focus-ring-group-x-indicator kanban-drop',\n  railGridHorizontalContainFitContent,\n];\n\nconst CardStackContent = forwardRef<HTMLDivElement, SharedCardStackProps>(\n  ({ children, classNames, asChild, role = 'none', ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'div';\n    const rootProps = asChild\n      ? { classNames: [...cardStackContent, classNames] }\n      : { className: mx(...cardStackContent, classNames), role };\n    return (\n      <Root {...props} {...rootProps} data-scroll-separator='false' ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\nconst cardStackRoot = 'flex flex-col pli-2 plb-2';\n\nconst CardStackRoot = forwardRef<HTMLDivElement, SharedCardStackProps>(\n  ({ children, classNames, asChild, role = 'none', ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'div';\n    const rootProps = asChild\n      ? { classNames: [cardStackRoot, classNames] }\n      : { className: mx(cardStackRoot, classNames), role };\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\nexport const CardStack = {\n  Root: CardStackRoot,\n  Content: CardStackContent,\n  Stack: CardStackStack,\n  Heading: CardStackHeading,\n  Footer: CardStackFooter,\n  DragHandle: CardStackDragHandle,\n};\n\nexport { cardStackRoot, cardStackFooter, cardStackHeading, cardStackContent };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type PropsWithChildren } from 'react';\n\nimport { IconButton, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type StackProps } from '../../components';\nimport { translationKey } from '../../translations';\n\nconst CardStackDragPreviewRoot = ({ children }: PropsWithChildren<{}>) => {\n  return (\n    <div className='p-2'>\n      <div className='rounded-md max-bs-[calc(100dvh-1rem)] overflow-hidden bg-baseSurface border border-separator ring-focusLine ring-neutralFocusIndicator flex flex-col'>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nconst CardStackDragPreviewHeading = ({ children }: PropsWithChildren<{}>) => {\n  const { t } = useTranslation(translationKey);\n  return (\n    <div className='flex items-center p-2'>\n      <IconButton\n        iconOnly\n        icon='ph--dots-six-vertical--regular'\n        variant='ghost'\n        label={t('column drag handle label')}\n        classNames='pli-2'\n      />\n      {children}\n    </div>\n  );\n};\n\nconst CardStackDragPreviewContent = ({\n  children,\n  itemsCount = 0,\n}: PropsWithChildren<Pick<StackProps, 'itemsCount'>>) => {\n  return (\n    <div\n      className={mx('overflow-y-auto flex-1 pli-2 flex flex-col gap-2', 'plb-1', itemsCount > 0 ? 'plb-2' : 'plb-1')}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst CardStackDragPreviewFooter = ({ children }: PropsWithChildren<{}>) => {\n  return <div className='p-2 border-t border-separator'>{children}</div>;\n};\n\nexport const CardStackDragPreview = {\n  Root: CardStackDragPreviewRoot,\n  Heading: CardStackDragPreviewHeading,\n  Content: CardStackDragPreviewContent,\n  Footer: CardStackDragPreviewFooter,\n};\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_combine", "import_adapter", "import_closest_edge", "import_react_tabster", "import_react_compose_refs", "import_react_ui", "import_react_ui_theme", "import_react_slot", "import_react_ui_dnd", "import_react_ui_attention", "useStackDropForElements", "id", "element", "scrollElement", "selfDroppable", "orientation", "onRearrange", "dropping", "setDropping", "useState", "useLayoutEffect", "acceptSourceType", "combine", "dropTargetForElements", "getData", "input", "attachClosestEdge", "type", "allowedEdges", "onDragEnter", "source", "data", "onDrag", "onDragLeave", "onDrop", "self", "extractClosestEdge", "autoScrollForElements", "getAllowedAxis", "StackContext", "createContext", "rail", "size", "useStack", "useContext", "idle", "StackItemContext", "selfDragHandleRef", "setSize", "state", "setState", "useStackItem", "railGridHorizontal", "railGridVertical", "railGridHorizontalContainFitContent", "railGridVerticalContainFitContent", "autoScrollRootAttributes", "Stack", "forwardRef", "children", "classNames", "style", "itemsCount", "Children", "count", "getDropElement", "separatorOnScroll", "props", "forwardedRef", "stackElement", "stackRef", "composedItemRef", "composeRefs", "arrowNavigationAttrs", "useArrowNavigationGroup", "axis", "styles", "handleScroll", "useCallback", "Number", "isFinite", "scrollPosition", "scrollLeft", "scrollTop", "scrollSize", "scrollWidth", "scrollHeight", "clientSize", "clientWidth", "clientHeight", "separatorHost", "closest", "setAttribute", "String", "gridClasses", "useMemo", "useEffect", "observer", "MutationObserver", "observe", "childList", "subtree", "disconnect", "React", "Provider", "value", "div", "className", "mx", "data-rail", "aria-orientation", "ref", "onScroll", "ListItem", "DropIndicator", "lineInset", "terminalInset", "gap", "edge", "StackItemContent", "toolbar", "statusbar", "stackItemSize", "role", "gridTemplateRows", "join", "data-popover-collision-boundary", "StackItemDragHandle", "asChild", "Root", "Slot", "StackItemHeading", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StackItemHeadingLabel", "attendableId", "related", "hasAttention", "isAncestor", "isRelated", "useAttention", "h1", "data-attention", "toString", "MIN_WIDTH", "MIN_HEIGHT", "StackItemResizeHandle", "ResizeHandle", "side", "fallbackSize", "DEFAULT_EXTRINSIC_SIZE", "minSize", "onSizeChange", "MenuSignifierHorizontal", "svg", "width", "height", "viewBox", "stroke", "opacity", "line", "x1", "y1", "x2", "y2", "strokeWidth", "strokeLinecap", "strokeDasharray", "strokeDashoffset", "translationKey", "StackItemSigilButton", "isMenu", "variant", "Button", "StackItemSigil", "actions", "actionGroups", "onAction", "triggerLabel", "icon", "t", "useTranslation", "optionsMenuOpen", "setOptionsMenuOpen", "hasActions", "length", "button", "span", "Icon", "DropdownMenu", "open", "onOpenChange", "Trigger", "Portal", "Content", "Viewport", "map", "index", "separator", "Separator", "Fragment", "key", "action", "shortcut", "properties", "keyBinding", "getHostPlatform", "menuItemType", "CheckboxItem", "Item", "onClick", "event", "disabled", "stopPropagation", "checked", "isChecked", "undefined", "testId", "toLocalizedString", "label", "ItemIndicator", "descriptionText", "keySymbols", "Arrow", "DEFAULT_HORIZONTAL_SIZE", "DEFAULT_VERTICAL_SIZE", "StackItemRoot", "item", "propsSize", "order", "prevSiblingId", "nextSiblingId", "disableRearrange", "focusIndicatorVariant", "itemElement", "itemRef", "selfDragHandleElement", "closestEdge", "setEdge", "sourceId", "setSourceId", "dragState", "setDragState", "setInternalSize", "nextSize", "commit", "draggable", "dragHandle", "getInitialData", "onGenerateDragPreview", "nativeSetDragImage", "location", "document", "body", "offsetFn", "preserveOffsetOnSource", "current", "rect", "getBoundingClientRect", "setCustomNativeDragPreview", "getOffset", "container", "render", "onDragStart", "removeAttribute", "shouldShowDropIndicator", "isTrailingEdgeOfPrevSibling", "isLeadingEdgeOfNextSibling", "data-dx-stack-item", "resizeAttributes", "sizeStyle", "StackItemDragPreview", "createPortal", "StackItem", "Heading", "HeadingLabel", "DragHandle", "Sigil", "SigilButton", "DragPreview", "cardRoot", "cardContent", "cardText", "cardHeading", "cardChrome", "CardRoot", "rootProps", "CardContent", "CardConditionalContent", "includes", "CardHeading", "CardToolbar", "Toolbar", "CardToolbarIconButton", "IconButton", "CardToolbarSeparator", "CardDragHandle", "toolbarItem", "iconOnly", "CardDragPreview", "CardMenu", "Primitive", "CardPoster", "aspect", "image", "img", "src", "alt", "aria-label", "CardChrome", "CardText", "Card", "Container", "ToolbarIconButton", "ToolbarSeparator", "Menu", "Poster", "Chrome", "Text", "CardDragPreviewRoot", "CardDragPreviewContent", "CardStackStack", "CardStackDragHandle", "cardStackHeading", "CardStackHeading", "cardStackFooter", "CardStackFooter", "cardStackContent", "CardStackContent", "data-scroll-separator", "cardStackRoot", "CardStackRoot", "CardStack", "Footer", "CardStackDragPreviewRoot", "CardStackDragPreviewHeading", "CardStackDragPreviewContent", "CardStackDragPreviewFooter", "CardStackDragPreview"]
 }

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytes":3191,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytes":8124,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytes":653,"imports":[{"path":"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":12592,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/ui/react-ui-stack/src/hooks/index.ts","kind":"import-statement","original":"../hooks"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemContent.tsx":{"bytes":5532,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx":{"bytes":2101,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemHeading.tsx":{"bytes":5766,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx":{"bytes":2885,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/ui/react-ui-stack/src/components/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/MenuSignifier.tsx":{"bytes":3282,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":1870,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx":{"bytes":19171,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem.tsx":{"bytes":24798,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/ui/react-ui-stack/src/components/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/LayoutControls.tsx":{"bytes":11653,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":801,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack.tsx","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/StackItem.tsx","kind":"import-statement","original":"./StackItem"},{"path":"packages/ui/react-ui-stack/src/components/LayoutControls.tsx","kind":"import-statement","original":"./LayoutControls"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7183,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":519,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":52600},"packages/ui/react-ui-stack/dist/lib/node/index.cjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","LayoutControls","Stack","StackContext","StackItem","StackItemContext","autoScrollRootAttributes","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translations","useStack","useStackItem"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":2995},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytesInOutput":408},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytesInOutput":1927},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackItem.tsx":{"bytesInOutput":5772},"packages/ui/react-ui-stack/src/components/StackItemContent.tsx":{"bytesInOutput":850},"packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx":{"bytesInOutput":335},"packages/ui/react-ui-stack/src/components/StackItemHeading.tsx":{"bytesInOutput":1286},"packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx":{"bytesInOutput":523},"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx":{"bytesInOutput":4577},"packages/ui/react-ui-stack/src/components/MenuSignifier.tsx":{"bytesInOutput":442},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":444},"packages/ui/react-ui-stack/src/components/LayoutControls.tsx":{"bytesInOutput":3014},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":23935},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3597},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1516},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0}},"bytes":1655}}}
+{"inputs":{"packages/ui/react-ui-stack/src/components/defs.ts":{"bytes":1252,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytes":8219,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytes":621,"imports":[{"path":"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytes":3412,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx":{"bytes":18692,"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":"packages/ui/react-ui-stack/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack/index.ts":{"bytes":476,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx":{"bytes":5910,"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":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2270,"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":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx":{"bytes":6835,"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":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":3058,"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":"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx":{"bytes":3647,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":1964,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx":{"bytes":18627,"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":"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx":{"bytes":33525,"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":"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/index.ts":{"bytes":492,"imports":[{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":643,"imports":[{"path":"packages/ui/react-ui-stack/src/components/defs.ts","kind":"import-statement","original":"./defs"},{"path":"packages/ui/react-ui-stack/src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/Card/fragments.ts":{"bytes":1880,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/Card/Card.tsx":{"bytes":20738,"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":"packages/ui/react-ui-stack/src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"},{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/Card/CardDragPreview.tsx":{"bytes":2637,"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":"packages/ui/react-ui-stack/src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/Card/index.ts":{"bytes":580,"imports":[{"path":"packages/ui/react-ui-stack/src/exemplars/Card/Card.tsx","kind":"import-statement","original":"./Card"},{"path":"packages/ui/react-ui-stack/src/exemplars/Card/CardDragPreview.tsx","kind":"import-statement","original":"./CardDragPreview"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStack.tsx":{"bytes":13548,"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":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"packages/ui/react-ui-stack/src/exemplars/Card/index.ts","kind":"import-statement","original":"../Card"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytes":6320,"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":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/CardStack/index.ts":{"bytes":607,"imports":[{"path":"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStack.tsx","kind":"import-statement","original":"./CardStack"},{"path":"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStackDragPreview.tsx","kind":"import-statement","original":"./CardStackDragPreview"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/index.ts":{"bytes":557,"imports":[{"path":"packages/ui/react-ui-stack/src/exemplars/Card/index.ts","kind":"import-statement","original":"./Card"},{"path":"packages/ui/react-ui-stack/src/exemplars/CardStack/index.ts","kind":"import-statement","original":"./CardStack"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":965,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/exemplars/index.ts","kind":"import-statement","original":"./exemplars"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7195,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":491,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":75290},"packages/ui/react-ui-stack/dist/lib/node/index.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardContent","cardHeading","cardRoot","cardStackContent","cardStackFooter","cardStackHeading","cardStackRoot","cardText","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx":{"bytesInOutput":4810},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytesInOutput":1986},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytesInOutput":479},"packages/ui/react-ui-stack/src/components/Stack/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx":{"bytesInOutput":8111},"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1090},"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":504},"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":1811},"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":698},"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4743},"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":679},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":494},"packages/ui/react-ui-stack/src/components/StackItem/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/exemplars/Card/Card.tsx":{"bytesInOutput":5822},"packages/ui/react-ui-stack/src/exemplars/Card/fragments.ts":{"bytesInOutput":462},"packages/ui/react-ui-stack/src/exemplars/Card/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/exemplars/Card/CardDragPreview.tsx":{"bytesInOutput":760},"packages/ui/react-ui-stack/src/exemplars/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStack.tsx":{"bytesInOutput":3967},"packages/ui/react-ui-stack/src/exemplars/CardStack/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":2016}},"bytes":40417},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3683},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1516},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0}},"bytes":1655}}}

package/dist/lib/node/testing/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/testing/stack-manager.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Locator, Page } from '@playwright/test';\n\nexport class StackManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  sections() {\n    return this.locator.locator('section');\n  }\n\n  order() {\n    return this.locator.locator('section').evaluateAll((els) => els.map((el) => el.getAttribute('id')));\n  }\n\n  section(index: number) {\n    return new SectionManager(this.locator.locator('section').nth(index));\n  }\n}\n\nexport class SectionManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  async id() {\n    return this.locator.getAttribute('id');\n  }\n\n  async remove() {\n    await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n    await this._page.getByTestId('section.remove').click();\n  }\n\n  async navigateTo() {\n    await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n    await this._page.getByTestId('section.navigate-to').click();\n  }\n\n  async dragTo(target: Locator, offset: { x: number; y: number } = { x: 0, y: 0 }) {\n    const active = this.locator.getByTestId('section.drag-handle-menu-trigger');\n    const box = await target.boundingBox();\n    if (box) {\n      await active.hover();\n      await this._page.mouse.down();\n      // Timeouts are for input discretization in WebKit\n      await this._page.waitForTimeout(100);\n      await this._page.pause();\n      await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });\n      await this._page.pause();\n      await this._page.waitForTimeout(100);\n      await this._page.mouse.up();\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,eAAN,MAAMA;EAGXC,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKC,QAAQD,QAAQE,KAAI;EAC3B;EAEAC,WAAW;AACT,WAAO,KAAKH,QAAQA,QAAQ,SAAA;EAC9B;EAEAI,QAAQ;AACN,WAAO,KAAKJ,QAAQA,QAAQ,SAAA,EAAWK,YAAY,CAACC,QAAQA,IAAIC,IAAI,CAACC,OAAOA,GAAGC,aAAa,IAAA,CAAA,CAAA;EAC9F;EAEAC,QAAQC,OAAe;AACrB,WAAO,IAAIC,eAAe,KAAKZ,QAAQA,QAAQ,SAAA,EAAWa,IAAIF,KAAAA,CAAAA;EAChE;AACF;AAEO,IAAMC,iBAAN,MAAMA;EAGXb,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKC,QAAQD,QAAQE,KAAI;EAC3B;EAEA,MAAMY,KAAK;AACT,WAAO,KAAKd,QAAQS,aAAa,IAAA;EACnC;EAEA,MAAMM,SAAS;AACb,UAAM,KAAKf,QAAQgB,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKhB,MAAMe,YAAY,gBAAA,EAAkBC,MAAK;EACtD;EAEA,MAAMC,aAAa;AACjB,UAAM,KAAKlB,QAAQgB,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKhB,MAAMe,YAAY,qBAAA,EAAuBC,MAAK;EAC3D;EAEA,MAAME,OAAOC,QAAiBC,SAAmC;IAAEC,GAAG;IAAGC,GAAG;EAAE,GAAG;AAC/E,UAAMC,SAAS,KAAKxB,QAAQgB,YAAY,kCAAA;AACxC,UAAMS,MAAM,MAAML,OAAOM,YAAW;AACpC,QAAID,KAAK;AACP,YAAMD,OAAOG,MAAK;AAClB,YAAM,KAAK1B,MAAM2B,MAAMC,KAAI;AAE3B,YAAM,KAAK5B,MAAM6B,eAAe,GAAA;AAChC,YAAM,KAAK7B,MAAM8B,MAAK;AACtB,YAAM,KAAK9B,MAAM2B,MAAMI,KAAKX,OAAOC,IAAIG,IAAIH,IAAIG,IAAIQ,QAAQ,GAAGZ,OAAOE,IAAIE,IAAIF,IAAIE,IAAIS,SAAS,GAAG;QAAEC,OAAO;MAAE,CAAA;AAC5G,YAAM,KAAKlC,MAAM8B,MAAK;AACtB,YAAM,KAAK9B,MAAM6B,eAAe,GAAA;AAChC,YAAM,KAAK7B,MAAM2B,MAAMQ,GAAE;IAC3B;EACF;AACF;",
-  "names": ["StackManager", "constructor", "locator", "_page", "page", "sections", "order", "evaluateAll", "els", "map", "el", "getAttribute", "section", "index", "SectionManager", "nth", "id", "remove", "getByTestId", "click", "navigateTo", "dragTo", "target", "offset", "x", "y", "active", "box", "boundingBox", "hover", "mouse", "down", "waitForTimeout", "pause", "move", "width", "height", "steps", "up"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Locator, Page } from '@playwright/test';\n\nexport class StackManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  sections(): Locator {\n    return this.locator.locator('section');\n  }\n\n  order() {\n    return this.locator.locator('section').evaluateAll((els) => els.map((el) => el.getAttribute('id')));\n  }\n\n  section(index: number): SectionManager {\n    return new SectionManager(this.locator.locator('section').nth(index));\n  }\n}\n\nexport class SectionManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  async id(): Promise<string | null> {\n    return this.locator.getAttribute('id');\n  }\n\n  async remove(): Promise<void> {\n    await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n    await this._page.getByTestId('section.remove').click();\n  }\n\n  async navigateTo(): Promise<void> {\n    await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n    await this._page.getByTestId('section.navigate-to').click();\n  }\n\n  async dragTo(target: Locator, offset: { x: number; y: number } = { x: 0, y: 0 }): Promise<void> {\n    const active = this.locator.getByTestId('section.drag-handle-menu-trigger');\n    const box = await target.boundingBox();\n    if (box) {\n      await active.hover();\n      await this._page.mouse.down();\n      // Timeouts are for input discretization in WebKit\n      await this._page.waitForTimeout(100);\n      await this._page.pause();\n      await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });\n      await this._page.pause();\n      await this._page.waitForTimeout(100);\n      await this._page.mouse.up();\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,eAAN,MAAMA;EAGX,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKC,QAAQD,QAAQE,KAAI;EAC3B;EAEAC,WAAoB;AAClB,WAAO,KAAKH,QAAQA,QAAQ,SAAA;EAC9B;EAEAI,QAAQ;AACN,WAAO,KAAKJ,QAAQA,QAAQ,SAAA,EAAWK,YAAY,CAACC,QAAQA,IAAIC,IAAI,CAACC,OAAOA,GAAGC,aAAa,IAAA,CAAA,CAAA;EAC9F;EAEAC,QAAQC,OAA+B;AACrC,WAAO,IAAIC,eAAe,KAAKZ,QAAQA,QAAQ,SAAA,EAAWa,IAAIF,KAAAA,CAAAA;EAChE;AACF;AAEO,IAAMC,iBAAN,MAAMA;EAGX,YAAqBZ,SAAkB;SAAlBA,UAAAA;AACnB,SAAKC,QAAQD,QAAQE,KAAI;EAC3B;EAEA,MAAMY,KAA6B;AACjC,WAAO,KAAKd,QAAQS,aAAa,IAAA;EACnC;EAEA,MAAMM,SAAwB;AAC5B,UAAM,KAAKf,QAAQgB,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKhB,MAAMe,YAAY,gBAAA,EAAkBC,MAAK;EACtD;EAEA,MAAMC,aAA4B;AAChC,UAAM,KAAKlB,QAAQgB,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKhB,MAAMe,YAAY,qBAAA,EAAuBC,MAAK;EAC3D;EAEA,MAAME,OAAOC,QAAiBC,SAAmC;IAAEC,GAAG;IAAGC,GAAG;EAAE,GAAkB;AAC9F,UAAMC,SAAS,KAAKxB,QAAQgB,YAAY,kCAAA;AACxC,UAAMS,MAAM,MAAML,OAAOM,YAAW;AACpC,QAAID,KAAK;AACP,YAAMD,OAAOG,MAAK;AAClB,YAAM,KAAK1B,MAAM2B,MAAMC,KAAI;AAE3B,YAAM,KAAK5B,MAAM6B,eAAe,GAAA;AAChC,YAAM,KAAK7B,MAAM8B,MAAK;AACtB,YAAM,KAAK9B,MAAM2B,MAAMI,KAAKX,OAAOC,IAAIG,IAAIH,IAAIG,IAAIQ,QAAQ,GAAGZ,OAAOE,IAAIE,IAAIF,IAAIE,IAAIS,SAAS,GAAG;QAAEC,OAAO;MAAE,CAAA;AAC5G,YAAM,KAAKlC,MAAM8B,MAAK;AACtB,YAAM,KAAK9B,MAAM6B,eAAe,GAAA;AAChC,YAAM,KAAK7B,MAAM2B,MAAMQ,GAAE;IAC3B;EACF;AACF;",
+  "names": ["StackManager", "locator", "_page", "page", "sections", "order", "evaluateAll", "els", "map", "el", "getAttribute", "section", "index", "SectionManager", "nth", "id", "remove", "getByTestId", "click", "navigateTo", "dragTo", "target", "offset", "x", "y", "active", "box", "boundingBox", "hover", "mouse", "down", "waitForTimeout", "pause", "move", "width", "height", "steps", "up"]
 }