@amboss/design-system 4.9.4 → 4.11.0

package/build/cjs/components/MediaItem/MediaItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get MediaItem(){return MediaItem},get getMediaSize(){return getMediaSize},get mediaSize(){return mediaSize}};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")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_Icon=require("../Icon/Icon"),_Stack=require("../Stack/Stack"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Inline=require("../Inline/Inline"),_Image=require("../Image/Image"),_ContentText=require("../Content/ContentText/ContentText"),mediaSize={xs:80,s:88,m:110,l:128,xl:204},getMediaSize=size=>size?mediaSize[size]:void 0,StyledTextClamped=(0,_styled.default)(_TextClamped.TextClamped,{target:"e1oxgvtl0",label:"StyledTextClamped"})(),StyledMedia=(0,_styled.default)("div",{target:"e1oxgvtl1",label:"StyledMedia"})(({squareByWidth,srcError})=>({height:"100%",...squareByWidth&&{position:"absolute",left:0,bottom:0,top:0,right:0},...srcError&&{display:"flex",alignItems:"center",justifyContent:"center"}})),StyledOverlay=(0,_styled.default)("div",{target:"e1oxgvtl2",label:"StyledOverlay"})(()=>({position:"absolute",left:0,bottom:0,top:0,right:0})),StyledButton=(0,_styled.default)("button",{target:"e1oxgvtl3",label:"StyledButton"})(({theme,size,width,isActive})=>({padding:0,backgroundColor:theme.values.color.background.transparent.default,border:"none",cursor:"pointer",borderRadius:theme.variables.size.borderRadius.s,width:getMediaSize(size)||width||"100%",outlineOffset:"1px",outline:`solid 2px ${theme.values.color.background.transparent.default}`,transition:"all 0.3s ease",[`&:hover ${StyledTextClamped}, &:active ${StyledTextClamped}`]:{color:theme.values.color.text.primary.default},[`&:hover ${StyledOverlay}`]:{backgroundColor:theme.values.color.mediaItem.overlay.hover},[`&:active ${StyledOverlay}`]:{backgroundColor:theme.values.color.mediaItem.overlay.active},...!isActive&&{"&:focus-visible":{outlineWidth:"2px",outlineStyle:"solid",outlineColor:"Highlight"},"@media (-webkit-min-device-pixel-ratio:0)":{"&:focus-visible":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"auto"}}},...isActive&&{outlineColor:theme.values.color.border.secondary.active}})),StyledMediaContainer=(0,_styled.default)("div",{target:"e1oxgvtl4",label:"StyledMediaContainer"})(({theme,size,height,backgroundColor,squareByWidth,srcError})=>({overflow:"hidden",border:"1px solid",borderColor:theme.values.color.border.secondary.default,borderRadius:theme.variables.size.borderRadius.s,position:"relative",backgroundClip:"padding-box",backgroundColor:theme.values.color.mediaItem.background[backgroundColor],height:getMediaSize(size)||height||"auto",...squareByWidth&&{paddingTop:"calc(100% - 2px)",height:"auto"},...srcError&&{backgroundColor:theme.values.color.background.transparent.active}})),StyledIconContainer=(0,_styled.default)("div",{target:"e1oxgvtl5",label:"StyledIconContainer"})(({theme})=>({position:"absolute",left:theme.variables.size.spacing.xxs,bottom:theme.variables.size.spacing.xxs,overflow:"hidden",borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.mediaItem.categoryIcon.background.default,padding:theme.variables.size.spacing.xxs,color:theme.values.color.text.onAccent.default})),MediaItem=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({"data-e2e-test-id":dataE2eTestId,as,src,title,showTitle=!0,fit="cover",categoryIcon,categoryLabel,categoryPlacement="outside",size,width,height,backgroundColor="transparent",hyphens="none",squareByWidth=!1,isActive,...rest},ref)=>{let[srcError,setSrcError]=(0,_react.useState)(!1),showCategoryOver=categoryIcon&&(!size&&"inside"===categoryPlacement||"xs"===size||"s"===size||"m"===size),showCategoryUnder=categoryIcon&&categoryLabel&&(!size&&"outside"===categoryPlacement||"l"===size||"xl"===size),textSize=size&&["xs","s","m"].includes(size)?"xs":"s",noVisibleText=!showTitle&&!showCategoryUnder;return _react.default.createElement(StyledButton,{"data-ds-id":"MediaItem","data-e2e-test-id":dataE2eTestId,as:as,ref:ref,size:size,width:width,isActive:isActive,...rest,"aria-label":noVisibleText?title:void 0},_react.default.createElement(_Stack.Stack,{space:"xs"},_react.default.createElement(StyledMediaContainer,{size:size,height:height,backgroundColor:backgroundColor,squareByWidth:squareByWidth,srcError:srcError},_react.default.createElement(StyledMedia,{squareByWidth:squareByWidth,srcError:srcError},srcError?_react.default.createElement(_Icon.Icon,{name:"image-broken",color:"tertiary"}):_react.default.createElement(_Image.Image,{src:src,fit:fit,title:title,alt:title,width:"100%",height:"100%","aria-hidden":"true",onError:()=>{setSrcError(!0)}})),_react.default.createElement(StyledOverlay,null),showCategoryOver&&_react.default.createElement(StyledIconContainer,null,_react.default.createElement(_Icon.Icon,{name:categoryIcon,size:"s",color:"inherit"}))),(showCategoryUnder||showTitle)&&_react.default.createElement(_Stack.Stack,{space:"xxs"},showCategoryUnder&&_react.default.createElement(_Inline.Inline,{space:"xxs",vAlignItems:"center"},_react.default.createElement(_Icon.Icon,{name:categoryIcon,color:"quaternary",size:"s"}),_react.default.createElement(_ContentText.ContentText,{color:"tertiary",size:"xs",transform:"uppercase",weight:"bold"},categoryLabel)),showTitle&&_react.default.createElement(StyledTextClamped,{size:textSize,color:"secondary",lines:3,hyphens:hyphens,overflowWrap:"break-word"},title))))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get MediaItem(){return MediaItem},get getMediaSize(){return getMediaSize},get mediaSize(){return mediaSize}};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")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_Icon=require("../Icon/Icon"),_Stack=require("../Stack/Stack"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Inline=require("../Inline/Inline"),_Image=require("../Image/Image"),_ContentText=require("../Content/ContentText/ContentText"),mediaSize={xs:80,s:88,m:110,l:128,xl:204},getMediaSize=size=>size?mediaSize[size]:void 0,StyledTextClamped=(0,_styled.default)(_TextClamped.TextClamped,{target:"e1qdsh6b0",label:"StyledTextClamped"})(),StyledMedia=(0,_styled.default)("div",{target:"e1qdsh6b1",label:"StyledMedia"})(({squareByWidth,srcError})=>({height:"100%",...squareByWidth&&{position:"absolute",left:0,bottom:0,top:0,right:0},...srcError&&{display:"flex",alignItems:"center",justifyContent:"center"}})),StyledOverlay=(0,_styled.default)("div",{target:"e1qdsh6b2",label:"StyledOverlay"})(()=>({position:"absolute",left:0,bottom:0,top:0,right:0})),StyledButton=(0,_styled.default)("button",{target:"e1qdsh6b3",label:"StyledButton"})(({theme,size,width,isActive})=>({padding:0,backgroundColor:theme.values.color.background.transparent.default,border:"none",cursor:"pointer",borderRadius:theme.variables.size.borderRadius.s,width:getMediaSize(size)||width||"100%",outlineOffset:"1px",outline:`solid 2px ${theme.values.color.background.transparent.default}`,transition:"all 0.3s ease",[`&:hover ${StyledTextClamped}, &:active ${StyledTextClamped}`]:{color:theme.values.color.text.primary.default},[`&:hover ${StyledOverlay}`]:{backgroundColor:theme.values.color.mediaItem.overlay.hover},[`&:active ${StyledOverlay}`]:{backgroundColor:theme.values.color.mediaItem.overlay.active},...!isActive&&{"&:focus-visible":{outlineWidth:"2px",outlineStyle:"solid",outlineColor:"Highlight"},"@media (-webkit-min-device-pixel-ratio:0)":{"&:focus-visible":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"auto"}}},...isActive&&{outlineColor:theme.values.color.border.secondary.active}})),StyledMediaContainer=(0,_styled.default)("div",{target:"e1qdsh6b4",label:"StyledMediaContainer"})(({theme,size,height,backgroundColor,squareByWidth,srcError})=>({overflow:"hidden",border:"1px solid",borderColor:theme.values.color.border.secondary.default,borderRadius:theme.variables.size.borderRadius.s,position:"relative",backgroundClip:"padding-box",backgroundColor:theme.values.color.mediaItem.background[backgroundColor],height:getMediaSize(size)||height||"auto",...squareByWidth&&{paddingTop:"calc(100% - 2px)",height:"auto"},...srcError&&{backgroundColor:theme.values.color.background.transparent.active}})),StyledIconContainer=(0,_styled.default)("div",{target:"e1qdsh6b5",label:"StyledIconContainer"})(({theme})=>({position:"absolute",left:theme.variables.size.spacing.xxs,bottom:theme.variables.size.spacing.xxs,overflow:"hidden",borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.mediaItem.categoryIcon.background.default,padding:theme.variables.size.spacing.xxs,color:theme.values.color.text.onAccent.default})),MediaItem=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({"data-e2e-test-id":dataE2eTestId,as,src,title,showTitle=!0,fit="cover",categoryIcon,categoryLabel,categoryPlacement="outside",size,width,height,backgroundColor="transparent",hyphens="none",squareByWidth=!1,isActive,...rest},ref)=>{let[srcError,setSrcError]=(0,_react.useState)(!1),showCategoryOver=categoryIcon&&(!size&&"inside"===categoryPlacement||"xs"===size||"s"===size||"m"===size),showCategoryUnder=categoryIcon&&categoryLabel&&(!size&&"outside"===categoryPlacement||"l"===size||"xl"===size),textSize=size&&["xs","s","m"].includes(size)?"xs":"s",noVisibleText=!showTitle&&!showCategoryUnder;return _react.default.createElement(StyledButton,{"data-ds-id":"MediaItem","data-e2e-test-id":dataE2eTestId,as:as,ref:ref,size:size,width:width,isActive:isActive,...rest,"aria-label":noVisibleText?title:void 0},_react.default.createElement(_Stack.Stack,{space:"xs"},_react.default.createElement(StyledMediaContainer,{size:size,height:height,backgroundColor:backgroundColor,squareByWidth:squareByWidth,srcError:srcError},_react.default.createElement(StyledMedia,{squareByWidth:squareByWidth,srcError:srcError},srcError?_react.default.createElement(_Icon.Icon,{name:"image-broken",color:"tertiary"}):_react.default.createElement(_Image.Image,{src:src,fit:fit,title:title,alt:title,width:"100%",height:"100%","aria-hidden":"true",onError:()=>{setSrcError(!0)}})),_react.default.createElement(StyledOverlay,null),showCategoryOver&&_react.default.createElement(StyledIconContainer,null,_react.default.createElement(_Icon.Icon,{name:categoryIcon,size:"s",color:"inherit"}))),(showCategoryUnder||showTitle)&&_react.default.createElement(_Stack.Stack,{space:"xxs"},showCategoryUnder&&_react.default.createElement(_Inline.Inline,{space:"xxs",vAlignItems:"center"},_react.default.createElement(_Icon.Icon,{name:categoryIcon,color:"quaternary",size:"s"}),_react.default.createElement(_ContentText.ContentText,{color:"tertiary",size:"xs",transform:"uppercase",weight:"bold"},categoryLabel)),showTitle&&_react.default.createElement(StyledTextClamped,{size:textSize,color:"secondary",lines:3,hyphens:hyphens,overflowWrap:"break-word"},title))))});

