@dxos/react-ui-stack 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

package/dist/lib/browser/index.mjs

@@ -1,17 +1,34 @@
-// packages/ui/react-ui-stack/src/components/Stack/Stack.tsx
+// packages/ui/react-ui-stack/src/components/Stack.tsx
 import { useArrowNavigationGroup } from "@fluentui/react-tabster";
 import { composeRefs } from "@radix-ui/react-compose-refs";
 import React, { Children, forwardRef, useState as useState2, useMemo } from "react";
 import { ListItem } from "@dxos/react-ui";
 import { mx } from "@dxos/react-ui-theme";
 
+// packages/ui/react-ui-stack/src/components/StackContext.tsx
+import { createContext, useContext } from "react";
+var StackContext = /* @__PURE__ */ createContext({
+  orientation: "vertical",
+  rail: true,
+  size: "intrinsic"
+});
+var useStack = () => useContext(StackContext);
+var StackItemContext = /* @__PURE__ */ createContext({
+  selfDragHandleRef: () => {
+  },
+  size: "min-content",
+  setSize: () => {
+  }
+});
+var useStackItem = () => useContext(StackItemContext);
+
 // packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
 import { attachClosestEdge, extractClosestEdge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
 import { useLayoutEffect, useState } from "react";
-var useStackDropForElements = ({ id, element, selfDroppable, orientation, onRearrange }) => {
+var useStackDropForElements = ({ element, selfDroppable, orientation, id, onRearrange }) => {
   const [dropping, setDropping] = useState(false);
   useLayoutEffect(() => {
     if (!element || !selfDroppable) {
@@ -67,24 +84,7 @@ var useStackDropForElements = ({ id, element, selfDroppable, orientation, onRear
   };
 };
 
-// packages/ui/react-ui-stack/src/components/StackContext.tsx
-import { createContext, useContext } from "react";
-var StackContext = /* @__PURE__ */ createContext({
-  orientation: "vertical",
-  rail: true,
-  size: "intrinsic"
-});
-var useStack = () => useContext(StackContext);
-var StackItemContext = /* @__PURE__ */ createContext({
-  selfDragHandleRef: () => {
-  },
-  size: "min-content",
-  setSize: () => {
-  }
-});
-var useStackItem = () => useContext(StackItemContext);
-
-// packages/ui/react-ui-stack/src/components/Stack/Stack.tsx
+// packages/ui/react-ui-stack/src/components/Stack.tsx
 var railGridHorizontal = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
 var railGridVertical = "grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
 var railGridHorizontalContainFitContent = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]";
@@ -147,7 +147,7 @@ var Stack = /* @__PURE__ */ forwardRef(({ children, classNames, style, orientati
   })));
 });
 
-// packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx
+// packages/ui/react-ui-stack/src/components/StackItem.tsx
 import { combine as combine2 } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { draggable, dropTargetForElements as dropTargetForElements2 } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { preserveOffsetOnSource } from "@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source";
@@ -160,7 +160,7 @@ import { ListItem as ListItem2 } from "@dxos/react-ui";
 import { resizeAttributes, sizeStyle } from "@dxos/react-ui-dnd";
 import { mx as mx5 } from "@dxos/react-ui-theme";
 
-// packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx
+// packages/ui/react-ui-stack/src/components/StackItemContent.tsx
 import React2, { forwardRef as forwardRef2 } from "react";
 import { mx as mx2 } from "@dxos/react-ui-theme";
 var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusbar, classNames, size = "intrinsic", ...props }, forwardedRef) => {
@@ -180,12 +180,11 @@ var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusb
         ] : []
       ].join(" ")
     },
-    "data-popover-collision-boundary": true,
     ref: forwardedRef
   }, children);
 });
 
-// packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx
+// packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx
 import { Slot } from "@radix-ui/react-slot";
 import React3 from "react";
 var StackItemDragHandle = ({ asChild, children }) => {
@@ -197,7 +196,7 @@ var StackItemDragHandle = ({ asChild, children }) => {
   }, children);
 };
 
-// packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx
+// packages/ui/react-ui-stack/src/components/StackItemHeading.tsx
 import { useFocusableGroup } from "@fluentui/react-tabster";
 import React4, { forwardRef as forwardRef3 } from "react";
 import { useAttention } from "@dxos/react-ui-attention";
@@ -212,7 +211,7 @@ var StackItemHeading = ({ children, classNames, ...props }) => {
     ...props,
     tabIndex: 0,
     ...focusableGroupAttrs,
-    className: mx3("flex items-center dx-focus-ring-inset-over-all relative !border-is-0 bg-headerSurface", orientation === "horizontal" ? "bs-[--rail-size]" : "is-[--rail-size] flex-col", classNames)
+    className: mx3("flex items-center dx-focus-ring-inset-over-all relative !border-is-0", orientation === "horizontal" ? "bs-[--rail-size]" : "is-[--rail-size] flex-col", classNames)
   }, children);
 };
 var StackItemHeadingLabel = /* @__PURE__ */ forwardRef3(({ attendableId, related, classNames, ...props }, forwardedRef) => {
@@ -225,7 +224,7 @@ var StackItemHeadingLabel = /* @__PURE__ */ forwardRef3(({ attendableId, related
   });
 });
 
-// packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx
+// packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx
 import React5 from "react";
 import { ResizeHandle } from "@dxos/react-ui-dnd";
 var MIN_WIDTH = 20;
@@ -242,7 +241,7 @@ var StackItemResizeHandle = () => {
   });
 };
 
-// packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx
+// packages/ui/react-ui-stack/src/components/StackItemSigil.tsx
 import React7, { Fragment, forwardRef as forwardRef4, useRef, useState as useState3 } from "react";
 import { keySymbols } from "@dxos/keyboard";
 import { Button, DropdownMenu, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
@@ -250,7 +249,7 @@ import { useAttention as useAttention2 } from "@dxos/react-ui-attention";
 import { descriptionText, mx as mx4 } from "@dxos/react-ui-theme";
 import { getHostPlatform } from "@dxos/util";
 
-// packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx
+// packages/ui/react-ui-stack/src/components/MenuSignifier.tsx
 import React6 from "react";
 var MenuSignifierHorizontal = () => /* @__PURE__ */ React6.createElement("svg", {
   className: "absolute block-end-[7px]",
@@ -288,7 +287,7 @@ var translations_default = [
   }
 ];
 
-// packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx
+// packages/ui/react-ui-stack/src/components/StackItemSigil.tsx
 var StackItemSigilButton = /* @__PURE__ */ forwardRef4(({ attendableId, classNames, related, isMenu = true, children, ...props }, forwardedRef) => {
   const { hasAttention, isAncestor, isRelated } = useAttention2(attendableId);
   const variant = related && isRelated || hasAttention || isAncestor ? "primary" : "ghost";
@@ -378,7 +377,7 @@ var StackItemSigil = /* @__PURE__ */ forwardRef4(({ actions: actionGroups, onAct
   }), children), /* @__PURE__ */ React7.createElement(DropdownMenu.Arrow, null))));
 });
 
-// packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx
+// packages/ui/react-ui-stack/src/components/StackItem.tsx
 var DEFAULT_HORIZONTAL_SIZE = 48;
 var DEFAULT_VERTICAL_SIZE = "min-content";
 var DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE;
@@ -515,18 +514,88 @@ var StackItem = {
   Sigil: StackItemSigil,
   SigilButton: StackItemSigilButton
 };
