@case-framework/survey-editor-ui 0.4.2 → 0.6.0

package/README.md

@@ -6,6 +6,61 @@ rendering is provided by the package dependency `@case-framework/survey-ui`.
 For repository development and custom item registration, see
 [Custom survey items](https://github.com/case-framework/case-survey-toolkit/blob/main/packages/survey-editor-ui/docs/custom-items.md).
 
+## Integrating `SurveyEditor` into a host application
+
+`SurveyEditor` deliberately does not render application-level controls such as
+Save or Back. The host owns persistence, routing, and its header; the editor
+owns survey mutations and undo/redo history.
+
+Use `controllerRef` for host-triggered commands and `onHostStateChange` to keep
+host controls in sync with the editor:
+
+```tsx
+import {
+  SurveyEditor,
+  type SurveyEditorController,
+  type SurveyEditorHostState,
+} from "@case-framework/survey-editor-ui";
+import { useRef, useState } from "react";
+
+const controllerRef = useRef<SurveyEditorController | null>(null);
+const [editorStatus, setEditorStatus] = useState<SurveyEditorHostState | null>(null);
+
+const save = async () => {
+  const state = controllerRef.current?.getSerializedState();
+  if (!state) return;
+
+  await saveSurvey(state);
+};
+
+return (
+  <>
+    <HostHeader
+      saveDisabled={!editorStatus?.dirty}
+      undoDisabled={!editorStatus?.canUndo}
+      redoDisabled={!editorStatus?.canRedo}
+      onSave={save}
+      onUndo={() => controllerRef.current?.undo()}
+      onRedo={() => controllerRef.current?.redo()}
+    />
+    <SurveyEditor
+      initialEditorState={initialEditorState}
+      controllerRef={controllerRef}
+      onHostStateChange={setEditorStatus}
+      onEditorStateChange={persistEditorState}
+    />
+  </>
+);
+```
+
+`onHostStateChange` is immediate and reports `dirty`, `canUndo`, `canRedo`,
+`readOnly`, `revision`, and `sessionId`. `onEditorStateChange` is the
+serializable state notification and remains appropriate for autosave or local
+draft persistence; configure `persistDebounceMs` when needed.
+
+The editor retains its own Cmd/Ctrl+Z and Cmd/Ctrl+Shift+Z undo/redo shortcuts.
+Register Cmd/Ctrl+S in the host if the host supplies Save.
+
 ## SurveyEditor styling in a host project
 
 ### Tailwind CSS v4 / shadcn host
@@ -53,6 +108,26 @@ Override the editor-specific CSS variables on the `.survey-editor` scope in the
 Available editor-scoped variables:
 
 - `--surface-bg-color`
+- `--survey-editor-workspace-radius` (default: `0.75rem`)
+- `--survey-editor-workspace-border-top-width` (default: `1px`)
+- `--survey-editor-footer-padding-inline` (default: `0px`)
+- `--survey-editor-footer-padding-bottom` (default: `0px`)
+
+### Edge-to-edge workspace integration
+
+For an editor mounted directly below a host header, override the outer radius
+and top border so the host header's bottom border remains the only separator.
+Footer controls can retain a host-sized horizontal inset without reintroducing
+padding around the editor canvas:
+
+```css
+.my-editor-host .survey-editor {
+  --survey-editor-workspace-radius: 0px;
+  --survey-editor-workspace-border-top-width: 0px;
+  --survey-editor-footer-padding-inline: 16px;
+  --survey-editor-footer-padding-bottom: 4px;
+}
+```
 
 The editor uses the host's shared shadcn theme tokens, including `--background`,
 `--foreground`, `--card`, `--primary`, `--muted`, `--accent`, `--border`,

package/dist/item-core-registry.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./survey-editor-ui.cjs.js`);let e=require(`@case-framework/survey-ui`);var t={choiceItem:e.ChoiceItemCore,formItem:e.FormItemCore,infoItem:e.InfoItemCore};exports.ChoiceItemCore=e.ChoiceItemCore,exports.FormItemCore=e.FormItemCore,exports.InfoItemCore=e.InfoItemCore,exports.defaultItemCoreRegistry=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@case-framework/survey-ui");var t={choiceItem:e.ChoiceItemCore,formItem:e.FormItemCore,infoItem:e.InfoItemCore};exports.ChoiceItemCore=e.ChoiceItemCore,exports.FormItemCore=e.FormItemCore,exports.InfoItemCore=e.InfoItemCore,exports.defaultItemCoreRegistry=t;
 //# sourceMappingURL=item-core-registry.cjs.js.map

package/dist/item-core-registry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-core-registry.cjs.js","names":[],"sources":["../src/item-core-registry.ts"],"sourcesContent":["import type { ItemTypeRegistry } from \"@case-framework/survey-core\";\nimport { ChoiceItemCore, FormItemCore, InfoItemCore } from \"@case-framework/survey-ui\";\n\nexport const defaultItemCoreRegistry: ItemTypeRegistry = {\n  choiceItem: ChoiceItemCore,\n  formItem: FormItemCore,\n  infoItem: InfoItemCore,\n};\n\nexport { ChoiceItemCore, FormItemCore, InfoItemCore };\n"],"mappings":"mJAGA,IAAa,EAA4C,CACvD,WAAY,EAAA,eACZ,SAAU,EAAA,aACV,SAAU,EAAA,aACX"}
+{"version":3,"file":"item-core-registry.cjs.js","names":[],"sources":["../src/item-core-registry.ts"],"sourcesContent":["import type { ItemTypeRegistry } from \"@case-framework/survey-core\";\nimport { ChoiceItemCore, FormItemCore, InfoItemCore } from \"@case-framework/survey-ui\";\n\nexport const defaultItemCoreRegistry: ItemTypeRegistry = {\n  choiceItem: ChoiceItemCore,\n  formItem: FormItemCore,\n  infoItem: InfoItemCore,\n};\n\nexport { ChoiceItemCore, FormItemCore, InfoItemCore };\n"],"mappings":"8GAGA,IAAa,EAA4C,CACvD,WAAY,EAAA,eACZ,SAAU,EAAA,aACV,SAAU,EAAA,YACZ"}

package/dist/item-core-registry.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-core-registry.es.js","names":[],"sources":["../src/item-core-registry.ts"],"sourcesContent":["import type { ItemTypeRegistry } from \"@case-framework/survey-core\";\nimport { ChoiceItemCore, FormItemCore, InfoItemCore } from \"@case-framework/survey-ui\";\n\nexport const defaultItemCoreRegistry: ItemTypeRegistry = {\n  choiceItem: ChoiceItemCore,\n  formItem: FormItemCore,\n  infoItem: InfoItemCore,\n};\n\nexport { ChoiceItemCore, FormItemCore, InfoItemCore };\n"],"mappings":";;AAGA,IAAa,IAA4C;CACvD,YAAY;CACZ,UAAU;CACV,UAAU;CACX"}
+{"version":3,"file":"item-core-registry.es.js","names":[],"sources":["../src/item-core-registry.ts"],"sourcesContent":["import type { ItemTypeRegistry } from \"@case-framework/survey-core\";\nimport { ChoiceItemCore, FormItemCore, InfoItemCore } from \"@case-framework/survey-ui\";\n\nexport const defaultItemCoreRegistry: ItemTypeRegistry = {\n  choiceItem: ChoiceItemCore,\n  formItem: FormItemCore,\n  infoItem: InfoItemCore,\n};\n\nexport { ChoiceItemCore, FormItemCore, InfoItemCore };\n"],"mappings":";;AAGA,IAAa,IAA4C;CACvD,YAAY;CACZ,UAAU;CACV,UAAU;AACZ"}

package/dist/src/components/c-ui/alert-provider.d.ts

@@ -14,5 +14,5 @@ export interface AlertApi {
 }
 export declare const AlertDialogProvider: ({ children }: {
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const useAlert: () => AlertApi;

package/dist/src/components/c-ui/confirm-dialog.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 export interface RequireConfirmationInput {
     confirmTerm: string;
     /** Custom label with {{confirmTerm}} placeholder for the required term (bold). Default: "Type {{confirmTerm}} to confirm" */
@@ -14,6 +15,7 @@ interface ConfirmDialogProps {
     variant: "default" | "destructive";
     isOpen: boolean;
     requireConfirmationInput?: RequireConfirmationInput;
+    children?: ReactNode;
 }
-declare const ConfirmDialog: (props: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConfirmDialog: (props: ConfirmDialogProps) => import("react").JSX.Element;
 export default ConfirmDialog;

package/dist/src/components/c-ui/confirm-provider.d.ts

@@ -8,8 +8,9 @@ interface ConfirmOptions {
     cancelButtonText?: string;
     variant?: "default" | "destructive";
     requireConfirmationInput?: RequireConfirmationInput;
+    children?: ReactNode | ((cancel: () => void) => ReactNode);
 }
 export declare const ConfirmDialogProvider: ({ children }: {
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const useConfirm: () => (options: ConfirmOptions) => Promise<boolean>;

package/dist/src/components/c-ui/dot-background.d.ts

@@ -45,7 +45,7 @@ declare const dotBackgroundSpacingVariants: {
 type DotBackgroundVariant = keyof typeof dotBackgroundColorVariants;
 type DotBackgroundSpacingVariant = keyof typeof dotBackgroundSpacingVariants;
 declare const dotBackgroundVariants: (props?: ({
-    variant?: "default" | "secondary" | "accent" | "custom" | "muted" | "card" | null | undefined;
+    variant?: "default" | "secondary" | "accent" | "custom" | "card" | "muted" | null | undefined;
     spacing?: "default" | "custom" | "dense" | "loose" | "relaxed" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type DotBackgroundStyle = React.CSSProperties & {
@@ -67,6 +67,6 @@ type DotBackgroundProps = Omit<React.ComponentProps<"div">, "style"> & {
     vars?: DotBackgroundVars;
     style?: DotBackgroundStyle;
 };
-declare function DotBackground({ asChild, variant, spacing, vars, className, style, ...props }: DotBackgroundProps): import("react/jsx-runtime").JSX.Element;
+declare function DotBackground({ asChild, variant, spacing, vars, className, style, ...props }: DotBackgroundProps): React.JSX.Element;
 export { DotBackground, dotBackgroundColorVariants, dotBackgroundSpacingVariants, dotBackgroundVariants, };
 export type { DotBackgroundProps, DotBackgroundSpacingVariant, DotBackgroundStyle, DotBackgroundVariant, DotBackgroundVars, };

package/dist/src/components/c-ui/filepicker-dropzone.d.ts

@@ -34,5 +34,5 @@ export interface FilepickerDropzoneProps extends Omit<React.ComponentProps<typeo
     onChange?: (files: readonly FileWithPath[]) => void;
     onDropRejected?: (fileRejections: FileRejection[]) => void;
 }
-declare function FilepickerDropzone({ id, name, label, description, error, accept, multiple, disabled, required, maxFiles, maxSize, minSize, icon, className, labelClassName, contentClassName, descriptionClassName, errorClassName, dropzoneClassName, labels, onChange, onDropRejected, ...props }: FilepickerDropzoneProps): import("react/jsx-runtime").JSX.Element;
+declare function FilepickerDropzone({ id, name, label, description, error, accept, multiple, disabled, required, maxFiles, maxSize, minSize, icon, className, labelClassName, contentClassName, descriptionClassName, errorClassName, dropzoneClassName, labels, onChange, onDropRejected, ...props }: FilepickerDropzoneProps): import("react").JSX.Element;
 export { FilepickerDropzone };

package/dist/src/components/common/content-editable-plain.d.ts

@@ -14,4 +14,4 @@ export interface ContentEditablePlainProps {
  * Plain-text contenteditable: line breaks allowed, paste stripped to text only.
  * Syncs `value` from props only while unfocused to avoid clobbering the caret.
  */
-export declare function ContentEditablePlain({ id, value, placeholder, className, "aria-label": ariaLabel, onChange, onFocus, onBlur, onKeyDown, }: ContentEditablePlainProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentEditablePlain({ id, value, placeholder, className, "aria-label": ariaLabel, onChange, onFocus, onBlur, onKeyDown, }: ContentEditablePlainProps): import("react").JSX.Element;

package/dist/src/components/common/drag-drop-provider.d.ts

@@ -0,0 +1,7 @@
+import { DragDropProvider as DndKitDragDropProvider } from '@dnd-kit/react';
+import { ComponentProps, FC, ReactNode } from 'react';
+type DragDropProviderProps = Omit<ComponentProps<typeof DndKitDragDropProvider>, "children"> & {
+    children?: ReactNode;
+};
+export declare const DragDropProvider: FC<DragDropProviderProps>;
+export {};

package/dist/src/components/common/sortable-tree.d.ts

@@ -36,6 +36,8 @@ export interface SortableTreeEmptyGroupProps<T> {
     parentId: string;
     depth: number;
     indent: number;
+    isDropTarget: boolean;
+    isProjectedDropTarget: boolean;
 }
 export interface SortableTreeProps<T> {
     items: readonly T[];
@@ -55,5 +57,10 @@ export interface SortableTreeProps<T> {
     indent?: number;
     className?: string;
     levelClassName?: string;
+    dragType?: string;
+    isExternalDragData?: (data: unknown) => boolean;
+    canDropExternal?: (data: unknown, to: SortableTreePosition) => boolean;
+    onExternalDrop?: (data: unknown, to: SortableTreePosition) => void;
 }
-export declare function SortableTree<T>({ items, rootId, getId, getChildren, renderItem, onMove, isBranch, canDrag, canDrop, expandedIds, defaultExpandedIds, onExpandedChange, renderEmptyGroup, ariaLabel, indent, className, levelClassName, }: SortableTreeProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function SortableTreeContent<T>({ items, rootId, getId, getChildren, renderItem, onMove, isBranch, canDrag, canDrop, expandedIds, defaultExpandedIds, onExpandedChange, renderEmptyGroup, ariaLabel, indent, className, levelClassName, dragType, isExternalDragData, canDropExternal, onExternalDrop, }: SortableTreeProps<T>): import("react").JSX.Element;
+export declare function SortableTree<T>(props: SortableTreeProps<T>): import("react").JSX.Element;

package/dist/src/components/rich-text/rich-text-block-editor.d.ts

@@ -5,4 +5,4 @@ export interface RichTextBlockEditorProps extends RichTextEditorProps {
     resolveImageAssetUrl?: (assetId: string) => string | undefined;
     imageAssets?: RichTextImageAssetOption[];
 }
-export declare function RichTextBlockEditor({ wrapperClassName, surfaceClassName, contentClassName, placeholderClassName, ...props }: RichTextBlockEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextBlockEditor({ wrapperClassName, surfaceClassName, contentClassName, placeholderClassName, ...props }: RichTextBlockEditorProps): import("react").JSX.Element;

package/dist/src/components/rich-text/rich-text-content-view.d.ts

@@ -12,4 +12,4 @@ export interface RichTextContentViewProps {
     /** Semantic level offset applied before clamping. For example, 1 renders stored h1/h2 as h2/h3. */
     headingLevelOffset?: number;
 }
-export declare function RichTextContentView({ content, className, paragraphClassName, resolveImageAssetUrl, singleLine, singleLineNewlineIndicator, minHeadingLevel, headingLevelOffset, }: RichTextContentViewProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RichTextContentView({ content, className, paragraphClassName, resolveImageAssetUrl, singleLine, singleLineNewlineIndicator, minHeadingLevel, headingLevelOffset, }: RichTextContentViewProps): import("react").JSX.Element | null;

package/dist/src/components/rich-text/rich-text-editor-context.d.ts

@@ -18,6 +18,6 @@ interface RichTextEditorContextValue {
 export declare function RichTextEditorContextProvider({ value, children, }: {
     value: RichTextEditorContextValue;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function useRichTextEditorContext(): RichTextEditorContextValue;
 export {};

package/dist/src/components/rich-text-editor/plugins/docked-toolbar-plugin.d.ts

@@ -1,10 +1,12 @@
 import { RefObject } from 'react';
 import { RichTextStyleControl, RichTextTemplateVariable } from '../rich-text-editor-utils';
 /** A stable, in-flow toolbar for longer block editors. */
-export declare function DockedToolbarPlugin({ editable, visibility, position, linksEnabled, blockAlignmentEnabled, surfaceRef, toolbarClassName, styleControls, templateVariables, bulletListsEnabled, headingsEnabled, infoBoxesEnabled, imagesEnabled, separatorsEnabled, }: {
+export declare function DockedToolbarPlugin({ editable, visibility, position, editorOwnerId, sticky, linksEnabled, blockAlignmentEnabled, surfaceRef, toolbarClassName, styleControls, templateVariables, bulletListsEnabled, headingsEnabled, infoBoxesEnabled, imagesEnabled, separatorsEnabled, }: {
     editable: boolean;
     visibility: "active" | "always";
     position: "flow" | "above";
+    editorOwnerId: string;
+    sticky: boolean;
     linksEnabled: boolean;
     blockAlignmentEnabled: boolean;
     surfaceRef: RefObject<HTMLDivElement | null>;
@@ -16,4 +18,4 @@ export declare function DockedToolbarPlugin({ editable, visibility, position, li
     infoBoxesEnabled: boolean;
     imagesEnabled: boolean;
     separatorsEnabled: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/src/components/rich-text-editor/plugins/end-of-content-editing-area-plugin.d.ts

@@ -3,4 +3,4 @@
  * trailing paragraph or creates one, without persisting a placeholder paragraph
  * merely because the editor was opened.
  */
-export declare function EndOfContentEditingAreaPlugin(): import("react/jsx-runtime").JSX.Element | null;
+export declare function EndOfContentEditingAreaPlugin(): import("react").JSX.Element | null;

package/dist/src/components/rich-text-editor/plugins/floating-toolbar-plugin.d.ts

@@ -8,4 +8,4 @@ export declare function FloatingToolbarPlugin({ editable, linksEnabled, blockAli
     toolbarClassName?: string;
     styleControls: RichTextStyleControl[];
     templateVariables: RichTextTemplateVariable[];
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/src/components/rich-text-editor/plugins/image-dialog-plugin.d.ts

@@ -1,4 +1,4 @@
 export declare function ImageDialogPlugin({ editable, enabled }: {
     editable: boolean;
     enabled: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/src/components/rich-text-editor/plugins/info-box-popover-plugin.d.ts

@@ -3,4 +3,4 @@ export declare function InfoBoxPopoverPlugin({ editable, enabled, surfaceRef, }:
     editable: boolean;
     enabled: boolean;
     surfaceRef: RefObject<HTMLDivElement | null>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/src/components/rich-text-editor/plugins/link-popover-plugin.d.ts

@@ -3,4 +3,4 @@ export declare function LinkPopoverPlugin({ editable, enabled, surfaceRef, }: {
     editable: boolean;
     enabled: boolean;
     surfaceRef: RefObject<HTMLDivElement | null>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/src/components/rich-text-editor/plugins/slash-command-menu-plugin.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { RichTextStyleControl, RichTextTemplateVariable } from '../rich-text-editor-utils';
-export declare function SlashCommandMenuPlugin({ editable, linksEnabled, bulletListsEnabled, headingsEnabled, infoBoxesEnabled, imagesEnabled, separatorsEnabled, surfaceRef, styleControls, templateVariables, commandMenuClassName, }: {
+export declare function SlashCommandMenuPlugin({ editable, linksEnabled, bulletListsEnabled, headingsEnabled, infoBoxesEnabled, imagesEnabled, separatorsEnabled, editorOwnerId, surfaceRef, styleControls, templateVariables, commandMenuClassName, }: {
     editable: boolean;
     linksEnabled: boolean;
     bulletListsEnabled?: boolean;
@@ -8,8 +8,9 @@ export declare function SlashCommandMenuPlugin({ editable, linksEnabled, bulletL
     infoBoxesEnabled?: boolean;
     imagesEnabled?: boolean;
     separatorsEnabled?: boolean;
+    editorOwnerId: string;
     surfaceRef: RefObject<HTMLDivElement | null>;
     styleControls: RichTextStyleControl[];
     templateVariables: RichTextTemplateVariable[];
     commandMenuClassName?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/src/components/rich-text-editor/rich-text-editor.d.ts

@@ -30,6 +30,8 @@ export interface RichTextEditorProps {
     dockedToolbarVisibility?: "active" | "always";
     /** Whether a docked toolbar participates in flow or sits immediately above its editor surface. */
     dockedToolbarPosition?: "flow" | "above";
+    /** Keeps an in-flow docked toolbar visible while its block editor scrolls. */
+    dockedToolbarSticky?: boolean;
     commandMenuClassName?: string;
     styleControls?: RichTextStyleControl[];
     templateVariables?: RichTextTemplateVariable[];
@@ -49,4 +51,4 @@ export interface RichTextEditorProps {
     onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
     onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>;
 }
-export declare function RichTextEditor({ id, value, placeholder, autoFocus, autoFocusSelection, editable, wrapperClassName, surfaceClassName, contentClassName, endOfContentEditingArea, placeholderClassName, toolbarClassName, toolbarMode, dockedToolbarVisibility, dockedToolbarPosition, commandMenuClassName, styleControls, templateVariables, editorVariant, contentPolicy, resolveImageAssetUrl, imageAssets, registerImageAsset, imageAssetDeletion, linksEnabled, "aria-label": ariaLabel, onChange, onFocus, onBlur, onKeyDown, onKeyDownCapture, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextEditor({ id, value, placeholder, autoFocus, autoFocusSelection, editable, wrapperClassName, surfaceClassName, contentClassName, endOfContentEditingArea, placeholderClassName, toolbarClassName, toolbarMode, dockedToolbarVisibility, dockedToolbarPosition, dockedToolbarSticky, commandMenuClassName, styleControls, templateVariables, editorVariant, contentPolicy, resolveImageAssetUrl, imageAssets, registerImageAsset, imageAssetDeletion, linksEnabled, "aria-label": ariaLabel, onChange, onFocus, onBlur, onKeyDown, onKeyDownCapture, }: RichTextEditorProps): import("react").JSX.Element;

package/dist/src/components/rich-text-editor/rich-text-menu-styles.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export declare const RICH_TEXT_MENU_SURFACE_CLASS = "rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10";
+export declare const RICH_TEXT_MENU_ITEM_CLASS = "min-h-8 gap-2 px-2 py-1.5 text-xs";
+export declare const RICH_TEXT_MENU_LABEL_CLASS = "px-2 py-1 text-[0.7rem] font-medium uppercase tracking-wide text-muted-foreground";
+/** Copies editor-scoped theme tokens onto menu portals, which otherwise inherit from `body`. */
+export declare function getRichTextPortalThemeStyle(source: Element | null): CSSProperties | undefined;

package/dist/src/components/rich-text-editor/style-control-icon.d.ts

@@ -2,4 +2,4 @@ import { RichTextStyleControl } from './rich-text-editor-utils';
 export declare function StyleControlIcon({ control, variant, }: {
     control: RichTextStyleControl;
     variant: "toolbar" | "menu";
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/src/components/ui/alert-dialog.d.ts

@@ -1,18 +1,18 @@
 import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
 import { Button } from '../../../components/ui/button';
 import * as React from "react";
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
 declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
     size?: "default" | "sm";
-}): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/src/components/ui/alert.d.ts

@@ -3,8 +3,8 @@ import * as React from "react";
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/src/components/ui/badge.d.ts

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { Badge, badgeVariants };

package/dist/src/components/ui/breadcrumb.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
-declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
 declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/src/components/ui/button.d.ts

@@ -1,10 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
     size?: "sm" | "default" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { Button, buttonVariants };

package/dist/src/components/ui/calendar.d.ts

@@ -3,8 +3,8 @@ import { Button } from '../../../components/ui/button';
 import * as React from "react";
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
     locale?: Partial<Locale>;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { Calendar, CalendarDayButton };

package/dist/src/components/ui/card.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
 declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
     size?: "default" | "sm";
-}): import("react/jsx-runtime").JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };

package/dist/src/components/ui/checkbox.d.ts

@@ -1,4 +1,4 @@
 import { Checkbox as CheckboxPrimitive } from 'radix-ui';
 import * as React from "react";
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.JSX.Element;
 export { Checkbox };

package/dist/src/components/ui/collapsible.d.ts

@@ -1,5 +1,5 @@
 import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/src/components/ui/command.d.ts

@@ -1,18 +1,18 @@
 import { Command as CommandPrimitive } from 'cmdk';
 import { Dialog } from '../../../components/ui/dialog';
 import * as React from "react";
-declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
     title?: string;
     description?: string;
     className?: string;
     showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
-declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
-declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
+declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/src/components/ui/context-menu.d.ts

@@ -1,31 +1,31 @@
 import { ContextMenu as ContextMenuPrimitive } from 'radix-ui';
 import * as React from "react";
-declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuTrigger({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): React.JSX.Element;
+declare function ContextMenuTrigger({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): React.JSX.Element;
+declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): React.JSX.Element;
+declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): React.JSX.Element;
+declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): React.JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): React.JSX.Element;
 declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content> & {
     side?: "top" | "right" | "bottom" | "left";
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): React.JSX.Element;
 declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function ContextMenuRadioItem({ className, children, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): React.JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };