cetec-design-system 3.6.0-0 → 4.0.1-0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { createContext, useContext, useMemo, forwardRef, createElement, useLayoutEffect, useState, useRef, useSyncExternalStore, useCallback, useEffect, useId as useId$1, isValidElement, Children, cloneElement, useReducer } from "react";
+import { createContext, useContext, useMemo, forwardRef, createElement, useLayoutEffect, useState, useRef, useSyncExternalStore, useEffect, useCallback, useId as useId$1, isValidElement, Children, cloneElement, useReducer } from "react";
 import * as ReactDOM from "react-dom";
 import { b as breakpoints, c as containerSizes } from "./containerSizes-nJuD-1Ap.js";
 import { useForm } from "@tanstack/react-form";
@@ -543,8 +543,16 @@ const checkboxInput = /* @__PURE__ */ Object.assign(memo(checkboxInputFn.recipeF
   },
   getVariantProps: checkboxInputFn.getVariantProps
 });
-const codeFn = /* @__PURE__ */ createRecipe("code", {}, []);
-const codeVariantMap = {};
+const codeFn = /* @__PURE__ */ createRecipe("code", {
+  "variant": "subtle"
+}, []);
+const codeVariantMap = {
+  "variant": [
+    "subtle",
+    "outline",
+    "plain"
+  ]
+};
 const codeVariantKeys = Object.keys(codeVariantMap);
 const code = /* @__PURE__ */ Object.assign(memo(codeFn.recipeFn), {
   __recipe__: true,
@@ -883,24 +891,6 @@ const list = /* @__PURE__ */ Object.assign(memo(listFn.recipeFn), {
   },
   getVariantProps: listFn.getVariantProps
 });
-const preFn = /* @__PURE__ */ createRecipe("pre", {}, []);
-const preVariantMap = {};
-const preVariantKeys = Object.keys(preVariantMap);
-const pre = /* @__PURE__ */ Object.assign(memo(preFn.recipeFn), {
-  __recipe__: true,
-  __name__: "pre",
-  __getCompoundVariantCss__: preFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: preVariantKeys,
-  variantMap: preVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe);
-  },
-  splitVariantProps(props) {
-    return splitProps$1(props, preVariantKeys);
-  },
-  getVariantProps: preFn.getVariantProps
-});
 const radioInputFn = /* @__PURE__ */ createRecipe("radioInput", {}, []);
 const radioInputVariantMap = {};
 const radioInputVariantKeys = Object.keys(radioInputVariantMap);
@@ -984,7 +974,7 @@ const spinnerVariantKeys = [
   "inverse",
   "centered"
 ];
