@dynatrace/strato-components 3.11.3 → 3.12.0

package/esm/content/code-snippet/CodeHighlight.css

@@ -1,4 +1,4 @@
-._1jmxup81-3-11-3 {
+._1jmxup81-3-12-0 {
   margin: 0;
   padding: 0;
   overflow: visible;
@@ -8,19 +8,19 @@
   font-weight: var(--dt-typography-code-base-default-weight, 400);
   word-break: break-word;
 }
-._1jmxup82-3-11-3 {
+._1jmxup82-3-12-0 {
   font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
   font-size: var(--dt-typography-code-base-default-size, 14px);
   line-height: var(--dt-typography-code-base-default-line-height, 1.4285714286);
   min-height: calc(2 * var(--dt-spacings-size-12, 12px) + var(--dt-spacings-size-20, 20px));
 }
-._1jmxup83-3-11-3 {
+._1jmxup83-3-12-0 {
   font-family: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
   font-size: var(--dt-typography-code-small-default-size, 12px);
   line-height: var(--dt-typography-code-small-default-line-height, 1.333333333);
   min-height: calc(2 * var(--dt-spacings-size-6, 6px) + var(--dt-spacings-size-16, 16px));
 }
-._1jmxup84-3-11-3 {
+._1jmxup84-3-12-0 {
   display: table-cell;
   position: sticky;
   left: 0;
@@ -32,75 +32,75 @@
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   user-select: none;
 }
-._1jgl8s50-3-11-3 ._1jmxup84-3-11-3 {
+._1jgl8s50-3-12-0 ._1jmxup84-3-12-0 {
   border-right-width: var(--dt-borders-width-default, 1px);
 }
-._1jmxup85-3-11-3 {
+._1jmxup85-3-12-0 {
   white-space: nowrap;
 }
-._1jmxup86-3-11-3 {
+._1jmxup86-3-12-0 {
   white-space: pre;
 }
-._1jmxup87-3-11-3 {
+._1jmxup87-3-12-0 {
   display: table-row;
 }
-._1jmxup88-3-11-3 {
+._1jmxup88-3-12-0 {
   display: block;
   box-sizing: border-box;
   pointer-events: none;
   user-select: none;
   -webkit-user-select: none;
 }
-._1jmxup88-3-11-3::before {
+._1jmxup88-3-12-0::before {
   content: attr(data-linenumber);
 }
-._1jmxup82-3-11-3 ._1jmxup87-3-11-3:first-child ._1jmxup88-3-11-3 {
+._1jmxup82-3-12-0 ._1jmxup87-3-12-0:first-child ._1jmxup88-3-12-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup83-3-11-3 ._1jmxup87-3-11-3:first-child ._1jmxup88-3-11-3 {
+._1jmxup83-3-12-0 ._1jmxup87-3-12-0:first-child ._1jmxup88-3-12-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup82-3-11-3 ._1jmxup87-3-11-3:last-child ._1jmxup88-3-11-3 {
+._1jmxup82-3-12-0 ._1jmxup87-3-12-0:last-child ._1jmxup88-3-12-0 {
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup83-3-11-3 ._1jmxup87-3-11-3:last-child ._1jmxup88-3-11-3 {
+._1jmxup83-3-12-0 ._1jmxup87-3-12-0:last-child ._1jmxup88-3-12-0 {
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup89-3-11-3 {
+._1jmxup89-3-12-0 {
   padding-left: var(--dt-spacings-size-16, 16px);
   min-width: 33px;
 }
-._1jmxup8a-3-11-3 {
+._1jmxup8a-3-12-0 {
   padding-left: var(--dt-spacings-size-12, 12px);
   min-width: 27px;
 }
-._1jmxup8c-3-11-3 {
+._1jmxup8c-3-12-0 {
   white-space: pre;
 }
-._1jmxup8d-3-11-3 {
+._1jmxup8d-3-12-0 {
   display: table-cell;
   width: 100%;
 }
-._1jmxup82-3-11-3 ._1jmxup87-3-11-3:first-child ._1jmxup8d-3-11-3 {
+._1jmxup82-3-12-0 ._1jmxup87-3-12-0:first-child ._1jmxup8d-3-12-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup83-3-11-3 ._1jmxup87-3-11-3:first-child ._1jmxup8d-3-11-3 {
+._1jmxup83-3-12-0 ._1jmxup87-3-12-0:first-child ._1jmxup8d-3-12-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup82-3-11-3 ._1jmxup87-3-11-3:last-child ._1jmxup8d-3-11-3 {
+._1jmxup82-3-12-0 ._1jmxup87-3-12-0:last-child ._1jmxup8d-3-12-0 {
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup83-3-11-3 ._1jmxup87-3-11-3:last-child ._1jmxup8d-3-11-3 {
+._1jmxup83-3-12-0 ._1jmxup87-3-12-0:last-child ._1jmxup8d-3-12-0 {
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup8e-3-11-3 {
+._1jmxup8e-3-12-0 {
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-8, 8px);
 }
-._1jmxup8f-3-11-3 {
+._1jmxup8f-3-12-0 {
   padding-left: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup8h-3-11-3 {
+._1jmxup8h-3-12-0 {
   white-space: pre;
 }

package/esm/content/code-snippet/CodeHighlight.sty.js

@@ -1,12 +1,12 @@
 import "../../core/components/app-root/AppRoot.css";
 import "./CodeHighlight.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var gutterColumnWidth = "var(--_1jmxup80-3-11-3)";
-var highlightWrapper = _7a468({ defaultClassName: "_1jmxup81-3-11-3", variantClassNames: { size: { "default": "_1jmxup82-3-11-3", condensed: "_1jmxup83-3-11-3" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var line = "_1jmxup87-3-11-3";
-var lineContent = _7a468({ defaultClassName: "_1jmxup8d-3-11-3", variantClassNames: { size: { "default": "_1jmxup8e-3-11-3", condensed: "_1jmxup8f-3-11-3" }, multiLine: { false: "_1jmxup8g-3-11-3", true: "_1jmxup8h-3-11-3" } }, defaultVariants: { size: "default", multiLine: false }, compoundVariants: [] });
-var lineNumber = _7a468({ defaultClassName: "_1jmxup88-3-11-3", variantClassNames: { size: { "default": "_1jmxup89-3-11-3", condensed: "_1jmxup8a-3-11-3" }, multiLine: { false: "_1jmxup8b-3-11-3", true: "_1jmxup8c-3-11-3" } }, defaultVariants: { size: "default", multiLine: false }, compoundVariants: [] });
-var lineNumberContainer = _7a468({ defaultClassName: "_1jmxup84-3-11-3", variantClassNames: { multiLine: { false: "_1jmxup85-3-11-3", true: "_1jmxup86-3-11-3" } }, defaultVariants: { multiLine: false }, compoundVariants: [] });
+var gutterColumnWidth = "var(--_1jmxup80-3-12-0)";
+var highlightWrapper = _7a468({ defaultClassName: "_1jmxup81-3-12-0", variantClassNames: { size: { "default": "_1jmxup82-3-12-0", condensed: "_1jmxup83-3-12-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var line = "_1jmxup87-3-12-0";
+var lineContent = _7a468({ defaultClassName: "_1jmxup8d-3-12-0", variantClassNames: { size: { "default": "_1jmxup8e-3-12-0", condensed: "_1jmxup8f-3-12-0" }, multiLine: { false: "_1jmxup8g-3-12-0", true: "_1jmxup8h-3-12-0" } }, defaultVariants: { size: "default", multiLine: false }, compoundVariants: [] });
+var lineNumber = _7a468({ defaultClassName: "_1jmxup88-3-12-0", variantClassNames: { size: { "default": "_1jmxup89-3-12-0", condensed: "_1jmxup8a-3-12-0" }, multiLine: { false: "_1jmxup8b-3-12-0", true: "_1jmxup8c-3-12-0" } }, defaultVariants: { size: "default", multiLine: false }, compoundVariants: [] });
+var lineNumberContainer = _7a468({ defaultClassName: "_1jmxup84-3-12-0", variantClassNames: { multiLine: { false: "_1jmxup85-3-12-0", true: "_1jmxup86-3-12-0" } }, defaultVariants: { multiLine: false }, compoundVariants: [] });
 var lineNumberMinWidth = { "default": "33px", condensed: "27px" };
 export {
   gutterColumnWidth,

package/esm/content/code-snippet/CodeHighlight.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/code-snippet/CodeHighlight.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './CodeHighlight.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var gutterColumnWidth = 'var(--_1jmxup80-3-11-3)';\nexport var highlightWrapper = _7a468({defaultClassName:'_1jmxup81-3-11-3',variantClassNames:{size:{'default':'_1jmxup82-3-11-3',condensed:'_1jmxup83-3-11-3'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var line = '_1jmxup87-3-11-3';\nexport var lineContent = _7a468({defaultClassName:'_1jmxup8d-3-11-3',variantClassNames:{size:{'default':'_1jmxup8e-3-11-3',condensed:'_1jmxup8f-3-11-3'},multiLine:{false:'_1jmxup8g-3-11-3',true:'_1jmxup8h-3-11-3'}},defaultVariants:{size:'default',multiLine:false},compoundVariants:[]});\nexport var lineNumber = _7a468({defaultClassName:'_1jmxup88-3-11-3',variantClassNames:{size:{'default':'_1jmxup89-3-11-3',condensed:'_1jmxup8a-3-11-3'},multiLine:{false:'_1jmxup8b-3-11-3',true:'_1jmxup8c-3-11-3'}},defaultVariants:{size:'default',multiLine:false},compoundVariants:[]});\nexport var lineNumberContainer = _7a468({defaultClassName:'_1jmxup84-3-11-3',variantClassNames:{multiLine:{false:'_1jmxup85-3-11-3',true:'_1jmxup86-3-11-3'}},defaultVariants:{multiLine:false},compoundVariants:[]});\nexport var lineNumberMinWidth = {'default':'33px',condensed:'27px'};"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './CodeHighlight.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var gutterColumnWidth = 'var(--_1jmxup80-3-12-0)';\nexport var highlightWrapper = _7a468({defaultClassName:'_1jmxup81-3-12-0',variantClassNames:{size:{'default':'_1jmxup82-3-12-0',condensed:'_1jmxup83-3-12-0'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var line = '_1jmxup87-3-12-0';\nexport var lineContent = _7a468({defaultClassName:'_1jmxup8d-3-12-0',variantClassNames:{size:{'default':'_1jmxup8e-3-12-0',condensed:'_1jmxup8f-3-12-0'},multiLine:{false:'_1jmxup8g-3-12-0',true:'_1jmxup8h-3-12-0'}},defaultVariants:{size:'default',multiLine:false},compoundVariants:[]});\nexport var lineNumber = _7a468({defaultClassName:'_1jmxup88-3-12-0',variantClassNames:{size:{'default':'_1jmxup89-3-12-0',condensed:'_1jmxup8a-3-12-0'},multiLine:{false:'_1jmxup8b-3-12-0',true:'_1jmxup8c-3-12-0'}},defaultVariants:{size:'default',multiLine:false},compoundVariants:[]});\nexport var lineNumberContainer = _7a468({defaultClassName:'_1jmxup84-3-12-0',variantClassNames:{multiLine:{false:'_1jmxup85-3-12-0',true:'_1jmxup86-3-12-0'}},defaultVariants:{multiLine:false},compoundVariants:[]});\nexport var lineNumberMinWidth = {'default':'33px',condensed:'27px'};"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7M,IAAI,OAAO;AACX,IAAI,cAAc,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,GAAE,WAAU,EAAC,OAAM,oBAAmB,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,MAAK,WAAU,WAAU,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrR,IAAI,aAAa,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,GAAE,WAAU,EAAC,OAAM,oBAAmB,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,MAAK,WAAU,WAAU,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACpR,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,WAAU,EAAC,OAAM,oBAAmB,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,WAAU,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7M,IAAI,qBAAqB,EAAC,WAAU,QAAO,WAAU,OAAM;",
   "names": []
 }

package/esm/content/code-snippet/CodeSnippet.css

@@ -1,4 +1,4 @@
-._17pa72a1-3-11-3 {
+._17pa72a1-3-12-0 {
   position: relative;
   display: flex;
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
@@ -9,36 +9,36 @@
   overflow: auto;
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1jgl8s50-3-11-3 ._17pa72a1-3-11-3 {
+._1jgl8s50-3-12-0 ._17pa72a1-3-12-0 {
   border-width: var(--dt-borders-width-default, 1px);
 }
-._17pa72a2-3-11-3 {
+._17pa72a2-3-12-0 {
   min-height: 100%;
   max-height: 100%;
 }
-._17pa72a3-3-11-3 {
-  --_17pa72a0-3-11-3: var(--dt-borders-width-emphasized, 2px);
+._17pa72a3-3-12-0 {
+  --_17pa72a0-3-12-0: var(--dt-borders-width-emphasized, 2px);
 }
-._1jgl8s50-3-11-3 ._17pa72a3-3-11-3 {
-  --_17pa72a0-3-11-3: var(--dt-borders-width-default, 1px);
+._1jgl8s50-3-12-0 ._17pa72a3-3-12-0 {
+  --_17pa72a0-3-12-0: var(--dt-borders-width-default, 1px);
 }
-._17pa72a3-3-11-3::before {
+._17pa72a3-3-12-0::before {
   content: "";
   position: sticky;
   left: 0;
   flex-shrink: 0;
-  width: var(--_1jmxup80-3-11-3);
-  margin-right: calc(-1 * var(--_1jmxup80-3-11-3));
+  width: var(--_1jmxup80-3-12-0);
+  margin-right: calc(-1 * var(--_1jmxup80-3-12-0));
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
-  box-shadow: inset calc(-1 * var(--_17pa72a0-3-11-3)) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
+  box-shadow: inset calc(-1 * var(--_17pa72a0-3-12-0)) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._17pa72a4-3-11-3 {
-  --_1jmxup80-3-11-3: calc(33px + var(--dt-spacings-size-16, 16px) + var(--_17pa72a0-3-11-3));
+._17pa72a4-3-12-0 {
+  --_1jmxup80-3-12-0: calc(33px + var(--dt-spacings-size-16, 16px) + var(--_17pa72a0-3-12-0));
 }
-._17pa72a5-3-11-3 {
-  --_1jmxup80-3-11-3: calc(27px + var(--dt-spacings-size-16, 16px) + var(--_17pa72a0-3-11-3));
+._17pa72a5-3-12-0 {
+  --_1jmxup80-3-12-0: calc(27px + var(--dt-spacings-size-16, 16px) + var(--_17pa72a0-3-12-0));
 }
-._17pa72a6-3-11-3 {
+._17pa72a6-3-12-0 {
   position: sticky;
   display: flex;
   align-self: stretch;
@@ -47,9 +47,9 @@
   inset-block: 0;
   right: 0;
 }
-._17pa72a7-3-11-3 {
+._17pa72a7-3-12-0 {
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-6, 6px) 0;
 }
-._17pa72a8-3-11-3 {
+._17pa72a8-3-12-0 {
   padding: var(--dt-spacings-size-2, 2px) var(--dt-spacings-size-2, 2px) var(--dt-spacings-size-2, 2px) 0;
 }

package/esm/content/code-snippet/CodeSnippet.js

@@ -1,6 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import writeText from "copy-to-clipboard";
 import {
   forwardRef,
   useCallback,
@@ -17,6 +16,7 @@ import { Button } from "../../buttons/button/Button.js";
 import { useAriaLabelingProps } from "../../core/hooks/useAriaLabelingProps.js";
 import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useSafeForwardProps } from "../../core/hooks/useSafeForwardProps.js";
+import { devLog } from "../../core/utils/logging.js";
 import { useContainerFocus } from "../../forms/hooks/useContainerFocus.js";
 import { Tooltip } from "../../overlays/tooltip/Tooltip.js";
 const COMPONENT_NAME = "CodeSnippet";
@@ -59,7 +59,14 @@ const CodeSnippet = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const [isTooltipOpen, setIsTooltipOpen] = useState(false);
   const intl = useIntl();
   const handleCopy = async () => {
-    writeText(copyText, { format: "text/plain" });
+    try {
+      await navigator.clipboard.writeText(copyText);
+    } catch {
+      devLog(
+        "CodeSnippet: clipboard access was blocked (restricted iframe or strict CSP). Nothing was copied."
+      );
+      return;
+    }
     setHasCopied(true);
     setIsTooltipOpen(true);
     onCopy?.();
@@ -67,10 +74,17 @@ const CodeSnippet = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const copySelection = useCallback(
     (event) => {
       const selection = document.getSelection();
+      const clipboardData = event.nativeEvent.clipboardData;
       if (selection === null) {
         return;
       }
-      event.clipboardData.setData("text/plain", selection.toString());
+      if (clipboardData === null) {
+        devLog(
+          "CodeSnippet: clipboard access was blocked (restricted iframe or strict CSP). Nothing was copied."
+        );
+        return;
+      }
+      clipboardData.setData("text/plain", selection.toString());
       event.preventDefault();
     },
     []

package/esm/content/code-snippet/CodeSnippet.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/code-snippet/CodeSnippet.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport writeText from 'copy-to-clipboard';\nimport {\n  type ClipboardEventHandler,\n  type FocusEvent,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { CodeHighlight } from './CodeHighlight.js';\nimport * as styles from './CodeSnippet.sty.js';\nimport type { HighlightLanguage } from './HighlightExtended.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { useContainerFocus } from '../../forms/hooks/useContainerFocus.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\n\nconst COMPONENT_NAME = 'CodeSnippet';\n\n/**\n * Props related to the height of the `CodeSnippet` component.\n * @public\n */\nexport type CodeSnippetHeightProps =\n  | {\n      /**\n       * Height of the code container. If this is known in advance, then very long\n       * code snippets will still be able to fit into the container while also\n       * having scrolling enabled. Value is given in px.\n       */\n      maxHeight?: number;\n      fullHeight?: false;\n    }\n  | {\n      /**\n       * Whether the code snippet should take up the available height of its parent container.\n       * @defaultValue false\n       */\n      fullHeight: true;\n      maxHeight?: never;\n    };\n\n/**\n * Props for the `CodeSnippet` component.\n * @public\n */\nexport type CodeSnippetProps = WithChildren &\n  StylingProps &\n  DataTestId &\n  MaskingProps &\n  AriaLabelingProps &\n  BehaviorTrackingProps &\n  CodeSnippetHeightProps & {\n    /**\n     * Code language to be used to run highlighting on the given code.\n     */\n    language?: HighlightLanguage;\n    /**\n     * Whether the copy button should be displayed.\n     * @defaultValue true\n     * @deprecated Will be removed. Use 'showCopyAction' instead\n     */\n    allowCopy?: boolean;\n    /**\n     * Whether the copy button should be displayed.\n     * @defaultValue true\n     */\n    showCopyAction?: boolean;\n    /**\n     * Whether line numbers should be shown.\n     * @defaultValue true\n     */\n    showLineNumbers?: boolean;\n    /**\n     * Whether the content breaks into new lines automatically or not.\n     * @defaultValue false\n     */\n    lineBreaks?: boolean;\n    /**\n     * Callback fired when copy button is clicked and the code snippet was copied.\n     */\n    onCopy?: () => void;\n    /**\n     * CodeSnippet layout size, 'default' for standard spacing and 'condensed' for reduced font size, padding and margins.\n     * @defaultValue 'default'\n     */\n    size?: 'default' | 'condensed';\n    /**\n     * Called when the component receives focus.\n     */\n    onFocus?: (e: FocusEvent<HTMLDivElement>) => void;\n    /**\n     * Called when the component loses focus.\n     */\n    onBlur?: (e: FocusEvent<HTMLDivElement>) => void;\n    /**\n     * Handler that is called when the element's focus status changes.\n     * @deprecated Use onFocus/onBlur instead.\n     */\n    onFocusChange?: (isFocused: boolean) => void;\n  };\n\n/**\n * Use the `CodeSnippet` to display a code block in a read-only context.\n * By default, the code is formatted but not highlighted.\n * @public\n */\nexport const CodeSnippet = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  CodeSnippetProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    language,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    allowCopy: allowCopyProp,\n    showCopyAction: showCopyActionProp,\n    showLineNumbers = true,\n    lineBreaks = false,\n    maxHeight,\n    onCopy,\n    size = 'default',\n    fullHeight = false,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    style: consumerStyle,\n    className: consumerClassName,\n    onFocus,\n    onBlur,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const showCopyAction = showCopyActionProp ?? allowCopyProp ?? true;\n\n  const { containerClassName, ...containerFocusProps } =\n    useContainerFocus<HTMLDivElement>({\n      onFocus,\n      onBlur,\n    });\n\n  const joinedChildren = useMemo(\n    () => (Array.isArray(children) ? children.join('') : children),\n    [children],\n  );\n\n  const copyText = `${joinedChildren?.toString() ?? ''}`;\n\n  const [hasCopied, setHasCopied] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const intl = useIntl();\n\n  const handleCopy = async () => {\n    writeText(copyText, { format: 'text/plain' });\n    setHasCopied(true);\n    setIsTooltipOpen(true);\n    onCopy?.();\n  };\n\n  const copySelection: ClipboardEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      const selection = document.getSelection();\n      if (selection === null) {\n        return;\n      }\n      // Firefox tends to add a new line separator per div (with user-select: none; css style rule)\n      // in the selection if the selection spans multiple divs (one div per line).\n      // See https://bugzilla.mozilla.org/show_bug.cgi?id=1273836\n      event.clipboardData.setData('text/plain', selection.toString());\n      event.preventDefault();\n    },\n    [],\n  );\n\n  const copyLabel = intl.formatMessage({\n    defaultMessage: 'Copy',\n    id: 'Yi8j4dchtpkwn/OB',\n    description: 'Shown for elements that trigger a copy to clipboard',\n  });\n\n  const copiedLabel = intl.formatMessage({\n    defaultMessage: 'Copied',\n    id: 'THNwSvfvDSXAUapi',\n    description: 'Shown after copying to clipboard',\n  });\n\n  const message = useMemo(() => {\n    return hasCopied ? copiedLabel : copyLabel;\n  }, [hasCopied, copiedLabel, copyLabel]);\n\n  const codeHighlightRef = useRef<HTMLPreElement | null>(null);\n\n  return (\n    <div\n      ref={forwardedRef}\n      onCopy={copySelection}\n      className={clsx(consumerClassName, containerClassName, styles.wrapper, {\n        [styles.wrapperFullHeight]: fullHeight,\n        [styles.wrapperGutter({ size })]: showLineNumbers,\n      })}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...containerFocusProps}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <CodeHighlight\n        ref={codeHighlightRef}\n        language={language}\n        code={copyText}\n        showLineNumbers={showLineNumbers}\n        lineBreaks={lineBreaks}\n        maxHeight={maxHeight}\n        size={size}\n      />\n      {showCopyAction ? (\n        <div className={styles.copyButtonContainer({ size })}>\n          <Tooltip\n            text={message}\n            placement=\"top\"\n            open={isTooltipOpen}\n            delay=\"none\"\n            onOpenChange={(isOpen) => {\n              setIsTooltipOpen(isOpen);\n              if (!isOpen) {\n                setHasCopied(false);\n              }\n            }}\n          >\n            <Button\n              variant=\"default\"\n              size={size}\n              aria-label={copyLabel}\n              onClick={() => void handleCopy()}\n              style={{ borderRadius: Borders.Radius.Field.Subdued }}\n              data-dt-children-name=\"Copy\"\n            >\n              <Button.Prefix>\n                <CopyIcon />\n              </Button.Prefix>\n            </Button>\n          </Tooltip>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\n(CodeSnippet as typeof CodeSnippet & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type ClipboardEventHandler,\n  type FocusEvent,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { CodeHighlight } from './CodeHighlight.js';\nimport * as styles from './CodeSnippet.sty.js';\nimport type { HighlightLanguage } from './HighlightExtended.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { devLog } from '../../core/utils/logging.js';\nimport { useContainerFocus } from '../../forms/hooks/useContainerFocus.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\n\nconst COMPONENT_NAME = 'CodeSnippet';\n\n/**\n * Props related to the height of the `CodeSnippet` component.\n * @public\n */\nexport type CodeSnippetHeightProps =\n  | {\n      /**\n       * Height of the code container. If this is known in advance, then very long\n       * code snippets will still be able to fit into the container while also\n       * having scrolling enabled. Value is given in px.\n       */\n      maxHeight?: number;\n      fullHeight?: false;\n    }\n  | {\n      /**\n       * Whether the code snippet should take up the available height of its parent container.\n       * @defaultValue false\n       */\n      fullHeight: true;\n      maxHeight?: never;\n    };\n\n/**\n * Props for the `CodeSnippet` component.\n * @public\n */\nexport type CodeSnippetProps = WithChildren &\n  StylingProps &\n  DataTestId &\n  MaskingProps &\n  AriaLabelingProps &\n  BehaviorTrackingProps &\n  CodeSnippetHeightProps & {\n    /**\n     * Code language to be used to run highlighting on the given code.\n     */\n    language?: HighlightLanguage;\n    /**\n     * Whether the copy button should be displayed.\n     * @defaultValue true\n     * @deprecated Will be removed. Use 'showCopyAction' instead\n     */\n    allowCopy?: boolean;\n    /**\n     * Whether the copy button should be displayed.\n     * @defaultValue true\n     */\n    showCopyAction?: boolean;\n    /**\n     * Whether line numbers should be shown.\n     * @defaultValue true\n     */\n    showLineNumbers?: boolean;\n    /**\n     * Whether the content breaks into new lines automatically or not.\n     * @defaultValue false\n     */\n    lineBreaks?: boolean;\n    /**\n     * Callback fired when copy button is clicked and the code snippet was copied.\n     */\n    onCopy?: () => void;\n    /**\n     * CodeSnippet layout size, 'default' for standard spacing and 'condensed' for reduced font size, padding and margins.\n     * @defaultValue 'default'\n     */\n    size?: 'default' | 'condensed';\n    /**\n     * Called when the component receives focus.\n     */\n    onFocus?: (e: FocusEvent<HTMLDivElement>) => void;\n    /**\n     * Called when the component loses focus.\n     */\n    onBlur?: (e: FocusEvent<HTMLDivElement>) => void;\n    /**\n     * Handler that is called when the element's focus status changes.\n     * @deprecated Use onFocus/onBlur instead.\n     */\n    onFocusChange?: (isFocused: boolean) => void;\n  };\n\n/**\n * Use the `CodeSnippet` to display a code block in a read-only context.\n * By default, the code is formatted but not highlighted.\n * @public\n */\nexport const CodeSnippet = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  CodeSnippetProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    language,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    allowCopy: allowCopyProp,\n    showCopyAction: showCopyActionProp,\n    showLineNumbers = true,\n    lineBreaks = false,\n    maxHeight,\n    onCopy,\n    size = 'default',\n    fullHeight = false,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    style: consumerStyle,\n    className: consumerClassName,\n    onFocus,\n    onBlur,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const showCopyAction = showCopyActionProp ?? allowCopyProp ?? true;\n\n  const { containerClassName, ...containerFocusProps } =\n    useContainerFocus<HTMLDivElement>({\n      onFocus,\n      onBlur,\n    });\n\n  const joinedChildren = useMemo(\n    () => (Array.isArray(children) ? children.join('') : children),\n    [children],\n  );\n\n  const copyText = `${joinedChildren?.toString() ?? ''}`;\n\n  const [hasCopied, setHasCopied] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const intl = useIntl();\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(copyText);\n    } catch {\n      devLog(\n        'CodeSnippet: clipboard access was blocked (restricted iframe or strict CSP). Nothing was copied.',\n      );\n      return;\n    }\n    setHasCopied(true);\n    setIsTooltipOpen(true);\n    onCopy?.();\n  };\n\n  const copySelection: ClipboardEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      const selection = document.getSelection();\n      const clipboardData = event.nativeEvent.clipboardData;\n      if (selection === null) {\n        return;\n      }\n      if (clipboardData === null) {\n        devLog(\n          'CodeSnippet: clipboard access was blocked (restricted iframe or strict CSP). Nothing was copied.',\n        );\n        return;\n      }\n      // Firefox tends to add a new line separator per div (with user-select: none; css style rule)\n      // in the selection if the selection spans multiple divs (one div per line).\n      // See https://bugzilla.mozilla.org/show_bug.cgi?id=1273836\n      clipboardData.setData('text/plain', selection.toString());\n      event.preventDefault();\n    },\n    [],\n  );\n\n  const copyLabel = intl.formatMessage({\n    defaultMessage: 'Copy',\n    id: 'Yi8j4dchtpkwn/OB',\n    description: 'Shown for elements that trigger a copy to clipboard',\n  });\n\n  const copiedLabel = intl.formatMessage({\n    defaultMessage: 'Copied',\n    id: 'THNwSvfvDSXAUapi',\n    description: 'Shown after copying to clipboard',\n  });\n\n  const message = useMemo(() => {\n    return hasCopied ? copiedLabel : copyLabel;\n  }, [hasCopied, copiedLabel, copyLabel]);\n\n  const codeHighlightRef = useRef<HTMLPreElement | null>(null);\n\n  return (\n    <div\n      ref={forwardedRef}\n      onCopy={copySelection}\n      className={clsx(consumerClassName, containerClassName, styles.wrapper, {\n        [styles.wrapperFullHeight]: fullHeight,\n        [styles.wrapperGutter({ size })]: showLineNumbers,\n      })}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...containerFocusProps}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <CodeHighlight\n        ref={codeHighlightRef}\n        language={language}\n        code={copyText}\n        showLineNumbers={showLineNumbers}\n        lineBreaks={lineBreaks}\n        maxHeight={maxHeight}\n        size={size}\n      />\n      {showCopyAction ? (\n        <div className={styles.copyButtonContainer({ size })}>\n          <Tooltip\n            text={message}\n            placement=\"top\"\n            open={isTooltipOpen}\n            delay=\"none\"\n            onOpenChange={(isOpen) => {\n              setIsTooltipOpen(isOpen);\n              if (!isOpen) {\n                setHasCopied(false);\n              }\n            }}\n          >\n            <Button\n              variant=\"default\"\n              size={size}\n              aria-label={copyLabel}\n              onClick={() => void handleCopy()}\n              style={{ borderRadius: Borders.Radius.Field.Subdued }}\n              data-dt-children-name=\"Copy\"\n            >\n              <Button.Prefix>\n                <CopyIcon />\n              </Button.Prefix>\n            </Button>\n          </Tooltip>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\n(CodeSnippet as typeof CodeSnippet & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/content/code-snippet/CodeSnippet.sty.js

@@ -2,10 +2,10 @@ import "../../core/components/app-root/AppRoot.css";
 import "./CodeHighlight.css";
 import "./CodeSnippet.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var copyButtonContainer = _7a468({ defaultClassName: "_17pa72a6-3-11-3", variantClassNames: { size: { "default": "_17pa72a7-3-11-3", condensed: "_17pa72a8-3-11-3" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var wrapper = "_17pa72a1-3-11-3";
-var wrapperFullHeight = "_17pa72a2-3-11-3";
-var wrapperGutter = _7a468({ defaultClassName: "_17pa72a3-3-11-3", variantClassNames: { size: { "default": "_17pa72a4-3-11-3", condensed: "_17pa72a5-3-11-3" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var copyButtonContainer = _7a468({ defaultClassName: "_17pa72a6-3-12-0", variantClassNames: { size: { "default": "_17pa72a7-3-12-0", condensed: "_17pa72a8-3-12-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var wrapper = "_17pa72a1-3-12-0";
+var wrapperFullHeight = "_17pa72a2-3-12-0";
+var wrapperGutter = _7a468({ defaultClassName: "_17pa72a3-3-12-0", variantClassNames: { size: { "default": "_17pa72a4-3-12-0", condensed: "_17pa72a5-3-12-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
 export {
   copyButtonContainer,
   wrapper,

package/esm/content/code-snippet/CodeSnippet.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/code-snippet/CodeSnippet.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './CodeHighlight.css';\nimport './CodeSnippet.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var copyButtonContainer = _7a468({defaultClassName:'_17pa72a6-3-11-3',variantClassNames:{size:{'default':'_17pa72a7-3-11-3',condensed:'_17pa72a8-3-11-3'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var wrapper = '_17pa72a1-3-11-3';\nexport var wrapperFullHeight = '_17pa72a2-3-11-3';\nexport var wrapperGutter = _7a468({defaultClassName:'_17pa72a3-3-11-3',variantClassNames:{size:{'default':'_17pa72a4-3-11-3',condensed:'_17pa72a5-3-11-3'}},defaultVariants:{size:'default'},compoundVariants:[]});"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './CodeHighlight.css';\nimport './CodeSnippet.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var copyButtonContainer = _7a468({defaultClassName:'_17pa72a6-3-12-0',variantClassNames:{size:{'default':'_17pa72a7-3-12-0',condensed:'_17pa72a8-3-12-0'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var wrapper = '_17pa72a1-3-12-0';\nexport var wrapperFullHeight = '_17pa72a2-3-12-0';\nexport var wrapperGutter = _7a468({defaultClassName:'_17pa72a3-3-12-0',variantClassNames:{size:{'default':'_17pa72a4-3-12-0',condensed:'_17pa72a5-3-12-0'}},defaultVariants:{size:'default'},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChN,IAAI,UAAU;AACd,IAAI,oBAAoB;AACxB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/content/code-snippet/prism-dql-language.js

@@ -25,7 +25,7 @@ const dqlCommandNamePattern = new RegExp(
   `\\b(?:${sortedDqlCommands.join("|")})\\b`,
   "i"
 );
-const commandNamePattern = /[A-Za-z]+/;
+const commandNamePattern = /[A-Za-z]\w*/;
 const commandParametersPattern = new RegExp(
   `(${commandNamePattern.source})(?:${tripleQuoteStringPattern.source}|${backtickStringPattern.source}|${stringPattern.source}|${singleLineCommentPattern.source}|${multiLineCommentPattern.source}|[^|])*`
 );

package/esm/content/code-snippet/prism-dql-language.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/code-snippet/prism-dql-language.ts"],
-  "sourcesContent": ["import {\n  booleanLiteralPattern,\n  dqlUnitSuffixPattern,\n  nullLiteralPattern,\n  parameterNamePattern,\n  sortedDqlCommands,\n} from '../../core/dql/dql-common.js';\n\n// All characters except for newline, carriage return, form feed, vertical tab characters\nconst singleLineCommentPattern = /\\/\\/[^\\n\\r\\v\\f]*/;\n// Matches `/*` followed by any characters until the next `*/`.\nconst multiLineCommentPattern = /\\/\\*[\\s\\S]*?\\*\\//m;\n\nconst comments = {\n  comment: {\n    pattern: singleLineCommentPattern,\n    greedy: true,\n  },\n  commentMultiline: {\n    pattern: multiLineCommentPattern,\n    alias: 'comment',\n    greedy: true,\n  },\n};\n\n/**\n * Matches double-quoted strings allowing escaped quotes.\n *\n * This regular expression matches strings enclosed in double quotes,\n * where the quotes can be escaped using a backslash.\n * Note that if a backslash is itself escaped (`\\\\`), it *doesn't* escape the quote that follows.\n *\n * @example\n * // \u2714 Matches:\n * // \"string\"\n * // \"string\\\"with\\\"quotes\"\n * // \"string\\\\\"\n * // \"string\\\\\\\"with\\\\\\\"quotes\"\n * // \"string\\\\\\\\\"\n *\n * // \u2718 Does not match:\n * // \"string (missing closing quote)\n * // \"string\"with\"quotes\" (only matches \"string\")\n * // \"string\\\" (missing closing quote)\n * // \"string\\\\\"with\\\\\"quotes\" (only matches \"string\\\\\")\n * // \"string\\\\\\\" (missing closing quote)\n * // etc.\n *\n * Please be careful when modifying this RegEx. Minor changes may cause exponential runtime complexity:\n * const badPattern = /\"(?:[^\"\\\\]+|\\\\.)*\"/m\n *\n * @see Friedl, J. E. (2006). Mastering regular expressions. O'Reilly Media, Inc., pages 196-198, 223-228\n */\nconst stringPattern = /\"(?:[^\"\\\\]|\\\\.)*\"/m;\n\n/**\n * @see stringPattern\n */\nconst backtickStringPattern = /`(?:[^`\\\\]|\\\\.)*`/m;\n\n/**\n * Matches a triple-quoted string by enforcing that the content cannot contain\n * 3+ consecutive quotes. The structure is:\n *   - Opening `\"\"\"` (3 quotes)\n *   - Content: any non-quotes, then runs of 1-2 quotes each followed by at least\n *     one non-quote (so no 3-quote run can appear inside the content)\n *   - Closing run of 3-5 quotes (3 to close, plus up to 2 trailing content quotes)\n *\n * This handles tricky cases on a single line:\n *   - Multiple adjacent triple-quoted strings: \"\"\"netcoreclient\"\"\" AND \"\"\"sdv1\"\"\"\n *     Each string is matched independently, the tokens between them are not swallowed.\n *   - Content that starts or ends with extra quotes: \"\"\"\"prefix\"\"\" or \"\"\"suffix\"\"\"\"\n *\n * Because `\"{1,2}` and `[^\"]+` match disjoint characters, the content has only\n * one possible segmentation, so the pattern matches or fails in a single linear\n * scan rather than backtracking catastrophically when there is no closing\n * delimiter \u2014 including where it is spliced into `commandParametersPattern`\n * below. See `stringPattern` above for the same class of pitfall.\n */\nconst tripleQuoteStringPattern = /\"\"\"[^\"]*(?:\"{1,2}[^\"]+)*\"{3,5}/m;\n\n/**\n * Matches only known DQL command names, used for keyword highlighting\n */\nconst dqlCommandNamePattern = new RegExp(\n  `\\\\b(?:${sortedDqlCommands.join('|')})\\\\b`,\n  'i',\n);\n\n/**\n * Matches any alphabetic sequence. Used for structural regex composition in\n * commandParametersPattern and commandPattern, where backtracking splits the\n * command name from the parameters. Not used for keyword highlighting.\n */\nconst commandNamePattern = /[A-Za-z]+/;\n\n/**\n * Matches any string as long as it doesn't contain the character | (this is a command separator in dql),\n * unless that | is contained inside a double-quoted, triple-quoted, or backtick string.\n * Triple-quoted strings are matched first so that their content (which may include lone \" characters)\n * is consumed atomically and doesn't leave unmatched quotes that would cause the double-quote\n * pattern to run away across | boundaries and break subsequent command highlighting.\n *\n * Given a hypothetical dql:\n * FETCH metric = \"string\" | AGGREGATE X\n * This regex would match:\n * metric = \"string\"\n * X\n * As well as other possibilities:\n * metric = \"string containing |\"\n * metric = \"string containing multiple |||\" and secondMetric = Y\n * metric = \"\"\"triple-quoted string containing |\"\"\"\n * metric = `backtick string containing |`\n * metric = parameter\n * metric = \"value\" // comment containing | pipe\n */\nconst commandParametersPattern = new RegExp(\n  `(${commandNamePattern.source})(?:${tripleQuoteStringPattern.source}|${backtickStringPattern.source}|${stringPattern.source}|${singleLineCommentPattern.source}|${multiLineCommentPattern.source}|[^|])*`,\n);\n\n/**\n * A command (FILTER parameter = \"string\" |) is made up of three parts:\n * command name made up of one word (FETCH)\n * command parameters (parameter = \"string\")\n * an optional command separator (|)\n */\nconst commandPattern = new RegExp(\n  `${commandNamePattern.source}${commandParametersPattern.source}\\\\|?`,\n  'm',\n);\n\nconst commandName = {\n  commandName: {\n    pattern: dqlCommandNamePattern,\n    alias: 'keyword',\n  },\n};\n\n/**\n * @public\n */\nexport const prismDqlLanguage = {\n  ...comments,\n  /**\n   * DQL language is defined as commands separated by the optional character (|).\n   * Prism first matches an entire command, then matches the command parameters and command name\n   * 'inside' the command.\n   * Within the command parameters, Prism matches strings, variables, and numbers.\n   *\n   * Take great care of adding or modifying the regex patterns as this\n   * may introduce recursion issues, due to the existence of three levels of regex matching.\n   */\n  command: {\n    pattern: commandPattern,\n    greedy: true,\n    inside: {\n      commandParameters: {\n        pattern: commandParametersPattern,\n        lookbehind: true,\n        inside: {\n          tripleQuoteString: {\n            pattern: tripleQuoteStringPattern,\n            alias: 'string',\n          },\n          string: {\n            pattern: stringPattern, // Support strings surrounded by double quotes and include possible escaped quotes within\n          },\n          backtickstring: {\n            pattern: backtickStringPattern,\n            alias: 'string',\n          },\n          number: new RegExp(`\\\\b\\\\d+(?:\\\\.\\\\d+)?${dqlUnitSuffixPattern}?\\\\b`), // Match numbers with optional unit suffix\n          boolean: booleanLiteralPattern, // Match boolean literals (true/false)\n          null: { pattern: nullLiteralPattern, alias: 'boolean' }, // null literal, styled as boolean\n          parameterName: { pattern: parameterNamePattern, alias: 'variable' },\n          ...comments,\n          commandName: {\n            pattern: new RegExp(\n              `(\\\\[\\\\s*)${dqlCommandNamePattern.source}`,\n              'i',\n            ),\n            lookbehind: true,\n            alias: 'keyword',\n          },\n        },\n        ...commandName,\n      },\n      ...commandName,\n    },\n  },\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,2BAA2B;AAEjC,MAAM,0BAA0B;AAEhC,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,kBAAkB;AAAA,IAChB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AA8BA,MAAM,gBAAgB;AAKtB,MAAM,wBAAwB;AAqB9B,MAAM,2BAA2B;AAKjC,MAAM,wBAAwB,IAAI;AAAA,EAChC,SAAS,kBAAkB,KAAK,GAAG,CAAC;AAAA,EACpC;AACF;AAOA,MAAM,qBAAqB;AAsB3B,MAAM,2BAA2B,IAAI;AAAA,EACnC,IAAI,mBAAmB,MAAM,OAAO,yBAAyB,MAAM,IAAI,sBAAsB,MAAM,IAAI,cAAc,MAAM,IAAI,yBAAyB,MAAM,IAAI,wBAAwB,MAAM;AAClM;AAQA,MAAM,iBAAiB,IAAI;AAAA,EACzB,GAAG,mBAAmB,MAAM,GAAG,yBAAyB,MAAM;AAAA,EAC9D;AACF;AAEA,MAAM,cAAc;AAAA,EAClB,aAAa;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF;AAKO,MAAM,mBAAmB;AAAA,EAC9B,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUH,SAAS;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,mBAAmB;AAAA,QACjB,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ;AAAA,UACN,mBAAmB;AAAA,YACjB,SAAS;AAAA,YACT,OAAO;AAAA,UACT;AAAA,UACA,QAAQ;AAAA,YACN,SAAS;AAAA;AAAA,UACX;AAAA,UACA,gBAAgB;AAAA,YACd,SAAS;AAAA,YACT,OAAO;AAAA,UACT;AAAA,UACA,QAAQ,IAAI,OAAO,sBAAsB,oBAAoB,MAAM;AAAA;AAAA,UACnE,SAAS;AAAA;AAAA,UACT,MAAM,EAAE,SAAS,oBAAoB,OAAO,UAAU;AAAA;AAAA,UACtD,eAAe,EAAE,SAAS,sBAAsB,OAAO,WAAW;AAAA,UAClE,GAAG;AAAA,UACH,aAAa;AAAA,YACX,SAAS,IAAI;AAAA,cACX,YAAY,sBAAsB,MAAM;AAAA,cACxC;AAAA,YACF;AAAA,YACA,YAAY;AAAA,YACZ,OAAO;AAAA,UACT;AAAA,QACF;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  booleanLiteralPattern,\n  dqlUnitSuffixPattern,\n  nullLiteralPattern,\n  parameterNamePattern,\n  sortedDqlCommands,\n} from '../../core/dql/dql-common.js';\n\n// All characters except for newline, carriage return, form feed, vertical tab characters\nconst singleLineCommentPattern = /\\/\\/[^\\n\\r\\v\\f]*/;\n// Matches `/*` followed by any characters until the next `*/`.\nconst multiLineCommentPattern = /\\/\\*[\\s\\S]*?\\*\\//m;\n\nconst comments = {\n  comment: {\n    pattern: singleLineCommentPattern,\n    greedy: true,\n  },\n  commentMultiline: {\n    pattern: multiLineCommentPattern,\n    alias: 'comment',\n    greedy: true,\n  },\n};\n\n/**\n * Matches double-quoted strings allowing escaped quotes.\n *\n * This regular expression matches strings enclosed in double quotes,\n * where the quotes can be escaped using a backslash.\n * Note that if a backslash is itself escaped (`\\\\`), it *doesn't* escape the quote that follows.\n *\n * @example\n * // \u2714 Matches:\n * // \"string\"\n * // \"string\\\"with\\\"quotes\"\n * // \"string\\\\\"\n * // \"string\\\\\\\"with\\\\\\\"quotes\"\n * // \"string\\\\\\\\\"\n *\n * // \u2718 Does not match:\n * // \"string (missing closing quote)\n * // \"string\"with\"quotes\" (only matches \"string\")\n * // \"string\\\" (missing closing quote)\n * // \"string\\\\\"with\\\\\"quotes\" (only matches \"string\\\\\")\n * // \"string\\\\\\\" (missing closing quote)\n * // etc.\n *\n * Please be careful when modifying this RegEx. Minor changes may cause exponential runtime complexity:\n * const badPattern = /\"(?:[^\"\\\\]+|\\\\.)*\"/m\n *\n * @see Friedl, J. E. (2006). Mastering regular expressions. O'Reilly Media, Inc., pages 196-198, 223-228\n */\nconst stringPattern = /\"(?:[^\"\\\\]|\\\\.)*\"/m;\n\n/**\n * @see stringPattern\n */\nconst backtickStringPattern = /`(?:[^`\\\\]|\\\\.)*`/m;\n\n/**\n * Matches a triple-quoted string by enforcing that the content cannot contain\n * 3+ consecutive quotes. The structure is:\n *   - Opening `\"\"\"` (3 quotes)\n *   - Content: any non-quotes, then runs of 1-2 quotes each followed by at least\n *     one non-quote (so no 3-quote run can appear inside the content)\n *   - Closing run of 3-5 quotes (3 to close, plus up to 2 trailing content quotes)\n *\n * This handles tricky cases on a single line:\n *   - Multiple adjacent triple-quoted strings: \"\"\"netcoreclient\"\"\" AND \"\"\"sdv1\"\"\"\n *     Each string is matched independently, the tokens between them are not swallowed.\n *   - Content that starts or ends with extra quotes: \"\"\"\"prefix\"\"\" or \"\"\"suffix\"\"\"\"\n *\n * Because `\"{1,2}` and `[^\"]+` match disjoint characters, the content has only\n * one possible segmentation, so the pattern matches or fails in a single linear\n * scan rather than backtracking catastrophically when there is no closing\n * delimiter \u2014 including where it is spliced into `commandParametersPattern`\n * below. See `stringPattern` above for the same class of pitfall.\n */\nconst tripleQuoteStringPattern = /\"\"\"[^\"]*(?:\"{1,2}[^\"]+)*\"{3,5}/m;\n\n/**\n * Matches only known DQL command names, used for keyword highlighting\n */\nconst dqlCommandNamePattern = new RegExp(\n  `\\\\b(?:${sortedDqlCommands.join('|')})\\\\b`,\n  'i',\n);\n\n/**\n * Matches an identifier starting with a letter. Used for structural regex\n * composition in commandParametersPattern and commandPattern. Must include\n * digits so the lookbehind fully consumes names like `hashCrc32` \u2014 without\n * them the numeric suffix is left over and mis-tokenized as a number literal.\n * Not used for keyword highlighting.\n */\nconst commandNamePattern = /[A-Za-z]\\w*/;\n\n/**\n * Matches any string as long as it doesn't contain the character | (this is a command separator in dql),\n * unless that | is contained inside a double-quoted, triple-quoted, or backtick string.\n * Triple-quoted strings are matched first so that their content (which may include lone \" characters)\n * is consumed atomically and doesn't leave unmatched quotes that would cause the double-quote\n * pattern to run away across | boundaries and break subsequent command highlighting.\n *\n * Given a hypothetical dql:\n * FETCH metric = \"string\" | AGGREGATE X\n * This regex would match:\n * metric = \"string\"\n * X\n * As well as other possibilities:\n * metric = \"string containing |\"\n * metric = \"string containing multiple |||\" and secondMetric = Y\n * metric = \"\"\"triple-quoted string containing |\"\"\"\n * metric = `backtick string containing |`\n * metric = parameter\n * metric = \"value\" // comment containing | pipe\n */\nconst commandParametersPattern = new RegExp(\n  `(${commandNamePattern.source})(?:${tripleQuoteStringPattern.source}|${backtickStringPattern.source}|${stringPattern.source}|${singleLineCommentPattern.source}|${multiLineCommentPattern.source}|[^|])*`,\n);\n\n/**\n * A command (FILTER parameter = \"string\" |) is made up of three parts:\n * command name made up of one word (FETCH)\n * command parameters (parameter = \"string\")\n * an optional command separator (|)\n */\nconst commandPattern = new RegExp(\n  `${commandNamePattern.source}${commandParametersPattern.source}\\\\|?`,\n  'm',\n);\n\nconst commandName = {\n  commandName: {\n    pattern: dqlCommandNamePattern,\n    alias: 'keyword',\n  },\n};\n\n/**\n * @public\n */\nexport const prismDqlLanguage = {\n  ...comments,\n  /**\n   * DQL language is defined as commands separated by the optional character (|).\n   * Prism first matches an entire command, then matches the command parameters and command name\n   * 'inside' the command.\n   * Within the command parameters, Prism matches strings, variables, and numbers.\n   *\n   * Take great care of adding or modifying the regex patterns as this\n   * may introduce recursion issues, due to the existence of three levels of regex matching.\n   */\n  command: {\n    pattern: commandPattern,\n    greedy: true,\n    inside: {\n      commandParameters: {\n        pattern: commandParametersPattern,\n        lookbehind: true,\n        inside: {\n          tripleQuoteString: {\n            pattern: tripleQuoteStringPattern,\n            alias: 'string',\n          },\n          string: {\n            pattern: stringPattern, // Support strings surrounded by double quotes and include possible escaped quotes within\n          },\n          backtickstring: {\n            pattern: backtickStringPattern,\n            alias: 'string',\n          },\n          number: new RegExp(`\\\\b\\\\d+(?:\\\\.\\\\d+)?${dqlUnitSuffixPattern}?\\\\b`), // Match numbers with optional unit suffix\n          boolean: booleanLiteralPattern, // Match boolean literals (true/false)\n          null: { pattern: nullLiteralPattern, alias: 'boolean' }, // null literal, styled as boolean\n          parameterName: { pattern: parameterNamePattern, alias: 'variable' },\n          ...comments,\n          commandName: {\n            pattern: new RegExp(\n              `(\\\\[\\\\s*)${dqlCommandNamePattern.source}`,\n              'i',\n            ),\n            lookbehind: true,\n            alias: 'keyword',\n          },\n        },\n        ...commandName,\n      },\n      ...commandName,\n    },\n  },\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,2BAA2B;AAEjC,MAAM,0BAA0B;AAEhC,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,kBAAkB;AAAA,IAChB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AA8BA,MAAM,gBAAgB;AAKtB,MAAM,wBAAwB;AAqB9B,MAAM,2BAA2B;AAKjC,MAAM,wBAAwB,IAAI;AAAA,EAChC,SAAS,kBAAkB,KAAK,GAAG,CAAC;AAAA,EACpC;AACF;AASA,MAAM,qBAAqB;AAsB3B,MAAM,2BAA2B,IAAI;AAAA,EACnC,IAAI,mBAAmB,MAAM,OAAO,yBAAyB,MAAM,IAAI,sBAAsB,MAAM,IAAI,cAAc,MAAM,IAAI,yBAAyB,MAAM,IAAI,wBAAwB,MAAM;AAClM;AAQA,MAAM,iBAAiB,IAAI;AAAA,EACzB,GAAG,mBAAmB,MAAM,GAAG,yBAAyB,MAAM;AAAA,EAC9D;AACF;AAEA,MAAM,cAAc;AAAA,EAClB,aAAa;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF;AAKO,MAAM,mBAAmB;AAAA,EAC9B,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUH,SAAS;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,mBAAmB;AAAA,QACjB,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ;AAAA,UACN,mBAAmB;AAAA,YACjB,SAAS;AAAA,YACT,OAAO;AAAA,UACT;AAAA,UACA,QAAQ;AAAA,YACN,SAAS;AAAA;AAAA,UACX;AAAA,UACA,gBAAgB;AAAA,YACd,SAAS;AAAA,YACT,OAAO;AAAA,UACT;AAAA,UACA,QAAQ,IAAI,OAAO,sBAAsB,oBAAoB,MAAM;AAAA;AAAA,UACnE,SAAS;AAAA;AAAA,UACT,MAAM,EAAE,SAAS,oBAAoB,OAAO,UAAU;AAAA;AAAA,UACtD,eAAe,EAAE,SAAS,sBAAsB,OAAO,WAAW;AAAA,UAClE,GAAG;AAAA,UACH,aAAa;AAAA,YACX,SAAS,IAAI;AAAA,cACX,YAAY,sBAAsB,MAAM;AAAA,cACxC;AAAA,YACF;AAAA,YACA,YAAY;AAAA,YACZ,OAAO;AAAA,UACT;AAAA,QACF;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/content/empty-state/EmptyState.css

@@ -1,104 +1,104 @@
-._1os652u1-3-11-3 {
+._1os652u1-3-12-0 {
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: var(--dt-spacings-size-0, 0);
 }
-._1os652u2-3-11-3 {
+._1os652u2-3-12-0 {
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: var(--dt-spacings-size-0, 0);
 }
-._1os652u3-3-11-3 {
+._1os652u3-3-12-0 {
   justify-content: center;
   align-items: center;
   flex-direction: row-reverse;
   gap: var(--dt-spacings-size-64, 64px);
 }
-._1os652u4-3-11-3 {
+._1os652u4-3-12-0 {
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: var(--dt-spacings-size-0, 0);
 }
-._1os652u1-3-11-3 ._1os652u5-3-11-3 {
+._1os652u1-3-12-0 ._1os652u5-3-12-0 {
   margin-bottom: var(--dt-spacings-size-8, 8px);
   height: 128px;
   width: 128px;
 }
-._1os652u2-3-11-3 ._1os652u5-3-11-3 {
+._1os652u2-3-12-0 ._1os652u5-3-12-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
   height: 192px;
   width: 192px;
 }
-._1os652u3-3-11-3 ._1os652u5-3-11-3 {
+._1os652u3-3-12-0 ._1os652u5-3-12-0 {
   margin-bottom: var(--dt-spacings-size-0, 0);
   height: 320px;
   width: 320px;
 }
-._1os652u4-3-11-3 ._1os652u5-3-11-3 {
+._1os652u4-3-12-0 ._1os652u5-3-12-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
   height: 320px;
   width: 320px;
 }
-._1os652u1-3-11-3 ._1os652u6-3-11-3 {
+._1os652u1-3-12-0 ._1os652u6-3-12-0 {
   align-items: center;
 }
-._1os652u2-3-11-3 ._1os652u6-3-11-3 {
+._1os652u2-3-12-0 ._1os652u6-3-12-0 {
   align-items: center;
 }
-._1os652u3-3-11-3 ._1os652u6-3-11-3 {
+._1os652u3-3-12-0 ._1os652u6-3-12-0 {
   align-items: flex-start;
 }
-._1os652u4-3-11-3 ._1os652u6-3-11-3 {
+._1os652u4-3-12-0 ._1os652u6-3-12-0 {
   align-items: center;
 }
-._1os652u1-3-11-3 ._1os652u7-3-11-3 {
+._1os652u1-3-12-0 ._1os652u7-3-12-0 {
   margin-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1os652u2-3-11-3 ._1os652u7-3-11-3 {
+._1os652u2-3-12-0 ._1os652u7-3-12-0 {
   margin-bottom: var(--dt-spacings-size-6, 6px);
 }
-._1os652u3-3-11-3 ._1os652u7-3-11-3 {
+._1os652u3-3-12-0 ._1os652u7-3-12-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
 }
-._1os652u4-3-11-3 ._1os652u7-3-11-3 {
+._1os652u4-3-12-0 ._1os652u7-3-12-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
 }
-._1os652u1-3-11-3 ._1os652u8-3-11-3 {
+._1os652u1-3-12-0 ._1os652u8-3-12-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
 }
-._1os652u2-3-11-3 ._1os652u8-3-11-3 {
+._1os652u2-3-12-0 ._1os652u8-3-12-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
 }
-._1os652u3-3-11-3 ._1os652u8-3-11-3 {
+._1os652u3-3-12-0 ._1os652u8-3-12-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
 }
-._1os652u4-3-11-3 ._1os652u8-3-11-3 {
+._1os652u4-3-12-0 ._1os652u8-3-12-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
 }
-._1os652u1-3-11-3 ._1os652u9-3-11-3 {
+._1os652u1-3-12-0 ._1os652u9-3-12-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
 }
-._1os652u2-3-11-3 ._1os652u9-3-11-3 {
+._1os652u2-3-12-0 ._1os652u9-3-12-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
 }
-._1os652u3-3-11-3 ._1os652u9-3-11-3 {
+._1os652u3-3-12-0 ._1os652u9-3-12-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
 }
-._1os652u4-3-11-3 ._1os652u9-3-11-3 {
+._1os652u4-3-12-0 ._1os652u9-3-12-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
 }
-._1os652u1-3-11-3 ._1os652ua-3-11-3 {
+._1os652u1-3-12-0 ._1os652ua-3-12-0 {
   margin-top: var(--dt-spacings-size-16, 16px);
 }
-._1os652u2-3-11-3 ._1os652ua-3-11-3 {
+._1os652u2-3-12-0 ._1os652ua-3-12-0 {
   margin-top: var(--dt-spacings-size-16, 16px);
 }
-._1os652u3-3-11-3 ._1os652ua-3-11-3 {
+._1os652u3-3-12-0 ._1os652ua-3-12-0 {
   margin-top: var(--dt-spacings-size-32, 32px);
 }
-._1os652u4-3-11-3 ._1os652ua-3-11-3 {
+._1os652u4-3-12-0 ._1os652ua-3-12-0 {
   margin-top: var(--dt-spacings-size-32, 32px);
 }

package/esm/content/empty-state/EmptyState.js

@@ -53,7 +53,7 @@ const BaseEmptyState = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     }
   ) : null;
   const hasDivider = (slots.Actions || slots.Details || slots.Title || slots.Visual) && slots.Footer;
-  const divider = hasDivider ? /* @__PURE__ */ jsx(Divider, {}) : null;
+  const divider = hasDivider ? /* @__PURE__ */ jsx(Divider, { "aria-hidden": true }) : null;
   return /* @__PURE__ */ jsxs(
     EmptyStateWrapper,
     {