@amboss/design-system 4.8.2-canary.1 → 4.9.1

package/build/cjs/components/Typography/Text/Text.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Text(){return Text},get TextContext(){return TextContext},get getTextFontSize(){return getTextFontSize},get getTextLineHeight(){return getTextLineHeight}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_mediaQueries=require("../../../shared/mediaQueries"),TextContext=(0,_react.createContext)(null),getTextLineHeight=({theme,size})=>({xxs:theme.variables.size.lineHeight.m,xs:theme.variables.size.lineHeight.m,s:theme.variables.size.lineHeight.l,m:theme.variables.size.lineHeight.xl,l:theme.variables.size.lineHeight.xl})[size],getTextFontSize=({theme,size})=>theme.variables.size.font[size],StyledText=(0,_styled.default)("p",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop&&"transform"!==prop,target:"erh4t6l0",label:"StyledText"})(({theme,align,weight,size,transform,hyphens,overflowWrap,color,userSelect,variant})=>({fontFamily:theme.variables.fontFamily.lato,margin:0,textTransform:transform,textAlign:align,fontWeight:theme.variables.weight[weight],color:theme.values.color.text[color]?.default??theme.values.color.text.primary.default,...userSelect&&{userSelect},...variant&&{color:theme.values.color.text[variant].default,..."primary"===variant&&{color:theme.values.color.text.accent.default},..."secondary"===variant&&{color:theme.values.color.text.primary.default}},fontSize:getTextFontSize({theme,size}),lineHeight:getTextLineHeight({theme,size}),...(0,_mediaQueries.useResponsiveStyles)({hyphens:[hyphens,{none:"none",auto:"auto",manual:"manual"}]}),overflowWrap})),Text=(0,_react.forwardRef)(({size="m",weight="normal",transform="none",as="p",color:colorProp="primary",align="left",hyphens="none",overflowWrap="normal",variant,userSelect,"data-e2e-test-id":dataE2eTestId,children,...rest},ref)=>{let color=colorProp;variant&&(color="primary"===variant?"accent":"secondary"===variant?"primary":variant);let contextValues=(0,_react.useMemo)(()=>({color,size,weight}),[color,size,weight]);return _react.default.createElement(StyledText,{ref:ref,variant:variant,size:size,weight:weight,transform:transform,as:as,color:color,align:align,hyphens:hyphens,overflowWrap:overflowWrap,userSelect:userSelect,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Text",...rest},_react.default.createElement(TextContext.Provider,{value:contextValues},children))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Text(){return Text},get TextContext(){return TextContext},get getTextFontSize(){return getTextFontSize},get getTextLineHeight(){return getTextLineHeight}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_mediaQueries=require("../../../shared/mediaQueries"),TextContext=(0,_react.createContext)(null),getTextLineHeight=({theme,size})=>({xxs:theme.variables.size.lineHeight.m,xs:theme.variables.size.lineHeight.m,s:theme.variables.size.lineHeight.l,m:theme.variables.size.lineHeight.xl,l:theme.variables.size.lineHeight.xl})[size],getTextFontSize=({theme,size})=>theme.variables.size.font[size],StyledText=(0,_styled.default)("p",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop&&"transform"!==prop,target:"enx0zg50",label:"StyledText"})(({theme,align,weight="normal",size="m",transform,hyphens,overflowWrap,color="primary",userSelect,variant})=>({fontFamily:theme.variables.fontFamily.lato,margin:0,textTransform:transform,textAlign:align,fontWeight:theme.variables.weight[weight],color:theme.values.color.text[color]?.default??theme.values.color.text.primary.default,...userSelect&&{userSelect},...variant&&{color:theme.values.color.text[variant].default,..."primary"===variant&&{color:theme.values.color.text.accent.default},..."secondary"===variant&&{color:theme.values.color.text.primary.default}},fontSize:getTextFontSize({theme,size}),lineHeight:getTextLineHeight({theme,size}),...(0,_mediaQueries.useResponsiveStyles)({hyphens:[hyphens,{none:"none",auto:"auto",manual:"manual"}]}),overflowWrap})),Text=(0,_react.forwardRef)(({size="m",weight="normal",transform="none",as="p",color:colorProp="primary",align="left",hyphens="none",overflowWrap="normal",variant,userSelect,"data-e2e-test-id":dataE2eTestId,children,...rest},ref)=>{let color=colorProp;variant&&(color="primary"===variant?"accent":"secondary"===variant?"primary":variant);let contextValues=(0,_react.useMemo)(()=>({color,size,weight}),[color,size,weight]);return _react.default.createElement(StyledText,{ref:ref,variant:variant,size:size,weight:weight,transform:transform,as:as,color:color,align:align,hyphens:hyphens,overflowWrap:overflowWrap,userSelect:userSelect,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Text",...rest},_react.default.createElement(TextContext.Provider,{value:contextValues},children))});

