@tumaet/apollon 4.6.0 → 4.8.0

package/dist/react/components/AlignmentGuides.d.ts

@@ -1 +1 @@
-export declare const AlignmentGuides: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const AlignmentGuides: () => import("react").JSX.Element;

package/dist/react/components/AssessmentSelectionDebug.d.ts

@@ -1 +1 @@
-export declare function AssessmentSelectionDebug(): import("react/jsx-runtime").JSX.Element | null;
+export declare function AssessmentSelectionDebug(): import("react").JSX.Element | null;

package/dist/react/components/CustomBackground.d.ts

@@ -1 +1 @@
-export declare const CustomBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomBackground: () => import("react").JSX.Element;

package/dist/react/components/CustomControls.d.ts

@@ -1 +1 @@
-export declare const CustomControls: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomControls: () => import("react").JSX.Element;

package/dist/react/components/CustomMiniMap.d.ts

@@ -1 +1 @@
-export declare const CustomMiniMap: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomMiniMap: () => import("react").JSX.Element;

package/dist/react/components/DraggableGhost.d.ts

@@ -3,6 +3,11 @@ import { DropElementConfig } from '../constants';
 interface DraggableGhostProps {
     children: React.ReactNode;
     dropElementConfig: DropElementConfig;
+    /**
+     * Visual scale of the palette preview.
+     * Used to convert pointer offsets into node-placement offsets.
+     */
+    previewScale?: number;
 }
 export declare const DraggableGhost: React.FC<DraggableGhostProps>;
 export {};