+
+// packages/ui/react-ui-stack/src/components/LayoutControls.tsx
+import React9, { forwardRef as forwardRef6 } from "react";
+import { Button as Button2, ButtonGroup, Icon as Icon2, Tooltip, useTranslation as useTranslation2 } from "@dxos/react-ui";
+var LayoutControl = ({ icon, label, ...props }) => {
+  return /* @__PURE__ */ React9.createElement(Tooltip.Root, null, /* @__PURE__ */ React9.createElement(Tooltip.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React9.createElement(Button2, {
+    variant: "ghost",
+    ...props
+  }, /* @__PURE__ */ React9.createElement("span", {
+    className: "sr-only"
+  }, label), /* @__PURE__ */ React9.createElement(Icon2, {
+    icon
+  }))), /* @__PURE__ */ React9.createElement(Tooltip.Portal, null, /* @__PURE__ */ React9.createElement(Tooltip.Content, {
+    side: "bottom"
+  }, label)));
+};
+var LayoutControls = /* @__PURE__ */ forwardRef6(({ onClick, variant = "default", capabilities: can, isSolo, pin, close = false, children, ...props }, forwardedRef) => {
+  const { t } = useTranslation2(translationKey);
+  const buttonClassNames = variant === "hide-disabled" ? "disabled:hidden !p-1" : "!p-1";
+  return /* @__PURE__ */ React9.createElement(ButtonGroup, {
+    ...props,
+    ref: forwardedRef
+  }, pin && !isSolo && [
+    "both",
+    "start"
+  ].includes(pin) && /* @__PURE__ */ React9.createElement(LayoutControl, {
+    label: t("pin start label"),
+    variant: "ghost",
+    classNames: buttonClassNames,
+    onClick: () => onClick?.("pin-start"),
+    icon: "ph--caret-line-left--regular"
+  }), can.solo && /* @__PURE__ */ React9.createElement(LayoutControl, {
+    label: t("solo layout label"),
+    classNames: buttonClassNames,
+    onClick: () => onClick?.("solo"),
+    icon: isSolo ? "ph--arrows-in--regular" : "ph--arrows-out--regular"
+  }), !isSolo && can.solo && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(LayoutControl, {
+    label: t("increment start label"),
+    disabled: !can.incrementStart,
+    classNames: buttonClassNames,
+    onClick: () => onClick?.("increment-start"),
+    icon: "ph--caret-left--regular"
+  }), /* @__PURE__ */ React9.createElement(LayoutControl, {
+    label: t("increment end label"),
+    disabled: !can.incrementEnd,
+    classNames: buttonClassNames,
+    onClick: () => onClick?.("increment-end"),
+    icon: "ph--caret-right--regular"
+  })), pin && !isSolo && [
+    "both",
+    "end"
+  ].includes(pin) && /* @__PURE__ */ React9.createElement(LayoutControl, {
+    label: t("pin end label"),
+    classNames: buttonClassNames,
+    onClick: () => onClick?.("pin-end"),
+    icon: "ph--caret-line-right--regular"
+  }), close && !isSolo && /* @__PURE__ */ React9.createElement(LayoutControl, {
+    label: t(`${typeof close === "string" ? "minify" : "close"} label`),
+    classNames: buttonClassNames,
+    onClick: () => onClick?.("close"),
+    "data-testid": "layoutHeading.close",
+    icon: close === "minify-start" ? "ph--caret-line-left--regular" : close === "minify-end" ? "ph--caret-line-right--regular" : "ph--x--regular"
+  }), children);
+});
 export {
   DEFAULT_EXTRINSIC_SIZE,
   DEFAULT_HORIZONTAL_SIZE,
   DEFAULT_VERTICAL_SIZE,
+  LayoutControls,
   Stack,
   StackContext,
   StackItem,
+  StackItemContext,
   autoScrollRootAttributes,
   railGridHorizontal,
   railGridHorizontalContainFitContent,
   railGridVertical,
   railGridVerticalContainFitContent,
-  translations_default as translations
+  translations_default as translations,
+  useStack,
+  useStackItem
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/Stack/Stack.tsx", "../../../src/hooks/useStackDropForElements.ts", "../../../src/components/StackContext.tsx", "../../../src/components/StackItem/StackItem.tsx", "../../../src/components/StackItem/StackItemContent.tsx", "../../../src/components/StackItem/StackItemDragHandle.tsx", "../../../src/components/StackItem/StackItemHeading.tsx", "../../../src/components/StackItem/StackItemResizeHandle.tsx", "../../../src/components/StackItem/StackItemSigil.tsx", "../../../src/components/StackItem/MenuSignifier.tsx", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, { Children, type CSSProperties, type ComponentPropsWithRef, forwardRef, useState, useMemo } from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStackDropForElements } from '../../hooks';\nimport { StackContext } from '../StackContext';\nimport { type StackContextValue } from '../defs';\n\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Size = 'intrinsic' | 'contain' | 'contain-fit-content';\n\nexport type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> &\n  Partial<StackContextValue> & { itemsCount?: number };\n\nexport const railGridHorizontal = 'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\nexport const railGridVertical = 'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\n\n// TODO(ZaymonFC): Magic 2px to stop overflow (tabster dummies... ask @thure).\nexport const railGridHorizontalContainFitContent =\n  'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\nexport const railGridVerticalContainFitContent =\n  'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\n\nexport const autoScrollRootAttributes = { 'data-drag-autoscroll': 'idle' };\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      children,\n      classNames,\n      style,\n      orientation = 'vertical',\n      rail = true,\n      size = 'intrinsic',\n      onRearrange,\n      itemsCount = Children.count(children),\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [stackElement, stackRef] = useState<HTMLDivElement | null>(null);\n    const composedItemRef = composeRefs<HTMLDivElement>(stackRef, forwardedRef);\n    const arrowNavigationAttrs = useArrowNavigationGroup({ axis: orientation });\n\n    const styles: CSSProperties = {\n      [orientation === 'horizontal' ? 'gridTemplateColumns' : 'gridTemplateRows']:\n        `repeat(${itemsCount}, min-content) [tabster-dummies] 0`,\n      ...style,\n    };\n\n    const selfDroppable = !!(itemsCount < 1 && onRearrange && props.id);\n\n    const { dropping } = useStackDropForElements({\n      id: props.id,\n      element: stackElement,\n      selfDroppable,\n      orientation,\n      onRearrange,\n    });\n\n    const gridClasses = useMemo(() => {\n      if (!rail) {\n        return orientation === 'horizontal' ? 'grid-rows-1 pli-1' : 'grid-cols-1 plb-1';\n      }\n      if (orientation === 'horizontal') {\n        return size === 'contain-fit-content' ? railGridHorizontalContainFitContent : railGridHorizontal;\n      } else {\n        return size === 'contain-fit-content' ? railGridVerticalContainFitContent : railGridVertical;\n      }\n    }, [rail, orientation, size]);\n\n    return (\n      <StackContext.Provider value={{ orientation, rail, size, onRearrange }}>\n        <div\n          {...props}\n          {...arrowNavigationAttrs}\n          className={mx(\n            'grid relative',\n            gridClasses,\n            (size === 'contain' || size === 'contain-fit-content') &&\n              (orientation === 'horizontal'\n                ? 'overflow-x-auto min-bs-0 max-bs-full bs-full'\n                : 'overflow-y-auto min-is-0 max-is-full is-full'),\n            classNames,\n          )}\n          data-rail={rail}\n          aria-orientation={orientation}\n          style={styles}\n          ref={composedItemRef}\n        >\n          {children}\n          {selfDroppable && dropping && (\n            <ListItem.DropIndicator\n              lineInset={8}\n              terminalInset={-8}\n              gap={-8}\n              edge={orientation === 'horizontal' ? 'left' : 'top'}\n            />\n          )}\n        </div>\n      </StackContext.Provider>\n    );\n  },\n);\n\nexport { StackContext };\n\nexport type { StackContextValue };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';\nimport { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { type StackItemRearrangeHandler, type StackItemData, type Orientation } from '../components';\n\n/**\n * Hook to handle drag and drop functionality for Stack components.\n */\nexport const useStackDropForElements = ({\n  id,\n  element,\n  selfDroppable,\n  orientation,\n  onRearrange,\n}: {\n  id?: string;\n  element: HTMLDivElement | null;\n  selfDroppable: boolean;\n  orientation: Orientation;\n  onRearrange?: StackItemRearrangeHandler;\n}) => {\n  const [dropping, setDropping] = useState(false);\n\n  useLayoutEffect(() => {\n    if (!element || !selfDroppable) {\n      return;\n    }\n\n    const acceptSourceType = orientation === 'horizontal' ? 'column' : 'card';\n\n    return combine(\n      dropTargetForElements({\n        element,\n        getData: ({ input, element }) => {\n          return attachClosestEdge(\n            { id, type: orientation === 'horizontal' ? 'card' : 'column' },\n            { input, element, allowedEdges: [orientation === 'horizontal' ? 'left' : 'top'] },\n          );\n        },\n        onDragEnter: ({ source }) => {\n          if (source.data.type === acceptSourceType) {\n            setDropping(true);\n          }\n        },\n        onDrag: ({ source }) => {\n          if (source.data.type === acceptSourceType) {\n            setDropping(true);\n          }\n        },\n        onDragLeave: () => {\n          return setDropping(false);\n        },\n        onDrop: ({ self, source }) => {\n          setDropping(false);\n          if (source.data.type === acceptSourceType && selfDroppable && onRearrange) {\n            onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n          }\n        },\n      }),\n      autoScrollForElements({ element, getAllowedAxis: () => orientation }),\n    );\n  }, [element, selfDroppable, orientation, id, onRearrange]);\n\n  return { dropping };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type Orientation, type Size } from './Stack';\nimport { type StackItemSize, type StackItemRearrangeHandler } from './defs';\n\nexport type StackContextValue = {\n  orientation: Orientation;\n  rail: boolean;\n  size: Size;\n  onRearrange?: StackItemRearrangeHandler;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n  orientation: 'vertical',\n  rail: true,\n  size: 'intrinsic',\n});\n\nexport const useStack = () => useContext(StackContext);\n\nexport type StackItemContextValue = {\n  selfDragHandleRef: (element: HTMLDivElement | null) => void;\n  size: StackItemSize;\n  setSize: (nextSize: StackItemSize, commit?: boolean) => void;\n};\n\nexport const StackItemContext = createContext<StackItemContextValue>({\n  selfDragHandleRef: () => {},\n  size: 'min-content',\n  setSize: () => {},\n});\n\nexport const useStackItem = () => useContext(StackItemContext);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { draggable, dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { preserveOffsetOnSource } from '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source';\nimport { scrollJustEnoughIntoView } from '@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view';\nimport {\n  attachClosestEdge,\n  extractClosestEdge,\n  type Edge,\n} from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, { forwardRef, useLayoutEffect, useState, type ComponentPropsWithRef, useCallback } from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { StackItemContent, type StackItemContentProps } from './StackItemContent';\nimport { StackItemDragHandle, type StackItemDragHandleProps } from './StackItemDragHandle';\nimport {\n  StackItemHeading,\n  StackItemHeadingLabel,\n  type StackItemHeadingProps,\n  type StackItemHeadingLabelProps,\n} from './StackItemHeading';\nimport { StackItemResizeHandle, type StackItemResizeHandleProps } from './StackItemResizeHandle';\nimport {\n  StackItemSigil,\n  type StackItemSigilProps,\n  type StackItemSigilAction,\n  type StackItemSigilButtonProps,\n  StackItemSigilButton,\n} from './StackItemSigil';\nimport { useStack, StackItemContext } from '../StackContext';\nimport { type StackItemSize, type StackItemData } from '../defs';\n\n// NOTE: 48rem fills the screen on a MacbookPro with the sidebars closed.\nexport const DEFAULT_HORIZONTAL_SIZE = 48 satisfies StackItemSize;\nexport const DEFAULT_VERTICAL_SIZE = 'min-content' satisfies StackItemSize;\nexport const DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE satisfies StackItemSize;\n\ntype StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {\n  item: Omit<StackItemData, 'type'>;\n  order?: number;\n  size?: StackItemSize;\n  onSizeChange?: (nextSize: StackItemSize) => void;\n  role?: 'article' | 'section';\n  disableRearrange?: boolean;\n  focusIndicatorVariant?: 'over-all' | 'group';\n};\n\nconst StackItemRoot = forwardRef<HTMLDivElement, StackItemRootProps>(\n  (\n    {\n      item,\n      children,\n      classNames,\n      size: propsSize,\n      onSizeChange,\n      role,\n      order,\n      style,\n      disableRearrange,\n      focusIndicatorVariant = 'over-all',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [itemElement, itemRef] = useState<HTMLDivElement | null>(null);\n    const [selfDragHandleElement, selfDragHandleRef] = useState<HTMLDivElement | null>(null);\n    const [closestEdge, setEdge] = useState<Edge | null>(null);\n    const { orientation, rail, onRearrange } = useStack();\n    const [size = orientation === 'horizontal' ? DEFAULT_HORIZONTAL_SIZE : DEFAULT_VERTICAL_SIZE, setInternalSize] =\n      useState(propsSize);\n\n    const Root = role ?? 'div';\n\n    const composedItemRef = composeRefs<HTMLDivElement>(itemRef, forwardedRef);\n\n    const setSize = useCallback(\n      (nextSize: StackItemSize, commit?: boolean) => {\n        setInternalSize(nextSize);\n        if (commit) {\n          onSizeChange?.(nextSize);\n        }\n      },\n      [onSizeChange],\n    );\n\n    const type = orientation === 'horizontal' ? 'column' : 'card';\n\n    useLayoutEffect(() => {\n      if (!itemElement || !onRearrange || disableRearrange) {\n        return;\n      }\n\n      return combine(\n        draggable({\n          element: itemElement,\n          ...(selfDragHandleElement && { dragHandle: selfDragHandleElement }),\n          getInitialData: () => ({ id: item.id, type }),\n          onGenerateDragPreview: ({ nativeSetDragImage, source, location }) => {\n            document.body.setAttribute('data-drag-preview', 'true');\n            scrollJustEnoughIntoView({ element: source.element });\n            const { x, y } = preserveOffsetOnSource({ element: source.element, input: location.current.input })({\n              container: (source.element.offsetParent ?? document.body) as HTMLElement,\n            });\n            nativeSetDragImage?.(source.element, x, y);\n          },\n          onDragStart: () => {\n            document.body.removeAttribute('data-drag-preview');\n            itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'active');\n          },\n          onDrop: () => {\n            itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'idle');\n          },\n        }),\n        dropTargetForElements({\n          element: itemElement,\n          getData: ({ input, element }) => {\n            return attachClosestEdge(\n              { id: item.id, type },\n              { input, element, allowedEdges: orientation === 'horizontal' ? ['left', 'right'] : ['top', 'bottom'] },\n            );\n          },\n          onDragEnter: ({ self, source }) => {\n            if (source.data.type === self.data.type) {\n              setEdge(extractClosestEdge(self.data));\n            }\n          },\n          onDrag: ({ self, source }) => {\n            if (source.data.type === self.data.type) {\n              setEdge(extractClosestEdge(self.data));\n            }\n          },\n          onDragLeave: () => setEdge(null),\n          onDrop: ({ self, source }) => {\n            setEdge(null);\n            if (source.data.type === self.data.type) {\n              onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n            }\n          },\n        }),\n      );\n    }, [orientation, item, onRearrange, selfDragHandleElement, itemElement]);\n\n    const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n    return (\n      <StackItemContext.Provider value={{ selfDragHandleRef, size, setSize }}>\n        <Root\n          {...props}\n          tabIndex={0}\n          {...focusableGroupAttrs}\n          className={mx(\n            'group/stack-item grid relative',\n            focusIndicatorVariant === 'over-all'\n              ? 'dx-focus-ring-inset-over-all'\n              : orientation === 'horizontal'\n                ? 'dx-focus-ring-group-x'\n                : 'dx-focus-ring-group-y',\n            orientation === 'horizontal' ? 'grid-rows-subgrid' : 'grid-cols-subgrid',\n            rail && (orientation === 'horizontal' ? 'row-span-2' : 'col-span-2'),\n            classNames,\n          )}\n          data-dx-stack-item\n          {...resizeAttributes}\n          style={{\n            ...sizeStyle(size, orientation),\n            ...(Number.isFinite(order) && {\n              [orientation === 'horizontal' ? 'gridColumn' : 'gridRow']: `${order}`,\n            }),\n            ...style,\n          }}\n          ref={composedItemRef}\n        >\n          {children}\n          {closestEdge && <ListItem.DropIndicator lineInset={8} terminalInset={-8} edge={closestEdge} />}\n        </Root>\n      </StackItemContext.Provider>\n    );\n  },\n);\n\nexport const StackItem = {\n  Root: StackItemRoot,\n  Content: StackItemContent,\n  Heading: StackItemHeading,\n  HeadingLabel: StackItemHeadingLabel,\n  ResizeHandle: StackItemResizeHandle,\n  DragHandle: StackItemDragHandle,\n  Sigil: StackItemSigil,\n  SigilButton: StackItemSigilButton,\n};\n\nexport type {\n  StackItemRootProps,\n  StackItemContentProps,\n  StackItemHeadingProps,\n  StackItemHeadingLabelProps,\n  StackItemResizeHandleProps,\n  StackItemDragHandleProps,\n  StackItemSigilProps,\n  StackItemSigilButtonProps,\n  StackItemSigilAction,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from '../StackContext';\n\nexport type StackItemContentProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n  /**\n   * This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate\n   * (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.\n   */\n  toolbar?: boolean;\n\n  /**\n   * Whether to provide for the layout of a statusbar after the content.\n   */\n  statusbar?: boolean;\n\n  /**\n   * Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for\n   * convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.\n   */\n  size?: 'intrinsic' | 'video' | 'square';\n};\n\n/**\n * This component should be used by plugins for rendering content within a stack item, a.k.a. a “plank” or “section”.\n * The `toolbar` flag must be provided since this component provides for the layout of content with the toolbar.\n */\nexport const StackItemContent = forwardRef<HTMLDivElement, StackItemContentProps>(\n  ({ children, toolbar, statusbar, classNames, size = 'intrinsic', ...props }, forwardedRef) => {\n    const { size: stackItemSize } = useStack();\n\n    return (\n      <div\n        role='none'\n        {...props}\n        className={mx(\n          'group grid grid-cols-[100%]',\n          stackItemSize === 'contain' && 'min-bs-0 overflow-hidden',\n          size === 'video' ? 'aspect-video' : size === 'square' && 'aspect-square',\n          classNames,\n        )}\n        style={{\n          gridTemplateRows: [\n            ...(toolbar ? ['var(--rail-action)'] : []),\n            '1fr',\n            ...(statusbar ? ['var(--statusbar-size)'] : []),\n          ].join(' '),\n        }}\n        data-popover-collision-boundary={true}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nimport { useStackItem } from '../StackContext';\n\nexport type StackItemDragHandleProps = ComponentPropsWithoutRef<'button'> & { asChild: boolean };\n\nexport const StackItemDragHandle = ({ asChild, children }: StackItemDragHandleProps) => {\n  const { selfDragHandleRef } = useStackItem();\n\n  const Root = asChild ? Slot : 'div';\n\n  return (\n    <Root ref={selfDragHandleRef} role='button'>\n      {children}\n    </Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { type ComponentPropsWithoutRef, type ComponentPropsWithRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { useAttention, type AttendableId, type Related } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from '../StackContext';\n\nexport type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>>;\n\nexport const StackItemHeading = ({ children, classNames, ...props }: StackItemHeadingProps) => {\n  const { orientation } = useStack();\n  const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n  return (\n    <div\n      role='heading'\n      {...props}\n      tabIndex={0}\n      {...focusableGroupAttrs}\n      className={mx(\n        'flex items-center dx-focus-ring-inset-over-all relative !border-is-0 bg-headerSurface',\n        orientation === 'horizontal' ? 'bs-[--rail-size]' : 'is-[--rail-size] flex-col',\n        classNames,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport type StackItemHeadingLabelProps = ThemedClassName<ComponentPropsWithRef<'h1'>> & AttendableId & Related;\n\nexport const StackItemHeadingLabel = forwardRef<HTMLHeadingElement, StackItemHeadingLabelProps>(\n  ({ attendableId, related, classNames, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n\n    return (\n      <h1\n        {...props}\n        data-attention={((related && isRelated) || hasAttention || isAncestor).toString()}\n        className={mx(\n          'pli-1 min-is-0 is-0 grow truncate font-medium text-baseText data-[attention=true]:text-accentText self-center',\n          classNames,\n        )}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { ResizeHandle } from '@dxos/react-ui-dnd';\n\nimport { DEFAULT_EXTRINSIC_SIZE } from './StackItem';\nimport { useStack, useStackItem } from '../StackContext';\n\nconst MIN_WIDTH = 20;\nconst MIN_HEIGHT = 3;\n\nexport type StackItemResizeHandleProps = {};\n\nexport const StackItemResizeHandle = () => {\n  const { orientation } = useStack();\n  const { setSize, size } = useStackItem();\n\n  return (\n    <ResizeHandle\n      side={orientation === 'horizontal' ? 'inline-end' : 'block-end'}\n      fallbackSize={DEFAULT_EXTRINSIC_SIZE}\n      minSize={orientation === 'horizontal' ? MIN_WIDTH : MIN_HEIGHT}\n      size={size}\n      onSizeChange={setSize}\n    />\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, type PropsWithChildren, forwardRef, useRef, useState } from 'react';\n\nimport { type ActionLike } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { Button, type ButtonProps, DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { type AttendableId, type Related, useAttention } from '@dxos/react-ui-attention';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { MenuSignifierHorizontal } from './MenuSignifier';\nimport { translationKey } from '../../translations';\n\nexport type KeyBinding = {\n  windows?: string;\n  macos?: string;\n  ios?: string;\n  linux?: string;\n  unknown?: string;\n};\n\nexport type StackItemSigilAction = Pick<ActionLike, 'id' | 'properties' | 'data'>;\n\nexport type StackItemSigilButtonProps = Omit<ButtonProps, 'variant'> &\n  AttendableId &\n  Related & {\n    isMenu?: boolean;\n  };\n\nexport const StackItemSigilButton = forwardRef<HTMLButtonElement, StackItemSigilButtonProps>(\n  ({ attendableId, classNames, related, isMenu = true, children, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n    const variant = (related && isRelated) || hasAttention || isAncestor ? 'primary' : 'ghost';\n    // TODO(wittjosiah): Disable hover styles when isMenu is false.\n    return (\n      <Button\n        {...props}\n        variant={variant}\n        classNames={['shrink-0 pli-0 min-bs-0 is-[--rail-action] bs-[--rail-action] relative app-no-drag', classNames]}\n        ref={forwardedRef}\n      >\n        {isMenu && <MenuSignifierHorizontal />}\n        {children}\n      </Button>\n    );\n  },\n);\n\nexport type StackItemSigilProps = PropsWithChildren<\n  {\n    attendableId?: string;\n    triggerLabel: string;\n    actions?: StackItemSigilAction[][];\n    icon: string;\n    onAction?: (action: StackItemSigilAction) => void;\n  } & Related\n>;\n\nexport const StackItemSigil = forwardRef<HTMLButtonElement, StackItemSigilProps>(\n  ({ actions: actionGroups, onAction, triggerLabel, attendableId, icon, related, children }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const suppressNextTooltip = useRef(false);\n\n    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n\n    const hasActions = actionGroups && actionGroups.length > 0;\n\n    const button = (\n      <StackItemSigilButton\n        attendableId={attendableId}\n        related={related}\n        isMenu={hasActions}\n        // TODO(wittjosiah): Better disabling of interactive styles when no action are available.\n        //   Remove underscore icon when no actions are available?\n        classNames={!hasActions && 'cursor-default'}\n      >\n        <span className='sr-only'>{triggerLabel}</span>\n        <Icon icon={icon} size={5} />\n      </StackItemSigilButton>\n    );\n\n    if (!hasActions) {\n      return button;\n    }\n\n    return (\n      <DropdownMenu.Root\n        {...{\n          open: optionsMenuOpen,\n          onOpenChange: (nextOpen: boolean) => {\n            if (!nextOpen) {\n              suppressNextTooltip.current = true;\n            }\n            return setOptionsMenuOpen(nextOpen);\n          },\n        }}\n      >\n        <DropdownMenu.Trigger asChild ref={forwardedRef}>\n          {button}\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content classNames='z-[31]'>\n            <DropdownMenu.Viewport>\n              {actionGroups?.map((actions, index) => {\n                const separator = index > 0 ? <DropdownMenu.Separator /> : null;\n                return (\n                  <Fragment key={index}>\n                    {separator}\n                    {actions.map((action) => {\n                      const shortcut =\n                        typeof action.properties.keyBinding === 'string'\n                          ? action.properties.keyBinding\n                          : action.properties.keyBinding?.[getHostPlatform()];\n\n                      const menuItemType = action.properties.menuItemType;\n                      const Root = menuItemType === 'toggle' ? DropdownMenu.CheckboxItem : DropdownMenu.Item;\n\n                      return (\n                        <Root\n                          key={action.id}\n                          onClick={(event) => {\n                            if (action.properties.disabled) {\n                              return;\n                            }\n                            event.stopPropagation();\n                            // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n                            suppressNextTooltip.current = true;\n                            setOptionsMenuOpen(false);\n                            onAction?.(action);\n                          }}\n                          classNames='gap-2'\n                          disabled={action.properties.disabled}\n                          checked={menuItemType === 'toggle' ? action.properties.isChecked : undefined}\n                          {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n                        >\n                          <Icon icon={action.properties.icon ?? 'ph--placeholder--regular'} size={4} />\n                          <span className='grow truncate'>{toLocalizedString(action.properties.label ?? '', t)}</span>\n                          {menuItemType === 'toggle' && (\n                            <DropdownMenu.ItemIndicator asChild>\n                              <Icon icon='ph--check--regular' size={4} />\n                            </DropdownMenu.ItemIndicator>\n                          )}\n                          {shortcut && (\n                            <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>\n                          )}\n                        </Root>\n                      );\n                    })}\n                  </Fragment>\n                );\n              })}\n              {children}\n            </DropdownMenu.Viewport>\n            <DropdownMenu.Arrow />\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nexport const MenuSignifierHorizontal = () => (\n  <svg\n    className='absolute block-end-[7px]'\n    width={20}\n    height={2}\n    viewBox='0 0 20 2'\n    stroke='currentColor'\n    opacity={0.5}\n  >\n    <line\n      x1={0.5}\n      y1={0.75}\n      x2={19}\n      y2={0.75}\n      strokeWidth={1.25}\n      strokeLinecap='round'\n      strokeDasharray='6 20'\n      strokeDashoffset='-6.5'\n    />\n  </svg>\n);\n\nexport const MenuSignifierVertical = () => (\n  <svg className='absolute inline-start-1' width={2} height={18} viewBox='0 0 2 18' stroke='currentColor'>\n    <line x1={1} y1={3} x2={1} y2={18} strokeWidth={1.5} strokeLinecap='round' strokeDasharray='0 6' />\n  </svg>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {\n        'resize label': 'Drag to resize',\n        'pin start label': 'Pin to the left sidebar',\n        'pin end label': 'Pin to the right sidebar',\n        'increment start label': 'Move to the left',\n        'increment end label': 'Move to the right',\n        'close label': 'Close',\n        'minify label': 'Minify',\n      },\n    },\n  },\n];\n"],
-  "mappings": "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",
-  "names": ["useArrowNavigationGroup", "composeRefs", "React", "Children", "forwardRef", "useState", "useMemo", "ListItem", "mx", "combine", "dropTargetForElements", "autoScrollForElements", "attachClosestEdge", "extractClosestEdge", "useLayoutEffect", "useState", "useStackDropForElements", "id", "element", "selfDroppable", "orientation", "onRearrange", "dropping", "setDropping", "useState", "useLayoutEffect", "acceptSourceType", "combine", "dropTargetForElements", "getData", "input", "attachClosestEdge", "type", "allowedEdges", "onDragEnter", "source", "data", "onDrag", "onDragLeave", "onDrop", "self", "extractClosestEdge", "autoScrollForElements", "getAllowedAxis", "createContext", "useContext", "StackContext", "createContext", "orientation", "rail", "size", "useStack", "useContext", "StackItemContext", "selfDragHandleRef", "setSize", "useStackItem", "railGridHorizontal", "railGridVertical", "railGridHorizontalContainFitContent", "railGridVerticalContainFitContent", "autoScrollRootAttributes", "Stack", "forwardRef", "children", "classNames", "style", "orientation", "rail", "size", "onRearrange", "itemsCount", "Children", "count", "props", "forwardedRef", "stackElement", "stackRef", "useState", "composedItemRef", "composeRefs", "arrowNavigationAttrs", "useArrowNavigationGroup", "axis", "styles", "selfDroppable", "id", "dropping", "useStackDropForElements", "element", "gridClasses", "useMemo", "StackContext", "Provider", "value", "div", "className", "mx", "data-rail", "aria-orientation", "ref", "ListItem", "DropIndicator", "lineInset", "terminalInset", "gap", "edge", "combine", "draggable", "dropTargetForElements", "preserveOffsetOnSource", "scrollJustEnoughIntoView", "attachClosestEdge", "extractClosestEdge", "useFocusableGroup", "composeRefs", "React", "forwardRef", "useLayoutEffect", "useState", "useCallback", "ListItem", "resizeAttributes", "sizeStyle", "mx", "React", "forwardRef", "mx", "StackItemContent", "forwardRef", "children", "toolbar", "statusbar", "classNames", "size", "props", "forwardedRef", "stackItemSize", "useStack", "React", "div", "role", "className", "mx", "style", "gridTemplateRows", "join", "data-popover-collision-boundary", "ref", "Slot", "React", "StackItemDragHandle", "asChild", "children", "selfDragHandleRef", "useStackItem", "Root", "Slot", "React", "ref", "role", "useFocusableGroup", "React", "forwardRef", "useAttention", "mx", "StackItemHeading", "children", "classNames", "props", "orientation", "useStack", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "React", "div", "role", "tabIndex", "className", "mx", "StackItemHeadingLabel", "forwardRef", "attendableId", "related", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "h1", "data-attention", "toString", "ref", "React", "ResizeHandle", "MIN_WIDTH", "MIN_HEIGHT", "StackItemResizeHandle", "orientation", "useStack", "setSize", "size", "useStackItem", "React", "ResizeHandle", "side", "fallbackSize", "DEFAULT_EXTRINSIC_SIZE", "minSize", "onSizeChange", "React", "Fragment", "forwardRef", "useRef", "useState", "keySymbols", "Button", "DropdownMenu", "Icon", "toLocalizedString", "useTranslation", "useAttention", "descriptionText", "mx", "getHostPlatform", "React", "MenuSignifierHorizontal", "React", "svg", "className", "width", "height", "viewBox", "stroke", "opacity", "line", "x1", "y1", "x2", "y2", "strokeWidth", "strokeLinecap", "strokeDasharray", "strokeDashoffset", "translationKey", "StackItemSigilButton", "forwardRef", "attendableId", "classNames", "related", "isMenu", "children", "props", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "variant", "React", "Button", "ref", "MenuSignifierHorizontal", "StackItemSigil", "actions", "actionGroups", "onAction", "triggerLabel", "icon", "t", "useTranslation", "translationKey", "suppressNextTooltip", "useRef", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "hasActions", "length", "button", "span", "className", "Icon", "size", "DropdownMenu", "Root", "open", "onOpenChange", "nextOpen", "current", "Trigger", "asChild", "Portal", "Content", "Viewport", "map", "index", "separator", "Separator", "Fragment", "key", "action", "shortcut", "properties", "keyBinding", "getHostPlatform", "menuItemType", "CheckboxItem", "Item", "id", "onClick", "event", "disabled", "stopPropagation", "checked", "isChecked", "undefined", "testId", "toLocalizedString", "label", "ItemIndicator", "mx", "descriptionText", "keySymbols", "join", "Arrow", "DEFAULT_HORIZONTAL_SIZE", "DEFAULT_VERTICAL_SIZE", "DEFAULT_EXTRINSIC_SIZE", "StackItemRoot", "forwardRef", "item", "children", "classNames", "size", "propsSize", "onSizeChange", "role", "order", "style", "disableRearrange", "focusIndicatorVariant", "props", "forwardedRef", "itemElement", "itemRef", "useState", "selfDragHandleElement", "selfDragHandleRef", "closestEdge", "setEdge", "orientation", "rail", "onRearrange", "useStack", "setInternalSize", "Root", "composedItemRef", "composeRefs", "setSize", "useCallback", "nextSize", "commit", "type", "useLayoutEffect", "combine", "draggable", "element", "dragHandle", "getInitialData", "id", "onGenerateDragPreview", "nativeSetDragImage", "source", "location", "document", "body", "setAttribute", "scrollJustEnoughIntoView", "x", "y", "preserveOffsetOnSource", "input", "current", "container", "offsetParent", "onDragStart", "removeAttribute", "closest", "onDrop", "dropTargetForElements", "getData", "attachClosestEdge", "allowedEdges", "onDragEnter", "self", "data", "extractClosestEdge", "onDrag", "onDragLeave", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "React", "StackItemContext", "Provider", "value", "tabIndex", "className", "mx", "data-dx-stack-item", "resizeAttributes", "sizeStyle", "Number", "isFinite", "ref", "ListItem", "DropIndicator", "lineInset", "terminalInset", "edge", "StackItem", "Content", "StackItemContent", "Heading", "StackItemHeading", "HeadingLabel", "StackItemHeadingLabel", "ResizeHandle", "StackItemResizeHandle", "DragHandle", "StackItemDragHandle", "Sigil", "StackItemSigil", "SigilButton", "StackItemSigilButton"]
+  "sources": ["../../../src/components/Stack.tsx", "../../../src/components/StackContext.tsx", "../../../src/hooks/useStackDropForElements.ts", "../../../src/components/StackItem.tsx", "../../../src/components/StackItemContent.tsx", "../../../src/components/StackItemDragHandle.tsx", "../../../src/components/StackItemHeading.tsx", "../../../src/components/StackItemResizeHandle.tsx", "../../../src/components/StackItemSigil.tsx", "../../../src/components/MenuSignifier.tsx", "../../../src/translations.ts", "../../../src/components/LayoutControls.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, { Children, type CSSProperties, type ComponentPropsWithRef, forwardRef, useState, useMemo } from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type StackContextValue, StackContext } from './StackContext';\nimport { useStackDropForElements } from '../hooks';\n\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Size = 'intrinsic' | 'contain' | 'contain-fit-content';\n\nexport type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> &\n  Partial<StackContextValue> & { itemsCount?: number };\n\nexport const railGridHorizontal = 'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\nexport const railGridVertical = 'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]';\n\n// TODO(ZaymonFC): Magic 2px to stop overflow (tabster dummies... ask @thure).\nexport const railGridHorizontalContainFitContent =\n  'grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\nexport const railGridVerticalContainFitContent =\n  'grid-cols-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]';\n\nexport const autoScrollRootAttributes = { 'data-drag-autoscroll': 'idle' };\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      children,\n      classNames,\n      style,\n      orientation = 'vertical',\n      rail = true,\n      size = 'intrinsic',\n      onRearrange,\n      itemsCount = Children.count(children),\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [stackElement, stackRef] = useState<HTMLDivElement | null>(null);\n    const composedItemRef = composeRefs<HTMLDivElement>(stackRef, forwardedRef);\n    const arrowNavigationAttrs = useArrowNavigationGroup({ axis: orientation });\n\n    const styles: CSSProperties = {\n      [orientation === 'horizontal' ? 'gridTemplateColumns' : 'gridTemplateRows']:\n        `repeat(${itemsCount}, min-content) [tabster-dummies] 0`,\n      ...style,\n    };\n\n    const selfDroppable = !!(itemsCount < 1 && onRearrange && props.id);\n\n    const { dropping } = useStackDropForElements({\n      id: props.id,\n      element: stackElement,\n      selfDroppable,\n      orientation,\n      onRearrange,\n    });\n\n    const gridClasses = useMemo(() => {\n      if (!rail) {\n        return orientation === 'horizontal' ? 'grid-rows-1 pli-1' : 'grid-cols-1 plb-1';\n      }\n      if (orientation === 'horizontal') {\n        return size === 'contain-fit-content' ? railGridHorizontalContainFitContent : railGridHorizontal;\n      } else {\n        return size === 'contain-fit-content' ? railGridVerticalContainFitContent : railGridVertical;\n      }\n    }, [rail, orientation, size]);\n\n    return (\n      <StackContext.Provider value={{ orientation, rail, size, onRearrange }}>\n        <div\n          {...props}\n          {...arrowNavigationAttrs}\n          className={mx(\n            'grid relative',\n            gridClasses,\n            (size === 'contain' || size === 'contain-fit-content') &&\n              (orientation === 'horizontal'\n                ? 'overflow-x-auto min-bs-0 max-bs-full bs-full'\n                : 'overflow-y-auto min-is-0 max-is-full is-full'),\n            classNames,\n          )}\n          data-rail={rail}\n          aria-orientation={orientation}\n          style={styles}\n          ref={composedItemRef}\n        >\n          {children}\n          {selfDroppable && dropping && (\n            <ListItem.DropIndicator\n              lineInset={8}\n              terminalInset={-8}\n              gap={-8}\n              edge={orientation === 'horizontal' ? 'left' : 'top'}\n            />\n          )}\n        </div>\n      </StackContext.Provider>\n    );\n  },\n);\n\nexport { StackContext };\n\nexport type { StackContextValue };\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { createContext, useContext } from 'react';\n\nimport { type Size as DndSize } from '@dxos/react-ui-dnd';\n\nimport { type Orientation, type Size } from './Stack';\n\nexport type StackItemSize = DndSize;\n\nexport type StackItemData = { id: string; type: 'column' | 'card' };\n\nexport type StackItemRearrangeHandler<Data extends { id: string } = StackItemData> = (\n  source: Data,\n  target: Data,\n  closestEdge: Edge | null,\n) => void;\n\nexport type StackContextValue = {\n  orientation: Orientation;\n  rail: boolean;\n  size: Size;\n  onRearrange?: StackItemRearrangeHandler;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n  orientation: 'vertical',\n  rail: true,\n  size: 'intrinsic',\n});\n\nexport const useStack = () => useContext(StackContext);\n\nexport type StackItemContextValue = {\n  selfDragHandleRef: (element: HTMLDivElement | null) => void;\n  size: StackItemSize;\n  setSize: (nextSize: StackItemSize, commit?: boolean) => void;\n};\n\nexport const StackItemContext = createContext<StackItemContextValue>({\n  selfDragHandleRef: () => {},\n  size: 'min-content',\n  setSize: () => {},\n});\n\nexport const useStackItem = () => useContext(StackItemContext);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';\nimport { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { type Orientation } from '../components/Stack';\nimport { type StackItemRearrangeHandler, type StackItemData } from '../components/StackContext';\n\n/**\n * Hook to handle drag and drop functionality for Stack components.\n */\nexport const useStackDropForElements = ({\n  element,\n  selfDroppable,\n  orientation,\n  id,\n  onRearrange,\n}: {\n  element: HTMLDivElement | null;\n  selfDroppable: boolean;\n  orientation: Orientation;\n  id?: string;\n  onRearrange?: StackItemRearrangeHandler;\n}) => {\n  const [dropping, setDropping] = useState(false);\n\n  useLayoutEffect(() => {\n    if (!element || !selfDroppable) {\n      return;\n    }\n\n    const acceptSourceType = orientation === 'horizontal' ? 'column' : 'card';\n\n    return combine(\n      dropTargetForElements({\n        element,\n        getData: ({ input, element }) => {\n          return attachClosestEdge(\n            { id, type: orientation === 'horizontal' ? 'card' : 'column' },\n            { input, element, allowedEdges: [orientation === 'horizontal' ? 'left' : 'top'] },\n          );\n        },\n        onDragEnter: ({ source }) => {\n          if (source.data.type === acceptSourceType) {\n            setDropping(true);\n          }\n        },\n        onDrag: ({ source }) => {\n          if (source.data.type === acceptSourceType) {\n            setDropping(true);\n          }\n        },\n        onDragLeave: () => {\n          return setDropping(false);\n        },\n        onDrop: ({ self, source }) => {\n          setDropping(false);\n          if (source.data.type === acceptSourceType && selfDroppable && onRearrange) {\n            onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n          }\n        },\n      }),\n      autoScrollForElements({ element, getAllowedAxis: () => orientation }),\n    );\n  }, [element, selfDroppable, orientation, id, onRearrange]);\n\n  return { dropping };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { draggable, dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { preserveOffsetOnSource } from '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source';\nimport { scrollJustEnoughIntoView } from '@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view';\nimport {\n  attachClosestEdge,\n  extractClosestEdge,\n  type Edge,\n} from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\nimport React, { forwardRef, useLayoutEffect, useState, type ComponentPropsWithRef, useCallback } from 'react';\n\nimport { type ThemedClassName, ListItem } from '@dxos/react-ui';\nimport { resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack, StackItemContext, type StackItemSize, type StackItemData } from './StackContext';\nimport { StackItemContent, type StackItemContentProps } from './StackItemContent';\nimport { StackItemDragHandle, type StackItemDragHandleProps } from './StackItemDragHandle';\nimport {\n  StackItemHeading,\n  StackItemHeadingLabel,\n  type StackItemHeadingProps,\n  type StackItemHeadingLabelProps,\n} from './StackItemHeading';\nimport { StackItemResizeHandle, type StackItemResizeHandleProps } from './StackItemResizeHandle';\nimport {\n  StackItemSigil,\n  type StackItemSigilProps,\n  type StackItemSigilAction,\n  type StackItemSigilButtonProps,\n  StackItemSigilButton,\n} from './StackItemSigil';\n\n// NOTE: 48rem fills the screen on a MacbookPro with the sidebars closed.\nexport const DEFAULT_HORIZONTAL_SIZE = 48 satisfies StackItemSize;\nexport const DEFAULT_VERTICAL_SIZE = 'min-content' satisfies StackItemSize;\nexport const DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE satisfies StackItemSize;\n\nexport type StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {\n  item: Omit<StackItemData, 'type'>;\n  order?: number;\n  size?: StackItemSize;\n  onSizeChange?: (nextSize: StackItemSize) => void;\n  role?: 'article' | 'section';\n  disableRearrange?: boolean;\n  focusIndicatorVariant?: 'over-all' | 'group';\n};\n\nconst StackItemRoot = forwardRef<HTMLDivElement, StackItemRootProps>(\n  (\n    {\n      item,\n      children,\n      classNames,\n      size: propsSize,\n      onSizeChange,\n      role,\n      order,\n      style,\n      disableRearrange,\n      focusIndicatorVariant = 'over-all',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [itemElement, itemRef] = useState<HTMLDivElement | null>(null);\n    const [selfDragHandleElement, selfDragHandleRef] = useState<HTMLDivElement | null>(null);\n    const [closestEdge, setEdge] = useState<Edge | null>(null);\n    const { orientation, rail, onRearrange } = useStack();\n    const [size = orientation === 'horizontal' ? DEFAULT_HORIZONTAL_SIZE : DEFAULT_VERTICAL_SIZE, setInternalSize] =\n      useState(propsSize);\n\n    const Root = role ?? 'div';\n\n    const composedItemRef = composeRefs<HTMLDivElement>(itemRef, forwardedRef);\n\n    const setSize = useCallback(\n      (nextSize: StackItemSize, commit?: boolean) => {\n        setInternalSize(nextSize);\n        if (commit) {\n          onSizeChange?.(nextSize);\n        }\n      },\n      [onSizeChange],\n    );\n\n    const type = orientation === 'horizontal' ? 'column' : 'card';\n\n    useLayoutEffect(() => {\n      if (!itemElement || !onRearrange || disableRearrange) {\n        return;\n      }\n\n      return combine(\n        draggable({\n          element: itemElement,\n          ...(selfDragHandleElement && { dragHandle: selfDragHandleElement }),\n          getInitialData: () => ({ id: item.id, type }),\n          onGenerateDragPreview: ({ nativeSetDragImage, source, location }) => {\n            document.body.setAttribute('data-drag-preview', 'true');\n            scrollJustEnoughIntoView({ element: source.element });\n            const { x, y } = preserveOffsetOnSource({ element: source.element, input: location.current.input })({\n              container: (source.element.offsetParent ?? document.body) as HTMLElement,\n            });\n            nativeSetDragImage?.(source.element, x, y);\n          },\n          onDragStart: () => {\n            document.body.removeAttribute('data-drag-preview');\n            itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'active');\n          },\n          onDrop: () => {\n            itemElement?.closest('[data-drag-autoscroll]')?.setAttribute('data-drag-autoscroll', 'idle');\n          },\n        }),\n        dropTargetForElements({\n          element: itemElement,\n          getData: ({ input, element }) => {\n            return attachClosestEdge(\n              { id: item.id, type },\n              { input, element, allowedEdges: orientation === 'horizontal' ? ['left', 'right'] : ['top', 'bottom'] },\n            );\n          },\n          onDragEnter: ({ self, source }) => {\n            if (source.data.type === self.data.type) {\n              setEdge(extractClosestEdge(self.data));\n            }\n          },\n          onDrag: ({ self, source }) => {\n            if (source.data.type === self.data.type) {\n              setEdge(extractClosestEdge(self.data));\n            }\n          },\n          onDragLeave: () => setEdge(null),\n          onDrop: ({ self, source }) => {\n            setEdge(null);\n            if (source.data.type === self.data.type) {\n              onRearrange(source.data as StackItemData, self.data as StackItemData, extractClosestEdge(self.data));\n            }\n          },\n        }),\n      );\n    }, [orientation, item, onRearrange, selfDragHandleElement, itemElement]);\n\n    const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n    return (\n      <StackItemContext.Provider value={{ selfDragHandleRef, size, setSize }}>\n        <Root\n          {...props}\n          tabIndex={0}\n          {...focusableGroupAttrs}\n          className={mx(\n            'group/stack-item grid relative',\n            focusIndicatorVariant === 'over-all'\n              ? 'dx-focus-ring-inset-over-all'\n              : orientation === 'horizontal'\n                ? 'dx-focus-ring-group-x'\n                : 'dx-focus-ring-group-y',\n            orientation === 'horizontal' ? 'grid-rows-subgrid' : 'grid-cols-subgrid',\n            rail && (orientation === 'horizontal' ? 'row-span-2' : 'col-span-2'),\n            classNames,\n          )}\n          data-dx-stack-item\n          {...resizeAttributes}\n          style={{\n            ...sizeStyle(size, orientation),\n            ...(Number.isFinite(order) && {\n              [orientation === 'horizontal' ? 'gridColumn' : 'gridRow']: `${order}`,\n            }),\n            ...style,\n          }}\n          ref={composedItemRef}\n        >\n          {children}\n          {closestEdge && <ListItem.DropIndicator lineInset={8} terminalInset={-8} edge={closestEdge} />}\n        </Root>\n      </StackItemContext.Provider>\n    );\n  },\n);\n\nexport const StackItem = {\n  Root: StackItemRoot,\n  Content: StackItemContent,\n  Heading: StackItemHeading,\n  HeadingLabel: StackItemHeadingLabel,\n  ResizeHandle: StackItemResizeHandle,\n  DragHandle: StackItemDragHandle,\n  Sigil: StackItemSigil,\n  SigilButton: StackItemSigilButton,\n};\n\nexport type {\n  StackItemContentProps,\n  StackItemHeadingProps,\n  StackItemHeadingLabelProps,\n  StackItemResizeHandleProps,\n  StackItemDragHandleProps,\n  StackItemSigilProps,\n  StackItemSigilButtonProps,\n  StackItemSigilAction,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from './StackContext';\n\nexport type StackItemContentProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {\n  /**\n   * This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate\n   * (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.\n   */\n  toolbar?: boolean;\n\n  /**\n   * Whether to provide for the layout of a statusbar after the content.\n   */\n  statusbar?: boolean;\n\n  /**\n   * Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for\n   * convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.\n   */\n  size?: 'intrinsic' | 'video' | 'square';\n};\n\n/**\n * This component should be used by plugins for rendering content within a stack item, a.k.a. a “plank” or “section”.\n * The `toolbar` flag must be provided since this component provides for the layout of content with the toolbar.\n */\nexport const StackItemContent = forwardRef<HTMLDivElement, StackItemContentProps>(\n  ({ children, toolbar, statusbar, classNames, size = 'intrinsic', ...props }, forwardedRef) => {\n    const { size: stackItemSize } = useStack();\n\n    return (\n      <div\n        role='none'\n        {...props}\n        className={mx(\n          'group grid grid-cols-[100%]',\n          stackItemSize === 'contain' && 'min-bs-0 overflow-hidden',\n          size === 'video' ? 'aspect-video' : size === 'square' && 'aspect-square',\n          classNames,\n        )}\n        style={{\n          gridTemplateRows: [\n            ...(toolbar ? ['var(--rail-action)'] : []),\n            '1fr',\n            ...(statusbar ? ['var(--statusbar-size)'] : []),\n          ].join(' '),\n        }}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nimport { useStackItem } from './StackContext';\n\nexport type StackItemDragHandleProps = ComponentPropsWithoutRef<'button'> & { asChild: boolean };\n\nexport const StackItemDragHandle = ({ asChild, children }: StackItemDragHandleProps) => {\n  const { selfDragHandleRef } = useStackItem();\n\n  const Root = asChild ? Slot : 'div';\n\n  return (\n    <Root ref={selfDragHandleRef} role='button'>\n      {children}\n    </Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { type ComponentPropsWithoutRef, type ComponentPropsWithRef, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { useAttention, type AttendableId, type Related } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useStack } from './StackContext';\n\nexport type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>>;\n\nexport const StackItemHeading = ({ children, classNames, ...props }: StackItemHeadingProps) => {\n  const { orientation } = useStack();\n  const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n\n  return (\n    <div\n      role='heading'\n      {...props}\n      tabIndex={0}\n      {...focusableGroupAttrs}\n      className={mx(\n        'flex items-center dx-focus-ring-inset-over-all relative !border-is-0',\n        orientation === 'horizontal' ? 'bs-[--rail-size]' : 'is-[--rail-size] flex-col',\n        classNames,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport type StackItemHeadingLabelProps = ThemedClassName<ComponentPropsWithRef<'h1'>> & AttendableId & Related;\n\nexport const StackItemHeadingLabel = forwardRef<HTMLHeadingElement, StackItemHeadingLabelProps>(\n  ({ attendableId, related, classNames, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n\n    return (\n      <h1\n        {...props}\n        data-attention={((related && isRelated) || hasAttention || isAncestor).toString()}\n        className={mx(\n          'pli-1 min-is-0 is-0 grow truncate font-medium text-baseText data-[attention=true]:text-accentText self-center',\n          classNames,\n        )}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { ResizeHandle } from '@dxos/react-ui-dnd';\n\nimport { useStack, useStackItem } from './StackContext';\nimport { DEFAULT_EXTRINSIC_SIZE } from './StackItem';\n\nconst MIN_WIDTH = 20;\nconst MIN_HEIGHT = 3;\n\nexport type StackItemResizeHandleProps = {};\n\nexport const StackItemResizeHandle = () => {\n  const { orientation } = useStack();\n  const { setSize, size } = useStackItem();\n\n  return (\n    <ResizeHandle\n      side={orientation === 'horizontal' ? 'inline-end' : 'block-end'}\n      fallbackSize={DEFAULT_EXTRINSIC_SIZE}\n      minSize={orientation === 'horizontal' ? MIN_WIDTH : MIN_HEIGHT}\n      size={size}\n      onSizeChange={setSize}\n    />\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, type PropsWithChildren, forwardRef, useRef, useState } from 'react';\n\nimport { type ActionLike } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { Button, type ButtonProps, DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { type AttendableId, type Related, useAttention } from '@dxos/react-ui-attention';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { MenuSignifierHorizontal } from './MenuSignifier';\nimport { translationKey } from '../translations';\n\nexport type KeyBinding = {\n  windows?: string;\n  macos?: string;\n  ios?: string;\n  linux?: string;\n  unknown?: string;\n};\n\nexport type StackItemSigilAction = Pick<ActionLike, 'id' | 'properties' | 'data'>;\n\nexport type StackItemSigilButtonProps = Omit<ButtonProps, 'variant'> &\n  AttendableId &\n  Related & {\n    isMenu?: boolean;\n  };\n\nexport const StackItemSigilButton = forwardRef<HTMLButtonElement, StackItemSigilButtonProps>(\n  ({ attendableId, classNames, related, isMenu = true, children, ...props }, forwardedRef) => {\n    const { hasAttention, isAncestor, isRelated } = useAttention(attendableId);\n    const variant = (related && isRelated) || hasAttention || isAncestor ? 'primary' : 'ghost';\n    // TODO(wittjosiah): Disable hover styles when isMenu is false.\n    return (\n      <Button\n        {...props}\n        variant={variant}\n        classNames={['shrink-0 pli-0 min-bs-0 is-[--rail-action] bs-[--rail-action] relative app-no-drag', classNames]}\n        ref={forwardedRef}\n      >\n        {isMenu && <MenuSignifierHorizontal />}\n        {children}\n      </Button>\n    );\n  },\n);\n\nexport type StackItemSigilProps = PropsWithChildren<\n  {\n    attendableId?: string;\n    triggerLabel: string;\n    actions?: StackItemSigilAction[][];\n    icon: string;\n    onAction?: (action: StackItemSigilAction) => void;\n  } & Related\n>;\n\nexport const StackItemSigil = forwardRef<HTMLButtonElement, StackItemSigilProps>(\n  ({ actions: actionGroups, onAction, triggerLabel, attendableId, icon, related, children }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const suppressNextTooltip = useRef(false);\n\n    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n\n    const hasActions = actionGroups && actionGroups.length > 0;\n\n    const button = (\n      <StackItemSigilButton\n        attendableId={attendableId}\n        related={related}\n        isMenu={hasActions}\n        // TODO(wittjosiah): Better disabling of interactive styles when no action are available.\n        //   Remove underscore icon when no actions are available?\n        classNames={!hasActions && 'cursor-default'}\n      >\n        <span className='sr-only'>{triggerLabel}</span>\n        <Icon icon={icon} size={5} />\n      </StackItemSigilButton>\n    );\n\n    if (!hasActions) {\n      return button;\n    }\n\n    return (\n      <DropdownMenu.Root\n        {...{\n          open: optionsMenuOpen,\n          onOpenChange: (nextOpen: boolean) => {\n            if (!nextOpen) {\n              suppressNextTooltip.current = true;\n            }\n            return setOptionsMenuOpen(nextOpen);\n          },\n        }}\n      >\n        <DropdownMenu.Trigger asChild ref={forwardedRef}>\n          {button}\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content classNames='z-[31]'>\n            <DropdownMenu.Viewport>\n              {actionGroups?.map((actions, index) => {\n                const separator = index > 0 ? <DropdownMenu.Separator /> : null;\n                return (\n                  <Fragment key={index}>\n                    {separator}\n                    {actions.map((action) => {\n                      const shortcut =\n                        typeof action.properties.keyBinding === 'string'\n                          ? action.properties.keyBinding\n                          : action.properties.keyBinding?.[getHostPlatform()];\n\n                      const menuItemType = action.properties.menuItemType;\n                      const Root = menuItemType === 'toggle' ? DropdownMenu.CheckboxItem : DropdownMenu.Item;\n\n                      return (\n                        <Root\n                          key={action.id}\n                          onClick={(event) => {\n                            if (action.properties.disabled) {\n                              return;\n                            }\n                            event.stopPropagation();\n                            // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n                            suppressNextTooltip.current = true;\n                            setOptionsMenuOpen(false);\n                            onAction?.(action);\n                          }}\n                          classNames='gap-2'\n                          disabled={action.properties.disabled}\n                          checked={menuItemType === 'toggle' ? action.properties.isChecked : undefined}\n                          {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n                        >\n                          <Icon icon={action.properties.icon ?? 'ph--placeholder--regular'} size={4} />\n                          <span className='grow truncate'>{toLocalizedString(action.properties.label ?? '', t)}</span>\n                          {menuItemType === 'toggle' && (\n                            <DropdownMenu.ItemIndicator asChild>\n                              <Icon icon='ph--check--regular' size={4} />\n                            </DropdownMenu.ItemIndicator>\n                          )}\n                          {shortcut && (\n                            <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>\n                          )}\n                        </Root>\n                      );\n                    })}\n                  </Fragment>\n                );\n              })}\n              {children}\n            </DropdownMenu.Viewport>\n            <DropdownMenu.Arrow />\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nexport const MenuSignifierHorizontal = () => (\n  <svg\n    className='absolute block-end-[7px]'\n    width={20}\n    height={2}\n    viewBox='0 0 20 2'\n    stroke='currentColor'\n    opacity={0.5}\n  >\n    <line\n      x1={0.5}\n      y1={0.75}\n      x2={19}\n      y2={0.75}\n      strokeWidth={1.25}\n      strokeLinecap='round'\n      strokeDasharray='6 20'\n      strokeDashoffset='-6.5'\n    />\n  </svg>\n);\n\nexport const MenuSignifierVertical = () => (\n  <svg className='absolute inline-start-1' width={2} height={18} viewBox='0 0 2 18' stroke='currentColor'>\n    <line x1={1} y1={3} x2={1} y2={18} strokeWidth={1.5} strokeLinecap='round' strokeDasharray='0 6' />\n  </svg>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'stack';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {\n        'resize label': 'Drag to resize',\n        'pin start label': 'Pin to the left sidebar',\n        'pin end label': 'Pin to the right sidebar',\n        'increment start label': 'Move to the left',\n        'increment end label': 'Move to the right',\n        'close label': 'Close',\n        'minify label': 'Minify',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport {\n  Button,\n  ButtonGroup,\n  type ButtonGroupProps,\n  type ButtonProps,\n  Icon,\n  Tooltip,\n  useTranslation,\n} from '@dxos/react-ui';\n\nimport { translationKey } from '../translations';\n\nexport type LayoutControlEvent = 'solo' | 'close' | `${'pin' | 'increment'}-${'start' | 'end'}`;\nexport type LayoutControlHandler = (event: LayoutControlEvent) => void;\n\nexport type LayoutCapabilities = {\n  incrementStart?: boolean;\n  incrementEnd?: boolean;\n  solo?: boolean;\n};\n\nexport type LayoutControlsProps = Omit<ButtonGroupProps, 'onClick'> & {\n  onClick?: LayoutControlHandler;\n  variant?: 'hide-disabled' | 'default';\n  close?: boolean | 'minify-start' | 'minify-end';\n  capabilities: LayoutCapabilities;\n  isSolo?: boolean;\n  pin?: 'start' | 'end' | 'both';\n};\n\nconst LayoutControl = ({ icon, label, ...props }: Omit<ButtonProps, 'children'> & { label: string; icon: string }) => {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        <Button variant='ghost' {...props}>\n          <span className='sr-only'>{label}</span>\n          <Icon icon={icon} />\n        </Button>\n      </Tooltip.Trigger>\n      <Tooltip.Portal>\n        <Tooltip.Content side='bottom'>{label}</Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\nexport const LayoutControls = forwardRef<HTMLDivElement, LayoutControlsProps>(\n  (\n    { onClick, variant = 'default', capabilities: can, isSolo, pin, close = false, children, ...props },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(translationKey);\n    const buttonClassNames = variant === 'hide-disabled' ? 'disabled:hidden !p-1' : '!p-1';\n\n    return (\n      <ButtonGroup {...props} ref={forwardedRef}>\n        {pin && !isSolo && ['both', 'start'].includes(pin) && (\n          <LayoutControl\n            label={t('pin start label')}\n            variant='ghost'\n            classNames={buttonClassNames}\n            onClick={() => onClick?.('pin-start')}\n            icon='ph--caret-line-left--regular'\n          />\n        )}\n\n        {can.solo && (\n          <LayoutControl\n            label={t('solo layout label')}\n            classNames={buttonClassNames}\n            onClick={() => onClick?.('solo')}\n            icon={isSolo ? 'ph--arrows-in--regular' : 'ph--arrows-out--regular'}\n          />\n        )}\n\n        {!isSolo && can.solo && (\n          <>\n            <LayoutControl\n              label={t('increment start label')}\n              disabled={!can.incrementStart}\n              classNames={buttonClassNames}\n              onClick={() => onClick?.('increment-start')}\n              icon='ph--caret-left--regular'\n            />\n            <LayoutControl\n              label={t('increment end label')}\n              disabled={!can.incrementEnd}\n              classNames={buttonClassNames}\n              onClick={() => onClick?.('increment-end')}\n              icon='ph--caret-right--regular'\n            />\n          </>\n        )}\n\n        {pin && !isSolo && ['both', 'end'].includes(pin) && (\n          <LayoutControl\n            label={t('pin end label')}\n            classNames={buttonClassNames}\n            onClick={() => onClick?.('pin-end')}\n            icon='ph--caret-line-right--regular'\n          />\n        )}\n\n        {close && !isSolo && (\n          <LayoutControl\n            label={t(`${typeof close === 'string' ? 'minify' : 'close'} label`)}\n            classNames={buttonClassNames}\n            onClick={() => onClick?.('close')}\n            data-testid='layoutHeading.close'\n            icon={\n              close === 'minify-start'\n                ? 'ph--caret-line-left--regular'\n                : close === 'minify-end'\n                  ? 'ph--caret-line-right--regular'\n                  : 'ph--x--regular'\n            }\n          />\n        )}\n        {children}\n      </ButtonGroup>\n    );\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["useArrowNavigationGroup", "composeRefs", "React", "Children", "forwardRef", "useState", "useMemo", "ListItem", "mx", "createContext", "useContext", "StackContext", "createContext", "orientation", "rail", "size", "useStack", "useContext", "StackItemContext", "selfDragHandleRef", "setSize", "useStackItem", "combine", "dropTargetForElements", "autoScrollForElements", "attachClosestEdge", "extractClosestEdge", "useLayoutEffect", "useState", "useStackDropForElements", "element", "selfDroppable", "orientation", "id", "onRearrange", "dropping", "setDropping", "useState", "useLayoutEffect", "acceptSourceType", "combine", "dropTargetForElements", "getData", "input", "attachClosestEdge", "type", "allowedEdges", "onDragEnter", "source", "data", "onDrag", "onDragLeave", "onDrop", "self", "extractClosestEdge", "autoScrollForElements", "getAllowedAxis", "railGridHorizontal", "railGridVertical", "railGridHorizontalContainFitContent", "railGridVerticalContainFitContent", "autoScrollRootAttributes", "Stack", "forwardRef", "children", "classNames", "style", "orientation", "rail", "size", "onRearrange", "itemsCount", "Children", "count", "props", "forwardedRef", "stackElement", "stackRef", "useState", "composedItemRef", "composeRefs", "arrowNavigationAttrs", "useArrowNavigationGroup", "axis", "styles", "selfDroppable", "id", "dropping", "useStackDropForElements", "element", "gridClasses", "useMemo", "StackContext", "Provider", "value", "div", "className", "mx", "data-rail", "aria-orientation", "ref", "ListItem", "DropIndicator", "lineInset", "terminalInset", "gap", "edge", "combine", "draggable", "dropTargetForElements", "preserveOffsetOnSource", "scrollJustEnoughIntoView", "attachClosestEdge", "extractClosestEdge", "useFocusableGroup", "composeRefs", "React", "forwardRef", "useLayoutEffect", "useState", "useCallback", "ListItem", "resizeAttributes", "sizeStyle", "mx", "React", "forwardRef", "mx", "StackItemContent", "forwardRef", "children", "toolbar", "statusbar", "classNames", "size", "props", "forwardedRef", "stackItemSize", "useStack", "React", "div", "role", "className", "mx", "style", "gridTemplateRows", "join", "ref", "Slot", "React", "StackItemDragHandle", "asChild", "children", "selfDragHandleRef", "useStackItem", "Root", "Slot", "React", "ref", "role", "useFocusableGroup", "React", "forwardRef", "useAttention", "mx", "StackItemHeading", "children", "classNames", "props", "orientation", "useStack", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "React", "div", "role", "tabIndex", "className", "mx", "StackItemHeadingLabel", "forwardRef", "attendableId", "related", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "h1", "data-attention", "toString", "ref", "React", "ResizeHandle", "MIN_WIDTH", "MIN_HEIGHT", "StackItemResizeHandle", "orientation", "useStack", "setSize", "size", "useStackItem", "React", "ResizeHandle", "side", "fallbackSize", "DEFAULT_EXTRINSIC_SIZE", "minSize", "onSizeChange", "React", "Fragment", "forwardRef", "useRef", "useState", "keySymbols", "Button", "DropdownMenu", "Icon", "toLocalizedString", "useTranslation", "useAttention", "descriptionText", "mx", "getHostPlatform", "React", "MenuSignifierHorizontal", "React", "svg", "className", "width", "height", "viewBox", "stroke", "opacity", "line", "x1", "y1", "x2", "y2", "strokeWidth", "strokeLinecap", "strokeDasharray", "strokeDashoffset", "translationKey", "StackItemSigilButton", "forwardRef", "attendableId", "classNames", "related", "isMenu", "children", "props", "forwardedRef", "hasAttention", "isAncestor", "isRelated", "useAttention", "variant", "React", "Button", "ref", "MenuSignifierHorizontal", "StackItemSigil", "actions", "actionGroups", "onAction", "triggerLabel", "icon", "t", "useTranslation", "translationKey", "suppressNextTooltip", "useRef", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "hasActions", "length", "button", "span", "className", "Icon", "size", "DropdownMenu", "Root", "open", "onOpenChange", "nextOpen", "current", "Trigger", "asChild", "Portal", "Content", "Viewport", "map", "index", "separator", "Separator", "Fragment", "key", "action", "shortcut", "properties", "keyBinding", "getHostPlatform", "menuItemType", "CheckboxItem", "Item", "id", "onClick", "event", "disabled", "stopPropagation", "checked", "isChecked", "undefined", "testId", "toLocalizedString", "label", "ItemIndicator", "mx", "descriptionText", "keySymbols", "join", "Arrow", "DEFAULT_HORIZONTAL_SIZE", "DEFAULT_VERTICAL_SIZE", "DEFAULT_EXTRINSIC_SIZE", "StackItemRoot", "forwardRef", "item", "children", "classNames", "size", "propsSize", "onSizeChange", "role", "order", "style", "disableRearrange", "focusIndicatorVariant", "props", "forwardedRef", "itemElement", "itemRef", "useState", "selfDragHandleElement", "selfDragHandleRef", "closestEdge", "setEdge", "orientation", "rail", "onRearrange", "useStack", "setInternalSize", "Root", "composedItemRef", "composeRefs", "setSize", "useCallback", "nextSize", "commit", "type", "useLayoutEffect", "combine", "draggable", "element", "dragHandle", "getInitialData", "id", "onGenerateDragPreview", "nativeSetDragImage", "source", "location", "document", "body", "setAttribute", "scrollJustEnoughIntoView", "x", "y", "preserveOffsetOnSource", "input", "current", "container", "offsetParent", "onDragStart", "removeAttribute", "closest", "onDrop", "dropTargetForElements", "getData", "attachClosestEdge", "allowedEdges", "onDragEnter", "self", "data", "extractClosestEdge", "onDrag", "onDragLeave", "focusableGroupAttrs", "useFocusableGroup", "tabBehavior", "React", "StackItemContext", "Provider", "value", "tabIndex", "className", "mx", "data-dx-stack-item", "resizeAttributes", "sizeStyle", "Number", "isFinite", "ref", "ListItem", "DropIndicator", "lineInset", "terminalInset", "edge", "StackItem", "Content", "StackItemContent", "Heading", "StackItemHeading", "HeadingLabel", "StackItemHeadingLabel", "ResizeHandle", "StackItemResizeHandle", "DragHandle", "StackItemDragHandle", "Sigil", "StackItemSigil", "SigilButton", "StackItemSigilButton", "React", "forwardRef", "Button", "ButtonGroup", "Icon", "Tooltip", "useTranslation", "LayoutControl", "icon", "label", "props", "React", "Tooltip", "Root", "Trigger", "asChild", "Button", "variant", "span", "className", "Icon", "Portal", "Content", "side", "LayoutControls", "forwardRef", "onClick", "capabilities", "can", "isSolo", "pin", "close", "children", "forwardedRef", "t", "useTranslation", "translationKey", "buttonClassNames", "ButtonGroup", "ref", "includes", "classNames", "solo", "disabled", "incrementStart", "incrementEnd", "data-testid"]
 }