package/build/cjs/components/Typography/Text/TextSkeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TextSkeleton",{enumerable:!0,get:function(){return TextSkeleton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_react1=require("@emotion/react"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Skeleton=require("../../Skeleton/Skeleton"),_Text=require("./Text"),_Stack=require("../../Stack/Stack"),_mediaQueries=require("../../../shared/mediaQueries"),StyledSkeletonContainer=(0,_styled.default)("div",{target:"edovei40",label:"StyledSkeletonContainer"})(({height,width,inline})=>({display:"flex",alignItems:"center",...inline&&{display:"inline-block"},...(0,_mediaQueries.useResponsiveValue)({width,height})}));function TextSkeleton({lines,size="m",width="100%",inline=!1,"data-e2e-test-id":dataE2eTestId}){let theme=(0,_react1.useTheme)(),containerHeight=`calc(${(0,_Text.getTextLineHeight)({theme,size})} * ${theme.variables.size.font[size]})`;return lines>1?_react.default.createElement(_Stack.Stack,{space:"zero",fullWidth:!0,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"TextSkeleton"},Array(lines).fill("").map((_elm,index)=>{let lineWidth=index===lines-1?`calc(${width} * 0.75)`:width;return _react.default.createElement(StyledSkeletonContainer,{key:index,height:containerHeight,width:lineWidth},_react.default.createElement(_Skeleton.Skeleton,{height:"60%",borderRadius:"xs"}))})):_react.default.createElement(StyledSkeletonContainer,{height:containerHeight,width:width,inline:inline,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"TextSkeleton"},_react.default.createElement(_Skeleton.Skeleton,{height:"60%",borderRadius:"xs"}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TextSkeleton",{enumerable:!0,get:function(){return TextSkeleton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_react1=require("@emotion/react"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Skeleton=require("../../Skeleton/Skeleton"),_Text=require("./Text"),_Stack=require("../../Stack/Stack"),_mediaQueries=require("../../../shared/mediaQueries"),StyledSkeletonContainer=(0,_styled.default)("div",{target:"e1ipwacj0",label:"StyledSkeletonContainer"})(({height,width,inline})=>({display:"flex",alignItems:"center",...inline&&{display:"inline-block"},...(0,_mediaQueries.useResponsiveValue)({width,height})}));function TextSkeleton({lines=1,size="m",width="100%",inline=!1,"data-e2e-test-id":dataE2eTestId}){let theme=(0,_react1.useTheme)(),containerHeight=`calc(${(0,_Text.getTextLineHeight)({theme,size})} * ${theme.variables.size.font[size]})`;return lines>1?_react.default.createElement(_Stack.Stack,{space:"zero",fullWidth:!0,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"TextSkeleton"},Array(lines).fill("").map((_elm,index)=>{let lineWidth=index===lines-1?`calc(${width} * 0.75)`:width;return _react.default.createElement(StyledSkeletonContainer,{key:index,height:containerHeight,width:lineWidth},_react.default.createElement(_Skeleton.Skeleton,{height:"60%",borderRadius:"xs"}))})):_react.default.createElement(StyledSkeletonContainer,{height:containerHeight,width:width,inline:inline,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"TextSkeleton"},_react.default.createElement(_Skeleton.Skeleton,{height:"60%",borderRadius:"xs"}))}

package/build/cjs/components/Typography/TextClamped/TextClamped.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TextClamped",{enumerable:!0,get:function(){return TextClamped}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ContentText=require("../../Content/ContentText/ContentText"),StyledContainer=(0,_styled.default)("span",{target:"e8z318k0",label:"StyledContainer"})(({lines,expanded,breakAll})=>({display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden",WebkitLineClamp:expanded?"unset":lines,...breakAll&&{wordBreak:"break-all"}})),TextClamped=(0,_react.forwardRef)((props,ref)=>{let{lines=1,expanded,children,onExceedsLines,"data-e2e-test-id":dataE2eTestId,privateProps,...textProps}=props,containerRef=(0,_react.useRef)(null),lastExceedsStateRef=(0,_react.useRef)(null),onExceedsLinesRef=(0,_react.useRef)(onExceedsLines);(0,_react.useEffect)(()=>{onExceedsLinesRef.current=onExceedsLines});let hasCallback=!!onExceedsLines;return(0,_react.useEffect)(()=>{let containerElement=containerRef.current;if(!containerElement||!hasCallback)return;let textLinesRange=document.createRange(),countRenderedLines=element=>(textLinesRange.selectNodeContents(element),textLinesRange.getClientRects().length),resizeObserver=new ResizeObserver(()=>{let currentExceeds=countRenderedLines(containerElement)>lines;currentExceeds!==lastExceedsStateRef.current&&(lastExceedsStateRef.current=currentExceeds,onExceedsLinesRef.current?.(currentExceeds))});return resizeObserver.observe(containerElement),()=>resizeObserver.disconnect()},[containerRef,hasCallback,lines,expanded,children]),_react.default.createElement(_ContentText.ContentText,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"TextClamped",...textProps},_react.default.createElement(StyledContainer,{ref:containerRef,lines:lines,expanded:expanded,breakAll:privateProps?.breakAll},children))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TextClamped",{enumerable:!0,get:function(){return TextClamped}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ContentText=require("../../Content/ContentText/ContentText"),StyledContainer=(0,_styled.default)("span",{target:"eyzubzy0",label:"StyledContainer"})(({lines,expanded,breakAll})=>({display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden",WebkitLineClamp:expanded?"unset":lines,...breakAll&&{wordBreak:"break-all"}})),TextClamped=(0,_react.forwardRef)((props,ref)=>{let{lines=1,expanded,children,onExceedsLines,"data-e2e-test-id":dataE2eTestId,privateProps,...textProps}=props,containerRef=(0,_react.useRef)(null),lastExceedsStateRef=(0,_react.useRef)(null),onExceedsLinesRef=(0,_react.useRef)(onExceedsLines);(0,_react.useEffect)(()=>{onExceedsLinesRef.current=onExceedsLines});let hasCallback=!!onExceedsLines;return(0,_react.useEffect)(()=>{let containerElement=containerRef.current;if(!containerElement||!hasCallback)return;let textLinesRange=document.createRange(),countRenderedLines=element=>(textLinesRange.selectNodeContents(element),textLinesRange.getClientRects().length),resizeObserver=new ResizeObserver(()=>{let currentExceeds=countRenderedLines(containerElement)>lines;currentExceeds!==lastExceedsStateRef.current&&(lastExceedsStateRef.current=currentExceeds,onExceedsLinesRef.current?.(currentExceeds))});return resizeObserver.observe(containerElement),()=>resizeObserver.disconnect()},[containerRef,hasCallback,lines,expanded,children]),_react.default.createElement(_ContentText.ContentText,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"TextClamped",...textProps},_react.default.createElement(StyledContainer,{ref:containerRef,lines:lines,expanded:expanded,breakAll:privateProps?.breakAll},children))});

package/build/cjs/components/UserHighlightTooltip/UserHighlightTooltip.d.ts

@@ -7,4 +7,4 @@ export type UserHighlightTooltipProps = Pick<TooltipContentProps, "content" | "p
     selectedRange?: Range;
     positionAtStart?: boolean;
 };
-export declare function UserHighlightTooltip({ content, contentPadding, placement, maxWidth, portalContainer, "data-e2e-test-id": dataE2eTestId, triggerElements, selectedRange, onVisibilityChange, positionAtStart, ...ariaAttributes }: UserHighlightTooltipProps): React.ReactElement;
+export declare function UserHighlightTooltip({ content, contentPadding, placement, maxWidth, portalContainer, "data-e2e-test-id": dataE2eTestId, triggerElements, selectedRange, onVisibilityChange, positionAtStart, ...ariaAttributes }: UserHighlightTooltipProps): React.ReactElement | null;