-const getVariantProps$u = (variants) => ({ ...spinnerDefaultVariants, ...compact(variants) });
+const getVariantProps$v = (variants) => ({ ...spinnerDefaultVariants, ...compact(variants) });
 const spinner = /* @__PURE__ */ Object.assign(spinnerFn, {
   __recipe__: false,
   __name__: "spinner",
@@ -1009,7 +999,7 @@ const spinner = /* @__PURE__ */ Object.assign(spinnerFn, {
   splitVariantProps(props) {
     return splitProps$1(props, spinnerVariantKeys);
   },
-  getVariantProps: getVariantProps$u
+  getVariantProps: getVariantProps$v
 });
 const tagFn = /* @__PURE__ */ createRecipe("tag", {
   "variant": "default",
@@ -1677,7 +1667,7 @@ const toggleFn = memo((props = {}) => {
   return Object.fromEntries(toggleSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const toggleVariantKeys = [];
-const getVariantProps$t = (variants) => ({ ...toggleDefaultVariants, ...compact(variants) });
+const getVariantProps$u = (variants) => ({ ...toggleDefaultVariants, ...compact(variants) });
 const toggle = /* @__PURE__ */ Object.assign(toggleFn, {
   __recipe__: false,
   __name__: "toggle",
@@ -1688,7 +1678,7 @@ const toggle = /* @__PURE__ */ Object.assign(toggleFn, {
   splitVariantProps(props) {
     return splitProps$1(props, toggleVariantKeys);
   },
-  getVariantProps: getVariantProps$t
+  getVariantProps: getVariantProps$u
 });
 const alertDefaultVariants = {
   "tone": "info"
@@ -1731,7 +1721,7 @@ const alertFn = memo((props = {}) => {
 const alertVariantKeys = [
   "tone"
 ];
-const getVariantProps$s = (variants) => ({ ...alertDefaultVariants, ...compact(variants) });
+const getVariantProps$t = (variants) => ({ ...alertDefaultVariants, ...compact(variants) });
 const alert = /* @__PURE__ */ Object.assign(alertFn, {
   __recipe__: false,
   __name__: "alert",
@@ -1750,7 +1740,7 @@ const alert = /* @__PURE__ */ Object.assign(alertFn, {
   splitVariantProps(props) {
     return splitProps$1(props, alertVariantKeys);
   },
-  getVariantProps: getVariantProps$s
+  getVariantProps: getVariantProps$t
 });
 const autocompleteDefaultVariants = {
   "size": "md",
@@ -1807,7 +1797,7 @@ const autocompleteVariantKeys = [
   "layer",
   "size"
 ];
-const getVariantProps$r = (variants) => ({ ...autocompleteDefaultVariants, ...compact(variants) });
+const getVariantProps$s = (variants) => ({ ...autocompleteDefaultVariants, ...compact(variants) });
 const autocomplete = /* @__PURE__ */ Object.assign(autocompleteFn, {
   __recipe__: false,
   __name__: "autocomplete",
@@ -1829,7 +1819,7 @@ const autocomplete = /* @__PURE__ */ Object.assign(autocompleteFn, {
   splitVariantProps(props) {
     return splitProps$1(props, autocompleteVariantKeys);
   },
-  getVariantProps: getVariantProps$r
+  getVariantProps: getVariantProps$s
 });
 const avatarDefaultVariants = {
   "size": "md",
@@ -1866,7 +1856,7 @@ const avatarVariantKeys = [
   "size",
   "shape"
 ];
-const getVariantProps$q = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) });
+const getVariantProps$r = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) });
 const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   __recipe__: false,
   __name__: "avatar",
@@ -1891,7 +1881,7 @@ const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   splitVariantProps(props) {
     return splitProps$1(props, avatarVariantKeys);
   },
-  getVariantProps: getVariantProps$q
+  getVariantProps: getVariantProps$r
 });
 const badgeDefaultVariants = {
   "size": "md",
@@ -1918,7 +1908,7 @@ const badgeVariantKeys = [
   "dot",
   "variant"
 ];
-const getVariantProps$p = (variants) => ({ ...badgeDefaultVariants, ...compact(variants) });
+const getVariantProps$q = (variants) => ({ ...badgeDefaultVariants, ...compact(variants) });
 const badge = /* @__PURE__ */ Object.assign(badgeFn, {
   __recipe__: false,
   __name__: "badge",
@@ -1954,7 +1944,7 @@ const badge = /* @__PURE__ */ Object.assign(badgeFn, {
   splitVariantProps(props) {
     return splitProps$1(props, badgeVariantKeys);
   },
-  getVariantProps: getVariantProps$p
+  getVariantProps: getVariantProps$q
 });
 const breadcrumbsDefaultVariants = {};
 const breadcrumbsCompoundVariants = [];
@@ -1981,7 +1971,7 @@ const breadcrumbsFn = memo((props = {}) => {
   return Object.fromEntries(breadcrumbsSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const breadcrumbsVariantKeys = [];
-const getVariantProps$o = (variants) => ({ ...breadcrumbsDefaultVariants, ...compact(variants) });
+const getVariantProps$p = (variants) => ({ ...breadcrumbsDefaultVariants, ...compact(variants) });
 const breadcrumbs = /* @__PURE__ */ Object.assign(breadcrumbsFn, {
   __recipe__: false,
   __name__: "breadcrumbs",
@@ -1992,7 +1982,7 @@ const breadcrumbs = /* @__PURE__ */ Object.assign(breadcrumbsFn, {
   splitVariantProps(props) {
     return splitProps$1(props, breadcrumbsVariantKeys);
   },
-  getVariantProps: getVariantProps$o
+  getVariantProps: getVariantProps$p
 });
 const buttonDefaultVariants = {
   "variant": "standard",
@@ -2023,7 +2013,7 @@ const buttonVariantKeys = [
   "before",
   "after"
 ];
-const getVariantProps$n = (variants) => ({ ...buttonDefaultVariants, ...compact(variants) });
+const getVariantProps$o = (variants) => ({ ...buttonDefaultVariants, ...compact(variants) });
 const button = /* @__PURE__ */ Object.assign(buttonFn, {
   __recipe__: false,
   __name__: "button",
@@ -2057,7 +2047,7 @@ const button = /* @__PURE__ */ Object.assign(buttonFn, {
   splitVariantProps(props) {
     return splitProps$1(props, buttonVariantKeys);
   },
-  getVariantProps: getVariantProps$n
+  getVariantProps: getVariantProps$o
 });
 const calendarDefaultVariants = {
   "type": "days"
@@ -2096,7 +2086,7 @@ const calendarFn = memo((props = {}) => {
 const calendarVariantKeys = [
   "type"
 ];
-const getVariantProps$m = (variants) => ({ ...calendarDefaultVariants, ...compact(variants) });
+const getVariantProps$n = (variants) => ({ ...calendarDefaultVariants, ...compact(variants) });
 const calendar = /* @__PURE__ */ Object.assign(calendarFn, {
   __recipe__: false,
   __name__: "calendar",
@@ -2113,7 +2103,7 @@ const calendar = /* @__PURE__ */ Object.assign(calendarFn, {
   splitVariantProps(props) {
     return splitProps$1(props, calendarVariantKeys);
   },
-  getVariantProps: getVariantProps$m
+  getVariantProps: getVariantProps$n
 });
 const checkboxDefaultVariants = {};
 const checkboxCompoundVariants = [];
@@ -2140,7 +2130,7 @@ const checkboxFn = memo((props = {}) => {
   return Object.fromEntries(checkboxSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const checkboxVariantKeys = [];
-const getVariantProps$l = (variants) => ({ ...checkboxDefaultVariants, ...compact(variants) });
+const getVariantProps$m = (variants) => ({ ...checkboxDefaultVariants, ...compact(variants) });
 const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
   __recipe__: false,
   __name__: "checkbox",
@@ -2151,7 +2141,7 @@ const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
   splitVariantProps(props) {
     return splitProps$1(props, checkboxVariantKeys);
   },
-  getVariantProps: getVariantProps$l
+  getVariantProps: getVariantProps$m
 });
 const chipDefaultVariants = {
   "size": "md"
@@ -2189,7 +2179,7 @@ const chipVariantKeys = [
   "after",
   "dismissable"
 ];
-const getVariantProps$k = (variants) => ({ ...chipDefaultVariants, ...compact(variants) });
+const getVariantProps$l = (variants) => ({ ...chipDefaultVariants, ...compact(variants) });
 const chip = /* @__PURE__ */ Object.assign(chipFn, {
   __recipe__: false,
   __name__: "chip",
@@ -2216,6 +2206,111 @@ const chip = /* @__PURE__ */ Object.assign(chipFn, {
   splitVariantProps(props) {
     return splitProps$1(props, chipVariantKeys);
   },
+  getVariantProps: getVariantProps$l
+});
+const codeBlockDefaultVariants = {
+  "tone": "default",
+  "size": "md",
+  "wrap": false,
+  "lineNumbers": false,
+  "collapsed": false,
+  "actionGutter": false
+};
+const codeBlockCompoundVariants = [];
+const codeBlockSlotNames = [
+  [
+    "root",
+    "codeBlock__root"
+  ],
+  [
+    "header",
+    "codeBlock__header"
+  ],
+  [
+    "title",
+    "codeBlock__title"
+  ],
+  [
+    "actions",
+    "codeBlock__actions"
+  ],
+  [
+    "floatingActions",
+    "codeBlock__floatingActions"
+  ],
+  [
+    "content",
+    "codeBlock__content"
+  ],
+  [
+    "pre",
+    "codeBlock__pre"
+  ],
+  [
+    "code",
+    "codeBlock__code"
+  ],
+  [
+    "line",
+    "codeBlock__line"
+  ],
+  [
+    "lineNumber",
+    "codeBlock__lineNumber"
+  ],
+  [
+    "expand",
+    "codeBlock__expand"
+  ]
+];
+const codeBlockSlotFns = /* @__PURE__ */ codeBlockSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, codeBlockDefaultVariants, getSlotCompoundVariant(codeBlockCompoundVariants, slotName))]);
+const codeBlockFn = memo((props = {}) => {
+  return Object.fromEntries(codeBlockSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const codeBlockVariantKeys = [
+  "tone",
+  "size",
+  "wrap",
+  "lineNumbers",
+  "collapsed",
+  "actionGutter"
+];
+const getVariantProps$k = (variants) => ({ ...codeBlockDefaultVariants, ...compact(variants) });
+const codeBlock = /* @__PURE__ */ Object.assign(codeBlockFn, {
+  __recipe__: false,
+  __name__: "codeBlock",
+  raw: (props) => props,
+  classNameMap: {},
+  variantKeys: codeBlockVariantKeys,
+  variantMap: {
+    "tone": [
+      "default",
+      "inverse"
+    ],
+    "size": [
+      "sm",
+      "md"
+    ],
+    "wrap": [
+      "true",
+      "false"
+    ],
+    "lineNumbers": [
+      "true",
+      "false"
+    ],
+    "collapsed": [
+      "true",
+      "false"
+    ],
+    "actionGutter": [
+      "true",
+      "false"
+    ]
+  },
+  splitVariantProps(props) {
+    return splitProps$1(props, codeBlockVariantKeys);
+  },
   getVariantProps: getVariantProps$k
 });
 const dateMenusDefaultVariants = {};
@@ -15744,6 +15839,44 @@ function useContainerQuery(containerRef, size2, direction = "min") {
     () => false
   );
 }
+function useClipboard(options = {}) {
+  const { timeout = 2e3 } = options;
+  const [copied, setCopied] = useState(false);
+  const [failed, setFailed] = useState(false);
+  const timerRef = useRef(null);
+  const attemptRef = useRef(0);
+  useEffect(
+    () => () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  const copy = useCallback(
+    async (text2) => {
+      const attempt = ++attemptRef.current;
+      if (timerRef.current) clearTimeout(timerRef.current);
+      setFailed(false);
+      try {
+        if (typeof navigator === "undefined" || !navigator.clipboard) {
+          throw new Error("Clipboard API is not available.");
+        }
+        await navigator.clipboard.writeText(text2);
+      } catch {
+        if (attempt !== attemptRef.current) return false;
+        setCopied(false);
+        setFailed(true);
+        return false;
+      }
+      if (attempt !== attemptRef.current) return true;
+      setCopied(true);
+      if (timerRef.current) clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(() => setCopied(false), timeout);
+      return true;
+    },
+    [timeout]
+  );
+  return { copy, copied, failed };
+}
 const Tag = (props) => {
   const { variant, hue, iconBefore, iconAfter, children, ...rest } = props;
   const [className, otherProps] = splitProps(rest);
@@ -16999,36 +17132,207 @@ const ChipGroup = (props) => {
   ) });
 };
 const Code = (props) => {
-  const { lang, children, ...rest } = props;
+  const { variant, language, children, ...rest } = props;
   const [className, otherProps] = splitProps(rest);
   return /* @__PURE__ */ jsx(
     Box,
     {
       ...dsComponent("Code"),
       as: "code",
-      className: cx(code({}), className),
-      lang,
+      className: cx(code({ variant }), className),
+      "data-language": language,
       ...otherProps,
-      children: /* @__PURE__ */ jsx(Text, { color: "slate.0", children })
+      children
     }
   );
 };
-const Pre = (props) => {
+const DS_PART_ATTRIBUTE = "data-ds-part";
+const dsPart = (part) => ({
+  [DS_PART_ATTRIBUTE]: part
+});
+const stripTrailingNewline = (value) => value.replace(/\r?\n$/, "");
+const scrollbarHeight = (element) => {
+  const styles = getComputedStyle(element);
+  return Math.max(
+    0,
+    element.offsetHeight - element.clientHeight - parseFloat(styles.borderTopWidth) - parseFloat(styles.borderBottomWidth)
+  );
+};
+const CodeBlock = (props) => {
   const {
+    code: codeProp,
     children,
-    lang,
-    "data-ds-component": dsComponentName,
+    language,
+    title,
+    copyable = true,
+    copyLabel = "Copy code",
+    maxLines,
+    expanded: expandedProp,
+    defaultExpanded = false,
+    onExpandedChange,
+    lineNumbers = false,
+    tone = "default",
+    size: size2,
+    wrap,
+    style,
     ...rest
   } = props;
   const [className, otherProps] = splitProps(rest);
-  return /* @__PURE__ */ jsx(
+  const text2 = stripTrailingNewline(codeProp ?? children ?? "");
+  const lines = text2.split(/\r?\n/);
+  const lineCount = lines.length;
+  const showLineNumbers = lineNumbers !== false;
+  const lineStart = typeof lineNumbers === "object" ? lineNumbers.start : 1;
+  const lastLineNumber = lineStart + lineCount - 1;
+  const [expanded, setExpanded] = useControllableState({
+    value: expandedProp,
+    defaultValue: defaultExpanded,
+    onChange: onExpandedChange
+  });
+  const canCollapse = maxLines !== void 0 && lineCount > maxLines;
+  const collapsed = canCollapse && !expanded;
+  const floatingCopy = copyable && title === void 0;
+  const classes = codeBlock({
+    tone,
+    size: size2,
+    wrap,
+    lineNumbers: showLineNumbers,
+    collapsed,
+    actionGutter: floatingCopy
+  });
+  const { copy, copied, failed } = useClipboard();
+  const labelId = useId$1();
+  const contentId = useId$1();
+  const contentRef = useRef(null);
+  const [overflowing, setOverflowing] = useState(false);
+  const [collapsedHeight, setCollapsedHeight] = useState();
+  useLayoutEffect(() => {
+    const element = contentRef.current;
+    if (!element) return void 0;
+    const measure = () => {
+      var _a;
+      const lastVisibleLine = collapsed && maxLines !== void 0 ? (_a = element.querySelector("code")) == null ? void 0 : _a.children[maxLines - 1] : void 0;
+      const pre = element.firstElementChild;
+      if (lastVisibleLine && pre) {
+        const bottom = lastVisibleLine.getBoundingClientRect().bottom - element.getBoundingClientRect().top + element.scrollTop + parseFloat(getComputedStyle(pre).paddingBottom) + scrollbarHeight(element);
+        setCollapsedHeight(Math.ceil(bottom));
+      } else {
+        setCollapsedHeight(void 0);
+      }
+      setOverflowing(
+        element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight
+      );
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver(measure);
+    observer.observe(element);
+    const codeElement = element.querySelector("code");
+    if (codeElement) observer.observe(codeElement);
+    return () => observer.disconnect();
+  }, [text2, collapsed, maxLines, wrap, showLineNumbers, size2]);
+  const labelSource = typeof title === "string" ? title : language;
+  const label2 = labelSource ? `${labelSource} code block` : "Code block";
+  const rootStyle = {
+    "--code-block-max-lines": maxLines,
+    "--code-block-collapsed-h": collapsed && collapsedHeight !== void 0 ? `${String(collapsedHeight)}px` : void 0,
+    "--code-block-gutter": `${String(Math.max(lastLineNumber, 1)).length}ch`,
+    ...style
+  };
+  const copyButton = copyable ? /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      ...dsPart("copy"),
+      iconName: copied ? "check" : "copy",
+      altText: copied ? "Copied" : copyLabel,
+      variant: tone === "inverse" ? "primary" : "ghost",
+      size: "sm",
+      onClick: () => {
+        void copy(text2);
+      }
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs(
     Box,
     {
-      ...dsComponent("Pre", dsComponentName),
-      as: "pre",
-      className: cx(pre({}), className),
+      ...dsComponent("CodeBlock"),
+      className: cx(classes.root, className),
+      "data-language": language,
+      style: rootStyle,
       ...otherProps,
-      children: /* @__PURE__ */ jsx(Code, { lang, slot: "react", bg: "transparent", children })
+      children: [
+        /* @__PURE__ */ jsx(Box, { as: "span", id: labelId, srOnly: true, children: label2 }),
+        title !== void 0 && /* @__PURE__ */ jsxs(Box, { className: classes.header, children: [
+          /* @__PURE__ */ jsx(Box, { className: classes.title, children: title }),
+          copyButton && /* @__PURE__ */ jsx(Box, { className: classes.actions, children: copyButton })
+        ] }),
+        floatingCopy && /* @__PURE__ */ jsx(Box, { className: classes.floatingActions, children: copyButton }),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            ref: contentRef,
+            id: contentId,
+            className: classes.content,
+            ...overflowing && {
+              tabIndex: 0,
+              role: "region",
+              "aria-labelledby": labelId
+            },
+            children: /* @__PURE__ */ jsx(Box, { as: "pre", className: classes.pre, children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                as: "code",
+                className: cx(classes.code, language && `language-${language}`),
+                children: lines.map((line, index2) => /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    as: "span",
+                    className: classes.line,
+                    children: [
+                      showLineNumbers && /* @__PURE__ */ jsx(
+                        Box,
+                        {
+                          as: "span",
+                          "aria-hidden": "true",
+                          className: classes.lineNumber,
+                          "data-line": lineStart + index2
+                        }
+                      ),
+                      line
+                    ]
+                  },
+                  index2
+                ))
+              }
+            ) })
+          }
+        ),
+        canCollapse && /* @__PURE__ */ jsxs(
+          Box,
+          {
+            as: "button",
+            type: "button",
+            ...dsPart("expand"),
+            className: classes.expand,
+            "aria-expanded": expanded,
+            "aria-controls": contentId,
+            onClick: () => setExpanded(!expanded),
+            children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  name: expanded ? "collapse-vertical" : "expand-vertical",
+                  size: "16",
+                  fill: "current",
+                  "aria-hidden": "true"
+                }
+              ),
+              expanded ? "Show less" : `Show all ${lineCount} lines`
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { as: "span", role: "status", "aria-live": "polite", srOnly: true, children: copied ? "Copied" : failed ? "Copy failed" : "" })
+      ]
     }
   );
 };
@@ -18935,8 +19239,11 @@ const Menu = (props) => {
       return;
     }
     const updateWrapperSize = () => {
-      const nextWidth = Math.ceil(sizeProbe.scrollWidth);
-      const nextHeight = Math.ceil(sizeProbe.scrollHeight);
+      const rect = sizeProbe.getBoundingClientRect();
+      const activeLevelEl = activeLevelRef.current;
+      const scrollbarWidth = activeLevelEl && !shouldUsePanelDiginProbeFill ? activeLevelEl.offsetWidth - activeLevelEl.clientWidth : 0;
+      const nextWidth = Math.ceil(rect.width) + scrollbarWidth;
+      const nextHeight = Math.ceil(rect.height);
       setWrapperSize((previous) => {
         if (previous.width === nextWidth && previous.height === nextHeight) {
           return previous;
@@ -18950,6 +19257,9 @@ const Menu = (props) => {
     updateWrapperSize();
     const resizeObserver = new ResizeObserver(updateWrapperSize);
     resizeObserver.observe(sizeProbe);
+    if (activeLevelRef.current) {
+      resizeObserver.observe(activeLevelRef.current);
+    }
     return () => {
       resizeObserver.disconnect();
     };
@@ -18961,7 +19271,8 @@ const Menu = (props) => {
     diginDepth,
     hasVisibleResults,
     isMenuVisible,
-    shouldUseDiginSizing
+    shouldUseDiginSizing,
+    shouldUsePanelDiginProbeFill
   ]);
   useLayoutEffect(() => {
     var _a2;
@@ -22542,10 +22853,6 @@ const RadioInput = (props) => {
     }
   );
 };
-const DS_PART_ATTRIBUTE = "data-ds-part";
-const dsPart = (part) => ({
-  [DS_PART_ATTRIBUTE]: part
-});
 const AutocompleteListbox = (props) => {
   const {
     activeIndex,
@@ -24636,6 +24943,7 @@ export {
   Chip,
   ChipGroup,
   Code,
+  CodeBlock,
   ConfirmationModal,
   DateInput,
   DateMenu,
@@ -24678,7 +24986,6 @@ export {
   ModalWrapper,
   Option,
   PageBanner,
-  Pre,
   Radio,
   RadioGroup,
   RadioInput,
@@ -24714,6 +25021,7 @@ export {
   isItemMatch,
   splitProps,
   useChipGroup,
+  useClipboard,
   useContainerQuery,
   useDrawerContext,
   useForm2 as useForm,