@dxos/react-ui-stack 0.7.4 → 0.7.5-labs.5f04cf6

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/Stack.tsx", "../../../src/components/StackContext.tsx", "../../../src/components/StackItem.tsx", "../../../src/components/StackItemContent.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 2024 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport React, { Children, type CSSProperties, type ComponentPropsWithRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type StackContextValue, StackContext } from './StackContext';\n\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Size = 'intrinsic' | 'contain';\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]]';\n\nexport const railGridVertical = 'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      children,\n      classNames,\n      style,\n      orientation = 'vertical',\n      rail = true,\n      separators = true,\n      size = 'intrinsic',\n      itemsCount = Children.count(children),\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const arrowNavigationGroup = useArrowNavigationGroup({ axis: orientation });\n\n    const styles: CSSProperties = {\n      [orientation === 'horizontal' ? 'gridTemplateColumns' : 'gridTemplateRows']: `repeat(${itemsCount}, min-content)`,\n      ...style,\n    };\n\n    return (\n      <StackContext.Provider value={{ orientation, rail, size, separators }}>\n        <div\n          {...props}\n          {...arrowNavigationGroup}\n          className={mx(\n            'grid relative',\n            rail\n              ? orientation === 'horizontal'\n                ? railGridHorizontal\n                : railGridVertical\n              : orientation === 'horizontal'\n                ? 'grid-rows-1'\n                : 'grid-cols-1',\n            size === 'contain' &&\n              (orientation === 'horizontal'\n                ? 'overflow-x-auto min-bs-0 bs-full max-bs-full'\n                : 'overflow-y-auto min-is-0 is-full max-is-full'),\n            separators && (orientation === 'horizontal' ? 'divide-separator divide-x' : 'divide-separator divide-y'),\n            classNames,\n          )}\n          aria-orientation={orientation}\n          style={styles}\n          ref={forwardedRef}\n        >\n          {children}\n        </div>\n      </StackContext.Provider>\n    );\n  },\n);\n\nexport { StackContext };\nexport type { StackContextValue };\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type Orientation, type Size } from './Stack';\nimport { type StackItemSize } from './StackItem';\n\nexport type StackContextValue = {\n  orientation: Orientation;\n  separators: boolean;\n  rail: boolean;\n  size: Size;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n  orientation: 'vertical',\n  rail: true,\n  size: 'intrinsic',\n  separators: true,\n});\n\nexport const useStack = () => useContext(StackContext);\n\ntype StackItemContextValue = {\n  selfDragHandleRef: (element: HTMLDivElement | null) => void;\n  size: StackItemSize;\n  setSize: (nextSize: StackItemSize, commit?: boolean) => void;\n};\n\nexport const StackItemContext = createContext<StackItemContextValue>({\n  selfDragHandleRef: () => {},\n  size: 'min-content',\n  setSize: () => {},\n});\n\nexport const useStackItem = () => useContext(StackItemContext);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { draggable, dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport {\n  attachClosestEdge,\n  extractClosestEdge,\n  type Edge,\n} from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\n// TODO(wittjosiah): Drop indicator that doesn't depend on emotion. See react-ui-list DropIndicator.\n// import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';\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 } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack, StackItemContext } from './StackContext';\nimport { StackItemContent, type StackItemContentProps } from './StackItemContent';\nimport {\n  StackItemHeading,\n  StackItemHeadingLabel,\n  type StackItemHeadingProps,\n  type StackItemHeadingLabelProps,\n} from './StackItemHeading';\nimport { StackItemResizeHandle } from './StackItemResizeHandle';\nimport {\n  StackItemSigil,\n  type StackItemSigilProps,\n  type StackItemSigilAction,\n  type StackItemSigilButtonProps,\n  StackItemSigilButton,\n} from './StackItemSigil';\n\nexport type StackItemSize = number | 'min-content';\nexport const DEFAULT_HORIZONTAL_SIZE = 44 satisfies StackItemSize;\nexport const DEFAULT_VERTICAL_SIZE = 'min-content' satisfies StackItemSize;\nexport const DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE satisfies StackItemSize;\n\nexport type StackItemData = { id: string; type: 'column' | 'card' };\n\nexport type StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {\n  item: Omit<StackItemData, 'type'>;\n  order?: number;\n  onRearrange?: (source: StackItemData, target: StackItemData, closestEdge: Edge | null) => void;\n  size?: StackItemSize;\n  onSizeChange?: (nextSize: StackItemSize) => void;\n  role?: 'article' | 'section';\n};\n\nconst StackItemRoot = forwardRef<HTMLDivElement, StackItemRootProps>(\n  (\n    { item, children, classNames, onRearrange, size: propsSize, onSizeChange, role, order, style, ...props },\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, separators } = 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) {\n        return;\n      }\n      return combine(\n        draggable({\n          element: itemElement,\n          ...(selfDragHandleElement && { dragHandle: selfDragHandleElement }),\n          getInitialData: () => ({ id: item.id, type }),\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 focusGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n    return (\n      <StackItemContext.Provider value={{ selfDragHandleRef, size, setSize }}>\n        <Root\n          {...props}\n          tabIndex={0}\n          {...focusGroupAttrs}\n          className={mx(\n            'group/stack-item grid relative ch-focus-ring-inset-over-all',\n            size === 'min-content' && (orientation === 'horizontal' ? 'is-min' : 'bs-min'),\n            orientation === 'horizontal' ? 'grid-rows-subgrid' : 'grid-cols-subgrid',\n            rail && (orientation === 'horizontal' ? 'row-span-2' : 'col-span-2'),\n            separators && (orientation === 'horizontal' ? 'divide-separator divide-y' : 'divide-separator divide-x'),\n            classNames,\n          )}\n          data-dx-stack-item\n          style={{\n            ...(size !== 'min-content' && {\n              [orientation === 'horizontal' ? 'inlineSize' : 'blockSize']: `${size}rem`,\n            }),\n            ...(Number.isFinite(order) && {\n              [orientation === 'horizontal' ? 'gridColumn' : 'gridRow']: `${order}`,\n            }),\n            ...style,\n          }}\n          ref={composedItemRef}\n        >\n          {children}\n          {/* {closestEdge && <DropIndicator 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  Sigil: StackItemSigil,\n  SigilButton: StackItemSigilButton,\n};\n\nexport type {\n  StackItemContentProps,\n  StackItemHeadingProps,\n  StackItemHeadingLabelProps,\n  StackItemSigilProps,\n  StackItemSigilButtonProps,\n  StackItemSigilAction,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef } 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  toolbar?: boolean;\n  statusbar?: boolean;\n};\n\nexport const StackItemContent = ({\n  children,\n  toolbar = true,\n  statusbar,\n  classNames,\n  ...props\n}: StackItemContentProps) => {\n  const { size, separators } = useStack();\n\n  return (\n    <div\n      role='none'\n      {...props}\n      className={mx(\n        'group grid grid-cols-[100%]',\n        size === 'contain' && 'min-bs-0 overflow-hidden',\n        separators && 'divide-separator divide-y',\n        classNames,\n      )}\n      style={{\n        gridTemplateRows: [\n          ...(toolbar ? ['var(--rail-action)'] : []),\n          '1fr',\n          ...(statusbar ? ['var(--statusbar-size)'] : []),\n        ].join(' '),\n      }}\n    >\n      {children}\n    </div>\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, useStackItem } from './StackContext';\n\nexport type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>>;\n\nexport const StackItemHeading = ({ children, classNames, ...props }: StackItemHeadingProps) => {\n  const { orientation } = useStack();\n  const { selfDragHandleRef } = useStackItem();\n  const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n  return (\n    <div\n      role='heading'\n      {...props}\n      tabIndex={0}\n      {...focusableGroupAttrs}\n      className={mx(\n        'flex items-center ch-focus-ring-inset-over-all relative !border-is-0',\n        orientation === 'horizontal' ? 'bs-[--rail-size]' : 'is-[--rail-size] flex-col',\n        classNames,\n      )}\n      ref={selfDragHandleRef}\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    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',\n          classNames,\n        )}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';\nimport { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';\nimport { type DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/types';\nimport React, { useLayoutEffect, useRef } from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack, useStackItem } from './StackContext';\nimport { DEFAULT_EXTRINSIC_SIZE, type StackItemSize } from './StackItem';\n\nconst REM = parseFloat(getComputedStyle(document.documentElement).fontSize);\n\nconst MIN_SIZE = 20;\n\nconst measureStackItem = (element: HTMLButtonElement): { width: number; height: number } => {\n  const stackItemElement = element.closest('[data-dx-stack-item]');\n  return stackItemElement?.getBoundingClientRect() ?? { width: DEFAULT_EXTRINSIC_SIZE, height: DEFAULT_EXTRINSIC_SIZE };\n};\n\nconst getNextSize = (startSize: number, location: DragLocationHistory, client: 'clientX' | 'clientY') => {\n  return Math.max(MIN_SIZE, startSize + (location.current.input[client] - location.initial.input[client]) / REM);\n};\n\nexport const StackItemResizeHandle = () => {\n  const { orientation } = useStack();\n  const { setSize, size } = useStackItem();\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const dragStartSize = useRef<StackItemSize>(size);\n  const client = orientation === 'horizontal' ? 'clientX' : 'clientY';\n\n  useLayoutEffect(\n    () => {\n      if (!buttonRef.current || buttonRef.current.hasAttribute('draggable')) {\n        return;\n      }\n      // TODO(thure): This should handle StackItem state vs local state better.\n      draggable({\n        element: buttonRef.current,\n        onGenerateDragPreview: ({ nativeSetDragImage }) => {\n          // we will be moving the line to indicate a drag\n          // we can disable the native drag preview\n          disableNativeDragPreview({ nativeSetDragImage });\n          // we don't want any native drop animation for when the user\n          // does not drop on a drop target. we want the drag to finish immediately\n          preventUnhandled.start();\n        },\n        onDragStart: () => {\n          dragStartSize.current =\n            dragStartSize.current === 'min-content'\n              ? measureStackItem(buttonRef.current!)[orientation === 'horizontal' ? 'width' : 'height'] / REM\n              : dragStartSize.current;\n        },\n        onDrag: ({ location }) => {\n          if (typeof dragStartSize.current !== 'number') {\n            return;\n          }\n          setSize(getNextSize(dragStartSize.current, location, client));\n        },\n        onDrop: ({ location }) => {\n          if (typeof dragStartSize.current !== 'number') {\n            return;\n          }\n          const nextSize = getNextSize(dragStartSize.current, location, client);\n          setSize(nextSize, true);\n          dragStartSize.current = nextSize;\n        },\n      });\n    },\n    [\n      // Note that `size` should not be a dependency here since dragging this adjusts the size.\n    ],\n  );\n\n  return (\n    <button\n      ref={buttonRef}\n      className={mx(\n        orientation === 'horizontal' ? 'cursor-col-resize' : 'cursor-row-resize',\n        'group absolute is-3 bs-full inline-end-[-1px] !border-lb-0',\n        'before:transition-opacity before:duration-100 before:ease-in-out before:opacity-0 hover:before:opacity-100 focus-visible:before:opacity-100 active:before:opacity-100',\n        'before:absolute before:block before:inset-block-0 before:inline-end-0 before:is-1 before:bg-accentFocusIndicator',\n      )}\n    >\n      <div\n        role='none'\n        className='absolute block-start-0 inline-end-[1px] bs-[--rail-size] flex items-center group-hover:opacity-0 group-focus-visible:opacity-0 group-active:opacity-0'\n      >\n        <DragHandleSignifier />\n      </div>\n    </button>\n  );\n};\n\nconst DragHandleSignifier = () => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 256 256'\n      fill='currentColor'\n      className='shrink-0 bs-[1em] is-[1em] text-unAccent'\n    >\n      {/* two pips: <path d='M256,120c-8.8,0-16-7.2-16-16v-56c0-8.8,7.2-16,16-16v88Z' />\n      <path d='M256,232c-8.8,0-16-7.2-16-16v-56c0-8.8,7.2-16,16-16v88Z' /> */}\n      <path d='M256,64c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n      <path d='M256,120c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n      <path d='M256,176c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n      <path d='M256,232c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n    </svg>\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 {\n  Button,\n  type ButtonProps,\n  DropdownMenu,\n  Icon,\n  toLocalizedString,\n  Tooltip,\n  useTranslation,\n} 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'> & AttendableId & Related;\n\nexport const StackItemSigilButton = forwardRef<HTMLButtonElement, StackItemSigilButtonProps>(\n  ({ attendableId, classNames, related, children, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n    const variant = (related && isRelated) || hasAttention || isAncestor ? 'primary' : 'ghost';\n    return (\n      <Button\n        {...props}\n        variant={variant}\n        classNames={['m-1 shrink-0 pli-0 min-bs-0 is-[--rail-action] bs-[--rail-action] relative', classNames]}\n        ref={forwardedRef}\n      >\n        <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    const [triggerTooltipOpen, setTriggerTooltipOpen] = useState(false);\n\n    return (\n      <Tooltip.Root\n        open={triggerTooltipOpen}\n        onOpenChange={(nextOpen) => {\n          if (suppressNextTooltip.current) {\n            setTriggerTooltipOpen(false);\n            suppressNextTooltip.current = false;\n          } else {\n            setTriggerTooltipOpen(nextOpen);\n          }\n        }}\n      >\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          <Tooltip.Trigger asChild>\n            <DropdownMenu.Trigger asChild ref={forwardedRef}>\n              <StackItemSigilButton attendableId={attendableId} related={related}>\n                <span className='sr-only'>{triggerLabel}</span>\n                <Icon icon={icon} size={5} />\n              </StackItemSigilButton>\n            </DropdownMenu.Trigger>\n          </Tooltip.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        <Tooltip.Portal>\n          <Tooltip.Content style={{ zIndex: 70 }} side='bottom'>\n            {triggerLabel}\n            <Tooltip.Arrow />\n          </Tooltip.Content>\n        </Tooltip.Portal>\n      </Tooltip.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' classNames='z-[70]'>\n          {label}\n        </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": ["useArrowNavigationGroup", "React", "Children", "forwardRef", "mx", "createContext", "useContext", "StackContext", "createContext", "orientation", "rail", "size", "separators", "useStack", "useContext", "StackItemContext", "selfDragHandleRef", "setSize", "useStackItem", "railGridHorizontal", "railGridVertical", "Stack", "forwardRef", "children", "classNames", "style", "orientation", "rail", "separators", "size", "itemsCount", "Children", "count", "props", "forwardedRef", "arrowNavigationGroup", "useArrowNavigationGroup", "axis", "styles", "StackContext", "Provider", "value", "div", "className", "mx", "aria-orientation", "ref", "combine", "draggable", "dropTargetForElements", "attachClosestEdge", "extractClosestEdge", "useFocusableGroup", "composeRefs", "React", "forwardRef", "useLayoutEffect", "useState", "useCallback", "mx", "React", "mx", "StackItemContent", "children", "toolbar", "statusbar", "classNames", "props", "size", "separators", "useStack", "React", "div", "role", "className", "mx", "style", "gridTemplateRows", "join", "useFocusableGroup", "React", "forwardRef", "useAttention", "mx", "StackItemHeading", "children", "classNames", "props", "orientation", "useStack", "selfDragHandleRef", "useStackItem", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "React", "div", "role", "tabIndex", "className", "mx", "ref", "StackItemHeadingLabel", "forwardRef", "attendableId", "related", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "h1", "data-attention", "toString", "draggable", "disableNativeDragPreview", "preventUnhandled", "React", "useLayoutEffect", "useRef", "mx", "REM", "parseFloat", "getComputedStyle", "document", "documentElement", "fontSize", "MIN_SIZE", "measureStackItem", "element", "stackItemElement", "closest", "getBoundingClientRect", "width", "DEFAULT_EXTRINSIC_SIZE", "height", "getNextSize", "startSize", "location", "client", "Math", "max", "current", "input", "initial", "StackItemResizeHandle", "orientation", "useStack", "setSize", "size", "useStackItem", "buttonRef", "useRef", "dragStartSize", "useLayoutEffect", "hasAttribute", "draggable", "onGenerateDragPreview", "nativeSetDragImage", "disableNativeDragPreview", "preventUnhandled", "start", "onDragStart", "onDrag", "onDrop", "nextSize", "React", "button", "ref", "className", "mx", "div", "role", "DragHandleSignifier", "svg", "xmlns", "viewBox", "fill", "path", "d", "React", "Fragment", "forwardRef", "useRef", "useState", "keySymbols", "Button", "DropdownMenu", "Icon", "toLocalizedString", "Tooltip", "useTranslation", "useAttention", "descriptionText", "mx", "getHostPlatform", "React", "MenuSignifierHorizontal", "React", "svg", "className", "width", "height", "viewBox", "stroke", "opacity", "line", "x1", "y1", "x2", "y2", "strokeWidth", "strokeLinecap", "strokeDasharray", "strokeDashoffset", "translationKey", "StackItemSigilButton", "forwardRef", "attendableId", "classNames", "related", "children", "props", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "variant", "React", "Button", "ref", "MenuSignifierHorizontal", "StackItemSigil", "actions", "actionGroups", "onAction", "triggerLabel", "icon", "t", "useTranslation", "translationKey", "suppressNextTooltip", "useRef", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "triggerTooltipOpen", "setTriggerTooltipOpen", "Tooltip", "Root", "open", "onOpenChange", "nextOpen", "current", "DropdownMenu", "Trigger", "asChild", "span", "className", "Icon", "size", "Portal", "Content", "Viewport", "map", "index", "separator", "Separator", "Fragment", "key", "action", "shortcut", "properties", "keyBinding", "getHostPlatform", "menuItemType", "CheckboxItem", "Item", "id", "onClick", "event", "disabled", "stopPropagation", "checked", "isChecked", "undefined", "testId", "toLocalizedString", "label", "ItemIndicator", "mx", "descriptionText", "keySymbols", "join", "Arrow", "style", "zIndex", "side", "DEFAULT_HORIZONTAL_SIZE", "DEFAULT_VERTICAL_SIZE", "DEFAULT_EXTRINSIC_SIZE", "StackItemRoot", "forwardRef", "item", "children", "classNames", "onRearrange", "size", "propsSize", "onSizeChange", "role", "order", "style", "props", "forwardedRef", "itemElement", "itemRef", "useState", "selfDragHandleElement", "selfDragHandleRef", "_closestEdge", "setEdge", "orientation", "rail", "separators", "useStack", "setInternalSize", "Root", "composedItemRef", "composeRefs", "setSize", "useCallback", "nextSize", "commit", "type", "useLayoutEffect", "combine", "draggable", "element", "dragHandle", "getInitialData", "id", "dropTargetForElements", "getData", "input", "attachClosestEdge", "allowedEdges", "onDragEnter", "self", "source", "data", "extractClosestEdge", "onDrag", "onDragLeave", "onDrop", "focusGroupAttrs", "useFocusableGroup", "tabBehavior", "React", "StackItemContext", "Provider", "value", "tabIndex", "className", "mx", "data-dx-stack-item", "Number", "isFinite", "ref", "StackItem", "Content", "StackItemContent", "Heading", "StackItemHeading", "HeadingLabel", "StackItemHeadingLabel", "ResizeHandle", "StackItemResizeHandle", "Sigil", "StackItemSigil", "SigilButton", "StackItemSigilButton", "React", "forwardRef", "Button", "ButtonGroup", "Icon", "Tooltip", "useTranslation", "LayoutControl", "icon", "label", "props", "React", "Tooltip", "Root", "Trigger", "asChild", "Button", "variant", "span", "className", "Icon", "Portal", "Content", "side", "classNames", "LayoutControls", "forwardRef", "onClick", "capabilities", "can", "isSolo", "pin", "close", "children", "forwardedRef", "t", "useTranslation", "translationKey", "buttonClassNames", "ButtonGroup", "ref", "includes", "solo", "disabled", "incrementStart", "incrementEnd", "data-testid"]
+  "sources": ["../../../src/components/Stack.tsx", "../../../src/components/StackContext.tsx", "../../../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 2024 DXOS.org\n//\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\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  useLayoutEffect,\n  useState,\n} from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type StackContextValue, StackContext, type StackItemData } from './StackContext';\n\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Size = 'intrinsic' | 'contain';\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]]';\n\nexport const railGridVertical = 'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\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 [dropping, setDropping] = useState(false);\n\n    const arrowNavigationGroup = useArrowNavigationGroup({ axis: orientation });\n\n    const styles: CSSProperties = {\n      [orientation === 'horizontal' ? 'gridTemplateColumns' : 'gridTemplateRows']: `repeat(${itemsCount}, min-content)`,\n      ...style,\n    };\n\n    const selfDroppable = !!(itemsCount < 1 && onRearrange && props.id);\n\n    useLayoutEffect(() => {\n      if (!stackElement || !selfDroppable) {\n        return;\n      }\n      const acceptSourceType = orientation === 'horizontal' ? 'column' : 'card';\n      return dropTargetForElements({\n        element: stackElement,\n        getData: ({ input, element }) => {\n          return attachClosestEdge(\n            { id: props.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: () => setDropping(false),\n        onDrop: ({ self, source }) => {\n          setDropping(false);\n          if (source.data.type === acceptSourceType && selfDroppable) {\n            onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n          }\n        },\n      });\n    }, [stackElement, selfDroppable]);\n\n    return (\n      <StackContext.Provider value={{ orientation, rail, size, onRearrange }}>\n        <div\n          {...props}\n          {...arrowNavigationGroup}\n          className={mx(\n            'grid relative',\n            rail\n              ? orientation === 'horizontal'\n                ? railGridHorizontal\n                : railGridVertical\n              : orientation === 'horizontal'\n                ? 'grid-rows-1'\n                : 'grid-cols-1',\n            size === 'contain' &&\n              (orientation === 'horizontal'\n                ? 'overflow-x-auto min-bs-0 bs-full max-bs-full'\n                : 'overflow-y-auto min-is-0 is-full max-is-full'),\n            classNames,\n          )}\n          aria-orientation={orientation}\n          style={styles}\n          ref={composedItemRef}\n        >\n          {children}\n          {selfDroppable && dropping && <ListItem.DropIndicator edge={orientation === 'horizontal' ? 'left' : 'top'} />}\n        </div>\n      </StackContext.Provider>\n    );\n  },\n);\n\nexport { StackContext };\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 Orientation, type Size } from './Stack';\n\nexport type StackItemSize = number | 'min-content';\n\nexport type StackItemData = { id: string; type: 'column' | 'card' };\n\nexport type StackItemRearrangeHandler = (\n  source: StackItemData,\n  target: StackItemData,\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 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 { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';\nimport { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';\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 { 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\nexport const DEFAULT_HORIZONTAL_SIZE = 44 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};\n\nconst StackItemRoot = forwardRef<HTMLDivElement, StackItemRootProps>(\n  ({ item, children, classNames, size: propsSize, onSizeChange, role, order, style, ...props }, forwardedRef) => {\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) {\n        return;\n      }\n      return combine(\n        draggable({\n          element: itemElement,\n          ...(selfDragHandleElement && { dragHandle: selfDragHandleElement }),\n          getInitialData: () => ({ id: item.id, type }),\n          // TODO(thure): tabster focus honeypots are causing the preview to render with the wrong dimensions; what do?\n          onGenerateDragPreview: ({ nativeSetDragImage }) => {\n            disableNativeDragPreview({ nativeSetDragImage });\n            preventUnhandled.start();\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 focusGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n    return (\n      <StackItemContext.Provider value={{ selfDragHandleRef, size, setSize }}>\n        <Root\n          {...props}\n          tabIndex={0}\n          {...focusGroupAttrs}\n          className={mx(\n            'group/stack-item grid relative ch-focus-ring-inset-over-all',\n            size === 'min-content' && (orientation === 'horizontal' ? 'is-min' : 'bs-min'),\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          style={{\n            ...(size !== 'min-content' && {\n              [orientation === 'horizontal' ? 'inlineSize' : 'blockSize']: `${size}rem`,\n            }),\n            ...(Number.isFinite(order) && {\n              [orientation === 'horizontal' ? 'gridColumn' : 'gridRow']: `${order}`,\n            }),\n            ...style,\n          }}\n          ref={composedItemRef}\n        >\n          {children}\n          {closestEdge && <ListItem.DropIndicator 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   * Whether to provide for the layout of a statusbar after the content.\n   */\n  statusbar?: boolean;\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  return (\n    <div\n      role='heading'\n      {...props}\n      tabIndex={0}\n      {...focusableGroupAttrs}\n      className={mx(\n        'flex items-center ch-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    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 { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';\nimport { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';\nimport { type DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/types';\nimport React, { useLayoutEffect, useRef } from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack, useStackItem, type StackItemSize } from './StackContext';\nimport { DEFAULT_EXTRINSIC_SIZE } from './StackItem';\n\nconst REM = parseFloat(getComputedStyle(document.documentElement).fontSize);\n\nconst MIN_SIZE = 20;\n\nconst measureStackItem = (element: HTMLButtonElement): { width: number; height: number } => {\n  const stackItemElement = element.closest('[data-dx-stack-item]');\n  return stackItemElement?.getBoundingClientRect() ?? { width: DEFAULT_EXTRINSIC_SIZE, height: DEFAULT_EXTRINSIC_SIZE };\n};\n\nconst getNextSize = (startSize: number, location: DragLocationHistory, client: 'clientX' | 'clientY') => {\n  return Math.max(MIN_SIZE, startSize + (location.current.input[client] - location.initial.input[client]) / REM);\n};\n\nexport type StackItemResizeHandleProps = {};\n\nexport const StackItemResizeHandle = () => {\n  const { orientation } = useStack();\n  const { setSize, size } = useStackItem();\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const dragStartSize = useRef<StackItemSize>(size);\n  const client = orientation === 'horizontal' ? 'clientX' : 'clientY';\n\n  useLayoutEffect(\n    () => {\n      if (!buttonRef.current || buttonRef.current.hasAttribute('draggable')) {\n        return;\n      }\n      // TODO(thure): This should handle StackItem state vs local state better.\n      draggable({\n        element: buttonRef.current,\n        onGenerateDragPreview: ({ nativeSetDragImage }) => {\n          // We will be moving the line to indicate a drag; we can disable the native drag preview.\n          disableNativeDragPreview({ nativeSetDragImage });\n          // We don't want any native drop animation for when the user does not drop on a drop target.\n          // We want the drag to finish immediately.\n          preventUnhandled.start();\n        },\n        onDragStart: () => {\n          dragStartSize.current =\n            dragStartSize.current === 'min-content'\n              ? measureStackItem(buttonRef.current!)[orientation === 'horizontal' ? 'width' : 'height'] / REM\n              : dragStartSize.current;\n        },\n        onDrag: ({ location }) => {\n          if (typeof dragStartSize.current !== 'number') {\n            return;\n          }\n          setSize(getNextSize(dragStartSize.current, location, client));\n        },\n        onDrop: ({ location }) => {\n          if (typeof dragStartSize.current !== 'number') {\n            return;\n          }\n          const nextSize = getNextSize(dragStartSize.current, location, client);\n          setSize(nextSize, true);\n          dragStartSize.current = nextSize;\n        },\n      });\n    },\n    [\n      // Note that `size` should not be a dependency here since dragging this adjusts the size.\n    ],\n  );\n\n  return (\n    <button\n      ref={buttonRef}\n      className={mx(\n        orientation === 'horizontal' ? 'cursor-col-resize' : 'cursor-row-resize',\n        'group absolute is-3 bs-full inline-end-[-1px] !border-lb-0',\n        'before:transition-opacity before:duration-100 before:ease-in-out before:opacity-0 hover:before:opacity-100 focus-visible:before:opacity-100 active:before:opacity-100',\n        'before:absolute before:block before:inset-block-0 before:inline-end-0 before:is-1 before:bg-accentFocusIndicator',\n      )}\n    >\n      <div\n        role='none'\n        className='absolute block-start-0 inline-end-[1px] bs-[--rail-size] flex items-center group-hover:opacity-0 group-focus-visible:opacity-0 group-active:opacity-0'\n      >\n        <DragHandleSignifier />\n      </div>\n    </button>\n  );\n};\n\nconst DragHandleSignifier = () => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='0 0 256 256'\n      fill='currentColor'\n      className='shrink-0 bs-[1em] is-[1em] text-unAccent'\n    >\n      {/* two pips: <path d='M256,120c-8.8,0-16-7.2-16-16v-56c0-8.8,7.2-16,16-16v88Z' />\n      <path d='M256,232c-8.8,0-16-7.2-16-16v-56c0-8.8,7.2-16,16-16v88Z' /> */}\n      <path d='M256,64c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n      <path d='M256,120c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n      <path d='M256,176c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n      <path d='M256,232c-8.8,0-16-7.2-16-16s7.2-16,16-16v32Z' />\n    </svg>\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 {\n  Button,\n  type ButtonProps,\n  DropdownMenu,\n  Icon,\n  toLocalizedString,\n  Tooltip,\n  useTranslation,\n} 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'> & AttendableId & Related;\n\nexport const StackItemSigilButton = forwardRef<HTMLButtonElement, StackItemSigilButtonProps>(\n  ({ attendableId, classNames, related, children, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n    const variant = (related && isRelated) || hasAttention || isAncestor ? 'primary' : 'ghost';\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', classNames]}\n        ref={forwardedRef}\n      >\n        <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    const [triggerTooltipOpen, setTriggerTooltipOpen] = useState(false);\n\n    return (\n      <Tooltip.Root\n        open={triggerTooltipOpen}\n        onOpenChange={(nextOpen) => {\n          if (suppressNextTooltip.current) {\n            setTriggerTooltipOpen(false);\n            suppressNextTooltip.current = false;\n          } else {\n            setTriggerTooltipOpen(nextOpen);\n          }\n        }}\n      >\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          <Tooltip.Trigger asChild>\n            <DropdownMenu.Trigger asChild ref={forwardedRef}>\n              <StackItemSigilButton attendableId={attendableId} related={related}>\n                <span className='sr-only'>{triggerLabel}</span>\n                <Icon icon={icon} size={5} />\n              </StackItemSigilButton>\n            </DropdownMenu.Trigger>\n          </Tooltip.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        <Tooltip.Portal>\n          <Tooltip.Content side='bottom'>\n            {triggerLabel}\n            <Tooltip.Arrow />\n          </Tooltip.Content>\n        </Tooltip.Portal>\n      </Tooltip.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": ["dropTargetForElements", "attachClosestEdge", "extractClosestEdge", "useArrowNavigationGroup", "composeRefs", "React", "Children", "forwardRef", "useLayoutEffect", "useState", "ListItem", "mx", "createContext", "useContext", "StackContext", "createContext", "orientation", "rail", "size", "useStack", "useContext", "StackItemContext", "selfDragHandleRef", "setSize", "useStackItem", "railGridHorizontal", "railGridVertical", "Stack", "forwardRef", "children", "classNames", "style", "orientation", "rail", "size", "onRearrange", "itemsCount", "Children", "count", "props", "forwardedRef", "stackElement", "stackRef", "useState", "composedItemRef", "composeRefs", "dropping", "setDropping", "arrowNavigationGroup", "useArrowNavigationGroup", "axis", "styles", "selfDroppable", "id", "useLayoutEffect", "acceptSourceType", "dropTargetForElements", "element", "getData", "input", "attachClosestEdge", "type", "allowedEdges", "onDragEnter", "source", "data", "onDrag", "onDragLeave", "onDrop", "self", "extractClosestEdge", "StackContext", "Provider", "value", "div", "className", "mx", "aria-orientation", "ref", "ListItem", "DropIndicator", "edge", "combine", "draggable", "dropTargetForElements", "disableNativeDragPreview", "preventUnhandled", "attachClosestEdge", "extractClosestEdge", "useFocusableGroup", "composeRefs", "React", "forwardRef", "useLayoutEffect", "useState", "useCallback", "ListItem", "mx", "React", "forwardRef", "mx", "StackItemContent", "forwardRef", "children", "toolbar", "statusbar", "classNames", "size", "props", "forwardedRef", "stackItemSize", "useStack", "React", "div", "role", "className", "mx", "style", "gridTemplateRows", "join", "ref", "Slot", "React", "StackItemDragHandle", "asChild", "children", "selfDragHandleRef", "useStackItem", "Root", "Slot", "React", "ref", "role", "useFocusableGroup", "React", "forwardRef", "useAttention", "mx", "StackItemHeading", "children", "classNames", "props", "orientation", "useStack", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "React", "div", "role", "tabIndex", "className", "mx", "StackItemHeadingLabel", "forwardRef", "attendableId", "related", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "h1", "data-attention", "toString", "ref", "draggable", "disableNativeDragPreview", "preventUnhandled", "React", "useLayoutEffect", "useRef", "mx", "REM", "parseFloat", "getComputedStyle", "document", "documentElement", "fontSize", "MIN_SIZE", "measureStackItem", "element", "stackItemElement", "closest", "getBoundingClientRect", "width", "DEFAULT_EXTRINSIC_SIZE", "height", "getNextSize", "startSize", "location", "client", "Math", "max", "current", "input", "initial", "StackItemResizeHandle", "orientation", "useStack", "setSize", "size", "useStackItem", "buttonRef", "useRef", "dragStartSize", "useLayoutEffect", "hasAttribute", "draggable", "onGenerateDragPreview", "nativeSetDragImage", "disableNativeDragPreview", "preventUnhandled", "start", "onDragStart", "onDrag", "onDrop", "nextSize", "React", "button", "ref", "className", "mx", "div", "role", "DragHandleSignifier", "svg", "xmlns", "viewBox", "fill", "path", "d", "React", "Fragment", "forwardRef", "useRef", "useState", "keySymbols", "Button", "DropdownMenu", "Icon", "toLocalizedString", "Tooltip", "useTranslation", "useAttention", "descriptionText", "mx", "getHostPlatform", "React", "MenuSignifierHorizontal", "React", "svg", "className", "width", "height", "viewBox", "stroke", "opacity", "line", "x1", "y1", "x2", "y2", "strokeWidth", "strokeLinecap", "strokeDasharray", "strokeDashoffset", "translationKey", "StackItemSigilButton", "forwardRef", "attendableId", "classNames", "related", "children", "props", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "variant", "React", "Button", "ref", "MenuSignifierHorizontal", "StackItemSigil", "actions", "actionGroups", "onAction", "triggerLabel", "icon", "t", "useTranslation", "translationKey", "suppressNextTooltip", "useRef", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "triggerTooltipOpen", "setTriggerTooltipOpen", "Tooltip", "Root", "open", "onOpenChange", "nextOpen", "current", "DropdownMenu", "Trigger", "asChild", "span", "className", "Icon", "size", "Portal", "Content", "Viewport", "map", "index", "separator", "Separator", "Fragment", "key", "action", "shortcut", "properties", "keyBinding", "getHostPlatform", "menuItemType", "CheckboxItem", "Item", "id", "onClick", "event", "disabled", "stopPropagation", "checked", "isChecked", "undefined", "testId", "toLocalizedString", "label", "ItemIndicator", "mx", "descriptionText", "keySymbols", "join", "Arrow", "side", "DEFAULT_HORIZONTAL_SIZE", "DEFAULT_VERTICAL_SIZE", "DEFAULT_EXTRINSIC_SIZE", "StackItemRoot", "forwardRef", "item", "children", "classNames", "size", "propsSize", "onSizeChange", "role", "order", "style", "props", "forwardedRef", "itemElement", "itemRef", "useState", "selfDragHandleElement", "selfDragHandleRef", "closestEdge", "setEdge", "orientation", "rail", "onRearrange", "useStack", "setInternalSize", "Root", "composedItemRef", "composeRefs", "setSize", "useCallback", "nextSize", "commit", "type", "useLayoutEffect", "combine", "draggable", "element", "dragHandle", "getInitialData", "id", "onGenerateDragPreview", "nativeSetDragImage", "disableNativeDragPreview", "preventUnhandled", "start", "dropTargetForElements", "getData", "input", "attachClosestEdge", "allowedEdges", "onDragEnter", "self", "source", "data", "extractClosestEdge", "onDrag", "onDragLeave", "onDrop", "focusGroupAttrs", "useFocusableGroup", "tabBehavior", "React", "StackItemContext", "Provider", "value", "tabIndex", "className", "mx", "data-dx-stack-item", "Number", "isFinite", "ref", "ListItem", "DropIndicator", "edge", "StackItem", "Content", "StackItemContent", "Heading", "StackItemHeading", "HeadingLabel", "StackItemHeadingLabel", "ResizeHandle", "StackItemResizeHandle", "DragHandle", "StackItemDragHandle", "Sigil", "StackItemSigil", "SigilButton", "StackItemSigilButton", "React", "forwardRef", "Button", "ButtonGroup", "Icon", "Tooltip", "useTranslation", "LayoutControl", "icon", "label", "props", "React", "Tooltip", "Root", "Trigger", "asChild", "Button", "variant", "span", "className", "Icon", "Portal", "Content", "side", "LayoutControls", "forwardRef", "onClick", "capabilities", "can", "isSolo", "pin", "close", "children", "forwardedRef", "t", "useTranslation", "translationKey", "buttonClassNames", "ButtonGroup", "ref", "includes", "classNames", "solo", "disabled", "incrementStart", "incrementEnd", "data-testid"]
 }

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytes":2741,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":7327,"imports":[{"path":"@fluentui/react-tabster","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/StackItemContent.tsx":{"bytes":3578,"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/StackItemHeading.tsx":{"bytes":6082,"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":14860,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/prevent-unhandled","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"},{"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":20212,"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":20185,"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-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-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/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":11759,"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":701,"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"}],"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-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":47921},"packages/ui/react-ui-stack/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@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-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-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","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":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/prevent-unhandled","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@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","railGridHorizontal","railGridVertical","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":1616},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytesInOutput":428},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackItem.tsx":{"bytesInOutput":4374},"packages/ui/react-ui-stack/src/components/StackItemContent.tsx":{"bytesInOutput":697},"packages/ui/react-ui-stack/src/components/StackItemHeading.tsx":{"bytesInOutput":1350},"packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx":{"bytesInOutput":3741},"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx":{"bytesInOutput":4909},"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":3056},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":22222},"packages/ui/react-ui-stack/dist/lib/node-esm/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3599},"packages/ui/react-ui-stack/dist/lib/node-esm/testing/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1516},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0}},"bytes":1748}}}
+{"inputs":{"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytes":3091,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":13994,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","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-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/StackItemContent.tsx":{"bytes":5524,"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":5758,"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":14876,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/prevent-unhandled","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"},{"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":20057,"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":21446,"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/disable-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/prevent-unhandled","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-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-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":54281},"packages/ui/react-ui-stack/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","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-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/element/disable-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/prevent-unhandled","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-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":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/prevent-unhandled","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@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","railGridHorizontal","railGridVertical","translations","useStack","useStackItem"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":3397},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytesInOutput":408},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackItem.tsx":{"bytesInOutput":5094},"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":3762},"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx":{"bytesInOutput":4883},"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":3030},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":25214},"packages/ui/react-ui-stack/dist/lib/node-esm/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3599},"packages/ui/react-ui-stack/dist/lib/node-esm/testing/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1516},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0}},"bytes":1748}}}