package/build/cjs/components/UserHighlightTooltip/UserHighlightTooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"UserHighlightTooltip",{enumerable:!0,get:function(){return UserHighlightTooltip}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_TooltipContent=require("../Tooltip/TooltipContent"),_findOverlappingTooltips=require("./-utils.ts/findOverlappingTooltips"),_getTopmostElement=require("./-utils.ts/getTopmostElement"),tooltipRegistry=new(require("./-utils.ts/TooltipRegistry")).TooltipRegistry;function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart,...ariaAttributes}){let tooltipId=(0,_react.useMemo)(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),instanceId=(0,_react.useId)(),isTooltipHovered=(0,_react.useRef)(!1),showTooltipTimeoutId=(0,_react.useRef)(null),hideTooltipTimeoutId=(0,_react.useRef)(null),triggerHovered=(0,_react.useRef)(!1),rangeRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=(0,_react.useState)(!1),toggleVisibility=(0,_react.useCallback)(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);(0,_react.useEffect)(()=>(tooltipRegistry.set(instanceId,{id:instanceId,triggerElements,setVisible:visible=>{setTooltipVisible(visible),onVisibilityChange&&onVisibilityChange(visible)}}),()=>{tooltipRegistry.delete(instanceId)}),[instanceId,triggerElements,onVisibilityChange]),(0,_react.useEffect)(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=(0,_react.useCallback)(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=(0,_react.useCallback)(event=>{triggerHovered.current=!0,clearTimeout(showTooltipTimeoutId.current),showTooltipTimeoutId.current=setTimeout(()=>{if(triggerHovered.current){let hoveredElement=event?.target||triggerElements[0],overlappingTooltips=(0,_findOverlappingTooltips.findOverlappingTooltips)(hoveredElement,instanceId,tooltipRegistry);if(overlappingTooltips.length>0){let allOverlappingElements=[...triggerElements];overlappingTooltips.forEach(tooltip=>{allOverlappingElements.push(...tooltip.triggerElements)});let topmostElement=(0,_getTopmostElement.getTopmostElement)(allOverlappingElements,event);!topmostElement||triggerElements.includes(topmostElement)?(overlappingTooltips.forEach(tooltip=>{tooltip.setVisible(!1)}),tooltipVisible||toggleVisibility(!0)):tooltipVisible&&toggleVisibility(!1)}else tooltipVisible||toggleVisibility(!0)}},200)},[toggleVisibility,tooltipVisible,triggerElements,instanceId]),handleTriggerPointerLeave=(0,_react.useCallback)(event=>{if(clearTimeout(hideTooltipTimeoutId.current),triggerHovered.current=!1,event&&"clientX"in event&&"clientY"in event)try{let elementUnderPointer=document.elementFromPoint(event.clientX,event.clientY);if(elementUnderPointer){let overlappingTooltips=(0,_findOverlappingTooltips.findOverlappingTooltips)(elementUnderPointer,instanceId,tooltipRegistry);if(overlappingTooltips.length>0){let allOverlappingElements=[];overlappingTooltips.forEach(tooltip=>{allOverlappingElements.push(...tooltip.triggerElements)});let topmostElement=(0,_getTopmostElement.getTopmostElement)(allOverlappingElements,event);if(topmostElement&&!triggerElements.includes(topmostElement)){toggleVisibility(!1);let enterEvent=new PointerEvent("pointerenter",{bubbles:!0,cancelable:!0,clientX:event.clientX,clientY:event.clientY,pointerId:event.pointerId,pointerType:event.pointerType});topmostElement.dispatchEvent(enterEvent);return}}}}catch{}hideTooltipAfterDelay()},[hideTooltipAfterDelay,instanceId,toggleVisibility,triggerElements]);return((0,_react.useEffect)(()=>()=>{clearTimeout(showTooltipTimeoutId.current),clearTimeout(hideTooltipTimeoutId.current)},[]),(0,_react.useEffect)(()=>{let wrappedHandleEnter=event=>{handleTriggerPointerEnter(event)};return triggerElements.forEach(node=>{node.addEventListener("pointerenter",wrappedHandleEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",wrappedHandleEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}},[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),(0,_react.useEffect)(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?_react.default.createElement(_TooltipContent.TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,subTheme:"inverted",onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current),isTooltipHovered.current=!1,hideTooltipAfterDelay()},...ariaAttributes}):null}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"UserHighlightTooltip",{enumerable:!0,get:function(){return UserHighlightTooltip}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_TooltipContent=require("../Tooltip/TooltipContent"),_findOverlappingTooltips=require("./-utils.ts/findOverlappingTooltips"),_getTopmostElement=require("./-utils.ts/getTopmostElement"),tooltipRegistry=new(require("./-utils.ts/TooltipRegistry")).TooltipRegistry;function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart,...ariaAttributes}){let tooltipId=(0,_react.useMemo)(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),instanceId=(0,_react.useId)(),isTooltipHovered=(0,_react.useRef)(!1),showTooltipTimeoutId=(0,_react.useRef)(null),hideTooltipTimeoutId=(0,_react.useRef)(null),triggerHovered=(0,_react.useRef)(!1),rangeRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=(0,_react.useState)(!1),toggleVisibility=(0,_react.useCallback)(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);(0,_react.useEffect)(()=>(tooltipRegistry.set(instanceId,{id:instanceId,triggerElements,setVisible:visible=>{setTooltipVisible(visible),onVisibilityChange&&onVisibilityChange(visible)}}),()=>{tooltipRegistry.delete(instanceId)}),[instanceId,triggerElements,onVisibilityChange]),(0,_react.useEffect)(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=(0,_react.useCallback)(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=(0,_react.useCallback)(event=>{triggerHovered.current=!0,clearTimeout(showTooltipTimeoutId.current??void 0),showTooltipTimeoutId.current=setTimeout(()=>{if(triggerHovered.current){let hoveredElement=event?.target||triggerElements[0],overlappingTooltips=(0,_findOverlappingTooltips.findOverlappingTooltips)(hoveredElement,instanceId,tooltipRegistry);if(overlappingTooltips.length>0){let allOverlappingElements=[...triggerElements];overlappingTooltips.forEach(tooltip=>{allOverlappingElements.push(...tooltip.triggerElements)});let topmostElement=(0,_getTopmostElement.getTopmostElement)(allOverlappingElements,event);!topmostElement||triggerElements.includes(topmostElement)?(overlappingTooltips.forEach(tooltip=>{tooltip.setVisible(!1)}),tooltipVisible||toggleVisibility(!0)):tooltipVisible&&toggleVisibility(!1)}else tooltipVisible||toggleVisibility(!0)}},200)},[toggleVisibility,tooltipVisible,triggerElements,instanceId]),handleTriggerPointerLeave=(0,_react.useCallback)(event=>{if(clearTimeout(hideTooltipTimeoutId.current??void 0),triggerHovered.current=!1,event&&"clientX"in event&&"clientY"in event)try{let elementUnderPointer=document.elementFromPoint(event.clientX,event.clientY);if(elementUnderPointer){let overlappingTooltips=(0,_findOverlappingTooltips.findOverlappingTooltips)(elementUnderPointer,instanceId,tooltipRegistry);if(overlappingTooltips.length>0){let allOverlappingElements=[];overlappingTooltips.forEach(tooltip=>{allOverlappingElements.push(...tooltip.triggerElements)});let topmostElement=(0,_getTopmostElement.getTopmostElement)(allOverlappingElements,event);if(topmostElement&&!triggerElements.includes(topmostElement)){toggleVisibility(!1);let enterEvent=new PointerEvent("pointerenter",{bubbles:!0,cancelable:!0,clientX:event.clientX,clientY:event.clientY,pointerId:event.pointerId,pointerType:event.pointerType});topmostElement.dispatchEvent(enterEvent);return}}}}catch{}hideTooltipAfterDelay()},[hideTooltipAfterDelay,instanceId,toggleVisibility,triggerElements]);return((0,_react.useEffect)(()=>()=>{clearTimeout(showTooltipTimeoutId.current??void 0),clearTimeout(hideTooltipTimeoutId.current??void 0)},[]),(0,_react.useEffect)(()=>{let wrappedHandleEnter=event=>{handleTriggerPointerEnter(event)};return triggerElements.forEach(node=>{node.addEventListener("pointerenter",wrappedHandleEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",wrappedHandleEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}},[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),(0,_react.useEffect)(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?_react.default.createElement(_TooltipContent.TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,subTheme:"inverted",onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current??void 0),isTooltipHovered.current=!1,hideTooltipAfterDelay()},...ariaAttributes}):null}

package/build/cjs/components/Utilities/ContainerQuery/ContainerQueryContext.d.ts

@@ -1,2 +1,2 @@
 import type { ContainerQueryBreakpoints } from "../../../shared/mediaQueries";
-export declare const ContainerQueryContext: React.Context<ContainerQueryBreakpoints>;
+export declare const ContainerQueryContext: React.Context<ContainerQueryBreakpoints | undefined>;

package/build/cjs/components/Utilities/Expandable/Expandable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Expandable",{enumerable:!0,get:function(){return Expandable}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_useWindow=require("../../../shared/useWindow"),StyledContainer=(0,_styled.default)("div",{target:"elbd590",label:"StyledContainer"})(({isExpanded,reduceMotion})=>({display:"grid",gridTemplateRows:"0fr",...!reduceMotion&&{transition:"200ms grid-template-rows cubic-bezier(0.0, 0.0, 0.25, 1.0)"},...isExpanded&&{gridTemplateRows:"1fr"}})),StyledContentContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"overflow"!==prop&&"isExpanded"!==prop,target:"elbd591",label:"StyledContentContainer"})(({isExpanded,overflow})=>({overflow:"hidden",...isExpanded&&{overflow}}));function Expandable({id,isExpanded,children,overflow="visible",reduceMotion=!1,...ariaAttributes}){let[isContentContainerExpanded,setIsContentContainerExpanded]=(0,_react.useState)(!!isExpanded),window=(0,_useWindow.useWindow)(),isMotionReduced=reduceMotion||window?.matchMedia("(prefers-reduced-motion: reduce)").matches,handleTransitionEnd=(0,_react.useCallback)(()=>{isExpanded&&setIsContentContainerExpanded(!0)},[isExpanded]);return(0,_react.useEffect)(()=>{if(isMotionReduced)return void setIsContentContainerExpanded(isExpanded);isExpanded||setIsContentContainerExpanded(!1)},[isExpanded,isMotionReduced]),_react.default.createElement(StyledContainer,{onTransitionEnd:handleTransitionEnd,isExpanded:isExpanded,"data-ds-id":"Expandable",id:id,reduceMotion:isMotionReduced,...ariaAttributes},_react.default.createElement(StyledContentContainer,{isExpanded:isContentContainerExpanded,overflow:overflow},children))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Expandable",{enumerable:!0,get:function(){return Expandable}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_useWindow=require("../../../shared/useWindow"),StyledContainer=(0,_styled.default)("div",{target:"e10cpi5m0",label:"StyledContainer"})(({isExpanded,reduceMotion})=>({display:"grid",gridTemplateRows:"0fr",...!reduceMotion&&{transition:"200ms grid-template-rows cubic-bezier(0.0, 0.0, 0.25, 1.0)"},...isExpanded&&{gridTemplateRows:"1fr"}})),StyledContentContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"overflow"!==prop&&"isExpanded"!==prop,target:"e10cpi5m1",label:"StyledContentContainer"})(({isExpanded,overflow})=>({overflow:"hidden",...isExpanded&&{overflow}}));function Expandable({id,isExpanded,children,overflow="visible",reduceMotion=!1,...ariaAttributes}){let[isContentContainerExpanded,setIsContentContainerExpanded]=(0,_react.useState)(!!isExpanded),window=(0,_useWindow.useWindow)(),isMotionReduced=reduceMotion||window?.matchMedia("(prefers-reduced-motion: reduce)").matches,handleTransitionEnd=(0,_react.useCallback)(()=>{isExpanded&&setIsContentContainerExpanded(!0)},[isExpanded]);return(0,_react.useEffect)(()=>{if(isMotionReduced)return void setIsContentContainerExpanded(!!isExpanded);isExpanded||setIsContentContainerExpanded(!1)},[isExpanded,isMotionReduced]),_react.default.createElement(StyledContainer,{onTransitionEnd:handleTransitionEnd,isExpanded:isExpanded,"data-ds-id":"Expandable",id:id,reduceMotion:isMotionReduced,...ariaAttributes},_react.default.createElement(StyledContentContainer,{isExpanded:isContentContainerExpanded,overflow:overflow},children))}

package/build/cjs/components/Utilities/FloatingPosition/utils.d.ts

@@ -24,7 +24,7 @@ export declare function viewportToFloatingPlacement(placement: ViewportPlacement
  * Both axes → a corner (`top` + `left` → `"top-start"`); a single axis →
  * centered on the other (`top` alone → `"top"`, `left` alone → `"left"`).
  */
-export declare function axesToViewportPlacement(positionY: "top" | "bottom" | undefined, positionX: "left" | "right" | undefined): ViewportPlacement;
+export declare function axesToViewportPlacement(positionY: "top" | "bottom" | undefined, positionX: "left" | "right" | undefined): ViewportPlacement | undefined;
 /**
  * Builds the (zero-size) reference rect for a viewport spot, in viewport
  * coordinates — used by the virtual element under `strategy: "fixed"`.

package/build/cjs/components/VirtualScrollList/VirtualScrollList.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 export type VirtualScrollListProps = {
     "data-e2e-test-id"?: string;
-    id: string;
+    id?: string;
     maxHeight: number;
     /** initial estimate for virtual scrolling calculations, helps estimate how many
      * items fit in the viewport before real measurements.

package/build/cjs/components/VirtualScrollList/VirtualScrollList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"VirtualScrollList",{enumerable:!0,get:function(){return VirtualScrollList}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_interop_require_wildcard=require("@swc/helpers/_/_interop_require_wildcard"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react=/*#__PURE__*/_interop_require_wildcard._(require("react")),_VirtualScrollListReducer=require("./VirtualScrollListReducer"),StyledContainer=(0,_styled.default)("div",{target:"e1727xf20",label:"StyledContainer"})(({maxHeight})=>({overflow:"auto",width:"100%",height:"100%",maxHeight})),StyledScrollableContent=(0,_styled.default)("div",{target:"e1727xf21",label:"StyledScrollableContent"})(({maxContentHeight})=>({overflow:"hidden",boxSizing:"border-box",height:maxContentHeight}));function VirtualScrollList({id,maxHeight,itemHeight,itemAmount,emptyState=()=>null,itemInView,itemTemplate,containerStyle,"data-e2e-test-id":dataE2eTestId,onContentHeightChange,role,...ariaAttributes}){let scrollableContainerRef=(0,_react.useRef)(null),viewportRef=(0,_react.useRef)(null),adjustedForReflow=(0,_react.useRef)(!1),[{scrolledItemCount,amountOfItemsInView,scrolledInPx,maxContentHeight=maxHeight,recommendedScrollPosition},dispatch]=(0,_react.useReducer)(_VirtualScrollListReducer.VirtualScrollReducer,{});(0,_react.useLayoutEffect)(()=>{dispatch({type:"reset",itemHeight,maxHeight,overscan:10}),scrollableContainerRef.current.scrollTop=0},[itemHeight,itemAmount,maxHeight]),(0,_react.useEffect)(()=>{dispatch({type:"recommendScrollPosition",scrollTop:scrollableContainerRef.current.scrollTop,itemToBeInView:itemInView})},[itemInView]),(0,_react.useEffect)(()=>{null!==recommendedScrollPosition&&(scrollableContainerRef.current.scrollTop=recommendedScrollPosition)},[recommendedScrollPosition]),(0,_react.useLayoutEffect)(()=>{viewportRef.current&&dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})},[itemAmount,scrolledItemCount]),(0,_react.useEffect)(()=>{onContentHeightChange?.()},[maxContentHeight,onContentHeightChange]);let itemCountToBeRendered=Math.min(Math.max(0,itemAmount-scrolledItemCount),amountOfItemsInView);return maxContentHeight>maxHeight&&!adjustedForReflow.current&&viewportRef.current&&(setTimeout(()=>{dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})}),adjustedForReflow.current=!0),_react.default.createElement(StyledContainer,{ref:scrollableContainerRef,maxHeight:maxHeight,style:{maxHeight,...containerStyle},"data-e2e-test-id":dataE2eTestId,"data-ds-id":"VirtualScrollList",onScroll:e=>{dispatch({type:"scroll",scrollTop:e.currentTarget.scrollTop})}},0===itemAmount?emptyState():_react.default.createElement(StyledScrollableContent,{maxContentHeight:maxContentHeight},_react.default.createElement("div",{ref:viewportRef,style:{transform:`translateY(${scrolledInPx}px`},role:role,id:id,...ariaAttributes},!!itemCountToBeRendered&&Array(itemCountToBeRendered).fill(0).map((_,index)=>itemTemplate(scrolledItemCount+index)))))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"VirtualScrollList",{enumerable:!0,get:function(){return VirtualScrollList}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_interop_require_wildcard=require("@swc/helpers/_/_interop_require_wildcard"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react=/*#__PURE__*/_interop_require_wildcard._(require("react")),_VirtualScrollListReducer=require("./VirtualScrollListReducer"),StyledContainer=(0,_styled.default)("div",{target:"eyhrtu0",label:"StyledContainer"})(({maxHeight})=>({overflow:"auto",width:"100%",height:"100%",maxHeight})),StyledScrollableContent=(0,_styled.default)("div",{target:"eyhrtu1",label:"StyledScrollableContent"})(({maxContentHeight})=>({overflow:"hidden",boxSizing:"border-box",height:maxContentHeight}));function VirtualScrollList({id,maxHeight,itemHeight,itemAmount,emptyState=()=>null,itemInView,itemTemplate,containerStyle,"data-e2e-test-id":dataE2eTestId,onContentHeightChange,role,...ariaAttributes}){let scrollableContainerRef=(0,_react.useRef)(null),viewportRef=(0,_react.useRef)(null),adjustedForReflow=(0,_react.useRef)(!1),[{scrolledItemCount=0,amountOfItemsInView=0,scrolledInPx,maxContentHeight=maxHeight,recommendedScrollPosition},dispatch]=(0,_react.useReducer)(_VirtualScrollListReducer.VirtualScrollReducer,{});(0,_react.useLayoutEffect)(()=>{dispatch({type:"reset",itemHeight,maxHeight,overscan:10});let scrollableContainer=scrollableContainerRef.current;scrollableContainer&&(scrollableContainer.scrollTop=0)},[itemHeight,itemAmount,maxHeight]),(0,_react.useEffect)(()=>{let scrollableContainer=scrollableContainerRef.current;scrollableContainer&&dispatch({type:"recommendScrollPosition",scrollTop:scrollableContainer.scrollTop,itemToBeInView:itemInView})},[itemInView]),(0,_react.useEffect)(()=>{if(null==recommendedScrollPosition)return;let scrollableContainer=scrollableContainerRef.current;scrollableContainer&&(scrollableContainer.scrollTop=recommendedScrollPosition)},[recommendedScrollPosition]),(0,_react.useLayoutEffect)(()=>{viewportRef.current&&dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})},[itemAmount,scrolledItemCount,amountOfItemsInView]),(0,_react.useEffect)(()=>{onContentHeightChange?.()},[maxContentHeight,onContentHeightChange]);let itemCountToBeRendered=Math.min(Math.max(0,itemAmount-scrolledItemCount),amountOfItemsInView);return maxContentHeight>maxHeight&&!adjustedForReflow.current&&viewportRef.current&&(setTimeout(()=>{let viewportNode=viewportRef.current;viewportNode&&dispatch({type:"updateViewport",viewportNode,itemAmount})}),adjustedForReflow.current=!0),_react.default.createElement(StyledContainer,{ref:scrollableContainerRef,maxHeight:maxHeight,style:{maxHeight,...containerStyle},"data-e2e-test-id":dataE2eTestId,"data-ds-id":"VirtualScrollList",onScroll:e=>{dispatch({type:"scroll",scrollTop:e.currentTarget.scrollTop})}},0===itemAmount?emptyState():_react.default.createElement(StyledScrollableContent,{maxContentHeight:maxContentHeight},_react.default.createElement("div",{ref:viewportRef,style:{transform:`translateY(${scrolledInPx}px`},role:role,id:id,...ariaAttributes},!!itemCountToBeRendered&&Array(itemCountToBeRendered).fill(0).map((_,index)=>itemTemplate(scrolledItemCount+index)))))}

package/build/cjs/components/VirtualScrollList/VirtualScrollListReducer.d.ts

@@ -10,10 +10,10 @@ type State = {
     renderFrom?: number;
     scrolledItemCount?: number;
     scrolledInPx?: number;
-    lastItemHeight?: number;
+    lastItemHeight?: number | null;
     amountOfItemsInView?: number;
     maxContentHeight?: number;
-    recommendedScrollPosition?: number;
+    recommendedScrollPosition?: number | null;
 };
 type Action = {
     type: "scroll";

package/build/cjs/components/VirtualScrollList/VirtualScrollListReducer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"VirtualScrollReducer",{enumerable:!0,get:function(){return VirtualScrollReducer}});const findClosestOffsetIndex=(arr,val)=>{let start=0,end=arr.length-1,mid=Math.floor((start+end)/2);for(;start<=end&&arr[mid=Math.floor((start+end)/2)].amount!==val;)val<arr[mid].amount?end=mid-1:start=mid+1;return mid},getMaxHeight=(maxAmountOfItems,offsets,lastItemHeight=0)=>{let amountOfOffsets=Math.min(offsets.length,maxAmountOfItems);return(offsets[amountOfOffsets-1]?.amount||0)+lastItemHeight},reduceScroll=(prevState,scrollTop)=>{let{topOffsets,overscan:tolerance}=prevState,scrolledItemCount=Math.max(0,findClosestOffsetIndex(topOffsets,scrollTop)-tolerance/2),scrolledInPx=topOffsets[scrolledItemCount]?.amount||0;return{...prevState,scrolledItemCount,scrolledInPx}},reduceUpdateViewport=(prevState,viewportNode,itemAmount)=>{let{topOffsets=[],scrolledInPx,scrolledItemCount,avgItemHeight,lastItemHeight,maxHeight,overscan:tolerance}=prevState,newTopOffsets=[...topOffsets],updatedLastItemHeight=lastItemHeight;Array.from(viewportNode.children).forEach((child,i)=>{newTopOffsets[i+scrolledItemCount]={amount:scrolledInPx+child.offsetTop,isInterpolated:!1},i+scrolledItemCount!==itemAmount-1||lastItemHeight||(updatedLastItemHeight=child.getBoundingClientRect().height)});let newAvgItemHeight=Math.max(avgItemHeight,viewportNode.getBoundingClientRect().height/(viewportNode.childElementCount||1));for(let i=0;i<itemAmount;i+=1)(!newTopOffsets[i]||newTopOffsets[i].isInterpolated)&&(newTopOffsets[i]={amount:newTopOffsets[i-1].amount+newAvgItemHeight,isInterpolated:!0});let maxContentHeight=getMaxHeight(itemAmount,newTopOffsets,updatedLastItemHeight);return{...prevState,lastItemHeight:updatedLastItemHeight,avgItemHeight:newAvgItemHeight,topOffsets:newTopOffsets,amountOfItemsInView:Math.round(maxHeight/newAvgItemHeight)+tolerance,maxContentHeight}},reduceReset=(prevState,itemHeight,maxHeight,overscan)=>({...prevState,lastItemHeight:null,topOffsets:[{amount:0,isInterpolated:!1}],scrolledInPx:0,scrolledItemCount:0,maxHeight,avgItemHeight:itemHeight,overscan}),reduceRecommendScrollPosition=(prevState,scrollTop,itemToBeInView)=>{let{topOffsets,maxHeight}=prevState;if(!topOffsets)return prevState;let bottomOfTarget=topOffsets[itemToBeInView+1]?.amount,topOfTarget=topOffsets[itemToBeInView]?.amount,recommendedScrollPosition=null;return topOfTarget<scrollTop&&(recommendedScrollPosition=topOfTarget),bottomOfTarget>=scrollTop+maxHeight&&(recommendedScrollPosition=bottomOfTarget-maxHeight),itemToBeInView===topOffsets.length-1&&(recommendedScrollPosition=topOffsets[itemToBeInView].amount),{...prevState,recommendedScrollPosition}},VirtualScrollReducer=(prevState,action)=>{switch(action.type){case"reset":return reduceReset(prevState,action.itemHeight,action.maxHeight,action.overscan);case"scroll":return reduceScroll(prevState,action.scrollTop);case"updateViewport":return reduceUpdateViewport(prevState,action.viewportNode,action.itemAmount);case"recommendScrollPosition":return reduceRecommendScrollPosition(prevState,action.scrollTop,action.itemToBeInView);default:throw Error()}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"VirtualScrollReducer",{enumerable:!0,get:function(){return VirtualScrollReducer}});const findClosestOffsetIndex=(arr,val)=>{let start=0,end=arr.length-1,mid=Math.floor((start+end)/2);for(;start<=end&&arr[mid=Math.floor((start+end)/2)].amount!==val;)val<arr[mid].amount?end=mid-1:start=mid+1;return mid},getMaxHeight=(maxAmountOfItems,offsets,lastItemHeight)=>{let amountOfOffsets=Math.min(offsets.length,maxAmountOfItems);return(offsets[amountOfOffsets-1]?.amount||0)+(lastItemHeight??0)},reduceScroll=(prevState,scrollTop)=>{let{topOffsets=[],overscan:tolerance=0}=prevState,scrolledItemCount=Math.max(0,findClosestOffsetIndex(topOffsets,scrollTop)-tolerance/2),scrolledInPx=topOffsets[scrolledItemCount]?.amount||0;return{...prevState,scrolledItemCount,scrolledInPx}},reduceUpdateViewport=(prevState,viewportNode,itemAmount)=>{let{topOffsets=[],scrolledInPx=0,scrolledItemCount=0,avgItemHeight=0,lastItemHeight,maxHeight=0,overscan:tolerance=0}=prevState,newTopOffsets=[...topOffsets],updatedLastItemHeight=lastItemHeight;Array.from(viewportNode.children).forEach((child,i)=>{newTopOffsets[i+scrolledItemCount]={amount:scrolledInPx+child.offsetTop,isInterpolated:!1},i+scrolledItemCount!==itemAmount-1||lastItemHeight||(updatedLastItemHeight=child.getBoundingClientRect().height)});let newAvgItemHeight=Math.max(avgItemHeight,viewportNode.getBoundingClientRect().height/(viewportNode.childElementCount||1));for(let i=0;i<itemAmount;i+=1)(!newTopOffsets[i]||newTopOffsets[i].isInterpolated)&&(newTopOffsets[i]={amount:newTopOffsets[i-1].amount+newAvgItemHeight,isInterpolated:!0});let maxContentHeight=getMaxHeight(itemAmount,newTopOffsets,updatedLastItemHeight);return{...prevState,lastItemHeight:updatedLastItemHeight,avgItemHeight:newAvgItemHeight,topOffsets:newTopOffsets,amountOfItemsInView:Math.round(maxHeight/newAvgItemHeight)+tolerance,maxContentHeight}},reduceReset=(prevState,itemHeight,maxHeight,overscan)=>({...prevState,lastItemHeight:null,topOffsets:[{amount:0,isInterpolated:!1}],scrolledInPx:0,scrolledItemCount:0,maxHeight,avgItemHeight:itemHeight,overscan}),reduceRecommendScrollPosition=(prevState,scrollTop,itemToBeInView)=>{let{topOffsets,maxHeight}=prevState;if(!topOffsets||void 0===maxHeight)return prevState;let bottomOfTarget=topOffsets[itemToBeInView+1]?.amount,topOfTarget=topOffsets[itemToBeInView]?.amount,recommendedScrollPosition=null;return topOfTarget<scrollTop&&(recommendedScrollPosition=topOfTarget),bottomOfTarget>=scrollTop+maxHeight&&(recommendedScrollPosition=bottomOfTarget-maxHeight),itemToBeInView===topOffsets.length-1&&(recommendedScrollPosition=topOffsets[itemToBeInView].amount),{...prevState,recommendedScrollPosition}},VirtualScrollReducer=(prevState,action)=>{switch(action.type){case"reset":return reduceReset(prevState,action.itemHeight,action.maxHeight,action.overscan);case"scroll":return reduceScroll(prevState,action.scrollTop);case"updateViewport":return reduceUpdateViewport(prevState,action.viewportNode,action.itemAmount);case"recommendScrollPosition":return reduceRecommendScrollPosition(prevState,action.scrollTop,action.itemToBeInView);default:throw Error()}};

package/build/cjs/shared/appendId.d.ts

@@ -1 +1 @@
-export declare function appendId(src: string, id: string): string;
+export declare function appendId(src: string | undefined, id: string): string;

package/build/cjs/shared/forwardRefPolymorphic.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const forwardRefPolymorphic: <Component>(render: (props: never, ref: never) => React.ReactNode) => Component;

package/build/cjs/shared/forwardRefPolymorphic.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"forwardRefPolymorphic",{enumerable:!0,get:function(){return forwardRefPolymorphic}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),forwardRefPolymorphic=render=>_react.default.forwardRef(render);

package/build/cjs/shared/intl/translations/de.json

@@ -6,5 +6,11 @@
   "InlineMessage.InfoIcon.AriaLabel": "Info",
   "PromptButtonGroup.OverflowButton.Label": "Weitere",
   "PromptButtonGroup.OverflowButton.AriaLabel": "Weitere Vorschläge anzeigen",
-  "PromptButtonGroup.Popover.AriaLabel": "Prompt-Vorschläge"
+  "PromptButtonGroup.Popover.AriaLabel": "Prompt-Vorschläge",
+  "CatalogCard.DropdownMenu.AriaLabel": "Weitere Optionen",
+  "DropdownMenu.Trigger.AriaLabel": "Weitere Optionen",
+  "EntityTree.ExpandButton.ExpandAriaLabel": "Aufklappen",
+  "EntityTree.ExpandButton.CollapseAriaLabel": "Zuklappen",
+  "SearchInput.ClearButton.AriaLabel": "Suche löschen",
+  "Tag.RemoveButton.AriaLabel": "Entfernen"
 }

