npm - @dxos/react-ui-stack - Versions diffs - 0.8.4-main.ead640a → 0.8.4-main.ef1bc66f44 - Mend

@dxos/react-ui-stack 0.8.4-main.ead640a → 0.8.4-main.ef1bc66f44

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/browser/index.mjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
+  "sources": ["../../../src/components/CardStack/CardStack.tsx", "../../../src/components/Stack/Stack.tsx", "../../../src/hooks/useStackDropForElements.ts", "../../../src/components/StackContext.tsx", "../../../src/components/CardStack/CardStackDragPreview.tsx", "../../../src/translations.ts", "../../../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"],
+  "sourcesContent": ["//\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 { Card } from '@dxos/react-ui-mosaic';\nimport { cardDefaultInlineSize, mx } from '@dxos/ui-theme';\n\nimport { Stack, type StackProps, railGridHorizontalContainFitContent } from '../Stack';\n\n/**\n * This is `cardDefaultInlineSize` plus 2 times the sum of the inner and outer spacing applied by CardStack on the inline axis.\n */\nconst cardStackDefaultInlineSizeRem = cardDefaultInlineSize + 2.125;\n\n//\n// Root\n//\n\nconst cardStackRoot = 'flex flex-col';\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\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\n//\n// Content\n// TODO(burdon): Rename Viewport (should be the component that scrolls).\n//\n\nconst cardStackContent = 'shrink min-bs-0 grid dx-focus-ring-group-x-indicator bg-baseSurface';\n\ntype CardStackContentProps = SharedCardStackProps & {\n  footer?: boolean;\n};\n\nconst CardStackContent = forwardRef<HTMLDivElement, CardStackContentProps>(\n  ({ children, classNames, asChild, role = 'none', footer, ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'div';\n    const baseClassNames = footer ? [cardStackContent, railGridHorizontalContainFitContent] : [cardStackContent];\n    const rootProps = asChild\n      ? { classNames: [...baseClassNames, classNames] }\n      : { className: mx(...baseClassNames, classNames), role };\n\n    return (\n      <Root {...props} {...rootProps} data-scroll-separator='false' ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\n//\n// Stack\n// TODO(burdon): Rename Content.\n//\n\ntype SharedCardStackProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n  asChild?: boolean;\n};\n\nconst CardStackStack = forwardRef<\n  HTMLDivElement,\n  Omit<StackProps, 'orientation' | 'size' | 'rail' | 'separatorOnScroll'>\n>(({ children, classNames, itemsCount = 0, ...props }, forwardedRef) => {\n  // NOTE: Should not have horizontal padding since separatorOnScroll should be full width.\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-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\n//\n// Item\n//\n\nconst cardStackItem = 'contain-layout pli-2 plb-1 first-of-type:pbs-0 last-of-type:pbe-0';\n\nconst CardStackItem = forwardRef<HTMLDivElement, SharedCardStackProps>(\n  ({ children, classNames, asChild, role = 'none', ...props }, forwardedRef) => {\n    const Root = asChild ? Slot : 'div';\n    const rootProps = asChild\n      ? { classNames: [cardStackItem, classNames] }\n      : { className: mx(cardStackItem, classNames), role };\n\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\n//\n// Heading\n//\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\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\n//\n// Footer\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\n    return (\n      <Root {...props} {...rootProps} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\n//\n// DragHandle\n//\n\nconst CardStackDragHandle = Card.DragHandle;\n\n//\n// CardStack\n//\n\n/**\n * @deprecated Replace with Mosaic.Stack.\n */\nexport const CardStack = {\n  Root: CardStackRoot,\n  Content: CardStackContent,\n  Stack: CardStackStack,\n  Heading: CardStackHeading,\n  Footer: CardStackFooter,\n  DragHandle: CardStackDragHandle,\n  Item: CardStackItem,\n};\n\nexport {\n  cardStackRoot,\n  cardStackFooter,\n  cardStackHeading,\n  cardStackContent,\n  cardStackItem,\n  cardStackDefaultInlineSizeRem,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, {\n  type CSSProperties,\n  Children,\n  type ComponentPropsWithRef,\n  type FocusEvent,\n  type KeyboardEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { ListItem, type ThemedClassName, useId } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useStackDropForElements } from '../../hooks';\nimport { StackContext } from '../StackContext';\nimport { type StackContextValue } from '../types';\n\nexport type Orientation = 'horizontal' | 'vertical';\n\n/**\n * Size is how Stack and its StackItems coordinate the dimensions of the items with the available space.\n * - `intrinsic` signals to Stack and its StackItems to occupy their intrinsic size\n * - Any other size will extrinsically fill the available space along the axis of its orientation and handle overflow:\n *   - `contain` causes StackItems to occupy their intrinsic size\n *   - `split` divides the Stack’s available space among the StackItems\n */\nexport type Size = 'intrinsic' | 'contain' | 'split';\n\nexport const railGridHorizontal = 'grid-rows-[[rail-start]_var(--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.\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\nconst PERPENDICULAR_FOCUS_THRESHHOLD = 128;\n\nconst scrollIntoViewAndFocus = (el: HTMLElement, orientation: StackProps['orientation']) => {\n  el.scrollIntoView({\n    behavior: 'instant',\n    [orientation === 'vertical' ? 'block' : 'inline']: 'center',\n  });\n  return el.focus();\n};\n\nexport type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> &\n  Partial<StackContextValue> & {\n    itemsCount?: number;\n    getDropElement?: (stackElement: HTMLDivElement) => HTMLDivElement;\n    separatorOnScroll?: number;\n    circularFocus?: boolean;\n  };\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      children,\n      classNames,\n      style,\n      orientation = 'vertical',\n      rail = true, // TODO(burdon): Change default to false.\n      size = 'intrinsic',\n      onRearrange,\n      itemsCount = Children.count(children),\n      getDropElement,\n      separatorOnScroll,\n      circularFocus,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const stackId = useId('stack', props.id);\n    const [stackElement, stackRef] = useState<HTMLDivElement | null>(null);\n    const [lastFocusedItem, setLastFocusedItem] = useState<string>();\n    const composedItemRef = composeRefs<HTMLDivElement>(stackRef, forwardedRef);\n\n    const styles: CSSProperties = {\n      [orientation === 'horizontal' ? 'gridTemplateColumns' : 'gridTemplateRows']:\n        size === 'split' ? `repeat(${itemsCount}, 1fr)` : `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    /**\n     * Handles blur events to track the last focused item within this stack.\n     */\n    const handleBlur = useCallback(\n      (event: FocusEvent<HTMLDivElement>) => {\n        if (event.target) {\n          const target = event.target as HTMLElement;\n          const closestStackItem = target.closest(`[data-dx-item-id]`) as HTMLElement | null;\n          if (closestStackItem?.closest(`[data-dx-stack=\"${stackId}\"]`)) {\n            setLastFocusedItem(closestStackItem?.getAttribute('data-dx-item-id') ?? undefined);\n          }\n        }\n        props.onBlur?.(event);\n      },\n      [stackId, props.onBlur],\n    );\n\n    /**\n     * Handles moving focus using the arrow keys. Focus is only handled by the nearest stack;\n     * if the arrow key matches the orientation, focus cycles between items, otherwise focus is passed to an adjacent stack item;\n     * or, if there is no such stack item, focus is passed to the adjacent empty stack if one can be found.\n     */\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        const target = event.target as HTMLElement;\n        if (\n          event.key.startsWith('Arrow') &&\n          !target.closest(\n            `input, textarea, [role=\"textbox\"], [data-tabster*=\"mover\"], [data-arrow-keys=\"all\"], [data-arrow-keys~=\"${event.key.toLowerCase().slice(5)}\"]`,\n          )\n        ) {\n          const closestOwnedItem = target.closest(`[data-dx-stack-item=\"${stackId}\"]`);\n          const closestStack = target.closest('[data-dx-stack]') as HTMLElement | null;\n          const closestStackItems = Array.from(\n            closestStack?.querySelectorAll(`[data-dx-stack-item=\"${stackId}\"]`) ?? [],\n          );\n          const closestStackOrientation = closestStack?.getAttribute('aria-orientation') as Orientation;\n          const ancestorStack = closestStack?.parentElement?.closest('[data-dx-stack]') as HTMLElement | null;\n          if (closestOwnedItem && closestStack) {\n            const ancestorOrientation = ancestorStack?.getAttribute('aria-orientation') as Orientation | undefined;\n            const parallelDelta = (\n              closestStackOrientation === 'vertical' ? event.key === 'ArrowUp' : event.key === 'ArrowLeft'\n            )\n              ? -1\n              : (closestStackOrientation === 'vertical' ? event.key === 'ArrowDown' : event.key === 'ArrowRight')\n                ? 1\n                : 0;\n            const perpendicularDelta = (\n              closestStackOrientation === 'vertical' ? event.key === 'ArrowLeft' : event.key === 'ArrowUp'\n            )\n              ? -1\n              : (closestStackOrientation === 'vertical' ? event.key === 'ArrowRight' : event.key === 'ArrowDown')\n                ? 1\n                : 0;\n            if (parallelDelta !== 0) {\n              const currentIndex = closestStackItems.indexOf(closestOwnedItem);\n              const nextIndex = currentIndex + parallelDelta;\n              let adjacentItem: HTMLElement | undefined;\n\n              if (circularFocus) {\n                // Circular navigation: wrap around using modulo.\n                adjacentItem = closestStackItems[(nextIndex + closestStackItems.length) % closestStackItems.length] as\n                  | HTMLElement\n                  | undefined;\n              } else {\n                // Non-circular navigation: only move if within bounds.\n                if (nextIndex >= 0 && nextIndex < closestStackItems.length) {\n                  adjacentItem = closestStackItems[nextIndex] as HTMLElement | undefined;\n                }\n              }\n\n              if (adjacentItem) {\n                event.preventDefault();\n                scrollIntoViewAndFocus(adjacentItem, closestStackOrientation);\n              }\n            }\n\n            if (perpendicularDelta !== 0) {\n              if (ancestorStack && ancestorOrientation !== closestStackOrientation) {\n                const siblingStacks = Array.from(\n                  ancestorStack.querySelectorAll(\n                    `[data-dx-stack-item=\"${ancestorStack.getAttribute('data-dx-stack')}\"] [data-dx-stack]`,\n                  ),\n                ) as HTMLElement[];\n                const currentStackIndex = siblingStacks.indexOf(closestStack);\n                const nextStackIndex = currentStackIndex + perpendicularDelta;\n                let adjacentStack: HTMLElement | undefined;\n\n                if (ancestorStack.getAttribute('data-dx-stack-circular-focus') === 'true') {\n                  // Circular navigation: wrap around using modulo.\n                  adjacentStack = siblingStacks[(nextStackIndex + siblingStacks.length) % siblingStacks.length] as\n                    | HTMLElement\n                    | undefined;\n                } else {\n                  // Non-circular navigation: only move if within bounds.\n                  if (nextStackIndex >= 0 && nextStackIndex < siblingStacks.length) {\n                    adjacentStack = siblingStacks[nextStackIndex] as HTMLElement | undefined;\n                  }\n                }\n                const adjacentStackSelfItem = adjacentStack?.closest(\n                  `[data-dx-stack-item=${ancestorStack.getAttribute('data-dx-stack')}]`,\n                ) as HTMLElement | undefined;\n                const adjacentStackItems = adjacentStack\n                  ? (Array.from(\n                      adjacentStack.querySelectorAll(\n                        `[data-dx-stack-item=\"${adjacentStack.getAttribute('data-dx-stack')}\"]`,\n                      ),\n                    ) as HTMLElement[])\n                  : [];\n                if (adjacentStack && adjacentStackItems.length > 0) {\n                  // Check if the adjacent stack has a last focused item recorded, otherwise find the closest item by position.\n                  let closestItem = adjacentStackItems[0];\n                  // Try to find an item with matching data-dx-stack-item value.\n                  const lastFocusedItem = adjacentStack.querySelector(\n                    `[data-dx-item-id=\"${adjacentStack.getAttribute('data-dx-last-focused-item') ?? 'never'}\"]`,\n                  );\n                  if (lastFocusedItem) {\n                    closestItem = lastFocusedItem as HTMLElement;\n                  } else {\n                    // Fall back to positional calculation\n                    const ownedItemRect = closestOwnedItem.getBoundingClientRect();\n                    const targetPosition =\n                      closestStackOrientation === 'vertical' ? ownedItemRect.top : ownedItemRect.left;\n\n                    let closestDistance = Infinity;\n                    for (const item of adjacentStackItems) {\n                      const itemRect = item.getBoundingClientRect();\n                      const itemPosition = closestStackOrientation === 'vertical' ? itemRect.top : itemRect.left;\n                      const distance = Math.abs(itemPosition - targetPosition);\n                      if (distance < closestDistance) {\n                        closestDistance = distance;\n                        closestItem = item;\n                      }\n                      if (closestDistance <= PERPENDICULAR_FOCUS_THRESHHOLD) {\n                        break;\n                      }\n                    }\n                  }\n\n                  event.preventDefault();\n                  scrollIntoViewAndFocus(closestItem, closestStackOrientation);\n                } else if (adjacentStackSelfItem) {\n                  event.preventDefault();\n                  scrollIntoViewAndFocus(adjacentStackSelfItem, ancestorOrientation);\n                }\n              } else if (closestOwnedItem) {\n                const closestOwnedItemStack = closestOwnedItem.querySelector('[data-dx-stack]');\n                const closestOwnedItemStackItems = closestOwnedItemStack\n                  ? (Array.from(\n                      closestOwnedItemStack.querySelectorAll(\n                        `[data-dx-stack-item=\"${closestOwnedItemStack.getAttribute('data-dx-stack')}\"]`,\n                      ),\n                    ) as HTMLElement[])\n                  : [];\n                if (closestOwnedItemStackItems.length > 0) {\n                  event.preventDefault();\n                  scrollIntoViewAndFocus(\n                    closestOwnedItemStackItems[\n                      ['ArrowUp', 'ArrowLeft'].includes(event.key) ? closestOwnedItemStackItems.length - 1 : 0\n                    ],\n                    closestOwnedItemStack?.getAttribute('aria-orientation') as Orientation,\n                  );\n                }\n              }\n            }\n          }\n        }\n        props.onKeyDown?.(event);\n      },\n      [props.onKeyDown, stackId, circularFocus],\n    );\n\n    const gridClasses = useMemo(() => {\n      if (!rail) {\n        return orientation === 'horizontal' ? 'grid-rows-1 pli-[--stack-gap]' : 'grid-cols-1 plb-[--stack-gap]';\n      }\n\n      if (orientation === 'horizontal') {\n        return railGridHorizontal;\n      } else {\n        return 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, stackId }}>\n        <div\n          {...props}\n          className={mx(\n            'grid relative [--stack-gap:var(--dx-trimXs)]',\n            gridClasses,\n            size === 'contain' &&\n              (orientation === 'horizontal'\n                ? 'overflow-x-auto overscroll-x-contain min-bs-0 max-bs-full bs-full'\n                : 'overflow-y-auto min-is-0 max-is-full is-full'),\n            classNames,\n          )}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          data-dx-stack={stackId}\n          data-dx-stack-circular-focus={circularFocus}\n          data-dx-last-focused-item={lastFocusedItem}\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 Orientation, type StackItemData, type StackItemRearrangeHandler } from '../components';\n\nconst noop = () => {};\n\nexport type UseStackDropForElementsProps = {\n  id?: string;\n  element: HTMLDivElement | null;\n  scrollElement?: HTMLDivElement | null;\n  orientation: Orientation;\n  selfDroppable: boolean;\n  onRearrange?: StackItemRearrangeHandler;\n};\n\nexport type UseStackDropForElements = {\n  dropping: boolean;\n};\n\n/**\n * Hook to handle drag-and-drop functionality for Stack components.\n */\nexport const useStackDropForElements = ({\n  id,\n  element,\n  scrollElement = element,\n  orientation,\n  selfDroppable,\n  onRearrange,\n}: UseStackDropForElementsProps): UseStackDropForElements => {\n  const [dropping, setDropping] = useState(false);\n\n  useLayoutEffect(() => {\n    if (!element) {\n      return;\n    }\n\n    const acceptSourceType = orientation === 'horizontal' ? 'column' : 'card';\n\n    // TODO(burdon): Use monitor?\n    return combine(\n      selfDroppable\n        ? dropTargetForElements({\n            element,\n            getData: ({ input, element }) => {\n              return attachClosestEdge(\n                { id, type: orientation === 'horizontal' ? 'card' : 'column' },\n                { input, element, allowedEdges: [orientation === 'horizontal' ? 'left' : 'top'] },\n              );\n            },\n            onDragEnter: ({ source }) => {\n              if (source.data.type === acceptSourceType) {\n                setDropping(true);\n              }\n            },\n            onDrag: ({ source }) => {\n              if (source.data.type === acceptSourceType) {\n                setDropping(true);\n              }\n            },\n            onDragLeave: () => {\n              return setDropping(false);\n            },\n            onDrop: ({ self, source }) => {\n              setDropping(false);\n              if (source.data.type === acceptSourceType && selfDroppable && onRearrange) {\n                onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n              }\n            },\n          })\n        : noop,\n\n      scrollElement\n        ? autoScrollForElements({\n            element: scrollElement,\n            getAllowedAxis: () => orientation,\n          })\n        : noop,\n    );\n  }, [id, element, scrollElement, selfDroppable, orientation, onRearrange]);\n\n  return { dropping };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type Orientation, type Size } from './Stack';\nimport { type StackItemRearrangeHandler, type StackItemSize } from './types';\n\nexport type StackContextValue = {\n  orientation: Orientation;\n  rail: boolean;\n  size: Size;\n  onRearrange?: StackItemRearrangeHandler;\n  stackId?: string;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n  orientation: 'vertical',\n  rail: true,\n  size: 'intrinsic',\n});\n\nexport const useStack = () => useContext(StackContext);\n\nexport type ItemDragState =\n  | {\n      type: 'idle';\n    }\n  | {\n      type: 'preview';\n      container: HTMLElement;\n      item: any;\n    }\n  | {\n      type: 'is-dragging';\n      item: any;\n    };\n\nexport const idle: ItemDragState = { type: 'idle' };\n\nexport type StackItemContextValue = {\n  selfDragHandleRef: (element: HTMLDivElement | null) => void;\n  size: StackItemSize;\n  setSize: (nextSize: StackItemSize, commit?: boolean) => void;\n  state: ItemDragState;\n  setState: (state: ItemDragState) => void;\n  role?: string;\n};\n\nexport const StackItemContext = createContext<StackItemContextValue>({\n  selfDragHandleRef: () => {},\n  size: 'min-content',\n  setSize: () => {},\n  state: idle,\n  setState: () => {},\n});\n\nexport const useStackItem = () => useContext(StackItemContext);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type PropsWithChildren } from 'react';\n\nimport { IconButton, ScrollArea, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { translationKey } from '../../translations';\nimport { type StackProps } from '../Stack';\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    <ScrollArea.Root orientation='vertical'>\n      <ScrollArea.Viewport classNames={mx('pli-2 plb-1 gap-2', itemsCount > 0 ? 'plb-2' : 'plb-1')}>\n        {children}\n      </ScrollArea.Viewport>\n    </ScrollArea.Root>\n  );\n};\n\nconst CardStackDragPreviewFooter = ({ children }: PropsWithChildren<{}>) => {\n  return <div className='p-2 border-bs border-separator'>{children}</div>;\n};\n\n/**\n * @deprecated\n */\nexport const CardStackDragPreview = {\n  Root: CardStackDragPreviewRoot,\n  Heading: CardStackDragPreviewHeading,\n  Content: CardStackDragPreviewContent,\n  Footer: CardStackDragPreviewFooter,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui-stack';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {\n        'resize label': 'Drag to resize',\n        'drag handle label': 'Drag to rearrange',\n        'pin start label': 'Pin to the left sidebar',\n        'pin end label': 'Pin to the right sidebar',\n        'increment start label': 'Move to the left',\n        'increment end label': 'Move to the right',\n        'close label': 'Close',\n        'minify label': 'Minify',\n      },\n    },\n  },\n] as const satisfies Resource[];\n", "//\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  type Edge,\n  attachClosestEdge,\n  extractClosestEdge,\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  type ComponentPropsWithRef,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { ListItem, type ThemedClassName } from '@dxos/react-ui';\nimport { resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/ui-theme';\n\nimport { type ItemDragState, StackItemContext, idle, useStack, useStackItem } from '../StackContext';\nimport { type StackItemData, type StackItemSize } from '../types';\n\nimport { StackItemContent, type StackItemContentProps } from './StackItemContent';\nimport { StackItemDragHandle, type StackItemDragHandleProps } from './StackItemDragHandle';\nimport {\n  StackItemHeading,\n  StackItemHeadingLabel,\n  type StackItemHeadingLabelProps,\n  type StackItemHeadingProps,\n  StackItemHeadingStickyContent,\n} from './StackItemHeading';\nimport { StackItemResizeHandle, type StackItemResizeHandleProps } from './StackItemResizeHandle';\nimport {\n  StackItemSigil,\n  type StackItemSigilAction,\n  StackItemSigilButton,\n  type StackItemSigilButtonProps,\n  type StackItemSigilProps,\n} from './StackItemSigil';\n\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\n//\n// StackItemRoot\n//\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' | 'over-all-always' | 'group-always';\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 composedItemRef = composeRefs<HTMLDivElement>(itemRef, forwardedRef);\n    const [selfDragHandleElement, selfDragHandleRef] = useState<HTMLDivElement | null>(null);\n    const [closestEdge, setEdge] = useState<Edge | null>(null);\n    const [sourceId, setSourceId] = useState<string | null>(null);\n    const [dragState, setDragState] = useState<ItemDragState>(idle);\n    const { orientation, rail, onRearrange, size: stackSize, stackId } = useStack();\n    const [size = orientation === 'horizontal' ? DEFAULT_HORIZONTAL_SIZE : DEFAULT_VERTICAL_SIZE, setInternalSize] =\n      useState(propsSize);\n\n    const Root = role ?? 'div';\n\n    const setSize = useCallback(\n      (nextSize: StackItemSize, commit?: boolean) => {\n        setInternalSize(nextSize);\n        if (commit) {\n          onSizeChange?.(nextSize);\n        }\n      },\n      [onSizeChange],\n    );\n\n    const type = orientation === 'horizontal' ? 'column' : 'card';\n\n    // TODO(burdon): Factor out?\n    useLayoutEffect(() => {\n      if (!itemElement || !onRearrange || disableRearrange) {\n        return;\n      }\n\n      return combine(\n        draggable({\n          element: itemElement,\n          ...(selfDragHandleElement && { dragHandle: selfDragHandleElement }),\n          getInitialData: () => ({ id: item.id, type }),\n          onGenerateDragPreview: ({ nativeSetDragImage, source, location }) => {\n            document.body.setAttribute('data-drag-preview', 'true');\n            const offsetFn = preserveOffsetOnSource({ element: source.element, input: location.current.input });\n            const rect = source.element.getBoundingClientRect();\n            setCustomNativeDragPreview({\n              nativeSetDragImage,\n              getOffset: ({ container }) => {\n                return offsetFn({ container });\n              },\n              render: ({ container }) => {\n                container.style.width = rect.width + 'px';\n                setDragState({ type: 'preview', container, item });\n                return () => {};\n              },\n            });\n          },\n          onDragStart: () => {\n            document.body.removeAttribute('data-drag-preview');\n            itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'active');\n            setDragState({ type: 'is-dragging', item });\n          },\n          onDrop: () => {\n            itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'idle');\n            setDragState(idle);\n          },\n        }),\n        dropTargetForElements({\n          element: itemElement,\n          getData: ({ input, element }) => {\n            return attachClosestEdge(\n              { id: item.id, type },\n              { input, element, allowedEdges: orientation === 'horizontal' ? ['left', 'right'] : ['top', 'bottom'] },\n            );\n          },\n          onDragEnter: ({ self, source }) => {\n            if (source.data.type === self.data.type) {\n              setEdge(extractClosestEdge(self.data));\n              setSourceId(source.data.id as string);\n            }\n          },\n          onDrag: ({ self, source }) => {\n            if (source.data.type === self.data.type) {\n              setEdge(extractClosestEdge(self.data));\n              setSourceId(source.data.id as string);\n            }\n          },\n          onDragLeave: () => {\n            setEdge(null);\n            setSourceId(null);\n          },\n          onDrop: ({ self, source }) => {\n            setEdge(null);\n            setSourceId(null);\n            if (source.data.type === self.data.type) {\n              onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n            }\n          },\n        }),\n      );\n    }, [orientation, item, onRearrange, selfDragHandleElement, itemElement]);\n\n    const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n    // Determine if the drop would result in any changes.\n    const shouldShowDropIndicator = () => {\n      if (!closestEdge || !sourceId) {\n        return false;\n      }\n\n      // Don't show indicator when dragged item is over itself.\n      if (sourceId === item.id) {\n        return false;\n      }\n\n      // Don't show indicator when dragged item is over the trailing edge of its previous sibling.\n      const isTrailingEdgeOfPrevSibling =\n        prevSiblingId !== undefined &&\n        sourceId === prevSiblingId &&\n        ((orientation === 'horizontal' && closestEdge === 'left') ||\n          (orientation === 'vertical' && closestEdge === 'top'));\n      if (isTrailingEdgeOfPrevSibling) {\n        return false;\n      }\n\n      // Don't show indicator when dragged item is over the leading edge of its next sibling\n      const isLeadingEdgeOfNextSibling =\n        nextSiblingId !== undefined &&\n        sourceId === nextSiblingId &&\n        ((orientation === 'horizontal' && closestEdge === 'right') ||\n          (orientation === 'vertical' && closestEdge === 'bottom'));\n      if (isLeadingEdgeOfNextSibling) {\n        return false;\n      }\n\n      return true;\n    };\n\n    const stackItemContextValue = useMemo(\n      () => ({ selfDragHandleRef, size, setSize, state: dragState, setState: setDragState, role }),\n      [selfDragHandleRef, size, setSize, dragState, setDragState, role],\n    );\n\n    return (\n      <StackItemContext.Provider value={stackItemContextValue}>\n        <Root\n          {...props}\n          tabIndex={0}\n          {...focusableGroupAttrs}\n          className={mx(\n            'group/stack-item grid relative',\n            focusIndicatorVariant === 'over-all'\n              ? 'dx-focus-ring-inset-over-all'\n              : focusIndicatorVariant === 'over-all-always'\n                ? 'dx-focus-ring-inset-over-all-always'\n                : orientation === 'horizontal'\n                  ? focusIndicatorVariant === 'group-always'\n                    ? 'dx-focus-ring-group-x-always'\n                    : 'dx-focus-ring-group-x'\n                  : focusIndicatorVariant === 'group-always'\n                    ? 'dx-focus-ring-group-y-always'\n                    : 'dx-focus-ring-group-y',\n            orientation === 'horizontal' ? 'grid-rows-subgrid' : 'grid-cols-subgrid',\n            rail && (orientation === 'horizontal' ? 'row-span-2' : 'col-span-2'),\n            role === 'section' && orientation !== 'horizontal' && 'border-be border-subduedSeparator',\n            classNames,\n          )}\n          data-dx-stack-item={stackId}\n          data-dx-item-id={item.id}\n          {...resizeAttributes}\n          style={{\n            ...(stackSize !== 'split' && sizeStyle(size, orientation)),\n            ...(Number.isFinite(order) && {\n              [orientation === 'horizontal' ? 'gridColumn' : 'gridRow']: `${order}`,\n            }),\n            ...style,\n          }}\n          ref={composedItemRef}\n        >\n          {children}\n          {shouldShowDropIndicator() && closestEdge && (\n            <ListItem.DropIndicator lineInset={8} terminalInset={-8} edge={closestEdge} />\n          )}\n        </Root>\n      </StackItemContext.Provider>\n    );\n  },\n);\n\n//\n// StackItemDragPreview\n//\n\ntype StackItemDragPreviewProps = {\n  children: ({ item }: { item: any }) => ReactNode;\n};\n\nconst StackItemDragPreview = ({ children }: StackItemDragPreviewProps) => {\n  const { state } = useStackItem();\n  return state?.type === 'preview' ? createPortal(children({ item: state.item }), state.container) : null;\n};\n\n//\n// StackItem\n//\n\nexport const StackItem = {\n  Root: StackItemRoot,\n  Content: StackItemContent,\n  DragHandle: StackItemDragHandle,\n  DragPreview: StackItemDragPreview,\n  Heading: StackItemHeading,\n  HeadingLabel: StackItemHeadingLabel,\n  HeadingStickyContent: StackItemHeadingStickyContent,\n  ResizeHandle: StackItemResizeHandle,\n  Sigil: StackItemSigil,\n  SigilButton: StackItemSigilButton,\n};\n\nexport type {\n  StackItemRootProps,\n  StackItemContentProps,\n  StackItemDragHandleProps,\n  StackItemDragPreviewProps,\n  StackItemHeadingProps,\n  StackItemHeadingLabelProps,\n  StackItemResizeHandleProps,\n  StackItemSigilProps,\n  StackItemSigilButtonProps,\n  StackItemSigilAction,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef, forwardRef, useMemo } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useStack, useStackItem } from '../StackContext';\n\nexport type StackItemContentProps = ThemedClassName<Omit<ComponentPropsWithoutRef<'div'>, 'role' | 'scrollable'>> & {\n  toolbar?: boolean;\n  statusbar?: boolean;\n};\n\n/**\n * This component should be used by plugins for rendering content within a stack item (i.e., a “plank” or “section”).\n */\nexport const StackItemContent = forwardRef<HTMLDivElement, StackItemContentProps>(\n  ({ classNames, children, toolbar, statusbar, ...props }, forwardedRef) => {\n    const { size: stackItemSize } = useStack();\n    const { role } = useStackItem();\n    const style = useMemo(\n      () => ({\n        gridTemplateRows: [\n          toolbar && role === 'section' ? 'calc(var(--toolbar-size) - 1px)' : 'var(--toolbar-size)',\n          '1fr',\n          statusbar && 'var(--statusbar-size)',\n        ]\n          .filter(Boolean)\n          .join(' '),\n      }),\n      [toolbar, statusbar],\n    );\n\n    return (\n      <div\n        {...props}\n        role='none'\n        style={style}\n        className={mx(\n          'group grid grid-cols-[100%] density-coarse',\n          stackItemSize === 'contain' && 'min-bs-0 overflow-hidden',\n          toolbar &&\n            role === 'section' &&\n            '[&_.dx-toolbar]:sticky [&_.dx-toolbar]:z-[1] [&_.dx-toolbar]:block-start-0 [&_.dx-toolbar]:-mbe-px [&_.dx-toolbar]:min-is-0',\n          toolbar && '[&>.dx-toolbar]:relative [&>.dx-toolbar]:border-be [&>.dx-toolbar]:border-subduedSeparator',\n          classNames,\n        )}\n        data-popover-collision-boundary={true}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nStackItemContent.displayName = 'StackItemContent';\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { 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 { Slot } from '@radix-ui/react-slot';\nimport React, {\n  type ComponentPropsWithRef,\n  type ComponentPropsWithoutRef,\n  type PropsWithChildren,\n  forwardRef,\n} from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { type AttendableId, type Related, useAttention } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useStack } from '../StackContext';\n\nexport type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n  asChild?: boolean;\n  separateOnScroll?: boolean;\n};\n\nexport const StackItemHeading = ({\n  children,\n  classNames,\n  asChild,\n  separateOnScroll,\n  ...props\n}: StackItemHeadingProps) => {\n  const { orientation } = useStack();\n\n  const Root = asChild ? Slot : 'div';\n\n  return (\n    <Root\n      role='heading'\n      {...props}\n      className={mx(\n        'flex items-center !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 { useStack, useStackItem } from '../StackContext';\n\nimport { DEFAULT_EXTRINSIC_SIZE } from './StackItem';\n\nconst MIN_WIDTH = 20;\nconst MIN_HEIGHT = 3;\n\nexport type StackItemResizeHandleProps = {};\n\nexport const StackItemResizeHandle = () => {\n  const { orientation } = useStack();\n  const { setSize, size } = useStackItem();\n\n  return (\n    <ResizeHandle\n      side={orientation === 'horizontal' ? 'inline-end' : 'block-end'}\n      fallbackSize={DEFAULT_EXTRINSIC_SIZE}\n      minSize={orientation === 'horizontal' ? MIN_WIDTH : MIN_HEIGHT}\n      size={size}\n      onSizeChange={setSize}\n    />\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, type PropsWithChildren, forwardRef, useState } from 'react';\n\nimport { type Node } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { Button, type ButtonProps, DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { type AttendableId, type Related, useAttention } from '@dxos/react-ui-attention';\nimport { descriptionText, mx } from '@dxos/ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { translationKey } from '../../translations';\n\nimport { MenuSignifierHorizontal } from './MenuSignifier';\n\nexport type KeyBinding = {\n  windows?: string;\n  macos?: string;\n  ios?: string;\n  linux?: string;\n  unknown?: string;\n};\n\nexport type StackItemSigilAction = Pick<Node.ActionLike, 'id' | 'properties' | 'data'>;\n\nexport type StackItemSigilButtonProps = Omit<ButtonProps, 'variant'> &\n  AttendableId &\n  Related & {\n    isMenu?: boolean;\n  };\n\nexport const StackItemSigilButton = forwardRef<HTMLButtonElement, StackItemSigilButtonProps>(\n  ({ attendableId, classNames, related, isMenu = true, children, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n    const variant = (related && isRelated) || hasAttention || isAncestor ? 'primary' : 'ghost';\n    // TODO(wittjosiah): Disable hover styles when isMenu is false.\n    return (\n      <Button\n        {...props}\n        variant={variant}\n        classNames={['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"],
+  "mappings": "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",
+  "names": ["Slot", "React", "forwardRef", "Card", "cardDefaultInlineSize", "mx", "composeRefs", "React", "Children", "forwardRef", "useCallback", "useEffect", "useMemo", "useState", "ListItem", "useId", "mx", "combine", "dropTargetForElements", "autoScrollForElements", "attachClosestEdge", "extractClosestEdge", "useLayoutEffect", "useState", "noop", "useStackDropForElements", "id", "element", "scrollElement", "orientation", "selfDroppable", "onRearrange", "dropping", "setDropping", "useState", "useLayoutEffect", "acceptSourceType", "combine", "dropTargetForElements", "getData", "input", "attachClosestEdge", "type", "allowedEdges", "onDragEnter", "source", "data", "onDrag", "onDragLeave", "onDrop", "self", "extractClosestEdge", "autoScrollForElements", "getAllowedAxis", "createContext", "useContext", "StackContext", "createContext", "orientation", "rail", "size", "useStack", "useContext", "idle", "type", "StackItemContext", "selfDragHandleRef", "setSize", "state", "setState", "useStackItem", "railGridHorizontal", "railGridVertical", "railGridHorizontalContainFitContent", "railGridVerticalContainFitContent", "autoScrollRootAttributes", "PERPENDICULAR_FOCUS_THRESHHOLD", "scrollIntoViewAndFocus", "el", "orientation", "scrollIntoView", "behavior", "focus", "Stack", "forwardRef", "children", "classNames", "style", "rail", "size", "onRearrange", "itemsCount", "Children", "count", "getDropElement", "separatorOnScroll", "circularFocus", "props", "forwardedRef", "stackId", "useId", "id", "stackElement", "stackRef", "useState", "lastFocusedItem", "setLastFocusedItem", "composedItemRef", "composeRefs", "styles", "selfDroppable", "dropping", "useStackDropForElements", "element", "scrollElement", "handleScroll", "useCallback", "Number", "isFinite", "scrollPosition", "scrollLeft", "scrollTop", "scrollSize", "scrollWidth", "scrollHeight", "clientSize", "clientWidth", "clientHeight", "separatorHost", "closest", "setAttribute", "String", "handleBlur", "event", "target", "closestStackItem", "getAttribute", "undefined", "onBlur", "handleKeyDown", "key", "startsWith", "toLowerCase", "slice", "closestOwnedItem", "closestStack", "closestStackItems", "Array", "from", "querySelectorAll", "closestStackOrientation", "ancestorStack", "parentElement", "ancestorOrientation", "parallelDelta", "perpendicularDelta", "currentIndex", "indexOf", "nextIndex", "adjacentItem", "length", "preventDefault", "siblingStacks", "currentStackIndex", "nextStackIndex", "adjacentStack", "adjacentStackSelfItem", "adjacentStackItems", "closestItem", "querySelector", "ownedItemRect", "getBoundingClientRect", "targetPosition", "top", "left", "closestDistance", "Infinity", "item", "itemRect", "itemPosition", "distance", "Math", "abs", "closestOwnedItemStack", "closestOwnedItemStackItems", "includes", "onKeyDown", "gridClasses", "useMemo", "useEffect", "observer", "MutationObserver", "observe", "childList", "subtree", "disconnect", "StackContext", "Provider", "value", "div", "className", "mx", "data-dx-stack", "data-dx-stack-circular-focus", "data-dx-last-focused-item", "data-rail", "aria-orientation", "ref", "onScroll", "ListItem", "DropIndicator", "lineInset", "terminalInset", "gap", "edge", "cardStackDefaultInlineSizeRem", "cardDefaultInlineSize", "cardStackRoot", "CardStackRoot", "forwardRef", "children", "classNames", "asChild", "role", "props", "forwardedRef", "Root", "Slot", "rootProps", "className", "mx", "React", "ref", "cardStackContent", "CardStackContent", "footer", "baseClassNames", "railGridHorizontalContainFitContent", "data-scroll-separator", "CardStackStack", "itemsCount", "Stack", "orientation", "size", "rail", "separatorOnScroll", "data-density", "cardStackItem", "CardStackItem", "cardStackHeading", "CardStackHeading", "cardStackFooter", "CardStackFooter", "CardStackDragHandle", "Card", "DragHandle", "CardStack", "Content", "Heading", "Footer", "Item", "React", "IconButton", "ScrollArea", "useTranslation", "mx", "translationKey", "translations", "CardStackDragPreviewRoot", "children", "React", "div", "className", "CardStackDragPreviewHeading", "t", "useTranslation", "translationKey", "IconButton", "iconOnly", "icon", "variant", "label", "classNames", "CardStackDragPreviewContent", "itemsCount", "ScrollArea", "Root", "orientation", "Viewport", "mx", "CardStackDragPreviewFooter", "CardStackDragPreview", "Heading", "Content", "Footer", "combine", "draggable", "dropTargetForElements", "preserveOffsetOnSource", "setCustomNativeDragPreview", "attachClosestEdge", "extractClosestEdge", "useFocusableGroup", "composeRefs", "React", "forwardRef", "useCallback", "useLayoutEffect", "useMemo", "useState", "createPortal", "ListItem", "resizeAttributes", "sizeStyle", "mx", "React", "forwardRef", "useMemo", "mx", "StackItemContent", "forwardRef", "classNames", "children", "toolbar", "statusbar", "props", "forwardedRef", "size", "stackItemSize", "useStack", "role", "useStackItem", "style", "useMemo", "gridTemplateRows", "filter", "Boolean", "join", "React", "div", "className", "mx", "data-popover-collision-boundary", "ref", "displayName", "Slot", "React", "StackItemDragHandle", "asChild", "children", "selfDragHandleRef", "useStackItem", "Root", "Slot", "React", "ref", "role", "Slot", "React", "forwardRef", "useAttention", "mx", "StackItemHeading", "children", "classNames", "asChild", "separateOnScroll", "props", "orientation", "useStack", "Root", "Slot", "React", "role", "className", "mx", "StackItemHeadingStickyContent", "div", "StackItemHeadingLabel", "forwardRef", "attendableId", "related", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "h1", "data-attention", "toString", "ref", "React", "ResizeHandle", "MIN_WIDTH", "MIN_HEIGHT", "StackItemResizeHandle", "orientation", "useStack", "setSize", "size", "useStackItem", "React", "ResizeHandle", "side", "fallbackSize", "DEFAULT_EXTRINSIC_SIZE", "minSize", "onSizeChange", "React", "Fragment", "forwardRef", "useState", "keySymbols", "Button", "DropdownMenu", "Icon", "toLocalizedString", "useTranslation", "useAttention", "descriptionText", "mx", "getHostPlatform", "React", "MenuSignifierHorizontal", "React", "svg", "className", "width", "height", "viewBox", "stroke", "opacity", "line", "x1", "y1", "x2", "y2", "strokeWidth", "strokeLinecap", "strokeDasharray", "strokeDashoffset", "StackItemSigilButton", "forwardRef", "attendableId", "classNames", "related", "isMenu", "children", "props", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "variant", "React", "Button", "ref", "MenuSignifierHorizontal", "StackItemSigil", "actions", "actionGroups", "onAction", "triggerLabel", "icon", "t", "useTranslation", "translationKey", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "hasActions", "length", "button", "span", "className", "Icon", "size", "DropdownMenu", "Root", "open", "onOpenChange", "Trigger", "asChild", "Portal", "Content", "Viewport", "map", "index", "separator", "Separator", "Fragment", "key", "action", "shortcut", "properties", "keyBinding", "getHostPlatform", "menuItemType", "CheckboxItem", "Item", "id", "onClick", "event", "disabled", "stopPropagation", "checked", "isChecked", "undefined", "testId", "toLocalizedString", "label", "ItemIndicator", "mx", "descriptionText", "keySymbols", "join", "Arrow", "DEFAULT_HORIZONTAL_SIZE", "DEFAULT_VERTICAL_SIZE", "DEFAULT_EXTRINSIC_SIZE", "StackItemRoot", "forwardRef", "item", "children", "classNames", "size", "propsSize", "onSizeChange", "role", "order", "prevSiblingId", "nextSiblingId", "style", "disableRearrange", "focusIndicatorVariant", "props", "forwardedRef", "itemElement", "itemRef", "useState", "composedItemRef", "composeRefs", "selfDragHandleElement", "selfDragHandleRef", "closestEdge", "setEdge", "sourceId", "setSourceId", "dragState", "setDragState", "idle", "orientation", "rail", "onRearrange", "stackSize", "stackId", "useStack", "setInternalSize", "Root", "setSize", "useCallback", "nextSize", "commit", "type", "useLayoutEffect", "combine", "draggable", "element", "dragHandle", "getInitialData", "id", "onGenerateDragPreview", "nativeSetDragImage", "source", "location", "document", "body", "setAttribute", "offsetFn", "preserveOffsetOnSource", "input", "current", "rect", "getBoundingClientRect", "setCustomNativeDragPreview", "getOffset", "container", "render", "width", "onDragStart", "removeAttribute", "closest", "onDrop", "dropTargetForElements", "getData", "attachClosestEdge", "allowedEdges", "onDragEnter", "self", "data", "extractClosestEdge", "onDrag", "onDragLeave", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "shouldShowDropIndicator", "isTrailingEdgeOfPrevSibling", "undefined", "isLeadingEdgeOfNextSibling", "stackItemContextValue", "useMemo", "state", "setState", "React", "StackItemContext", "Provider", "value", "tabIndex", "className", "mx", "data-dx-stack-item", "data-dx-item-id", "resizeAttributes", "sizeStyle", "Number", "isFinite", "ref", "ListItem", "DropIndicator", "lineInset", "terminalInset", "edge", "StackItemDragPreview", "useStackItem", "createPortal", "StackItem", "Content", "StackItemContent", "DragHandle", "StackItemDragHandle", "DragPreview", "Heading", "StackItemHeading", "HeadingLabel", "StackItemHeadingLabel", "HeadingStickyContent", "StackItemHeadingStickyContent", "ResizeHandle", "StackItemResizeHandle", "Sigil", "StackItemSigil", "SigilButton", "StackItemSigilButton"]
 }

