npm - @dxos/react-ui-stack - Versions diffs - 0.8.3 → 0.8.4-main.1f223c7 - Mend

@dxos/react-ui-stack 0.8.3 → 0.8.4-main.1f223c7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (108) hide show

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

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

package/dist/lib/node/meta.json DELETED Viewed

@@ -1 +0,0 @@

- {"inputs":{"packages/ui/react-ui-stack/src/components/defs.ts":{"bytes":1252,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytes":8219,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytes":621,"imports":[{"path":"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytes":3436,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx":{"bytes":18692,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack/index.ts":{"bytes":476,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx":{"bytes":7790,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2270,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx":{"bytes":8055,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":3058,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx":{"bytes":3647,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":1964,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx":{"bytes":18627,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx":{"bytes":34820,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/index.ts":{"bytes":492,"imports":[{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":643,"imports":[{"path":"packages/ui/react-ui-stack/src/components/defs.ts","kind":"import-statement","original":"./defs"},{"path":"packages/ui/react-ui-stack/src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/Card/fragments.ts":{"bytes":3954,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/Card/Card.tsx":{"bytes":21576,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"},{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/Card/CardDragPreview.tsx":{"bytes":2637,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/Card/index.ts":{"bytes":669,"imports":[{"path":"packages/ui/react-ui-stack/src/exemplars/Card/Card.tsx","kind":"import-statement","original":"./Card"},{"path":"packages/ui/react-ui-stack/src/exemplars/Card/CardDragPreview.tsx","kind":"import-statement","original":"./CardDragPreview"},{"path":"packages/ui/react-ui-stack/src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStack.tsx":{"bytes":13656,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"packages/ui/react-ui-stack/src/exemplars/Card/index.ts","kind":"import-statement","original":"../Card"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytes":6320,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/CardStack/index.ts":{"bytes":607,"imports":[{"path":"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStack.tsx","kind":"import-statement","original":"./CardStack"},{"path":"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStackDragPreview.tsx","kind":"import-statement","original":"./CardStackDragPreview"}],"format":"esm"},"packages/ui/react-ui-stack/src/exemplars/index.ts":{"bytes":557,"imports":[{"path":"packages/ui/react-ui-stack/src/exemplars/Card/index.ts","kind":"import-statement","original":"./Card"},{"path":"packages/ui/react-ui-stack/src/exemplars/CardStack/index.ts","kind":"import-statement","original":"./CardStack"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":965,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/exemplars/index.ts","kind":"import-statement","original":"./exemplars"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7195,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":491,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":78935},"packages/ui/react-ui-stack/dist/lib/node/index.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardContent","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardRoot","cardSpacing","cardStackContent","cardStackFooter","cardStackHeading","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx":{"bytesInOutput":4810},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytesInOutput":1986},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytesInOutput":479},"packages/ui/react-ui-stack/src/components/Stack/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx":{"bytesInOutput":8462},"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1582},"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":504},"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":2177},"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":698},"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4743},"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":679},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":494},"packages/ui/react-ui-stack/src/components/StackItem/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/exemplars/Card/Card.tsx":{"bytesInOutput":6044},"packages/ui/react-ui-stack/src/exemplars/Card/fragments.ts":{"bytesInOutput":1061},"packages/ui/react-ui-stack/src/exemplars/Card/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/exemplars/Card/CardDragPreview.tsx":{"bytesInOutput":760},"packages/ui/react-ui-stack/src/exemplars/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStack.tsx":{"bytesInOutput":3997},"packages/ui/react-ui-stack/src/exemplars/CardStack/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":2016}},"bytes":42627},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3683},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1516},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0}},"bytes":1655}}}

package/dist/types/src/exemplars/Card/Card.stories-todo.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- //# sourceMappingURL=Card.stories-todo.d.ts.map

package/dist/types/src/exemplars/Card/Card.stories-todo.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Card.stories-todo.d.ts","sourceRoot":"","sources":["../../../../../src/exemplars/Card/Card.stories-todo.tsx"],"names":[],"mappings":""}

package/dist/types/src/exemplars/CardStack/CardStack.stories-todo.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- //# sourceMappingURL=CardStack.stories-todo.d.ts.map

package/dist/types/src/exemplars/CardStack/CardStack.stories-todo.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"CardStack.stories-todo.d.ts","sourceRoot":"","sources":["../../../../../src/exemplars/CardStack/CardStack.stories-todo.tsx"],"names":[],"mappings":""}

package/dist/types/src/testing/stack-manager.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"stack-manager.d.ts","sourceRoot":"","sources":["../../../../src/testing/stack-manager.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAQ,MAAM,kBAAkB,CAAC;AAEtD,qBAAa,YAAY;IAGX,QAAQ,CAAC,OAAO,EAAE,OAAO;IAFrC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAO;gBAER,OAAO,EAAE,OAAO;IAIrC,QAAQ,IAAI,OAAO;IAInB,KAAK;IAIL,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;CAGvC;AAED,qBAAa,cAAc;IAGb,QAAQ,CAAC,OAAO,EAAE,OAAO;IAFrC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAO;gBAER,OAAO,EAAE,OAAO;IAI/B,EAAE,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAI5B,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAKvB,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAK3B,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,GAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAmB,GAAG,OAAO,CAAC,IAAI,CAAC;CAehG"}

