/**
 * Skipped minification because the original files appears to be already minified.
 * Original file: /npm/@twilio-paste/sidebar@2.1.0/dist/index.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
"use client";
"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{Sidebar:()=>Sidebar,SidebarBetaBadge:()=>SidebarBetaBadge,SidebarBody:()=>SidebarBody,SidebarCollapseButton:()=>SidebarCollapseButton,SidebarContext:()=>SidebarContext,SidebarFooter:()=>SidebarFooter,SidebarHeader:()=>SidebarHeader,SidebarHeaderIconButton:()=>SidebarHeaderIconButton,SidebarHeaderLabel:()=>SidebarHeaderLabel,SidebarNavigation:()=>SidebarNavigation,SidebarNavigationDisclosure:()=>SidebarNavigationDisclosure,SidebarNavigationDisclosureContent:()=>SidebarNavigationDisclosureContent,SidebarNavigationDisclosureHeading:()=>SidebarNavigationDisclosureHeading,SidebarNavigationDisclosureHeadingWrapper:()=>SidebarNavigationDisclosureHeadingWrapper,SidebarNavigationItem:()=>SidebarNavigationItem,SidebarNavigationSeparator:()=>SidebarNavigationSeparator,SidebarOverlayContentWrapper:()=>SidebarOverlayContentWrapper,SidebarPushContentWrapper:()=>SidebarPushContentWrapper,useSidebarNavigationDisclosureState:()=>import_disclosure_primitive.useDisclosurePrimitiveState});module.exports=__toCommonJS(src_exports);var import_animation_library=require("@twilio-paste/animation-library"),import_box2=require("@twilio-paste/box"),import_theme=require("@twilio-paste/theme"),import_uid_library=require("@twilio-paste/uid-library"),import_utils=require("@twilio-paste/utils"),React3=__toESM(require("react"));var React=__toESM(require("react")),SidebarContext=React.createContext({});var import_anchor=require("@twilio-paste/anchor"),import_box=require("@twilio-paste/box"),React2=__toESM(require("react")),SidebarSkipLinkContainer=({element,children})=>React2.createElement(import_box.Box,{element,backgroundColor:"colorBackgroundBody",borderRadius:"borderRadius20",boxShadow:"shadowElevation10",left:10,paddingX:"space60",paddingY:"space30",position:"fixed",top:10,transform:"translateY(-150%)",transition:"transform 0.1s",zIndex:"zIndex90",display:"flex",columnGap:"space60",_focusWithin:{transform:"translateY(0%)"}},children);SidebarSkipLinkContainer.displayName="SkipLinkContainer";var SidebarSkipLinks=({element="SIDEBAR_SKIPLINKS",mainContentSkipLinkID,sidebarNavigationSkipLinkID,topbarSkipLinkID,i18nMainContentSkipLinkText="Skip to content",i18nNavigationSkipLinkText="Skip to navigation",i18nTopbarSkipLinkText="Skip to topbar"})=>React2.createElement(SidebarSkipLinkContainer,{element},React2.createElement(import_anchor.Anchor,{element:`${element}_LINK`,href:`#${mainContentSkipLinkID}`},i18nMainContentSkipLinkText),React2.createElement(import_anchor.Anchor,{element:`${element}_LINK`,href:`#${sidebarNavigationSkipLinkID}`},i18nNavigationSkipLinkText),React2.createElement(import_anchor.Anchor,{element:`${element}_LINK`,href:`#${topbarSkipLinkID}`},i18nTopbarSkipLinkText));SidebarSkipLinks.displayName="SkipLinks";var StyledSidebar=React3.forwardRef((props,ref)=>React3.createElement(import_box2.Box,{...props,as:"aside",overflow:"visible",display:"flex",flexDirection:"column",ref,boxShadow:"shadowElevationRightInverse05",backgroundColor:"colorBackgroundInverse",zIndex:"zIndex50",position:"fixed",top:0,left:0,bottom:0}));StyledSidebar.displayName="StyledSidebar";var AnimatedStyledSidebar=(0,import_animation_library.animated)(StyledSidebar),config={mass:.3,tension:288,friction:20},getCompactSpringConfig=(collapsed,sizeSidebar,sizeSidebarCompact)=>({opacity:1,width:collapsed?sizeSidebarCompact:sizeSidebar,transform:"translateX(0%)",config}),getHiddenSpringConfig=(collapsed,sizeSidebar)=>({opacity:collapsed?0:1,width:sizeSidebar,transform:collapsed?"translateX(-100%)":"translateX(0%)",config}),getMobileSpringConfig=collapsed=>({opacity:collapsed?0:1,width:"100%",transform:collapsed?"translateX(-100%)":"translateX(0%)",config}),Sidebar=React3.forwardRef(({collapsed=!1,variant="default",element="SIDEBAR",mainContentSkipLinkID,sidebarNavigationSkipLinkID,topbarSkipLinkID,i18nMainContentSkipLinkText,i18nNavigationSkipLinkText,i18nTopbarSkipLinkText,children,...props},ref)=>{let sidebarId=(0,import_uid_library.useUID)(),{breakpointIndex}=(0,import_utils.useWindowSize)(),theme=(0,import_theme.useTheme)(),isMobile=breakpointIndex===0,isCompact=variant==="compact",springConfig;isMobile?springConfig=getMobileSpringConfig(collapsed):isCompact?springConfig=getCompactSpringConfig(collapsed,theme.sizes.sizeSidebar,theme.sizes.sizeSidebarCompact):springConfig=getHiddenSpringConfig(collapsed,theme.sizes.sizeSidebar);let styles=(0,import_animation_library.useSpring)(springConfig);return React3.createElement(SidebarContext.Provider,{value:{collapsed,variant,sidebarId,sidebarNavigationSkipLinkID}},React3.createElement(SidebarSkipLinks,{element:`${element}_SKIPLINKS`,mainContentSkipLinkID,sidebarNavigationSkipLinkID,topbarSkipLinkID,i18nMainContentSkipLinkText,i18nNavigationSkipLinkText,i18nTopbarSkipLinkText}),React3.createElement(AnimatedStyledSidebar,{...(0,import_box2.safelySpreadBoxProps)(props),ref,element,width:["100%",isCompact&&collapsed?"sizeSidebarCompact":"sizeSidebar"],style:styles,id:sidebarId},children))});Sidebar.displayName="Sidebar";var import_box3=require("@twilio-paste/box"),React4=__toESM(require("react")),SidebarBody=React4.forwardRef(({element="SIDEBAR_BODY",children,...props},ref)=>React4.createElement(import_box3.Box,{...(0,import_box3.safelySpreadBoxProps)(props),as:"div",element,ref,maxHeight:"100%",overflow:"hidden",flexGrow:1},children));SidebarBody.displayName="SidebarBody";var import_animation_library2=require("@twilio-paste/animation-library"),import_box4=require("@twilio-paste/box"),import_theme2=require("@twilio-paste/theme"),import_utils2=require("@twilio-paste/utils"),React5=__toESM(require("react")),StyledContentWrapper=React5.forwardRef((props,ref)=>React5.createElement(import_box4.Box,{...props,as:"div",position:"relative",ref}));StyledContentWrapper.displayName="StyledContentWrapper";var AnimatedStyledContentWrapper=(0,import_animation_library2.animated)(StyledContentWrapper),SidebarPushContentWrapper=React5.forwardRef(({collapsed=!1,variant="default",element="SIDEBAR_PUSH_CONTENT_WRAPPER",children,...props},ref)=>{let theme=(0,import_theme2.useTheme)(),isCompact=variant==="compact",{breakpointIndex}=(0,import_utils2.useWindowSize)(),styles=(0,import_animation_library2.useSpring)({marginLeft:collapsed?isCompact?theme.sizes.sizeSidebarCompact:"0rem":theme.sizes.sizeSidebar,config:{mass:.3,tension:288,friction:20}});return React5.createElement(AnimatedStyledContentWrapper,{...(0,import_box4.safelySpreadBoxProps)(props),ref,element,style:breakpointIndex===void 0||breakpointIndex===0?void 0:styles,marginLeft:["space0",theme.sizes.sizeSidebar]},children)});SidebarPushContentWrapper.displayName="SidebarPushContentWrapper";var import_box5=require("@twilio-paste/box"),import_utils3=require("@twilio-paste/utils"),React6=__toESM(require("react")),SidebarOverlayContentWrapper=React6.forwardRef(({variant="default",element="SIDEBAR_OVERLAY_CONTENT_WRAPPER",children,...props},ref)=>{let{breakpointIndex}=(0,import_utils3.useWindowSize)();return!(breakpointIndex===0)&&variant==="compact"?React6.createElement(import_box5.Box,{display:"flex",justifyContent:"flex-start"},React6.createElement(import_box5.Box,{role:"presentation",width:"sizeSidebarCompact",height:"100%",minHeight:"1px",flexShrink:0}),React6.createElement(import_box5.Box,{...(0,import_box5.safelySpreadBoxProps)(props),element,as:"div",ref,width:"100%"},children)):React6.createElement(import_box5.Box,{...(0,import_box5.safelySpreadBoxProps)(props),element,as:"div",ref},children)});SidebarOverlayContentWrapper.displayName="SidebarOverlayContentWrapper";var import_box6=require("@twilio-paste/box"),React7=__toESM(require("react")),SidebarHeader=React7.forwardRef(({element="SIDEBAR_HEADER",children,...props},ref)=>React7.createElement(import_box6.Box,{...(0,import_box6.safelySpreadBoxProps)(props),element,ref,paddingX:"space60",minHeight:"sizeTopbar",boxShadow:"shadowElevationBottomInverse05",zIndex:"zIndex40",display:"flex",alignItems:"center",justifyContent:"flex-start",flexShrink:0,columnGap:"space50",overflow:"hidden"},children));SidebarHeader.displayName="SidebarHeader";var import_box7=require("@twilio-paste/box"),React8=__toESM(require("react"));var SidebarHeaderLabel=React8.forwardRef(({element="SIDEBAR_HEADER_LABEL",children,...props},ref)=>{let{collapsed}=React8.useContext(SidebarContext);return React8.createElement(import_box7.Box,{ref,...(0,import_box7.safelySpreadBoxProps)(props),opacity:collapsed?"0":"1",element,fontSize:"fontSize30",fontWeight:"fontWeightSemibold",lineHeight:"lineHeight30",letterSpacing:"-.02em",color:"colorTextInverse",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",margin:"space0"},children)});SidebarHeaderLabel.displayName="SidebarHeaderLabel";var import_button=require("@twilio-paste/button"),React9=__toESM(require("react")),SidebarHeaderIconButton=React9.forwardRef(({element="SIDEBAR_HEADER_ICON_BUTTON",...props},ref)=>React9.createElement(import_button.Button,{...props,size:"icon",variant:"inverse",element,ref}));SidebarHeaderIconButton.displayName="SidebarHeaderIconButton";var import_box8=require("@twilio-paste/box"),React10=__toESM(require("react")),SidebarFooter=React10.forwardRef(({element="SIDEBAR_FOOTER",...props},ref)=>React10.createElement(import_box8.Box,{...(0,import_box8.safelySpreadBoxProps)(props),flexShrink:0,position:"relative",padding:"space60",transition:"padding-right 100ms ease",ref,element}));SidebarFooter.displayName="SidebarFooter";var import_box9=require("@twilio-paste/box"),import_button2=require("@twilio-paste/button"),import_ChevronDoubleLeftIcon=require("@twilio-paste/icons/cjs/ChevronDoubleLeftIcon"),import_ChevronDoubleRightIcon=require("@twilio-paste/icons/cjs/ChevronDoubleRightIcon"),import_screen_reader_only=require("@twilio-paste/screen-reader-only"),React11=__toESM(require("react"));var SidebarCollapseButton=React11.forwardRef(({i18nExpandLabel,i18nCollapseLabel,element="SIDEBAR_COLLAPSE_BUTTON",...props},ref)=>{let{collapsed,sidebarId}=React11.useContext(SidebarContext);return React11.createElement(import_box9.Box,{display:"flex",justifyContent:"flex-end"},React11.createElement(import_button2.Button,{ref,size:"icon",variant:"inverse",element,...props,tabIndex:0,"aria-expanded":!collapsed,"aria-controls":sidebarId},collapsed?React11.createElement(React11.Fragment,null,React11.createElement(import_ChevronDoubleRightIcon.ChevronDoubleRightIcon,{size:"sizeIcon20",decorative:!0,element:`${element}_EXPAND`}),React11.createElement(import_screen_reader_only.ScreenReaderOnly,null,i18nExpandLabel)):React11.createElement(React11.Fragment,null,React11.createElement(import_ChevronDoubleLeftIcon.ChevronDoubleLeftIcon,{size:"sizeIcon20",decorative:!0,element:`${element}_COLLAPSE`}),React11.createElement(import_screen_reader_only.ScreenReaderOnly,null,i18nCollapseLabel))))});SidebarCollapseButton.displayName="SidebarCollapseButton";var import_box10=require("@twilio-paste/box"),import_styling_library=require("@twilio-paste/styling-library"),React13=__toESM(require("react"));var React12=__toESM(require("react")),SidebarNavigationContext=React12.createContext({});var SidebarNavigationWrapper=import_styling_library.styled.nav(({theme})=>{let{colorBackgroundInverse,colorBackgroundInverseStrongerElevation,colorBackgroundInverseStrongElevation}=theme.backgroundColors;return(0,import_styling_library.css)({overflowScrolling:"touch",background:`linear-gradient(${colorBackgroundInverse} 33%, rgba(20,28,44, 0)),
    linear-gradient(rgba(20,28,44, 0), ${colorBackgroundInverse} 66%) 0 100%,
    radial-gradient(farthest-side at 50% 100%, rgba(57, 71, 98, 0.5), rgba(0,0,0,0)) 0 100%`,backgroundRepeat:"no-repeat",backgroundSize:"100% 15px, 100% 15px, 100% 5px, 100% 5px",backgroundAttachment:"local, local, scroll, scroll","::-webkit-scrollbar":{width:"6px"},"::-webkit-scrollbar-track":{marginTop:"8px",background:colorBackgroundInverse},"::-webkit-scrollbar-thumb":{background:colorBackgroundInverseStrongElevation,borderRadius:"10px"},"::-webkit-scrollbar-thumb:hover":{background:colorBackgroundInverseStrongerElevation}})}),SidebarNavigation=React13.forwardRef(({element="SIDEBAR_NAVIGATION",hideItemsOnCollapse=!1,hierarchical=!1,children,...props},ref)=>{let{collapsed,sidebarNavigationSkipLinkID}=React13.useContext(SidebarContext);return React13.createElement(SidebarNavigationContext.Provider,{value:{hideItemsOnCollapse,hierarchical}},React13.createElement(import_box10.Box,{...(0,import_box10.safelySpreadBoxProps)(props),as:SidebarNavigationWrapper,id:sidebarNavigationSkipLinkID,"aria-label":props["aria-label"],element,ref,transition:"opacity 150ms ease",maxHeight:"100%",overflowY:"auto",overflowX:"hidden",paddingY:"space50",paddingLeft:"space60",paddingRight:collapsed?"space40":"space60",flexGrow:1},children))});SidebarNavigation.displayName="SidebarNavigation";var import_box11=require("@twilio-paste/box"),import_disclosure_primitive=require("@twilio-paste/disclosure-primitive"),React15=__toESM(require("react"));var React14=__toESM(require("react")),SidebarNavigationDisclosureContext=React14.createContext({});var SidebarNavigationDisclosure=React15.forwardRef(({children,element="SIDEBAR_NAVIGATION_DISCLOSURE",state,...props},ref)=>{let{collapsed}=React15.useContext(SidebarContext),{disclosure:parentDisclosure}=React15.useContext(SidebarNavigationDisclosureContext),disclosureContext={disclosure:state||(0,import_disclosure_primitive.useDisclosurePrimitiveState)({animated:!1,...props}),nested:parentDisclosure!=null};return React15.createElement(SidebarNavigationDisclosureContext.Provider,{value:disclosureContext},React15.createElement(import_box11.Box,{...(0,import_box11.safelySpreadBoxProps)(props),element,ref,display:collapsed?"none":"block",marginBottom:"space30"},children))});SidebarNavigationDisclosure.displayName="SidebarNavigationDisclosure";var import_box12=require("@twilio-paste/box"),React16=__toESM(require("react")),SidebarNavigationDisclosureHeadingWrapper=React16.forwardRef(({element="SIDEBAR_NAVIGATION_DISCLOSURE_HEADING_WRAPPER",...props},ref)=>React16.createElement(import_box12.Box,{...(0,import_box12.safelySpreadBoxProps)(props),element,ref,display:"flex",alignItems:"center",justifyContent:"space-between",columnGap:"space30"}));SidebarNavigationDisclosureHeadingWrapper.displayName="SidebarNavigationDisclosureHeadingWrapper";var import_box13=require("@twilio-paste/box"),import_disclosure_primitive2=require("@twilio-paste/disclosure-primitive"),import_ChevronDisclosureIcon=require("@twilio-paste/icons/cjs/ChevronDisclosureIcon"),import_theme3=require("@twilio-paste/theme"),React17=__toESM(require("react"));var sidebarNavigationLabelStyles={fontStyle:"normal",fontWeight:"fontWeightNormal",fontSize:"fontSize30",lineHeight:"lineHeight20",color:"colorTextInverseWeak",transition:"all 120ms ease",borderRadius:"borderRadius20",cursor:"pointer",display:"flex",flexGrow:1,columnGap:"space20",outline:"none",paddingY:"space30",position:"relative",textDecoration:"none",_focus:{boxShadow:"shadowFocusInverseInset"}},sidebarNavigationLabelNestedStyles={...sidebarNavigationLabelStyles,paddingY:"space20",fontSize:"fontSize20"},sidebarNavigationLabelSelectedStyles={fontWeight:"fontWeightSemibold",color:"colorTextInverse"},sidebarNavigationItemStyles={...sidebarNavigationLabelStyles,background:"none",border:"none",outline:"none",overflow:"hidden",paddingLeft:"space30",paddingRight:"space30",marginBottom:"space30",columnGap:"space30",_hover:{textDecoration:"underline"}},sidebarNavigationItemHierarchicalStyles={paddingLeft:"space70"},sidebarNavigationItemNestedStyles={paddingY:"space20",flexGrow:1,width:"100%",fontSize:"fontSize20",marginBottom:"space20",paddingLeft:"space80"},sidebarNavigationItemCollapsedStyles={color:"colorTextIconInverse",_hover:{background:"none",color:"colorTextInverse"}},sidebarNavigationItemSelectedStyles={...sidebarNavigationLabelSelectedStyles,backgroundColor:"colorBackgroundInverseStrong",color:"colorTextInverse"};var useComputeDisclosureHeadingStyles=({nested,selected})=>{let styles={};return nested?styles=sidebarNavigationLabelNestedStyles:styles=sidebarNavigationLabelStyles,selected&&(styles={...styles,...sidebarNavigationLabelSelectedStyles}),styles},useAdjustIconColor=({icon,selected})=>React17.useMemo(()=>icon?icon&&React17.isValidElement(icon)&&!selected?React17.cloneElement(icon,{color:"colorTextIconInverse"}):icon:null,[icon,selected]),StyledDisclosureHeading=React17.forwardRef(({children,element="SIDEBAR_NAVIGATION_DISCLOSURE_HEADING",selected,icon,...props},ref)=>{let{collapsed,variant}=React17.useContext(SidebarContext),[shouldIconMove,setShouldIconMove]=React17.useState(!1),{nested}=React17.useContext(SidebarNavigationDisclosureContext),isExpanded=props["aria-expanded"],theme=(0,import_theme3.useTheme)(),isCompact=variant==="compact",[visible,setVisible]=React17.useState(isCompact?!isExpanded:!0),timeout=React17.useRef(0);React17.useEffect(()=>{clearTimeout(timeout.current),isCompact&&(timeout.current=setTimeout(()=>{setVisible(!collapsed)},120))},[collapsed,isCompact]);let disclosureHeadingStyles=useComputeDisclosureHeadingStyles({nested,selected}),adjustedIcon=useAdjustIconColor({icon,selected});return React17.createElement(import_box13.Box,{...(0,import_box13.safelySpreadBoxProps)(props),ref,element,onMouseEnter:()=>setShouldIconMove(!0),onMouseLeave:()=>setShouldIconMove(!1),...disclosureHeadingStyles},React17.createElement(import_box13.Box,{as:"span",element:`${element}_EXPAND_ICON`,display:"flex",color:"colorTextIconInverse",height:"sizeIcon20",width:"sizeIcon20",transition:"transform 150ms ease",transform:`
          ${shouldIconMove?`translateX(${theme.space.space10})`:"translateX(0)"}
          ${isExpanded?"rotate(90deg)":"rotate(0deg)"}`},React17.createElement(import_ChevronDisclosureIcon.ChevronDisclosureIcon,{color:"inherit",decorative:!0,size:"sizeIcon20"})),adjustedIcon,React17.createElement(import_box13.Box,{as:"span",display:"block",marginLeft:"space20",transition:"all 120ms ease",float:visible?"none":"left",opacity:visible?1:0,whiteSpace:visible?"normal":"nowrap"},collapsed?null:children))});StyledDisclosureHeading.displayName="StyledDisclosureHeading";var SidebarNavigationDisclosureHeading=React17.forwardRef((props,ref)=>{let{disclosure}=React17.useContext(SidebarNavigationDisclosureContext);return React17.createElement(import_disclosure_primitive2.DisclosurePrimitive,{...disclosure,ref,...props,as:StyledDisclosureHeading})});SidebarNavigationDisclosureHeading.displayName="SidebarNavigationDisclosureHeading";var import_box14=require("@twilio-paste/box"),import_disclosure_primitive3=require("@twilio-paste/disclosure-primitive"),React18=__toESM(require("react"));var SidebarNavigationDisclosureContent=React18.forwardRef(({children,element="SIDEBAR_NAVIGATION_DISCLOSURE_CONTENT",...props},ref)=>{let{disclosure}=React18.useContext(SidebarNavigationDisclosureContext);return React18.createElement(import_disclosure_primitive3.DisclosurePrimitiveContent,{...disclosure,...(0,import_box14.safelySpreadBoxProps)(props),as:import_box14.Box,element,paddingLeft:"space70",color:"colorTextInverseWeak",marginTop:"space20",ref},children)});SidebarNavigationDisclosureContent.displayName="SidebarNavigationDisclosureContent";var import_anchor2=require("@twilio-paste/anchor"),import_box15=require("@twilio-paste/box"),React19=__toESM(require("react"));var SidebarNavigationItem=React19.forwardRef(({element="SIDEBAR_NAVIGATION_ITEM",selected,children,icon,...props},ref)=>{let{collapsed,variant}=React19.useContext(SidebarContext),{disclosure}=React19.useContext(SidebarNavigationDisclosureContext),{hideItemsOnCollapse,hierarchical}=React19.useContext(SidebarNavigationContext),isCompact=variant==="compact",[visible,setVisible]=React19.useState(isCompact?!collapsed:!0),timeout=React19.useRef(0);React19.useEffect(()=>{clearTimeout(timeout.current),isCompact&&(timeout.current=setTimeout(()=>{setVisible(!collapsed)},120))},[collapsed,isCompact]);let isNested=disclosure!=null,styles=React19.useMemo(()=>({...sidebarNavigationItemStyles,...hierarchical&&sidebarNavigationItemHierarchicalStyles,...isNested&&sidebarNavigationItemNestedStyles,...collapsed&&sidebarNavigationItemCollapsedStyles,...selected&&sidebarNavigationItemSelectedStyles,display:collapsed&&hideItemsOnCollapse?"none":"flex",width:collapsed?"36px":"100%"}),[isNested,selected,collapsed,hideItemsOnCollapse,hierarchical]);return React19.createElement(import_box15.Box,{...(0,import_box15.safelySpreadBoxProps)(props),...props.href?(0,import_anchor2.secureExternalLink)(props.href):{},ref,element,as:"a","aria-current":selected?"page":void 0,...styles},icon&&React19.createElement(import_box15.Box,{as:"span",color:selected?"colorTextInverse":"colorTextIconInverse"},icon),React19.createElement(import_box15.Box,{as:"span",display:"flex",alignItems:"center",justifyContent:"space-between",columnGap:"space20",transition:"all 120ms ease",flexGrow:1,float:visible?"none":"left",opacity:visible?1:0,whiteSpace:visible?"normal":"nowrap"},collapsed?null:children))});SidebarNavigationItem.displayName="SidebarNavigationItem";var import_box16=require("@twilio-paste/box"),React20=__toESM(require("react"));var SidebarNavigationSeparator=React20.forwardRef(({element="SIDEBAR_NAVIGATION_SEPARATOR",...props},ref)=>{let{collapsed}=React20.useContext(SidebarContext);return React20.createElement(import_box16.Box,{...(0,import_box16.safelySpreadBoxProps)(props),display:collapsed?"none":"block","aria-orientation":"horizontal",element,marginY:"space50",as:"hr",borderWidth:"borderWidth0",borderColor:"colorBorderInverseWeaker",borderStyle:"solid",borderBottomWidth:"borderWidth10",ref})});SidebarNavigationSeparator.displayName="SidebarNavigationSeparator";var import_badge=require("@twilio-paste/badge"),import_box17=require("@twilio-paste/box"),React21=__toESM(require("react")),SidebarBetaBadgeSpanStyles={...import_badge.badgeBaseStyles,paddingX:"space20",paddingY:"space10",boxShadow:"shadowBorderInverseNewWeaker",backgroundColor:"colorBackgroundInverseStrong",color:"colorTextInverseNew"},SidebarBetaBadgeButtonStyles={...SidebarBetaBadgeSpanStyles,boxShadow:"shadowBorderBottomInverseNewWeaker",cursor:"pointer",_hover:{top:"1px",boxShadow:"none"},_focus:{top:"1px",boxShadow:"shadowFocusInverse"}},SidebarBetaBadge=React21.forwardRef(({children,as,element="SIDEBAR_BETA_BADGE",onClick,...props},ref)=>{let resizedChildren=(0,import_badge.useResizeChildIcons)(children),styles=as==="button"?SidebarBetaBadgeButtonStyles:SidebarBetaBadgeSpanStyles,handleOnClick=as==="button"?onClick:void 0;return React21.createElement(import_box17.Box,{...(0,import_box17.safelySpreadBoxProps)(props),...styles,as,ref,element,onClick:handleOnClick},resizedChildren)});SidebarBetaBadge.displayName="SidebarBetaBadge";