@luscii-healthtech/web-ui 58.14.4 → 58.14.6

package/dist/esm/components/Carousel/Carousel.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useCallback } from 'react';
 import classNames from 'classnames';
 import { debounce } from 'lodash-es';
+import { useIsScrollable } from '../../utils/useIsScrollable.js';
 import { Stack } from '../Stack/Stack.js';
 import { Box } from '../Box/Box.js';
 import { SecondaryButton } from '../ButtonV2/SecondaryButton.js';
@@ -27,6 +28,7 @@ const Carousel = ({ id, className, slides = [], labels }) => {
   var _a, _b;
   const [currentIndex, setCurrentIndex] = useState(0);
   const slidesContainer = useRef(null);
+  const [slidesTrackRef, isScrollable] = useIsScrollable();
   const scrollToIndex = useCallback((index) => {
     const container = slidesContainer.current;
     if (!container) {
@@ -58,7 +60,7 @@ const Carousel = ({ id, className, slides = [], labels }) => {
     const index = Math.round(scrollLeft / scrollWidth);
     setCurrentIndexDebounced(index);
   }, [setCurrentIndexDebounced]);
-  return jsx("div", { ref: slidesContainer, id, className, children: jsxs(Stack, { width: "full", align: "stretch", _gap: "l", children: [jsxs(Stack, { axis: "x", align: "stretch", width: "full", _gap: "l", children: [jsx(Stack, { justify: "center", children: jsx(SecondaryButton, { onClick: onClickPrevious, leadingIcon: jsx(ChevronLeftIcon, {}), "aria-label": (_a = labels === null || labels === void 0 ? void 0 : labels.previousButton) !== null && _a !== void 0 ? _a : "Previous slide", disabled: slides.length === 0 }) }), jsx(Stack, { as: "ol", axis: "x", width: "full", align: "stretch", className: "ui:w-full ui:snap-x ui:snap-mandatory ui:overflow-x-auto", style: { scrollbarWidth: "none" }, onScroll, children: slides.map((slide, i) => jsx(Box, { width: "full", as: "li", className: "ui:shrink-0 ui:snap-start", children: slide }, i)) }), jsx(Stack, { justify: "center", children: jsx(SecondaryButton, { onClick: onClickNext, leadingIcon: jsx(ChevronRightIcon, {}), "aria-label": (_b = labels === null || labels === void 0 ? void 0 : labels.nextButton) !== null && _b !== void 0 ? _b : "Next slide", disabled: slides.length === 0 }) })] }), jsx(Stack, { align: "center", children: jsx(DotList, { activeIndex: currentIndex, amount: slides.length, onClickIndex: scrollToIndex, buttonLabel: labels === null || labels === void 0 ? void 0 : labels.dotButton }) })] }) });
+  return jsx("div", { ref: slidesContainer, id, className, children: jsxs(Stack, { width: "full", align: "stretch", _gap: "l", children: [jsxs(Stack, { axis: "x", align: "stretch", width: "full", _gap: "l", children: [jsx(Stack, { justify: "center", children: jsx(SecondaryButton, { onClick: onClickPrevious, leadingIcon: jsx(ChevronLeftIcon, {}), "aria-label": (_a = labels === null || labels === void 0 ? void 0 : labels.previousButton) !== null && _a !== void 0 ? _a : "Previous slide", disabled: slides.length === 0 }) }), jsx(Stack, { as: "ol", ref: slidesTrackRef, tabIndex: isScrollable ? 0 : void 0, axis: "x", width: "full", align: "stretch", className: "ui:w-full ui:snap-x ui:snap-mandatory ui:overflow-x-auto", style: { scrollbarWidth: "none" }, onScroll, children: slides.map((slide, i) => jsx(Box, { width: "full", as: "li", className: "ui:shrink-0 ui:snap-start", children: slide }, i)) }), jsx(Stack, { justify: "center", children: jsx(SecondaryButton, { onClick: onClickNext, leadingIcon: jsx(ChevronRightIcon, {}), "aria-label": (_b = labels === null || labels === void 0 ? void 0 : labels.nextButton) !== null && _b !== void 0 ? _b : "Next slide", disabled: slides.length === 0 }) })] }), jsx(Stack, { align: "center", children: jsx(DotList, { activeIndex: currentIndex, amount: slides.length, onClickIndex: scrollToIndex, buttonLabel: labels === null || labels === void 0 ? void 0 : labels.dotButton }) })] }) });
 };
 
 export { Carousel, Carousel as default };

package/dist/esm/components/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Carousel.js","sources":["../../../../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/FilePreviewModal/FilePreview.js

@@ -68,7 +68,7 @@ const FilePreview = (props) => {
   const onCloseDialog = (event) => {
     onClose(event);
   };
-  return jsx(ModalDialog, { className: classNames(backdropClassNames, "ui:[&>div]:bg-transparent"), variant: "full-screen", open: true, onClose: onCloseDialog, children: jsxs(Stack, { align: "center", justify: "center", width: "full", className: previewClassNames, children: [jsxs(Stack, { axis: "x", _gap: "l", className: buttonContainerClassNames, children: [jsx("a", { href: downloadUrl !== null && downloadUrl !== void 0 ? downloadUrl : fileUrl, target: "_blank", rel: "noopener noreferrer", onClick: onDownload, children: jsxs(Tooltip.Root, { children: [jsx(Tooltip.Trigger, { children: jsx(SecondaryIconButton, { label: localization.downloadButtonLabel, children: jsx(DownloadIcon, {}) }) }), jsx(ButtonTooltipContent, { children: localization.downloadButtonLabel })] }) }), jsxs(Tooltip.Root, { children: [jsx(Tooltip.Trigger, { children: jsx(SecondaryIconButton, { label: localization.closeButtonLabel, onClick: onClose, children: jsx(CrossIcon, {}) }) }), jsx(ButtonTooltipContent, { children: localization.closeButtonLabel })] })] }), isSupportedImage(fileUrl) && jsx(Image, { src: fileUrl, className: imageClassNames }), isSupportedFile(fileUrl) && jsx("embed", { src: fileUrl, className: fileClassNames })] }) });
+  return jsx(ModalDialog, { className: classNames(backdropClassNames, "ui:[&>div]:bg-transparent"), variant: "full-screen", open: true, onClose: onCloseDialog, children: jsxs(Stack, { align: "center", justify: "center", width: "full", className: previewClassNames, children: [jsxs(Stack, { axis: "x", _gap: "l", className: buttonContainerClassNames, children: [jsx("a", { href: downloadUrl !== null && downloadUrl !== void 0 ? downloadUrl : fileUrl, target: "_blank", rel: "noopener noreferrer", onClick: onDownload, children: jsxs(Tooltip.Root, { children: [jsx(Tooltip.Trigger, { asChild: true, children: jsx(SecondaryIconButton, { label: localization.downloadButtonLabel, children: jsx(DownloadIcon, {}) }) }), jsx(ButtonTooltipContent, { children: localization.downloadButtonLabel })] }) }), jsxs(Tooltip.Root, { children: [jsx(Tooltip.Trigger, { asChild: true, children: jsx(SecondaryIconButton, { label: localization.closeButtonLabel, onClick: onClose, children: jsx(CrossIcon, {}) }) }), jsx(ButtonTooltipContent, { children: localization.closeButtonLabel })] })] }), isSupportedImage(fileUrl) && jsx(Image, { src: fileUrl, className: imageClassNames }), isSupportedFile(fileUrl) && jsx("embed", { src: fileUrl, className: fileClassNames })] }) });
 };
 
 export { FilePreview };

package/dist/esm/components/FilePreviewModal/FilePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreview.js","sources":["../../../../../../src/components/FilePreviewModal/FilePreview.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"FilePreview.js","sources":["../../../../../../src/components/FilePreviewModal/FilePreview.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/ModalDialog/ModalDialog.js

@@ -2,6 +2,7 @@ import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useRef, useEffect, useState, useContext } from 'react';
 import classNames from 'classnames';
+import { useIsScrollable } from '../../utils/useIsScrollable.js';
 import { Card } from '../Card/Card.js';
 import { Box } from '../Box/Box.js';
 import { Stack } from '../Stack/Stack.js';
@@ -113,8 +114,9 @@ const ModalDialog = (_a) => {
 };
 const Body = (_a) => {
   var { className } = _a, rest = __rest(_a, ["className"]);
+  const [scrollRef, isScrollable] = useIsScrollable();
   const classes = classNames(className, "ui:overflow-y-auto ui:flex-1");
-  return jsx(Box, Object.assign({ className: classes, _p: "l" }, rest));
+  return jsx(Box, Object.assign({ ref: scrollRef, tabIndex: isScrollable ? 0 : void 0, className: classes, _p: "l" }, rest));
 };
 const Header = (props) => {
   return jsx(Stack, Object.assign({ axis: "x", justify: "between", align: "center", _gap: "l", _p: "l" }, props));

package/dist/esm/components/ModalDialog/ModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.js","sources":["../../../../../../src/components/ModalDialog/ModalDialog.tsx"],"sourcesContent":[null],"names":["_a","_jsx"],"mappings":";;;;;;;;;;;;;;AA2HA,MAAM,UAAU,aAAA,CAAqD;AAAA,EACnE,OAAA,EAAS;AACV,CAAA,CAAA;AAED,MAAM,cAAA,GAAiB,MAAM,UAAA,CAAW,OAAO,CAAA;AAExC,MAAM,WAAA,GAAyC,CAAC,EAAA,KAUlD;AAVkD,EAAA,IAAA,EACrD,IAAA,EACA,SAAA,EACA,IAAA,EACA,OAAA,EACA,QAAA,EACA,OAAA,GAAU,iBAAA,EACV,6BAAA,GAAgC,KAAA,EAChC,wBAAA,GAA2B,MAAK;AAAA,EAAE,CAAA,EAAC,GAAA,EAAA,EAChC,IAAA,GAAI,OAAA,EAAA,EAT8C,4HAUtD,CAAA;AACC,EAAA,MAAM,MAAA,GAAS,OAA0B,IAAI,CAAA;AAE7C,EAAA,MAAM,kBAAA,GAAqB,UAAA;AAAA,IACzB,iJAAA;AAAA,IACA,mIAAA;AAAA,IAEA,yCAAA;AAAA,IACA,qBAAA;AAAA,IAEA,2DAAA;AAAA,IACA,8BAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,MACE,oFACE,OAAA,KAAY,YAAA;AAAA,MACd,oEACE,OAAA,KAAY;AAAA;IAEhB;AAAA,MACE,oFACE,OAAA,KAAY,YAAA;AAAA,MACd,oEACE,OAAA,KAAY;AAAA;AACf,GAAA;AAGH,EAAA,MAAM,OAAA,GAAU,WACd,mBAAA,EACA;AAAA,IACE,kDACE,OAAA,KAAY;AAAA,KAEhB;AAAA,IACE,YAAY,OAAA,KAAY,iBAAA;AAAA,IACxB,cAAc,OAAA,KAAY;AAAA,KAE5B,YACA,gBAAA,EACA;AAAA,IACE,cAAc,IAAA,KAAS,GAAA;AAAA,IACvB,eAAe,IAAA,KAAS,GAAA;AAAA,IACxB,eAAe,IAAA,KAAS,GAAA;AAAA,IACxB,eAAe,IAAA,KAAS;AAAA,KAE1B;AAAA,IACE,cAAc,OAAA,KAAY,YAAA;AAAA,IAC1B,gBAAgB,OAAA,KAAY,YAAA;AAAA,IAC5B,eAAe,OAAA,KAAY,YAAA;AAAA,IAC3B,iBAAiB,OAAA,KAAY;AAAA,KAE/B;AAAA,IACE,sDACE,OAAA,KAAY,aAAA;AAAA,IACd,UAAU,OAAA,KAAY,aAAA;AAAA,IACtB,2BAA2B,OAAA,KAAY,aAAA;AAAA,IACvC,mCAAmC,OAAA,KAAY;AAAA,GAChD,EACD,oBACA,SAAS,CAAA;AAGX,EAAA,2BAAA,CAA4B,EAAE,MAAA,EAAQ,IAAA,EAAM,wBAAA,EAA0B,CAAA;AAEtE,EAAA,SAAA,CAAU,MAAK;;AACb,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,CAAAA,GAAAA,GAAA,OAAO,OAAA,MAAO,IAAA,IAAAA,QAAA,MAAA,GAAA,MAAA,GAAAA,IAAE,SAAA;AAChB,MAAA,aAAA;IACF,CAAA,MAAO;AACL,MAAA,CAAA,EAAA,GAAA,OAAO,OAAA,MAAO,IAAA,IAAA,OAAA,MAAA,GAAA,MAAA,GAAA,GAAE,KAAA;IAClB;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,wBAAA,GAA2B,CAAC,OAAA,KAAqB,CAAC,KAAA,KAAgB;AACtE,IAAA,IAAI,KAAA,CAAM,MAAA,KAAW,MAAA,CAAO,OAAA,EAAS;AACnC,MAAA;AAAA,IACF;AACA,IAAA,kBAAA,CAAmB,OAAO,CAAA;AAAA,EAC5B,CAAA;AAEA,EAAA,SAAA,CAAU,MAAK;AACb,IAAA,MAAM,qBAAA,GAAwB,CAAC,eAAA,EAAiB,OAAA,EAAS,QAAQ,CAAA;AACjE,IAAA,MAAM,oBAAA,GAAuB,CAAC,kBAAA,EAAoB,eAAe,CAAA;AAEjE,IAAA,MAAM,sBAAA,GAAyB,yBAAyB,IAAI,CAAA;AAC5D,IAAA,MAAM,uBAAA,GAA0B,yBAAyB,KAAK,CAAA;AAE9D,IAAA,qBAAA,CAAsB,OAAA,CAAQ,CAAC,KAAA,KAAS;;AACtC,MAAA,CAAAA,GAAAA,GAAA,MAAA,CAAO,OAAA,MAAO,IAAA,IAAAA,GAAAA,KAAA,SAAA,MAAA,GAAAA,GAAAA,CAAE,gBAAA,CAAiB,KAAA,EAAO,sBAAsB,CAAA;AAAA,IAChE,CAAC,CAAA;AAED,IAAA,oBAAA,CAAqB,OAAA,CAAQ,CAAC,KAAA,KAAS;;AACrC,MAAA,CAAAA,GAAAA,GAAA,MAAA,CAAO,OAAA,MAAO,IAAA,IAAAA,GAAAA,KAAA,SAAA,MAAA,GAAAA,GAAAA,CAAE,gBAAA,CAAiB,KAAA,EAAO,uBAAuB,CAAA;AAAA,IACjE,CAAC,CAAA;AAED,IAAA,OAAO,MAAK;AACV,MAAA,qBAAA,CAAsB,OAAA,CAAQ,CAAC,KAAA,KAAS;;AACtC,QAAA,CAAAA,GAAAA,GAAA,MAAA,CAAO,OAAA,MAAO,IAAA,IAAAA,GAAAA,KAAA,SAAA,MAAA,GAAAA,GAAAA,CAAE,mBAAA,CAAoB,KAAA,EAAO,sBAAsB,CAAA;AAAA,MACnE,CAAC,CAAA;AAED,MAAA,oBAAA,CAAqB,OAAA,CAAQ,CAAC,KAAA,KAAS;;AACrC,QAAA,CAAAA,GAAAA,GAAA,MAAA,CAAO,OAAA,MAAO,IAAA,IAAAA,GAAAA,KAAA,SAAA,MAAA,GAAAA,GAAAA,CAAE,mBAAA,CAAoB,KAAA,EAAO,uBAAuB,CAAA;AAAA,MACpE,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAWL,EAAA,MAAM,oBAAA,GACJ,mBAAmB,IAAA,IAAQ,6BAAA;AAE7B,EAAA,OACEC,GAAA,CAAC,QAAQ,QAAA,IAAS,OAAO,EAAE,OAAA,EAAS,OAAO,OAAA,EAAO,EAAE,UAClDA,GAAA,2BAAQ,KAAK,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,OAAA,EAAgB,EAAM,IAAA,EAAI,EAAA,QAAA,EAChE,oBAAA,IACCA,IAAC,KAAA,EAAK,EACJ,OAAM,MAAA,EACN,KAAA,EAAM,WACN,eAAA,EAAgB,SAAA,EAChB,kBAAkB,OAAA,KAAY,YAAA,GAAe,MAAM,MAAA,EACnD,YAAA,EAAc,YAAY,iBAAA,GAAoB,GAAA,GAAM,MAAA,EACpD,SAAA,EAAW,UAAA,CAAW;AAAA,IACpB,oDACE,OAAA,KAAY,iBAAA;AAAA,IACd,aAAA,EACE,OAAA,KAAY,YAAA,IAAgB,OAAA,KAAY,aAAA;AAAA,IAC1C,eAAe,OAAA,KAAY;AAAA,GAC5B,aAEQ,GAEZ,CAAA,GACM,CAAA;AAGf;AAEO,MAAM,IAAA,GAAuC,CAAC,EAAA,KAGhD;AAHgD,EAAA,IAAA,EACnD,WAAS,GAAA,EAAA,EACN,OAAI,MAAA,CAAA,EAAA,EAF4C,aAGpD,CAAA;AACC,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,SAAA,EAAW,8BAA8B,CAAA;AAEpE,EAAA,OAAOA,GAAA,CAAC,GAAA,EAAG,MAAA,CAAA,MAAA,CAAA,EAAC,SAAA,EAAW,OAAA,EAAS,EAAA,EAAG,GAAA,EAAG,EAAK,IAAI;AACjD;AAEO,MAAM,MAAA,GAAyC,CAAC,KAAA,KAAS;AAC9D,EAAA,OACEA,IAAC,KAAA,EAAK,MAAA,CAAA,MAAA,CAAA,EACJ,MAAK,GAAA,EACL,OAAA,EAAQ,SAAA,EACR,KAAA,EAAM,UACN,IAAA,EAAK,GAAA,EACL,IAAG,GAAA,EAAG,EACF,KAAK,CAAA,CAAA;AAGf;AAEO,MAAM,MAAA,GAA2C,CAAC,KAAA,KAAS;AAChE,EAAA,OACEA,GAAA,CAAC,KAAA,EAAK,MAAA,CAAA,MAAA,CAAA,EACJ,EAAA,EAAG,QAAA,EACH,EAAA,EAAG,GAAA,EACH,iBAAgB,YAAA,EAChB,SAAA,EAAU,wBAAA,EAAwB,EAC9B,KAAK,CAAA,CAAA;AAGf;AAEO,MAAM,WAAA,GAQT,CAAC,EAAA,KAAmD;MAAnD,EAAE,gBAAA,GAAmB,cAAA,EAAc,GAAA,EAAA,EAAK,QAAK,MAAA,CAAA,EAAA,EAA7C,oBAA+C,CAAA;AAClD,EAAA,OACEA,IAAC,cAAA,EAAc,MAAA,CAAA,OAAA,EACb,WAAA,EAAaA,IAAC,SAAA,EAAS,EAAA,CAAA,EAAG,cACd,KAAA,CAAM,QAAA,GAAW,SAAY,gBAAA,EAAgB,EACrD,KAAK,CAAA,CAAA;AAGf;AAEO,MAAM,OAAA,GAA4C,CAAC,EAAA,KAGrD;AAHqD,EAAA,IAAA,EACxD,WAAS,GAAA,EAAA,EACN,OAAI,MAAA,CAAA,EAAA,EAFiD,aAGzD,CAAA;AACC,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,SAAA,EAAW,aAAa,CAAA;AAEnD,EAAA,OAAOA,GAAA,CAAC,KAAA,EAAK,MAAA,CAAA,MAAA,CAAA,EAAC,IAAA,EAAK,GAAA,EAAI,IAAA,EAAK,GAAA,EAAI,SAAA,EAAW,OAAA,EAAO,EAAM,IAAI;AAC9D;AAEA,WAAA,CAAY,MAAA,GAAS,MAAA;AACrB,WAAA,CAAY,QAAQ,IAAA,CAAK,KAAA;AACzB,WAAA,CAAY,WAAA,GAAc,WAAA;AAC1B,WAAA,CAAY,IAAA,GAAO,IAAA;AACnB,WAAA,CAAY,MAAA,GAAS,MAAA;AACrB,WAAA,CAAY,OAAA,GAAU,OAAA;AACtB,WAAA,CAAY,cAAA,GAAiB,cAAA;;"}
+{"version":3,"file":"ModalDialog.js","sources":["../../../../../../src/components/ModalDialog/ModalDialog.tsx"],"sourcesContent":[null],"names":["_a","_jsx"],"mappings":"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"}

package/dist/esm/components/PrimaryTabBar/PrimaryTabBarList.js

@@ -1,12 +1,15 @@
 import { __rest } from '../../vendor/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, Children, isValidElement } from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import classNames from 'classnames';
+import { PrimaryTabBarExtras } from './PrimaryTabBarExtras.js';
 
 const PrimaryTabBarList = forwardRef((_a, ref) => {
-  var { className } = _a, props = __rest(_a, ["className"]);
-  return jsx(TabsPrimitive.List, Object.assign({ ref, className: classNames("ui:flex ui:items-end ui:px-f_l", "ui:border-b ui:border-border-neutral-secondary-default", className), loop: true }, props));
+  var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+  const items = Children.toArray(children);
+  const isExtras = (child) => isValidElement(child) && child.type === PrimaryTabBarExtras;
+  return jsxs("div", { className: classNames("ui:flex ui:items-end ui:px-f_l", "ui:border-b ui:border-border-neutral-secondary-default", className), children: [jsx(TabsPrimitive.List, Object.assign({ ref, className: "ui:flex ui:items-end", loop: true }, props, { children: items.filter((child) => !isExtras(child)) })), items.filter(isExtras)] });
 });
 PrimaryTabBarList.displayName = "PrimaryTabBar.List";
 

package/dist/esm/components/PrimaryTabBar/PrimaryTabBarList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryTabBarList.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarList.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAWO,MAAM,iBAAA,GAAoB,UAAA,CAG/B,CAAC,EAAA,EAAyB,GAAA,KAAO;AAAhC,EAAA,IAAA,EAAE,WAAS,GAAA,EAAA,EAAK,QAAK,MAAA,CAAA,EAAA,EAArB,aAAuB,CAAA;AAAU,EAAA,OAClCA,IAAC,aAAA,CAAc,IAAA,EAAI,MAAA,CAAA,MAAA,CAAA,EACjB,GAAA,EACA,SAAA,EAAW,UAAA,CACT,gCAAA,EACA,0DACA,SAAS,CAAA,EAEX,MAAI,IAAA,EAAA,EACA,KAAK,CAAA,CAAA;AAEZ,CAAA;AACD,iBAAA,CAAkB,WAAA,GAAc,oBAAA;;"}
+{"version":3,"file":"PrimaryTabBarList.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAiBO,MAAM,iBAAA,GAAoB,UAAA,CAG/B,CAAC,EAAA,EAAmC,GAAA,KAAO;MAA1C,EAAE,SAAA,EAAW,QAAA,EAAQ,GAAA,EAAA,EAAK,KAAA,GAAK,MAAA,CAAA,EAAA,EAA/B,yBAAiC,CAAA;AAClC,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA;AACvC,EAAA,MAAM,WAAW,CAAC,KAAA,KAChB,eAAe,KAAK,CAAA,IAAK,MAAM,IAAA,KAAS,mBAAA;AAE1C,EAAA,OACEA,KAAA,KAAA,EAAA,EACE,WAAW,UAAA,CACT,gCAAA,EACA,0DACA,SAAS,CAAA,aAGXC,GAAA,CAAC,cAAc,IAAA,EAAI,MAAA,CAAA,OAAA,EACjB,GAAA,EACA,WAAU,sBAAA,EACV,IAAA,UACI,KAAA,EAAK,EAAA,QAAA,EAER,KAAA,CAAM,OAAO,CAAC,KAAA,KAAU,CAAC,QAAA,CAAS,KAAK,CAAC,CAAA,EAAC,CAAA,CAAA,EAE3C,KAAA,CAAM,OAAO,QAAQ,CAAC,GAAA,CAAA;AAG7B,CAAC;AACD,iBAAA,CAAkB,WAAA,GAAc,oBAAA;;"}

package/dist/esm/components/Select/LabeledSelectSearchable.js

@@ -11,9 +11,10 @@ const LabeledSelectSearchable = React__default.forwardRef((props, ref) => {
   const { className, label, helperText, errorText, fullWidth, "aria-labelledby": ariaLabelledBy } = props, rest = __rest(props, ["className", "label", "helperText", "errorText", "fullWidth", "aria-labelledby"]);
   const labelId = React__default.useId();
   const helperErrorTextId = React__default.useId();
+  const errorMessageId = React__default.useId();
   const hasError = Boolean(errorText);
   const labelledBy = [ariaLabelledBy, label ? labelId : void 0].filter(Boolean).join(" ") || void 0;
-  return jsxs(Stack, { _gap: "s", align: fullWidth ? "stretch" : void 0, className, children: [label && jsx(Box, { id: labelId, children: jsx(LabelText, { children: label }) }), jsx(Select, Object.assign({}, rest, { ref, isError: hasError, "aria-labelledby": labelledBy, "aria-invalid": hasError || void 0, "aria-errormessage": hasError ? helperErrorTextId : void 0 })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
+  return jsxs(Stack, { _gap: "s", align: fullWidth ? "stretch" : void 0, className, children: [label && jsx(Box, { id: labelId, children: jsx(LabelText, { children: label }) }), jsx(Select, Object.assign({}, rest, { ref, isError: hasError, "aria-labelledby": labelledBy, "aria-invalid": hasError || void 0, "aria-errormessage": hasError ? errorMessageId : void 0 })), jsx("div", { id: errorMessageId, "aria-live": "polite", children: jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId }) })] });
 });
 
 export { LabeledSelectSearchable };

package/dist/esm/components/Select/LabeledSelectSearchable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledSelectSearchable.js","sources":["../../../../../../src/components/Select/LabeledSelectSearchable.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;AA0EO,MAAM,uBAAA,GAA0BA,cAAA,CAAM,UAAA,CAC3C,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,WACA,KAAA,EACA,UAAA,EACA,WACA,SAAA,EACA,iBAAA,EAAmB,gBAAc,GAE/B,KAAA,EADC,cACD,KAAA,EARE,CAAA,WAAA,EAAA,OAAA,EAAA,cAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,CAQL,CAAA;AAED,EAAA,MAAM,OAAA,GAAUA,eAAM,KAAA;AACtB,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,QAAA,GAAW,QAAQ,SAAS,CAAA;AAElC,EAAA,MAAM,UAAA,GACJ,CAAC,cAAA,EAAgB,KAAA,GAAQ,OAAA,GAAU,MAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IACtE,MAAA;AAEF,EAAA,OACEC,IAAA,CAAC,KAAA,IACC,IAAA,EAAK,GAAA,EACL,KAAA,EAAO,SAAA,GAAY,SAAA,GAAY,MAAA,EAC/B,SAAA,aAEC,KAAA,IACCC,GAAA,CAAC,GAAA,IAAI,EAAA,EAAI,OAAA,EAAO,QAAA,EACdA,GAAA,CAAC,SAAA,EAAS,EAAA,QAAA,EAAE,KAAA,KAAkB,CAAA,EAGlCA,GAAA,CAAC,MAAA,EAAM,MAAA,CAAA,MAAA,CAAA,EAAA,EACD,IAAA,IACJ,GAAA,EACA,OAAA,EAAS,QAAA,EAAQ,iBAAA,EACA,UAAA,EAAU,cAAA,EACb,QAAA,IAAY,MAAA,EAAS,mBAAA,EAChB,QAAA,GAAW,iBAAA,GAAoB,MAAA,MAGpDA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,YAAA,EAAc,iBAAA,EAAiB,CAC/B,GAAA,CAAA;AAGR,CAAC;;"}
+{"version":3,"file":"LabeledSelectSearchable.js","sources":["../../../../../../src/components/Select/LabeledSelectSearchable.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;AA0EO,MAAM,uBAAA,GAA0BA,cAAA,CAAM,UAAA,CAC3C,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,WACA,KAAA,EACA,UAAA,EACA,WACA,SAAA,EACA,iBAAA,EAAmB,gBAAc,GAE/B,KAAA,EADC,cACD,KAAA,EARE,CAAA,WAAA,EAAA,OAAA,EAAA,cAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,CAQL,CAAA;AAED,EAAA,MAAM,OAAA,GAAUA,eAAM,KAAA;AACtB,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,cAAA,GAAiBA,eAAM,KAAA;AAC7B,EAAA,MAAM,QAAA,GAAW,QAAQ,SAAS,CAAA;AAElC,EAAA,MAAM,UAAA,GACJ,CAAC,cAAA,EAAgB,KAAA,GAAQ,OAAA,GAAU,MAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IACtE,MAAA;AAEF,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,IAAA,EAAK,KACL,KAAA,EAAO,SAAA,GAAY,SAAA,GAAY,MAAA,EAC/B,SAAA,aAEC,KAAA,IACCC,IAAC,GAAA,IAAI,EAAA,EAAI,OAAA,EAAO,QAAA,EACdA,GAAA,CAAC,SAAA,EAAS,EAAA,UAAE,KAAA,KAAkB,GAGlCA,GAAA,CAAC,MAAA,EAAM,MAAA,CAAA,MAAA,CAAA,EAAA,EACD,IAAA,EAAI,EACR,GAAA,EACA,OAAA,EAAS,QAAA,qBACQ,UAAA,EAAU,gBACb,QAAA,IAAY,MAAA,uBACP,QAAA,GAAW,iBAAiB,MAAA,EAAS,CAAA,CAAA,EAK1DA,IAAA,KAAA,EAAA,EAAK,EAAA,EAAI,cAAA,eAA0B,QAAA,EAAQ,QAAA,EACzCA,GAAA,CAAC,oBAAkB,EACjB,UAAA,EACA,SAAA,EACA,YAAA,EAAc,mBAAiB,CAAA,EAC/B,CACE,GAAA,CAAA;AAGZ,CAAC;;"}

package/dist/esm/components/SplitViewLayout/SplitViewLayout.js

@@ -2,12 +2,14 @@ import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, useContext, useRef, useEffect, useState } from 'react';
 import classNames from 'classnames';
+import { useIsScrollable } from '../../utils/useIsScrollable.js';
 import { Box } from '../Box/Box.js';
 import { Stack } from '../Stack/Stack.js';
 
 const context = createContext(false);
 const SplitViewLayout = (props) => {
   const { open = true, aside, children } = props, restProps = __rest(props, ["open", "aside", "children"]);
+  const [scrollRef, isScrollable] = useIsScrollable();
   const classesMain = classNames("ui:overflow-auto", "ui:transition-[max-width] ui:ease-in-out ui:duration-[300ms] ui:motion-reduce:duration-[0ms]", "ui:contain-[strict] ui:h-full ui:absolute ui:left-0 ui:top-0", {
     "ui:max-w-[100vw] ui:lg:max-w-[calc(100vw-(--spacing(132)))] ui:w-full": open,
     "ui:max-w-[100vw] ui:w-full": !open
@@ -16,7 +18,7 @@ const SplitViewLayout = (props) => {
     "ui:hidden ui:opacity-0": !open,
     "ui:visible ui:lg:hidden ui:opacity-[0.2]": open
   });
-  return jsx(context.Provider, { value: open, children: jsxs(Stack, Object.assign({ axis: "x", className: "ui:h-dvh ui:w-dvw ui:relative" }, restProps, { children: [jsx(Box, { className: classesMain, width: "full", children }), aside, jsx(Box, { className: classNamesOverlay })] })) });
+  return jsx(context.Provider, { value: open, children: jsxs(Stack, Object.assign({ axis: "x", className: "ui:h-dvh ui:w-dvw ui:relative" }, restProps, { children: [jsx(Box, { ref: scrollRef, tabIndex: isScrollable ? 0 : void 0, className: classesMain, width: "full", children }), aside, jsx(Box, { className: classNamesOverlay })] })) });
 };
 const Aside = (props) => {
   const { children, className } = props, restProps = __rest(props, ["children", "className"]);

package/dist/esm/components/SplitViewLayout/SplitViewLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitViewLayout.js","sources":["../../../../../../src/components/SplitViewLayout/SplitViewLayout.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"SplitViewLayout.js","sources":["../../../../../../src/components/SplitViewLayout/SplitViewLayout.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/TimelineCard/LoadingState.js

@@ -2,13 +2,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { Stack } from '../Stack/Stack.js';
 import { Skeleton } from '../Skeleton/Skeleton.js';
-import { Title } from '../Title/Title.js';
 import { Text } from '../Text/Text.js';
 import { Card } from '../Card/Card.js';
 import { Box } from '../Box/Box.js';
 
 const LoadingState = () => {
-  return jsx(Card, { className: classNames("ui:w-full ui:border ui:border-slate-100"), padding: false, elevation: "surface", children: jsx(Box, { children: jsxs(Stack, { width: "full", _p: "l", axis: "x", justify: "between", align: "center", children: [jsx(Stack, { _gap: "m", width: "full", children: jsxs(Stack, { _gap: "l", axis: "x", align: "center", width: "full", children: [jsx(Skeleton, { variant: "rounded", width: 24, height: 24 }), jsxs(Stack, { width: "full", children: [jsx(Title, { variant: "xs", children: jsx(Skeleton, { width: 120 }) }), jsx(Text, { variant: "sm", color: "slate-500", children: jsx(Skeleton, { width: 100 }) })] })] }) }), jsx(Skeleton, { variant: "rounded", width: 24, height: 24 })] }) }) });
+  return jsx(Card, { className: classNames("ui:w-full ui:border ui:border-slate-100"), padding: false, elevation: "surface", children: jsx(Box, { children: jsxs(Stack, { width: "full", _p: "l", axis: "x", justify: "between", align: "center", children: [jsx(Stack, { _gap: "m", width: "full", children: jsxs(Stack, { _gap: "l", axis: "x", align: "center", width: "full", children: [jsx(Skeleton, { variant: "rounded", width: 24, height: 24 }), jsxs(Stack, { width: "full", children: [jsx("div", { className: "ui:font-bold ui:leading-inherit ui:antialiased ui:text-slate-800 title-inter ui:text-base", children: jsx(Skeleton, { width: 120 }) }), jsx(Text, { variant: "sm", color: "slate-500", children: jsx(Skeleton, { width: 100 }) })] })] }) }), jsx(Skeleton, { variant: "rounded", width: 24, height: 24 })] }) }) });
 };
 
 export { LoadingState };

package/dist/esm/components/TimelineCard/LoadingState.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingState.js","sources":["../../../../../../src/components/TimelineCard/LoadingState.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AASO,MAAM,eAAe,MAAK;AAC/B,EAAA,OACEA,GAAA,CAAC,IAAA,EAAI,EACH,SAAA,EAAW,UAAA,CAAW,yCAAyC,CAAA,EAC/D,OAAA,EAAS,KAAA,EACT,SAAA,EAAU,SAAA,EAAS,QAAA,EAEnBA,GAAA,CAAC,GAAA,EAAG,EAAA,QAAA,EACFC,IAAA,CAAC,KAAA,EAAK,EAAC,KAAA,EAAM,MAAA,EAAO,EAAA,EAAG,GAAA,EAAI,IAAA,EAAK,GAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,QAAA,EAAQ,QAAA,EAAA,CAClED,GAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,MAAA,YACpBC,IAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,GAAA,EAAI,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,QAAA,EAAS,KAAA,EAAM,MAAA,EAAM,QAAA,EAAA,CAClDD,GAAA,CAAC,QAAA,EAAQ,EAAC,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,IAAE,CAAA,EACjDC,IAAA,CAAC,KAAA,EAAK,EAAC,KAAA,EAAM,MAAA,EAAM,QAAA,EAAA,CACjBD,GAAA,CAAC,KAAA,IAAM,OAAA,EAAQ,IAAA,EAAI,QAAA,EACjBA,GAAA,CAAC,QAAA,EAAQ,EAAC,KAAA,EAAO,GAAA,EAAG,CAAA,EAAI,CAAA,EAE1BA,GAAA,CAAC,IAAA,EAAI,EAAC,OAAA,EAAQ,IAAA,EAAK,KAAA,EAAM,WAAA,EAAW,QAAA,EAClCA,GAAA,CAAC,QAAA,EAAQ,EAAC,KAAA,EAAO,GAAA,EAAG,CAAA,EAAI,CACnB,CAAA,EAAA,CACD,CAAA,EAAA,CAAA,KAGZA,GAAA,CAAC,QAAA,EAAQ,EAAC,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAE,CAAI,CAAA,EAAA,CAAA,EAC/C,GACJ,CAAA;AAGZ;;"}
+{"version":3,"file":"LoadingState.js","sources":["../../../../../../src/components/TimelineCard/LoadingState.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAQO,MAAM,eAAe,MAAK;AAC/B,EAAA,OACEA,GAAA,CAAC,IAAA,EAAI,EACH,SAAA,EAAW,UAAA,CAAW,yCAAyC,CAAA,EAC/D,OAAA,EAAS,KAAA,EACT,SAAA,EAAU,SAAA,EAAS,QAAA,EAEnBA,GAAA,CAAC,GAAA,EAAG,EAAA,QAAA,EACFC,IAAA,CAAC,KAAA,IAAM,KAAA,EAAM,MAAA,EAAO,EAAA,EAAG,GAAA,EAAI,IAAA,EAAK,GAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,QAAA,aAC1DD,GAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,MAAA,EAAM,QAAA,EAC1BC,IAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,GAAA,EAAI,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,QAAA,EAAS,KAAA,EAAM,MAAA,aAC5CD,GAAA,CAAC,QAAA,EAAQ,EAAC,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,IAAE,CAAA,EACjDC,IAAA,CAAC,KAAA,IAAM,KAAA,EAAM,MAAA,EAAM,QAAA,EAAA,CACjBD,GAAA,UAAK,SAAA,EAAU,2FAAA,EAA2F,QAAA,EACxGA,GAAA,CAAC,QAAA,EAAQ,EAAC,KAAA,EAAO,GAAA,EAAG,CAAA,EAAI,CAAA,EAE1BA,GAAA,CAAC,IAAA,EAAI,EAAC,OAAA,EAAQ,IAAA,EAAK,KAAA,EAAM,WAAA,EAAW,QAAA,EAClCA,GAAA,CAAC,QAAA,EAAQ,EAAC,KAAA,EAAO,GAAA,EAAG,CAAA,EAAI,CACnB,CAAA,EAAA,CACD,CAAA,EAAA,CAAA,KAGZA,GAAA,CAAC,QAAA,EAAQ,EAAC,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAE,CAAI,CAAA,EAAA,CAAA,EAC/C,GACJ,CAAA;AAGZ;;"}

package/dist/esm/utils/useIsScrollable.js

@@ -0,0 +1,33 @@
+import { useState, useEffect } from 'react';
+
+function useIsScrollable() {
+  const [element, setElement] = useState(null);
+  const [isScrollable, setIsScrollable] = useState(false);
+  useEffect(() => {
+    if (!element || typeof ResizeObserver === "undefined") {
+      setIsScrollable(false);
+      return void 0;
+    }
+    const update = () => {
+      setIsScrollable(element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth);
+    };
+    const resizeObserver = new ResizeObserver(update);
+    const observeAll = () => {
+      resizeObserver.disconnect();
+      resizeObserver.observe(element);
+      Array.from(element.children).forEach((child) => resizeObserver.observe(child));
+      update();
+    };
+    const mutationObserver = new MutationObserver(observeAll);
+    observeAll();
+    mutationObserver.observe(element, { childList: true });
+    return () => {
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, [element]);
+  return [setElement, isScrollable];
+}
+
+export { useIsScrollable };
+//# sourceMappingURL=useIsScrollable.js.map

package/dist/esm/utils/useIsScrollable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsScrollable.js","sources":["../../../../../src/utils/useIsScrollable.ts"],"sourcesContent":[null],"names":[],"mappings":";;SAGgB,eAAA,GAAe;AAI7B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAmB,IAAI,CAAA;AACrD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAK;AACb,IAAA,IAAI,CAAC,OAAA,IAAW,OAAO,cAAA,KAAmB,WAAA,EAAa;AACrD,MAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,MAAA,OAAO,MAAA;AAAA,IACT;AACA,IAAA,MAAM,SAAS,MAAK;AAClB,MAAA,eAAA,CACE,QAAQ,YAAA,GAAe,OAAA,CAAQ,gBAC7B,OAAA,CAAQ,WAAA,GAAc,QAAQ,WAAW,CAAA;AAAA,IAE/C,CAAA;AAIA,IAAA,MAAM,cAAA,GAAiB,IAAI,cAAA,CAAe,MAAM,CAAA;AAChD,IAAA,MAAM,aAAa,MAAK;AACtB,MAAA,cAAA,CAAe,UAAA,EAAU;AACzB,MAAA,cAAA,CAAe,QAAQ,OAAO,CAAA;AAC9B,MAAA,KAAA,CAAM,IAAA,CAAK,OAAA,CAAQ,QAAQ,CAAA,CAAE,OAAA,CAAQ,CAAC,KAAA,KACpC,cAAA,CAAe,OAAA,CAAQ,KAAK,CAAC,CAAA;AAE/B,MAAA,MAAA;IACF,CAAA;AACA,IAAA,MAAM,gBAAA,GAAmB,IAAI,gBAAA,CAAiB,UAAU,CAAA;AACxD,IAAA,UAAA;AACA,IAAA,gBAAA,CAAiB,OAAA,CAAQ,OAAA,EAAS,EAAE,SAAA,EAAW,MAAM,CAAA;AAErD,IAAA,OAAO,MAAK;AACV,MAAA,cAAA,CAAe,UAAA,EAAU;AACzB,MAAA,gBAAA,CAAiB,UAAA,EAAU;AAAA,IAC7B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAA,OAAO,CAAC,YAAY,YAAY,CAAA;AAClC;;"}

package/dist/index.development.js

@@ -2503,6 +2503,35 @@ const ButtonGroup = React__namespace.default.forwardRef((_a, innerRef) => {
   }), className), children }));
 });
 
+function useIsScrollable() {
+  const [element, setElement] = React.useState(null);
+  const [isScrollable, setIsScrollable] = React.useState(false);
+  React.useEffect(() => {
+    if (!element || typeof ResizeObserver === "undefined") {
+      setIsScrollable(false);
+      return void 0;
+    }
+    const update = () => {
+      setIsScrollable(element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth);
+    };
+    const resizeObserver = new ResizeObserver(update);
+    const observeAll = () => {
+      resizeObserver.disconnect();
+      resizeObserver.observe(element);
+      Array.from(element.children).forEach((child) => resizeObserver.observe(child));
+      update();
+    };
+    const mutationObserver = new MutationObserver(observeAll);
+    observeAll();
+    mutationObserver.observe(element, { childList: true });
+    return () => {
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, [element]);
+  return [setElement, isScrollable];
+}
+
 const DotButton = (_a) => {
   var { onClick, isActive, className } = _a, rest = __rest(_a, ["onClick", "isActive", "className"]);
   const classes = classNames__default.default(className, "ui:rounded-full", "ui:hover:bg-primary", "ui:size-2", {
@@ -2519,6 +2548,7 @@ const Carousel = ({ id, className, slides = [], labels }) => {
   var _a, _b;
   const [currentIndex, setCurrentIndex] = React.useState(0);
   const slidesContainer = React.useRef(null);
+  const [slidesTrackRef, isScrollable] = useIsScrollable();
   const scrollToIndex = React.useCallback((index) => {
     const container = slidesContainer.current;
     if (!container) {
@@ -2550,7 +2580,7 @@ const Carousel = ({ id, className, slides = [], labels }) => {
     const index = Math.round(scrollLeft / scrollWidth);
     setCurrentIndexDebounced(index);
   }, [setCurrentIndexDebounced]);
-  return jsxRuntime.jsx("div", { ref: slidesContainer, id, className, children: jsxRuntime.jsxs(Stack, { width: "full", align: "stretch", _gap: "l", children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "stretch", width: "full", _gap: "l", children: [jsxRuntime.jsx(Stack, { justify: "center", children: jsxRuntime.jsx(SecondaryButton, { onClick: onClickPrevious, leadingIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), "aria-label": (_a = labels === null || labels === void 0 ? void 0 : labels.previousButton) !== null && _a !== void 0 ? _a : "Previous slide", disabled: slides.length === 0 }) }), jsxRuntime.jsx(Stack, { as: "ol", axis: "x", width: "full", align: "stretch", className: "ui:w-full ui:snap-x ui:snap-mandatory ui:overflow-x-auto", style: { scrollbarWidth: "none" }, onScroll, children: slides.map((slide, i) => jsxRuntime.jsx(Box, { width: "full", as: "li", className: "ui:shrink-0 ui:snap-start", children: slide }, i)) }), jsxRuntime.jsx(Stack, { justify: "center", children: jsxRuntime.jsx(SecondaryButton, { onClick: onClickNext, leadingIcon: jsxRuntime.jsx(ChevronRightIcon, {}), "aria-label": (_b = labels === null || labels === void 0 ? void 0 : labels.nextButton) !== null && _b !== void 0 ? _b : "Next slide", disabled: slides.length === 0 }) })] }), jsxRuntime.jsx(Stack, { align: "center", children: jsxRuntime.jsx(DotList, { activeIndex: currentIndex, amount: slides.length, onClickIndex: scrollToIndex, buttonLabel: labels === null || labels === void 0 ? void 0 : labels.dotButton }) })] }) });
+  return jsxRuntime.jsx("div", { ref: slidesContainer, id, className, children: jsxRuntime.jsxs(Stack, { width: "full", align: "stretch", _gap: "l", children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "stretch", width: "full", _gap: "l", children: [jsxRuntime.jsx(Stack, { justify: "center", children: jsxRuntime.jsx(SecondaryButton, { onClick: onClickPrevious, leadingIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), "aria-label": (_a = labels === null || labels === void 0 ? void 0 : labels.previousButton) !== null && _a !== void 0 ? _a : "Previous slide", disabled: slides.length === 0 }) }), jsxRuntime.jsx(Stack, { as: "ol", ref: slidesTrackRef, tabIndex: isScrollable ? 0 : void 0, axis: "x", width: "full", align: "stretch", className: "ui:w-full ui:snap-x ui:snap-mandatory ui:overflow-x-auto", style: { scrollbarWidth: "none" }, onScroll, children: slides.map((slide, i) => jsxRuntime.jsx(Box, { width: "full", as: "li", className: "ui:shrink-0 ui:snap-start", children: slide }, i)) }), jsxRuntime.jsx(Stack, { justify: "center", children: jsxRuntime.jsx(SecondaryButton, { onClick: onClickNext, leadingIcon: jsxRuntime.jsx(ChevronRightIcon, {}), "aria-label": (_b = labels === null || labels === void 0 ? void 0 : labels.nextButton) !== null && _b !== void 0 ? _b : "Next slide", disabled: slides.length === 0 }) })] }), jsxRuntime.jsx(Stack, { align: "center", children: jsxRuntime.jsx(DotList, { activeIndex: currentIndex, amount: slides.length, onClickIndex: scrollToIndex, buttonLabel: labels === null || labels === void 0 ? void 0 : labels.dotButton }) })] }) });
 };
 
 var css_248z$7 = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n.cweb-checkbox {\n  outline: none;\n}\n.cweb-checkbox .cweb-checkbox-input {\n  position: absolute;\n  -webkit-appearance: none;\n  height: 1px;\n  opacity: 0;\n  width: 1px;\n}\n.cweb-checkbox.type-regular .cweb-checkbox-icon-container {\n  border-color: #cccccc;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n}\n.cweb-checkbox.type-regular.hasError .cweb-checkbox-icon-container {\n  border-color: var(--ui-color-red-800, #991b1b);\n}\n.cweb-checkbox.type-regular.is-focused .cweb-checkbox-icon-container {\n  border-color: #1e40af;\n}\n.cweb-checkbox.type-regular.is-checked .cweb-checkbox-icon {\n  padding: 4px;\n  background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2210%22 height%3D%228%22 viewBox%3D%220 0 10 8%22 fill%3D%22none%22%3E    %3Cpath d%3D%22M9.207 0.792787C9.39447 0.980314 9.49979 1.23462 9.49979 1.49979C9.49979 1.76495 9.39447 2.01926 9.207 2.20679L4.207 7.20679C4.01947 7.39426 3.76516 7.49957 3.5 7.49957C3.23484 7.49957 2.98053 7.39426 2.793 7.20679L0.793 5.20679C0.610842 5.01818 0.510047 4.76558 0.512326 4.50339C0.514604 4.24119 0.619773 3.99038 0.805181 3.80497C0.990589 3.61956 1.2414 3.51439 1.5036 3.51211C1.7658 3.50983 2.0184 3.61063 2.207 3.79279L3.5 5.08579L7.793 0.792787C7.98053 0.605316 8.23484 0.5 8.5 0.5C8.76516 0.5 9.01947 0.605316 9.207 0.792787Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n  background-size: contain;\n}\n.cweb-checkbox.type-regular.is-checked .cweb-checkbox-icon-container {\n  border-color: #1e40af;\n}\n.cweb-checkbox.type-regular.is-checked.is-focused .cweb-checkbox-icon-container {\n  border-color: #1d4ed8;\n}\n.cweb-checkbox.type-regular.is-indeterminate .cweb-checkbox-icon {\n  width: 0.5rem;\n  height: 0.5rem;\n  padding: 4px;\n  background: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%222%22 viewBox%3D%220 0 10 2%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9 -4.37114e-08C9.55228 -1.95703e-08 10 0.447715 10 1C10 1.55228 9.55228 2 9 2L1 2C0.447716 2 -6.78525e-08 1.55228 -4.37114e-08 1C-1.95703e-08 0.447715 0.447715 -4.17544e-07 1 -3.93402e-07L9 -4.37114e-08Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n  background-size: contain;\n}\n.cweb-checkbox.type-regular.is-indeterminate .cweb-checkbox-icon-container {\n  border-color: #1e40af;\n}\n.cweb-checkbox.type-regular.is-indeterminate.is-focused .cweb-checkbox-icon-container {\n  border-color: #1d4ed8;\n}\n.cweb-checkbox.type-regular.is-disabled.show-cross-when-disabled .cweb-checkbox-icon {\n  width: 10px;\n  height: 10px;\n  background: url(\"data:image/svg+xml,%3Csvg width%3D%2211px%22 height%3D%2211px%22 viewBox%3D%220 0 11 11%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cg stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22 stroke-linecap%3D%22round%22%3E        %3Cg transform%3D%22translate(-6.000000%2C -7.000000)%22 stroke%3D%22%232D2D2D%22 stroke-width%3D%222%22%3E            %3Cpath d%3D%22M7%2C17 L16%2C8 M16%2C17 L7%2C8%22 %2F%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n  background-size: contain;\n  opacity: 0.6;\n}";
@@ -3455,9 +3485,17 @@ const PrimaryTabBarRoot = React.forwardRef((_a, ref) => {
 });
 PrimaryTabBarRoot.displayName = "PrimaryTabBar.Root";
 
+const PrimaryTabBarExtras = React.forwardRef((_a, ref) => {
+  var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+  return jsxRuntime.jsx("div", Object.assign({ ref, className: classNames__default.default("ui:flex ui:items-center ui:self-center ui:gap-f_base ui:mx-f_l", className) }, props, { children }));
+});
+PrimaryTabBarExtras.displayName = "PrimaryTabBar.Extras";
+
 const PrimaryTabBarList = React.forwardRef((_a, ref) => {
-  var { className } = _a, props = __rest(_a, ["className"]);
-  return jsxRuntime.jsx(TabsPrimitive__namespace.List, Object.assign({ ref, className: classNames__default.default("ui:flex ui:items-end ui:px-f_l", "ui:border-b ui:border-border-neutral-secondary-default", className), loop: true }, props));
+  var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+  const items = React.Children.toArray(children);
+  const isExtras = (child) => React.isValidElement(child) && child.type === PrimaryTabBarExtras;
+  return jsxRuntime.jsxs("div", { className: classNames__default.default("ui:flex ui:items-end ui:px-f_l", "ui:border-b ui:border-border-neutral-secondary-default", className), children: [jsxRuntime.jsx(TabsPrimitive__namespace.List, Object.assign({ ref, className: "ui:flex ui:items-end", loop: true }, props, { children: items.filter((child) => !isExtras(child)) })), items.filter(isExtras)] });
 });
 PrimaryTabBarList.displayName = "PrimaryTabBar.List";
 
@@ -3527,12 +3565,6 @@ const PrimaryTabBarOverflowIndicator = React.forwardRef((_a, ref) => {
 });
 PrimaryTabBarOverflowIndicator.displayName = "PrimaryTabBar.OverflowIndicator";
 
-const PrimaryTabBarExtras = React.forwardRef((_a, ref) => {
-  var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-  return jsxRuntime.jsx("div", Object.assign({ ref, className: classNames__default.default("ui:flex ui:items-center ui:self-center ui:gap-f_base ui:mx-f_l", className) }, props, { children }));
-});
-PrimaryTabBarExtras.displayName = "PrimaryTabBar.Extras";
-
 const PrimaryTabBar = {
   Root: PrimaryTabBarRoot,
   List: PrimaryTabBarList,
@@ -4905,9 +4937,10 @@ const LabeledSelectSearchable = React__namespace.default.forwardRef((props, ref)
   const { className, label, helperText, errorText, fullWidth, "aria-labelledby": ariaLabelledBy } = props, rest = __rest(props, ["className", "label", "helperText", "errorText", "fullWidth", "aria-labelledby"]);
   const labelId = React__namespace.default.useId();
   const helperErrorTextId = React__namespace.default.useId();
+  const errorMessageId = React__namespace.default.useId();
   const hasError = Boolean(errorText);
   const labelledBy = [ariaLabelledBy, label ? labelId : void 0].filter(Boolean).join(" ") || void 0;
-  return jsxRuntime.jsxs(Stack, { _gap: "s", align: fullWidth ? "stretch" : void 0, className, children: [label && jsxRuntime.jsx(Box, { id: labelId, children: jsxRuntime.jsx(LabelText, { children: label }) }), jsxRuntime.jsx(Select, Object.assign({}, rest, { ref, isError: hasError, "aria-labelledby": labelledBy, "aria-invalid": hasError || void 0, "aria-errormessage": hasError ? helperErrorTextId : void 0 })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
+  return jsxRuntime.jsxs(Stack, { _gap: "s", align: fullWidth ? "stretch" : void 0, className, children: [label && jsxRuntime.jsx(Box, { id: labelId, children: jsxRuntime.jsx(LabelText, { children: label }) }), jsxRuntime.jsx(Select, Object.assign({}, rest, { ref, isError: hasError, "aria-labelledby": labelledBy, "aria-invalid": hasError || void 0, "aria-errormessage": hasError ? errorMessageId : void 0 })), jsxRuntime.jsx("div", { id: errorMessageId, "aria-live": "polite", children: jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId }) })] });
 });
 
 const useOutsideClick = (ref, callback) => {
@@ -5135,8 +5168,9 @@ const ModalDialog = (_a) => {
 };
 const Body = (_a) => {
   var { className } = _a, rest = __rest(_a, ["className"]);
+  const [scrollRef, isScrollable] = useIsScrollable();
   const classes = classNames__default.default(className, "ui:overflow-y-auto ui:flex-1");
-  return jsxRuntime.jsx(Box, Object.assign({ className: classes, _p: "l" }, rest));
+  return jsxRuntime.jsx(Box, Object.assign({ ref: scrollRef, tabIndex: isScrollable ? 0 : void 0, className: classes, _p: "l" }, rest));
 };
 const Header$1 = (props) => {
   return jsxRuntime.jsx(Stack, Object.assign({ axis: "x", justify: "between", align: "center", _gap: "l", _p: "l" }, props));
@@ -6720,7 +6754,7 @@ const Skeleton = ({ width, height, variant = "text", children }) => {
 var templateObject_1;
 
 const LoadingState = () => {
-  return jsxRuntime.jsx(Card, { className: classNames__default.default("ui:w-full ui:border ui:border-slate-100"), padding: false, elevation: "surface", children: jsxRuntime.jsx(Box, { children: jsxRuntime.jsxs(Stack, { width: "full", _p: "l", axis: "x", justify: "between", align: "center", children: [jsxRuntime.jsx(Stack, { _gap: "m", width: "full", children: jsxRuntime.jsxs(Stack, { _gap: "l", axis: "x", align: "center", width: "full", children: [jsxRuntime.jsx(Skeleton, { variant: "rounded", width: 24, height: 24 }), jsxRuntime.jsxs(Stack, { width: "full", children: [jsxRuntime.jsx(Title, { variant: "xs", children: jsxRuntime.jsx(Skeleton, { width: 120 }) }), jsxRuntime.jsx(Text, { variant: "sm", color: "slate-500", children: jsxRuntime.jsx(Skeleton, { width: 100 }) })] })] }) }), jsxRuntime.jsx(Skeleton, { variant: "rounded", width: 24, height: 24 })] }) }) });
+  return jsxRuntime.jsx(Card, { className: classNames__default.default("ui:w-full ui:border ui:border-slate-100"), padding: false, elevation: "surface", children: jsxRuntime.jsx(Box, { children: jsxRuntime.jsxs(Stack, { width: "full", _p: "l", axis: "x", justify: "between", align: "center", children: [jsxRuntime.jsx(Stack, { _gap: "m", width: "full", children: jsxRuntime.jsxs(Stack, { _gap: "l", axis: "x", align: "center", width: "full", children: [jsxRuntime.jsx(Skeleton, { variant: "rounded", width: 24, height: 24 }), jsxRuntime.jsxs(Stack, { width: "full", children: [jsxRuntime.jsx("div", { className: "ui:font-bold ui:leading-inherit ui:antialiased ui:text-slate-800 title-inter ui:text-base", children: jsxRuntime.jsx(Skeleton, { width: 120 }) }), jsxRuntime.jsx(Text, { variant: "sm", color: "slate-500", children: jsxRuntime.jsx(Skeleton, { width: 100 }) })] })] }) }), jsxRuntime.jsx(Skeleton, { variant: "rounded", width: 24, height: 24 })] }) }) });
 };
 
 const TimelineCard = ({ title, subtitle, icon, leadingIcon, trailingIcon, statusText, state = "default", variant, disabled = false, isLoading = false, onClick }) => {
@@ -7340,7 +7374,7 @@ const FilePreview = (props) => {
   const onCloseDialog = (event) => {
     onClose(event);
   };
-  return jsxRuntime.jsx(ModalDialog, { className: classNames__default.default(backdropClassNames, "ui:[&>div]:bg-transparent"), variant: "full-screen", open: true, onClose: onCloseDialog, children: jsxRuntime.jsxs(Stack, { align: "center", justify: "center", width: "full", className: previewClassNames, children: [jsxRuntime.jsxs(Stack, { axis: "x", _gap: "l", className: buttonContainerClassNames, children: [jsxRuntime.jsx("a", { href: downloadUrl !== null && downloadUrl !== void 0 ? downloadUrl : fileUrl, target: "_blank", rel: "noopener noreferrer", onClick: onDownload, children: jsxRuntime.jsxs(Tooltip__namespace.Root, { children: [jsxRuntime.jsx(Tooltip__namespace.Trigger, { children: jsxRuntime.jsx(SecondaryIconButton, { label: localization.downloadButtonLabel, children: jsxRuntime.jsx(DownloadIcon, {}) }) }), jsxRuntime.jsx(ButtonTooltipContent, { children: localization.downloadButtonLabel })] }) }), jsxRuntime.jsxs(Tooltip__namespace.Root, { children: [jsxRuntime.jsx(Tooltip__namespace.Trigger, { children: jsxRuntime.jsx(SecondaryIconButton, { label: localization.closeButtonLabel, onClick: onClose, children: jsxRuntime.jsx(CrossIcon, {}) }) }), jsxRuntime.jsx(ButtonTooltipContent, { children: localization.closeButtonLabel })] })] }), isSupportedImage(fileUrl) && jsxRuntime.jsx(Image$1, { src: fileUrl, className: imageClassNames }), isSupportedFile(fileUrl) && jsxRuntime.jsx("embed", { src: fileUrl, className: fileClassNames })] }) });
+  return jsxRuntime.jsx(ModalDialog, { className: classNames__default.default(backdropClassNames, "ui:[&>div]:bg-transparent"), variant: "full-screen", open: true, onClose: onCloseDialog, children: jsxRuntime.jsxs(Stack, { align: "center", justify: "center", width: "full", className: previewClassNames, children: [jsxRuntime.jsxs(Stack, { axis: "x", _gap: "l", className: buttonContainerClassNames, children: [jsxRuntime.jsx("a", { href: downloadUrl !== null && downloadUrl !== void 0 ? downloadUrl : fileUrl, target: "_blank", rel: "noopener noreferrer", onClick: onDownload, children: jsxRuntime.jsxs(Tooltip__namespace.Root, { children: [jsxRuntime.jsx(Tooltip__namespace.Trigger, { asChild: true, children: jsxRuntime.jsx(SecondaryIconButton, { label: localization.downloadButtonLabel, children: jsxRuntime.jsx(DownloadIcon, {}) }) }), jsxRuntime.jsx(ButtonTooltipContent, { children: localization.downloadButtonLabel })] }) }), jsxRuntime.jsxs(Tooltip__namespace.Root, { children: [jsxRuntime.jsx(Tooltip__namespace.Trigger, { asChild: true, children: jsxRuntime.jsx(SecondaryIconButton, { label: localization.closeButtonLabel, onClick: onClose, children: jsxRuntime.jsx(CrossIcon, {}) }) }), jsxRuntime.jsx(ButtonTooltipContent, { children: localization.closeButtonLabel })] })] }), isSupportedImage(fileUrl) && jsxRuntime.jsx(Image$1, { src: fileUrl, className: imageClassNames }), isSupportedFile(fileUrl) && jsxRuntime.jsx("embed", { src: fileUrl, className: fileClassNames })] }) });
 };
 
 const AlertWidget = (props) => {
@@ -7378,6 +7412,7 @@ const AlertWidget = (props) => {
 const context = React.createContext(false);
 const SplitViewLayout = (props) => {
   const { open = true, aside, children } = props, restProps = __rest(props, ["open", "aside", "children"]);
+  const [scrollRef, isScrollable] = useIsScrollable();
   const classesMain = classNames__default.default("ui:overflow-auto", "ui:transition-[max-width] ui:ease-in-out ui:duration-[300ms] ui:motion-reduce:duration-[0ms]", "ui:contain-[strict] ui:h-full ui:absolute ui:left-0 ui:top-0", {
     "ui:max-w-[100vw] ui:lg:max-w-[calc(100vw-(--spacing(132)))] ui:w-full": open,
     "ui:max-w-[100vw] ui:w-full": !open
@@ -7386,7 +7421,7 @@ const SplitViewLayout = (props) => {
     "ui:hidden ui:opacity-0": !open,
     "ui:visible ui:lg:hidden ui:opacity-[0.2]": open
   });
-  return jsxRuntime.jsx(context.Provider, { value: open, children: jsxRuntime.jsxs(Stack, Object.assign({ axis: "x", className: "ui:h-dvh ui:w-dvw ui:relative" }, restProps, { children: [jsxRuntime.jsx(Box, { className: classesMain, width: "full", children }), aside, jsxRuntime.jsx(Box, { className: classNamesOverlay })] })) });
+  return jsxRuntime.jsx(context.Provider, { value: open, children: jsxRuntime.jsxs(Stack, Object.assign({ axis: "x", className: "ui:h-dvh ui:w-dvw ui:relative" }, restProps, { children: [jsxRuntime.jsx(Box, { ref: scrollRef, tabIndex: isScrollable ? 0 : void 0, className: classesMain, width: "full", children }), aside, jsxRuntime.jsx(Box, { className: classNamesOverlay })] })) });
 };
 const Aside = (props) => {
   const { children, className } = props, restProps = __rest(props, ["children", "className"]);