package/src/exemplars/Card/Card.stories-todo.tsx DELETED Viewed

@@ -1,135 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-// import '@dxos-theme';
-//
-// import React from 'react';
-//
-// import { faker } from '@dxos/random';
-// import { Input, ScrollArea } from '@dxos/react-ui';
-// import { modalSurface, mx } from '@dxos/react-ui-theme';
-// import { withTheme } from '@dxos/storybook-utils';
-//
-// import { Card } from './Card';
-//
-// faker.seed(1);
-//
-// // https://unsplash.com
-// // TODO(burdon): Use https://picsum.photos
-// const testImages = [
-//   'https://images.unsplash.com/photo-1616394158624-a2ba9cfe2994',
-//   'https://images.unsplash.com/photo-1507941097613-9f2157b69235',
-//   'https://images.unsplash.com/photo-1431274172761-fca41d930114',
-//   'https://images.unsplash.com/photo-1513635269975-59663e0ac1ad',
-//   'https://images.unsplash.com/photo-1564221710304-0b37c8b9d729',
-//   'https://images.unsplash.com/photo-1605425183435-25b7e99104a4',
-// ];
-//
-// const ReadonlyCardStory = () => {
-//   return (
-//     <div className='flex flex-col overflow-y-scroll'>
-//       <div className='flex flex-col gap-4'>
-//         <Card.Root item={{ id: 'readonly card story 1' }} data-flags='square noPadding'>
-//           <Card.Heading data-flags='floating'>
-//             <Card.DragHandle data-flags='positionLeft' />
-//             <Card.Menu data-flags='positionRight' />
-//           </Card.Heading>
-//           <Card.Media src={testImages[1]} />
-//         </Card.Root>
-//
-//         <Card.Root item={{ id: 'readonly card story 2' }}>
-//           <Card.Heading>
-//             <Card.HeadingLabel title={faker.lorem.sentence(3)} />
-//           </Card.Heading>
-//         </Card.Root>
-//
-//         <Card.Root item={{ id: 'readonly card story 3' }}>
-//           <Card.Content classNames={'text-sm font-thin h-[100px]'}>
-//             <ScrollArea.Root>
-//               <ScrollArea.Viewport>{faker.lorem.sentences(16)}</ScrollArea.Viewport>
-//               <ScrollArea.Scrollbar orientation='vertical'>
-//                 <ScrollArea.Thumb />
-//               </ScrollArea.Scrollbar>
-//             </ScrollArea.Root>
-//           </Card.Content>
-//         </Card.Root>
-//
-//         <Card.Root item={{ id: 'readonly card story 4' }}>
-//           <Card.Heading>
-//             <Card.HeadingLabel data-flags='center' title={faker.lorem.sentence(3)} />
-//           </Card.Heading>
-//           <Card.Content classNames={'text-sm font-thin'}>{faker.lorem.sentences(3)}</Card.Content>
-//         </Card.Root>
-//
-//         <Card.Root item={{ id: 'readonly card story 5' }}>
-//           <Card.Heading>
-//             <Card.DragHandle />
-//             <Card.HeadingLabel title={faker.lorem.sentence(8)} />
-//             {/* TODO(burdon): Menu util. */}
-//             <Card.Menu />
-//           </Card.Heading>
-//           <Card.Content data-flags='gutter' classNames={'gap-2 text-sm font-thin'}>
-//             <p>Content with gutter</p>
-//             <p className='line-clamp-3'>{faker.lorem.sentences(3)}</p>
-//           </Card.Content>
-//         </Card.Root>
-//
-//         <Card.Root item={{ id: 'readonly card story 6' }}>
-//           <Card.Heading>
-//             <Card.DragHandle />
-//             <Card.HeadingLabel title={faker.lorem.sentence(3)} />
-//             <Card.Menu />
-//           </Card.Heading>
-//           <Card.Content data-flags='gutter' classNames={'text-sm gap-2 font-thin'}>
-//             <p className='line-clamp-3'>{faker.lorem.sentences(1)}</p>
-//           </Card.Content>
-//           <Card.Media className={'h-[200px] grayscale'} src={testImages[0]} />
-//           <Card.Content data-flags='gutter' classNames={'text-sm gap-2 font-thin'}>
-//             <p className='line-clamp-3'>{faker.lorem.sentences(3)}</p>
-//           </Card.Content>
-//         </Card.Root>
-//       </div>
-//     </div>
-//   );
-// };
-//
-// const EditableCardStory = () => {
-//   return (
-//     <div className='flex flex-col h-full justify-center'>
-//       <Card.Root item={{ id: 'editable card story 1' }}>
-//         <Card.Heading>
-//           <Card.DragHandle />
-//           <Input.Root>
-//             <Input.TextInput classNames={'-mx-2 px-2'} variant='subdued' placeholder={'Title'} />
-//           </Input.Root>
-//           <Card.Menu />
-//         </Card.Heading>
-//         <Card.Content data-flags='gutter' classNames={'gap-2 text-sm font-thin'}>
-//           {faker.lorem.sentences()}
-//         </Card.Content>
-//       </Card.Root>
-//     </div>
-//   );
-// };
-//
-// export default {
-//   title: 'ui/react-ui-card/Card',
-//   component: Card,
-//   decorators: [
-//     withTheme,
-//     (Story: any) => (
-//       <div className={mx('flex h-screen w-full justify-center overflow-hidden', modalSurface)}>
-//         <div className='flex flex-col w-[360px] overflow-hidden'>
-//           <Story />
-//         </div>
-//       </div>
-//     ),
-//   ],
-//   parameters: {
-//     layout: 'fullscreen',
-//   },
-// };
-//
-// export const ReadOnly = () => <ReadonlyCardStory />;
-// export const Editable = () => <EditableCardStory />;

