entangle-ui 0.2.0 → 0.3.0

package/dist/esm/components/editor/PropertyInspector/PropertyPanel.js

@@ -0,0 +1,98 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useCallback, useMemo, createContext, useContext } from 'react';
+import styled from '@emotion/styled';
+import { processCss } from '../../../utils/styledUtils.js';
+import { ScrollArea } from '../../layout/ScrollArea/ScrollArea.js';
+
+// --- Context ---
+const PropertyPanelContext = 
+/*#__PURE__*/ createContext(null);
+/**
+ * Returns the PropertyPanel context value, or null if not inside a PropertyPanel.
+ * Child components use this to inherit size and search query from the panel.
+ */
+function usePropertyPanelContext() {
+    return useContext(PropertyPanelContext);
+}
+const SEARCH_SIZE_MAP = {
+    sm: { height: 20, fontKey: 'md', paddingKey: 'sm' },
+    md: { height: 24, fontKey: 'md', paddingKey: 'md' },
+    lg: { height: 28, fontKey: 'lg', paddingKey: 'md' },
+};
+const StyledPanelRoot = styled.div `
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: ${props => props.theme.colors.background.primary};
+  color: ${props => props.theme.colors.text.primary};
+  font-family: ${props => props.theme.typography.fontFamily.sans};
+
+  ${props => processCss(props.$css, props.theme)}
+`;
+const StyledPanelHeader = styled.div `
+  flex-shrink: 0;
+  border-bottom: 1px solid ${props => props.theme.colors.border.default};
+`;
+const StyledSearchWrapper = styled.div `
+  padding: ${props => props.theme.spacing.sm}px
+    ${props => props.theme.spacing.md}px;
+`;
+const StyledSearchInput = styled.input `
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid ${props => props.theme.colors.border.default};
+  border-radius: ${props => props.theme.borderRadius.md}px;
+  background: ${props => props.theme.colors.surface.default};
+  color: ${props => props.theme.colors.text.primary};
+  height: ${props => SEARCH_SIZE_MAP[props.$size].height}px;
+  font-size: ${props => props.theme.typography.fontSize[SEARCH_SIZE_MAP[props.$size].fontKey]}px;
+  padding: 0
+    ${props => props.theme.spacing[SEARCH_SIZE_MAP[props.$size].paddingKey]}px;
+  font-family: inherit;
+  outline: none;
+  transition:
+    border-color ${props => props.theme.transitions.fast},
+    box-shadow ${props => props.theme.transitions.fast};
+
+  &:focus {
+    border-color: ${props => props.theme.colors.border.focus};
+    box-shadow: ${props => props.theme.shadows.focus};
+  }
+
+  &::placeholder {
+    color: ${props => props.theme.colors.text.muted};
+  }
+`;
+const StyledPanelContent = styled.div `
+  flex: 1;
+  min-height: 0;
+  padding: ${props => props.$contentTopSpacing ?? props.theme.spacing.sm}px
+    ${props => props.theme.spacing.md}px
+    ${props => props.$contentBottomSpacing ?? props.theme.spacing.md}px;
+  box-sizing: border-box;
+`;
+const StyledPanelFooter = styled.div `
+  flex-shrink: 0;
+  border-top: 1px solid ${props => props.theme.colors.border.default};
+`;
+// --- Component ---
+const PropertyPanel = ({ children, header, footer, size = 'md', maxHeight, searchable = false, searchPlaceholder = 'Search properties...', onSearchChange, contentTopSpacing, contentBottomSpacing, css, className, style, testId, ref, ...rest }) => {
+    const [searchQuery, setSearchQuery] = useState('');
+    const handleSearchChange = useCallback((e) => {
+        const query = e.target.value;
+        setSearchQuery(query);
+        onSearchChange?.(query);
+    }, [onSearchChange]);
+    const contextValue = useMemo(() => ({
+        size,
+        searchQuery: searchQuery.toLowerCase(),
+    }), [size, searchQuery]);
+    const hasHeader = header != null || searchable;
+    const hasFooter = footer != null;
+    const content = (jsx(StyledPanelContent, { "$contentTopSpacing": contentTopSpacing, "$contentBottomSpacing": contentBottomSpacing, children: children }));
+    return (jsx(PropertyPanelContext.Provider, { value: contextValue, children: jsxs(StyledPanelRoot, { ref: ref, role: "region", "aria-label": "Properties", "$css": css, className: className, style: style, "data-testid": testId, ...rest, children: [hasHeader && (jsxs(StyledPanelHeader, { children: [header, searchable && (jsx(StyledSearchWrapper, { children: jsx(StyledSearchInput, { type: "search", role: "searchbox", "aria-label": "Search properties", placeholder: searchPlaceholder, value: searchQuery, onChange: handleSearchChange, "$size": size }) }))] })), maxHeight != null ? (jsx(ScrollArea, { maxHeight: maxHeight, direction: "vertical", scrollbarVisibility: "auto", fadeMask: true, children: content })) : (content), hasFooter && jsx(StyledPanelFooter, { children: footer })] }) }));
+};
+PropertyPanel.displayName = 'PropertyPanel';
+
+export { PropertyPanel, PropertyPanelContext, usePropertyPanelContext };
+//# sourceMappingURL=PropertyPanel.js.map