package/dist/lib/browser/meta.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"inputs":{"src/components/Image/Image.tsx":{"bytes":18897,"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}],"format":"esm"},"src/components/Image/index.ts":{"bytes":463,"imports":[{"path":"src/components/Image/Image.tsx","kind":"import-statement","original":"./Image"}],"format":"esm"},"src/hooks/useStackDropForElements.ts":{"bytes":8238,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/index.ts":{"bytes":608,"imports":[{"path":"src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"src/components/StackContext.tsx":{"bytes":3451,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/Stack/Stack.tsx":{"bytes":47250,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/Stack/index.ts":{"bytes":463,"imports":[{"path":"src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"src/components/StackItem/StackItemContent.tsx":{"bytes":8451,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2257,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemHeading.tsx":{"bytes":7239,"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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":3045,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/translations.ts":{"bytes":2149,"imports":[],"format":"esm"},"src/components/StackItem/MenuSignifier.tsx":{"bytes":3634,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackItem/StackItemSigil.tsx":{"bytes":18618,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"}],"format":"esm"},"src/components/StackItem/StackItem.tsx":{"bytes":36047,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"src/components/StackItem/index.ts":{"bytes":479,"imports":[{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/components/index.ts":{"bytes":671,"imports":[{"path":"src/components/Image/index.ts","kind":"import-statement","original":"./Image"},{"path":"src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/exemplars/Card/fragments.ts":{"bytes":4025,"imports":[],"format":"esm"},"src/exemplars/Card/Card.tsx":{"bytes":21691,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/CardDragPreview.tsx":{"bytes":2606,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/index.ts":{"bytes":656,"imports":[{"path":"src/exemplars/Card/Card.tsx","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/Card/CardDragPreview.tsx","kind":"import-statement","original":"./CardDragPreview"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/CardStack/CardStack.tsx":{"bytes":16234,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"../Card"}],"format":"esm"},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytes":6307,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"src/exemplars/CardStack/index.ts":{"bytes":594,"imports":[{"path":"src/exemplars/CardStack/CardStack.tsx","kind":"import-statement","original":"./CardStack"},{"path":"src/exemplars/CardStack/CardStackDragPreview.tsx","kind":"import-statement","original":"./CardStackDragPreview"}],"format":"esm"},"src/exemplars/index.ts":{"bytes":544,"imports":[{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/CardStack/index.ts","kind":"import-statement","original":"./CardStack"}],"format":"esm"},"src/index.ts":{"bytes":834,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"./exemplars"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/playwright/stack-manager.ts":{"bytes":7684,"imports":[],"format":"esm"},"src/playwright/index.ts":{"bytes":481,"imports":[{"path":"src/playwright/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"},"src/testing/CardContainer.tsx":{"bytes":3553,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"../exemplars"}],"format":"esm"},"src/testing/index.ts":{"bytes":478,"imports":[{"path":"src/testing/CardContainer.tsx","kind":"import-statement","original":"./CardContainer"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-T4ZCIFCF.mjs","kind":"import-statement"}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Image","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDefaultInlineSize","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackDefaultInlineSizeRem","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":1613},"dist/lib/browser/playwright/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3758},"dist/lib/browser/playwright/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"src/playwright/index.ts","inputs":{"src/playwright/stack-manager.ts":{"bytesInOutput":1948},"src/playwright/index.ts":{"bytesInOutput":0}},"bytes":2063},"dist/lib/browser/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1782},"dist/lib/browser/testing/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-T4ZCIFCF.mjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true}],"exports":["CardContainer"],"entryPoint":"src/testing/index.ts","inputs":{"src/testing/CardContainer.tsx":{"bytesInOutput":1006},"src/testing/index.ts":{"bytesInOutput":0}},"bytes":1151},"dist/lib/browser/chunk-T4ZCIFCF.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":104796},"dist/lib/browser/chunk-T4ZCIFCF.mjs":{"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":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@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","Image","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDefaultInlineSize","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackDefaultInlineSizeRem","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"inputs":{"src/components/Image/Image.tsx":{"bytesInOutput":4179},"src/components/StackContext.tsx":{"bytesInOutput":479},"src/components/Stack/Stack.tsx":{"bytesInOutput":11388},"src/hooks/useStackDropForElements.ts":{"bytesInOutput":2000},"src/hooks/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":495},"src/components/StackItem/StackItem.tsx":{"bytesInOutput":8765},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1700},"src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":504},"src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":1940},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":698},"src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4743},"src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":679},"src/components/Image/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/Stack/index.ts":{"bytesInOutput":0},"src/components/StackItem/index.ts":{"bytesInOutput":0},"src/exemplars/Card/fragments.ts":{"bytesInOutput":1097},"src/exemplars/Card/Card.tsx":{"bytesInOutput":5799},"src/exemplars/Card/CardDragPreview.tsx":{"bytesInOutput":757},"src/exemplars/CardStack/CardStack.tsx":{"bytesInOutput":4785},"src/exemplars/Card/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":2018},"src/exemplars/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/index.ts":{"bytesInOutput":0}},"bytes":53714}}}
1	+ {"inputs":{"src/hooks/useStackDropForElements.ts":{"bytes":8945,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/index.ts":{"bytes":608,"imports":[{"path":"src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"src/components/StackContext.tsx":{"bytes":3451,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/Stack/Stack.tsx":{"bytes":46278,"imports":[{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/Stack/index.ts":{"bytes":463,"imports":[{"path":"src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"src/components/CardStack/CardStack.tsx":{"bytes":16972,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/Stack/index.ts","kind":"import-statement","original":"../Stack"}],"format":"esm"},"src/translations.ts":{"bytes":2163,"imports":[],"format":"esm"},"src/components/CardStack/CardStackDragPreview.tsx":{"bytes":6125,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"src/components/CardStack/index.ts":{"bytes":595,"imports":[{"path":"src/components/CardStack/CardStack.tsx","kind":"import-statement","original":"./CardStack"},{"path":"src/components/CardStack/CardStackDragPreview.tsx","kind":"import-statement","original":"./CardStackDragPreview"}],"format":"esm"},"src/components/StackItem/StackItemContent.tsx":{"bytes":5805,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2059,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemHeading.tsx":{"bytes":6797,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":2835,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/components/StackItem/MenuSignifier.tsx":{"bytes":3207,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackItem/StackItemSigil.tsx":{"bytes":18009,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"}],"format":"esm"},"src/components/StackItem/StackItem.tsx":{"bytes":35335,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/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/ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"src/components/StackItem/index.ts":{"bytes":479,"imports":[{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/components/index.ts":{"bytes":683,"imports":[{"path":"src/components/CardStack/index.ts","kind":"import-statement","original":"./CardStack"},{"path":"src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/index.ts":{"bytes":559,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/playwright/stack-manager.ts":{"bytes":7185,"imports":[],"format":"esm"},"src/playwright/index.ts":{"bytes":481,"imports":[{"path":"src/playwright/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":81877},"dist/lib/browser/index.mjs":{"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","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/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":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/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/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Stack","StackContext","StackItem","autoScrollRootAttributes","cardStackContent","cardStackDefaultInlineSizeRem","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/components/CardStack/CardStack.tsx":{"bytesInOutput":4054},"src/components/Stack/Stack.tsx":{"bytesInOutput":10817},"src/hooks/useStackDropForElements.ts":{"bytesInOutput":2036},"src/hooks/index.ts":{"bytesInOutput":0},"src/components/StackContext.tsx":{"bytesInOutput":479},"src/components/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":1616},"src/translations.ts":{"bytesInOutput":501},"src/components/StackItem/StackItem.tsx":{"bytesInOutput":8254},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1254},"src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":345},"src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":1591},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":523},"src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4371},"src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":442},"src/index.ts":{"bytesInOutput":0}},"bytes":37589},"dist/lib/browser/playwright/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3701},"dist/lib/browser/playwright/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"src/playwright/index.ts","inputs":{"src/playwright/stack-manager.ts":{"bytesInOutput":1556},"src/playwright/index.ts":{"bytesInOutput":0}},"bytes":1671}}}

package/dist/lib/browser/playwright/index.mjs CHANGED Viewed

@@ -1,18 +1,11 @@
 // src/playwright/stack-manager.ts
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
 var StackManager = class {
+  locator;
+  _page;
+  constructor(locator) {
+    this.locator = locator;
+    this._page = locator.page();
+  }
   sections() {
     return this.locator.locator("section");
   }
@@ -22,14 +15,14 @@ var StackManager = class {
   section(index) {
     return new SectionManager(this.locator.locator("section").nth(index));
   }
+};
+var SectionManager = class {
+  locator;
+  _page;
   constructor(locator) {
-    _define_property(this, "locator", void 0);
-    _define_property(this, "_page", void 0);
     this.locator = locator;
     this._page = locator.page();
   }
-};
-var SectionManager = class {
   async id() {
     return this.locator.getAttribute("id");
   }
@@ -60,12 +53,6 @@ var SectionManager = class {
       await this._page.mouse.up();
     }
   }
-  constructor(locator) {
-    _define_property(this, "locator", void 0);
-    _define_property(this, "_page", void 0);
-    this.locator = locator;
-    this._page = locator.page();
-  }
 };
 export {
   SectionManager,

package/dist/lib/browser/playwright/index.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/playwright/stack-manager.ts"],
   "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Locator, Page } from '@playwright/test';\n\nexport class StackManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  sections(): Locator {\n    return this.locator.locator('section');\n  }\n\n  order() {\n    return this.locator.locator('section').evaluateAll((els) => els.map((el) => el.getAttribute('id')));\n  }\n\n  section(index: number): SectionManager {\n    return new SectionManager(this.locator.locator('section').nth(index));\n  }\n}\n\nexport class SectionManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  async id(): Promise<string | null> {\n    return this.locator.getAttribute('id');\n  }\n\n  async remove(): Promise<void> {\n    await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n    await this._page.getByTestId('section.remove').click();\n  }\n\n  async navigateTo(): Promise<void> {\n    await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n    await this._page.getByTestId('section.navigate-to').click();\n  }\n\n  async dragTo(target: Locator, offset: { x: number; y: number } = { x: 0, y: 0 }): Promise<void> {\n    const active = this.locator.getByTestId('section.drag-handle-menu-trigger');\n    const box = await target.boundingBox();\n    if (box) {\n      await active.hover();\n      await this._page.mouse.down();\n      // Timeouts are for input discretization in WebKit\n      await this._page.waitForTimeout(100);\n      await this._page.pause();\n      await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });\n      await this._page.pause();\n      await this._page.waitForTimeout(100);\n      await this._page.mouse.up();\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;AAMO,IAAMA,eAAN,MAAMA;EAOXC,WAAoB;AAClB,WAAO,KAAKC,QAAQA,QAAQ,SAAA;EAC9B;EAEAC,QAAQ;AACN,WAAO,KAAKD,QAAQA,QAAQ,SAAA,EAAWE,YAAY,CAACC,QAAQA,IAAIC,IAAI,CAACC,OAAOA,GAAGC,aAAa,IAAA,CAAA,CAAA;EAC9F;EAEAC,QAAQC,OAA+B;AACrC,WAAO,IAAIC,eAAe,KAAKT,QAAQA,QAAQ,SAAA,EAAWU,IAAIF,KAAAA,CAAAA;EAChE;EAdA,YAAqBR,SAAkB;;AAFvC,qBAAA,MAAiBW,SAAjB,MAAA;SAEqBX,UAAAA;AACnB,SAAKW,QAAQX,QAAQY,KAAI;EAC3B;AAaF;AAEO,IAAMH,iBAAN,MAAMA;EAOX,MAAMI,KAA6B;AACjC,WAAO,KAAKb,QAAQM,aAAa,IAAA;EACnC;EAEA,MAAMQ,SAAwB;AAC5B,UAAM,KAAKd,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKL,MAAMI,YAAY,gBAAA,EAAkBC,MAAK;EACtD;EAEA,MAAMC,aAA4B;AAChC,UAAM,KAAKjB,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKL,MAAMI,YAAY,qBAAA,EAAuBC,MAAK;EAC3D;EAEA,MAAME,OAAOC,QAAiBC,SAAmC;IAAEC,GAAG;IAAGC,GAAG;EAAE,GAAkB;AAC9F,UAAMC,SAAS,KAAKvB,QAAQe,YAAY,kCAAA;AACxC,UAAMS,MAAM,MAAML,OAAOM,YAAW;AACpC,QAAID,KAAK;AACP,YAAMD,OAAOG,MAAK;AAClB,YAAM,KAAKf,MAAMgB,MAAMC,KAAI;AAE3B,YAAM,KAAKjB,MAAMkB,eAAe,GAAA;AAChC,YAAM,KAAKlB,MAAMmB,MAAK;AACtB,YAAM,KAAKnB,MAAMgB,MAAMI,KAAKX,OAAOC,IAAIG,IAAIH,IAAIG,IAAIQ,QAAQ,GAAGZ,OAAOE,IAAIE,IAAIF,IAAIE,IAAIS,SAAS,GAAG;QAAEC,OAAO;MAAE,CAAA;AAC5G,YAAM,KAAKvB,MAAMmB,MAAK;AACtB,YAAM,KAAKnB,MAAMkB,eAAe,GAAA;AAChC,YAAM,KAAKlB,MAAMgB,MAAMQ,GAAE;IAC3B;EACF;EAhCA,YAAqBnC,SAAkB;;AAFvC,qBAAA,MAAiBW,SAAjB,MAAA;SAEqBX,UAAAA;AACnB,SAAKW,QAAQX,QAAQY,KAAI;EAC3B;AA+BF;",
-  "names": ["StackManager", "sections", "locator", "order", "evaluateAll", "els", "map", "el", "getAttribute", "section", "index", "SectionManager", "nth", "_page", "page", "id", "remove", "getByTestId", "click", "navigateTo", "dragTo", "target", "offset", "x", "y", "active", "box", "boundingBox", "hover", "mouse", "down", "waitForTimeout", "pause", "move", "width", "height", "steps", "up"]
+  "mappings": ";AAMO,IAAMA,eAAN,MAAMA;;EACMC;EAEjB,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKD,QAAQC,QAAQC,KAAI;EAC3B;EAEAC,WAAoB;AAClB,WAAO,KAAKF,QAAQA,QAAQ,SAAA;EAC9B;EAEAG,QAAQ;AACN,WAAO,KAAKH,QAAQA,QAAQ,SAAA,EAAWI,YAAY,CAACC,QAAQA,IAAIC,IAAI,CAACC,OAAOA,GAAGC,aAAa,IAAA,CAAA,CAAA;EAC9F;EAEAC,QAAQC,OAA+B;AACrC,WAAO,IAAIC,eAAe,KAAKX,QAAQA,QAAQ,SAAA,EAAWY,IAAIF,KAAAA,CAAAA;EAChE;AACF;AAEO,IAAMC,iBAAN,MAAMA;;EACMZ;EAEjB,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKD,QAAQC,QAAQC,KAAI;EAC3B;EAEA,MAAMY,KAA6B;AACjC,WAAO,KAAKb,QAAQQ,aAAa,IAAA;EACnC;EAEA,MAAMM,SAAwB;AAC5B,UAAM,KAAKd,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKjB,MAAMgB,YAAY,gBAAA,EAAkBC,MAAK;EACtD;EAEA,MAAMC,aAA4B;AAChC,UAAM,KAAKjB,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKjB,MAAMgB,YAAY,qBAAA,EAAuBC,MAAK;EAC3D;EAEA,MAAME,OAAOC,QAAiBC,SAAmC;IAAEC,GAAG;IAAGC,GAAG;EAAE,GAAkB;AAC9F,UAAMC,SAAS,KAAKvB,QAAQe,YAAY,kCAAA;AACxC,UAAMS,MAAM,MAAML,OAAOM,YAAW;AACpC,QAAID,KAAK;AACP,YAAMD,OAAOG,MAAK;AAClB,YAAM,KAAK3B,MAAM4B,MAAMC,KAAI;AAE3B,YAAM,KAAK7B,MAAM8B,eAAe,GAAA;AAChC,YAAM,KAAK9B,MAAM+B,MAAK;AACtB,YAAM,KAAK/B,MAAM4B,MAAMI,KAAKX,OAAOC,IAAIG,IAAIH,IAAIG,IAAIQ,QAAQ,GAAGZ,OAAOE,IAAIE,IAAIF,IAAIE,IAAIS,SAAS,GAAG;QAAEC,OAAO;MAAE,CAAA;AAC5G,YAAM,KAAKnC,MAAM+B,MAAK;AACtB,YAAM,KAAK/B,MAAM8B,eAAe,GAAA;AAChC,YAAM,KAAK9B,MAAM4B,MAAMQ,GAAE;IAC3B;EACF;AACF;",
+  "names": ["StackManager", "_page", "locator", "page", "sections", "order", "evaluateAll", "els", "map", "el", "getAttribute", "section", "index", "SectionManager", "nth", "id", "remove", "getByTestId", "click", "navigateTo", "dragTo", "target", "offset", "x", "y", "active", "box", "boundingBox", "hover", "mouse", "down", "waitForTimeout", "pause", "move", "width", "height", "steps", "up"]
 }