package/build/cjs/shared/intl/translations/en.json

@@ -6,5 +6,11 @@
   "InlineMessage.InfoIcon.AriaLabel": "Info",
   "PromptButtonGroup.OverflowButton.Label": "More",
   "PromptButtonGroup.OverflowButton.AriaLabel": "Show more suggestions",
-  "PromptButtonGroup.Popover.AriaLabel": "Prompt suggestions"
+  "PromptButtonGroup.Popover.AriaLabel": "Prompt suggestions",
+  "CatalogCard.DropdownMenu.AriaLabel": "More options",
+  "DropdownMenu.Trigger.AriaLabel": "More options",
+  "EntityTree.ExpandButton.ExpandAriaLabel": "Expand",
+  "EntityTree.ExpandButton.CollapseAriaLabel": "Collapse",
+  "SearchInput.ClearButton.AriaLabel": "Clear search",
+  "Tag.RemoveButton.AriaLabel": "Remove"
 }

package/build/cjs/shared/mediaQueries.d.ts

@@ -2,8 +2,8 @@ import type { ColumnSizes, HorizontalAlignment, MQ, SpaceSizes, IconSizes, TextA
 export type Breakpoints = [string, string, string];
 export type ContainerQueryBreakpoints = [string, string?, string?];
 type MqProp<T> = [
-    T | MQ<T>,
-    (Record<T extends string ? T : never, string | number> | ((value: T) => string | number))
+    T | MQ<T> | undefined,
+    (Record<T extends string ? T : never, string | number | undefined> | ((value: T) => string | number))
 ];
 type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<StackHorizontalAlignment> | MqProp<StackVerticalAlignment> | MqProp<LightboxVerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens> | MqProp<BorderRadius> | MqProp<boolean> | MqProp<IconSizes> | MqProp<ButtonSize> | MqProp<InlineMessageSize>>;
 type EmotionCssPropertyName = string;
@@ -13,7 +13,7 @@ type MqFunc = (rules: MqRules | {
     mq: MqRules;
     cq: MqRules;
 }) => Record<string, EmotionCssValue | EmotionCssDescription>;
-type ResponsiveValueRules = Record<EmotionCssPropertyName, EmotionCssValue[] | EmotionCssValue | MQ<EmotionCssValue>>;
+type ResponsiveValueRules = Record<EmotionCssPropertyName, EmotionCssValue[] | EmotionCssValue | MQ<EmotionCssValue> | undefined>;
 type ResponsiveValueResult = Record<string, EmotionCssValue | EmotionCssDescription>;
 export declare const mq: MqFunc;
 export declare const useResponsiveStyles: MqFunc;

package/build/cjs/shared/mixins/Button/getPillStyles.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getPillStyles",{enumerable:!0,get:function(){return getPillStyles}});const _getButtonAppearanceReset=require("./getButtonAppearanceReset"),_getDisabledStyles=require("./getDisabledStyles");function getPillStyles({theme,disabled,leftIcon,variant}){let verticalPadding=theme.variables.size.spacing.xs;return{...(0,_getButtonAppearanceReset.getButtonAppearanceReset)(),borderRadius:theme.variables.size.borderRadius.full,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",userSelect:"none",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,border:`2px solid ${theme.values.color.border.secondary.default}`,padding:`${verticalPadding} ${theme.variables.size.spacing.m}`,...!!leftIcon&&{padding:`${verticalPadding} ${theme.variables.size.spacing.m} ${verticalPadding} ${theme.variables.size.spacing.s}`},..."standalone"===variant&&{color:theme.values.color.text.ai.default},...!disabled&&{"&:hover, &:active":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.secondary.hover}},...disabled&&{...(0,_getDisabledStyles.getDisabledStyles)({theme})}}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getPillStyles",{enumerable:!0,get:function(){return getPillStyles}});const _getButtonAppearanceReset=require("./getButtonAppearanceReset"),_getDisabledStyles=require("./getDisabledStyles");function getPillStyles({theme,disabled,leftIcon,variant}){let verticalPadding=theme.variables.size.spacing.xs;return{...(0,_getButtonAppearanceReset.getButtonAppearanceReset)(),borderRadius:theme.variables.size.borderRadius.full,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",userSelect:"none",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,border:`2px solid ${theme.values.color.border.secondary.default}`,padding:`${verticalPadding} ${theme.variables.size.spacing.m}`,...!!leftIcon&&{padding:`${verticalPadding} ${theme.variables.size.spacing.m} ${verticalPadding} ${theme.variables.size.spacing.s}`},..."standalone"===variant&&{color:theme.values.color.text.ai.default},...!disabled&&{"&:hover, &:active":{backgroundColor:theme.values.color.background.secondary.default,borderColor:theme.values.color.border.secondary.hover}},...disabled&&{...(0,_getDisabledStyles.getDisabledStyles)({theme})}}}

