elseware-ui 2.40.3 → 3.0.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import React25, { createContext, forwardRef, useState, useImperativeHandle, useEffect, useRef, useMemo, useCallback, useContext, Children, useId, createElement, isValidElement } from 'react';
+import React26, { createContext, forwardRef, useState, useImperativeHandle, useEffect, useRef, useMemo, useCallback, useContext, Children, useId, createElement, isValidElement } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { twMerge } from 'tailwind-merge';
 import { AiOutlineLoading } from 'react-icons/ai/index.js';
@@ -4718,7 +4718,7 @@ var init_python = __esm({
 });
 
 // node_modules/refractor/lang/jsx.js
-function jsx216(Prism2) {
+function jsx218(Prism2) {
   Prism2.register(javascript);
   Prism2.register(markup);
   (function(Prism3) {
@@ -4851,14 +4851,14 @@ var init_jsx = __esm({
   "node_modules/refractor/lang/jsx.js"() {
     init_javascript();
     init_markup();
-    jsx216.displayName = "jsx";
-    jsx216.aliases = [];
+    jsx218.displayName = "jsx";
+    jsx218.aliases = [];
   }
 });
 
 // node_modules/refractor/lang/tsx.js
 function tsx(Prism2) {
-  Prism2.register(jsx216);
+  Prism2.register(jsx218);
   Prism2.register(typescript);
   (function(Prism3) {
     var typescript2 = Prism3.util.clone(Prism3.languages.typescript);
@@ -5020,7 +5020,7 @@ var EUI_ANALYTICS_QUEUE_STORAGE_KEY = "eui.analytics.queue";
 var DEFAULT_ANALYTICS_CONFIG = {
   enabled: true,
   trackPageViews: true,
-  trackSession: false,
+  trackSession: true,
   flushIntervalMs: 1e4,
   maxBatchSize: 20,
   respectDoNotTrack: true,
@@ -5133,12 +5133,16 @@ var createAnalyticsEvent = ({
   type: type2,
   appId,
   sessionId,
-  anonymousId: options?.anonymousId ?? anonymousId,
-  userId: options?.userId ?? userId,
-  path: options?.path ?? getCurrentPath(),
-  referrer: options?.referrer ?? getCurrentReferrer(),
-  viewport: options?.viewport ?? getViewport(),
-  device: options?.device ?? getDeviceInfo(),
+  anonymousId,
+  userId,
+  path: getCurrentPath(),
+  fullUrl: getCurrentFullUrl(),
+  referrer: getCurrentReferrer(),
+  title: getCurrentTitle(),
+  timestamp: getNowISOString(),
+  viewport: getViewport(),
+  device: getDeviceInfo(),
+  ...options,
   metadata: {
     ...options?.metadata
   }
@@ -6044,6 +6048,31 @@ function resolveWithGlobal(config, props, defaults) {
   };
 }
 
+// src/components/data-entry/button/base/Button.config.ts
+var buttonModeAppearance = {
+  contained: "solid",
+  "contained-tonal": "lite",
+  outlined: "ghost",
+  text: "ghost"
+};
+function useResolvedButtonConfig({
+  compact = false,
+  mode,
+  variant,
+  appearance,
+  shape,
+  size
+}) {
+  const eui = useEUIConfig();
+  const configuredSize = size ?? eui?.config?.global?.size ?? "md";
+  return {
+    shape: shape ?? eui?.config?.global?.shape ?? "square",
+    size: compact && configuredSize === "md" ? "sm" : configuredSize,
+    variant: variant ?? eui?.config?.global?.variant ?? "success",
+    appearance: appearance ?? (mode ? buttonModeAppearance[mode] : "solid")
+  };
+}
+
 // src/data/enums.ts
 var Shape = /* @__PURE__ */ ((Shape2) => {
   Shape2["circle"] = "circle";
@@ -6219,7 +6248,31 @@ var toastShapeStyles = {
   ["softRoundedSquare" /* softRoundedSquare */]: "!rounded-3xl",
   ["square" /* square */]: "!rounded-none"
 };
-var sizes = {
+
+// src/components/data-entry/button/base/Button.styles.ts
+var buttonShapes = shapes;
+var buttonIconSizes = {
+  xs: 14,
+  sm: 16,
+  md: 18,
+  lg: 20,
+  xl: 22
+};
+function resolveButtonVariantStyles({
+  appearance,
+  variant
+}) {
+  return resolveAppearanceStyles({
+    appearance,
+    variant,
+    solid: variantsSolid,
+    lite: variantsLite,
+    ghost: variantsGhost
+  });
+}
+
+// src/components/data-entry/button/web/Button.web.styles.ts
+var webButtonSizes = {
   xs: "px-2 py-1 text-xs",
   sm: "px-3 py-1.5 text-sm",
   md: "px-4 py-2 text-base",
@@ -6234,24 +6287,54 @@ function Button({
   loading = false,
   disabled = false,
   block = false,
-  variant = "success",
-  appearance = "solid",
+  compact = false,
+  mode,
+  buttonColor,
+  textColor,
+  contentClassName,
+  labelClassName,
+  variant,
+  appearance,
   shape,
-  size = "md",
+  size,
+  style: style2,
+  contentStyle,
+  labelStyle,
+  accessibilityLabel,
+  accessibilityRole,
+  accessibilityState,
+  testID,
   className,
   onMouseMove,
+  onClick,
+  onPress,
   ...rest
 }) {
-  const eui = useEUIConfig();
-  const resolvedShape = shape ?? eui?.config?.global?.shape ?? "square";
-  const btnRef = useRef(null);
-  const variantStyles = resolveAppearanceStyles({
-    appearance,
+  const accessibility = accessibilityState;
+  const {
+    shape: resolvedShape,
+    size: resolvedSize,
+    variant: resolvedVariant,
+    appearance: resolvedAppearance
+  } = useResolvedButtonConfig({
+    compact,
+    mode,
     variant,
-    solid: variantsSolid,
-    lite: variantsLite,
-    ghost: variantsGhost
+    appearance,
+    shape,
+    size
+  });
+  const btnRef = useRef(null);
+  const variantStyles = resolveButtonVariantStyles({
+    appearance: resolvedAppearance,
+    variant: resolvedVariant
   });
+  const iconSize = buttonIconSizes[resolvedSize];
+  const labelContent = text10 || children3;
+  const resolvedIcon = typeof icon === "function" ? icon({
+    color: textColor ?? "currentColor",
+    size: iconSize
+  }) : icon;
   const handleMouseMove = (e) => {
     const btn = btnRef.current;
     if (!btn) return;
@@ -6262,6 +6345,12 @@ function Button({
     btn.style.setProperty("--glow-y", `${y3}px`);
     onMouseMove?.(e);
   };
+  const handleClick = (e) => {
+    onClick?.(e);
+    if (!e.defaultPrevented) {
+      onPress?.();
+    }
+  };
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -6269,13 +6358,25 @@ function Button({
       ref: btnRef,
       type: type2,
       disabled: disabled || loading,
+      onClick: handleClick,
       onMouseMove: handleMouseMove,
+      "aria-disabled": disabled || loading,
+      "aria-label": accessibilityLabel,
+      "aria-pressed": accessibility?.selected === void 0 ? void 0 : Boolean(accessibility.selected),
+      "data-testid": testID,
+      role: accessibilityRole,
+      style: {
+        background: buttonColor,
+        color: textColor,
+        ...style2
+      },
       className: cn(
         "relative overflow-hidden group inline-flex items-center justify-center gap-2 transition-all duration-300",
         variantStyles,
-        shapes[resolvedShape],
-        sizes[size],
+        buttonShapes[resolvedShape],
+        webButtonSizes[resolvedSize],
         block && "w-full",
+        mode === "text" && "border-transparent bg-transparent",
         (loading || disabled) && "brightness-75 grayscale cursor-not-allowed",
         !loading && !disabled && "hover:cursor-pointer",
         className
@@ -6297,14 +6398,41 @@ function Button({
           }
         ),
         loading && /* @__PURE__ */ jsx(AiOutlineLoading, { className: "animate-spin z-10" }),
-        icon && /* @__PURE__ */ jsx("span", { className: "z-10", children: icon }),
-        text10 && /* @__PURE__ */ jsx("span", { className: "z-10", children: text10 }),
-        children3 && /* @__PURE__ */ jsx("span", { className: "z-10", children: children3 })
+        resolvedIcon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "z-10 inline-flex shrink-0 items-center justify-center leading-none",
+              contentClassName
+            ),
+            style: {
+              height: iconSize,
+              lineHeight: 0,
+              width: iconSize,
+              ...contentStyle
+            },
+            children: resolvedIcon
+          }
+        ),
+        labelContent && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "z-10 inline-flex items-center justify-center leading-none",
+              labelClassName
+            ),
+            style: {
+              minHeight: iconSize,
+              ...labelStyle
+            },
+            children: labelContent
+          }
+        )
       ]
     }
   );
 }
-var Button_default = Button;
+var Button_web_default = Button;
 var Backdrop = ({ children: children3, styles }) => {
   return /* @__PURE__ */ jsx(
     "div",
@@ -6894,11 +7022,11 @@ function renderTransitionChild(children3, className) {
     return /* @__PURE__ */ jsx("div", { className, children: children3 });
   }
   const child = Children.only(children3);
-  if (!React25.isValidElement(child)) {
+  if (!React26.isValidElement(child)) {
     return /* @__PURE__ */ jsx("div", { className, children: child });
   }
   const element7 = child;
-  return React25.cloneElement(element7, {
+  return React26.cloneElement(element7, {
     className: classNames77(element7.props.className, className)
   });
 }
@@ -7788,7 +7916,7 @@ var Form = ({
     }
   );
 };
-var sizes2 = {
+var sizes = {
   xs: "px-2 py-1 text-xs",
   sm: "px-3 py-2 text-sm",
   md: "px-4 py-2 text-base",
@@ -7809,7 +7937,7 @@ function FormResponse({
         "font-poppins font-light text-sm": true,
         [`${variantsLite[variant]}`]: variant,
         [`${shapes[shape]}`]: shape,
-        [`${sizes2[size]}`]: size,
+        [`${sizes[size]}`]: size,
         [`${styles}`]: styles
       }),
       children: text10
@@ -8465,7 +8593,7 @@ var Breadcrumb = ({
           navigate(item.href);
         }
       };
-      return /* @__PURE__ */ jsxs(React25.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React26.Fragment, { children: [
         /* @__PURE__ */ jsx(
           BreadcrumbItem_default,
           {
@@ -16409,7 +16537,7 @@ var ListItem = ({
             children: bullet
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: TypographyComponent ? React25.cloneElement(
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: TypographyComponent ? React26.cloneElement(
           TypographyComponent,
           {
             className: cn(
@@ -16443,7 +16571,7 @@ function normalizeItem(item, defaultBulletType) {
       bulletType: defaultBulletType
     };
   }
-  if (React25.isValidElement(item)) {
+  if (React26.isValidElement(item)) {
     return {
       content: item,
       bulletType: defaultBulletType
@@ -16748,7 +16876,7 @@ var ProgressBar = ({
     hasBottomLabel && /* @__PURE__ */ jsx("div", { className: "mt-2", children: labelNode })
   ] });
 };
-var sizes3 = {
+var sizes2 = {
   ["xs" /* xs */]: "text-[10px]",
   ["sm" /* sm */]: "text-xs",
   ["md" /* md */]: "text-sm",
@@ -16778,7 +16906,7 @@ var StarRating = ({
         className: cn(
           "inline-flex items-center gap-[2px]",
           "text-yellow-500 dark:text-yellow-400",
-          sizes3[size],
+          sizes2[size],
           iconClassName
         ),
         children: [
@@ -16791,7 +16919,7 @@ var StarRating = ({
     showValue && valuePosition === "end" && ratingValue
   ] });
 };
-var sizes4 = {
+var sizes3 = {
   ["xs" /* xs */]: {
     value: "text-2xl",
     review: "text-xs"
@@ -16823,7 +16951,7 @@ var NumericRating = ({
   className,
   ...rest
 }) => {
-  const sizeStyles = sizes4[size];
+  const sizeStyles = sizes3[size];
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -17597,11 +17725,44 @@ var ThemeSwitch = () => {
     }
   );
 };
+function ThemeSelect({
+  ariaLabel,
+  label,
+  onChange,
+  options,
+  value
+}) {
+  const id2 = useId();
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: "inline-flex w-fit min-w-[112px] flex-col rounded-md border border-gray-300 bg-white px-2 py-1 shadow-sm dark:bg-gray-800",
+      htmlFor: id2,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium leading-3 text-gray-500 dark:text-gray-300", children: label }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            "aria-label": ariaLabel ?? label,
+            className: "h-5 bg-transparent p-0 text-sm leading-5 text-gray-900 outline-none dark:text-gray-100",
+            id: id2,
+            onChange: (event) => onChange?.(event.target.value),
+            value,
+            children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+          }
+        )
+      ]
+    }
+  );
+}
+var shapeOptions = Object.keys(Shape).map((shape) => ({
+  label: shape,
+  value: shape
+}));
 var ShapeSwitch = () => {
   const { config, setConfig } = useEUIConfig();
   const currentShape = config.global?.shape ?? "square";
-  const handleChange = (e) => {
-    const shape = e.target.value;
+  const handleChange = (shape) => {
     setConfig((prev) => ({
       ...prev,
       global: {
@@ -17610,15 +17771,41 @@ var ShapeSwitch = () => {
       }
     }));
   };
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1 w-fit", children: /* @__PURE__ */ jsx(
-    "select",
+  return /* @__PURE__ */ jsx(
+    ThemeSelect,
     {
-      value: currentShape,
+      ariaLabel: "Global shape",
+      label: "Shape",
       onChange: handleChange,
-      className: "\n          px-3 py-2 rounded-md border border-gray-300\n          bg-white dark:bg-gray-800\n          text-sm shadow-sm\n          focus:outline-none\n        ",
-      children: Object.keys(Shape).map((shape) => /* @__PURE__ */ jsx("option", { value: shape, children: shape }, shape))
+      options: shapeOptions,
+      value: currentShape
     }
-  ) });
+  );
+};
+var previewOptions = [
+  {
+    label: "Web",
+    value: "web"
+  },
+  {
+    label: "Native",
+    value: "native"
+  }
+];
+var PreviewSwitch = ({
+  onChange,
+  value = "web"
+}) => {
+  return /* @__PURE__ */ jsx(
+    ThemeSelect,
+    {
+      ariaLabel: "Preview platform",
+      label: "Preview",
+      onChange,
+      options: previewOptions,
+      value
+    }
+  );
 };
 
 // src/hooks/theme/useCurrentTheme.ts
@@ -29076,7 +29263,7 @@ function AsyncStateCard({
           isError ? /* @__PURE__ */ jsx(FormResponse_default, { text: message, variant: "danger" }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-eui-dark-500 dark:text-eui-light-400", children: message })
         ] }),
         onAction && actionText && /* @__PURE__ */ jsx(
-          Button_default,
+          Button_web_default,
           {
             type: "button",
             text: actionText,
@@ -29091,7 +29278,7 @@ function AsyncStateCard({
     }
   );
 }
-var AsyncStateCard_default = React25.memo(AsyncStateCard);
+var AsyncStateCard_default = React26.memo(AsyncStateCard);
 
 // src/components/utils/async-component-wrapper/asyncError.utils.ts
 var getDefaultErrorMessage = (error) => {
@@ -29272,7 +29459,7 @@ function AsyncComponentWrapper({
     /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: children3 })
   ] });
 }
-var AsyncComponentWrapper_default = React25.memo(AsyncComponentWrapper);
+var AsyncComponentWrapper_default = React26.memo(AsyncComponentWrapper);
 function Modal({
   title,
   show = false,
@@ -29439,7 +29626,7 @@ var CookiePreferencesModal = ({
         }) }),
         /* @__PURE__ */ jsxs("div", { className: "mt-5 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
           /* @__PURE__ */ jsx(
-            Button_default,
+            Button_web_default,
             {
               type: "button",
               text: cancelLabel,
@@ -29451,7 +29638,7 @@ var CookiePreferencesModal = ({
             }
           ),
           /* @__PURE__ */ jsx(
-            Button_default,
+            Button_web_default,
             {
               type: "button",
               text: saveLabel,
@@ -29543,7 +29730,7 @@ var CookieBanner = ({
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsx(
-              Button_default,
+              Button_web_default,
               {
                 type: "button",
                 text: acceptAllLabel,
@@ -29555,7 +29742,7 @@ var CookieBanner = ({
               }
             ),
             showCustomize ? /* @__PURE__ */ jsx(
-              Button_default,
+              Button_web_default,
               {
                 type: "button",
                 text: customizeLabel,
@@ -29567,7 +29754,7 @@ var CookieBanner = ({
               }
             ) : null,
             showRejectAll ? /* @__PURE__ */ jsx(
-              Button_default,
+              Button_web_default,
               {
                 type: "button",
                 text: rejectAllLabel,
@@ -29624,13 +29811,10 @@ var usePageTracking = ({
     }
     if (trackPageLeave && previousPathRef.current) {
       const durationMs = Date.now() - enteredAtRef.current;
-      trackRef.current("custom", {
+      trackRef.current("page_leave", {
         path: previousPathRef.current,
-        metadata: {
-          eventName: "page_leave",
-          durationMs,
-          ...metadata
-        }
+        durationMs,
+        metadata
       });
     }
     enteredAtRef.current = Date.now();
@@ -29638,24 +29822,17 @@ var usePageTracking = ({
     trackedPathsRef.current.add(nextPath);
     trackRef.current("page_view", {
       path: nextPath,
-      metadata: {
-        title,
-        fullUrl,
-        ...metadata
-      }
+      title,
+      fullUrl,
+      metadata
     });
     return () => {
       if (!trackPageLeave) return;
       const durationMs = Date.now() - enteredAtRef.current;
-      trackRef.current("custom", {
+      trackRef.current("page_leave", {
         path: nextPath,
-        metadata: {
-          eventName: "page_leave",
-          durationMs,
-          title,
-          fullUrl,
-          ...metadata
-        }
+        durationMs,
+        metadata
       });
     };
   }, [
@@ -29674,32 +29851,21 @@ var useSessionTracking = ({
   metadata
 } = {}) => {
   const { track } = useAnalytics();
-  const trackRef = useRef(track);
   const startedAtRef = useRef(Date.now());
   const endedRef = useRef(false);
-  useEffect(() => {
-    trackRef.current = track;
-  }, [track]);
-  const metadataKey = useMemo(() => JSON.stringify(metadata ?? {}), [metadata]);
   useEffect(() => {
     if (!enabled || !isBrowser()) return;
     startedAtRef.current = Date.now();
     endedRef.current = false;
-    trackRef.current("custom", {
-      metadata: {
-        eventName: "session_start",
-        ...metadata
-      }
+    track("session_start", {
+      metadata
     });
     const endSession = () => {
       if (endedRef.current) return;
       endedRef.current = true;
-      trackRef.current("custom", {
-        metadata: {
-          eventName: "session_end",
-          durationMs: Date.now() - startedAtRef.current,
-          ...metadata
-        }
+      track("session_end", {
+        durationMs: Date.now() - startedAtRef.current,
+        metadata
       });
     };
     const handleVisibilityChange = () => {
@@ -29714,7 +29880,7 @@ var useSessionTracking = ({
       window.removeEventListener("pagehide", endSession);
       document.removeEventListener("visibilitychange", handleVisibilityChange);
     };
-  }, [enabled, metadataKey]);
+  }, [enabled, metadata, track]);
 };
 var ContentArea = forwardRef(
   ({ children: children3, styles, enablePadding = false }, ref) => {
@@ -29802,6 +29968,9 @@ var Layout = ({
 var Header = ({
   position: position4 = "static",
   children: children3,
+  onPreviewPlatformChange,
+  previewPlatform = "web",
+  showPreviewPlatformSelector = false,
   styles
 }) => {
   return /* @__PURE__ */ jsx(
@@ -29816,9 +29985,16 @@ var Header = ({
         [`${styles}`]: styles
       }),
       children: /* @__PURE__ */ jsx("div", { className: "w-full", children: children3 ? children3 : /* @__PURE__ */ jsxs("div", { className: "flex flex-row w-full items-center justify-between px-4", children: [
-        /* @__PURE__ */ jsx("div", { children: "Header" }),
+        /* @__PURE__ */ jsx("div", { children: "elseware UI" }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-3 items-center", children: [
           /* @__PURE__ */ jsx(ThemeSwitch, {}),
+          showPreviewPlatformSelector ? /* @__PURE__ */ jsx(
+            PreviewSwitch,
+            {
+              onChange: onPreviewPlatformChange,
+              value: previewPlatform
+            }
+          ) : null,
           /* @__PURE__ */ jsx(ShapeSwitch, {})
         ] })
       ] }) })
@@ -30097,7 +30273,7 @@ function CommentComposer({
       ),
       (focused || value.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
         /* @__PURE__ */ jsx(
-          Button_default,
+          Button_web_default,
           {
             text: "Cancel",
             variant: "secondary",
@@ -30107,7 +30283,7 @@ function CommentComposer({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button_default,
+          Button_web_default,
           {
             text: submitLabel,
             variant: "primary",
@@ -31770,7 +31946,7 @@ function ReviewForm({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
       onCancel && /* @__PURE__ */ jsx(
-        Button_default,
+        Button_web_default,
         {
           text: cancelLabel,
           variant: "secondary",
@@ -31780,7 +31956,7 @@ function ReviewForm({
         }
       ),
       /* @__PURE__ */ jsx(
-        Button_default,
+        Button_web_default,
         {
           text: submitLabel,
           variant: "primary",
@@ -31806,7 +31982,7 @@ function ReviewComposer({
   if (!currentUser) {
     return /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-gray-200 bg-white p-4 dark:border-neutral-800 dark:bg-neutral-900", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Please login to post your review." }),
-      onLoginClick && /* @__PURE__ */ jsx(Button_default, { text: "Login", variant: "primary", onClick: onLoginClick })
+      onLoginClick && /* @__PURE__ */ jsx(Button_web_default, { text: "Login", variant: "primary", onClick: onLoginClick })
     ] }) });
   }
   return /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-gray-200 bg-white p-4 dark:border-neutral-800 dark:bg-neutral-900", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
@@ -32182,7 +32358,7 @@ function MyReviewPanel({
         /* @__PURE__ */ jsx(HeaderComponent, { review: myReview, config }),
         /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
           /* @__PURE__ */ jsx(
-            Button_default,
+            Button_web_default,
             {
               text: "Edit",
               variant: "secondary",
@@ -32192,7 +32368,7 @@ function MyReviewPanel({
             }
           ),
           onDeleteReview && /* @__PURE__ */ jsx(
-            Button_default,
+            Button_web_default,
             {
               text: "Delete",
               variant: "danger",
@@ -33137,7 +33313,7 @@ function ReviewThread({
         /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-red-600/80 dark:text-red-300/80", children: "Something went wrong while loading the review thread." })
       ] }),
       /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        Button_default,
+        Button_web_default,
         {
           text: "Retry",
           variant: "danger",
@@ -33977,11 +34153,11 @@ function addChildren(props, children3) {
     }
   }
 }
-function productionCreate(_2, jsx255, jsxs128) {
+function productionCreate(_2, jsx257, jsxs129) {
   return create3;
   function create3(_3, type2, props, key) {
     const isStaticChildren = Array.isArray(props.children);
-    const fn = isStaticChildren ? jsxs128 : jsx255;
+    const fn = isStaticChildren ? jsxs129 : jsx257;
     return key ? fn(type2, props, key) : fn(type2, props);
   }
 }
@@ -42371,7 +42547,7 @@ function markdownTable(table2, options) {
   let rowIndex = -1;
   while (++rowIndex < table2.length) {
     const row2 = [];
-    const sizes6 = [];
+    const sizes5 = [];
     let columnIndex2 = -1;
     if (table2[rowIndex].length > mostCellsPerRow) {
       mostCellsPerRow = table2[rowIndex].length;
@@ -42380,7 +42556,7 @@ function markdownTable(table2, options) {
       const cell = serialize2(table2[rowIndex][columnIndex2]);
       if (settings.alignDelimiters !== false) {
         const size = stringLength(cell);
-        sizes6[columnIndex2] = size;
+        sizes5[columnIndex2] = size;
         if (longestCellByColumn[columnIndex2] === void 0 || size > longestCellByColumn[columnIndex2]) {
           longestCellByColumn[columnIndex2] = size;
         }
@@ -42388,7 +42564,7 @@ function markdownTable(table2, options) {
       row2.push(cell);
     }
     cellMatrix[rowIndex] = row2;
-    sizeMatrix[rowIndex] = sizes6;
+    sizeMatrix[rowIndex] = sizes5;
   }
   let columnIndex = -1;
   if (typeof align === "object" && "length" in align) {
@@ -42403,7 +42579,7 @@ function markdownTable(table2, options) {
   }
   columnIndex = -1;
   const row = [];
-  const sizes5 = [];
+  const sizes4 = [];
   while (++columnIndex < mostCellsPerRow) {
     const code4 = alignments[columnIndex];
     let before = "";
@@ -42426,17 +42602,17 @@ function markdownTable(table2, options) {
       if (size > longestCellByColumn[columnIndex]) {
         longestCellByColumn[columnIndex] = size;
       }
-      sizes5[columnIndex] = size;
+      sizes4[columnIndex] = size;
     }
     row[columnIndex] = cell;
   }
   cellMatrix.splice(1, 0, row);
-  sizeMatrix.splice(1, 0, sizes5);
+  sizeMatrix.splice(1, 0, sizes4);
   rowIndex = -1;
   const lines = [];
   while (++rowIndex < cellMatrix.length) {
     const row2 = cellMatrix[rowIndex];
-    const sizes6 = sizeMatrix[rowIndex];
+    const sizes5 = sizeMatrix[rowIndex];
     columnIndex = -1;
     const line = [];
     while (++columnIndex < mostCellsPerRow) {
@@ -42444,7 +42620,7 @@ function markdownTable(table2, options) {
       let before = "";
       let after = "";
       if (settings.alignDelimiters !== false) {
-        const size = longestCellByColumn[columnIndex] - (sizes6[columnIndex] || 0);
+        const size = longestCellByColumn[columnIndex] - (sizes5[columnIndex] || 0);
         const code4 = alignments[columnIndex];
         if (code4 === 114) {
           before = " ".repeat(size);
@@ -54240,7 +54416,7 @@ function createElement2(_ref) {
       });
     }
     var children3 = childrenCreator(node2.children);
-    return /* @__PURE__ */ React25.createElement(TagName, _extends({
+    return /* @__PURE__ */ React26.createElement(TagName, _extends({
       key
     }, props), children3);
   }
@@ -54283,7 +54459,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__ */ React25.createElement("span", {
+    return /* @__PURE__ */ React26.createElement("span", {
       key: "line-".concat(i),
       className: "react-syntax-highlighter-line-number",
       style: typeof style2 === "function" ? style2(number3) : style2
@@ -54295,7 +54471,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__ */ React25.createElement("code", {
+  return /* @__PURE__ */ React26.createElement("code", {
     style: Object.assign({}, codeStyle, containerStyle)
   }, getAllLineNumbers({
     lines: codeString.replace(/\n$/, "").split("\n"),
@@ -54516,7 +54692,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 = _objectWithoutProperties(_ref7, _excluded);
     astGenerator = astGenerator || defaultAstGenerator;
-    var allLineNumbers = showLineNumbers ? /* @__PURE__ */ React25.createElement(AllLineNumbers, {
+    var allLineNumbers = showLineNumbers ? /* @__PURE__ */ React26.createElement(AllLineNumbers, {
       containerStyle: lineNumberContainerStyle,
       codeStyle: codeTagProps.style || {},
       numberStyle: lineNumberStyle,
@@ -54543,7 +54719,7 @@ function highlight_default(defaultAstGenerator, defaultStyle) {
       }, codeTagProps.style);
     }
     if (!astGenerator) {
-      return /* @__PURE__ */ React25.createElement(PreTag, preProps, allLineNumbers, /* @__PURE__ */ React25.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;
@@ -54563,7 +54739,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__ */ React25.createElement(PreTag, preProps, /* @__PURE__ */ React25.createElement(CodeTag, codeTagProps, !showInlineLineNumbers && allLineNumbers, renderer({
+    return /* @__PURE__ */ React26.createElement(PreTag, preProps, /* @__PURE__ */ React26.createElement(CodeTag, codeTagProps, !showInlineLineNumbers && allLineNumbers, renderer({
       rows,
       stylesheet: style2,
       useInlineStyles
@@ -54900,7 +55076,7 @@ var json_default = json;
 
 // node_modules/react-syntax-highlighter/dist/esm/languages/prism/jsx.js
 init_jsx();
-var jsx_default = jsx216;
+var jsx_default = jsx218;
 
 // node_modules/react-syntax-highlighter/dist/esm/languages/prism/markup.js
 init_markup();
@@ -57566,11 +57742,32 @@ function SidemenuLayout({ data, children: children3 }) {
   ) });
 }
 var SidemenuLayout_default = SidemenuLayout;
+var EUIDevPreviewPlatformContext = createContext({
+  platform: "web",
+  setPlatform: () => void 0
+});
+var useEUIDevPreviewPlatform = () => useContext(EUIDevPreviewPlatformContext);
 function EUIDevLayout({
   children: children3,
-  header = /* @__PURE__ */ jsx(Header, {}),
+  header,
   footer: footer2 = /* @__PURE__ */ jsx(Footer, {})
 }) {
+  const [platform, setPlatform] = useState("web");
+  const previewPlatform = useMemo(
+    () => ({
+      platform,
+      setPlatform
+    }),
+    [platform]
+  );
+  const resolvedHeader = header ?? /* @__PURE__ */ jsx(
+    Header,
+    {
+      onPreviewPlatformChange: setPlatform,
+      previewPlatform: platform,
+      showPreviewPlatformSelector: true
+    }
+  );
   return /* @__PURE__ */ jsx(
     EUIProvider,
     {
@@ -57582,8 +57779,8 @@ function EUIDevLayout({
         }
       },
       children: /* @__PURE__ */ jsx(GenericLayout_default, { children: /* @__PURE__ */ jsxs(Layout, { children: [
-        header,
-        /* @__PURE__ */ jsx(Content, { styles: "pt-[60px]", children: /* @__PURE__ */ jsx(ContentArea_default, { enablePadding: true, children: children3 }) }),
+        resolvedHeader,
+        /* @__PURE__ */ jsx(EUIDevPreviewPlatformContext.Provider, { value: previewPlatform, children: /* @__PURE__ */ jsx(Content, { styles: "pt-[60px]", children: /* @__PURE__ */ jsx(ContentArea_default, { enablePadding: true, children: children3 }) }) }),
         footer2
       ] }) })
     }
@@ -57612,6 +57809,6 @@ function ScrollToTop({
 }
 var ScrollToTop_default = ScrollToTop;
 
-export { Accordion_default as Accordion, AnalyticsContext, AnalyticsProvider, 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, 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_HEIGHT, CHART_DEFAULT_HORIZONTAL_BAR_RADIUS, 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, ChartPlotFrame, ChartProvider, ChartToolbar, ChartTooltip, Checkbox_default as Checkbox, Chip, CloudinaryImage2 as CloudinaryImage, CloudinaryProvider, CloudinaryVideo, Code, CodeMirrorMarkdownEditor_default as CodeMirrorMarkdownEditor, CommentThread_default as CommentThread, ConfigBootstrap_default as ConfigBootstrap, Configurator, ConfiguratorError, Content, ContentArea_default as ContentArea, CookieBanner, CookiePreferencesModal, DEFAULT_ANALYTICS_CONFIG, DEFAULT_COOKIE_CATEGORIES, DEFAULT_REVIEW_THREAD_CONFIG, DataView2 as DataView, DataViewContent, DataViewFilterGroup, DataViewFooter, DataViewHeader, DataViewPageSize, DataViewPagination, DataViewProvider, DataViewSearch, DataViewSidebar, DataViewSort, 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, EUI_ANALYTICS_ANONYMOUS_ID_STORAGE_KEY, EUI_ANALYTICS_CONSENT_STORAGE_KEY, EUI_ANALYTICS_QUEUE_STORAGE_KEY, 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, Input, InputFile, InputLabel_default as InputLabel, InputList, InputListGroup, InputResponse_default as InputResponse, Label, Layout, Lead, LinePlot, Link, List, 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, Overline, Paragraph, PiePlot, PollingChartDataSource, PriceTag, ProgressBar, 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, StarRating, StarRatingDistribution_default as StarRatingDistribution, StarRatingInput_default as StarRatingInput, StatPlot, StaticChartDataSource, Switch_default as Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, TableBody, TableCell, TableElement, TableFrame, TableHead, TableHeaderCell, TableRow, 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, WorldMap, WorldMapCountryTable, YoutubeVideo, YoutubeVideo as YoutubeVideoPlayer, addReplyToCache, addReviewReply, appendReview, applyReactionState, assertAbsoluteURL, buildURL, canDeleteReview, canDeleteReviewReply, canEditReview, canEditReviewReply, canReplyToReview, canReportReview, canReportReviewReply, clearAnalyticsQueueStorage, clearAnonymousIdStorage, clearConsentStorage, cn, createAnalyticsEvent, createAnalyticsId, createConfigurator, createDefaultConsent, createForceLayout, createGridLayout, createHeadingSlug, createTreeLayout, createURLResolver, decrementReplyCount, defaultFormatValue, defaultTiers, ensureAnonymousIdStorage, enumValues, euiToast, extractHeadings, findReview, formatChartLabel, formatChartValue, formatCommentDate, formatConfigError, formatReviewDate, generateHeadingNumbers, getAllowedOrigins, getBrowserHref, getBrowserOrigin, getBrowserRedirectURL, getConsentStatusFromCategories, getCurrencySymbol, getCurrentFullUrl, getCurrentPath, getCurrentReferrer, getCurrentTitle, getDeviceInfo, getDoNotTrackEnabled, getLayout, getNowISOString, getOptimisticDislikeState, getOptimisticLikeState, getSafeRedirect, getViewport, hasReviewReply, incrementReplyCount, isBrowser, isMatch, isRenderFn, limitRealtimePoints, normalize, normalizeChartData, normalizeChartDataPoint, normalizeMarkdown, normalizeReview, normalizeReviewAuthor, normalizeReviewReply, parseJson, parseJsonRecord, parseUrlMap, prependReview, readAnalyticsQueueStorage, readAnonymousIdStorage, readConsentStorage, registerLayout, removeComment, removeCommentTreeFromCache, removeReview, removeReviewReply, replaceRealtimePoints, replaceReview, replaceReviewReply, resolveAppearanceStyles, resolveChartColor, resolveChartColors, resolveWithGlobal, safeReadStorage, safeRemoveStorage, safeWriteStorage, sanitizeHeading, sendToast, slugify, toConfiguratorError, updateComment, updateReplyCacheComment, updateReview, updateReviewReply, upsertReview, useActiveHeading, useAnalytics, useChartContext, useChartData, useChartPolling, useChartRealtime, useChartSeries, useChartTheme, useClickOutside, useCloudinaryConfig, useCookieConsent, useCurrentTheme_default as useCurrentTheme, useDrawer_default as useDrawer, useEUIConfig, useIsMobile_default as useIsMobile, useMarkdown, useMarkdownHeadings, useModal_default as useModal, usePageTracking, useResolvedChartState, useReviewThreadState, useSessionTracking, useTheme_default as useTheme, writeAnalyticsQueueStorage, writeConsentStorage };
+export { Accordion_default as Accordion, AnalyticsContext, AnalyticsProvider, 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, Breadcrumb, BreadcrumbItem_default as BreadcrumbItem, Button_web_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_HEIGHT, CHART_DEFAULT_HORIZONTAL_BAR_RADIUS, 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, ChartPlotFrame, ChartProvider, ChartToolbar, ChartTooltip, Checkbox_default as Checkbox, Chip, CloudinaryImage2 as CloudinaryImage, CloudinaryProvider, CloudinaryVideo, Code, CodeMirrorMarkdownEditor_default as CodeMirrorMarkdownEditor, CommentThread_default as CommentThread, ConfigBootstrap_default as ConfigBootstrap, Configurator, ConfiguratorError, Content, ContentArea_default as ContentArea, CookieBanner, CookiePreferencesModal, DEFAULT_ANALYTICS_CONFIG, DEFAULT_COOKIE_CATEGORIES, DEFAULT_REVIEW_THREAD_CONFIG, DataView2 as DataView, DataViewContent, DataViewFilterGroup, DataViewFooter, DataViewHeader, DataViewPageSize, DataViewPagination, DataViewProvider, DataViewSearch, DataViewSidebar, DataViewSort, 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, EUI_ANALYTICS_ANONYMOUS_ID_STORAGE_KEY, EUI_ANALYTICS_CONSENT_STORAGE_KEY, EUI_ANALYTICS_QUEUE_STORAGE_KEY, 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, Input, InputFile, InputLabel_default as InputLabel, InputList, InputListGroup, InputResponse_default as InputResponse, Label, Layout, Lead, LinePlot, Link, List, 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, Overline, Paragraph, PiePlot, PollingChartDataSource, PreviewSwitch, PriceTag, ProgressBar, 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, StarRating, StarRatingDistribution_default as StarRatingDistribution, StarRatingInput_default as StarRatingInput, StatPlot, StaticChartDataSource, Switch_default as Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, TableBody, TableCell, TableElement, TableFrame, TableHead, TableHeaderCell, TableRow, Tag, Tags_default as Tags, TextArea_default as TextArea, ThemeContext, ThemeProvider, ThemeSelect, 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, WorldMap, WorldMapCountryTable, YoutubeVideo, YoutubeVideo as YoutubeVideoPlayer, addReplyToCache, addReviewReply, appendReview, applyReactionState, assertAbsoluteURL, buildURL, canDeleteReview, canDeleteReviewReply, canEditReview, canEditReviewReply, canReplyToReview, canReportReview, canReportReviewReply, clearAnalyticsQueueStorage, clearAnonymousIdStorage, clearConsentStorage, cn, createAnalyticsEvent, createAnalyticsId, createConfigurator, createDefaultConsent, createForceLayout, createGridLayout, createHeadingSlug, createTreeLayout, createURLResolver, decrementReplyCount, defaultFormatValue, defaultTiers, ensureAnonymousIdStorage, enumValues, euiToast, extractHeadings, findReview, formatChartLabel, formatChartValue, formatCommentDate, formatConfigError, formatReviewDate, generateHeadingNumbers, getAllowedOrigins, getBrowserHref, getBrowserOrigin, getBrowserRedirectURL, getConsentStatusFromCategories, getCurrencySymbol, getCurrentFullUrl, getCurrentPath, getCurrentReferrer, getCurrentTitle, getDeviceInfo, getDoNotTrackEnabled, getLayout, getNowISOString, getOptimisticDislikeState, getOptimisticLikeState, getSafeRedirect, getViewport, hasReviewReply, incrementReplyCount, isBrowser, isMatch, isRenderFn, limitRealtimePoints, normalize, normalizeChartData, normalizeChartDataPoint, normalizeMarkdown, normalizeReview, normalizeReviewAuthor, normalizeReviewReply, parseJson, parseJsonRecord, parseUrlMap, prependReview, readAnalyticsQueueStorage, readAnonymousIdStorage, readConsentStorage, registerLayout, removeComment, removeCommentTreeFromCache, removeReview, removeReviewReply, replaceRealtimePoints, replaceReview, replaceReviewReply, resolveAppearanceStyles, resolveChartColor, resolveChartColors, resolveWithGlobal, safeReadStorage, safeRemoveStorage, safeWriteStorage, sanitizeHeading, sendToast, slugify, toConfiguratorError, updateComment, updateReplyCacheComment, updateReview, updateReviewReply, upsertReview, useActiveHeading, useAnalytics, useChartContext, useChartData, useChartPolling, useChartRealtime, useChartSeries, useChartTheme, useClickOutside, useCloudinaryConfig, useCookieConsent, useCurrentTheme_default as useCurrentTheme, useDrawer_default as useDrawer, useEUIConfig, useEUIDevPreviewPlatform, useIsMobile_default as useIsMobile, useMarkdown, useMarkdownHeadings, useModal_default as useModal, usePageTracking, useResolvedChartState, useReviewThreadState, useSessionTracking, useTheme_default as useTheme, writeAnalyticsQueueStorage, writeConsentStorage };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map