package/build/cjs/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaCarousel",{enumerable:!0,get:function(){return MediaCarousel}});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")),_Button=require("../../Button/Button"),_Icon=require("../../Icon/Icon"),_Inline=require("../../Inline/Inline"),_useIsScrollable=require("../useIsScrollable"),_CarouselThumbnail=require("../CarouselThumbnail/CarouselThumbnail"),StyledWrapper=(0,_styled.default)("div",{target:"e1fy04om0",label:"StyledWrapper"})(({showNavButtons})=>({width:"100%",...showNavButtons?{padding:"0 40px"}:{padding:"0 8px"}})),StyledButtonWrapper=(0,_styled.default)("div",{target:"e1fy04om1",label:"StyledButtonWrapper"})(({alignRight=!1,isScrollable,theme})=>({position:"absolute",top:"0",bottom:"0",left:alignRight?"auto":"0",right:alignRight?"0":"auto",height:"100%",width:40,display:"flex",boxShadow:isScrollable?theme.values.elevation[1]:"none",zIndex:1,button:{width:40}})),StyledOuterContainer=(0,_styled.default)("div",{target:"e1fy04om2",label:"StyledOuterContainer"})(({theme})=>({position:"relative",display:"flex",flexWrap:"nowrap",justifyContent:"center",overflowX:"auto",overflowY:"hidden",paddingTop:theme.variables.size.spacing.xxs,scrollBehavior:"smooth",width:"100%",scrollbarWidth:"auto",scrollbarColor:`${theme.values.color.tag.background.gray} ${theme.values.color.background.transparent.active}`,"::-webkit-scrollbar":{height:"8px"},"::-webkit-scrollbar-thumb":{background:theme.values.color.tag.background.gray},"::-webkit-scrollbar-track":{background:theme.values.color.background.transparent.active}})),StyledInnerContainer=(0,_styled.default)("div",{target:"e1fy04om3",label:"StyledInnerContainer"})({display:"flex",flexWrap:"nowrap",maxWidth:"100%"}),MediaCarousel=({activeItemRef,currentIndex,mediaAssets,nextBtnAriaLabel,onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel,setIsReady,showNavButtons,skipArrowKeysListener,...ariaAttributes})=>{let thumbnailCount=mediaAssets.length,scrollContainerRef=(0,_react.useRef)(null),innerContainerRef=(0,_react.useRef)(null),isScrollable=(0,_useIsScrollable.useIsScrollable)(scrollContainerRef,innerContainerRef),currentIndexRef=(0,_react.useRef)(currentIndex);(0,_react.useEffect)(()=>{currentIndexRef.current=currentIndex},[currentIndex]),(0,_react.useEffect)(()=>{activeItemRef?.current&&scrollContainerRef.current&&innerContainerRef.current&&setIsReady(()=>!0)},[activeItemRef,scrollContainerRef,innerContainerRef,setIsReady]);let handleClickNext=()=>{if(currentIndexRef.current!==thumbnailCount-1&&(onClickNext(),isScrollable&&scrollContainerRef.current&&activeItemRef?.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:itemWidth,behavior:"smooth"})}},handleClickPrevious=()=>{if(!(currentIndexRef.current<=0)&&(onClickPrevious(),isScrollable&&scrollContainerRef.current&&activeItemRef?.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:-itemWidth,behavior:"smooth"})}};return(0,_react.useEffect)(()=>{if(skipArrowKeysListener)return;let currentRef=scrollContainerRef.current;if(currentRef)return currentRef.addEventListener("keydown",listener),()=>{currentRef.removeEventListener("keydown",listener)};function listener(event){"ArrowRight"===event.key&&handleClickNext(),"ArrowLeft"===event.key&&handleClickPrevious()}},[scrollContainerRef]),_react.default.createElement(StyledWrapper,{showNavButtons:showNavButtons},showNavButtons&&_react.default.createElement(StyledButtonWrapper,{isScrollable:isScrollable},_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickPrevious,disabled:0===currentIndex,size:"s","aria-label":prevBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-left",color:"secondary"}))),_react.default.createElement(StyledOuterContainer,{ref:scrollContainerRef,"aria-label":"thumbnails scrollable container",...ariaAttributes},_react.default.createElement(StyledInnerContainer,{ref:innerContainerRef},_react.default.createElement(_Inline.Inline,{noWrap:!0,space:"xxxs"},mediaAssets.map(({src,title,bottomLeftIconName,topLeftIconName,xid},index)=>_react.default.createElement(_CarouselThumbnail.CarouselThumbnail,{key:`carousel-item-${xid}`,assetIndex:index,isActive:index===currentIndex,ref:index===currentIndex?activeItemRef:null,src:src,title:title,topLeftIconName:topLeftIconName,bottomLeftIconName:bottomLeftIconName,onClickThumbnail:onClickThumbnail}))))),showNavButtons&&_react.default.createElement(StyledButtonWrapper,{alignRight:!0,isScrollable:isScrollable},_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickNext,disabled:currentIndex===thumbnailCount-1,size:"s","aria-label":nextBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-right",color:"secondary"}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaCarousel",{enumerable:!0,get:function(){return MediaCarousel}});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")),_Button=require("../../Button/Button"),_Icon=require("../../Icon/Icon"),_Inline=require("../../Inline/Inline"),_useIsScrollable=require("../useIsScrollable"),_CarouselThumbnail=require("../CarouselThumbnail/CarouselThumbnail"),StyledWrapper=(0,_styled.default)("div",{target:"e1b6s88e0",label:"StyledWrapper"})(({showNavButtons})=>({width:"100%",...showNavButtons?{padding:"0 40px"}:{padding:"0 8px"}})),StyledButtonWrapper=(0,_styled.default)("div",{target:"e1b6s88e1",label:"StyledButtonWrapper"})(({alignRight=!1,isScrollable,theme})=>({position:"absolute",top:"0",bottom:"0",left:alignRight?"auto":"0",right:alignRight?"0":"auto",height:"100%",width:40,display:"flex",boxShadow:isScrollable?theme.values.elevation[1]:"none",zIndex:1,button:{width:40}})),StyledOuterContainer=(0,_styled.default)("div",{target:"e1b6s88e2",label:"StyledOuterContainer"})(({theme})=>({position:"relative",display:"flex",flexWrap:"nowrap",justifyContent:"center",overflowX:"auto",overflowY:"hidden",paddingTop:theme.variables.size.spacing.xxs,scrollBehavior:"smooth",width:"100%",scrollbarWidth:"auto",scrollbarColor:`${theme.values.color.tag.background.gray} ${theme.values.color.background.transparent.active}`,"::-webkit-scrollbar":{height:"8px"},"::-webkit-scrollbar-thumb":{background:theme.values.color.tag.background.gray},"::-webkit-scrollbar-track":{background:theme.values.color.background.transparent.active}})),StyledInnerContainer=(0,_styled.default)("div",{target:"e1b6s88e3",label:"StyledInnerContainer"})({display:"flex",flexWrap:"nowrap",maxWidth:"100%"}),MediaCarousel=({activeItemRef,currentIndex,mediaAssets,nextBtnAriaLabel,onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel,setIsReady,showNavButtons,skipArrowKeysListener,...ariaAttributes})=>{let thumbnailCount=mediaAssets.length,scrollContainerRef=(0,_react.useRef)(null),innerContainerRef=(0,_react.useRef)(null),isScrollable=(0,_useIsScrollable.useIsScrollable)(scrollContainerRef,innerContainerRef),currentIndexRef=(0,_react.useRef)(currentIndex);(0,_react.useEffect)(()=>{currentIndexRef.current=currentIndex},[currentIndex]),(0,_react.useEffect)(()=>{activeItemRef?.current&&scrollContainerRef.current&&innerContainerRef.current&&setIsReady(()=>!0)},[activeItemRef,scrollContainerRef,innerContainerRef,setIsReady]);let handleClickNext=()=>{if(currentIndexRef.current!==thumbnailCount-1&&(onClickNext(),isScrollable&&scrollContainerRef.current&&activeItemRef?.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:itemWidth,behavior:"smooth"})}},handleClickPrevious=()=>{if(!(currentIndexRef.current<=0)&&(onClickPrevious(),isScrollable&&scrollContainerRef.current&&activeItemRef?.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:-itemWidth,behavior:"smooth"})}};return(0,_react.useEffect)(()=>{if(skipArrowKeysListener)return;let currentRef=scrollContainerRef.current;if(currentRef)return currentRef.addEventListener("keydown",listener),()=>{currentRef.removeEventListener("keydown",listener)};function listener(event){"ArrowRight"===event.key&&handleClickNext(),"ArrowLeft"===event.key&&handleClickPrevious()}},[scrollContainerRef]),_react.default.createElement(StyledWrapper,{showNavButtons:showNavButtons},showNavButtons&&_react.default.createElement(StyledButtonWrapper,{isScrollable:isScrollable},_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickPrevious,disabled:0===currentIndex,size:"s","aria-label":prevBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-left",color:"secondary"}))),_react.default.createElement(StyledOuterContainer,{ref:scrollContainerRef,"aria-label":"thumbnails scrollable container",...ariaAttributes},_react.default.createElement(StyledInnerContainer,{ref:innerContainerRef},_react.default.createElement(_Inline.Inline,{noWrap:!0,space:"xxxs"},mediaAssets.map(({src,title,bottomLeftIconName,topLeftIconName,xid},index)=>_react.default.createElement(_CarouselThumbnail.CarouselThumbnail,{key:`carousel-item-${xid}`,assetIndex:index,isActive:index===currentIndex,ref:index===currentIndex?activeItemRef:null,src:src,title:title,topLeftIconName:topLeftIconName,bottomLeftIconName:bottomLeftIconName,onClickThumbnail:onClickThumbnail}))))),showNavButtons&&_react.default.createElement(StyledButtonWrapper,{alignRight:!0,isScrollable:isScrollable},_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickNext,disabled:currentIndex===thumbnailCount-1,size:"s","aria-label":nextBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-right",color:"secondary"}))))};

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