package/build/cjs/shared/parseDurationMs.d.ts

@@ -0,0 +1,2 @@
+/** Turns a CSS duration token (`"150ms"`, `"0.3s"`) into the number a timer needs. */
+export declare const parseDurationMs: (duration: string) => number;

package/build/cjs/shared/parseDurationMs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"parseDurationMs",{enumerable:!0,get:function(){return parseDurationMs}});const parseDurationMs=duration=>{let trimmed=duration.trim();return trimmed.endsWith("ms")?parseFloat(trimmed):trimmed.endsWith("s")?1e3*parseFloat(trimmed):parseFloat(trimmed)||0};

package/build/cjs/shared/useAutoPosition.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useAutoPosition",{enumerable:!0,get:function(){return useAutoPosition}});const _react=require("react"),_useWindow=require("./useWindow"),_useDocument=require("./useDocument"),useAutoPosition=({anchorRef,contentRef,isActive,forceVerticalPosition})=>{let[verticalPosition,setVerticalPosition]=(0,_react.useState)("down"),[horizontalPosition,setHorizontalPosition]=(0,_react.useState)("left"),document=(0,_useDocument.useDocument)(),window=(0,_useWindow.useWindow)();return(0,_react.useLayoutEffect)(()=>{if(contentRef)if(isActive){let maxHeight=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0),rect=contentRef.current.getBoundingClientRect(),anchorHeight=anchorRef.current.getBoundingClientRect().height,anchorX=anchorRef.current.getBoundingClientRect().x,screenWidth=window.innerWidth,isUp=rect.top+rect.height>maxHeight,isDown=rect.top-anchorHeight<rect.height;forceVerticalPosition?setVerticalPosition(forceVerticalPosition):isUp?setVerticalPosition("up"):isDown&&setVerticalPosition("down"),anchorX>screenWidth/2?setHorizontalPosition("left"):anchorX<screenWidth/2&&setHorizontalPosition("right")}else setVerticalPosition("down"),setHorizontalPosition("left")},[anchorRef,contentRef,document.documentElement.clientHeight,isActive,window.innerHeight,window.innerWidth,forceVerticalPosition]),[verticalPosition,horizontalPosition]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useAutoPosition",{enumerable:!0,get:function(){return useAutoPosition}});const _react=require("react"),_useWindow=require("./useWindow"),_useDocument=require("./useDocument"),useAutoPosition=({anchorRef,contentRef,isActive,forceVerticalPosition})=>{let[verticalPosition,setVerticalPosition]=(0,_react.useState)("down"),[horizontalPosition,setHorizontalPosition]=(0,_react.useState)("left"),document=(0,_useDocument.useDocument)(),window=(0,_useWindow.useWindow)();return(0,_react.useLayoutEffect)(()=>{if(contentRef)if(isActive){let maxHeight=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0),contentElement=contentRef.current,anchorElement=anchorRef.current;if(!contentElement||!anchorElement)return;let rect=contentElement.getBoundingClientRect(),anchorHeight=anchorElement.getBoundingClientRect().height,anchorX=anchorElement.getBoundingClientRect().x,screenWidth=window.innerWidth,isUp=rect.top+rect.height>maxHeight,isDown=rect.top-anchorHeight<rect.height;forceVerticalPosition?setVerticalPosition(forceVerticalPosition):isUp?setVerticalPosition("up"):isDown&&setVerticalPosition("down"),anchorX>screenWidth/2?setHorizontalPosition("left"):anchorX<screenWidth/2&&setHorizontalPosition("right")}else setVerticalPosition("down"),setHorizontalPosition("left")},[anchorRef,contentRef,document.documentElement.clientHeight,isActive,window.innerHeight,window.innerWidth,forceVerticalPosition]),[verticalPosition,horizontalPosition]};