package/dist/react/components/Icon/ArrowBackIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const ArrowBackIcon: ({ width, height, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowBackIcon: ({ width, height, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/ArrowForwardIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const ArrowForwardIcon: ({ width, height, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowForwardIcon: ({ width, height, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/CheckIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const CheckIcon: ({ width, height, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: ({ width, height, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/CrossIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const CrossIcon: ({ width, height, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const CrossIcon: ({ width, height, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/DeleteIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const DeleteIcon: ({ width, height, fill, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const DeleteIcon: ({ width, height, fill, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/DragHandleIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const DragHandleIcon: ({ width, height, fill, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const DragHandleIcon: ({ width, height, fill, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/EditIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const EditIcon: ({ width, height, fill, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EditIcon: ({ width, height, fill, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/ExclamationIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const ExclamationIcon: ({ width, height, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ExclamationIcon: ({ width, height, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/InfiniteIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const InfiniteIcon: ({ width, height, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const InfiniteIcon: ({ width, height, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/MapIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const MapIcon: ({ width, height, fill, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const MapIcon: ({ width, height, fill, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/PaintRollerIcon.d.ts

@@ -1,2 +1,2 @@
 import { SVGAttributes } from 'react';
-export declare const PaintRollerIcon: ({ width, height, fill, ...props }: SVGAttributes<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const PaintRollerIcon: ({ width, height, fill, ...props }: SVGAttributes<SVGSVGElement>) => import("react").JSX.Element;

package/dist/react/components/Icon/RedoIcon.d.ts

@@ -1,2 +1,2 @@
 import { SVGAttributes } from 'react';
-export declare const RedoIcon: ({ width, height, fill, ...props }: SVGAttributes<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const RedoIcon: ({ width, height, fill, ...props }: SVGAttributes<SVGSVGElement>) => import("react").JSX.Element;

package/dist/react/components/Icon/SouthEastArrowIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const SouthEastArrowIcon: ({ width, height, fill, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const SouthEastArrowIcon: ({ width, height, fill, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/SwapHorizIcon.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 type Props = SVGAttributes<SVGSVGElement>;
-export declare const SwapHorizIcon: ({ width, height, fill, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const SwapHorizIcon: ({ width, height, fill, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/Icon/UndoIcon.d.ts

@@ -1,2 +1,2 @@
 import { SVGAttributes } from 'react';
-export declare const UndoIcon: ({ width, height, fill, ...props }: SVGAttributes<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const UndoIcon: ({ width, height, fill, ...props }: SVGAttributes<SVGSVGElement>) => import("react").JSX.Element;

package/dist/react/components/ReconnectConnectionLine.d.ts

@@ -1,2 +1,2 @@
 import { ConnectionLineComponentProps } from '@xyflow/react';
-export declare const ReconnectConnectionLine: ({ connectionLineStyle, connectionLineType, fromX, fromY, toX, toY, fromPosition, toPosition, }: ConnectionLineComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReconnectConnectionLine: ({ connectionLineStyle, connectionLineType, fromX, fromY, toX, toY, fromPosition, toPosition, }: ConnectionLineComponentProps) => import("react").JSX.Element;

package/dist/react/components/Sidebar.d.ts

@@ -1 +1,2 @@
-export declare const Sidebar: () => import("react/jsx-runtime").JSX.Element | null;
+import { default as React } from 'react';
+export declare const Sidebar: () => React.JSX.Element | null;

package/dist/react/components/collaboration/CollaborationLayer.d.ts

@@ -21,5 +21,5 @@ type CollaborationLayerProps = {
     options: CollaborationLayerOptions;
     awareness: CollaborationAwarenessApi;
 };
-export declare function CollaborationLayer({ options, awareness, }: CollaborationLayerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollaborationLayer({ options, awareness, }: CollaborationLayerProps): import("react").JSX.Element;
 export {};

package/dist/react/components/popovers/DefaultNodeGiveFeedbackPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from './types';
-export declare const DefaultNodeGiveFeedbackPopover: ({ elementId }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DefaultNodeGiveFeedbackPopover: ({ elementId }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/popovers/DefaultNodeSeeFeedbackPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from './types';
-export declare const DefaultNodeSeeFeedbackPopover: ({ elementId }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DefaultNodeSeeFeedbackPopover: ({ elementId }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/popovers/GenericPopover.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode } from 'react';
 import { PopoverOrigin } from '@mui/material';
 interface GenericPopoverProps {
     id: string;
-    anchorEl: HTMLElement | SVGSVGElement | null | SVGPathElement;
+    anchorEl: HTMLElement | SVGElement | null;
     open: boolean;
     onClose: () => void;
     children: ReactNode;

package/dist/react/components/popovers/GiveFeedbackAssessmentBox.d.ts

@@ -3,5 +3,5 @@ interface Props {
     name: string;
     type: string;
 }
-export declare const GiveFeedbackAssessmentBox: ({ elementId, name, type }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const GiveFeedbackAssessmentBox: ({ elementId, name, type }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/popovers/PopoverManager.d.ts

@@ -3,8 +3,8 @@ type EdgePopoverType = "ClassAggregation" | "ClassInheritance" | "ClassRealizati
 type PopoverType = NodePopoverType | EdgePopoverType;
 interface PopoverManagerProps {
     elementId: string;
-    anchorEl: HTMLElement | SVGSVGElement | null;
+    anchorEl: HTMLElement | SVGElement | null;
     type: PopoverType;
 }
-export declare const PopoverManager: ({ elementId, anchorEl, type, }: PopoverManagerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PopoverManager: ({ elementId, anchorEl, type, }: PopoverManagerProps) => import("react").JSX.Element | null;
 export {};

package/dist/react/components/popovers/SeeFeedbackAssessmentBox.d.ts

@@ -2,4 +2,4 @@ export declare const SeeFeedbackAssessmentBox: ({ type, name, elementId, }: {
     type: string;
     name: string;
     elementId: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/react/components/popovers/bpmnDiagram/BPMNPoolEditPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from '../types';
-export declare const BPMNPoolEditPopover: ({ elementId }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const BPMNPoolEditPopover: ({ elementId }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/popovers/classDiagram/ClassGiveFeedbackPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from '../types';
-export declare const ClassGiveFeedbackPopover: ({ elementId }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ClassGiveFeedbackPopover: ({ elementId }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/popovers/classDiagram/ClassSeeFeedbackPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from '../types';
-export declare const ClassSeeFeedbackPopover: ({ elementId }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ClassSeeFeedbackPopover: ({ elementId }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/popovers/communicationDiagram/CommunicationObjectNameGiveFeedbackPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from '../types';
-export declare const CommunicationObjectNameGiveFeedbackPopover: ({ elementId, }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CommunicationObjectNameGiveFeedbackPopover: ({ elementId, }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/popovers/communicationDiagram/CommunicationObjectNameSeeFeedbackPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from '../types';
-export declare const CommunicationObjectNameSeeFeedbackPopover: ({ elementId, }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CommunicationObjectNameSeeFeedbackPopover: ({ elementId, }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/popovers/edgePopovers/EdgeGiveFeedbackPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from '../types';
-export declare const EdgeGiveFeedbackPopover: ({ elementId }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const EdgeGiveFeedbackPopover: ({ elementId }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/popovers/edgePopovers/EdgeSeeFeedbackPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from '../types';
-export declare const EdgeSeeFeedbackPopover: ({ elementId }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const EdgeSeeFeedbackPopover: ({ elementId }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/popovers/edgePopovers/EdgeTypePreviewIcon.d.ts

@@ -1,3 +1,3 @@
 export declare const EdgeTypePreviewIcon: ({ edgeType }: {
     edgeType: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/react/components/popovers/edgePopovers/EdgeTypeSelect.d.ts

@@ -6,4 +6,4 @@ export declare const EdgeTypeSelect: ({ value, options, onChange, }: {
     value?: string;
     options: ReadonlyArray<EdgeTypeOption>;
     onChange: (value: string) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/react/components/popovers/edgePopovers/SwapEndsButton.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Swaps an edge's source and target ends. A labelled, native icon button so the
+ * control is reachable by keyboard and announced to assistive tech — the bare
+ * `<svg onClick>` it replaces was mouse-only. Rendered in the edge style
+ * editor's side slot, hence the flex-end wrapper.
+ */
+export declare const SwapEndsButton: React.FC<{
+    onClick: () => void;
+}>;

package/dist/react/components/popovers/objectDiagram/ObjectGiveFeedbackPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from '../types';
-export declare const ObjectGiveFeedbackPopover: ({ elementId }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ObjectGiveFeedbackPopover: ({ elementId }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/popovers/objectDiagram/ObjectSeeFeedbackPopover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from '../types';
-export declare const ObjectSeeFeedbackPopover: ({ elementId }: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ObjectSeeFeedbackPopover: ({ elementId }: PopoverProps) => import("react").JSX.Element | null;

package/dist/react/components/react/Apollon.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, ReactNode, Ref } from 'react';
 import { ApollonEditor } from '../../apollon-editor';
 import { ApollonCollaborationOptions, ApollonMode, ApollonView, UMLDiagramType, UMLModel } from '../../typings';
 /**
@@ -40,6 +40,11 @@ export interface ApollonProps {
      * runs as cleanup before destroy (React-19-style cleanup return).
      */
     onMount?: (editor: ApollonEditor) => void | (() => void);
+    /**
+     * Imperative handle to the underlying {@link ApollonEditor}. Assigned once
+     * after mount and cleared on unmount.
+     */
+    ref?: Ref<ApollonEditor | null>;
 }
 /** React wrapper around {@link ApollonEditor}. See `@tumaet/apollon/react` docs. */
-export declare const Apollon: import('react').ForwardRefExoticComponent<ApollonProps & import('react').RefAttributes<ApollonEditor | null>>;
+export declare function Apollon(props: ApollonProps): import("react").JSX.Element;

package/dist/react/components/react/context.d.ts

@@ -13,4 +13,4 @@ export declare function useApollonEditorOrThrow(): ApollonEditor;
 export declare function ApollonProvider({ editor, children, }: {
     editor: ApollonEditor;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/react/components/svgs/edges/InlineMarker.d.ts

@@ -57,7 +57,7 @@ export declare function getPathStartInfo(pathD: string): {
 /**
  * Renders an inline SVG marker at the given position and direction.
  */
-export declare function InlineMarker({ endPoint, direction, markerId, strokeColor, }: MarkerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function InlineMarker({ endPoint, direction, markerId, strokeColor, }: MarkerProps): import("react").JSX.Element | null;
 /**
  * Helper component that renders inline markers for an edge path.
  * Use this alongside BaseEdge (without markerEnd/markerStart props).
@@ -67,4 +67,4 @@ export declare function EdgeInlineMarkers({ pathD, markerEnd, markerStart, strok
     markerEnd?: string;
     markerStart?: string;
     strokeColor?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/react/components/svgs/nodes/classDiagram/ClassSVG.d.ts

@@ -7,4 +7,4 @@ export interface MinSize {
 export type ClassSVGProps = SVGComponentProps & {
     data: ClassNodeProps;
 };
-export declare const ClassSVG: ({ id, width, height, SIDEBAR_PREVIEW_SCALE, svgAttributes, showAssessmentResults, data, }: ClassSVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClassSVG: ({ id, width, height, SIDEBAR_PREVIEW_SCALE, svgAttributes, showAssessmentResults, data, }: ClassSVGProps) => import("react").JSX.Element;

package/dist/react/components/svgs/nodes/classDiagram/ColorDescriptionSVG.d.ts

@@ -7,4 +7,4 @@ export type ColorDescriptionSVGProps = {
     SIDEBAR_PREVIEW_SCALE?: number;
     svgAttributes?: SVGAttributes<SVGElement>;
 };
-export declare function ColorDescriptionSVG({ width, height, data, svgAttributes, SIDEBAR_PREVIEW_SCALE, }: ColorDescriptionSVGProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorDescriptionSVG({ width, height, data, svgAttributes, SIDEBAR_PREVIEW_SCALE, }: ColorDescriptionSVGProps): import("react").JSX.Element;

package/dist/react/components/svgs/nodes/communicationDiagram/CommunicationObjectNameSVG.d.ts

@@ -3,4 +3,4 @@ import { SVGComponentProps } from '../../../../types/SVG';
 export type CommunicationObjectNameSVGProps = SVGComponentProps & {
     data: CommunicationObjectNodeProps;
 };
-export declare const CommunicationObjectNameSVG: ({ id, width, height, data, SIDEBAR_PREVIEW_SCALE, svgAttributes, showAssessmentResults, }: CommunicationObjectNameSVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommunicationObjectNameSVG: ({ id, width, height, data, SIDEBAR_PREVIEW_SCALE, svgAttributes, showAssessmentResults, }: CommunicationObjectNameSVGProps) => import("react").JSX.Element;

package/dist/react/components/svgs/nodes/objectDiagram/ObjectNameSVG.d.ts

@@ -3,5 +3,5 @@ import { SVGComponentProps } from '../../../../types/SVG';
 interface Props extends SVGComponentProps {
     data: ObjectNodeProps;
 }
-export declare const ObjectNameSVG: ({ id, width, height, data, SIDEBAR_PREVIEW_SCALE, svgAttributes, showAssessmentResults, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ObjectNameSVG: ({ id, width, height, data, SIDEBAR_PREVIEW_SCALE, svgAttributes, showAssessmentResults, }: Props) => import("react").JSX.Element;
 export {};

package/dist/react/components/toolbars/edgeToolBar/CustomEdgeToolBar.d.ts

@@ -6,7 +6,7 @@ interface CustomEdgeToolbarProps {
     scaleAnchor: IPoint;
     onEditClick: (event: React.MouseEvent<HTMLElement>) => void;
     onDeleteClick: (event: React.MouseEvent<HTMLElement>) => void;
-    anchorRef: React.RefObject<SVGForeignObjectElement>;
+    anchorRef: React.Ref<SVGForeignObjectElement>;
 }
 export declare const CustomEdgeToolbar: React.FC<CustomEdgeToolbarProps>;
 export {};

package/dist/react/components/ui/StyleEditor/ColorButtons.d.ts

@@ -7,5 +7,5 @@ interface ColorButtonProps {
     color: string;
     onSelect: (color: string) => void;
 }
-export declare const ColorButton: ({ color, onSelect }: ColorButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorButton: ({ color, onSelect }: ColorButtonProps) => React.JSX.Element;
 export {};

package/dist/react/constants.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { FONT_FAMILY, DEFAULT_FONT_SIZE } from './fontStack';
 import { DiagramNodeType } from './nodes';
 import { UMLDiagramType } from './types';
 export declare const CANVAS: Readonly<{
@@ -12,6 +13,7 @@ export declare const CANVAS: Readonly<{
 export declare const CSS_VARIABLE_FALLBACKS: Readonly<Record<string, string>>;
 export declare const STROKE_COLOR: string;
 export declare const FILL_COLOR: string;
+export { FONT_FAMILY, DEFAULT_FONT_SIZE };
 export declare const INTERACTIVE_SELECTION_COLOR: string;
 export declare const INTERACTIVE_SELECTION_FILL: string;
 export declare const LAYOUT: Readonly<{
@@ -26,18 +28,27 @@ export declare const LAYOUT: Readonly<{
     readonly LINE_WIDTH_EDGE: 2;
     readonly ICON_LINE_WIDTH: 1.5;
     /**
-     * Typography tokens for wrapped node labels. `NAME_FONT_SIZE` matches the
-     * SVG `<text>` browser default so un-styled labels don't visibly shrink,
-     * and `NAME_LINE_HEIGHT` is `round(16 * 1.2)` — what pretext uses internally
-     * and what `MultilineText` falls back to when no explicit line-height is
-     * passed. Used by every node that wraps its label.
+     * Typography tokens for wrapped node labels. `NAME_FONT_SIZE` is the shared
+     * diagram text size (so measured and rendered labels agree); `NAME_LINE_HEIGHT`
+     * is `round(size * 1.2)` — what pretext uses internally and what `MultilineText`
+     * falls back to when no explicit line-height is passed.
      */
     readonly NAME_FONT_SIZE: 16;
-    readonly NAME_LINE_HEIGHT: 19;
+    readonly NAME_LINE_HEIGHT: number;
     /** Stereotype tspans like `«component»` render at 0.8em of the name font. */
     readonly STEREOTYPE_LINE_HEIGHT: 15;
     readonly STEREOTYPE_NAME_GAP: 4;
 }>;
+/**
+ * Treat narrow portrait viewports and short phone-landscape viewports as
+ * mobile. The portrait bound stops just below 768px so iPads (768px portrait)
+ * keep the regular desktop layout; the second clause catches phones in
+ * landscape, where the short height distinguishes them from tablets.
+ *
+ * NOTE: mirrored in standalone/webapp/src/constants/responsive.ts (the webapp
+ * can't import the library's curated public surface). Keep both in sync.
+ */
+export declare const MOBILE_VIEW_QUERY = "(max-width: 767.95px), (max-width: 950px) and (max-height: 500px)";
 export declare const INTERFACE: Readonly<{
     readonly SIZE: 30;
     readonly RADIUS: number;

package/dist/react/edges/GenericEdge.d.ts

@@ -25,14 +25,14 @@ export declare const EdgeEndpointMarkers: ({ sourcePoint, targetPoint, sourcePos
     targetPosition?: EndpointSide;
     isDiagramModifiable: boolean;
     canEditEndpoint?: boolean;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;
 export declare const EdgeBendHandle: ({ id, segmentIndex, position, orientation, onPointerDown, }: {
     id: string;
     segmentIndex: number;
     position: IPoint;
     orientation: "H" | "V";
     onPointerDown: (e: ReactPointerEvent<SVGRectElement>) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 /**
  * The shared SVG body for every orthogonal (step-path) edge: the base path,
  * inline export markers, the interaction overlay, endpoint reconnect targets,
@@ -64,16 +64,15 @@ export declare const StepEdgeBody: ({ id, markerKey, currentPath, overlayPath, p
     bendHandles: BendHandle[];
     handlePointerDown: (event: ReactPointerEvent<SVGRectElement>, handle: BendHandle) => void;
     children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const CommonEdgeElements: ({ id, pathMiddlePosition, toolbarPosition, isDiagramModifiable, assessments, anchorRef, handleDelete, setPopOverElementId, type, }: {
+}) => import("react").JSX.Element;
+export declare const CommonEdgeElements: ({ id, pathMiddlePosition, toolbarPosition, isDiagramModifiable, assessments, handleDelete, setPopOverElementId, type, }: {
     id: string;
     pathMiddlePosition: IPoint;
     toolbarPosition?: IPoint;
     isDiagramModifiable: boolean;
     assessments: Record<string, Assessment>;
-    anchorRef: React.RefObject<SVGSVGElement>;
     handleDelete: () => void;
     setPopOverElementId: (id: string) => void;
     type: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export {};

package/dist/react/edges/edgeTypes/ActivityDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const ActivityDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActivityDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/BPMNDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const BPMNDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BPMNDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/ClassDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const ClassDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClassDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/CommunicationDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const CommunicationDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommunicationDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/ComponentDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const ComponentDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComponentDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/DeploymentDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const DeploymentDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeploymentDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/FlowChartEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const FlowChartEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FlowChartEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/ObjectDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const ObjectDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ObjectDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/PetriNetEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const PetriNetEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PetriNetEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/ReachabilityGraphArc.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const ReachabilityGraphEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReachabilityGraphEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/SfcDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const SfcDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SfcDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/SyntaxTreeEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const SyntaxTreeEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SyntaxTreeEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/edgeTypes/UseCaseDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const UseCaseEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UseCaseEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react").JSX.Element;

package/dist/react/edges/labelTypes/EdgeEndLabels.d.ts

@@ -15,5 +15,5 @@ interface EdgeEndLabelsProps {
     targetPosition: string;
     textColor?: string;
 }
-export declare const EdgeEndLabels: ({ data, activePoints, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, textColor, }: EdgeEndLabelsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EdgeEndLabels: ({ data, activePoints, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, textColor, }: EdgeEndLabelsProps) => import("react").JSX.Element;
 export {};

package/dist/react/edges/labelTypes/EdgeIncludeExtendLabel.d.ts

@@ -9,5 +9,5 @@ interface EdgeIncludeExtendLabelsProps {
     relationshipType?: "include" | "extend";
     textColor?: string;
 }
-export declare const EdgeIncludeExtendLabel: ({ sourcePoint, targetPoint, showRelationshipLabels, relationshipType, textColor, }: EdgeIncludeExtendLabelsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EdgeIncludeExtendLabel: ({ sourcePoint, targetPoint, showRelationshipLabels, relationshipType, textColor, }: EdgeIncludeExtendLabelsProps) => import("react").JSX.Element;
 export {};

package/dist/react/edges/labelTypes/EdgeMiddleLabels.d.ts

@@ -11,5 +11,5 @@ interface EdgeMiddleLabelsProps {
     avoidToolbarOverlap?: boolean;
     textColor: string;
 }
-export declare const EdgeMiddleLabels: ({ label, pathMiddlePosition, isMiddlePathHorizontal, sourcePoint, targetPoint, showRelationshipLabels, isUseCasePath, isPetriNet, avoidToolbarOverlap, textColor, }: EdgeMiddleLabelsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const EdgeMiddleLabels: ({ label, pathMiddlePosition, isMiddlePathHorizontal, sourcePoint, targetPoint, showRelationshipLabels, isUseCasePath, isPetriNet, avoidToolbarOverlap, textColor, }: EdgeMiddleLabelsProps) => import("react").JSX.Element | null;
 export {};

package/dist/react/edges/labelTypes/EdgeMultipleLabels.d.ts

@@ -11,5 +11,5 @@ interface EdgeMultipleLabelsProps {
     isHorizontalEdge?: boolean;
     textColor: string;
 }
-export declare const EdgeMultipleLabels: ({ messages, pathMiddlePosition, showRelationshipLabels, isReconnecting, sourcePosition, targetPosition, edgePoints, isHorizontalEdge, textColor, }: EdgeMultipleLabelsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const EdgeMultipleLabels: ({ messages, pathMiddlePosition, showRelationshipLabels, isReconnecting, sourcePosition, targetPosition, edgePoints, isHorizontalEdge, textColor, }: EdgeMultipleLabelsProps) => import("react").JSX.Element | null;
 export {};