@@ -1,5 +1,11 @@
 import React from "react";
+import { NavBarSubMenuContainer } from "./NavBarSubMenuContainer";
+import { NavBarDropdownTriggerButton } from "./NavBarDropdownTriggerButton";
+import { NavBarSearchInput } from "./NavBarSearchInput";
 import { NavBarOverlayBar } from "./NavBarOverlayBar";
+import { PrimaryNavContainer, PrimaryNav } from "./NavBarPrimaryNav";
+import { PrimaryNavLinkItem } from "./NavBarPrimaryNavLinkItem";
+import { SecondaryNav } from "./NavBarSecondaryNav";
 import { NavBarName } from "./types";
 type NavBarProps = React.PropsWithChildren<{
     subTheme: NavBarName;
@@ -7,23 +13,13 @@ type NavBarProps = React.PropsWithChildren<{
 }>;
 export declare function NavBar({ children, subTheme, isCompact, }: NavBarProps): React.ReactElement;
 export declare namespace NavBar {
-    var PrimaryNavContainer: typeof import("./NavBarPrimaryNav").PrimaryNavContainer;
-    var PrimaryNav: typeof import("./NavBarPrimaryNav").PrimaryNav;
-    var PrimaryNavItem: React.ForwardRefExoticComponent<{
-        label: string;
-        isActive?: boolean;
-        as?: React.ElementType;
-        to?: string;
-    } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & React.RefAttributes<HTMLAnchorElement>>;
-    var SubMenuContainer: React.ForwardRefExoticComponent<{
-        "data-e2e-test-id"?: string;
-        children: React.ReactNode;
-    } & React.RefAttributes<HTMLDivElement>>;
-    var OverlayBar: typeof NavBarOverlayBar;
-    var SecondaryNav: typeof import("./NavBarSecondaryNav").SecondaryNav;
-    var DropdownTriggerButton: React.ForwardRefExoticComponent<Pick<import("../..").ButtonProps, "onFocus" | "onBlur" | "onClick" | "disabled"> & {
-        children?: React.ReactNode | undefined;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    var SearchInput: React.ForwardRefExoticComponent<import("./NavBarSearchInput").NavBarSearchInputProps & React.RefAttributes<HTMLButtonElement>>;
+    export { PrimaryNavContainer };
+    export { PrimaryNav };
+    export { PrimaryNavLinkItem as PrimaryNavItem };
+    export { NavBarSubMenuContainer as SubMenuContainer };
+    export { NavBarOverlayBar as OverlayBar };
+    export { SecondaryNav };
+    export { NavBarDropdownTriggerButton as DropdownTriggerButton };
+    export { NavBarSearchInput as SearchInput };
 }
 export {};

package/build/cjs/components/NavBar/NavBarContext.d.ts

@@ -6,6 +6,6 @@ type NavBarContextValue = {
     primaryNavRef: RefObject<HTMLElement>;
     secondaryNavRef: RefObject<HTMLElement>;
 };
-export declare const NavBarContext: React.Context<NavBarContextValue>;
+export declare const NavBarContext: import("react").Context<NavBarContextValue>;
 export declare function useNavBarContext(): NavBarContextValue;
 export {};

package/build/cjs/components/NavBar/NavBarDropdownTriggerButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import type { ButtonProps } from "../Button/Button";
-export declare const NavBarDropdownTriggerButton: React.ForwardRefExoticComponent<Pick<ButtonProps, "onFocus" | "onBlur" | "onClick" | "disabled"> & {
+export declare const NavBarDropdownTriggerButton: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "onBlur" | "onClick" | "onFocus"> & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;

package/build/cjs/components/Notification/Notification.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Notification",{enumerable:!0,get:function(){return Notification}});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")),_Card=require("../Card/Card"),_Box=require("../Box/Box"),_Columns=require("../Column/Columns"),_Button=require("../Button/Button"),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text/Text"),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_SubThemeContext=require("../SubThemeProvider/SubThemeContext"),StyledExpandingContainer=(0,_styled.default)("div",{target:"elxowvq0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${200*!!isDismissed}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`})),StyledContainer=(0,_styled.default)("div",{target:"elxowvq1",label:"StyledContainer"})(()=>({overflow:"hidden"})),DEFAULT_ICONS_BY_TYPE={info:"info",success:"check-circle",error:"alert-triangle"};function Notification({type,text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,closeButtonAriaLabel="Dismiss notification","data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let[isExpanded,setIsExpanded]=(0,_react.useState)(!1),[isDismissed,setIsDismissed]=(0,_react.useState)(!1),subTheme=(0,_react.useContext)(_SubThemeContext.SubThemeContext),subThemeName=subTheme&&Object.keys(DEFAULT_ICONS_BY_TYPE).includes(subTheme)?type??subTheme:type??"info",iconName=void 0===icon?DEFAULT_ICONS_BY_TYPE[subThemeName]:icon;return isDismissed?null:_react.default.createElement(StyledContainer,{"data-ds-id":"Notification",...ariaAttributes,role:"alert"},_react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:subThemeName},_react.default.createElement(StyledExpandingContainer,{isDismissed:isDismissed},_react.default.createElement(_Card.Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Box.Box,{space:"s",...adjustForSideNavToggle?{lSpace:["s","l"]}:{}},_react.default.createElement(_Columns.Columns,{gap:"s",vAlignItems:"top"},iconName&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},_react.default.createElement(_Icon.Icon,{"aria-label":subThemeName,role:"img",name:iconName,color:"primary","data-testid":"icon"}))),_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},_react.default.createElement(_Text.Text,null,text)))," ",(callToActionLabel||expandable)&&_react.default.createElement(_Columns.Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Button.Button,{"aria-label":closeButtonAriaLabel,leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),onClickDismiss&&setTimeout(onClickDismiss,200)}}))),isExpanded&&children)))))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Notification",{enumerable:!0,get:function(){return Notification}});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")),_Card=require("../Card/Card"),_Box=require("../Box/Box"),_Columns=require("../Column/Columns"),_Button=require("../Button/Button"),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text/Text"),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_SubThemeContext=require("../SubThemeProvider/SubThemeContext"),StyledExpandingContainer=(0,_styled.default)("div",{target:"e1xq3yqd0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${200*!!isDismissed}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`})),StyledContainer=(0,_styled.default)("div",{target:"e1xq3yqd1",label:"StyledContainer"})(()=>({overflow:"hidden"})),DEFAULT_ICONS_BY_TYPE={info:"info",success:"check-circle",error:"alert-triangle"};function Notification({type,text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,closeButtonAriaLabel="Dismiss notification","data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let[isExpanded,setIsExpanded]=(0,_react.useState)(!1),[isDismissed,setIsDismissed]=(0,_react.useState)(!1),subTheme=(0,_react.useContext)(_SubThemeContext.SubThemeContext),subThemeName=subTheme&&Object.keys(DEFAULT_ICONS_BY_TYPE).includes(subTheme)?type??subTheme:type??"info",iconName=void 0===icon?DEFAULT_ICONS_BY_TYPE[subThemeName]:icon;return isDismissed?null:_react.default.createElement(StyledContainer,{"data-ds-id":"Notification",...ariaAttributes,role:"alert"},_react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:subThemeName},_react.default.createElement(StyledExpandingContainer,{isDismissed:isDismissed},_react.default.createElement(_Card.Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Box.Box,{space:"s",...adjustForSideNavToggle?{lSpace:["s","l"]}:{}},_react.default.createElement(_Columns.Columns,{gap:"s",vAlignItems:"top"},iconName&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},_react.default.createElement(_Icon.Icon,{"aria-label":subThemeName,role:"img",name:iconName,color:"primary","data-testid":"icon"}))),_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},_react.default.createElement(_Text.Text,null,text)))," ",(callToActionLabel||expandable)&&_react.default.createElement(_Columns.Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Button.Button,{"aria-label":closeButtonAriaLabel,leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),onClickDismiss&&setTimeout(onClickDismiss,200)}}))),isExpanded&&children)))))}

package/build/cjs/components/Patterns/Dialog/DialogContext.d.ts

@@ -1 +1 @@
-export declare const DialogContext: React.Context<boolean>;
+export declare const DialogContext: import("react").Context<boolean>;

package/build/cjs/components/Patterns/EmptyState/EmptyState.d.ts

@@ -20,8 +20,8 @@ export type EmptyStateProps = {
 };
 export declare function EmptyState({ title, titleAs, description, variant, icon, children, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EmptyStateProps): React.ReactElement;
 export declare namespace EmptyState {
-    var ButtonGroup: typeof EmptyStateButtonGroup;
-    var Link: typeof EmptyStateLink;
+    export { EmptyStateButtonGroup as ButtonGroup };
+    export { EmptyStateLink as Link };
 }
 declare function EmptyStateButtonGroup<C extends React.ElementType = "button">({ ...rest }: Omit<ButtonGroupProps<C>, "buttonSize">): React.ReactElement;
 declare function EmptyStateLink({ children, ...rest }: Omit<LinkProps, "size" | "color" | "weight"> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {

package/build/cjs/components/Patterns/Modal/Modal.d.ts

@@ -102,9 +102,11 @@ type ImageProps = {
     ImageComponent: React.ElementType<any>;
 };
 export type ModalProps = BaseProps & ConditionalRoleProps & LabelProps & ImageProps & Pick<PortalProps, "portalContainer">;
+declare const ModalStack: ({ children, ...rest }: Omit<StackProps, "space">) => React.JSX.Element;
+declare const ModalText: ({ children, ...rest }: Omit<TextProps, "size" | "variant">) => React.JSX.Element;
 export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal, height, zeroPadding, tabbableOptions }, portalContainer, closeButtonAriaLabel, "data-e2e-test-id": dataE2eTestId, imageAlt, initialFocus, ...ariaAttributes }: ModalProps): React.ReactElement;
 export declare namespace Modal {
-    var Stack: ({ children, ...rest }: Omit<StackProps, "space">) => React.JSX.Element;
-    var Text: ({ children, ...rest }: Omit<TextProps, "size" | "variant">) => React.JSX.Element;
+    export { ModalStack as Stack };
+    export { ModalText as Text };
 }
 export {};

package/build/cjs/components/Patterns/Popover/PopoverContext.d.ts

@@ -6,4 +6,4 @@ export type PopoverContextValue = {
      */
     portalContainer?: HTMLElement | null;
 };
-export declare const PopoverContext: React.Context<PopoverContextValue>;
+export declare const PopoverContext: import("react").Context<PopoverContextValue>;

package/build/cjs/components/PictogramButton/PictogramButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PictogramButton",{enumerable:!0,get:function(){return PictogramButton}});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")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Tooltip=require("../Tooltip/Tooltip"),StyledPictogramButton=(0,_styled.default)("button",{target:"e1n1i57a0",label:"StyledPictogramButton"})(({theme,variant,size,squareCorners,disabled})=>{let basePadding="xs"===size?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:basePadding,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."secondary"===variant&&{border:"1px solid",borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.default,padding:parseInt(basePadding,10)-1,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{color:theme.values.color.icon.primary.default,borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.primary.active,backgroundColor:theme.values.color.background.transparent.active}}},..."tertiary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.primary.default,backgroundColor:theme.values.color.background.transparent.active}}},..."quaternary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.tertiary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.secondary.default,backgroundColor:theme.values.color.background.transparent.active}}},...squareCorners&&{borderRadius:"0"}}}),PictogramButton=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({ariaAttributes,type="button",size="xs",variant="tertiary",disabled=!1,onClick,onFocus,onBlur,"data-e2e-test-id":dataE2eTestId,as,icon,label,squareCorners=!1,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),ariaLabelProp=label||ariaAttributes?.["aria-label"]?{"aria-label":ariaAttributes?.["aria-label"]||label}:{},pictogramContent=_react.default.createElement(StyledPictogramButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PictogramButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type??void 0,variant:variant,size:size,squareCorners:squareCorners,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...mergedAriaAttributes,...ariaLabelProp,...rest},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"m"===size?"m":"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})));return label?_react.default.createElement(_Tooltip.Tooltip,{content:label},pictogramContent):pictogramContent});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PictogramButton",{enumerable:!0,get:function(){return PictogramButton}});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")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Tooltip=require("../Tooltip/Tooltip"),StyledPictogramButton=(0,_styled.default)("button",{target:"e1416abl0",label:"StyledPictogramButton"})(({theme,variant,size,squareCorners,disabled})=>{let basePadding="xs"===size?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:basePadding,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."secondary"===variant&&{border:"1px solid",borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.default,padding:parseInt(basePadding,10)-1,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{color:theme.values.color.icon.primary.default,borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.primary.active,backgroundColor:theme.values.color.background.transparent.active}}},..."tertiary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.primary.default,backgroundColor:theme.values.color.background.transparent.active}}},..."quaternary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.tertiary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.secondary.default,backgroundColor:theme.values.color.background.transparent.active}}},...squareCorners&&{borderRadius:"0"}}}),PictogramButton=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({ariaAttributes,type="button",size="xs",variant="tertiary",disabled=!1,onClick,onFocus,onBlur,"data-e2e-test-id":dataE2eTestId,as,icon,label,squareCorners=!1,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),ariaLabelProp=label||ariaAttributes?.["aria-label"]?{"aria-label":ariaAttributes?.["aria-label"]||label}:{},pictogramContent=_react.default.createElement(StyledPictogramButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PictogramButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type??void 0,variant:variant,size:size,squareCorners:squareCorners,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...mergedAriaAttributes,...ariaLabelProp,...rest},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"m"===size?"m":"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})));return label?_react.default.createElement(_Tooltip.Tooltip,{content:label},pictogramContent):pictogramContent});

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

