@dxos/react-ui-stack 0.6.12-main.89e9959 → 0.6.12-main.c1d977f

package/dist/lib/browser/index.mjs

@@ -70,7 +70,7 @@ var translations_default = [
 // packages/ui/react-ui-stack/src/components/Section.tsx
 var sectionActionDimensions = "p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min";
 var resizeHandleStyles = mx(resizeHandle, resizeHandleHorizontal, "is-full bs-[--rail-action] col-start-2");
-var Section = /* @__PURE__ */ forwardRef(({ id, title, icon = "phosphor--placeholder--regular", size = "intrinsic", collapsed, active, isResizable, draggableProps, draggableStyle, onDelete, onNavigate, onAddBefore, onAddAfter, onCollapseSection, children }, forwardedRef) => {
+var Section = /* @__PURE__ */ forwardRef(({ id, title, icon = "ph--placeholder--regular", size = "intrinsic", collapsed, active, isResizable, draggableProps, draggableStyle, onDelete, onNavigate, onAddBefore, onAddAfter, onCollapseSection, children }, forwardedRef) => {
   const { t } = useTranslation(translationKey);
   const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
   const sectionActionsToolbar = useTabsterAttributes({

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Stack.tsx", "../../../src/components/Section.tsx", "../../../src/components/CaretDownUp.tsx", "../../../src/components/style-fragments.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useArrowNavigationGroup, useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { forwardRef, useCallback } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { List, useTranslation } from '@dxos/react-ui';\nimport {\n  type MosaicContainerProps,\n  type MosaicTileComponent,\n  Mosaic,\n  Path,\n  useContainer,\n  useItemsWithPreview,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport { dropRingInner } from '@dxos/react-ui-theme';\n\nimport {\n  type CollapsedSections,\n  type AddSectionPosition,\n  SectionTile,\n  type StackContextValue,\n  type StackItem,\n  type StackSectionContent,\n  type StackSectionItem,\n} from './Section';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type { CollapsedSections, AddSectionPosition };\n\nexport const DEFAULT_TYPE = 'stack-section';\n\nexport type StackProps<TData extends StackSectionContent = StackSectionContent> = Omit<\n  MosaicContainerProps<TData, number>,\n  'debug' | 'Component'\n> &\n  Omit<StackContextValue<TData>, 'setCollapsedSections'> & {\n    items?: StackSectionItem[];\n    separation?: boolean; // TODO(burdon): Style.\n    onCollapseSection?: (id: string, collapsed: boolean) => void;\n    emptyComponent?: React.ReactNode;\n  };\n\nexport const Stack = ({\n  id,\n  type = DEFAULT_TYPE,\n  SectionContent,\n  items = [],\n  separation = true,\n  transform,\n  onOver,\n  onDrop,\n  onAddSection,\n  onDeleteSection,\n  onNavigateToSection,\n  onCollapseSection,\n  ...props\n}: StackProps) => {\n  const { ref: containerRef, width = 0 } = useResizeDetector<HTMLDivElement>({ refreshRate: 200 });\n  const { operation, overItem } = useMosaic();\n  const itemsWithPreview = useItemsWithPreview({ path: id, items });\n\n  const getOverlayStyle = useCallback(() => ({ width }), [width]);\n  const getOverlayProps = useCallback(\n    () => ({ itemContext: { transform, SectionContent } }),\n    [transform, SectionContent],\n  );\n\n  // TODO(thure): The root cause of the discrepancy between `activeNodeRect.top` and `overlayNodeRect.top` in Composer\n  //  in particular is not yet known, so this solution may may backfire in unforeseeable cases.\n  const stackModifier = useCallback<Exclude<MosaicContainerProps['modifier'], undefined>>(\n    (_activeItem, { transform, activeNodeRect, overlayNodeRect }) => {\n      if (activeNodeRect && overlayNodeRect) {\n        transform.y += activeNodeRect?.top - overlayNodeRect?.top;\n      }\n      return transform;\n    },\n    [],\n  );\n\n  return (\n    <Mosaic.Container\n      {...{\n        id,\n        type,\n        Component: SectionTile as MosaicTileComponent<StackSectionItem, HTMLDivElement>,\n        getOverlayStyle,\n        getOverlayProps,\n        onOver,\n        onDrop,\n        modifier: stackModifier,\n      }}\n    >\n      <Mosaic.DroppableTile\n        path={id}\n        type={type}\n        item={{ id, items: itemsWithPreview }}\n        // TODO(wittjosiah): Should this actually be a context?\n        itemContext={{\n          separation,\n          transform,\n          onDeleteSection,\n          onNavigateToSection,\n          onAddSection,\n          onCollapseSection,\n          SectionContent,\n        }}\n        isOver={\n          overItem &&\n          !!overItem.path &&\n          Path.hasRoot(overItem.path, id) &&\n          (operation === 'copy' || operation === 'transfer')\n        }\n        Component={StackTile}\n        {...props}\n        ref={containerRef}\n      />\n    </Mosaic.Container>\n  );\n};\n\nconst StackTile: MosaicTileComponent<StackItem, HTMLOListElement, Pick<StackProps, 'emptyComponent'>> = forwardRef(\n  ({ classNames, path, isOver, item: { items }, itemContext, type: _type, emptyComponent, ...props }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const { Component, type } = useContainer();\n    const domAttributes = useArrowNavigationGroup({ axis: 'grid' });\n    const { activeItem } = useMosaic();\n\n    // NOTE(thure): Ensure “groupper” is available, but no need to use it here.\n    const _group = useFocusableGroup();\n\n    // NOTE: Keep outer padding the same as MarkdownMain.\n    return (\n      <List\n        ref={forwardedRef}\n        classNames={['grid relative', stackColumns, isOver && dropRingInner, classNames]}\n        {...(!activeItem && domAttributes)}\n        {...props}\n      >\n        {items.length > 0 ? (\n          <Mosaic.SortableContext items={items} direction='vertical'>\n            {items.map((item, index) => (\n              <Mosaic.SortableTile\n                key={item.id}\n                item={item}\n                itemContext={itemContext}\n                path={path}\n                type={type}\n                position={index}\n                Component={Component}\n              />\n            ))}\n          </Mosaic.SortableContext>\n        ) : emptyComponent !== undefined ? (\n          <>{emptyComponent}</>\n        ) : (\n          <p\n            className='grid col-span-2 text-center p-4 border border-dashed border-neutral-500/50 rounded'\n            data-testid='stack.empty'\n          >\n            {t('empty stack message')}\n          </p>\n        )}\n      </List>\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useFocusableGroup, useTabsterAttributes } from '@fluentui/react-tabster';\nimport { ArrowLineDown, ArrowLineUp, ArrowSquareOut, CaretUpDown, Trash } from '@phosphor-icons/react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, {\n  forwardRef,\n  useState,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type FC,\n  type PropsWithChildren,\n  type ComponentPropsWithRef,\n} from 'react';\n\nimport {\n  Button,\n  DropdownMenu,\n  Icon,\n  type Label,\n  List,\n  ListItem,\n  ScrollArea,\n  type ThemedClassName,\n  Toolbar,\n  toLocalizedString,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { DropDownMenuDragHandleTrigger, resizeHandle, resizeHandleHorizontal } from '@dxos/react-ui-deck';\nimport {\n  type MosaicActiveType,\n  type MosaicDataItem,\n  type MosaicTileComponent,\n  type MosaicTileProps,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport {\n  focusRing,\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nconst sectionActionDimensions = 'p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport type StackSectionContent = MosaicDataItem;\n\nexport type CollapsedSections = Record<string, boolean>;\n\nexport type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';\n\nexport type StackContextValue<TData extends StackSectionContent = StackSectionContent> = {\n  SectionContent: FC<{ data: TData }>;\n  separation?: boolean;\n  isResizable?: boolean;\n  transform?: (item: MosaicDataItem, type?: string) => StackSectionItem;\n  onDeleteSection?: (path: string) => void;\n  onAddSection?: (path: string, position: AddSectionPosition) => void;\n  onNavigateToSection?: (object: MosaicDataItem) => void;\n  onCollapseSection?: (id: string, collapsed: boolean) => void;\n};\n\nexport type StackItem = MosaicDataItem & {\n  items: StackSectionItem[];\n};\n\nexport type StackSectionItem = MosaicDataItem & {\n  object: StackSectionContent;\n  // TODO(wittjosiah): Use effect schema? Share schema with echo.\n  view?: {\n    title?: string;\n    size?: SectionSize;\n    height?: number;\n    collapsed?: boolean;\n    custom?: Record<string, any>;\n  };\n  // TODO(wittjosiah): Common type? Factor out?\n  metadata?: {\n    icon?: string;\n    placeholder?: Label;\n    viewActions?: (item: StackSectionItem) => StackAction;\n  };\n};\n\nexport type StackAction = {\n  icon: string;\n  label: Label;\n  onClick: () => void;\n};\n\nexport type SectionSize = 'intrinsic' | 'extrinsic';\n\nexport type SectionProps = PropsWithChildren<\n  {\n    // Data props.\n    id: string;\n    title: string;\n\n    // Tile props.\n    active?: MosaicActiveType;\n  } & Pick<\n    MosaicTileProps,\n    'draggableProps' | 'draggableStyle' | 'onDelete' | 'onNavigate' | 'onAddAfter' | 'onAddBefore'\n  > &\n    Pick<StackContextValue, 'separation' | 'isResizable' | 'onCollapseSection'> &\n    Pick<Required<StackSectionItem>['view'], 'collapsed' | 'size'> &\n    Pick<Required<StackSectionItem>['metadata'], 'icon'>\n>;\n\nconst resizeHandleStyles = mx(resizeHandle, resizeHandleHorizontal, 'is-full bs-[--rail-action] col-start-2');\n\nexport const Section: ForwardRefExoticComponent<SectionProps & RefAttributes<HTMLLIElement>> = forwardRef<\n  HTMLLIElement,\n  SectionProps\n>(\n  (\n    {\n      id,\n      title,\n      icon = 'phosphor--placeholder--regular',\n      size = 'intrinsic',\n      collapsed,\n      active,\n      isResizable,\n      draggableProps,\n      draggableStyle,\n      onDelete,\n      onNavigate,\n      onAddBefore,\n      onAddAfter,\n      onCollapseSection,\n      children,\n    },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(translationKey);\n    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n    const sectionActionsToolbar = useTabsterAttributes({\n      groupper: {},\n      focusable: {},\n      mover: { cyclic: true, direction: 1, memorizeCurrent: false },\n    });\n    const sectionContentGroup = useFocusableGroup({});\n    const attendableAttrs = useAttendableAttributes(id);\n\n    return (\n      <CollapsiblePrimitive.Root\n        asChild\n        open={!collapsed}\n        onOpenChange={(nextOpen) => onCollapseSection?.(id, !nextOpen)}\n      >\n        <ListItem.Root\n          ref={forwardedRef}\n          id={id}\n          {...attendableAttrs}\n          classNames={[\n            'grid col-span-2 group/section',\n            active === 'overlay' ? stackColumns : 'grid-cols-subgrid snap-start',\n          ]}\n          style={draggableStyle}\n        >\n          <div\n            role='none'\n            className={mx(\n              'grid col-span-2 grid-cols-subgrid',\n              'bg-base attention-surface',\n              hoverableControls,\n              hoverableFocusedWithinControls,\n              (active === 'origin' || active === 'rearrange' || active === 'destination') && 'opacity-0',\n            )}\n          >\n            <div\n              role='toolbar'\n              aria-orientation='vertical'\n              aria-label={t('section controls label')}\n              {...(!active && { tabIndex: 0 })}\n              {...(!active && sectionActionsToolbar)}\n              className={mx(\n                'grid grid-cols-subgrid ch-focus-ring rounded-sm grid-rows-[min-content_min-content_1fr] m-1',\n                'group-has-[[role=toolbar][aria-orientation=horizontal]]/section:pbs-[--rail-action]',\n              )}\n            >\n              <div role='none' className='sticky -block-start-px bg-[--sticky-bg]'>\n                <DropdownMenu.Root\n                  {...{\n                    open: optionsMenuOpen,\n                    onOpenChange: setOptionsMenuOpen,\n                  }}\n                >\n                  <DropDownMenuDragHandleTrigger active={!!active} variant='ghost' classNames='m-0' {...draggableProps}>\n                    <Icon icon={icon} size={5} classNames='transition-opacity' />\n                  </DropDownMenuDragHandleTrigger>\n                  <DropdownMenu.Portal>\n                    <DropdownMenu.Content>\n                      <DropdownMenu.Viewport>\n                        {collapsed ? (\n                          <DropdownMenu.Item onClick={onNavigate} data-testid='section.navigate-to'>\n                            <ArrowSquareOut className={mx(getSize(5), 'mr-2')} />\n                            <span className='grow'>{t('navigate to section label')}</span>\n                          </DropdownMenu.Item>\n                        ) : (\n                          <CollapsiblePrimitive.Trigger asChild>\n                            <DropdownMenu.Item>\n                              <CaretDownUp className={mx(getSize(5), 'mr-2')} />\n                              <span className='grow'>{t('collapse label')}</span>\n                            </DropdownMenu.Item>\n                          </CollapsiblePrimitive.Trigger>\n                        )}\n                        <DropdownMenu.Item onClick={onAddBefore} data-testid='section.add-before'>\n                          <ArrowLineUp className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section before label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={onAddAfter} data-testid='section.add-after'>\n                          <ArrowLineDown className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section after label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={() => onDelete?.()} data-testid='section.remove'>\n                          <Trash className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('remove section label')}</span>\n                        </DropdownMenu.Item>\n                      </DropdownMenu.Viewport>\n                      <DropdownMenu.Arrow />\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n                {collapsed ? (\n                  <CollapsiblePrimitive.Trigger asChild>\n                    <Button variant='ghost' classNames={sectionActionDimensions}>\n                      <span className='sr-only'>{t('expand label')}</span>\n                      <CaretUpDown className={getSize(4)} />\n                    </Button>\n                  </CollapsiblePrimitive.Trigger>\n                ) : (\n                  <Button\n                    variant='ghost'\n                    classNames={sectionActionDimensions}\n                    onClick={onNavigate}\n                    data-testid='section.navigate-to'\n                  >\n                    <ArrowSquareOut className={mx(getSize(4))} />\n                    <span className='sr-only'>{t('navigate to section label')}</span>\n                  </Button>\n                )}\n              </div>\n            </div>\n\n            {/* Main content */}\n\n            <ListItem.Heading\n              classNames={collapsed ? ['grid grid-rows-subgrid grid-cols-subgrid items-center', focusRing] : 'sr-only'}\n              {...(collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n            >\n              {/*\n                TODO(thure): This needs to be made extensible; Markdown document titles especially are difficult.\n                  Using `Surface` in a UI package like this would be unprecedented and needs motivation.\n                  Refactoring to use subcomponents is complicated by sections being a sortable Mosaic Tile.\n                  Reevaluate when work on collections (Folders, Stacks, etc) settles.\n              */}\n              <span className='truncate'>{title}</span>\n            </ListItem.Heading>\n            {size === 'intrinsic' ? (\n              <CollapsiblePrimitive.Content\n                {...(!collapsed && {\n                  ...sectionContentGroup,\n                  tabIndex: 0,\n                })}\n                // TODO(burdon): Add margin to fragment?\n                className={mx(focusRing, 'm-[2px]')}\n              >\n                {children}\n              </CollapsiblePrimitive.Content>\n            ) : (\n              <CollapsiblePrimitive.Content asChild>\n                <ScrollArea.Root\n                  type='always'\n                  {...(!collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n                  classNames={mx(focusRing, 'is-full has-[[data-radix-scroll-area-viewport]]:pbe-4')}\n                >\n                  <ScrollArea.Viewport>{children}</ScrollArea.Viewport>\n                  <ScrollArea.Scrollbar\n                    orientation='horizontal'\n                    variant='coarse'\n                    classNames='hidden has-[div]:flex !inline-end-[max(.25rem,var(--radix-scroll-area-corner-width))]'\n                  >\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Scrollbar orientation='vertical' variant='coarse' classNames='hidden has-[div]:flex'>\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Corner />\n                </ScrollArea.Root>\n              </CollapsiblePrimitive.Content>\n            )}\n          </div>\n          {isResizable && !collapsed && (\n            <button className={resizeHandleStyles}>\n              <span className='sr-only'>{t('resize section label')}</span>\n            </button>\n          )}\n        </ListItem.Root>\n      </CollapsiblePrimitive.Root>\n    );\n  },\n);\n\nexport type SectionToolbarProps = ThemedClassName<ComponentPropsWithRef<'div'>>;\n\n// TODO(burdon): block-start\nexport const sectionToolbarLayout =\n  'bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity';\n\nexport const SectionToolbar = ({ children, classNames }: SectionToolbarProps) => {\n  return (\n    <Toolbar.Root orientation='horizontal' classNames={[sectionToolbarLayout, hoverableControlItem, classNames]}>\n      {children}\n    </Toolbar.Root>\n  );\n};\n\nexport const SectionTile: MosaicTileComponent<\n  StackSectionItem,\n  HTMLLIElement\n  // TODO(wittjosiah): If props is specified there is a type error with Mosaic.Container.\n  // { itemContext: StackContextValue }\n> = forwardRef(({ path, type, active, draggableStyle, draggableProps, item, itemContext }, forwardedRef) => {\n  const { t } = useTranslation(translationKey);\n  const { activeItem } = useMosaic();\n\n  const separation = !!itemContext?.separation;\n  const isResizable = !!itemContext?.isResizable;\n  const { transform, onDeleteSection, onNavigateToSection, onAddSection, onCollapseSection, SectionContent } =\n    itemContext as StackContextValue;\n\n  const transformedItem = transform\n    ? transform(\n        item,\n        // TODO(wittjosiah): `active` doesn't always seem to be accurate here.\n        activeItem?.item.id === item.id ? activeItem?.type : type,\n      )\n    : item;\n\n  const placeholder = transformedItem.metadata?.placeholder ?? ['untitled section title', { ns: translationKey }];\n  const title = transformedItem.view?.title ?? toLocalizedString(placeholder, t);\n\n  const section = (\n    <Section\n      ref={forwardedRef}\n      title={title}\n      id={transformedItem.id}\n      size={transformedItem.view?.size}\n      icon={transformedItem.metadata?.icon}\n      collapsed={transformedItem.view?.collapsed}\n      separation={separation}\n      active={active}\n      draggableProps={draggableProps}\n      draggableStyle={draggableStyle}\n      onCollapseSection={onCollapseSection}\n      isResizable={isResizable}\n      onDelete={() => onDeleteSection?.(path)}\n      onNavigate={() => onNavigateToSection?.(transformedItem)}\n      onAddAfter={() => onAddSection?.(path, 'after')}\n      onAddBefore={() => onAddSection?.(path, 'before')}\n    >\n      {SectionContent && <SectionContent data={transformedItem.object} />}\n    </Section>\n  );\n\n  return active === 'overlay' ? <List>{section}</List> : section;\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nexport const CaretDownUp = ({ children, weight, ...props }: IconProps) => {\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n      <rect width='256' height='256' fill='none' />\n      <polyline\n        points='80 224 128 176 176 224'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      <polyline\n        points='80 32 128 80 176 32'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      {children}\n    </svg>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nexport const stackColumns = 'grid-cols-[var(--rail-size)_calc(100%-var(--rail-size))]';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {\n        'empty stack message': 'Drag items into the stack.',\n        'remove section label': 'Delete',\n        'navigate to section label': 'Navigate to item',\n        'untitled section title': 'Untitled section',\n        'add section before label': 'Add before',\n        'add section after label': 'Add after',\n        'expand label': 'Expand',\n        'collapse label': 'Collapse',\n      },\n    },\n  },\n];\n"],
-  "mappings": "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",
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useArrowNavigationGroup, useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { forwardRef, useCallback } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { List, useTranslation } from '@dxos/react-ui';\nimport {\n  type MosaicContainerProps,\n  type MosaicTileComponent,\n  Mosaic,\n  Path,\n  useContainer,\n  useItemsWithPreview,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport { dropRingInner } from '@dxos/react-ui-theme';\n\nimport {\n  type CollapsedSections,\n  type AddSectionPosition,\n  SectionTile,\n  type StackContextValue,\n  type StackItem,\n  type StackSectionContent,\n  type StackSectionItem,\n} from './Section';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type { CollapsedSections, AddSectionPosition };\n\nexport const DEFAULT_TYPE = 'stack-section';\n\nexport type StackProps<TData extends StackSectionContent = StackSectionContent> = Omit<\n  MosaicContainerProps<TData, number>,\n  'debug' | 'Component'\n> &\n  Omit<StackContextValue<TData>, 'setCollapsedSections'> & {\n    items?: StackSectionItem[];\n    separation?: boolean; // TODO(burdon): Style.\n    onCollapseSection?: (id: string, collapsed: boolean) => void;\n    emptyComponent?: React.ReactNode;\n  };\n\nexport const Stack = ({\n  id,\n  type = DEFAULT_TYPE,\n  SectionContent,\n  items = [],\n  separation = true,\n  transform,\n  onOver,\n  onDrop,\n  onAddSection,\n  onDeleteSection,\n  onNavigateToSection,\n  onCollapseSection,\n  ...props\n}: StackProps) => {\n  const { ref: containerRef, width = 0 } = useResizeDetector<HTMLDivElement>({ refreshRate: 200 });\n  const { operation, overItem } = useMosaic();\n  const itemsWithPreview = useItemsWithPreview({ path: id, items });\n\n  const getOverlayStyle = useCallback(() => ({ width }), [width]);\n  const getOverlayProps = useCallback(\n    () => ({ itemContext: { transform, SectionContent } }),\n    [transform, SectionContent],\n  );\n\n  // TODO(thure): The root cause of the discrepancy between `activeNodeRect.top` and `overlayNodeRect.top` in Composer\n  //  in particular is not yet known, so this solution may may backfire in unforeseeable cases.\n  const stackModifier = useCallback<Exclude<MosaicContainerProps['modifier'], undefined>>(\n    (_activeItem, { transform, activeNodeRect, overlayNodeRect }) => {\n      if (activeNodeRect && overlayNodeRect) {\n        transform.y += activeNodeRect?.top - overlayNodeRect?.top;\n      }\n      return transform;\n    },\n    [],\n  );\n\n  return (\n    <Mosaic.Container\n      {...{\n        id,\n        type,\n        Component: SectionTile as MosaicTileComponent<StackSectionItem, HTMLDivElement>,\n        getOverlayStyle,\n        getOverlayProps,\n        onOver,\n        onDrop,\n        modifier: stackModifier,\n      }}\n    >\n      <Mosaic.DroppableTile\n        path={id}\n        type={type}\n        item={{ id, items: itemsWithPreview }}\n        // TODO(wittjosiah): Should this actually be a context?\n        itemContext={{\n          separation,\n          transform,\n          onDeleteSection,\n          onNavigateToSection,\n          onAddSection,\n          onCollapseSection,\n          SectionContent,\n        }}\n        isOver={\n          overItem &&\n          !!overItem.path &&\n          Path.hasRoot(overItem.path, id) &&\n          (operation === 'copy' || operation === 'transfer')\n        }\n        Component={StackTile}\n        {...props}\n        ref={containerRef}\n      />\n    </Mosaic.Container>\n  );\n};\n\nconst StackTile: MosaicTileComponent<StackItem, HTMLOListElement, Pick<StackProps, 'emptyComponent'>> = forwardRef(\n  ({ classNames, path, isOver, item: { items }, itemContext, type: _type, emptyComponent, ...props }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const { Component, type } = useContainer();\n    const domAttributes = useArrowNavigationGroup({ axis: 'grid' });\n    const { activeItem } = useMosaic();\n\n    // NOTE(thure): Ensure “groupper” is available, but no need to use it here.\n    const _group = useFocusableGroup();\n\n    // NOTE: Keep outer padding the same as MarkdownMain.\n    return (\n      <List\n        ref={forwardedRef}\n        classNames={['grid relative', stackColumns, isOver && dropRingInner, classNames]}\n        {...(!activeItem && domAttributes)}\n        {...props}\n      >\n        {items.length > 0 ? (\n          <Mosaic.SortableContext items={items} direction='vertical'>\n            {items.map((item, index) => (\n              <Mosaic.SortableTile\n                key={item.id}\n                item={item}\n                itemContext={itemContext}\n                path={path}\n                type={type}\n                position={index}\n                Component={Component}\n              />\n            ))}\n          </Mosaic.SortableContext>\n        ) : emptyComponent !== undefined ? (\n          <>{emptyComponent}</>\n        ) : (\n          <p\n            className='grid col-span-2 text-center p-4 border border-dashed border-neutral-500/50 rounded'\n            data-testid='stack.empty'\n          >\n            {t('empty stack message')}\n          </p>\n        )}\n      </List>\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useFocusableGroup, useTabsterAttributes } from '@fluentui/react-tabster';\nimport { ArrowLineDown, ArrowLineUp, ArrowSquareOut, CaretUpDown, Trash } from '@phosphor-icons/react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, {\n  forwardRef,\n  useState,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type FC,\n  type PropsWithChildren,\n  type ComponentPropsWithRef,\n} from 'react';\n\nimport {\n  Button,\n  DropdownMenu,\n  Icon,\n  type Label,\n  List,\n  ListItem,\n  ScrollArea,\n  type ThemedClassName,\n  Toolbar,\n  toLocalizedString,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { DropDownMenuDragHandleTrigger, resizeHandle, resizeHandleHorizontal } from '@dxos/react-ui-deck';\nimport {\n  type MosaicActiveType,\n  type MosaicDataItem,\n  type MosaicTileComponent,\n  type MosaicTileProps,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport {\n  focusRing,\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nconst sectionActionDimensions = 'p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport type StackSectionContent = MosaicDataItem;\n\nexport type CollapsedSections = Record<string, boolean>;\n\nexport type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';\n\nexport type StackContextValue<TData extends StackSectionContent = StackSectionContent> = {\n  SectionContent: FC<{ data: TData }>;\n  separation?: boolean;\n  isResizable?: boolean;\n  transform?: (item: MosaicDataItem, type?: string) => StackSectionItem;\n  onDeleteSection?: (path: string) => void;\n  onAddSection?: (path: string, position: AddSectionPosition) => void;\n  onNavigateToSection?: (object: MosaicDataItem) => void;\n  onCollapseSection?: (id: string, collapsed: boolean) => void;\n};\n\nexport type StackItem = MosaicDataItem & {\n  items: StackSectionItem[];\n};\n\nexport type StackSectionItem = MosaicDataItem & {\n  object: StackSectionContent;\n  // TODO(wittjosiah): Use effect schema? Share schema with echo.\n  view?: {\n    title?: string;\n    size?: SectionSize;\n    height?: number;\n    collapsed?: boolean;\n    custom?: Record<string, any>;\n  };\n  // TODO(wittjosiah): Common type? Factor out?\n  metadata?: {\n    icon?: string;\n    placeholder?: Label;\n    viewActions?: (item: StackSectionItem) => StackAction;\n  };\n};\n\nexport type StackAction = {\n  icon: string;\n  label: Label;\n  onClick: () => void;\n};\n\nexport type SectionSize = 'intrinsic' | 'extrinsic';\n\nexport type SectionProps = PropsWithChildren<\n  {\n    // Data props.\n    id: string;\n    title: string;\n\n    // Tile props.\n    active?: MosaicActiveType;\n  } & Pick<\n    MosaicTileProps,\n    'draggableProps' | 'draggableStyle' | 'onDelete' | 'onNavigate' | 'onAddAfter' | 'onAddBefore'\n  > &\n    Pick<StackContextValue, 'separation' | 'isResizable' | 'onCollapseSection'> &\n    Pick<Required<StackSectionItem>['view'], 'collapsed' | 'size'> &\n    Pick<Required<StackSectionItem>['metadata'], 'icon'>\n>;\n\nconst resizeHandleStyles = mx(resizeHandle, resizeHandleHorizontal, 'is-full bs-[--rail-action] col-start-2');\n\nexport const Section: ForwardRefExoticComponent<SectionProps & RefAttributes<HTMLLIElement>> = forwardRef<\n  HTMLLIElement,\n  SectionProps\n>(\n  (\n    {\n      id,\n      title,\n      icon = 'ph--placeholder--regular',\n      size = 'intrinsic',\n      collapsed,\n      active,\n      isResizable,\n      draggableProps,\n      draggableStyle,\n      onDelete,\n      onNavigate,\n      onAddBefore,\n      onAddAfter,\n      onCollapseSection,\n      children,\n    },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(translationKey);\n    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n    const sectionActionsToolbar = useTabsterAttributes({\n      groupper: {},\n      focusable: {},\n      mover: { cyclic: true, direction: 1, memorizeCurrent: false },\n    });\n    const sectionContentGroup = useFocusableGroup({});\n    const attendableAttrs = useAttendableAttributes(id);\n\n    return (\n      <CollapsiblePrimitive.Root\n        asChild\n        open={!collapsed}\n        onOpenChange={(nextOpen) => onCollapseSection?.(id, !nextOpen)}\n      >\n        <ListItem.Root\n          ref={forwardedRef}\n          id={id}\n          {...attendableAttrs}\n          classNames={[\n            'grid col-span-2 group/section',\n            active === 'overlay' ? stackColumns : 'grid-cols-subgrid snap-start',\n          ]}\n          style={draggableStyle}\n        >\n          <div\n            role='none'\n            className={mx(\n              'grid col-span-2 grid-cols-subgrid',\n              'bg-base attention-surface',\n              hoverableControls,\n              hoverableFocusedWithinControls,\n              (active === 'origin' || active === 'rearrange' || active === 'destination') && 'opacity-0',\n            )}\n          >\n            <div\n              role='toolbar'\n              aria-orientation='vertical'\n              aria-label={t('section controls label')}\n              {...(!active && { tabIndex: 0 })}\n              {...(!active && sectionActionsToolbar)}\n              className={mx(\n                'grid grid-cols-subgrid ch-focus-ring rounded-sm grid-rows-[min-content_min-content_1fr] m-1',\n                'group-has-[[role=toolbar][aria-orientation=horizontal]]/section:pbs-[--rail-action]',\n              )}\n            >\n              <div role='none' className='sticky -block-start-px bg-[--sticky-bg]'>\n                <DropdownMenu.Root\n                  {...{\n                    open: optionsMenuOpen,\n                    onOpenChange: setOptionsMenuOpen,\n                  }}\n                >\n                  <DropDownMenuDragHandleTrigger active={!!active} variant='ghost' classNames='m-0' {...draggableProps}>\n                    <Icon icon={icon} size={5} classNames='transition-opacity' />\n                  </DropDownMenuDragHandleTrigger>\n                  <DropdownMenu.Portal>\n                    <DropdownMenu.Content>\n                      <DropdownMenu.Viewport>\n                        {collapsed ? (\n                          <DropdownMenu.Item onClick={onNavigate} data-testid='section.navigate-to'>\n                            <ArrowSquareOut className={mx(getSize(5), 'mr-2')} />\n                            <span className='grow'>{t('navigate to section label')}</span>\n                          </DropdownMenu.Item>\n                        ) : (\n                          <CollapsiblePrimitive.Trigger asChild>\n                            <DropdownMenu.Item>\n                              <CaretDownUp className={mx(getSize(5), 'mr-2')} />\n                              <span className='grow'>{t('collapse label')}</span>\n                            </DropdownMenu.Item>\n                          </CollapsiblePrimitive.Trigger>\n                        )}\n                        <DropdownMenu.Item onClick={onAddBefore} data-testid='section.add-before'>\n                          <ArrowLineUp className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section before label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={onAddAfter} data-testid='section.add-after'>\n                          <ArrowLineDown className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section after label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={() => onDelete?.()} data-testid='section.remove'>\n                          <Trash className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('remove section label')}</span>\n                        </DropdownMenu.Item>\n                      </DropdownMenu.Viewport>\n                      <DropdownMenu.Arrow />\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n                {collapsed ? (\n                  <CollapsiblePrimitive.Trigger asChild>\n                    <Button variant='ghost' classNames={sectionActionDimensions}>\n                      <span className='sr-only'>{t('expand label')}</span>\n                      <CaretUpDown className={getSize(4)} />\n                    </Button>\n                  </CollapsiblePrimitive.Trigger>\n                ) : (\n                  <Button\n                    variant='ghost'\n                    classNames={sectionActionDimensions}\n                    onClick={onNavigate}\n                    data-testid='section.navigate-to'\n                  >\n                    <ArrowSquareOut className={mx(getSize(4))} />\n                    <span className='sr-only'>{t('navigate to section label')}</span>\n                  </Button>\n                )}\n              </div>\n            </div>\n\n            {/* Main content */}\n\n            <ListItem.Heading\n              classNames={collapsed ? ['grid grid-rows-subgrid grid-cols-subgrid items-center', focusRing] : 'sr-only'}\n              {...(collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n            >\n              {/*\n                TODO(thure): This needs to be made extensible; Markdown document titles especially are difficult.\n                  Using `Surface` in a UI package like this would be unprecedented and needs motivation.\n                  Refactoring to use subcomponents is complicated by sections being a sortable Mosaic Tile.\n                  Reevaluate when work on collections (Folders, Stacks, etc) settles.\n              */}\n              <span className='truncate'>{title}</span>\n            </ListItem.Heading>\n            {size === 'intrinsic' ? (\n              <CollapsiblePrimitive.Content\n                {...(!collapsed && {\n                  ...sectionContentGroup,\n                  tabIndex: 0,\n                })}\n                // TODO(burdon): Add margin to fragment?\n                className={mx(focusRing, 'm-[2px]')}\n              >\n                {children}\n              </CollapsiblePrimitive.Content>\n            ) : (\n              <CollapsiblePrimitive.Content asChild>\n                <ScrollArea.Root\n                  type='always'\n                  {...(!collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n                  classNames={mx(focusRing, 'is-full has-[[data-radix-scroll-area-viewport]]:pbe-4')}\n                >\n                  <ScrollArea.Viewport>{children}</ScrollArea.Viewport>\n                  <ScrollArea.Scrollbar\n                    orientation='horizontal'\n                    variant='coarse'\n                    classNames='hidden has-[div]:flex !inline-end-[max(.25rem,var(--radix-scroll-area-corner-width))]'\n                  >\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Scrollbar orientation='vertical' variant='coarse' classNames='hidden has-[div]:flex'>\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Corner />\n                </ScrollArea.Root>\n              </CollapsiblePrimitive.Content>\n            )}\n          </div>\n          {isResizable && !collapsed && (\n            <button className={resizeHandleStyles}>\n              <span className='sr-only'>{t('resize section label')}</span>\n            </button>\n          )}\n        </ListItem.Root>\n      </CollapsiblePrimitive.Root>\n    );\n  },\n);\n\nexport type SectionToolbarProps = ThemedClassName<ComponentPropsWithRef<'div'>>;\n\n// TODO(burdon): block-start\nexport const sectionToolbarLayout =\n  'bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity';\n\nexport const SectionToolbar = ({ children, classNames }: SectionToolbarProps) => {\n  return (\n    <Toolbar.Root orientation='horizontal' classNames={[sectionToolbarLayout, hoverableControlItem, classNames]}>\n      {children}\n    </Toolbar.Root>\n  );\n};\n\nexport const SectionTile: MosaicTileComponent<\n  StackSectionItem,\n  HTMLLIElement\n  // TODO(wittjosiah): If props is specified there is a type error with Mosaic.Container.\n  // { itemContext: StackContextValue }\n> = forwardRef(({ path, type, active, draggableStyle, draggableProps, item, itemContext }, forwardedRef) => {\n  const { t } = useTranslation(translationKey);\n  const { activeItem } = useMosaic();\n\n  const separation = !!itemContext?.separation;\n  const isResizable = !!itemContext?.isResizable;\n  const { transform, onDeleteSection, onNavigateToSection, onAddSection, onCollapseSection, SectionContent } =\n    itemContext as StackContextValue;\n\n  const transformedItem = transform\n    ? transform(\n        item,\n        // TODO(wittjosiah): `active` doesn't always seem to be accurate here.\n        activeItem?.item.id === item.id ? activeItem?.type : type,\n      )\n    : item;\n\n  const placeholder = transformedItem.metadata?.placeholder ?? ['untitled section title', { ns: translationKey }];\n  const title = transformedItem.view?.title ?? toLocalizedString(placeholder, t);\n\n  const section = (\n    <Section\n      ref={forwardedRef}\n      title={title}\n      id={transformedItem.id}\n      size={transformedItem.view?.size}\n      icon={transformedItem.metadata?.icon}\n      collapsed={transformedItem.view?.collapsed}\n      separation={separation}\n      active={active}\n      draggableProps={draggableProps}\n      draggableStyle={draggableStyle}\n      onCollapseSection={onCollapseSection}\n      isResizable={isResizable}\n      onDelete={() => onDeleteSection?.(path)}\n      onNavigate={() => onNavigateToSection?.(transformedItem)}\n      onAddAfter={() => onAddSection?.(path, 'after')}\n      onAddBefore={() => onAddSection?.(path, 'before')}\n    >\n      {SectionContent && <SectionContent data={transformedItem.object} />}\n    </Section>\n  );\n\n  return active === 'overlay' ? <List>{section}</List> : section;\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nexport const CaretDownUp = ({ children, weight, ...props }: IconProps) => {\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n      <rect width='256' height='256' fill='none' />\n      <polyline\n        points='80 224 128 176 176 224'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      <polyline\n        points='80 32 128 80 176 32'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      {children}\n    </svg>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nexport const stackColumns = 'grid-cols-[var(--rail-size)_calc(100%-var(--rail-size))]';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {\n        'empty stack message': 'Drag items into the stack.',\n        'remove section label': 'Delete',\n        'navigate to section label': 'Navigate to item',\n        'untitled section title': 'Untitled section',\n        'add section before label': 'Add before',\n        'add section after label': 'Add after',\n        'expand label': 'Expand',\n        'collapse label': 'Collapse',\n      },\n    },\n  },\n];\n"],
+  "mappings": "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",
   "names": ["useArrowNavigationGroup", "useFocusableGroup", "React", "forwardRef", "useCallback", "useResizeDetector", "List", "useTranslation", "Mosaic", "Path", "useContainer", "useItemsWithPreview", "useMosaic", "dropRingInner", "useFocusableGroup", "useTabsterAttributes", "ArrowLineDown", "ArrowLineUp", "ArrowSquareOut", "CaretUpDown", "Trash", "CollapsiblePrimitive", "React", "forwardRef", "useState", "Button", "DropdownMenu", "Icon", "List", "ListItem", "ScrollArea", "Toolbar", "toLocalizedString", "useTranslation", "useAttendableAttributes", "DropDownMenuDragHandleTrigger", "resizeHandle", "resizeHandleHorizontal", "useMosaic", "focusRing", "getSize", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "React", "CaretDownUp", "children", "weight", "props", "svg", "xmlns", "viewBox", "rect", "width", "height", "fill", "polyline", "points", "stroke", "strokeLinecap", "strokeLinejoin", "strokeWidth", "stackColumns", "translationKey", "sectionActionDimensions", "resizeHandleStyles", "mx", "resizeHandle", "resizeHandleHorizontal", "Section", "forwardRef", "id", "title", "icon", "size", "collapsed", "active", "isResizable", "draggableProps", "draggableStyle", "onDelete", "onNavigate", "onAddBefore", "onAddAfter", "onCollapseSection", "children", "forwardedRef", "t", "useTranslation", "translationKey", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "sectionActionsToolbar", "useTabsterAttributes", "groupper", "focusable", "mover", "cyclic", "direction", "memorizeCurrent", "sectionContentGroup", "useFocusableGroup", "attendableAttrs", "useAttendableAttributes", "React", "Root", "asChild", "open", "onOpenChange", "nextOpen", "ListItem", "ref", "classNames", "stackColumns", "style", "div", "role", "className", "hoverableControls", "hoverableFocusedWithinControls", "aria-orientation", "aria-label", "tabIndex", "DropdownMenu", "DropDownMenuDragHandleTrigger", "variant", "Icon", "Portal", "Content", "Viewport", "Item", "onClick", "data-testid", "ArrowSquareOut", "getSize", "span", "Trigger", "CaretDownUp", "ArrowLineUp", "ArrowLineDown", "Trash", "Arrow", "Button", "CaretUpDown", "Heading", "focusRing", "ScrollArea", "type", "Scrollbar", "orientation", "Thumb", "Corner", "button", "sectionToolbarLayout", "SectionToolbar", "Toolbar", "hoverableControlItem", "SectionTile", "path", "item", "itemContext", "activeItem", "useMosaic", "separation", "transform", "onDeleteSection", "onNavigateToSection", "onAddSection", "SectionContent", "transformedItem", "placeholder", "metadata", "ns", "view", "toLocalizedString", "section", "data", "object", "List", "DEFAULT_TYPE", "Stack", "id", "type", "SectionContent", "items", "separation", "transform", "onOver", "onDrop", "onAddSection", "onDeleteSection", "onNavigateToSection", "onCollapseSection", "props", "ref", "containerRef", "width", "useResizeDetector", "refreshRate", "operation", "overItem", "useMosaic", "itemsWithPreview", "useItemsWithPreview", "path", "getOverlayStyle", "useCallback", "getOverlayProps", "itemContext", "stackModifier", "_activeItem", "activeNodeRect", "overlayNodeRect", "y", "top", "React", "Mosaic", "Container", "Component", "SectionTile", "modifier", "DroppableTile", "item", "isOver", "Path", "hasRoot", "StackTile", "forwardRef", "classNames", "_type", "emptyComponent", "forwardedRef", "t", "useTranslation", "translationKey", "useContainer", "domAttributes", "useArrowNavigationGroup", "axis", "activeItem", "_group", "useFocusableGroup", "List", "stackColumns", "dropRingInner", "length", "SortableContext", "direction", "map", "index", "SortableTile", "key", "position", "undefined", "p", "className", "data-testid"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytes":3080,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytes":707,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":2050,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytes":39720,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":16626,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":832,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack.tsx","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytes":12336,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7412,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":612,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/generator.ts","kind":"import-statement","original":"./generator"},{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":33623},"packages/ui/react-ui-stack/dist/lib/browser/index.mjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["DEFAULT_TYPE","SectionToolbar","Stack","sectionToolbarLayout","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":3542},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytesInOutput":10050},"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytesInOutput":779},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytesInOutput":79},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":508},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":15516},"packages/ui/react-ui-stack/dist/lib/browser/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9963},"packages/ui/react-ui-stack/dist/lib/browser/testing/index.mjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"exports":["Priority","SectionManager","StackManager","Status","TestObjectGenerator","defaultGenerators","range"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytesInOutput":2244},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1569}},"bytes":4083}}}
+{"inputs":{"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytes":3080,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytes":707,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":2050,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytes":39706,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":16626,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":832,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack.tsx","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytes":12336,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7412,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":612,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/generator.ts","kind":"import-statement","original":"./generator"},{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":33617},"packages/ui/react-ui-stack/dist/lib/browser/index.mjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["DEFAULT_TYPE","SectionToolbar","Stack","sectionToolbarLayout","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":3542},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytesInOutput":10044},"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytesInOutput":779},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytesInOutput":79},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":508},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":15510},"packages/ui/react-ui-stack/dist/lib/browser/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9963},"packages/ui/react-ui-stack/dist/lib/browser/testing/index.mjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"exports":["Priority","SectionManager","StackManager","Status","TestObjectGenerator","defaultGenerators","range"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytesInOutput":2244},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1569}},"bytes":4083}}}

package/dist/lib/node/index.cjs

@@ -96,7 +96,7 @@ var translations_default = [
 ];
 var sectionActionDimensions = "p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min";
 var resizeHandleStyles = (0, import_react_ui_theme2.mx)(import_react_ui_deck.resizeHandle, import_react_ui_deck.resizeHandleHorizontal, "is-full bs-[--rail-action] col-start-2");
-var Section = /* @__PURE__ */ (0, import_react3.forwardRef)(({ id, title, icon = "phosphor--placeholder--regular", size = "intrinsic", collapsed, active, isResizable, draggableProps, draggableStyle, onDelete, onNavigate, onAddBefore, onAddAfter, onCollapseSection, children }, forwardedRef) => {
+var Section = /* @__PURE__ */ (0, import_react3.forwardRef)(({ id, title, icon = "ph--placeholder--regular", size = "intrinsic", collapsed, active, isResizable, draggableProps, draggableStyle, onDelete, onNavigate, onAddBefore, onAddAfter, onCollapseSection, children }, forwardedRef) => {
   const { t } = (0, import_react_ui2.useTranslation)(translationKey);
   const [optionsMenuOpen, setOptionsMenuOpen] = (0, import_react3.useState)(false);
   const sectionActionsToolbar = (0, import_react_tabster2.useTabsterAttributes)({

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Stack.tsx", "../../../src/components/Section.tsx", "../../../src/components/CaretDownUp.tsx", "../../../src/components/style-fragments.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useArrowNavigationGroup, useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { forwardRef, useCallback } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { List, useTranslation } from '@dxos/react-ui';\nimport {\n  type MosaicContainerProps,\n  type MosaicTileComponent,\n  Mosaic,\n  Path,\n  useContainer,\n  useItemsWithPreview,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport { dropRingInner } from '@dxos/react-ui-theme';\n\nimport {\n  type CollapsedSections,\n  type AddSectionPosition,\n  SectionTile,\n  type StackContextValue,\n  type StackItem,\n  type StackSectionContent,\n  type StackSectionItem,\n} from './Section';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type { CollapsedSections, AddSectionPosition };\n\nexport const DEFAULT_TYPE = 'stack-section';\n\nexport type StackProps<TData extends StackSectionContent = StackSectionContent> = Omit<\n  MosaicContainerProps<TData, number>,\n  'debug' | 'Component'\n> &\n  Omit<StackContextValue<TData>, 'setCollapsedSections'> & {\n    items?: StackSectionItem[];\n    separation?: boolean; // TODO(burdon): Style.\n    onCollapseSection?: (id: string, collapsed: boolean) => void;\n    emptyComponent?: React.ReactNode;\n  };\n\nexport const Stack = ({\n  id,\n  type = DEFAULT_TYPE,\n  SectionContent,\n  items = [],\n  separation = true,\n  transform,\n  onOver,\n  onDrop,\n  onAddSection,\n  onDeleteSection,\n  onNavigateToSection,\n  onCollapseSection,\n  ...props\n}: StackProps) => {\n  const { ref: containerRef, width = 0 } = useResizeDetector<HTMLDivElement>({ refreshRate: 200 });\n  const { operation, overItem } = useMosaic();\n  const itemsWithPreview = useItemsWithPreview({ path: id, items });\n\n  const getOverlayStyle = useCallback(() => ({ width }), [width]);\n  const getOverlayProps = useCallback(\n    () => ({ itemContext: { transform, SectionContent } }),\n    [transform, SectionContent],\n  );\n\n  // TODO(thure): The root cause of the discrepancy between `activeNodeRect.top` and `overlayNodeRect.top` in Composer\n  //  in particular is not yet known, so this solution may may backfire in unforeseeable cases.\n  const stackModifier = useCallback<Exclude<MosaicContainerProps['modifier'], undefined>>(\n    (_activeItem, { transform, activeNodeRect, overlayNodeRect }) => {\n      if (activeNodeRect && overlayNodeRect) {\n        transform.y += activeNodeRect?.top - overlayNodeRect?.top;\n      }\n      return transform;\n    },\n    [],\n  );\n\n  return (\n    <Mosaic.Container\n      {...{\n        id,\n        type,\n        Component: SectionTile as MosaicTileComponent<StackSectionItem, HTMLDivElement>,\n        getOverlayStyle,\n        getOverlayProps,\n        onOver,\n        onDrop,\n        modifier: stackModifier,\n      }}\n    >\n      <Mosaic.DroppableTile\n        path={id}\n        type={type}\n        item={{ id, items: itemsWithPreview }}\n        // TODO(wittjosiah): Should this actually be a context?\n        itemContext={{\n          separation,\n          transform,\n          onDeleteSection,\n          onNavigateToSection,\n          onAddSection,\n          onCollapseSection,\n          SectionContent,\n        }}\n        isOver={\n          overItem &&\n          !!overItem.path &&\n          Path.hasRoot(overItem.path, id) &&\n          (operation === 'copy' || operation === 'transfer')\n        }\n        Component={StackTile}\n        {...props}\n        ref={containerRef}\n      />\n    </Mosaic.Container>\n  );\n};\n\nconst StackTile: MosaicTileComponent<StackItem, HTMLOListElement, Pick<StackProps, 'emptyComponent'>> = forwardRef(\n  ({ classNames, path, isOver, item: { items }, itemContext, type: _type, emptyComponent, ...props }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const { Component, type } = useContainer();\n    const domAttributes = useArrowNavigationGroup({ axis: 'grid' });\n    const { activeItem } = useMosaic();\n\n    // NOTE(thure): Ensure “groupper” is available, but no need to use it here.\n    const _group = useFocusableGroup();\n\n    // NOTE: Keep outer padding the same as MarkdownMain.\n    return (\n      <List\n        ref={forwardedRef}\n        classNames={['grid relative', stackColumns, isOver && dropRingInner, classNames]}\n        {...(!activeItem && domAttributes)}\n        {...props}\n      >\n        {items.length > 0 ? (\n          <Mosaic.SortableContext items={items} direction='vertical'>\n            {items.map((item, index) => (\n              <Mosaic.SortableTile\n                key={item.id}\n                item={item}\n                itemContext={itemContext}\n                path={path}\n                type={type}\n                position={index}\n                Component={Component}\n              />\n            ))}\n          </Mosaic.SortableContext>\n        ) : emptyComponent !== undefined ? (\n          <>{emptyComponent}</>\n        ) : (\n          <p\n            className='grid col-span-2 text-center p-4 border border-dashed border-neutral-500/50 rounded'\n            data-testid='stack.empty'\n          >\n            {t('empty stack message')}\n          </p>\n        )}\n      </List>\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useFocusableGroup, useTabsterAttributes } from '@fluentui/react-tabster';\nimport { ArrowLineDown, ArrowLineUp, ArrowSquareOut, CaretUpDown, Trash } from '@phosphor-icons/react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, {\n  forwardRef,\n  useState,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type FC,\n  type PropsWithChildren,\n  type ComponentPropsWithRef,\n} from 'react';\n\nimport {\n  Button,\n  DropdownMenu,\n  Icon,\n  type Label,\n  List,\n  ListItem,\n  ScrollArea,\n  type ThemedClassName,\n  Toolbar,\n  toLocalizedString,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { DropDownMenuDragHandleTrigger, resizeHandle, resizeHandleHorizontal } from '@dxos/react-ui-deck';\nimport {\n  type MosaicActiveType,\n  type MosaicDataItem,\n  type MosaicTileComponent,\n  type MosaicTileProps,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport {\n  focusRing,\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nconst sectionActionDimensions = 'p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport type StackSectionContent = MosaicDataItem;\n\nexport type CollapsedSections = Record<string, boolean>;\n\nexport type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';\n\nexport type StackContextValue<TData extends StackSectionContent = StackSectionContent> = {\n  SectionContent: FC<{ data: TData }>;\n  separation?: boolean;\n  isResizable?: boolean;\n  transform?: (item: MosaicDataItem, type?: string) => StackSectionItem;\n  onDeleteSection?: (path: string) => void;\n  onAddSection?: (path: string, position: AddSectionPosition) => void;\n  onNavigateToSection?: (object: MosaicDataItem) => void;\n  onCollapseSection?: (id: string, collapsed: boolean) => void;\n};\n\nexport type StackItem = MosaicDataItem & {\n  items: StackSectionItem[];\n};\n\nexport type StackSectionItem = MosaicDataItem & {\n  object: StackSectionContent;\n  // TODO(wittjosiah): Use effect schema? Share schema with echo.\n  view?: {\n    title?: string;\n    size?: SectionSize;\n    height?: number;\n    collapsed?: boolean;\n    custom?: Record<string, any>;\n  };\n  // TODO(wittjosiah): Common type? Factor out?\n  metadata?: {\n    icon?: string;\n    placeholder?: Label;\n    viewActions?: (item: StackSectionItem) => StackAction;\n  };\n};\n\nexport type StackAction = {\n  icon: string;\n  label: Label;\n  onClick: () => void;\n};\n\nexport type SectionSize = 'intrinsic' | 'extrinsic';\n\nexport type SectionProps = PropsWithChildren<\n  {\n    // Data props.\n    id: string;\n    title: string;\n\n    // Tile props.\n    active?: MosaicActiveType;\n  } & Pick<\n    MosaicTileProps,\n    'draggableProps' | 'draggableStyle' | 'onDelete' | 'onNavigate' | 'onAddAfter' | 'onAddBefore'\n  > &\n    Pick<StackContextValue, 'separation' | 'isResizable' | 'onCollapseSection'> &\n    Pick<Required<StackSectionItem>['view'], 'collapsed' | 'size'> &\n    Pick<Required<StackSectionItem>['metadata'], 'icon'>\n>;\n\nconst resizeHandleStyles = mx(resizeHandle, resizeHandleHorizontal, 'is-full bs-[--rail-action] col-start-2');\n\nexport const Section: ForwardRefExoticComponent<SectionProps & RefAttributes<HTMLLIElement>> = forwardRef<\n  HTMLLIElement,\n  SectionProps\n>(\n  (\n    {\n      id,\n      title,\n      icon = 'phosphor--placeholder--regular',\n      size = 'intrinsic',\n      collapsed,\n      active,\n      isResizable,\n      draggableProps,\n      draggableStyle,\n      onDelete,\n      onNavigate,\n      onAddBefore,\n      onAddAfter,\n      onCollapseSection,\n      children,\n    },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(translationKey);\n    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n    const sectionActionsToolbar = useTabsterAttributes({\n      groupper: {},\n      focusable: {},\n      mover: { cyclic: true, direction: 1, memorizeCurrent: false },\n    });\n    const sectionContentGroup = useFocusableGroup({});\n    const attendableAttrs = useAttendableAttributes(id);\n\n    return (\n      <CollapsiblePrimitive.Root\n        asChild\n        open={!collapsed}\n        onOpenChange={(nextOpen) => onCollapseSection?.(id, !nextOpen)}\n      >\n        <ListItem.Root\n          ref={forwardedRef}\n          id={id}\n          {...attendableAttrs}\n          classNames={[\n            'grid col-span-2 group/section',\n            active === 'overlay' ? stackColumns : 'grid-cols-subgrid snap-start',\n          ]}\n          style={draggableStyle}\n        >\n          <div\n            role='none'\n            className={mx(\n              'grid col-span-2 grid-cols-subgrid',\n              'bg-base attention-surface',\n              hoverableControls,\n              hoverableFocusedWithinControls,\n              (active === 'origin' || active === 'rearrange' || active === 'destination') && 'opacity-0',\n            )}\n          >\n            <div\n              role='toolbar'\n              aria-orientation='vertical'\n              aria-label={t('section controls label')}\n              {...(!active && { tabIndex: 0 })}\n              {...(!active && sectionActionsToolbar)}\n              className={mx(\n                'grid grid-cols-subgrid ch-focus-ring rounded-sm grid-rows-[min-content_min-content_1fr] m-1',\n                'group-has-[[role=toolbar][aria-orientation=horizontal]]/section:pbs-[--rail-action]',\n              )}\n            >\n              <div role='none' className='sticky -block-start-px bg-[--sticky-bg]'>\n                <DropdownMenu.Root\n                  {...{\n                    open: optionsMenuOpen,\n                    onOpenChange: setOptionsMenuOpen,\n                  }}\n                >\n                  <DropDownMenuDragHandleTrigger active={!!active} variant='ghost' classNames='m-0' {...draggableProps}>\n                    <Icon icon={icon} size={5} classNames='transition-opacity' />\n                  </DropDownMenuDragHandleTrigger>\n                  <DropdownMenu.Portal>\n                    <DropdownMenu.Content>\n                      <DropdownMenu.Viewport>\n                        {collapsed ? (\n                          <DropdownMenu.Item onClick={onNavigate} data-testid='section.navigate-to'>\n                            <ArrowSquareOut className={mx(getSize(5), 'mr-2')} />\n                            <span className='grow'>{t('navigate to section label')}</span>\n                          </DropdownMenu.Item>\n                        ) : (\n                          <CollapsiblePrimitive.Trigger asChild>\n                            <DropdownMenu.Item>\n                              <CaretDownUp className={mx(getSize(5), 'mr-2')} />\n                              <span className='grow'>{t('collapse label')}</span>\n                            </DropdownMenu.Item>\n                          </CollapsiblePrimitive.Trigger>\n                        )}\n                        <DropdownMenu.Item onClick={onAddBefore} data-testid='section.add-before'>\n                          <ArrowLineUp className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section before label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={onAddAfter} data-testid='section.add-after'>\n                          <ArrowLineDown className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section after label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={() => onDelete?.()} data-testid='section.remove'>\n                          <Trash className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('remove section label')}</span>\n                        </DropdownMenu.Item>\n                      </DropdownMenu.Viewport>\n                      <DropdownMenu.Arrow />\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n                {collapsed ? (\n                  <CollapsiblePrimitive.Trigger asChild>\n                    <Button variant='ghost' classNames={sectionActionDimensions}>\n                      <span className='sr-only'>{t('expand label')}</span>\n                      <CaretUpDown className={getSize(4)} />\n                    </Button>\n                  </CollapsiblePrimitive.Trigger>\n                ) : (\n                  <Button\n                    variant='ghost'\n                    classNames={sectionActionDimensions}\n                    onClick={onNavigate}\n                    data-testid='section.navigate-to'\n                  >\n                    <ArrowSquareOut className={mx(getSize(4))} />\n                    <span className='sr-only'>{t('navigate to section label')}</span>\n                  </Button>\n                )}\n              </div>\n            </div>\n\n            {/* Main content */}\n\n            <ListItem.Heading\n              classNames={collapsed ? ['grid grid-rows-subgrid grid-cols-subgrid items-center', focusRing] : 'sr-only'}\n              {...(collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n            >\n              {/*\n                TODO(thure): This needs to be made extensible; Markdown document titles especially are difficult.\n                  Using `Surface` in a UI package like this would be unprecedented and needs motivation.\n                  Refactoring to use subcomponents is complicated by sections being a sortable Mosaic Tile.\n                  Reevaluate when work on collections (Folders, Stacks, etc) settles.\n              */}\n              <span className='truncate'>{title}</span>\n            </ListItem.Heading>\n            {size === 'intrinsic' ? (\n              <CollapsiblePrimitive.Content\n                {...(!collapsed && {\n                  ...sectionContentGroup,\n                  tabIndex: 0,\n                })}\n                // TODO(burdon): Add margin to fragment?\n                className={mx(focusRing, 'm-[2px]')}\n              >\n                {children}\n              </CollapsiblePrimitive.Content>\n            ) : (\n              <CollapsiblePrimitive.Content asChild>\n                <ScrollArea.Root\n                  type='always'\n                  {...(!collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n                  classNames={mx(focusRing, 'is-full has-[[data-radix-scroll-area-viewport]]:pbe-4')}\n                >\n                  <ScrollArea.Viewport>{children}</ScrollArea.Viewport>\n                  <ScrollArea.Scrollbar\n                    orientation='horizontal'\n                    variant='coarse'\n                    classNames='hidden has-[div]:flex !inline-end-[max(.25rem,var(--radix-scroll-area-corner-width))]'\n                  >\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Scrollbar orientation='vertical' variant='coarse' classNames='hidden has-[div]:flex'>\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Corner />\n                </ScrollArea.Root>\n              </CollapsiblePrimitive.Content>\n            )}\n          </div>\n          {isResizable && !collapsed && (\n            <button className={resizeHandleStyles}>\n              <span className='sr-only'>{t('resize section label')}</span>\n            </button>\n          )}\n        </ListItem.Root>\n      </CollapsiblePrimitive.Root>\n    );\n  },\n);\n\nexport type SectionToolbarProps = ThemedClassName<ComponentPropsWithRef<'div'>>;\n\n// TODO(burdon): block-start\nexport const sectionToolbarLayout =\n  'bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity';\n\nexport const SectionToolbar = ({ children, classNames }: SectionToolbarProps) => {\n  return (\n    <Toolbar.Root orientation='horizontal' classNames={[sectionToolbarLayout, hoverableControlItem, classNames]}>\n      {children}\n    </Toolbar.Root>\n  );\n};\n\nexport const SectionTile: MosaicTileComponent<\n  StackSectionItem,\n  HTMLLIElement\n  // TODO(wittjosiah): If props is specified there is a type error with Mosaic.Container.\n  // { itemContext: StackContextValue }\n> = forwardRef(({ path, type, active, draggableStyle, draggableProps, item, itemContext }, forwardedRef) => {\n  const { t } = useTranslation(translationKey);\n  const { activeItem } = useMosaic();\n\n  const separation = !!itemContext?.separation;\n  const isResizable = !!itemContext?.isResizable;\n  const { transform, onDeleteSection, onNavigateToSection, onAddSection, onCollapseSection, SectionContent } =\n    itemContext as StackContextValue;\n\n  const transformedItem = transform\n    ? transform(\n        item,\n        // TODO(wittjosiah): `active` doesn't always seem to be accurate here.\n        activeItem?.item.id === item.id ? activeItem?.type : type,\n      )\n    : item;\n\n  const placeholder = transformedItem.metadata?.placeholder ?? ['untitled section title', { ns: translationKey }];\n  const title = transformedItem.view?.title ?? toLocalizedString(placeholder, t);\n\n  const section = (\n    <Section\n      ref={forwardedRef}\n      title={title}\n      id={transformedItem.id}\n      size={transformedItem.view?.size}\n      icon={transformedItem.metadata?.icon}\n      collapsed={transformedItem.view?.collapsed}\n      separation={separation}\n      active={active}\n      draggableProps={draggableProps}\n      draggableStyle={draggableStyle}\n      onCollapseSection={onCollapseSection}\n      isResizable={isResizable}\n      onDelete={() => onDeleteSection?.(path)}\n      onNavigate={() => onNavigateToSection?.(transformedItem)}\n      onAddAfter={() => onAddSection?.(path, 'after')}\n      onAddBefore={() => onAddSection?.(path, 'before')}\n    >\n      {SectionContent && <SectionContent data={transformedItem.object} />}\n    </Section>\n  );\n\n  return active === 'overlay' ? <List>{section}</List> : section;\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nexport const CaretDownUp = ({ children, weight, ...props }: IconProps) => {\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n      <rect width='256' height='256' fill='none' />\n      <polyline\n        points='80 224 128 176 176 224'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      <polyline\n        points='80 32 128 80 176 32'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      {children}\n    </svg>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nexport const stackColumns = 'grid-cols-[var(--rail-size)_calc(100%-var(--rail-size))]';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {\n        'empty stack message': 'Drag items into the stack.',\n        'remove section label': 'Delete',\n        'navigate to section label': 'Navigate to item',\n        'untitled section title': 'Untitled section',\n        'add section before label': 'Add before',\n        'add section after label': 'Add after',\n        'expand label': 'Expand',\n        'collapse label': 'Collapse',\n      },\n    },\n  },\n];\n"],
-  "mappings": "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",
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useArrowNavigationGroup, useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { forwardRef, useCallback } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { List, useTranslation } from '@dxos/react-ui';\nimport {\n  type MosaicContainerProps,\n  type MosaicTileComponent,\n  Mosaic,\n  Path,\n  useContainer,\n  useItemsWithPreview,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport { dropRingInner } from '@dxos/react-ui-theme';\n\nimport {\n  type CollapsedSections,\n  type AddSectionPosition,\n  SectionTile,\n  type StackContextValue,\n  type StackItem,\n  type StackSectionContent,\n  type StackSectionItem,\n} from './Section';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type { CollapsedSections, AddSectionPosition };\n\nexport const DEFAULT_TYPE = 'stack-section';\n\nexport type StackProps<TData extends StackSectionContent = StackSectionContent> = Omit<\n  MosaicContainerProps<TData, number>,\n  'debug' | 'Component'\n> &\n  Omit<StackContextValue<TData>, 'setCollapsedSections'> & {\n    items?: StackSectionItem[];\n    separation?: boolean; // TODO(burdon): Style.\n    onCollapseSection?: (id: string, collapsed: boolean) => void;\n    emptyComponent?: React.ReactNode;\n  };\n\nexport const Stack = ({\n  id,\n  type = DEFAULT_TYPE,\n  SectionContent,\n  items = [],\n  separation = true,\n  transform,\n  onOver,\n  onDrop,\n  onAddSection,\n  onDeleteSection,\n  onNavigateToSection,\n  onCollapseSection,\n  ...props\n}: StackProps) => {\n  const { ref: containerRef, width = 0 } = useResizeDetector<HTMLDivElement>({ refreshRate: 200 });\n  const { operation, overItem } = useMosaic();\n  const itemsWithPreview = useItemsWithPreview({ path: id, items });\n\n  const getOverlayStyle = useCallback(() => ({ width }), [width]);\n  const getOverlayProps = useCallback(\n    () => ({ itemContext: { transform, SectionContent } }),\n    [transform, SectionContent],\n  );\n\n  // TODO(thure): The root cause of the discrepancy between `activeNodeRect.top` and `overlayNodeRect.top` in Composer\n  //  in particular is not yet known, so this solution may may backfire in unforeseeable cases.\n  const stackModifier = useCallback<Exclude<MosaicContainerProps['modifier'], undefined>>(\n    (_activeItem, { transform, activeNodeRect, overlayNodeRect }) => {\n      if (activeNodeRect && overlayNodeRect) {\n        transform.y += activeNodeRect?.top - overlayNodeRect?.top;\n      }\n      return transform;\n    },\n    [],\n  );\n\n  return (\n    <Mosaic.Container\n      {...{\n        id,\n        type,\n        Component: SectionTile as MosaicTileComponent<StackSectionItem, HTMLDivElement>,\n        getOverlayStyle,\n        getOverlayProps,\n        onOver,\n        onDrop,\n        modifier: stackModifier,\n      }}\n    >\n      <Mosaic.DroppableTile\n        path={id}\n        type={type}\n        item={{ id, items: itemsWithPreview }}\n        // TODO(wittjosiah): Should this actually be a context?\n        itemContext={{\n          separation,\n          transform,\n          onDeleteSection,\n          onNavigateToSection,\n          onAddSection,\n          onCollapseSection,\n          SectionContent,\n        }}\n        isOver={\n          overItem &&\n          !!overItem.path &&\n          Path.hasRoot(overItem.path, id) &&\n          (operation === 'copy' || operation === 'transfer')\n        }\n        Component={StackTile}\n        {...props}\n        ref={containerRef}\n      />\n    </Mosaic.Container>\n  );\n};\n\nconst StackTile: MosaicTileComponent<StackItem, HTMLOListElement, Pick<StackProps, 'emptyComponent'>> = forwardRef(\n  ({ classNames, path, isOver, item: { items }, itemContext, type: _type, emptyComponent, ...props }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const { Component, type } = useContainer();\n    const domAttributes = useArrowNavigationGroup({ axis: 'grid' });\n    const { activeItem } = useMosaic();\n\n    // NOTE(thure): Ensure “groupper” is available, but no need to use it here.\n    const _group = useFocusableGroup();\n\n    // NOTE: Keep outer padding the same as MarkdownMain.\n    return (\n      <List\n        ref={forwardedRef}\n        classNames={['grid relative', stackColumns, isOver && dropRingInner, classNames]}\n        {...(!activeItem && domAttributes)}\n        {...props}\n      >\n        {items.length > 0 ? (\n          <Mosaic.SortableContext items={items} direction='vertical'>\n            {items.map((item, index) => (\n              <Mosaic.SortableTile\n                key={item.id}\n                item={item}\n                itemContext={itemContext}\n                path={path}\n                type={type}\n                position={index}\n                Component={Component}\n              />\n            ))}\n          </Mosaic.SortableContext>\n        ) : emptyComponent !== undefined ? (\n          <>{emptyComponent}</>\n        ) : (\n          <p\n            className='grid col-span-2 text-center p-4 border border-dashed border-neutral-500/50 rounded'\n            data-testid='stack.empty'\n          >\n            {t('empty stack message')}\n          </p>\n        )}\n      </List>\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useFocusableGroup, useTabsterAttributes } from '@fluentui/react-tabster';\nimport { ArrowLineDown, ArrowLineUp, ArrowSquareOut, CaretUpDown, Trash } from '@phosphor-icons/react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, {\n  forwardRef,\n  useState,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type FC,\n  type PropsWithChildren,\n  type ComponentPropsWithRef,\n} from 'react';\n\nimport {\n  Button,\n  DropdownMenu,\n  Icon,\n  type Label,\n  List,\n  ListItem,\n  ScrollArea,\n  type ThemedClassName,\n  Toolbar,\n  toLocalizedString,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { DropDownMenuDragHandleTrigger, resizeHandle, resizeHandleHorizontal } from '@dxos/react-ui-deck';\nimport {\n  type MosaicActiveType,\n  type MosaicDataItem,\n  type MosaicTileComponent,\n  type MosaicTileProps,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport {\n  focusRing,\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nconst sectionActionDimensions = 'p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport type StackSectionContent = MosaicDataItem;\n\nexport type CollapsedSections = Record<string, boolean>;\n\nexport type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';\n\nexport type StackContextValue<TData extends StackSectionContent = StackSectionContent> = {\n  SectionContent: FC<{ data: TData }>;\n  separation?: boolean;\n  isResizable?: boolean;\n  transform?: (item: MosaicDataItem, type?: string) => StackSectionItem;\n  onDeleteSection?: (path: string) => void;\n  onAddSection?: (path: string, position: AddSectionPosition) => void;\n  onNavigateToSection?: (object: MosaicDataItem) => void;\n  onCollapseSection?: (id: string, collapsed: boolean) => void;\n};\n\nexport type StackItem = MosaicDataItem & {\n  items: StackSectionItem[];\n};\n\nexport type StackSectionItem = MosaicDataItem & {\n  object: StackSectionContent;\n  // TODO(wittjosiah): Use effect schema? Share schema with echo.\n  view?: {\n    title?: string;\n    size?: SectionSize;\n    height?: number;\n    collapsed?: boolean;\n    custom?: Record<string, any>;\n  };\n  // TODO(wittjosiah): Common type? Factor out?\n  metadata?: {\n    icon?: string;\n    placeholder?: Label;\n    viewActions?: (item: StackSectionItem) => StackAction;\n  };\n};\n\nexport type StackAction = {\n  icon: string;\n  label: Label;\n  onClick: () => void;\n};\n\nexport type SectionSize = 'intrinsic' | 'extrinsic';\n\nexport type SectionProps = PropsWithChildren<\n  {\n    // Data props.\n    id: string;\n    title: string;\n\n    // Tile props.\n    active?: MosaicActiveType;\n  } & Pick<\n    MosaicTileProps,\n    'draggableProps' | 'draggableStyle' | 'onDelete' | 'onNavigate' | 'onAddAfter' | 'onAddBefore'\n  > &\n    Pick<StackContextValue, 'separation' | 'isResizable' | 'onCollapseSection'> &\n    Pick<Required<StackSectionItem>['view'], 'collapsed' | 'size'> &\n    Pick<Required<StackSectionItem>['metadata'], 'icon'>\n>;\n\nconst resizeHandleStyles = mx(resizeHandle, resizeHandleHorizontal, 'is-full bs-[--rail-action] col-start-2');\n\nexport const Section: ForwardRefExoticComponent<SectionProps & RefAttributes<HTMLLIElement>> = forwardRef<\n  HTMLLIElement,\n  SectionProps\n>(\n  (\n    {\n      id,\n      title,\n      icon = 'ph--placeholder--regular',\n      size = 'intrinsic',\n      collapsed,\n      active,\n      isResizable,\n      draggableProps,\n      draggableStyle,\n      onDelete,\n      onNavigate,\n      onAddBefore,\n      onAddAfter,\n      onCollapseSection,\n      children,\n    },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(translationKey);\n    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n    const sectionActionsToolbar = useTabsterAttributes({\n      groupper: {},\n      focusable: {},\n      mover: { cyclic: true, direction: 1, memorizeCurrent: false },\n    });\n    const sectionContentGroup = useFocusableGroup({});\n    const attendableAttrs = useAttendableAttributes(id);\n\n    return (\n      <CollapsiblePrimitive.Root\n        asChild\n        open={!collapsed}\n        onOpenChange={(nextOpen) => onCollapseSection?.(id, !nextOpen)}\n      >\n        <ListItem.Root\n          ref={forwardedRef}\n          id={id}\n          {...attendableAttrs}\n          classNames={[\n            'grid col-span-2 group/section',\n            active === 'overlay' ? stackColumns : 'grid-cols-subgrid snap-start',\n          ]}\n          style={draggableStyle}\n        >\n          <div\n            role='none'\n            className={mx(\n              'grid col-span-2 grid-cols-subgrid',\n              'bg-base attention-surface',\n              hoverableControls,\n              hoverableFocusedWithinControls,\n              (active === 'origin' || active === 'rearrange' || active === 'destination') && 'opacity-0',\n            )}\n          >\n            <div\n              role='toolbar'\n              aria-orientation='vertical'\n              aria-label={t('section controls label')}\n              {...(!active && { tabIndex: 0 })}\n              {...(!active && sectionActionsToolbar)}\n              className={mx(\n                'grid grid-cols-subgrid ch-focus-ring rounded-sm grid-rows-[min-content_min-content_1fr] m-1',\n                'group-has-[[role=toolbar][aria-orientation=horizontal]]/section:pbs-[--rail-action]',\n              )}\n            >\n              <div role='none' className='sticky -block-start-px bg-[--sticky-bg]'>\n                <DropdownMenu.Root\n                  {...{\n                    open: optionsMenuOpen,\n                    onOpenChange: setOptionsMenuOpen,\n                  }}\n                >\n                  <DropDownMenuDragHandleTrigger active={!!active} variant='ghost' classNames='m-0' {...draggableProps}>\n                    <Icon icon={icon} size={5} classNames='transition-opacity' />\n                  </DropDownMenuDragHandleTrigger>\n                  <DropdownMenu.Portal>\n                    <DropdownMenu.Content>\n                      <DropdownMenu.Viewport>\n                        {collapsed ? (\n                          <DropdownMenu.Item onClick={onNavigate} data-testid='section.navigate-to'>\n                            <ArrowSquareOut className={mx(getSize(5), 'mr-2')} />\n                            <span className='grow'>{t('navigate to section label')}</span>\n                          </DropdownMenu.Item>\n                        ) : (\n                          <CollapsiblePrimitive.Trigger asChild>\n                            <DropdownMenu.Item>\n                              <CaretDownUp className={mx(getSize(5), 'mr-2')} />\n                              <span className='grow'>{t('collapse label')}</span>\n                            </DropdownMenu.Item>\n                          </CollapsiblePrimitive.Trigger>\n                        )}\n                        <DropdownMenu.Item onClick={onAddBefore} data-testid='section.add-before'>\n                          <ArrowLineUp className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section before label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={onAddAfter} data-testid='section.add-after'>\n                          <ArrowLineDown className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section after label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={() => onDelete?.()} data-testid='section.remove'>\n                          <Trash className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('remove section label')}</span>\n                        </DropdownMenu.Item>\n                      </DropdownMenu.Viewport>\n                      <DropdownMenu.Arrow />\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n                {collapsed ? (\n                  <CollapsiblePrimitive.Trigger asChild>\n                    <Button variant='ghost' classNames={sectionActionDimensions}>\n                      <span className='sr-only'>{t('expand label')}</span>\n                      <CaretUpDown className={getSize(4)} />\n                    </Button>\n                  </CollapsiblePrimitive.Trigger>\n                ) : (\n                  <Button\n                    variant='ghost'\n                    classNames={sectionActionDimensions}\n                    onClick={onNavigate}\n                    data-testid='section.navigate-to'\n                  >\n                    <ArrowSquareOut className={mx(getSize(4))} />\n                    <span className='sr-only'>{t('navigate to section label')}</span>\n                  </Button>\n                )}\n              </div>\n            </div>\n\n            {/* Main content */}\n\n            <ListItem.Heading\n              classNames={collapsed ? ['grid grid-rows-subgrid grid-cols-subgrid items-center', focusRing] : 'sr-only'}\n              {...(collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n            >\n              {/*\n                TODO(thure): This needs to be made extensible; Markdown document titles especially are difficult.\n                  Using `Surface` in a UI package like this would be unprecedented and needs motivation.\n                  Refactoring to use subcomponents is complicated by sections being a sortable Mosaic Tile.\n                  Reevaluate when work on collections (Folders, Stacks, etc) settles.\n              */}\n              <span className='truncate'>{title}</span>\n            </ListItem.Heading>\n            {size === 'intrinsic' ? (\n              <CollapsiblePrimitive.Content\n                {...(!collapsed && {\n                  ...sectionContentGroup,\n                  tabIndex: 0,\n                })}\n                // TODO(burdon): Add margin to fragment?\n                className={mx(focusRing, 'm-[2px]')}\n              >\n                {children}\n              </CollapsiblePrimitive.Content>\n            ) : (\n              <CollapsiblePrimitive.Content asChild>\n                <ScrollArea.Root\n                  type='always'\n                  {...(!collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n                  classNames={mx(focusRing, 'is-full has-[[data-radix-scroll-area-viewport]]:pbe-4')}\n                >\n                  <ScrollArea.Viewport>{children}</ScrollArea.Viewport>\n                  <ScrollArea.Scrollbar\n                    orientation='horizontal'\n                    variant='coarse'\n                    classNames='hidden has-[div]:flex !inline-end-[max(.25rem,var(--radix-scroll-area-corner-width))]'\n                  >\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Scrollbar orientation='vertical' variant='coarse' classNames='hidden has-[div]:flex'>\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Corner />\n                </ScrollArea.Root>\n              </CollapsiblePrimitive.Content>\n            )}\n          </div>\n          {isResizable && !collapsed && (\n            <button className={resizeHandleStyles}>\n              <span className='sr-only'>{t('resize section label')}</span>\n            </button>\n          )}\n        </ListItem.Root>\n      </CollapsiblePrimitive.Root>\n    );\n  },\n);\n\nexport type SectionToolbarProps = ThemedClassName<ComponentPropsWithRef<'div'>>;\n\n// TODO(burdon): block-start\nexport const sectionToolbarLayout =\n  'bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity';\n\nexport const SectionToolbar = ({ children, classNames }: SectionToolbarProps) => {\n  return (\n    <Toolbar.Root orientation='horizontal' classNames={[sectionToolbarLayout, hoverableControlItem, classNames]}>\n      {children}\n    </Toolbar.Root>\n  );\n};\n\nexport const SectionTile: MosaicTileComponent<\n  StackSectionItem,\n  HTMLLIElement\n  // TODO(wittjosiah): If props is specified there is a type error with Mosaic.Container.\n  // { itemContext: StackContextValue }\n> = forwardRef(({ path, type, active, draggableStyle, draggableProps, item, itemContext }, forwardedRef) => {\n  const { t } = useTranslation(translationKey);\n  const { activeItem } = useMosaic();\n\n  const separation = !!itemContext?.separation;\n  const isResizable = !!itemContext?.isResizable;\n  const { transform, onDeleteSection, onNavigateToSection, onAddSection, onCollapseSection, SectionContent } =\n    itemContext as StackContextValue;\n\n  const transformedItem = transform\n    ? transform(\n        item,\n        // TODO(wittjosiah): `active` doesn't always seem to be accurate here.\n        activeItem?.item.id === item.id ? activeItem?.type : type,\n      )\n    : item;\n\n  const placeholder = transformedItem.metadata?.placeholder ?? ['untitled section title', { ns: translationKey }];\n  const title = transformedItem.view?.title ?? toLocalizedString(placeholder, t);\n\n  const section = (\n    <Section\n      ref={forwardedRef}\n      title={title}\n      id={transformedItem.id}\n      size={transformedItem.view?.size}\n      icon={transformedItem.metadata?.icon}\n      collapsed={transformedItem.view?.collapsed}\n      separation={separation}\n      active={active}\n      draggableProps={draggableProps}\n      draggableStyle={draggableStyle}\n      onCollapseSection={onCollapseSection}\n      isResizable={isResizable}\n      onDelete={() => onDeleteSection?.(path)}\n      onNavigate={() => onNavigateToSection?.(transformedItem)}\n      onAddAfter={() => onAddSection?.(path, 'after')}\n      onAddBefore={() => onAddSection?.(path, 'before')}\n    >\n      {SectionContent && <SectionContent data={transformedItem.object} />}\n    </Section>\n  );\n\n  return active === 'overlay' ? <List>{section}</List> : section;\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nexport const CaretDownUp = ({ children, weight, ...props }: IconProps) => {\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n      <rect width='256' height='256' fill='none' />\n      <polyline\n        points='80 224 128 176 176 224'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      <polyline\n        points='80 32 128 80 176 32'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      {children}\n    </svg>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nexport const stackColumns = 'grid-cols-[var(--rail-size)_calc(100%-var(--rail-size))]';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {\n        'empty stack message': 'Drag items into the stack.',\n        'remove section label': 'Delete',\n        'navigate to section label': 'Navigate to item',\n        'untitled section title': 'Untitled section',\n        'add section before label': 'Add before',\n        'add section after label': 'Add after',\n        'expand label': 'Expand',\n        'collapse label': 'Collapse',\n      },\n    },\n  },\n];\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAA2D;AAC3D,mBAA+C;AAC/C,mCAAkC;AAElC,sBAAqC;AACrC,6BAQO;AACP,4BAA8B;ACd9B,IAAAA,wBAAwD;AACxD,IAAAC,gBAA+E;AAC/E,2BAAsC;AACtC,IAAAA,gBAQO;AAEP,IAAAC,mBAYO;AACP,gCAAwC;AACxC,2BAAoF;AACpF,IAAAC,0BAMO;AACP,IAAAC,yBAOO;ACzCP,IAAAH,gBAAkB;AAEX,IAAMI,cAAc,CAAC,EAAEC,UAAUC,QAAQ,GAAGC,MAAAA,MAAkB;AACnE,SACE,8BAAAC,QAAA,cAACC,OAAAA;IAAIC,OAAM;IAA6BC,SAAQ;IAAe,GAAGJ;KAChE,8BAAAC,QAAA,cAACI,QAAAA;IAAKC,OAAM;IAAMC,QAAO;IAAMC,MAAK;MACpC,8BAAAP,QAAA,cAACQ,YAAAA;IACCC,QAAO;IACPF,MAAK;IACLG,QAAO;IACPC,eAAc;IACdC,gBAAe;IACfC,aAAY;MAEd,8BAAAb,QAAA,cAACQ,YAAAA;IACCC,QAAO;IACPF,MAAK;IACLG,QAAO;IACPC,eAAc;IACdC,gBAAe;IACfC,aAAY;MAEbhB,QAAAA;AAGP;AC1BO,IAAMiB,eAAe;ACArB,IAAMC,iBAAiB;AAE9B,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACA,cAAAA,GAAiB;QAChB,uBAAuB;QACvB,wBAAwB;QACxB,6BAA6B;QAC7B,0BAA0B;QAC1B,4BAA4B;QAC5B,2BAA2B;QAC3B,gBAAgB;QAChB,kBAAkB;MACpB;IACF;EACF;;AHgCF,IAAMC,0BAA0B;AAkEhC,IAAMC,yBAAqBC,2BAAGC,mCAAcC,6CAAwB,wCAAA;AAE7D,IAAMC,UAAkFC,8CAI7F,CACE,EACEC,IACAC,OACAC,OAAO,4BACPC,OAAO,aACPC,WACAC,QACAC,aACAC,gBACAC,gBACAC,UACAC,YACAC,aACAC,YACAC,mBACAvC,SAAQ,GAEVwC,iBAAAA;AAEA,QAAM,EAAEC,EAAC,QAAKC,iCAAexB,cAAAA;AAC7B,QAAM,CAACyB,iBAAiBC,kBAAAA,QAAsBC,wBAAS,KAAA;AACvD,QAAMC,4BAAwBC,4CAAqB;IACjDC,UAAU,CAAC;IACXC,WAAW,CAAC;IACZC,OAAO;MAAEC,QAAQ;MAAMC,WAAW;MAAGC,iBAAiB;IAAM;EAC9D,CAAA;AACA,QAAMC,0BAAsBC,yCAAkB,CAAC,CAAA;AAC/C,QAAMC,sBAAkBC,mDAAwB/B,EAAAA;AAEhD,SACEvB,8BAAAA,QAAA,cAAsBuD,qBAAAA,MAAI;IACxBC,SAAAA;IACAC,MAAM,CAAC9B;IACP+B,cAAc,CAACC,aAAavB,oBAAoBb,IAAI,CAACoC,QAAAA;KAErD3D,8BAAAA,QAAA,cAAC4D,0BAASL,MAAI;IACZM,KAAKxB;IACLd;IACC,GAAG8B;IACJS,YAAY;MACV;MACAlC,WAAW,YAAYd,eAAe;;IAExCiD,OAAOhC;KAEP/B,8BAAAA,QAAA,cAACgE,OAAAA;IACCC,MAAK;IACLC,eAAWhD,2BACT,qCACA,6BACAiD,0CACAC,wDACCxC,WAAW,YAAYA,WAAW,eAAeA,WAAW,kBAAkB,WAAA;KAGjF5B,8BAAAA,QAAA,cAACgE,OAAAA;IACCC,MAAK;IACLI,oBAAiB;IACjBC,cAAYhC,EAAE,wBAAA;IACb,GAAI,CAACV,UAAU;MAAE2C,UAAU;IAAE;IAC7B,GAAI,CAAC3C,UAAUe;IAChBuB,eAAWhD,2BACT,+FACA,qFAAA;KAGFlB,8BAAAA,QAAA,cAACgE,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzBlE,8BAAAA,QAAA,cAACwE,8BAAajB,MACR;IACFE,MAAMjB;IACNkB,cAAcjB;EAChB,GAEAzC,8BAAAA,QAAA,cAACyE,oDAAAA;IAA8B7C,QAAQ,CAAC,CAACA;IAAQ8C,SAAQ;IAAQZ,YAAW;IAAO,GAAGhC;KACpF9B,8BAAAA,QAAA,cAAC2E,uBAAAA;IAAKlD;IAAYC,MAAM;IAAGoC,YAAW;OAExC9D,8BAAAA,QAAA,cAACwE,8BAAaI,QAAM,MAClB5E,8BAAAA,QAAA,cAACwE,8BAAaK,SAAO,MACnB7E,8BAAAA,QAAA,cAACwE,8BAAaM,UAAQ,MACnBnD,YACC3B,8BAAAA,QAAA,cAACwE,8BAAaO,MAAI;IAACC,SAAS/C;IAAYgD,eAAY;KAClDjF,8BAAAA,QAAA,cAACkF,8BAAAA;IAAehB,eAAWhD,+BAAGiE,gCAAQ,CAAA,GAAI,MAAA;MAC1CnF,8BAAAA,QAAA,cAACoF,QAAAA;IAAKlB,WAAU;KAAQ5B,EAAE,2BAAA,CAAA,CAAA,IAG5BtC,8BAAAA,QAAA,cAAsBqF,qBAAAA,SAAO;IAAC7B,SAAAA;KAC5BxD,8BAAAA,QAAA,cAACwE,8BAAaO,MAAI,MAChB/E,8BAAAA,QAAA,cAACJ,aAAAA;IAAYsE,eAAWhD,+BAAGiE,gCAAQ,CAAA,GAAI,MAAA;MACvCnF,8BAAAA,QAAA,cAACoF,QAAAA;IAAKlB,WAAU;KAAQ5B,EAAE,gBAAA,CAAA,CAAA,CAAA,GAIhCtC,8BAAAA,QAAA,cAACwE,8BAAaO,MAAI;IAACC,SAAS9C;IAAa+C,eAAY;KACnDjF,8BAAAA,QAAA,cAACsF,2BAAAA;IAAYpB,eAAWhD,+BAAGiE,gCAAQ,CAAA,GAAI,MAAA;MACvCnF,8BAAAA,QAAA,cAACoF,QAAAA;IAAKlB,WAAU;KAAQ5B,EAAE,0BAAA,CAAA,CAAA,GAE5BtC,8BAAAA,QAAA,cAACwE,8BAAaO,MAAI;IAACC,SAAS7C;IAAY8C,eAAY;KAClDjF,8BAAAA,QAAA,cAACuF,6BAAAA;IAAcrB,eAAWhD,+BAAGiE,gCAAQ,CAAA,GAAI,MAAA;MACzCnF,8BAAAA,QAAA,cAACoF,QAAAA;IAAKlB,WAAU;KAAQ5B,EAAE,yBAAA,CAAA,CAAA,GAE5BtC,8BAAAA,QAAA,cAACwE,8BAAaO,MAAI;IAACC,SAAS,MAAMhD,WAAAA;IAAciD,eAAY;KAC1DjF,8BAAAA,QAAA,cAACwF,qBAAAA;IAAMtB,eAAWhD,+BAAGiE,gCAAQ,CAAA,GAAI,MAAA;MACjCnF,8BAAAA,QAAA,cAACoF,QAAAA;IAAKlB,WAAU;KAAQ5B,EAAE,sBAAA,CAAA,CAAA,CAAA,GAG9BtC,8BAAAA,QAAA,cAACwE,8BAAaiB,OAAK,IAAA,CAAA,CAAA,CAAA,GAIxB9D,YACC3B,8BAAAA,QAAA,cAAsBqF,qBAAAA,SAAO;IAAC7B,SAAAA;KAC5BxD,8BAAAA,QAAA,cAAC0F,yBAAAA;IAAOhB,SAAQ;IAAQZ,YAAY9C;KAClChB,8BAAAA,QAAA,cAACoF,QAAAA;IAAKlB,WAAU;KAAW5B,EAAE,cAAA,CAAA,GAC7BtC,8BAAAA,QAAA,cAAC2F,2BAAAA;IAAYzB,eAAWiB,gCAAQ,CAAA;SAIpCnF,8BAAAA,QAAA,cAAC0F,yBAAAA;IACChB,SAAQ;IACRZ,YAAY9C;IACZgE,SAAS/C;IACTgD,eAAY;KAEZjF,8BAAAA,QAAA,cAACkF,8BAAAA;IAAehB,eAAWhD,+BAAGiE,gCAAQ,CAAA,CAAA;MACtCnF,8BAAAA,QAAA,cAACoF,QAAAA;IAAKlB,WAAU;KAAW5B,EAAE,2BAAA,CAAA,CAAA,CAAA,CAAA,GAQrCtC,8BAAAA,QAAA,cAAC4D,0BAASgC,SAAO;IACf9B,YAAYnC,YAAY;MAAC;MAAyDkE;QAAa;IAC9F,GAAIlE,aAAa;MAAE,GAAGwB;MAAqBoB,UAAU;IAAE;KAQxDvE,8BAAAA,QAAA,cAACoF,QAAAA;IAAKlB,WAAU;KAAY1C,KAAAA,CAAAA,GAE7BE,SAAS,cACR1B,8BAAAA,QAAA,cAAsB6E,qBAAAA,SAAO;IAC1B,GAAI,CAAClD,aAAa;MACjB,GAAGwB;MACHoB,UAAU;IACZ;;IAEAL,eAAWhD,2BAAG2E,kCAAW,SAAA;KAExBhG,QAAAA,IAGHG,8BAAAA,QAAA,cAAsB6E,qBAAAA,SAAO;IAACrB,SAAAA;KAC5BxD,8BAAAA,QAAA,cAAC8F,4BAAWvC,MAAI;IACdwC,MAAK;IACJ,GAAI,CAACpE,aAAa;MAAE,GAAGwB;MAAqBoB,UAAU;IAAE;IACzDT,gBAAY5C,2BAAG2E,kCAAW,uDAAA;KAE1B7F,8BAAAA,QAAA,cAAC8F,4BAAWhB,UAAQ,MAAEjF,QAAAA,GACtBG,8BAAAA,QAAA,cAAC8F,4BAAWE,WAAS;IACnBC,aAAY;IACZvB,SAAQ;IACRZ,YAAW;KAEX9D,8BAAAA,QAAA,cAAC8F,4BAAWI,OAAK,IAAA,CAAA,GAEnBlG,8BAAAA,QAAA,cAAC8F,4BAAWE,WAAS;IAACC,aAAY;IAAWvB,SAAQ;IAASZ,YAAW;KACvE9D,8BAAAA,QAAA,cAAC8F,4BAAWI,OAAK,IAAA,CAAA,GAEnBlG,8BAAAA,QAAA,cAAC8F,4BAAWK,QAAM,IAAA,CAAA,CAAA,CAAA,GAKzBtE,eAAe,CAACF,aACf3B,8BAAAA,QAAA,cAACoG,UAAAA;IAAOlC,WAAWjD;KACjBjB,8BAAAA,QAAA,cAACoF,QAAAA;IAAKlB,WAAU;KAAW5B,EAAE,sBAAA,CAAA,CAAA,CAAA,CAAA;AAMzC,CAAA;AAMK,IAAM+D,uBACX;AAEK,IAAMC,iBAAiB,CAAC,EAAEzG,UAAUiE,WAAU,MAAuB;AAC1E,SACE9D,8BAAAA,QAAA,cAACuG,yBAAQhD,MAAI;IAAC0C,aAAY;IAAanC,YAAY;MAACuC;MAAsBG;MAAsB1C;;KAC7FjE,QAAAA;AAGP;AAEO,IAAM4G,cAKTnF,8CAAW,CAAC,EAAEoF,MAAMX,MAAMnE,QAAQG,gBAAgBD,gBAAgB6E,MAAMC,YAAW,GAAIvE,iBAAAA;AACzF,QAAM,EAAEC,EAAC,QAAKC,iCAAexB,cAAAA;AAC7B,QAAM,EAAE8F,WAAU,QAAKC,mCAAAA;AAEvB,QAAMC,aAAa,CAAC,CAACH,aAAaG;AAClC,QAAMlF,cAAc,CAAC,CAAC+E,aAAa/E;AACnC,QAAM,EAAEmF,WAAWC,iBAAiBC,qBAAqBC,cAAc/E,mBAAmBgF,eAAc,IACtGR;AAEF,QAAMS,kBAAkBL,YACpBA;IACEL;;IAEAE,YAAYF,KAAKpF,OAAOoF,KAAKpF,KAAKsF,YAAYd,OAAOA;EAAAA,IAEvDY;AAEJ,QAAMW,cAAcD,gBAAgBE,UAAUD,eAAe;IAAC;IAA0B;MAAEE,IAAIzG;IAAe;;AAC7G,QAAMS,QAAQ6F,gBAAgBI,MAAMjG,aAASkG,oCAAkBJ,aAAahF,CAAAA;AAE5E,QAAMqF,UACJ3H,8BAAAA,QAAA,cAACqB,SAAAA;IACCwC,KAAKxB;IACLb;IACAD,IAAI8F,gBAAgB9F;IACpBG,MAAM2F,gBAAgBI,MAAM/F;IAC5BD,MAAM4F,gBAAgBE,UAAU9F;IAChCE,WAAW0F,gBAAgBI,MAAM9F;IACjCoF;IACAnF;IACAE;IACAC;IACAK;IACAP;IACAG,UAAU,MAAMiF,kBAAkBP,IAAAA;IAClCzE,YAAY,MAAMiF,sBAAsBG,eAAAA;IACxClF,YAAY,MAAMgF,eAAeT,MAAM,OAAA;IACvCxE,aAAa,MAAMiF,eAAeT,MAAM,QAAA;KAEvCU,kBAAkBpH,8BAAAA,QAAA,cAACoH,gBAAAA;IAAeQ,MAAMP,gBAAgBQ;;AAI7D,SAAOjG,WAAW,YAAY5B,8BAAAA,QAAA,cAAC8H,uBAAAA,MAAMH,OAAAA,IAAkBA;AACzD,CAAA;ADrVO,IAAMI,eAAe;AAarB,IAAMC,QAAQ,CAAC,EACpBzG,IACAwE,OAAOgC,cACPX,gBACAa,QAAQ,CAAA,GACRlB,aAAa,MACbC,WACAkB,QACAC,QACAhB,cACAF,iBACAC,qBACA9E,mBACA,GAAGrC,MAAAA,MACQ;AACX,QAAM,EAAE8D,KAAKuE,cAAc/H,QAAQ,EAAC,QAAKgI,gDAAkC;IAAEC,aAAa;EAAI,CAAA;AAC9F,QAAM,EAAEC,WAAWC,SAAQ,QAAK1B,uBAAAA,WAAAA;AAChC,QAAM2B,uBAAmBC,4CAAoB;IAAEhC,MAAMnF;IAAI0G;EAAM,CAAA;AAE/D,QAAMU,sBAAkBC,0BAAY,OAAO;IAAEvI;EAAM,IAAI;IAACA;GAAM;AAC9D,QAAMwI,sBAAkBD,0BACtB,OAAO;IAAEhC,aAAa;MAAEI;MAAWI;IAAe;EAAE,IACpD;IAACJ;IAAWI;GAAe;AAK7B,QAAM0B,oBAAgBF,0BACpB,CAACG,aAAa,EAAE/B,WAAAA,YAAWgC,gBAAgBC,gBAAe,MAAE;AAC1D,QAAID,kBAAkBC,iBAAiB;AACrCjC,iBAAUkC,KAAKF,gBAAgBG,MAAMF,iBAAiBE;IACxD;AACA,WAAOnC;EACT,GACA,CAAA,CAAE;AAGJ,SACEhH,6BAAAA,QAAA,cAACoJ,8BAAOC,WACF;IACF9H;IACAwE;IACAuD,WAAW7C;IACXkC;IACAE;IACAX;IACAC;IACAoB,UAAUT;EACZ,GAEA9I,6BAAAA,QAAA,cAACoJ,8BAAOI,eAAa;IACnB9C,MAAMnF;IACNwE;IACAY,MAAM;MAAEpF;MAAI0G,OAAOQ;IAAiB;;IAEpC7B,aAAa;MACXG;MACAC;MACAC;MACAC;MACAC;MACA/E;MACAgF;IACF;IACAqC,QACEjB,YACA,CAAC,CAACA,SAAS9B,QACXgD,4BAAKC,QAAQnB,SAAS9B,MAAMnF,EAAAA,MAC3BgH,cAAc,UAAUA,cAAc;IAEzCe,WAAWM;IACV,GAAG7J;IACJ8D,KAAKuE;;AAIb;AAEA,IAAMwB,YAAkGtI,iCAAAA,YACtG,CAAC,EAAEwC,YAAY4C,MAAM+C,QAAQ9C,MAAM,EAAEsB,MAAK,GAAIrB,aAAab,MAAM8D,OAAOC,gBAAgB,GAAG/J,MAAAA,GAASsC,iBAAAA;AAClG,QAAM,EAAEC,EAAC,QAAKC,gBAAAA,gBAAexB,cAAAA;AAC7B,QAAM,EAAEuI,WAAWvD,KAAI,QAAKgE,qCAAAA;AAC5B,QAAMC,oBAAgBC,8CAAwB;IAAEC,MAAM;EAAO,CAAA;AAC7D,QAAM,EAAErD,WAAU,QAAKC,uBAAAA,WAAAA;AAGvB,QAAMqD,aAAS/G,qBAAAA,mBAAAA;AAGf,SACEpD,6BAAAA,QAAA,cAAC8H,gBAAAA,MAAAA;IACCjE,KAAKxB;IACLyB,YAAY;MAAC;MAAiBhD;MAAc2I,UAAUW;MAAetG;;IACpE,GAAI,CAAC+C,cAAcmD;IACnB,GAAGjK;KAEHkI,MAAMoC,SAAS,IACdrK,6BAAAA,QAAA,cAACoJ,8BAAOkB,iBAAe;IAACrC;IAAchF,WAAU;KAC7CgF,MAAMsC,IAAI,CAAC5D,MAAM6D,UAChBxK,6BAAAA,QAAA,cAACoJ,8BAAOqB,cAAY;IAClBC,KAAK/D,KAAKpF;IACVoF;IACAC;IACAF;IACAX;IACA4E,UAAUH;IACVlB;SAIJQ,mBAAmBc,SACrB5K,6BAAAA,QAAA,cAAAA,aAAAA,QAAA,UAAA,MAAG8J,cAAAA,IAEH9J,6BAAAA,QAAA,cAAC6K,KAAAA;IACC3G,WAAU;IACVe,eAAY;KAEX3C,EAAE,qBAAA,CAAA,CAAA;AAKb,CAAA;",
   "names": ["import_react_tabster", "import_react", "import_react_ui", "import_react_ui_mosaic", "import_react_ui_theme", "CaretDownUp", "children", "weight", "props", "React", "svg", "xmlns", "viewBox", "rect", "width", "height", "fill", "polyline", "points", "stroke", "strokeLinecap", "strokeLinejoin", "strokeWidth", "stackColumns", "translationKey", "sectionActionDimensions", "resizeHandleStyles", "mx", "resizeHandle", "resizeHandleHorizontal", "Section", "forwardRef", "id", "title", "icon", "size", "collapsed", "active", "isResizable", "draggableProps", "draggableStyle", "onDelete", "onNavigate", "onAddBefore", "onAddAfter", "onCollapseSection", "forwardedRef", "t", "useTranslation", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "sectionActionsToolbar", "useTabsterAttributes", "groupper", "focusable", "mover", "cyclic", "direction", "memorizeCurrent", "sectionContentGroup", "useFocusableGroup", "attendableAttrs", "useAttendableAttributes", "Root", "asChild", "open", "onOpenChange", "nextOpen", "ListItem", "ref", "classNames", "style", "div", "role", "className", "hoverableControls", "hoverableFocusedWithinControls", "aria-orientation", "aria-label", "tabIndex", "DropdownMenu", "DropDownMenuDragHandleTrigger", "variant", "Icon", "Portal", "Content", "Viewport", "Item", "onClick", "data-testid", "ArrowSquareOut", "getSize", "span", "Trigger", "ArrowLineUp", "ArrowLineDown", "Trash", "Arrow", "Button", "CaretUpDown", "Heading", "focusRing", "ScrollArea", "type", "Scrollbar", "orientation", "Thumb", "Corner", "button", "sectionToolbarLayout", "SectionToolbar", "Toolbar", "hoverableControlItem", "SectionTile", "path", "item", "itemContext", "activeItem", "useMosaic", "separation", "transform", "onDeleteSection", "onNavigateToSection", "onAddSection", "SectionContent", "transformedItem", "placeholder", "metadata", "ns", "view", "toLocalizedString", "section", "data", "object", "List", "DEFAULT_TYPE", "Stack", "items", "onOver", "onDrop", "containerRef", "useResizeDetector", "refreshRate", "operation", "overItem", "itemsWithPreview", "useItemsWithPreview", "getOverlayStyle", "useCallback", "getOverlayProps", "stackModifier", "_activeItem", "activeNodeRect", "overlayNodeRect", "y", "top", "Mosaic", "Container", "Component", "modifier", "DroppableTile", "isOver", "Path", "hasRoot", "StackTile", "_type", "emptyComponent", "useContainer", "domAttributes", "useArrowNavigationGroup", "axis", "_group", "dropRingInner", "length", "SortableContext", "map", "index", "SortableTile", "key", "position", "undefined", "p"]
 }

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytes":3080,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytes":707,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":2050,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytes":39720,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":16626,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":832,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack.tsx","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytes":12336,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7412,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":612,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/generator.ts","kind":"import-statement","original":"./generator"},{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":33623},"packages/ui/react-ui-stack/dist/lib/node/index.cjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["DEFAULT_TYPE","SectionToolbar","Stack","sectionToolbarLayout","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":3542},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytesInOutput":10050},"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytesInOutput":779},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytesInOutput":79},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":508},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":15516},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9963},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"exports":["Priority","SectionManager","StackManager","Status","TestObjectGenerator","defaultGenerators","range"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytesInOutput":2244},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1569}},"bytes":4083}}}
+{"inputs":{"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytes":3080,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytes":707,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":2050,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytes":39706,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":16626,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":832,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack.tsx","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytes":12336,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7412,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":612,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/generator.ts","kind":"import-statement","original":"./generator"},{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":33617},"packages/ui/react-ui-stack/dist/lib/node/index.cjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["DEFAULT_TYPE","SectionToolbar","Stack","sectionToolbarLayout","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":3542},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytesInOutput":10044},"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytesInOutput":779},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytesInOutput":79},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":508},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":15510},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9963},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"exports":["Priority","SectionManager","StackManager","Status","TestObjectGenerator","defaultGenerators","range"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytesInOutput":2244},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1569}},"bytes":4083}}}

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

@@ -72,7 +72,7 @@ var translations_default = [
 // packages/ui/react-ui-stack/src/components/Section.tsx
 var sectionActionDimensions = "p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min";
 var resizeHandleStyles = mx(resizeHandle, resizeHandleHorizontal, "is-full bs-[--rail-action] col-start-2");
-var Section = /* @__PURE__ */ forwardRef(({ id, title, icon = "phosphor--placeholder--regular", size = "intrinsic", collapsed, active, isResizable, draggableProps, draggableStyle, onDelete, onNavigate, onAddBefore, onAddAfter, onCollapseSection, children }, forwardedRef) => {
+var Section = /* @__PURE__ */ forwardRef(({ id, title, icon = "ph--placeholder--regular", size = "intrinsic", collapsed, active, isResizable, draggableProps, draggableStyle, onDelete, onNavigate, onAddBefore, onAddAfter, onCollapseSection, children }, forwardedRef) => {
   const { t } = useTranslation(translationKey);
   const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
   const sectionActionsToolbar = useTabsterAttributes({

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Stack.tsx", "../../../src/components/Section.tsx", "../../../src/components/CaretDownUp.tsx", "../../../src/components/style-fragments.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useArrowNavigationGroup, useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { forwardRef, useCallback } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { List, useTranslation } from '@dxos/react-ui';\nimport {\n  type MosaicContainerProps,\n  type MosaicTileComponent,\n  Mosaic,\n  Path,\n  useContainer,\n  useItemsWithPreview,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport { dropRingInner } from '@dxos/react-ui-theme';\n\nimport {\n  type CollapsedSections,\n  type AddSectionPosition,\n  SectionTile,\n  type StackContextValue,\n  type StackItem,\n  type StackSectionContent,\n  type StackSectionItem,\n} from './Section';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type { CollapsedSections, AddSectionPosition };\n\nexport const DEFAULT_TYPE = 'stack-section';\n\nexport type StackProps<TData extends StackSectionContent = StackSectionContent> = Omit<\n  MosaicContainerProps<TData, number>,\n  'debug' | 'Component'\n> &\n  Omit<StackContextValue<TData>, 'setCollapsedSections'> & {\n    items?: StackSectionItem[];\n    separation?: boolean; // TODO(burdon): Style.\n    onCollapseSection?: (id: string, collapsed: boolean) => void;\n    emptyComponent?: React.ReactNode;\n  };\n\nexport const Stack = ({\n  id,\n  type = DEFAULT_TYPE,\n  SectionContent,\n  items = [],\n  separation = true,\n  transform,\n  onOver,\n  onDrop,\n  onAddSection,\n  onDeleteSection,\n  onNavigateToSection,\n  onCollapseSection,\n  ...props\n}: StackProps) => {\n  const { ref: containerRef, width = 0 } = useResizeDetector<HTMLDivElement>({ refreshRate: 200 });\n  const { operation, overItem } = useMosaic();\n  const itemsWithPreview = useItemsWithPreview({ path: id, items });\n\n  const getOverlayStyle = useCallback(() => ({ width }), [width]);\n  const getOverlayProps = useCallback(\n    () => ({ itemContext: { transform, SectionContent } }),\n    [transform, SectionContent],\n  );\n\n  // TODO(thure): The root cause of the discrepancy between `activeNodeRect.top` and `overlayNodeRect.top` in Composer\n  //  in particular is not yet known, so this solution may may backfire in unforeseeable cases.\n  const stackModifier = useCallback<Exclude<MosaicContainerProps['modifier'], undefined>>(\n    (_activeItem, { transform, activeNodeRect, overlayNodeRect }) => {\n      if (activeNodeRect && overlayNodeRect) {\n        transform.y += activeNodeRect?.top - overlayNodeRect?.top;\n      }\n      return transform;\n    },\n    [],\n  );\n\n  return (\n    <Mosaic.Container\n      {...{\n        id,\n        type,\n        Component: SectionTile as MosaicTileComponent<StackSectionItem, HTMLDivElement>,\n        getOverlayStyle,\n        getOverlayProps,\n        onOver,\n        onDrop,\n        modifier: stackModifier,\n      }}\n    >\n      <Mosaic.DroppableTile\n        path={id}\n        type={type}\n        item={{ id, items: itemsWithPreview }}\n        // TODO(wittjosiah): Should this actually be a context?\n        itemContext={{\n          separation,\n          transform,\n          onDeleteSection,\n          onNavigateToSection,\n          onAddSection,\n          onCollapseSection,\n          SectionContent,\n        }}\n        isOver={\n          overItem &&\n          !!overItem.path &&\n          Path.hasRoot(overItem.path, id) &&\n          (operation === 'copy' || operation === 'transfer')\n        }\n        Component={StackTile}\n        {...props}\n        ref={containerRef}\n      />\n    </Mosaic.Container>\n  );\n};\n\nconst StackTile: MosaicTileComponent<StackItem, HTMLOListElement, Pick<StackProps, 'emptyComponent'>> = forwardRef(\n  ({ classNames, path, isOver, item: { items }, itemContext, type: _type, emptyComponent, ...props }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const { Component, type } = useContainer();\n    const domAttributes = useArrowNavigationGroup({ axis: 'grid' });\n    const { activeItem } = useMosaic();\n\n    // NOTE(thure): Ensure “groupper” is available, but no need to use it here.\n    const _group = useFocusableGroup();\n\n    // NOTE: Keep outer padding the same as MarkdownMain.\n    return (\n      <List\n        ref={forwardedRef}\n        classNames={['grid relative', stackColumns, isOver && dropRingInner, classNames]}\n        {...(!activeItem && domAttributes)}\n        {...props}\n      >\n        {items.length > 0 ? (\n          <Mosaic.SortableContext items={items} direction='vertical'>\n            {items.map((item, index) => (\n              <Mosaic.SortableTile\n                key={item.id}\n                item={item}\n                itemContext={itemContext}\n                path={path}\n                type={type}\n                position={index}\n                Component={Component}\n              />\n            ))}\n          </Mosaic.SortableContext>\n        ) : emptyComponent !== undefined ? (\n          <>{emptyComponent}</>\n        ) : (\n          <p\n            className='grid col-span-2 text-center p-4 border border-dashed border-neutral-500/50 rounded'\n            data-testid='stack.empty'\n          >\n            {t('empty stack message')}\n          </p>\n        )}\n      </List>\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useFocusableGroup, useTabsterAttributes } from '@fluentui/react-tabster';\nimport { ArrowLineDown, ArrowLineUp, ArrowSquareOut, CaretUpDown, Trash } from '@phosphor-icons/react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, {\n  forwardRef,\n  useState,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type FC,\n  type PropsWithChildren,\n  type ComponentPropsWithRef,\n} from 'react';\n\nimport {\n  Button,\n  DropdownMenu,\n  Icon,\n  type Label,\n  List,\n  ListItem,\n  ScrollArea,\n  type ThemedClassName,\n  Toolbar,\n  toLocalizedString,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { DropDownMenuDragHandleTrigger, resizeHandle, resizeHandleHorizontal } from '@dxos/react-ui-deck';\nimport {\n  type MosaicActiveType,\n  type MosaicDataItem,\n  type MosaicTileComponent,\n  type MosaicTileProps,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport {\n  focusRing,\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nconst sectionActionDimensions = 'p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport type StackSectionContent = MosaicDataItem;\n\nexport type CollapsedSections = Record<string, boolean>;\n\nexport type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';\n\nexport type StackContextValue<TData extends StackSectionContent = StackSectionContent> = {\n  SectionContent: FC<{ data: TData }>;\n  separation?: boolean;\n  isResizable?: boolean;\n  transform?: (item: MosaicDataItem, type?: string) => StackSectionItem;\n  onDeleteSection?: (path: string) => void;\n  onAddSection?: (path: string, position: AddSectionPosition) => void;\n  onNavigateToSection?: (object: MosaicDataItem) => void;\n  onCollapseSection?: (id: string, collapsed: boolean) => void;\n};\n\nexport type StackItem = MosaicDataItem & {\n  items: StackSectionItem[];\n};\n\nexport type StackSectionItem = MosaicDataItem & {\n  object: StackSectionContent;\n  // TODO(wittjosiah): Use effect schema? Share schema with echo.\n  view?: {\n    title?: string;\n    size?: SectionSize;\n    height?: number;\n    collapsed?: boolean;\n    custom?: Record<string, any>;\n  };\n  // TODO(wittjosiah): Common type? Factor out?\n  metadata?: {\n    icon?: string;\n    placeholder?: Label;\n    viewActions?: (item: StackSectionItem) => StackAction;\n  };\n};\n\nexport type StackAction = {\n  icon: string;\n  label: Label;\n  onClick: () => void;\n};\n\nexport type SectionSize = 'intrinsic' | 'extrinsic';\n\nexport type SectionProps = PropsWithChildren<\n  {\n    // Data props.\n    id: string;\n    title: string;\n\n    // Tile props.\n    active?: MosaicActiveType;\n  } & Pick<\n    MosaicTileProps,\n    'draggableProps' | 'draggableStyle' | 'onDelete' | 'onNavigate' | 'onAddAfter' | 'onAddBefore'\n  > &\n    Pick<StackContextValue, 'separation' | 'isResizable' | 'onCollapseSection'> &\n    Pick<Required<StackSectionItem>['view'], 'collapsed' | 'size'> &\n    Pick<Required<StackSectionItem>['metadata'], 'icon'>\n>;\n\nconst resizeHandleStyles = mx(resizeHandle, resizeHandleHorizontal, 'is-full bs-[--rail-action] col-start-2');\n\nexport const Section: ForwardRefExoticComponent<SectionProps & RefAttributes<HTMLLIElement>> = forwardRef<\n  HTMLLIElement,\n  SectionProps\n>(\n  (\n    {\n      id,\n      title,\n      icon = 'phosphor--placeholder--regular',\n      size = 'intrinsic',\n      collapsed,\n      active,\n      isResizable,\n      draggableProps,\n      draggableStyle,\n      onDelete,\n      onNavigate,\n      onAddBefore,\n      onAddAfter,\n      onCollapseSection,\n      children,\n    },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(translationKey);\n    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n    const sectionActionsToolbar = useTabsterAttributes({\n      groupper: {},\n      focusable: {},\n      mover: { cyclic: true, direction: 1, memorizeCurrent: false },\n    });\n    const sectionContentGroup = useFocusableGroup({});\n    const attendableAttrs = useAttendableAttributes(id);\n\n    return (\n      <CollapsiblePrimitive.Root\n        asChild\n        open={!collapsed}\n        onOpenChange={(nextOpen) => onCollapseSection?.(id, !nextOpen)}\n      >\n        <ListItem.Root\n          ref={forwardedRef}\n          id={id}\n          {...attendableAttrs}\n          classNames={[\n            'grid col-span-2 group/section',\n            active === 'overlay' ? stackColumns : 'grid-cols-subgrid snap-start',\n          ]}\n          style={draggableStyle}\n        >\n          <div\n            role='none'\n            className={mx(\n              'grid col-span-2 grid-cols-subgrid',\n              'bg-base attention-surface',\n              hoverableControls,\n              hoverableFocusedWithinControls,\n              (active === 'origin' || active === 'rearrange' || active === 'destination') && 'opacity-0',\n            )}\n          >\n            <div\n              role='toolbar'\n              aria-orientation='vertical'\n              aria-label={t('section controls label')}\n              {...(!active && { tabIndex: 0 })}\n              {...(!active && sectionActionsToolbar)}\n              className={mx(\n                'grid grid-cols-subgrid ch-focus-ring rounded-sm grid-rows-[min-content_min-content_1fr] m-1',\n                'group-has-[[role=toolbar][aria-orientation=horizontal]]/section:pbs-[--rail-action]',\n              )}\n            >\n              <div role='none' className='sticky -block-start-px bg-[--sticky-bg]'>\n                <DropdownMenu.Root\n                  {...{\n                    open: optionsMenuOpen,\n                    onOpenChange: setOptionsMenuOpen,\n                  }}\n                >\n                  <DropDownMenuDragHandleTrigger active={!!active} variant='ghost' classNames='m-0' {...draggableProps}>\n                    <Icon icon={icon} size={5} classNames='transition-opacity' />\n                  </DropDownMenuDragHandleTrigger>\n                  <DropdownMenu.Portal>\n                    <DropdownMenu.Content>\n                      <DropdownMenu.Viewport>\n                        {collapsed ? (\n                          <DropdownMenu.Item onClick={onNavigate} data-testid='section.navigate-to'>\n                            <ArrowSquareOut className={mx(getSize(5), 'mr-2')} />\n                            <span className='grow'>{t('navigate to section label')}</span>\n                          </DropdownMenu.Item>\n                        ) : (\n                          <CollapsiblePrimitive.Trigger asChild>\n                            <DropdownMenu.Item>\n                              <CaretDownUp className={mx(getSize(5), 'mr-2')} />\n                              <span className='grow'>{t('collapse label')}</span>\n                            </DropdownMenu.Item>\n                          </CollapsiblePrimitive.Trigger>\n                        )}\n                        <DropdownMenu.Item onClick={onAddBefore} data-testid='section.add-before'>\n                          <ArrowLineUp className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section before label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={onAddAfter} data-testid='section.add-after'>\n                          <ArrowLineDown className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section after label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={() => onDelete?.()} data-testid='section.remove'>\n                          <Trash className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('remove section label')}</span>\n                        </DropdownMenu.Item>\n                      </DropdownMenu.Viewport>\n                      <DropdownMenu.Arrow />\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n                {collapsed ? (\n                  <CollapsiblePrimitive.Trigger asChild>\n                    <Button variant='ghost' classNames={sectionActionDimensions}>\n                      <span className='sr-only'>{t('expand label')}</span>\n                      <CaretUpDown className={getSize(4)} />\n                    </Button>\n                  </CollapsiblePrimitive.Trigger>\n                ) : (\n                  <Button\n                    variant='ghost'\n                    classNames={sectionActionDimensions}\n                    onClick={onNavigate}\n                    data-testid='section.navigate-to'\n                  >\n                    <ArrowSquareOut className={mx(getSize(4))} />\n                    <span className='sr-only'>{t('navigate to section label')}</span>\n                  </Button>\n                )}\n              </div>\n            </div>\n\n            {/* Main content */}\n\n            <ListItem.Heading\n              classNames={collapsed ? ['grid grid-rows-subgrid grid-cols-subgrid items-center', focusRing] : 'sr-only'}\n              {...(collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n            >\n              {/*\n                TODO(thure): This needs to be made extensible; Markdown document titles especially are difficult.\n                  Using `Surface` in a UI package like this would be unprecedented and needs motivation.\n                  Refactoring to use subcomponents is complicated by sections being a sortable Mosaic Tile.\n                  Reevaluate when work on collections (Folders, Stacks, etc) settles.\n              */}\n              <span className='truncate'>{title}</span>\n            </ListItem.Heading>\n            {size === 'intrinsic' ? (\n              <CollapsiblePrimitive.Content\n                {...(!collapsed && {\n                  ...sectionContentGroup,\n                  tabIndex: 0,\n                })}\n                // TODO(burdon): Add margin to fragment?\n                className={mx(focusRing, 'm-[2px]')}\n              >\n                {children}\n              </CollapsiblePrimitive.Content>\n            ) : (\n              <CollapsiblePrimitive.Content asChild>\n                <ScrollArea.Root\n                  type='always'\n                  {...(!collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n                  classNames={mx(focusRing, 'is-full has-[[data-radix-scroll-area-viewport]]:pbe-4')}\n                >\n                  <ScrollArea.Viewport>{children}</ScrollArea.Viewport>\n                  <ScrollArea.Scrollbar\n                    orientation='horizontal'\n                    variant='coarse'\n                    classNames='hidden has-[div]:flex !inline-end-[max(.25rem,var(--radix-scroll-area-corner-width))]'\n                  >\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Scrollbar orientation='vertical' variant='coarse' classNames='hidden has-[div]:flex'>\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Corner />\n                </ScrollArea.Root>\n              </CollapsiblePrimitive.Content>\n            )}\n          </div>\n          {isResizable && !collapsed && (\n            <button className={resizeHandleStyles}>\n              <span className='sr-only'>{t('resize section label')}</span>\n            </button>\n          )}\n        </ListItem.Root>\n      </CollapsiblePrimitive.Root>\n    );\n  },\n);\n\nexport type SectionToolbarProps = ThemedClassName<ComponentPropsWithRef<'div'>>;\n\n// TODO(burdon): block-start\nexport const sectionToolbarLayout =\n  'bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity';\n\nexport const SectionToolbar = ({ children, classNames }: SectionToolbarProps) => {\n  return (\n    <Toolbar.Root orientation='horizontal' classNames={[sectionToolbarLayout, hoverableControlItem, classNames]}>\n      {children}\n    </Toolbar.Root>\n  );\n};\n\nexport const SectionTile: MosaicTileComponent<\n  StackSectionItem,\n  HTMLLIElement\n  // TODO(wittjosiah): If props is specified there is a type error with Mosaic.Container.\n  // { itemContext: StackContextValue }\n> = forwardRef(({ path, type, active, draggableStyle, draggableProps, item, itemContext }, forwardedRef) => {\n  const { t } = useTranslation(translationKey);\n  const { activeItem } = useMosaic();\n\n  const separation = !!itemContext?.separation;\n  const isResizable = !!itemContext?.isResizable;\n  const { transform, onDeleteSection, onNavigateToSection, onAddSection, onCollapseSection, SectionContent } =\n    itemContext as StackContextValue;\n\n  const transformedItem = transform\n    ? transform(\n        item,\n        // TODO(wittjosiah): `active` doesn't always seem to be accurate here.\n        activeItem?.item.id === item.id ? activeItem?.type : type,\n      )\n    : item;\n\n  const placeholder = transformedItem.metadata?.placeholder ?? ['untitled section title', { ns: translationKey }];\n  const title = transformedItem.view?.title ?? toLocalizedString(placeholder, t);\n\n  const section = (\n    <Section\n      ref={forwardedRef}\n      title={title}\n      id={transformedItem.id}\n      size={transformedItem.view?.size}\n      icon={transformedItem.metadata?.icon}\n      collapsed={transformedItem.view?.collapsed}\n      separation={separation}\n      active={active}\n      draggableProps={draggableProps}\n      draggableStyle={draggableStyle}\n      onCollapseSection={onCollapseSection}\n      isResizable={isResizable}\n      onDelete={() => onDeleteSection?.(path)}\n      onNavigate={() => onNavigateToSection?.(transformedItem)}\n      onAddAfter={() => onAddSection?.(path, 'after')}\n      onAddBefore={() => onAddSection?.(path, 'before')}\n    >\n      {SectionContent && <SectionContent data={transformedItem.object} />}\n    </Section>\n  );\n\n  return active === 'overlay' ? <List>{section}</List> : section;\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nexport const CaretDownUp = ({ children, weight, ...props }: IconProps) => {\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n      <rect width='256' height='256' fill='none' />\n      <polyline\n        points='80 224 128 176 176 224'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      <polyline\n        points='80 32 128 80 176 32'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      {children}\n    </svg>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nexport const stackColumns = 'grid-cols-[var(--rail-size)_calc(100%-var(--rail-size))]';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {\n        'empty stack message': 'Drag items into the stack.',\n        'remove section label': 'Delete',\n        'navigate to section label': 'Navigate to item',\n        'untitled section title': 'Untitled section',\n        'add section before label': 'Add before',\n        'add section after label': 'Add after',\n        'expand label': 'Expand',\n        'collapse label': 'Collapse',\n      },\n    },\n  },\n];\n"],
-  "mappings": "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",
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useArrowNavigationGroup, useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { forwardRef, useCallback } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { List, useTranslation } from '@dxos/react-ui';\nimport {\n  type MosaicContainerProps,\n  type MosaicTileComponent,\n  Mosaic,\n  Path,\n  useContainer,\n  useItemsWithPreview,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport { dropRingInner } from '@dxos/react-ui-theme';\n\nimport {\n  type CollapsedSections,\n  type AddSectionPosition,\n  SectionTile,\n  type StackContextValue,\n  type StackItem,\n  type StackSectionContent,\n  type StackSectionItem,\n} from './Section';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type { CollapsedSections, AddSectionPosition };\n\nexport const DEFAULT_TYPE = 'stack-section';\n\nexport type StackProps<TData extends StackSectionContent = StackSectionContent> = Omit<\n  MosaicContainerProps<TData, number>,\n  'debug' | 'Component'\n> &\n  Omit<StackContextValue<TData>, 'setCollapsedSections'> & {\n    items?: StackSectionItem[];\n    separation?: boolean; // TODO(burdon): Style.\n    onCollapseSection?: (id: string, collapsed: boolean) => void;\n    emptyComponent?: React.ReactNode;\n  };\n\nexport const Stack = ({\n  id,\n  type = DEFAULT_TYPE,\n  SectionContent,\n  items = [],\n  separation = true,\n  transform,\n  onOver,\n  onDrop,\n  onAddSection,\n  onDeleteSection,\n  onNavigateToSection,\n  onCollapseSection,\n  ...props\n}: StackProps) => {\n  const { ref: containerRef, width = 0 } = useResizeDetector<HTMLDivElement>({ refreshRate: 200 });\n  const { operation, overItem } = useMosaic();\n  const itemsWithPreview = useItemsWithPreview({ path: id, items });\n\n  const getOverlayStyle = useCallback(() => ({ width }), [width]);\n  const getOverlayProps = useCallback(\n    () => ({ itemContext: { transform, SectionContent } }),\n    [transform, SectionContent],\n  );\n\n  // TODO(thure): The root cause of the discrepancy between `activeNodeRect.top` and `overlayNodeRect.top` in Composer\n  //  in particular is not yet known, so this solution may may backfire in unforeseeable cases.\n  const stackModifier = useCallback<Exclude<MosaicContainerProps['modifier'], undefined>>(\n    (_activeItem, { transform, activeNodeRect, overlayNodeRect }) => {\n      if (activeNodeRect && overlayNodeRect) {\n        transform.y += activeNodeRect?.top - overlayNodeRect?.top;\n      }\n      return transform;\n    },\n    [],\n  );\n\n  return (\n    <Mosaic.Container\n      {...{\n        id,\n        type,\n        Component: SectionTile as MosaicTileComponent<StackSectionItem, HTMLDivElement>,\n        getOverlayStyle,\n        getOverlayProps,\n        onOver,\n        onDrop,\n        modifier: stackModifier,\n      }}\n    >\n      <Mosaic.DroppableTile\n        path={id}\n        type={type}\n        item={{ id, items: itemsWithPreview }}\n        // TODO(wittjosiah): Should this actually be a context?\n        itemContext={{\n          separation,\n          transform,\n          onDeleteSection,\n          onNavigateToSection,\n          onAddSection,\n          onCollapseSection,\n          SectionContent,\n        }}\n        isOver={\n          overItem &&\n          !!overItem.path &&\n          Path.hasRoot(overItem.path, id) &&\n          (operation === 'copy' || operation === 'transfer')\n        }\n        Component={StackTile}\n        {...props}\n        ref={containerRef}\n      />\n    </Mosaic.Container>\n  );\n};\n\nconst StackTile: MosaicTileComponent<StackItem, HTMLOListElement, Pick<StackProps, 'emptyComponent'>> = forwardRef(\n  ({ classNames, path, isOver, item: { items }, itemContext, type: _type, emptyComponent, ...props }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const { Component, type } = useContainer();\n    const domAttributes = useArrowNavigationGroup({ axis: 'grid' });\n    const { activeItem } = useMosaic();\n\n    // NOTE(thure): Ensure “groupper” is available, but no need to use it here.\n    const _group = useFocusableGroup();\n\n    // NOTE: Keep outer padding the same as MarkdownMain.\n    return (\n      <List\n        ref={forwardedRef}\n        classNames={['grid relative', stackColumns, isOver && dropRingInner, classNames]}\n        {...(!activeItem && domAttributes)}\n        {...props}\n      >\n        {items.length > 0 ? (\n          <Mosaic.SortableContext items={items} direction='vertical'>\n            {items.map((item, index) => (\n              <Mosaic.SortableTile\n                key={item.id}\n                item={item}\n                itemContext={itemContext}\n                path={path}\n                type={type}\n                position={index}\n                Component={Component}\n              />\n            ))}\n          </Mosaic.SortableContext>\n        ) : emptyComponent !== undefined ? (\n          <>{emptyComponent}</>\n        ) : (\n          <p\n            className='grid col-span-2 text-center p-4 border border-dashed border-neutral-500/50 rounded'\n            data-testid='stack.empty'\n          >\n            {t('empty stack message')}\n          </p>\n        )}\n      </List>\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useFocusableGroup, useTabsterAttributes } from '@fluentui/react-tabster';\nimport { ArrowLineDown, ArrowLineUp, ArrowSquareOut, CaretUpDown, Trash } from '@phosphor-icons/react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, {\n  forwardRef,\n  useState,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type FC,\n  type PropsWithChildren,\n  type ComponentPropsWithRef,\n} from 'react';\n\nimport {\n  Button,\n  DropdownMenu,\n  Icon,\n  type Label,\n  List,\n  ListItem,\n  ScrollArea,\n  type ThemedClassName,\n  Toolbar,\n  toLocalizedString,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { DropDownMenuDragHandleTrigger, resizeHandle, resizeHandleHorizontal } from '@dxos/react-ui-deck';\nimport {\n  type MosaicActiveType,\n  type MosaicDataItem,\n  type MosaicTileComponent,\n  type MosaicTileProps,\n  useMosaic,\n} from '@dxos/react-ui-mosaic';\nimport {\n  focusRing,\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { stackColumns } from './style-fragments';\nimport { translationKey } from '../translations';\n\nconst sectionActionDimensions = 'p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport type StackSectionContent = MosaicDataItem;\n\nexport type CollapsedSections = Record<string, boolean>;\n\nexport type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';\n\nexport type StackContextValue<TData extends StackSectionContent = StackSectionContent> = {\n  SectionContent: FC<{ data: TData }>;\n  separation?: boolean;\n  isResizable?: boolean;\n  transform?: (item: MosaicDataItem, type?: string) => StackSectionItem;\n  onDeleteSection?: (path: string) => void;\n  onAddSection?: (path: string, position: AddSectionPosition) => void;\n  onNavigateToSection?: (object: MosaicDataItem) => void;\n  onCollapseSection?: (id: string, collapsed: boolean) => void;\n};\n\nexport type StackItem = MosaicDataItem & {\n  items: StackSectionItem[];\n};\n\nexport type StackSectionItem = MosaicDataItem & {\n  object: StackSectionContent;\n  // TODO(wittjosiah): Use effect schema? Share schema with echo.\n  view?: {\n    title?: string;\n    size?: SectionSize;\n    height?: number;\n    collapsed?: boolean;\n    custom?: Record<string, any>;\n  };\n  // TODO(wittjosiah): Common type? Factor out?\n  metadata?: {\n    icon?: string;\n    placeholder?: Label;\n    viewActions?: (item: StackSectionItem) => StackAction;\n  };\n};\n\nexport type StackAction = {\n  icon: string;\n  label: Label;\n  onClick: () => void;\n};\n\nexport type SectionSize = 'intrinsic' | 'extrinsic';\n\nexport type SectionProps = PropsWithChildren<\n  {\n    // Data props.\n    id: string;\n    title: string;\n\n    // Tile props.\n    active?: MosaicActiveType;\n  } & Pick<\n    MosaicTileProps,\n    'draggableProps' | 'draggableStyle' | 'onDelete' | 'onNavigate' | 'onAddAfter' | 'onAddBefore'\n  > &\n    Pick<StackContextValue, 'separation' | 'isResizable' | 'onCollapseSection'> &\n    Pick<Required<StackSectionItem>['view'], 'collapsed' | 'size'> &\n    Pick<Required<StackSectionItem>['metadata'], 'icon'>\n>;\n\nconst resizeHandleStyles = mx(resizeHandle, resizeHandleHorizontal, 'is-full bs-[--rail-action] col-start-2');\n\nexport const Section: ForwardRefExoticComponent<SectionProps & RefAttributes<HTMLLIElement>> = forwardRef<\n  HTMLLIElement,\n  SectionProps\n>(\n  (\n    {\n      id,\n      title,\n      icon = 'ph--placeholder--regular',\n      size = 'intrinsic',\n      collapsed,\n      active,\n      isResizable,\n      draggableProps,\n      draggableStyle,\n      onDelete,\n      onNavigate,\n      onAddBefore,\n      onAddAfter,\n      onCollapseSection,\n      children,\n    },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(translationKey);\n    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n    const sectionActionsToolbar = useTabsterAttributes({\n      groupper: {},\n      focusable: {},\n      mover: { cyclic: true, direction: 1, memorizeCurrent: false },\n    });\n    const sectionContentGroup = useFocusableGroup({});\n    const attendableAttrs = useAttendableAttributes(id);\n\n    return (\n      <CollapsiblePrimitive.Root\n        asChild\n        open={!collapsed}\n        onOpenChange={(nextOpen) => onCollapseSection?.(id, !nextOpen)}\n      >\n        <ListItem.Root\n          ref={forwardedRef}\n          id={id}\n          {...attendableAttrs}\n          classNames={[\n            'grid col-span-2 group/section',\n            active === 'overlay' ? stackColumns : 'grid-cols-subgrid snap-start',\n          ]}\n          style={draggableStyle}\n        >\n          <div\n            role='none'\n            className={mx(\n              'grid col-span-2 grid-cols-subgrid',\n              'bg-base attention-surface',\n              hoverableControls,\n              hoverableFocusedWithinControls,\n              (active === 'origin' || active === 'rearrange' || active === 'destination') && 'opacity-0',\n            )}\n          >\n            <div\n              role='toolbar'\n              aria-orientation='vertical'\n              aria-label={t('section controls label')}\n              {...(!active && { tabIndex: 0 })}\n              {...(!active && sectionActionsToolbar)}\n              className={mx(\n                'grid grid-cols-subgrid ch-focus-ring rounded-sm grid-rows-[min-content_min-content_1fr] m-1',\n                'group-has-[[role=toolbar][aria-orientation=horizontal]]/section:pbs-[--rail-action]',\n              )}\n            >\n              <div role='none' className='sticky -block-start-px bg-[--sticky-bg]'>\n                <DropdownMenu.Root\n                  {...{\n                    open: optionsMenuOpen,\n                    onOpenChange: setOptionsMenuOpen,\n                  }}\n                >\n                  <DropDownMenuDragHandleTrigger active={!!active} variant='ghost' classNames='m-0' {...draggableProps}>\n                    <Icon icon={icon} size={5} classNames='transition-opacity' />\n                  </DropDownMenuDragHandleTrigger>\n                  <DropdownMenu.Portal>\n                    <DropdownMenu.Content>\n                      <DropdownMenu.Viewport>\n                        {collapsed ? (\n                          <DropdownMenu.Item onClick={onNavigate} data-testid='section.navigate-to'>\n                            <ArrowSquareOut className={mx(getSize(5), 'mr-2')} />\n                            <span className='grow'>{t('navigate to section label')}</span>\n                          </DropdownMenu.Item>\n                        ) : (\n                          <CollapsiblePrimitive.Trigger asChild>\n                            <DropdownMenu.Item>\n                              <CaretDownUp className={mx(getSize(5), 'mr-2')} />\n                              <span className='grow'>{t('collapse label')}</span>\n                            </DropdownMenu.Item>\n                          </CollapsiblePrimitive.Trigger>\n                        )}\n                        <DropdownMenu.Item onClick={onAddBefore} data-testid='section.add-before'>\n                          <ArrowLineUp className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section before label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={onAddAfter} data-testid='section.add-after'>\n                          <ArrowLineDown className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('add section after label')}</span>\n                        </DropdownMenu.Item>\n                        <DropdownMenu.Item onClick={() => onDelete?.()} data-testid='section.remove'>\n                          <Trash className={mx(getSize(5), 'mr-2')} />\n                          <span className='grow'>{t('remove section label')}</span>\n                        </DropdownMenu.Item>\n                      </DropdownMenu.Viewport>\n                      <DropdownMenu.Arrow />\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n                {collapsed ? (\n                  <CollapsiblePrimitive.Trigger asChild>\n                    <Button variant='ghost' classNames={sectionActionDimensions}>\n                      <span className='sr-only'>{t('expand label')}</span>\n                      <CaretUpDown className={getSize(4)} />\n                    </Button>\n                  </CollapsiblePrimitive.Trigger>\n                ) : (\n                  <Button\n                    variant='ghost'\n                    classNames={sectionActionDimensions}\n                    onClick={onNavigate}\n                    data-testid='section.navigate-to'\n                  >\n                    <ArrowSquareOut className={mx(getSize(4))} />\n                    <span className='sr-only'>{t('navigate to section label')}</span>\n                  </Button>\n                )}\n              </div>\n            </div>\n\n            {/* Main content */}\n\n            <ListItem.Heading\n              classNames={collapsed ? ['grid grid-rows-subgrid grid-cols-subgrid items-center', focusRing] : 'sr-only'}\n              {...(collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n            >\n              {/*\n                TODO(thure): This needs to be made extensible; Markdown document titles especially are difficult.\n                  Using `Surface` in a UI package like this would be unprecedented and needs motivation.\n                  Refactoring to use subcomponents is complicated by sections being a sortable Mosaic Tile.\n                  Reevaluate when work on collections (Folders, Stacks, etc) settles.\n              */}\n              <span className='truncate'>{title}</span>\n            </ListItem.Heading>\n            {size === 'intrinsic' ? (\n              <CollapsiblePrimitive.Content\n                {...(!collapsed && {\n                  ...sectionContentGroup,\n                  tabIndex: 0,\n                })}\n                // TODO(burdon): Add margin to fragment?\n                className={mx(focusRing, 'm-[2px]')}\n              >\n                {children}\n              </CollapsiblePrimitive.Content>\n            ) : (\n              <CollapsiblePrimitive.Content asChild>\n                <ScrollArea.Root\n                  type='always'\n                  {...(!collapsed && { ...sectionContentGroup, tabIndex: 0 })}\n                  classNames={mx(focusRing, 'is-full has-[[data-radix-scroll-area-viewport]]:pbe-4')}\n                >\n                  <ScrollArea.Viewport>{children}</ScrollArea.Viewport>\n                  <ScrollArea.Scrollbar\n                    orientation='horizontal'\n                    variant='coarse'\n                    classNames='hidden has-[div]:flex !inline-end-[max(.25rem,var(--radix-scroll-area-corner-width))]'\n                  >\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Scrollbar orientation='vertical' variant='coarse' classNames='hidden has-[div]:flex'>\n                    <ScrollArea.Thumb />\n                  </ScrollArea.Scrollbar>\n                  <ScrollArea.Corner />\n                </ScrollArea.Root>\n              </CollapsiblePrimitive.Content>\n            )}\n          </div>\n          {isResizable && !collapsed && (\n            <button className={resizeHandleStyles}>\n              <span className='sr-only'>{t('resize section label')}</span>\n            </button>\n          )}\n        </ListItem.Root>\n      </CollapsiblePrimitive.Root>\n    );\n  },\n);\n\nexport type SectionToolbarProps = ThemedClassName<ComponentPropsWithRef<'div'>>;\n\n// TODO(burdon): block-start\nexport const sectionToolbarLayout =\n  'bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity';\n\nexport const SectionToolbar = ({ children, classNames }: SectionToolbarProps) => {\n  return (\n    <Toolbar.Root orientation='horizontal' classNames={[sectionToolbarLayout, hoverableControlItem, classNames]}>\n      {children}\n    </Toolbar.Root>\n  );\n};\n\nexport const SectionTile: MosaicTileComponent<\n  StackSectionItem,\n  HTMLLIElement\n  // TODO(wittjosiah): If props is specified there is a type error with Mosaic.Container.\n  // { itemContext: StackContextValue }\n> = forwardRef(({ path, type, active, draggableStyle, draggableProps, item, itemContext }, forwardedRef) => {\n  const { t } = useTranslation(translationKey);\n  const { activeItem } = useMosaic();\n\n  const separation = !!itemContext?.separation;\n  const isResizable = !!itemContext?.isResizable;\n  const { transform, onDeleteSection, onNavigateToSection, onAddSection, onCollapseSection, SectionContent } =\n    itemContext as StackContextValue;\n\n  const transformedItem = transform\n    ? transform(\n        item,\n        // TODO(wittjosiah): `active` doesn't always seem to be accurate here.\n        activeItem?.item.id === item.id ? activeItem?.type : type,\n      )\n    : item;\n\n  const placeholder = transformedItem.metadata?.placeholder ?? ['untitled section title', { ns: translationKey }];\n  const title = transformedItem.view?.title ?? toLocalizedString(placeholder, t);\n\n  const section = (\n    <Section\n      ref={forwardedRef}\n      title={title}\n      id={transformedItem.id}\n      size={transformedItem.view?.size}\n      icon={transformedItem.metadata?.icon}\n      collapsed={transformedItem.view?.collapsed}\n      separation={separation}\n      active={active}\n      draggableProps={draggableProps}\n      draggableStyle={draggableStyle}\n      onCollapseSection={onCollapseSection}\n      isResizable={isResizable}\n      onDelete={() => onDeleteSection?.(path)}\n      onNavigate={() => onNavigateToSection?.(transformedItem)}\n      onAddAfter={() => onAddSection?.(path, 'after')}\n      onAddBefore={() => onAddSection?.(path, 'before')}\n    >\n      {SectionContent && <SectionContent data={transformedItem.object} />}\n    </Section>\n  );\n\n  return active === 'overlay' ? <List>{section}</List> : section;\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nexport const CaretDownUp = ({ children, weight, ...props }: IconProps) => {\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n      <rect width='256' height='256' fill='none' />\n      <polyline\n        points='80 224 128 176 176 224'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      <polyline\n        points='80 32 128 80 176 32'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      {children}\n    </svg>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nexport const stackColumns = 'grid-cols-[var(--rail-size)_calc(100%-var(--rail-size))]';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {\n        'empty stack message': 'Drag items into the stack.',\n        'remove section label': 'Delete',\n        'navigate to section label': 'Navigate to item',\n        'untitled section title': 'Untitled section',\n        'add section before label': 'Add before',\n        'add section after label': 'Add after',\n        'expand label': 'Expand',\n        'collapse label': 'Collapse',\n      },\n    },\n  },\n];\n"],
+  "mappings": "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",
   "names": ["useArrowNavigationGroup", "useFocusableGroup", "React", "forwardRef", "useCallback", "useResizeDetector", "List", "useTranslation", "Mosaic", "Path", "useContainer", "useItemsWithPreview", "useMosaic", "dropRingInner", "useFocusableGroup", "useTabsterAttributes", "ArrowLineDown", "ArrowLineUp", "ArrowSquareOut", "CaretUpDown", "Trash", "CollapsiblePrimitive", "React", "forwardRef", "useState", "Button", "DropdownMenu", "Icon", "List", "ListItem", "ScrollArea", "Toolbar", "toLocalizedString", "useTranslation", "useAttendableAttributes", "DropDownMenuDragHandleTrigger", "resizeHandle", "resizeHandleHorizontal", "useMosaic", "focusRing", "getSize", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "React", "CaretDownUp", "children", "weight", "props", "svg", "xmlns", "viewBox", "rect", "width", "height", "fill", "polyline", "points", "stroke", "strokeLinecap", "strokeLinejoin", "strokeWidth", "stackColumns", "translationKey", "sectionActionDimensions", "resizeHandleStyles", "mx", "resizeHandle", "resizeHandleHorizontal", "Section", "forwardRef", "id", "title", "icon", "size", "collapsed", "active", "isResizable", "draggableProps", "draggableStyle", "onDelete", "onNavigate", "onAddBefore", "onAddAfter", "onCollapseSection", "children", "forwardedRef", "t", "useTranslation", "translationKey", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "sectionActionsToolbar", "useTabsterAttributes", "groupper", "focusable", "mover", "cyclic", "direction", "memorizeCurrent", "sectionContentGroup", "useFocusableGroup", "attendableAttrs", "useAttendableAttributes", "React", "Root", "asChild", "open", "onOpenChange", "nextOpen", "ListItem", "ref", "classNames", "stackColumns", "style", "div", "role", "className", "hoverableControls", "hoverableFocusedWithinControls", "aria-orientation", "aria-label", "tabIndex", "DropdownMenu", "DropDownMenuDragHandleTrigger", "variant", "Icon", "Portal", "Content", "Viewport", "Item", "onClick", "data-testid", "ArrowSquareOut", "getSize", "span", "Trigger", "CaretDownUp", "ArrowLineUp", "ArrowLineDown", "Trash", "Arrow", "Button", "CaretUpDown", "Heading", "focusRing", "ScrollArea", "type", "Scrollbar", "orientation", "Thumb", "Corner", "button", "sectionToolbarLayout", "SectionToolbar", "Toolbar", "hoverableControlItem", "SectionTile", "path", "item", "itemContext", "activeItem", "useMosaic", "separation", "transform", "onDeleteSection", "onNavigateToSection", "onAddSection", "SectionContent", "transformedItem", "placeholder", "metadata", "ns", "view", "toLocalizedString", "section", "data", "object", "List", "DEFAULT_TYPE", "Stack", "id", "type", "SectionContent", "items", "separation", "transform", "onOver", "onDrop", "onAddSection", "onDeleteSection", "onNavigateToSection", "onCollapseSection", "props", "ref", "containerRef", "width", "useResizeDetector", "refreshRate", "operation", "overItem", "useMosaic", "itemsWithPreview", "useItemsWithPreview", "path", "getOverlayStyle", "useCallback", "getOverlayProps", "itemContext", "stackModifier", "_activeItem", "activeNodeRect", "overlayNodeRect", "y", "top", "React", "Mosaic", "Container", "Component", "SectionTile", "modifier", "DroppableTile", "item", "isOver", "Path", "hasRoot", "StackTile", "forwardRef", "classNames", "_type", "emptyComponent", "forwardedRef", "t", "useTranslation", "translationKey", "useContainer", "domAttributes", "useArrowNavigationGroup", "axis", "activeItem", "_group", "useFocusableGroup", "List", "stackColumns", "dropRingInner", "length", "SortableContext", "direction", "map", "index", "SortableTile", "key", "position", "undefined", "p", "className", "data-testid"]
 }

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

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytes":3080,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytes":707,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":2050,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytes":39720,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":16626,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":832,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack.tsx","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytes":12336,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7412,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":612,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/generator.ts","kind":"import-statement","original":"./generator"},{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":33625},"packages/ui/react-ui-stack/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["DEFAULT_TYPE","SectionToolbar","Stack","sectionToolbarLayout","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":3542},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytesInOutput":10050},"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytesInOutput":779},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytesInOutput":79},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":508},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":15609},"packages/ui/react-ui-stack/dist/lib/node-esm/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9965},"packages/ui/react-ui-stack/dist/lib/node-esm/testing/index.mjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"exports":["Priority","SectionManager","StackManager","Status","TestObjectGenerator","defaultGenerators","range"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytesInOutput":2244},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1569}},"bytes":4176}}}
+{"inputs":{"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytes":3080,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytes":707,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":2050,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytes":39706,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":16626,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"},{"path":"packages/ui/react-ui-stack/src/components/style-fragments.ts","kind":"import-statement","original":"./style-fragments"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":832,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack.tsx","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/Section.tsx","kind":"import-statement","original":"./Section"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytes":12336,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7412,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":612,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/generator.ts","kind":"import-statement","original":"./generator"},{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":33619},"packages/ui/react-ui-stack/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["DEFAULT_TYPE","SectionToolbar","Stack","sectionToolbarLayout","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":3542},"packages/ui/react-ui-stack/src/components/Section.tsx":{"bytesInOutput":10044},"packages/ui/react-ui-stack/src/components/CaretDownUp.tsx":{"bytesInOutput":779},"packages/ui/react-ui-stack/src/components/style-fragments.ts":{"bytesInOutput":79},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":508},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":15603},"packages/ui/react-ui-stack/dist/lib/node-esm/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9965},"packages/ui/react-ui-stack/dist/lib/node-esm/testing/index.mjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/random","kind":"import-statement","external":true}],"exports":["Priority","SectionManager","StackManager","Status","TestObjectGenerator","defaultGenerators","range"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/generator.ts":{"bytesInOutput":2244},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1569}},"bytes":4176}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-stack",
-  "version": "0.6.12-main.89e9959",
+  "version": "0.6.12-main.c1d977f",
   "description": "A stack component.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -40,7 +40,7 @@
     "@atlaskit/pragmatic-drag-and-drop": "^1.3.1",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
     "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.3",