package/build/cjs/shared/useHover.d.ts

@@ -1,2 +1,2 @@
 import type React from "react";
-export declare function useHover(ref: React.MutableRefObject<any>): boolean;
+export declare function useHover(ref: React.MutableRefObject<any> | false | null | undefined): boolean;

package/build/cjs/shared/useHover.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useHover",{enumerable:!0,get:function(){return useHover}});const _react=require("react");function useHover(ref){let[hovered,setHovered]=(0,_react.useState)(!1),handleMouseEnter=(0,_react.useCallback)(()=>setHovered(!0),[]),handleMouseLeave=(0,_react.useCallback)(()=>setHovered(!1),[]);return((0,_react.useEffect)(()=>{if(!ref)return;let node=ref.current;if(node)return node.addEventListener("mouseenter",handleMouseEnter),node.addEventListener("mouseleave",handleMouseLeave),()=>{node.removeEventListener("mouseenter",handleMouseEnter),node.removeEventListener("mouseleave",handleMouseLeave)}},[ref,handleMouseEnter,handleMouseLeave]),ref)?hovered:null}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useHover",{enumerable:!0,get:function(){return useHover}});const _react=require("react");function useHover(ref){let[hovered,setHovered]=(0,_react.useState)(!1),handleMouseEnter=(0,_react.useCallback)(()=>setHovered(!0),[]),handleMouseLeave=(0,_react.useCallback)(()=>setHovered(!1),[]);return(0,_react.useEffect)(()=>{if(!ref)return;let node=ref.current;if(node)return node.addEventListener("mouseenter",handleMouseEnter),node.addEventListener("mouseleave",handleMouseLeave),()=>{node.removeEventListener("mouseenter",handleMouseEnter),node.removeEventListener("mouseleave",handleMouseLeave)}},[ref,handleMouseEnter,handleMouseLeave]),!!ref&&hovered}

