elseware-ui 2.39.0 → 2.39.1

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import { twMerge } from 'tailwind-merge';
-import React27, { createContext, forwardRef, useState, useImperativeHandle, useEffect, useMemo, useRef, useCallback, useContext, Children, isValidElement } from 'react';
+import React26, { createContext, forwardRef, useState, useImperativeHandle, useEffect, useRef, useMemo, useCallback, useContext, Children, createElement, isValidElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BsStarFill, BsStarHalf, BsStar, BsChevronDown, BsFillDiamondFill } from 'react-icons/bs/index.js';
 import { FaSun, FaMoon, FaGripVertical, FaTrash, FaPlus, FaTimes, FaBars, FaCircle, FaEyeSlash, FaEye } from 'react-icons/fa/index.js';
 import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Line, AreaChart, Area, BarChart, Bar, PieChart, Pie, Cell, ScatterChart, Scatter } from 'recharts';
-import classNames66 from 'classnames';
+import classNames77 from 'classnames';
 import { FaCircleChevronDown } from 'react-icons/fa6/index.js';
 import ReactWorldFlags from 'react-world-flags';
 import emojiFlags from 'emoji-flags';
@@ -19,6 +19,11 @@ import { BiCheckCircle, BiXCircle, BiChevronDown, BiChevronUp, BiSolidLike, BiLi
 import default2 from 'path';
 import default3 from 'process';
 import { fileURLToPath } from 'url';
+import CodeMirror from '@uiw/react-codemirror';
+import { markdown } from '@codemirror/lang-markdown';
+import { oneDark } from '@codemirror/theme-one-dark';
+import { MDXEditor, headingsPlugin, listsPlugin, quotePlugin, thematicBreakPlugin, markdownShortcutPlugin, linkPlugin, linkDialogPlugin, imagePlugin, tablePlugin, codeBlockPlugin, codeMirrorPlugin, toolbarPlugin, ConditionalContents, UndoRedo, Separator, ChangeCodeMirrorLanguage, BlockTypeSelect, BoldItalicUnderlineToggles, CodeToggle, StrikeThroughSupSubToggles, ListsToggle, CreateLink, InsertImage, InsertTable, InsertCodeBlock, InsertThematicBreak } from '@mdxeditor/editor';
+import '@mdxeditor/editor/style.css';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -7028,7 +7033,7 @@ var init_python = __esm({
 });
 
 // node_modules/refractor/lang/jsx.js
-function jsx211(Prism2) {
+function jsx213(Prism2) {
   Prism2.register(javascript);
   Prism2.register(markup);
   (function(Prism3) {
@@ -7161,14 +7166,14 @@ var init_jsx = __esm({
   "node_modules/refractor/lang/jsx.js"() {
     init_javascript();
     init_markup();
-    jsx211.displayName = "jsx";
-    jsx211.aliases = [];
+    jsx213.displayName = "jsx";
+    jsx213.aliases = [];
   }
 });
 
 // node_modules/refractor/lang/tsx.js
 function tsx(Prism2) {
-  Prism2.register(jsx211);
+  Prism2.register(jsx213);
   Prism2.register(typescript);
   (function(Prism3) {
     var typescript2 = Prism3.util.clone(Prism3.languages.typescript);
@@ -11030,12 +11035,12 @@ function renderTransitionChild(children3, className) {
     return /* @__PURE__ */ jsx("div", { className, children: children3 });
   }
   const child = Children.only(children3);
-  if (!React27.isValidElement(child)) {
+  if (!React26.isValidElement(child)) {
     return /* @__PURE__ */ jsx("div", { className, children: child });
   }
   const element6 = child;
-  return React27.cloneElement(element6, {
-    className: classNames66(element6.props.className, className)
+  return React26.cloneElement(element6, {
+    className: classNames77(element6.props.className, className)
   });
 }
 function TransitionBase({
@@ -11055,7 +11060,7 @@ function TransitionBase({
   if (!mounted && unmountOnExit) {
     return null;
   }
-  const transitionClassName = classNames66(
+  const transitionClassName = classNames77(
     visibility ? enterClassName : leaveClassName,
     active ? visibleClassName : hiddenClassName
   );
@@ -11230,7 +11235,7 @@ function Accordion({
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: classNames66(
+        className: classNames77(
           "inline-flex gap-3 items-center px-3 py-2 w-full eui-gradient-to-r-general-xs",
           {
             "hover:cursor-pointer": toggleOnSummaryClick
@@ -11251,7 +11256,7 @@ function Accordion({
               children: /* @__PURE__ */ jsx(
                 FaCircleChevronDown,
                 {
-                  className: classNames66("text-xl transition-transform duration-300", {
+                  className: classNames77("text-xl transition-transform duration-300", {
                     "rotate-180": collapse
                   })
                 }
@@ -11265,7 +11270,7 @@ function Accordion({
     /* @__PURE__ */ jsx(TransitionAccordion_default, { visibility: collapse, children: /* @__PURE__ */ jsx(
       "div",
       {
-        className: classNames66(
+        className: classNames77(
           "border-t border-t-eui-dark-400/40 eui-text-sm",
           {
             "p-5": enableChildrenPadding
@@ -11349,7 +11354,7 @@ function CardHeader({ icon, title, description, className }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames66(
+      className: classNames77(
         "flex items-start gap-4 p-6 border-b border-white/10",
         className
       ),
@@ -11365,14 +11370,14 @@ function CardHeader({ icon, title, description, className }) {
 }
 var CardHeader_default = CardHeader;
 function CardContent({ children: children3, className }) {
-  return /* @__PURE__ */ jsx("div", { className: classNames66("p-6 text-gray-300 text-sm", className), children: children3 });
+  return /* @__PURE__ */ jsx("div", { className: classNames77("p-6 text-gray-300 text-sm", className), children: children3 });
 }
 var CardContent_default = CardContent;
 function CardFooter({ children: children3, className }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66(
+      className: classNames77(
         "flex items-center gap-3 p-5 border-t border-white/10 text-sm text-gray-400",
         className
       ),
@@ -11414,7 +11419,7 @@ function GradientAnimation({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66("absolute inset-0"),
+      className: classNames77("absolute inset-0"),
       style: {
         background: `linear-gradient(${cfg.angle}deg, ${cfg.colors?.join(",")})`,
         backgroundSize: cfg.backgroundSize,
@@ -11560,7 +11565,7 @@ function MotionSurface({
 }) {
   const AnimationComponent = animationVariant === "custom" ? CustomAnimation : animationRegistry[animationVariant];
   const OverlayComponent = overlay === "custom" ? CustomOverlay : overlayRegistry[overlay];
-  return /* @__PURE__ */ jsxs("div", { className: classNames66("relative overflow-hidden", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: classNames77("relative overflow-hidden", className), children: [
     AnimationComponent && /* @__PURE__ */ jsx(AnimationComponent, { config: animationConfig, animated }),
     OverlayComponent && /* @__PURE__ */ jsx(OverlayComponent, { config: overlayConfig }),
     /* @__PURE__ */ jsx("div", { className: "relative z-10", children: children3 })
@@ -14987,6 +14992,7 @@ var Image2 = ({
   height,
   width,
   className,
+  style: style2,
   ...rest
 }) => {
   return /* @__PURE__ */ jsx(
@@ -14996,6 +15002,7 @@ var Image2 = ({
       src,
       alt,
       style: {
+        ...style2,
         ...width ? { width } : {},
         ...height ? { height } : {}
       },
@@ -15167,6 +15174,7 @@ var Paragraph = ({
   );
 };
 var Quote = ({
+  as: Component,
   level = 1,
   children: children3,
   variant,
@@ -15176,8 +15184,9 @@ var Quote = ({
   className,
   ...rest
 }) => {
+  const QuoteElement = Component ?? "div";
   return /* @__PURE__ */ jsx(
-    "div",
+    QuoteElement,
     {
       ...rest,
       className: cn(
@@ -15360,6 +15369,29 @@ var Typography = {
   Code,
   Overline
 };
+function ListRoot({
+  as: Component,
+  className,
+  ...props
+}) {
+  const Root = Component ?? "div";
+  const semanticStyles = Component === "ul" ? "my-4 list-disc space-y-1 pl-6" : Component === "ol" ? "my-4 list-decimal space-y-1 pl-6" : void 0;
+  return /* @__PURE__ */ jsx(Root, { ...props, className: cn("w-full", semanticStyles, className) });
+}
+function ListItemElement({
+  as: Component,
+  className,
+  ...props
+}) {
+  const Item = Component ?? "div";
+  return /* @__PURE__ */ jsx(
+    Item,
+    {
+      ...props,
+      className: cn("min-w-0", Component === "li" && "pl-1", className)
+    }
+  );
+}
 var ListItem = ({
   content: content3,
   TypographyComponent = /* @__PURE__ */ jsx(Paragraph, { level: 1 }),
@@ -15374,8 +15406,9 @@ var ListItem = ({
     "."
   ] }) : bulletTypes[bulletType]);
   return /* @__PURE__ */ jsxs(
-    "div",
+    ListItemElement,
     {
+      role: "listitem",
       className: cn(
         "flex gap-3",
         align === "center" ? "items-center" : "items-baseline",
@@ -15393,7 +15426,7 @@ var ListItem = ({
             children: bullet
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: TypographyComponent ? React27.cloneElement(
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: TypographyComponent ? React26.cloneElement(
           TypographyComponent,
           {
             className: cn(
@@ -15427,7 +15460,7 @@ function normalizeItem(item, defaultBulletType) {
       bulletType: defaultBulletType
     };
   }
-  if (React27.isValidElement(item)) {
+  if (React26.isValidElement(item)) {
     return {
       content: item,
       bulletType: defaultBulletType
@@ -15451,13 +15484,12 @@ function List({
   ...rest
 }) {
   const isGrid = !!columns;
-  const isOrdered = bulletType === "number";
   return /* @__PURE__ */ jsxs("div", { ...rest, className: cn("py-2", className), children: [
     title && /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold mb-3", children: title }),
     /* @__PURE__ */ jsx(
-      "div",
+      ListRoot,
       {
-        role: isOrdered ? "list" : "list",
+        role: "list",
         className: cn(
           isGrid ? `grid ${gridCols[columns]}` : direction === "horizontal" ? "flex flex-row" : "flex flex-col",
           gapMap[gap],
@@ -15887,7 +15919,7 @@ var Backdrop = ({ children: children3, styles }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         "bg-black/75 top-0 bottom-0 left-0 right-0 z-50 fixed inset-0 flex items-center justify-center overflow-hidden": true,
         [`${styles}`]: styles
       }),
@@ -16104,6 +16136,75 @@ function Spinner({
   );
 }
 var Spinner_default = Spinner;
+function TableFrame({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn(
+        "w-full overflow-x-auto border border-gray-200 dark:border-gray-700",
+        className
+      )
+    }
+  );
+}
+function TableElement({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("table", { ...props, className: cn("w-full", className) });
+}
+function TableHead({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      ...props,
+      className: cn("bg-gray-100 dark:bg-gray-800", className)
+    }
+  );
+}
+function TableBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("tbody", { ...props, className });
+}
+function TableRow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ...props,
+      className: cn("border-t border-gray-200 dark:border-gray-700", className)
+    }
+  );
+}
+function TableHeaderCell({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      ...props,
+      className: cn("px-4 py-3 text-left text-xs font-semibold", className)
+    }
+  );
+}
+function TableCell({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("td", { ...props, className: cn("px-4 py-2", className) });
+}
 function Table({
   title,
   columns,
@@ -16136,58 +16237,49 @@ function Table({
   }, [data, sortKey, sortOrder]);
   return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
     title && /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold mb-3 font-poppins", children: title }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "overflow-x-auto border border-gray-200 dark:border-gray-700",
-          shapes[resolvedShape]
-        ),
-        children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
-          /* @__PURE__ */ jsx("thead", { className: "bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx(
-            "th",
-            {
-              onClick: () => col.sortable && toggleSort(String(col.key)),
-              className: cn(
-                "px-4 py-3 text-left text-xs font-semibold text-gray-200",
-                col.sortable && "cursor-pointer select-none hover:bg-gray-200 dark:hover:bg-gray-700",
-                sortKey === col.key && "bg-gray-300 dark:bg-gray-600"
-              ),
-              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                col.header,
-                col.sortable && sortKey === col.key && /* @__PURE__ */ jsx("span", { className: "text-xs", children: sortOrder === "asc" ? "\u25B2" : "\u25BC" })
-              ] })
-            },
-            String(col.key)
-          )) }) }),
-          /* @__PURE__ */ jsx("tbody", { children: sortedData.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-            "td",
-            {
-              colSpan: columns.length,
-              className: "px-4 py-4 text-center text-gray-500",
-              children: "No data available"
-            }
-          ) }) : sortedData.map((row, rowIndex) => /* @__PURE__ */ jsx(
-            "tr",
-            {
-              className: "hover:bg-gray-50 dark:hover:bg-gray-900 odd:eui-bg-sm even:eui-bg-md border-t border-t-gray-800",
-              children: columns.map((col) => {
-                const value = col.key in row ? row[col.key] : void 0;
-                return /* @__PURE__ */ jsx(
-                  "td",
-                  {
-                    className: "px-4 py-1 text-gray-800 dark:text-gray-400",
-                    children: col.render ? col.render(value, row) : String(value ?? "-")
-                  },
-                  String(col.key)
-                );
-              })
-            },
-            rowIndex
-          )) })
-        ] })
-      }
-    )
+    /* @__PURE__ */ jsx(TableFrame, { className: cn(shapes[resolvedShape]), children: /* @__PURE__ */ jsxs(TableElement, { children: [
+      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { className: "border-t-0", children: columns.map((col) => /* @__PURE__ */ jsx(
+        TableHeaderCell,
+        {
+          onClick: () => col.sortable && toggleSort(String(col.key)),
+          className: cn(
+            "text-gray-700 dark:text-gray-200",
+            col.sortable && "cursor-pointer select-none hover:bg-gray-200 dark:hover:bg-gray-700",
+            sortKey === col.key && "bg-gray-300 dark:bg-gray-600"
+          ),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            col.header,
+            col.sortable && sortKey === col.key && /* @__PURE__ */ jsx("span", { className: "text-xs", children: sortOrder === "asc" ? "\u25B2" : "\u25BC" })
+          ] })
+        },
+        String(col.key)
+      )) }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: sortedData.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+        TableCell,
+        {
+          colSpan: columns.length,
+          className: "py-4 text-center text-gray-500",
+          children: "No data available"
+        }
+      ) }) : sortedData.map((row, rowIndex) => /* @__PURE__ */ jsx(
+        TableRow,
+        {
+          className: "odd:eui-bg-sm even:eui-bg-md hover:bg-gray-50 dark:hover:bg-gray-900",
+          children: columns.map((col) => {
+            const value = col.key in row ? row[col.key] : void 0;
+            return /* @__PURE__ */ jsx(
+              TableCell,
+              {
+                className: "py-1 text-gray-800 dark:text-gray-400",
+                children: col.render ? col.render(value, row) : String(value ?? "-")
+              },
+              String(col.key)
+            );
+          })
+        },
+        rowIndex
+      )) })
+    ] }) })
   ] });
 }
 var Table_default = Table;
@@ -16411,7 +16503,7 @@ var Form = ({
         /* @__PURE__ */ jsx(UnsavedChangesGuard_default, { formik, enabled: warnOnUnsavedChanges }),
         /* @__PURE__ */ jsx(DirtyObserver_default, { formik, onDirtyChange }),
         /* @__PURE__ */ jsx(FormObserver_default, { formik, onChange }),
-        /* @__PURE__ */ jsx("div", { className: classNames66(styles), children: children3 })
+        /* @__PURE__ */ jsx("div", { className: classNames77(styles), children: children3 })
       ] })
     }
   );
@@ -16928,7 +17020,7 @@ function FormResponse({
   return /* @__PURE__ */ jsx(Transition.TransitionDropdown, { visibility: text10 ? true : false, children: /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         "font-poppins font-light text-sm": true,
         [`${variantsLite[variant]}`]: variant,
         [`${shapes[shape]}`]: shape,
@@ -17045,7 +17137,7 @@ var ThemeSwitch = () => {
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: classNames66(
+            className: classNames77(
               "w-6 h-6 bg-white dark:bg-gray-600 rounded-full shadow-md transition-transform duration-300",
               theme === "dark" ? "translate-x-8" : "translate-x-0"
             )
@@ -28593,7 +28685,7 @@ function InputResponse({
   return /* @__PURE__ */ jsx(Transition.TransitionDropdown, { visibility, children: /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         "font-medium text-sm py-1 px-2": true,
         [`${textVariants[variant]}`]: variant,
         "transition-all ease-in-out": true,
@@ -28608,7 +28700,7 @@ function InputLabel({ text: text10, children: children3, styles }) {
   return /* @__PURE__ */ jsx(
     "label",
     {
-      className: classNames66({
+      className: classNames77({
         "px-0 eui-text-sm text-[13.5px] pointer-events-none select-none": true,
         "transition-all ease-in-out": true,
         [`${styles}`]: styles
@@ -28660,7 +28752,7 @@ var Input = ({
         ...field,
         ...props,
         placeholder,
-        className: classNames66({
+        className: classNames77({
           "border peer w-full bg-eui-primary-300/10 pt-5 px-3 pb-2 text-md eui-text-md placeholder-transparent placeholder-shown:p-3  focus:outline-none h-[50px]": true,
           "border-eui-primary-400 focus:border-eui-secondary-500": !(meta.touched && meta.error),
           "border-eui-danger-500": meta.touched && meta.error,
@@ -28705,7 +28797,7 @@ var InputFile = ({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: classNames66(
+        className: classNames77(
           "border rounded-sm bg-eui-primary-300/10 px-3 pt-3 text-md text-eui-dark-100 cursor-pointer h-[50px] flex items-center",
           {
             "border-eui-primary-400 focus:border-eui-secondary-500": !(meta.touched && meta.error),
@@ -28731,7 +28823,7 @@ var InputFile = ({
       InputLabel_default,
       {
         text: placeholder,
-        styles: classNames66({
+        styles: classNames77({
           "absolute left-2 eui-text-sm peer-placeholder-shown:text-base peer-placeholder-shown:top-3 pointer-events-none": true,
           "top-[0.7px]": showFloatingLabel,
           "top-[13px] text-base": !showFloatingLabel
@@ -28784,7 +28876,7 @@ var InputList = ({ name: name2, placeholder, shape }) => {
     /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(FieldArray, { name: name2, children: ({ push: push2, remove: remove2, move }) => /* @__PURE__ */ jsxs(
       "div",
       {
-        className: classNames66(
+        className: classNames77(
           "flex w-full flex-col space-y-2 bg-eui-primary-300/10",
           shapes[resolvedShape]
         ),
@@ -28813,7 +28905,7 @@ var InputList = ({ name: name2, placeholder, shape }) => {
                           ref: provided2.innerRef,
                           ...draggableProps,
                           style: draggableStyle,
-                          className: classNames66(
+                          className: classNames77(
                             "flex items-center space-x-2 bg-eui-primary-300/10 p-2",
                             shapes[resolvedShape]
                           ),
@@ -28824,7 +28916,7 @@ var InputList = ({ name: name2, placeholder, shape }) => {
                               {
                                 name: `${name2}[${index3}]`,
                                 placeholder: `Item ${index3 + 1}`,
-                                className: classNames66(
+                                className: classNames77(
                                   "peer h-[50px] w-full border bg-eui-primary-300/10 px-3 pb-2 pt-5 text-md placeholder-transparent placeholder-shown:p-3 focus:outline-none eui-text-md",
                                   shapes[resolvedShape],
                                   hasItemError ? "border-eui-danger-500" : "border-eui-primary-400 focus:border-eui-secondary-500"
@@ -28920,7 +29012,7 @@ var InputListGroup = ({
         return /* @__PURE__ */ jsxs(
           "div",
           {
-            className: classNames66(
+            className: classNames77(
               "flex flex-col gap-2 bg-eui-primary-300/10 p-3",
               shapes[resolvedShape]
             ),
@@ -28932,7 +29024,7 @@ var InputListGroup = ({
                   {
                     name: `${name2}[${groupIndex}].name`,
                     placeholder: `Group ${groupIndex + 1}`,
-                    className: classNames66(
+                    className: classNames77(
                       "h-[40px] w-full border bg-eui-primary-300/10 px-3 py-2 text-md focus:outline-none",
                       shapes[resolvedShape],
                       "border-eui-primary-400 focus:border-eui-secondary-500"
@@ -28963,7 +29055,7 @@ var InputListGroup = ({
                     {
                       ref: provided.innerRef,
                       ...provided.droppableProps,
-                      className: classNames66(
+                      className: classNames77(
                         "space-y-2 bg-eui-primary-300/10 p-2",
                         shapes[resolvedShape]
                       ),
@@ -28983,7 +29075,7 @@ var InputListGroup = ({
                                   ref: provided2.innerRef,
                                   ...draggableProps,
                                   style: draggableStyle,
-                                  className: classNames66(
+                                  className: classNames77(
                                     "flex items-center gap-2 bg-eui-primary-300/10 p-2",
                                     shapes[resolvedShape]
                                   ),
@@ -28994,7 +29086,7 @@ var InputListGroup = ({
                                       {
                                         name: `${itemsFieldName}[${itemIndex}]`,
                                         placeholder: `Item ${itemIndex + 1}`,
-                                        className: classNames66(
+                                        className: classNames77(
                                           "h-[40px] w-full border bg-eui-primary-300/10 px-3 py-2 text-md focus:outline-none",
                                           shapes[resolvedShape],
                                           "border-eui-primary-400 focus:border-eui-secondary-500"
@@ -29208,7 +29300,7 @@ var DateSelector = ({
         ...field,
         ...props,
         placeholder,
-        className: classNames66({
+        className: classNames77({
           "border border-eui-primary-400 peer w-full bg-eui-primary-300/10 pt-5 px-3 pb-2 text-md eui-text-md placeholder-transparent placeholder-shown:p-3 focus:border-eui-secondary-500 focus:outline-none h-[50px]": true,
           "border-eui-danger-500": meta.touched && meta.error,
           "transition-all ease-in-out": true,
@@ -29317,7 +29409,7 @@ var ImageInput = forwardRef(
           /* @__PURE__ */ jsxs(
             "label",
             {
-              className: classNames66({
+              className: classNames77({
                 "border-2 border-dashed border-gray-700 bg-gray-900 h-[200px] w-[300px] flex flex-col gap-2 items-center justify-center group": true,
                 "hover:cursor-pointer hover:border-solid hover:border-gray-600 hover:bg-gray-900/80": true,
                 "transition-all ease-in-out duration-150": true
@@ -29434,7 +29526,7 @@ function Radio({
         return /* @__PURE__ */ jsxs(
           "div",
           {
-            className: classNames66({
+            className: classNames77({
               "flex flex-row gap-2 items-center mx-1 my-2": true
             }),
             children: [
@@ -29447,7 +29539,7 @@ function Radio({
                   ...props,
                   value: option.value,
                   checked: field2.value === option.value,
-                  className: classNames66({
+                  className: classNames77({
                     "appearance-none w-4 h-4 border-2 border-eui-primary-400 rounded-full cursor-pointer transition-all duration-300": true,
                     // base radio button styles
                     "checked:bg-eui-secondary-700 checked:border-eui-primary-400": field2.value === option.value
@@ -29459,7 +29551,7 @@ function Radio({
                 "label",
                 {
                   htmlFor: option.value,
-                  className: classNames66({
+                  className: classNames77({
                     "eui-text-md text-sm": true
                   }),
                   children: option.label
@@ -29502,7 +29594,7 @@ function StarRatingInput({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         "inline-flex gap-[4px] text-[20px]": true,
         [`${styles}`]: styles
       }),
@@ -29515,7 +29607,7 @@ function StarRatingInput({
             onClick: () => handleOnClick(index3),
             onMouseEnter: () => setHover(index3),
             onMouseLeave: () => setHover(null),
-            className: classNames66({
+            className: classNames77({
               "text-yellow-600": index3 <= (hover ?? rating - 1),
               "text-gray-400": index3 > (hover ?? rating - 1)
             }),
@@ -29559,7 +29651,7 @@ function Select({
       {
         as: "select",
         ...props,
-        className: classNames66({
+        className: classNames77({
           "border peer w-full bg-eui-primary-300/10 pt-5 px-3 pb-2 text-md eui-text-md placeholder-transparent placeholder-shown:p-3 focus:border-eui-secondary-500 focus:outline-none h-[50px]": true,
           "border-eui-primary-400": !(meta.touched && meta.error),
           "border-red-500": meta.touched && meta.error,
@@ -29611,7 +29703,7 @@ function Switch({
           "div",
           {
             onClick: () => helpers.setValue(!field.value),
-            className: classNames66(
+            className: classNames77(
               "w-11 h-6 bg-gray-200 peer-focus:outline-none rounded-full peer dark:bg-eui-dark-100",
               "peer-checked:after:translate-x-full peer-checked:after:border-white",
               "after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white",
@@ -29668,7 +29760,7 @@ function Tags({
       /* @__PURE__ */ jsxs(
         "div",
         {
-          className: classNames66(
+          className: classNames77(
             "border rounded-sm flex flex-wrap items-center gap-2 px-2 pt-2 pb-6 min-h-[3rem]",
             {
               "bg-eui-primary-300/10 eui-text-md": true,
@@ -29716,7 +29808,7 @@ function Tags({
         InputLabel_default,
         {
           text: placeholder,
-          styles: classNames66(
+          styles: classNames77(
             "absolute left-2 transition-all pointer-events-none text-eui-dark-200",
             input.length > 0 || field.value.length > 0 ? "top-[2px] text-[13.5px]" : "top-3 text-base"
           )
@@ -29757,7 +29849,7 @@ function TextArea({
           as: "textarea",
           ...field,
           ...props,
-          className: classNames66({
+          className: classNames77({
             "border peer w-full bg-eui-primary-300/10 eui-text-md outline-none px-3 py-5 resize-none focus:resize-none focus:outline-none": true,
             "transition-all ease-in-out": true,
             "border-eui-primary-400 focus:border-eui-secondary-500": !(meta.touched && meta.error),
@@ -29771,7 +29863,7 @@ function TextArea({
         InputLabel_default,
         {
           text: placeholder,
-          styles: classNames66(
+          styles: classNames77(
             "absolute left-2 transition-all pointer-events-none text-eui-dark-200",
             field.value ? "top-[2px] text-[13.5px]" : "top-3 text-base"
           )
@@ -29800,7 +29892,7 @@ var ContentArea = forwardRef(
       "div",
       {
         ref,
-        className: classNames66({
+        className: classNames77({
           "min-h-screen h-full w-full transition-all duration-[200ms]": true,
           "py-3 px-5": !enablePadding,
           "py-3 px-5 lg:px-[150px]": enablePadding,
@@ -29817,7 +29909,7 @@ function FlexCol({ children: children3, gap = 3, styles }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         [`flex flex-col gap-${gap}`]: true,
         [`${styles}`]: styles
       }),
@@ -29830,7 +29922,7 @@ function FlexRow({ children: children3, gap = 3, styles }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         [`flex flex-row gap-${gap}`]: true,
         [`${styles}`]: styles
       }),
@@ -29849,7 +29941,7 @@ function Grid({ children: children3, styles }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         [`grid`]: true,
         [`${styles}`]: styles
       }),
@@ -29866,7 +29958,7 @@ var Layout = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         // "flex h-full w-screen bg-gray-100 overflow-auto": true,
         "flex bg-eui-light-600": true,
         "flex-col": flexDirection === "vertical",
@@ -29885,7 +29977,7 @@ var Header = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         static: position4 === "static",
         fixed: position4 === "fixed",
         sticky: position4 === "sticky",
@@ -29925,7 +30017,7 @@ var Content = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         "w-full min-h-screen transition-all duration-200 eui-bg-sm": true,
         "md:pl-[300px]": !overlayedSidebar && sidebarVisible && !isMobile,
         // Shift when sidebar is open (desktop)
@@ -29941,7 +30033,7 @@ var Footer = ({ children: children3, styles }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         "bottom-0 w-full h-fit": true,
         "border-t border-eui-dark-500/40 dark:border-eui-secondary-800 eui-bg-md": !styles,
         [`${styles}`]: styles
@@ -30025,7 +30117,7 @@ function BreadcrumbItem({
     {
       href,
       onClick,
-      className: classNames66({
+      className: classNames77({
         "text-lg font-semibold": true,
         "text-gray-400 hover:text-gray-600 cursor-pointer": !active,
         "text-eui-light-800": active,
@@ -30089,7 +30181,7 @@ var Breadcrumb = ({
           navigate(item.href);
         }
       };
-      return /* @__PURE__ */ jsxs(React27.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React26.Fragment, { children: [
         /* @__PURE__ */ jsx(
           BreadcrumbItem_default,
           {
@@ -30102,7 +30194,7 @@ var Breadcrumb = ({
         index3 < resolvedData.length - 1 && /* @__PURE__ */ jsx(
           "span",
           {
-            className: classNames66({
+            className: classNames77({
               "text-lg font-semibold text-gray-500": true,
               [`px-${gap}`]: gap
             }),
@@ -30116,7 +30208,7 @@ var Breadcrumb = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         "inline-flex": true,
         [`${styles}`]: styles
       }),
@@ -30148,7 +30240,7 @@ var Drawer = ({
     isMobile && showBackdrop && /* @__PURE__ */ jsx(TransitionFade_default, { visibility, leaveDuration: 200, children: /* @__PURE__ */ jsx(
       "div",
       {
-        className: classNames66(
+        className: classNames77(
           "fixed inset-0 bg-black/50 z-40",
           backdropStyles
         ),
@@ -30159,7 +30251,7 @@ var Drawer = ({
       "div",
       {
         style: drawerStyle,
-        className: classNames66(
+        className: classNames77(
           "fixed shadow-lg z-50",
           {
             "h-full w-[300px] top-0": isHorizontal && !hasOffset,
@@ -30188,7 +30280,7 @@ function DrawerToggler({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         "text-xl p-3 cursor-pointer": true,
         "transition-all ease-in-out": true,
         "text-eui-dark-500 dark:text-eui-secondary-600": !styles,
@@ -30236,7 +30328,7 @@ function FooterNav({ data = [], styles }) {
     childrenContent = /* @__PURE__ */ jsx(
       "div",
       {
-        className: classNames66({
+        className: classNames77({
           "grid w-full": true,
           "grid-cols-1": isMobile,
           "grid-cols-3": !isMobile,
@@ -30249,7 +30341,7 @@ function FooterNav({ data = [], styles }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         [`${styles}`]: styles
       }),
       children: childrenContent
@@ -30290,7 +30382,7 @@ var FooterNavGroup = ({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: classNames66({
+        className: classNames77({
           "": true,
           "py-2 font-semibold eui-text-lg": !styles,
           [`${styles}`]: styles
@@ -30335,7 +30427,7 @@ var FooterNavItem = ({
     "div",
     {
       onClick: handleNavigation,
-      className: classNames66({
+      className: classNames77({
         "flex flex-row items-center gap-3 cursor-pointer p-1 w-full": true,
         "transition-all duration-200 ease-in-out": true,
         "text-sm eui-text-sm": !styles,
@@ -30364,7 +30456,7 @@ var FooterNavItemTitle = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         "": true,
         "py-2 font-thin eui-text-md": !styles,
         [`${styles}`]: styles
@@ -30417,7 +30509,7 @@ function HeaderNav({ data = [], styles }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         [`${styles}`]: styles
       }),
       children: childrenContent
@@ -30479,7 +30571,7 @@ var HeaderNavGroup = ({
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: classNames66({
+        className: classNames77({
           "flex flex-row gap-2 items-center justify-between cursor-pointer p-3 w-full": true,
           "transition-all duration-300 ease-in-out": true,
           "eui-text-md bg-gradient-to-t from-eui-dark-500/10 dark:from-green-700/10": !styles,
@@ -30507,7 +30599,7 @@ var HeaderNavGroup = ({
           children3 && /* @__PURE__ */ jsx(
             BsChevronDown,
             {
-              className: classNames66({
+              className: classNames77({
                 "text-md": true,
                 "transition-all ease-in-out duration-300": true,
                 "rotate-180": !collapsed
@@ -30520,7 +30612,7 @@ var HeaderNavGroup = ({
     !collapsed && children3 && /* @__PURE__ */ jsx(
       "div",
       {
-        className: classNames66({
+        className: classNames77({
           "absolute min-w-80 left-0 top-full mt-1 border border-eui-dark-300/10 dark:border-eui-dark-300/50 shadow-lg eui-shadow-lg z-50 w-full eui-bg-md": true,
           "transition-all duration-300 ease-in-out": true
         }),
@@ -30550,7 +30642,7 @@ var HeaderNavItem = ({
     "div",
     {
       onClick: handleNavigation,
-      className: classNames66({
+      className: classNames77({
         "flex flex-row items-center gap-3 cursor-pointer p-3 w-full": true,
         "transition-all duration-200 ease-in-out": true,
         "eui-text-md border-b border-eui-dark-500/20 dark:border-eui-secondary-900/20 bg-gradient-to-r from-eui-dark-500/10 dark:from-eui-secondary-900/10": !styles,
@@ -30579,7 +30671,7 @@ var HeaderNavItemTitle = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         "p-3  font-thin": true,
         "eui-text-md": !styles,
         [`${styles}`]: styles
@@ -30619,7 +30711,7 @@ var Link = ({
       href: href || "#",
       target: targets[target],
       onClick: handleClick,
-      className: classNames66({
+      className: classNames77({
         [`${textVariants[variant]}`]: variant,
         [`${decorations[decoration]}`]: decoration,
         "font-bold": bold,
@@ -31063,7 +31155,7 @@ function AsyncStateCard({
     }
   );
 }
-var AsyncStateCard_default = React27.memo(AsyncStateCard);
+var AsyncStateCard_default = React26.memo(AsyncStateCard);
 
 // src/components/utils/async-component-wrapper/asyncError.utils.ts
 var getDefaultErrorMessage = (error) => {
@@ -31244,7 +31336,7 @@ function AsyncComponentWrapper({
     /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: children3 })
   ] });
 }
-var AsyncComponentWrapper_default = React27.memo(AsyncComponentWrapper);
+var AsyncComponentWrapper_default = React26.memo(AsyncComponentWrapper);
 function Modal({
   title,
   show = false,
@@ -31269,7 +31361,7 @@ function Modal({
     "div",
     {
       ref: modalRef,
-      className: classNames66(
+      className: classNames77(
         "eui-bg-md eui-shadow-lg border border-gray-700/80 w-fit h-fit",
         shapes[resolvedShape],
         styles
@@ -31281,7 +31373,7 @@ function Modal({
             "button",
             {
               type: "button",
-              className: classNames66(
+              className: classNames77(
                 "w-[60px] h-[60px] flex items-center justify-center transition-standard-fast",
                 "hover:cursor-pointer hover:bg-eui-dark-500"
               ),
@@ -31415,7 +31507,7 @@ function ShowMore({ text: text10, limit }) {
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: classNames66({
+          className: classNames77({
             "text-blue-300  px-1 pb-1 mt-1": true,
             "bg-slate-900/70": !showMore,
             "bg-gradient-to-t from-slate-900/50 to-transparent": showMore
@@ -32331,7 +32423,7 @@ function DocumentationPanel({
   return /* @__PURE__ */ jsx(MarkdownProvider_default, { markdown: value, children: /* @__PURE__ */ jsxs(
     "section",
     {
-      className: classNames66(
+      className: classNames77(
         "eui-documentation-panel",
         "min-h-0 overflow-hidden bg-white text-gray-900",
         "dark:bg-gray-950 dark:text-gray-100",
@@ -32345,7 +32437,7 @@ function DocumentationPanel({
         /* @__PURE__ */ jsx(
           "main",
           {
-            className: classNames66(
+            className: classNames77(
               "eui-documentation-panel-viewer",
               "documentation-panel-scrollbar min-w-0 overflow-y-auto scroll-smooth",
               viewerClassName
@@ -32353,7 +32445,7 @@ function DocumentationPanel({
             children: /* @__PURE__ */ jsx(
               "div",
               {
-                className: classNames66(
+                className: classNames77(
                   "mx-auto px-5 py-8 sm:px-6 lg:px-8",
                   contentMaxWidthClassName,
                   contentClassName
@@ -32366,7 +32458,7 @@ function DocumentationPanel({
         toc ? /* @__PURE__ */ jsx(
           "aside",
           {
-            className: classNames66(
+            className: classNames77(
               "eui-documentation-panel-toc",
               "hidden min-w-0 border-l border-gray-200 bg-white lg:block",
               "dark:border-gray-800 dark:bg-gray-950",
@@ -32375,7 +32467,7 @@ function DocumentationPanel({
             children: /* @__PURE__ */ jsx(
               "div",
               {
-                className: classNames66(
+                className: classNames77(
                   "documentation-panel-scrollbar h-full overflow-y-auto px-5 py-8"
                 ),
                 children: /* @__PURE__ */ jsx("div", { className: "sticky top-0", children: /* @__PURE__ */ jsx(MarkdownTOC_default, {}) })
@@ -32651,7 +32743,7 @@ function BoxNavItem({ icon, name: name2, to, selected, onClick }) {
       type: "button",
       onClick: handleClick,
       "aria-current": selected ? "page" : void 0,
-      className: classNames66(
+      className: classNames77(
         "w-full min-w-[80px] flex flex-col items-center justify-center py-3 text-center",
         "hover:text-secondary-700 hover:bg-gray-300/10 hover:cursor-pointer",
         selected ? "text-eui-secondary-700 bg-gray-300/10" : "text-gray-400",
@@ -35353,11 +35445,11 @@ function addChildren(props, children3) {
     }
   }
 }
-function productionCreate(_2, jsx236, jsxs123) {
+function productionCreate(_2, jsx252, jsxs125) {
   return create3;
   function create3(_3, type2, props, key) {
     const isStaticChildren = Array.isArray(props.children);
-    const fn = isStaticChildren ? jsxs123 : jsx236;
+    const fn = isStaticChildren ? jsxs125 : jsx252;
     return key ? fn(type2, props, key) : fn(type2, props);
   }
 }
@@ -55101,6 +55193,14 @@ function rehypeSanitize(options) {
     return result;
   };
 }
+var HEADING_STYLES = {
+  1: "mb-6 text-4xl tracking-[-0.035em]",
+  2: "mb-4 mt-10 border-b border-gray-200 pb-2 text-[1.75rem] tracking-[-0.025em] dark:border-gray-700",
+  3: "mb-3 mt-8 text-[1.35rem]",
+  4: "mb-2 mt-7 text-[1.1rem]",
+  5: "mb-2 mt-6 text-base",
+  6: "mb-2 mt-5 text-sm uppercase tracking-[0.08em] text-gray-500 dark:text-gray-400"
+};
 function MarkdownHeading({
   id: id2,
   level,
@@ -55109,13 +55209,21 @@ function MarkdownHeading({
   showAnchor = true,
   ...props
 }) {
-  const tag = `h${Math.min(Math.max(level, 1), 6)}`;
-  return React27.createElement(
-    tag,
+  const normalizedLevel = Math.min(Math.max(level, 1), 6);
+  const TypographyComponent = normalizedLevel <= 3 ? Chapter : Section;
+  const typographyLevel = normalizedLevel <= 3 ? normalizedLevel : normalizedLevel - 3;
+  return createElement(
+    TypographyComponent,
     {
       ...props,
       id: id2,
-      className: classNames66("eui-markdown-heading", className)
+      level: typographyLevel,
+      bold: true,
+      className: classNames77(
+        "eui-markdown-heading group relative scroll-mt-24 font-bold leading-tight text-gray-900 dark:text-gray-100",
+        HEADING_STYLES[level],
+        className
+      )
     },
     /* @__PURE__ */ jsxs(Fragment, { children: [
       children3,
@@ -55123,7 +55231,7 @@ function MarkdownHeading({
         "a",
         {
           href: `#${id2}`,
-          className: "eui-markdown-heading-anchor",
+          className: "eui-markdown-heading-anchor ml-2 text-gray-400 no-underline opacity-0 transition group-hover:opacity-100 hover:text-blue-600 focus:opacity-100 dark:text-gray-500 dark:hover:text-blue-400",
           "aria-label": "Link to heading",
           children: "#"
         }
@@ -55176,18 +55284,18 @@ function powerSetPermutations(arr) {
   }
 }
 var classNameCombinations = {};
-function getClassNameCombinations(classNames70) {
-  if (classNames70.length === 0 || classNames70.length === 1) return classNames70;
-  var key = classNames70.join(".");
+function getClassNameCombinations(classNames81) {
+  if (classNames81.length === 0 || classNames81.length === 1) return classNames81;
+  var key = classNames81.join(".");
   if (!classNameCombinations[key]) {
-    classNameCombinations[key] = powerSetPermutations(classNames70);
+    classNameCombinations[key] = powerSetPermutations(classNames81);
   }
   return classNameCombinations[key];
 }
-function createStyleObject(classNames70) {
+function createStyleObject(classNames81) {
   var elementStyle = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   var stylesheet = arguments.length > 2 ? arguments[2] : void 0;
-  var nonTokenClassNames = classNames70.filter(function(className) {
+  var nonTokenClassNames = classNames81.filter(function(className) {
     return className !== "token";
   });
   var classNamesCombinations = getClassNameCombinations(nonTokenClassNames);
@@ -55195,15 +55303,15 @@ function createStyleObject(classNames70) {
     return _objectSpread(_objectSpread({}, styleObject), stylesheet[className]);
   }, elementStyle);
 }
-function createClassNameString(classNames70) {
-  return classNames70.join(" ");
+function createClassNameString(classNames81) {
+  return classNames81.join(" ");
 }
 function createChildren2(stylesheet, useInlineStyles) {
   var childrenCount = 0;
   return function(children3) {
     childrenCount += 1;
     return children3.map(function(child, i) {
-      return createElement({
+      return createElement2({
         node: child,
         stylesheet,
         useInlineStyles,
@@ -55212,7 +55320,7 @@ function createChildren2(stylesheet, useInlineStyles) {
     });
   };
 }
-function createElement(_ref) {
+function createElement2(_ref) {
   var node2 = _ref.node, stylesheet = _ref.stylesheet, _ref$style = _ref.style, style2 = _ref$style === void 0 ? {} : _ref$style, useInlineStyles = _ref.useInlineStyles, key = _ref.key;
   var properties2 = node2.properties, type2 = node2.type, TagName = node2.tagName, value = node2.value;
   if (type2 === "text") {
@@ -55241,7 +55349,7 @@ function createElement(_ref) {
       });
     }
     var children3 = childrenCreator(node2.children);
-    return /* @__PURE__ */ React27.createElement(TagName, (0, import_extends.default)({
+    return /* @__PURE__ */ React26.createElement(TagName, (0, import_extends.default)({
       key
     }, props), children3);
   }
@@ -55284,7 +55392,7 @@ function getAllLineNumbers(_ref) {
   var lines = _ref.lines, startingLineNumber = _ref.startingLineNumber, style2 = _ref.style;
   return lines.map(function(_2, i) {
     var number3 = i + startingLineNumber;
-    return /* @__PURE__ */ React27.createElement("span", {
+    return /* @__PURE__ */ React26.createElement("span", {
       key: "line-".concat(i),
       className: "react-syntax-highlighter-line-number",
       style: typeof style2 === "function" ? style2(number3) : style2
@@ -55296,7 +55404,7 @@ function AllLineNumbers(_ref2) {
     "float": "left",
     paddingRight: "10px"
   } : _ref2$containerStyle, _ref2$numberStyle = _ref2.numberStyle, numberStyle = _ref2$numberStyle === void 0 ? {} : _ref2$numberStyle, startingLineNumber = _ref2.startingLineNumber;
-  return /* @__PURE__ */ React27.createElement("code", {
+  return /* @__PURE__ */ React26.createElement("code", {
     style: Object.assign({}, codeStyle, containerStyle)
   }, getAllLineNumbers({
     lines: codeString.replace(/\n$/, "").split("\n"),
@@ -55369,8 +55477,8 @@ function flattenCodeTree(tree) {
       }));
     } else if (node2.children) {
       var _node$properties;
-      var classNames70 = className.concat(((_node$properties = node2.properties) === null || _node$properties === void 0 ? void 0 : _node$properties.className) || []);
-      flattenCodeTree(node2.children, classNames70).forEach(function(i2) {
+      var classNames81 = className.concat(((_node$properties = node2.properties) === null || _node$properties === void 0 ? void 0 : _node$properties.className) || []);
+      flattenCodeTree(node2.children, classNames81).forEach(function(i2) {
         return newTree.push(i2);
       });
     }
@@ -55471,7 +55579,7 @@ function processLines(codeTree, wrapLines, lineProps, showLineNumbers, showInlin
 function defaultRenderer(_ref5) {
   var rows = _ref5.rows, stylesheet = _ref5.stylesheet, useInlineStyles = _ref5.useInlineStyles;
   return rows.map(function(node2, i) {
-    return createElement({
+    return createElement2({
       node: node2,
       stylesheet,
       useInlineStyles,
@@ -55517,7 +55625,7 @@ function highlight_default(defaultAstGenerator, defaultStyle) {
       style: _objectSpread2(_objectSpread2({}, style2['code[class*="language-"]']), style2['code[class*="language-'.concat(language, '"]')])
     } : _ref7$codeTagProps, _ref7$useInlineStyles = _ref7.useInlineStyles, useInlineStyles = _ref7$useInlineStyles === void 0 ? true : _ref7$useInlineStyles, _ref7$showLineNumbers = _ref7.showLineNumbers, showLineNumbers = _ref7$showLineNumbers === void 0 ? false : _ref7$showLineNumbers, _ref7$showInlineLineN = _ref7.showInlineLineNumbers, showInlineLineNumbers = _ref7$showInlineLineN === void 0 ? true : _ref7$showInlineLineN, _ref7$startingLineNum = _ref7.startingLineNumber, startingLineNumber = _ref7$startingLineNum === void 0 ? 1 : _ref7$startingLineNum, lineNumberContainerStyle = _ref7.lineNumberContainerStyle, _ref7$lineNumberStyle = _ref7.lineNumberStyle, lineNumberStyle = _ref7$lineNumberStyle === void 0 ? {} : _ref7$lineNumberStyle, wrapLines = _ref7.wrapLines, _ref7$wrapLongLines = _ref7.wrapLongLines, wrapLongLines = _ref7$wrapLongLines === void 0 ? false : _ref7$wrapLongLines, _ref7$lineProps = _ref7.lineProps, lineProps = _ref7$lineProps === void 0 ? {} : _ref7$lineProps, renderer = _ref7.renderer, _ref7$PreTag = _ref7.PreTag, PreTag = _ref7$PreTag === void 0 ? "pre" : _ref7$PreTag, _ref7$CodeTag = _ref7.CodeTag, CodeTag = _ref7$CodeTag === void 0 ? "code" : _ref7$CodeTag, _ref7$code = _ref7.code, code4 = _ref7$code === void 0 ? (Array.isArray(children3) ? children3[0] : children3) || "" : _ref7$code, astGenerator = _ref7.astGenerator, rest = (0, import_objectWithoutProperties.default)(_ref7, _excluded);
     astGenerator = astGenerator || defaultAstGenerator;
-    var allLineNumbers = showLineNumbers ? /* @__PURE__ */ React27.createElement(AllLineNumbers, {
+    var allLineNumbers = showLineNumbers ? /* @__PURE__ */ React26.createElement(AllLineNumbers, {
       containerStyle: lineNumberContainerStyle,
       codeStyle: codeTagProps.style || {},
       numberStyle: lineNumberStyle,
@@ -55544,7 +55652,7 @@ function highlight_default(defaultAstGenerator, defaultStyle) {
       }, codeTagProps.style);
     }
     if (!astGenerator) {
-      return /* @__PURE__ */ React27.createElement(PreTag, preProps, allLineNumbers, /* @__PURE__ */ React27.createElement(CodeTag, codeTagProps, code4));
+      return /* @__PURE__ */ React26.createElement(PreTag, preProps, allLineNumbers, /* @__PURE__ */ React26.createElement(CodeTag, codeTagProps, code4));
     }
     if (wrapLines === void 0 && renderer || wrapLongLines) wrapLines = true;
     renderer = renderer || defaultRenderer;
@@ -55564,7 +55672,7 @@ function highlight_default(defaultAstGenerator, defaultStyle) {
     var lineBreakCount = (_code$match$length = (_code$match = code4.match(/\n/g)) === null || _code$match === void 0 ? void 0 : _code$match.length) !== null && _code$match$length !== void 0 ? _code$match$length : 0;
     var largestLineNumber = startingLineNumber + lineBreakCount;
     var rows = processLines(codeTree, wrapLines, lineProps, showLineNumbers, showInlineLineNumbers, startingLineNumber, largestLineNumber, lineNumberStyle, wrapLongLines);
-    return /* @__PURE__ */ React27.createElement(PreTag, preProps, /* @__PURE__ */ React27.createElement(CodeTag, codeTagProps, !showInlineLineNumbers && allLineNumbers, renderer({
+    return /* @__PURE__ */ React26.createElement(PreTag, preProps, /* @__PURE__ */ React26.createElement(CodeTag, codeTagProps, !showInlineLineNumbers && allLineNumbers, renderer({
       rows,
       stylesheet: style2,
       useInlineStyles
@@ -55901,7 +56009,7 @@ var json_default = json;
 
 // node_modules/react-syntax-highlighter/dist/esm/languages/prism/jsx.js
 init_jsx();
-var jsx_default = jsx211;
+var jsx_default = jsx213;
 
 // node_modules/react-syntax-highlighter/dist/esm/languages/prism/markup.js
 init_markup();
@@ -56030,60 +56138,70 @@ function MarkdownCodeBlock({
     textAlign: "right",
     userSelect: "none"
   };
-  return /* @__PURE__ */ jsxs("div", { ...props, className: classNames66("eui-markdown-code", className), children: [
-    showHeader ? /* @__PURE__ */ jsxs("div", { className: "eui-markdown-code-header", children: [
-      /* @__PURE__ */ jsxs("div", { className: "eui-markdown-code-header-main", children: [
-        title ? /* @__PURE__ */ jsx("div", { className: "eui-markdown-code-title", children: title }) : null,
-        languageLabel ? /* @__PURE__ */ jsx("div", { className: "eui-markdown-code-language", children: languageLabel }) : null
-      ] }),
-      showCopy ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "eui-markdown-copy-button",
-          onClick: copyCode,
-          children: copied ? "Copied" : "Copy"
-        }
-      ) : null
-    ] }) : null,
-    /* @__PURE__ */ jsx(
-      prism_light_default,
-      {
-        className: "eui-markdown-code-highlighter",
-        language: resolvedLanguage,
-        style: vsc_dark_plus_default,
-        showLineNumbers,
-        wrapLines: highlightLines.size > 0,
-        wrapLongLines,
-        PreTag: "pre",
-        CodeTag: "code",
-        customStyle: {
-          margin: 0,
-          padding: "1rem",
-          background: "transparent",
-          fontSize: "0.875rem",
-          lineHeight: 1.7
-        },
-        codeTagProps: {
-          style: {
-            fontFamily: '"JetBrains Mono", "Fira Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace'
-          }
-        },
-        lineNumberStyle,
-        lineProps: (lineNumber) => {
-          const highlighted = highlightLines.has(lineNumber);
-          return {
-            className: highlighted ? "eui-markdown-code-line-highlighted" : void 0,
-            style: {
-              display: "block",
-              background: highlighted ? "rgba(250, 204, 21, 0.12)" : void 0
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-code my-6 overflow-hidden rounded-md border border-slate-700 bg-[#0d1117] text-slate-300",
+        className
+      ),
+      children: [
+        showHeader ? /* @__PURE__ */ jsxs("div", { className: "eui-markdown-code-header flex min-h-10 items-center justify-between gap-3 border-b border-slate-700 bg-[#161b22] px-3 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "eui-markdown-code-header-main flex min-w-0 items-center gap-2.5", children: [
+            title ? /* @__PURE__ */ jsx(Caption, { className: "eui-markdown-code-title truncate text-[0.8125rem] font-semibold text-slate-100 opacity-100", children: title }) : null,
+            languageLabel ? /* @__PURE__ */ jsx(Overline, { className: "eui-markdown-code-language inline-flex h-[1.35rem] items-center rounded-full border border-slate-700 bg-[#0d1117] px-2 text-[0.6875rem] font-bold uppercase tracking-wider text-slate-400", children: languageLabel }) : null
+          ] }),
+          showCopy ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "eui-markdown-copy-button inline-flex h-7 shrink-0 cursor-pointer items-center justify-center rounded-md border border-slate-700 bg-slate-800 px-2.5 text-xs font-medium leading-none text-slate-300 transition hover:border-slate-500 hover:bg-slate-700 hover:text-slate-100 active:scale-95 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400",
+              onClick: copyCode,
+              "aria-label": copied ? "Code copied" : "Copy code",
+              children: copied ? "Copied" : "Copy"
             }
-          };
-        },
-        children: code4
-      }
-    )
-  ] });
+          ) : null
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          prism_light_default,
+          {
+            className: "eui-markdown-code-highlighter !m-0 !rounded-none !border-0 !bg-transparent !shadow-none [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:border-[3px] [&::-webkit-scrollbar-thumb]:border-[#0d1117] [&::-webkit-scrollbar-thumb]:bg-slate-700 hover:[&::-webkit-scrollbar-thumb]:bg-slate-500 [&::-webkit-scrollbar-track]:bg-[#0d1117] [&::-webkit-scrollbar]:h-3 [&::-webkit-scrollbar]:w-3",
+            language: resolvedLanguage,
+            style: vsc_dark_plus_default,
+            showLineNumbers,
+            wrapLines: highlightLines.size > 0,
+            wrapLongLines,
+            PreTag: "pre",
+            CodeTag: "code",
+            customStyle: {
+              margin: 0,
+              padding: "1rem",
+              background: "transparent",
+              fontSize: "0.875rem",
+              lineHeight: 1.7
+            },
+            codeTagProps: {
+              style: {
+                fontFamily: '"JetBrains Mono", "Fira Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace'
+              }
+            },
+            lineNumberStyle,
+            lineProps: (lineNumber) => {
+              const highlighted = highlightLines.has(lineNumber);
+              return {
+                className: highlighted ? "eui-markdown-code-line-highlighted border-l-[3px] border-amber-600 bg-yellow-400/10" : void 0,
+                style: {
+                  display: "block"
+                }
+              };
+            },
+            children: code4
+          }
+        )
+      ]
+    }
+  );
 }
 var MarkdownCodeBlock_default = MarkdownCodeBlock;
 function MarkdownInlineCode({
@@ -56092,11 +56210,14 @@ function MarkdownInlineCode({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    "code",
+    Code,
     {
       ...props,
-      className: classNames66("eui-markdown-inline-code", className),
-      children: children3
+      className: classNames77(
+        "eui-markdown-inline-code whitespace-break-spaces rounded-md border border-gray-300/70 bg-gray-200/60 px-1.5 py-0.5 font-mono text-[0.875em] font-medium text-gray-900 dark:border-gray-600/70 dark:bg-gray-700/50 dark:text-gray-200",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(Fragment, { children: children3 })
     }
   );
 }
@@ -56133,7 +56254,10 @@ function MarkdownLink({
       href: safeHref,
       target: resolvedTarget,
       rel,
-      className: classNames66("eui-markdown-link", className),
+      className: classNames77(
+        "eui-markdown-link font-medium text-blue-600 underline underline-offset-4 transition-colors hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",
+        className
+      ),
       children: children3
     }
   );
@@ -56157,7 +56281,7 @@ function MarkdownImage({
     return null;
   }
   return /* @__PURE__ */ jsx(
-    "img",
+    Image2,
     {
       ...props,
       src: safeSrc,
@@ -56165,7 +56289,10 @@ function MarkdownImage({
       title,
       loading: "lazy",
       decoding: "async",
-      className: classNames66("eui-markdown-image", className)
+      className: classNames77(
+        "eui-markdown-image my-6 h-auto max-w-full rounded-md border border-gray-200 dark:border-gray-700",
+        className
+      )
     }
   );
 }
@@ -56175,14 +56302,34 @@ function MarkdownTable({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "eui-markdown-table-wrapper", children: /* @__PURE__ */ jsx("table", { ...props, className: classNames66("eui-markdown-table", className), children: children3 }) });
+  return /* @__PURE__ */ jsx(TableFrame, { className: "eui-markdown-table-wrapper my-6 rounded-md", children: /* @__PURE__ */ jsx(
+    TableElement,
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-table w-full border-collapse text-[0.925rem]",
+        className
+      ),
+      children: children3
+    }
+  ) });
 }
 function MarkdownTableCell({
   children: children3,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx("td", { ...props, className: classNames66("eui-markdown-table-cell", className), children: children3 });
+  return /* @__PURE__ */ jsx(
+    TableCell,
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-table-cell border-b border-r border-gray-200 p-3 text-left align-top last:border-r-0 dark:border-gray-700",
+        className
+      ),
+      children: children3
+    }
+  );
 }
 function MarkdownTableHeaderCell({
   children: children3,
@@ -56190,14 +56337,59 @@ function MarkdownTableHeaderCell({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    "th",
+    TableHeaderCell,
     {
       ...props,
-      className: classNames66("eui-markdown-table-header-cell", className),
+      className: classNames77(
+        "eui-markdown-table-header-cell border-b border-r border-gray-200 p-3 text-left align-top font-bold text-gray-900 last:border-r-0 dark:border-gray-700 dark:text-gray-100",
+        className
+      ),
       children: children3
     }
   );
 }
+function MarkdownTableHead({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TableHead,
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-table-head bg-gray-50 dark:bg-gray-900",
+        className
+      )
+    }
+  );
+}
+function MarkdownTableBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TableBody,
+    {
+      ...props,
+      className: classNames77("eui-markdown-table-body", className)
+    }
+  );
+}
+function MarkdownTableRow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TableRow,
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-table-row even:bg-gray-50/70 dark:even:bg-gray-900/60",
+        className
+      )
+    }
+  );
+}
 var MarkdownTable_default = MarkdownTable;
 function MarkdownBlockquote({
   children: children3,
@@ -56205,15 +56397,204 @@ function MarkdownBlockquote({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    "blockquote",
+    Quote,
     {
       ...props,
-      className: classNames66("eui-markdown-blockquote", className),
-      children: children3
+      as: "blockquote",
+      className: classNames77(
+        "eui-markdown-blockquote my-6 border-l-4 border-gray-300 bg-transparent px-4 py-0 text-gray-600 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 dark:border-gray-700 dark:text-gray-400",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(Fragment, { children: children3 })
     }
   );
 }
 var MarkdownBlockquote_default = MarkdownBlockquote;
+function MarkdownParagraph({
+  children: children3,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Paragraph,
+    {
+      ...props,
+      level: 1,
+      className: classNames77("eui-markdown-paragraph my-4", className),
+      children: /* @__PURE__ */ jsx(Fragment, { children: children3 })
+    }
+  );
+}
+var MarkdownParagraph_default = MarkdownParagraph;
+function MarkdownStrong({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "strong",
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-strong font-semibold text-gray-950 dark:text-gray-100",
+        className
+      )
+    }
+  );
+}
+var MarkdownStrong_default = MarkdownStrong;
+function MarkdownEmphasis({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "em",
+    {
+      ...props,
+      className: classNames77("eui-markdown-emphasis italic", className)
+    }
+  );
+}
+var MarkdownEmphasis_default = MarkdownEmphasis;
+function MarkdownStrikethrough({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "del",
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-strikethrough text-gray-500 dark:text-gray-400",
+        className
+      )
+    }
+  );
+}
+var MarkdownStrikethrough_default = MarkdownStrikethrough;
+function MarkdownUnorderedList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ListRoot,
+    {
+      ...props,
+      as: "ul",
+      className: cn(
+        "eui-markdown-unordered-list",
+        className?.includes("contains-task-list") && "list-none pl-0",
+        className
+      )
+    }
+  );
+}
+function MarkdownOrderedList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ListRoot,
+    {
+      ...props,
+      as: "ol",
+      className: cn("eui-markdown-ordered-list", className)
+    }
+  );
+}
+function MarkdownListItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ListItemElement,
+    {
+      ...props,
+      as: "li",
+      className: cn(
+        "eui-markdown-list-item",
+        className?.includes("task-list-item") && "list-none pl-0",
+        className
+      )
+    }
+  );
+}
+var MarkdownListItem_default = MarkdownListItem;
+function MarkdownTaskCheckbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-task-checkbox mr-2 translate-y-px accent-blue-600",
+        className
+      )
+    }
+  );
+}
+var MarkdownTaskCheckbox_default = MarkdownTaskCheckbox;
+function MarkdownThematicBreak({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "hr",
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-thematic-break my-8 border-0 border-t border-gray-200 dark:border-gray-800",
+        className
+      )
+    }
+  );
+}
+var MarkdownThematicBreak_default = MarkdownThematicBreak;
+function MarkdownBreak(props) {
+  return /* @__PURE__ */ jsx("br", { ...props });
+}
+var MarkdownBreak_default = MarkdownBreak;
+function MarkdownDetails({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "details",
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-details my-4 rounded-md border border-gray-200 bg-gray-50 px-4 py-3 dark:border-gray-800 dark:bg-gray-900",
+        className
+      )
+    }
+  );
+}
+function MarkdownSummary({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "summary",
+    {
+      ...props,
+      className: classNames77(
+        "eui-markdown-summary cursor-pointer font-semibold text-gray-950 dark:text-gray-100",
+        className
+      )
+    }
+  );
+}
+function MarkdownFigure({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "figure",
+    {
+      ...props,
+      className: classNames77("eui-markdown-figure my-6", className)
+    }
+  );
+}
+function MarkdownFigcaption({
+  children: children3,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("figcaption", { ...props, className: "eui-markdown-figcaption mt-2 text-center", children: /* @__PURE__ */ jsx(
+    Caption,
+    {
+      className: classNames77(
+        "text-gray-500 opacity-100 dark:text-gray-400",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(Fragment, { children: children3 })
+    }
+  ) });
+}
 function getTextContent(node2) {
   if (typeof node2 === "string" || typeof node2 === "number") {
     return String(node2);
@@ -56229,6 +56610,24 @@ function getTextContent(node2) {
 function createHeadingKey(level, text10) {
   return `${level}:${sanitizeHeading(text10)}`;
 }
+function remarkCodeMetadata() {
+  return (tree) => {
+    const visit2 = (node2) => {
+      if (node2.type === "code") {
+        const data = node2.data ?? (node2.data = {});
+        const properties2 = data.hProperties ?? (data.hProperties = {});
+        if (node2.lang) {
+          properties2["data-language"] = node2.lang;
+        }
+        if (node2.meta) {
+          properties2["data-meta"] = node2.meta;
+        }
+      }
+      node2.children?.forEach(visit2);
+    };
+    visit2(tree);
+  };
+}
 function parseNumberRanges(value) {
   if (!value) return [];
   const normalized = value.replace(/[{}[\]\s]/g, "");
@@ -56254,15 +56653,19 @@ function parseNumberRanges(value) {
 }
 function parseCodeMeta(metaString) {
   if (!metaString) return void 0;
-  const filenameMatch = metaString.match(
-    /(?:filename|file)=["']?([^"'\s]+)["']?/
-  );
-  const titleMatch = metaString.match(/(?:title)=["']?([^"']+)["']?/);
-  const highlightMatch = metaString.match(/(?:highlight|lines)=["']?([^"'\s]+)["']?/) || metaString.match(/{([^}]+)}/);
+  const readValue = (key) => {
+    const match = metaString.match(
+      new RegExp(`(?:^|\\s)${key}=(?:"([^"]*)"|'([^']*)'|([^\\s]+))`, "i")
+    );
+    return match?.[1] ?? match?.[2] ?? match?.[3];
+  };
+  const filename = readValue("(?:filename|file)");
+  const title = readValue("title");
+  const highlightMatch = metaString.match(/(?:highlight|lines)=["']?([^"'\s]+)["']?/i) || metaString.match(/{([^}]+)}/);
   return {
-    filename: filenameMatch?.[1],
-    title: titleMatch?.[1],
-    showLineNumbers: /\b(showLineNumbers|lineNumbers|line-numbers)\b/.test(
+    filename,
+    title,
+    showLineNumbers: /\b(showLineNumbers|lineNumbers|line-numbers)\b/i.test(
       metaString
     ),
     highlightLines: parseNumberRanges(highlightMatch?.[1])
@@ -56270,26 +56673,35 @@ function parseCodeMeta(metaString) {
 }
 function getCodeMetaString(node2) {
   const value = node2;
-  return value?.data?.meta || value?.data?.hProperties?.meta || value?.properties?.meta || value?.properties?.dataMeta || value?.meta;
+  return value?.data?.meta || value?.data?.hProperties?.meta || value?.properties?.meta || value?.properties?.dataMeta || value?.properties?.["data-meta"] || value?.meta;
+}
+function getStringProperty(value) {
+  if (typeof value === "string") return value;
+  if (Array.isArray(value)) {
+    return value.map(String).join(" ");
+  }
+  return void 0;
 }
 function getLanguageFromClassName(className) {
   if (!className) return void 0;
   const match = className.match(/language-([^\s]+)/);
   return match?.[1];
 }
-function getCodeInfoFromPreChildren(children3) {
-  const childArray = React27.Children.toArray(children3);
-  const codeElement = childArray.find((child) => {
-    if (!isValidElement(child)) return false;
-    return child.type === "code";
-  });
-  const codeProps = codeElement?.props;
-  const code4 = getTextContent(codeProps?.children ?? children3).replace(
-    /\n$/,
-    ""
-  );
-  const language = getLanguageFromClassName(codeProps?.className);
-  const meta = parseCodeMeta(codeProps?.["data-meta"]);
+function getAstTextContent(node2) {
+  if (!node2) return "";
+  if (typeof node2.value === "string") return node2.value;
+  return node2.children?.map(getAstTextContent).join("") ?? "";
+}
+function getCodeInfoFromPreNode(node2, fallbackChildren) {
+  const preNode = node2;
+  const codeNode = preNode?.children?.find((child) => child.tagName === "code");
+  const properties2 = codeNode?.properties;
+  const className = getStringProperty(properties2?.className);
+  const dataLanguage = getStringProperty(properties2?.dataLanguage) ?? getStringProperty(properties2?.["data-language"]);
+  const astCode = getAstTextContent(codeNode);
+  const code4 = (astCode || getTextContent(fallbackChildren)).replace(/\n$/, "");
+  const language = getLanguageFromClassName(className) ?? dataLanguage;
+  const meta = parseCodeMeta(getCodeMetaString(codeNode));
   return {
     code: code4,
     language,
@@ -56337,6 +56749,7 @@ function MarkdownRenderer({
     })}`;
   };
   const remarkPlugins = [];
+  remarkPlugins.push(remarkCodeMetadata);
   if (enableGfm) {
     remarkPlugins.push(remarkGfm);
   }
@@ -56432,13 +56845,15 @@ function MarkdownRenderer({
      * Then the pre renderer can reliably extract language + meta.
      */
     code: ({ node: node2, className: className2, children: children3, ...rest }) => {
-      const language = getLanguageFromClassName(className2);
+      const astNode = node2;
+      const language = getLanguageFromClassName(className2) ?? getStringProperty(astNode.properties?.dataLanguage) ?? getStringProperty(astNode.properties?.["data-language"]);
       if (language) {
         return /* @__PURE__ */ jsx(
           "code",
           {
             ...rest,
             className: className2,
+            "data-language": language,
             "data-meta": getCodeMetaString(node2),
             children: children3
           }
@@ -56452,9 +56867,9 @@ function MarkdownRenderer({
      * React-markdown's pre props are HTMLPreElement props.
      * MarkdownCodeBlock root is a div.
      */
-    pre: ({ node: _node, children: children3 }) => {
+    pre: ({ node: node2, children: children3 }) => {
       const Component = components?.pre ?? MarkdownCodeBlock_default;
-      const { code: code4, language, meta } = getCodeInfoFromPreChildren(children3);
+      const { code: code4, language, meta } = getCodeInfoFromPreNode(node2, children3);
       return /* @__PURE__ */ jsx(
         Component,
         {
@@ -56498,18 +56913,104 @@ function MarkdownRenderer({
       const Component = components?.blockquote ?? MarkdownBlockquote_default;
       return /* @__PURE__ */ jsx(Component, { ...rest, children: children3 });
     },
+    p: ({ node: _node, ...rest }) => {
+      const Component = components?.p ?? MarkdownParagraph_default;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    strong: ({ node: _node, ...rest }) => {
+      const Component = components?.strong ?? MarkdownStrong_default;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    em: ({ node: _node, ...rest }) => {
+      const Component = components?.em ?? MarkdownEmphasis_default;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    del: ({ node: _node, ...rest }) => {
+      const Component = components?.del ?? MarkdownStrikethrough_default;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    ul: ({ node: _node, ...rest }) => {
+      const Component = components?.ul ?? MarkdownUnorderedList;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    ol: ({ node: _node, ...rest }) => {
+      const Component = components?.ol ?? MarkdownOrderedList;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    li: ({ node: _node, ...rest }) => {
+      const Component = components?.li ?? MarkdownListItem_default;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    input: ({ node: _node, ...rest }) => {
+      const Component = components?.input ?? MarkdownTaskCheckbox_default;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    hr: ({ node: _node, ...rest }) => {
+      const Component = components?.hr ?? MarkdownThematicBreak_default;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    br: ({ node: _node, ...rest }) => {
+      const Component = components?.br ?? MarkdownBreak_default;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    details: ({ node: _node, ...rest }) => {
+      const Component = components?.details ?? MarkdownDetails;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    summary: ({ node: _node, ...rest }) => {
+      const Component = components?.summary ?? MarkdownSummary;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    figure: ({ node: _node, ...rest }) => {
+      const Component = components?.figure ?? MarkdownFigure;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    figcaption: ({ node: _node, ...rest }) => {
+      const Component = components?.figcaption ?? MarkdownFigcaption;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    thead: ({ node: _node, ...rest }) => {
+      const Component = components?.thead ?? MarkdownTableHead;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    tbody: ({ node: _node, ...rest }) => {
+      const Component = components?.tbody ?? MarkdownTableBody;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
+    tr: ({ node: _node, ...rest }) => {
+      const Component = components?.tr ?? MarkdownTableRow;
+      return /* @__PURE__ */ jsx(Component, { ...rest });
+    },
     ...components
   };
-  return /* @__PURE__ */ jsx("div", { className: classNames66("eui-markdown markdown-body", className), children: /* @__PURE__ */ jsx("div", { className: contentClassName, children: /* @__PURE__ */ jsx(
-    Markdown,
+  return /* @__PURE__ */ jsx(
+    "div",
     {
-      remarkPlugins,
-      rehypePlugins,
-      skipHtml: !allowHtml,
-      components: rendererComponents,
-      children: markdown
+      className: classNames77(
+        "eui-markdown markdown-body break-words bg-transparent text-[0.95rem] leading-7 text-gray-800 dark:text-gray-300",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classNames77(
+            "[&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+            contentClassName
+          ),
+          children: /* @__PURE__ */ jsx(
+            Markdown,
+            {
+              remarkPlugins,
+              rehypePlugins,
+              skipHtml: !allowHtml,
+              components: rendererComponents,
+              children: markdown
+            }
+          )
+        }
+      )
     }
-  ) }) });
+  );
 }
 var MarkdownRenderer_default = MarkdownRenderer;
 function MarkdownViewer({
@@ -56570,11 +57071,11 @@ function MarkdownTOCItem({
       onClick: () => onSelect?.(heading3),
       "aria-current": active ? "location" : void 0,
       title: label,
-      className: classNames66(
+      className: classNames77(
         "eui-markdown-toc-item",
         "block w-full text-left text-sm transition-all ease-in-out duration-150",
         "hover:text-primary",
-        active ? classNames66("text-primary font-semibold underline", activeClassName) : classNames66("text-gray-500 dark:text-gray-400", inactiveClassName),
+        active ? classNames77("text-primary font-semibold underline", activeClassName) : classNames77("text-gray-500 dark:text-gray-400", inactiveClassName),
         className
       ),
       style: {
@@ -56640,7 +57141,7 @@ function MarkdownTOC({
     return emptyState ? /* @__PURE__ */ jsx(
       "div",
       {
-        className: classNames66(
+        className: classNames77(
           "eui-markdown-toc",
           "text-sm text-gray-500 dark:text-gray-400",
           className
@@ -56660,7 +57161,7 @@ function MarkdownTOC({
       {
         type: "button",
         onClick: () => setCollapsed((value) => !value),
-        className: classNames66(
+        className: classNames77(
           "eui-markdown-toc-title",
           "flex w-full items-center justify-between gap-2 text-left",
           "text-sm font-semibold uppercase tracking-wide",
@@ -56673,7 +57174,7 @@ function MarkdownTOC({
           /* @__PURE__ */ jsx(
             "span",
             {
-              className: classNames66(
+              className: classNames77(
                 "text-xs opacity-60 transition-transform duration-150",
                 !collapsed && "rotate-90"
               ),
@@ -56686,7 +57187,7 @@ function MarkdownTOC({
     ) : /* @__PURE__ */ jsx(
       "h2",
       {
-        className: classNames66(
+        className: classNames77(
           "eui-markdown-toc-title",
           "text-sm font-semibold uppercase tracking-wide",
           "text-gray-900 dark:text-gray-100",
@@ -56698,7 +57199,7 @@ function MarkdownTOC({
     !collapsed ? /* @__PURE__ */ jsx(
       "nav",
       {
-        className: classNames66(
+        className: classNames77(
           "eui-markdown-toc-list",
           "space-y-1",
           listClassName
@@ -56722,7 +57223,7 @@ function MarkdownTOC({
       }
     ) : null
   ] });
-  return /* @__PURE__ */ jsx("aside", { className: classNames66("eui-markdown-toc", "space-y-4", className), children: content3 });
+  return /* @__PURE__ */ jsx("aside", { className: classNames77("eui-markdown-toc", "space-y-4", className), children: content3 });
 }
 var MarkdownTOC_default = MarkdownTOC;
 var DEFAULT_MARKDOWN_TOOLBAR_ACTIONS = [
@@ -56821,7 +57322,7 @@ function MarkdownToolbar({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames66(
+      className: classNames77(
         "eui-markdown-toolbar",
         "flex flex-wrap items-center gap-1 border-b border-gray-200 bg-gray-50 p-2",
         "dark:border-gray-700 dark:bg-gray-900",
@@ -56835,7 +57336,7 @@ function MarkdownToolbar({
             disabled: disabled || actionsDisabled,
             title: action.shortcut ? `${action.title || action.label} (${action.shortcut})` : action.title || action.label,
             onClick: () => onAction?.(action.id),
-            className: classNames66(
+            className: classNames77(
               "eui-markdown-toolbar-button",
               "inline-flex items-center justify-center rounded border border-transparent",
               "text-gray-700 transition-colors hover:border-gray-300 hover:bg-white",
@@ -56855,7 +57356,7 @@ function MarkdownToolbar({
             disabled,
             onClick: onViewModeToggle,
             title: isPreviewMode ? "Switch to Markdown syntax" : "Switch to preview",
-            className: classNames66(
+            className: classNames77(
               "eui-markdown-view-toggle",
               "inline-flex items-center justify-center rounded border font-medium transition-colors",
               "border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -57112,7 +57613,7 @@ function MarkdownSourceEditor({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames66(
+      className: classNames77(
         "eui-markdown-editor",
         "overflow-hidden rounded border border-gray-300 bg-white",
         "dark:border-gray-700 dark:bg-gray-950",
@@ -57128,7 +57629,7 @@ function MarkdownSourceEditor({
             actionsDisabled: readOnly,
             viewMode: currentViewMode,
             showViewModeToggle,
-            className: classNames66(toolbarClassName, toolbarProps?.className),
+            className: classNames77(toolbarClassName, toolbarProps?.className),
             onViewModeToggle: toggleViewMode,
             onAction: handleToolbarAction
           }
@@ -57136,7 +57637,7 @@ function MarkdownSourceEditor({
         currentViewMode === "preview" ? /* @__PURE__ */ jsx(
           "div",
           {
-            className: classNames66(
+            className: classNames77(
               "eui-markdown-editor-preview",
               "min-h-[260px] p-4",
               previewClassName
@@ -57159,7 +57660,7 @@ function MarkdownSourceEditor({
             onChange: (event) => updateValue(event.target.value),
             onBlur,
             onKeyDown: handleKeyDown,
-            className: classNames66(
+            className: classNames77(
               "eui-markdown-source-textarea",
               "block w-full resize-y border-0 bg-transparent p-4 font-mono text-sm leading-7",
               "text-gray-900 outline-none placeholder:text-gray-400",
@@ -57189,7 +57690,7 @@ function MarkdownPreviewPane({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66(
+      className: classNames77(
         "eui-markdown-preview-pane",
         "rounded border border-gray-300 bg-white p-4",
         "dark:border-gray-700 dark:bg-gray-950",
@@ -57239,7 +57740,7 @@ function MarkdownSplitEditor({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames66(
+      className: classNames77(
         "eui-markdown-split-editor",
         "grid gap-4",
         isHorizontal ? "grid-cols-1 lg:grid-cols-2" : "grid-cols-1",
@@ -57249,7 +57750,7 @@ function MarkdownSplitEditor({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: classNames66(
+            className: classNames77(
               "eui-markdown-split-source",
               "min-w-0 space-y-2",
               sourceWrapperClassName
@@ -57273,7 +57774,7 @@ function MarkdownSplitEditor({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: classNames66(
+            className: classNames77(
               "eui-markdown-split-preview",
               "min-w-0 space-y-2",
               previewWrapperClassName
@@ -57363,7 +57864,7 @@ function MarkdownField({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames66(
+      className: classNames77(
         "eui-markdown-field",
         "relative space-y-2",
         wrapperClassName
@@ -57373,7 +57874,7 @@ function MarkdownField({
           "label",
           {
             htmlFor: editorProps.id || field.name,
-            className: classNames66(
+            className: classNames77(
               "block text-sm font-medium text-gray-700 dark:text-gray-200",
               labelClassName
             ),
@@ -57398,7 +57899,7 @@ function MarkdownField({
         helperText && !hasError ? /* @__PURE__ */ jsx(
           "p",
           {
-            className: classNames66(
+            className: classNames77(
               "text-sm text-gray-500 dark:text-gray-400",
               helperTextClassName
             ),
@@ -57411,6 +57912,414 @@ function MarkdownField({
   );
 }
 var MarkdownField_default = MarkdownField;
+function toCssSize2(value) {
+  if (typeof value === "number") return `${value}px`;
+  return value;
+}
+function CodeMirrorMarkdownEditor({
+  value,
+  defaultValue = "",
+  onChange,
+  onBlur,
+  id: id2,
+  name: name2,
+  placeholder = "Write markdown...",
+  disabled = false,
+  readOnly = false,
+  autoFocus = false,
+  minHeight = 320,
+  maxHeight,
+  height,
+  dark = false,
+  className,
+  editorClassName,
+  extensions
+}) {
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const currentValue = isControlled ? value : internalValue;
+  useEffect(() => {
+    if (!isControlled) {
+      setInternalValue(defaultValue);
+    }
+  }, [defaultValue, isControlled]);
+  const updateValue = (nextValue) => {
+    if (!isControlled) {
+      setInternalValue(nextValue);
+    }
+    onChange?.(nextValue);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: id2,
+      "data-name": name2,
+      className: classNames77(
+        "eui-markdown-adapter",
+        "eui-markdown-codemirror-adapter",
+        "overflow-hidden rounded border border-gray-300 bg-white",
+        "dark:border-gray-700 dark:bg-gray-950",
+        disabled && "cursor-not-allowed opacity-60",
+        className
+      ),
+      style: {
+        minHeight: toCssSize2(minHeight),
+        maxHeight: toCssSize2(maxHeight)
+      },
+      children: /* @__PURE__ */ jsx(
+        CodeMirror,
+        {
+          value: currentValue,
+          height,
+          minHeight: toCssSize2(minHeight),
+          maxHeight: toCssSize2(maxHeight),
+          placeholder,
+          autoFocus,
+          editable: !disabled && !readOnly,
+          readOnly,
+          theme: dark ? oneDark : void 0,
+          extensions: [markdown(), ...extensions ?? []],
+          basicSetup: {
+            lineNumbers: true,
+            foldGutter: true,
+            highlightActiveLine: true,
+            highlightSelectionMatches: true,
+            autocompletion: true,
+            closeBrackets: true,
+            bracketMatching: true
+          },
+          className: classNames77("eui-markdown-codemirror", editorClassName),
+          onChange: updateValue,
+          onBlur
+        }
+      )
+    }
+  );
+}
+var CodeMirrorMarkdownEditor_default = CodeMirrorMarkdownEditor;
+var DEFAULT_CODE_BLOCK_LANGUAGES = {
+  js: "JavaScript",
+  jsx: "JSX",
+  ts: "TypeScript",
+  tsx: "TSX",
+  css: "CSS",
+  scss: "SCSS",
+  json: "JSON",
+  bash: "Bash",
+  sh: "Shell",
+  html: "HTML",
+  xml: "XML",
+  md: "Markdown"
+};
+function toCssSize3(value) {
+  if (typeof value === "number") return `${value}px`;
+  return value;
+}
+function DefaultToolbar() {
+  return /* @__PURE__ */ jsx(
+    ConditionalContents,
+    {
+      options: [
+        {
+          when: (editor) => editor?.editorType === "codeblock",
+          contents: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(UndoRedo, {}),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx(ChangeCodeMirrorLanguage, {})
+          ] })
+        },
+        {
+          fallback: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(UndoRedo, {}),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx(BlockTypeSelect, {}),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx(BoldItalicUnderlineToggles, {}),
+            /* @__PURE__ */ jsx(CodeToggle, {}),
+            /* @__PURE__ */ jsx(StrikeThroughSupSubToggles, {}),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx(ListsToggle, {}),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx(CreateLink, {}),
+            /* @__PURE__ */ jsx(InsertImage, {}),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx(InsertTable, {}),
+            /* @__PURE__ */ jsx(InsertCodeBlock, {}),
+            /* @__PURE__ */ jsx(InsertThematicBreak, {})
+          ] })
+        }
+      ]
+    }
+  );
+}
+function createDefaultPlugins({
+  showToolbar,
+  toolbarPosition,
+  toolbarClassName,
+  toolbarContents,
+  defaultCodeBlockLanguage,
+  codeMirrorOptions,
+  imageOptions,
+  linkDialogOptions
+}) {
+  const codeBlockLanguages = codeMirrorOptions?.codeBlockLanguages ?? DEFAULT_CODE_BLOCK_LANGUAGES;
+  return [
+    headingsPlugin(),
+    listsPlugin(),
+    quotePlugin(),
+    thematicBreakPlugin(),
+    markdownShortcutPlugin(),
+    linkPlugin(),
+    linkDialogPlugin(linkDialogOptions),
+    imagePlugin(imageOptions),
+    tablePlugin(),
+    codeBlockPlugin({
+      defaultCodeBlockLanguage
+    }),
+    codeMirrorPlugin({
+      ...codeMirrorOptions,
+      codeBlockLanguages
+    }),
+    ...showToolbar ? [
+      toolbarPlugin({
+        toolbarContents: toolbarContents ?? DefaultToolbar,
+        toolbarClassName: classNames77(
+          "eui-markdown-mdx-toolbar",
+          toolbarClassName
+        ),
+        toolbarPosition
+      })
+    ] : []
+  ];
+}
+var MDXMarkdownEditor = forwardRef(
+  function MDXMarkdownEditor2({
+    value,
+    defaultValue = "",
+    onChange,
+    onBlur,
+    id: id2,
+    name: name2,
+    disabled = false,
+    readOnly = false,
+    required = false,
+    minHeight = 360,
+    maxHeight,
+    dark = false,
+    invalid = false,
+    ariaLabel,
+    ariaDescribedBy,
+    className,
+    editorClassName,
+    contentEditableClassName,
+    toolbarClassName,
+    plugins,
+    showToolbar = true,
+    toolbarPosition = "top",
+    toolbarContents,
+    defaultCodeBlockLanguage = "tsx",
+    codeMirrorOptions,
+    imageOptions,
+    linkDialogOptions,
+    ...props
+  }, forwardedRef) {
+    const editorRef = useRef(null);
+    const isControlled = value !== void 0;
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const currentValue = isControlled ? value : internalValue;
+    const defaultPlugins = useMemo(
+      () => createDefaultPlugins({
+        showToolbar,
+        toolbarPosition,
+        toolbarClassName,
+        toolbarContents,
+        defaultCodeBlockLanguage,
+        codeMirrorOptions,
+        imageOptions,
+        linkDialogOptions
+      }),
+      [
+        codeMirrorOptions,
+        defaultCodeBlockLanguage,
+        imageOptions,
+        linkDialogOptions,
+        showToolbar,
+        toolbarClassName,
+        toolbarContents,
+        toolbarPosition
+      ]
+    );
+    useImperativeHandle(
+      forwardedRef,
+      () => ({
+        focus: (callbackFn, options) => editorRef.current?.focus(callbackFn, options),
+        getContentEditableHTML: () => editorRef.current?.getContentEditableHTML() ?? "",
+        getMarkdown: () => editorRef.current?.getMarkdown() ?? currentValue,
+        getSelectionMarkdown: () => editorRef.current?.getSelectionMarkdown() ?? "",
+        insertMarkdown: (markdown) => editorRef.current?.insertMarkdown(markdown),
+        setMarkdown: (markdown) => editorRef.current?.setMarkdown(markdown)
+      }),
+      [currentValue]
+    );
+    useEffect(() => {
+      if (!isControlled || !editorRef.current) return;
+      const nextValue = value ?? "";
+      if (editorRef.current.getMarkdown() !== nextValue) {
+        editorRef.current.setMarkdown(nextValue);
+      }
+    }, [isControlled, value]);
+    const updateValue = (nextValue, initialMarkdownNormalize) => {
+      if (!isControlled) {
+        setInternalValue(nextValue);
+      }
+      onChange?.(nextValue, initialMarkdownNormalize);
+    };
+    const handleBlur = (event) => {
+      const nextTarget = event.relatedTarget;
+      if (nextTarget instanceof Node && event.currentTarget.contains(nextTarget)) {
+        return;
+      }
+      onBlur?.(event.nativeEvent);
+    };
+    const style2 = {
+      minHeight: toCssSize3(minHeight),
+      maxHeight: toCssSize3(maxHeight),
+      "--eui-mdx-min-height": toCssSize3(minHeight),
+      "--eui-mdx-max-height": toCssSize3(maxHeight)
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: id2,
+        role: "group",
+        "data-name": name2,
+        "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        "aria-disabled": disabled || void 0,
+        "aria-readonly": readOnly || void 0,
+        "aria-required": required || void 0,
+        "aria-invalid": invalid || void 0,
+        onBlurCapture: handleBlur,
+        className: classNames77(
+          "eui-markdown-adapter",
+          "eui-markdown-mdx-adapter",
+          dark && ["dark", "dark-theme"],
+          disabled && "is-disabled",
+          readOnly && "is-read-only",
+          invalid && "has-error",
+          className
+        ),
+        style: style2,
+        children: /* @__PURE__ */ jsx(
+          MDXEditor,
+          {
+            ...props,
+            ref: editorRef,
+            markdown: currentValue ?? "",
+            readOnly: disabled || readOnly,
+            plugins: plugins ?? defaultPlugins,
+            className: classNames77("eui-markdown-mdx-editor", editorClassName),
+            contentEditableClassName: classNames77(
+              "eui-markdown-mdx-content",
+              contentEditableClassName
+            ),
+            onChange: updateValue
+          }
+        )
+      }
+    );
+  }
+);
+var MDXMarkdownEditor_default = MDXMarkdownEditor;
+function MDXMarkdownField({
+  name: name2,
+  validate,
+  label,
+  helperText,
+  validateOnChange = true,
+  validateOnBlur = true,
+  wrapperClassName,
+  labelClassName,
+  helperTextClassName,
+  ...editorProps
+}) {
+  const editorRef = useRef(null);
+  const [field, meta, helpers] = useField({
+    name: name2,
+    validate
+  });
+  const editorId = editorProps.id || field.name;
+  const helperId = helperText ? `${editorId}-help` : void 0;
+  const errorId = `${editorId}-error`;
+  const hasError = Boolean(meta.touched && meta.error);
+  const describedBy = [helperId, hasError ? errorId : void 0].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames77(
+        "eui-markdown-mdx-field",
+        "relative space-y-2",
+        wrapperClassName
+      ),
+      children: [
+        label ? /* @__PURE__ */ jsxs(
+          "label",
+          {
+            htmlFor: editorId,
+            className: classNames77(
+              "block text-sm font-medium text-gray-700 dark:text-gray-200",
+              labelClassName
+            ),
+            onClick: () => editorRef.current?.focus(),
+            children: [
+              label,
+              editorProps.required ? /* @__PURE__ */ jsx("span", { className: "ml-1 text-red-600", "aria-hidden": "true", children: "*" }) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          MDXMarkdownEditor_default,
+          {
+            ...editorProps,
+            ref: editorRef,
+            id: editorId,
+            name: field.name,
+            value: field.value ?? "",
+            invalid: hasError,
+            ariaLabel: editorProps.ariaLabel ?? label,
+            ariaDescribedBy: describedBy || void 0,
+            onChange: (nextValue) => {
+              void helpers.setValue(nextValue, validateOnChange);
+            },
+            onBlur: () => {
+              void helpers.setTouched(true, validateOnBlur);
+            }
+          }
+        ),
+        helperText ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: helperId,
+            className: classNames77(
+              "text-sm text-gray-500 dark:text-gray-400",
+              helperTextClassName
+            ),
+            children: helperText
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("div", { id: errorId, role: hasError ? "alert" : void 0, children: /* @__PURE__ */ jsx(
+          InputResponse_default,
+          {
+            name: field.name,
+            visibility: hasError,
+            variant: "danger"
+          }
+        ) })
+      ]
+    }
+  );
+}
+var MDXMarkdownField_default = MDXMarkdownField;
 function resolveSize(value) {
   if (value === void 0) return void 0;
   return typeof value === "number" ? `${value}px` : value;
@@ -57451,10 +58360,10 @@ function MarkdownLayout({
   };
   const hasLeftToc = hasToc && tocPosition === "left";
   const hasRightToc = hasToc && tocPosition === "right";
-  return /* @__PURE__ */ jsx("div", { className: classNames66("eui-markdown-layout", "w-full", className), children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: classNames77("eui-markdown-layout", "w-full", className), children: /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames66(
+      className: classNames77(
         "eui-markdown-layout-container",
         "mx-auto w-full px-4 sm:px-6 lg:px-8",
         containerClassName
@@ -57466,7 +58375,7 @@ function MarkdownLayout({
         header ? /* @__PURE__ */ jsx(
           "header",
           {
-            className: classNames66(
+            className: classNames77(
               "eui-markdown-layout-header",
               "mb-8",
               headerClassName
@@ -57477,7 +58386,7 @@ function MarkdownLayout({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: classNames66(
+            className: classNames77(
               "eui-markdown-layout-grid",
               "grid grid-cols-1 gap-8",
               hasSidebar && hasToc && "xl:grid-cols-[16rem_minmax(0,1fr)_18rem]",
@@ -57490,7 +58399,7 @@ function MarkdownLayout({
               hasSidebar ? /* @__PURE__ */ jsx(
                 "aside",
                 {
-                  className: classNames66(
+                  className: classNames77(
                     "eui-markdown-layout-sidebar",
                     "min-w-0",
                     stickySidebar && "lg:sticky lg:self-start",
@@ -57503,7 +58412,7 @@ function MarkdownLayout({
               hasLeftToc ? /* @__PURE__ */ jsx(
                 "aside",
                 {
-                  className: classNames66(
+                  className: classNames77(
                     "eui-markdown-layout-toc",
                     "min-w-0",
                     stickyToc && "lg:sticky lg:self-start",
@@ -57516,7 +58425,7 @@ function MarkdownLayout({
               /* @__PURE__ */ jsx(
                 "main",
                 {
-                  className: classNames66(
+                  className: classNames77(
                     "eui-markdown-layout-content",
                     "min-w-0",
                     contentClassName
@@ -57527,7 +58436,7 @@ function MarkdownLayout({
               hasRightToc ? /* @__PURE__ */ jsx(
                 "aside",
                 {
-                  className: classNames66(
+                  className: classNames77(
                     "eui-markdown-layout-toc",
                     "min-w-0",
                     stickyToc && "lg:sticky lg:self-start",
@@ -57540,7 +58449,7 @@ function MarkdownLayout({
               hasAside ? /* @__PURE__ */ jsx(
                 "aside",
                 {
-                  className: classNames66(
+                  className: classNames77(
                     "eui-markdown-layout-aside",
                     "min-w-0",
                     stickyAside && "2xl:sticky 2xl:self-start",
@@ -57556,7 +58465,7 @@ function MarkdownLayout({
         footer2 ? /* @__PURE__ */ jsx(
           "footer",
           {
-            className: classNames66(
+            className: classNames77(
               "eui-markdown-layout-footer",
               "mt-10",
               footerClassName
@@ -57593,7 +58502,7 @@ function MarkdownDocsLayoutContent({
   const resolvedHeader = header ?? (title || description || headerActions ? /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66(
+      className: classNames77(
         "eui-markdown-docs-header",
         "flex flex-col gap-4 border-b border-gray-200 pb-6",
         "dark:border-gray-700",
@@ -57604,7 +58513,7 @@ function MarkdownDocsLayoutContent({
           title ? /* @__PURE__ */ jsx(
             "h1",
             {
-              className: classNames66(
+              className: classNames77(
                 "eui-markdown-docs-title",
                 "text-3xl font-bold tracking-tight text-gray-950",
                 "dark:text-gray-50",
@@ -57616,7 +58525,7 @@ function MarkdownDocsLayoutContent({
           description ? /* @__PURE__ */ jsx(
             "div",
             {
-              className: classNames66(
+              className: classNames77(
                 "eui-markdown-docs-description",
                 "max-w-3xl text-base leading-7 text-gray-600",
                 "dark:text-gray-400",
@@ -57704,7 +58613,7 @@ function GenericLayout({
   return /* @__PURE__ */ jsx(ThemeProvider, { defaultTheme, children: /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         [`${styles}`]: styles
       }),
       children: children3
@@ -57753,7 +58662,7 @@ function SidemenuLayout({ data, children: children3 }) {
   return /* @__PURE__ */ jsx(DefaultLayout_default, { children: /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames66({
+      className: classNames77({
         grid: true,
         "grid-cols-7 gap-10": !isMobile,
         "grid-cols-1 gap-": isMobile
@@ -57812,6 +58721,6 @@ function ScrollToTop({
 }
 var ScrollToTop_default = ScrollToTop;
 
-export { Accordion_default as Accordion, AreaPlot, AsyncComponentWrapper_default as AsyncComponentWrapper, Avatar, Backdrop_default as Backdrop, Badge, BarPlot, BaseChartDataSource, Block_default as Block, BlockGroup_default as BlockGroup, BoxNav_default as BoxNav, BoxNavItem_default as BoxNavItem, Brand_default as Brand, Breadcrumb, BreadcrumbItem_default as BreadcrumbItem, Button_default as Button, CHART_COLOR_PALETTE, CHART_DARK_THEME, CHART_DATA_MODES, CHART_DEFAULT_ACTIVE_DOT_RADIUS, CHART_DEFAULT_ANIMATION_DURATION, CHART_DEFAULT_BAR_RADIUS, CHART_DEFAULT_DOT_RADIUS, CHART_DEFAULT_HEIGHT, CHART_DEFAULT_MARGIN, CHART_DEFAULT_MAX_REALTIME_POINTS, CHART_DEFAULT_POLLING_INTERVAL, CHART_DEFAULT_STROKE_WIDTH, CHART_EMPTY_MESSAGE, CHART_ERROR_MESSAGE, CHART_LIGHT_THEME, CHART_LOADING_MESSAGE, CHART_STATUSES, CHART_STATUS_COLORS, CHART_VALUE_FORMATS, Caption, Card_default as Card, CardContent_default as CardContent, CardFooter_default as CardFooter, CardHeader_default as CardHeader, Chapter, Chart, ChartContainer, ChartContext, ChartEmptyState, ChartErrorState, ChartHeader, ChartLegend, ChartLoadingState, ChartPanel, ChartProvider, ChartToolbar, ChartTooltip, Checkbox_default as Checkbox, Chip, CloudinaryImage_default as CloudinaryImage, CloudinaryProvider, CloudinaryVideo_default as CloudinaryVideo, Code, CommentThread_default as CommentThread, ConfigBootstrap_default as ConfigBootstrap, Configurator, ConfiguratorError, Content, ContentArea_default as ContentArea, DEFAULT_CHART_THEME, DEFAULT_REVIEW_THREAD_CONFIG, DataView2 as DataView, DataViewTable_default as DataViewTable, DateSelector_default as DateSelector, DefaultLayout_default as DefaultLayout, Display, DocumentationPanel_default as DocumentationPanel, Drawer, DrawerToggler_default as DrawerToggler, EUIDevLayout_default as EUIDevLayout, EUIProvider, EnvErrorScreen_default as EnvErrorScreen, Flag, Flex, FlexCol_default as FlexCol, FlexRow_default as FlexRow, Footer, FooterNav_default as FooterNav, FooterNavGroup_default as FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse_default as FormResponse, GaugePlot, GenericLayout_default as GenericLayout, GlowWrapper_default as GlowWrapper, Graph, GraphEdge, GraphNode, GraphRenderer, Grid_default as Grid, Header, HeaderNav_default as HeaderNav, HeaderNavGroup_default as HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout_default as HomeLayout, Image2 as Image, ImageInput_default as ImageInput, InfiniteScrollTrigger_default as InfiniteScrollTrigger, Info_default as Info, Input, InputFile, InputLabel_default as InputLabel, InputList, InputListGroup, InputResponse_default as InputResponse, Label, Layout, Lead, LinePlot, Link, List_default as List, ListItem_default as ListItem, MarkdownBlockquote_default as MarkdownBlockquote, MarkdownCodeBlock_default as MarkdownCodeBlock, MarkdownContext, MarkdownDocsLayout_default as MarkdownDocsLayout, MarkdownEditor_default as MarkdownEditor, MarkdownField_default as MarkdownField, MarkdownHeading_default as MarkdownHeadingComponent, MarkdownImage_default as MarkdownImage, MarkdownInlineCode_default as MarkdownInlineCode, MarkdownLayout_default as MarkdownLayout, MarkdownLink_default as MarkdownLink, MarkdownPreviewPane_default as MarkdownPreviewPane, MarkdownProvider_default as MarkdownProvider, MarkdownRenderer_default as MarkdownRenderer, MarkdownSourceEditor_default as MarkdownSourceEditor, MarkdownSplitEditor_default as MarkdownSplitEditor, MarkdownTOC_default as MarkdownTOC, MarkdownTOCItem_default as MarkdownTOCItem, MarkdownTable_default as MarkdownTable, MarkdownTableCell, MarkdownTableHeaderCell, MarkdownToolbar_default as MarkdownToolbar, MarkdownViewer_default as MarkdownViewer, Menu, MenuGroup, MenuItem, MenuItemTitle, Modal_default as Modal, MotionSurface_default as MotionSurface, MultiImageInput_default as MultiImageInput, NumericRating_default as NumericRating, Overline, Paragraph, PiePlot, PollingChartDataSource, PriceTag, ProgressBar, ProgressBarRating_default as ProgressBarRating, Quote, Radio_default as Radio, RealtimeChartDataSource, ReviewThread_default as ReviewThread, RouteTab_default as RouteTab, RouteTabs_default as RouteTabs, ScatterPlot, ScrollToTop_default as ScrollToTop, Section, Select_default as Select, ShapeSwitch, ShowMore_default as ShowMore, Sidebar_default as Sidebar, SidebarLayout_default as SidebarLayout, SidemenuLayout_default as SidemenuLayout, Skeleton, Slider_default as Slider, Spinner_default as Spinner, StarRating_default as StarRating, StarRatingDistribution_default as StarRatingDistribution, StarRatingInput_default as StarRatingInput, StatPlot, StaticChartDataSource, Switch_default as Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table_default as Table, Tag_default as Tag, Tags_default as Tags, TextArea_default as TextArea, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, Toast, Tooltip6 as Tooltip, TopNav, Transition, TransitionAccordion_default as TransitionAccordion, TransitionBase_default as TransitionBase, TransitionDropdown_default as TransitionDropdown, TransitionFade_default as TransitionFade, TransitionFadeIn_default as TransitionFadeIn, TransitionScale_default as TransitionScale, TransitionSlide_default as TransitionSlide, Typography, UnderConstructionBanner, ValueBadge_default as ValueBadge, WorldMap, WorldMapCountryTable, YoutubeVideo_default as YoutubeVideoPlayer, addReplyToCache, addReviewReply, appendReview, applyReactionState, assertAbsoluteURL, buildURL, canDeleteReview, canDeleteReviewReply, canEditReview, canEditReviewReply, canReplyToReview, canReportReview, canReportReviewReply, chartReducer, cn, createConfigurator, createForceLayout, createGridLayout, createHeadingSlug, createInitialChartState, createTreeLayout, createURLResolver, decrementReplyCount, enumValues, euiToast, extractHeadings, findReview, formatChartValue, formatCommentDate, formatConfigError, formatReviewDate, generateHeadingNumbers, getAllowedOrigins, getBrowserHref, getBrowserOrigin, getBrowserRedirectURL, getCurrencySymbol, getLayout, getOptimisticDislikeState, getOptimisticLikeState, getSafeRedirect, hasReviewReply, incrementReplyCount, isMatch, isRenderFn, limitRealtimePoints, normalize, normalizeChartData, normalizeChartDataPoint, normalizeMarkdown, normalizeReview, normalizeReviewAuthor, normalizeReviewReply, parseJson, parseJsonRecord, parseUrlMap, prependReview, registerLayout, removeComment, removeCommentTreeFromCache, removeReview, removeReviewReply, replaceRealtimePoints, replaceReview, replaceReviewReply, resolveAppearanceStyles, resolveChartColor, resolveChartColors, resolveWithGlobal, sanitizeHeading, sendToast, slugify, toConfiguratorError, updateComment, updateReplyCacheComment, updateReview, updateReviewReply, upsertReview, useActiveHeading, useChartContext, useChartData, useChartPolling, useChartRealtime, useChartSeries, useChartTheme, useClickOutside, useCloudinaryConfig, useCurrentTheme_default as useCurrentTheme, useDrawer_default as useDrawer, useEUIConfig, useIsMobile_default as useIsMobile, useMarkdown, useMarkdownHeadings, useModal_default as useModal, useReviewThreadState, useTheme_default as useTheme };
+export { Accordion_default as Accordion, AreaPlot, AsyncComponentWrapper_default as AsyncComponentWrapper, Avatar, Backdrop_default as Backdrop, Badge, BarPlot, BaseChartDataSource, Block_default as Block, BlockGroup_default as BlockGroup, BoxNav_default as BoxNav, BoxNavItem_default as BoxNavItem, Brand_default as Brand, Breadcrumb, BreadcrumbItem_default as BreadcrumbItem, Button_default as Button, CHART_COLOR_PALETTE, CHART_DARK_THEME, CHART_DATA_MODES, CHART_DEFAULT_ACTIVE_DOT_RADIUS, CHART_DEFAULT_ANIMATION_DURATION, CHART_DEFAULT_BAR_RADIUS, CHART_DEFAULT_DOT_RADIUS, CHART_DEFAULT_HEIGHT, CHART_DEFAULT_MARGIN, CHART_DEFAULT_MAX_REALTIME_POINTS, CHART_DEFAULT_POLLING_INTERVAL, CHART_DEFAULT_STROKE_WIDTH, CHART_EMPTY_MESSAGE, CHART_ERROR_MESSAGE, CHART_LIGHT_THEME, CHART_LOADING_MESSAGE, CHART_STATUSES, CHART_STATUS_COLORS, CHART_VALUE_FORMATS, Caption, Card_default as Card, CardContent_default as CardContent, CardFooter_default as CardFooter, CardHeader_default as CardHeader, Chapter, Chart, ChartContainer, ChartContext, ChartEmptyState, ChartErrorState, ChartHeader, ChartLegend, ChartLoadingState, ChartPanel, ChartProvider, ChartToolbar, ChartTooltip, Checkbox_default as Checkbox, Chip, CloudinaryImage_default as CloudinaryImage, CloudinaryProvider, CloudinaryVideo_default as CloudinaryVideo, Code, CodeMirrorMarkdownEditor_default as CodeMirrorMarkdownEditor, CommentThread_default as CommentThread, ConfigBootstrap_default as ConfigBootstrap, Configurator, ConfiguratorError, Content, ContentArea_default as ContentArea, DEFAULT_CHART_THEME, DEFAULT_REVIEW_THREAD_CONFIG, DataView2 as DataView, DataViewTable_default as DataViewTable, DateSelector_default as DateSelector, DefaultLayout_default as DefaultLayout, Display, DocumentationPanel_default as DocumentationPanel, Drawer, DrawerToggler_default as DrawerToggler, EUIDevLayout_default as EUIDevLayout, EUIProvider, EnvErrorScreen_default as EnvErrorScreen, Flag, Flex, FlexCol_default as FlexCol, FlexRow_default as FlexRow, Footer, FooterNav_default as FooterNav, FooterNavGroup_default as FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse_default as FormResponse, GaugePlot, GenericLayout_default as GenericLayout, GlowWrapper_default as GlowWrapper, Graph, GraphEdge, GraphNode, GraphRenderer, Grid_default as Grid, Header, HeaderNav_default as HeaderNav, HeaderNavGroup_default as HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout_default as HomeLayout, Image2 as Image, ImageInput_default as ImageInput, InfiniteScrollTrigger_default as InfiniteScrollTrigger, Info_default as Info, Input, InputFile, InputLabel_default as InputLabel, InputList, InputListGroup, InputResponse_default as InputResponse, Label, Layout, Lead, LinePlot, Link, List_default as List, ListItem_default as ListItem, ListItemElement, ListRoot, MDXMarkdownEditor_default as MDXMarkdownEditor, MDXMarkdownField_default as MDXMarkdownField, MarkdownBlockquote_default as MarkdownBlockquote, MarkdownBreak_default as MarkdownBreak, MarkdownCodeBlock_default as MarkdownCodeBlock, MarkdownContext, MarkdownDetails, MarkdownDocsLayout_default as MarkdownDocsLayout, MarkdownEditor_default as MarkdownEditor, MarkdownEmphasis_default as MarkdownEmphasis, MarkdownField_default as MarkdownField, MarkdownFigcaption, MarkdownFigure, MarkdownHeading_default as MarkdownHeadingComponent, MarkdownImage_default as MarkdownImage, MarkdownInlineCode_default as MarkdownInlineCode, MarkdownLayout_default as MarkdownLayout, MarkdownLink_default as MarkdownLink, MarkdownListItem_default as MarkdownListItem, MarkdownOrderedList, MarkdownParagraph_default as MarkdownParagraph, MarkdownPreviewPane_default as MarkdownPreviewPane, MarkdownProvider_default as MarkdownProvider, MarkdownRenderer_default as MarkdownRenderer, MarkdownSourceEditor_default as MarkdownSourceEditor, MarkdownSplitEditor_default as MarkdownSplitEditor, MarkdownStrikethrough_default as MarkdownStrikethrough, MarkdownStrong_default as MarkdownStrong, MarkdownSummary, MarkdownTOC_default as MarkdownTOC, MarkdownTOCItem_default as MarkdownTOCItem, MarkdownTable_default as MarkdownTable, MarkdownTableBody, MarkdownTableCell, MarkdownTableHead, MarkdownTableHeaderCell, MarkdownTableRow, MarkdownTaskCheckbox_default as MarkdownTaskCheckbox, MarkdownThematicBreak_default as MarkdownThematicBreak, MarkdownToolbar_default as MarkdownToolbar, MarkdownUnorderedList, MarkdownViewer_default as MarkdownViewer, Menu, MenuGroup, MenuItem, MenuItemTitle, Modal_default as Modal, MotionSurface_default as MotionSurface, MultiImageInput_default as MultiImageInput, NumericRating_default as NumericRating, Overline, Paragraph, PiePlot, PollingChartDataSource, PriceTag, ProgressBar, ProgressBarRating_default as ProgressBarRating, Quote, Radio_default as Radio, RealtimeChartDataSource, ReviewThread_default as ReviewThread, RouteTab_default as RouteTab, RouteTabs_default as RouteTabs, ScatterPlot, ScrollToTop_default as ScrollToTop, Section, Select_default as Select, ShapeSwitch, ShowMore_default as ShowMore, Sidebar_default as Sidebar, SidebarLayout_default as SidebarLayout, SidemenuLayout_default as SidemenuLayout, Skeleton, Slider_default as Slider, Spinner_default as Spinner, StarRating_default as StarRating, StarRatingDistribution_default as StarRatingDistribution, StarRatingInput_default as StarRatingInput, StatPlot, StaticChartDataSource, Switch_default as Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table_default as Table, TableBody, TableCell, TableElement, TableFrame, TableHead, TableHeaderCell, TableRow, Tag_default as Tag, Tags_default as Tags, TextArea_default as TextArea, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, Toast, Tooltip6 as Tooltip, TopNav, Transition, TransitionAccordion_default as TransitionAccordion, TransitionBase_default as TransitionBase, TransitionDropdown_default as TransitionDropdown, TransitionFade_default as TransitionFade, TransitionFadeIn_default as TransitionFadeIn, TransitionScale_default as TransitionScale, TransitionSlide_default as TransitionSlide, Typography, UnderConstructionBanner, ValueBadge_default as ValueBadge, WorldMap, WorldMapCountryTable, YoutubeVideo_default as YoutubeVideoPlayer, addReplyToCache, addReviewReply, appendReview, applyReactionState, assertAbsoluteURL, buildURL, canDeleteReview, canDeleteReviewReply, canEditReview, canEditReviewReply, canReplyToReview, canReportReview, canReportReviewReply, chartReducer, cn, createConfigurator, createForceLayout, createGridLayout, createHeadingSlug, createInitialChartState, createTreeLayout, createURLResolver, decrementReplyCount, enumValues, euiToast, extractHeadings, findReview, formatChartValue, formatCommentDate, formatConfigError, formatReviewDate, generateHeadingNumbers, getAllowedOrigins, getBrowserHref, getBrowserOrigin, getBrowserRedirectURL, getCurrencySymbol, getLayout, getOptimisticDislikeState, getOptimisticLikeState, getSafeRedirect, hasReviewReply, incrementReplyCount, isMatch, isRenderFn, limitRealtimePoints, normalize, normalizeChartData, normalizeChartDataPoint, normalizeMarkdown, normalizeReview, normalizeReviewAuthor, normalizeReviewReply, parseJson, parseJsonRecord, parseUrlMap, prependReview, registerLayout, removeComment, removeCommentTreeFromCache, removeReview, removeReviewReply, replaceRealtimePoints, replaceReview, replaceReviewReply, resolveAppearanceStyles, resolveChartColor, resolveChartColors, resolveWithGlobal, sanitizeHeading, sendToast, slugify, toConfiguratorError, updateComment, updateReplyCacheComment, updateReview, updateReviewReply, upsertReview, useActiveHeading, useChartContext, useChartData, useChartPolling, useChartRealtime, useChartSeries, useChartTheme, useClickOutside, useCloudinaryConfig, useCurrentTheme_default as useCurrentTheme, useDrawer_default as useDrawer, useEUIConfig, useIsMobile_default as useIsMobile, useMarkdown, useMarkdownHeadings, useModal_default as useModal, useReviewThreadState, useTheme_default as useTheme };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map