-    "@effect/schema": "^0.67.16",
+    "@effect/schema": "^0.75.1",
     "@fluentui/react-tabster": "^9.19.0",
     "@radix-ui/primitive": "^1.0.0",
     "@radix-ui/react-collapsible": "^1.0.2",
@@ -49,12 +49,12 @@
     "@radix-ui/react-menu": "^2.0.6",
     "@radix-ui/react-use-controllable-state": "^1.0.0",
     "react-resize-detector": "^11.0.1",
-    "@dxos/echo-schema": "0.6.12-main.89e9959",
-    "@dxos/react-ui-deck": "0.6.12-main.89e9959",
-    "@dxos/react-ui-attention": "0.6.12-main.89e9959",
-    "@dxos/react-ui": "0.6.12-main.89e9959",
-    "@dxos/react-ui-theme": "0.6.12-main.89e9959",
-    "@dxos/react-ui-mosaic": "0.6.12-main.89e9959"
+    "@dxos/echo-schema": "0.6.12-main.c1d977f",
+    "@dxos/react-ui": "0.6.12-main.c1d977f",
+    "@dxos/react-ui-attention": "0.6.12-main.c1d977f",
+    "@dxos/react-ui-mosaic": "0.6.12-main.c1d977f",
+    "@dxos/react-ui-deck": "0.6.12-main.c1d977f",
+    "@dxos/react-ui-theme": "0.6.12-main.c1d977f"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -63,21 +63,21 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/client": "0.6.12-main.89e9959",
-    "@dxos/echo-schema": "0.6.12-main.89e9959",
-    "@dxos/react-ui-editor": "0.6.12-main.89e9959",
-    "@dxos/random": "0.6.12-main.89e9959",
-    "@dxos/react-ui-table": "0.6.12-main.89e9959",
-    "@dxos/storybook-utils": "0.6.12-main.89e9959",
-    "@dxos/util": "0.6.12-main.89e9959",
-    "@dxos/test-utils": "0.6.12-main.89e9959"
+    "@dxos/echo-schema": "0.6.12-main.c1d977f",
+    "@dxos/random": "0.6.12-main.c1d977f",
+    "@dxos/react-ui-editor": "0.6.12-main.c1d977f",
+    "@dxos/client": "0.6.12-main.c1d977f",
+    "@dxos/react-ui-table": "0.6.12-main.c1d977f",
+    "@dxos/storybook-utils": "0.6.12-main.c1d977f",
+    "@dxos/test-utils": "0.6.12-main.c1d977f",
+    "@dxos/util": "0.6.12-main.c1d977f"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/client": "0.6.12-main.89e9959",
-    "@dxos/random": "0.6.12-main.89e9959"
+    "@dxos/client": "0.6.12-main.c1d977f",
+    "@dxos/random": "0.6.12-main.c1d977f"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Section.tsx

@@ -126,7 +126,7 @@ export const Section: ForwardRefExoticComponent<SectionProps & RefAttributes<HTM
     {
       id,
       title,
-      icon = 'phosphor--placeholder--regular',
+      icon = 'ph--placeholder--regular',
       size = 'intrinsic',
       collapsed,
       active,