@@ -70,5 +70,5 @@ export declare const PromptInput: React.ForwardRefExoticComponent<{
     onEnterKey: () => void;
     /** Renders an icon to the left inside the textarea */
     leftIcon?: IconName;
-} & Omit<PromptTextAreaProps, "size" | "selectedListItem" | "isAutocompleteListOpen" | "hasAutocomplete" | "hasLeftIcon"> & Pick<AutocompleteListProps, "portalContainer" | "autocompleteListItems" | "autocompleteListFooter"> & React.RefAttributes<HTMLTextAreaElement>>;
+} & Omit<PromptTextAreaProps, "hasAutocomplete" | "hasLeftIcon" | "isAutocompleteListOpen" | "selectedListItem" | "size"> & Pick<AutocompleteListProps, "autocompleteListFooter" | "autocompleteListItems" | "portalContainer"> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

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

@@ -13,4 +13,4 @@ export declare const RadioCard: React.ForwardRefExoticComponent<{
     renderContent?: (params: {
         isSelected: boolean;
     }) => React.ReactNode;
-} & Omit<RadioProps, "errorMessages" | "hint" | "hideLabel"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<RadioProps, "errorMessages" | "hideLabel" | "hint"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/RoundButton/RoundButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RoundButton",{enumerable:!0,get:function(){return RoundButton}});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")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),StyledRoundButton=(0,_styled.default)("button",{target:"e5igjiq0",label:"StyledRoundButton"})(({theme,variant,size,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xxs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."s"===size&&{padding:theme.variables.size.spacing.xs},..."m"===size&&{padding:theme.variables.size.spacing.s},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:`${parseInt(theme.variables.size.spacing.xxs,10)-2}px`,..."s"===size&&{padding:`${parseInt(theme.variables.size.spacing.xs,10)-2}px`},..."m"===size&&{padding:`${parseInt(theme.variables.size.spacing.s,10)-2}px`},...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}})),RoundButton=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",size="s",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return _react.default.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,size:size,disabled:disabled,type:"a"===as?void 0:type??void 0,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RoundButton",{enumerable:!0,get:function(){return RoundButton}});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")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),StyledRoundButton=(0,_styled.default)("button",{target:"eju4f870",label:"StyledRoundButton"})(({theme,variant,size,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xxs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."s"===size&&{padding:theme.variables.size.spacing.xs},..."m"===size&&{padding:theme.variables.size.spacing.s},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:`${parseInt(theme.variables.size.spacing.xxs,10)-2}px`,..."s"===size&&{padding:`${parseInt(theme.variables.size.spacing.xs,10)-2}px`},..."m"===size&&{padding:`${parseInt(theme.variables.size.spacing.s,10)-2}px`},...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}})),RoundButton=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",size="s",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return _react.default.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,size:size,disabled:disabled,type:"a"===as?void 0:type??void 0,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});

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

@@ -33,7 +33,9 @@ export type SearchResultProps = {
     /** The test id for the result's primary target. */
     "data-e2e-test-id"?: string;
 };