package/src/exemplars/CardStack/CardStack.stories-todo.tsx DELETED Viewed

@@ -1,80 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-// type CardData = {
-//   id: string;
-//   title: string;
-//   body: string;
-//   image?: string;
-// };
-// const DraggableCard: FC<{ data: CardData; onDelete: (id: string) => void }> = ({ data, onDelete }) => {
-//   const { id, title, body, image } = data;
-//   const { attributes, listeners, setNodeRef, transform } = useSortable({ id });
-//   const t = transform ? Object.assign(transform, { scaleY: 1 }) : null;
-//
-//   return (
-//     <Card.Root ref={setNodeRef} item={data} style={{ transform: CSS.Transform.toString(t) }}>
-//       <Card.Heading>
-//         <Card.DragHandle {...listeners} {...attributes} />
-//         <Card.Title title={title} />
-//         <DropdownMenu.Root>
-//           <DropdownMenu.Trigger asChild>
-//             <Card.Menu />
-//           </DropdownMenu.Trigger>
-//           <DropdownMenu.Content>
-//             <DropdownMenu.Viewport>
-//               <DropdownMenu.Item onClick={() => onDelete(id)}>Delete</DropdownMenu.Item>
-//             </DropdownMenu.Viewport>
-//           </DropdownMenu.Content>
-//         </DropdownMenu.Root>
-//       </Card.Heading>
-//       <Card.Content classNames={'text-sm'} gutter>
-//         <p>{body}</p>
-//       </Card.Content>
-//       {image && <Card.Media src={image} classNames={'h-[160px]'} />}
-//     </Card.Root>
-//   );
-// };
-//
-// const DraggableStory: FC<PropsWithChildren> = ({ children }) => {
-//   const [cards, setCards] = useState<CardData[]>(
-//     Array.from({ length: 7 }).map(() => ({
-//       id: faker.string.uuid(),
-//       title: faker.lorem.sentence(3),
-//       body: faker.lorem.sentences(),
-//       image: faker.datatype.boolean() ? faker.helpers.arrayElement(testImages) : undefined,
-//     })),
-//   );
-//
-//   const handleDelete = (id: string) => {
-//     setCards((cards) => cards.filter((card) => card.id !== id));
-//   };
-//
-//   const handleDragEnd = (event: DragEndEvent) => {
-//     const { active, over } = event;
-//     if (active.id !== over?.id) {
-//       setCards((cards) => {
-//         const oldIndex = cards.findIndex((card) => card.id === active.id);
-//         const newIndex = cards.findIndex((card) => card.id === over?.id);
-//         return arrayMove(cards, oldIndex, newIndex);
-//       });
-//     }
-//   };
-//
-//   return (
-//     <DndContext onDragEnd={handleDragEnd}>
-//       <SortableContext items={cards.map(({ id }) => id)} strategy={verticalListSortingStrategy}>
-//         <div className='flex flex-col overflow-y-scroll'>
-//           <div className='flex flex-col gap-4'>
-//             {cards.map((card) => (
-//               <DraggableCard key={card.id} data={card} onDelete={handleDelete} />
-//             ))}
-//           </div>
-//         </div>
-//       </SortableContext>
-//     </DndContext>
-//   );
-// };
-// export const Draggable = () => <DraggableStory />;

package/src/playwright/playwright.config.cts DELETED Viewed

@@ -1,18 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-import { nxE2EPreset } from '@nx/playwright/preset';
-import { defineConfig } from '@playwright/test';
-import { e2ePreset } from '@dxos/test-utils/playwright';
-export default defineConfig({
-  ...nxE2EPreset(__filename, { testDir: __dirname }),
-  ...e2ePreset(__dirname),
-  webServer: {
-    command: 'pnpm -w nx storybook-e2e stories',
-    port: 9009,
-    reuseExistingServer: !process.env.CI,
-  },
-});

/package/dist/types/src/{testing → playwright}/stack-manager.d.ts RENAMED Viewed

File without changes

/package/src/{testing → playwright}/stack-manager.ts RENAMED Viewed

File without changes