package/dist/esm/components/editor/PropertyInspector/PropertyPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyPanel.js","sources":["../../../../../../src/components/editor/PropertyInspector/PropertyPanel.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/editor/PropertyInspector/PropertyRow.js

@@ -0,0 +1,154 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import styled from '@emotion/styled';
+import { Tooltip } from '../../primitives/Tooltip/Tooltip.js';
+import { processCss } from '../../../utils/styledUtils.js';
+import { usePropertyPanelContext } from './PropertyPanel.js';
+
+const ROW_SIZE_MAP = {
+    sm: {
+        minHeight: 22,
+        paddingVKey: 'xs',
+        paddingHKey: 'sm',
+        fontKey: 'md',
+        resetIconSize: 10,
+    },
+    md: {
+        minHeight: 26,
+        paddingVKey: 'xs',
+        paddingHKey: 'md',
+        fontKey: 'md',
+        resetIconSize: 12,
+    },
+    lg: {
+        minHeight: 30,
+        paddingVKey: 'sm',
+        paddingHKey: 'lg',
+        fontKey: 'lg',
+        resetIconSize: 14,
+    },
+};
+// --- Reset icon ---
+const ResetIcon = ({ size }) => (jsxs("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: [jsx("path", { d: "M2 4.5h6.5a2 2 0 0 1 0 4H6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M4 2.5L2 4.5L4 6.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+// --- Styled ---
+const RESET_BUTTON_CLASS = 'property-row-reset';
+const StyledRowRoot = styled.div `
+  display: ${props => props.$visible ? (props.$fullWidth ? 'flex' : 'flex') : 'none'};
+  flex-direction: ${props => (props.$fullWidth ? 'column' : 'row')};
+  align-items: ${props => (props.$fullWidth ? 'stretch' : 'center')};
+  position: relative;
+  min-height: ${props => ROW_SIZE_MAP[props.$size].minHeight}px;
+  padding: 2px 8px;
+  opacity: ${props => (props.$disabled ? 0.5 : 1)};
+  pointer-events: ${props => (props.$disabled ? 'none' : 'auto')};
+  transition: background ${props => props.theme.transitions.fast};
+
+  &:hover {
+    background: ${props => props.theme.colors.surface.hover};
+  }
+
+  &:hover .${RESET_BUTTON_CLASS} {
+    opacity: 1;
+  }
+
+  ${props => processCss(props.$css, props.theme)}
+`;
+const StyledRowLabel = styled.div `
+  flex: 0 0 ${props => props.$splitRatio}%;
+  box-sizing: border-box;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  font-size: ${props => props.theme.typography.fontSize[ROW_SIZE_MAP[props.$size].fontKey]}px;
+  color: ${props => props.theme.colors.text.secondary};
+  font-weight: ${props => props.$modified
+    ? props.theme.typography.fontWeight.medium
+    : props.theme.typography.fontWeight.normal};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  user-select: none;
+  padding-right: ${props => props.theme.spacing.md}px;
+`;
+const StyledFullWidthLabel = styled.div `
+  display: flex;
+  align-items: center;
+  font-size: ${props => props.theme.typography.fontSize[ROW_SIZE_MAP[props.$size].fontKey]}px;
+  color: ${props => props.theme.colors.text.secondary};
+  font-weight: ${props => props.$modified
+    ? props.theme.typography.fontWeight.medium
+    : props.theme.typography.fontWeight.normal};
+  margin-bottom: ${props => props.theme.spacing.xs}px;
+  user-select: none;
+`;
+const StyledModifiedDot = styled.span `
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: ${props => props.theme.colors.accent.primary};
+  margin-right: ${props => props.theme.spacing.xs}px;
+  flex-shrink: 0;
+`;
+const StyledRowControl = styled.div `
+  flex: 0 0 ${props => props.$splitRatio}%;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  padding-right: ${props => props.theme.spacing.xs}px;
+`;
+const StyledFullWidthControl = styled.div `
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  flex: 1 1 auto;
+  min-width: 0;
+  padding-right: ${props => props.theme.spacing.xs}px;
+`;
+const StyledResetButton = styled.span `
+  position: absolute;
+  right: ${props => props.theme.spacing.xs}px;
+  top: 50%;
+  transform: translateY(-50%);
+  opacity: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  border-radius: ${props => props.theme.borderRadius.sm}px;
+  color: ${props => props.theme.colors.text.muted};
+  transition:
+    opacity ${props => props.theme.transitions.fast},
+    color ${props => props.theme.transitions.fast},
+    background ${props => props.theme.transitions.fast};
+
+  &:hover {
+    color: ${props => props.theme.colors.text.primary};
+    background: ${props => props.theme.colors.surface.active};
+  }
+`;
+// --- Component ---
+const PropertyRow = ({ label, tooltip, children, fullWidth = false, splitRatio = [40, 60], modified = false, disabled = false, visible = true, size: sizeProp, action, onLabelContextMenu, onReset, css, className, style, testId, ref, ...rest }) => {
+    const panelCtx = usePropertyPanelContext();
+    const size = sizeProp ?? panelCtx?.size ?? 'md';
+    const sizeConfig = ROW_SIZE_MAP[size];
+    const handleResetClick = useCallback((e) => {
+        e.stopPropagation();
+        onReset?.();
+    }, [onReset]);
+    const modifiedDot = modified ? (jsx(StyledModifiedDot, { "aria-label": "Modified", "data-testid": "modified-dot" })) : null;
+    const labelText = jsx("span", { children: label });
+    const labelElement = tooltip ? (jsx(Tooltip, { title: tooltip, children: jsxs("span", { style: { display: 'contents' }, children: [modifiedDot, labelText] }) })) : (jsxs(Fragment, { children: [modifiedDot, labelText] }));
+    return (jsxs(StyledRowRoot, { ref: ref, "$disabled": disabled, "$visible": visible, "$fullWidth": fullWidth, "$size": size, "$css": css, className: className, style: style, "data-testid": testId, ...rest, children: [fullWidth ? (jsxs(Fragment, { children: [jsx(StyledFullWidthLabel, { "$modified": modified, "$size": size, onContextMenu: onLabelContextMenu, children: labelElement }), jsx(StyledFullWidthControl, { children: children })] })) : (jsxs(Fragment, { children: [jsx(StyledRowLabel, { "$splitRatio": splitRatio[0], "$modified": modified, "$size": size, onContextMenu: onLabelContextMenu, children: labelElement }), jsx(StyledRowControl, { "$splitRatio": splitRatio[1], children: children })] })), action, onReset && (jsx(StyledResetButton, { className: RESET_BUTTON_CLASS, role: "button", tabIndex: 0, "aria-label": "Reset to default", onClick: handleResetClick, onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        onReset();
+                    }
+                }, "data-testid": "reset-button", children: jsx(ResetIcon, { size: sizeConfig.resetIconSize }) }))] }));
+};
+PropertyRow.displayName = 'PropertyRow';
+
+export { PropertyRow };
+//# sourceMappingURL=PropertyRow.js.map