+declare const defaultProps: Partial<SearchResultProps>;
 export declare function SearchResult({ title, subtitle, icon, details, body, secondaryTargets, link, labels, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: SearchResultProps): React.ReactElement;
 export declare namespace SearchResult {
-    var defaultProps: Partial<SearchResultProps>;
+    export { defaultProps };
 }
+export {};

package/build/cjs/components/SearchResult/SearchResult.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SearchResult",{enumerable:!0,get:function(){return SearchResult}});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")),_Columns=require("../Column/Columns"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Stack=require("../Stack/Stack"),_StyledText=require("../Typography/StyledText/StyledText"),_Badge=require("../Badge/Badge"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Text=require("../Typography/Text/Text"),StyledResultContainer=(0,_styled.default)("div",{target:"enm6m950",label:"StyledResultContainer"})(()=>({position:"relative",textDecoration:"none"})),StyledLinkTitle=(0,_styled.default)("div",{target:"enm6m951",label:"StyledLinkTitle"})(({theme})=>({color:theme.values.color.text.accent.default})),StyledLinkContainerOnHover=(0,_styled.default)("div",{target:"enm6m952",label:"StyledLinkContainerOnHover"})(({theme})=>({"> a":{textDecoration:"none",color:theme.values.color.text.accent.default},"&:hover":{[`${StyledLinkTitle}`]:{textDecoration:"underline"}}})),StyledSecLinkTitle=(0,_styled.default)("span",{target:"enm6m953",label:"StyledSecLinkTitle"})(({theme})=>({display:"list-item",marginLeft:theme.variables.size.spacing.m,paddingTop:theme.variables.size.spacing.xxxs,paddingBottom:theme.variables.size.spacing.xxxs,"&:hover":{"> span":{textDecoration:"underline",color:theme.values.color.text.primary.default}}})),StyledSecLinkContainerOnHover=(0,_styled.default)("div",{target:"enm6m954",label:"StyledSecLinkContainerOnHover"})(({theme})=>({"> a":{textDecoration:"none",color:theme.values.color.text.tertiary.default},"&:hover":{[`${StyledSecLinkTitle}`]:{color:theme.values.color.text.tertiary.default}}})),SecondaryTargets=({data})=>_react.default.createElement(_react.default.Fragment,null,data.map(({title,link:SecLink,body,"data-e2e-test-id":dataE2eTestId},i)=>{let key=`${title}-${i}`;return _react.default.createElement(StyledSecLinkContainerOnHover,{key:key,"data-e2e-test-id":dataE2eTestId},_react.default.createElement(SecLink,null,_react.default.createElement(StyledSecLinkTitle,null,_react.default.createElement(_Text.Text,{size:"m",color:"primary",as:"span"},_react.default.createElement(_StyledText.StyledText,null,title))),body&&_react.default.createElement(_TextClamped.TextClamped,{size:"s",color:"tertiary",lines:2},_react.default.createElement(_StyledText.StyledText,null,body))))})),BadgeWithBottomPadding=(0,_styled.default)("div",{target:"enm6m955",label:"BadgeWithBottomPadding"})(({theme})=>({paddingBottom:theme.variables.size.spacing.xxxs}));function SearchResult({title,subtitle,icon,details,body,secondaryTargets,link,labels,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let containerRef=(0,_react.useRef)(null),spacing=subtitle||labels?.length?"xxs":"zero";return _react.default.createElement(StyledResultContainer,{ref:containerRef,"data-ds-id":"SearchResult",...ariaAttributes},_react.default.createElement(_Columns.Columns,{gap:"m"},icon&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Icon.Icon,{name:icon,color:"tertiary"})),_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Stack.Stack,{space:"xxs"},_react.default.createElement(StyledLinkContainerOnHover,{"data-e2e-test-id":dataE2eTestId},_react.default.createElement(link,null,_react.default.createElement(_Stack.Stack,{space:spacing},_react.default.createElement(_Columns.Columns,{gap:"xxs"},_react.default.createElement(_Columns.Column,{size:[12,12,"fill"]},_react.default.createElement(StyledLinkTitle,null,_react.default.createElement(_Stack.Stack,{space:"zero"},_react.default.createElement(_TextClamped.TextClamped,{color:"accent",weight:"bold",lines:3,hyphens:"auto"},_react.default.createElement(_StyledText.StyledText,null,title)),subtitle&&_react.default.createElement(_TextClamped.TextClamped,{color:"accent",lines:3,size:"s"},_react.default.createElement(_StyledText.StyledText,null,subtitle))))),labels&&!!labels.length&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Inline.Inline,{space:"xs"},labels.map((label,i)=>{let key=`${i}${label}`;return _react.default.createElement(BadgeWithBottomPadding,{key:key},_react.default.createElement(_Badge.Badge,{text:label}))})))),_react.default.createElement(_Stack.Stack,{space:"xxs"},details&&!!details.length&&_react.default.createElement(_Stack.Stack,{space:"zero"},details.slice(0,3).map(detail=>_react.default.createElement(_TextClamped.TextClamped,{color:"primary",size:"s",key:detail,lines:3},_react.default.createElement(_StyledText.StyledText,null,detail)))),body&&_react.default.createElement(_TextClamped.TextClamped,{size:"s",lines:2},_react.default.createElement(_StyledText.StyledText,null,body)))))),secondaryTargets&&!!secondaryTargets.length&&_react.default.createElement(SecondaryTargets,{data:secondaryTargets})))))}SearchResult.defaultProps={icon:void 0,details:[],body:void 0,secondaryTargets:[],labels:[],"data-e2e-test-id":void 0};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SearchResult",{enumerable:!0,get:function(){return SearchResult}});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")),_Columns=require("../Column/Columns"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Stack=require("../Stack/Stack"),_StyledText=require("../Typography/StyledText/StyledText"),_Badge=require("../Badge/Badge"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Text=require("../Typography/Text/Text"),StyledResultContainer=(0,_styled.default)("div",{target:"e1j8xbhn0",label:"StyledResultContainer"})(()=>({position:"relative",textDecoration:"none"})),StyledLinkTitle=(0,_styled.default)("div",{target:"e1j8xbhn1",label:"StyledLinkTitle"})(({theme})=>({color:theme.values.color.text.accent.default})),StyledLinkContainerOnHover=(0,_styled.default)("div",{target:"e1j8xbhn2",label:"StyledLinkContainerOnHover"})(({theme})=>({"> a":{textDecoration:"none",color:theme.values.color.text.accent.default},"&:hover":{[`${StyledLinkTitle}`]:{textDecoration:"underline"}}})),StyledSecLinkTitle=(0,_styled.default)("span",{target:"e1j8xbhn3",label:"StyledSecLinkTitle"})(({theme})=>({display:"list-item",marginLeft:theme.variables.size.spacing.m,paddingTop:theme.variables.size.spacing.xxxs,paddingBottom:theme.variables.size.spacing.xxxs,"&:hover":{"> span":{textDecoration:"underline",color:theme.values.color.text.primary.default}}})),StyledSecLinkContainerOnHover=(0,_styled.default)("div",{target:"e1j8xbhn4",label:"StyledSecLinkContainerOnHover"})(({theme})=>({"> a":{textDecoration:"none",color:theme.values.color.text.tertiary.default},"&:hover":{[`${StyledSecLinkTitle}`]:{color:theme.values.color.text.tertiary.default}}})),SecondaryTargets=({data})=>_react.default.createElement(_react.default.Fragment,null,data.map(({title,link:SecLink,body,"data-e2e-test-id":dataE2eTestId},i)=>{let key=`${title}-${i}`;return _react.default.createElement(StyledSecLinkContainerOnHover,{key:key,"data-e2e-test-id":dataE2eTestId},_react.default.createElement(SecLink,null,_react.default.createElement(StyledSecLinkTitle,null,_react.default.createElement(_Text.Text,{size:"m",color:"primary",as:"span"},_react.default.createElement(_StyledText.StyledText,null,title))),body&&_react.default.createElement(_TextClamped.TextClamped,{size:"s",color:"tertiary",lines:2},_react.default.createElement(_StyledText.StyledText,null,body))))})),BadgeWithBottomPadding=(0,_styled.default)("div",{target:"e1j8xbhn5",label:"BadgeWithBottomPadding"})(({theme})=>({paddingBottom:theme.variables.size.spacing.xxxs}));function SearchResult({title,subtitle,icon,details,body,secondaryTargets,link,labels,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let containerRef=(0,_react.useRef)(null),spacing=subtitle||labels?.length?"xxs":"zero";return _react.default.createElement(StyledResultContainer,{ref:containerRef,"data-ds-id":"SearchResult",...ariaAttributes},_react.default.createElement(_Columns.Columns,{gap:"m"},icon&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Icon.Icon,{name:icon,color:"tertiary"})),_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Stack.Stack,{space:"xxs"},_react.default.createElement(StyledLinkContainerOnHover,{"data-e2e-test-id":dataE2eTestId},_react.default.createElement(link,null,_react.default.createElement(_Stack.Stack,{space:spacing},_react.default.createElement(_Columns.Columns,{gap:"xxs"},_react.default.createElement(_Columns.Column,{size:[12,12,"fill"]},_react.default.createElement(StyledLinkTitle,null,_react.default.createElement(_Stack.Stack,{space:"zero"},_react.default.createElement(_TextClamped.TextClamped,{color:"accent",weight:"bold",lines:3,hyphens:"auto"},_react.default.createElement(_StyledText.StyledText,null,title)),subtitle&&_react.default.createElement(_TextClamped.TextClamped,{color:"accent",lines:3,size:"s"},_react.default.createElement(_StyledText.StyledText,null,subtitle))))),labels&&!!labels.length&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Inline.Inline,{space:"xs"},labels.map((label,i)=>{let key=`${i}${label}`;return _react.default.createElement(BadgeWithBottomPadding,{key:key},_react.default.createElement(_Badge.Badge,{text:label}))})))),_react.default.createElement(_Stack.Stack,{space:"xxs"},details&&!!details.length&&_react.default.createElement(_Stack.Stack,{space:"zero"},details.slice(0,3).map(detail=>_react.default.createElement(_TextClamped.TextClamped,{color:"primary",size:"s",key:detail,lines:3},_react.default.createElement(_StyledText.StyledText,null,detail)))),body&&_react.default.createElement(_TextClamped.TextClamped,{size:"s",lines:2},_react.default.createElement(_StyledText.StyledText,null,body)))))),secondaryTargets&&!!secondaryTargets.length&&_react.default.createElement(SecondaryTargets,{data:secondaryTargets})))))}SearchResult.defaultProps={icon:void 0,details:[],body:void 0,secondaryTargets:[],labels:[],"data-e2e-test-id":void 0};