package/build/cjs/shared/useOutsideClickDeactivatesWithinPortal.d.ts

@@ -1,5 +1,5 @@
 export type OutsideClickDeactivatesWithinPortalOptions = {
-    portalContainerElement: Element;
+    portalContainerElement: Element | null;
     outerRef: {
         current: HTMLElement | null;
     } | undefined;

package/build/cjs/shared/useOutsideClickDeactivatesWithinPortal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useOutsideClickDeactivatesWithinPortal",{enumerable:!0,get:function(){return useOutsideClickDeactivatesWithinPortal}});const _react=require("react"),useOutsideClickDeactivatesWithinPortal=({portalContainerElement,outerRef,isDismissible})=>(0,_react.useCallback)(evt=>(!portalContainerElement.contains(evt.target)||evt.target===outerRef?.current)&&isDismissible,[portalContainerElement,outerRef,isDismissible]);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useOutsideClickDeactivatesWithinPortal",{enumerable:!0,get:function(){return useOutsideClickDeactivatesWithinPortal}});const _react=require("react"),useOutsideClickDeactivatesWithinPortal=({portalContainerElement,outerRef,isDismissible})=>(0,_react.useCallback)(evt=>(!portalContainerElement?.contains(evt.target)||evt.target===outerRef?.current)&&isDismissible,[portalContainerElement,outerRef,isDismissible]);