package/dist/types/src/components/LayoutControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutControls.d.ts","sourceRoot":"","sources":["../../../../src/components/LayoutControls.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAGL,KAAK,gBAAgB,EAKtB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,GAAG,WAAW,IAAI,OAAO,GAAG,KAAK,EAAE,CAAC;AAChG,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACpE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,YAAY,CAAC;IAChD,YAAY,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;CAChC,CAAC;AAoBF,eAAO,MAAM,cAAc,yGA4E1B,CAAC"}
+{"version":3,"file":"LayoutControls.d.ts","sourceRoot":"","sources":["../../../../src/components/LayoutControls.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAGL,KAAK,gBAAgB,EAKtB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,GAAG,WAAW,IAAI,OAAO,GAAG,KAAK,EAAE,CAAC;AAChG,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACpE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,YAAY,CAAC;IAChD,YAAY,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;CAChC,CAAC;AAkBF,eAAO,MAAM,cAAc,yGA4E1B,CAAC"}

package/dist/types/src/components/Stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAgC,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEpG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,EAAE,KAAK,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AACpD,MAAM,MAAM,IAAI,GAAG,WAAW,GAAG,SAAS,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAC9F,OAAO,CAAC,iBAAiB,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvD,eAAO,MAAM,kBAAkB,gFAAgF,CAAC;AAEhH,eAAO,MAAM,gBAAgB,gFAAgF,CAAC;AAE9G,eAAO,MAAM,KAAK,gGAoDjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAGZ,KAAK,qBAAqB,EAI3B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,eAAe,EAAY,MAAM,gBAAgB,CAAC;AAGhE,OAAO,EAAE,KAAK,iBAAiB,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAE1F,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AACpD,MAAM,MAAM,IAAI,GAAG,WAAW,GAAG,SAAS,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAC9F,OAAO,CAAC,iBAAiB,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvD,eAAO,MAAM,kBAAkB,gFAAgF,CAAC;AAEhH,eAAO,MAAM,gBAAgB,gFAAgF,CAAC;AAE9G,eAAO,MAAM,KAAK,gGA2FjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/types/src/components/Stack.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAgC,MAAM,OAAO,CAAC;AAsBrD,QAAA,MAAM,cAAc,yBAwFnB,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAKrC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAgC,MAAM,OAAO,CAAC;AAuBrD,QAAA,MAAM,cAAc,yBAwFnB,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAKrC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/src/components/StackContext.d.ts

@@ -1,19 +1,24 @@
+import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import { type Orientation, type Size } from './Stack';
-import { type StackItemSize } from './StackItem';
+export type StackItemSize = number | 'min-content';
+export type StackItemData = {
+    id: string;
+    type: 'column' | 'card';
+};
+export type StackItemRearrangeHandler = (source: StackItemData, target: StackItemData, closestEdge: Edge | null) => void;
 export type StackContextValue = {
     orientation: Orientation;
-    separators: boolean;
     rail: boolean;
     size: Size;
+    onRearrange?: StackItemRearrangeHandler;
 };
 export declare const StackContext: import("react").Context<StackContextValue>;
 export declare const useStack: () => StackContextValue;
-type StackItemContextValue = {
+export type StackItemContextValue = {
     selfDragHandleRef: (element: HTMLDivElement | null) => void;
     size: StackItemSize;
     setSize: (nextSize: StackItemSize, commit?: boolean) => void;
 };
 export declare const StackItemContext: import("react").Context<StackItemContextValue>;
 export declare const useStackItem: () => StackItemContextValue;
-export {};
 //# sourceMappingURL=StackContext.d.ts.map

package/dist/types/src/components/StackContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackContext.d.ts","sourceRoot":"","sources":["../../../../src/components/StackContext.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,YAAY,4CAKvB,CAAC;AAEH,eAAO,MAAM,QAAQ,yBAAiC,CAAC;AAEvD,KAAK,qBAAqB,GAAG;IAC3B,iBAAiB,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,gBAAgB,gDAI3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC"}
+{"version":3,"file":"StackContext.d.ts","sourceRoot":"","sources":["../../../../src/components/StackContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uDAAuD,CAAC;AAGlF,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,aAAa,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,yBAAyB,GAAG,CACtC,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,aAAa,EACrB,WAAW,EAAE,IAAI,GAAG,IAAI,KACrB,IAAI,CAAC;AAEV,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,yBAAyB,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,YAAY,4CAIvB,CAAC;AAEH,eAAO,MAAM,QAAQ,yBAAiC,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,iBAAiB,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,gBAAgB,gDAI3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC"}

package/dist/types/src/components/StackItem.d.ts

@@ -1,31 +1,34 @@
-import { type Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import React, { type ComponentPropsWithRef } from 'react';
 import { type ThemedClassName } from '@dxos/react-ui';
+import { type StackItemSize, type StackItemData } from './StackContext';
 import { type StackItemContentProps } from './StackItemContent';
+import { type StackItemDragHandleProps } from './StackItemDragHandle';
 import { type StackItemHeadingProps, type StackItemHeadingLabelProps } from './StackItemHeading';
+import { type StackItemResizeHandleProps } from './StackItemResizeHandle';
 import { type StackItemSigilProps, type StackItemSigilAction, type StackItemSigilButtonProps } from './StackItemSigil';
-export type StackItemSize = number | 'min-content';
 export declare const DEFAULT_HORIZONTAL_SIZE = 44;
 export declare const DEFAULT_VERTICAL_SIZE = "min-content";
 export declare const DEFAULT_EXTRINSIC_SIZE = 44;
-export type StackItemData = {
-    id: string;
-    type: 'column' | 'card';
-};
 export type StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
     item: Omit<StackItemData, 'type'>;
     order?: number;
-    onRearrange?: (source: StackItemData, target: StackItemData, closestEdge: Edge | null) => void;
     size?: StackItemSize;
     onSizeChange?: (nextSize: StackItemSize) => void;
     role?: 'article' | 'section';
 };
 export declare const StackItem: {
     Root: React.ForwardRefExoticComponent<Omit<StackItemRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Content: ({ children, toolbar, statusbar, classNames, ...props }: StackItemContentProps) => React.JSX.Element;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/react-ui").ClassNameValue;
+    } & {
+        toolbar: boolean;
+        statusbar?: boolean;
+        size?: "intrinsic" | "video" | "square";
+    } & React.RefAttributes<HTMLDivElement>>;
     Heading: ({ children, classNames, ...props }: StackItemHeadingProps) => React.JSX.Element;
     HeadingLabel: React.ForwardRefExoticComponent<Omit<StackItemHeadingLabelProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     ResizeHandle: () => React.JSX.Element;
+    DragHandle: ({ asChild, children }: StackItemDragHandleProps) => React.JSX.Element;
     Sigil: React.ForwardRefExoticComponent<{
         attendableId?: string;
         triggerLabel: string;
@@ -37,5 +40,5 @@ export declare const StackItem: {
     } & React.RefAttributes<HTMLButtonElement>>;
     SigilButton: React.ForwardRefExoticComponent<Omit<StackItemSigilButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
-export type { StackItemContentProps, StackItemHeadingProps, StackItemHeadingLabelProps, StackItemSigilProps, StackItemSigilButtonProps, StackItemSigilAction, };
+export type { StackItemContentProps, StackItemHeadingProps, StackItemHeadingLabelProps, StackItemResizeHandleProps, StackItemDragHandleProps, StackItemSigilProps, StackItemSigilButtonProps, StackItemSigilAction, };
 //# sourceMappingURL=StackItem.d.ts.map

package/dist/types/src/components/StackItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackItem.d.ts","sourceRoot":"","sources":["../../../../src/components/StackItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,KAAK,IAAI,EACV,MAAM,uDAAuD,CAAC;AAK/D,OAAO,KAAK,EAAE,EAAyC,KAAK,qBAAqB,EAAe,MAAM,OAAO,CAAC;AAE9G,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,EAChC,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EAE/B,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,aAAa,CAAC;AACnD,eAAO,MAAM,uBAAuB,KAA6B,CAAC;AAClE,eAAO,MAAM,qBAAqB,gBAAwC,CAAC;AAC3E,eAAO,MAAM,sBAAsB,KAAkD,CAAC;AAEtF,MAAM,MAAM,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IAC/E,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/F,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC9B,CAAC;AAyGF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;CAQrB,CAAC;AAEF,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,GACrB,CAAC"}
+{"version":3,"file":"StackItem.d.ts","sourceRoot":"","sources":["../../../../src/components/StackItem.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,EAAyC,KAAK,qBAAqB,EAAe,MAAM,OAAO,CAAC;AAE9G,OAAO,EAAE,KAAK,eAAe,EAAY,MAAM,gBAAgB,CAAC;AAGhE,OAAO,EAA8B,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpG,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,EAChC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EAE/B,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,uBAAuB,KAA6B,CAAC;AAClE,eAAO,MAAM,qBAAqB,gBAAwC,CAAC;AAC3E,eAAO,MAAM,sBAAsB,KAAkD,CAAC;AAEtF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IAC/E,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC9B,CAAC;AA0GF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CASrB,CAAC;AAEF,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,GACrB,CAAC"}

package/dist/types/src/components/StackItemContent.d.ts

@@ -1,8 +1,41 @@
 import React, { type ComponentPropsWithoutRef } from 'react';
 import { type ThemedClassName } from '@dxos/react-ui';
 export type StackItemContentProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
-    toolbar?: boolean;
+    /**
+     * This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate
+     * (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.
+     */
+    toolbar: boolean;
+    /**
+     * Whether to provide for the layout of a statusbar after the content.
+     */
     statusbar?: boolean;
+    /**
+     * Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for
+     * convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.
+     */
+    size?: 'intrinsic' | 'video' | 'square';
 };
-export declare const StackItemContent: ({ children, toolbar, statusbar, classNames, ...props }: StackItemContentProps) => React.JSX.Element;
+/**
+ * This component should be used by plugins for rendering content within a stack item, a.k.a. a “plank” or “section”.
+ * The `toolbar` flag must be provided since this component provides for the layout of content with the toolbar.
+ */
+export declare const StackItemContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
+    classNames?: import("@dxos/react-ui").ClassNameValue;
+} & {
+    /**
+     * This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate
+     * (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.
+     */
+    toolbar: boolean;
+    /**
+     * Whether to provide for the layout of a statusbar after the content.
+     */
+    statusbar?: boolean;
+    /**
+     * Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for
+     * convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.
+     */
+    size?: "intrinsic" | "video" | "square";
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=StackItemContent.d.ts.map

package/dist/types/src/components/StackItemContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackItemContent.d.ts","sourceRoot":"","sources":["../../../../src/components/StackItemContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,2DAM1B,qBAAqB,sBAwBvB,CAAC"}
+{"version":3,"file":"StackItemContent.d.ts","sourceRoot":"","sources":["../../../../src/components/StackItemContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IACrF;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;CACzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;IApB3B;;;OAGG;aACM,OAAO;IAChB;;OAEG;gBACS,OAAO;IACnB;;;OAGG;WACI,WAAW,GAAG,OAAO,GAAG,QAAQ;wCAkCxC,CAAC"}

package/dist/types/src/components/StackItemDragHandle.d.ts

@@ -0,0 +1,6 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export type StackItemDragHandleProps = ComponentPropsWithoutRef<'button'> & {
+    asChild: boolean;
+};
+export declare const StackItemDragHandle: ({ asChild, children }: StackItemDragHandleProps) => React.JSX.Element;
+//# sourceMappingURL=StackItemDragHandle.d.ts.map

package/dist/types/src/components/StackItemDragHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItemDragHandle.d.ts","sourceRoot":"","sources":["../../../../src/components/StackItemDragHandle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjG,eAAO,MAAM,mBAAmB,0BAA2B,wBAAwB,sBAUlF,CAAC"}

package/dist/types/src/components/StackItemHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackItemHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/StackItemHeading.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAErG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAgB,KAAK,YAAY,EAAE,KAAK,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAKzF,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;AAErF,eAAO,MAAM,gBAAgB,uCAAwC,qBAAqB,sBAoBzF,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;AAE/G,eAAO,MAAM,qBAAqB,oHAejC,CAAC"}
+{"version":3,"file":"StackItemHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/StackItemHeading.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAErG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAgB,KAAK,YAAY,EAAE,KAAK,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAKzF,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;AAErF,eAAO,MAAM,gBAAgB,uCAAwC,qBAAqB,sBAkBzF,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;AAE/G,eAAO,MAAM,qBAAqB,oHAejC,CAAC"}

package/dist/types/src/components/StackItemResizeHandle.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
+export type StackItemResizeHandleProps = {};
 export declare const StackItemResizeHandle: () => React.JSX.Element;
 //# sourceMappingURL=StackItemResizeHandle.d.ts.map

package/dist/types/src/components/StackItemResizeHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackItemResizeHandle.d.ts","sourceRoot":"","sources":["../../../../src/components/StackItemResizeHandle.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAoBvD,eAAO,MAAM,qBAAqB,yBAoEjC,CAAC"}
+{"version":3,"file":"StackItemResizeHandle.d.ts","sourceRoot":"","sources":["../../../../src/components/StackItemResizeHandle.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAoBvD,MAAM,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAE5C,eAAO,MAAM,qBAAqB,yBAmEjC,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Stack';
 export * from './StackItem';
 export * from './LayoutControls';
+export * from './StackContext';
 //# sourceMappingURL=index.d.ts.map