@idea-fragments/react-components-zendesk 0.1.65 → 0.1.66

package/dist/chats.js

@@ -1340,7 +1340,7 @@ onChange(e.target.value,e);},[onChange]);message=(validation===null||validation=
 ,__assign({// @ts-ignore
 placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:notifyParentOfChange})),message?jsxRuntime.jsx(Message,__assign({css:"\n                &&& {\n                  font-size: ".concat(FONT_SIZES.XS,";\n                }\n              "),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))}));});var hoverFocusStyling=styled.css(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n  :hover {\n    border-color: ",";\n  }\n\n  :focus {\n    border-color: ",";\n    box-shadow: ",";\n  }\n"],["\n  :hover {\n    border-color: ",";\n  }\n\n  :focus {\n    border-color: ",";\n    box-shadow: ",";\n  }\n"// @ts-ignore
 ])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});// @ts-ignore
-TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n    ","\n  }\n"],["\n  &&&& {\n    font-size: inherit;\n    ","\n  }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$2=styled__default["default"](FlexBox)(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n  ","\n  && * {\n    font-size: inherit;\n  }\n"],["\n  ","\n  && * {\n    font-size: inherit;\n  }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$5,templateObject_2$5,templateObject_3$5,templateObject_4$5,templateObject_5$4;var TextArea=function(_a){var _b=_a.autoExpand,autoExpand=_b===void 0?false:_b,characterLimit=_a.characterLimit;_a.hint;var onChange=_a.onChange,resizable=_a.resizable,props=__rest(_a,["autoExpand","characterLimit","hint","onChange","resizable"]);var validation=function(){var _a,_b;if(!characterLimit)return props.validation;var currentLength=(_b=(_a=props.value)===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0;var limitValidationState=currentLength>characterLimit?VALIDATION_STATES.ERROR:VALIDATION_STATES.NONE;return{validation:limitValidationState,message:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:["Used ",currentLength," of ",characterLimit," characters."]})};};return jsxRuntime.jsx(TextFieldWrapper,__assign({},props,{validation:validation(),// @ts-ignore
+TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n    ","\n  }\n"],["\n  &&&& {\n    font-size: inherit;\n    ","\n  }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$2=styled__default["default"](FlexBox)(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n  ","\n  && * {\n    font-size: inherit;\n  }\n"],["\n  ","\n  && * {\n    font-size: inherit;\n  }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$5,templateObject_2$5,templateObject_3$5,templateObject_4$5,templateObject_5$3;var TextArea=function(_a){var _b=_a.autoExpand,autoExpand=_b===void 0?false:_b,characterLimit=_a.characterLimit;_a.hint;var onChange=_a.onChange,resizable=_a.resizable,props=__rest(_a,["autoExpand","characterLimit","hint","onChange","resizable"]);var validation=function(){var _a,_b;if(!characterLimit)return props.validation;var currentLength=(_b=(_a=props.value)===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0;var limitValidationState=currentLength>characterLimit?VALIDATION_STATES.ERROR:VALIDATION_STATES.NONE;return{validation:limitValidationState,message:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:["Used ",currentLength," of ",characterLimit," characters."]})};};return jsxRuntime.jsx(TextFieldWrapper,__assign({},props,{validation:validation(),// @ts-ignore
 isResizable:resizable,minRows:autoExpand?2:undefined,maxRows:autoExpand?20:undefined,onChange:onChange,// @ts-ignore
 WrappedComponent:Textarea}));};// @ts-ignore
 TextArea.COMPONENT_NAME="TextArea";/**
@@ -1353,7 +1353,7 @@ TextArea.COMPONENT_NAME="TextArea";/**
  *
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
- */function _extends$2(){_extends$2=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2.apply(this,arguments);}const SIZE$1=['small','medium','large'];const COMPONENT_ID$5$1='buttons.button_group_view';const StyledButtonGroup=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledButtonGroup",componentId:"sc-1fbpzef-0"})(["display:inline-flex;position:relative;z-index:0;direction:",";white-space:nowrap;",";"],props=>props.theme.rtl&&'rtl',props=>retrieveComponentStyles(COMPONENT_ID$5$1,props));StyledButtonGroup.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$1='buttons.icon';const sizeStyles$1=props=>{let marginProperty;if(props.position==='start'){marginProperty=`margin-${props.theme.rtl?'left':'right'}`;}else if(props.position==='end'){marginProperty=`margin-${props.theme.rtl?'right':'left'}`;}return marginProperty&&styled.css(["",":","px;"],marginProperty,props.theme.space.base*2);};const StyledIcon=styled__default["default"](_ref=>{let{children,isRotated,theme,...props}=_ref;return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$4$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledIcon",componentId:"sc-19meqgg-0"})(["transform:",";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;",";",";"],props=>props.isRotated&&`rotate(${props.theme.rtl?'-':'+'}180deg)`,props=>sizeStyles$1(props),props=>retrieveComponentStyles(COMPONENT_ID$4$1,props));StyledIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$1='buttons.button';const getBorderRadius=props=>{if(props.isPill){return'100px';}return props.theme.borderRadii.md;};const getDisabledBackgroundColor=props=>{return getColor$1('neutralHue',200,props.theme);};const getHeight=props=>{if(props.size==='small'){return`${props.theme.space.base*8}px`;}else if(props.size==='large'){return`${props.theme.space.base*12}px`;}return`${props.theme.space.base*10}px`;};const colorStyles=props=>{let retVal;let hue;if(props.disabled||props.isNeutral&&(props.isPrimary||props.isSelected)&&!props.isDanger){hue='neutralHue';}else if(props.isDanger){hue='dangerHue';}else{hue='primaryHue';}const shade=600;const baseColor=getColor$1(hue,shade,props.theme);const hoverColor=getColor$1(hue,shade+100,props.theme);const activeColor=getColor$1(hue,shade+200,props.theme);const focusColor=getColor$1('primaryHue',shade,props.theme);const disabledBackgroundColor=getDisabledBackgroundColor(props);const disabledForegroundColor=getColor$1(hue,shade-200,props.theme);if(props.isLink){retVal=styled.css(["outline-color:transparent;background-color:transparent;color:",";"," &:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}&:disabled{color:",";}"],baseColor,focusStyles({theme:props.theme,condition:false,styles:{color:baseColor,outlineColor:focusColor}}),hoverColor,activeColor,disabledForegroundColor);}else if(props.isPrimary||props.isSelected){retVal=styled.css(["outline-color:transparent;background-color:",";color:",";&:hover{background-color:",";}"," &:active{background-color:",";}&[aria-pressed='true'],&[aria-pressed='mixed']{background-color:",";}&:disabled{background-color:",";color:",";}"],props.isPrimary&&props.isSelected?activeColor:baseColor,props.theme.palette.white,hoverColor,focusStyles({theme:props.theme,inset:props.focusInset,shadowWidth:props.focusInset?'sm':'md',spacerWidth:props.focusInset?'sm':'xs',styles:props.isDanger&&props.focusInset?{borderColor:focusColor}:undefined}),activeColor,props.isPrimary&&activeColor,disabledBackgroundColor,disabledForegroundColor);}else{const borderColor=props.isNeutral&&!props.isDanger?getColor$1('neutralHue',300,props.theme):baseColor;const foregroundColor=props.isNeutral?props.theme.colors.foreground:baseColor;const hoverBorderColor=props.isNeutral&&!props.isDanger?baseColor:hoverColor;const hoverForegroundColor=props.isNeutral?foregroundColor:hoverColor;retVal=styled.css(["outline-color:transparent;border-color:",";background-color:transparent;color:",";&:hover{border-color:",";background-color:",";color:",";}"," &:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:",";background-color:",";color:",";}&:disabled{border-color:transparent;background-color:",";color:",";}& ","{color:",";}&:hover ",",&:focus-visible ",",&[data-garden-focus-visible] ","{color:",";}&:active ","{color:",";}&:disabled ","{color:",";}"],!props.isBasic&&borderColor,foregroundColor,!props.isBasic&&hoverBorderColor,rgba(baseColor,0.08),hoverForegroundColor,focusStyles({theme:props.theme,inset:props.focusInset,styles:props.isNeutral?{borderColor:baseColor}:undefined}),!props.isBasic&&activeColor,rgba(baseColor,0.2),!props.isNeutral&&activeColor,disabledBackgroundColor,disabledForegroundColor,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade,props.theme),StyledIcon,StyledIcon,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade+100,props.theme),StyledIcon,props.isNeutral&&foregroundColor,StyledIcon,disabledForegroundColor);}return retVal;};const groupStyles=props=>{const{theme,isPrimary,isBasic,isSelected,isPill,focusInset}=props;const{rtl,borderWidths,borders}=theme;const startPosition=rtl?'right':'left';const endPosition=rtl?'left':'right';const marginOffset=borderWidths.sm;const marginDisplacement=`${isPrimary||isBasic?'':'-'}${marginOffset}`;const iconMarginDisplacement=isPill&&'-2px';const disabledBackgroundColor=!isPrimary&&getDisabledBackgroundColor(props);const borderColor=isBasic?'transparent':'revert';const focusColor=getColor$1('primaryHue',600,theme);const focusBoxShadow=isBasic&&!isSelected&&!isPrimary&&getFocusBoxShadow({theme,inset:focusInset,spacerHue:focusColor,hue:'transparent'});return styled.css(["position:relative;transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out,color 0.1s ease-in-out,margin-"," 0.1s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;border:"," ",";","{border-color:",";box-shadow:",";}&:hover,&:active,","{z-index:1;}&:disabled{z-index:-1;background-color:",";}&:not(:first-of-type){margin-",":",";}&:not(:first-of-type):disabled{margin-",":",";}&:not(:first-of-type):not(:last-of-type){border-radius:0;}&:first-of-type:not(:last-of-type){border-top-","-radius:0;border-bottom-","-radius:0;}&:last-of-type:not(:first-of-type){border-top-","-radius:0;border-bottom-","-radius:0;}&:first-of-type:not(:last-of-type) ","{margin-",":",";}&:last-of-type:not(:first-of-type) ","{margin-",":",";}"],startPosition,borders.sm,borderColor,SELECTOR_FOCUS_VISIBLE,focusColor,focusBoxShadow,SELECTOR_FOCUS_VISIBLE,disabledBackgroundColor,startPosition,marginDisplacement,startPosition,marginOffset,endPosition,endPosition,startPosition,startPosition,StyledIcon,endPosition,iconMarginDisplacement,StyledIcon,startPosition,iconMarginDisplacement);};const iconStyles$1=props=>{const size=props.size==='small'?props.theme.iconSizes.sm:props.theme.iconSizes.md;return styled.css(["width:",";min-width:",";height:",";vertical-align:",";"],size,size,size,props.isLink&&'middle');};const sizeStyles=props=>{let retVal;if(props.isLink){retVal=styled.css(["padding:0;font-size:inherit;"]);}else{const height=getHeight(props);const lineHeight=math(`${height} - (${props.theme.borderWidths.sm} * 2)`);let padding;let fontSize;if(props.size==='small'){fontSize=props.theme.fontSizes.sm;padding=`${props.theme.space.base*3}px`;}else{fontSize=props.theme.fontSizes.md;if(props.size==='large'){padding=`${props.theme.space.base*5}px`;}else{padding=`${props.theme.space.base*4}px`;}}retVal=styled.css(["padding:0 ",";height:",";line-height:",";font-size:",";"],em$1(math(`${padding} - ${props.theme.borderWidths.sm}`),fontSize),height,lineHeight,fontSize);}return retVal;};const StyledButton=styled__default["default"].button.attrs(props=>({'data-garden-id':COMPONENT_ID$3$1,'data-garden-version':'8.70.0',type:props.type||'button'})).withConfig({displayName:"StyledButton",componentId:"sc-qe3ace-0"})(["display:",";align-items:",";justify-content:",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;margin:0;border:",";border-radius:",";cursor:pointer;width:",";overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:",";font-family:inherit;font-weight:",";-webkit-font-smoothing:subpixel-antialiased;box-sizing:border-box;user-select:",";-webkit-touch-callout:none;",";&::-moz-focus-inner{border:0;padding:0;}","{text-decoration:none;}&:hover{text-decoration:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out,color 0.1s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;text-decoration:",";}",";&:disabled{cursor:default;text-decoration:",";}& ","{","}"," &&{","}",""],props=>props.isLink?'inline':'inline-flex',props=>!props.isLink&&'center',props=>!props.isLink&&'center',props=>`${props.isLink?`0px solid`:props.theme.borders.sm} transparent`,props=>getBorderRadius(props),props=>props.isStretched?'100%':'',props=>!props.isLink&&'nowrap',props=>props.isLink?'inherit':props.theme.fontWeights.regular,props=>!props.isLink&&'none',props=>sizeStyles(props),SELECTOR_FOCUS_VISIBLE,props=>props.isLink?'underline':'none',props=>props.isLink?'underline':'none',props=>colorStyles(props),props=>props.isLink&&'none',StyledIcon,props=>iconStyles$1(props),StyledButtonGroup,props=>groupStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$3$1,props));StyledButton.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$1='buttons.anchor';const StyledAnchor=styled__default["default"](StyledButton).attrs(props=>({'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.70.0',as:'a',dir:props.theme.rtl?'rtl':undefined,isLink:true,type:undefined})).withConfig({displayName:"StyledAnchor",componentId:"sc-xshgmo-0"})(["direction:",";",";"],props=>props.theme.rtl&&'rtl',props=>retrieveComponentStyles(COMPONENT_ID$2$1,props));StyledAnchor.defaultProps={theme:DEFAULT_THEME};var _path$1;function _extends$1(){_extends$1=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1.apply(this,arguments);}var SvgNewWindowStroke=function SvgNewWindowStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 8.5V10c0 .3-.2.5-.5.5H2c-.3 0-.5-.2-.5-.5V2c0-.3.2-.5.5-.5h1.5M6 6l4-4m-3.5-.5H10c.3 0 .5.2.5.5v3.5"})));};const COMPONENT_ID$1$1='buttons.external_icon';const StyledExternalIcon=styled__default["default"](SvgNewWindowStroke).attrs({'data-garden-id':COMPONENT_ID$1$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledExternalIcon",componentId:"sc-16oz07e-0"})(["transform:",";margin-bottom:-0.085em;padding-left:0.25em;box-sizing:content-box;width:0.85em;height:0.85em;",";"],props=>props.theme.rtl&&'scaleX(-1)',props=>retrieveComponentStyles(COMPONENT_ID$1$1,props));StyledExternalIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6='buttons.icon_button';const iconColorStyles=props=>{const shade=600;const baseColor=getColor$1('neutralHue',shade,props.theme);const hoverColor=getColor$1('neutralHue',shade+100,props.theme);const activeColor=getColor$1('neutralHue',shade+200,props.theme);return styled.css(["color:",";&:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}"],baseColor,hoverColor,activeColor);};const iconButtonStyles=props=>{const width=getHeight(props);return styled.css(["border:",";padding:0;width:",";min-width:",";",";&:disabled{background-color:",";}"],props.isBasic&&'none',width,width,props.isBasic&&!(props.isPrimary||props.isDanger||props.disabled)&&iconColorStyles(props),!props.isPrimary&&'transparent');};const iconStyles=props=>{const size=props.theme.iconSizes.md;return styled.css(["width:",";height:",";& > svg{transition:opacity 0.15s ease-in-out;}"],size,size);};const StyledIconButton=styled__default["default"](StyledButton).attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledIconButton",componentId:"sc-1t0ughp-0"})(["",";& ","{","}",";"],props=>iconButtonStyles(props),StyledIcon,props=>iconStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$6,props));StyledIconButton.defaultProps={theme:DEFAULT_THEME};const ButtonGroupContext=React__default.createContext(undefined);const useButtonGroupContext=()=>{return React__default.useContext(ButtonGroupContext);};const SplitButtonContext=React__default.createContext(undefined);const useSplitButtonContext=()=>{return React__default.useContext(SplitButtonContext);};const StartIconComponent=props=>React__default__default["default"].createElement(StyledIcon,_extends$2({position:"start"},props));StartIconComponent.displayName='Button.StartIcon';const StartIcon=StartIconComponent;const EndIconComponent=props=>React__default__default["default"].createElement(StyledIcon,_extends$2({position:"end"},props));EndIconComponent.displayName='Button.EndIcon';const EndIcon=EndIconComponent;const ButtonComponent=React__default.forwardRef((props,ref)=>{const buttonGroupContext=useButtonGroupContext();const splitButtonContext=useSplitButtonContext();let computedRef=ref;let computedProps={...props,focusInset:props.focusInset||buttonGroupContext!==undefined||splitButtonContext};if(buttonGroupContext&&!props.disabled){if(!props.value){throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');}computedProps=buttonGroupContext.getButtonProps({isSelected:props.value===buttonGroupContext.selectedItem,...computedProps});computedRef=mergeRefs([computedProps.ref,ref]);}return React__default__default["default"].createElement(StyledButton,_extends$2({},computedProps,{ref:computedRef}));});ButtonComponent.displayName='Button';ButtonComponent.propTypes={isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isDanger:propTypes.exports.bool,isPill:propTypes.exports.bool,isBasic:propTypes.exports.bool,focusInset:propTypes.exports.bool,isLink:propTypes.exports.bool,isStretched:propTypes.exports.bool,isSelected:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1)};ButtonComponent.defaultProps={size:'medium'};const Button$1=ButtonComponent;Button$1.EndIcon=EndIcon;Button$1.StartIcon=StartIcon;const Anchor=React__default.forwardRef((_ref,ref)=>{let{children,isExternal,externalIconLabel,...otherProps}=_ref;let anchorProps=otherProps;if(isExternal){anchorProps={target:'_blank',rel:'noopener noreferrer',...anchorProps};}const checkProps=isExternal?{externalIconLabel}:{noIconLabel:'true'};const iconAriaLabel=useText(Anchor,checkProps,isExternal?'externalIconLabel':'noIconLabel','(opens in a new tab)');return React__default__default["default"].createElement(StyledAnchor,_extends$2({ref:ref},anchorProps),children,isExternal&&React__default__default["default"].createElement(StyledExternalIcon,{role:"img","aria-label":iconAriaLabel,"aria-hidden":undefined}));});Anchor.displayName='Anchor';Anchor.propTypes={isExternal:propTypes.exports.bool,isDanger:propTypes.exports.bool,externalIconLabel:propTypes.exports.string};const ButtonGroup=React__default.forwardRef((_ref,ref)=>{let{children,onSelect,selectedItem:controlledSelectedValue,...otherProps}=_ref;const{rtl}=React__default.useContext(styled.ThemeContext)||DEFAULT_THEME;const[internalSelectedValue,setInternalSelectedValue]=React__default.useState();const selectedValue=getControlledValue(controlledSelectedValue,internalSelectedValue);const values=React__default.useMemo(()=>React__default.Children.toArray(children).reduce((buttons,child)=>{if(React__default.isValidElement(child)&&child.type!=='string'&&!child.props.disabled){buttons.push(child.props.value);}return buttons;},[]),[children]);const{selectedValue:selectedItem,getElementProps,getGroupProps}=useSelection({rtl,values,defaultSelectedValue:values[0],selectedValue,onSelect:React__default.useCallback(value=>{onSelect&&onSelect(value);setInternalSelectedValue(value);},[onSelect])});const contextValue=React__default.useMemo(()=>({selectedItem,getButtonProps:props=>getElementProps({role:'button',selectedAriaKey:'aria-pressed',...props})}),[selectedItem,getElementProps]);return React__default__default["default"].createElement(ButtonGroupContext.Provider,{value:contextValue},React__default__default["default"].createElement(StyledButtonGroup,_extends$2({ref:ref},getGroupProps(otherProps)),children));});ButtonGroup.displayName='ButtonGroup';ButtonGroup.propTypes={selectedItem:propTypes.exports.any,onSelect:propTypes.exports.func};const IconButton=React__default.forwardRef((_ref,ref)=>{let{children,isRotated,...otherProps}=_ref;const focusInset=useSplitButtonContext();return React__default__default["default"].createElement(StyledIconButton,_extends$2({ref:ref},otherProps,{focusInset:otherProps.focusInset||focusInset}),React__default__default["default"].createElement(StyledIcon,{isRotated:isRotated},children));});IconButton.displayName='IconButton';IconButton.propTypes={isDanger:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1),isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isBasic:propTypes.exports.bool,isPill:propTypes.exports.bool,focusInset:propTypes.exports.bool,isRotated:propTypes.exports.bool};IconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var _path;function _extends$3(){_extends$3=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$3.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};const ChevronButton=React__default.forwardRef((_ref,ref)=>{let{...buttonProps}=_ref;return React__default__default["default"].createElement(IconButton,_extends$2({ref:ref},buttonProps),React__default__default["default"].createElement(SvgChevronDownStroke,null));});ChevronButton.displayName='ChevronButton';ChevronButton.propTypes=IconButton.propTypes;ChevronButton.defaultProps={isBasic:false,isPill:false,size:'medium'};const SplitButton=React__default.forwardRef((_ref,ref)=>{let{children,...other}=_ref;return React__default__default["default"].createElement(SplitButtonContext.Provider,{value:true},React__default__default["default"].createElement(StyledButtonGroup,_extends$2({ref:ref},other),children));});SplitButton.displayName='SplitButton';const ToggleButton=React__default.forwardRef((_ref,ref)=>{let{isPressed,...otherProps}=_ref;return React__default__default["default"].createElement(Button$1,_extends$2({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleButton.displayName='ToggleButton';ToggleButton.propTypes={...Button$1.propTypes,isPressed:propTypes.exports.oneOf([true,false,'mixed'])};ToggleButton.defaultProps={size:'medium'};const ToggleIconButton=React__default.forwardRef((_ref,ref)=>{let{isPressed,...otherProps}=_ref;return React__default__default["default"].createElement(IconButton,_extends$2({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleIconButton.displayName='ToggleIconButton';ToggleIconButton.propTypes={...IconButton.propTypes,isPressed:propTypes.exports.oneOf([true,false,'mixed'])};ToggleIconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),function(props){return props.color?"color: ".concat(props.theme.styles.getTextColorForBackground({color:props.color,theme:props.theme}),";"):"";});styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$4,templateObject_2$4,templateObject_3$4,templateObject_4$4;var getInlineStyling=styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n  padding: 0;\n  //width: unset;\n  min-width: auto;\n  line-height: normal;\n"],["\n  padding: 0;\n  //width: unset;\n  min-width: auto;\n  line-height: normal;\n"])));var textColorForButton=styled.css(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var flat=_a.flat,inline=_a.inline,primary=_a.primary;return flat||inline||!primary?textColorForFlatButton:textColorForBackground;});var textColorForFlatButton=styled.css(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n  background: ",";\n\n  @media (hover: hover) {\n    &:hover {\n      background: ",";\n    }\n  }\n\n  :active {\n    background: ",";\n  }\n\n  ","\n"],["\n  background: ",";\n\n  @media (hover: hover) {\n    &:hover {\n      background: ",";\n    }\n  }\n\n  :active {\n    background: ",";\n  }\n\n  ","\n"])),function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return flat||!primary||inline?"transparent":color;},function(_a){var primary=_a.primary,color=_a.color;return primary?lightnessDelta(color,10):lightness(color,95);},function(_a){var primary=_a.primary,color=_a.color;return primary?dark(color):lightness(color,85);},textColorForButton);var flatButtonStates=styled.css(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n  @media (hover: hover) {\n    &:hover {\n      color: ",";\n    }\n  }\n\n  :active {\n    color: ",";\n  }\n"],["\n  @media (hover: hover) {\n    &:hover {\n      color: ",";\n    }\n  }\n\n  :active {\n    color: ",";\n  }\n"])),function(_a){var color=_a.color;return dark(color);},function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n  @media (hover: hover) {\n    &:hover:hover {\n      color: ",";\n      background-color: unset;\n    }\n  }\n\n  :focus:focus {\n    color: ",";\n    background-color: unset;\n  }\n\n  :active:active {\n    color: ",";\n    background-color: unset;\n  }\n"],["\n  @media (hover: hover) {\n    &:hover:hover {\n      color: ",";\n      background-color: unset;\n    }\n  }\n\n  :focus:focus {\n    color: ",";\n    background-color: unset;\n  }\n\n  :active:active {\n    color: ",";\n    background-color: unset;\n  }\n"])),function(props){return lighter(props.color);},function(props){return lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$3,templateObject_2$3,templateObject_3$3,templateObject_4$3,templateObject_5$3,templateObject_6$1,templateObject_7$1;var lodash={exports:{}};/**
+ */function _extends$2(){_extends$2=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2.apply(this,arguments);}const SIZE$1=['small','medium','large'];const COMPONENT_ID$5$1='buttons.button_group_view';const StyledButtonGroup=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledButtonGroup",componentId:"sc-1fbpzef-0"})(["display:inline-flex;position:relative;z-index:0;direction:",";white-space:nowrap;",";"],props=>props.theme.rtl&&'rtl',props=>retrieveComponentStyles(COMPONENT_ID$5$1,props));StyledButtonGroup.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4$1='buttons.icon';const sizeStyles$1=props=>{let marginProperty;if(props.position==='start'){marginProperty=`margin-${props.theme.rtl?'left':'right'}`;}else if(props.position==='end'){marginProperty=`margin-${props.theme.rtl?'right':'left'}`;}return marginProperty&&styled.css(["",":","px;"],marginProperty,props.theme.space.base*2);};const StyledIcon=styled__default["default"](_ref=>{let{children,isRotated,theme,...props}=_ref;return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$4$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledIcon",componentId:"sc-19meqgg-0"})(["transform:",";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;",";",";"],props=>props.isRotated&&`rotate(${props.theme.rtl?'-':'+'}180deg)`,props=>sizeStyles$1(props),props=>retrieveComponentStyles(COMPONENT_ID$4$1,props));StyledIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$1='buttons.button';const getBorderRadius=props=>{if(props.isPill){return'100px';}return props.theme.borderRadii.md;};const getDisabledBackgroundColor=props=>{return getColor$1('neutralHue',200,props.theme);};const getHeight=props=>{if(props.size==='small'){return`${props.theme.space.base*8}px`;}else if(props.size==='large'){return`${props.theme.space.base*12}px`;}return`${props.theme.space.base*10}px`;};const colorStyles=props=>{let retVal;let hue;if(props.disabled||props.isNeutral&&(props.isPrimary||props.isSelected)&&!props.isDanger){hue='neutralHue';}else if(props.isDanger){hue='dangerHue';}else{hue='primaryHue';}const shade=600;const baseColor=getColor$1(hue,shade,props.theme);const hoverColor=getColor$1(hue,shade+100,props.theme);const activeColor=getColor$1(hue,shade+200,props.theme);const focusColor=getColor$1('primaryHue',shade,props.theme);const disabledBackgroundColor=getDisabledBackgroundColor(props);const disabledForegroundColor=getColor$1(hue,shade-200,props.theme);if(props.isLink){retVal=styled.css(["outline-color:transparent;background-color:transparent;color:",";"," &:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}&:disabled{color:",";}"],baseColor,focusStyles({theme:props.theme,condition:false,styles:{color:baseColor,outlineColor:focusColor}}),hoverColor,activeColor,disabledForegroundColor);}else if(props.isPrimary||props.isSelected){retVal=styled.css(["outline-color:transparent;background-color:",";color:",";&:hover{background-color:",";}"," &:active{background-color:",";}&[aria-pressed='true'],&[aria-pressed='mixed']{background-color:",";}&:disabled{background-color:",";color:",";}"],props.isPrimary&&props.isSelected?activeColor:baseColor,props.theme.palette.white,hoverColor,focusStyles({theme:props.theme,inset:props.focusInset,shadowWidth:props.focusInset?'sm':'md',spacerWidth:props.focusInset?'sm':'xs',styles:props.isDanger&&props.focusInset?{borderColor:focusColor}:undefined}),activeColor,props.isPrimary&&activeColor,disabledBackgroundColor,disabledForegroundColor);}else{const borderColor=props.isNeutral&&!props.isDanger?getColor$1('neutralHue',300,props.theme):baseColor;const foregroundColor=props.isNeutral?props.theme.colors.foreground:baseColor;const hoverBorderColor=props.isNeutral&&!props.isDanger?baseColor:hoverColor;const hoverForegroundColor=props.isNeutral?foregroundColor:hoverColor;retVal=styled.css(["outline-color:transparent;border-color:",";background-color:transparent;color:",";&:hover{border-color:",";background-color:",";color:",";}"," &:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:",";background-color:",";color:",";}&:disabled{border-color:transparent;background-color:",";color:",";}& ","{color:",";}&:hover ",",&:focus-visible ",",&[data-garden-focus-visible] ","{color:",";}&:active ","{color:",";}&:disabled ","{color:",";}"],!props.isBasic&&borderColor,foregroundColor,!props.isBasic&&hoverBorderColor,rgba(baseColor,0.08),hoverForegroundColor,focusStyles({theme:props.theme,inset:props.focusInset,styles:props.isNeutral?{borderColor:baseColor}:undefined}),!props.isBasic&&activeColor,rgba(baseColor,0.2),!props.isNeutral&&activeColor,disabledBackgroundColor,disabledForegroundColor,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade,props.theme),StyledIcon,StyledIcon,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade+100,props.theme),StyledIcon,props.isNeutral&&foregroundColor,StyledIcon,disabledForegroundColor);}return retVal;};const groupStyles=props=>{const{theme,isPrimary,isBasic,isSelected,isPill,focusInset}=props;const{rtl,borderWidths,borders}=theme;const startPosition=rtl?'right':'left';const endPosition=rtl?'left':'right';const marginOffset=borderWidths.sm;const marginDisplacement=`${isPrimary||isBasic?'':'-'}${marginOffset}`;const iconMarginDisplacement=isPill&&'-2px';const disabledBackgroundColor=!isPrimary&&getDisabledBackgroundColor(props);const borderColor=isBasic?'transparent':'revert';const focusColor=getColor$1('primaryHue',600,theme);const focusBoxShadow=isBasic&&!isSelected&&!isPrimary&&getFocusBoxShadow({theme,inset:focusInset,spacerHue:focusColor,hue:'transparent'});return styled.css(["position:relative;transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out,color 0.1s ease-in-out,margin-"," 0.1s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;border:"," ",";","{border-color:",";box-shadow:",";}&:hover,&:active,","{z-index:1;}&:disabled{z-index:-1;background-color:",";}&:not(:first-of-type){margin-",":",";}&:not(:first-of-type):disabled{margin-",":",";}&:not(:first-of-type):not(:last-of-type){border-radius:0;}&:first-of-type:not(:last-of-type){border-top-","-radius:0;border-bottom-","-radius:0;}&:last-of-type:not(:first-of-type){border-top-","-radius:0;border-bottom-","-radius:0;}&:first-of-type:not(:last-of-type) ","{margin-",":",";}&:last-of-type:not(:first-of-type) ","{margin-",":",";}"],startPosition,borders.sm,borderColor,SELECTOR_FOCUS_VISIBLE,focusColor,focusBoxShadow,SELECTOR_FOCUS_VISIBLE,disabledBackgroundColor,startPosition,marginDisplacement,startPosition,marginOffset,endPosition,endPosition,startPosition,startPosition,StyledIcon,endPosition,iconMarginDisplacement,StyledIcon,startPosition,iconMarginDisplacement);};const iconStyles$1=props=>{const size=props.size==='small'?props.theme.iconSizes.sm:props.theme.iconSizes.md;return styled.css(["width:",";min-width:",";height:",";vertical-align:",";"],size,size,size,props.isLink&&'middle');};const sizeStyles=props=>{let retVal;if(props.isLink){retVal=styled.css(["padding:0;font-size:inherit;"]);}else{const height=getHeight(props);const lineHeight=math(`${height} - (${props.theme.borderWidths.sm} * 2)`);let padding;let fontSize;if(props.size==='small'){fontSize=props.theme.fontSizes.sm;padding=`${props.theme.space.base*3}px`;}else{fontSize=props.theme.fontSizes.md;if(props.size==='large'){padding=`${props.theme.space.base*5}px`;}else{padding=`${props.theme.space.base*4}px`;}}retVal=styled.css(["padding:0 ",";height:",";line-height:",";font-size:",";"],em$1(math(`${padding} - ${props.theme.borderWidths.sm}`),fontSize),height,lineHeight,fontSize);}return retVal;};const StyledButton=styled__default["default"].button.attrs(props=>({'data-garden-id':COMPONENT_ID$3$1,'data-garden-version':'8.70.0',type:props.type||'button'})).withConfig({displayName:"StyledButton",componentId:"sc-qe3ace-0"})(["display:",";align-items:",";justify-content:",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;margin:0;border:",";border-radius:",";cursor:pointer;width:",";overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:",";font-family:inherit;font-weight:",";-webkit-font-smoothing:subpixel-antialiased;box-sizing:border-box;user-select:",";-webkit-touch-callout:none;",";&::-moz-focus-inner{border:0;padding:0;}","{text-decoration:none;}&:hover{text-decoration:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out,color 0.1s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;text-decoration:",";}",";&:disabled{cursor:default;text-decoration:",";}& ","{","}"," &&{","}",""],props=>props.isLink?'inline':'inline-flex',props=>!props.isLink&&'center',props=>!props.isLink&&'center',props=>`${props.isLink?`0px solid`:props.theme.borders.sm} transparent`,props=>getBorderRadius(props),props=>props.isStretched?'100%':'',props=>!props.isLink&&'nowrap',props=>props.isLink?'inherit':props.theme.fontWeights.regular,props=>!props.isLink&&'none',props=>sizeStyles(props),SELECTOR_FOCUS_VISIBLE,props=>props.isLink?'underline':'none',props=>props.isLink?'underline':'none',props=>colorStyles(props),props=>props.isLink&&'none',StyledIcon,props=>iconStyles$1(props),StyledButtonGroup,props=>groupStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$3$1,props));StyledButton.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$1='buttons.anchor';const StyledAnchor=styled__default["default"](StyledButton).attrs(props=>({'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.70.0',as:'a',dir:props.theme.rtl?'rtl':undefined,isLink:true,type:undefined})).withConfig({displayName:"StyledAnchor",componentId:"sc-xshgmo-0"})(["direction:",";",";"],props=>props.theme.rtl&&'rtl',props=>retrieveComponentStyles(COMPONENT_ID$2$1,props));StyledAnchor.defaultProps={theme:DEFAULT_THEME};var _path$1;function _extends$1(){_extends$1=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1.apply(this,arguments);}var SvgNewWindowStroke=function SvgNewWindowStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 8.5V10c0 .3-.2.5-.5.5H2c-.3 0-.5-.2-.5-.5V2c0-.3.2-.5.5-.5h1.5M6 6l4-4m-3.5-.5H10c.3 0 .5.2.5.5v3.5"})));};const COMPONENT_ID$1$1='buttons.external_icon';const StyledExternalIcon=styled__default["default"](SvgNewWindowStroke).attrs({'data-garden-id':COMPONENT_ID$1$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledExternalIcon",componentId:"sc-16oz07e-0"})(["transform:",";margin-bottom:-0.085em;padding-left:0.25em;box-sizing:content-box;width:0.85em;height:0.85em;",";"],props=>props.theme.rtl&&'scaleX(-1)',props=>retrieveComponentStyles(COMPONENT_ID$1$1,props));StyledExternalIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6='buttons.icon_button';const iconColorStyles=props=>{const shade=600;const baseColor=getColor$1('neutralHue',shade,props.theme);const hoverColor=getColor$1('neutralHue',shade+100,props.theme);const activeColor=getColor$1('neutralHue',shade+200,props.theme);return styled.css(["color:",";&:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}"],baseColor,hoverColor,activeColor);};const iconButtonStyles=props=>{const width=getHeight(props);return styled.css(["border:",";padding:0;width:",";min-width:",";",";&:disabled{background-color:",";}"],props.isBasic&&'none',width,width,props.isBasic&&!(props.isPrimary||props.isDanger||props.disabled)&&iconColorStyles(props),!props.isPrimary&&'transparent');};const iconStyles=props=>{const size=props.theme.iconSizes.md;return styled.css(["width:",";height:",";& > svg{transition:opacity 0.15s ease-in-out;}"],size,size);};const StyledIconButton=styled__default["default"](StyledButton).attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledIconButton",componentId:"sc-1t0ughp-0"})(["",";& ","{","}",";"],props=>iconButtonStyles(props),StyledIcon,props=>iconStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$6,props));StyledIconButton.defaultProps={theme:DEFAULT_THEME};const ButtonGroupContext=React__default.createContext(undefined);const useButtonGroupContext=()=>{return React__default.useContext(ButtonGroupContext);};const SplitButtonContext=React__default.createContext(undefined);const useSplitButtonContext=()=>{return React__default.useContext(SplitButtonContext);};const StartIconComponent=props=>React__default__default["default"].createElement(StyledIcon,_extends$2({position:"start"},props));StartIconComponent.displayName='Button.StartIcon';const StartIcon=StartIconComponent;const EndIconComponent=props=>React__default__default["default"].createElement(StyledIcon,_extends$2({position:"end"},props));EndIconComponent.displayName='Button.EndIcon';const EndIcon=EndIconComponent;const ButtonComponent=React__default.forwardRef((props,ref)=>{const buttonGroupContext=useButtonGroupContext();const splitButtonContext=useSplitButtonContext();let computedRef=ref;let computedProps={...props,focusInset:props.focusInset||buttonGroupContext!==undefined||splitButtonContext};if(buttonGroupContext&&!props.disabled){if(!props.value){throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');}computedProps=buttonGroupContext.getButtonProps({isSelected:props.value===buttonGroupContext.selectedItem,...computedProps});computedRef=mergeRefs([computedProps.ref,ref]);}return React__default__default["default"].createElement(StyledButton,_extends$2({},computedProps,{ref:computedRef}));});ButtonComponent.displayName='Button';ButtonComponent.propTypes={isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isDanger:propTypes.exports.bool,isPill:propTypes.exports.bool,isBasic:propTypes.exports.bool,focusInset:propTypes.exports.bool,isLink:propTypes.exports.bool,isStretched:propTypes.exports.bool,isSelected:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1)};ButtonComponent.defaultProps={size:'medium'};const Button$1=ButtonComponent;Button$1.EndIcon=EndIcon;Button$1.StartIcon=StartIcon;const Anchor=React__default.forwardRef((_ref,ref)=>{let{children,isExternal,externalIconLabel,...otherProps}=_ref;let anchorProps=otherProps;if(isExternal){anchorProps={target:'_blank',rel:'noopener noreferrer',...anchorProps};}const checkProps=isExternal?{externalIconLabel}:{noIconLabel:'true'};const iconAriaLabel=useText(Anchor,checkProps,isExternal?'externalIconLabel':'noIconLabel','(opens in a new tab)');return React__default__default["default"].createElement(StyledAnchor,_extends$2({ref:ref},anchorProps),children,isExternal&&React__default__default["default"].createElement(StyledExternalIcon,{role:"img","aria-label":iconAriaLabel,"aria-hidden":undefined}));});Anchor.displayName='Anchor';Anchor.propTypes={isExternal:propTypes.exports.bool,isDanger:propTypes.exports.bool,externalIconLabel:propTypes.exports.string};const ButtonGroup=React__default.forwardRef((_ref,ref)=>{let{children,onSelect,selectedItem:controlledSelectedValue,...otherProps}=_ref;const{rtl}=React__default.useContext(styled.ThemeContext)||DEFAULT_THEME;const[internalSelectedValue,setInternalSelectedValue]=React__default.useState();const selectedValue=getControlledValue(controlledSelectedValue,internalSelectedValue);const values=React__default.useMemo(()=>React__default.Children.toArray(children).reduce((buttons,child)=>{if(React__default.isValidElement(child)&&child.type!=='string'&&!child.props.disabled){buttons.push(child.props.value);}return buttons;},[]),[children]);const{selectedValue:selectedItem,getElementProps,getGroupProps}=useSelection({rtl,values,defaultSelectedValue:values[0],selectedValue,onSelect:React__default.useCallback(value=>{onSelect&&onSelect(value);setInternalSelectedValue(value);},[onSelect])});const contextValue=React__default.useMemo(()=>({selectedItem,getButtonProps:props=>getElementProps({role:'button',selectedAriaKey:'aria-pressed',...props})}),[selectedItem,getElementProps]);return React__default__default["default"].createElement(ButtonGroupContext.Provider,{value:contextValue},React__default__default["default"].createElement(StyledButtonGroup,_extends$2({ref:ref},getGroupProps(otherProps)),children));});ButtonGroup.displayName='ButtonGroup';ButtonGroup.propTypes={selectedItem:propTypes.exports.any,onSelect:propTypes.exports.func};const IconButton=React__default.forwardRef((_ref,ref)=>{let{children,isRotated,...otherProps}=_ref;const focusInset=useSplitButtonContext();return React__default__default["default"].createElement(StyledIconButton,_extends$2({ref:ref},otherProps,{focusInset:otherProps.focusInset||focusInset}),React__default__default["default"].createElement(StyledIcon,{isRotated:isRotated},children));});IconButton.displayName='IconButton';IconButton.propTypes={isDanger:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1),isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isBasic:propTypes.exports.bool,isPill:propTypes.exports.bool,focusInset:propTypes.exports.bool,isRotated:propTypes.exports.bool};IconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var _path;function _extends$3(){_extends$3=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$3.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};const ChevronButton=React__default.forwardRef((_ref,ref)=>{let{...buttonProps}=_ref;return React__default__default["default"].createElement(IconButton,_extends$2({ref:ref},buttonProps),React__default__default["default"].createElement(SvgChevronDownStroke,null));});ChevronButton.displayName='ChevronButton';ChevronButton.propTypes=IconButton.propTypes;ChevronButton.defaultProps={isBasic:false,isPill:false,size:'medium'};const SplitButton=React__default.forwardRef((_ref,ref)=>{let{children,...other}=_ref;return React__default__default["default"].createElement(SplitButtonContext.Provider,{value:true},React__default__default["default"].createElement(StyledButtonGroup,_extends$2({ref:ref},other),children));});SplitButton.displayName='SplitButton';const ToggleButton=React__default.forwardRef((_ref,ref)=>{let{isPressed,...otherProps}=_ref;return React__default__default["default"].createElement(Button$1,_extends$2({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleButton.displayName='ToggleButton';ToggleButton.propTypes={...Button$1.propTypes,isPressed:propTypes.exports.oneOf([true,false,'mixed'])};ToggleButton.defaultProps={size:'medium'};const ToggleIconButton=React__default.forwardRef((_ref,ref)=>{let{isPressed,...otherProps}=_ref;return React__default__default["default"].createElement(IconButton,_extends$2({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleIconButton.displayName='ToggleIconButton';ToggleIconButton.propTypes={...IconButton.propTypes,isPressed:propTypes.exports.oneOf([true,false,'mixed'])};ToggleIconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),function(props){return props.color?"color: ".concat(props.theme.styles.getTextColorForBackground({color:props.color,theme:props.theme}),";"):"";});styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$4,templateObject_2$4,templateObject_3$4,templateObject_4$4;var getInlineStyling=styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n  padding: 0;\n  //width: unset;\n  min-width: auto;\n  line-height: normal;\n"],["\n  padding: 0;\n  //width: unset;\n  min-width: auto;\n  line-height: normal;\n"])));var textColorForButton=styled.css(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var flat=_a.flat,inline=_a.inline,primary=_a.primary;return flat||inline||!primary?textColorForFlatButton:textColorForBackground;});var textColorForFlatButton=styled.css(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n  background: ",";\n\n  @media (hover: hover) {\n    &:hover {\n      background: ",";\n    }\n  }\n\n  :active {\n    background: ",";\n  }\n\n  ","\n"],["\n  background: ",";\n\n  @media (hover: hover) {\n    &:hover {\n      background: ",";\n    }\n  }\n\n  :active {\n    background: ",";\n  }\n\n  ","\n"])),function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return flat||!primary||inline?"transparent":color;},function(_a){var primary=_a.primary,color=_a.color;return primary?lightnessDelta(color,10):lightness(color,95);},function(_a){var primary=_a.primary,color=_a.color;return primary?dark(color):lightness(color,85);},textColorForButton);var flatButtonStates=styled.css(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n  @media (hover: hover) {\n    &:hover {\n      color: ",";\n    }\n  }\n\n  :active {\n    color: ",";\n  }\n"],["\n  @media (hover: hover) {\n    &:hover {\n      color: ",";\n    }\n  }\n\n  :active {\n    color: ",";\n  }\n"])),function(_a){var color=_a.color;return dark(color);},function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n  @media (hover: hover) {\n    &:hover:hover {\n      color: ",";\n      background-color: unset;\n    }\n  }\n\n  :focus:focus {\n    color: ",";\n    background-color: unset;\n  }\n\n  :active:active {\n    color: ",";\n    background-color: unset;\n  }\n"],["\n  @media (hover: hover) {\n    &:hover:hover {\n      color: ",";\n      background-color: unset;\n    }\n  }\n\n  :focus:focus {\n    color: ",";\n    background-color: unset;\n  }\n\n  :active:active {\n    color: ",";\n    background-color: unset;\n  }\n"])),function(props){return lighter(props.color);},function(props){return lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$3,templateObject_2$3,templateObject_3$3,templateObject_4$3,templateObject_5$2,templateObject_6$1,templateObject_7$1;var lodash={exports:{}};/**
  * @license
  * Lodash <https://lodash.com/>
  * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
@@ -10833,12 +10833,12 @@ var isArray=function(o){return o instanceof Array;};var isString=function(o){ret
  *
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
- */function _extends(){_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}const dotOneKeyframes=styled.keyframes(["0%{transform:translate(0,5px);}3%{transform:translate(1px,-5px);}6%{transform:translate(3px,-15px);}8%{transform:translate(5px,-18px);}9%{transform:translate(7px,-21px);}11%{transform:translate(8px,-22px);}13%{transform:translate(9px,-23px);}16%{transform:translate(12px,-25px);}18%{transform:translate(13px,-26px);}23%{transform:translate(18px,-26px);}24%{transform:translate(19px,-25px);}28%{transform:translate(22px,-23px);}31%{transform:translate(24px,-21px);}33%{transform:translate(26px,-18px);}34%{transform:translate(28px,-14px);}36%{transform:translate(29px,-12px);}38%{transform:translate(30px,-5px);}39%{transform:translate(31px,5px);}54%{transform:translate(31px,3px);}59%{transform:translate(33px);}61%{transform:translate(43px);}63%{transform:translate(48px);}64%{transform:translate(51px);}66%{transform:translate(53px);}68%{transform:translate(55px);}69%{transform:translate(57px);}76%{transform:translate(60px);}81%{transform:translate(61px);}83%,100%{transform:translate(62px);}"]);const dotTwoKeyframes=styled.keyframes(["4%{transform:translate(0);}6%{transform:translate(-1px);}8%{transform:translate(-2px);}9%{transform:translate(-5px);}11%{transform:translate(-7px);}13%{transform:translate(-12px);}14%{transform:translate(-17px);}16%{transform:translate(-19px);}18%{transform:translate(-22px);}19%{transform:translate(-25px);}21%{transform:translate(-26px);}23%{transform:translate(-27px);}24%{transform:translate(-28px);}26%{transform:translate(-29px);}29%{transform:translate(-30px);}33%,89%{transform:translate(-31px);}91%{transform:translate(-31px,1px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,3px);}99%{transform:translate(-31px,4px);}100%{transform:translate(-31px,5px);}"]);const dotThreeKeyframes=styled.keyframes(["39%{transform:translate(0);}44%{transform:translate(0,1px);}46%{transform:translate(0,2px);}48%{transform:translate(0,3px);}49%{transform:translate(0,4px);}51%{transform:translate(0,5px);}53%{transform:translate(-1px,-6px);}54%{transform:translate(-2px,-13px);}56%{transform:translate(-3px,-15px);}58%{transform:translate(-5px,-19px);}59%{transform:translate(-7px,-21px);}61%{transform:translate(-8px,-22px);}63%{transform:translate(-9px,-24px);}64%{transform:translate(-11px,-25px);}66%{transform:translate(-12px,-26px);}74%{transform:translate(-19px,-26px);}76%{transform:translate(-20px,-25px);}78%{transform:translate(-22px,-24px);}81%{transform:translate(-24px,-21px);}83%{transform:translate(-26px,-19px);}84%{transform:translate(-28px,-15px);}86%{transform:translate(-29px,-13px);}88%{transform:translate(-30px,-6px);}89%{transform:translate(-31px,5px);}91%{transform:translate(-31px,4px);}93%{transform:translate(-31px,3px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,1px);}100%{transform:translate(-31px);}"]);const StyledDotsCircle=styled__default["default"].circle.attrs({cy:36,r:9}).withConfig({displayName:"StyledDots__StyledDotsCircle",componentId:"sc-1ltah7e-0"})([""]);StyledDotsCircle.defaultProps={theme:DEFAULT_THEME};const animationStyles=(animationName,props)=>{return styled.css(["animation:"," ","ms linear infinite;"],animationName,props.duration);};const StyledDotsCircleOne=styled__default["default"](StyledDotsCircle).attrs({cx:9}).withConfig({displayName:"StyledDots__StyledDotsCircleOne",componentId:"sc-1ltah7e-1"})(["",";"],props=>animationStyles(dotOneKeyframes,props));StyledDotsCircleOne.defaultProps={theme:DEFAULT_THEME};const StyledDotsCircleTwo=styled__default["default"](StyledDotsCircle).attrs(()=>({cx:40})).withConfig({displayName:"StyledDots__StyledDotsCircleTwo",componentId:"sc-1ltah7e-2"})(["",";"],props=>animationStyles(dotTwoKeyframes,props));StyledDotsCircleTwo.defaultProps={theme:DEFAULT_THEME};const StyledDotsCircleThree=styled__default["default"](StyledDotsCircle).attrs(()=>({cx:71})).withConfig({displayName:"StyledDots__StyledDotsCircleThree",componentId:"sc-1ltah7e-3"})(["",";"],props=>animationStyles(dotThreeKeyframes,props));StyledDotsCircleThree.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5='loaders.loading_placeholder';const StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.70.0',role:'progressbar'}).withConfig({displayName:"StyledLoadingPlaceholder",componentId:"sc-x3bwsx-0"})(["display:inline-block;width:",";height:",";font-size:",";",""],props=>props.width||'1em',props=>props.height||'0.9em',props=>props.fontSize,props=>retrieveComponentStyles(COMPONENT_ID$5,props));StyledLoadingPlaceholder.defaultProps={theme:DEFAULT_THEME};const sizeToHeight=(size,theme)=>{switch(size){case'small':return theme.space.base/2;case'medium':return theme.space.base*1.5;default:return theme.space.base*3;}};const sizeToBorderRadius=(size,theme)=>sizeToHeight(size,theme)/2;const PROGRESS_BACKGROUND_COMPONENT_ID='loaders.progress_background';const StyledProgressBackground=styled__default["default"].div.attrs(props=>({'data-garden-id':PROGRESS_BACKGROUND_COMPONENT_ID,'data-garden-version':'8.70.0',borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)})).withConfig({displayName:"StyledProgress__StyledProgressBackground",componentId:"sc-2g8w4s-0"})(["margin:","px 0;border-radius:","px;background-color:",";color:",";",""],props=>props.theme.space.base*2,props=>props.borderRadius,props=>getColor$1('neutralHue',200,props.theme),props=>props.color||getColor$1('successHue',600,props.theme),props=>retrieveComponentStyles(PROGRESS_BACKGROUND_COMPONENT_ID,props));StyledProgressBackground.defaultProps={theme:DEFAULT_THEME};const PROGESS_INDICATOR_COMPONENT_ID='loaders.progress_indicator';const StyledProgressIndicator=styled__default["default"].div.attrs(props=>({'data-garden-id':PROGESS_INDICATOR_COMPONENT_ID,'data-garden-version':'8.70.0',height:props.height||sizeToHeight(props.size,props.theme),borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)})).withConfig({displayName:"StyledProgress__StyledProgressIndicator",componentId:"sc-2g8w4s-1"})(["transition:width 0.1s ease-in-out;border-radius:","px;background:currentcolor;width:","%;height:","px;",""],props=>props.borderRadius,props=>props.value,props=>props.height,props=>retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID,props));StyledProgressIndicator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4='loaders.skeleton';const fadeInAnimation=styled.keyframes(["0%,60%{opacity:0;}100%{opacity:1;}"]);const skeletonAnimation=styled.keyframes(["0%{transform:translateX(-100%);}100%{transform:translateX(100%);}"]);const skeletonRtlAnimation=styled.keyframes(["0%{transform:translateX(100%);}100%{transform:translateX(-100%)}"]);const retrieveSkeletonBackgroundColor=_ref=>{let{theme,isLight}=_ref;if(isLight){return styled.css(["background-color:",";"],rgba(theme.colors.background,0.2));}return styled.css(["background-color:",";"],getColor$1('neutralHue',800,theme,0.1));};const retrieveSkeletonAnimation=_ref2=>{let{theme}=_ref2;if(theme.rtl){return styled.css(["animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonRtlAnimation);}return styled.css(["animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonAnimation);};const retrieveSkeletonGradient=_ref3=>{let{theme,isLight}=_ref3;return styled.css(["background-image:linear-gradient( ",",transparent,",",transparent );"],theme.rtl?'-45deg':'45deg',isLight?getColor$1('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};const StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSkeleton",componentId:"sc-1raozze-0"})(["display:inline-block;position:relative;animation:"," 750ms linear;border-radius:",";width:",";height:",";overflow:hidden;line-height:",";"," &::before{position:absolute;top:0;width:1000px;height:100%;content:'';"," ","}",";"],fadeInAnimation,props=>props.theme.borderRadii.md,props=>props.customWidth,props=>props.customHeight,props=>getLineHeight(props.theme.fontSizes.sm,props.theme.space.base*5),retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,props=>retrieveComponentStyles(COMPONENT_ID$4,props));StyledSkeleton.defaultProps={theme:DEFAULT_THEME};const StyledSpinnerCircle=styled__default["default"].circle.attrs(props=>({cx:40,cy:40,r:34,fill:'none',stroke:'currentColor',strokeLinecap:'round',strokeWidth:props.strokeWidthValue,strokeDasharray:`${props.dasharrayValue} 250`,transform:props.transform})).withConfig({displayName:"StyledSpinnerCircle",componentId:"sc-o4kd70-0"})([""]);StyledSpinnerCircle.defaultProps={theme:DEFAULT_THEME};const StyledSVG=styled__default["default"].svg.attrs(props=>({'data-garden-version':'8.70.0',xmlns:'http://www.w3.org/2000/svg',width:props.width,height:props.height,focusable:'false',viewBox:`0 0 ${props.width} ${props.height}`,role:'img'})).withConfig({displayName:"StyledSVG",componentId:"sc-1xtc3kx-0"})(["width:",";height:",";color:",";font-size:",";",";"],props=>props.containerWidth||'1em',props=>props.containerHeight||'0.9em',props=>props.color||'inherit',props=>props.fontSize||'inherit',props=>retrieveComponentStyles(props.dataGardenId,props));StyledSVG.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3='loaders.inline';const PULSE_ANIMATION=styled.keyframes(["0%,100%{opacity:.2;}50%{opacity:.8;}"]);const StyledCircle=styled__default["default"].circle.attrs({fill:'currentColor',cy:2,r:2}).withConfig({displayName:"StyledInline__StyledCircle",componentId:"sc-fxsb9l-0"})([""]);StyledCircle.defaultProps={theme:DEFAULT_THEME};const StyledInline=styled__default["default"].svg.attrs(props=>({'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.70.0',viewBox:'0 0 16 4',width:props.size,height:props.size*0.25})).withConfig({displayName:"StyledInline",componentId:"sc-fxsb9l-1"})(["color:",";","{opacity:0.2;&:nth-child(1){animation:"," 1s infinite;animation-delay:",";}&:nth-child(2){animation:"," 1s infinite;animation-delay:0.2s;}&:nth-child(3){animation:"," 1s infinite;animation-delay:",";}}",""],props=>props.color,StyledCircle,PULSE_ANIMATION,props=>props.theme.rtl?'unset':'0.4s',PULSE_ANIMATION,PULSE_ANIMATION,props=>props.theme.rtl?'0.4s':'unset',props=>retrieveComponentStyles(COMPONENT_ID$3,props));StyledInline.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='loaders.dots';const Dots$1=React__default.forwardRef((_ref,ref)=>{let{size,color,duration,delayMS,...other}=_ref;const theme=React__default.useContext(styled.ThemeContext);const environment=useDocument(theme);const canTransformSVG=React__default.useRef(null);if(environment&&canTransformSVG.current===null){const svg=environment.createElementNS('http://www.w3.org/2000/svg','svg');canTransformSVG.current='transform'in svg;}const{delayComplete}=useSchedule({duration,delayMS,loop:true});const dotOne=React__default.useRef(null);const dotTwo=React__default.useRef(null);const dotThree=React__default.useRef(null);React__default.useEffect(()=>{if(!canTransformSVG.current&&delayComplete){const transforms=[window.getComputedStyle(dotOne.current).getPropertyValue('transform'),window.getComputedStyle(dotTwo.current).getPropertyValue('transform'),window.getComputedStyle(dotThree.current).getPropertyValue('transform')];dotOne.current.setAttribute('transform',transforms[0]);dotTwo.current.setAttribute('transform',transforms[1]);dotThree.current.setAttribute('transform',transforms[2]);}});if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2},other),React__default__default["default"].createElement("g",{fill:"currentColor"},React__default__default["default"].createElement(StyledDotsCircleOne,{duration:duration,ref:dotOne}),React__default__default["default"].createElement(StyledDotsCircleTwo,{duration:duration,ref:dotTwo}),React__default__default["default"].createElement(StyledDotsCircleThree,{duration:duration,ref:dotThree})));});Dots$1.displayName='Dots';Dots$1.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Dots$1.defaultProps={size:'inherit',color:'inherit',duration:1250,delayMS:750};const SIZE=['small','medium','large'];const COMPONENT_ID$1='loaders.progress';const Progress=React__default__default["default"].forwardRef((_ref,ref)=>{let{value,size,'aria-label':label,...other}=_ref;const percentage=Math.max(0,Math.min(100,value));const ariaLabel=useText(Progress,{'aria-label':label},'aria-label','Progress');return React__default__default["default"].createElement(StyledProgressBackground,_extends({"data-garden-id":COMPONENT_ID$1,"data-garden-version":'8.70.0',"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":percentage,role:"progressbar",size:size,ref:ref,"aria-label":ariaLabel},other),React__default__default["default"].createElement(StyledProgressIndicator,{value:percentage,size:size}));});Progress.displayName='Progress';Progress.propTypes={color:propTypes.exports.string,value:propTypes.exports.number.isRequired,size:propTypes.exports.oneOf(SIZE)};Progress.defaultProps={value:0,size:'medium'};const Skeleton=React__default.forwardRef((_ref,ref)=>{let{width,height,isLight,...other}=_ref;return React__default__default["default"].createElement(StyledSkeleton,_extends({ref:ref,isLight:isLight,customWidth:width,customHeight:height},other),"\xA0");});Skeleton.displayName='Skeleton';Skeleton.propTypes={width:propTypes.exports.string,height:propTypes.exports.string,isLight:propTypes.exports.bool};Skeleton.defaultProps={width:'100%',height:'100%'};const STROKE_WIDTH_FRAMES={0:6,14:5,26:4,36:3,46:2,58:3,70:4,80:5,91:6};const ROTATION_FRAMES={0:-90,8:-81,36:-30,41:-18,44:-8,48:0,55:22,63:53,64:62,66:67,68:78,69:90,71:99,73:112,74:129,76:138,78:159,79:180,81:190,83:207,84:221,86:226,88:235,90:243,99:270};const DASHARRAY_FRAMES={0:0,13:2,26:13,53:86,58:90,63:89,64:88,66:86,68:83,69:81,71:76,73:70,74:62,76:58,78:47,79:37,81:31,83:23,84:16,88:10,89:7,98:1,99:0};const COMPONENT_ID='loaders.spinner';const TOTAL_FRAMES=100;const computeFrames=(frames,duration)=>{return Object.entries(frames).reduce((acc,item,index,arr)=>{const[frame,value]=item;const[nextFrame,nextValue]=arr[index+1]||[TOTAL_FRAMES,arr[0][1]];const diff=parseInt(nextFrame,10)-parseInt(frame,10);const frameHz=1000/60;let subDuration=duration/(TOTAL_FRAMES-1)*diff;let lastValue=value;acc[frame]=value;for(let idx=0;idx<diff;idx++){lastValue=lastValue+(nextValue-lastValue)*(frameHz/subDuration);subDuration=duration/(TOTAL_FRAMES-1)*(diff-idx);acc[parseInt(frame,10)+idx+1]=lastValue;}acc[nextFrame]=nextValue;return acc;},{});};const Spinner=React__default.forwardRef((_ref,ref)=>{let{size,duration,color,delayMS,...other}=_ref;const strokeWidthValues=computeFrames(STROKE_WIDTH_FRAMES,duration);const rotationValues=computeFrames(ROTATION_FRAMES,duration);const dasharrayValues=computeFrames(DASHARRAY_FRAMES,duration);const{elapsed,delayComplete}=useSchedule({duration,delayMS});const frame=(elapsed*100).toFixed(0);const strokeWidthValue=strokeWidthValues[frame];const rotationValue=rotationValues[frame];const dasharrayValue=dasharrayValues[frame];const WIDTH=80;const HEIGHT=80;if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{width:"1em",height:"1em",fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID,containerHeight:"1em",containerWidth:"1em"},other),React__default__default["default"].createElement(StyledSpinnerCircle,{dasharrayValue:dasharrayValue,strokeWidthValue:strokeWidthValue,transform:`rotate(${rotationValue}, ${WIDTH/2}, ${HEIGHT/2})`}));});Spinner.displayName='Spinner';Spinner.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Spinner.defaultProps={size:'inherit',duration:1250,color:'inherit',delayMS:750};const Inline=React__default.forwardRef((_ref,ref)=>{let{size,color,...other}=_ref;const ariaLabel=useText(Inline,other,'aria-label','loading');return React__default__default["default"].createElement(StyledInline,_extends({ref:ref,size:size,color:color,"aria-label":ariaLabel,role:"img"},other),React__default__default["default"].createElement(StyledCircle,{cx:"14"}),React__default__default["default"].createElement(StyledCircle,{cx:"8"}),React__default__default["default"].createElement(StyledCircle,{cx:"2"}));});Inline.displayName='Inline';Inline.propTypes={size:propTypes.exports.number,color:propTypes.exports.string};Inline.defaultProps={size:16,color:'inherit'};var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return jsxRuntime.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React__default.useRef();React__default.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var fitContent=styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n  width: fit-content;\n  ","\n"],["\n  width: fit-content;\n  ","\n"])),function(_a){var compact=_a.compact;return compact?"min-width: fit-content; padding: 0 1em;":"";});var fitContainer=styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));var colors=styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n  ",";\n  border-color: ",";\n\n  ",";\n\n  @media (hover: hover) {\n    &:hover {\n      border-color: transparent;\n    }\n  }\n\n  :active {\n    border-color: transparent;\n  }\n"],["\n  ",";\n  border-color: ",";\n\n  ",";\n\n  @media (hover: hover) {\n    &:hover {\n      border-color: transparent;\n    }\n  }\n\n  :active {\n    border-color: transparent;\n  }\n"])),buttonLikeHoverable,function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return!flat&&!primary&&!inline?color:"transparent";},getInlineStyling);var alignment=function(_a){var alignSelf=_a.alignSelf;return alignSelf?styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n        align-self: ",";\n      "],["\n        align-self: ",";\n      "])),alignSelf):"";};var casing=function(_a){var theme=_a.theme;var casing=theme.styles.buttons.textTransform;return casing?styled.css(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n        text-transform: ",";\n      "],["\n        text-transform: ",";\n      "])),casing):"";};var baseColor=function(_a){var color=_a.color,danger=_a.danger,neutral=_a.neutral,success=_a.success,theme=_a.theme,warning=_a.warning;if(color)return color;if(danger)return theme.styles.colorDanger;if(neutral)return COLORS.LIGHT_GREY;if(success)return theme.styles.colorSuccess;if(warning)return theme.styles.colorWarning;return theme.styles.colorPrimary;};var inlineWrapping=styled.css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  white-space: normal;\n  text-align: left;\n  height: auto;\n"],["\n  white-space: normal;\n  text-align: left;\n  height: auto;\n"])));var ButtonBase=styled__default["default"](function(_a){var alignItems=_a.alignItems,children=_a.children,disabled=_a.disabled;_a.groupKey;var icon=_a.icon,iconSize=_a.iconSize,innerAs=_a.innerAs,innerRef=_a.innerRef,iconPosition=_a.iconPosition,loading=_a.loading,onClick=_a.onClick,pill=_a.pill,props=__rest(_a,["alignItems","children","disabled","groupKey","icon","iconSize","innerAs","innerRef","iconPosition","loading","onClick","pill"]);return jsxRuntime.jsx(Button$1// @ts-ignore
+ */function _extends(){_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}const dotOneKeyframes=styled.keyframes(["0%{transform:translate(0,5px);}3%{transform:translate(1px,-5px);}6%{transform:translate(3px,-15px);}8%{transform:translate(5px,-18px);}9%{transform:translate(7px,-21px);}11%{transform:translate(8px,-22px);}13%{transform:translate(9px,-23px);}16%{transform:translate(12px,-25px);}18%{transform:translate(13px,-26px);}23%{transform:translate(18px,-26px);}24%{transform:translate(19px,-25px);}28%{transform:translate(22px,-23px);}31%{transform:translate(24px,-21px);}33%{transform:translate(26px,-18px);}34%{transform:translate(28px,-14px);}36%{transform:translate(29px,-12px);}38%{transform:translate(30px,-5px);}39%{transform:translate(31px,5px);}54%{transform:translate(31px,3px);}59%{transform:translate(33px);}61%{transform:translate(43px);}63%{transform:translate(48px);}64%{transform:translate(51px);}66%{transform:translate(53px);}68%{transform:translate(55px);}69%{transform:translate(57px);}76%{transform:translate(60px);}81%{transform:translate(61px);}83%,100%{transform:translate(62px);}"]);const dotTwoKeyframes=styled.keyframes(["4%{transform:translate(0);}6%{transform:translate(-1px);}8%{transform:translate(-2px);}9%{transform:translate(-5px);}11%{transform:translate(-7px);}13%{transform:translate(-12px);}14%{transform:translate(-17px);}16%{transform:translate(-19px);}18%{transform:translate(-22px);}19%{transform:translate(-25px);}21%{transform:translate(-26px);}23%{transform:translate(-27px);}24%{transform:translate(-28px);}26%{transform:translate(-29px);}29%{transform:translate(-30px);}33%,89%{transform:translate(-31px);}91%{transform:translate(-31px,1px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,3px);}99%{transform:translate(-31px,4px);}100%{transform:translate(-31px,5px);}"]);const dotThreeKeyframes=styled.keyframes(["39%{transform:translate(0);}44%{transform:translate(0,1px);}46%{transform:translate(0,2px);}48%{transform:translate(0,3px);}49%{transform:translate(0,4px);}51%{transform:translate(0,5px);}53%{transform:translate(-1px,-6px);}54%{transform:translate(-2px,-13px);}56%{transform:translate(-3px,-15px);}58%{transform:translate(-5px,-19px);}59%{transform:translate(-7px,-21px);}61%{transform:translate(-8px,-22px);}63%{transform:translate(-9px,-24px);}64%{transform:translate(-11px,-25px);}66%{transform:translate(-12px,-26px);}74%{transform:translate(-19px,-26px);}76%{transform:translate(-20px,-25px);}78%{transform:translate(-22px,-24px);}81%{transform:translate(-24px,-21px);}83%{transform:translate(-26px,-19px);}84%{transform:translate(-28px,-15px);}86%{transform:translate(-29px,-13px);}88%{transform:translate(-30px,-6px);}89%{transform:translate(-31px,5px);}91%{transform:translate(-31px,4px);}93%{transform:translate(-31px,3px);}94%{transform:translate(-31px,2px);}98%{transform:translate(-31px,1px);}100%{transform:translate(-31px);}"]);const StyledDotsCircle=styled__default["default"].circle.attrs({cy:36,r:9}).withConfig({displayName:"StyledDots__StyledDotsCircle",componentId:"sc-1ltah7e-0"})([""]);StyledDotsCircle.defaultProps={theme:DEFAULT_THEME};const animationStyles=(animationName,props)=>{return styled.css(["animation:"," ","ms linear infinite;"],animationName,props.duration);};const StyledDotsCircleOne=styled__default["default"](StyledDotsCircle).attrs({cx:9}).withConfig({displayName:"StyledDots__StyledDotsCircleOne",componentId:"sc-1ltah7e-1"})(["",";"],props=>animationStyles(dotOneKeyframes,props));StyledDotsCircleOne.defaultProps={theme:DEFAULT_THEME};const StyledDotsCircleTwo=styled__default["default"](StyledDotsCircle).attrs(()=>({cx:40})).withConfig({displayName:"StyledDots__StyledDotsCircleTwo",componentId:"sc-1ltah7e-2"})(["",";"],props=>animationStyles(dotTwoKeyframes,props));StyledDotsCircleTwo.defaultProps={theme:DEFAULT_THEME};const StyledDotsCircleThree=styled__default["default"](StyledDotsCircle).attrs(()=>({cx:71})).withConfig({displayName:"StyledDots__StyledDotsCircleThree",componentId:"sc-1ltah7e-3"})(["",";"],props=>animationStyles(dotThreeKeyframes,props));StyledDotsCircleThree.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5='loaders.loading_placeholder';const StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.70.0',role:'progressbar'}).withConfig({displayName:"StyledLoadingPlaceholder",componentId:"sc-x3bwsx-0"})(["display:inline-block;width:",";height:",";font-size:",";",""],props=>props.width||'1em',props=>props.height||'0.9em',props=>props.fontSize,props=>retrieveComponentStyles(COMPONENT_ID$5,props));StyledLoadingPlaceholder.defaultProps={theme:DEFAULT_THEME};const sizeToHeight=(size,theme)=>{switch(size){case'small':return theme.space.base/2;case'medium':return theme.space.base*1.5;default:return theme.space.base*3;}};const sizeToBorderRadius=(size,theme)=>sizeToHeight(size,theme)/2;const PROGRESS_BACKGROUND_COMPONENT_ID='loaders.progress_background';const StyledProgressBackground=styled__default["default"].div.attrs(props=>({'data-garden-id':PROGRESS_BACKGROUND_COMPONENT_ID,'data-garden-version':'8.70.0',borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)})).withConfig({displayName:"StyledProgress__StyledProgressBackground",componentId:"sc-2g8w4s-0"})(["margin:","px 0;border-radius:","px;background-color:",";color:",";",""],props=>props.theme.space.base*2,props=>props.borderRadius,props=>getColor$1('neutralHue',200,props.theme),props=>props.color||getColor$1('successHue',600,props.theme),props=>retrieveComponentStyles(PROGRESS_BACKGROUND_COMPONENT_ID,props));StyledProgressBackground.defaultProps={theme:DEFAULT_THEME};const PROGESS_INDICATOR_COMPONENT_ID='loaders.progress_indicator';const StyledProgressIndicator=styled__default["default"].div.attrs(props=>({'data-garden-id':PROGESS_INDICATOR_COMPONENT_ID,'data-garden-version':'8.70.0',height:props.height||sizeToHeight(props.size,props.theme),borderRadius:props.borderRadius||sizeToBorderRadius(props.size,props.theme)})).withConfig({displayName:"StyledProgress__StyledProgressIndicator",componentId:"sc-2g8w4s-1"})(["transition:width 0.1s ease-in-out;border-radius:","px;background:currentcolor;width:","%;height:","px;",""],props=>props.borderRadius,props=>props.value,props=>props.height,props=>retrieveComponentStyles(PROGESS_INDICATOR_COMPONENT_ID,props));StyledProgressIndicator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4='loaders.skeleton';const fadeInAnimation=styled.keyframes(["0%,60%{opacity:0;}100%{opacity:1;}"]);const skeletonAnimation=styled.keyframes(["0%{transform:translateX(-100%);}100%{transform:translateX(100%);}"]);const skeletonRtlAnimation=styled.keyframes(["0%{transform:translateX(100%);}100%{transform:translateX(-100%)}"]);const retrieveSkeletonBackgroundColor=_ref=>{let{theme,isLight}=_ref;if(isLight){return styled.css(["background-color:",";"],rgba(theme.colors.background,0.2));}return styled.css(["background-color:",";"],getColor$1('neutralHue',800,theme,0.1));};const retrieveSkeletonAnimation=_ref2=>{let{theme}=_ref2;if(theme.rtl){return styled.css(["animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonRtlAnimation);}return styled.css(["animation:"," 1.5s ease-in-out 300ms infinite;"],skeletonAnimation);};const retrieveSkeletonGradient=_ref3=>{let{theme,isLight}=_ref3;return styled.css(["background-image:linear-gradient( ",",transparent,",",transparent );"],theme.rtl?'-45deg':'45deg',isLight?getColor$1('chromeHue',700,theme,0.4):rgba(theme.colors.background,0.6));};const StyledSkeleton=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSkeleton",componentId:"sc-1raozze-0"})(["display:inline-block;position:relative;animation:"," 750ms linear;border-radius:",";width:",";height:",";overflow:hidden;line-height:",";"," &::before{position:absolute;top:0;width:1000px;height:100%;content:'';"," ","}",";"],fadeInAnimation,props=>props.theme.borderRadii.md,props=>props.customWidth,props=>props.customHeight,props=>getLineHeight(props.theme.fontSizes.sm,props.theme.space.base*5),retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,props=>retrieveComponentStyles(COMPONENT_ID$4,props));StyledSkeleton.defaultProps={theme:DEFAULT_THEME};const StyledSpinnerCircle=styled__default["default"].circle.attrs(props=>({cx:40,cy:40,r:34,fill:'none',stroke:'currentColor',strokeLinecap:'round',strokeWidth:props.strokeWidthValue,strokeDasharray:`${props.dasharrayValue} 250`,transform:props.transform})).withConfig({displayName:"StyledSpinnerCircle",componentId:"sc-o4kd70-0"})([""]);StyledSpinnerCircle.defaultProps={theme:DEFAULT_THEME};const StyledSVG=styled__default["default"].svg.attrs(props=>({'data-garden-version':'8.70.0',xmlns:'http://www.w3.org/2000/svg',width:props.width,height:props.height,focusable:'false',viewBox:`0 0 ${props.width} ${props.height}`,role:'img'})).withConfig({displayName:"StyledSVG",componentId:"sc-1xtc3kx-0"})(["width:",";height:",";color:",";font-size:",";",";"],props=>props.containerWidth||'1em',props=>props.containerHeight||'0.9em',props=>props.color||'inherit',props=>props.fontSize||'inherit',props=>retrieveComponentStyles(props.dataGardenId,props));StyledSVG.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3='loaders.inline';const PULSE_ANIMATION=styled.keyframes(["0%,100%{opacity:.2;}50%{opacity:.8;}"]);const StyledCircle=styled__default["default"].circle.attrs({fill:'currentColor',cy:2,r:2}).withConfig({displayName:"StyledInline__StyledCircle",componentId:"sc-fxsb9l-0"})([""]);StyledCircle.defaultProps={theme:DEFAULT_THEME};const StyledInline=styled__default["default"].svg.attrs(props=>({'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.70.0',viewBox:'0 0 16 4',width:props.size,height:props.size*0.25})).withConfig({displayName:"StyledInline",componentId:"sc-fxsb9l-1"})(["color:",";","{opacity:0.2;&:nth-child(1){animation:"," 1s infinite;animation-delay:",";}&:nth-child(2){animation:"," 1s infinite;animation-delay:0.2s;}&:nth-child(3){animation:"," 1s infinite;animation-delay:",";}}",""],props=>props.color,StyledCircle,PULSE_ANIMATION,props=>props.theme.rtl?'unset':'0.4s',PULSE_ANIMATION,PULSE_ANIMATION,props=>props.theme.rtl?'0.4s':'unset',props=>retrieveComponentStyles(COMPONENT_ID$3,props));StyledInline.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='loaders.dots';const Dots$1=React__default.forwardRef((_ref,ref)=>{let{size,color,duration,delayMS,...other}=_ref;const theme=React__default.useContext(styled.ThemeContext);const environment=useDocument(theme);const canTransformSVG=React__default.useRef(null);if(environment&&canTransformSVG.current===null){const svg=environment.createElementNS('http://www.w3.org/2000/svg','svg');canTransformSVG.current='transform'in svg;}const{delayComplete}=useSchedule({duration,delayMS,loop:true});const dotOne=React__default.useRef(null);const dotTwo=React__default.useRef(null);const dotThree=React__default.useRef(null);React__default.useEffect(()=>{if(!canTransformSVG.current&&delayComplete){const transforms=[window.getComputedStyle(dotOne.current).getPropertyValue('transform'),window.getComputedStyle(dotTwo.current).getPropertyValue('transform'),window.getComputedStyle(dotThree.current).getPropertyValue('transform')];dotOne.current.setAttribute('transform',transforms[0]);dotTwo.current.setAttribute('transform',transforms[1]);dotThree.current.setAttribute('transform',transforms[2]);}});if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2},other),React__default__default["default"].createElement("g",{fill:"currentColor"},React__default__default["default"].createElement(StyledDotsCircleOne,{duration:duration,ref:dotOne}),React__default__default["default"].createElement(StyledDotsCircleTwo,{duration:duration,ref:dotTwo}),React__default__default["default"].createElement(StyledDotsCircleThree,{duration:duration,ref:dotThree})));});Dots$1.displayName='Dots';Dots$1.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Dots$1.defaultProps={size:'inherit',color:'inherit',duration:1250,delayMS:750};const SIZE=['small','medium','large'];const COMPONENT_ID$1='loaders.progress';const Progress=React__default__default["default"].forwardRef((_ref,ref)=>{let{value,size,'aria-label':label,...other}=_ref;const percentage=Math.max(0,Math.min(100,value));const ariaLabel=useText(Progress,{'aria-label':label},'aria-label','Progress');return React__default__default["default"].createElement(StyledProgressBackground,_extends({"data-garden-id":COMPONENT_ID$1,"data-garden-version":'8.70.0',"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":percentage,role:"progressbar",size:size,ref:ref,"aria-label":ariaLabel},other),React__default__default["default"].createElement(StyledProgressIndicator,{value:percentage,size:size}));});Progress.displayName='Progress';Progress.propTypes={color:propTypes.exports.string,value:propTypes.exports.number.isRequired,size:propTypes.exports.oneOf(SIZE)};Progress.defaultProps={value:0,size:'medium'};const Skeleton=React__default.forwardRef((_ref,ref)=>{let{width,height,isLight,...other}=_ref;return React__default__default["default"].createElement(StyledSkeleton,_extends({ref:ref,isLight:isLight,customWidth:width,customHeight:height},other),"\xA0");});Skeleton.displayName='Skeleton';Skeleton.propTypes={width:propTypes.exports.string,height:propTypes.exports.string,isLight:propTypes.exports.bool};Skeleton.defaultProps={width:'100%',height:'100%'};const STROKE_WIDTH_FRAMES={0:6,14:5,26:4,36:3,46:2,58:3,70:4,80:5,91:6};const ROTATION_FRAMES={0:-90,8:-81,36:-30,41:-18,44:-8,48:0,55:22,63:53,64:62,66:67,68:78,69:90,71:99,73:112,74:129,76:138,78:159,79:180,81:190,83:207,84:221,86:226,88:235,90:243,99:270};const DASHARRAY_FRAMES={0:0,13:2,26:13,53:86,58:90,63:89,64:88,66:86,68:83,69:81,71:76,73:70,74:62,76:58,78:47,79:37,81:31,83:23,84:16,88:10,89:7,98:1,99:0};const COMPONENT_ID='loaders.spinner';const TOTAL_FRAMES=100;const computeFrames=(frames,duration)=>{return Object.entries(frames).reduce((acc,item,index,arr)=>{const[frame,value]=item;const[nextFrame,nextValue]=arr[index+1]||[TOTAL_FRAMES,arr[0][1]];const diff=parseInt(nextFrame,10)-parseInt(frame,10);const frameHz=1000/60;let subDuration=duration/(TOTAL_FRAMES-1)*diff;let lastValue=value;acc[frame]=value;for(let idx=0;idx<diff;idx++){lastValue=lastValue+(nextValue-lastValue)*(frameHz/subDuration);subDuration=duration/(TOTAL_FRAMES-1)*(diff-idx);acc[parseInt(frame,10)+idx+1]=lastValue;}acc[nextFrame]=nextValue;return acc;},{});};const Spinner=React__default.forwardRef((_ref,ref)=>{let{size,duration,color,delayMS,...other}=_ref;const strokeWidthValues=computeFrames(STROKE_WIDTH_FRAMES,duration);const rotationValues=computeFrames(ROTATION_FRAMES,duration);const dasharrayValues=computeFrames(DASHARRAY_FRAMES,duration);const{elapsed,delayComplete}=useSchedule({duration,delayMS});const frame=(elapsed*100).toFixed(0);const strokeWidthValue=strokeWidthValues[frame];const rotationValue=rotationValues[frame];const dasharrayValue=dasharrayValues[frame];const WIDTH=80;const HEIGHT=80;if(!delayComplete&&delayMS!==0){return React__default__default["default"].createElement(StyledLoadingPlaceholder,{width:"1em",height:"1em",fontSize:size},"\xA0");}return React__default__default["default"].createElement(StyledSVG,_extends({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID,containerHeight:"1em",containerWidth:"1em"},other),React__default__default["default"].createElement(StyledSpinnerCircle,{dasharrayValue:dasharrayValue,strokeWidthValue:strokeWidthValue,transform:`rotate(${rotationValue}, ${WIDTH/2}, ${HEIGHT/2})`}));});Spinner.displayName='Spinner';Spinner.propTypes={size:propTypes.exports.any,duration:propTypes.exports.number,color:propTypes.exports.string,delayMS:propTypes.exports.number};Spinner.defaultProps={size:'inherit',duration:1250,color:'inherit',delayMS:750};const Inline=React__default.forwardRef((_ref,ref)=>{let{size,color,...other}=_ref;const ariaLabel=useText(Inline,other,'aria-label','loading');return React__default__default["default"].createElement(StyledInline,_extends({ref:ref,size:size,color:color,"aria-label":ariaLabel,role:"img"},other),React__default__default["default"].createElement(StyledCircle,{cx:"14"}),React__default__default["default"].createElement(StyledCircle,{cx:"8"}),React__default__default["default"].createElement(StyledCircle,{cx:"2"}));});Inline.displayName='Inline';Inline.propTypes={size:propTypes.exports.number,color:propTypes.exports.string};Inline.defaultProps={size:16,color:'inherit'};var Dots=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?FONT_SIZES.XXL:_b;return jsxRuntime.jsx(Dots$1,{color:color,size:size,delayMS:100,duration:1000});};var useIsMounted=function(){var isMounted=React__default.useRef();React__default.useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);return function(){return!!isMounted.current;};};var fitContent=styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n  width: fit-content;\n  ","\n"],["\n  width: fit-content;\n  ","\n"])),function(_a){var compact=_a.compact;return compact?"min-width: fit-content; padding: 0 1em;":"";});var fitContainer=styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));var colors=styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n  ",";\n  border-color: ",";\n\n  ",";\n\n  @media (hover: hover) {\n    &:hover {\n      border-color: transparent;\n    }\n  }\n\n  :active {\n    border-color: transparent;\n  }\n"],["\n  ",";\n  border-color: ",";\n\n  ",";\n\n  @media (hover: hover) {\n    &:hover {\n      border-color: transparent;\n    }\n  }\n\n  :active {\n    border-color: transparent;\n  }\n"])),buttonLikeHoverable,function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return!flat&&!primary&&!inline?color:"transparent";},getInlineStyling);var alignment=function(_a){var alignSelf=_a.alignSelf;return alignSelf?styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n        align-self: ",";\n      "],["\n        align-self: ",";\n      "])),alignSelf):"";};var casing=function(_a){var theme=_a.theme;var casing=theme.styles.buttons.textTransform;return casing?styled.css(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n        text-transform: ",";\n      "],["\n        text-transform: ",";\n      "])),casing):"";};var baseColor=function(_a){var color=_a.color,danger=_a.danger,neutral=_a.neutral,success=_a.success,theme=_a.theme,warning=_a.warning;if(color)return color;if(danger)return theme.styles.colorDanger;if(neutral)return COLORS.LIGHT_GREY;if(success)return theme.styles.colorSuccess;if(warning)return theme.styles.colorWarning;return theme.styles.colorPrimary;};var inlineWrapping=styled.css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  white-space: normal;\n  text-align: left;\n  height: auto;\n"],["\n  white-space: normal;\n  text-align: left;\n  height: auto;\n"])));var BUTTON_SIZES={SMALL:"small",LARGE:"large"};var ButtonBase=styled__default["default"](function(_a){var alignItems=_a.alignItems,children=_a.children,disabled=_a.disabled;_a.groupKey;var icon=_a.icon,iconSize=_a.iconSize,innerAs=_a.innerAs,innerRef=_a.innerRef,iconPosition=_a.iconPosition,loading=_a.loading,onClick=_a.onClick,pill=_a.pill,props=__rest(_a,["alignItems","children","disabled","groupKey","icon","iconSize","innerAs","innerRef","iconPosition","loading","onClick","pill"]);return jsxRuntime.jsx(Button$1// @ts-ignore
 ,__assign({// @ts-ignore
 as:innerAs,disabled:disabled,isPill:pill,ref:innerRef,onClick:onClick},props,{children:loading?jsxRuntime.jsx(LoaderContainer,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{size:FONT_SIZES.MD})})):icon?jsxRuntime.jsxs(FlexBox,__assign({alignItems:alignItems!==null&&alignItems!==void 0?alignItems:"center",gap:SPACINGS.XS,justifyContent:"center"},{children:[iconPosition==="left"&&jsxRuntime.jsx(Icon,{color:"currentColor",svg:icon,size:iconSize}),children?jsxRuntime.jsx(IconButtonTextContainer,{children:children}):undefined,iconPosition==="right"&&jsxRuntime.jsx(Icon,{color:"currentColor",svg:icon,size:iconSize})]})):jsxRuntime.jsx("span",{children:children})}));}).attrs(function(props){return __assign(__assign({},props),{color:baseColor(props),primary:props.flat?false:props.primary});})(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n    font-weight: bold;\n    ","\n    ","\n    ","\n    ","\n    ","\n    ","\n  }\n"],["\n  &&&& {\n    font-size: inherit;\n    font-weight: bold;\n    ","\n    ","\n    ","\n    ","\n    ","\n    ","\n  }\n"])),function(_a){var wrapInlineText=_a.wrapInlineText;return wrapInlineText?inlineWrapping:"";},function(_a){var fluid=_a.fluid;return!fluid?fitContent:fitContainer;},alignment,casing,function(_a){var disabled=_a.disabled;return!disabled?colors:"";},function(_a){var _css=_a._css;return _css;});var Button=styled__default["default"](React__default.forwardRef(function(_a,ref){var _b=_a.autoLoadable,autoLoadable=_b===void 0?false:_b,disabled=_a.disabled,_c=_a.loading,loadingProp=_c===void 0?false:_c,onClick=_a.onClick,props=__rest(_a,["autoLoadable","disabled","loading","onClick"]);var _d=__read(React__default.useState(false),2),isLoading=_d[0],setIsLoadingTo=_d[1];var isMounted=useIsMounted();var computedIsLoading=React__default.useCallback(function(){return autoLoadable?isLoading:loadingProp;},[autoLoadable,isLoading,loadingProp]);var processClick=function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_b){switch(_b.label){case 0:setIsLoadingTo(true);_b.label=1;case 1:_b.trys.push([1,3,,4]);return[4/*yield*/,onClick(e)];case 2:_b.sent();return[3/*break*/,4];case 3:_b.sent();return[3/*break*/,4];case 4:if(isMounted())setIsLoadingTo(false);return[2/*return*/];}});});};return jsxRuntime.jsx(ButtonBase,__assign({},props,{disabled:disabled||computedIsLoading(),innerRef:ref,loading:computedIsLoading(),// @ts-ignore
 onClick:autoLoadable?processClick:onClick}));}))(templateObject_8||(templateObject_8=__makeTemplateObject([""],[""// @ts-ignore
 ])));// @ts-ignore
 Button.COMPONENT_NAME="Button";// @ts-ignore
-Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer=styled__default["default"](FlexBox)(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  min-height: 30px;\n"],["\n  min-height: 30px;\n"])));var IconButtonTextContainer=styled__default["default"].span(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"])));var templateObject_1$2,templateObject_2$2,templateObject_3$2,templateObject_4$2,templateObject_5$2,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10;var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
-var Chat=function(_a){var header=_a.header,chatBody=_a.chatBody,footer=_a.footer,userInputValue=_a.userInputValue,onChange=_a.onChange,onClick=_a.onClick;var theme=useTheme();return jsxRuntime.jsxs(Container$1,{children:[header,jsxRuntime.jsx(ChatBodyContainer,{children:chatBody}),jsxRuntime.jsxs(FlexBox,__assign({withRows:true,_css:styled.css(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n          background-color: white;\n          position: absolute;\n          bottom: 10px;\n          left: 0px;\n          width: 100%;\n        "],["\n          background-color: white;\n          position: absolute;\n          bottom: 10px;\n          left: 0px;\n          width: 100%;\n        "])))},{children:[footer?jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n              text-align: center;\n              color: ",";\n              margin: 30px 0px;\n            "],["\n              text-align: center;\n              color: ",";\n              margin: 30px 0px;\n            "])),theme.styles.textColorSecondary)},{children:footer})):null,jsxRuntime.jsx(TextArea,{onChange:onChange,value:userInputValue}),jsxRuntime.jsx(ButtonContainer,{children:jsxRuntime.jsx(Button,__assign({onClick:onClick},{children:"Send"}))})]}))]});};var Container$1=styled__default["default"].div(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"])));var ChatBodyContainer=styled__default["default"].div(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n  height: 90%;\n  overflow: scroll;\n"],["\n  height: 90%;\n  overflow: scroll;\n"])));var ButtonContainer=styled__default["default"].div(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n  text-align: right;\n"],["\n  text-align: right;\n"])));var templateObject_1$1,templateObject_2$1,templateObject_3$1,templateObject_4$1,templateObject_5$1;var ChatMessage=function(_a){var message=_a.message,isUserMessage=_a.isUserMessage,dateTime=_a.dateTime,icon=_a.icon,color=_a.color;var theme=useTheme();return jsxRuntime.jsxs(Container,{children:[jsxRuntime.jsxs(MessageContainer,__assign({isUserMessage:isUserMessage},{children:[jsxRuntime.jsx(MessageText,{children:message}),jsxRuntime.jsx(IconContainer,__assign({color:color!==null&&color!==void 0?color:theme.styles.colorPrimary,textColor:theme.styles.getTextColorForBackground({theme:theme,color:color!==null&&color!==void 0?color:theme.styles.colorPrimary})},{children:icon}))]})),jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n          margin-top: 10px;\n          text-align: ",";\n          color: ",";\n        "],["\n          margin-top: 10px;\n          text-align: ",";\n          color: ",";\n        "])),!isUserMessage?"left":"right",theme.styles.textColorSecondary)},{children:dateTime}))]});};var Container=styled__default["default"].div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  width: 100%;\n  padding: 0px 10px;\n  margin-bottom: 20px;\n"],["\n  width: 100%;\n  padding: 0px 10px;\n  margin-bottom: 20px;\n"])));var MessageContainer=styled__default["default"].div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  gap: ",";\n  align-item: flex-start;\n  flex-direction: ",";\n"],["\n  width: 100%;\n  display: flex;\n  gap: ",";\n  align-item: flex-start;\n  flex-direction: ",";\n"])),SPACINGS.SM,function(_a){var isUserMessage=_a.isUserMessage;return!isUserMessage?"row-reverse":"row";});var MessageText=styled__default["default"](Text)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  width: 100%;\n  white-space: pre-wrap;\n  background-color: ",";\n  padding: 7px;\n  border-radius: 5px;\n"],["\n  width: 100%;\n  white-space: pre-wrap;\n  background-color: ",";\n  padding: 7px;\n  border-radius: 5px;\n"])),COLORS.GREY_200);var IconContainer=styled__default["default"].div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n  min-width: 28px;\n  line-height: 1em;\n  height: 28px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  background-color: ",";\n  color: ",";\n  min-width: 28px;\n  line-height: 1em;\n  height: 28px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])),function(_a){var color=_a.color;return color;},function(_a){var textColor=_a.textColor;return textColor;});var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5;exports.Chat=Chat;exports.ChatMessage=ChatMessage;
+Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer=styled__default["default"](FlexBox)(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  min-height: 30px;\n"],["\n  min-height: 30px;\n"])));var IconButtonTextContainer=styled__default["default"].span(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"])));var templateObject_1$2,templateObject_2$2,templateObject_3$2,templateObject_4$2,templateObject_5$1,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10;var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
+var Chat=function(_a){var header=_a.header,chatBody=_a.chatBody,footer=_a.footer,userInputValue=_a.userInputValue,onChange=_a.onChange,onClick=_a.onClick;var theme=useTheme();return jsxRuntime.jsxs(Container$1,__assign({gap:SPACINGS.LG,withRows:true},{children:[header,jsxRuntime.jsx(FlexBox,__assign({fluid:true,withRows:true,_css:styled.css(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n          flex: 1;\n          overflow-y: scroll;\n          margin: 0 -20px;\n          padding: 0 20px;\n        "],["\n          flex: 1;\n          overflow-y: scroll;\n          margin: 0 -20px;\n          padding: 0 20px;\n        "])))},{children:chatBody})),jsxRuntime.jsxs(FlexBox,__assign({withRows:true,_css:styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n          background-color: white;\n          width: 100%;\n        "],["\n          background-color: white;\n          width: 100%;\n        "])))},{children:[footer?jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n              font-size: ",";\n              color: ",";\n              text-align: center;\n            "],["\n              font-size: ",";\n              color: ",";\n              text-align: center;\n            "])),FONT_SIZES.XS,theme.styles.textColorSecondary)},{children:footer})):null,jsxRuntime.jsx(TextArea,{onChange:onChange,value:userInputValue}),jsxRuntime.jsx(FlexBox,__assign({justifyContent:"flex-end"},{children:jsxRuntime.jsx(Button,__assign({onClick:onClick,size:BUTTON_SIZES.SMALL},{children:"Send"}))}))]}))]}));};var Container$1=styled__default["default"](FlexBox)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"])));var templateObject_1$1,templateObject_2$1,templateObject_3$1,templateObject_4$1;var ChatMessage=function(_a){var message=_a.message,isUserMessage=_a.isUserMessage,dateTime=_a.dateTime,icon=_a.icon,color=_a.color;var theme=useTheme();return jsxRuntime.jsxs(Container,{children:[jsxRuntime.jsxs(MessageContainer,__assign({isUserMessage:isUserMessage},{children:[jsxRuntime.jsx(MessageText,{children:message}),jsxRuntime.jsx(IconContainer,__assign({color:color!==null&&color!==void 0?color:theme.styles.colorPrimary,textColor:theme.styles.getTextColorForBackground({theme:theme,color:color!==null&&color!==void 0?color:theme.styles.colorPrimary})},{children:icon}))]})),jsxRuntime.jsx(Text,__assign({_css:styled.css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n          font-size: ",";\n          margin-top: ",";\n          text-align: ",";\n          color: ",";\n        "],["\n          font-size: ",";\n          margin-top: ",";\n          text-align: ",";\n          color: ",";\n        "])),FONT_SIZES.XS,SPACINGS.SM,!isUserMessage?"left":"right",theme.styles.textColorSecondary)},{children:dateTime}))]});};var Container=styled__default["default"].div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));var MessageContainer=styled__default["default"].div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  gap: ",";\n  flex-direction: ",";\n"],["\n  width: 100%;\n  display: flex;\n  gap: ",";\n  flex-direction: ",";\n"])),SPACINGS.SM,function(_a){var isUserMessage=_a.isUserMessage;return!isUserMessage?"row-reverse":"row";});var MessageText=styled__default["default"](Text)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  width: 100%;\n  white-space: pre-wrap;\n  background-color: ",";\n  padding: 7px;\n  border-radius: 10px;\n"],["\n  width: 100%;\n  white-space: pre-wrap;\n  background-color: ",";\n  padding: 7px;\n  border-radius: 10px;\n"])),COLORS.GREY_200);var IconContainer=styled__default["default"].div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n  min-width: 28px;\n  line-height: 1em;\n  height: 28px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  background-color: ",";\n  color: ",";\n  min-width: 28px;\n  line-height: 1em;\n  height: 28px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])),function(_a){var color=_a.color;return color;},function(_a){var textColor=_a.textColor;return textColor;});var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5;exports.Chat=Chat;exports.ChatMessage=ChatMessage;
 //# sourceMappingURL=chats.js.map