package/build/cjs/components/Sheet/Sheet.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get SHEET_MAX_HEIGHT(){return SHEET_MAX_HEIGHT},get Sheet(){return Sheet}};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")),_reactdom=require("react-dom"),_react1=require("@emotion/react"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),_Container=require("../Container/Container"),_useDragDown=require("../../shared/useDragDown"),_Lightbox=require("../Lightbox/Lightbox"),_isWithinScrolledElement=require("../../shared/isWithinScrolledElement"),SHEET_MAX_HEIGHT="80svh",StyledContainer=(0,_styled.default)("div",{target:"e137uunh0",label:"StyledContainer"})(({theme,containerHeight,isClosing,isOpening,dragOffset=0})=>{let animation;if(containerHeight){let slideOut=(0,_react1.keyframes)({from:{transform:`translateY(${dragOffset}px)`},to:{transform:`translateY(${containerHeight}px)`}}),slideIn=(0,_react1.keyframes)({from:{transform:`translateY(${containerHeight}px)`},to:{transform:"translateY(0px)"}});animation=isClosing?`200ms ease-out forwards ${slideOut}`:isOpening?`300ms ease-out forwards ${slideIn}`:"none"}return{position:"fixed",left:0,bottom:0,width:"100vw",transformOrigin:"bottom",animation,boxSizing:"border-box",zIndex:theme.variables.zIndex.modal,"> div":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}}),StyledContentContainer=(0,_styled.default)("div",{target:"e137uunh1",label:"StyledContentContainer"})(({theme,isClosing,isOpening})=>{let animation,fadeOut=(0,_react1.keyframes)({from:{opacity:theme.variables.opacity.visible},to:{opacity:theme.variables.opacity.hidden}}),fadeIn=(0,_react1.keyframes)({from:{opacity:theme.variables.opacity.hidden},to:{opacity:theme.variables.opacity.visible}}),opacity=theme.variables.opacity.hidden;return isClosing?animation=`50ms ease-out forwards ${fadeOut}`:isOpening?animation=`50ms ease-out 250ms forwards ${fadeIn}`:(animation="none",opacity=theme.variables.opacity.visible),{overflow:"auto",maxHeight:"80svh",boxSizing:"border-box",overscrollBehavior:"none",backgroundColor:theme.values.color.background.elevated.default,opacity,animation}}),StyledHandleContainer=(0,_styled.default)("div",{target:"e137uunh2",label:"StyledHandleContainer"})(({theme,isContentContainerScrolled})=>({padding:`${theme.variables.size.spacing.xs} 0`,display:"flex",justifyContent:"center",backgroundColor:theme.values.color.background.elevated.default,...isContentContainerScrolled&&{boxShadow:theme.values.elevation[1]}})),StyledHandle=(0,_styled.default)("div",{target:"e137uunh3",label:"StyledHandle"})(({theme})=>({width:"80px",height:"4px",borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.divider.secondary}));function Sheet({id,children,hasBackdrop,isVisible,onClose,onUnmount,portalContainer,dismissOnOutsideClick=!0,disableInitialFocus,disableReturnFocusToTrigger,onClickOutsideDeactivates,"data-e2e-test-id":dataE2eTestId,role,...ariaAttributes}){let[isClosing,setClosing]=(0,_react.useState)(!1),[isOpening,setOpening]=(0,_react.useState)(!1),[containerHeight,setContainerHeight]=(0,_react.useState)(0),[isContentContainerScrolled,setContentContainerScrolled]=(0,_react.useState)(!1),containerRef=(0,_react.useRef)(null),contentContainerRef=(0,_react.useRef)(null),handleContainerRef=(0,_react.useRef)(null),prevVisibleState=(0,_react.useRef)(!1),dragOffset=(0,_react.useRef)(0),isDragStarted=(0,_react.useRef)(!1);(0,_react.useLayoutEffect)(()=>{isVisible&&setOpening(!0)},[isVisible]),(0,_react.useLayoutEffect)(()=>{isVisible&&containerRef.current&&setContainerHeight(containerRef.current.getBoundingClientRect().height)},[isVisible,children]),(0,_react.useEffect)(()=>{!isVisible&&prevVisibleState.current&&setClosing(!0),prevVisibleState.current=isVisible},[isVisible]),(0,_react.useEffect)(()=>{isVisible&&isClosing&&onClose()},[isVisible,isClosing,onClose]);let handleDragStart=(0,_react.useCallback)(()=>{requestAnimationFrame(()=>{contentContainerRef.current?.scrollTop===0&&containerRef.current&&(containerRef.current.style.animation="none",containerRef.current.style.transition="transform 0.1s ease",containerRef.current.style.transform="translateY(0px)",dragOffset.current=0,isDragStarted.current=!0)})},[containerRef,contentContainerRef]),handleDrag=(0,_react.useCallback)((_,offsetFromStart)=>{let containerCurrentHeight=containerRef.current?.getBoundingClientRect()?.height??0;requestAnimationFrame(()=>{isDragStarted.current&&containerRef.current&&contentContainerRef.current?.scrollTop===0&&offsetFromStart<containerCurrentHeight&&(containerRef.current.style.transform=`translateY(${offsetFromStart}px)`,dragOffset.current=offsetFromStart)})},[containerRef,contentContainerRef]),handleDragEnd=(0,_react.useCallback)((_,offsetFromStart)=>{let containerCurrentHeight=containerRef.current?.getBoundingClientRect()?.height??0,minDragDistance=containerCurrentHeight<300?containerCurrentHeight/4:150;requestAnimationFrame(()=>{isDragStarted.current&&(offsetFromStart>=minDragDistance&&contentContainerRef.current?.scrollTop===0?onClose():containerRef.current&&(containerRef.current.style.transform="translateY(0px)",dragOffset.current=0)),isDragStarted.current=!1})},[containerRef,onClose]),handleDragCancel=(0,_react.useCallback)(()=>{requestAnimationFrame(()=>{isDragStarted.current&&containerRef.current&&(containerRef.current.style.transform="translateY(0px)",dragOffset.current=0),isDragStarted.current=!1})},[containerRef]),shouldInitiateDrag=(0,_react.useCallback)(event=>{let target=event.target;return!!handleContainerRef.current?.contains(target)||!((0,_isWithinScrolledElement.isWithinScrolledElement)(target,containerRef.current)||(contentContainerRef.current?.scrollTop??0)>0)},[containerRef,contentContainerRef,handleContainerRef]);(0,_useDragDown.useDragDown)({ref:containerRef,isVisible,onDragStart:handleDragStart,onDrag:handleDrag,onDragEnd:handleDragEnd,onDragCancel:handleDragCancel,shouldInitiateDrag});let handlePostDeactivate=(0,_react.useCallback)(()=>{onClose()},[onClose]);if(!((isVisible||isClosing)&&!(isVisible&&isClosing)))return null;let sheetElm=_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_react1.Global,{styles:[{html:{overflow:"hidden",overscrollBehavior:"none"}}]}),_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&onClickOutsideDeactivates?onClickOutsideDeactivates:dismissOnOutsideClick,allowOutsideClick:!0,escapeDeactivates:!0,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger,fallbackFocus:'[data-ds-id="Sheet"]',onPostDeactivate:handlePostDeactivate}},_react.default.createElement(StyledContainer,{...id?{id}:{},"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Sheet",containerHeight:containerHeight,isClosing:isClosing,isOpening:isOpening,ref:containerRef,dragOffset:dragOffset.current,onAnimationEnd:()=>{isClosing?(setClosing(!1),setContainerHeight(0),dragOffset.current=0,onUnmount&&onUnmount()):isOpening&&setOpening(!1)},role:role,...ariaAttributes},_react.default.createElement(_Container.Container,{elevation:4},_react.default.createElement(StyledHandleContainer,{ref:handleContainerRef,isContentContainerScrolled:isContentContainerScrolled},_react.default.createElement(StyledHandle,null)),_react.default.createElement(StyledContentContainer,{isClosing:isClosing,isOpening:isOpening,ref:contentContainerRef,onScroll:()=>{setContentContainerScrolled(contentContainerRef.current?.scrollTop!==0)},onAnimationEnd:evt=>evt.stopPropagation()},children))))),wrappedSheet=hasBackdrop&&!isClosing?_react.default.createElement(_Lightbox.StyledBackdrop,null,sheetElm):sheetElm,container=portalContainer||!!document&&document.body;return container&&(0,_reactdom.createPortal)(wrappedSheet,container)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get SHEET_MAX_HEIGHT(){return SHEET_MAX_HEIGHT},get Sheet(){return Sheet}};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")),_reactdom=require("react-dom"),_react1=require("@emotion/react"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),_Container=require("../Container/Container"),_useExitAnimation=require("../../shared/useExitAnimation"),_useDocument=require("../../shared/useDocument"),_useSheetHeightSync=require("./useSheetHeightSync"),SHEET_MAX_HEIGHT="80svh",SCROLL_TIMELINE="--sheet-scroll",supportsScrollDrivenAnimations=()=>"undefined"!=typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("animation-timeline: scroll()"),globalStyles={html:{overflow:"hidden",overscrollBehavior:"none"}},slideIn=(0,_react1.keyframes)({from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"}},"label:slideIn"),slideOut=(0,_react1.keyframes)({from:{transform:"translateY(0)"},to:{transform:"translateY(100%)"}},"label:slideOut"),canScrollFurther=({element,direction})=>{if(!(direction<0?element.scrollTop>0:element.scrollTop+element.clientHeight<element.scrollHeight-1))return!1;let overflowY=element.ownerDocument.defaultView?.getComputedStyle(element).overflowY;return!!overflowY&&["auto","scroll","overlay"].includes(overflowY)},canContentTakeScroll=({target,boundary,direction})=>{let element=target instanceof Element?target:null;for(;element&&element!==boundary;){if(canScrollFurther({element,direction}))return!0;element=element.parentElement}return!1},SCROLL_KEY_DIRECTIONS={ArrowUp:-1,PageUp:-1,Home:-1,ArrowDown:1,PageDown:1,End:1},getScrollKeyDirection=({event,scroller})=>{let{target,key,shiftKey}=event;if(!(target instanceof HTMLElement&&(target.isContentEditable||["INPUT","TEXTAREA","SELECT"].includes(target.tagName)))){if(" "===key){if(target!==scroller)return;return shiftKey?-1:1}return SCROLL_KEY_DIRECTIONS[key]}},StyledRoot=(0,_styled.default)("div",{target:"e1prhk2x0",label:"StyledRoot"})(({theme})=>({position:"fixed",inset:0,zIndex:theme.variables.zIndex.modal,pointerEvents:"none",timelineScope:SCROLL_TIMELINE})),holdStill=(0,_react1.keyframes)({from:{transform:"translateY(0)"},to:{transform:"translateY(0)"}},"label:holdStill"),getSlideAnimation=({isLeaving,isSwipedAway,theme})=>{let{enter,exit}=theme.variables.animation.sheet;return isLeaving?isSwipedAway?`${holdStill} ${exit.duration} linear forwards`:`${slideOut} ${exit.duration} ${exit.timingFunction} forwards`:`${slideIn} ${enter.duration} ${enter.timingFunction} both`},StyledBackdrop=(0,_styled.default)("div",{target:"e1prhk2x1",label:"StyledBackdrop"})(({theme,isLeaving})=>{let{hidden,visible}=theme.variables.opacity,fadeIn=(0,_react1.keyframes)({from:{opacity:hidden},to:{opacity:visible}}),fadeOut=(0,_react1.keyframes)({from:{opacity:visible},to:{opacity:hidden}}),{enter,exit}=theme.variables.animation.sheet;return{position:"absolute",inset:0,pointerEvents:isLeaving?"none":"auto",animation:isLeaving?`${fadeOut} ${exit.duration} ${enter.timingFunction} forwards`:`${fadeIn} ${enter.duration} ${enter.timingFunction} both`,"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),StyledBackdropFill=(0,_styled.default)("div",{target:"e1prhk2x2",label:"StyledBackdropFill"})(({theme})=>{let{hidden,visible}=theme.variables.opacity,dimWithSheet=(0,_react1.keyframes)({from:{opacity:hidden},to:{opacity:visible}});return{position:"absolute",inset:0,background:theme.values.color.background.backdrop.default,"@supports (animation-timeline: scroll())":{animation:`${dimWithSheet} linear both`,animationTimeline:SCROLL_TIMELINE}}}),StyledFrame=(0,_styled.default)("div",{target:"e1prhk2x3",label:"StyledFrame"})(({theme})=>({position:"absolute",left:0,right:0,bottom:0,height:`var(${_useSheetHeightSync.SHEET_HEIGHT_VAR}, auto)`,"::after":{content:'""',position:"absolute",top:"calc(100% - 1px)",left:0,right:0,height:SHEET_MAX_HEIGHT,backgroundColor:theme.values.color.background.elevated.default}})),StyledScroller=(0,_styled.default)("div",{target:"e1prhk2x4",label:"StyledScroller"})(({theme,isLeaving,isSwipedAway})=>({position:"absolute",left:0,right:0,bottom:0,height:"calc(100% + 112px)",overflowY:"scroll",scrollSnapType:"y mandatory",overscrollBehavior:"none",scrollbarWidth:"none","::-webkit-scrollbar":{display:"none"},scrollTimeline:`${SCROLL_TIMELINE} y`,pointerEvents:isLeaving?"none":"auto",outline:"none",animation:getSlideAnimation({isLeaving,isSwipedAway,theme}),"@media (prefers-reduced-motion: reduce)":{animation:"none"}})),StyledClosedSnapPoint=(0,_styled.default)("div",{target:"e1prhk2x5",label:"StyledClosedSnapPoint"})({height:"calc(100% + 64px + 1px)",scrollSnapAlign:"start"}),StyledSurface=(0,_styled.default)("div",{target:"e1prhk2x6",label:"StyledSurface"})({scrollSnapAlign:"end","> div":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}),StyledContentContainer=(0,_styled.default)("div",{target:"e1prhk2x7",label:"StyledContentContainer"})(({theme})=>({overflow:"auto",maxHeight:SHEET_MAX_HEIGHT,boxSizing:"border-box",backgroundColor:theme.values.color.background.elevated.default})),StyledHandleContainer=(0,_styled.default)("div",{target:"e1prhk2x8",label:"StyledHandleContainer"})(({theme,isContentContainerScrolled})=>({padding:`${theme.variables.size.spacing.xs} 0`,display:"flex",justifyContent:"center",backgroundColor:theme.values.color.background.elevated.default,...isContentContainerScrolled&&{boxShadow:theme.values.elevation[1]}})),StyledHandle=(0,_styled.default)("div",{target:"e1prhk2x9",label:"StyledHandle"})(({theme})=>({width:"80px",height:"4px",borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.divider.secondary}));function Sheet({id,children,hasBackdrop,isVisible,onClose,onUnmount,portalContainer,dismissOnOutsideClick=!0,disableInitialFocus,disableReturnFocusToTrigger,onClickOutsideDeactivates,"data-e2e-test-id":dataE2eTestId,role,...ariaAttributes}){let theme=(0,_react1.useTheme)(),document=(0,_useDocument.useDocument)(),{isMounted,isLeaving,onAnimationEnd}=(0,_useExitAnimation.useExitAnimation)(isVisible),[isContentContainerScrolled,setContentContainerScrolled]=(0,_react.useState)(!1),[isSwipedAway,setSwipedAway]=(0,_react.useState)(!1),frameRef=(0,_react.useRef)(null),scrollerRef=(0,_react.useRef)(null),surfaceRef=(0,_react.useRef)(null),backdropFillRef=(0,_react.useRef)(null),contentContainerRef=(0,_react.useRef)(null),wasMounted=(0,_react.useRef)(isMounted);(0,_react.useEffect)(()=>{wasMounted.current&&!isMounted&&onUnmount?.(),wasMounted.current=isMounted},[isMounted,onUnmount]),(0,_useSheetHeightSync.useSheetHeightSync)({frameRef,scrollerRef,surfaceRef,isOpen:isVisible,resize:theme.variables.animation.sheet.resize}),(0,_react.useEffect)(()=>{isVisible&&setSwipedAway(!1)},[isVisible]),(0,_react.useEffect)(()=>{let scroller=scrollerRef.current,surface=surfaceRef.current;if(!isVisible||!scroller||!surface||"undefined"==typeof IntersectionObserver)return;let isHidden=!1,isTouching=!1,closeIfHidden=()=>{isHidden&&!isTouching&&(setSwipedAway(!0),onClose())},intersectionObserver=new IntersectionObserver(([entry])=>{isHidden=entry.intersectionRatio<.01,closeIfHidden()},{root:scroller,threshold:[.01]}),handleTouchStart=()=>{isTouching=!0},handleTouchEnd=()=>{isTouching=!1,closeIfHidden()};return intersectionObserver.observe(surface),scroller.addEventListener("touchstart",handleTouchStart,{passive:!0}),scroller.addEventListener("touchend",handleTouchEnd,{passive:!0}),scroller.addEventListener("touchcancel",handleTouchEnd,{passive:!0}),()=>{intersectionObserver.disconnect(),scroller.removeEventListener("touchstart",handleTouchStart),scroller.removeEventListener("touchend",handleTouchEnd),scroller.removeEventListener("touchcancel",handleTouchEnd)}},[isVisible,onClose]),(0,_react.useEffect)(()=>{let scroller=scrollerRef.current;if(!isMounted||!scroller)return;let handleScrollerWheel=event=>{if(event.ctrlKey||0===event.deltaY)return;let direction=event.deltaY<0?-1:1;canContentTakeScroll({target:event.target,boundary:scroller,direction})||event.preventDefault()},handleScrollerKeyDown=event=>{let direction=getScrollKeyDirection({event,scroller});direction&&!canContentTakeScroll({target:event.target,boundary:scroller,direction})&&event.preventDefault()};return scroller.addEventListener("wheel",handleScrollerWheel,{passive:!1}),scroller.addEventListener("keydown",handleScrollerKeyDown),()=>{scroller.removeEventListener("wheel",handleScrollerWheel),scroller.removeEventListener("keydown",handleScrollerKeyDown)}},[isMounted]),(0,_react.useEffect)(()=>{let scroller=scrollerRef.current,backdropFill=backdropFillRef.current;if(!isMounted||!scroller||!backdropFill||supportsScrollDrivenAnimations())return;let handleScrollerScroll=()=>{let maxScrollTop=scroller.scrollHeight-scroller.clientHeight;backdropFill.style.opacity=String(maxScrollTop>0?scroller.scrollTop/maxScrollTop:1)};return handleScrollerScroll(),scroller.addEventListener("scroll",handleScrollerScroll,{passive:!0}),()=>scroller.removeEventListener("scroll",handleScrollerScroll)},[isMounted,hasBackdrop]);let handlePostDeactivate=(0,_react.useCallback)(()=>{onClose()},[onClose]);if(!isMounted)return null;let sheetElm=_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_react1.Global,{styles:[globalStyles]}),_react.default.createElement(StyledRoot,null,hasBackdrop&&_react.default.createElement(StyledBackdrop,{isLeaving:isLeaving},_react.default.createElement(StyledBackdropFill,{ref:backdropFillRef})),_react.default.createElement(StyledFrame,{ref:frameRef},_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&onClickOutsideDeactivates?onClickOutsideDeactivates:dismissOnOutsideClick,allowOutsideClick:!0,escapeDeactivates:!0,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger,fallbackFocus:'[data-ds-id="Sheet"]',onPostDeactivate:handlePostDeactivate}},_react.default.createElement(StyledScroller,{...id?{id}:{},"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Sheet",ref:scrollerRef,isLeaving:isLeaving,isSwipedAway:isSwipedAway,onAnimationEnd:onAnimationEnd,onClick:event=>{!surfaceRef.current?.contains(event.target)&&dismissOnOutsideClick&&onClose()},role:role,...ariaAttributes},_react.default.createElement(StyledClosedSnapPoint,null),_react.default.createElement(StyledSurface,{ref:surfaceRef},_react.default.createElement(_Container.Container,{elevation:4},_react.default.createElement(StyledHandleContainer,{isContentContainerScrolled:isContentContainerScrolled},_react.default.createElement(StyledHandle,null)),_react.default.createElement(StyledContentContainer,{ref:contentContainerRef,onScroll:()=>{setContentContainerScrolled(contentContainerRef.current?.scrollTop!==0)}},children)))))))),container=portalContainer||document?.body;return container?(0,_reactdom.createPortal)(sheetElm,container):null}

