@ultraviolet/ui 3.17.0 → 3.18.1

package/dist/compositions/RichTextInput/index.js

@@ -0,0 +1,135 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../../components/Description/index.js";
+import { Label, init_Label } from "../../components/Label/index.js";
+import { createEditorState, docFromHtml, editorDocToHtml, editorSchema, init_editorCore } from "./editorCore.js";
+import { Toolbar, init_Toolbar } from "./Toolbar.js";
+import { docRegionMaxHeightVar, docRegionMinHeightVar, init_styles_css, richTextInputStyle } from "./styles.css.js";
+import { useEffect, useId, useState } from "react";
+import { theme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ProseMirror, ProseMirrorDoc } from "@handlewithcare/react-prosemirror";
+import { AlertCircleIcon, CheckCircleIcon } from "@ultraviolet/icons";
+
+//#region src/compositions/RichTextInput/index.tsx
+var RICH_TEXT_EDITOR_LINE_HEIGHT_EM, RichTextInput;
+var init_RichTextInput = __esmMin(() => {
+	init_Description();
+	init_Label();
+	init_Stack();
+	init_hasHelperText();
+	init_editorCore();
+	init_Toolbar();
+	init_styles_css();
+	init_objectSpread2();
+	RICH_TEXT_EDITOR_LINE_HEIGHT_EM = 1.5;
+	RichTextInput = ({ value = "", onChange, onBlur, onFocus, disabled = false, readOnly = false, error, helper, success, className, style, size = "large", label, labelDescription, rows = 5, maxRows = 10, id, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, showMarks = true, showList = true, required = false }) => {
+		const localId = useId();
+		const inputId = id !== null && id !== void 0 ? id : `rich-text-input-${localId}`;
+		const descriptionId = `${inputId}-description`;
+		const labelId = `${inputId}-label`;
+		const isEditable = !disabled && !readOnly;
+		const lineHeightEm = RICH_TEXT_EDITOR_LINE_HEIGHT_EM;
+		const padding = theme.space[1];
+		const minHeight = `calc(${lineHeightEm}em * ${rows} + 2 * ${padding})`;
+		const maxHeight = typeof maxRows === "number" ? `calc(${lineHeightEm}em * ${maxRows} + 2 * ${padding})` : "none";
+		const [editorState, setEditorState] = useState(() => createEditorState(docFromHtml(value, editorSchema)));
+		useEffect(() => {
+			setEditorState((prev) => {
+				if (value === (prev.doc.textContent.trim() === "" ? "" : editorDocToHtml(prev.doc, editorSchema))) return prev;
+				return createEditorState(docFromHtml(value, editorSchema));
+			});
+		}, [value]);
+		return /* @__PURE__ */ jsxs(Stack, {
+			gap: "0.5",
+			children: [
+				label ? /* @__PURE__ */ jsx(Label, {
+					htmlFor: inputId,
+					id: labelId,
+					required,
+					labelDescription,
+					children: label
+				}) : null,
+				/* @__PURE__ */ jsx(Stack, {
+					className: cn(richTextInputStyle.editorSurface({
+						disabled,
+						readonly: readOnly,
+						error: !!error && !disabled,
+						success: !!success && !error && !disabled
+					}), className),
+					style,
+					children: /* @__PURE__ */ jsxs(ProseMirror, {
+						dispatchTransaction: (transaction) => {
+							if (!isEditable) return;
+							setEditorState((prev) => {
+								const next = prev.apply(transaction);
+								if (!prev.doc.eq(next.doc)) {
+									const isEmpty = next.doc.textContent.trim() === "";
+									onChange === null || onChange === void 0 || onChange(isEmpty ? "" : editorDocToHtml(next.doc, editorSchema));
+								}
+								return next;
+							});
+						},
+						state: editorState,
+						static: !isEditable,
+						children: [/* @__PURE__ */ jsx("div", {
+							className: richTextInputStyle.toolbarRow,
+							children: /* @__PURE__ */ jsx(Toolbar, {
+								showList,
+								showMarks,
+								disabled: disabled || readOnly,
+								size
+							})
+						}), /* @__PURE__ */ jsxs("div", {
+							className: richTextInputStyle.wrapper,
+							children: [
+								/* @__PURE__ */ jsx(ProseMirrorDoc, {
+									"aria-labelledby": labelId,
+									"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? descriptionId : void 0),
+									"aria-invalid": error ? "true" : void 0,
+									"aria-disabled": disabled ? "true" : void 0,
+									"aria-readonly": readOnly ? "true" : void 0,
+									"aria-label": ariaLabel,
+									className: richTextInputStyle.docRegion,
+									"data-testid": dataTestId,
+									id: inputId,
+									role: "textbox",
+									style: _objectSpread2({}, assignInlineVars({
+										[docRegionMaxHeightVar]: maxHeight !== null && maxHeight !== void 0 ? maxHeight : "none",
+										[docRegionMinHeightVar]: minHeight
+									})),
+									onBlur,
+									onFocus
+								}),
+								error ? /* @__PURE__ */ jsx(AlertCircleIcon, {
+									className: richTextInputStyle.statusIcon,
+									sentiment: "danger"
+								}) : null,
+								success ? /* @__PURE__ */ jsx(CheckCircleIcon, {
+									className: richTextInputStyle.statusIcon,
+									sentiment: "success"
+								}) : null
+							]
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsx(Description, {
+					id: descriptionId,
+					error,
+					success,
+					disabled,
+					helper
+				})
+			]
+		});
+	};
+});
+
+//#endregion
+init_RichTextInput();
+export { RichTextInput, init_RichTextInput };

package/dist/compositions/RichTextInput/styles.css.d.ts

@@ -0,0 +1,71 @@
+export declare const docRegionMaxHeightVar: `var(--${string})`;
+export declare const docRegionMinHeightVar: `var(--${string})`;
+declare const docRegionBackground: `var(--${string})`;
+export declare const wrapper: string;
+export declare const statusIcon: string;
+export declare const toolbarRow: string;
+export declare const docRegion: string;
+export declare const editorSurface: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            background: `var(--${string})`;
+            borderColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        false: {};
+    };
+    readonly: {
+        true: {
+            vars: {
+                [docRegionBackground]: `var(--${string})`;
+            };
+        };
+        false: {};
+    };
+    error: {
+        true: {
+            borderColor: `var(--${string})`;
+        };
+    };
+    success: {
+        true: {
+            borderColor: `var(--${string})`;
+        };
+    };
+}>;
+export declare const richTextInputStyle: {
+    docRegion: string;
+    editorSurface: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            true: {
+                background: `var(--${string})`;
+                borderColor: `var(--${string})`;
+                color: `var(--${string})`;
+            };
+            false: {};
+        };
+        readonly: {
+            true: {
+                vars: {
+                    [docRegionBackground]: `var(--${string})`;
+                };
+            };
+            false: {};
+        };
+        error: {
+            true: {
+                borderColor: `var(--${string})`;
+            };
+        };
+        success: {
+            true: {
+                borderColor: `var(--${string})`;
+            };
+        };
+    }>;
+    statusIcon: string;
+    wrapper: string;
+    toolbarRow: string;
+};
+export {};
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/compositions/RichTextInput/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/RichTextInput/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,oBAAc,CAAA;AAChD,eAAO,MAAM,qBAAqB,oBAAc,CAAA;AAChD,QAAA,MAAM,mBAAmB,oBAAc,CAAA;AAEvC,eAAO,MAAM,OAAO,QAGlB,CAAA;AAEF,eAAO,MAAM,UAAU,QAIrB,CAAA;AAEF,eAAO,MAAM,UAAU,QAIrB,CAAA;AAEF,eAAO,MAAM,SAAS,QAepB,CAAA;AAEF,eAAO,MAAM,aAAa;;QAepB,IAAI;YACF,UAAU;YACV,WAAW;YACX,KAAK;;QAEP,KAAK;;;;;gBAKD,CAAC,mBAAmB,CAAC,qBAAqC;;;;;;QAM9D,IAAI;YACF,WAAW;;;;QAIb,IAAI;YACF,WAAW;;;EAwBjB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;YAhDzB,IAAI;gBACF,UAAU;gBACV,WAAW;gBACX,KAAK;;YAEP,KAAK;;;;;oBAKD,CAAC,mBAAmB,CAAC,qBAAqC;;;;;;YAM9D,IAAI;gBACF,WAAW;;;;YAIb,IAAI;gBACF,WAAW;;;;;;;CAgClB,CAAA"}

package/dist/compositions/RichTextInput/styles.css.js

@@ -0,0 +1,67 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/compositions/RichTextInput/styles.css.ts
+var docRegionMaxHeightVar, docRegionMinHeightVar, editorSurface, richTextInputStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	docRegionMaxHeightVar = "var(--uv_nb9uyi0)";
+	docRegionMinHeightVar = "var(--uv_nb9uyi1)";
+	editorSurface = createRuntimeFn({
+		defaultClassName: "uv_nb9uyi7",
+		variantClassNames: {
+			disabled: {
+				true: "uv_nb9uyi8",
+				false: "uv_nb9uyi9"
+			},
+			readonly: {
+				true: "uv_nb9uyia",
+				false: "uv_nb9uyib"
+			},
+			error: { true: "uv_nb9uyic" },
+			success: { true: "uv_nb9uyid" }
+		},
+		defaultVariants: {
+			error: false,
+			success: false
+		},
+		compoundVariants: [[{
+			disabled: false,
+			readonly: false
+		}, "uv_nb9uyie"]]
+	});
+	richTextInputStyle = {
+		docRegion: "uv_nb9uyi6",
+		editorSurface: createRuntimeFn({
+			defaultClassName: "uv_nb9uyi7",
+			variantClassNames: {
+				disabled: {
+					true: "uv_nb9uyi8",
+					false: "uv_nb9uyi9"
+				},
+				readonly: {
+					true: "uv_nb9uyia",
+					false: "uv_nb9uyib"
+				},
+				error: { true: "uv_nb9uyic" },
+				success: { true: "uv_nb9uyid" }
+			},
+			defaultVariants: {
+				error: false,
+				success: false
+			},
+			compoundVariants: [[{
+				disabled: false,
+				readonly: false
+			}, "uv_nb9uyie"]]
+		}),
+		statusIcon: "uv_nb9uyi4",
+		wrapper: "uv_nb9uyi3",
+		toolbarRow: "uv_nb9uyi5"
+	};
+});
+
+//#endregion
+init_styles_css();
+export { docRegionMaxHeightVar, docRegionMinHeightVar, init_styles_css, richTextInputStyle };

package/dist/compositions/RichTextInput/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/RichTextInput/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/compositions/SteppedListCard/Step.d.ts

@@ -18,6 +18,6 @@ type StepProps = {
     completed: boolean;
     'data-testid'?: string;
 };
-export declare const SteppedList: ({ stepNumber, stepTitle, completed, stepIcon, 'data-testid': dataTestId }: StepProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SteppedList: ({ stepNumber, stepTitle, completed, stepIcon, 'data-testid': dataTestId }: StepProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Step.d.ts.map

package/dist/compositions/SteppedListCard/Step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/compositions/SteppedListCard/Step.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,SAAS,GAAG;IACf;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,WAAW,8EAA+E,SAAS,4CAiC/G,CAAA"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/compositions/SteppedListCard/Step.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,SAAS,GAAG;IACf;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,WAAW,8EAA+E,SAAS,gCAiC/G,CAAA"}

package/dist/compositions/SteppedListCard/SteppedListContent.d.ts

@@ -7,6 +7,6 @@ type SteppedListContentProps = {
     completed?: boolean;
     style?: CSSProperties;
 };
-export declare const SteppedListContent: ({ subHeader, children, image, stepNumber, completed, style, }: SteppedListContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SteppedListContent: ({ subHeader, children, image, stepNumber, completed, style, }: SteppedListContentProps) => import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=SteppedListContent.d.ts.map

package/dist/compositions/SteppedListCard/SteppedListContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SteppedListContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/SteppedListCard/SteppedListContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,kBAAkB,kEAO5B,uBAAuB,mDA4CzB,CAAA"}
+{"version":3,"file":"SteppedListContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/SteppedListCard/SteppedListContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,kBAAkB,kEAO5B,uBAAuB,uCA4CzB,CAAA"}

package/dist/compositions/SteppedListCard/index.d.ts

@@ -50,7 +50,7 @@ type SteppedListContainerProps = {
      */
     showTooltipText?: string;
 });
-declare function SteppedListCard({ header, showToggleOption, hideTooltipText, hideText, showText, showTooltipText, children, steps, onClickHide, }: SteppedListContainerProps): import("react/jsx-runtime").JSX.Element;
+declare function SteppedListCard({ header, showToggleOption, hideTooltipText, hideText, showText, showTooltipText, children, steps, onClickHide, }: SteppedListContainerProps): import("react").JSX.Element;
 declare namespace SteppedListCard {
     var Step: ({ subHeader, children, image, stepNumber, completed, style, }: {
         subHeader?: ReactNode;
@@ -59,7 +59,7 @@ declare namespace SteppedListCard {
         stepNumber: number;
         completed?: boolean;
         style?: import("react").CSSProperties;
-    }) => import("react/jsx-runtime").JSX.Element | null;
+    }) => import("react").JSX.Element | null;
 }
 export { SteppedListCard };
 //# sourceMappingURL=index.d.ts.map

package/dist/compositions/SteppedListCard/styles.css.js

@@ -1,9 +1,11 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_themes_css_js_vanilla } from "../../themes/dist/vanilla/themes.css.js.vanilla.js";
 import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/compositions/SteppedListCard/styles.css.ts
 var steppedListCardStyle;
 var init_styles_css = __esmMin(() => {
+	init_themes_css_js_vanilla();
 	init_styles_css_ts_vanilla();
 	steppedListCardStyle = {
 		steppedListCard: "uv_1q0npw30",

package/dist/compositions/index.d.ts

@@ -9,6 +9,7 @@ export { InfoTable } from './InfoTable';
 export { Navigation, NavigationProvider, useNavigation } from './Navigation';
 export { OfferList } from './OfferList';
 export { OptionSelector } from './OptionSelector';
+export { RichTextInput } from './RichTextInput';
 export { OrderSummary } from './OrderSummary';
 export { Plans } from './Plans';
 export { SteppedListCard } from './SteppedListCard';

package/dist/compositions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/compositions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAA;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/compositions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAA;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/compositions/index.js

@@ -1,7 +1,7 @@
 import { __esmMin } from "../_virtual/_rolldown/runtime.js";
-import { NavigationProvider, useNavigation } from "./Navigation/NavigationProvider.js";
+import { NavigationProvider, init_NavigationProvider, useNavigation } from "./Navigation/NavigationProvider.js";
 import { Navigation, init_Navigation } from "./Navigation/index.js";
-import en_default from "./EstimateCost/locales/en.js";
+import en_default, { init_en } from "./EstimateCost/locales/en.js";
 import { EstimateCost, init_EstimateCost } from "./EstimateCost/index.js";
 import { CodeEditor, init_CodeEditor } from "./CodeEditor/index.js";
 import { ContentCard, init_ContentCard } from "./ContentCard/index.js";
@@ -12,6 +12,7 @@ import { FAQ, init_FAQ } from "./FAQ/index.js";
 import { InfoTable, init_InfoTable } from "./InfoTable/index.js";
 import { OfferList, init_OfferList } from "./OfferList/index.js";
 import { OptionSelector, init_OptionSelector } from "./OptionSelector/index.js";
+import { RichTextInput, init_RichTextInput } from "./RichTextInput/index.js";
 import { OrderSummary, init_OrderSummary } from "./OrderSummary/index.js";
 import { Plans, init_Plans } from "./Plans/index.js";
 import { SteppedListCard, init_SteppedListCard } from "./SteppedListCard/index.js";
@@ -29,6 +30,7 @@ var init_compositions = __esmMin(() => {
 	init_Navigation();
 	init_OfferList();
 	init_OptionSelector();
+	init_RichTextInput();
 	init_OrderSummary();
 	init_Plans();
 	init_SteppedListCard();