@idea-fragments/react-components-zendesk 0.1.74 → 0.1.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chats.js +8 -8
- package/dist/chats.js.map +1 -1
- package/dist/forms.js +6 -6
- package/dist/forms.js.map +1 -1
- package/dist/media.js +2 -2
- package/dist/media.js.map +1 -1
- package/dist/modals.js +2 -2
- package/dist/modals.js.map +1 -1
- package/dist/tables.js +17 -17
- package/dist/tables.js.map +1 -1
- package/dist/types/modals.d.ts +1 -1
- package/dist/types/tables.d.ts +0 -1
- package/package.json +2 -3
package/dist/chats.js
CHANGED
|
@@ -11,7 +11,7 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
11
11
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
12
12
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
13
13
|
PERFORMANCE OF THIS SOFTWARE.
|
|
14
|
-
***************************************************************************** */var __assign=function(){__assign=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}return t;};return __assign.apply(this,arguments);};function __rest(s,e){var t={};for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0)t[p]=s[p];if(s!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++){if(e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i]))t[p[i]]=s[p[i]];}return t;}function __awaiter(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});}function __generator(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(g&&(g=0,op[0]&&(_=0)),_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true};}}function __read(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done)ar.push(r.value);}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}function __makeTemplateObject(cooked,raw){if(Object.defineProperty){Object.defineProperty(cooked,"raw",{value:raw});}else{cooked.raw=raw;}return cooked;}typeof SuppressedError==="function"?SuppressedError:function(error,suppressed,message){var e=new Error(message);return e.name="SuppressedError",e.error=error,e.suppressed=suppressed,e;};var XS$1=".5rem";var SM$1="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$1,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$
|
|
14
|
+
***************************************************************************** */var __assign=function(){__assign=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}return t;};return __assign.apply(this,arguments);};function __rest(s,e){var t={};for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0)t[p]=s[p];if(s!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++){if(e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i]))t[p[i]]=s[p[i]];}return t;}function __awaiter(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});}function __generator(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(g&&(g=0,op[0]&&(_=0)),_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true};}}function __read(o,n){var m=typeof Symbol==="function"&&o[Symbol.iterator];if(!m)return o;var i=m.call(o),r,ar=[],e;try{while((n===void 0||n-->0)&&!(r=i.next()).done)ar.push(r.value);}catch(error){e={error:error};}finally{try{if(r&&!r.done&&(m=i["return"]))m.call(i);}finally{if(e)throw e.error;}}return ar;}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i];}}return to.concat(ar||Array.prototype.slice.call(from));}function __makeTemplateObject(cooked,raw){if(Object.defineProperty){Object.defineProperty(cooked,"raw",{value:raw});}else{cooked.raw=raw;}return cooked;}typeof SuppressedError==="function"?SuppressedError:function(error,suppressed,message){var e=new Error(message);return e.name="SuppressedError",e.error=error,e.suppressed=suppressed,e;};var XS$1=".5rem";var SM$1="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$1,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n\n ","\n ","\n"],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n\n ","\n ","\n"])),function(_a){var alignItems=_a.alignItems;return alignItems?alignItems:"initial";},function(p){return p.inline?"inline-flex":"flex";},function(_a){var fluid=_a.fluid;return fluid?1:"unset";},getFlexDirection,function(p){return p.gap?p.gap:SPACINGS.SM;},function(p){return p.justifyContent||"initial";},function(p){return p.wrapped?wrappedStyling:"";},function(p){return p.responsivePropsList?responsiveStyles(p):"";},function(p){return p._css;});FlexBox.defaultProps={withRows:false};var responsiveStyles=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,gap=props.gap,inline=props.inline,justifyContent=props.justifyContent,fluid=props.fluid,wrapped=props.wrapped;return mediaQueryFunc(styled.css(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "])),alignItems?alignItems:"initial",inline?"inline-flex":"flex",fluid?1:"unset",getFlexDirection(props),gap?gap:SPACINGS.SM,justifyContent||"initial",wrapped?wrappedStyling:"")).join("");});};var wrappedStyling=styled.css(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n flex-wrap: wrap;\n"],["\n flex-wrap: wrap;\n"])));var templateObject_1$d,templateObject_2$a,templateObject_3$9;/**
|
|
15
15
|
* generates a UID factory
|
|
16
16
|
* @internal
|
|
17
17
|
* @example
|
|
@@ -1255,8 +1255,8 @@ timerId=setTimeout(timerExpired,wait);return invokeFunc(lastCallTime);}}if(timer
|
|
|
1255
1255
|
border: ${props.theme.borders.md};
|
|
1256
1256
|
border-radius: 100%;
|
|
1257
1257
|
box-sizing: border-box;
|
|
1258
|
-
`),props=>colorStyles$3(props),props=>retrieveComponentStyles(COMPONENT_ID$8$2,props));StyledRangeInput.defaultProps={backgroundSize:'0%',hasLowerTrack:true,theme:DEFAULT_THEME};const COMPONENT_ID$7$2='forms.slider';const StyledSlider=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$7$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSlider",componentId:"sc-1di437a-0"})(["display:block;position:relative;z-index:0;cursor:pointer;height:",";&[aria-disabled='true']{cursor:default;}",":not([hidden]) + &,"," + &,"," + &,& + ",",& + ","{margin-top:",";}",";"],props=>math(`(${props.theme.space.base} * 5px) + (${props.theme.shadowWidths.md} * 2)`),StyledLabel,StyledHint,StyledMessage,StyledHint,StyledMessage,props=>math(`${props.theme.space.base} * 2px`),props=>retrieveComponentStyles(COMPONENT_ID$7$2,props));StyledSlider.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6$2='forms.slider_thumb';const colorStyles$2$1=props=>{const SHADE=600;const backgroundColor=getColor$1('primaryHue',SHADE,props.theme);const borderColor=backgroundColor;const boxShadow=props.theme.shadows.lg(math(`${props.theme.space.base} * 1px`),math(`${props.theme.space.base} * 2px`),getColor$1('neutralHue',SHADE+200,props.theme,0.24));const activeBackgroundColor=getColor$1('primaryHue',SHADE+100,props.theme);const activeBorderColor=borderColor;const hoverBackgroundColor=activeBackgroundColor;const hoverBorderColor=hoverBackgroundColor;const disabledBackgroundColor=getColor$1('neutralHue',SHADE-300,props.theme);const disabledBorderColor=disabledBackgroundColor;return styled.css(["border-color:",";box-shadow:",";background-color:",";&:hover,&[data-garden-hover='true']{border-color:",";background-color:",";}"," &:active,&[data-garden-active='true']{border-color:",";background-color:",";}&[aria-disabled='true']{border-color:",";box-shadow:none;background-color:",";}"],borderColor,boxShadow,backgroundColor,hoverBorderColor,hoverBackgroundColor,focusStyles({theme:props.theme}),activeBorderColor,activeBackgroundColor,disabledBorderColor,disabledBackgroundColor);};const sizeStyles$5=props=>{const size=math(`${props.theme.space.base} * 5px`);const marginTop=math(`${size} / -2`);return styled.css(["margin-top:",";width:",";height:",";"],marginTop,size,size);};const StyledSliderThumb=styled__default["default"].div.attrs(props=>({'data-garden-id':COMPONENT_ID$6$2,'data-garden-version':'8.70.0','aria-disabled':props.isDisabled})).withConfig({displayName:"StyledSliderThumb",componentId:"sc-yspbwa-0"})(["appearance:none;position:absolute;top:50%;",":",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out;z-index:1;border:",";border-radius:100%;cursor:inherit;box-sizing:border-box;font-size:0;",";",";",";"],props=>props.theme.rtl?'right':'left',props=>math(`${props.position} * 1px`),props=>props.theme.borders.md,props=>sizeStyles$5(props),props=>colorStyles$2$1(props),props=>retrieveComponentStyles(COMPONENT_ID$6$2,props));StyledSliderThumb.defaultProps={position:0,theme:DEFAULT_THEME};const COMPONENT_ID$5$4='forms.slider_track';const colorStyles$1$1=props=>{const SHADE=600;const backgroundColor=getColor$1('neutralHue',SHADE-400,props.theme);const backgroundImageColor=getColor$1('primaryHue',SHADE,props.theme);const disabledBackgroundColor=getColor$1('neutralHue',SHADE-300,props.theme);return styled.css(["background-color:",";background-image:linear-gradient(",",",");&[aria-disabled='true']{background-image:linear-gradient(",",",");}"],backgroundColor,backgroundImageColor,backgroundImageColor,disabledBackgroundColor,disabledBackgroundColor);};const sizeStyles$4=props=>{const height=math(`${props.theme.space.base} * 1.5px`);const backgroundPosition=math(`${props.backgroundPosition} * 1px`);const backgroundSize=math(`${props.backgroundSize} * 1px`);const borderRadius=height;const marginTop=math(`${height} / -2`);const padding=math(`${props.theme.space.base} * 2.5px`);return styled.css(["margin-top:",";border-radius:",";background-position:",";background-size:",";padding:0 ",";"],marginTop,borderRadius,backgroundPosition,backgroundSize,padding);};const StyledSliderTrack=styled__default["default"].div.attrs(props=>({'data-garden-id':COMPONENT_ID$5$4,'data-garden-version':'8.70.0','aria-disabled':props.isDisabled})).withConfig({displayName:"StyledSliderTrack",componentId:"sc-aw5m6g-0"})(["position:absolute;top:50%;box-sizing:border-box;background-origin:content-box;background-repeat:repeat-y;width:100%;",";",";",";"],props=>sizeStyles$4(props),props=>colorStyles$1$1(props),props=>retrieveComponentStyles(COMPONENT_ID$5$4,props));StyledSliderTrack.defaultProps={backgroundSize:0,backgroundPosition:0,theme:DEFAULT_THEME};const COMPONENT_ID$4$4='forms.slider_track_rail';const sizeStyles$3$1=props=>{const height=math(`${props.theme.space.base} * 1.5px`);const margin=math(`${props.theme.space.base} * 2.5px`);return styled.css(["margin:0 "," 0 ",";height:",";"],props.theme.rtl?`-${margin}`:margin,props.theme.rtl?margin:`-${margin}`,height);};const StyledSliderTrackRail=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSliderTrackRail",componentId:"sc-1o5owbd-0"})(["position:relative;",";",";"],props=>sizeStyles$3$1(props),props=>retrieveComponentStyles(COMPONENT_ID$4$4,props));StyledSliderTrackRail.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$4='forms.tile_icon';const sizeStyles$2$1=props=>{const iconSize=math(`${props.theme.iconSizes.md} * 2`);let position;let top;let horizontalValue;if(!props.isCentered){position='absolute';top=`${props.theme.space.base*6}px`;horizontalValue=`left: ${props.theme.space.base*5}px`;if(props.theme.rtl){horizontalValue=`right: ${props.theme.space.base*5}px`;}}return styled.css(["position:",";top:",";",";& > *{width:",";height:",";}"],position,top,horizontalValue,iconSize,iconSize);};const StyledTileIcon=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$3$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledTileIcon",componentId:"sc-1wazhg4-0"})(["display:block;transition:color 0.25s ease-in-out;text-align:center;line-height:0;",";",";"],props=>sizeStyles$2$1(props),props=>retrieveComponentStyles(COMPONENT_ID$3$4,props));StyledTileIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$4='forms.tile';const colorStyles$d=props=>{const SHADE=600;const iconColor=getColor$1('neutralHue',SHADE,props.theme);const color=getColor$1('neutralHue',SHADE+200,props.theme);const borderColor=getColor$1('neutralHue',SHADE-300,props.theme);const hoverBackgroundColor=getColor$1('primaryHue',SHADE,props.theme,0.08);const hoverBorderColor=getColor$1('primaryHue',SHADE,props.theme);const focusBorderColor=hoverBorderColor;const activeBackgroundColor=getColor$1('primaryHue',SHADE,props.theme,0.2);const activeBorderColor=focusBorderColor;const disabledBackgroundColor=getColor$1('neutralHue',SHADE-500,props.theme);const disabledBorderColor=getColor$1('neutralHue',SHADE-400,props.theme);const disabledColor=getColor$1('neutralHue',SHADE-200,props.theme);const selectedBorderColor=focusBorderColor;const selectedBackgroundColor=selectedBorderColor;const selectedHoverBorderColor=getColor$1('primaryHue',SHADE+100,props.theme);const selectedHoverBackgroundColor=selectedHoverBorderColor;const selectedActiveBorderColor=getColor$1('primaryHue',SHADE+200,props.theme);const selectedActiveBackgroundColor=selectedActiveBorderColor;const selectedDisabledBackgroundColor=disabledBorderColor;return styled.css(["border:"," ",";border-color:",";background-color:",";color:",";","{color:",";}&:hover:not([aria-disabled='true']){border-color:",";background-color:",";","{color:",";}}"," &:active:not([aria-disabled='true']){border-color:",";background-color:",";","{color:",";}}&[data-garden-selected='true']{border-color:",";background-color:",";color:",";","{color:",";}}&[data-garden-selected='true']:not([aria-disabled='true']):hover{border-color:",";background-color:",";color:",";","{color:",";}}&[data-garden-selected='true']:not([aria-disabled='true']):active{border-color:",";background-color:",";color:",";","{color:",";}}&[aria-disabled='true']{border-color:",";background-color:",";color:",";","{color:",";}}&[data-garden-selected='true'][aria-disabled='true']{background-color:",";color:",";","{color:",";}}"],props.theme.borders.sm,getColor$1('neutralHue',SHADE-300,props.theme),borderColor,props.theme.colors.background,color,StyledTileIcon,iconColor,hoverBorderColor,hoverBackgroundColor,StyledTileIcon,color,focusStyles({theme:props.theme,hue:focusBorderColor,styles:{borderColor:focusBorderColor},selector:`&:focus-within`}),activeBorderColor,activeBackgroundColor,StyledTileIcon,color,selectedBorderColor,selectedBackgroundColor,props.theme.colors.background,StyledTileIcon,props.theme.colors.background,selectedHoverBorderColor,selectedHoverBackgroundColor,props.theme.colors.background,StyledTileIcon,props.theme.colors.background,selectedActiveBorderColor,selectedActiveBackgroundColor,props.theme.colors.background,StyledTileIcon,props.theme.colors.background,disabledBorderColor,disabledBackgroundColor,disabledColor,StyledTileIcon,disabledColor,selectedDisabledBackgroundColor,disabledColor,StyledTileIcon,disabledColor);};const StyledTile=styled__default["default"].label.attrs(props=>({'data-garden-id':COMPONENT_ID$2$4,'data-garden-version':'8.70.0','data-garden-selected':props.isSelected})).withConfig({displayName:"StyledTile",componentId:"sc-1jjvmxs-0"})(["display:block;position:relative;transition:border-color .25s ease-in-out,box-shadow .1s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out;border-radius:",";cursor:",";padding:","px;direction:",";min-width:132px;word-break:break-word;",";",";"],props=>props.theme.borderRadii.md,props=>!props.isDisabled&&'pointer',props=>props.theme.space.base*5,props=>props.theme.rtl&&'rtl',props=>colorStyles$d(props),props=>retrieveComponentStyles(COMPONENT_ID$2$4,props));StyledTile.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1$4='forms.tile_description';const sizeStyles$1$2=props=>{let marginDirection='left';let marginValue;if(props.theme.rtl){marginDirection='right';}if(!props.isCentered){marginValue=math(`(${props.theme.iconSizes.md} * 2) + ${props.theme.space.base*5}px`);}return styled.css(["margin-top:","px;margin-",":",";"],props.theme.space.base,marginDirection,marginValue);};const StyledTileDescription=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$1$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledTileDescription",componentId:"sc-xfuu7u-0"})(["display:block;text-align:",";line-height:",";font-size:",";",";",";"],props=>props.isCentered&&'center',props=>getLineHeight$1(props.theme.space.base*4,props.theme.fontSizes.sm),props=>props.theme.fontSizes.sm,props=>sizeStyles$1$2(props),props=>retrieveComponentStyles(COMPONENT_ID$1$4,props));StyledTileDescription.defaultProps={theme:DEFAULT_THEME};const StyledTileInput=styled__default["default"].input.withConfig({displayName:"StyledTileInput",componentId:"sc-1nq2m6q-0"})(["position:absolute;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);StyledTileInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$L='forms.tile_label';const sizeStyles$g=props=>{let marginDirection='left';let marginTop=`${props.theme.space.base*2}px`;let marginValue;if(props.theme.rtl){marginDirection='right';}if(!props.isCentered){marginValue=math(`(${props.theme.iconSizes.md} * 2) + ${props.theme.space.base*5}px`);marginTop='0';}return styled.css(["margin-top:",";margin-",":",";"],marginTop,marginDirection,marginValue);};const StyledTileLabel=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$L,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledTileLabel",componentId:"sc-1mypv27-0"})(["display:block;text-align:",";line-height:",";font-size:",";font-weight:",";",";",";"],props=>props.isCentered&&'center',props=>getLineHeight$1(props.theme.space.base*5,props.theme.fontSizes.md),props=>props.theme.fontSizes.md,props=>props.theme.fontWeights.semibold,props=>sizeStyles$g(props),props=>retrieveComponentStyles(COMPONENT_ID$L,props));StyledTileLabel.defaultProps={theme:DEFAULT_THEME};const Field$2=React__default__default["default"].forwardRef((props,ref)=>{const[hasHint,setHasHint]=React__default.useState(false);const[hasMessage,setHasMessage]=React__default.useState(false);const[isLabelActive,setIsLabelActive]=React__default.useState(false);const[isLabelHovered,setIsLabelHovered]=React__default.useState(false);const multiThumbRangeRef=React__default.useRef(null);const{getInputProps,getMessageProps,...propGetters}=useField(props.id);const fieldProps=React__default.useMemo(()=>({...propGetters,getInputProps:function(options){let describeOptions=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return getInputProps(options,{...describeOptions,isDescribed:hasHint,hasMessage});},getMessageProps:options=>getMessageProps({role:'alert',...options}),isLabelActive,setIsLabelActive,isLabelHovered,setIsLabelHovered,hasHint,setHasHint,hasMessage,setHasMessage,multiThumbRangeRef}),[propGetters,getInputProps,getMessageProps,isLabelActive,isLabelHovered,hasHint,hasMessage]);return React__default__default["default"].createElement(FieldContext$1.Provider,{value:fieldProps},React__default__default["default"].createElement(StyledField,_extends$t({},props,{ref:ref})));});Field$2.displayName='Field';const FieldsetContext=React__default.createContext(undefined);const useFieldsetContext=()=>{const fieldsetContext=React__default.useContext(FieldsetContext);return fieldsetContext;};const LegendComponent=React__default.forwardRef((props,ref)=>{const fieldsetContext=useFieldsetContext();return React__default__default["default"].createElement(StyledLegend,_extends$t({},props,fieldsetContext,{ref:ref}));});LegendComponent.displayName='Fieldset.Legend';const Legend=LegendComponent;const FieldsetComponent=React__default.forwardRef((props,ref)=>{const fieldsetContext=React__default.useMemo(()=>({isCompact:props.isCompact}),[props.isCompact]);return React__default__default["default"].createElement(FieldsetContext.Provider,{value:fieldsetContext},React__default__default["default"].createElement(StyledFieldset,_extends$t({},props,{ref:ref})));});FieldsetComponent.displayName='Fieldset';FieldsetComponent.propTypes={isCompact:propTypes.exports.bool};const Fieldset=FieldsetComponent;Fieldset.Legend=Legend;const InputContext=React__default.createContext(undefined);const useInputContext=()=>{return React__default.useContext(InputContext);};const Hint$2=React__default__default["default"].forwardRef((props,ref)=>{const{hasHint,setHasHint,getHintProps}=useFieldContext$1()||{};const type=useInputContext();React__default.useEffect(()=>{if(!hasHint&&setHasHint){setHasHint(true);}return()=>{if(hasHint&&setHasHint){setHasHint(false);}};},[hasHint,setHasHint]);let HintComponent;if(type==='checkbox'){HintComponent=StyledCheckHint;}else if(type==='radio'){HintComponent=StyledRadioHint;}else if(type==='toggle'){HintComponent=StyledToggleHint;}else{HintComponent=StyledHint;}let combinedProps=props;if(getHintProps){combinedProps=getHintProps(combinedProps);}return React__default__default["default"].createElement(HintComponent,_extends$t({ref:ref},combinedProps));});Hint$2.displayName='Hint';const Label$1$1=React__default__default["default"].forwardRef((props,ref)=>{const fieldContext=useFieldContext$1();const fieldsetContext=useFieldsetContext();const type=useInputContext();let combinedProps=props;if(fieldContext){combinedProps=fieldContext.getLabelProps(combinedProps);if(type===undefined){const{setIsLabelActive,setIsLabelHovered,multiThumbRangeRef}=fieldContext;combinedProps={...combinedProps,onMouseUp:composeEventHandlers$1(props.onMouseUp,()=>{setIsLabelActive(false);}),onMouseDown:composeEventHandlers$1(props.onMouseDown,()=>{setIsLabelActive(true);}),onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>{setIsLabelHovered(true);}),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>{setIsLabelHovered(false);}),onClick:composeEventHandlers$1(props.onClick,()=>{multiThumbRangeRef.current&&multiThumbRangeRef.current.focus();})};}}if(fieldsetContext){combinedProps={...combinedProps,isRegular:combinedProps.isRegular===undefined?true:combinedProps.isRegular};}if(type==='radio'){return React__default__default["default"].createElement(StyledRadioLabel,_extends$t({ref:ref},combinedProps),React__default__default["default"].createElement(StyledRadioSvg,null),props.children);}else if(type==='checkbox'){const onLabelSelect=e=>{const isFirefox=navigator.userAgent.toLowerCase().indexOf('firefox')>-1;if(fieldContext&&isFirefox&&e.target instanceof Element){const inputId=e.target.getAttribute('for');if(!inputId)return;const input=document.getElementById(inputId);if(input&&input.type==='checkbox'){if(e.shiftKey){input.click();input.checked=true;}input.focus();}}};combinedProps={...combinedProps,onClick:composeEventHandlers$1(combinedProps.onClick,onLabelSelect)};return React__default__default["default"].createElement(StyledCheckLabel,_extends$t({ref:ref},combinedProps),React__default__default["default"].createElement(StyledCheckSvg,null),React__default__default["default"].createElement(StyledDashSvg,null),props.children);}else if(type==='toggle'){return React__default__default["default"].createElement(StyledToggleLabel,_extends$t({ref:ref},combinedProps),React__default__default["default"].createElement(StyledToggleSvg,null),props.children);}return React__default__default["default"].createElement(StyledLabel,_extends$t({ref:ref},combinedProps));});Label$1$1.displayName='Label';Label$1$1.propTypes={isRegular:propTypes.exports.bool};const VALIDATION=['success','warning','error'];const FILE_VALIDATION=['success','error'];const FILE_TYPE=['pdf','zip','image','document','spreadsheet','presentation','generic'];const Message$2=React__default__default["default"].forwardRef((_ref,ref)=>{let{validation,validationLabel,children,...props}=_ref;const{hasMessage,setHasMessage,getMessageProps}=useFieldContext$1()||{};const type=useInputContext();React__default.useEffect(()=>{if(!hasMessage&&setHasMessage){setHasMessage(true);}return()=>{if(hasMessage&&setHasMessage){setHasMessage(false);}};},[hasMessage,setHasMessage]);let MessageComponent;if(type==='checkbox'){MessageComponent=StyledCheckMessage;}else if(type==='radio'){MessageComponent=StyledRadioMessage;}else if(type==='toggle'){MessageComponent=StyledToggleMessage;}else{MessageComponent=StyledMessage;}let combinedProps={validation,validationLabel,...props};if(getMessageProps){combinedProps=getMessageProps(combinedProps);}const ariaLabel=useText(Message$2,combinedProps,'validationLabel',validation,validation!==undefined);return React__default__default["default"].createElement(MessageComponent,_extends$t({ref:ref},combinedProps),validation&&React__default__default["default"].createElement(StyledMessageIcon,{validation:validation,"aria-label":ariaLabel}),children);});Message$2.displayName='Message';Message$2.propTypes={validation:propTypes.exports.oneOf(VALIDATION),validationLabel:propTypes.exports.string};const Checkbox=React__default__default["default"].forwardRef((_ref,ref)=>{let{indeterminate,children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext$1();const inputRef=inputElement=>{inputElement&&(inputElement.indeterminate=indeterminate);};const combinedRef=inputElement=>{[inputRef,ref].forEach(targetRef=>{if(targetRef){if(typeof targetRef==='function'){targetRef(inputElement);}else{targetRef.current=inputElement;}}});};let combinedProps={ref:combinedRef,...props,...fieldsetContext};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default__default["default"].createElement(InputContext.Provider,{value:"checkbox"},React__default__default["default"].createElement(StyledCheckInput,combinedProps),children);});Checkbox.displayName='Checkbox';Checkbox.propTypes={isCompact:propTypes.exports.bool,indeterminate:propTypes.exports.bool};const InputGroupContext=React__default.createContext(undefined);const useInputGroupContext=()=>{return React__default.useContext(InputGroupContext);};const Input=React__default__default["default"].forwardRef((_ref,ref)=>{let{onSelect,...props}=_ref;const fieldContext=useFieldContext$1();const inputGroupContext=useInputGroupContext();const onSelectHandler=props.readOnly?composeEventHandlers$1(onSelect,event=>{event.currentTarget.select();}):onSelect;let combinedProps={ref,onSelect:onSelectHandler,...props};if(inputGroupContext){combinedProps={...combinedProps,isCompact:inputGroupContext.isCompact||combinedProps.isCompact,focusInset:props.focusInset===undefined?true:props.focusInset};}if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default__default["default"].createElement(StyledTextInput,combinedProps);});Input.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};Input.displayName='Input';const Radio=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext$1();let combinedProps={ref,...props,...fieldsetContext};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default__default["default"].createElement(InputContext.Provider,{value:"radio"},React__default__default["default"].createElement(StyledRadioInput,combinedProps),children);});Radio.displayName='Radio';Radio.propTypes={isCompact:propTypes.exports.bool};const Range=React__default__default["default"].forwardRef((_ref,ref)=>{let{hasLowerTrack,min,max,step,...props}=_ref;const[backgroundSize,setBackgroundSize]=React__default.useState('0');const rangeRef=React__default.useRef();const fieldContext=useFieldContext$1();const updateBackgroundWidthFromInput=React__default.useCallback(rangeTarget=>{let relativeMax=max;const{value}=rangeTarget;if(parseFloat(relativeMax)<parseFloat(min)){relativeMax=100;}const percentage=100*(value-min)/(relativeMax-min);setBackgroundSize(`${percentage}%`);},[max,min,step]);React__default.useEffect(()=>{updateBackgroundWidthFromInput(rangeRef.current);},[rangeRef,updateBackgroundWidthFromInput,props.value]);const onChange=hasLowerTrack?composeEventHandlers$1(props.onChange,event=>{updateBackgroundWidthFromInput(event.target);}):props.onChange;let combinedProps={ref:mergeRefs([rangeRef,ref]),hasLowerTrack,min,max,step,backgroundSize,...props,onChange};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps,{isDescribed:true});}return React__default__default["default"].createElement(StyledRangeInput,combinedProps);});Range.defaultProps={hasLowerTrack:true,min:0,max:100,step:1};Range.displayName='Range';const parseStyleValue=value=>{return parseInt(value,10)||0;};const Textarea=React__default__default["default"].forwardRef((_ref,ref)=>{let{minRows,maxRows,style,onChange,onSelect,...props}=_ref;const fieldContext=useFieldContext$1();const textAreaRef=React__default.useRef();const shadowTextAreaRef=React__default.useRef(null);const[state,setState]=React__default.useState({overflow:false,height:0});const isControlled=props.value!==null&&props.value!==undefined;const isAutoResizable=(minRows!==undefined||maxRows!==undefined)&&!props.isResizable;const calculateHeight=React__default.useCallback(()=>{if(!isAutoResizable){return;}const textarea=textAreaRef.current;const computedStyle=window.getComputedStyle(textarea);const shadowTextArea=shadowTextAreaRef.current;shadowTextArea.style.width=computedStyle.width;shadowTextArea.value=textarea.value||textarea.placeholder||' ';const boxSizing=computedStyle.boxSizing;const padding=parseStyleValue(computedStyle.paddingBottom)+parseStyleValue(computedStyle.paddingTop);const border=parseStyleValue(computedStyle.borderTopWidth)+parseStyleValue(computedStyle.borderBottomWidth);const innerHeight=shadowTextArea.scrollHeight-padding;shadowTextArea.value='x';const singleRowHeight=shadowTextArea.scrollHeight-padding;let outerHeight=innerHeight;if(minRows){outerHeight=Math.max(Number(minRows)*singleRowHeight,outerHeight);}if(maxRows){outerHeight=Math.min(Number(maxRows)*singleRowHeight,outerHeight);}outerHeight=Math.max(outerHeight,singleRowHeight);const updatedHeight=outerHeight+(boxSizing==='border-box'?padding+border:0);const overflow=Math.abs(outerHeight-innerHeight)<=1;setState(prevState=>{if(updatedHeight>0&&Math.abs((prevState.height||0)-updatedHeight)>1||prevState.overflow!==overflow){return{overflow,height:updatedHeight};}return prevState;});},[maxRows,minRows,textAreaRef,isAutoResizable]);const onChangeHandler=React__default.useCallback(e=>{if(!isControlled){calculateHeight();}if(onChange){onChange(e);}},[calculateHeight,isControlled,onChange]);const theme=React__default.useContext(styled.ThemeContext);const environment=useDocument(theme);React__default.useEffect(()=>{if(!isAutoResizable){return undefined;}if(environment){const win=environment.defaultView||window;const resizeHandler=lodash_debounce(calculateHeight);win.addEventListener('resize',resizeHandler);return()=>{resizeHandler.cancel();win.removeEventListener('resize',resizeHandler);};}return undefined;},[calculateHeight,isAutoResizable,environment]);React__default.useLayoutEffect(()=>{calculateHeight();});const computedStyle={};if(isAutoResizable){computedStyle.height=state.height;computedStyle.overflow=state.overflow?'hidden':undefined;}const onSelectHandler=props.readOnly?composeEventHandlers$1(onSelect,event=>{event.currentTarget.select();}):onSelect;let combinedProps={ref:mergeRefs([textAreaRef,ref]),rows:minRows,onChange:onChangeHandler,onSelect:onSelectHandler,style:{...computedStyle,...style},...props};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps,{isDescribed:true});}return React__default__default["default"].createElement(React__default__default["default"].Fragment,null,React__default__default["default"].createElement(StyledTextarea,combinedProps),isAutoResizable&&React__default__default["default"].createElement(StyledTextarea,{"aria-hidden":true,readOnly:true,isHidden:true,className:props.className,ref:shadowTextAreaRef,tabIndex:-1,isBare:props.isBare,isCompact:props.isCompact,style:style}));});Textarea.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,focusInset:propTypes.exports.bool,isResizable:propTypes.exports.bool,minRows:propTypes.exports.number,maxRows:propTypes.exports.number,validation:propTypes.exports.oneOf(VALIDATION)};Textarea.displayName='Textarea';const Toggle=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext$1();let combinedProps={ref,...props,...fieldsetContext};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default__default["default"].createElement(InputContext.Provider,{value:"toggle"},React__default__default["default"].createElement(StyledToggleInput,combinedProps),children);});Toggle.displayName='Toggle';Toggle.propTypes={isCompact:propTypes.exports.bool};var _path$k;function _extends$l(){_extends$l=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$l.apply(this,arguments);}var SvgChevronDownStroke$2=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$l({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$k||(_path$k=/*#__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 StartIconComponent$1=props=>React__default__default["default"].createElement(StyledTextMediaFigure,_extends$t({position:"start"},props));StartIconComponent$1.displayName='FauxInput.StartIcon';const StartIcon$1=StartIconComponent$1;const EndIconComponent$1=props=>React__default__default["default"].createElement(StyledTextMediaFigure,_extends$t({position:"end"},props));EndIconComponent$1.displayName='FauxInput.EndIcon';const EndIcon$1=EndIconComponent$1;const FauxInputComponent=React__default.forwardRef((_ref,ref)=>{let{onFocus,onBlur,disabled,readOnly,isFocused:controlledIsFocused,...props}=_ref;const[isFocused,setIsFocused]=React__default.useState(false);const onFocusHandler=composeEventHandlers$1(onFocus,()=>{setIsFocused(true);});const onBlurHandler=composeEventHandlers$1(onBlur,()=>{setIsFocused(false);});return React__default__default["default"].createElement(StyledTextFauxInput,_extends$t({onFocus:onFocusHandler,onBlur:onBlurHandler,isFocused:controlledIsFocused===undefined?isFocused:controlledIsFocused,isReadOnly:readOnly,isDisabled:disabled,tabIndex:disabled?undefined:0},props,{ref:ref}));});FauxInputComponent.displayName='FauxInput';FauxInputComponent.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,focusInset:propTypes.exports.bool,disabled:propTypes.exports.bool,readOnly:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),isFocused:propTypes.exports.bool,isHovered:propTypes.exports.bool};const FauxInput=FauxInputComponent;FauxInput.EndIcon=EndIcon$1;FauxInput.StartIcon=StartIcon$1;const Select$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{disabled,isCompact,validation,focusInset,isBare,...props}=_ref;const fieldContext=useFieldContext$1();let combinedProps={disabled,isBare,isCompact,validation,focusInset,ref,...props};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps,{isDescribed:true});}return React__default__default["default"].createElement(StyledSelectWrapper,{isCompact:isCompact,isBare:isBare,validation:validation,focusInset:focusInset},React__default__default["default"].createElement(StyledSelect$1,combinedProps),!isBare&&React__default__default["default"].createElement(FauxInput.EndIcon,{isDisabled:disabled},React__default__default["default"].createElement(SvgChevronDownStroke$2,null)));});Select$1.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};Select$1.displayName='Select';const MIN=0;const MAX=100;const MultiThumbRange=React__default.forwardRef((_ref,ref)=>{let{min=MIN,max=MAX,minValue,maxValue,disabled,step,jump,onChange,onMouseDown,...props}=_ref;const theme=React__default.useContext(styled.ThemeContext);const environment=useDocument(theme);const trackRailRef=React__default.useRef(null);const minThumbRef=React__default.useRef(null);const maxThumbRef=React__default.useRef(null);const{getTrackProps,getMinThumbProps,getMaxThumbProps,trackRect,minValue:updatedMinValue,maxValue:updatedMaxValue}=useSlider({trackRef:trackRailRef,minThumbRef,maxThumbRef,min,max,minValue,maxValue,onChange,step,jump,disabled,rtl:theme.rtl,environment});const{onMouseDown:onSliderMouseDown,...trackProps}=getTrackProps({onMouseDown});const fieldContext=useFieldContext$1();const{isLabelHovered,isLabelActive,multiThumbRangeRef}=fieldContext||{};React__default.useEffect(()=>{if(multiThumbRangeRef){multiThumbRangeRef.current=minThumbRef.current;}},[multiThumbRangeRef]);const minPosition=(updatedMinValue-min)/(max-min)*trackRect.width;const maxPosition=(updatedMaxValue-min)/(max-min)*trackRect.width;const sliderBackgroundSize=Math.abs(maxPosition)-Math.abs(minPosition);return React__default__default["default"].createElement(StyledSlider,_extends$t({ref:ref,onMouseDown:onSliderMouseDown},props),React__default__default["default"].createElement(StyledSliderTrack,{backgroundSize:sliderBackgroundSize,backgroundPosition:theme.rtl?trackRect.width-maxPosition:minPosition,isDisabled:disabled},React__default__default["default"].createElement(StyledSliderTrackRail,_extends$t({},trackProps,{ref:trackRailRef}),React__default__default["default"].createElement(StyledSliderThumb,_extends$t({},getMinThumbProps({'aria-label':updatedMinValue}),{isDisabled:disabled,position:minPosition,ref:minThumbRef,"data-garden-active":isLabelActive,"data-garden-hover":isLabelHovered})),React__default__default["default"].createElement(StyledSliderThumb,_extends$t({},getMaxThumbProps({'aria-label':updatedMaxValue}),{isDisabled:disabled,position:maxPosition,ref:maxThumbRef})))));});MultiThumbRange.displayName='MultiThumbRange';MultiThumbRange.propTypes={min:propTypes.exports.number,max:propTypes.exports.number,minValue:propTypes.exports.number,maxValue:propTypes.exports.number,step:propTypes.exports.number,jump:propTypes.exports.number,disabled:propTypes.exports.bool,onChange:propTypes.exports.func};MultiThumbRange.defaultProps={min:MIN,max:MAX,step:1};const TilesContext=React__default.createContext(undefined);const useTilesContext=()=>{return React__default.useContext(TilesContext);};const TileComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,value,disabled,...props}=_ref;const tilesContext=useTilesContext();const inputRef=React__default.useRef(null);let inputProps;if(tilesContext){inputProps={name:tilesContext.name,checked:tilesContext.value===value,onChange:tilesContext.onChange};}return React__default__default["default"].createElement(StyledTile,_extends$t({ref:ref,"aria-disabled":disabled,isDisabled:disabled,isSelected:tilesContext&&tilesContext.value===value},props),children,React__default__default["default"].createElement(StyledTileInput,_extends$t({},inputProps,{disabled:disabled,value:value,type:"radio",ref:inputRef})));});TileComponent.displayName='Tiles.Tile';TileComponent.propTypes={value:propTypes.exports.string,disabled:propTypes.exports.bool};const Tile=TileComponent;const DescriptionComponent=React__default.forwardRef((props,ref)=>{const tilesContext=useTilesContext();return React__default__default["default"].createElement(StyledTileDescription,_extends$t({ref:ref,isCentered:tilesContext&&tilesContext.isCentered},props));});DescriptionComponent.displayName='Tiles.Description';const Description=DescriptionComponent;const IconComponent=React__default.forwardRef((props,ref)=>{const tileContext=useTilesContext();return React__default__default["default"].createElement(StyledTileIcon,_extends$t({ref:ref,isCentered:tileContext&&tileContext.isCentered},props));});IconComponent.displayName='Tiles.Icon';const Icon$1=IconComponent;const LabelComponent=React__default.forwardRef((props,forwardedRef)=>{const[title,setTitle]=React__default.useState('');const ref=React__default.useRef();const tilesContext=useTilesContext();React__default.useEffect(()=>{if(ref.current){setTitle(ref.current.textContent||undefined);}},[ref]);return React__default__default["default"].createElement(StyledTileLabel,_extends$t({ref:mergeRefs([ref,forwardedRef]),title:title,isCentered:tilesContext&&tilesContext.isCentered},props));});LabelComponent.displayName='Tiles.Label';const Label$2=LabelComponent;const TilesComponent=React__default.forwardRef((_ref,ref)=>{let{onChange,value:controlledValue,name,isCentered,...props}=_ref;const[value,setValue]=React__default.useState(controlledValue);const handleOnChange=React__default.useCallback(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}setValue(args[0].target.value);if(onChange){onChange(...args);}},[onChange]);const selectedValue=getControlledValue(controlledValue,value);const tileContext=React__default.useMemo(()=>({onChange:handleOnChange,value:selectedValue,name,isCentered}),[handleOnChange,selectedValue,name,isCentered]);return React__default__default["default"].createElement(TilesContext.Provider,{value:tileContext},React__default__default["default"].createElement("div",_extends$t({ref:ref,role:"radiogroup"},props)));});TilesComponent.displayName='Tiles';TilesComponent.propTypes={value:propTypes.exports.string,onChange:propTypes.exports.func,name:propTypes.exports.string.isRequired,isCentered:propTypes.exports.bool};TilesComponent.defaultProps={isCentered:true};const Tiles=TilesComponent;Tiles.Description=Description;Tiles.Icon=Icon$1;Tiles.Label=Label$2;Tiles.Tile=Tile;const InputGroup=React__default__default["default"].forwardRef((_ref,ref)=>{let{isCompact,...props}=_ref;const contextValue=React__default.useMemo(()=>({isCompact}),[isCompact]);return React__default__default["default"].createElement(InputGroupContext.Provider,{value:contextValue},React__default__default["default"].createElement(StyledInputGroup,_extends$t({ref:ref,isCompact:isCompact},props)));});InputGroup.displayName='InputGroup';InputGroup.propTypes={isCompact:propTypes.exports.bool};const FileUpload=React__default__default["default"].forwardRef((_ref,ref)=>{let{disabled,...props}=_ref;return React__default__default["default"].createElement(StyledFileUpload,_extends$t({ref:ref,"aria-disabled":disabled},props,{role:"button"}));});FileUpload.propTypes={isDragging:propTypes.exports.bool,isCompact:propTypes.exports.bool,disabled:propTypes.exports.bool};FileUpload.displayName='FileUpload';const ItemComponent=React__default.forwardRef((_ref,ref)=>{let{...props}=_ref;return React__default__default["default"].createElement(StyledFileListItem,_extends$t({},props,{ref:ref}));});ItemComponent.displayName='FileList.Item';const Item$2=ItemComponent;const FileListComponent=React__default.forwardRef((_ref,ref)=>{let{...props}=_ref;return React__default__default["default"].createElement(StyledFileList,_extends$t({},props,{ref:ref}));});FileListComponent.displayName='FileList';const FileList=FileListComponent;FileList.Item=Item$2;var _path$j;function _extends$k(){_extends$k=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$k.apply(this,arguments);}var SvgXStroke$1=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$k({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$j||(_path$j=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 9l6-6m0 6L3 3"})));};var _path$i;function _extends$j(){_extends$j=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$j.apply(this,arguments);}var SvgXStroke=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$j({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$i||(_path$i=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 13L13 3m0 10L3 3"})));};const FileContext=React__default.createContext(undefined);const useFileContext=()=>{return React__default.useContext(FileContext);};const CloseComponent=React__default__default["default"].forwardRef((props,ref)=>{const fileContext=useFileContext();const onMouseDown=composeEventHandlers$1(props.onMouseDown,event=>event.preventDefault());const ariaLabel=useText(CloseComponent,props,'aria-label','Close');return React__default__default["default"].createElement(StyledFileClose,_extends$t({ref:ref,"aria-label":ariaLabel},props,{type:"button",tabIndex:-1,onMouseDown:onMouseDown}),fileContext&&fileContext.isCompact?React__default__default["default"].createElement(SvgXStroke$1,null):React__default__default["default"].createElement(SvgXStroke,null));});CloseComponent.displayName='File.Close';const Close=CloseComponent;var _path$h;function _extends$i(){_extends$i=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$i.apply(this,arguments);}var SvgTrashStroke$1=function SvgTrashStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$i({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$h||(_path$h=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M4.5 2.5V1c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5v1.5M2 2.5h8m-5.5 7V5m3 4.5V5m-5-.5V11c0 .3.2.5.5.5h6c.3 0 .5-.2.5-.5V4.5"})));};var _path$g;function _extends$h(){_extends$h=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$h.apply(this,arguments);}var SvgTrashStroke=function SvgTrashStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$h({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$g||(_path$g=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M6.5 2.5V1c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5v1.5M3 2.5h10m-6.5 11v-8m3 8v-8m-6-1V15c0 .3.2.5.5.5h8c.3 0 .5-.2.5-.5V4.5"})));};const DeleteComponent=React__default__default["default"].forwardRef((props,ref)=>{const fileContext=useFileContext();const onMouseDown=composeEventHandlers$1(props.onMouseDown,event=>event.preventDefault());const ariaLabel=useText(DeleteComponent,props,'aria-label','Delete');return React__default__default["default"].createElement(StyledFileDelete,_extends$t({ref:ref,"aria-label":ariaLabel},props,{type:"button",tabIndex:-1,onMouseDown:onMouseDown}),fileContext&&fileContext.isCompact?React__default__default["default"].createElement(SvgTrashStroke$1,null):React__default__default["default"].createElement(SvgTrashStroke,null));});DeleteComponent.displayName='File.Delete';const Delete=DeleteComponent;var _path$f,_rect$1;function _extends$g(){_extends$g=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$g.apply(this,arguments);}var SvgFilePdfStroke$1=function SvgFilePdfStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$g({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$f||(_path$f=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 3.21V11a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h5.79a.5.5 0 01.35.15l2.21 2.21a.5.5 0 01.15.35zM7.5.5V3a.5.5 0 00.5.5h2.5m-7 6h5"})),_rect$1||(_rect$1=/*#__PURE__*/React__default__namespace.createElement("rect",{width:6,height:3,x:3,y:5,fill:"currentColor",rx:0.5,ry:0.5})));};var _path$e;function _extends$f(){_extends$f=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$f.apply(this,arguments);}var SvgFileZipStroke$1=function SvgFileZipStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$f({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$e||(_path$e=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M4.5.5v8m0-6h1m-2 1h1m0 1h1m-2 1h1m0 1h1m-2 1h1m6-4.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"})));};var _path$d,_circle$1;function _extends$e(){_extends$e=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$e.apply(this,arguments);}var SvgFileImageStroke$1=function SvgFileImageStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$e({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$d||(_path$d=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5m-7 6L5 8l1.5 1.5 1-1 1 1"})),_circle$1||(_circle$1=/*#__PURE__*/React__default__namespace.createElement("circle",{cx:8,cy:6,r:1,fill:"currentColor"})));};var _path$c;function _extends$d(){_extends$d=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$d.apply(this,arguments);}var SvgFileDocumentStroke$1=function SvgFileDocumentStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$d({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$c||(_path$c=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M3.5 5.5h5m-5 2h5m-5 2h5m2-6.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"})));};var _path$b;function _extends$c(){_extends$c=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$c.apply(this,arguments);}var SvgFileSpreadsheetStroke$1=function SvgFileSpreadsheetStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$c({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$b||(_path$b=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M3.5 5.5h1m-1 2h1m-1 2h1m2-4h2m-2 2h2m-2 2h2m2-6.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"})));};var _path$a;function _extends$b(){_extends$b=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$b.apply(this,arguments);}var SvgFilePresentationStroke$1=function SvgFilePresentationStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$b({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$a||(_path$a=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",d:"M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM6 9.5h2c.28 0 .5-.22.5-.5V8c0-.28-.22-.5-.5-.5H6c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5zm-2-2h2c.28 0 .5-.22.5-.5V6c0-.28-.22-.5-.5-.5H4c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5zm3.5-7V3c0 .28.22.5.5.5h2.5"})));};var _path$9;function _extends$a(){_extends$a=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$a.apply(this,arguments);}var SvgFileGenericStroke$1=function SvgFileGenericStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$a({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$9||(_path$9=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",d:"M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"})));};var _g$3;function _extends$9$1(){_extends$9$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$9$1.apply(this,arguments);}var SvgCheckCircleStroke=function SvgCheckCircleStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$9$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_g$3||(_g$3=/*#__PURE__*/React__default__namespace.createElement("g",{fill:"none",stroke:"currentColor"},/*#__PURE__*/React__default__namespace.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.5 6l2 2L9 4.5"}),/*#__PURE__*/React__default__namespace.createElement("circle",{cx:6,cy:6,r:5.5}))));};var _path$8;function _extends$8$1(){_extends$8$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$8$1.apply(this,arguments);}var SvgFileErrorStroke$1=function SvgFileErrorStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$8$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$8||(_path$8=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5M4 9.5l4-4m0 4l-4-4"})));};var _path$7,_rect;function _extends$7$1(){_extends$7$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$7$1.apply(this,arguments);}var SvgFilePdfStroke=function SvgFilePdfStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$7$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$7||(_path$7=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M14.5 4.2V15a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h8.85a.5.5 0 01.36.15l3.15 3.2a.5.5 0 01.14.35zm-10 8.3h7m-7-2h7m-1-10V4a.5.5 0 00.5.5h3.5"})),_rect||(_rect=/*#__PURE__*/React__default__namespace.createElement("rect",{width:8,height:2,x:4,y:7,fill:"currentColor",rx:0.5,ry:0.5})));};var _path$6$1;function _extends$6$1(){_extends$6$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$6$1.apply(this,arguments);}var SvgFileZipStroke=function SvgFileZipStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$6$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$6$1||(_path$6$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M6.5.5v11M5 2.5h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m8-6.3V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"})));};var _path$5$1,_circle;function _extends$5$1(){_extends$5$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$5$1.apply(this,arguments);}var SvgFileImageStroke=function SvgFileImageStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$5$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$5$1||(_path$5$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5m-11 9l2.65-2.65c.2-.2.51-.2.71 0l1.79 1.79c.2.2.51.2.71 0l.79-.79c.2-.2.51-.2.71 0l1.65 1.65"})),_circle||(_circle=/*#__PURE__*/React__default__namespace.createElement("circle",{cx:10.5,cy:8.5,r:1.5,fill:"currentColor"})));};var _path$4$1;function _extends$4$1(){_extends$4$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$4$1.apply(this,arguments);}var SvgFileDocumentStroke=function SvgFileDocumentStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$4$1||(_path$4$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M4.5 7.5h7m-7 1.97h7m-7 2h7m3-7.27V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"})));};var _path$3$1;function _extends$3$2(){_extends$3$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$3$2.apply(this,arguments);}var SvgFileSpreadsheetStroke=function SvgFileSpreadsheetStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$3$1||(_path$3$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M4.5 7.5h2m-2 2h2m-2 2h2m2-4h3m-3 2h3m-3 2h3m3-7.3V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"})));};var _path$2$1;function _extends$2$3(){_extends$2$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$2$3.apply(this,arguments);}var SvgFilePresentationStroke=function SvgFilePresentationStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2$1||(_path$2$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",d:"M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5M7 9.5h4c.28 0 .5.22.5.5v3c0 .28-.22.5-.5.5H7c-.28 0-.5-.22-.5-.5v-3c0-.28.22-.5.5-.5zm-.5 2H5c-.28 0-.5-.22-.5-.5V8c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5v1.5"})));};var _path$1$3;function _extends$1$3(){_extends$1$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$1$3.apply(this,arguments);}var SvgFileGenericStroke=function SvgFileGenericStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1$3||(_path$1$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",d:"M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"})));};var _path$o;function _extends$u(){_extends$u=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$u.apply(this,arguments);}var SvgFileErrorStroke=function SvgFileErrorStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$u({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$o||(_path$o=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M14.5 4.205V15a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h8.853a.5.5 0 01.356.15l3.148 3.204a.5.5 0 01.143.35zM10.5.5V4a.5.5 0 00.5.5h3.5m-9 8l5-5m0 5l-5-5"})));};const fileIconsDefault={pdf:React__default__default["default"].createElement(SvgFilePdfStroke,null),zip:React__default__default["default"].createElement(SvgFileZipStroke,null),image:React__default__default["default"].createElement(SvgFileImageStroke,null),document:React__default__default["default"].createElement(SvgFileDocumentStroke,null),spreadsheet:React__default__default["default"].createElement(SvgFileSpreadsheetStroke,null),presentation:React__default__default["default"].createElement(SvgFilePresentationStroke,null),generic:React__default__default["default"].createElement(SvgFileGenericStroke,null),success:React__default__default["default"].createElement(SvgCheckCircleStroke$1,null),error:React__default__default["default"].createElement(SvgFileErrorStroke,null)};const fileIconsCompact={pdf:React__default__default["default"].createElement(SvgFilePdfStroke$1,null),zip:React__default__default["default"].createElement(SvgFileZipStroke$1,null),image:React__default__default["default"].createElement(SvgFileImageStroke$1,null),document:React__default__default["default"].createElement(SvgFileDocumentStroke$1,null),spreadsheet:React__default__default["default"].createElement(SvgFileSpreadsheetStroke$1,null),presentation:React__default__default["default"].createElement(SvgFilePresentationStroke$1,null),generic:React__default__default["default"].createElement(SvgFileGenericStroke$1,null),success:React__default__default["default"].createElement(SvgCheckCircleStroke,null),error:React__default__default["default"].createElement(SvgFileErrorStroke$1,null)};const FileComponent=React__default.forwardRef((_ref,ref)=>{let{children,type,isCompact,focusInset,validation,...props}=_ref;const fileContextValue=React__default.useMemo(()=>({isCompact}),[isCompact]);const validationType=validation||type;return React__default__default["default"].createElement(FileContext.Provider,{value:fileContextValue},React__default__default["default"].createElement(StyledFile,_extends$t({},props,{isCompact:isCompact,focusInset:focusInset,validation:validation,ref:ref}),validationType&&React__default__default["default"].createElement(StyledFileIcon,{isCompact:isCompact},isCompact?fileIconsCompact[validationType]:fileIconsDefault[validationType]),React__default.Children.map(children,child=>typeof child==='string'?React__default__default["default"].createElement("span",null,child):child)));});FileComponent.displayName='File';FileComponent.propTypes={focusInset:propTypes.exports.bool,isCompact:propTypes.exports.bool,type:propTypes.exports.oneOf(FILE_TYPE),validation:propTypes.exports.oneOf(FILE_VALIDATION)};const File=FileComponent;File.Close=Close;File.Delete=Delete;const MediaInput=React__default__default["default"].forwardRef((_ref,ref)=>{let{start,end,disabled,isCompact,isBare,focusInset,readOnly,validation,wrapperProps={},wrapperRef,onSelect,...props}=_ref;const fieldContext=useFieldContext$1();const inputRef=React__default.useRef();const[isFocused,setIsFocused]=React__default.useState(false);const[isHovered,setIsHovered]=React__default.useState(false);const{onClick,onFocus,onBlur,onMouseOver,onMouseOut,...otherWrapperProps}=wrapperProps;const onFauxInputClickHandler=composeEventHandlers$1(onClick,()=>{inputRef.current&&inputRef.current.focus();});const onFauxInputFocusHandler=composeEventHandlers$1(onFocus,()=>{setIsFocused(true);});const onFauxInputBlurHandler=composeEventHandlers$1(onBlur,()=>{setIsFocused(false);});const onFauxInputMouseOverHandler=composeEventHandlers$1(onMouseOver,()=>{setIsHovered(true);});const onFauxInputMouseOutHandler=composeEventHandlers$1(onMouseOut,()=>{setIsHovered(false);});const onSelectHandler=readOnly?composeEventHandlers$1(onSelect,event=>{event.currentTarget.select();}):onSelect;let combinedProps={disabled,readOnly,ref:mergeRefs([inputRef,ref]),onSelect:onSelectHandler,...props};let isLabelHovered;if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps,{isDescribed:true});isLabelHovered=fieldContext.isLabelHovered;}return React__default__default["default"].createElement(FauxInput,_extends$t({tabIndex:null,onClick:onFauxInputClickHandler,onFocus:onFauxInputFocusHandler,onBlur:onFauxInputBlurHandler,onMouseOver:onFauxInputMouseOverHandler,onMouseOut:onFauxInputMouseOutHandler,disabled:disabled,isFocused:isFocused,isHovered:isHovered||isLabelHovered,isCompact:isCompact,isBare:isBare,focusInset:focusInset,readOnly:readOnly,validation:validation,mediaLayout:true},otherWrapperProps,{ref:wrapperRef}),start&&React__default__default["default"].createElement(FauxInput.StartIcon,{isDisabled:disabled,isFocused:isFocused,isHovered:isHovered||isLabelHovered},start),React__default__default["default"].createElement(StyledTextMediaInput,combinedProps),end&&React__default__default["default"].createElement(FauxInput.EndIcon,{isDisabled:disabled,isFocused:isFocused,isHovered:isHovered||isLabelHovered},end));});MediaInput.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),start:propTypes.exports.node,end:propTypes.exports.node,wrapperProps:propTypes.exports.object,wrapperRef:propTypes.exports.any};MediaInput.displayName='MediaInput';var XXS=".8rem";var XS=".9rem";var SM="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
|
|
1259
|
-
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var FONT_SIZES={XXS:XXS,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Hint$1=styled__default["default"](Hint$2)(templateObject_1$
|
|
1258
|
+
`),props=>colorStyles$3(props),props=>retrieveComponentStyles(COMPONENT_ID$8$2,props));StyledRangeInput.defaultProps={backgroundSize:'0%',hasLowerTrack:true,theme:DEFAULT_THEME};const COMPONENT_ID$7$2='forms.slider';const StyledSlider=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$7$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSlider",componentId:"sc-1di437a-0"})(["display:block;position:relative;z-index:0;cursor:pointer;height:",";&[aria-disabled='true']{cursor:default;}",":not([hidden]) + &,"," + &,"," + &,& + ",",& + ","{margin-top:",";}",";"],props=>math(`(${props.theme.space.base} * 5px) + (${props.theme.shadowWidths.md} * 2)`),StyledLabel,StyledHint,StyledMessage,StyledHint,StyledMessage,props=>math(`${props.theme.space.base} * 2px`),props=>retrieveComponentStyles(COMPONENT_ID$7$2,props));StyledSlider.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6$2='forms.slider_thumb';const colorStyles$2$1=props=>{const SHADE=600;const backgroundColor=getColor$1('primaryHue',SHADE,props.theme);const borderColor=backgroundColor;const boxShadow=props.theme.shadows.lg(math(`${props.theme.space.base} * 1px`),math(`${props.theme.space.base} * 2px`),getColor$1('neutralHue',SHADE+200,props.theme,0.24));const activeBackgroundColor=getColor$1('primaryHue',SHADE+100,props.theme);const activeBorderColor=borderColor;const hoverBackgroundColor=activeBackgroundColor;const hoverBorderColor=hoverBackgroundColor;const disabledBackgroundColor=getColor$1('neutralHue',SHADE-300,props.theme);const disabledBorderColor=disabledBackgroundColor;return styled.css(["border-color:",";box-shadow:",";background-color:",";&:hover,&[data-garden-hover='true']{border-color:",";background-color:",";}"," &:active,&[data-garden-active='true']{border-color:",";background-color:",";}&[aria-disabled='true']{border-color:",";box-shadow:none;background-color:",";}"],borderColor,boxShadow,backgroundColor,hoverBorderColor,hoverBackgroundColor,focusStyles({theme:props.theme}),activeBorderColor,activeBackgroundColor,disabledBorderColor,disabledBackgroundColor);};const sizeStyles$5=props=>{const size=math(`${props.theme.space.base} * 5px`);const marginTop=math(`${size} / -2`);return styled.css(["margin-top:",";width:",";height:",";"],marginTop,size,size);};const StyledSliderThumb=styled__default["default"].div.attrs(props=>({'data-garden-id':COMPONENT_ID$6$2,'data-garden-version':'8.70.0','aria-disabled':props.isDisabled})).withConfig({displayName:"StyledSliderThumb",componentId:"sc-yspbwa-0"})(["appearance:none;position:absolute;top:50%;",":",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out;z-index:1;border:",";border-radius:100%;cursor:inherit;box-sizing:border-box;font-size:0;",";",";",";"],props=>props.theme.rtl?'right':'left',props=>math(`${props.position} * 1px`),props=>props.theme.borders.md,props=>sizeStyles$5(props),props=>colorStyles$2$1(props),props=>retrieveComponentStyles(COMPONENT_ID$6$2,props));StyledSliderThumb.defaultProps={position:0,theme:DEFAULT_THEME};const COMPONENT_ID$5$4='forms.slider_track';const colorStyles$1$1=props=>{const SHADE=600;const backgroundColor=getColor$1('neutralHue',SHADE-400,props.theme);const backgroundImageColor=getColor$1('primaryHue',SHADE,props.theme);const disabledBackgroundColor=getColor$1('neutralHue',SHADE-300,props.theme);return styled.css(["background-color:",";background-image:linear-gradient(",",",");&[aria-disabled='true']{background-image:linear-gradient(",",",");}"],backgroundColor,backgroundImageColor,backgroundImageColor,disabledBackgroundColor,disabledBackgroundColor);};const sizeStyles$4=props=>{const height=math(`${props.theme.space.base} * 1.5px`);const backgroundPosition=math(`${props.backgroundPosition} * 1px`);const backgroundSize=math(`${props.backgroundSize} * 1px`);const borderRadius=height;const marginTop=math(`${height} / -2`);const padding=math(`${props.theme.space.base} * 2.5px`);return styled.css(["margin-top:",";border-radius:",";background-position:",";background-size:",";padding:0 ",";"],marginTop,borderRadius,backgroundPosition,backgroundSize,padding);};const StyledSliderTrack=styled__default["default"].div.attrs(props=>({'data-garden-id':COMPONENT_ID$5$4,'data-garden-version':'8.70.0','aria-disabled':props.isDisabled})).withConfig({displayName:"StyledSliderTrack",componentId:"sc-aw5m6g-0"})(["position:absolute;top:50%;box-sizing:border-box;background-origin:content-box;background-repeat:repeat-y;width:100%;",";",";",";"],props=>sizeStyles$4(props),props=>colorStyles$1$1(props),props=>retrieveComponentStyles(COMPONENT_ID$5$4,props));StyledSliderTrack.defaultProps={backgroundSize:0,backgroundPosition:0,theme:DEFAULT_THEME};const COMPONENT_ID$4$4='forms.slider_track_rail';const sizeStyles$3$1=props=>{const height=math(`${props.theme.space.base} * 1.5px`);const margin=math(`${props.theme.space.base} * 2.5px`);return styled.css(["margin:0 "," 0 ",";height:",";"],props.theme.rtl?`-${margin}`:margin,props.theme.rtl?margin:`-${margin}`,height);};const StyledSliderTrackRail=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSliderTrackRail",componentId:"sc-1o5owbd-0"})(["position:relative;",";",";"],props=>sizeStyles$3$1(props),props=>retrieveComponentStyles(COMPONENT_ID$4$4,props));StyledSliderTrackRail.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3$4='forms.tile_icon';const sizeStyles$2$1=props=>{const iconSize=math(`${props.theme.iconSizes.md} * 2`);let position;let top;let horizontalValue;if(!props.isCentered){position='absolute';top=`${props.theme.space.base*6}px`;horizontalValue=`left: ${props.theme.space.base*5}px`;if(props.theme.rtl){horizontalValue=`right: ${props.theme.space.base*5}px`;}}return styled.css(["position:",";top:",";",";& > *{width:",";height:",";}"],position,top,horizontalValue,iconSize,iconSize);};const StyledTileIcon=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$3$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledTileIcon",componentId:"sc-1wazhg4-0"})(["display:block;transition:color 0.25s ease-in-out;text-align:center;line-height:0;",";",";"],props=>sizeStyles$2$1(props),props=>retrieveComponentStyles(COMPONENT_ID$3$4,props));StyledTileIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$4='forms.tile';const colorStyles$d=props=>{const SHADE=600;const iconColor=getColor$1('neutralHue',SHADE,props.theme);const color=getColor$1('neutralHue',SHADE+200,props.theme);const borderColor=getColor$1('neutralHue',SHADE-300,props.theme);const hoverBackgroundColor=getColor$1('primaryHue',SHADE,props.theme,0.08);const hoverBorderColor=getColor$1('primaryHue',SHADE,props.theme);const focusBorderColor=hoverBorderColor;const activeBackgroundColor=getColor$1('primaryHue',SHADE,props.theme,0.2);const activeBorderColor=focusBorderColor;const disabledBackgroundColor=getColor$1('neutralHue',SHADE-500,props.theme);const disabledBorderColor=getColor$1('neutralHue',SHADE-400,props.theme);const disabledColor=getColor$1('neutralHue',SHADE-200,props.theme);const selectedBorderColor=focusBorderColor;const selectedBackgroundColor=selectedBorderColor;const selectedHoverBorderColor=getColor$1('primaryHue',SHADE+100,props.theme);const selectedHoverBackgroundColor=selectedHoverBorderColor;const selectedActiveBorderColor=getColor$1('primaryHue',SHADE+200,props.theme);const selectedActiveBackgroundColor=selectedActiveBorderColor;const selectedDisabledBackgroundColor=disabledBorderColor;return styled.css(["border:"," ",";border-color:",";background-color:",";color:",";","{color:",";}&:hover:not([aria-disabled='true']){border-color:",";background-color:",";","{color:",";}}"," &:active:not([aria-disabled='true']){border-color:",";background-color:",";","{color:",";}}&[data-garden-selected='true']{border-color:",";background-color:",";color:",";","{color:",";}}&[data-garden-selected='true']:not([aria-disabled='true']):hover{border-color:",";background-color:",";color:",";","{color:",";}}&[data-garden-selected='true']:not([aria-disabled='true']):active{border-color:",";background-color:",";color:",";","{color:",";}}&[aria-disabled='true']{border-color:",";background-color:",";color:",";","{color:",";}}&[data-garden-selected='true'][aria-disabled='true']{background-color:",";color:",";","{color:",";}}"],props.theme.borders.sm,getColor$1('neutralHue',SHADE-300,props.theme),borderColor,props.theme.colors.background,color,StyledTileIcon,iconColor,hoverBorderColor,hoverBackgroundColor,StyledTileIcon,color,focusStyles({theme:props.theme,hue:focusBorderColor,styles:{borderColor:focusBorderColor},selector:`&:focus-within`}),activeBorderColor,activeBackgroundColor,StyledTileIcon,color,selectedBorderColor,selectedBackgroundColor,props.theme.colors.background,StyledTileIcon,props.theme.colors.background,selectedHoverBorderColor,selectedHoverBackgroundColor,props.theme.colors.background,StyledTileIcon,props.theme.colors.background,selectedActiveBorderColor,selectedActiveBackgroundColor,props.theme.colors.background,StyledTileIcon,props.theme.colors.background,disabledBorderColor,disabledBackgroundColor,disabledColor,StyledTileIcon,disabledColor,selectedDisabledBackgroundColor,disabledColor,StyledTileIcon,disabledColor);};const StyledTile=styled__default["default"].label.attrs(props=>({'data-garden-id':COMPONENT_ID$2$4,'data-garden-version':'8.70.0','data-garden-selected':props.isSelected})).withConfig({displayName:"StyledTile",componentId:"sc-1jjvmxs-0"})(["display:block;position:relative;transition:border-color .25s ease-in-out,box-shadow .1s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out;border-radius:",";cursor:",";padding:","px;direction:",";min-width:132px;word-break:break-word;",";",";"],props=>props.theme.borderRadii.md,props=>!props.isDisabled&&'pointer',props=>props.theme.space.base*5,props=>props.theme.rtl&&'rtl',props=>colorStyles$d(props),props=>retrieveComponentStyles(COMPONENT_ID$2$4,props));StyledTile.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1$4='forms.tile_description';const sizeStyles$1$2=props=>{let marginDirection='left';let marginValue;if(props.theme.rtl){marginDirection='right';}if(!props.isCentered){marginValue=math(`(${props.theme.iconSizes.md} * 2) + ${props.theme.space.base*5}px`);}return styled.css(["margin-top:","px;margin-",":",";"],props.theme.space.base,marginDirection,marginValue);};const StyledTileDescription=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$1$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledTileDescription",componentId:"sc-xfuu7u-0"})(["display:block;text-align:",";line-height:",";font-size:",";",";",";"],props=>props.isCentered&&'center',props=>getLineHeight$1(props.theme.space.base*4,props.theme.fontSizes.sm),props=>props.theme.fontSizes.sm,props=>sizeStyles$1$2(props),props=>retrieveComponentStyles(COMPONENT_ID$1$4,props));StyledTileDescription.defaultProps={theme:DEFAULT_THEME};const StyledTileInput=styled__default["default"].input.withConfig({displayName:"StyledTileInput",componentId:"sc-1nq2m6q-0"})(["position:absolute;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);StyledTileInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$L='forms.tile_label';const sizeStyles$g=props=>{let marginDirection='left';let marginTop=`${props.theme.space.base*2}px`;let marginValue;if(props.theme.rtl){marginDirection='right';}if(!props.isCentered){marginValue=math(`(${props.theme.iconSizes.md} * 2) + ${props.theme.space.base*5}px`);marginTop='0';}return styled.css(["margin-top:",";margin-",":",";"],marginTop,marginDirection,marginValue);};const StyledTileLabel=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$L,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledTileLabel",componentId:"sc-1mypv27-0"})(["display:block;text-align:",";line-height:",";font-size:",";font-weight:",";",";",";"],props=>props.isCentered&&'center',props=>getLineHeight$1(props.theme.space.base*5,props.theme.fontSizes.md),props=>props.theme.fontSizes.md,props=>props.theme.fontWeights.semibold,props=>sizeStyles$g(props),props=>retrieveComponentStyles(COMPONENT_ID$L,props));StyledTileLabel.defaultProps={theme:DEFAULT_THEME};const Field$2=React__default__default["default"].forwardRef((props,ref)=>{const[hasHint,setHasHint]=React__default.useState(false);const[hasMessage,setHasMessage]=React__default.useState(false);const[isLabelActive,setIsLabelActive]=React__default.useState(false);const[isLabelHovered,setIsLabelHovered]=React__default.useState(false);const multiThumbRangeRef=React__default.useRef(null);const{getInputProps,getMessageProps,...propGetters}=useField(props.id);const fieldProps=React__default.useMemo(()=>({...propGetters,getInputProps:function(options){let describeOptions=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return getInputProps(options,{...describeOptions,isDescribed:hasHint,hasMessage});},getMessageProps:options=>getMessageProps({role:'alert',...options}),isLabelActive,setIsLabelActive,isLabelHovered,setIsLabelHovered,hasHint,setHasHint,hasMessage,setHasMessage,multiThumbRangeRef}),[propGetters,getInputProps,getMessageProps,isLabelActive,isLabelHovered,hasHint,hasMessage]);return React__default__default["default"].createElement(FieldContext$1.Provider,{value:fieldProps},React__default__default["default"].createElement(StyledField,_extends$t({},props,{ref:ref})));});Field$2.displayName='Field';const FieldsetContext=React__default.createContext(undefined);const useFieldsetContext=()=>{const fieldsetContext=React__default.useContext(FieldsetContext);return fieldsetContext;};const LegendComponent=React__default.forwardRef((props,ref)=>{const fieldsetContext=useFieldsetContext();return React__default__default["default"].createElement(StyledLegend,_extends$t({},props,fieldsetContext,{ref:ref}));});LegendComponent.displayName='Fieldset.Legend';const Legend=LegendComponent;const FieldsetComponent=React__default.forwardRef((props,ref)=>{const fieldsetContext=React__default.useMemo(()=>({isCompact:props.isCompact}),[props.isCompact]);return React__default__default["default"].createElement(FieldsetContext.Provider,{value:fieldsetContext},React__default__default["default"].createElement(StyledFieldset,_extends$t({},props,{ref:ref})));});FieldsetComponent.displayName='Fieldset';FieldsetComponent.propTypes={isCompact:propTypes.exports.bool};const Fieldset=FieldsetComponent;Fieldset.Legend=Legend;const InputContext=React__default.createContext(undefined);const useInputContext=()=>{return React__default.useContext(InputContext);};const Hint$2=React__default__default["default"].forwardRef((props,ref)=>{const{hasHint,setHasHint,getHintProps}=useFieldContext$1()||{};const type=useInputContext();React__default.useEffect(()=>{if(!hasHint&&setHasHint){setHasHint(true);}return()=>{if(hasHint&&setHasHint){setHasHint(false);}};},[hasHint,setHasHint]);let HintComponent;if(type==='checkbox'){HintComponent=StyledCheckHint;}else if(type==='radio'){HintComponent=StyledRadioHint;}else if(type==='toggle'){HintComponent=StyledToggleHint;}else{HintComponent=StyledHint;}let combinedProps=props;if(getHintProps){combinedProps=getHintProps(combinedProps);}return React__default__default["default"].createElement(HintComponent,_extends$t({ref:ref},combinedProps));});Hint$2.displayName='Hint';const Label$1$1=React__default__default["default"].forwardRef((props,ref)=>{const fieldContext=useFieldContext$1();const fieldsetContext=useFieldsetContext();const type=useInputContext();let combinedProps=props;if(fieldContext){combinedProps=fieldContext.getLabelProps(combinedProps);if(type===undefined){const{setIsLabelActive,setIsLabelHovered,multiThumbRangeRef}=fieldContext;combinedProps={...combinedProps,onMouseUp:composeEventHandlers$1(props.onMouseUp,()=>{setIsLabelActive(false);}),onMouseDown:composeEventHandlers$1(props.onMouseDown,()=>{setIsLabelActive(true);}),onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>{setIsLabelHovered(true);}),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>{setIsLabelHovered(false);}),onClick:composeEventHandlers$1(props.onClick,()=>{multiThumbRangeRef.current&&multiThumbRangeRef.current.focus();})};}}if(fieldsetContext){combinedProps={...combinedProps,isRegular:combinedProps.isRegular===undefined?true:combinedProps.isRegular};}if(type==='radio'){return React__default__default["default"].createElement(StyledRadioLabel,_extends$t({ref:ref},combinedProps),React__default__default["default"].createElement(StyledRadioSvg,null),props.children);}else if(type==='checkbox'){const onLabelSelect=e=>{const isFirefox=navigator.userAgent.toLowerCase().indexOf('firefox')>-1;if(fieldContext&&isFirefox&&e.target instanceof Element){const inputId=e.target.getAttribute('for');if(!inputId)return;const input=document.getElementById(inputId);if(input&&input.type==='checkbox'){if(e.shiftKey){input.click();input.checked=true;}input.focus();}}};combinedProps={...combinedProps,onClick:composeEventHandlers$1(combinedProps.onClick,onLabelSelect)};return React__default__default["default"].createElement(StyledCheckLabel,_extends$t({ref:ref},combinedProps),React__default__default["default"].createElement(StyledCheckSvg,null),React__default__default["default"].createElement(StyledDashSvg,null),props.children);}else if(type==='toggle'){return React__default__default["default"].createElement(StyledToggleLabel,_extends$t({ref:ref},combinedProps),React__default__default["default"].createElement(StyledToggleSvg,null),props.children);}return React__default__default["default"].createElement(StyledLabel,_extends$t({ref:ref},combinedProps));});Label$1$1.displayName='Label';Label$1$1.propTypes={isRegular:propTypes.exports.bool};const VALIDATION=['success','warning','error'];const FILE_VALIDATION=['success','error'];const FILE_TYPE=['pdf','zip','image','document','spreadsheet','presentation','generic'];const Message$3=React__default__default["default"].forwardRef((_ref,ref)=>{let{validation,validationLabel,children,...props}=_ref;const{hasMessage,setHasMessage,getMessageProps}=useFieldContext$1()||{};const type=useInputContext();React__default.useEffect(()=>{if(!hasMessage&&setHasMessage){setHasMessage(true);}return()=>{if(hasMessage&&setHasMessage){setHasMessage(false);}};},[hasMessage,setHasMessage]);let MessageComponent;if(type==='checkbox'){MessageComponent=StyledCheckMessage;}else if(type==='radio'){MessageComponent=StyledRadioMessage;}else if(type==='toggle'){MessageComponent=StyledToggleMessage;}else{MessageComponent=StyledMessage;}let combinedProps={validation,validationLabel,...props};if(getMessageProps){combinedProps=getMessageProps(combinedProps);}const ariaLabel=useText(Message$3,combinedProps,'validationLabel',validation,validation!==undefined);return React__default__default["default"].createElement(MessageComponent,_extends$t({ref:ref},combinedProps),validation&&React__default__default["default"].createElement(StyledMessageIcon,{validation:validation,"aria-label":ariaLabel}),children);});Message$3.displayName='Message';Message$3.propTypes={validation:propTypes.exports.oneOf(VALIDATION),validationLabel:propTypes.exports.string};const Checkbox=React__default__default["default"].forwardRef((_ref,ref)=>{let{indeterminate,children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext$1();const inputRef=inputElement=>{inputElement&&(inputElement.indeterminate=indeterminate);};const combinedRef=inputElement=>{[inputRef,ref].forEach(targetRef=>{if(targetRef){if(typeof targetRef==='function'){targetRef(inputElement);}else{targetRef.current=inputElement;}}});};let combinedProps={ref:combinedRef,...props,...fieldsetContext};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default__default["default"].createElement(InputContext.Provider,{value:"checkbox"},React__default__default["default"].createElement(StyledCheckInput,combinedProps),children);});Checkbox.displayName='Checkbox';Checkbox.propTypes={isCompact:propTypes.exports.bool,indeterminate:propTypes.exports.bool};const InputGroupContext=React__default.createContext(undefined);const useInputGroupContext=()=>{return React__default.useContext(InputGroupContext);};const Input=React__default__default["default"].forwardRef((_ref,ref)=>{let{onSelect,...props}=_ref;const fieldContext=useFieldContext$1();const inputGroupContext=useInputGroupContext();const onSelectHandler=props.readOnly?composeEventHandlers$1(onSelect,event=>{event.currentTarget.select();}):onSelect;let combinedProps={ref,onSelect:onSelectHandler,...props};if(inputGroupContext){combinedProps={...combinedProps,isCompact:inputGroupContext.isCompact||combinedProps.isCompact,focusInset:props.focusInset===undefined?true:props.focusInset};}if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default__default["default"].createElement(StyledTextInput,combinedProps);});Input.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};Input.displayName='Input';const Radio=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext$1();let combinedProps={ref,...props,...fieldsetContext};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default__default["default"].createElement(InputContext.Provider,{value:"radio"},React__default__default["default"].createElement(StyledRadioInput,combinedProps),children);});Radio.displayName='Radio';Radio.propTypes={isCompact:propTypes.exports.bool};const Range=React__default__default["default"].forwardRef((_ref,ref)=>{let{hasLowerTrack,min,max,step,...props}=_ref;const[backgroundSize,setBackgroundSize]=React__default.useState('0');const rangeRef=React__default.useRef();const fieldContext=useFieldContext$1();const updateBackgroundWidthFromInput=React__default.useCallback(rangeTarget=>{let relativeMax=max;const{value}=rangeTarget;if(parseFloat(relativeMax)<parseFloat(min)){relativeMax=100;}const percentage=100*(value-min)/(relativeMax-min);setBackgroundSize(`${percentage}%`);},[max,min,step]);React__default.useEffect(()=>{updateBackgroundWidthFromInput(rangeRef.current);},[rangeRef,updateBackgroundWidthFromInput,props.value]);const onChange=hasLowerTrack?composeEventHandlers$1(props.onChange,event=>{updateBackgroundWidthFromInput(event.target);}):props.onChange;let combinedProps={ref:mergeRefs([rangeRef,ref]),hasLowerTrack,min,max,step,backgroundSize,...props,onChange};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps,{isDescribed:true});}return React__default__default["default"].createElement(StyledRangeInput,combinedProps);});Range.defaultProps={hasLowerTrack:true,min:0,max:100,step:1};Range.displayName='Range';const parseStyleValue=value=>{return parseInt(value,10)||0;};const Textarea=React__default__default["default"].forwardRef((_ref,ref)=>{let{minRows,maxRows,style,onChange,onSelect,...props}=_ref;const fieldContext=useFieldContext$1();const textAreaRef=React__default.useRef();const shadowTextAreaRef=React__default.useRef(null);const[state,setState]=React__default.useState({overflow:false,height:0});const isControlled=props.value!==null&&props.value!==undefined;const isAutoResizable=(minRows!==undefined||maxRows!==undefined)&&!props.isResizable;const calculateHeight=React__default.useCallback(()=>{if(!isAutoResizable){return;}const textarea=textAreaRef.current;const computedStyle=window.getComputedStyle(textarea);const shadowTextArea=shadowTextAreaRef.current;shadowTextArea.style.width=computedStyle.width;shadowTextArea.value=textarea.value||textarea.placeholder||' ';const boxSizing=computedStyle.boxSizing;const padding=parseStyleValue(computedStyle.paddingBottom)+parseStyleValue(computedStyle.paddingTop);const border=parseStyleValue(computedStyle.borderTopWidth)+parseStyleValue(computedStyle.borderBottomWidth);const innerHeight=shadowTextArea.scrollHeight-padding;shadowTextArea.value='x';const singleRowHeight=shadowTextArea.scrollHeight-padding;let outerHeight=innerHeight;if(minRows){outerHeight=Math.max(Number(minRows)*singleRowHeight,outerHeight);}if(maxRows){outerHeight=Math.min(Number(maxRows)*singleRowHeight,outerHeight);}outerHeight=Math.max(outerHeight,singleRowHeight);const updatedHeight=outerHeight+(boxSizing==='border-box'?padding+border:0);const overflow=Math.abs(outerHeight-innerHeight)<=1;setState(prevState=>{if(updatedHeight>0&&Math.abs((prevState.height||0)-updatedHeight)>1||prevState.overflow!==overflow){return{overflow,height:updatedHeight};}return prevState;});},[maxRows,minRows,textAreaRef,isAutoResizable]);const onChangeHandler=React__default.useCallback(e=>{if(!isControlled){calculateHeight();}if(onChange){onChange(e);}},[calculateHeight,isControlled,onChange]);const theme=React__default.useContext(styled.ThemeContext);const environment=useDocument(theme);React__default.useEffect(()=>{if(!isAutoResizable){return undefined;}if(environment){const win=environment.defaultView||window;const resizeHandler=lodash_debounce(calculateHeight);win.addEventListener('resize',resizeHandler);return()=>{resizeHandler.cancel();win.removeEventListener('resize',resizeHandler);};}return undefined;},[calculateHeight,isAutoResizable,environment]);React__default.useLayoutEffect(()=>{calculateHeight();});const computedStyle={};if(isAutoResizable){computedStyle.height=state.height;computedStyle.overflow=state.overflow?'hidden':undefined;}const onSelectHandler=props.readOnly?composeEventHandlers$1(onSelect,event=>{event.currentTarget.select();}):onSelect;let combinedProps={ref:mergeRefs([textAreaRef,ref]),rows:minRows,onChange:onChangeHandler,onSelect:onSelectHandler,style:{...computedStyle,...style},...props};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps,{isDescribed:true});}return React__default__default["default"].createElement(React__default__default["default"].Fragment,null,React__default__default["default"].createElement(StyledTextarea,combinedProps),isAutoResizable&&React__default__default["default"].createElement(StyledTextarea,{"aria-hidden":true,readOnly:true,isHidden:true,className:props.className,ref:shadowTextAreaRef,tabIndex:-1,isBare:props.isBare,isCompact:props.isCompact,style:style}));});Textarea.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,focusInset:propTypes.exports.bool,isResizable:propTypes.exports.bool,minRows:propTypes.exports.number,maxRows:propTypes.exports.number,validation:propTypes.exports.oneOf(VALIDATION)};Textarea.displayName='Textarea';const Toggle=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext$1();let combinedProps={ref,...props,...fieldsetContext};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default__default["default"].createElement(InputContext.Provider,{value:"toggle"},React__default__default["default"].createElement(StyledToggleInput,combinedProps),children);});Toggle.displayName='Toggle';Toggle.propTypes={isCompact:propTypes.exports.bool};var _path$k;function _extends$l(){_extends$l=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$l.apply(this,arguments);}var SvgChevronDownStroke$2=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$l({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$k||(_path$k=/*#__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 StartIconComponent$1=props=>React__default__default["default"].createElement(StyledTextMediaFigure,_extends$t({position:"start"},props));StartIconComponent$1.displayName='FauxInput.StartIcon';const StartIcon$1=StartIconComponent$1;const EndIconComponent$1=props=>React__default__default["default"].createElement(StyledTextMediaFigure,_extends$t({position:"end"},props));EndIconComponent$1.displayName='FauxInput.EndIcon';const EndIcon$1=EndIconComponent$1;const FauxInputComponent=React__default.forwardRef((_ref,ref)=>{let{onFocus,onBlur,disabled,readOnly,isFocused:controlledIsFocused,...props}=_ref;const[isFocused,setIsFocused]=React__default.useState(false);const onFocusHandler=composeEventHandlers$1(onFocus,()=>{setIsFocused(true);});const onBlurHandler=composeEventHandlers$1(onBlur,()=>{setIsFocused(false);});return React__default__default["default"].createElement(StyledTextFauxInput,_extends$t({onFocus:onFocusHandler,onBlur:onBlurHandler,isFocused:controlledIsFocused===undefined?isFocused:controlledIsFocused,isReadOnly:readOnly,isDisabled:disabled,tabIndex:disabled?undefined:0},props,{ref:ref}));});FauxInputComponent.displayName='FauxInput';FauxInputComponent.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,focusInset:propTypes.exports.bool,disabled:propTypes.exports.bool,readOnly:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),isFocused:propTypes.exports.bool,isHovered:propTypes.exports.bool};const FauxInput=FauxInputComponent;FauxInput.EndIcon=EndIcon$1;FauxInput.StartIcon=StartIcon$1;const Select$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{disabled,isCompact,validation,focusInset,isBare,...props}=_ref;const fieldContext=useFieldContext$1();let combinedProps={disabled,isBare,isCompact,validation,focusInset,ref,...props};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps,{isDescribed:true});}return React__default__default["default"].createElement(StyledSelectWrapper,{isCompact:isCompact,isBare:isBare,validation:validation,focusInset:focusInset},React__default__default["default"].createElement(StyledSelect$1,combinedProps),!isBare&&React__default__default["default"].createElement(FauxInput.EndIcon,{isDisabled:disabled},React__default__default["default"].createElement(SvgChevronDownStroke$2,null)));});Select$1.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};Select$1.displayName='Select';const MIN=0;const MAX=100;const MultiThumbRange=React__default.forwardRef((_ref,ref)=>{let{min=MIN,max=MAX,minValue,maxValue,disabled,step,jump,onChange,onMouseDown,...props}=_ref;const theme=React__default.useContext(styled.ThemeContext);const environment=useDocument(theme);const trackRailRef=React__default.useRef(null);const minThumbRef=React__default.useRef(null);const maxThumbRef=React__default.useRef(null);const{getTrackProps,getMinThumbProps,getMaxThumbProps,trackRect,minValue:updatedMinValue,maxValue:updatedMaxValue}=useSlider({trackRef:trackRailRef,minThumbRef,maxThumbRef,min,max,minValue,maxValue,onChange,step,jump,disabled,rtl:theme.rtl,environment});const{onMouseDown:onSliderMouseDown,...trackProps}=getTrackProps({onMouseDown});const fieldContext=useFieldContext$1();const{isLabelHovered,isLabelActive,multiThumbRangeRef}=fieldContext||{};React__default.useEffect(()=>{if(multiThumbRangeRef){multiThumbRangeRef.current=minThumbRef.current;}},[multiThumbRangeRef]);const minPosition=(updatedMinValue-min)/(max-min)*trackRect.width;const maxPosition=(updatedMaxValue-min)/(max-min)*trackRect.width;const sliderBackgroundSize=Math.abs(maxPosition)-Math.abs(minPosition);return React__default__default["default"].createElement(StyledSlider,_extends$t({ref:ref,onMouseDown:onSliderMouseDown},props),React__default__default["default"].createElement(StyledSliderTrack,{backgroundSize:sliderBackgroundSize,backgroundPosition:theme.rtl?trackRect.width-maxPosition:minPosition,isDisabled:disabled},React__default__default["default"].createElement(StyledSliderTrackRail,_extends$t({},trackProps,{ref:trackRailRef}),React__default__default["default"].createElement(StyledSliderThumb,_extends$t({},getMinThumbProps({'aria-label':updatedMinValue}),{isDisabled:disabled,position:minPosition,ref:minThumbRef,"data-garden-active":isLabelActive,"data-garden-hover":isLabelHovered})),React__default__default["default"].createElement(StyledSliderThumb,_extends$t({},getMaxThumbProps({'aria-label':updatedMaxValue}),{isDisabled:disabled,position:maxPosition,ref:maxThumbRef})))));});MultiThumbRange.displayName='MultiThumbRange';MultiThumbRange.propTypes={min:propTypes.exports.number,max:propTypes.exports.number,minValue:propTypes.exports.number,maxValue:propTypes.exports.number,step:propTypes.exports.number,jump:propTypes.exports.number,disabled:propTypes.exports.bool,onChange:propTypes.exports.func};MultiThumbRange.defaultProps={min:MIN,max:MAX,step:1};const TilesContext=React__default.createContext(undefined);const useTilesContext=()=>{return React__default.useContext(TilesContext);};const TileComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,value,disabled,...props}=_ref;const tilesContext=useTilesContext();const inputRef=React__default.useRef(null);let inputProps;if(tilesContext){inputProps={name:tilesContext.name,checked:tilesContext.value===value,onChange:tilesContext.onChange};}return React__default__default["default"].createElement(StyledTile,_extends$t({ref:ref,"aria-disabled":disabled,isDisabled:disabled,isSelected:tilesContext&&tilesContext.value===value},props),children,React__default__default["default"].createElement(StyledTileInput,_extends$t({},inputProps,{disabled:disabled,value:value,type:"radio",ref:inputRef})));});TileComponent.displayName='Tiles.Tile';TileComponent.propTypes={value:propTypes.exports.string,disabled:propTypes.exports.bool};const Tile=TileComponent;const DescriptionComponent=React__default.forwardRef((props,ref)=>{const tilesContext=useTilesContext();return React__default__default["default"].createElement(StyledTileDescription,_extends$t({ref:ref,isCentered:tilesContext&&tilesContext.isCentered},props));});DescriptionComponent.displayName='Tiles.Description';const Description=DescriptionComponent;const IconComponent=React__default.forwardRef((props,ref)=>{const tileContext=useTilesContext();return React__default__default["default"].createElement(StyledTileIcon,_extends$t({ref:ref,isCentered:tileContext&&tileContext.isCentered},props));});IconComponent.displayName='Tiles.Icon';const Icon$1=IconComponent;const LabelComponent=React__default.forwardRef((props,forwardedRef)=>{const[title,setTitle]=React__default.useState('');const ref=React__default.useRef();const tilesContext=useTilesContext();React__default.useEffect(()=>{if(ref.current){setTitle(ref.current.textContent||undefined);}},[ref]);return React__default__default["default"].createElement(StyledTileLabel,_extends$t({ref:mergeRefs([ref,forwardedRef]),title:title,isCentered:tilesContext&&tilesContext.isCentered},props));});LabelComponent.displayName='Tiles.Label';const Label$2=LabelComponent;const TilesComponent=React__default.forwardRef((_ref,ref)=>{let{onChange,value:controlledValue,name,isCentered,...props}=_ref;const[value,setValue]=React__default.useState(controlledValue);const handleOnChange=React__default.useCallback(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}setValue(args[0].target.value);if(onChange){onChange(...args);}},[onChange]);const selectedValue=getControlledValue(controlledValue,value);const tileContext=React__default.useMemo(()=>({onChange:handleOnChange,value:selectedValue,name,isCentered}),[handleOnChange,selectedValue,name,isCentered]);return React__default__default["default"].createElement(TilesContext.Provider,{value:tileContext},React__default__default["default"].createElement("div",_extends$t({ref:ref,role:"radiogroup"},props)));});TilesComponent.displayName='Tiles';TilesComponent.propTypes={value:propTypes.exports.string,onChange:propTypes.exports.func,name:propTypes.exports.string.isRequired,isCentered:propTypes.exports.bool};TilesComponent.defaultProps={isCentered:true};const Tiles=TilesComponent;Tiles.Description=Description;Tiles.Icon=Icon$1;Tiles.Label=Label$2;Tiles.Tile=Tile;const InputGroup=React__default__default["default"].forwardRef((_ref,ref)=>{let{isCompact,...props}=_ref;const contextValue=React__default.useMemo(()=>({isCompact}),[isCompact]);return React__default__default["default"].createElement(InputGroupContext.Provider,{value:contextValue},React__default__default["default"].createElement(StyledInputGroup,_extends$t({ref:ref,isCompact:isCompact},props)));});InputGroup.displayName='InputGroup';InputGroup.propTypes={isCompact:propTypes.exports.bool};const FileUpload=React__default__default["default"].forwardRef((_ref,ref)=>{let{disabled,...props}=_ref;return React__default__default["default"].createElement(StyledFileUpload,_extends$t({ref:ref,"aria-disabled":disabled},props,{role:"button"}));});FileUpload.propTypes={isDragging:propTypes.exports.bool,isCompact:propTypes.exports.bool,disabled:propTypes.exports.bool};FileUpload.displayName='FileUpload';const ItemComponent=React__default.forwardRef((_ref,ref)=>{let{...props}=_ref;return React__default__default["default"].createElement(StyledFileListItem,_extends$t({},props,{ref:ref}));});ItemComponent.displayName='FileList.Item';const Item$2=ItemComponent;const FileListComponent=React__default.forwardRef((_ref,ref)=>{let{...props}=_ref;return React__default__default["default"].createElement(StyledFileList,_extends$t({},props,{ref:ref}));});FileListComponent.displayName='FileList';const FileList=FileListComponent;FileList.Item=Item$2;var _path$j;function _extends$k(){_extends$k=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$k.apply(this,arguments);}var SvgXStroke$1=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$k({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$j||(_path$j=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 9l6-6m0 6L3 3"})));};var _path$i;function _extends$j(){_extends$j=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$j.apply(this,arguments);}var SvgXStroke=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$j({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$i||(_path$i=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 13L13 3m0 10L3 3"})));};const FileContext=React__default.createContext(undefined);const useFileContext=()=>{return React__default.useContext(FileContext);};const CloseComponent=React__default__default["default"].forwardRef((props,ref)=>{const fileContext=useFileContext();const onMouseDown=composeEventHandlers$1(props.onMouseDown,event=>event.preventDefault());const ariaLabel=useText(CloseComponent,props,'aria-label','Close');return React__default__default["default"].createElement(StyledFileClose,_extends$t({ref:ref,"aria-label":ariaLabel},props,{type:"button",tabIndex:-1,onMouseDown:onMouseDown}),fileContext&&fileContext.isCompact?React__default__default["default"].createElement(SvgXStroke$1,null):React__default__default["default"].createElement(SvgXStroke,null));});CloseComponent.displayName='File.Close';const Close=CloseComponent;var _path$h;function _extends$i(){_extends$i=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$i.apply(this,arguments);}var SvgTrashStroke$1=function SvgTrashStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$i({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$h||(_path$h=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M4.5 2.5V1c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5v1.5M2 2.5h8m-5.5 7V5m3 4.5V5m-5-.5V11c0 .3.2.5.5.5h6c.3 0 .5-.2.5-.5V4.5"})));};var _path$g;function _extends$h(){_extends$h=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$h.apply(this,arguments);}var SvgTrashStroke=function SvgTrashStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$h({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$g||(_path$g=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M6.5 2.5V1c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5v1.5M3 2.5h10m-6.5 11v-8m3 8v-8m-6-1V15c0 .3.2.5.5.5h8c.3 0 .5-.2.5-.5V4.5"})));};const DeleteComponent=React__default__default["default"].forwardRef((props,ref)=>{const fileContext=useFileContext();const onMouseDown=composeEventHandlers$1(props.onMouseDown,event=>event.preventDefault());const ariaLabel=useText(DeleteComponent,props,'aria-label','Delete');return React__default__default["default"].createElement(StyledFileDelete,_extends$t({ref:ref,"aria-label":ariaLabel},props,{type:"button",tabIndex:-1,onMouseDown:onMouseDown}),fileContext&&fileContext.isCompact?React__default__default["default"].createElement(SvgTrashStroke$1,null):React__default__default["default"].createElement(SvgTrashStroke,null));});DeleteComponent.displayName='File.Delete';const Delete=DeleteComponent;var _path$f,_rect$1;function _extends$g(){_extends$g=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$g.apply(this,arguments);}var SvgFilePdfStroke$1=function SvgFilePdfStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$g({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$f||(_path$f=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 3.21V11a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h5.79a.5.5 0 01.35.15l2.21 2.21a.5.5 0 01.15.35zM7.5.5V3a.5.5 0 00.5.5h2.5m-7 6h5"})),_rect$1||(_rect$1=/*#__PURE__*/React__default__namespace.createElement("rect",{width:6,height:3,x:3,y:5,fill:"currentColor",rx:0.5,ry:0.5})));};var _path$e;function _extends$f(){_extends$f=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$f.apply(this,arguments);}var SvgFileZipStroke$1=function SvgFileZipStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$f({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$e||(_path$e=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M4.5.5v8m0-6h1m-2 1h1m0 1h1m-2 1h1m0 1h1m-2 1h1m6-4.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"})));};var _path$d,_circle$1;function _extends$e(){_extends$e=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$e.apply(this,arguments);}var SvgFileImageStroke$1=function SvgFileImageStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$e({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$d||(_path$d=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5m-7 6L5 8l1.5 1.5 1-1 1 1"})),_circle$1||(_circle$1=/*#__PURE__*/React__default__namespace.createElement("circle",{cx:8,cy:6,r:1,fill:"currentColor"})));};var _path$c;function _extends$d(){_extends$d=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$d.apply(this,arguments);}var SvgFileDocumentStroke$1=function SvgFileDocumentStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$d({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$c||(_path$c=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M3.5 5.5h5m-5 2h5m-5 2h5m2-6.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"})));};var _path$b;function _extends$c(){_extends$c=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$c.apply(this,arguments);}var SvgFileSpreadsheetStroke$1=function SvgFileSpreadsheetStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$c({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$b||(_path$b=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M3.5 5.5h1m-1 2h1m-1 2h1m2-4h2m-2 2h2m-2 2h2m2-6.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"})));};var _path$a;function _extends$b(){_extends$b=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$b.apply(this,arguments);}var SvgFilePresentationStroke$1=function SvgFilePresentationStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$b({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$a||(_path$a=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",d:"M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM6 9.5h2c.28 0 .5-.22.5-.5V8c0-.28-.22-.5-.5-.5H6c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5zm-2-2h2c.28 0 .5-.22.5-.5V6c0-.28-.22-.5-.5-.5H4c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5zm3.5-7V3c0 .28.22.5.5.5h2.5"})));};var _path$9;function _extends$a(){_extends$a=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$a.apply(this,arguments);}var SvgFileGenericStroke$1=function SvgFileGenericStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$a({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$9||(_path$9=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",d:"M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"})));};var _g$3;function _extends$9$1(){_extends$9$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$9$1.apply(this,arguments);}var SvgCheckCircleStroke=function SvgCheckCircleStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$9$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_g$3||(_g$3=/*#__PURE__*/React__default__namespace.createElement("g",{fill:"none",stroke:"currentColor"},/*#__PURE__*/React__default__namespace.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.5 6l2 2L9 4.5"}),/*#__PURE__*/React__default__namespace.createElement("circle",{cx:6,cy:6,r:5.5}))));};var _path$8;function _extends$8$1(){_extends$8$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$8$1.apply(this,arguments);}var SvgFileErrorStroke$1=function SvgFileErrorStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$8$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$8||(_path$8=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 3.21V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5M4 9.5l4-4m0 4l-4-4"})));};var _path$7,_rect;function _extends$7$1(){_extends$7$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$7$1.apply(this,arguments);}var SvgFilePdfStroke=function SvgFilePdfStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$7$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$7||(_path$7=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M14.5 4.2V15a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h8.85a.5.5 0 01.36.15l3.15 3.2a.5.5 0 01.14.35zm-10 8.3h7m-7-2h7m-1-10V4a.5.5 0 00.5.5h3.5"})),_rect||(_rect=/*#__PURE__*/React__default__namespace.createElement("rect",{width:8,height:2,x:4,y:7,fill:"currentColor",rx:0.5,ry:0.5})));};var _path$6$1;function _extends$6$1(){_extends$6$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$6$1.apply(this,arguments);}var SvgFileZipStroke=function SvgFileZipStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$6$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$6$1||(_path$6$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M6.5.5v11M5 2.5h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m0 1H8m-3 1h1.5m8-6.3V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"})));};var _path$5$1,_circle;function _extends$5$1(){_extends$5$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$5$1.apply(this,arguments);}var SvgFileImageStroke=function SvgFileImageStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$5$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$5$1||(_path$5$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5m-11 9l2.65-2.65c.2-.2.51-.2.71 0l1.79 1.79c.2.2.51.2.71 0l.79-.79c.2-.2.51-.2.71 0l1.65 1.65"})),_circle||(_circle=/*#__PURE__*/React__default__namespace.createElement("circle",{cx:10.5,cy:8.5,r:1.5,fill:"currentColor"})));};var _path$4$1;function _extends$4$1(){_extends$4$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$4$1.apply(this,arguments);}var SvgFileDocumentStroke=function SvgFileDocumentStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$4$1||(_path$4$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M4.5 7.5h7m-7 1.97h7m-7 2h7m3-7.27V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"})));};var _path$3$1;function _extends$3$2(){_extends$3$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$3$2.apply(this,arguments);}var SvgFileSpreadsheetStroke=function SvgFileSpreadsheetStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$3$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$3$1||(_path$3$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M4.5 7.5h2m-2 2h2m-2 2h2m2-4h3m-3 2h3m-3 2h3m3-7.3V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"})));};var _path$2$1;function _extends$2$3(){_extends$2$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$2$3.apply(this,arguments);}var SvgFilePresentationStroke=function SvgFilePresentationStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2$1||(_path$2$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",d:"M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5M7 9.5h4c.28 0 .5.22.5.5v3c0 .28-.22.5-.5.5H7c-.28 0-.5-.22-.5-.5v-3c0-.28.22-.5.5-.5zm-.5 2H5c-.28 0-.5-.22-.5-.5V8c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5v1.5"})));};var _path$1$3;function _extends$1$3(){_extends$1$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$1$3.apply(this,arguments);}var SvgFileGenericStroke=function SvgFileGenericStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1$3||(_path$1$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",d:"M14.5 4.2V15c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h8.85c.13 0 .26.05.36.15l3.15 3.2c.09.1.14.22.14.35zm-4-3.7V4c0 .28.22.5.5.5h3.5"})));};var _path$o;function _extends$u(){_extends$u=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$u.apply(this,arguments);}var SvgFileErrorStroke=function SvgFileErrorStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$u({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$o||(_path$o=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M14.5 4.205V15a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5V1A.5.5 0 012 .5h8.853a.5.5 0 01.356.15l3.148 3.204a.5.5 0 01.143.35zM10.5.5V4a.5.5 0 00.5.5h3.5m-9 8l5-5m0 5l-5-5"})));};const fileIconsDefault={pdf:React__default__default["default"].createElement(SvgFilePdfStroke,null),zip:React__default__default["default"].createElement(SvgFileZipStroke,null),image:React__default__default["default"].createElement(SvgFileImageStroke,null),document:React__default__default["default"].createElement(SvgFileDocumentStroke,null),spreadsheet:React__default__default["default"].createElement(SvgFileSpreadsheetStroke,null),presentation:React__default__default["default"].createElement(SvgFilePresentationStroke,null),generic:React__default__default["default"].createElement(SvgFileGenericStroke,null),success:React__default__default["default"].createElement(SvgCheckCircleStroke$1,null),error:React__default__default["default"].createElement(SvgFileErrorStroke,null)};const fileIconsCompact={pdf:React__default__default["default"].createElement(SvgFilePdfStroke$1,null),zip:React__default__default["default"].createElement(SvgFileZipStroke$1,null),image:React__default__default["default"].createElement(SvgFileImageStroke$1,null),document:React__default__default["default"].createElement(SvgFileDocumentStroke$1,null),spreadsheet:React__default__default["default"].createElement(SvgFileSpreadsheetStroke$1,null),presentation:React__default__default["default"].createElement(SvgFilePresentationStroke$1,null),generic:React__default__default["default"].createElement(SvgFileGenericStroke$1,null),success:React__default__default["default"].createElement(SvgCheckCircleStroke,null),error:React__default__default["default"].createElement(SvgFileErrorStroke$1,null)};const FileComponent=React__default.forwardRef((_ref,ref)=>{let{children,type,isCompact,focusInset,validation,...props}=_ref;const fileContextValue=React__default.useMemo(()=>({isCompact}),[isCompact]);const validationType=validation||type;return React__default__default["default"].createElement(FileContext.Provider,{value:fileContextValue},React__default__default["default"].createElement(StyledFile,_extends$t({},props,{isCompact:isCompact,focusInset:focusInset,validation:validation,ref:ref}),validationType&&React__default__default["default"].createElement(StyledFileIcon,{isCompact:isCompact},isCompact?fileIconsCompact[validationType]:fileIconsDefault[validationType]),React__default.Children.map(children,child=>typeof child==='string'?React__default__default["default"].createElement("span",null,child):child)));});FileComponent.displayName='File';FileComponent.propTypes={focusInset:propTypes.exports.bool,isCompact:propTypes.exports.bool,type:propTypes.exports.oneOf(FILE_TYPE),validation:propTypes.exports.oneOf(FILE_VALIDATION)};const File=FileComponent;File.Close=Close;File.Delete=Delete;const MediaInput=React__default__default["default"].forwardRef((_ref,ref)=>{let{start,end,disabled,isCompact,isBare,focusInset,readOnly,validation,wrapperProps={},wrapperRef,onSelect,...props}=_ref;const fieldContext=useFieldContext$1();const inputRef=React__default.useRef();const[isFocused,setIsFocused]=React__default.useState(false);const[isHovered,setIsHovered]=React__default.useState(false);const{onClick,onFocus,onBlur,onMouseOver,onMouseOut,...otherWrapperProps}=wrapperProps;const onFauxInputClickHandler=composeEventHandlers$1(onClick,()=>{inputRef.current&&inputRef.current.focus();});const onFauxInputFocusHandler=composeEventHandlers$1(onFocus,()=>{setIsFocused(true);});const onFauxInputBlurHandler=composeEventHandlers$1(onBlur,()=>{setIsFocused(false);});const onFauxInputMouseOverHandler=composeEventHandlers$1(onMouseOver,()=>{setIsHovered(true);});const onFauxInputMouseOutHandler=composeEventHandlers$1(onMouseOut,()=>{setIsHovered(false);});const onSelectHandler=readOnly?composeEventHandlers$1(onSelect,event=>{event.currentTarget.select();}):onSelect;let combinedProps={disabled,readOnly,ref:mergeRefs([inputRef,ref]),onSelect:onSelectHandler,...props};let isLabelHovered;if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps,{isDescribed:true});isLabelHovered=fieldContext.isLabelHovered;}return React__default__default["default"].createElement(FauxInput,_extends$t({tabIndex:null,onClick:onFauxInputClickHandler,onFocus:onFauxInputFocusHandler,onBlur:onFauxInputBlurHandler,onMouseOver:onFauxInputMouseOverHandler,onMouseOut:onFauxInputMouseOutHandler,disabled:disabled,isFocused:isFocused,isHovered:isHovered||isLabelHovered,isCompact:isCompact,isBare:isBare,focusInset:focusInset,readOnly:readOnly,validation:validation,mediaLayout:true},otherWrapperProps,{ref:wrapperRef}),start&&React__default__default["default"].createElement(FauxInput.StartIcon,{isDisabled:disabled,isFocused:isFocused,isHovered:isHovered||isLabelHovered},start),React__default__default["default"].createElement(StyledTextMediaInput,combinedProps),end&&React__default__default["default"].createElement(FauxInput.EndIcon,{isDisabled:disabled,isFocused:isFocused,isHovered:isHovered||isLabelHovered},end));});MediaInput.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),start:propTypes.exports.node,end:propTypes.exports.node,wrapperProps:propTypes.exports.object,wrapperRef:propTypes.exports.any};MediaInput.displayName='MediaInput';var XXS=".8rem";var XS=".9rem";var SM="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
|
|
1259
|
+
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var FONT_SIZES={XXS:XXS,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Hint$1=styled__default["default"](Hint$2)(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"],["\n &&& {\n font-size: ",";\n font-weight: ",";\n color: ",";\n ","\n }\n"])),FONT_SIZES.XS,FONT_WEIGHTS.MEDIUM,function(_a){var theme=_a.theme;return theme.styles.textColorSecondary;},function(_a){var _css=_a._css;return _css;});var templateObject_1$c;var Message$2=styled__default["default"](Message$3)(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n &&& {\n font-size: ",";\n ","\n }\n"],["\n &&& {\n font-size: ",";\n ","\n }\n"])),FONT_SIZES.XS,function(_a){var _css=_a._css;return _css;});var templateObject_1$b;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};var getColor=styled.css(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"// const subTextStyling = css`
|
|
1260
1260
|
// margin-top: 0;
|
|
1261
1261
|
// `
|
|
1262
1262
|
])),function(_a){var color=_a.color,danger=_a.danger,theme=_a.theme;if(danger)return theme.styles.colorDanger;if(color)return color;return"inherit";});// const subTextStyling = css`
|
|
@@ -1331,7 +1331,7 @@ Color[model]=function(...args){let color=args[0];if(typeof color==='number'){col
|
|
|
1331
1331
|
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var Field$1=styled__default["default"](Field$2)(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n width: ",";\n"],["\n width: ",";\n"])),function(_a){var compact=_a.compact;return compact?"auto":"100%";});var TextFieldWrapper=React__default.forwardRef(function(_a,ref){var className=_a.className,compact=_a.compact,emptyState=_a.emptyState,fluid=_a.fluid,hint=_a.hint,label=_a.label,message=_a.message,required=_a.required,validation=_a.validation,value=_a.value,WrappedComponent=_a.WrappedComponent,onChange=_a.onChange,props=__rest(_a,["className","compact","emptyState","fluid","hint","label","message","required","validation","value","WrappedComponent","onChange"]);var notifyParentOfChange=React__default.useCallback(function(e){// @ts-ignore
|
|
1332
1332
|
onChange(e.target.value,e);},[onChange]);message=(validation===null||validation===void 0?void 0:validation.message)||message;return jsxRuntime.jsx(Container$3,__assign({className:className,withRows:true,gap:"unset",fluid:fluid},{children:jsxRuntime.jsxs(Field$1,__assign({compact:compact},{children:[label||required?jsxRuntime.jsxs(FlexBox,__assign({gap:".3em"},{children:[label?jsxRuntime.jsx(Label$1$1,{children:label}):null,required?jsxRuntime.jsx(Text,__assign({danger:true},{children:jsxRuntime.jsx("b",{children:"*"})})):null]})):null,hint?jsxRuntime.jsx(Hint$1,__assign({_css:styled.css(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n "],["\n &&& {\n font-size: ",";\n }\n "])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(WrappedComponent// @ts-ignore
|
|
1333
1333
|
,__assign({// @ts-ignore
|
|
1334
|
-
placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:notifyParentOfChange})),message?jsxRuntime.jsx(Message$2,__assign({
|
|
1334
|
+
placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:notifyParentOfChange})),message?jsxRuntime.jsx(Message$2,__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$7||(templateObject_3$7=__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
|
|
1335
1335
|
])),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
|
|
1336
1336
|
TextFieldWrapper=styled__default["default"](TextFieldWrapper)(templateObject_4$7||(templateObject_4$7=__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$3=styled__default["default"](FlexBox)(templateObject_5$5||(templateObject_5$5=__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$9,templateObject_2$8,templateObject_3$7,templateObject_4$7,templateObject_5$5;var TextArea=function(_a){var _b=_a.autoExpand,autoExpand=_b===void 0?false:_b,characterLimit=_a.characterLimit,onChange=_a.onChange,resizable=_a.resizable,props=__rest(_a,["autoExpand","characterLimit","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
|
|
1337
1337
|
isResizable:resizable,minRows:autoExpand?2:undefined,maxRows:autoExpand?20:undefined,onChange:onChange,// @ts-ignore
|
|
@@ -10829,10 +10829,10 @@ var isArray=function(o){return o instanceof Array;};var isNumber=function(o){ret
|
|
|
10829
10829
|
*/function _extends$8(){_extends$8=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$8.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$2='loaders.loading_placeholder';const StyledLoadingPlaceholder=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$2,'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$2,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$2='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$2,'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$1(props.theme.fontSizes.sm,props.theme.space.base*5),retrieveSkeletonBackgroundColor,retrieveSkeletonAnimation,retrieveSkeletonGradient,props=>retrieveComponentStyles(COMPONENT_ID$4$2,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$2='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$2,'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$2,props));StyledInline.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2$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$8({ref:ref,fontSize:size,color:color,width:"80",height:"72",dataGardenId:COMPONENT_ID$2$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$1=['small','medium','large'];const COMPONENT_ID$1$2='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$8({"data-garden-id":COMPONENT_ID$1$2,"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$1)};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$8({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$o='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$8({ref:ref,fontSize:size,color:color,width:WIDTH,height:HEIGHT,dataGardenId:COMPONENT_ID$o,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$8({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$6||(templateObject_1$6=__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$5||(templateObject_2$5=__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"])));var colors=styled.css(templateObject_3$4||(templateObject_3$4=__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$4||(templateObject_4$4=__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$3||(templateObject_5$3=__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 theme.styles.colors.grey["300"];if(success)return theme.styles.colorSuccess;if(warning)return theme.styles.colorWarning;return theme.styles.colorPrimary;};var inlineWrapping=styled.css(templateObject_6$2||(templateObject_6$2=__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
|
|
10830
10830
|
,__assign({// @ts-ignore
|
|
10831
10831
|
as:innerAs,disabled:disabled,isPill:pill,ref:innerRef,onClick:onClick},props,{children:loading?jsxRuntime.jsx(LoaderContainer$1,__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$1||(templateObject_7$1=__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
|
|
10832
|
-
onClick:autoLoadable?processClick:onClick}));}))(templateObject_8||(templateObject_8=__makeTemplateObject([""],[""// @ts-ignore
|
|
10832
|
+
onClick:autoLoadable?processClick:onClick}));}))(templateObject_8$1||(templateObject_8$1=__makeTemplateObject([""],[""// @ts-ignore
|
|
10833
10833
|
])));// @ts-ignore
|
|
10834
10834
|
Button.COMPONENT_NAME="Button";// @ts-ignore
|
|
10835
|
-
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer$1=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$6,templateObject_2$5,templateObject_3$4,templateObject_4$4,templateObject_5$3,templateObject_6$2,templateObject_7$1,templateObject_8,templateObject_9,templateObject_10;var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
|
|
10835
|
+
Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,disabled:false};var LoaderContainer$1=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$6,templateObject_2$5,templateObject_3$4,templateObject_4$4,templateObject_5$3,templateObject_6$2,templateObject_7$1,templateObject_8$1,templateObject_9,templateObject_10;var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
|
|
10836
10836
|
var Chat=styled__default["default"](function(_a){var chatBody=_a.chatBody,className=_a.className,footer=_a.footer,header=_a.header,_b=_a.hideSendButton,hideSendButton=_b===void 0?false:_b,onChange=_a.onChange,onSaveClicked=_a.onSaveClicked,userInputValue=_a.userInputValue;var theme=useTheme();var chatEntriesContainer=React__default.useRef(null);var scrollToBottom=React__default.useCallback(function(){var _a,_b,_c;// need the component to rerender when the chatBody is updated...So we need
|
|
10837
10837
|
// to add this dummy check so the chatBody can be added to the dependencies list
|
|
10838
10838
|
if(!chatBody)return;(_a=chatEntriesContainer.current)===null||_a===void 0?void 0:_a.scrollTo(0,(_c=(_b=chatEntriesContainer.current)===null||_b===void 0?void 0:_b.scrollHeight)!==null&&_c!==void 0?_c:0);},[chatBody]);React__default.useEffect(function(){scrollToBottom();},[scrollToBottom]);return jsxRuntime.jsxs(Container$2,__assign({className:className,gap:SPACINGS.LG,withRows:true},{children:[header,jsxRuntime.jsx(FlexBox,__assign({fluid:true,ref:chatEntriesContainer,withRows:true,_css:styled.css(templateObject_1$5||(templateObject_1$5=__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$4||(templateObject_2$4=__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$3||(templateObject_3$3=__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:hideSendButton?null:jsxRuntime.jsx(Button,__assign({onClick:onSaveClicked,size:BUTTON_SIZES.SMALL},{children:"Send"}))}))]}))]}));})(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Container$2=styled__default["default"](FlexBox)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n"])));var templateObject_1$5,templateObject_2$4,templateObject_3$3,templateObject_4$3,templateObject_5$2;/**
|
|
@@ -12207,7 +12207,7 @@ if(prevState.placement!==this.state.placement){this.scheduleUpdate();}};_proto.c
|
|
|
12207
12207
|
*
|
|
12208
12208
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
12209
12209
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
12210
|
-
*/function _extends$5(){_extends$5=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$5.apply(this,arguments);}const DropdownContext=React__default__default["default"].createContext(undefined);const useDropdownContext=()=>{const dropdownContext=React__default.useContext(DropdownContext);if(!dropdownContext){throw new Error('This component must be rendered within a `Dropdown` component.');}return dropdownContext;};const REMOVE_ITEM_STATE_TYPE='REMOVE_ITEM';const Dropdown$1=props=>{const{children,isOpen,selectedItem,selectedItems,highlightedIndex,inputValue,onSelect,onStateChange,onInputValueChange,downshiftProps}=props;const itemIndexRef=React__default.useRef(0);const previousItemRef=React__default.useRef(undefined);const previousIndexRef=React__default.useRef(undefined);const nextItemsHashRef=React__default.useRef({});const containsMultiselectRef=React__default.useRef(false);const itemSearchRegistry=React__default.useRef([]);const[dropdownType,setDropdownType]=React__default.useState('');const{rtl}=React__default.useContext(styled.ThemeContext);const hasMenuRef=React__default.useRef(false);const popperReferenceElementRef=React__default.useRef(null);const customGetInputProps=(_ref,downshift)=>{let{onKeyDown,...other}=_ref;return{onKeyDown:composeEventHandlers$1(onKeyDown,e=>{const PREVIOUS_KEY=rtl?KEY_CODES.RIGHT:KEY_CODES.LEFT;const NEXT_KEY=rtl?KEY_CODES.LEFT:KEY_CODES.RIGHT;if(downshift.isOpen){if(e.keyCode===PREVIOUS_KEY&&previousIndexRef.current!==null&&previousIndexRef.current!==undefined&&!downshift.inputValue){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(previousIndexRef.current);}if(e.keyCode===NEXT_KEY){const nextItemIndexes=Object.values(nextItemsHashRef.current);if(nextItemIndexes.includes(downshift.highlightedIndex)){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(downshift.highlightedIndex);}}}else if((e.keyCode===KEY_CODES.ENTER||e.keyCode===KEY_CODES.SPACE)&&!downshift.isOpen&&dropdownType!=='combobox'){e.preventDefault();e.stopPropagation();downshift.openMenu();}}),...other};};const transformDownshift=_ref2=>{let{getInputProps,getToggleButtonProps,...downshift}=_ref2;return{getInputProps:p=>getInputProps(customGetInputProps(p,downshift)),getToggleButtonProps:p=>getToggleButtonProps({'aria-label':undefined,...p}),...downshift};};return React__default__default["default"].createElement(Manager,null,React__default__default["default"].createElement(Downshift$1,_extends$5({suppressRefError:true,isOpen:isOpen,highlightedIndex:highlightedIndex,selectedItem:selectedItem||null,inputValue:inputValue,onInputValueChange:(inputVal,stateAndHelpers)=>{if(onInputValueChange){if(stateAndHelpers.isOpen){onInputValueChange(inputVal,stateAndHelpers);}else if(dropdownType==='multiselect'){onInputValueChange('',stateAndHelpers);}}},onStateChange:(changes,stateAndHelpers)=>{if(dropdownType==='autocomplete'&&changes.isOpen===false&&!changes.selectedItem){onSelect&&onSelect(selectedItem,stateAndHelpers);}if(Object.prototype.hasOwnProperty.call(changes,'selectedItem')&&changes.selectedItem!==null){if(selectedItems){const{itemToString}=stateAndHelpers;const existingItemIndex=selectedItems.findIndex(item=>{return itemToString(item)===itemToString(changes.selectedItem);});const updatedSelectedItems=Array.from(selectedItems);if(existingItemIndex===-1){updatedSelectedItems.splice(updatedSelectedItems.length,0,changes.selectedItem);}else{updatedSelectedItems.splice(existingItemIndex,1);}changes.selectedItems=updatedSelectedItems;delete changes.selectedItem;onSelect&&onSelect(updatedSelectedItems,stateAndHelpers);}else{onSelect&&onSelect(changes.selectedItem,stateAndHelpers);}if(dropdownType==='multiselect'){stateAndHelpers.setState({inputValue:''});}}onStateChange&&onStateChange(changes,stateAndHelpers);},stateReducer:(_state,changes)=>{switch(changes.type){case Downshift$1.stateChangeTypes.changeInput:if(changes.inputValue===''&&dropdownType==='combobox'){return{...changes,isOpen:false};}return changes;default:return changes;}}},downshiftProps),downshift=>React__default__default["default"].createElement(DropdownContext.Provider,{value:{hasMenuRef,itemIndexRef,previousItemRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,selectedItems,downshift:transformDownshift(downshift),containsMultiselectRef,itemSearchRegistry,setDropdownType}},children)));};Dropdown$1.propTypes={isOpen:propTypes.exports.bool,selectedItem:propTypes.exports.any,selectedItems:propTypes.exports.arrayOf(propTypes.exports.any),highlightedIndex:propTypes.exports.number,inputValue:propTypes.exports.string,onSelect:propTypes.exports.func,onStateChange:propTypes.exports.func,downshiftProps:propTypes.exports.object};function getPopperPlacement(gardenPlacement){switch(gardenPlacement){case'end':return'right';case'end-top':return'right-start';case'end-bottom':return'right-end';case'start':return'left';case'start-top':return'left-start';case'start-bottom':return'left-end';default:return gardenPlacement;}}function getRtlPopperPlacement(gardenPlacement){const popperPlacement=getPopperPlacement(gardenPlacement);switch(popperPlacement){case'left':return'right';case'left-start':return'right-start';case'left-end':return'right-end';case'top-start':return'top-end';case'top-end':return'top-start';case'right':return'left';case'right-start':return'left-start';case'right-end':return'left-end';case'bottom-start':return'bottom-end';case'bottom-end':return'bottom-start';default:return popperPlacement;}}function getArrowPosition(popperPlacement){const arrowPositionMappings={auto:'top',top:'bottom','top-start':'bottom-left','top-end':'bottom-right',right:'left','right-start':'left-top','right-end':'left-bottom',bottom:'top','bottom-start':'top-left','bottom-end':'top-right',left:'right','left-start':'right-top','left-end':'right-bottom'};return popperPlacement?arrowPositionMappings[popperPlacement]:'top';}function getMenuPosition(popperPlacement){if(popperPlacement==='auto'){return'bottom';}return popperPlacement?popperPlacement.split('-')[0]:'bottom';}const COMPONENT_ID$m='dropdowns.menu';const StyledMenu$1=styled__default["default"].ul.attrs(props=>({'data-garden-id':COMPONENT_ID$m,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenu",componentId:"sc-1vpttfd-0"})(["position:static !important;max-height:",";overflow-y:auto;",";",";"],props=>props.maxHeight,props=>props.hasArrow&&arrowStyles(getArrowPosition(props.placement),{size:`${props.theme.space.base*2}px`,inset:'2px',animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$m,props));StyledMenu$1.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$l='dropdowns.menu_wrapper';const StyledMenuWrapper=styled__default["default"].div.attrs(props=>({'data-garden-id':COMPONENT_ID$l,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenuWrapper",componentId:"sc-tiwdxz-0"})(["",";",";"],props=>menuStyles(getMenuPosition(props.placement),{theme:props.theme,hidden:props.isHidden,margin:`${props.theme.space.base*(props.hasArrow?2:1)}px`,zIndex:props.zIndex,animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$l,props));StyledMenuWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$k='dropdowns.separator';const StyledSeparator=styled__default["default"].li.attrs({'data-garden-id':COMPONENT_ID$k,'data-garden-version':'8.70.0',role:'separator'}).withConfig({displayName:"StyledSeparator",componentId:"sc-1mrnp18-0"})(["display:block;margin:","px 0;border-bottom:",";",";"],props=>props.theme.space.base,props=>`${props.theme.borders.sm} ${getColor$1('neutralHue',200,props.theme)}`,props=>retrieveComponentStyles(COMPONENT_ID$k,props));StyledSeparator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$j='dropdowns.item';const getItemPaddingVertical=props=>{if(props.isCompact){return`${props.theme.space.base}px`;}return`${props.theme.space.base*2}px`;};const getColorStyles=props=>{let foregroundColor;let backgroundColor;if(props.disabled){foregroundColor=getColor$1('neutralHue',400,props.theme);}else if(props.isDanger){foregroundColor=getColor$1('dangerHue',600,props.theme);backgroundColor=props.isFocused?rgba(foregroundColor,0.08):'inherit';}else{foregroundColor=props.theme.colors.foreground;backgroundColor=props.isFocused?getColor$1('primaryHue',600,props.theme,0.08):'inherit';}return styled.css(["background-color:",";color:",";& a,& a:hover,& a:focus,& a:active{color:inherit;}"],backgroundColor,foregroundColor);};const StyledItem=styled__default["default"].li.attrs(props=>({'data-garden-id':COMPONENT_ID$j,'data-garden-version':'8.70.0','aria-disabled':props.disabled})).withConfig({displayName:"StyledItem",componentId:"sc-1xeog7q-0"})(["display:block;position:relative;z-index:0;cursor:",";padding:"," ","px;text-decoration:none;line-height:","px;word-wrap:break-word;user-select:none;&:first-child{margin-top:","px;}&:last-child{margin-bottom:","px;}&:focus{outline:none;}& a,& a:hover,& a:focus,& a:active{text-decoration:none;}",";",";"],props=>props.disabled?'default':'pointer',props=>getItemPaddingVertical(props),props=>props.theme.space.base*9,props=>props.theme.space.base*5,props=>props.theme.space.base,props=>props.theme.space.base,props=>getColorStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$j,props));StyledItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$i='dropdowns.add_item';const StyledAddItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$i,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledAddItem",componentId:"sc-ekqk50-0"})(["color:",";",";"],props=>!props.disabled&&getColor$1('primaryHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$i,props));StyledAddItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$h='dropdowns.item_meta';const StyledItemMeta=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$h,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledItemMeta",componentId:"sc-k6xy28-0"})(["display:block;line-height:","px;color:",";font-size:",";",";"],props=>props.theme.space.base*(props.isCompact?3:4),props=>getColor$1('neutralHue',props.isDisabled?400:600,props.theme),props=>props.theme.fontSizes.sm,props=>retrieveComponentStyles(COMPONENT_ID$h,props));StyledItemMeta.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$g='dropdowns.item_icon';const getSizeStyles=props=>{return styled.css(["width:",";height:calc(","px + ",");"],props.theme.iconSizes.md,props.theme.space.base*5,math(`${getItemPaddingVertical(props)} * 2`));};const StyledItemIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$g,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledItemIcon",componentId:"sc-1v0ty11-0"})(["display:flex;position:absolute;top:0;",":","px;align-items:center;justify-content:center;transition:opacity 0.1s ease-in-out;opacity:",";color:",";",";& > *{width:",";height:",";}"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>props.isVisible?'1':'0',props=>props.isDisabled?'inherit':getColor$1('primaryHue',600,props.theme),props=>getSizeStyles(props),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md);StyledItemIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$f='dropdowns.next_item';const StyledNextItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$f,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledNextItem",componentId:"sc-1bcygn5-0"})(["","{right:",";left:",";}",";"],StyledItemIcon,props=>props.theme.rtl?'auto':`${props.theme.space.base*3}px`,props=>props.theme.rtl?`${props.theme.space.base*3}px`:'auto',props=>retrieveComponentStyles(COMPONENT_ID$f,props));StyledNextItem.defaultProps={theme:DEFAULT_THEME};var _path$4;function _extends$4(){_extends$4=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$4.apply(this,arguments);}var SvgChevronRightStroke=function SvgChevronRightStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$4||(_path$4=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"})));};const COMPONENT_ID$e='dropdowns.next_item_icon';const NextIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronRightStroke,{"data-garden-id":COMPONENT_ID$e,"data-garden-version":'8.70.0',className:className});};const StyledNextIcon=styled__default["default"](NextIconComponent).withConfig({displayName:"StyledNextIcon",componentId:"sc-1rinki2-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$e,props));StyledNextIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$d='dropdowns.previous_item';const StyledPreviousItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$d,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPreviousItem",componentId:"sc-1nmdds9-0"})(["font-weight:",";",";"],props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$d,props));StyledPreviousItem.defaultProps={theme:DEFAULT_THEME};var _path$3;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 SvgChevronLeftStroke=function SvgChevronLeftStroke(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$3||(_path$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"})));};const COMPONENT_ID$c='dropdowns.previous_item_icon';const PreviousIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronLeftStroke,{"data-garden-id":COMPONENT_ID$c,"data-garden-version":'8.70.0',className:className});};const StyledPreviousIcon=styled__default["default"](PreviousIconComponent).withConfig({displayName:"StyledPreviousIcon",componentId:"sc-czfwj7-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$c,props));StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$b='dropdowns.header_icon';const StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledHeaderIcon",componentId:"sc-1fl6nsz-0"})(["display:flex;position:absolute;top:0;bottom:0;align-items:center;justify-content:center;",":","px;color:",";& > *{width:",";height:",";}",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>getColor$1('neutralHue',600,props.theme),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$b,props));StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$a='dropdowns.header_item';const getHorizontalPadding=props=>{if(props.hasIcon){return undefined;}return`${props.theme.space.base*3}px`;};const StyledHeaderItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$a,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledHeaderItem",componentId:"sc-137filx-0"})(["cursor:default;padding-right:",";padding-left:",";font-weight:",";",";"],props=>getHorizontalPadding(props),props=>getHorizontalPadding(props),props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$a,props));StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$9='dropdowns.media_body';const StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaBody",componentId:"sc-36j7ef-0"})(["display:block;overflow:hidden;padding-",":","px;",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*2,props=>retrieveComponentStyles(COMPONENT_ID$9,props));StyledMediaBody.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$8='dropdowns.media_figure';const StyledMediaFigure=styled__default["default"](_ref=>{let{children,isCompact,theme,...props}=_ref;return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$8,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaFigure",componentId:"sc-2f2x8x-0"})(["float:",";margin-top:","px !important;width:",";height:",";",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*0.5,props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$8,props));StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$7='dropdowns.media_item';const StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],props=>retrieveComponentStyles(COMPONENT_ID$7,props));StyledMediaItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6='dropdowns.faux_input';const StyledFauxInput=styled__default["default"](FauxInput).attrs(props=>({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.70.0',mediaLayout:true,theme:props.theme})).withConfig({displayName:"StyledFauxInput",componentId:"sc-1l592ed-0"})(["cursor:",";min-width:","px;",";"],props=>!props.disabled&&'pointer',props=>props.theme.space.base*(props.isCompact?25:36),props=>retrieveComponentStyles(COMPONENT_ID$6,props));StyledFauxInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5='dropdowns.input';const hiddenStyling=styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);const StyledInput=styled__default["default"](Input).attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledInput",componentId:"sc-hzhvmp-0"})(["",";",";"],props=>props.isHidden&&hiddenStyling,props=>retrieveComponentStyles(COMPONENT_ID$5,props));StyledInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4='dropdowns.select';const StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSelect",componentId:"sc-xifmwj-0"})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",";"],props=>retrieveComponentStyles(COMPONENT_ID$4,props));StyledSelect.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3='dropdowns.multiselect_input';const visibleStyling=props=>{const margin=props.isVisible?`${props.theme.space.base/2}px`:0;const minWidth=props.isVisible?`${props.theme.space.base*15}px`:0;let height='0';if(props.isVisible){height=`${props.theme.space.base*(props.isCompact?5:8)}px`;}return styled.css(["opacity:",";margin:",";width:",";min-width:",";height:",";"],!props.isVisible&&0,margin,!props.isVisible&&0,minWidth,height);};const StyledMultiselectInput=styled__default["default"](StyledInput).attrs({'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledMultiselectInput",componentId:"sc-1avnf6f-0"})(["flex-basis:","px;flex-grow:1;align-self:center;min-height:0;",";",";"],props=>props.theme.space.base*15,props=>visibleStyling(props),props=>retrieveComponentStyles(COMPONENT_ID$3,props));StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='dropdowns.multiselect_items_container';const sizeStyles=props=>{let margin;let padding;if(!props.isBare){const marginVertical=props.isCompact?`-${props.theme.space.base*1.5}px`:`-${props.theme.space.base*2.5}px`;margin=`${marginVertical} 0`;const paddingVertical=props.isCompact?'3px':'1px';const paddingEnd=`${props.theme.space.base}px`;padding=`${paddingVertical} ${props.theme.rtl?0:paddingEnd} ${paddingVertical} ${props.theme.rtl?paddingEnd:0}`;}return styled.css(["margin:",";padding:",";"],margin,padding);};const StyledMultiselectItemsContainer=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemsContainer",componentId:"sc-1jzhet8-0"})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;",";",";"],props=>sizeStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$2,props));StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1='dropdowns.multiselect_item_wrapper';const StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemWrapper",componentId:"sc-1rb2bye-0"})(["display:inline-flex;align-items:center;margin:","px;max-width:100%;",";"],props=>props.theme.space.base/2,props=>retrieveComponentStyles(COMPONENT_ID$1,props));StyledMultiselectItemWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID='dropdowns.multiselect_more_anchor';const StyledMultiselectMoreAnchor=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectMoreAnchor",componentId:"sc-1m9v46e-0"})(["display:inline-block;cursor:",";padding:","px 0;overflow:hidden;user-select:none;text-overflow:ellipsis;line-height:",";white-space:nowrap;color:",";:hover{text-decoration:",";}",";"],props=>props.isDisabled?'default':'pointer',props=>props.theme.space.base*(props.isCompact?0.75:1.5),props=>props.isCompact?'1em':getLineHeight$1(props.theme.space.base*5,props.theme.fontSizes.md),props=>props.isDisabled?getColor$1('neutralHue',400,props.theme):getColor$1('primaryHue',600,props.theme),props=>!props.isDisabled&&'underline',props=>retrieveComponentStyles(COMPONENT_ID,props));StyledMultiselectMoreAnchor.defaultProps={theme:DEFAULT_THEME};const Trigger=_ref=>{let{children,refKey,...triggerProps}=_ref;const{hasMenuRef,itemSearchRegistry,downshift:{getRootProps,getToggleButtonProps,getInputProps,isOpen,highlightedIndex,selectItemAtIndex,setHighlightedIndex}}=useDropdownContext();const hiddenInputRef=React__default.useRef(null);const triggerRef=React__default.useRef(null);const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,hasMenuRef]);React__default.useEffect(()=>{if(hasMenuRef.current===false){hasMenuRef.current=true;}},[hasMenuRef]);React__default.useEffect(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(e=>{if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}const character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}const newSearchString=searchString+character;setSearchString(newSearchString);let matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,setHighlightedIndex]);const renderChildren=popperRef=>{const{ref:rootPropsRefCallback,...rootProps}=getRootProps();const listboxToggleProps=getToggleButtonProps({...rootProps,role:null,'aria-labelledby':undefined,...triggerProps,...children.props});const menuToggleProps={...listboxToggleProps,'aria-haspopup':'true','aria-controls':listboxToggleProps['aria-owns'],'aria-owns':null};const toggleButtonProps=hasMenuRef.current?menuToggleProps:listboxToggleProps;return React__default__default["default"].cloneElement(React__default__default["default"].Children.only(children),{...toggleButtonProps,[refKey]:childRef=>{popperRef(childRef);triggerRef.current=childRef;rootPropsRefCallback(childRef);}});};return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(React__default__default["default"].Fragment,null,renderChildren(popperReference),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})));});};Trigger.propTypes={children:propTypes.exports.any,refKey:propTypes.exports.string};Trigger.defaultProps={refKey:'ref'};var _path$2;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);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2||(_path$2=/*#__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 FieldContext=React__default__default["default"].createContext(undefined);const useFieldContext=()=>{const fieldContext=React__default.useContext(FieldContext);if(!fieldContext){throw new Error('This component must be rendered within a `Field` component.');}return fieldContext;};const Autocomplete=React__default.forwardRef((_ref,ref)=>{let{children,inputRef:controlledInputRef,start,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(isOpen);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);React__default.useEffect(()=>{if(inputRef.current&&isOpen!==previousIsOpenRef.current){inputRef.current.focus();}previousIsOpenRef.current=isOpen;},[inputRef,isOpen]);const{type,onKeyDown,...selectProps}=getToggleButtonProps(getRootProps({role:null,...props,onKeyDown:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false))}));const onSelectKeyDown=composeEventHandlers$1(props.onKeyDown,onKeyDown);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('autocomplete');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused,tabIndex:null,onKeyDown:onSelectKeyDown},selectProps,{ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref])(selectRef);popperReferenceElementRef.current=selectRef;}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),!isOpen&&React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({isHidden:!isOpen,disabled:props.disabled,onFocus:()=>{setIsFocused(true);},onBlur:()=>{setIsFocused(false);},onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},role:'combobox',ref:mergeRefs([inputRef,controlledInputRef||null])})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Autocomplete.displayName='Autocomplete';Autocomplete.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};const Combobox=React__default.forwardRef((_ref,ref)=>{let{isCompact,isBare,disabled,focusInset,placeholder,validation,inputRef:inputRefProp=null,start,end,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const wrapperRef=React__default.useRef();const inputRef=React__default.useRef();const isOpenRef=React__default.useRef(isOpen);const wrapperProps=getToggleButtonProps(getRootProps({role:null,type:null,onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;},...props,onKeyDown:event=>{event.nativeEvent.preventDownshiftDefault=true;}}));const inputProps=getInputProps({isCompact,isBare,disabled,focusInset,placeholder,validation,start,end,role:'combobox',onKeyDown:event=>{if(event.keyCode===KEY_CODES.SPACE||!isOpen&&[KEY_CODES.DOWN,KEY_CODES.UP].includes(event.keyCode)){event.nativeEvent.preventDownshiftDefault=true;}},onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;}});React__default.useEffect(()=>{if(inputRef.current&&isOpen!==isOpenRef.current){inputRef.current.focus();}isOpenRef.current=isOpen;},[inputRef,isOpen]);React__default.useEffect(()=>{setDropdownType('combobox');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;const wrapperRefProp=element=>{popperReference(element);mergeRefs([wrapperRef,ref])(element);popperReferenceElementRef.current=element;};return React__default__default["default"].createElement(MediaInput,_extends$5({},inputProps,{wrapperProps:wrapperProps,wrapperRef:wrapperRefProp,ref:mergeRefs([inputRef,inputRefProp])}));});});Combobox.displayName='Combobox';Combobox.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,placeholder:propTypes.exports.string,validation:propTypes.exports.oneOf(VALIDATION)};const Multiselect=React__default__default["default"].forwardRef((_ref,ref)=>{let{renderItem,placeholder,maxItems,renderShowMore,inputRef:externalInputRef=null,start,onKeyDown,...props}=_ref;const{popperReferenceElementRef,selectedItems=[],containsMultiselectRef,previousIndexRef,downshift:{getToggleButtonProps,getRootProps,getInputProps,isOpen,closeMenu,inputValue,setState:setDownshiftState,itemToString},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const blurTimeoutRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const previousIsFocusedRef=React__default.useRef(undefined);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const[focusedItem,setFocusedItem]=React__default.useState(undefined);const themeContext=React__default.useContext(styled.ThemeContext);const environment=useDocument(themeContext);const{getContainerProps,getItemProps}=useSelection({rtl:themeContext.rtl,focusedItem,selectedItem:undefined,onFocus:item=>{setFocusedItem(item);}});React__default.useEffect(()=>{containsMultiselectRef.current=true;const tempRef=blurTimeoutRef;return()=>{clearTimeout(tempRef.current);};},[]);React__default.useEffect(()=>{if(inputRef.current){if(isOpen&&!previousIsOpenRef.current){inputRef.current.focus();}else if(isFocused&&!previousIsFocusedRef.current&&focusedItem===undefined){inputRef.current.focus();}}previousIsOpenRef.current=isOpen;previousIsFocusedRef.current=isFocused;},[isOpen,inputRef,isFocused,focusedItem]);React__default.useEffect(()=>{if(focusedItem!==undefined&&isOpen){closeMenu();}},[focusedItem,isOpen,closeMenu]);const{type,...selectProps}=getToggleButtonProps(getRootProps({tabIndex:props.disabled?undefined:-1,onKeyDown:composeEventHandlers$1(onKeyDown,e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}else if(!inputValue&&e.keyCode===KEY_CODES.HOME){setFocusedItem(selectedItems[0]);e.preventDefault();}}),onFocus:()=>{setIsFocused(true);},onBlur:e=>{const currentTarget=e.currentTarget;blurTimeoutRef.current=setTimeout(()=>{if(environment&&!currentTarget.contains(environment.activeElement)){setIsFocused(false);}},0);},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),role:null,...props}));const renderSelectableItem=React__default.useCallback((item,index)=>{const removeValue=()=>{setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:item});inputRef.current&&inputRef.current.focus();};const renderedItem=renderItem({value:item,removeValue});const focusRef=React__default__default["default"].createRef();const clonedChild=React__default__default["default"].cloneElement(renderedItem,{...getItemProps({item,focusRef,onKeyDown:e=>{if(e.keyCode===KEY_CODES.DELETE||e.keyCode===KEY_CODES.BACKSPACE){e.preventDefault();removeValue();}if(e.keyCode===KEY_CODES.END&&!inputValue){inputRef.current&&inputRef.current.focus();e.preventDefault();}if(themeContext.rtl){if(e.keyCode===KEY_CODES.RIGHT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.LEFT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}else{if(e.keyCode===KEY_CODES.LEFT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.RIGHT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}},onClick:e=>{e.nativeEvent.preventDownshiftDefault=true;},tabIndex:-1}),size:props.isCompact?'medium':'large'});const key=`${itemToString(item)}-${index}`;return React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:key},clonedChild);},[getItemProps,inputValue,renderItem,setDownshiftState,itemToString,selectedItems,props,inputRef,themeContext.rtl]);const items=React__default.useMemo(()=>{const itemValues=selectedItems||[];const output=[];for(let x=0;x<itemValues.length;x++){const item=itemValues[x];if(x<maxItems){if(props.disabled){const renderedItem=React__default__default["default"].cloneElement(renderItem({value:item,removeValue:()=>{return undefined;}}),{size:props.isCompact?'medium':'large'});output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:x},renderedItem));}else{output.push(renderSelectableItem(item,x));}}else if(!isFocused&&!inputValue||props.disabled){output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:"more-anchor"},React__default__default["default"].createElement(StyledMultiselectMoreAnchor,{isCompact:props.isCompact,isDisabled:props.disabled},renderShowMore?renderShowMore(itemValues.length-x):`+ ${itemValues.length-x} more`)));break;}else{output.push(renderSelectableItem(item,x));}}return output;},[isFocused,props.disabled,renderSelectableItem,selectedItems,renderItem,inputValue,maxItems,renderShowMore,props.isCompact]);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('multiselect');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,getContainerProps({...selectProps,isHovered:isContainerHovered,isFocused:isContainerFocused,ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,popperReferenceElementRef,ref])(selectRef);}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledMultiselectItemsContainer,{isBare:props.isBare,isCompact:props.isCompact},items,React__default__default["default"].createElement(StyledMultiselectInput,getInputProps({disabled:props.disabled,onFocus:()=>{setFocusedItem(undefined);},onClick:e=>{if(inputValue&&inputValue.length>0&&isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:e=>{if(!inputValue){if(themeContext.rtl&&e.keyCode===KEY_CODES.RIGHT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(!themeContext.rtl&&e.keyCode===KEY_CODES.LEFT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(e.keyCode===KEY_CODES.BACKSPACE&&selectedItems.length>0){setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:selectedItems[selectedItems.length-1]});e.nativeEvent.preventDownshiftDefault=true;e.preventDefault();e.stopPropagation();}}},isVisible:isFocused||inputValue||selectedItems.length===0,isCompact:props.isCompact,role:'combobox',ref:mergeRefs([inputRef,externalInputRef]),placeholder:selectedItems.length===0?placeholder:undefined}))),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Multiselect.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,renderItem:propTypes.exports.func.isRequired,maxItems:propTypes.exports.number,validation:propTypes.exports.oneOf(['success','warning','error'])};Multiselect.defaultProps={maxItems:4};Multiselect.displayName='Multiselect';const Select=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,start,...props}=_ref;const{popperReferenceElementRef,itemSearchRegistry,downshift:{getToggleButtonProps,getInputProps,isOpen,highlightedIndex,setHighlightedIndex,selectItemAtIndex,closeMenu}}=useDropdownContext();const{isLabelHovered}=useFieldContext();const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const hiddenInputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,triggerRef]);React__default.useEffect(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(e=>{if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);closeMenu();}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}const character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}const newSearchString=searchString+character;setSearchString(newSearchString);let matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,closeMenu,setHighlightedIndex]);const{type,...selectProps}=getToggleButtonProps({tabIndex:props.disabled?undefined:0,onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),onFocus:composeEventHandlers$1(props.onFocus,()=>setIsFocused(true)),onBlur:composeEventHandlers$1(props.onBlur,()=>setIsFocused(false)),...props});const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isFocused||isOpen;return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused},selectProps,{role:"none",ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref,popperReferenceElementRef])(selectRef);}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Select.displayName='Select';Select.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),start:propTypes.exports.any};const Field=React__default.forwardRef((props,fieldRef)=>{const{downshift:{getRootProps}}=useDropdownContext();const[isLabelHovered,setIsLabelHovered]=React__default.useState(false);const{ref}=getRootProps();const value=React__default.useMemo(()=>({isLabelHovered,setIsLabelHovered}),[isLabelHovered,setIsLabelHovered]);return React__default__default["default"].createElement(FieldContext.Provider,{value:value},React__default__default["default"].createElement(Field$2,_extends$5({ref:mergeRefs([ref,fieldRef])},props)));});Field.displayName='Field';const Hint=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Hint$2,_extends$5({ref:ref},props)));Hint.displayName='Hint';const Label$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{onMouseEnter,onMouseLeave,...other}=_ref;const{downshift:{getLabelProps}}=useDropdownContext();const{setIsLabelHovered}=useFieldContext();const labelProps=getLabelProps({onMouseEnter:composeEventHandlers$1(onMouseEnter,()=>{setIsLabelHovered(true);}),onMouseLeave:composeEventHandlers$1(onMouseLeave,()=>{setIsLabelHovered(false);}),...other});return React__default__default["default"].createElement(Label$1$1,_extends$5({ref:ref},labelProps));});Label$1.displayName='Label';Label$1.propTypes={isRegular:propTypes.exports.bool};const Message$1=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Message$2,_extends$5({ref:ref},props)));Message$1.displayName='Message';Message$1.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};const SHARED_PLACEMENT=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];const PLACEMENT=[...SHARED_PLACEMENT,'end','end-top','end-bottom','start','start-top','start-bottom'];const MenuContext=React__default__default["default"].createContext(undefined);const useMenuContext=()=>{const menuContext=React__default.useContext(MenuContext);if(!menuContext){throw new Error('This component must be rendered within a `Menu` component.');}return menuContext;};const Menu=React__default.forwardRef((props,menuRef)=>{const{placement,popperModifiers,eventsEnabled,isAnimated,maxHeight,style:menuStyle,zIndex,isCompact,children,appendToNode,...otherProps}=props;const{hasMenuRef,itemIndexRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,itemSearchRegistry,downshift:{isOpen,getMenuProps}}=useDropdownContext();const scheduleUpdateRef=React__default.useRef(undefined);React__default.useEffect(()=>{if(scheduleUpdateRef.current&&isOpen){scheduleUpdateRef.current();}});const[isVisible,setIsVisible]=React__default.useState(isOpen);React__default.useEffect(()=>{let timeout;if(isOpen){setIsVisible(true);}else if(isAnimated){timeout=setTimeout(()=>setIsVisible(false),200);}else{setIsVisible(false);}return()=>clearTimeout(timeout);},[isOpen,isAnimated]);const themeContext=React__default.useContext(styled.ThemeContext);itemIndexRef.current=0;nextItemsHashRef.current={};previousIndexRef.current=undefined;itemSearchRegistry.current=[];const popperPlacement=themeContext.rtl?getRtlPopperPlacement(placement):getPopperPlacement(placement);return React__default__default["default"].createElement(MenuContext.Provider,{value:{itemIndexRef,isCompact}},React__default__default["default"].createElement(Popper,{placement:popperPlacement,modifiers:popperModifiers,eventsEnabled:isOpen&&eventsEnabled},_ref=>{let{ref,style,scheduleUpdate,placement:currentPlacement}=_ref;let computedStyle=menuStyle;scheduleUpdateRef.current=scheduleUpdate;if((isOpen||isVisible)&&popperReferenceElementRef.current&&popperReferenceElementRef.current.getBoundingClientRect){computedStyle={width:popperReferenceElementRef.current.getBoundingClientRect().width,...menuStyle};}const menuProps=getMenuProps({role:hasMenuRef.current?'menu':'listbox',placement:currentPlacement,isAnimated:isAnimated&&(isOpen||isVisible),...otherProps});const menu=React__default__default["default"].createElement(StyledMenuWrapper,{ref:isOpen?ref:undefined,hasArrow:menuProps.hasArrow,placement:menuProps.placement,style:style,isHidden:!isOpen,isAnimated:menuProps.isAnimated,zIndex:zIndex},React__default__default["default"].createElement(StyledMenu$1,_extends$5({ref:menuRef,isCompact:isCompact,maxHeight:maxHeight,style:computedStyle},menuProps),(isOpen||isVisible)&&children));return appendToNode?reactDom.createPortal(menu,appendToNode):menu;}));});Menu.displayName='Menu';Menu.propTypes={popperModifiers:propTypes.exports.any,eventsEnabled:propTypes.exports.bool,zIndex:propTypes.exports.number,style:propTypes.exports.object,placement:propTypes.exports.oneOf(PLACEMENT),isAnimated:propTypes.exports.bool,isCompact:propTypes.exports.bool,hasArrow:propTypes.exports.bool,maxHeight:propTypes.exports.string};Menu.defaultProps={placement:'bottom-start',isAnimated:true,eventsEnabled:true,maxHeight:'400px',zIndex:1000};const Separator=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(StyledSeparator,_extends$5({ref:ref},props)));Separator.displayName='Separator';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 SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M7.5 2.5v12m6-6h-12"})));};var _path;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);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends({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:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M1 9l4 4L15 3"})));};const ItemContext=React__default__default["default"].createContext(undefined);const useItemContext=()=>{const context=React__default.useContext(ItemContext);if(!context){throw new Error('This component must be rendered within an `Item` component.');}return context;};const Item$1=React__default__default["default"].forwardRef((_ref,forwardRef)=>{let{value,disabled,isDanger,component=StyledItem,hasIcon,children,...props}=_ref;const{selectedItems,hasMenuRef,itemSearchRegistry,downshift:{isOpen,selectedItem,highlightedIndex,getItemProps,setHighlightedIndex,itemToString}}=useDropdownContext();const{itemIndexRef,isCompact}=useMenuContext();const itemRef=React__default.useRef();const Component=component;if((value===undefined||value===null)&&!disabled){throw new Error('All Item components require a `value` prop');}const currentIndex=itemIndexRef.current;const isFocused=highlightedIndex===currentIndex;let isSelected;React__default.useEffect(()=>{if(!disabled&&itemRef.current){const itemTextValue=itemRef.current.innerText;if(itemTextValue){itemSearchRegistry.current[currentIndex]=itemTextValue;}}});if(value){if(selectedItems){isSelected=selectedItems.some(item=>{return itemToString(item)===itemToString(value);});}else{isSelected=itemToString(selectedItem)===itemToString(value);}}else{isSelected=false;}React__default.useEffect(()=>{if(isOpen&&!disabled&&!selectedItems&&isSelected){setHighlightedIndex(currentIndex);}},[currentIndex,disabled,isOpen,isSelected,selectedItems,setHighlightedIndex]);const contextValue=React__default.useMemo(()=>({isDisabled:disabled}),[disabled]);const ref=mergeRefs([itemRef,forwardRef]);if(disabled){return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,_extends$5({ref:ref,disabled:disabled,isDanger:isDanger,isCompact:isCompact},props),isSelected&&!hasIcon&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected,isDisabled:disabled},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));}itemIndexRef.current++;return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,getItemProps({item:value,isFocused,ref,isCompact,isDanger,...(hasMenuRef.current&&{role:'menuitem','aria-selected':null}),...props}),isSelected&&!hasIcon&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));});Item$1.displayName='Item';Item$1.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const AddItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledAddItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:true,isDisabled:disabled},React__default__default["default"].createElement(SvgPlusStroke,null)),children);});const AddItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:AddItemComponent,ref:ref},props,{hasIcon:true})));AddItem.displayName='AddItem';AddItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const HeaderIcon=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderIcon,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderIcon.displayName='HeaderIcon';const HeaderItem=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderItem,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderItem.displayName='HeaderItem';const ItemMeta=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();const{isDisabled}=useItemContext();return React__default__default["default"].createElement(StyledItemMeta,_extends$5({ref:ref,isCompact:isCompact,isDisabled:isDisabled},props));});ItemMeta.displayName='ItemMeta';const MediaBody=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledMediaBody,_extends$5({ref:ref,isCompact:isCompact},props));});MediaBody.displayName='MediaBody';const MediaItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:StyledMediaItem,ref:ref},props)));MediaItem.displayName='MediaItem';MediaItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const NextItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledNextItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledNextIcon,{isDisabled:disabled})),children);});const NextItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{nextItemsHashRef,downshift:{itemToString}}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){nextItemsHashRef.current[itemToString(value)]=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:NextItemComponent,"aria-expanded":true,disabled:disabled,value:value,ref:ref},props,{hasIcon:true}));});NextItem.displayName='NextItem';NextItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const PreviousItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledPreviousItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledPreviousIcon,{isDisabled:disabled})),children);});const PreviousItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{previousIndexRef}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){previousIndexRef.current=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:PreviousItemComponent,"aria-expanded":true,value:value,disabled:disabled},props,{ref:ref,hasIcon:true}));});PreviousItem.displayName='PreviousItem';PreviousItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var Item=styled__default["default"](Item$1).attrs(function(_a){var danger=_a.danger,theme=_a.theme,props=__rest(_a,["danger","theme"]);if(!danger)return __assign({color:theme.styles.textColorPrimary,primary:false},props);return __assign({color:theme.styles.colorDanger,primary:true},props);})(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n &&&& {\n ",";\n\n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n\n ","\n }\n"],["\n &&&& {\n ",";\n\n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n\n ","\n }\n"])),function(_a){var disabled=_a.disabled;if(disabled)return"";return styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n ",";\n "],["\n ",";\n "])),buttonLikeHoverable);},FONT_SIZES.SM,SPACINGS.XS,textColorForButton,function(_a){var _css=_a._css;return _css;});var getItemType=function(o){if(o.isNextItem)return NextItem;if(o.isBackItem)return PreviousItem;if(o.isAddItem)return AddItem;if(o.isHeaderItem)return HeaderItem;return Item;};var templateObject_1$4,templateObject_2$3;var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var Logger=/** @class */function(){function Logger(moduleName){var _this=this;this.log=function(level){return function(){var args=[];for(var _i=0;_i<arguments.length;_i++){args[_i]=arguments[_i];}if(typeof window==="undefined"||!window.DEBUG_MODULES.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(_this.moduleName),"".concat(LEVEL_STYLES[level]," padding: 2px 6px;")],__read(args),false));};};this.writeInfo=this.log("info");this.writeError=this.log("error");this.writeWarning=this.log("warn");this.moduleName=moduleName;}return Logger;}();if(typeof window!=="undefined"){window.DEBUG_MODULES=new Set([// "Dropdown",
|
|
12210
|
+
*/function _extends$5(){_extends$5=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$5.apply(this,arguments);}const DropdownContext=React__default__default["default"].createContext(undefined);const useDropdownContext=()=>{const dropdownContext=React__default.useContext(DropdownContext);if(!dropdownContext){throw new Error('This component must be rendered within a `Dropdown` component.');}return dropdownContext;};const REMOVE_ITEM_STATE_TYPE='REMOVE_ITEM';const Dropdown$1=props=>{const{children,isOpen,selectedItem,selectedItems,highlightedIndex,inputValue,onSelect,onStateChange,onInputValueChange,downshiftProps}=props;const itemIndexRef=React__default.useRef(0);const previousItemRef=React__default.useRef(undefined);const previousIndexRef=React__default.useRef(undefined);const nextItemsHashRef=React__default.useRef({});const containsMultiselectRef=React__default.useRef(false);const itemSearchRegistry=React__default.useRef([]);const[dropdownType,setDropdownType]=React__default.useState('');const{rtl}=React__default.useContext(styled.ThemeContext);const hasMenuRef=React__default.useRef(false);const popperReferenceElementRef=React__default.useRef(null);const customGetInputProps=(_ref,downshift)=>{let{onKeyDown,...other}=_ref;return{onKeyDown:composeEventHandlers$1(onKeyDown,e=>{const PREVIOUS_KEY=rtl?KEY_CODES.RIGHT:KEY_CODES.LEFT;const NEXT_KEY=rtl?KEY_CODES.LEFT:KEY_CODES.RIGHT;if(downshift.isOpen){if(e.keyCode===PREVIOUS_KEY&&previousIndexRef.current!==null&&previousIndexRef.current!==undefined&&!downshift.inputValue){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(previousIndexRef.current);}if(e.keyCode===NEXT_KEY){const nextItemIndexes=Object.values(nextItemsHashRef.current);if(nextItemIndexes.includes(downshift.highlightedIndex)){e.preventDefault();e.stopPropagation();downshift.selectItemAtIndex(downshift.highlightedIndex);}}}else if((e.keyCode===KEY_CODES.ENTER||e.keyCode===KEY_CODES.SPACE)&&!downshift.isOpen&&dropdownType!=='combobox'){e.preventDefault();e.stopPropagation();downshift.openMenu();}}),...other};};const transformDownshift=_ref2=>{let{getInputProps,getToggleButtonProps,...downshift}=_ref2;return{getInputProps:p=>getInputProps(customGetInputProps(p,downshift)),getToggleButtonProps:p=>getToggleButtonProps({'aria-label':undefined,...p}),...downshift};};return React__default__default["default"].createElement(Manager,null,React__default__default["default"].createElement(Downshift$1,_extends$5({suppressRefError:true,isOpen:isOpen,highlightedIndex:highlightedIndex,selectedItem:selectedItem||null,inputValue:inputValue,onInputValueChange:(inputVal,stateAndHelpers)=>{if(onInputValueChange){if(stateAndHelpers.isOpen){onInputValueChange(inputVal,stateAndHelpers);}else if(dropdownType==='multiselect'){onInputValueChange('',stateAndHelpers);}}},onStateChange:(changes,stateAndHelpers)=>{if(dropdownType==='autocomplete'&&changes.isOpen===false&&!changes.selectedItem){onSelect&&onSelect(selectedItem,stateAndHelpers);}if(Object.prototype.hasOwnProperty.call(changes,'selectedItem')&&changes.selectedItem!==null){if(selectedItems){const{itemToString}=stateAndHelpers;const existingItemIndex=selectedItems.findIndex(item=>{return itemToString(item)===itemToString(changes.selectedItem);});const updatedSelectedItems=Array.from(selectedItems);if(existingItemIndex===-1){updatedSelectedItems.splice(updatedSelectedItems.length,0,changes.selectedItem);}else{updatedSelectedItems.splice(existingItemIndex,1);}changes.selectedItems=updatedSelectedItems;delete changes.selectedItem;onSelect&&onSelect(updatedSelectedItems,stateAndHelpers);}else{onSelect&&onSelect(changes.selectedItem,stateAndHelpers);}if(dropdownType==='multiselect'){stateAndHelpers.setState({inputValue:''});}}onStateChange&&onStateChange(changes,stateAndHelpers);},stateReducer:(_state,changes)=>{switch(changes.type){case Downshift$1.stateChangeTypes.changeInput:if(changes.inputValue===''&&dropdownType==='combobox'){return{...changes,isOpen:false};}return changes;default:return changes;}}},downshiftProps),downshift=>React__default__default["default"].createElement(DropdownContext.Provider,{value:{hasMenuRef,itemIndexRef,previousItemRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,selectedItems,downshift:transformDownshift(downshift),containsMultiselectRef,itemSearchRegistry,setDropdownType}},children)));};Dropdown$1.propTypes={isOpen:propTypes.exports.bool,selectedItem:propTypes.exports.any,selectedItems:propTypes.exports.arrayOf(propTypes.exports.any),highlightedIndex:propTypes.exports.number,inputValue:propTypes.exports.string,onSelect:propTypes.exports.func,onStateChange:propTypes.exports.func,downshiftProps:propTypes.exports.object};function getPopperPlacement(gardenPlacement){switch(gardenPlacement){case'end':return'right';case'end-top':return'right-start';case'end-bottom':return'right-end';case'start':return'left';case'start-top':return'left-start';case'start-bottom':return'left-end';default:return gardenPlacement;}}function getRtlPopperPlacement(gardenPlacement){const popperPlacement=getPopperPlacement(gardenPlacement);switch(popperPlacement){case'left':return'right';case'left-start':return'right-start';case'left-end':return'right-end';case'top-start':return'top-end';case'top-end':return'top-start';case'right':return'left';case'right-start':return'left-start';case'right-end':return'left-end';case'bottom-start':return'bottom-end';case'bottom-end':return'bottom-start';default:return popperPlacement;}}function getArrowPosition(popperPlacement){const arrowPositionMappings={auto:'top',top:'bottom','top-start':'bottom-left','top-end':'bottom-right',right:'left','right-start':'left-top','right-end':'left-bottom',bottom:'top','bottom-start':'top-left','bottom-end':'top-right',left:'right','left-start':'right-top','left-end':'right-bottom'};return popperPlacement?arrowPositionMappings[popperPlacement]:'top';}function getMenuPosition(popperPlacement){if(popperPlacement==='auto'){return'bottom';}return popperPlacement?popperPlacement.split('-')[0]:'bottom';}const COMPONENT_ID$m='dropdowns.menu';const StyledMenu$1=styled__default["default"].ul.attrs(props=>({'data-garden-id':COMPONENT_ID$m,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenu",componentId:"sc-1vpttfd-0"})(["position:static !important;max-height:",";overflow-y:auto;",";",";"],props=>props.maxHeight,props=>props.hasArrow&&arrowStyles(getArrowPosition(props.placement),{size:`${props.theme.space.base*2}px`,inset:'2px',animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$m,props));StyledMenu$1.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$l='dropdowns.menu_wrapper';const StyledMenuWrapper=styled__default["default"].div.attrs(props=>({'data-garden-id':COMPONENT_ID$l,'data-garden-version':'8.70.0',className:props.isAnimated&&'is-animated'})).withConfig({displayName:"StyledMenuWrapper",componentId:"sc-tiwdxz-0"})(["",";",";"],props=>menuStyles(getMenuPosition(props.placement),{theme:props.theme,hidden:props.isHidden,margin:`${props.theme.space.base*(props.hasArrow?2:1)}px`,zIndex:props.zIndex,animationModifier:props.isAnimated?'.is-animated':undefined}),props=>retrieveComponentStyles(COMPONENT_ID$l,props));StyledMenuWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$k='dropdowns.separator';const StyledSeparator=styled__default["default"].li.attrs({'data-garden-id':COMPONENT_ID$k,'data-garden-version':'8.70.0',role:'separator'}).withConfig({displayName:"StyledSeparator",componentId:"sc-1mrnp18-0"})(["display:block;margin:","px 0;border-bottom:",";",";"],props=>props.theme.space.base,props=>`${props.theme.borders.sm} ${getColor$1('neutralHue',200,props.theme)}`,props=>retrieveComponentStyles(COMPONENT_ID$k,props));StyledSeparator.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$j='dropdowns.item';const getItemPaddingVertical=props=>{if(props.isCompact){return`${props.theme.space.base}px`;}return`${props.theme.space.base*2}px`;};const getColorStyles=props=>{let foregroundColor;let backgroundColor;if(props.disabled){foregroundColor=getColor$1('neutralHue',400,props.theme);}else if(props.isDanger){foregroundColor=getColor$1('dangerHue',600,props.theme);backgroundColor=props.isFocused?rgba(foregroundColor,0.08):'inherit';}else{foregroundColor=props.theme.colors.foreground;backgroundColor=props.isFocused?getColor$1('primaryHue',600,props.theme,0.08):'inherit';}return styled.css(["background-color:",";color:",";& a,& a:hover,& a:focus,& a:active{color:inherit;}"],backgroundColor,foregroundColor);};const StyledItem=styled__default["default"].li.attrs(props=>({'data-garden-id':COMPONENT_ID$j,'data-garden-version':'8.70.0','aria-disabled':props.disabled})).withConfig({displayName:"StyledItem",componentId:"sc-1xeog7q-0"})(["display:block;position:relative;z-index:0;cursor:",";padding:"," ","px;text-decoration:none;line-height:","px;word-wrap:break-word;user-select:none;&:first-child{margin-top:","px;}&:last-child{margin-bottom:","px;}&:focus{outline:none;}& a,& a:hover,& a:focus,& a:active{text-decoration:none;}",";",";"],props=>props.disabled?'default':'pointer',props=>getItemPaddingVertical(props),props=>props.theme.space.base*9,props=>props.theme.space.base*5,props=>props.theme.space.base,props=>props.theme.space.base,props=>getColorStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$j,props));StyledItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$i='dropdowns.add_item';const StyledAddItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$i,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledAddItem",componentId:"sc-ekqk50-0"})(["color:",";",";"],props=>!props.disabled&&getColor$1('primaryHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$i,props));StyledAddItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$h='dropdowns.item_meta';const StyledItemMeta=styled__default["default"].span.attrs({'data-garden-id':COMPONENT_ID$h,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledItemMeta",componentId:"sc-k6xy28-0"})(["display:block;line-height:","px;color:",";font-size:",";",";"],props=>props.theme.space.base*(props.isCompact?3:4),props=>getColor$1('neutralHue',props.isDisabled?400:600,props.theme),props=>props.theme.fontSizes.sm,props=>retrieveComponentStyles(COMPONENT_ID$h,props));StyledItemMeta.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$g='dropdowns.item_icon';const getSizeStyles=props=>{return styled.css(["width:",";height:calc(","px + ",");"],props.theme.iconSizes.md,props.theme.space.base*5,math(`${getItemPaddingVertical(props)} * 2`));};const StyledItemIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$g,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledItemIcon",componentId:"sc-1v0ty11-0"})(["display:flex;position:absolute;top:0;",":","px;align-items:center;justify-content:center;transition:opacity 0.1s ease-in-out;opacity:",";color:",";",";& > *{width:",";height:",";}"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>props.isVisible?'1':'0',props=>props.isDisabled?'inherit':getColor$1('primaryHue',600,props.theme),props=>getSizeStyles(props),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md);StyledItemIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$f='dropdowns.next_item';const StyledNextItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$f,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledNextItem",componentId:"sc-1bcygn5-0"})(["","{right:",";left:",";}",";"],StyledItemIcon,props=>props.theme.rtl?'auto':`${props.theme.space.base*3}px`,props=>props.theme.rtl?`${props.theme.space.base*3}px`:'auto',props=>retrieveComponentStyles(COMPONENT_ID$f,props));StyledNextItem.defaultProps={theme:DEFAULT_THEME};var _path$4;function _extends$4(){_extends$4=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$4.apply(this,arguments);}var SvgChevronRightStroke=function SvgChevronRightStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$4({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$4||(_path$4=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"})));};const COMPONENT_ID$e='dropdowns.next_item_icon';const NextIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronRightStroke,{"data-garden-id":COMPONENT_ID$e,"data-garden-version":'8.70.0',className:className});};const StyledNextIcon=styled__default["default"](NextIconComponent).withConfig({displayName:"StyledNextIcon",componentId:"sc-1rinki2-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$e,props));StyledNextIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$d='dropdowns.previous_item';const StyledPreviousItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$d,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledPreviousItem",componentId:"sc-1nmdds9-0"})(["font-weight:",";",";"],props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$d,props));StyledPreviousItem.defaultProps={theme:DEFAULT_THEME};var _path$3;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 SvgChevronLeftStroke=function SvgChevronLeftStroke(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$3||(_path$3=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"})));};const COMPONENT_ID$c='dropdowns.previous_item_icon';const PreviousIconComponent=_ref=>{let{className}=_ref;return React__default__default["default"].createElement(SvgChevronLeftStroke,{"data-garden-id":COMPONENT_ID$c,"data-garden-version":'8.70.0',className:className});};const StyledPreviousIcon=styled__default["default"](PreviousIconComponent).withConfig({displayName:"StyledPreviousIcon",componentId:"sc-czfwj7-0"})(["transform:",";color:",";",";"],props=>props.theme.rtl&&'rotate(180deg)',props=>props.isDisabled?'inherit':getColor$1('neutralHue',600,props.theme),props=>retrieveComponentStyles(COMPONENT_ID$c,props));StyledPreviousIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$b='dropdowns.header_icon';const StyledHeaderIcon=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$b,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledHeaderIcon",componentId:"sc-1fl6nsz-0"})(["display:flex;position:absolute;top:0;bottom:0;align-items:center;justify-content:center;",":","px;color:",";& > *{width:",";height:",";}",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*3,props=>getColor$1('neutralHue',600,props.theme),props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$b,props));StyledHeaderIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$a='dropdowns.header_item';const getHorizontalPadding=props=>{if(props.hasIcon){return undefined;}return`${props.theme.space.base*3}px`;};const StyledHeaderItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$a,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledHeaderItem",componentId:"sc-137filx-0"})(["cursor:default;padding-right:",";padding-left:",";font-weight:",";",";"],props=>getHorizontalPadding(props),props=>getHorizontalPadding(props),props=>props.theme.fontWeights.semibold,props=>retrieveComponentStyles(COMPONENT_ID$a,props));StyledHeaderItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$9='dropdowns.media_body';const StyledMediaBody=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$9,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaBody",componentId:"sc-36j7ef-0"})(["display:block;overflow:hidden;padding-",":","px;",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*2,props=>retrieveComponentStyles(COMPONENT_ID$9,props));StyledMediaBody.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$8='dropdowns.media_figure';const StyledMediaFigure=styled__default["default"](_ref=>{let{children,isCompact,theme,...props}=_ref;return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$8,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaFigure",componentId:"sc-2f2x8x-0"})(["float:",";margin-top:","px !important;width:",";height:",";",";"],props=>props.theme.rtl?'right':'left',props=>props.theme.space.base*0.5,props=>props.theme.iconSizes.md,props=>props.theme.iconSizes.md,props=>retrieveComponentStyles(COMPONENT_ID$8,props));StyledMediaFigure.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$7='dropdowns.media_item';const StyledMediaItem=styled__default["default"](StyledItem).attrs({'data-garden-id':COMPONENT_ID$7,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMediaItem",componentId:"sc-ikwshz-0"})(["",";"],props=>retrieveComponentStyles(COMPONENT_ID$7,props));StyledMediaItem.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6='dropdowns.faux_input';const StyledFauxInput=styled__default["default"](FauxInput).attrs(props=>({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.70.0',mediaLayout:true,theme:props.theme})).withConfig({displayName:"StyledFauxInput",componentId:"sc-1l592ed-0"})(["cursor:",";min-width:","px;",";"],props=>!props.disabled&&'pointer',props=>props.theme.space.base*(props.isCompact?25:36),props=>retrieveComponentStyles(COMPONENT_ID$6,props));StyledFauxInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$5='dropdowns.input';const hiddenStyling=styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);const StyledInput=styled__default["default"](Input).attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledInput",componentId:"sc-hzhvmp-0"})(["",";",";"],props=>props.isHidden&&hiddenStyling,props=>retrieveComponentStyles(COMPONENT_ID$5,props));StyledInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$4='dropdowns.select';const StyledSelect=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSelect",componentId:"sc-xifmwj-0"})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",";"],props=>retrieveComponentStyles(COMPONENT_ID$4,props));StyledSelect.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3='dropdowns.multiselect_input';const visibleStyling=props=>{const margin=props.isVisible?`${props.theme.space.base/2}px`:0;const minWidth=props.isVisible?`${props.theme.space.base*15}px`:0;let height='0';if(props.isVisible){height=`${props.theme.space.base*(props.isCompact?5:8)}px`;}return styled.css(["opacity:",";margin:",";width:",";min-width:",";height:",";"],!props.isVisible&&0,margin,!props.isVisible&&0,minWidth,height);};const StyledMultiselectInput=styled__default["default"](StyledInput).attrs({'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.70.0',isBare:true}).withConfig({displayName:"StyledMultiselectInput",componentId:"sc-1avnf6f-0"})(["flex-basis:","px;flex-grow:1;align-self:center;min-height:0;",";",";"],props=>props.theme.space.base*15,props=>visibleStyling(props),props=>retrieveComponentStyles(COMPONENT_ID$3,props));StyledMultiselectInput.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='dropdowns.multiselect_items_container';const sizeStyles=props=>{let margin;let padding;if(!props.isBare){const marginVertical=props.isCompact?`-${props.theme.space.base*1.5}px`:`-${props.theme.space.base*2.5}px`;margin=`${marginVertical} 0`;const paddingVertical=props.isCompact?'3px':'1px';const paddingEnd=`${props.theme.space.base}px`;padding=`${paddingVertical} ${props.theme.rtl?0:paddingEnd} ${paddingVertical} ${props.theme.rtl?paddingEnd:0}`;}return styled.css(["margin:",";padding:",";"],margin,padding);};const StyledMultiselectItemsContainer=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemsContainer",componentId:"sc-1jzhet8-0"})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;",";",";"],props=>sizeStyles(props),props=>retrieveComponentStyles(COMPONENT_ID$2,props));StyledMultiselectItemsContainer.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1='dropdowns.multiselect_item_wrapper';const StyledMultiselectItemWrapper=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectItemWrapper",componentId:"sc-1rb2bye-0"})(["display:inline-flex;align-items:center;margin:","px;max-width:100%;",";"],props=>props.theme.space.base/2,props=>retrieveComponentStyles(COMPONENT_ID$1,props));StyledMultiselectItemWrapper.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID='dropdowns.multiselect_more_anchor';const StyledMultiselectMoreAnchor=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledMultiselectMoreAnchor",componentId:"sc-1m9v46e-0"})(["display:inline-block;cursor:",";padding:","px 0;overflow:hidden;user-select:none;text-overflow:ellipsis;line-height:",";white-space:nowrap;color:",";:hover{text-decoration:",";}",";"],props=>props.isDisabled?'default':'pointer',props=>props.theme.space.base*(props.isCompact?0.75:1.5),props=>props.isCompact?'1em':getLineHeight$1(props.theme.space.base*5,props.theme.fontSizes.md),props=>props.isDisabled?getColor$1('neutralHue',400,props.theme):getColor$1('primaryHue',600,props.theme),props=>!props.isDisabled&&'underline',props=>retrieveComponentStyles(COMPONENT_ID,props));StyledMultiselectMoreAnchor.defaultProps={theme:DEFAULT_THEME};const Trigger=_ref=>{let{children,refKey,...triggerProps}=_ref;const{hasMenuRef,itemSearchRegistry,downshift:{getRootProps,getToggleButtonProps,getInputProps,isOpen,highlightedIndex,selectItemAtIndex,setHighlightedIndex}}=useDropdownContext();const hiddenInputRef=React__default.useRef(null);const triggerRef=React__default.useRef(null);const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,hasMenuRef]);React__default.useEffect(()=>{if(hasMenuRef.current===false){hasMenuRef.current=true;}},[hasMenuRef]);React__default.useEffect(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(e=>{if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}const character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}const newSearchString=searchString+character;setSearchString(newSearchString);let matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,setHighlightedIndex]);const renderChildren=popperRef=>{const{ref:rootPropsRefCallback,...rootProps}=getRootProps();const listboxToggleProps=getToggleButtonProps({...rootProps,role:null,'aria-labelledby':undefined,...triggerProps,...children.props});const menuToggleProps={...listboxToggleProps,'aria-haspopup':'true','aria-controls':listboxToggleProps['aria-owns'],'aria-owns':null};const toggleButtonProps=hasMenuRef.current?menuToggleProps:listboxToggleProps;return React__default__default["default"].cloneElement(React__default__default["default"].Children.only(children),{...toggleButtonProps,[refKey]:childRef=>{popperRef(childRef);triggerRef.current=childRef;rootPropsRefCallback(childRef);}});};return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(React__default__default["default"].Fragment,null,renderChildren(popperReference),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})));});};Trigger.propTypes={children:propTypes.exports.any,refKey:propTypes.exports.string};Trigger.defaultProps={refKey:'ref'};var _path$2;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);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$2({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2||(_path$2=/*#__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 FieldContext=React__default__default["default"].createContext(undefined);const useFieldContext=()=>{const fieldContext=React__default.useContext(FieldContext);if(!fieldContext){throw new Error('This component must be rendered within a `Field` component.');}return fieldContext;};const Autocomplete=React__default.forwardRef((_ref,ref)=>{let{children,inputRef:controlledInputRef,start,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(isOpen);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);React__default.useEffect(()=>{if(inputRef.current&&isOpen!==previousIsOpenRef.current){inputRef.current.focus();}previousIsOpenRef.current=isOpen;},[inputRef,isOpen]);const{type,onKeyDown,...selectProps}=getToggleButtonProps(getRootProps({role:null,...props,onKeyDown:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false))}));const onSelectKeyDown=composeEventHandlers$1(props.onKeyDown,onKeyDown);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('autocomplete');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused,tabIndex:null,onKeyDown:onSelectKeyDown},selectProps,{ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref])(selectRef);popperReferenceElementRef.current=selectRef;}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),!isOpen&&React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({isHidden:!isOpen,disabled:props.disabled,onFocus:()=>{setIsFocused(true);},onBlur:()=>{setIsFocused(false);},onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},role:'combobox',ref:mergeRefs([inputRef,controlledInputRef||null])})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Autocomplete.displayName='Autocomplete';Autocomplete.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION)};const Combobox=React__default.forwardRef((_ref,ref)=>{let{isCompact,isBare,disabled,focusInset,placeholder,validation,inputRef:inputRefProp=null,start,end,...props}=_ref;const{popperReferenceElementRef,downshift:{getToggleButtonProps,getInputProps,getRootProps,isOpen},setDropdownType}=useDropdownContext();const wrapperRef=React__default.useRef();const inputRef=React__default.useRef();const isOpenRef=React__default.useRef(isOpen);const wrapperProps=getToggleButtonProps(getRootProps({role:null,type:null,onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;},...props,onKeyDown:event=>{event.nativeEvent.preventDownshiftDefault=true;}}));const inputProps=getInputProps({isCompact,isBare,disabled,focusInset,placeholder,validation,start,end,role:'combobox',onKeyDown:event=>{if(event.keyCode===KEY_CODES.SPACE||!isOpen&&[KEY_CODES.DOWN,KEY_CODES.UP].includes(event.keyCode)){event.nativeEvent.preventDownshiftDefault=true;}},onClick:event=>{event.nativeEvent.preventDownshiftDefault=true;}});React__default.useEffect(()=>{if(inputRef.current&&isOpen!==isOpenRef.current){inputRef.current.focus();}isOpenRef.current=isOpen;},[inputRef,isOpen]);React__default.useEffect(()=>{setDropdownType('combobox');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;const wrapperRefProp=element=>{popperReference(element);mergeRefs([wrapperRef,ref])(element);popperReferenceElementRef.current=element;};return React__default__default["default"].createElement(MediaInput,_extends$5({},inputProps,{wrapperProps:wrapperProps,wrapperRef:wrapperRefProp,ref:mergeRefs([inputRef,inputRefProp])}));});});Combobox.displayName='Combobox';Combobox.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,placeholder:propTypes.exports.string,validation:propTypes.exports.oneOf(VALIDATION)};const Multiselect=React__default__default["default"].forwardRef((_ref,ref)=>{let{renderItem,placeholder,maxItems,renderShowMore,inputRef:externalInputRef=null,start,onKeyDown,...props}=_ref;const{popperReferenceElementRef,selectedItems=[],containsMultiselectRef,previousIndexRef,downshift:{getToggleButtonProps,getRootProps,getInputProps,isOpen,closeMenu,inputValue,setState:setDownshiftState,itemToString},setDropdownType}=useDropdownContext();const{isLabelHovered}=useFieldContext();const inputRef=React__default.useRef();const triggerRef=React__default.useRef();const blurTimeoutRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const previousIsFocusedRef=React__default.useRef(undefined);const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const[focusedItem,setFocusedItem]=React__default.useState(undefined);const themeContext=React__default.useContext(styled.ThemeContext);const environment=useDocument(themeContext);const{getContainerProps,getItemProps}=useSelection({rtl:themeContext.rtl,focusedItem,selectedItem:undefined,onFocus:item=>{setFocusedItem(item);}});React__default.useEffect(()=>{containsMultiselectRef.current=true;const tempRef=blurTimeoutRef;return()=>{clearTimeout(tempRef.current);};},[]);React__default.useEffect(()=>{if(inputRef.current){if(isOpen&&!previousIsOpenRef.current){inputRef.current.focus();}else if(isFocused&&!previousIsFocusedRef.current&&focusedItem===undefined){inputRef.current.focus();}}previousIsOpenRef.current=isOpen;previousIsFocusedRef.current=isFocused;},[isOpen,inputRef,isFocused,focusedItem]);React__default.useEffect(()=>{if(focusedItem!==undefined&&isOpen){closeMenu();}},[focusedItem,isOpen,closeMenu]);const{type,...selectProps}=getToggleButtonProps(getRootProps({tabIndex:props.disabled?undefined:-1,onKeyDown:composeEventHandlers$1(onKeyDown,e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}else if(!inputValue&&e.keyCode===KEY_CODES.HOME){setFocusedItem(selectedItems[0]);e.preventDefault();}}),onFocus:()=>{setIsFocused(true);},onBlur:e=>{const currentTarget=e.currentTarget;blurTimeoutRef.current=setTimeout(()=>{if(environment&&!currentTarget.contains(environment.activeElement)){setIsFocused(false);}},0);},onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),role:null,...props}));const renderSelectableItem=React__default.useCallback((item,index)=>{const removeValue=()=>{setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:item});inputRef.current&&inputRef.current.focus();};const renderedItem=renderItem({value:item,removeValue});const focusRef=React__default__default["default"].createRef();const clonedChild=React__default__default["default"].cloneElement(renderedItem,{...getItemProps({item,focusRef,onKeyDown:e=>{if(e.keyCode===KEY_CODES.DELETE||e.keyCode===KEY_CODES.BACKSPACE){e.preventDefault();removeValue();}if(e.keyCode===KEY_CODES.END&&!inputValue){inputRef.current&&inputRef.current.focus();e.preventDefault();}if(themeContext.rtl){if(e.keyCode===KEY_CODES.RIGHT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.LEFT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}else{if(e.keyCode===KEY_CODES.LEFT&&index===0){e.preventDefault();}if(e.keyCode===KEY_CODES.RIGHT&&index===selectedItems.length-1){e.preventDefault();inputRef.current&&inputRef.current.focus();}}},onClick:e=>{e.nativeEvent.preventDownshiftDefault=true;},tabIndex:-1}),size:props.isCompact?'medium':'large'});const key=`${itemToString(item)}-${index}`;return React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:key},clonedChild);},[getItemProps,inputValue,renderItem,setDownshiftState,itemToString,selectedItems,props,inputRef,themeContext.rtl]);const items=React__default.useMemo(()=>{const itemValues=selectedItems||[];const output=[];for(let x=0;x<itemValues.length;x++){const item=itemValues[x];if(x<maxItems){if(props.disabled){const renderedItem=React__default__default["default"].cloneElement(renderItem({value:item,removeValue:()=>{return undefined;}}),{size:props.isCompact?'medium':'large'});output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:x},renderedItem));}else{output.push(renderSelectableItem(item,x));}}else if(!isFocused&&!inputValue||props.disabled){output.push(React__default__default["default"].createElement(StyledMultiselectItemWrapper,{key:"more-anchor"},React__default__default["default"].createElement(StyledMultiselectMoreAnchor,{isCompact:props.isCompact,isDisabled:props.disabled},renderShowMore?renderShowMore(itemValues.length-x):`+ ${itemValues.length-x} more`)));break;}else{output.push(renderSelectableItem(item,x));}}return output;},[isFocused,props.disabled,renderSelectableItem,selectedItems,renderItem,inputValue,maxItems,renderShowMore,props.isCompact]);const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isOpen||isFocused;React__default.useEffect(()=>{setDropdownType('multiselect');},[setDropdownType]);return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,getContainerProps({...selectProps,isHovered:isContainerHovered,isFocused:isContainerFocused,ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,popperReferenceElementRef,ref])(selectRef);}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledMultiselectItemsContainer,{isBare:props.isBare,isCompact:props.isCompact},items,React__default__default["default"].createElement(StyledMultiselectInput,getInputProps({disabled:props.disabled,onFocus:()=>{setFocusedItem(undefined);},onClick:e=>{if(inputValue&&inputValue.length>0&&isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:e=>{if(!inputValue){if(themeContext.rtl&&e.keyCode===KEY_CODES.RIGHT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(!themeContext.rtl&&e.keyCode===KEY_CODES.LEFT&&selectedItems.length>0&&previousIndexRef.current===undefined){setFocusedItem(selectedItems[selectedItems.length-1]);}else if(e.keyCode===KEY_CODES.BACKSPACE&&selectedItems.length>0){setDownshiftState({type:REMOVE_ITEM_STATE_TYPE,selectedItem:selectedItems[selectedItems.length-1]});e.nativeEvent.preventDownshiftDefault=true;e.preventDefault();e.stopPropagation();}}},isVisible:isFocused||inputValue||selectedItems.length===0,isCompact:props.isCompact,role:'combobox',ref:mergeRefs([inputRef,externalInputRef]),placeholder:selectedItems.length===0?placeholder:undefined}))),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Multiselect.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,renderItem:propTypes.exports.func.isRequired,maxItems:propTypes.exports.number,validation:propTypes.exports.oneOf(['success','warning','error'])};Multiselect.defaultProps={maxItems:4};Multiselect.displayName='Multiselect';const Select=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,start,...props}=_ref;const{popperReferenceElementRef,itemSearchRegistry,downshift:{getToggleButtonProps,getInputProps,isOpen,highlightedIndex,setHighlightedIndex,selectItemAtIndex,closeMenu}}=useDropdownContext();const{isLabelHovered}=useFieldContext();const[isHovered,setIsHovered]=React__default.useState(false);const[isFocused,setIsFocused]=React__default.useState(false);const hiddenInputRef=React__default.useRef();const triggerRef=React__default.useRef();const previousIsOpenRef=React__default.useRef(undefined);const[searchString,setSearchString]=React__default.useState('');const searchTimeoutRef=React__default.useRef();const currentSearchIndexRef=React__default.useRef(0);React__default.useEffect(()=>{if(hiddenInputRef.current&&isOpen&&!previousIsOpenRef.current){hiddenInputRef.current.focus();}if(triggerRef.current&&!isOpen&&previousIsOpenRef.current){triggerRef.current.focus();}previousIsOpenRef.current=isOpen;},[isOpen,triggerRef]);React__default.useEffect(()=>{if(searchTimeoutRef.current){clearTimeout(searchTimeoutRef.current);}searchTimeoutRef.current=window.setTimeout(()=>{setSearchString('');},500);return()=>{clearTimeout(searchTimeoutRef.current);};},[searchString]);const searchItems=React__default.useCallback((searchValue,startIndex,endIndex)=>{for(let index=startIndex;index<endIndex;index++){const itemTextValue=itemSearchRegistry.current[index];if(itemTextValue&&itemTextValue.toUpperCase().indexOf(searchValue.toUpperCase())===0){return index;}}return undefined;},[itemSearchRegistry]);const onInputKeyDown=React__default.useCallback(e=>{if(e.keyCode===KEY_CODES.SPACE){if(searchString){e.preventDefault();e.stopPropagation();}else if(highlightedIndex!==null&&highlightedIndex!==undefined){e.preventDefault();e.stopPropagation();selectItemAtIndex(highlightedIndex);closeMenu();}}if((e.keyCode<48||e.keyCode>57)&&(e.keyCode<65||e.keyCode>90)&&e.keyCode!==KEY_CODES.SPACE){return;}const character=String.fromCharCode(e.which||e.keyCode);if(!character||character.length===0){return;}if(!searchString){if(highlightedIndex===null||highlightedIndex===undefined){currentSearchIndexRef.current=-1;}else{currentSearchIndexRef.current=highlightedIndex;}}const newSearchString=searchString+character;setSearchString(newSearchString);let matchingIndex=searchItems(newSearchString,currentSearchIndexRef.current+1,itemSearchRegistry.current.length);if(matchingIndex===undefined){matchingIndex=searchItems(newSearchString,0,currentSearchIndexRef.current);}if(matchingIndex!==undefined){setHighlightedIndex(matchingIndex);}},[searchString,searchItems,itemSearchRegistry,highlightedIndex,selectItemAtIndex,closeMenu,setHighlightedIndex]);const{type,...selectProps}=getToggleButtonProps({tabIndex:props.disabled?undefined:0,onMouseEnter:composeEventHandlers$1(props.onMouseEnter,()=>setIsHovered(true)),onMouseLeave:composeEventHandlers$1(props.onMouseLeave,()=>setIsHovered(false)),onFocus:composeEventHandlers$1(props.onFocus,()=>setIsFocused(true)),onBlur:composeEventHandlers$1(props.onBlur,()=>setIsFocused(false)),...props});const isContainerHovered=isLabelHovered&&!isOpen;const isContainerFocused=isFocused||isOpen;return React__default__default["default"].createElement(Reference,null,_ref2=>{let{ref:popperReference}=_ref2;return React__default__default["default"].createElement(StyledFauxInput,_extends$5({isHovered:isContainerHovered,isFocused:isContainerFocused},selectProps,{role:"none",ref:selectRef=>{popperReference(selectRef);mergeRefs([triggerRef,ref,popperReferenceElementRef])(selectRef);}}),start&&React__default__default["default"].createElement(StyledFauxInput.StartIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled},start),React__default__default["default"].createElement(StyledSelect,null,children),React__default__default["default"].createElement(StyledInput,getInputProps({readOnly:true,isHidden:true,tabIndex:-1,ref:hiddenInputRef,value:'',onClick:e=>{if(isOpen){e.nativeEvent.preventDownshiftDefault=true;}},onKeyDown:onInputKeyDown})),!props.isBare&&React__default__default["default"].createElement(StyledFauxInput.EndIcon,{isHovered:isHovered||isLabelHovered&&!isOpen,isFocused:isContainerFocused,isDisabled:props.disabled,isRotated:isOpen},React__default__default["default"].createElement(SvgChevronDownStroke,null)));});});Select.displayName='Select';Select.propTypes={isCompact:propTypes.exports.bool,isBare:propTypes.exports.bool,disabled:propTypes.exports.bool,focusInset:propTypes.exports.bool,validation:propTypes.exports.oneOf(VALIDATION),start:propTypes.exports.any};const Field=React__default.forwardRef((props,fieldRef)=>{const{downshift:{getRootProps}}=useDropdownContext();const[isLabelHovered,setIsLabelHovered]=React__default.useState(false);const{ref}=getRootProps();const value=React__default.useMemo(()=>({isLabelHovered,setIsLabelHovered}),[isLabelHovered,setIsLabelHovered]);return React__default__default["default"].createElement(FieldContext.Provider,{value:value},React__default__default["default"].createElement(Field$2,_extends$5({ref:mergeRefs([ref,fieldRef])},props)));});Field.displayName='Field';const Hint=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Hint$2,_extends$5({ref:ref},props)));Hint.displayName='Hint';const Label$1=React__default__default["default"].forwardRef((_ref,ref)=>{let{onMouseEnter,onMouseLeave,...other}=_ref;const{downshift:{getLabelProps}}=useDropdownContext();const{setIsLabelHovered}=useFieldContext();const labelProps=getLabelProps({onMouseEnter:composeEventHandlers$1(onMouseEnter,()=>{setIsLabelHovered(true);}),onMouseLeave:composeEventHandlers$1(onMouseLeave,()=>{setIsLabelHovered(false);}),...other});return React__default__default["default"].createElement(Label$1$1,_extends$5({ref:ref},labelProps));});Label$1.displayName='Label';Label$1.propTypes={isRegular:propTypes.exports.bool};const Message$1=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Message$3,_extends$5({ref:ref},props)));Message$1.displayName='Message';Message$1.propTypes={validation:propTypes.exports.oneOf(VALIDATION)};const SHARED_PLACEMENT=['auto','top','top-start','top-end','bottom','bottom-start','bottom-end'];const PLACEMENT=[...SHARED_PLACEMENT,'end','end-top','end-bottom','start','start-top','start-bottom'];const MenuContext=React__default__default["default"].createContext(undefined);const useMenuContext=()=>{const menuContext=React__default.useContext(MenuContext);if(!menuContext){throw new Error('This component must be rendered within a `Menu` component.');}return menuContext;};const Menu=React__default.forwardRef((props,menuRef)=>{const{placement,popperModifiers,eventsEnabled,isAnimated,maxHeight,style:menuStyle,zIndex,isCompact,children,appendToNode,...otherProps}=props;const{hasMenuRef,itemIndexRef,previousIndexRef,nextItemsHashRef,popperReferenceElementRef,itemSearchRegistry,downshift:{isOpen,getMenuProps}}=useDropdownContext();const scheduleUpdateRef=React__default.useRef(undefined);React__default.useEffect(()=>{if(scheduleUpdateRef.current&&isOpen){scheduleUpdateRef.current();}});const[isVisible,setIsVisible]=React__default.useState(isOpen);React__default.useEffect(()=>{let timeout;if(isOpen){setIsVisible(true);}else if(isAnimated){timeout=setTimeout(()=>setIsVisible(false),200);}else{setIsVisible(false);}return()=>clearTimeout(timeout);},[isOpen,isAnimated]);const themeContext=React__default.useContext(styled.ThemeContext);itemIndexRef.current=0;nextItemsHashRef.current={};previousIndexRef.current=undefined;itemSearchRegistry.current=[];const popperPlacement=themeContext.rtl?getRtlPopperPlacement(placement):getPopperPlacement(placement);return React__default__default["default"].createElement(MenuContext.Provider,{value:{itemIndexRef,isCompact}},React__default__default["default"].createElement(Popper,{placement:popperPlacement,modifiers:popperModifiers,eventsEnabled:isOpen&&eventsEnabled},_ref=>{let{ref,style,scheduleUpdate,placement:currentPlacement}=_ref;let computedStyle=menuStyle;scheduleUpdateRef.current=scheduleUpdate;if((isOpen||isVisible)&&popperReferenceElementRef.current&&popperReferenceElementRef.current.getBoundingClientRect){computedStyle={width:popperReferenceElementRef.current.getBoundingClientRect().width,...menuStyle};}const menuProps=getMenuProps({role:hasMenuRef.current?'menu':'listbox',placement:currentPlacement,isAnimated:isAnimated&&(isOpen||isVisible),...otherProps});const menu=React__default__default["default"].createElement(StyledMenuWrapper,{ref:isOpen?ref:undefined,hasArrow:menuProps.hasArrow,placement:menuProps.placement,style:style,isHidden:!isOpen,isAnimated:menuProps.isAnimated,zIndex:zIndex},React__default__default["default"].createElement(StyledMenu$1,_extends$5({ref:menuRef,isCompact:isCompact,maxHeight:maxHeight,style:computedStyle},menuProps),(isOpen||isVisible)&&children));return appendToNode?reactDom.createPortal(menu,appendToNode):menu;}));});Menu.displayName='Menu';Menu.propTypes={popperModifiers:propTypes.exports.any,eventsEnabled:propTypes.exports.bool,zIndex:propTypes.exports.number,style:propTypes.exports.object,placement:propTypes.exports.oneOf(PLACEMENT),isAnimated:propTypes.exports.bool,isCompact:propTypes.exports.bool,hasArrow:propTypes.exports.bool,maxHeight:propTypes.exports.string};Menu.defaultProps={placement:'bottom-start',isAnimated:true,eventsEnabled:true,maxHeight:'400px',zIndex:1000};const Separator=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(StyledSeparator,_extends$5({ref:ref},props)));Separator.displayName='Separator';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 SvgPlusStroke=function SvgPlusStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M7.5 2.5v12m6-6h-12"})));};var _path;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);}var SvgCheckLgStroke=function SvgCheckLgStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends({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:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M1 9l4 4L15 3"})));};const ItemContext=React__default__default["default"].createContext(undefined);const useItemContext=()=>{const context=React__default.useContext(ItemContext);if(!context){throw new Error('This component must be rendered within an `Item` component.');}return context;};const Item$1=React__default__default["default"].forwardRef((_ref,forwardRef)=>{let{value,disabled,isDanger,component=StyledItem,hasIcon,children,...props}=_ref;const{selectedItems,hasMenuRef,itemSearchRegistry,downshift:{isOpen,selectedItem,highlightedIndex,getItemProps,setHighlightedIndex,itemToString}}=useDropdownContext();const{itemIndexRef,isCompact}=useMenuContext();const itemRef=React__default.useRef();const Component=component;if((value===undefined||value===null)&&!disabled){throw new Error('All Item components require a `value` prop');}const currentIndex=itemIndexRef.current;const isFocused=highlightedIndex===currentIndex;let isSelected;React__default.useEffect(()=>{if(!disabled&&itemRef.current){const itemTextValue=itemRef.current.innerText;if(itemTextValue){itemSearchRegistry.current[currentIndex]=itemTextValue;}}});if(value){if(selectedItems){isSelected=selectedItems.some(item=>{return itemToString(item)===itemToString(value);});}else{isSelected=itemToString(selectedItem)===itemToString(value);}}else{isSelected=false;}React__default.useEffect(()=>{if(isOpen&&!disabled&&!selectedItems&&isSelected){setHighlightedIndex(currentIndex);}},[currentIndex,disabled,isOpen,isSelected,selectedItems,setHighlightedIndex]);const contextValue=React__default.useMemo(()=>({isDisabled:disabled}),[disabled]);const ref=mergeRefs([itemRef,forwardRef]);if(disabled){return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,_extends$5({ref:ref,disabled:disabled,isDanger:isDanger,isCompact:isCompact},props),isSelected&&!hasIcon&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected,isDisabled:disabled},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));}itemIndexRef.current++;return React__default__default["default"].createElement(ItemContext.Provider,{value:contextValue},React__default__default["default"].createElement(Component,getItemProps({item:value,isFocused,ref,isCompact,isDanger,...(hasMenuRef.current&&{role:'menuitem','aria-selected':null}),...props}),isSelected&&!hasIcon&&React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:isSelected},React__default__default["default"].createElement(SvgCheckLgStroke,null)),children));});Item$1.displayName='Item';Item$1.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const AddItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledAddItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isVisible:true,isDisabled:disabled},React__default__default["default"].createElement(SvgPlusStroke,null)),children);});const AddItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:AddItemComponent,ref:ref},props,{hasIcon:true})));AddItem.displayName='AddItem';AddItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const HeaderIcon=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderIcon,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderIcon.displayName='HeaderIcon';const HeaderItem=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledHeaderItem,_extends$5({ref:ref,isCompact:isCompact},props));});HeaderItem.displayName='HeaderItem';const ItemMeta=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();const{isDisabled}=useItemContext();return React__default__default["default"].createElement(StyledItemMeta,_extends$5({ref:ref,isCompact:isCompact,isDisabled:isDisabled},props));});ItemMeta.displayName='ItemMeta';const MediaBody=React__default__default["default"].forwardRef((props,ref)=>{const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledMediaBody,_extends$5({ref:ref,isCompact:isCompact},props));});MediaBody.displayName='MediaBody';const MediaItem=React__default__default["default"].forwardRef((props,ref)=>React__default__default["default"].createElement(Item$1,_extends$5({component:StyledMediaItem,ref:ref},props)));MediaItem.displayName='MediaItem';MediaItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const NextItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledNextItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledNextIcon,{isDisabled:disabled})),children);});const NextItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{nextItemsHashRef,downshift:{itemToString}}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){nextItemsHashRef.current[itemToString(value)]=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:NextItemComponent,"aria-expanded":true,disabled:disabled,value:value,ref:ref},props,{hasIcon:true}));});NextItem.displayName='NextItem';NextItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};const PreviousItemComponent=React__default__default["default"].forwardRef((_ref,ref)=>{let{children,disabled,...props}=_ref;const{isCompact}=useMenuContext();return React__default__default["default"].createElement(StyledPreviousItem,_extends$5({ref:ref,disabled:disabled},props),React__default__default["default"].createElement(StyledItemIcon,{isCompact:isCompact,isDisabled:disabled,isVisible:true},React__default__default["default"].createElement(StyledPreviousIcon,{isDisabled:disabled})),children);});const PreviousItem=React__default__default["default"].forwardRef((_ref2,ref)=>{let{value,disabled,...props}=_ref2;const{previousIndexRef}=useDropdownContext();const{itemIndexRef}=useMenuContext();if(!disabled){previousIndexRef.current=itemIndexRef.current;}return React__default__default["default"].createElement(Item$1,_extends$5({component:PreviousItemComponent,"aria-expanded":true,value:value,disabled:disabled},props,{ref:ref,hasIcon:true}));});PreviousItem.displayName='PreviousItem';PreviousItem.propTypes={value:propTypes.exports.any,disabled:propTypes.exports.bool};var Item=styled__default["default"](Item$1).attrs(function(_a){var danger=_a.danger,theme=_a.theme,props=__rest(_a,["danger","theme"]);if(!danger)return __assign({color:theme.styles.textColorPrimary,primary:false},props);return __assign({color:theme.styles.colorDanger,primary:true},props);})(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n &&&& {\n ",";\n\n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n\n ","\n }\n"],["\n &&&& {\n ",";\n\n font-size: ",";\n margin-bottom: ",";\n\n :first-child {\n margin-top: 4px;\n }\n\n *[data-garden-id=\"dropdowns.item_icon\"] {\n ",";\n }\n\n ","\n }\n"])),function(_a){var disabled=_a.disabled;if(disabled)return"";return styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n ",";\n "],["\n ",";\n "])),buttonLikeHoverable);},FONT_SIZES.SM,SPACINGS.XS,textColorForButton,function(_a){var _css=_a._css;return _css;});var getItemType=function(o){if(o.isNextItem)return NextItem;if(o.isBackItem)return PreviousItem;if(o.isAddItem)return AddItem;if(o.isHeaderItem)return HeaderItem;return Item;};var templateObject_1$4,templateObject_2$3;var LEVEL_STYLES={info:"background: #499cc8; color: white;",error:"background: #c14a4f; color: white;",warn:"background: #e0a270; color: black;"};var Logger=/** @class */function(){function Logger(moduleName){var _this=this;this.log=function(level){return function(){var args=[];for(var _i=0;_i<arguments.length;_i++){args[_i]=arguments[_i];}if(typeof window==="undefined"||!window.DEBUG_MODULES.has(_this.moduleName))return;console[level].apply(console,__spreadArray(["%c".concat(_this.moduleName),"".concat(LEVEL_STYLES[level]," padding: 2px 6px;")],__read(args),false));};};this.writeInfo=this.log("info");this.writeError=this.log("error");this.writeWarning=this.log("warn");this.moduleName=moduleName;}return Logger;}();if(typeof window!=="undefined"){window.DEBUG_MODULES=new Set([// "Dropdown",
|
|
12211
12211
|
// "SearchableSelector",
|
|
12212
12212
|
]);}var logger$1=new Logger("Loadable");var Container$1=styled__default["default"](FlexBox)(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n //height: 100%;\n width: 100%;\n position: relative;\n"],["\n //height: 100%;\n width: 100%;\n position: relative;\n"])));var LoaderContainer=styled__default["default"](FlexBox)(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n height: 100%;\n width: 100%;\n position: absolute;\n"],["\n height: 100%;\n width: 100%;\n position: absolute;\n"])));var ChildrenContainer=styled__default["default"](FlexBox)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n width: 100%;\n opacity: ",";\n"],["\n width: 100%;\n opacity: ",";\n"])),function(_a){var showSpinner=_a.showSpinner,opaqueSpinner=_a.opaqueSpinner;if(!showSpinner)return"1";return opaqueSpinner?"0":".3";});var Loadable=function(_a){var _b;var children=_a.children,className=_a.className,debugId=_a.debugId,_c=_a.opaqueSpinner,opaqueSpinner=_c===void 0?false:_c,_d=_a.showSpinner,showSpinner=_d===void 0?false:_d;logger$1.writeInfo("Rendering id:",debugId,"showSpinner",showSpinner);var isMounted=useIsMounted();var theme=React__default.useContext(styled.ThemeContext);var canHideSpinner=(_b=__read(React__default.useState(true),2),_b[0]),setCanHideSpinner=_b[1];React__default.useEffect(function(){if(!showSpinner)return;setCanHideSpinner(false);setTimeout(function(){logger$1.writeInfo("setting setCanHideSpinner true id:",debugId);if(isMounted())setCanHideSpinner(true);},500);},[debugId,isMounted,showSpinner]);var showingSpinner=showSpinner||!canHideSpinner;return jsxRuntime.jsxs(Container$1,__assign({justifyContent:"center",gap:"unset",alignItems:"center"},{children:[jsxRuntime.jsx(ChildrenContainer,__assign({gap:"unset",className:className,opaqueSpinner:opaqueSpinner,showSpinner:showingSpinner,withRows:true},{children:children})),showingSpinner?jsxRuntime.jsx(LoaderContainer,__assign({justifyContent:"center",alignItems:"center",showSpinner:showingSpinner},{children:jsxRuntime.jsx(Dots,{color:theme.styles.colorPrimary,size:FONT_SIZES.XXL})})):null]}));};Loadable=styled__default["default"](Loadable)(templateObject_4$2||(templateObject_4$2=__makeTemplateObject([""],[""])));var templateObject_1$3,templateObject_2$2,templateObject_3$2,templateObject_4$2;var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger=new Logger("Dropdown");var Dropdown=function(props){var _a,_b,_c,_d;var _e;var state=(_a=__read(React__default.useState({isOpen:false}),2),_a[0]),setState=_a[1];var controlledState=__assign(__assign({},state),props);var filteringOptions=(_b=__read(React__default.useState(false),2),_b[0]),setFilteringOptionsTo=_b[1];var searchFilter=(_c=__read(React__default.useState(""),2),_c[0]),setSearchFilter=_c[1];var filteredOptions=(_d=__read(React__default.useState(props.options),2),_d[0]),setFilteredOptions=_d[1];var appendMenuToNode=props.appendMenuToNode,async=props.async,children=props.children,className=props.className,clearable=props.clearable,shouldFilterOptions=props.shouldFilterOptions,hint=props.hint,keyField=props.keyField,label=props.label,labelField=props.labelField,maxMenuHeight=props.maxMenuHeight,menuCSS=props.menuCSS,menuItemComponent=props.menuItemComponent,menuPopperModifiers=props.menuPopperModifiers,options=props.options,placement=props.placement,returnItemOnChange=props.returnItemOnChange,small=props.small,trigger=props.trigger,useRawOptions=props.useRawOptions,validation=props.validation,onChange=props.onChange,onStateChange=props.onStateChange;var selectedKey=props.selectedKey;var selectedKeys=props.selectedKeys;// TODO see if this function needs to be removed if we're also filtering
|
|
12213
12213
|
// in the SearchableSelector component
|
|
@@ -12228,5 +12228,5 @@ jsxRuntime.jsx(StyledMenu,__assign({_css:menuCSS!==null&&menuCSS!==void 0?menuCS
|
|
|
12228
12228
|
Dropdown=styled__default["default"](Dropdown)(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n &&,\n && * {\n font-size: inherit;\n }\n\n && {\n ","\n }\n\n ","\n"],["\n &&,\n && * {\n font-size: inherit;\n }\n\n && {\n ","\n }\n\n ","\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";},function(_a){var _css=_a._css;return _css;});var Message=styled__default["default"](Message$1)(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n && {\n font-size: ",";\n }\n"],["\n && {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var StyledMenu=styled__default["default"](Menu)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n && {\n width: 100%;\n }\n\n &&,\n && * {\n font-size: inherit;\n }\n\n ","\n"],["\n && {\n width: 100%;\n }\n\n &&,\n && * {\n font-size: inherit;\n }\n\n ","\n"])),function(_a){var _css=_a._css;return _css;});var StyledLoadable=styled__default["default"](Loadable)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n flex-direction: column;\n min-height: 50px;\n"],["\n flex-direction: column;\n min-height: 50px;\n"])));Dropdown.defaultProps={async:false,useRawOptions:false,returnItemOnChange:false,validation:{validation:VALIDATION_STATES.NONE},// maxMenuHeight: "20rem",
|
|
12229
12229
|
onChange:DO_NOTHING,onStateChange:DO_NOTHING};styled__default["default"](Multiselect)(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n && {\n div {\n max-width: 100%;\n }\n }\n"],["\n && {\n div {\n max-width: 100%;\n }\n }\n"])));var Label=styled__default["default"](Label$1)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n && {\n color: ",";\n }\n"],["\n && {\n color: ",";\n }\n"])),function(p){return p.theme.styles.textColorPrimary;});var createOptions=function(options,key,label,menuItemComponent,isFilteringOptions,isClearable){if(isClearable===void 0){isClearable=false;}if(isFilteringOptions)return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"Loading items..."}))];if(isEmpty(options))return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"No matches found"}))];var nodes=options.map(function(o){var Component=o.Component,componentProps=o.componentProps,itemProps=o.itemProps,attrs=__rest(o,["Component","componentProps","itemProps"]);var ItemType=getItemType(attrs);return jsxRuntime.jsx(ItemType,__assign({value:o},itemProps,{children:Component?jsxRuntime.jsx(Component,__assign({},componentProps,{children:attrs[label]})):attrs[label]}),o[key]);});if(isClearable){nodes.unshift(jsxRuntime.jsx(Item,__assign({value:CLEAR_OPTION},{children:CLEAR_OPTION.label}),CLEAR_OPTION.value));}return nodes;};var templateObject_1$2,templateObject_2$1,templateObject_3$1,templateObject_4$1,templateObject_5$1,templateObject_6$1;var COMPONENT_NAME="OverflowMenu";var OverflowButton=styled__default["default"](OverflowButton$1).attrs(function(_a){var theme=_a.theme;return{icon:js.mdiDotsVertical,"data-component-name":COMPONENT_NAME,compact:true,color:lightness(theme.styles.textColorPrimary,95),"aria-label":"Row actions",size:"small",primary:true,iconSize:"1.2rem",as:Button// pill: true,
|
|
12230
12230
|
};})(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n &&&& {\n margin-top: 4px;\n padding: 0 4px;\n }\n"],["\n &&&& {\n margin-top: 4px;\n padding: 0 4px;\n }\n"])));var OverflowMenu=function(_a){var actions=_a.actions,appendToNode=_a.appendToNode,placement=_a.placement;return jsxRuntime.jsx(Dropdown,{appendMenuToNode:appendToNode,keyField:"label",labelField:"label",// @ts-ignore
|
|
12231
|
-
onChange:function(_a){var action=_a.action;action();},options:actions,placement:placement,returnItemOnChange:true,trigger:jsxRuntime.jsx(OverflowButton,{})});};var templateObject_1$1;var ChatMessage=styled__default["default"](function(_a){var actions=_a.actions,className=_a.className,dateTime=_a.dateTime,icon=_a.icon,iconBgColorProp=_a.iconBgColor,isUserMessage=_a.isUserMessage,message=_a.message;var theme=useTheme();var _b=theme.styles.chat.message,currentUser=_b.currentUser,other=_b.other;var iconBackground=React__default.useMemo(function(){if(iconBgColorProp)return iconBgColorProp;return isUserMessage?currentUser.icon.background:other.icon.background;},[currentUser.icon.background,iconBgColorProp,isUserMessage,other.icon.background]);var textBackground=React__default.useMemo(function(){return isUserMessage?currentUser.text.background:other.text.background;},[currentUser.text.background,isUserMessage,other.text.background]);return jsxRuntime.jsxs(Container,__assign({className:className},{children:[jsxRuntime.jsxs(MessageContainer,__assign({isUserMessage:!!isUserMessage},{children:[jsxRuntime.jsxs(TextAndOptionsWrapper,__assign({reversed:!!isUserMessage},{children:[jsxRuntime.jsx(MessageText,__assign({background:textBackground,color:theme.styles.getTextColorForBackground({theme:theme,color:textBackground})},{children:message})),!!actions?jsxRuntime.jsx(
|
|
12231
|
+
onChange:function(_a){var action=_a.action;action();},options:actions,placement:placement,returnItemOnChange:true,trigger:jsxRuntime.jsx(OverflowButton,{})});};var templateObject_1$1;var ChatMessage=styled__default["default"](function(_a){var actions=_a.actions,className=_a.className,dateTime=_a.dateTime,icon=_a.icon,iconBgColorProp=_a.iconBgColor,isUserMessage=_a.isUserMessage,message=_a.message;var theme=useTheme();var _b=theme.styles.chat.message,currentUser=_b.currentUser,other=_b.other;var iconBackground=React__default.useMemo(function(){if(iconBgColorProp)return iconBgColorProp;return isUserMessage?currentUser.icon.background:other.icon.background;},[currentUser.icon.background,iconBgColorProp,isUserMessage,other.icon.background]);var textBackground=React__default.useMemo(function(){return isUserMessage?currentUser.text.background:other.text.background;},[currentUser.text.background,isUserMessage,other.text.background]);return jsxRuntime.jsxs(Container,__assign({className:className},{children:[jsxRuntime.jsxs(MessageContainer,__assign({isUserMessage:!!isUserMessage},{children:[jsxRuntime.jsxs(TextAndOptionsWrapper,__assign({reversed:!!isUserMessage},{children:[jsxRuntime.jsx(MessageText,__assign({background:textBackground,color:theme.styles.getTextColorForBackground({theme:theme,color:textBackground})},{children:message})),!!actions?jsxRuntime.jsx(Div,__assign({_css:"\n margin-top: -4px;\n "},{children:jsxRuntime.jsx(OverflowMenu,{actions:actions})})):null]})),jsxRuntime.jsx(FlexBox,__assign({withRows:true},{children:jsxRuntime.jsx(IconContainer,__assign({color:iconBackground,textColor:theme.styles.getTextColorForBackground({theme:theme,color:iconBackground})},{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}))]}));})(templateObject_2||(templateObject_2=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var Container=styled__default["default"].div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"])));var Div=styled__default["default"].div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var _css=_a._css;return _css;});var MessageContainer=styled__default["default"](FlexBox)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n width: 100%;\n align-items: flex-start;\n gap: ",";\n flex-direction: ",";\n"],["\n width: 100%;\n align-items: flex-start;\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_6||(templateObject_6=__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"])),function(_a){var background=_a.background;return background;});var IconContainer=styled__default["default"].div(templateObject_7||(templateObject_7=__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 TextAndOptionsWrapper=styled__default["default"](FlexBox)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n flex: 1;\n flex-direction: ",";\n"],["\n flex: 1;\n flex-direction: ",";\n"])),function(_a){var reversed=_a.reversed;return reversed?"row-reverse":"row";});var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8;exports.Chat=Chat;exports.ChatMessage=ChatMessage;
|
|
12232
12232
|
//# sourceMappingURL=chats.js.map
|