package/dist/esm/components/editor/PropertyInspector/PropertyRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyRow.js","sources":["../../../../../../src/components/editor/PropertyInspector/PropertyRow.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/components/editor/PropertyInspector/PropertySection.js

@@ -0,0 +1,136 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId, useState, useCallback } from 'react';
+import styled from '@emotion/styled';
+import { usePropertyPanelContext } from './PropertyPanel.js';
+
+const TRIGGER_SIZE_MAP = {
+    sm: { height: 24, paddingKey: 'sm', fontKey: 'md', chevronSize: 10 },
+    md: { height: 28, paddingKey: 'md', fontKey: 'md', chevronSize: 12 },
+    lg: { height: 32, paddingKey: 'lg', fontKey: 'lg', chevronSize: 14 },
+};
+// --- Chevron icon ---
+const ChevronRightIcon = ({ size }) => (jsx("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M4.5 3L7.5 6L4.5 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+// --- Styled ---
+const StyledSectionRoot = styled.div `
+  display: flex;
+  flex-direction: column;
+  background: ${props => props.theme.colors.background.secondary};
+  border: 1px solid ${props => props.theme.colors.border.default};
+  border-radius: ${props => props.theme.borderRadius.md}px;
+  overflow: hidden;
+
+  & + & {
+    margin-top: ${props => props.theme.spacing.sm}px;
+  }
+`;
+const StyledSectionTrigger = styled.button `
+  /* Reset */
+  margin: 0;
+  border: none;
+  font-family: inherit;
+  outline: none;
+  user-select: none;
+  width: 100%;
+  text-align: left;
+
+  /* Layout */
+  display: flex;
+  align-items: center;
+  gap: ${props => props.theme.spacing.sm}px;
+
+  /* Sizing */
+  height: ${props => TRIGGER_SIZE_MAP[props.$size].height}px;
+  padding: 0
+    ${props => props.theme.spacing[TRIGGER_SIZE_MAP[props.$size].paddingKey]}px;
+  font-size: ${props => props.theme.typography.fontSize[TRIGGER_SIZE_MAP[props.$size].fontKey]}px;
+  font-weight: ${props => props.theme.typography.fontWeight.medium};
+
+  /* Colors */
+  background: ${props => props.theme.colors.surface.default};
+  color: ${props => props.theme.colors.text.primary};
+  border-bottom: ${props => props.$expanded
+    ? `1px solid ${props.theme.colors.border.default}`
+    : 'none'};
+  cursor: ${props => (props.$disabled ? 'not-allowed' : 'pointer')};
+  opacity: ${props => (props.$disabled ? 0.5 : 1)};
+  transition: background ${props => props.theme.transitions.fast};
+
+  &:hover:not(:disabled) {
+    background: ${props => props.theme.colors.surface.hover};
+  }
+
+  &:focus-visible {
+    box-shadow: ${props => props.theme.shadows.focus};
+    z-index: 1;
+  }
+`;
+const StyledChevron = styled.span `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform ${props => props.theme.transitions.fast};
+  transform: rotate(${props => (props.$expanded ? '90deg' : '0deg')});
+  color: ${props => props.theme.colors.text.muted};
+
+  svg {
+    width: ${props => props.$size}px;
+    height: ${props => props.$size}px;
+  }
+`;
+const StyledIconArea = styled.span `
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+`;
+const StyledSectionLabel = styled.span `
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const StyledActionsArea = styled.span `
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+  gap: ${props => props.theme.spacing.xs}px;
+`;
+const StyledContentWrapper = styled.div `
+  display: grid;
+  grid-template-rows: ${props => (props.$expanded ? '1fr' : '0fr')};
+  transition: grid-template-rows ${props => props.theme.transitions.normal};
+`;
+const StyledContentInner = styled.div `
+  overflow: hidden;
+  min-height: 0;
+`;
+// --- Component ---
+const PropertySection = ({ title, icon, actions, expanded: expandedProp, defaultExpanded = true, onExpandedChange, keepMounted = false, disabled = false, size: sizeProp, indicator, onContextMenu, children, className, style, css, testId, ref, ...rest }) => {
+    const autoId = useId();
+    const triggerId = `property-section-${autoId}-trigger`;
+    const contentId = `property-section-${autoId}-content`;
+    const panelCtx = usePropertyPanelContext();
+    const size = sizeProp ?? panelCtx?.size ?? 'md';
+    const sizeConfig = TRIGGER_SIZE_MAP[size];
+    const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
+    const isControlled = expandedProp !== undefined;
+    const resolvedExpanded = isControlled ? expandedProp : internalExpanded;
+    const handleToggle = useCallback(() => {
+        if (disabled)
+            return;
+        const nextExpanded = !resolvedExpanded;
+        if (!isControlled) {
+            setInternalExpanded(nextExpanded);
+        }
+        onExpandedChange?.(nextExpanded);
+    }, [disabled, resolvedExpanded, isControlled, onExpandedChange]);
+    const handleActionsClick = useCallback((e) => {
+        e.stopPropagation();
+    }, []);
+    const showIndicator = indicator !== null;
+    return (jsxs(StyledSectionRoot, { ref: ref, className: className, style: style, "data-testid": testId, ...rest, children: [jsxs(StyledSectionTrigger, { type: "button", id: triggerId, "aria-expanded": resolvedExpanded, "aria-controls": contentId, "aria-disabled": disabled || undefined, disabled: disabled, onClick: handleToggle, onContextMenu: onContextMenu, "$size": size, "$disabled": disabled, "$expanded": resolvedExpanded, "$css": css, children: [showIndicator && (jsx(StyledChevron, { "$expanded": resolvedExpanded, "$size": sizeConfig.chevronSize, children: indicator ?? jsx(ChevronRightIcon, { size: sizeConfig.chevronSize }) })), icon && jsx(StyledIconArea, { children: icon }), jsx(StyledSectionLabel, { children: title }), actions && (jsx(StyledActionsArea, { onClick: handleActionsClick, children: actions }))] }), (resolvedExpanded || keepMounted) && (jsx(StyledContentWrapper, { "$expanded": resolvedExpanded, role: "region", id: contentId, "aria-labelledby": triggerId, hidden: !resolvedExpanded || undefined, children: jsx(StyledContentInner, { children: children }) }))] }));
+};
+PropertySection.displayName = 'PropertySection';
+
+export { PropertySection };
+//# sourceMappingURL=PropertySection.js.map

package/dist/esm/components/editor/PropertyInspector/PropertySection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertySection.js","sources":["../../../../../../src/components/editor/PropertyInspector/PropertySection.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/editor/PropertyInspector/usePropertyUndo.js

@@ -0,0 +1,86 @@
+import { useReducer, useCallback } from 'react';
+
+function undoReducer(state, action) {
+    switch (action.type) {
+        case 'RECORD': {
+            const newStack = [...state.undoStack, action.entry];
+            if (newStack.length > action.maxHistory) {
+                newStack.shift();
+            }
+            return {
+                undoStack: newStack,
+                redoStack: [],
+            };
+        }
+        case 'UNDO': {
+            if (state.undoStack.length === 0)
+                return state;
+            const entry = state.undoStack[state.undoStack.length - 1];
+            return {
+                undoStack: state.undoStack.slice(0, -1),
+                redoStack: [...state.redoStack, entry],
+            };
+        }
+        case 'REDO': {
+            if (state.redoStack.length === 0)
+                return state;
+            const entry = state.redoStack[state.redoStack.length - 1];
+            return {
+                undoStack: [...state.undoStack, entry],
+                redoStack: state.redoStack.slice(0, -1),
+            };
+        }
+        case 'CLEAR':
+            return { undoStack: [], redoStack: [] };
+        default:
+            return state;
+    }
+}
+// --- Hook ---
+/**
+ * Lightweight undo/redo stack for property changes.
+ * Records entries with property identifiers and values for precise undo control.
+ */
+function usePropertyUndo(options) {
+    const maxHistory = options?.maxHistory ?? 50;
+    const [state, dispatch] = useReducer((undoReducer), {
+        undoStack: [],
+        redoStack: [],
+    });
+    const record = useCallback((entry) => {
+        dispatch({
+            type: 'RECORD',
+            entry: { ...entry, timestamp: Date.now() },
+            maxHistory,
+        });
+    }, [maxHistory]);
+    const undo = useCallback(() => {
+        if (state.undoStack.length === 0)
+            return null;
+        const entry = state.undoStack[state.undoStack.length - 1];
+        dispatch({ type: 'UNDO' });
+        return entry;
+    }, [state.undoStack]);
+    const redo = useCallback(() => {
+        if (state.redoStack.length === 0)
+            return null;
+        const entry = state.redoStack[state.redoStack.length - 1];
+        dispatch({ type: 'REDO' });
+        return entry;
+    }, [state.redoStack]);
+    const clear = useCallback(() => {
+        dispatch({ type: 'CLEAR' });
+    }, []);
+    return {
+        record,
+        undo,
+        redo,
+        canUndo: state.undoStack.length > 0,
+        canRedo: state.redoStack.length > 0,
+        history: state.undoStack,
+        clear,
+    };
+}
+
+export { usePropertyUndo };
+//# sourceMappingURL=usePropertyUndo.js.map

package/dist/esm/components/editor/PropertyInspector/usePropertyUndo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePropertyUndo.js","sources":["../../../../../../src/components/editor/PropertyInspector/usePropertyUndo.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/feedback/Dialog/Dialog.js

@@ -0,0 +1,92 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId, useRef, useCallback, createContext, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { StyledOverlay, StyledDialogPanel } from './Dialog.styled.js';
+import { useDialogAnimation } from './useDialogAnimation.js';
+import { useFocusTrap } from './useFocusTrap.js';
+
+// --- Context ---
+const DialogContext = /*#__PURE__*/ createContext(null);
+function useDialogContext() {
+    const ctx = useContext(DialogContext);
+    if (!ctx) {
+        throw new Error('Dialog sub-components must be used within a <Dialog> component');
+    }
+    return ctx;
+}
+// --- Component ---
+/**
+ * Dialog component for modal overlays in editor interfaces.
+ *
+ * Renders an accessible modal dialog with overlay, focus trap,
+ * and keyboard support. Compound component pattern: use with
+ * DialogHeader, DialogBody, DialogFooter, and DialogClose.
+ *
+ * @example
+ * ```tsx
+ * <Dialog open={isOpen} onClose={() => setIsOpen(false)} title="Confirm">
+ *   <DialogHeader>Confirm Action</DialogHeader>
+ *   <DialogBody>Are you sure?</DialogBody>
+ *   <DialogFooter align="right">
+ *     <Button onClick={() => setIsOpen(false)}>Cancel</Button>
+ *     <Button variant="filled">Confirm</Button>
+ *   </DialogFooter>
+ * </Dialog>
+ * ```
+ */
+const Dialog = ({ open, onClose, size = 'md', title, description, closeOnOverlayClick = true, closeOnEscape = true, showOverlay = true, trapFocus = true, initialFocusRef, portal = true, children, className, style, css, testId, id, ref, ...rest }) => {
+    const autoId = useId();
+    const titleId = `dialog-title-${autoId}`;
+    const descriptionId = `dialog-desc-${autoId}`;
+    const panelRef = useRef(null);
+    const { mounted, closing } = useDialogAnimation({
+        open,
+        panelRef,
+        initialFocusRef,
+    });
+    const handleFocusTrap = useFocusTrap({
+        containerRef: panelRef,
+        enabled: trapFocus,
+    });
+    const handleKeyDown = useCallback((e) => {
+        // Escape handler — inline instead of global document listener
+        if (closeOnEscape && e.key === 'Escape') {
+            e.stopPropagation();
+            onClose();
+            return;
+        }
+        // Focus trap
+        handleFocusTrap(e);
+    }, [closeOnEscape, onClose, handleFocusTrap]);
+    const handleOverlayClick = useCallback((e) => {
+        if (closeOnOverlayClick && e.target === e.currentTarget) {
+            onClose();
+        }
+    }, [closeOnOverlayClick, onClose]);
+    if (!mounted)
+        return null;
+    const contextValue = {
+        onClose,
+        titleId,
+        descriptionId,
+    };
+    const dialogContent = (jsxs(DialogContext.Provider, { value: contextValue, children: [showOverlay && (jsx(StyledOverlay, { "$closing": closing, onClick: handleOverlayClick, "data-testid": testId ? `${testId}-overlay` : undefined })), jsxs(StyledDialogPanel, { ref: (node) => {
+                    panelRef.current =
+                        node;
+                    if (typeof ref === 'function') {
+                        ref(node);
+                    }
+                    else if (ref) {
+                        ref.current =
+                            node;
+                    }
+                }, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? titleId : undefined, "aria-describedby": description ? descriptionId : undefined, tabIndex: -1, "$size": size, "$closing": closing, "$css": css, className: className, style: style, id: id, "data-testid": testId, onKeyDown: handleKeyDown, ...rest, children: [title && (jsx("span", { id: titleId, style: { display: 'none' }, children: title })), description && (jsx("span", { id: descriptionId, style: { display: 'none' }, children: description })), children] })] }));
+    if (portal) {
+        return createPortal(dialogContent, document.body);
+    }
+    return dialogContent;
+};
+Dialog.displayName = 'Dialog';
+
+export { Dialog, useDialogContext };
+//# sourceMappingURL=Dialog.js.map

package/dist/esm/components/feedback/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../../../src/components/feedback/Dialog/Dialog.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}