package/build/cjs/web-tokens/_colors.json

@@ -4,9 +4,9 @@
             "name": "1",
             "subState": "",
             "darkValue": "0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",
-            "darkOriginalValue": "07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0",
+            "darkOriginalValue": "0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",
             "lightValue": "0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",
-            "lightOriginalValue": "3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0"
+            "lightOriginalValue": "0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)"
         }
     },
     "2": {
@@ -14,9 +14,9 @@
             "name": "2",
             "subState": "",
             "darkValue": "0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",
-            "darkOriginalValue": "12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0",
+            "darkOriginalValue": "0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",
             "lightValue": "0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",
-            "lightOriginalValue": "12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0"
+            "lightOriginalValue": "0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)"
         }
     },
     "3": {
@@ -24,9 +24,9 @@
             "name": "3",
             "subState": "",
             "darkValue": "0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",
-            "darkOriginalValue": "20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0",
+            "darkOriginalValue": "0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",
             "lightValue": "0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",
-            "lightOriginalValue": "5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0"
+            "lightOriginalValue": "0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)"
         }
     },
     "4": {
@@ -34,9 +34,9 @@
             "name": "4",
             "subState": "",
             "darkValue": "0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",
-            "darkOriginalValue": "24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0",
+            "darkOriginalValue": "0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",
             "lightValue": "0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)",
-            "lightOriginalValue": "12), 0px 32px 112px rgba(0, 0, 0, 0"
+            "lightOriginalValue": "0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"
         }
     },
     "badge": {
@@ -2275,9 +2275,9 @@
             "name": "default-ring",
             "subState": "",
             "darkValue": "0px 0px 0px 4px rgba(123, 142, 157, 0.10)",
-            "darkOriginalValue": "",
+            "darkOriginalValue": "0px 0px 0px 4px rgba(123, 142, 157, 0.10)",
             "lightValue": "0px 0px 0px 4px rgba(123, 142, 157, 0.10)",
-            "lightOriginalValue": ""
+            "lightOriginalValue": "0px 0px 0px 4px rgba(123, 142, 157, 0.10)"
         }
     },
     "focus-ring": {
@@ -2285,9 +2285,9 @@
             "name": "focus-ring",
             "subState": "",
             "darkValue": "0px 0px 0px 4px rgba(4, 122, 136, 0.25)",
-            "darkOriginalValue": "",
+            "darkOriginalValue": "0px 0px 0px 4px rgba(4, 122, 136, 0.25)",
             "lightValue": "0px 0px 0px 4px rgba(4, 122, 136, 0.25)",
-            "lightOriginalValue": ""
+            "lightOriginalValue": "0px 0px 0px 4px rgba(4, 122, 136, 0.25)"
         }
     }
 }