@dbcdk/react-components 0.0.98 → 0.0.101

package/dist/index.css

@@ -2018,13 +2018,13 @@
   block-size: var(--icon-size-sm);
 }
 
-/* src/components/page-layout/components/layout-footer/LayoutFooter.module.css */
-.LayoutFooter_footer {
+/* src/components/page-layout/components/footer/Footer.module.css */
+.Footer_footer {
   inline-size: 100%;
   background: var(--color-bg-surface-subtle);
   line-height: var(--line-height-normal);
 }
-.LayoutFooter_inner {
+.Footer_inner {
   inline-size: 100%;
   max-inline-size: var(--container-xl);
   margin-inline: auto;
@@ -2035,22 +2035,22 @@
   align-items: flex-start;
   gap: var(--spacing-2xl);
 }
-.LayoutFooter_brand {
+.Footer_brand {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
   flex-shrink: 0;
 }
-.LayoutFooter_logoRow {
+.Footer_logoRow {
   flex-shrink: 0;
 }
-.LayoutFooter_logoRow svg {
+.Footer_logoRow svg {
   height: 24px;
   width: auto;
   color: var(--color-brand);
   display: block;
 }
-.LayoutFooter_meta {
+.Footer_meta {
   font-style: normal;
   margin: 0;
   color: var(--color-fg-subtle);
@@ -2059,39 +2059,39 @@
   flex-direction: column;
   gap: 1px;
 }
-.LayoutFooter_part {
+.Footer_part {
   white-space: nowrap;
 }
-.LayoutFooter_links {
+.Footer_links {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0;
   line-height: var(--line-height-normal);
 }
-.LayoutFooter_linkGroup {
+.Footer_linkGroup {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: var(--spacing-2xs);
 }
-.LayoutFooter_linkGroup + .LayoutFooter_linkGroup {
+.Footer_linkGroup + .Footer_linkGroup {
   margin-block-start: var(--spacing-sm);
   padding-inline: 0;
   border-inline-start: none;
 }
-.LayoutFooter_linkItem {
+.Footer_linkItem {
   white-space: nowrap;
 }
 @media (max-width: 640px) {
-  .LayoutFooter_inner {
+  .Footer_inner {
     flex-direction: column;
     gap: var(--spacing-md);
   }
-  .LayoutFooter_linkGroup {
+  .Footer_linkGroup {
     padding-inline: 0;
   }
-  .LayoutFooter_linkGroup:first-child {
+  .Footer_linkGroup:first-child {
     padding-inline-start: 0;
   }
 }
@@ -2786,11 +2786,13 @@
   min-width: 0;
 }
 .Page_content {
-  flex: 1 1 auto;
   min-height: 0;
   min-width: 0;
   overflow: auto;
 }
+.Page_contentLoading {
+  flex: 1 1 auto;
+}
 .Page_documentScrolling .Page_content {
   overflow: visible;
 }

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export * from './components/tabs/Tabs';
 export * from './components/headline/Headline';
 export * from './components/headline/CollapsibleHeadline';
 export * from './components/page-layout/PageLayout';
-export * from './components/page-layout/components/layout-footer/LayoutFooter';
+export * from './components/page-layout/components/footer/Footer';
 export * from './components/forms/input/Input';
 export * from './components/search-box/SearchBox';
 export * from './hooks/useTheme';

package/dist/index.js

@@ -1,5 +1,5 @@
-import * as React20 from 'react';
-import React20__default, { forwardRef, createContext, useId, useState, useRef, useEffect, useCallback, useImperativeHandle, useLayoutEffect, useMemo, useContext, Children, isValidElement, Fragment as Fragment$1 } from 'react';
+import * as React19 from 'react';
+import React19__default, { forwardRef, createContext, useId, useState, useRef, useEffect, useCallback, useImperativeHandle, useLayoutEffect, useMemo, useContext, Children, isValidElement, Fragment as Fragment$1 } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { LoaderCircle, Search, X, ChevronLeft, ChevronRight, Clock, Calendar, ChevronUp, ChevronDown, Check, Building2, CircleAlert, Info, CircleX, CircleCheck, Menu as Menu$1, ChevronsLeft, ArrowLeft, ArrowRight, ChevronsRight, Square, TextWrap, Palette, Copy, Monitor, Sun, Moon, ArrowUp, ArrowDown, Settings2 } from 'lucide-react';
 import { createPortal } from 'react-dom';
@@ -430,7 +430,7 @@ function mergeRefs(...refs) {
     }
   };
 }
-var Button = React20.forwardRef(function Button2({
+var Button = React19.forwardRef(function Button2({
   variant = "outlined",
   shape = "default",
   size = "md",
@@ -459,8 +459,8 @@ var Button = React20.forwardRef(function Button2({
     userClassName
   );
   const tooltipEnabled = Boolean(tooltip);
-  const childRef = isLink && React20.isValidElement(children) ? (_a = children.ref) != null ? _a : null : null;
-  const mergedRef = React20.useMemo(() => mergeRefs(childRef, ref), [childRef, ref]);
+  const childRef = isLink && React19.isValidElement(children) ? (_a = children.ref) != null ? _a : null : null;
+  const mergedRef = React19.useMemo(() => mergeRefs(childRef, ref), [childRef, ref]);
   const { triggerProps, id: tooltipId } = useTooltipTrigger({
     content: tooltipEnabled ? tooltip : null,
     placement: tooltipPlacement,
@@ -477,7 +477,7 @@ var Button = React20.forwardRef(function Button2({
     loading && /* @__PURE__ */ jsx("span", { style: { display: "flex", opacity: 0.5 }, className: "spin", children: /* @__PURE__ */ jsx(LoaderCircle, {}) })
   ] });
   let buttonEl;
-  if (isLink && React20.isValidElement(children)) {
+  if (isLink && React19.isValidElement(children)) {
     const childClassName = typeof children.props.className === "string" ? children.props.className : "";
     const { disabled, onClick, ...linkButtonProps } = buttonProps;
     const handleClick = (e) => {
@@ -487,7 +487,7 @@ var Button = React20.forwardRef(function Button2({
       }
       onClick == null ? void 0 : onClick(e);
     };
-    buttonEl = React20.cloneElement(children, {
+    buttonEl = React19.cloneElement(children, {
       ...linkButtonProps,
       ref: mergedRef,
       className: cx(childClassName, computedClassName, Button_default.buttonLink),
@@ -1054,7 +1054,7 @@ var Popover = forwardRef(function Popover2({
     (_b = (_a = triggerElRef.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
   }, [isOpen, returnFocus]);
   const icon = isOpen ? /* @__PURE__ */ jsx(ChevronUp, { className: "dbc-muted-text", size: 20 }) : /* @__PURE__ */ jsx(ChevronDown, { className: "dbc-muted-text", size: 20 });
-  const setOverlayRef = React20.useCallback(
+  const setOverlayRef = React19.useCallback(
     (node) => {
       assignRef(overlayRef, node);
     },
@@ -1238,12 +1238,12 @@ function Avatar({
     "--text": SeverityTextColor[color],
     "--size": fullWidth ? "100%" : sizes[size]
   };
-  const pathId = React20.useId();
+  const pathId = React19.useId();
   const renderImage = () => {
     if (image) {
-      if (React20.isValidElement(image)) {
+      if (React19.isValidElement(image)) {
         const mergedClass = [image.props.className, Avatar_default.image].filter(Boolean).join(" ");
-        return React20.cloneElement(image, { className: mergedClass });
+        return React19.cloneElement(image, { className: mergedClass });
       }
       return /* @__PURE__ */ jsx("span", { className: Avatar_default.imageSlot, children: image });
     }
@@ -1566,9 +1566,9 @@ var INTERACTIVE_SELECTOR = 'a:not([disabled]), button:not([disabled]), [tabindex
 function getMenuItems(el) {
   return Array.from(el.querySelectorAll(INTERACTIVE_SELECTOR));
 }
-var MenuBase = React20.forwardRef(
+var MenuBase = React19.forwardRef(
   ({ children, className, itemRole = "menuitem", gap, onKeyDown, ...props }, ref) => {
-    const internalRef = React20.useRef(null);
+    const internalRef = React19.useRef(null);
     const handleKeyDown = (e) => {
       const ul = internalRef.current;
       if (!ul) return;
@@ -1611,16 +1611,16 @@ var MenuBase = React20.forwardRef(
   }
 );
 MenuBase.displayName = "Menu";
-var isInteractiveEl = (el) => React20.isValidElement(el) && (typeof el.type === "string" ? el.type === "a" || el.type === "button" : true);
+var isInteractiveEl = (el) => React19.isValidElement(el) && (typeof el.type === "string" ? el.type === "a" || el.type === "button" : true);
 function applyMenuItemPropsToElement(child, opts) {
   var _a, _b, _c, _d;
   const { active, selected, disabled, role, tabIndex = 0, className } = opts;
   const childClass = [Menu_default.item, active ? Menu_default.active : "", selected ? Menu_default.selected : ""].filter(Boolean).join(" ");
-  const nextImmediate = React20.cloneElement(child, {
+  const nextImmediate = React19.cloneElement(child, {
     className: [child.props.className, Menu_default.interactiveChild, className].filter(Boolean).join(" ")
   });
   if (typeof child.type === "string" && (child.type === "a" || child.type === "button")) {
-    return React20.cloneElement(child, {
+    return React19.cloneElement(child, {
       role: (_a = child.props.role) != null ? _a : role,
       tabIndex: (_b = child.props.tabIndex) != null ? _b : tabIndex,
       "aria-selected": selected || void 0,
@@ -1629,7 +1629,7 @@ function applyMenuItemPropsToElement(child, opts) {
       ...child.type === "button" ? { disabled } : {}
     });
   }
-  return React20.cloneElement(nextImmediate, {
+  return React19.cloneElement(nextImmediate, {
     role: (_c = nextImmediate.props.role) != null ? _c : role,
     tabIndex: (_d = nextImmediate.props.tabIndex) != null ? _d : tabIndex,
     "aria-selected": selected || void 0,
@@ -1638,7 +1638,7 @@ function applyMenuItemPropsToElement(child, opts) {
     disabled
   });
 }
-var MenuItem = React20.forwardRef(
+var MenuItem = React19.forwardRef(
   ({ children, active, selected, disabled, className, itemRole, variant, ...liProps }, ref) => {
     const resolvedRole = itemRole != null ? itemRole : "menuitem";
     const isBordered = variant === "bordered";
@@ -1676,7 +1676,7 @@ var MenuItem = React20.forwardRef(
   }
 );
 MenuItem.displayName = "Menu.Item";
-var MenuCheckItem = React20.forwardRef(
+var MenuCheckItem = React19.forwardRef(
   ({
     label,
     checked,
@@ -1742,7 +1742,7 @@ var MenuCheckItem = React20.forwardRef(
   }
 );
 MenuCheckItem.displayName = "Menu.CheckItem";
-var MenuRadioItem = React20.forwardRef(
+var MenuRadioItem = React19.forwardRef(
   ({ name, value, checked, disabled, label, onValueChange, className, ...liProps }, ref) => {
     return /* @__PURE__ */ jsx(
       "li",
@@ -1782,7 +1782,7 @@ var MenuRadioItem = React20.forwardRef(
   }
 );
 MenuRadioItem.displayName = "Menu.RadioItem";
-var MenuSeparator = React20.forwardRef(
+var MenuSeparator = React19.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "li",
     {
@@ -1794,7 +1794,7 @@ var MenuSeparator = React20.forwardRef(
   )
 );
 MenuSeparator.displayName = "Menu.Separator";
-var MenuHeader = React20.forwardRef(
+var MenuHeader = React19.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "li",
     {
@@ -2762,12 +2762,12 @@ function Hyperlink(props) {
     inline ? "" : Hyperlink_default.block
   );
   if (asChild) {
-    const child = React20.Children.only(children);
-    if (!React20.isValidElement(child)) {
+    const child = React19.Children.only(children);
+    if (!React19.isValidElement(child)) {
       throw new Error("Hyperlink with asChild expects a single valid React element as its child.");
     }
     const childProps = (_a = child.props) != null ? _a : {};
-    return React20.cloneElement(child, {
+    return React19.cloneElement(child, {
       ...childProps,
       ...rest,
       className: cx2(childProps.className, linkClassName),
@@ -2802,15 +2802,15 @@ function Hyperlink(props) {
   );
 }
 
-// src/components/page-layout/components/layout-footer/LayoutFooter.module.css
-var LayoutFooter_default = {
-  footer: "LayoutFooter_footer",
-  inner: "LayoutFooter_inner",
-  brand: "LayoutFooter_brand",
-  logoRow: "LayoutFooter_logoRow",
-  meta: "LayoutFooter_meta",
-  part: "LayoutFooter_part",
-  links: "LayoutFooter_links"};
+// src/components/page-layout/components/footer/Footer.module.css
+var Footer_default = {
+  footer: "Footer_footer",
+  inner: "Footer_inner",
+  brand: "Footer_brand",
+  logoRow: "Footer_logoRow",
+  meta: "Footer_meta",
+  part: "Footer_part",
+  links: "Footer_links"};
 var DEFAULT_META_PARTS = [
   "Tempovej 7-11",
   "DK-2750 Ballerup",
@@ -2822,23 +2822,23 @@ var DEFAULT_LINKS = [
     label: "Kundeservice",
     href: "https://kundeservice.dbc.dk",
     external: true
-  },
-  {
-    label: "Cookies",
-    href: "/cookies"
   }
 ];
-function LayoutFooter({
+function Footer({
   links = DEFAULT_LINKS,
   metaParts = DEFAULT_META_PARTS,
+  version,
   extraLinks
 }) {
-  return /* @__PURE__ */ jsx("footer", { className: LayoutFooter_default.footer, children: /* @__PURE__ */ jsxs("div", { className: LayoutFooter_default.inner, children: [
-    /* @__PURE__ */ jsxs("div", { className: LayoutFooter_default.brand, children: [
-      /* @__PURE__ */ jsx("div", { className: LayoutFooter_default.logoRow, children: /* @__PURE__ */ jsx(Logo, {}) }),
-      /* @__PURE__ */ jsx("address", { className: LayoutFooter_default.meta, children: metaParts.map((part) => /* @__PURE__ */ jsx("span", { className: LayoutFooter_default.part, children: part }, part)) })
+  const displayMetaParts = version && metaParts.length > 0 ? metaParts.map(
+    (part, index) => index === metaParts.length - 1 ? `${part} \xB7 ${version}` : part
+  ) : metaParts;
+  return /* @__PURE__ */ jsx("footer", { className: Footer_default.footer, children: /* @__PURE__ */ jsxs("div", { className: Footer_default.inner, children: [
+    /* @__PURE__ */ jsxs("div", { className: Footer_default.brand, children: [
+      /* @__PURE__ */ jsx("div", { className: Footer_default.logoRow, children: /* @__PURE__ */ jsx(Logo, {}) }),
+      /* @__PURE__ */ jsx("address", { className: Footer_default.meta, children: displayMetaParts.map((part) => /* @__PURE__ */ jsx("span", { className: Footer_default.part, children: part }, part)) })
     ] }),
-    /* @__PURE__ */ jsxs("nav", { className: LayoutFooter_default.links, "aria-label": "Footer navigation", children: [
+    /* @__PURE__ */ jsxs("nav", { className: Footer_default.links, "aria-label": "Footer navigation", children: [
       extraLinks && extraLinks.length > 0 && (extraLinks == null ? void 0 : extraLinks.map((link, index) => /* @__PURE__ */ jsx("span", { children: link }, index))),
       links.map((link) => /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
         Hyperlink,
@@ -3156,14 +3156,14 @@ var SearchBox = forwardRef(function SearchBoxInner({
       return () => window.removeEventListener("keydown", handleKeyDown);
     }
   }, [enableHotkey]);
-  const handleChange = React20__default.useCallback(
+  const handleChange = React19__default.useCallback(
     (e) => {
       setDraft(e.target.value);
       onChange == null ? void 0 : onChange(e);
     },
     [onChange]
   );
-  const handleSelect = React20__default.useCallback(
+  const handleSelect = React19__default.useCallback(
     (item) => {
       onSelect == null ? void 0 : onSelect(item);
       reset();
@@ -3177,7 +3177,7 @@ var SearchBox = forwardRef(function SearchBoxInner({
     setActiveIndex(null);
     (_a = popoverRef.current) == null ? void 0 : _a.close();
   }
-  const handleClear = React20__default.useCallback(() => {
+  const handleClear = React19__default.useCallback(() => {
     var _a;
     reset();
     onSearch == null ? void 0 : onSearch("");
@@ -3661,6 +3661,7 @@ var Page_default = {
   disableTopPadding: "Page_disableTopPadding",
   headerMain: "Page_headerMain",
   content: "Page_content",
+  contentLoading: "Page_contentLoading",
   disableContentBox: "Page_disableContentBox"
 };
 
@@ -3716,7 +3717,13 @@ function Page({
             }
           ) : null
         ] }) }),
-        /* @__PURE__ */ jsx("div", { className: `${Page_default.content} ${disableContentBox ? Page_default.disableContentBox : ""}`, children: loading ? /* @__PURE__ */ jsx(SkeletonLoader, { type: "squares", rows: 1, columns: 1 }) : children })
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `${Page_default.content} ${loading ? Page_default.contentLoading : ""} ${disableContentBox ? Page_default.disableContentBox : ""}`,
+            children: loading ? /* @__PURE__ */ jsx(SkeletonLoader, { type: "squares", rows: 1, columns: 1 }) : children
+          }
+        )
       ]
     }
   );
@@ -5150,7 +5157,7 @@ function SidebarItemContent({
   const shouldTruncate = truncateLabel && !wrapItemText && !activeQuery;
   const highlightTerms = activeQuery.trim().split(/\s+/).filter(Boolean);
   const renderedLabel = typeof label === "string" && highlightTerms.length > 0 ? getHighlightedSegments(label, highlightTerms).map(
-    (segment, index) => segment.matched ? /* @__PURE__ */ jsx("mark", { className: "dbc-highlight", children: segment.text }, `${segment.text}-${index}`) : /* @__PURE__ */ jsx(React20__default.Fragment, { children: segment.text }, `${segment.text}-${index}`)
+    (segment, index) => segment.matched ? /* @__PURE__ */ jsx("mark", { className: "dbc-highlight", children: segment.text }, `${segment.text}-${index}`) : /* @__PURE__ */ jsx(React19__default.Fragment, { children: segment.text }, `${segment.text}-${index}`)
   ) : label;
   return /* @__PURE__ */ jsxs(
     "span",
@@ -5366,7 +5373,7 @@ var SidenavFiltering = ({
     wrapItemText,
     setWrapItemText
   } = useSidebar();
-  const searchBoxRef = React20__default.useRef(null);
+  const searchBoxRef = React19__default.useRef(null);
   const handleSearch = (value) => {
     setActiveQuery == null ? void 0 : setActiveQuery(value);
   };
@@ -6293,12 +6300,12 @@ function Typeahead({
   const [query, setQuery] = useState("");
   const [activeIndex, setActiveIndex] = useState(-1);
   const [hideSelectedHighlight, setHideSelectedHighlight] = useState(false);
-  const clearJustClearedAfterEventCycle = React20.useCallback(() => {
+  const clearJustClearedAfterEventCycle = React19.useCallback(() => {
     requestAnimationFrame(() => {
       justClearedRef.current = false;
     });
   }, []);
-  const getSelectedValueChipLabel = React20.useCallback(
+  const getSelectedValueChipLabel = React19.useCallback(
     (option) => {
       switch (multiSelectedValueChipContent) {
         case "value":
@@ -6325,7 +6332,7 @@ function Typeahead({
       );
     }
   }
-  const commitSelection = React20.useCallback(
+  const commitSelection = React19.useCallback(
     (option) => {
       var _a2, _b2;
       locallyClearedRef.current = false;
@@ -6450,7 +6457,7 @@ function Typeahead({
       setInputValue((_a2 = selectedOption == null ? void 0 : selectedOption.label) != null ? _a2 : "");
     }
   }, [selectedOption, mode]);
-  const getSelectedIndex = React20.useCallback(
+  const getSelectedIndex = React19.useCallback(
     (items) => {
       if (items.length === 0) return -1;
       if (locallyClearedRef.current) return 0;
@@ -6478,7 +6485,7 @@ function Typeahead({
     const activeEl = (_a2 = document.getElementById(listboxId)) == null ? void 0 : _a2.querySelector(`#${CSS.escape(`${listboxId}-option-${activeIndex}`)}`);
     (_b2 = activeEl == null ? void 0 : activeEl.scrollIntoView) == null ? void 0 : _b2.call(activeEl, { block: "nearest" });
   }, [open, activeIndex, filteredOptions, listboxId]);
-  const getFocusableElements = React20.useCallback(() => {
+  const getFocusableElements = React19.useCallback(() => {
     const selector = [
       "a[href]",
       "button:not([disabled])",
@@ -6502,12 +6509,12 @@ function Typeahead({
     }
     return focusables;
   }, []);
-  const isFocusWithinTypeahead = React20.useCallback((target) => {
+  const isFocusWithinTypeahead = React19.useCallback((target) => {
     var _a2, _b2;
     if (!(target instanceof Node)) return false;
     return Boolean(((_a2 = rootRef.current) == null ? void 0 : _a2.contains(target)) || ((_b2 = popoverContentRef.current) == null ? void 0 : _b2.contains(target)));
   }, []);
-  const handleTabKeyDown = React20.useCallback(
+  const handleTabKeyDown = React19.useCallback(
     (event) => {
       var _a2, _b2, _c;
       if (event.key !== "Tab" || !open) return;
@@ -6581,23 +6588,23 @@ function Typeahead({
     setOpen(false);
     setActiveIndex(-1);
   };
-  const openWithAllOptions = React20.useCallback(() => {
+  const openWithAllOptions = React19.useCallback(() => {
     if (justClearedRef.current) return;
     setQuery("");
     setOpen(true);
     setActiveIndex(getSelectedIndex(options));
   }, [getSelectedIndex, options]);
-  const openWithCurrentFilter = React20.useCallback(() => {
+  const openWithCurrentFilter = React19.useCallback(() => {
     if (justClearedRef.current) return;
     setOpen(true);
     setActiveIndex(getSelectedIndex(filteredOptions));
   }, [getSelectedIndex, filteredOptions]);
-  const prepareSingleSearchInput = React20.useCallback(() => {
+  const prepareSingleSearchInput = React19.useCallback(() => {
     if (mode !== "single" || !selectedOption || justClearedRef.current) return;
     setInputValue("");
     setQuery("");
   }, [mode, selectedOption]);
-  const handleOpen = React20.useCallback(() => {
+  const handleOpen = React19.useCallback(() => {
     if (justClearedRef.current) return;
     if (mode === "single" && selectedOption && !locallyClearedRef.current) {
       prepareSingleSearchInput();
@@ -6606,7 +6613,7 @@ function Typeahead({
     }
     openWithCurrentFilter();
   }, [mode, selectedOption, prepareSingleSearchInput, openWithAllOptions, openWithCurrentFilter]);
-  const handleTriggerMouseDown = React20.useCallback(
+  const handleTriggerMouseDown = React19.useCallback(
     (e) => {
       var _a2;
       inputPropsOnMouseDown == null ? void 0 : inputPropsOnMouseDown(e);
@@ -6647,7 +6654,7 @@ function Typeahead({
       filteredOptions
     ]
   );
-  const handleChevronMouseDown = React20.useCallback(
+  const handleChevronMouseDown = React19.useCallback(
     (e) => {
       var _a2, _b2;
       e.preventDefault();
@@ -8810,7 +8817,7 @@ function AttributeChip({
     /* @__PURE__ */ jsx("span", { className: AttributeChip_default.value, children: loading ? "\u2014" : value == null ? void 0 : value.toString() })
   ] });
 }
-var SplitPaneContext = React20__default.createContext(null);
+var SplitPaneContext = React19__default.createContext(null);
 function clamp3(n, min, max) {
   return Math.max(min, Math.min(max, n));
 }
@@ -8837,7 +8844,7 @@ function removeStoredSize(key) {
   }
 }
 function useSplitPaneContext() {
-  const ctx = React20__default.useContext(SplitPaneContext);
+  const ctx = React19__default.useContext(SplitPaneContext);
   if (!ctx) throw new Error("SplitPane components must be used within <SplitPane />");
   return ctx;
 }
@@ -10312,7 +10319,7 @@ function ChipMultiToggle({
   type = "rounded",
   dataCy
 }) {
-  const selectedSet = React20__default.useMemo(() => new Set(selectedValues), [selectedValues]);
+  const selectedSet = React19__default.useMemo(() => new Set(selectedValues), [selectedValues]);
   const isNoneSelected = allTogglesNone && selectedSet.has(noneValue);
   const isAllSelected = showAllOption && !isNoneSelected && selectedSet.size === 0;
   const toggleValue = (value) => {
@@ -12717,4 +12724,4 @@ function Alert({
   );
 }
 
-export { Accordion, Alert, AppHeader, AttributeChip, Avatar, Breadcrumbs, Button, ButtonSelect, Card, CardContainer, ChartSemanticColorVar, Checkbox, CheckboxGroup, Chip, ChipMultiToggle, Circle, CodeBlock, CollapsibleHeadline, CopyButton, DateTimePicker, Divider, FadeOverlay, FilterField, Grid, GridItem, Headline, Hyperlink, Icon, Input, InputContainer, IntervalSelect, JsonViewer, LayoutFooter, Menu, MetaBar, Modal, ModalProvider, MultiSelect, NUMBER_OPERATORS, NavBar, Page, PageLayout, Pagination, Panel, Popover, RadioButton, RadioButtonGroup, SearchBox, SegmentedProgressBar, Select, SeverityIcon, SidePanel, Sidebar, SkeletonLoader, SkeletonLoaderItem, SplitButton, SplitPane, SplitPaneGutter, SplitPanePrimary, SplitPaneSecondary, Stack, StatePage, StickyFooterLayout, Table, Tabs, Textarea, ThemeButton, ThemeMenuSection, Toast, ToastProvider, Tooltip, TooltipContext, TooltipProvider, Typeahead, UserDisplay, formatDate, nestedFiltering, useDeviceSize, useModal, useOptionalToast, usePagination, useSidePanel, useSorting, useTableData, useTableSelection, useTheme, useTimeDuration, useToast, useTooltipTrigger, useViewportFill };
+export { Accordion, Alert, AppHeader, AttributeChip, Avatar, Breadcrumbs, Button, ButtonSelect, Card, CardContainer, ChartSemanticColorVar, Checkbox, CheckboxGroup, Chip, ChipMultiToggle, Circle, CodeBlock, CollapsibleHeadline, CopyButton, DateTimePicker, Divider, FadeOverlay, FilterField, Footer, Grid, GridItem, Headline, Hyperlink, Icon, Input, InputContainer, IntervalSelect, JsonViewer, Menu, MetaBar, Modal, ModalProvider, MultiSelect, NUMBER_OPERATORS, NavBar, Page, PageLayout, Pagination, Panel, Popover, RadioButton, RadioButtonGroup, SearchBox, SegmentedProgressBar, Select, SeverityIcon, SidePanel, Sidebar, SkeletonLoader, SkeletonLoaderItem, SplitButton, SplitPane, SplitPaneGutter, SplitPanePrimary, SplitPaneSecondary, Stack, StatePage, StickyFooterLayout, Table, Tabs, Textarea, ThemeButton, ThemeMenuSection, Toast, ToastProvider, Tooltip, TooltipContext, TooltipProvider, Typeahead, UserDisplay, formatDate, nestedFiltering, useDeviceSize, useModal, useOptionalToast, usePagination, useSidePanel, useSorting, useTableData, useTableSelection, useTheme, useTimeDuration, useToast, useTooltipTrigger, useViewportFill };