@crystallize/design-system 1.23.5 → 1.24.0

package/dist/index.js

@@ -2430,7 +2430,8 @@ var init_folder = __esm({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", {
             d: "M2.604 4.108v13.146a.6.6 0 00.6.6h11.968c.59 0 1.166-.255 1.429-.784 1.374-2.77 1.642-8.38 1.166-10.692-.114-.555-.706-.927-1.272-.927l-7.091.067-2-1.41h-4.8z",
-            fill: "#BFF6F8"
+            fill: "#BFF6F8",
+            className: "c-icon-fill"
           }),
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", {
             fillRule: "evenodd",
@@ -2440,7 +2441,8 @@ var init_folder = __esm({
           }),
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", {
             d: "M4.659 10.021L3.502 17.17a.6.6 0 00.594.685h12.076c.59 0 1.164-.254 1.46-.765 1.419-2.445 2.065-6 1.765-7.956-.086-.56-.617-.829-1.184-.829H6.64a2 2 0 00-1.98 1.717z",
-            fill: "#BFF6F8"
+            fill: "#BFF6F8",
+            className: "c-icon-fill"
           }),
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", {
             fillRule: "evenodd",
@@ -6838,29 +6840,29 @@ var init_5 = __esm({
 function DialogContent({ children, closable = true, type, className, container, ...delegated }) {
   const withIcon = typeof type !== "undefined";
   const IconComponent = type && IconMap[type];
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(DialogPrimitive.Portal, {
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(DialogPrimitive.Portal, {
     container,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(DialogPrimitive.Overlay, {
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DialogPrimitive.Overlay, {
         className: "c-dialog-overlay"
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(DialogPrimitive.Content, {
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(DialogPrimitive.Content, {
         className: dialogContentStyles({ withIcon, class: className }),
         ...delegated,
         children: [
-          IconComponent && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", {
+          IconComponent && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", {
             className: "c-dialog-icon-wrapper",
-            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(IconComponent, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(IconComponent, {
               className: "c-dialog-icon",
               width: 34,
               height: 34
             })
           }),
-          closable && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(DialogClose, {
+          closable && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DialogClose, {
             asChild: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Button, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, {
               className: "c-dialog-close-button",
-              children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon.Cancel, {
+              children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Icon.Cancel, {
                 color: "density",
                 "aria-label": "Close",
                 height: 16,
@@ -6868,7 +6870,7 @@ function DialogContent({ children, closable = true, type, className, container,
               })
             })
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", {
+          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", {
             children
           })
         ]
@@ -6877,39 +6879,39 @@ function DialogContent({ children, closable = true, type, className, container,
   });
 }
 function DialogTitle({ className, ...delegated }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(DialogPrimitive.Title, {
-    className: (0, import_class_variance_authority9.cx)("c-dialog-title", className),
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DialogPrimitive.Title, {
+    className: (0, import_class_variance_authority10.cx)("c-dialog-title", className),
     ...delegated
   });
 }
 function DialogDescription(delegated) {
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(DialogPrimitive.Description, {
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DialogPrimitive.Description, {
     className: "c-dialog-description",
     ...delegated
   });
 }
 function DialogBase({ children, ...delegated }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(DialogRoot, {
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DialogRoot, {
     ...delegated,
     children
   });
 }
-var import_class_variance_authority9, DialogPrimitive, import_jsx_runtime116, IconMap, dialogContentStyles, DialogTrigger, DialogClose, DialogRoot;
+var import_class_variance_authority10, DialogPrimitive, import_jsx_runtime117, IconMap, dialogContentStyles, DialogTrigger, DialogClose, DialogRoot;
 var init_dialog = __esm({
   "src/dialog/dialog.tsx"() {
     "use strict";
-    import_class_variance_authority9 = require("class-variance-authority");
+    import_class_variance_authority10 = require("class-variance-authority");
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
     init_button2();
     init_iconography();
     init_5();
-    import_jsx_runtime116 = require("react/jsx-runtime");
+    import_jsx_runtime117 = require("react/jsx-runtime");
     IconMap = {
       error: Icon.Error,
       info: Icon.Info,
       warning: Icon.Warning
     };
-    dialogContentStyles = (0, import_class_variance_authority9.cva)("c-dialog", {
+    dialogContentStyles = (0, import_class_variance_authority10.cva)("c-dialog", {
       variants: {
         withIcon: {
           true: "c-dialog-with-icon"
@@ -6949,14 +6951,14 @@ function ConfirmDialog({
   type,
   closable
 }) {
-  const cancelButton = (okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, {
+  const cancelButton = (okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, {
     onClick: () => {
       onCancel?.();
       close();
     },
     children: cancelText
   });
-  const okButton = displayOk && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, {
+  const okButton = displayOk && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, {
     intent: okButtonIntent,
     onClick: () => {
       onOk?.();
@@ -6964,24 +6966,24 @@ function ConfirmDialog({
     },
     children: okText
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DialogRoot, {
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(DialogRoot, {
     open,
     onOpenChange: () => close(),
-    children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Dialog.Content, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Dialog.Content, {
       onEscapeKeyDown,
       onInteractOutside,
       onPointerDownOutside,
       type,
       closable,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Dialog.Title, {
+        title && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Dialog.Title, {
           children: title
         }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Dialog.Description, {
+        description && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Dialog.Description, {
           children: description
         }),
         content,
-        (displayOk || okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", {
+        (displayOk || okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", {
           className: "c-dialog-content__buttons",
           children: [
             cancelButton,
@@ -6992,14 +6994,14 @@ function ConfirmDialog({
     })
   });
 }
-var import_jsx_runtime117;
+var import_jsx_runtime118;
 var init_confirm_dialog = __esm({
   "src/dialog/confirm-dialog.tsx"() {
     "use strict";
     init_dialog2();
     init_button2();
     init_dialog();
-    import_jsx_runtime117 = require("react/jsx-runtime");
+    import_jsx_runtime118 = require("react/jsx-runtime");
   }
 });
 
@@ -7044,7 +7046,7 @@ function confirm(config) {
   function render({ okText, cancelText, ...delegated }) {
     clearTimeout(timeoutId);
     timeoutId = setTimeout(() => {
-      (0, import_react_dom.render)(/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ConfirmDialog, {
+      (0, import_react_dom.render)(/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(ConfirmDialog, {
         ...delegated,
         okText,
         cancelText
@@ -7121,14 +7123,14 @@ function withConfirm(delegated) {
     onPointerDownOutside: dumbFn
   };
 }
-var import_react_dom, import_jsx_runtime118, dumbFn;
+var import_react_dom, import_jsx_runtime119, dumbFn;
 var init_config = __esm({
   "src/dialog/config.tsx"() {
     "use strict";
     import_react_dom = require("react-dom");
     init_confirm_dialog();
     init_destroyFns();
-    import_jsx_runtime118 = require("react/jsx-runtime");
+    import_jsx_runtime119 = require("react/jsx-runtime");
     dumbFn = (event) => {
       event.preventDefault();
     };
@@ -7177,15 +7179,15 @@ var init_6 = __esm({
 });
 
 // src/icon-button/icon-button.tsx
-var import_react109, import_class_variance_authority10, import_jsx_runtime119, buttonStyles3, IconButton;
+var import_react109, import_class_variance_authority11, import_jsx_runtime120, buttonStyles3, IconButton;
 var init_icon_button = __esm({
   "src/icon-button/icon-button.tsx"() {
     "use strict";
     import_react109 = require("react");
-    import_class_variance_authority10 = require("class-variance-authority");
+    import_class_variance_authority11 = require("class-variance-authority");
     init_6();
-    import_jsx_runtime119 = require("react/jsx-runtime");
-    buttonStyles3 = (0, import_class_variance_authority10.cva)(["c-icon-button"], {
+    import_jsx_runtime120 = require("react/jsx-runtime");
+    buttonStyles3 = (0, import_class_variance_authority11.cva)(["c-icon-button"], {
       variants: {
         variant: {
           default: "",
@@ -7206,7 +7208,7 @@ var init_icon_button = __esm({
     });
     IconButton = (0, import_react109.forwardRef)(
       ({ children, className, type = "button", size, variant, ...delegated }, ref) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("button", {
+        return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("button", {
           ref,
           type,
           className: buttonStyles3({ size, variant, className }),
@@ -7240,20 +7242,20 @@ var init_8 = __esm({
 });
 
 // src/input/input.tsx
-var import_react110, import_class_variance_authority12, import_jsx_runtime121, inputStyles, Input;
+var import_react110, import_class_variance_authority13, import_jsx_runtime122, inputStyles, Input;
 var init_input = __esm({
   "src/input/input.tsx"() {
     "use strict";
     import_react110 = require("react");
-    import_class_variance_authority12 = require("class-variance-authority");
+    import_class_variance_authority13 = require("class-variance-authority");
     init_8();
-    import_jsx_runtime121 = require("react/jsx-runtime");
-    inputStyles = (0, import_class_variance_authority12.cva)(["c-input"], {
+    import_jsx_runtime122 = require("react/jsx-runtime");
+    inputStyles = (0, import_class_variance_authority13.cva)(["c-input"], {
       variants: {},
       defaultVariants: {}
     });
     Input = (0, import_react110.forwardRef)(({ className, ...delegated }, ref) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("input", {
+      return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("input", {
         ref,
         className: inputStyles({ className }),
         type: "text",
@@ -7279,18 +7281,18 @@ var init_9 = __esm({
 });
 
 // src/label/label.tsx
-var import_react111, import_class_variance_authority13, import_jsx_runtime122, Label2;
+var import_react111, import_class_variance_authority14, import_jsx_runtime123, Label2;
 var init_label = __esm({
   "src/label/label.tsx"() {
     "use strict";
     import_react111 = require("react");
-    import_class_variance_authority13 = require("class-variance-authority");
+    import_class_variance_authority14 = require("class-variance-authority");
     init_9();
-    import_jsx_runtime122 = require("react/jsx-runtime");
+    import_jsx_runtime123 = require("react/jsx-runtime");
     Label2 = (0, import_react111.forwardRef)(({ className, ...delegated }, ref) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("label", {
+      return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("label", {
         ref,
-        className: (0, import_class_variance_authority13.cx)("c-label", className),
+        className: (0, import_class_variance_authority14.cx)("c-label", className),
         ...delegated
       });
     });
@@ -7322,23 +7324,23 @@ function Tooltip({
   defaultOpen = false,
   delayDuration = 800
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(RadixTooltip.Provider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(RadixTooltip.Provider, {
     delayDuration,
-    children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(RadixTooltip.Root, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(RadixTooltip.Root, {
       defaultOpen,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(RadixTooltip.Trigger, {
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(RadixTooltip.Trigger, {
           asChild: true,
           children
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(RadixTooltip.Portal, {
-          children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(RadixTooltip.Content, {
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(RadixTooltip.Portal, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(RadixTooltip.Content, {
             align,
             sideOffset: 5,
             side,
             className: tooltipStyles({ variant }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(RadixTooltip.Arrow, {
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(RadixTooltip.Arrow, {
                 className: "c-tooltip-arrow"
               }),
               content
@@ -7349,14 +7351,14 @@ function Tooltip({
     })
   });
 }
-var import_class_variance_authority14, RadixTooltip, import_jsx_runtime123, tooltipStyles;
+var import_class_variance_authority15, RadixTooltip, import_jsx_runtime124, tooltipStyles;
 var init_tooltip = __esm({
   "src/tooltip/tooltip.tsx"() {
     "use strict";
-    import_class_variance_authority14 = require("class-variance-authority");
+    import_class_variance_authority15 = require("class-variance-authority");
     RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
-    import_jsx_runtime123 = require("react/jsx-runtime");
-    tooltipStyles = (0, import_class_variance_authority14.cva)(
+    import_jsx_runtime124 = require("react/jsx-runtime");
+    tooltipStyles = (0, import_class_variance_authority15.cva)(
       "c-tooltip-content data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade",
       {
         variants: {
@@ -7385,18 +7387,18 @@ var init_tooltip2 = __esm({
 });
 
 // src/input-with-label/input-with-label.tsx
-var import_react112, import_class_variance_authority15, import_jsx_runtime124, inputWithLabelStyles, InputWithLabel;
+var import_react112, import_class_variance_authority16, import_jsx_runtime125, inputWithLabelStyles, InputWithLabel;
 var init_input_with_label = __esm({
   "src/input-with-label/input-with-label.tsx"() {
     "use strict";
     import_react112 = require("react");
-    import_class_variance_authority15 = require("class-variance-authority");
+    import_class_variance_authority16 = require("class-variance-authority");
     init_iconography();
     init_input2();
     init_label2();
     init_tooltip2();
-    import_jsx_runtime124 = require("react/jsx-runtime");
-    inputWithLabelStyles = (0, import_class_variance_authority15.cva)(["c-input-with-label"], {
+    import_jsx_runtime125 = require("react/jsx-runtime");
+    inputWithLabelStyles = (0, import_class_variance_authority16.cva)(["c-input-with-label"], {
       variants: {
         variant: {
           default: "",
@@ -7413,37 +7415,37 @@ var init_input_with_label = __esm({
     InputWithLabel = (0, import_react112.forwardRef)(
       ({ className, label, append, errorMessage, status, statusMessage, variant, id, labelProps, ...delegated }, ref) => {
         const { className: labelClassName, ...labelPropsRest } = labelProps ?? {};
-        return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, {
-          children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Label2, {
+        return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Label2, {
             className: inputWithLabelStyles({ status, variant, className: labelClassName }),
             htmlFor: id,
             ...labelPropsRest,
             children: [
               label,
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("span", {
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", {
                 className: "c-input-with-label-input-wrap",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Input, {
-                    className: (0, import_class_variance_authority15.cx)("c-input-with-label-input", className),
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Input, {
+                    className: (0, import_class_variance_authority16.cx)("c-input-with-label-input", className),
                     ref,
                     id,
                     ...delegated
                   }),
-                  !!(errorMessage ?? statusMessage) ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Tooltip, {
+                  !!(errorMessage ?? statusMessage) ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Tooltip, {
                     content: errorMessage ?? statusMessage,
                     variant: status,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", {
                       "data-testid": "input-with-label-status-message",
                       className: "c-input-with-label-append",
-                      children: status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon.Error, {
+                      children: status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon.Error, {
                         width: 20,
                         height: 20
-                      }) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon.Warning, {
+                      }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon.Warning, {
                         width: 20,
                         height: 20
                       })
                     })
-                  }) : !!append && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", {
+                  }) : !!append && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", {
                     className: "c-input-with-label-append",
                     children: append
                   })
@@ -7480,17 +7482,17 @@ var init_12 = __esm({
 });
 
 // src/rich-text-editor/context/SharedHistoryContext.tsx
-var import_react116, import_LexicalHistoryPlugin, import_jsx_runtime132, Context, SharedHistoryContext, useSharedHistoryContext;
+var import_react116, import_LexicalHistoryPlugin, import_jsx_runtime133, Context, SharedHistoryContext, useSharedHistoryContext;
 var init_SharedHistoryContext = __esm({
   "src/rich-text-editor/context/SharedHistoryContext.tsx"() {
     "use strict";
     import_react116 = require("react");
     import_LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
-    import_jsx_runtime132 = require("react/jsx-runtime");
+    import_jsx_runtime133 = require("react/jsx-runtime");
     Context = (0, import_react116.createContext)({});
     SharedHistoryContext = ({ children }) => {
       const historyContext = (0, import_react116.useMemo)(() => ({ historyState: (0, import_LexicalHistoryPlugin.createEmptyHistoryState)() }), []);
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Context.Provider, {
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Context.Provider, {
         value: historyContext,
         children
       });
@@ -7578,7 +7580,7 @@ function I18nProvider({
   children
 }) {
   const translations2 = labelTranslations || en_default;
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(I18nContext.Provider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(I18nContext.Provider, {
     value: translations2,
     children
   });
@@ -7601,14 +7603,14 @@ function useTr() {
     return "";
   };
 }
-var import_react117, import_jsx_runtime133, I18nContext;
+var import_react117, import_jsx_runtime134, I18nContext;
 var init_i18n = __esm({
   "src/rich-text-editor/i18n/index.tsx"() {
     "use strict";
     import_react117 = require("react");
     init_en();
     init_en();
-    import_jsx_runtime133 = require("react/jsx-runtime");
+    import_jsx_runtime134 = require("react/jsx-runtime");
     I18nContext = (0, import_react117.createContext)(null);
   }
 });
@@ -8053,17 +8055,17 @@ var init_BaseNodes = __esm({
 
 // src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx
 function LexicalAutoLinkPlugin() {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalAutoLinkPlugin.AutoLinkPlugin, {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_LexicalAutoLinkPlugin.AutoLinkPlugin, {
     matchers: MATCHERS
   });
 }
-var React2, import_LexicalAutoLinkPlugin, import_jsx_runtime134, URL_MATCHER, EMAIL_MATCHER, MATCHERS;
+var React2, import_LexicalAutoLinkPlugin, import_jsx_runtime135, URL_MATCHER, EMAIL_MATCHER, MATCHERS;
 var init_AutoLinkPlugin = __esm({
   "src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx"() {
     "use strict";
     React2 = require("react");
     import_LexicalAutoLinkPlugin = require("@lexical/react/LexicalAutoLinkPlugin");
-    import_jsx_runtime134 = require("react/jsx-runtime");
+    import_jsx_runtime135 = require("react/jsx-runtime");
     URL_MATCHER = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
     EMAIL_MATCHER = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
     MATCHERS = [
@@ -8122,18 +8124,18 @@ function CopyButton({ editor, getCodeDOMNode }) {
       console.error("Failed to copy: ", err);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("button", {
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("button", {
     className: "c-rte-code-button",
     onClick: handleClick,
     "aria-label": tr("actionCopyCode"),
-    children: isCopyCompleted ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("i", {
+    children: isCopyCompleted ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("i", {
       className: "c-rte-code-button__icon c-rte-icon-success"
-    }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("i", {
+    }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("i", {
       className: "c-rte-code-button__icon c-rte-icon-copy"
     })
   });
 }
-var React3, import_react118, import_lexical4, import_use_debounce, import_code4, import_jsx_runtime135;
+var React3, import_react118, import_lexical4, import_use_debounce, import_code4, import_jsx_runtime136;
 var init_CopyButton = __esm({
   "src/rich-text-editor/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx"() {
     "use strict";
@@ -8143,7 +8145,7 @@ var init_CopyButton = __esm({
     import_use_debounce = require("use-debounce");
     import_code4 = require("@lexical/code");
     init_i18n();
-    import_jsx_runtime135 = require("react/jsx-runtime");
+    import_jsx_runtime136 = require("react/jsx-runtime");
   }
 });
 
@@ -37037,29 +37039,29 @@ function PrettierButton({ lang, editor, getCodeDOMNode }) {
       setTipsVisible(false);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", {
     className: "c-rte-prettier-wrapper",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("button", {
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("button", {
         className: "c-rte-code-button",
         onClick: handleClick,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         "aria-label": tr("actionFormatCode"),
-        children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("i", {
+        children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("i", {
           className: "c-rte-code-button__icon c-rte-icon-prettier-error"
-        }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("i", {
+        }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("i", {
           className: "c-rte-code-button__icon c-rte-icon-prettier"
         })
       }),
-      tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("pre", {
+      tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("pre", {
         className: "c-rte-code-error-tips",
         children: syntaxError
       }) : null
     ]
   });
 }
-var React4, import_react119, import_lexical5, import_code5, import_jsx_runtime136, PRETTIER_PARSER_MODULES, PRETTIER_OPTIONS_BY_LANG, LANG_CAN_BE_PRETTIER;
+var React4, import_react119, import_lexical5, import_code5, import_jsx_runtime137, PRETTIER_PARSER_MODULES, PRETTIER_OPTIONS_BY_LANG, LANG_CAN_BE_PRETTIER;
 var init_PrettierButton = __esm({
   "src/rich-text-editor/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx"() {
     "use strict";
@@ -37068,7 +37070,7 @@ var init_PrettierButton = __esm({
     import_lexical5 = require("lexical");
     import_code5 = require("@lexical/code");
     init_i18n();
-    import_jsx_runtime136 = require("react/jsx-runtime");
+    import_jsx_runtime137 = require("react/jsx-runtime");
     PRETTIER_PARSER_MODULES = {
       css: () => Promise.resolve().then(() => __toESM(require_parser_postcss())),
       html: () => Promise.resolve().then(() => __toESM(require_parser_html())),
@@ -37168,20 +37170,20 @@ function CodeActionMenuContainer({ anchorElem }) {
   });
   const normalizedLang = (0, import_code6.normalizeCodeLang)(lang);
   const codeFriendlyName = (0, import_code6.getLanguageFriendlyName)(lang);
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_jsx_runtime137.Fragment, {
-    children: isShown ? /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_jsx_runtime138.Fragment, {
+    children: isShown ? /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", {
       className: "c-rte-code-action-menu-container",
       style: { ...position },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", {
           className: "c-rte-code-highlight-language",
           children: codeFriendlyName
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(CopyButton, {
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(CopyButton, {
           editor,
           getCodeDOMNode
         }),
-        canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(PrettierButton, {
+        canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(PrettierButton, {
           editor,
           getCodeDOMNode,
           lang: normalizedLang
@@ -37203,11 +37205,11 @@ function getMouseInfo(event) {
 function CodeActionMenuPlugin({
   anchorElem = document.body
 }) {
-  return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime137.jsx)(CodeActionMenuContainer, {
+  return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime138.jsx)(CodeActionMenuContainer, {
     anchorElem
   }), anchorElem);
 }
-var import_react120, import_lexical6, import_react_dom2, import_use_debounce2, import_code6, import_LexicalComposerContext, import_jsx_runtime137, CODE_PADDING;
+var import_react120, import_lexical6, import_react_dom2, import_use_debounce2, import_code6, import_LexicalComposerContext, import_jsx_runtime138, CODE_PADDING;
 var init_CodeActionMenuPlugin = __esm({
   "src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx"() {
     "use strict";
@@ -37219,7 +37221,7 @@ var init_CodeActionMenuPlugin = __esm({
     import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
     init_CopyButton();
     init_PrettierButton();
-    import_jsx_runtime137 = require("react/jsx-runtime");
+    import_jsx_runtime138 = require("react/jsx-runtime");
     CODE_PADDING = 0;
   }
 });
@@ -37297,26 +37299,26 @@ function LinkPreviewContent({
   if (!hasPreview) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", {
     className: "c-rte-link-preview",
     children: [
-      preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", {
+      preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
         className: "c-rte-link-preview-image-wrapper",
-        children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("img", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("img", {
           src: preview.google.image,
           alt: preview.google.title,
           className: "c-rte-link-preview-image"
         })
       }),
-      preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", {
+      preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
         className: "c-rte-link-preview-title",
         children: preview.google.title
       }),
-      preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", {
+      preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
         className: "c-rte-link-preview-description",
         children: preview.google.description
       }),
-      textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, {
+      textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Button, {
         className: "c-rte-link-preview__replace-text-btn",
         onClick: useTitleForText,
         children: tr("linkPreviewReplaceTextWithTitle")
@@ -37325,7 +37327,7 @@ function LinkPreviewContent({
   });
 }
 function Glimmer(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
     className: "c-rte-link-preview-glimmer",
     ...props,
     style: {
@@ -37337,29 +37339,29 @@ function Glimmer(props) {
 function LinkPreview({
   url
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_react122.Suspense, {
-    fallback: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(import_jsx_runtime138.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_react122.Suspense, {
+    fallback: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_jsx_runtime139.Fragment, {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Glimmer, {
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Glimmer, {
           style: { height: "80px" },
           index: 0
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Glimmer, {
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Glimmer, {
           style: { width: "60%" },
           index: 1
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Glimmer, {
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Glimmer, {
           style: { width: "80%" },
           index: 2
         })
       ]
     }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(LinkPreviewContent, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(LinkPreviewContent, {
       url
     })
   });
 }
-var import_react122, import_lexical7, import_LexicalComposerContext3, import_jsx_runtime138, PREVIEW_CACHE, URL_MATCHER2;
+var import_react122, import_lexical7, import_LexicalComposerContext3, import_jsx_runtime139, PREVIEW_CACHE, URL_MATCHER2;
 var init_LinkPreview = __esm({
   "src/rich-text-editor/ui/LinkPreview.tsx"() {
     "use strict";
@@ -37368,7 +37370,7 @@ var init_LinkPreview = __esm({
     import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
     init_button2();
     init_i18n();
-    import_jsx_runtime138 = require("react/jsx-runtime");
+    import_jsx_runtime139 = require("react/jsx-runtime");
     PREVIEW_CACHE = {};
     URL_MATCHER2 = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
   }
@@ -37574,42 +37576,42 @@ function FloatingLinkEditor({
       inputRef.current.focus();
     }
   }, [isEditMode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
     ref: editorRef,
     className: "c-rte-link-editor",
     "data-testid": "rich-text-link-editor",
-    children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", {
+    children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
           className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(InputWithLabel, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(InputWithLabel, {
             label: tr("linkEditorLink"),
             type: "text",
             value: linkUrl,
             onChange: (e) => setLinkUrl(e.target.value)
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
           className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(InputWithLabel, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(InputWithLabel, {
             label: tr("linkEditorRel"),
             type: "text",
             value: rel ?? "",
             onChange: (e) => setRel(e.target.value)
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
           className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(InputWithLabel, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(InputWithLabel, {
             label: tr("linkEditorTarget"),
             type: "text",
             value: target ?? "",
             onChange: (e) => setTarget(e.target.value)
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
           className: "c-rte-link-editor-button-wrap",
-          children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Button, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, {
             "data-testid": "link-editor-save-button",
             onClick: () => {
               if (lastSelection !== null) {
@@ -37627,28 +37629,28 @@ function FloatingLinkEditor({
           })
         })
       ]
-    }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_jsx_runtime139.Fragment, {
+    }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", {
           className: "c-rte-link-editor-link-input",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", {
               className: "c-rte-link-editor-link-preview",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("a", {
+                /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("a", {
                   href: linkUrl,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   children: linkUrl
                 }),
-                rel || target ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", {
+                rel || target ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", {
                   className: "c-rte-link-editor-preview-attrs",
                   children: [
-                    rel && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
+                    rel && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
                       className: "c-rte-link-editor-preview-attr",
                       children: rel
                     }),
-                    target && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
+                    target && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
                       className: "c-rte-link-editor-preview-attr",
                       children: target
                     })
@@ -37656,21 +37658,21 @@ function FloatingLinkEditor({
                 }) : null
               ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
-              children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(IconButton, {
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
+              children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconButton, {
                 size: "sm",
                 tabIndex: 0,
                 onMouseDown: (event) => event.preventDefault(),
                 onClick: () => setEditMode(true),
                 "aria-label": tr("linkEditorEdit"),
                 "data-testid": "link-editor-edit",
-                children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon.Edit, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Icon.Edit, {})
               })
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
-          children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(LinkPreview, {
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
+          children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(LinkPreview, {
             url: linkUrl
           })
         })
@@ -37706,7 +37708,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
     );
   }, [editor, updateToolbar]);
   return isLink ? (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(FloatingLinkEditor, {
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(FloatingLinkEditor, {
       editor: activeEditor,
       isLink,
       anchorElem,
@@ -37721,7 +37723,7 @@ function FloatingLinkEditorPlugin({
   const [editor] = (0, import_LexicalComposerContext4.useLexicalComposerContext)();
   return useFloatingLinkEditorToolbar(editor, anchorElem);
 }
-var import_react123, React5, import_lexical8, import_react_dom3, import_link4, import_LexicalComposerContext4, import_utils, import_jsx_runtime139;
+var import_react123, React5, import_lexical8, import_react_dom3, import_link4, import_LexicalComposerContext4, import_utils, import_jsx_runtime140;
 var init_FloatingLinkEditorPlugin = __esm({
   "src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.tsx"() {
     "use strict";
@@ -37741,7 +37743,7 @@ var init_FloatingLinkEditorPlugin = __esm({
     init_getSelectedNode();
     init_setFloatingElemPosition();
     init_url();
-    import_jsx_runtime139 = require("react/jsx-runtime");
+    import_jsx_runtime140 = require("react/jsx-runtime");
   }
 });
 
@@ -37868,93 +37870,93 @@ function TextFormatFloatingToolbar({
     );
   }, [editor, updateTextFormatFloatingToolbar]);
   if (!editor.isEditable()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", {});
+    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", {
     ref: popupCharStylesEditorRef,
     className: "c-rte-floating-text-format-tb-plugin",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, {
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "bold");
         },
         style: { padding: 0, overflow: "hidden" },
         title: tr(IS_APPLE ? "actionFormatAsStrongTitleApple" : "actionFormatAsStrongTitle"),
         "aria-label": tr("actionFormatAsStrongLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("i", {
           className: `c-rte-icon-bold c-rte-floating-text-format-tb-plugin__format-icon ${isBold ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "italic");
         },
         title: tr("actionFormatAsEmphasizedTitle"),
         "aria-label": tr("actionFormatAsEmphasizedLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("i", {
           className: `c-rte-icon-italic c-rte-floating-text-format-tb-plugin__format-icon ${isItalic ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "underline");
         },
         title: tr("actionFormatAsUnderlinedTitle"),
         "aria-label": tr("actionFormatAsUnderlinedLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("i", {
           className: `c-rte-icon-underline c-rte-floating-text-format-tb-plugin__format-icon ${isUnderline ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "code");
         },
         "aria-label": tr("actionInsertCodeBlock"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("i", {
           className: `c-rte-icon-code c-rte-floating-text-format-tb-plugin__format-icon ${isCode ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: insertLink,
         "aria-label": tr("actionInsertlink"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("i", {
           className: `c-rte-icon-link c-rte-floating-text-format-tb-plugin__format-icon ${isLink ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "strikethrough");
         },
         title: tr("actionFormatWithStrikethroughTitle"),
         "aria-label": tr("actionFormatWithStrikethroughLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("i", {
           className: `c-rte-icon-strikethrough c-rte-floating-text-format-tb-plugin__format-icon ${isStrikethrough ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "subscript");
         },
         title: tr("actionFormatWithSubscriptTitle"),
         "aria-label": tr("actionFormatWithSubscriptLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("i", {
           className: `c-rte-icon-subscript c-rte-floating-text-format-tb-plugin__format-icon ${isSubscript ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "superscript");
         },
         title: tr("actionFormatWithSuperscriptTitle"),
         "aria-label": tr("actionFormatWithSuperscriptLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("i", {
           className: `c-rte-icon-superscript c-rte-floating-text-format-tb-plugin__format-icon ${isSuperscript ? "selected" : ""}`
         })
       })
@@ -38029,7 +38031,7 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
     return null;
   }
   return (0, import_react_dom4.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(TextFormatFloatingToolbar, {
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(TextFormatFloatingToolbar, {
       editor,
       anchorElem,
       isLink,
@@ -38050,7 +38052,7 @@ function FloatingTextFormatToolbarPlugin({
   const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
   return useFloatingTextFormatToolbar(editor, anchorElem);
 }
-var import_react124, React6, import_lexical9, import_react_dom4, import_code8, import_link5, import_LexicalComposerContext5, import_utils2, import_jsx_runtime140;
+var import_react124, React6, import_lexical9, import_react_dom4, import_code8, import_link5, import_LexicalComposerContext5, import_utils2, import_jsx_runtime141;
 var init_FloatingTextFormatToolbarPlugin = __esm({
   "src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.tsx"() {
     "use strict";
@@ -38069,24 +38071,24 @@ var init_FloatingTextFormatToolbarPlugin = __esm({
     init_getDOMRangeRect();
     init_getSelectedNode();
     init_setFloatingElemPosition();
-    import_jsx_runtime140 = require("react/jsx-runtime");
+    import_jsx_runtime141 = require("react/jsx-runtime");
   }
 });
 
 // src/rich-text-editor/plugins/LinkPlugin/index.tsx
 function LinkPlugin() {
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
     validateUrl
   });
 }
-var React7, import_LexicalLinkPlugin, import_jsx_runtime141;
+var React7, import_LexicalLinkPlugin, import_jsx_runtime142;
 var init_LinkPlugin = __esm({
   "src/rich-text-editor/plugins/LinkPlugin/index.tsx"() {
     "use strict";
     React7 = require("react");
     import_LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
     init_url();
-    import_jsx_runtime141 = require("react/jsx-runtime");
+    import_jsx_runtime142 = require("react/jsx-runtime");
   }
 });
 
@@ -38427,46 +38429,46 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
       clearTableSelection();
     });
   }, [editor, tableCellNode, clearTableSelection]);
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, {
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableRowAtSelection(false),
         children: tr("actionTableInsertRowsAbove", selectionCounts.rows)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableRowAtSelection(true),
         children: tr("actionTableInsertRowsBelow", selectionCounts.rows)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableColumnAtSelection(false),
         children: tr("actionTableInsertColumnsBefore", selectionCounts.columns)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableColumnAtSelection(true),
         children: tr("actionTableInsertColumnsAfter", selectionCounts.columns)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Item, {
         onSelect: () => toggleTableRowIsHeader(),
         children: tr(
           (tableCellNode.__headerState & import_table4.TableCellHeaderStates.ROW) === import_table4.TableCellHeaderStates.ROW ? "actionTableRemoveRowHeader" : "actionTableAddRowHeader"
         )
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Item, {
         onSelect: () => toggleTableColumnIsHeader(),
         children: tr(
           (tableCellNode.__headerState & import_table4.TableCellHeaderStates.COLUMN) === import_table4.TableCellHeaderStates.COLUMN ? "actionTableRemoveColumnHeader" : "actionTableAddColumnHeader"
         )
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Separator, {}),
-      tableStats.columns > 1 && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Separator, {}),
+      tableStats.columns > 1 && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Item, {
         onSelect: () => deleteTableColumnAtSelection(),
         children: tr("actionTableDeleteColumn")
       }),
-      tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Item, {
+      tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Item, {
         onSelect: () => deleteTableRowAtSelection(),
         children: tr("actionTableDeleteRow")
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Item, {
         onSelect: () => deleteTableAtSelection(),
         children: tr("actionTableDeleteTable")
       })
@@ -38548,19 +38550,19 @@ function TableCellActionMenuContainer({ anchorElem }) {
       }
     }
   }, [menuButtonRef, tableCellNode, editor, anchorElem]);
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", {
     className: "c-rte-table-cell-action-button-container",
     ref: menuButtonRef,
-    children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DropdownMenu.Root, {
+    children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DropdownMenu.Root, {
       onOpenChange: (isOpen) => setIsMenuOpen(isOpen),
-      content: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(TableActionMenu, {
+      content: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(TableActionMenu, {
         tableCellNode,
         tableStats
       }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(IconButton, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(IconButton, {
         size: "xs",
         "aria-label": tr("actionTableOpenOptions"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon.Arrow, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon.Arrow, {})
       })
     })
   });
@@ -38569,11 +38571,11 @@ function TableActionMenuPlugin({
   anchorElem = document.body
 }) {
   const isEditable = (0, import_useLexicalEditable.default)();
-  return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(TableCellActionMenuContainer, {
+  return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(TableCellActionMenuContainer, {
     anchorElem
   }) : null, anchorElem);
 }
-var import_react128, import_lexical13, import_react_dom5, import_LexicalComposerContext9, import_useLexicalEditable, import_table4, import_jsx_runtime142;
+var import_react128, import_lexical13, import_react_dom5, import_LexicalComposerContext9, import_useLexicalEditable, import_table4, import_jsx_runtime143;
 var init_TableActionMenuPlugin = __esm({
   "src/rich-text-editor/plugins/TableActionMenuPlugin/index.tsx"() {
     "use strict";
@@ -38587,7 +38589,7 @@ var init_TableActionMenuPlugin = __esm({
     init_icon_button2();
     init_iconography();
     init_i18n();
-    import_jsx_runtime142 = require("react/jsx-runtime");
+    import_jsx_runtime143 = require("react/jsx-runtime");
   }
 });
 
@@ -38603,19 +38605,19 @@ async function copyJson(editor) {
 function ActionsPlugin({ append, prepend, disabled }) {
   const [editor] = (0, import_LexicalComposerContext10.useLexicalComposerContext)();
   const tr = useTr();
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(ActionMenu, {
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(ActionMenu, {
     children: [
-      !prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ActionMenu.Item, {
+      !prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ActionMenu.Item, {
         onSelect: actionItem.action,
         className: actionItem.type === "danger" ? "danger" : "",
         disabled: actionItem.disabled,
         children: actionItem.title
       }, actionItem.title)),
-      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ActionMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ActionMenu.Item, {
         onSelect: () => copyJson(editor),
         children: tr("actionCopyJSON")
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ActionMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ActionMenu.Item, {
         disabled,
         className: "danger",
         onSelect: () => {
@@ -38624,7 +38626,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
         },
         children: tr("actionClear")
       }),
-      !append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ActionMenu.Item, {
+      !append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ActionMenu.Item, {
         onSelect: actionItem.action,
         className: actionItem.type === "danger" ? "danger" : "",
         disabled: actionItem.disabled,
@@ -38633,7 +38635,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
     ]
   });
 }
-var import_lexical14, import_LexicalComposerContext10, import_jsx_runtime143;
+var import_lexical14, import_LexicalComposerContext10, import_jsx_runtime144;
 var init_ActionsPlugin = __esm({
   "src/rich-text-editor/plugins/ActionsPlugin/index.tsx"() {
     "use strict";
@@ -38642,7 +38644,7 @@ var init_ActionsPlugin = __esm({
     init_action_menu2();
     init_i18n();
     init_lexical_to_crystallize();
-    import_jsx_runtime143 = require("react/jsx-runtime");
+    import_jsx_runtime144 = require("react/jsx-runtime");
   }
 });
 
@@ -38664,13 +38666,13 @@ function InsertTableDialog({ activeEditor }) {
       }
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", {
     className: "c-rte-insert-table",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", {
         className: "c-rte-insert-table__dimensions",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(InputWithLabel, {
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(InputWithLabel, {
             label: tr("insertTableRows"),
             value: rows,
             placeholder: "0",
@@ -38678,10 +38680,10 @@ function InsertTableDialog({ activeEditor }) {
             inputMode: "numeric",
             onChange: (e) => setRows(e.target.value)
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", {
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
             className: "c-rte-insert-table__dimensions__separator"
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(InputWithLabel, {
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(InputWithLabel, {
             type: "text",
             label: tr("insertTableColumns"),
             placeholder: "0",
@@ -38691,9 +38693,9 @@ function InsertTableDialog({ activeEditor }) {
           })
         ]
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", {
         className: "c-rte-insert-table__actions",
-        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Button, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Button, {
           as: Dialog.Close,
           size: "sm",
           intent: "action",
@@ -38705,7 +38707,7 @@ function InsertTableDialog({ activeEditor }) {
     ]
   });
 }
-var import_react129, import_table5, import_jsx_runtime144;
+var import_react129, import_table5, import_jsx_runtime145;
 var init_insert_table = __esm({
   "src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx"() {
     "use strict";
@@ -38715,7 +38717,7 @@ var init_insert_table = __esm({
     init_dialog2();
     init_input_with_label2();
     init_i18n();
-    import_jsx_runtime144 = require("react/jsx-runtime");
+    import_jsx_runtime145 = require("react/jsx-runtime");
   }
 });
 
@@ -38804,80 +38806,80 @@ function BlockFormatDropDown({
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(DropdownMenu.Root, {
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Root, {
     disabled,
     style: { zIndex: 1 },
-    content: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, {
+    content: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
           onClick: formatParagraph,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
               className: `c-rte-icon-paragraph c-rte-toolbar__block-format__icon ${blockType === "paragraph" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "paragraph" ? "selected" : ""}`,
               children: "Normal"
             })
           ]
         }),
-        headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+        headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
           onClick: () => formatHeading(headingSize),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
               className: `c-rte-icon-${headingSize} c-rte-toolbar__block-format__icon ${blockType === headingSize ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === headingSize ? "selected" : ""}`,
               children: headingTypeToBlockName[headingSize]
             })
           ]
         }, headingSize)),
-        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
           onClick: formatBulletList,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
               className: `c-rte-icon-bullet-list c-rte-toolbar__block-format__icon ${blockType === "bullet" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "bullet" ? "selected" : ""}`,
               children: "Bullet List"
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
           onClick: formatNumberedList,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
               className: `c-rte-icon-numbered-list c-rte-toolbar__block-format__icon ${blockType === "number" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "number" ? "selected" : ""}`,
               children: "Numbered List"
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
           onClick: formatQuote,
           "data-testid": "toggle-block-format-quote",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
               className: `c-rte-icon-quote c-rte-toolbar__block-format__icon ${blockType === "quote" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "quote" ? "selected" : ""}`,
               children: "Quote"
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
           onClick: formatCode,
           "data-testid": "toggle-block-format-code",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
               className: `icon c-rte-icon-code c-rte-toolbar__block-format__icon ${blockType === "code" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "code" ? "selected" : ""}`,
               children: "Code block"
             })
@@ -38885,21 +38887,21 @@ function BlockFormatDropDown({
         })
       ]
     }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Button, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(Button, {
       style: { backgroundColor: "transparent", padding: "0 8px" },
       "aria-label": "Formatting options for text style",
       "data-testid": "toggle-block-format",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
           className: `c-rte-toolbar__toggle-icon c-rte-icon-${blockType}`
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon.Arrow, {})
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon.Arrow, {})
       ]
     })
   });
 }
 function Divider() {
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
     className: "c-rte-toolbar__divider"
   });
 }
@@ -39049,13 +39051,13 @@ function ToolbarPlugin({
     },
     [activeEditor, selectedElementKey]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", {
     className: "c-rte-toolbar",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", {
         className: "c-rte-toolbar__inner",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(IconButton, {
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconButton, {
             disabled: !canUndo || !isEditable,
             onClick: () => {
               activeEditor.dispatchCommand(import_lexical15.UNDO_COMMAND, void 0);
@@ -39064,12 +39066,12 @@ function ToolbarPlugin({
             title: tr(IS_APPLE ? "actionUndoTitleApple" : "actionUndoTitle"),
             "aria-label": tr("actionUndoLabel"),
             "data-testid": "rich-text-undo-button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
               className: `c-rte-icon-undo c-rte-toolbar__icon ${!canUndo ? "disabled" : ""}
         `
             })
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(IconButton, {
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconButton, {
             disabled: !canRedo || !isEditable,
             onClick: () => {
               activeEditor.dispatchCommand(import_lexical15.REDO_COMMAND, void 0);
@@ -39077,51 +39079,51 @@ function ToolbarPlugin({
             type: "button",
             title: tr(IS_APPLE ? "actionRedoTitleApple" : "actionRedoTitle"),
             "aria-label": tr("actionRedoLabel"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
               className: `c-rte-icon-redo c-rte-toolbar__icon ${!canRedo ? "disabled" : ""}`
             })
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Divider, {}),
-          blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, {
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Divider, {}),
+          blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, {
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(BlockFormatDropDown, {
+              /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(BlockFormatDropDown, {
                 disabled: !isEditable,
                 blockType,
                 editor
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Divider, {})
+              /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Divider, {})
             ]
           }),
-          blockType === "code" ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_jsx_runtime145.Fragment, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(DropdownMenu.Root, {
+          blockType === "code" ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_jsx_runtime146.Fragment, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Root, {
               disabled: !isEditable,
               style: { zIndex: 1 },
-              content: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_jsx_runtime145.Fragment, {
+              content: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_jsx_runtime146.Fragment, {
                 children: CODE_LANGUAGE_OPTIONS.map(([value, name]) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(DropdownMenu.Item, {
+                  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
                     className: `item ${dropDownActiveClass(value === codeLanguage)}`,
                     onClick: () => onCodeLanguageSelect(value),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
                       className: `c-rte-toolbar__code-lang__sel-item ${dropDownActiveClass(value === codeLanguage) ? "selected" : ""}`,
                       children: name
                     })
                   }, value);
                 })
               }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Button, {
+              children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Button, {
                 "aria-label": tr("codeSelectLanguage"),
-                append: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon.Arrow, {}),
-                children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+                append: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon.Arrow, {}),
+                children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
                   className: "c-rte-toolbar__code-lang__button-text",
                   children: (0, import_code9.getLanguageFriendlyName)(codeLanguage)
                 })
               })
             })
-          }) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Dialog, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", {
+          }) : /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Dialog, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", {
               className: "c-rte-toolbar__actions-rest",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconButton, {
                   disabled: !isEditable,
                   className: `c-rte-toolbar__icon-btn ${isBold ? "selected" : ""}`,
                   type: "button",
@@ -39131,11 +39133,11 @@ function ToolbarPlugin({
                   onClick: () => {
                     activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "bold");
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-bold`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isItalic ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: () => {
@@ -39145,11 +39147,11 @@ function ToolbarPlugin({
                   title: tr(IS_APPLE ? "actionFormatAsEmphasizedTitleApple" : "actionFormatAsEmphasizedTitle"),
                   "aria-label": tr("actionFormatAsEmphasizedLabel"),
                   "data-testid": "toggle-format-emphasized",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-italic`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isUnderline ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: () => {
@@ -39159,11 +39161,11 @@ function ToolbarPlugin({
                   title: tr(IS_APPLE ? "actionFormatAsUnderlinedTitleApple" : "actionFormatAsUnderlinedTitle"),
                   "aria-label": tr("actionFormatAsUnderlinedLabel"),
                   "data-testid": "toggle-format-underlined",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-underline`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isCode ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: () => {
@@ -39173,82 +39175,82 @@ function ToolbarPlugin({
                   title: tr("actionInsertCodeBlock"),
                   "aria-label": tr("actionInsertCodeBlock"),
                   "data-testid": "toggle-format-code",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-code`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isLink ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: insertLink,
                   type: "button",
                   "aria-label": tr("actionInsertlink"),
                   title: tr("actionInsertlink"),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-link`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(DropdownMenu.Root, {
+                /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Root, {
                   disabled: !isEditable,
                   style: { zIndex: 1 },
-                  content: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, {
+                  content: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, {
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
                         disabled: !isEditable,
                         onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "strikethrough"),
                         title: tr("actionFormatWithStrikethroughTitle"),
                         "aria-label": tr("actionFormatWithStrikethroughLabel"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                             className: `c-rte-icon-strikethrough c-rte-toolbar__dd-item__icon ${isStrikethrough ? "selected" : ""}`
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
                             className: `c-rte-toolbar__dd-item__text ${isStrikethrough ? "selected" : ""}`,
                             children: tr("actionFormatWithStrikethroughTitle")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
                         disabled: !isEditable,
                         onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "subscript"),
                         title: tr("actionFormatWithSubscriptTitle"),
                         "aria-label": tr("actionFormatWithSubscriptLabel"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                             className: `c-rte-icon-subscript c-rte-toolbar__dd-item__icon ${isSubscript ? "selected" : ""}`
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
                             className: `c-rte-toolbar__dd-item__text ${isSubscript ? "selected" : ""}`,
                             children: tr("actionFormatWithSubscriptTitle")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
                         disabled: !isEditable,
                         onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "superscript"),
                         title: tr("actionFormatWithSuperscriptTitle"),
                         "aria-label": tr("actionFormatWithSuperscriptLabel"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                             className: `c-rte-icon-superscript c-rte-toolbar__dd-item__icon ${isSuperscript ? "selected" : ""}`
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
                             className: `c-rte-toolbar__dd-item__text ${isSuperscript ? "selected" : ""}`,
                             children: tr("actionFormatWithSuperscriptTitle")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
                         disabled: !isEditable,
                         onClick: clearFormatting,
                         className: "item",
                         title: tr("actionClearTextFormatting"),
                         "aria-label": tr("actionClearTextFormatting"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                             className: "c-rte-icon-clear c-rte-toolbar__dd-item__icon"
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
                             className: "c-rte-toolbar__dd-item__text--clear",
                             children: tr("actionFormatClear")
                           })
@@ -39256,47 +39258,47 @@ function ToolbarPlugin({
                       })
                     ]
                   }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Button, {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(Button, {
                     style: { backgroundColor: "transparent", padding: "0 8px" },
                     "aria-label": tr("actionTextFormattingOptions"),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                         className: `c-rte-icon-dropdown-more c-rte-toolbar__toggle-icon`
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon.Arrow, {})
+                      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon.Arrow, {})
                     ]
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Divider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(DropdownMenu.Root, {
+                /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Divider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Root, {
                   style: { zIndex: 1 },
                   disabled: !isEditable,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, {
+                  content: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, {
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DropdownMenu.Item, {
                         onClick: () => {
                           activeEditor.dispatchCommand(import_LexicalHorizontalRuleNode4.INSERT_HORIZONTAL_RULE_COMMAND, void 0);
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                             className: "c-rte-toolbar__dd-item__icon c-rte-icon-horizontal-rule"
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
                             className: "c-rte-toolbar__dd-item__text",
                             children: tr("horizontalRule")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(DropdownMenu.Item, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Dialog.Trigger, {
+                      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Dialog.Trigger, {
                           asChild: true,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", {
+                          children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", {
                             className: "c-rte-toolbar__dd-item--table",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                              /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                                 className: "c-rte-toolbar__dd-item__icon c-rte-icon-table"
                               }),
-                              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", {
+                              /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
                                 className: "c-rte-toolbar__dd-item__text",
                                 children: tr("table")
                               })
@@ -39306,21 +39308,21 @@ function ToolbarPlugin({
                       })
                     ]
                   }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(IconButton, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconButton, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
                       className: "c-rte-icon-plus c-rte-toolbar__plus"
                     })
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Dialog.Content, {
+                /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(Dialog.Content, {
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Dialog.Title, {
+                    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Dialog.Title, {
                       children: tr("insertTableTitle")
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Dialog.Description, {
+                    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Dialog.Description, {
                       children: tr("insertTableDescription")
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(InsertTableDialog, {
+                    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(InsertTableDialog, {
                       activeEditor
                     })
                   ]
@@ -39330,7 +39332,7 @@ function ToolbarPlugin({
           })
         ]
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ActionsPlugin, {
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(ActionsPlugin, {
         disabled,
         prepend: actionsMenuPrepend,
         append: actionsMenuAppend
@@ -39338,7 +39340,7 @@ function ToolbarPlugin({
     ]
   });
 }
-var import_react130, import_lexical15, import_code9, import_link6, import_list5, import_LexicalComposerContext11, import_LexicalDecoratorBlockNode, import_LexicalHorizontalRuleNode4, import_rich_text5, import_selection4, import_utils4, import_jsx_runtime145, headingTypeToBlockName, headings, blockTypeToBlockName, CODE_LANGUAGE_OPTIONS;
+var import_react130, import_lexical15, import_code9, import_link6, import_list5, import_LexicalComposerContext11, import_LexicalDecoratorBlockNode, import_LexicalHorizontalRuleNode4, import_rich_text5, import_selection4, import_utils4, import_jsx_runtime146, headingTypeToBlockName, headings, blockTypeToBlockName, CODE_LANGUAGE_OPTIONS;
 var init_ToolbarPlugin = __esm({
   "src/rich-text-editor/plugins/ToolbarPlugin/index.tsx"() {
     "use strict";
@@ -39364,7 +39366,7 @@ var init_ToolbarPlugin = __esm({
     init_url();
     init_ActionsPlugin();
     init_insert_table();
-    import_jsx_runtime145 = require("react/jsx-runtime");
+    import_jsx_runtime146 = require("react/jsx-runtime");
     headingTypeToBlockName = {
       h1: "Heading 1",
       h2: "Heading 2",
@@ -39514,7 +39516,7 @@ function RichTextEditor({
   labelTranslations,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalComposer.LexicalComposer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalComposer.LexicalComposer, {
     initialConfig: {
       editable: !rest.disabled,
       namespace: "crystallize-rich-text-editor",
@@ -39525,13 +39527,13 @@ function RichTextEditor({
         throw error;
       }
     },
-    children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(I18nProvider, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(I18nProvider, {
       language,
       labelTranslations,
-      children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(SharedHistoryContext, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SharedHistoryContext, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
           className: "c-rich-text-editor",
-          children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(RichTextEditorWithoutContext, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(RichTextEditorWithoutContext, {
             ...rest
           })
         })
@@ -39553,7 +39555,7 @@ function RichTextEditorWithoutContext({
 }) {
   const editable = !disabled;
   const { historyState } = useSharedHistoryContext();
-  const placeholder = /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
+  const placeholder = /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
     className: "c-rte-placeholder",
     children: placeholderText ?? ""
   });
@@ -39576,38 +39578,38 @@ function RichTextEditorWithoutContext({
     }
     firstOnChangeTriggeredRef.current = true;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_jsx_runtime147.Fragment, {
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
         onChange: onLocalChange,
         ignoreSelectionChange: true
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(ToolbarPlugin, {
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ToolbarPlugin, {
         disabled,
         actionsMenuPrepend,
         actionsMenuAppend
       }),
       slotPreContent,
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
         className: `c-rte-editor-container ${disabled ? "disabled" : ""}`,
         "data-testid": "rich-text-editor",
         children: [
-          maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(MaxLengthPlugin, {
+          maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(MaxLengthPlugin, {
             maxLength
           }) : null,
-          !autoFocus ? null : /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(LexicalAutoLinkPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalHistoryPlugin2.HistoryPlugin, {
+          !autoFocus ? null : /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(LexicalAutoLinkPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalHistoryPlugin2.HistoryPlugin, {
             externalHistoryState: historyState
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
-            contentEditable: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
+            contentEditable: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
               className: "c-rte-editor-scroller",
-              children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
+              children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
                 className: "c-rte-editor",
                 ref: onRef,
-                children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalContentEditable.ContentEditable, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalContentEditable.ContentEditable, {
                   className: "c-rte-contenteditable-root",
                   id
                 })
@@ -39616,28 +39618,28 @@ function RichTextEditorWithoutContext({
             placeholder,
             ErrorBoundary: import_LexicalErrorBoundary.default
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(CodeHighlightPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalListPlugin.ListPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(ListMaxIndentLevelPlugin, {
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(CodeHighlightPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalListPlugin.ListPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ListMaxIndentLevelPlugin, {
             maxDepth: 7
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalTablePlugin.TablePlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(LinkPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(TabFocusPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
-          floatingAnchorElem && /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, {
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalTablePlugin.TablePlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(LinkPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(TabFocusPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
+          floatingAnchorElem && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_jsx_runtime147.Fragment, {
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(CodeActionMenuPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(CodeActionMenuPlugin, {
                 anchorElem: floatingAnchorElem
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(FloatingLinkEditorPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(FloatingLinkEditorPlugin, {
                 anchorElem: floatingAnchorElem
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(TableActionMenuPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(TableActionMenuPlugin, {
                 anchorElem: floatingAnchorElem
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(FloatingTextFormatToolbarPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(FloatingTextFormatToolbarPlugin, {
                 anchorElem: floatingAnchorElem
               })
             ]
@@ -39647,7 +39649,7 @@ function RichTextEditorWithoutContext({
     ]
   });
 }
-var import_react131, import_LexicalAutoFocusPlugin, import_LexicalClearEditorPlugin, import_LexicalComposer, import_LexicalErrorBoundary, import_LexicalHistoryPlugin2, import_LexicalHorizontalRulePlugin, import_LexicalListPlugin, import_LexicalOnChangePlugin, import_LexicalRichTextPlugin, import_LexicalTabIndentationPlugin, import_LexicalTablePlugin, import_LexicalComposerContext12, import_LexicalContentEditable, import_jsx_runtime146, rich_text_editor_default;
+var import_react131, import_LexicalAutoFocusPlugin, import_LexicalClearEditorPlugin, import_LexicalComposer, import_LexicalErrorBoundary, import_LexicalHistoryPlugin2, import_LexicalHorizontalRulePlugin, import_LexicalListPlugin, import_LexicalOnChangePlugin, import_LexicalRichTextPlugin, import_LexicalTabIndentationPlugin, import_LexicalTablePlugin, import_LexicalComposerContext12, import_LexicalContentEditable, import_jsx_runtime147, rich_text_editor_default;
 var init_rich_text_editor = __esm({
   "src/rich-text-editor/rich-text-editor.tsx"() {
     "use strict";
@@ -39684,7 +39686,7 @@ var init_rich_text_editor = __esm({
     init_TableActionMenuPlugin();
     init_ToolbarPlugin();
     init_CrystallizeRTEditorTheme();
-    import_jsx_runtime146 = require("react/jsx-runtime");
+    import_jsx_runtime147 = require("react/jsx-runtime");
     rich_text_editor_default = RichTextEditor;
   }
 });
@@ -39697,6 +39699,8 @@ __export(src_exports, {
   Button: () => Button,
   Card: () => Card,
   Checkbox: () => Checkbox,
+  Collapsible: () => Collapsible,
+  CollapsibleTrigger: () => CollapsibleTrigger,
   Dialog: () => Dialog,
   DropdownMenu: () => DropdownMenu,
   Icon: () => Icon,
@@ -39831,16 +39835,56 @@ var Checkbox = (0, import_react4.forwardRef)((props, ref) => {
 });
 Checkbox.displayName = "Checkbox";
 
+// src/collapsible/collapsible.tsx
+var import_class_variance_authority9 = require("class-variance-authority");
+var CollapsiblePrimitives = __toESM(require("@radix-ui/react-collapsible"));
+init_iconography();
+var import_jsx_runtime116 = require("react/jsx-runtime");
+function Content3({ className, ...delegated }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CollapsiblePrimitives.Content, {
+    ...delegated,
+    className: (0, import_class_variance_authority9.cx)("c-collapsible-content", className)
+  });
+}
+function CollapsibleTrigger({
+  children,
+  arrowPosition,
+  className,
+  ...delegated
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CollapsiblePrimitives.Trigger, {
+    asChild: true,
+    ...delegated,
+    className: (0, import_class_variance_authority9.cx)("c-collapsible-trigger", arrowPosition === "right" ? "arrow-right" : "", className),
+    children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", {
+      children: [
+        arrowPosition && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon.Caret, {
+          className: "c-collapsible-arrow",
+          fill: "purple-50-900",
+          width: 10,
+          height: 10
+        }),
+        children
+      ]
+    })
+  });
+}
+var Collapsible = {
+  Root: CollapsiblePrimitives.Root,
+  Trigger: CollapsibleTrigger,
+  Content: Content3
+};
+
 // src/index.ts
 init_dialog2();
 init_dropdown_menu();
 init_icon_button2();
 
 // src/inline-radio/inline-radio.tsx
-var import_class_variance_authority11 = require("class-variance-authority");
+var import_class_variance_authority12 = require("class-variance-authority");
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
-var import_jsx_runtime120 = require("react/jsx-runtime");
-var inlineRadioGroupStyles = (0, import_class_variance_authority11.cva)("c-inline-radio-group", {
+var import_jsx_runtime121 = require("react/jsx-runtime");
+var inlineRadioGroupStyles = (0, import_class_variance_authority12.cva)("c-inline-radio-group", {
   variants: {
     size: {
       xs: "c-inline-radio-group-xs",
@@ -39854,16 +39898,16 @@ var inlineRadioGroupStyles = (0, import_class_variance_authority11.cva)("c-inlin
   }
 });
 function InlineRadioGroup({ size, className, ...delegated }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(RadioGroupPrimitive.Root, {
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(RadioGroupPrimitive.Root, {
     ...delegated,
     className: inlineRadioGroupStyles({ size, className })
   });
 }
 function InlineRadioItem({ children, className, ...delegated }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(RadioGroupPrimitive.Item, {
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(RadioGroupPrimitive.Item, {
     ...delegated,
-    className: (0, import_class_variance_authority11.cx)("c-inline-radio", className),
-    children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(RadioGroupPrimitive.Indicator, {
+    className: (0, import_class_variance_authority12.cx)("c-inline-radio", className),
+    children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(RadioGroupPrimitive.Indicator, {
       forceMount: true,
       children
     })
@@ -39880,14 +39924,14 @@ init_input2();
 init_label2();
 
 // src/progress/progress.tsx
-var import_class_variance_authority16 = require("class-variance-authority");
+var import_class_variance_authority17 = require("class-variance-authority");
 var ProgressPrimitives = __toESM(require("@radix-ui/react-progress"));
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 function Progress({ className, value }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ProgressPrimitives.Root, {
-    className: (0, import_class_variance_authority16.cx)(className, "c-progress-root"),
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ProgressPrimitives.Root, {
+    className: (0, import_class_variance_authority17.cx)(className, "c-progress-root"),
     value,
-    children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ProgressPrimitives.Indicator, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ProgressPrimitives.Indicator, {
       className: "c-progress-indicator",
       style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
     })
@@ -39896,12 +39940,12 @@ function Progress({ className, value }) {
 
 // src/radio/radio.tsx
 var RadioGroupPrimitive2 = __toESM(require("@radix-ui/react-radio-group"));
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 function RadioGroupItem(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(RadioGroupPrimitive2.Item, {
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(RadioGroupPrimitive2.Item, {
     ...props,
     className: "c-radio-item",
-    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(RadioGroupPrimitive2.Indicator, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(RadioGroupPrimitive2.Indicator, {
       className: "c-radio-indicator"
     })
   });
@@ -39914,18 +39958,18 @@ var Radio = {
 // src/select/select-item.tsx
 var import_react113 = require("react");
 var SelectPrimitives = __toESM(require("@radix-ui/react-select"));
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var SelectItem = (0, import_react113.forwardRef)((props, ref) => {
   const { children, ...delegated } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(SelectPrimitives.Item, {
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(SelectPrimitives.Item, {
     className: "c-select-item",
     ref,
     ...delegated,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SelectPrimitives.ItemText, {
+      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SelectPrimitives.ItemText, {
         children
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SelectPrimitives.ItemIndicator, {})
+      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SelectPrimitives.ItemIndicator, {})
     ]
   });
 });
@@ -39933,11 +39977,11 @@ SelectItem.displayName = "SelectItem";
 
 // src/select/select-root.tsx
 var import_react114 = require("react");
-var import_class_variance_authority17 = require("class-variance-authority");
+var import_class_variance_authority18 = require("class-variance-authority");
 var SelectPrimitives2 = __toESM(require("@radix-ui/react-select"));
 init_iconography();
-var import_jsx_runtime128 = require("react/jsx-runtime");
-var selectTriggerStyles = (0, import_class_variance_authority17.cva)("c-select-trigger", {
+var import_jsx_runtime129 = require("react/jsx-runtime");
+var selectTriggerStyles = (0, import_class_variance_authority18.cva)("c-select-trigger", {
   variants: {
     size: {
       xs: "c-select-trigger-xs",
@@ -39952,34 +39996,34 @@ var selectTriggerStyles = (0, import_class_variance_authority17.cva)("c-select-t
 });
 var SelectContainer = (0, import_react114.forwardRef)(
   ({ children, id, placeholder, disabled, size, triggerClassName, ...delegated }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(SelectPrimitives2.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(SelectPrimitives2.Root, {
       ...delegated,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(SelectPrimitives2.Trigger, {
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(SelectPrimitives2.Trigger, {
           ref,
           className: selectTriggerStyles({ size, className: triggerClassName }),
           disabled,
           id,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SelectPrimitives2.Value, {
-              placeholder: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SelectPrimitives2.Value, {
+              placeholder: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", {
                 className: "c-select-value",
                 children: placeholder ?? "Select..."
               })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon.Arrow, {})
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon.Arrow, {})
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SelectPrimitives2.Portal, {
-          children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(SelectPrimitives2.Content, {
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SelectPrimitives2.Portal, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(SelectPrimitives2.Content, {
             className: "c-select-content",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SelectPrimitives2.ScrollUpButton, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SelectPrimitives2.Viewport, {
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SelectPrimitives2.ScrollUpButton, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SelectPrimitives2.Viewport, {
                 className: "c-select-viewport",
                 children
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SelectPrimitives2.ScrollDownButton, {})
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SelectPrimitives2.ScrollDownButton, {})
             ]
           })
         })
@@ -39997,22 +40041,22 @@ var Select = {
 
 // src/slider/slider.tsx
 var import_react115 = require("react");
-var import_class_variance_authority18 = require("class-variance-authority");
+var import_class_variance_authority19 = require("class-variance-authority");
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var Slider = (0, import_react115.forwardRef)(({ className, transparentRange, ...delegated }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(SliderPrimitive.Root, {
-    className: (0, import_class_variance_authority18.cx)("c-slider-root", className),
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(SliderPrimitive.Root, {
+    className: (0, import_class_variance_authority19.cx)("c-slider-root", className),
     ref,
     ...delegated,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SliderPrimitive.Track, {
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SliderPrimitive.Track, {
         className: "c-slider-track",
-        children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SliderPrimitive.Range, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SliderPrimitive.Range, {
           className: `c-slider-range ${transparentRange ? "c-slider-range-transparent" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SliderPrimitive.Thumb, {
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SliderPrimitive.Thumb, {
         className: "c-slider-thumb"
       })
     ]
@@ -40024,15 +40068,15 @@ init_spinner();
 
 // src/stack-icon/stack-icon.tsx
 init_iconography();
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 function StackIcon({ type, children, size = 18 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("span", {
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", {
     className: "c-stack-icon",
     children: [
-      type === "create" && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", {
+      type === "create" && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", {
         style: { width: size, height: size },
         className: "c-stack-icon__icon",
-        children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon.Add, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon.Add, {
           width: size - 4,
           height: size - 4
         })
@@ -40043,10 +40087,10 @@ function StackIcon({ type, children, size = 18 }) {
 }
 
 // src/tag/tag.tsx
-var import_class_variance_authority19 = require("class-variance-authority");
+var import_class_variance_authority20 = require("class-variance-authority");
 init_iconography();
-var import_jsx_runtime131 = require("react/jsx-runtime");
-var tagStyles = (0, import_class_variance_authority19.cva)("c-tag", {
+var import_jsx_runtime132 = require("react/jsx-runtime");
+var tagStyles = (0, import_class_variance_authority20.cva)("c-tag", {
   variants: {
     variant: {
       default: "c-tag-default",
@@ -40075,28 +40119,28 @@ function Tag({
   showRemoveOnHover,
   ...delegated
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", {
     className: tagStyles({ className, variant, size }),
     ...delegated,
     children: [
-      !prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", {
+      !prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", {
         className: "c-tag__prepend",
         children: prepend
       }),
       children,
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("button", {
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("button", {
         type: "button",
-        className: (0, import_class_variance_authority19.cx)("c-tag__remove-button", showRemoveOnHover ? "c-tag__remove-button--hover" : ""),
+        className: (0, import_class_variance_authority20.cx)("c-tag__remove-button", showRemoveOnHover ? "c-tag__remove-button--hover" : ""),
         onClick: (e) => {
           e.stopPropagation();
           onRemove();
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon.Cancel, {
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon.Cancel, {
             width: 12,
             height: 12
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", {
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", {
             className: "c-tag__remove-button-text",
             children: "Remove"
           })
@@ -40108,12 +40152,12 @@ function Tag({
 
 // src/rich-text-editor/index.tsx
 var import_react132 = require("react");
-var import_jsx_runtime147 = require("react/jsx-runtime");
+var import_jsx_runtime148 = require("react/jsx-runtime");
 var LazyRichTextEditor = (0, import_react132.lazy)(() => Promise.resolve().then(() => (init_rich_text_editor(), rich_text_editor_exports)));
 var RichTextEditor2 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_react132.Suspense, {
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_react132.Suspense, {
     fallback: null,
-    children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(LazyRichTextEditor, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(LazyRichTextEditor, {
       ...props
     })
   });
@@ -40123,12 +40167,12 @@ var RichTextEditor2 = (props) => {
 var import_sonner2 = require("sonner");
 
 // src/toast/toast.tsx
-var import_class_variance_authority20 = require("class-variance-authority");
+var import_class_variance_authority21 = require("class-variance-authority");
 var import_sonner = require("sonner");
 init_icon_button2();
 init_iconography();
-var import_jsx_runtime148 = require("react/jsx-runtime");
-var toastStyles = (0, import_class_variance_authority20.cva)("c-toast", {
+var import_jsx_runtime149 = require("react/jsx-runtime");
+var toastStyles = (0, import_class_variance_authority21.cva)("c-toast", {
   variants: {
     type: {
       info: "c-toast-info",
@@ -40152,34 +40196,34 @@ var toast = ({ title, message, type = "success", timeout = 6e3 }) => {
   const withMessage = !!message;
   const toastId = Date.now().toString();
   import_sonner.toast.custom(
-    (id) => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", {
+    (id) => /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", {
       "data-testid": `toast-${type}`,
-      className: (0, import_class_variance_authority20.cx)(toastStyles({ type }), withMessage ? "c-toast-with-message" : "c-toast-title-only"),
+      className: (0, import_class_variance_authority21.cx)(toastStyles({ type }), withMessage ? "c-toast-with-message" : "c-toast-title-only"),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
-          children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ToastIcon, {
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
+          children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(ToastIcon, {
             width: 26,
             height: 26
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", {
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
               className: "c-toast-title",
               children: title
             }),
-            !!message && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
+            !!message && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
               className: "c-toast-message",
               children: message
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
           className: "c-toast-close",
-          children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(IconButton, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(IconButton, {
             onClick: () => import_sonner.toast.dismiss(id),
             size: "xs",
-            children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Icon.Cancel, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon.Cancel, {
               width: 12,
               height: 12
             })
@@ -40201,10 +40245,10 @@ toast.dismiss = import_sonner.toast.dismiss;
 init_tooltip2();
 
 // src/switch/switch.tsx
-var import_class_variance_authority21 = require("class-variance-authority");
+var import_class_variance_authority22 = require("class-variance-authority");
 var RadixSwitch = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime149 = require("react/jsx-runtime");
-var switchStyles = (0, import_class_variance_authority21.cva)(["c-switch-root"], {
+var import_jsx_runtime150 = require("react/jsx-runtime");
+var switchStyles = (0, import_class_variance_authority22.cva)(["c-switch-root"], {
   variants: {
     size: {
       xs: "c-switch-root-xs",
@@ -40216,10 +40260,10 @@ var switchStyles = (0, import_class_variance_authority21.cva)(["c-switch-root"],
   }
 });
 function Switch2({ size, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(RadixSwitch.Root, {
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadixSwitch.Root, {
     ...props,
     className: switchStyles({ size }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(RadixSwitch.Thumb, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadixSwitch.Thumb, {
       className: "c-switch-thumb"
     })
   });
@@ -40238,6 +40282,8 @@ var tokens = {
   Button,
   Card,
   Checkbox,
+  Collapsible,
+  CollapsibleTrigger,
   Dialog,
   DropdownMenu,
   Icon,