package/build/cjs/components/Sheet/useSheetHeightSync.d.ts

@@ -0,0 +1,26 @@
+import type { RefObject } from "react";
+/** CSS variable the scroller reads its height from */
+export declare const SHEET_HEIGHT_VAR = "--sheet-height";
+type Motion = {
+    duration: string;
+    timingFunction: string;
+};
+type UseSheetHeightSyncOptions = {
+    /** Wraps the scroller: sized to the sheet, and moved to glide height changes */
+    frameRef: RefObject<HTMLElement | null>;
+    /** Snap scroller filling the frame */
+    scrollerRef: RefObject<HTMLElement | null>;
+    /** The sheet surface inside it */
+    surfaceRef: RefObject<HTMLElement | null>;
+    isOpen: boolean;
+    resize: Motion;
+};
+/**
+ * Keeps the snap scroller sized to the sheet and parked at the open position,
+ * and glides height changes instead of jumping: the sheet takes its new size
+ * at once and a compositor transform on the frame plays its top edge from the
+ * old position into place (FLIP). The frame sits outside the scroller, where a
+ * transform can't stretch the scrollable area and upset the snap position.
+ */
+export declare function useSheetHeightSync({ frameRef, scrollerRef, surfaceRef, isOpen, resize: { duration, timingFunction }, }: UseSheetHeightSyncOptions): void;
+export {};

package/build/cjs/components/Sheet/useSheetHeightSync.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get SHEET_HEIGHT_VAR(){return SHEET_HEIGHT_VAR},get useSheetHeightSync(){return useSheetHeightSync}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=require("react"),_useWindow=require("../../shared/useWindow"),_prefersReducedMotion=require("../../shared/prefersReducedMotion"),SHEET_HEIGHT_VAR="--sheet-height",sizeFrameToSheet=({frame,sheetHeight})=>frame.style.setProperty(SHEET_HEIGHT_VAR,`${sheetHeight}px`),fitScrollerToSheet=({frame,scroller,sheetHeight})=>{sizeFrameToSheet({frame,sheetHeight}),scroller.scrollTop=scroller.scrollHeight},toMilliseconds=duration=>{let value=parseFloat(duration);return duration.trim().endsWith("ms")?value:duration.trim().endsWith("s")?1e3*value:value},getRenderedTranslateY=(element,window)=>{let{transform}=window.getComputedStyle(element);return"none"===transform?0:new DOMMatrixReadOnly(transform).m42};function useSheetHeightSync({frameRef,scrollerRef,surfaceRef,isOpen,resize:{duration,timingFunction}}){let window=(0,_useWindow.useWindow)();(0,_react.useLayoutEffect)(()=>{let frame=frameRef.current,scroller=scrollerRef.current,surface=surfaceRef.current;isOpen&&frame&&scroller&&surface&&fitScrollerToSheet({frame,scroller,sheetHeight:surface.offsetHeight})},[isOpen,frameRef,scrollerRef,surfaceRef]),(0,_react.useEffect)(()=>{let heightAnimation,frame=frameRef.current,scroller=scrollerRef.current,surface=surfaceRef.current;if(!isOpen||!frame||!scroller||!surface||"undefined"==typeof ResizeObserver)return;let previousHeight=surface.offsetHeight,isTouching=!1,handleTouchStart=()=>{isTouching=!0,heightAnimation?.playState==="running"&&heightAnimation.pause()},handleTouchEnd=()=>{isTouching=!1,heightAnimation?.playState==="paused"&&heightAnimation.play()},resizeObserver=new ResizeObserver(()=>{let sheetHeight=surface.offsetHeight,heightDelta=sheetHeight-previousHeight;if(previousHeight=sheetHeight,0===heightDelta)return;if(isTouching)return void sizeFrameToSheet({frame,sheetHeight});let inFlightOffset=heightAnimation&&"finished"!==heightAnimation.playState?getRenderedTranslateY(frame,window):0;heightAnimation?.cancel(),fitScrollerToSheet({frame,scroller,sheetHeight}),"function"!=typeof frame.animate||(0,_prefersReducedMotion.prefersReducedMotion)(window)||(heightAnimation=frame.animate([{transform:`translateY(${heightDelta+inFlightOffset}px)`},{transform:"none"}],{duration:toMilliseconds(duration),easing:timingFunction}))});return resizeObserver.observe(surface),scroller.addEventListener("touchstart",handleTouchStart,{passive:!0}),scroller.addEventListener("touchend",handleTouchEnd,{passive:!0}),scroller.addEventListener("touchcancel",handleTouchEnd,{passive:!0}),()=>{resizeObserver.disconnect(),heightAnimation?.cancel(),scroller.removeEventListener("touchstart",handleTouchStart),scroller.removeEventListener("touchend",handleTouchEnd),scroller.removeEventListener("touchcancel",handleTouchEnd)}},[isOpen,frameRef,scrollerRef,surfaceRef,window,duration,timingFunction])}

package/build/cjs/components/StatusIndicator/StatusIndicator.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"StatusIndicator",{enumerable:!0,get:function(){return StatusIndicator}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text/Text"),toSemanticColor=variant=>"neutral"===variant?"secondary":variant,StyledStatusIndicator=(0,_styled.default)("span",{target:"ew8bzqs0",label:"StyledStatusIndicator"})(({theme})=>({display:"inline-flex",alignItems:"center",gap:theme.variables.size.spacing.xxs})),CustomText=(0,_styled.default)(_Text.Text,{target:"ew8bzqs1",label:"CustomText"})(({theme})=>({letterSpacing:theme.variables.size.letterSpacing.s}));function StatusIndicator({variant="neutral",label,id,"data-e2e-test-id":dataE2eTestId}){let color=toSemanticColor(variant);return _react.default.createElement(StyledStatusIndicator,{id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"StatusIndicator"},_react.default.createElement(_Icon.Icon,{name:"dot",size:"s",color:color,inline:!0,"aria-hidden":!0}),_react.default.createElement(CustomText,{as:"span",size:"xs",weight:"black",transform:"uppercase",color:color},label))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"StatusIndicator",{enumerable:!0,get:function(){return StatusIndicator}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text/Text"),toSemanticColor=variant=>"neutral"===variant?"secondary":variant,StyledStatusIndicator=(0,_styled.default)("span",{target:"e14gvfyl0",label:"StyledStatusIndicator"})(({theme})=>({display:"inline-flex",alignItems:"center",gap:theme.variables.size.spacing.xxs})),CustomText=(0,_styled.default)(_Text.Text,{target:"e14gvfyl1",label:"CustomText"})(({theme})=>({letterSpacing:theme.variables.size.letterSpacing.s}));function StatusIndicator({variant="neutral",label,id,"data-e2e-test-id":dataE2eTestId}){let color=toSemanticColor(variant);return _react.default.createElement(StyledStatusIndicator,{id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"StatusIndicator"},_react.default.createElement(_Icon.Icon,{name:"dot",size:"s",color:color,inline:!0,"aria-hidden":!0}),_react.default.createElement(CustomText,{as:"span",size:"xs",weight:"black",transform:"uppercase",color:color},label))}

package/build/cjs/components/SubThemeProvider/SubThemeContext.d.ts

@@ -1 +1 @@
-export declare const SubThemeContext: React.Context<import("./SubThemeProvider").SubThemeName | null | undefined>;
+export declare const SubThemeContext: import("react").Context<import("./SubThemeProvider").SubThemeName | null | undefined>;

package/build/cjs/components/Tooltip/FloatingPositionedContext.d.ts

@@ -5,4 +5,4 @@
  * trap scans for focusable elements only once, on activation, and elements
  * under a `visibility: hidden` ancestor never count as focusable.
  */
-export declare const FloatingPositionedContext: React.Context<boolean>;
+export declare const FloatingPositionedContext: import("react").Context<boolean>;

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:"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))});
+"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:"ehkr6ki0",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/Utilities/ContainerQuery/ContainerQueryContext.d.ts

@@ -1,2 +1,2 @@
 import type { ContainerQueryBreakpoints } from "../../../shared/mediaQueries";
-export declare const ContainerQueryContext: React.Context<ContainerQueryBreakpoints | undefined>;
+export declare const ContainerQueryContext: import("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:"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))}
+"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:"ek2vmqi0",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:"ek2vmqi1",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/ScreenReaderText/ScreenReaderText.d.ts

@@ -1,4 +1,4 @@
 export declare const ScreenReaderText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/cjs/shared/components/SelectableButton.d.ts

@@ -15,4 +15,4 @@ export declare const SelectableButton: import("@emotion/styled").StyledComponent
     as?: React.ElementType;
 } & {
     isActive?: boolean;
-}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/build/cjs/shared/useExitAnimation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useExitAnimation",{enumerable:!0,get:function(){return useExitAnimation}});const _react=require("react"),_useWindow=require("./useWindow"),_prefersReducedMotion=require("./prefersReducedMotion");function useExitAnimation(isVisible){let window=(0,_useWindow.useWindow)(),[isClosing,setIsClosing]=(0,_react.useState)(!1),[prevVisible,setPrevVisible]=(0,_react.useState)(isVisible);isVisible!==prevVisible&&(setPrevVisible(isVisible),setIsClosing(!isVisible&&!(0,_prefersReducedMotion.prefersReducedMotion)(window)));let isLeaving=isClosing&&!isVisible,onAnimationEnd=(0,_react.useCallback)(event=>{event.target===event.currentTarget&&isLeaving&&setIsClosing(!1)},[isLeaving]);return{isMounted:isVisible||isClosing,isLeaving,onAnimationEnd}}

package/build/cjs/web-tokens/layout-vars.d.ts

@@ -1,13 +1,20 @@
 export declare const LAYOUT_VARS: {
     readonly contentWidth: "--ds-layout-content-width";
+    readonly contentStart: "--ds-layout-content-start";
     readonly leftPanelWidth: "--ds-layout-leftPanel-width";
+    readonly leftPanelStart: "--ds-layout-leftPanel-start";
     readonly rightPanelWidth: "--ds-layout-rightPanel-width";
     readonly rightPanelBottomBarHeight: "--ds-layout-rightPanel-bottomBar-height";
+    readonly rightPanelStart: "--ds-layout-rightPanel-start";
     readonly splitMaxWidth: "--ds-layout-split-max-width";
     readonly bottomBarHeight: "--ds-layout-bottomBar-height";
+    readonly bottomBarContentHeight: "--ds-layout-bottomBar-content-height";
     readonly subnavOffset: "--ds-layout-subnav-offset";
     readonly floatWidth: "--ds-layout-float-width";
     readonly floatHeight: "--ds-layout-float-height";
+    readonly splitviewWidth: "--ds-layout-splitview-width";
+    readonly splitviewStart: "--ds-layout-splitview-start";
+    readonly regionsReady: "--ds-layout-regions-ready";
 };
 export type LayoutVarKey = keyof typeof LAYOUT_VARS;
 export type LayoutVarName = (typeof LAYOUT_VARS)[LayoutVarKey];

package/build/cjs/web-tokens/layout-vars.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LAYOUT_VARS",{enumerable:!0,get:function(){return LAYOUT_VARS}});const LAYOUT_VARS={contentWidth:"--ds-layout-content-width",leftPanelWidth:"--ds-layout-leftPanel-width",rightPanelWidth:"--ds-layout-rightPanel-width",rightPanelBottomBarHeight:"--ds-layout-rightPanel-bottomBar-height",splitMaxWidth:"--ds-layout-split-max-width",bottomBarHeight:"--ds-layout-bottomBar-height",subnavOffset:"--ds-layout-subnav-offset",floatWidth:"--ds-layout-float-width",floatHeight:"--ds-layout-float-height"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LAYOUT_VARS",{enumerable:!0,get:function(){return LAYOUT_VARS}});const LAYOUT_VARS={contentWidth:"--ds-layout-content-width",contentStart:"--ds-layout-content-start",leftPanelWidth:"--ds-layout-leftPanel-width",leftPanelStart:"--ds-layout-leftPanel-start",rightPanelWidth:"--ds-layout-rightPanel-width",rightPanelBottomBarHeight:"--ds-layout-rightPanel-bottomBar-height",rightPanelStart:"--ds-layout-rightPanel-start",splitMaxWidth:"--ds-layout-split-max-width",bottomBarHeight:"--ds-layout-bottomBar-height",bottomBarContentHeight:"--ds-layout-bottomBar-content-height",subnavOffset:"--ds-layout-subnav-offset",floatWidth:"--ds-layout-float-width",floatHeight:"--ds-layout-float-height",splitviewWidth:"--ds-layout-splitview-width",splitviewStart:"--ds-layout-splitview-start",regionsReady:"--ds-layout-regions-ready"};

package/build/cjs/web-tokens/layout-vars.ts

@@ -3,14 +3,21 @@
 
 export const LAYOUT_VARS = {
   contentWidth: "--ds-layout-content-width",
+  contentStart: "--ds-layout-content-start",
   leftPanelWidth: "--ds-layout-leftPanel-width",
+  leftPanelStart: "--ds-layout-leftPanel-start",
   rightPanelWidth: "--ds-layout-rightPanel-width",
   rightPanelBottomBarHeight: "--ds-layout-rightPanel-bottomBar-height",
+  rightPanelStart: "--ds-layout-rightPanel-start",
   splitMaxWidth: "--ds-layout-split-max-width",
   bottomBarHeight: "--ds-layout-bottomBar-height",
+  bottomBarContentHeight: "--ds-layout-bottomBar-content-height",
   subnavOffset: "--ds-layout-subnav-offset",
   floatWidth: "--ds-layout-float-width",
   floatHeight: "--ds-layout-float-height",
+  splitviewWidth: "--ds-layout-splitview-width",
+  splitviewStart: "--ds-layout-splitview-start",
+  regionsReady: "--ds-layout-regions-ready",
 } as const;
 
 export type LayoutVarKey = keyof typeof LAYOUT_VARS;