@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.
Files changed (13) hide show
  1. package/dist/chats.js +8 -8
  2. package/dist/chats.js.map +1 -1
  3. package/dist/forms.js +6 -6
  4. package/dist/forms.js.map +1 -1
  5. package/dist/media.js +2 -2
  6. package/dist/media.js.map +1 -1
  7. package/dist/modals.js +2 -2
  8. package/dist/modals.js.map +1 -1
  9. package/dist/tables.js +17 -17
  10. package/dist/tables.js.map +1 -1
  11. package/dist/types/modals.d.ts +1 -1
  12. package/dist/types/tables.d.ts +0 -1
  13. package/package.json +2 -3
package/dist/media.js CHANGED
@@ -11170,7 +11170,7 @@ timerId=setTimeout(timerExpired,wait);return invokeFunc(lastCallTime);}}if(timer
11170
11170
  border: ${props.theme.borders.md};
11171
11171
  border-radius: 100%;
11172
11172
  box-sizing: border-box;
11173
- `),props=>colorStyles$3(props),props=>retrieveComponentStyles(COMPONENT_ID$8,props));StyledRangeInput.defaultProps={backgroundSize:'0%',hasLowerTrack:true,theme:DEFAULT_THEME};const COMPONENT_ID$7='forms.slider';const StyledSlider=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$7,'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,props));StyledSlider.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6='forms.slider_thumb';const colorStyles$2=props=>{const SHADE=600;const backgroundColor=getColor('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('neutralHue',SHADE+200,props.theme,0.24));const activeBackgroundColor=getColor('primaryHue',SHADE+100,props.theme);const activeBorderColor=borderColor;const hoverBackgroundColor=activeBackgroundColor;const hoverBorderColor=hoverBackgroundColor;const disabledBackgroundColor=getColor('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,'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(props),props=>retrieveComponentStyles(COMPONENT_ID$6,props));StyledSliderThumb.defaultProps={position:0,theme:DEFAULT_THEME};const COMPONENT_ID$5='forms.slider_track';const colorStyles$1=props=>{const SHADE=600;const backgroundColor=getColor('neutralHue',SHADE-400,props.theme);const backgroundImageColor=getColor('primaryHue',SHADE,props.theme);const disabledBackgroundColor=getColor('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,'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(props),props=>retrieveComponentStyles(COMPONENT_ID$5,props));StyledSliderTrack.defaultProps={backgroundSize:0,backgroundPosition:0,theme:DEFAULT_THEME};const COMPONENT_ID$4='forms.slider_track_rail';const sizeStyles$3=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,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSliderTrackRail",componentId:"sc-1o5owbd-0"})(["position:relative;",";",";"],props=>sizeStyles$3(props),props=>retrieveComponentStyles(COMPONENT_ID$4,props));StyledSliderTrackRail.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3='forms.tile_icon';const sizeStyles$2=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,'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(props),props=>retrieveComponentStyles(COMPONENT_ID$3,props));StyledTileIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='forms.tile';const colorStyles=props=>{const SHADE=600;const iconColor=getColor('neutralHue',SHADE,props.theme);const color=getColor('neutralHue',SHADE+200,props.theme);const borderColor=getColor('neutralHue',SHADE-300,props.theme);const hoverBackgroundColor=getColor('primaryHue',SHADE,props.theme,0.08);const hoverBorderColor=getColor('primaryHue',SHADE,props.theme);const focusBorderColor=hoverBorderColor;const activeBackgroundColor=getColor('primaryHue',SHADE,props.theme,0.2);const activeBorderColor=focusBorderColor;const disabledBackgroundColor=getColor('neutralHue',SHADE-500,props.theme);const disabledBorderColor=getColor('neutralHue',SHADE-400,props.theme);const disabledColor=getColor('neutralHue',SHADE-200,props.theme);const selectedBorderColor=focusBorderColor;const selectedBackgroundColor=selectedBorderColor;const selectedHoverBorderColor=getColor('primaryHue',SHADE+100,props.theme);const selectedHoverBackgroundColor=selectedHoverBorderColor;const selectedActiveBorderColor=getColor('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('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,'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(props),props=>retrieveComponentStyles(COMPONENT_ID$2,props));StyledTile.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1='forms.tile_description';const sizeStyles$1=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,'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(props.theme.space.base*4,props.theme.fontSizes.sm),props=>props.theme.fontSizes.sm,props=>sizeStyles$1(props),props=>retrieveComponentStyles(COMPONENT_ID$1,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='forms.tile_label';const sizeStyles=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,'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(props.theme.space.base*5,props.theme.fontSizes.md),props=>props.theme.fontSizes.md,props=>props.theme.fontWeights.semibold,props=>sizeStyles(props),props=>retrieveComponentStyles(COMPONENT_ID,props));StyledTileLabel.defaultProps={theme:DEFAULT_THEME};const Field=React__default["default"].forwardRef((props,ref)=>{const[hasHint,setHasHint]=React.useState(false);const[hasMessage,setHasMessage]=React.useState(false);const[isLabelActive,setIsLabelActive]=React.useState(false);const[isLabelHovered,setIsLabelHovered]=React.useState(false);const multiThumbRangeRef=React.useRef(null);const{getInputProps,getMessageProps,...propGetters}=useField(props.id);const fieldProps=React.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"].createElement(FieldContext.Provider,{value:fieldProps},React__default["default"].createElement(StyledField,_extends$t({},props,{ref:ref})));});Field.displayName='Field';const FieldsetContext=React.createContext(undefined);const useFieldsetContext=()=>{const fieldsetContext=React.useContext(FieldsetContext);return fieldsetContext;};const LegendComponent=React.forwardRef((props,ref)=>{const fieldsetContext=useFieldsetContext();return React__default["default"].createElement(StyledLegend,_extends$t({},props,fieldsetContext,{ref:ref}));});LegendComponent.displayName='Fieldset.Legend';const Legend=LegendComponent;const FieldsetComponent=React.forwardRef((props,ref)=>{const fieldsetContext=React.useMemo(()=>({isCompact:props.isCompact}),[props.isCompact]);return React__default["default"].createElement(FieldsetContext.Provider,{value:fieldsetContext},React__default["default"].createElement(StyledFieldset,_extends$t({},props,{ref:ref})));});FieldsetComponent.displayName='Fieldset';FieldsetComponent.propTypes={isCompact:propTypes$1.exports.bool};const Fieldset=FieldsetComponent;Fieldset.Legend=Legend;const InputContext=React.createContext(undefined);const useInputContext=()=>{return React.useContext(InputContext);};const Hint$1=React__default["default"].forwardRef((props,ref)=>{const{hasHint,setHasHint,getHintProps}=useFieldContext()||{};const type=useInputContext();React.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"].createElement(HintComponent,_extends$t({ref:ref},combinedProps));});Hint$1.displayName='Hint';const Label$1=React__default["default"].forwardRef((props,ref)=>{const fieldContext=useFieldContext();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"].createElement(StyledRadioLabel,_extends$t({ref:ref},combinedProps),React__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"].createElement(StyledCheckLabel,_extends$t({ref:ref},combinedProps),React__default["default"].createElement(StyledCheckSvg,null),React__default["default"].createElement(StyledDashSvg,null),props.children);}else if(type==='toggle'){return React__default["default"].createElement(StyledToggleLabel,_extends$t({ref:ref},combinedProps),React__default["default"].createElement(StyledToggleSvg,null),props.children);}return React__default["default"].createElement(StyledLabel,_extends$t({ref:ref},combinedProps));});Label$1.displayName='Label';Label$1.propTypes={isRegular:propTypes$1.exports.bool};const VALIDATION=['success','warning','error'];const FILE_VALIDATION=['success','error'];const FILE_TYPE=['pdf','zip','image','document','spreadsheet','presentation','generic'];const Message$1=React__default["default"].forwardRef((_ref,ref)=>{let{validation,validationLabel,children,...props}=_ref;const{hasMessage,setHasMessage,getMessageProps}=useFieldContext()||{};const type=useInputContext();React.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$1,combinedProps,'validationLabel',validation,validation!==undefined);return React__default["default"].createElement(MessageComponent,_extends$t({ref:ref},combinedProps),validation&&React__default["default"].createElement(StyledMessageIcon,{validation:validation,"aria-label":ariaLabel}),children);});Message$1.displayName='Message';Message$1.propTypes={validation:propTypes$1.exports.oneOf(VALIDATION),validationLabel:propTypes$1.exports.string};const Checkbox=React__default["default"].forwardRef((_ref,ref)=>{let{indeterminate,children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext();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"].createElement(InputContext.Provider,{value:"checkbox"},React__default["default"].createElement(StyledCheckInput,combinedProps),children);});Checkbox.displayName='Checkbox';Checkbox.propTypes={isCompact:propTypes$1.exports.bool,indeterminate:propTypes$1.exports.bool};const InputGroupContext=React.createContext(undefined);const useInputGroupContext=()=>{return React.useContext(InputGroupContext);};const Input=React__default["default"].forwardRef((_ref,ref)=>{let{onSelect,...props}=_ref;const fieldContext=useFieldContext();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"].createElement(StyledTextInput,combinedProps);});Input.propTypes={isCompact:propTypes$1.exports.bool,isBare:propTypes$1.exports.bool,focusInset:propTypes$1.exports.bool,validation:propTypes$1.exports.oneOf(VALIDATION)};Input.displayName='Input';const Radio=React__default["default"].forwardRef((_ref,ref)=>{let{children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext();let combinedProps={ref,...props,...fieldsetContext};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default["default"].createElement(InputContext.Provider,{value:"radio"},React__default["default"].createElement(StyledRadioInput,combinedProps),children);});Radio.displayName='Radio';Radio.propTypes={isCompact:propTypes$1.exports.bool};const Range$1=React__default["default"].forwardRef((_ref,ref)=>{let{hasLowerTrack,min,max,step,...props}=_ref;const[backgroundSize,setBackgroundSize]=React.useState('0');const rangeRef=React.useRef();const fieldContext=useFieldContext();const updateBackgroundWidthFromInput=React.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.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"].createElement(StyledRangeInput,combinedProps);});Range$1.defaultProps={hasLowerTrack:true,min:0,max:100,step:1};Range$1.displayName='Range';const parseStyleValue=value=>{return parseInt(value,10)||0;};const Textarea=React__default["default"].forwardRef((_ref,ref)=>{let{minRows,maxRows,style,onChange,onSelect,...props}=_ref;const fieldContext=useFieldContext();const textAreaRef=React.useRef();const shadowTextAreaRef=React.useRef(null);const[state,setState]=React.useState({overflow:false,height:0});const isControlled=props.value!==null&&props.value!==undefined;const isAutoResizable=(minRows!==undefined||maxRows!==undefined)&&!props.isResizable;const calculateHeight=React.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.useCallback(e=>{if(!isControlled){calculateHeight();}if(onChange){onChange(e);}},[calculateHeight,isControlled,onChange]);const theme=React.useContext(styled.ThemeContext);const environment=useDocument(theme);React.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.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"].createElement(React__default["default"].Fragment,null,React__default["default"].createElement(StyledTextarea,combinedProps),isAutoResizable&&React__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$1.exports.bool,isBare:propTypes$1.exports.bool,focusInset:propTypes$1.exports.bool,isResizable:propTypes$1.exports.bool,minRows:propTypes$1.exports.number,maxRows:propTypes$1.exports.number,validation:propTypes$1.exports.oneOf(VALIDATION)};Textarea.displayName='Textarea';const Toggle=React__default["default"].forwardRef((_ref,ref)=>{let{children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext();let combinedProps={ref,...props,...fieldsetContext};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default["default"].createElement(InputContext.Provider,{value:"toggle"},React__default["default"].createElement(StyledToggleInput,combinedProps),children);});Toggle.displayName='Toggle';Toggle.propTypes={isCompact:propTypes$1.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=function SvgChevronDownStroke(props){return/*#__PURE__*/React__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__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=props=>React__default["default"].createElement(StyledTextMediaFigure,_extends$t({position:"start"},props));StartIconComponent.displayName='FauxInput.StartIcon';const StartIcon=StartIconComponent;const EndIconComponent=props=>React__default["default"].createElement(StyledTextMediaFigure,_extends$t({position:"end"},props));EndIconComponent.displayName='FauxInput.EndIcon';const EndIcon=EndIconComponent;const FauxInputComponent=React.forwardRef((_ref,ref)=>{let{onFocus,onBlur,disabled,readOnly,isFocused:controlledIsFocused,...props}=_ref;const[isFocused,setIsFocused]=React.useState(false);const onFocusHandler=composeEventHandlers$1(onFocus,()=>{setIsFocused(true);});const onBlurHandler=composeEventHandlers$1(onBlur,()=>{setIsFocused(false);});return React__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$1.exports.bool,isBare:propTypes$1.exports.bool,focusInset:propTypes$1.exports.bool,disabled:propTypes$1.exports.bool,readOnly:propTypes$1.exports.bool,validation:propTypes$1.exports.oneOf(VALIDATION),isFocused:propTypes$1.exports.bool,isHovered:propTypes$1.exports.bool};const FauxInput=FauxInputComponent;FauxInput.EndIcon=EndIcon;FauxInput.StartIcon=StartIcon;const Select=React__default["default"].forwardRef((_ref,ref)=>{let{disabled,isCompact,validation,focusInset,isBare,...props}=_ref;const fieldContext=useFieldContext();let combinedProps={disabled,isBare,isCompact,validation,focusInset,ref,...props};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps,{isDescribed:true});}return React__default["default"].createElement(StyledSelectWrapper,{isCompact:isCompact,isBare:isBare,validation:validation,focusInset:focusInset},React__default["default"].createElement(StyledSelect,combinedProps),!isBare&&React__default["default"].createElement(FauxInput.EndIcon,{isDisabled:disabled},React__default["default"].createElement(SvgChevronDownStroke,null)));});Select.propTypes={isCompact:propTypes$1.exports.bool,isBare:propTypes$1.exports.bool,focusInset:propTypes$1.exports.bool,validation:propTypes$1.exports.oneOf(VALIDATION)};Select.displayName='Select';const MIN=0;const MAX=100;const MultiThumbRange=React.forwardRef((_ref,ref)=>{let{min=MIN,max=MAX,minValue,maxValue,disabled,step,jump,onChange,onMouseDown,...props}=_ref;const theme=React.useContext(styled.ThemeContext);const environment=useDocument(theme);const trackRailRef=React.useRef(null);const minThumbRef=React.useRef(null);const maxThumbRef=React.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();const{isLabelHovered,isLabelActive,multiThumbRangeRef}=fieldContext||{};React.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"].createElement(StyledSlider,_extends$t({ref:ref,onMouseDown:onSliderMouseDown},props),React__default["default"].createElement(StyledSliderTrack,{backgroundSize:sliderBackgroundSize,backgroundPosition:theme.rtl?trackRect.width-maxPosition:minPosition,isDisabled:disabled},React__default["default"].createElement(StyledSliderTrackRail,_extends$t({},trackProps,{ref:trackRailRef}),React__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"].createElement(StyledSliderThumb,_extends$t({},getMaxThumbProps({'aria-label':updatedMaxValue}),{isDisabled:disabled,position:maxPosition,ref:maxThumbRef})))));});MultiThumbRange.displayName='MultiThumbRange';MultiThumbRange.propTypes={min:propTypes$1.exports.number,max:propTypes$1.exports.number,minValue:propTypes$1.exports.number,maxValue:propTypes$1.exports.number,step:propTypes$1.exports.number,jump:propTypes$1.exports.number,disabled:propTypes$1.exports.bool,onChange:propTypes$1.exports.func};MultiThumbRange.defaultProps={min:MIN,max:MAX,step:1};const TilesContext=React.createContext(undefined);const useTilesContext=()=>{return React.useContext(TilesContext);};const TileComponent=React__default["default"].forwardRef((_ref,ref)=>{let{children,value,disabled,...props}=_ref;const tilesContext=useTilesContext();const inputRef=React.useRef(null);let inputProps;if(tilesContext){inputProps={name:tilesContext.name,checked:tilesContext.value===value,onChange:tilesContext.onChange};}return React__default["default"].createElement(StyledTile,_extends$t({ref:ref,"aria-disabled":disabled,isDisabled:disabled,isSelected:tilesContext&&tilesContext.value===value},props),children,React__default["default"].createElement(StyledTileInput,_extends$t({},inputProps,{disabled:disabled,value:value,type:"radio",ref:inputRef})));});TileComponent.displayName='Tiles.Tile';TileComponent.propTypes={value:propTypes$1.exports.string,disabled:propTypes$1.exports.bool};const Tile=TileComponent;const DescriptionComponent=React.forwardRef((props,ref)=>{const tilesContext=useTilesContext();return React__default["default"].createElement(StyledTileDescription,_extends$t({ref:ref,isCentered:tilesContext&&tilesContext.isCentered},props));});DescriptionComponent.displayName='Tiles.Description';const Description=DescriptionComponent;const IconComponent=React.forwardRef((props,ref)=>{const tileContext=useTilesContext();return React__default["default"].createElement(StyledTileIcon,_extends$t({ref:ref,isCentered:tileContext&&tileContext.isCentered},props));});IconComponent.displayName='Tiles.Icon';const Icon=IconComponent;const LabelComponent=React.forwardRef((props,forwardedRef)=>{const[title,setTitle]=React.useState('');const ref=React.useRef();const tilesContext=useTilesContext();React.useEffect(()=>{if(ref.current){setTitle(ref.current.textContent||undefined);}},[ref]);return React__default["default"].createElement(StyledTileLabel,_extends$t({ref:mergeRefs([ref,forwardedRef]),title:title,isCentered:tilesContext&&tilesContext.isCentered},props));});LabelComponent.displayName='Tiles.Label';const Label=LabelComponent;const TilesComponent=React.forwardRef((_ref,ref)=>{let{onChange,value:controlledValue,name,isCentered,...props}=_ref;const[value,setValue]=React.useState(controlledValue);const handleOnChange=React.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.useMemo(()=>({onChange:handleOnChange,value:selectedValue,name,isCentered}),[handleOnChange,selectedValue,name,isCentered]);return React__default["default"].createElement(TilesContext.Provider,{value:tileContext},React__default["default"].createElement("div",_extends$t({ref:ref,role:"radiogroup"},props)));});TilesComponent.displayName='Tiles';TilesComponent.propTypes={value:propTypes$1.exports.string,onChange:propTypes$1.exports.func,name:propTypes$1.exports.string.isRequired,isCentered:propTypes$1.exports.bool};TilesComponent.defaultProps={isCentered:true};const Tiles=TilesComponent;Tiles.Description=Description;Tiles.Icon=Icon;Tiles.Label=Label;Tiles.Tile=Tile;const InputGroup=React__default["default"].forwardRef((_ref,ref)=>{let{isCompact,...props}=_ref;const contextValue=React.useMemo(()=>({isCompact}),[isCompact]);return React__default["default"].createElement(InputGroupContext.Provider,{value:contextValue},React__default["default"].createElement(StyledInputGroup,_extends$t({ref:ref,isCompact:isCompact},props)));});InputGroup.displayName='InputGroup';InputGroup.propTypes={isCompact:propTypes$1.exports.bool};const FileUpload=React__default["default"].forwardRef((_ref,ref)=>{let{disabled,...props}=_ref;return React__default["default"].createElement(StyledFileUpload,_extends$t({ref:ref,"aria-disabled":disabled},props,{role:"button"}));});FileUpload.propTypes={isDragging:propTypes$1.exports.bool,isCompact:propTypes$1.exports.bool,disabled:propTypes$1.exports.bool};FileUpload.displayName='FileUpload';const ItemComponent=React.forwardRef((_ref,ref)=>{let{...props}=_ref;return React__default["default"].createElement(StyledFileListItem,_extends$t({},props,{ref:ref}));});ItemComponent.displayName='FileList.Item';const Item=ItemComponent;const FileListComponent=React.forwardRef((_ref,ref)=>{let{...props}=_ref;return React__default["default"].createElement(StyledFileList,_extends$t({},props,{ref:ref}));});FileListComponent.displayName='FileList';const FileList=FileListComponent;FileList.Item=Item;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__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__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__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__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 13L13 3m0 10L3 3"})));};const FileContext=React.createContext(undefined);const useFileContext=()=>{return React.useContext(FileContext);};const CloseComponent=React__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"].createElement(StyledFileClose,_extends$t({ref:ref,"aria-label":ariaLabel},props,{type:"button",tabIndex:-1,onMouseDown:onMouseDown}),fileContext&&fileContext.isCompact?React__default["default"].createElement(SvgXStroke$1,null):React__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__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__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__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__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"].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"].createElement(StyledFileDelete,_extends$t({ref:ref,"aria-label":ariaLabel},props,{type:"button",tabIndex:-1,onMouseDown:onMouseDown}),fileContext&&fileContext.isCompact?React__default["default"].createElement(SvgTrashStroke$1,null):React__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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;function _extends$9(){_extends$9=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.apply(this,arguments);}var SvgCheckCircleStroke=function SvgCheckCircleStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$9({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_g||(_g=/*#__PURE__*/React__namespace.createElement("g",{fill:"none",stroke:"currentColor"},/*#__PURE__*/React__namespace.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.5 6l2 2L9 4.5"}),/*#__PURE__*/React__namespace.createElement("circle",{cx:6,cy:6,r:5.5}))));};var _path$8;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);}var SvgFileErrorStroke$1=function SvgFileErrorStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$8({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__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(){_extends$7=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.apply(this,arguments);}var SvgFilePdfStroke=function SvgFilePdfStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$7({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__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__namespace.createElement("rect",{width:8,height:2,x:4,y:7,fill:"currentColor",rx:0.5,ry:0.5})));};var _path$6;function _extends$6(){_extends$6=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.apply(this,arguments);}var SvgFileZipStroke=function SvgFileZipStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$6({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$6||(_path$6=/*#__PURE__*/React__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,_circle;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);}var SvgFileImageStroke=function SvgFileImageStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$5({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$5||(_path$5=/*#__PURE__*/React__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__namespace.createElement("circle",{cx:10.5,cy:8.5,r:1.5,fill:"currentColor"})));};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 SvgFileDocumentStroke=function SvgFileDocumentStroke(props){return/*#__PURE__*/React__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__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;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 SvgFileSpreadsheetStroke=function SvgFileSpreadsheetStroke(props){return/*#__PURE__*/React__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__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;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 SvgFilePresentationStroke=function SvgFilePresentationStroke(props){return/*#__PURE__*/React__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__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;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 SvgFileGenericStroke=function SvgFileGenericStroke(props){return/*#__PURE__*/React__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__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;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__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||(_path=/*#__PURE__*/React__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"].createElement(SvgFilePdfStroke,null),zip:React__default["default"].createElement(SvgFileZipStroke,null),image:React__default["default"].createElement(SvgFileImageStroke,null),document:React__default["default"].createElement(SvgFileDocumentStroke,null),spreadsheet:React__default["default"].createElement(SvgFileSpreadsheetStroke,null),presentation:React__default["default"].createElement(SvgFilePresentationStroke,null),generic:React__default["default"].createElement(SvgFileGenericStroke,null),success:React__default["default"].createElement(SvgCheckCircleStroke$1,null),error:React__default["default"].createElement(SvgFileErrorStroke,null)};const fileIconsCompact={pdf:React__default["default"].createElement(SvgFilePdfStroke$1,null),zip:React__default["default"].createElement(SvgFileZipStroke$1,null),image:React__default["default"].createElement(SvgFileImageStroke$1,null),document:React__default["default"].createElement(SvgFileDocumentStroke$1,null),spreadsheet:React__default["default"].createElement(SvgFileSpreadsheetStroke$1,null),presentation:React__default["default"].createElement(SvgFilePresentationStroke$1,null),generic:React__default["default"].createElement(SvgFileGenericStroke$1,null),success:React__default["default"].createElement(SvgCheckCircleStroke,null),error:React__default["default"].createElement(SvgFileErrorStroke$1,null)};const FileComponent=React.forwardRef((_ref,ref)=>{let{children,type,isCompact,focusInset,validation,...props}=_ref;const fileContextValue=React.useMemo(()=>({isCompact}),[isCompact]);const validationType=validation||type;return React__default["default"].createElement(FileContext.Provider,{value:fileContextValue},React__default["default"].createElement(StyledFile,_extends$t({},props,{isCompact:isCompact,focusInset:focusInset,validation:validation,ref:ref}),validationType&&React__default["default"].createElement(StyledFileIcon,{isCompact:isCompact},isCompact?fileIconsCompact[validationType]:fileIconsDefault[validationType]),React.Children.map(children,child=>typeof child==='string'?React__default["default"].createElement("span",null,child):child)));});FileComponent.displayName='File';FileComponent.propTypes={focusInset:propTypes$1.exports.bool,isCompact:propTypes$1.exports.bool,type:propTypes$1.exports.oneOf(FILE_TYPE),validation:propTypes$1.exports.oneOf(FILE_VALIDATION)};const File$1=FileComponent;File$1.Close=Close;File$1.Delete=Delete;const MediaInput=React__default["default"].forwardRef((_ref,ref)=>{let{start,end,disabled,isCompact,isBare,focusInset,readOnly,validation,wrapperProps={},wrapperRef,onSelect,...props}=_ref;const fieldContext=useFieldContext();const inputRef=React.useRef();const[isFocused,setIsFocused]=React.useState(false);const[isHovered,setIsHovered]=React.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"].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"].createElement(FauxInput.StartIcon,{isDisabled:disabled,isFocused:isFocused,isHovered:isHovered||isLabelHovered},start),React__default["default"].createElement(StyledTextMediaInput,combinedProps),end&&React__default["default"].createElement(FauxInput.EndIcon,{isDisabled:disabled,isFocused:isFocused,isHovered:isHovered||isLabelHovered},end));});MediaInput.propTypes={isCompact:propTypes$1.exports.bool,isBare:propTypes$1.exports.bool,focusInset:propTypes$1.exports.bool,validation:propTypes$1.exports.oneOf(VALIDATION),start:propTypes$1.exports.node,end:propTypes$1.exports.node,wrapperProps:propTypes$1.exports.object,wrapperRef:propTypes$1.exports.any};MediaInput.displayName='MediaInput';var Hint=styled__default["default"](Hint$1)(templateObject_1$7||(templateObject_1$7=__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$7;var Message=styled__default["default"](Message$1)(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n"],["\n &&& {\n font-size: ",";\n }\n"])),FONT_SIZES.XS);var templateObject_1$6;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};/**
11173
+ `),props=>colorStyles$3(props),props=>retrieveComponentStyles(COMPONENT_ID$8,props));StyledRangeInput.defaultProps={backgroundSize:'0%',hasLowerTrack:true,theme:DEFAULT_THEME};const COMPONENT_ID$7='forms.slider';const StyledSlider=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$7,'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,props));StyledSlider.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$6='forms.slider_thumb';const colorStyles$2=props=>{const SHADE=600;const backgroundColor=getColor('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('neutralHue',SHADE+200,props.theme,0.24));const activeBackgroundColor=getColor('primaryHue',SHADE+100,props.theme);const activeBorderColor=borderColor;const hoverBackgroundColor=activeBackgroundColor;const hoverBorderColor=hoverBackgroundColor;const disabledBackgroundColor=getColor('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,'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(props),props=>retrieveComponentStyles(COMPONENT_ID$6,props));StyledSliderThumb.defaultProps={position:0,theme:DEFAULT_THEME};const COMPONENT_ID$5='forms.slider_track';const colorStyles$1=props=>{const SHADE=600;const backgroundColor=getColor('neutralHue',SHADE-400,props.theme);const backgroundImageColor=getColor('primaryHue',SHADE,props.theme);const disabledBackgroundColor=getColor('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,'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(props),props=>retrieveComponentStyles(COMPONENT_ID$5,props));StyledSliderTrack.defaultProps={backgroundSize:0,backgroundPosition:0,theme:DEFAULT_THEME};const COMPONENT_ID$4='forms.slider_track_rail';const sizeStyles$3=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,'data-garden-version':'8.70.0'}).withConfig({displayName:"StyledSliderTrackRail",componentId:"sc-1o5owbd-0"})(["position:relative;",";",";"],props=>sizeStyles$3(props),props=>retrieveComponentStyles(COMPONENT_ID$4,props));StyledSliderTrackRail.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$3='forms.tile_icon';const sizeStyles$2=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,'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(props),props=>retrieveComponentStyles(COMPONENT_ID$3,props));StyledTileIcon.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$2='forms.tile';const colorStyles=props=>{const SHADE=600;const iconColor=getColor('neutralHue',SHADE,props.theme);const color=getColor('neutralHue',SHADE+200,props.theme);const borderColor=getColor('neutralHue',SHADE-300,props.theme);const hoverBackgroundColor=getColor('primaryHue',SHADE,props.theme,0.08);const hoverBorderColor=getColor('primaryHue',SHADE,props.theme);const focusBorderColor=hoverBorderColor;const activeBackgroundColor=getColor('primaryHue',SHADE,props.theme,0.2);const activeBorderColor=focusBorderColor;const disabledBackgroundColor=getColor('neutralHue',SHADE-500,props.theme);const disabledBorderColor=getColor('neutralHue',SHADE-400,props.theme);const disabledColor=getColor('neutralHue',SHADE-200,props.theme);const selectedBorderColor=focusBorderColor;const selectedBackgroundColor=selectedBorderColor;const selectedHoverBorderColor=getColor('primaryHue',SHADE+100,props.theme);const selectedHoverBackgroundColor=selectedHoverBorderColor;const selectedActiveBorderColor=getColor('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('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,'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(props),props=>retrieveComponentStyles(COMPONENT_ID$2,props));StyledTile.defaultProps={theme:DEFAULT_THEME};const COMPONENT_ID$1='forms.tile_description';const sizeStyles$1=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,'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(props.theme.space.base*4,props.theme.fontSizes.sm),props=>props.theme.fontSizes.sm,props=>sizeStyles$1(props),props=>retrieveComponentStyles(COMPONENT_ID$1,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='forms.tile_label';const sizeStyles=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,'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(props.theme.space.base*5,props.theme.fontSizes.md),props=>props.theme.fontSizes.md,props=>props.theme.fontWeights.semibold,props=>sizeStyles(props),props=>retrieveComponentStyles(COMPONENT_ID,props));StyledTileLabel.defaultProps={theme:DEFAULT_THEME};const Field=React__default["default"].forwardRef((props,ref)=>{const[hasHint,setHasHint]=React.useState(false);const[hasMessage,setHasMessage]=React.useState(false);const[isLabelActive,setIsLabelActive]=React.useState(false);const[isLabelHovered,setIsLabelHovered]=React.useState(false);const multiThumbRangeRef=React.useRef(null);const{getInputProps,getMessageProps,...propGetters}=useField(props.id);const fieldProps=React.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"].createElement(FieldContext.Provider,{value:fieldProps},React__default["default"].createElement(StyledField,_extends$t({},props,{ref:ref})));});Field.displayName='Field';const FieldsetContext=React.createContext(undefined);const useFieldsetContext=()=>{const fieldsetContext=React.useContext(FieldsetContext);return fieldsetContext;};const LegendComponent=React.forwardRef((props,ref)=>{const fieldsetContext=useFieldsetContext();return React__default["default"].createElement(StyledLegend,_extends$t({},props,fieldsetContext,{ref:ref}));});LegendComponent.displayName='Fieldset.Legend';const Legend=LegendComponent;const FieldsetComponent=React.forwardRef((props,ref)=>{const fieldsetContext=React.useMemo(()=>({isCompact:props.isCompact}),[props.isCompact]);return React__default["default"].createElement(FieldsetContext.Provider,{value:fieldsetContext},React__default["default"].createElement(StyledFieldset,_extends$t({},props,{ref:ref})));});FieldsetComponent.displayName='Fieldset';FieldsetComponent.propTypes={isCompact:propTypes$1.exports.bool};const Fieldset=FieldsetComponent;Fieldset.Legend=Legend;const InputContext=React.createContext(undefined);const useInputContext=()=>{return React.useContext(InputContext);};const Hint$1=React__default["default"].forwardRef((props,ref)=>{const{hasHint,setHasHint,getHintProps}=useFieldContext()||{};const type=useInputContext();React.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"].createElement(HintComponent,_extends$t({ref:ref},combinedProps));});Hint$1.displayName='Hint';const Label$1=React__default["default"].forwardRef((props,ref)=>{const fieldContext=useFieldContext();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"].createElement(StyledRadioLabel,_extends$t({ref:ref},combinedProps),React__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"].createElement(StyledCheckLabel,_extends$t({ref:ref},combinedProps),React__default["default"].createElement(StyledCheckSvg,null),React__default["default"].createElement(StyledDashSvg,null),props.children);}else if(type==='toggle'){return React__default["default"].createElement(StyledToggleLabel,_extends$t({ref:ref},combinedProps),React__default["default"].createElement(StyledToggleSvg,null),props.children);}return React__default["default"].createElement(StyledLabel,_extends$t({ref:ref},combinedProps));});Label$1.displayName='Label';Label$1.propTypes={isRegular:propTypes$1.exports.bool};const VALIDATION=['success','warning','error'];const FILE_VALIDATION=['success','error'];const FILE_TYPE=['pdf','zip','image','document','spreadsheet','presentation','generic'];const Message$1=React__default["default"].forwardRef((_ref,ref)=>{let{validation,validationLabel,children,...props}=_ref;const{hasMessage,setHasMessage,getMessageProps}=useFieldContext()||{};const type=useInputContext();React.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$1,combinedProps,'validationLabel',validation,validation!==undefined);return React__default["default"].createElement(MessageComponent,_extends$t({ref:ref},combinedProps),validation&&React__default["default"].createElement(StyledMessageIcon,{validation:validation,"aria-label":ariaLabel}),children);});Message$1.displayName='Message';Message$1.propTypes={validation:propTypes$1.exports.oneOf(VALIDATION),validationLabel:propTypes$1.exports.string};const Checkbox=React__default["default"].forwardRef((_ref,ref)=>{let{indeterminate,children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext();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"].createElement(InputContext.Provider,{value:"checkbox"},React__default["default"].createElement(StyledCheckInput,combinedProps),children);});Checkbox.displayName='Checkbox';Checkbox.propTypes={isCompact:propTypes$1.exports.bool,indeterminate:propTypes$1.exports.bool};const InputGroupContext=React.createContext(undefined);const useInputGroupContext=()=>{return React.useContext(InputGroupContext);};const Input=React__default["default"].forwardRef((_ref,ref)=>{let{onSelect,...props}=_ref;const fieldContext=useFieldContext();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"].createElement(StyledTextInput,combinedProps);});Input.propTypes={isCompact:propTypes$1.exports.bool,isBare:propTypes$1.exports.bool,focusInset:propTypes$1.exports.bool,validation:propTypes$1.exports.oneOf(VALIDATION)};Input.displayName='Input';const Radio=React__default["default"].forwardRef((_ref,ref)=>{let{children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext();let combinedProps={ref,...props,...fieldsetContext};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default["default"].createElement(InputContext.Provider,{value:"radio"},React__default["default"].createElement(StyledRadioInput,combinedProps),children);});Radio.displayName='Radio';Radio.propTypes={isCompact:propTypes$1.exports.bool};const Range$1=React__default["default"].forwardRef((_ref,ref)=>{let{hasLowerTrack,min,max,step,...props}=_ref;const[backgroundSize,setBackgroundSize]=React.useState('0');const rangeRef=React.useRef();const fieldContext=useFieldContext();const updateBackgroundWidthFromInput=React.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.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"].createElement(StyledRangeInput,combinedProps);});Range$1.defaultProps={hasLowerTrack:true,min:0,max:100,step:1};Range$1.displayName='Range';const parseStyleValue=value=>{return parseInt(value,10)||0;};const Textarea=React__default["default"].forwardRef((_ref,ref)=>{let{minRows,maxRows,style,onChange,onSelect,...props}=_ref;const fieldContext=useFieldContext();const textAreaRef=React.useRef();const shadowTextAreaRef=React.useRef(null);const[state,setState]=React.useState({overflow:false,height:0});const isControlled=props.value!==null&&props.value!==undefined;const isAutoResizable=(minRows!==undefined||maxRows!==undefined)&&!props.isResizable;const calculateHeight=React.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.useCallback(e=>{if(!isControlled){calculateHeight();}if(onChange){onChange(e);}},[calculateHeight,isControlled,onChange]);const theme=React.useContext(styled.ThemeContext);const environment=useDocument(theme);React.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.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"].createElement(React__default["default"].Fragment,null,React__default["default"].createElement(StyledTextarea,combinedProps),isAutoResizable&&React__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$1.exports.bool,isBare:propTypes$1.exports.bool,focusInset:propTypes$1.exports.bool,isResizable:propTypes$1.exports.bool,minRows:propTypes$1.exports.number,maxRows:propTypes$1.exports.number,validation:propTypes$1.exports.oneOf(VALIDATION)};Textarea.displayName='Textarea';const Toggle=React__default["default"].forwardRef((_ref,ref)=>{let{children,...props}=_ref;const fieldsetContext=useFieldsetContext();const fieldContext=useFieldContext();let combinedProps={ref,...props,...fieldsetContext};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps);}return React__default["default"].createElement(InputContext.Provider,{value:"toggle"},React__default["default"].createElement(StyledToggleInput,combinedProps),children);});Toggle.displayName='Toggle';Toggle.propTypes={isCompact:propTypes$1.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=function SvgChevronDownStroke(props){return/*#__PURE__*/React__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__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=props=>React__default["default"].createElement(StyledTextMediaFigure,_extends$t({position:"start"},props));StartIconComponent.displayName='FauxInput.StartIcon';const StartIcon=StartIconComponent;const EndIconComponent=props=>React__default["default"].createElement(StyledTextMediaFigure,_extends$t({position:"end"},props));EndIconComponent.displayName='FauxInput.EndIcon';const EndIcon=EndIconComponent;const FauxInputComponent=React.forwardRef((_ref,ref)=>{let{onFocus,onBlur,disabled,readOnly,isFocused:controlledIsFocused,...props}=_ref;const[isFocused,setIsFocused]=React.useState(false);const onFocusHandler=composeEventHandlers$1(onFocus,()=>{setIsFocused(true);});const onBlurHandler=composeEventHandlers$1(onBlur,()=>{setIsFocused(false);});return React__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$1.exports.bool,isBare:propTypes$1.exports.bool,focusInset:propTypes$1.exports.bool,disabled:propTypes$1.exports.bool,readOnly:propTypes$1.exports.bool,validation:propTypes$1.exports.oneOf(VALIDATION),isFocused:propTypes$1.exports.bool,isHovered:propTypes$1.exports.bool};const FauxInput=FauxInputComponent;FauxInput.EndIcon=EndIcon;FauxInput.StartIcon=StartIcon;const Select=React__default["default"].forwardRef((_ref,ref)=>{let{disabled,isCompact,validation,focusInset,isBare,...props}=_ref;const fieldContext=useFieldContext();let combinedProps={disabled,isBare,isCompact,validation,focusInset,ref,...props};if(fieldContext){combinedProps=fieldContext.getInputProps(combinedProps,{isDescribed:true});}return React__default["default"].createElement(StyledSelectWrapper,{isCompact:isCompact,isBare:isBare,validation:validation,focusInset:focusInset},React__default["default"].createElement(StyledSelect,combinedProps),!isBare&&React__default["default"].createElement(FauxInput.EndIcon,{isDisabled:disabled},React__default["default"].createElement(SvgChevronDownStroke,null)));});Select.propTypes={isCompact:propTypes$1.exports.bool,isBare:propTypes$1.exports.bool,focusInset:propTypes$1.exports.bool,validation:propTypes$1.exports.oneOf(VALIDATION)};Select.displayName='Select';const MIN=0;const MAX=100;const MultiThumbRange=React.forwardRef((_ref,ref)=>{let{min=MIN,max=MAX,minValue,maxValue,disabled,step,jump,onChange,onMouseDown,...props}=_ref;const theme=React.useContext(styled.ThemeContext);const environment=useDocument(theme);const trackRailRef=React.useRef(null);const minThumbRef=React.useRef(null);const maxThumbRef=React.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();const{isLabelHovered,isLabelActive,multiThumbRangeRef}=fieldContext||{};React.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"].createElement(StyledSlider,_extends$t({ref:ref,onMouseDown:onSliderMouseDown},props),React__default["default"].createElement(StyledSliderTrack,{backgroundSize:sliderBackgroundSize,backgroundPosition:theme.rtl?trackRect.width-maxPosition:minPosition,isDisabled:disabled},React__default["default"].createElement(StyledSliderTrackRail,_extends$t({},trackProps,{ref:trackRailRef}),React__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"].createElement(StyledSliderThumb,_extends$t({},getMaxThumbProps({'aria-label':updatedMaxValue}),{isDisabled:disabled,position:maxPosition,ref:maxThumbRef})))));});MultiThumbRange.displayName='MultiThumbRange';MultiThumbRange.propTypes={min:propTypes$1.exports.number,max:propTypes$1.exports.number,minValue:propTypes$1.exports.number,maxValue:propTypes$1.exports.number,step:propTypes$1.exports.number,jump:propTypes$1.exports.number,disabled:propTypes$1.exports.bool,onChange:propTypes$1.exports.func};MultiThumbRange.defaultProps={min:MIN,max:MAX,step:1};const TilesContext=React.createContext(undefined);const useTilesContext=()=>{return React.useContext(TilesContext);};const TileComponent=React__default["default"].forwardRef((_ref,ref)=>{let{children,value,disabled,...props}=_ref;const tilesContext=useTilesContext();const inputRef=React.useRef(null);let inputProps;if(tilesContext){inputProps={name:tilesContext.name,checked:tilesContext.value===value,onChange:tilesContext.onChange};}return React__default["default"].createElement(StyledTile,_extends$t({ref:ref,"aria-disabled":disabled,isDisabled:disabled,isSelected:tilesContext&&tilesContext.value===value},props),children,React__default["default"].createElement(StyledTileInput,_extends$t({},inputProps,{disabled:disabled,value:value,type:"radio",ref:inputRef})));});TileComponent.displayName='Tiles.Tile';TileComponent.propTypes={value:propTypes$1.exports.string,disabled:propTypes$1.exports.bool};const Tile=TileComponent;const DescriptionComponent=React.forwardRef((props,ref)=>{const tilesContext=useTilesContext();return React__default["default"].createElement(StyledTileDescription,_extends$t({ref:ref,isCentered:tilesContext&&tilesContext.isCentered},props));});DescriptionComponent.displayName='Tiles.Description';const Description=DescriptionComponent;const IconComponent=React.forwardRef((props,ref)=>{const tileContext=useTilesContext();return React__default["default"].createElement(StyledTileIcon,_extends$t({ref:ref,isCentered:tileContext&&tileContext.isCentered},props));});IconComponent.displayName='Tiles.Icon';const Icon=IconComponent;const LabelComponent=React.forwardRef((props,forwardedRef)=>{const[title,setTitle]=React.useState('');const ref=React.useRef();const tilesContext=useTilesContext();React.useEffect(()=>{if(ref.current){setTitle(ref.current.textContent||undefined);}},[ref]);return React__default["default"].createElement(StyledTileLabel,_extends$t({ref:mergeRefs([ref,forwardedRef]),title:title,isCentered:tilesContext&&tilesContext.isCentered},props));});LabelComponent.displayName='Tiles.Label';const Label=LabelComponent;const TilesComponent=React.forwardRef((_ref,ref)=>{let{onChange,value:controlledValue,name,isCentered,...props}=_ref;const[value,setValue]=React.useState(controlledValue);const handleOnChange=React.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.useMemo(()=>({onChange:handleOnChange,value:selectedValue,name,isCentered}),[handleOnChange,selectedValue,name,isCentered]);return React__default["default"].createElement(TilesContext.Provider,{value:tileContext},React__default["default"].createElement("div",_extends$t({ref:ref,role:"radiogroup"},props)));});TilesComponent.displayName='Tiles';TilesComponent.propTypes={value:propTypes$1.exports.string,onChange:propTypes$1.exports.func,name:propTypes$1.exports.string.isRequired,isCentered:propTypes$1.exports.bool};TilesComponent.defaultProps={isCentered:true};const Tiles=TilesComponent;Tiles.Description=Description;Tiles.Icon=Icon;Tiles.Label=Label;Tiles.Tile=Tile;const InputGroup=React__default["default"].forwardRef((_ref,ref)=>{let{isCompact,...props}=_ref;const contextValue=React.useMemo(()=>({isCompact}),[isCompact]);return React__default["default"].createElement(InputGroupContext.Provider,{value:contextValue},React__default["default"].createElement(StyledInputGroup,_extends$t({ref:ref,isCompact:isCompact},props)));});InputGroup.displayName='InputGroup';InputGroup.propTypes={isCompact:propTypes$1.exports.bool};const FileUpload=React__default["default"].forwardRef((_ref,ref)=>{let{disabled,...props}=_ref;return React__default["default"].createElement(StyledFileUpload,_extends$t({ref:ref,"aria-disabled":disabled},props,{role:"button"}));});FileUpload.propTypes={isDragging:propTypes$1.exports.bool,isCompact:propTypes$1.exports.bool,disabled:propTypes$1.exports.bool};FileUpload.displayName='FileUpload';const ItemComponent=React.forwardRef((_ref,ref)=>{let{...props}=_ref;return React__default["default"].createElement(StyledFileListItem,_extends$t({},props,{ref:ref}));});ItemComponent.displayName='FileList.Item';const Item=ItemComponent;const FileListComponent=React.forwardRef((_ref,ref)=>{let{...props}=_ref;return React__default["default"].createElement(StyledFileList,_extends$t({},props,{ref:ref}));});FileListComponent.displayName='FileList';const FileList=FileListComponent;FileList.Item=Item;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__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__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__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__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 13L13 3m0 10L3 3"})));};const FileContext=React.createContext(undefined);const useFileContext=()=>{return React.useContext(FileContext);};const CloseComponent=React__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"].createElement(StyledFileClose,_extends$t({ref:ref,"aria-label":ariaLabel},props,{type:"button",tabIndex:-1,onMouseDown:onMouseDown}),fileContext&&fileContext.isCompact?React__default["default"].createElement(SvgXStroke$1,null):React__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__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__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__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__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"].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"].createElement(StyledFileDelete,_extends$t({ref:ref,"aria-label":ariaLabel},props,{type:"button",tabIndex:-1,onMouseDown:onMouseDown}),fileContext&&fileContext.isCompact?React__default["default"].createElement(SvgTrashStroke$1,null):React__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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;function _extends$9(){_extends$9=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.apply(this,arguments);}var SvgCheckCircleStroke=function SvgCheckCircleStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$9({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_g||(_g=/*#__PURE__*/React__namespace.createElement("g",{fill:"none",stroke:"currentColor"},/*#__PURE__*/React__namespace.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.5 6l2 2L9 4.5"}),/*#__PURE__*/React__namespace.createElement("circle",{cx:6,cy:6,r:5.5}))));};var _path$8;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);}var SvgFileErrorStroke$1=function SvgFileErrorStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$8({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__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(){_extends$7=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.apply(this,arguments);}var SvgFilePdfStroke=function SvgFilePdfStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$7({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__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__namespace.createElement("rect",{width:8,height:2,x:4,y:7,fill:"currentColor",rx:0.5,ry:0.5})));};var _path$6;function _extends$6(){_extends$6=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.apply(this,arguments);}var SvgFileZipStroke=function SvgFileZipStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$6({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$6||(_path$6=/*#__PURE__*/React__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,_circle;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);}var SvgFileImageStroke=function SvgFileImageStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$5({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$5||(_path$5=/*#__PURE__*/React__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__namespace.createElement("circle",{cx:10.5,cy:8.5,r:1.5,fill:"currentColor"})));};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 SvgFileDocumentStroke=function SvgFileDocumentStroke(props){return/*#__PURE__*/React__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__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;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 SvgFileSpreadsheetStroke=function SvgFileSpreadsheetStroke(props){return/*#__PURE__*/React__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__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;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 SvgFilePresentationStroke=function SvgFilePresentationStroke(props){return/*#__PURE__*/React__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__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;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 SvgFileGenericStroke=function SvgFileGenericStroke(props){return/*#__PURE__*/React__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__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;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__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||(_path=/*#__PURE__*/React__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"].createElement(SvgFilePdfStroke,null),zip:React__default["default"].createElement(SvgFileZipStroke,null),image:React__default["default"].createElement(SvgFileImageStroke,null),document:React__default["default"].createElement(SvgFileDocumentStroke,null),spreadsheet:React__default["default"].createElement(SvgFileSpreadsheetStroke,null),presentation:React__default["default"].createElement(SvgFilePresentationStroke,null),generic:React__default["default"].createElement(SvgFileGenericStroke,null),success:React__default["default"].createElement(SvgCheckCircleStroke$1,null),error:React__default["default"].createElement(SvgFileErrorStroke,null)};const fileIconsCompact={pdf:React__default["default"].createElement(SvgFilePdfStroke$1,null),zip:React__default["default"].createElement(SvgFileZipStroke$1,null),image:React__default["default"].createElement(SvgFileImageStroke$1,null),document:React__default["default"].createElement(SvgFileDocumentStroke$1,null),spreadsheet:React__default["default"].createElement(SvgFileSpreadsheetStroke$1,null),presentation:React__default["default"].createElement(SvgFilePresentationStroke$1,null),generic:React__default["default"].createElement(SvgFileGenericStroke$1,null),success:React__default["default"].createElement(SvgCheckCircleStroke,null),error:React__default["default"].createElement(SvgFileErrorStroke$1,null)};const FileComponent=React.forwardRef((_ref,ref)=>{let{children,type,isCompact,focusInset,validation,...props}=_ref;const fileContextValue=React.useMemo(()=>({isCompact}),[isCompact]);const validationType=validation||type;return React__default["default"].createElement(FileContext.Provider,{value:fileContextValue},React__default["default"].createElement(StyledFile,_extends$t({},props,{isCompact:isCompact,focusInset:focusInset,validation:validation,ref:ref}),validationType&&React__default["default"].createElement(StyledFileIcon,{isCompact:isCompact},isCompact?fileIconsCompact[validationType]:fileIconsDefault[validationType]),React.Children.map(children,child=>typeof child==='string'?React__default["default"].createElement("span",null,child):child)));});FileComponent.displayName='File';FileComponent.propTypes={focusInset:propTypes$1.exports.bool,isCompact:propTypes$1.exports.bool,type:propTypes$1.exports.oneOf(FILE_TYPE),validation:propTypes$1.exports.oneOf(FILE_VALIDATION)};const File$1=FileComponent;File$1.Close=Close;File$1.Delete=Delete;const MediaInput=React__default["default"].forwardRef((_ref,ref)=>{let{start,end,disabled,isCompact,isBare,focusInset,readOnly,validation,wrapperProps={},wrapperRef,onSelect,...props}=_ref;const fieldContext=useFieldContext();const inputRef=React.useRef();const[isFocused,setIsFocused]=React.useState(false);const[isHovered,setIsHovered]=React.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"].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"].createElement(FauxInput.StartIcon,{isDisabled:disabled,isFocused:isFocused,isHovered:isHovered||isLabelHovered},start),React__default["default"].createElement(StyledTextMediaInput,combinedProps),end&&React__default["default"].createElement(FauxInput.EndIcon,{isDisabled:disabled,isFocused:isFocused,isHovered:isHovered||isLabelHovered},end));});MediaInput.propTypes={isCompact:propTypes$1.exports.bool,isBare:propTypes$1.exports.bool,focusInset:propTypes$1.exports.bool,validation:propTypes$1.exports.oneOf(VALIDATION),start:propTypes$1.exports.node,end:propTypes$1.exports.node,wrapperProps:propTypes$1.exports.object,wrapperRef:propTypes$1.exports.any};MediaInput.displayName='MediaInput';var Hint=styled__default["default"](Hint$1)(templateObject_1$7||(templateObject_1$7=__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$7;var Message=styled__default["default"](Message$1)(templateObject_1$6||(templateObject_1$6=__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$6;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};/**
11174
11174
  * Checks if `value` is the
11175
11175
  * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
11176
11176
  * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
@@ -11415,7 +11415,7 @@ clearTimeout(timerId);timerId=setTimeout(timerExpired,wait);return invokeFunc(la
11415
11415
  *
11416
11416
  * // Cancel the trailing throttled invocation.
11417
11417
  * jQuery(window).on('popstate', throttled.cancel);
11418
- */function throttle(func,wait,options){var leading=true,trailing=true;if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}if(isObject(options)){leading='leading'in options?!!options.leading:leading;trailing='trailing'in options?!!options.trailing:trailing;}return debounce(func,wait,{'leading':leading,'maxWait':wait,'trailing':trailing});}var throttle_1=throttle;var Slider=function(_a){var _b;var color=_a.color,disabled=_a.disabled,fluid=_a.fluid,hint=_a.hint,label=_a.label,_c=_a.max,max=_c===void 0?100:_c,message=_a.message,_d=_a.min,min=_d===void 0?0:_d,onChange=_a.onChange,_e=_a.step,step=_e===void 0?1:_e,_f=_a.throttleMilliseconds,throttleMilliseconds=_f===void 0?50:_f,_g=_a.validation,validation=_g===void 0?{validation:VALIDATION_STATES.NONE}:_g,valueProp=_a.value;var value=(_b=__read(React.useState(valueProp!==null&&valueProp!==void 0?valueProp:min),2),_b[0]),setValue=_b[1];var throttledOnChange=React.useMemo(function(){return throttle_1(onChange,throttleMilliseconds);},[onChange,throttleMilliseconds]);var handleChange=React.useCallback(function(e){setValue(Number(e.target.value));throttledOnChange(Number(e.target.value),e);},[throttledOnChange]);var syncValueFromParent=React.useCallback(function(){setValue(valueProp);},[valueProp]);React.useEffect(function(){syncValueFromParent();},[syncValueFromParent]);return jsxRuntime.jsx(Container$4,__assign$2({fluid:fluid,gap:null,withRows:true},{children:jsxRuntime.jsxs(Field,{children:[jsxRuntime.jsx(Label$1,__assign$2({hidden:!label},{children:label!==null&&label!==void 0?label:""})),hint?jsxRuntime.jsx(Hint,__assign$2({_css:styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n "],["\n &&& {\n font-size: ",";\n }\n "])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(Range,{color:color,disabled:disabled,max:max,min:min,onChange:handleChange,step:step,value:value,valuePercent:(value-min)/(max-min)*100}),message?jsxRuntime.jsx(Message,__assign$2({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 baseTrackStyles=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n background: ",";\n border-radius: 0.5rem;\n height: 0.45rem;\n"],["\n background: ",";\n border-radius: 0.5rem;\n height: 0.45rem;\n"])),function(_a){var color=_a.color,valuePercent=_a.valuePercent,theme=_a.theme;return"linear-gradient(to right, ".concat(color," ").concat(valuePercent,"%, ").concat(theme.styles.colors.grey["300"]," ").concat(valuePercent,"%)");});var disabledThumbStyles=styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n ",";\n"],["\n ",";\n"])),function(_a){var disabled=_a.disabled,theme=_a.theme;return disabled?"background-color: ".concat(theme.styles.colors.grey["300"]):"";});var baseThumbStyles=styled.css(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n -webkit-appearance: none;\n appearance: none;\n border-radius: 1.4rem;\n //margin-top: -.5rem; /* chrome only - centers thumb on the track */\n border: 0.2rem solid ",";\n height: 1.4rem;\n width: 1.4rem;\n outline: none;\n ",";\n ",";\n"],["\n -webkit-appearance: none;\n appearance: none;\n border-radius: 1.4rem;\n //margin-top: -.5rem; /* chrome only - centers thumb on the track */\n border: 0.2rem solid ",";\n height: 1.4rem;\n width: 1.4rem;\n outline: none;\n ",";\n ",";\n"])),function(_a){var color=_a.color;return color;},buttonLikeHoverable,disabledThumbStyles);Slider=styled__default["default"](Slider)(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n && {\n font-size: inherit;\n }\n"],["\n && {\n font-size: inherit;\n }\n"])));var Range=styled__default["default"](Range$1).attrs(function(_a){var color=_a.color,theme=_a.theme;return{color:color!==null&&color!==void 0?color:theme.styles.colorPrimary,primary:true};})(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n && {\n &::-webkit-slider-runnable-track {\n ",";\n }\n\n &::-moz-range-track {\n ","\n }\n\n &::-webkit-slider-thumb {\n ",";\n //box-shadow: -80px 0 0 80px #43e5f7;\n }\n\n &::-ms-fill-lower {\n background: #777;\n border-radius: 10px;\n }\n\n &::-ms-fill-upper {\n background: #ddd;\n border-radius: 10px;\n }\n }\n"],["\n && {\n &::-webkit-slider-runnable-track {\n ",";\n }\n\n &::-moz-range-track {\n ","\n }\n\n &::-webkit-slider-thumb {\n ",";\n //box-shadow: -80px 0 0 80px #43e5f7;\n }\n\n &::-ms-fill-lower {\n background: #777;\n border-radius: 10px;\n }\n\n &::-ms-fill-upper {\n background: #ddd;\n border-radius: 10px;\n }\n }\n"])),baseTrackStyles,baseTrackStyles,baseThumbStyles);var Container$4=styled__default["default"](FlexBox)(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$5,templateObject_2$4,templateObject_3$4,templateObject_4$1,templateObject_5$1,templateObject_6$1,templateObject_7$1;var MAX_SCALE$1=5;var MIN_SCALE$1=1;var ImageCropper=function(_a){var _b;var _c=_a.aspectRatio,aspectRatio=_c===void 0?1:_c,imageData=_a.imageData,_d=_a.imageQuality,imageQuality=_d===void 0?0.6:_d,onComplete=_a.onComplete;var imageRef=React.useRef();var _e=__read(React.useState({x:0,y:0}),2),crop=_e[0],setCrop=_e[1];var _f=__read(React.useState(),2),croppedArea=_f[0],setCroppedArea=_f[1];var _g=__read(React.useState(MIN_SCALE$1),2),zoom=_g[0],setZoom=_g[1];var canvasToFile=React.useCallback(function(canvas){return __awaiter$1(void 0,void 0,void 0,function(){return __generator$1(this,function(_a){return[2/*return*/,new Promise(function(resolve){var toFile=function(blob){var _a,_b;if(!blob)throw new Error("ImageCropper: Canvas is empty");resolve(new File([blob],(_b=(_a=imageData.file)===null||_a===void 0?void 0:_a.name)!==null&&_b!==void 0?_b:"".concat(crypto.randomUUID(),".jpg")));};canvas.toBlob(toFile,"image/jpeg",imageQuality);})];});});},[(_b=imageData.file)===null||_b===void 0?void 0:_b.name,imageQuality]);var canvasToDataUrl=React.useCallback(function(canvas){return canvas.toDataURL("image/jpeg",imageQuality);},[imageQuality]);var croppedImageData=React.useCallback(function(){return __awaiter$1(void 0,void 0,void 0,function(){var canvas,ctx,image;var _a;return __generator$1(this,function(_b){switch(_b.label){case 0:canvas=document.createElement("canvas");ctx=canvas.getContext("2d");image=imageRef.current;if(!ctx||!croppedArea||!image)return[2/*return*/];canvas.width=croppedArea.width;canvas.height=croppedArea.height;ctx.drawImage(image,croppedArea.x,croppedArea.y,croppedArea.width,croppedArea.height,0,0,croppedArea.width,croppedArea.height);_a={dataURL:canvasToDataUrl(canvas)};return[4/*yield*/,canvasToFile(canvas)];case 1:return[2/*return*/,(_a.file=_b.sent(),_a)];}});});},[croppedArea,canvasToDataUrl,canvasToFile]);var onCropComplete=React.useCallback(function(croppedAreaPercent,croppedAreaPixels){// console.log(croppedAreaPercent, croppedAreaPixels)
11418
+ */function throttle(func,wait,options){var leading=true,trailing=true;if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}if(isObject(options)){leading='leading'in options?!!options.leading:leading;trailing='trailing'in options?!!options.trailing:trailing;}return debounce(func,wait,{'leading':leading,'maxWait':wait,'trailing':trailing});}var throttle_1=throttle;var Slider=function(_a){var _b;var color=_a.color,disabled=_a.disabled,fluid=_a.fluid,hint=_a.hint,label=_a.label,_c=_a.max,max=_c===void 0?100:_c,message=_a.message,_d=_a.min,min=_d===void 0?0:_d,onChange=_a.onChange,_e=_a.step,step=_e===void 0?1:_e,_f=_a.throttleMilliseconds,throttleMilliseconds=_f===void 0?50:_f,_g=_a.validation,validation=_g===void 0?{validation:VALIDATION_STATES.NONE}:_g,valueProp=_a.value;var value=(_b=__read(React.useState(valueProp!==null&&valueProp!==void 0?valueProp:min),2),_b[0]),setValue=_b[1];var throttledOnChange=React.useMemo(function(){return throttle_1(onChange,throttleMilliseconds);},[onChange,throttleMilliseconds]);var handleChange=React.useCallback(function(e){setValue(Number(e.target.value));throttledOnChange(Number(e.target.value),e);},[throttledOnChange]);var syncValueFromParent=React.useCallback(function(){setValue(valueProp);},[valueProp]);React.useEffect(function(){syncValueFromParent();},[syncValueFromParent]);return jsxRuntime.jsx(Container$4,__assign$2({fluid:fluid,gap:null,withRows:true},{children:jsxRuntime.jsxs(Field,{children:[jsxRuntime.jsx(Label$1,__assign$2({hidden:!label},{children:label!==null&&label!==void 0?label:""})),hint?jsxRuntime.jsx(Hint,__assign$2({_css:styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n &&& {\n font-size: ",";\n }\n "],["\n &&& {\n font-size: ",";\n }\n "])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(Range,{color:color,disabled:disabled,max:max,min:min,onChange:handleChange,step:step,value:value,valuePercent:(value-min)/(max-min)*100}),message?jsxRuntime.jsx(Message,__assign$2({_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 baseTrackStyles=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n background: ",";\n border-radius: 0.5rem;\n height: 0.45rem;\n"],["\n background: ",";\n border-radius: 0.5rem;\n height: 0.45rem;\n"])),function(_a){var color=_a.color,valuePercent=_a.valuePercent,theme=_a.theme;return"linear-gradient(to right, ".concat(color," ").concat(valuePercent,"%, ").concat(theme.styles.colors.grey["300"]," ").concat(valuePercent,"%)");});var disabledThumbStyles=styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n ",";\n"],["\n ",";\n"])),function(_a){var disabled=_a.disabled,theme=_a.theme;return disabled?"background-color: ".concat(theme.styles.colors.grey["300"]):"";});var baseThumbStyles=styled.css(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n -webkit-appearance: none;\n appearance: none;\n border-radius: 1.4rem;\n //margin-top: -.5rem; /* chrome only - centers thumb on the track */\n border: 0.2rem solid ",";\n height: 1.4rem;\n width: 1.4rem;\n outline: none;\n ",";\n ",";\n"],["\n -webkit-appearance: none;\n appearance: none;\n border-radius: 1.4rem;\n //margin-top: -.5rem; /* chrome only - centers thumb on the track */\n border: 0.2rem solid ",";\n height: 1.4rem;\n width: 1.4rem;\n outline: none;\n ",";\n ",";\n"])),function(_a){var color=_a.color;return color;},buttonLikeHoverable,disabledThumbStyles);Slider=styled__default["default"](Slider)(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n && {\n font-size: inherit;\n }\n"],["\n && {\n font-size: inherit;\n }\n"])));var Range=styled__default["default"](Range$1).attrs(function(_a){var color=_a.color,theme=_a.theme;return{color:color!==null&&color!==void 0?color:theme.styles.colorPrimary,primary:true};})(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n && {\n &::-webkit-slider-runnable-track {\n ",";\n }\n\n &::-moz-range-track {\n ","\n }\n\n &::-webkit-slider-thumb {\n ",";\n //box-shadow: -80px 0 0 80px #43e5f7;\n }\n\n &::-ms-fill-lower {\n background: #777;\n border-radius: 10px;\n }\n\n &::-ms-fill-upper {\n background: #ddd;\n border-radius: 10px;\n }\n }\n"],["\n && {\n &::-webkit-slider-runnable-track {\n ",";\n }\n\n &::-moz-range-track {\n ","\n }\n\n &::-webkit-slider-thumb {\n ",";\n //box-shadow: -80px 0 0 80px #43e5f7;\n }\n\n &::-ms-fill-lower {\n background: #777;\n border-radius: 10px;\n }\n\n &::-ms-fill-upper {\n background: #ddd;\n border-radius: 10px;\n }\n }\n"])),baseTrackStyles,baseTrackStyles,baseThumbStyles);var Container$4=styled__default["default"](FlexBox)(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n ","\n && * {\n font-size: inherit;\n }\n"],["\n ","\n && * {\n font-size: inherit;\n }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$5,templateObject_2$4,templateObject_3$4,templateObject_4$1,templateObject_5$1,templateObject_6$1,templateObject_7$1;var MAX_SCALE$1=5;var MIN_SCALE$1=1;var ImageCropper=function(_a){var _b;var _c=_a.aspectRatio,aspectRatio=_c===void 0?1:_c,imageData=_a.imageData,_d=_a.imageQuality,imageQuality=_d===void 0?0.6:_d,onComplete=_a.onComplete;var imageRef=React.useRef();var _e=__read(React.useState({x:0,y:0}),2),crop=_e[0],setCrop=_e[1];var _f=__read(React.useState(),2),croppedArea=_f[0],setCroppedArea=_f[1];var _g=__read(React.useState(MIN_SCALE$1),2),zoom=_g[0],setZoom=_g[1];var canvasToFile=React.useCallback(function(canvas){return __awaiter$1(void 0,void 0,void 0,function(){return __generator$1(this,function(_a){return[2/*return*/,new Promise(function(resolve){var toFile=function(blob){var _a,_b;if(!blob)throw new Error("ImageCropper: Canvas is empty");resolve(new File([blob],(_b=(_a=imageData.file)===null||_a===void 0?void 0:_a.name)!==null&&_b!==void 0?_b:"".concat(crypto.randomUUID(),".jpg")));};canvas.toBlob(toFile,"image/jpeg",imageQuality);})];});});},[(_b=imageData.file)===null||_b===void 0?void 0:_b.name,imageQuality]);var canvasToDataUrl=React.useCallback(function(canvas){return canvas.toDataURL("image/jpeg",imageQuality);},[imageQuality]);var croppedImageData=React.useCallback(function(){return __awaiter$1(void 0,void 0,void 0,function(){var canvas,ctx,image;var _a;return __generator$1(this,function(_b){switch(_b.label){case 0:canvas=document.createElement("canvas");ctx=canvas.getContext("2d");image=imageRef.current;if(!ctx||!croppedArea||!image)return[2/*return*/];canvas.width=croppedArea.width;canvas.height=croppedArea.height;ctx.drawImage(image,croppedArea.x,croppedArea.y,croppedArea.width,croppedArea.height,0,0,croppedArea.width,croppedArea.height);_a={dataURL:canvasToDataUrl(canvas)};return[4/*yield*/,canvasToFile(canvas)];case 1:return[2/*return*/,(_a.file=_b.sent(),_a)];}});});},[croppedArea,canvasToDataUrl,canvasToFile]);var onCropComplete=React.useCallback(function(croppedAreaPercent,croppedAreaPixels){// console.log(croppedAreaPercent, croppedAreaPixels)
11419
11419
  setCroppedArea(croppedAreaPixels);},[]);var submitCroppedImage=React.useCallback(function(){return __awaiter$1(void 0,void 0,void 0,function(){var data;return __generator$1(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,croppedImageData()];case 1:data=_a.sent();if(data)onComplete(data);return[2/*return*/];}});});},[croppedImageData,onComplete]);return jsxRuntime.jsxs(FullScreen$1,__assign$2({withRows:true},{children:[jsxRuntime.jsx(Container$3,{children:jsxRuntime.jsx(Cropper,{aspect:aspectRatio,crop:crop,image:imageData===null||imageData===void 0?void 0:imageData.dataURL,maxZoom:MAX_SCALE$1,minZoom:MIN_SCALE$1,onCropChange:setCrop,onCropComplete:onCropComplete,onZoomChange:setZoom,setImageRef:function(ref){var _a;imageRef.current=(_a=ref.current)!==null&&_a!==void 0?_a:undefined;},zoom:zoom})}),jsxRuntime.jsxs(FlexBox,__assign$2({_css:styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n align-self: center;\n width: 300px;\n max-width: 100%;\n position: relative;\n "],["\n align-self: center;\n width: 300px;\n max-width: 100%;\n position: relative;\n "]))),withRows:true},{children:[jsxRuntime.jsx(Slider,{max:MAX_SCALE$1,min:MIN_SCALE$1,onChange:setZoom,step:0.1,throttleMilliseconds:50,value:zoom}),jsxRuntime.jsx(Button$1,__assign$2({fluid:true,onClick:submitCroppedImage},{children:"Crop"}))]}))]}));};var Container$3=styled__default["default"](FlexBox)(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n max-width: 100%;\n height: calc(100% - 100px);\n position: relative;\n"],["\n max-width: 100%;\n height: calc(100% - 100px);\n position: relative;\n"])));var FullScreen$1=styled__default["default"](FlexBox)(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n background: ",";\n position: fixed;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: ",";\n padding: ",";\n transition: top 0.5s ease-in-out;\n\n .ReactCrop.ReactCrop--fixed-aspect,\n .ReactCrop__child-wrapper {\n height: 100%;\n }\n"],["\n background: ",";\n position: fixed;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: ",";\n padding: ",";\n transition: top 0.5s ease-in-out;\n\n .ReactCrop.ReactCrop--fixed-aspect,\n .ReactCrop__child-wrapper {\n height: 100%;\n }\n"])),function(_a){var theme=_a.theme;return theme.styles.colors.white;},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex+1;},SPACINGS.SM);var templateObject_1$4,templateObject_2$3,templateObject_3$3;var dist={};var utils$1={};(function(exports){Object.defineProperty(exports,"__esModule",{value:true});exports.getListFiles=exports.getImage=exports.getBase64=exports.getAcceptTypeString=exports.openFileDialog=void 0;exports.openFileDialog=function(inputRef){if(inputRef.current)inputRef.current.click();};exports.getAcceptTypeString=function(acceptType,allowNonImageType){if(acceptType===null||acceptType===void 0?void 0:acceptType.length)return acceptType.map(function(item){return"."+item;}).join(', ');if(allowNonImageType)return'';return'image/*';};exports.getBase64=function(file){var reader=new FileReader();return new Promise(function(resolve){reader.addEventListener('load',function(){return resolve(String(reader.result));});reader.readAsDataURL(file);});};exports.getImage=function(file){var image=new Image();return new Promise(function(resolve){image.addEventListener('load',function(){return resolve(image);});image.src=URL.createObjectURL(file);});};exports.getListFiles=function(files,dataURLKey){var promiseFiles=[];for(var i=0;i<files.length;i+=1){promiseFiles.push(exports.getBase64(files[i]));}return Promise.all(promiseFiles).then(function(fileListBase64){var fileList=fileListBase64.map(function(base64,index){var _a;return _a={},_a[dataURLKey]=base64,_a.file=files[index],_a;});return fileList;});};})(utils$1);var validation={};var constants={};Object.defineProperty(constants,"__esModule",{value:true});constants.DEFAULT_DATA_URL_KEY=constants.INIT_MAX_NUMBER=constants.DEFAULT_NULL_INDEX=void 0;constants.DEFAULT_NULL_INDEX=-1;constants.INIT_MAX_NUMBER=1000;constants.DEFAULT_DATA_URL_KEY='dataURL';(function(exports){var __awaiter=commonjsGlobal&&commonjsGlobal.__awaiter||function(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());});};var __generator=commonjsGlobal&&commonjsGlobal.__generator||function(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(_)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};}};Object.defineProperty(exports,"__esModule",{value:true});exports.getErrorValidation=exports.isMaxNumberValid=exports.isAcceptTypeValid=exports.isMaxFileSizeValid=exports.isImageValid=exports.isResolutionValid=void 0;var constants_1=constants;var utils_1=utils$1;exports.isResolutionValid=function(image,resolutionType,resolutionWidth,resolutionHeight){if(resolutionWidth===void 0){resolutionWidth=0;}if(resolutionHeight===void 0){resolutionHeight=1;}if(!resolutionWidth||!resolutionHeight||!image.width||!image.height)return true;switch(resolutionType){case'absolute':{if(image.width===resolutionWidth&&image.height===resolutionHeight)return true;break;}case'ratio':{var ratio=resolutionWidth/resolutionHeight;if(image.width/image.height===ratio)return true;break;}case'less':{if(image.width<=resolutionWidth&&image.height<=resolutionHeight)return true;break;}case'more':{if(image.width>=resolutionWidth&&image.height>=resolutionHeight)return true;break;}}return false;};exports.isImageValid=function(fileType){if(fileType.includes('image')){return true;}return false;};exports.isMaxFileSizeValid=function(fileSize,maxFileSize){return maxFileSize?fileSize<=maxFileSize:true;};exports.isAcceptTypeValid=function(acceptType,fileName){if(acceptType&&acceptType.length>0){var type_1=fileName.split('.').pop()||'';if(acceptType.findIndex(function(item){return item.toLowerCase()===type_1.toLowerCase();})<0)return false;}return true;};exports.isMaxNumberValid=function(totalNumber,maxNumber,keyUpdate){if(maxNumber!==0&&!maxNumber)return true;if(keyUpdate===constants_1.DEFAULT_NULL_INDEX){if(totalNumber<=maxNumber)return true;}else if(totalNumber<=maxNumber+1)return true;return false;};exports.getErrorValidation=function(_a){var fileList=_a.fileList,value=_a.value,maxNumber=_a.maxNumber,keyUpdate=_a.keyUpdate,acceptType=_a.acceptType,maxFileSize=_a.maxFileSize,resolutionType=_a.resolutionType,resolutionWidth=_a.resolutionWidth,resolutionHeight=_a.resolutionHeight,allowNonImageType=_a.allowNonImageType;return __awaiter(void 0,void 0,void 0,function(){var newErrors,i,file,image,checkRes;return __generator(this,function(_b){switch(_b.label){case 0:newErrors={};if(!!exports.isMaxNumberValid(fileList.length+value.length,maxNumber,keyUpdate))return[3/*break*/,1];newErrors.maxNumber=true;return[3/*break*/,5];case 1:i=0;_b.label=2;case 2:if(!(i<fileList.length))return[3/*break*/,5];file=fileList[i].file;if(!file)return[3/*break*/,4];if(!allowNonImageType&&!exports.isImageValid(file.type)){newErrors.acceptType=true;return[3/*break*/,5];}if(!exports.isAcceptTypeValid(acceptType,file.name)){newErrors.acceptType=true;return[3/*break*/,5];}if(!exports.isMaxFileSizeValid(file.size,maxFileSize)){newErrors.maxFileSize=true;return[3/*break*/,5];}if(!resolutionType)return[3/*break*/,4];return[4/*yield*/,utils_1.getImage(file)];case 3:image=_b.sent();checkRes=exports.isResolutionValid(image,resolutionType,resolutionWidth,resolutionHeight);if(!checkRes){newErrors.resolution=true;return[3/*break*/,5];}_b.label=4;case 4:i+=1;return[3/*break*/,2];case 5:if(Object.values(newErrors).find(Boolean))return[2/*return*/,newErrors];return[2/*return*/,null];}});});};})(validation);var __assign=commonjsGlobal&&commonjsGlobal.__assign||function(){__assign=Object.assign||function(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);};var __createBinding=commonjsGlobal&&commonjsGlobal.__createBinding||(Object.create?function(o,m,k,k2){if(k2===undefined)k2=k;Object.defineProperty(o,k2,{enumerable:true,get:function(){return m[k];}});}:function(o,m,k,k2){if(k2===undefined)k2=k;o[k2]=m[k];});var __setModuleDefault=commonjsGlobal&&commonjsGlobal.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:true,value:v});}:function(o,v){o["default"]=v;});var __importStar=commonjsGlobal&&commonjsGlobal.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)if(k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k))__createBinding(result,mod,k);__setModuleDefault(result,mod);return result;};var __awaiter=commonjsGlobal&&commonjsGlobal.__awaiter||function(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());});};var __generator=commonjsGlobal&&commonjsGlobal.__generator||function(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(_)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};}};var __spreadArrays=commonjsGlobal&&commonjsGlobal.__spreadArrays||function(){for(var s=0,i=0,il=arguments.length;i<il;i++)s+=arguments[i].length;for(var r=Array(s),k=0,i=0;i<il;i++)for(var a=arguments[i],j=0,jl=a.length;j<jl;j++,k++)r[k]=a[j];return r;};Object.defineProperty(dist,"__esModule",{value:true});var react_1=__importStar(React__default["default"]);var utils_1=utils$1;var validation_1=validation;var constants_1=constants;var ReactImageUploading=function(_a){var _b=_a.value,value=_b===void 0?[]:_b,onChange=_a.onChange,onError=_a.onError,children=_a.children,_c=_a.dataURLKey,dataURLKey=_c===void 0?constants_1.DEFAULT_DATA_URL_KEY:_c,_d=_a.multiple,multiple=_d===void 0?false:_d,_e=_a.maxNumber,maxNumber=_e===void 0?constants_1.INIT_MAX_NUMBER:_e,acceptType=_a.acceptType,maxFileSize=_a.maxFileSize,resolutionWidth=_a.resolutionWidth,resolutionHeight=_a.resolutionHeight,resolutionType=_a.resolutionType,_f=_a.inputProps,inputProps=_f===void 0?{}:_f,_g=_a.allowNonImageType,allowNonImageType=_g===void 0?false:_g;var inValue=value||[];var inputRef=react_1.useRef(null);var _h=react_1.useState(constants_1.DEFAULT_NULL_INDEX),keyUpdate=_h[0],setKeyUpdate=_h[1];var _j=react_1.useState(null),errors=_j[0],setErrors=_j[1];var _k=react_1.useState(false),isDragging=_k[0],setIsDragging=_k[1];var handleClickInput=react_1.useCallback(function(){return utils_1.openFileDialog(inputRef);},[inputRef]);var onImageUpload=react_1.useCallback(function(){setKeyUpdate(constants_1.DEFAULT_NULL_INDEX);handleClickInput();},[handleClickInput]);var onImageRemoveAll=react_1.useCallback(function(){onChange===null||onChange===void 0?void 0:onChange([]);},[onChange]);var onImageRemove=function(index){var updatedList=__spreadArrays(inValue);if(Array.isArray(index)){index.forEach(function(i){updatedList.splice(i,1);});}else{updatedList.splice(index,1);}onChange===null||onChange===void 0?void 0:onChange(updatedList);};var onImageUpdate=function(index){setKeyUpdate(index);handleClickInput();};var validate=function(fileList){return __awaiter(void 0,void 0,void 0,function(){var errorsValidation;return __generator(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,validation_1.getErrorValidation({fileList:fileList,maxFileSize:maxFileSize,maxNumber:maxNumber,acceptType:acceptType,keyUpdate:keyUpdate,resolutionType:resolutionType,resolutionWidth:resolutionWidth,resolutionHeight:resolutionHeight,value:inValue,allowNonImageType:allowNonImageType})];case 1:errorsValidation=_a.sent();if(errorsValidation){setErrors(errorsValidation);onError===null||onError===void 0?void 0:onError(errorsValidation,fileList);return[2/*return*/,false];}errors&&setErrors(null);return[2/*return*/,true];}});});};var handleChange=function(files){return __awaiter(void 0,void 0,void 0,function(){var fileList,checkValidate,updatedFileList,updatedIndexes,firstFile,i;return __generator(this,function(_a){switch(_a.label){case 0:if(!files)return[2/*return*/];return[4/*yield*/,utils_1.getListFiles(files,dataURLKey)];case 1:fileList=_a.sent();if(!fileList.length)return[2/*return*/];return[4/*yield*/,validate(fileList)];case 2:checkValidate=_a.sent();if(!checkValidate)return[2/*return*/];updatedIndexes=[];if(keyUpdate>constants_1.DEFAULT_NULL_INDEX){firstFile=fileList[0];updatedFileList=__spreadArrays(inValue);updatedFileList[keyUpdate]=firstFile;updatedIndexes.push(keyUpdate);}else if(multiple){updatedFileList=__spreadArrays(inValue,fileList);for(i=inValue.length;i<updatedFileList.length;i+=1){updatedIndexes.push(i);}}else{updatedFileList=[fileList[0]];updatedIndexes.push(0);}onChange===null||onChange===void 0?void 0:onChange(updatedFileList,updatedIndexes);return[2/*return*/];}});});};var onInputChange=function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,handleChange(e.target.files)];case 1:_a.sent();keyUpdate>constants_1.DEFAULT_NULL_INDEX&&setKeyUpdate(constants_1.DEFAULT_NULL_INDEX);if(inputRef.current)inputRef.current.value='';return[2/*return*/];}});});};var acceptTypeString=react_1.useMemo(function(){return utils_1.getAcceptTypeString(acceptType,allowNonImageType);},[acceptType,allowNonImageType]);var handleDrag=function(e){e.preventDefault();e.stopPropagation();};var handleDragIn=function(e){e.preventDefault();e.stopPropagation();if(e.dataTransfer.items&&e.dataTransfer.items.length>0){setIsDragging(true);}};var handleDragOut=function(e){e.preventDefault();e.stopPropagation();setIsDragging(false);};var handleDrop=function(e){e.preventDefault();e.stopPropagation();setIsDragging(false);if(e.dataTransfer.files&&e.dataTransfer.files.length>0){handleChange(e.dataTransfer.files);}};var handleDragStart=function(e){e.preventDefault();e.stopPropagation();e.dataTransfer.clearData();};return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("input",__assign({type:"file",accept:acceptTypeString,ref:inputRef,multiple:multiple&&keyUpdate===constants_1.DEFAULT_NULL_INDEX,onChange:onInputChange,style:{display:'none'}},inputProps)),children===null||children===void 0?void 0:children({imageList:inValue,onImageUpload:onImageUpload,onImageRemoveAll:onImageRemoveAll,onImageUpdate:onImageUpdate,onImageRemove:onImageRemove,errors:errors,dragProps:{onDrop:handleDrop,onDragEnter:handleDragIn,onDragLeave:handleDragOut,onDragOver:handleDrag,onDragStart:handleDragStart},isDragging:isDragging}));};var _default=dist.default=ReactImageUploading;var ImageUploader=function(_a){var buttonProps=_a.buttonProps,renderProp=_a.children,imageData=_a.imageData,onChange=_a.onChange;var _b=__read(React.useState(false),2),cropMode=_b[0],setCropModeTo=_b[1];var _c=__read(React.useState(imageData),2),originalImage=_c[0],setOriginalImage=_c[1];var enableCropper=React.useCallback(function(){setCropModeTo(true);},[]);var cacheCroppedImage=React.useCallback(function(croppedImage){onChange(croppedImage);setCropModeTo(false);},[onChange]);var cacheUploadedImage=React.useCallback(function(imageList){if(isEmpty(imageList)){setOriginalImage(undefined);onChange(undefined);return;}setOriginalImage(imageList[0]);enableCropper();},[enableCropper,onChange]);return jsxRuntime.jsx(_default,__assign$2({dataURLKey:"dataURL",onChange:cacheUploadedImage,value:imageData?[imageData]:[]},{children:function(_a){_a.imageList;var onImageUpload=_a.onImageUpload,onImageRemoveAll=_a.onImageRemoveAll;_a.onImageUpdate;_a.onImageRemove;_a.isDragging;var dragProps=_a.dragProps;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[renderProp?renderProp({clearImageData:onImageRemoveAll,openImageSelector:onImageUpload}):jsxRuntime.jsxs(FlexBox,{children:[jsxRuntime.jsx(Button$1,__assign$2({danger:true,icon:js.mdiTrashCanOutline,onClick:onImageRemoveAll},buttonProps)),originalImage?jsxRuntime.jsx(Button$1,__assign$2({disabled:cropMode,onClick:enableCropper},buttonProps,{children:"Edit"})):null,jsxRuntime.jsx(Button$1,__assign$2({onClick:onImageUpload},dragProps,buttonProps,{children:"Select Image"}))]}),cropMode&&originalImage?jsxRuntime.jsx(ImageCropper,{imageData:originalImage,onComplete:cacheCroppedImage}):null]});}}));};var COMPONENT_NAME="IconButton";var IconButton=styled__default["default"](function(_a){var primary=_a.primary,flat=_a.flat,pill=_a.pill,props=__rest(_a,["primary","flat","pill"]);return jsxRuntime.jsx(Button$1,__assign$2({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n && {\n padding: 0.5em;\n min-width: 0;\n }\n"],["\n && {\n padding: 0.5em;\n min-width: 0;\n }\n"// @ts-ignore
11420
11420
  ])));// @ts-ignore
11421
11421
  IconButton.COMPONENT_NAME=COMPONENT_NAME;var templateObject_1$3;var TranslucentLoader=function(_a){var _css=_a._css,children=_a.children,className=_a.className,innerAs=_a.innerAs,_b=_a.isLoading,isLoading=_b===void 0?true:_b;var theme=React.useContext(styled.ThemeContext);return jsxRuntime.jsxs(Container$2,__assign$2({as:innerAs,className:className,_css:_css},{children:[children,isLoading?jsxRuntime.jsx(SpinnerContainer,__assign$2({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{color:theme.styles.colorPrimary})})):null]}));};TranslucentLoader=styled__default["default"](TranslucentLoader)(templateObject_1$2||(templateObject_1$2=__makeTemplateObject([""],[""])));var Container$2=styled__default["default"].div(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),function(_a){var _css=_a._css;return _css?_css:"";});var SpinnerContainer=styled__default["default"](FlexBox)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n background: white;\n opacity: 0.7;\n top: 0;\n left: 0;\n position: fixed;\n height: 100%;\n width: 100%;\n z-index: 100;\n"],["\n background: white;\n opacity: 0.7;\n top: 0;\n left: 0;\n position: fixed;\n height: 100%;\n width: 100%;\n z-index: 100;\n"])));var templateObject_1$2,templateObject_2$2,templateObject_3$2;var useLoaderV2=function(){var _a=__read(React.useState(false),2),loading=_a[0],setLoading=_a[1];var withLoading=React.useMemo(function(){return function(p){return __awaiter$1(void 0,void 0,void 0,function(){var val;return __generator$1(this,function(_a){switch(_a.label){case 0:setLoading(true);_a.label=1;case 1:_a.trys.push([1,,3,4]);return[4/*yield*/,p];case 2:val=_a.sent();return[3/*break*/,4];case 3:setLoading(false);return[7/*endfinally*/];case 4:return[2/*return*/,val];}});});};},[]);var Loader=React.useMemo(function(){return function(_a){var as=_a.as,props=__rest(_a,["as"]);return jsxRuntime.jsx(TranslucentLoader,__assign$2({},props,{innerAs:as,isLoading:loading}));};},[loading]);return{isLoading:loading,Loader:Loader,withLoading:withLoading};};var build={exports:{}};(function(module,exports){!function(e,t){module.exports=t();}(commonjsGlobal,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports;}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i});},t.n=function(e){var n=e&&e.__esModule?function(){return e.default;}:function(){return e;};return t.d(n,"a",n),n;},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t);},t.p="",t(t.s=4);}([function(e,t,n){n.d(t,"b",function(){return o;}),n.d(t,"c",function(){return a;});var i=n(1),r=n(7);n.d(t,"a",function(){return r.a;}),n.d(t,"d",function(){return i.b;});var o=i.a.FACING_MODES,a=i.a.IMAGE_TYPES;},function(e,t,n){var i=n(6);n.d(t,"a",function(){return i.a;});var r=n(2);n.d(t,"b",function(){return r.a;});},function(e,t,n){function i(e,t){if(!(t>=0&&t<=1))throw new Error(t+" is invalid imageCompression, choose between: [0, 1]");if(!l.f.includes(e))throw new Error(e+" is invalid imageType, choose between: "+l.f.join(", "));return!0;}function r(e,t){var n={};try{i(e,t),n.imageType=e,n.imageCompression=t;}catch(e){console.error(e),console.error("default value of "+l.c.PNG+" is used"),n.imageType=l.c.PNG,n.imageCompression=null;}return n;}function o(){var e=window.navigator.platform,t=window.navigator.userAgent;return e||t;}function a(){return"ontouchend"in document;}function u(e,t,n){var i=e*parseFloat(n);return{imageWidth:i,imageHeight:t/(e/i)};}function c(e,t,n){return r(t,n).imageType===l.c.JPG?n?e.toDataURL(l.b[l.c.JPG],n):e.toDataURL(l.b[l.c.JPG]):e.toDataURL(l.b[t]);}function s(e,t){return e||t;}function f(){var e=o();if(/iPad|iPhone|iPod/.test(e))return!0;var t=a();return!(!/Mac/.test(e)||!t);}function d(){return{userAgent:window.navigator.userAgent,platform:window.navigator.platform,_getStringWithPlatform:o(),_getHasTouchEvents:a(),getIsIOS:f()};}t.c=u,t.b=c,t.e=s,t.d=f,t.a=d;var l=n(3);},function(e,t,n){function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e;}n.d(t,"e",function(){return o;}),n.d(t,"a",function(){return a;}),n.d(t,"f",function(){return u;}),n.d(t,"c",function(){return c;}),n.d(t,"b",function(){return s;}),n.d(t,"d",function(){return f;});var r,o=["user","environment"],a={USER:"user",ENVIRONMENT:"environment"},u=["jpg","png"],c={PNG:"png",JPG:"jpg"},s=(r={},i(r,"jpg","image/jpeg"),i(r,"png","image/png"),r),f={audio:!1,video:!0};},function(e,t,n){e.exports=n(5);},function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0});var i=n(0);n.d(t,"FACING_MODES",function(){return i.b;}),n.d(t,"IMAGE_TYPES",function(){return i.c;}),n.d(t,"_getDebugPlatformInfo",function(){return i.d;});var r=n(9);n.d(t,"downloadPhoto",function(){return r.a;}),t.default=i.a;},function(e,t,n){function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");}n.d(t,"a",function(){return u;});var r=n(2),o=n(3),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t;};}(),u=function(){function e(){i(this,e);}return a(e,null,[{key:"getDataUri",value:function(e,t){var n=t.sizeFactor,i=t.imageType,o=t.imageCompression,a=t.isImageMirror,u=e.videoWidth,c=e.videoHeight,s=Object(r.c)(u,c,n),f=s.imageWidth,d=s.imageHeight,l=document.createElement("canvas");l.width=f,l.height=d;var v=l.getContext("2d");return a&&v.setTransform(-1,0,0,1,l.width,0),v.drawImage(e,0,0,f,d),Object(r.b)(l,i,o);}},{key:"getWindowURL",value:function(){return window.URL||window.webkitURL||window.mozURL||window.msURL;}},{key:"getNavigatorMediaDevices",value:function(){var e=null,t=!(!navigator.mediaDevices||!navigator.mediaDevices.getUserMedia),n=!(!navigator.mozGetUserMedia&&!navigator.webkitGetUserMedia);if(t)e=navigator.mediaDevices;else if(n){var i=navigator.mozGetUserMedia||navigator.webkitGetUserMedia,r={getUserMedia:function(e){return new Promise(function(t,n){i.call(navigator,e,t,n);});}};e=Object.assign(i,r);}return e;}},{key:"isSupportedFacingMode",value:function(){return e.getNavigatorMediaDevices().getSupportedConstraints().facingMode;}},{key:"getIdealConstraints",value:function(t,n){if(!Object(r.e)(t,n))return o.d;var i=e.getNavigatorMediaDevices().getSupportedConstraints();if(!i.width||!i.height)return console.error("Constraint width or height not supported! fallback to default resolution"),o.d;var a=void 0,u=void 0;if(t){o.e.includes(t)?a=t:u={exact:t};}return{audio:!1,video:{facingMode:a,deviceId:u,width:n&&n.width,height:n&&n.height}};}},{key:"getMaxResolutionConstraints",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments[1];console.warn("getMaxResolutionConstraints() numberOfMaxResolutionTry:",n);var i=[{width:{min:640}},{width:{min:800}},{width:{min:900}},{width:{min:1024}},{width:{min:1080}},{width:{min:1280}},{width:{min:1920}},{width:{min:2560}},{width:{min:3840}}],o=e.getIdealConstraints(t,{});if(0===n){if(Object(r.d)()){console.warn("fallback to iOS constraints");return e.getIdealConstraints(t,{width:{min:640,ideal:3840},height:{min:480,ideal:2160}});}return o.video.advanced=i,o;}if(n<i.length){var a=i.slice(0,-n);return o.video.advanced=a,o;}return null;}},{key:"FACING_MODES",get:function(){return o.a;}},{key:"IMAGE_TYPES",get:function(){return o.c;}}]),e;}();},function(e,t,n){function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");}n.d(t,"a",function(){return c;});var r=n(1),o=n(8),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t;};}(),u=r.a.IMAGE_TYPES.PNG,c=function(){function e(t){i(this,e),this.videoElement=t,this.stream=null,this.numberOfMaxResolutionTry=0,this.settings=null,this.cameras=[],this.windowURL=r.a.getWindowURL(),this.mediaDevices=r.a.getNavigatorMediaDevices();}return a(e,[{key:"_getStreamDevice",value:function(e,t){var n=this;return new Promise(function(i,o){var a=r.a.getIdealConstraints(e,t);n.mediaDevices.getUserMedia(a).then(function(e){n._gotStream(e),i(e);}).catch(function(e){o(e);});});}},{key:"_getStreamDeviceMaxResolution",value:function(e){var t=this,n=r.a.getMaxResolutionConstraints(e,this.numberOfMaxResolutionTry);if(null==n){var i={};return this._getStreamDevice(e,i);}return new Promise(function(i,r){t.mediaDevices.getUserMedia(n).then(function(e){t._gotStream(e),i(e);}).catch(function(n){setTimeout(function(){t.numberOfMaxResolutionTry+=1,t._getStreamDeviceMaxResolution(e).catch(function(){r(n);});},20);});});}},{key:"_setVideoSrc",value:function(e){if("srcObject"in this.videoElement)this.videoElement.srcObject=e;else{var t=this.windowURL.createObjectURL(e);this.videoElement.src=t;}}},{key:"_setSettings",value:function(e){this.settings=null;var t=e&&e.getTracks?e.getTracks():[];t.length>0&&t[0].getSettings&&(this.settings=t[0].getSettings());}},{key:"_enumerateCamerasPromise",value:function(){var e=this;return new Promise(function(t,n){var i=[];e.mediaDevices.enumerateDevices().then(function(e){e.forEach(function(e){"videoinput"===e.kind&&e.deviceId&&i.push(e);}),t(i);}).catch(function(e){n(e);});});}},{key:"_gotStream",value:function(e){this.stream=e,this._setSettings(e),this._setVideoSrc(e);}},{key:"getCameraSettings",value:function(){return this.settings;}},{key:"enumerateCameras",value:function(){var e=this;return this.stream?this._enumerateCamerasPromise():this.stopCamera().then(function(){}).catch(function(){}).then(function(){var t={video:!0};return e.mediaDevices.getUserMedia(t).then(function(e){setTimeout(function(){e.getTracks().forEach(function(e){e.stop();});},20);}).then(function(){}).catch(function(){}).then(function(){return e._enumerateCamerasPromise();});});}},{key:"startCamera",value:function(e,t){var n=this;return this.stopCamera().then(function(){}).catch(function(){}).then(function(){return n._getStreamDevice(e,t);});}},{key:"startCameraMaxResolution",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.numberOfMaxResolutionTry=0,this.stopCamera().then(function(){}).catch(function(){}).then(function(){return e._getStreamDeviceMaxResolution(t);});}},{key:"getDataUri",value:function(e){var t={sizeFactor:void 0===e.sizeFactor?o.c:e.sizeFactor,imageType:void 0===e.imageType?u:e.imageType,imageCompression:void 0===e.imageCompression?o.a:e.imageCompression,isImageMirror:void 0===e.isImageMirror?o.b:e.isImageMirror};return r.a.getDataUri(this.videoElement,t);}},{key:"stopCamera",value:function(){var e=this;return new Promise(function(t,n){e.stream&&(e.stream.getTracks().forEach(function(e){e.stop();}),e.videoElement.src="",e.stream=null,e._setSettings(null),t()),n(Error("no stream to stop!"));});}}]),e;}();},function(e,t,n){n.d(t,"c",function(){return i;}),n.d(t,"a",function(){return r;}),n.d(t,"b",function(){return o;});var i=1,r=null,o=!1;},function(e,t,n){var i=n(10);n.d(t,"a",function(){return i.a;});},function(e,t,n){function i(e){for(var t=atob(e.split(",")[1]),n=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(t.length),r=new Uint8Array(i),o=0;o<t.length;o++)r[o]=t.charCodeAt(o);return new Blob([i],{type:n});}function r(e,t){return e+="",e.length>=t?e:new Array(t-e.length+1).join("0")+e;}function o(e){var t=s.c.PNG;return"image/jpeg"===e&&(t=s.c.JPG),t;}function a(e,t,n){return e+"-"+r(t,4)+"."+o(n);}function u(e,t,n){window.URL=window.webkitURL||window.URL;var i=document.createElement("a");i.download=a(t,n,e.type),i.href=window.URL.createObjectURL(e);var r=document.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),i.dispatchEvent(r);}function c(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"photo",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;u(i(e),t,n);}t.a=c;var s=n(0);}]);});})(build);var CameraPhoto=/*@__PURE__*/getDefaultExportFromCjs(build.exports);var PhotoBooth=function(_a){var _b=_a.onHideCamera,onHideCamera=_b===void 0?DO_NOTHING:_b,_c=_a.onSilentError,onSilentError=_c===void 0?DO_NOTHING:_c,onSubmit=_a.onSubmit,open=_a.open,trigger=_a.trigger;if(lodash.exports.isBoolean(open)&&trigger)throw new Error("PhotoBooth cannot have `open` and a `trigger` set at the same time");var _d=__read(React.useState([]),2),cameraIds=_d[0],setCameraIds=_d[1];var _e=__read(React.useState(0),2),currentCameraIdIndex=_e[0],setCurrentCameraIdIndex=_e[1];var _f=__read(React.useState(false),2),_isCameraVisible=_f[0],setIsCameraVisibleTo=_f[1];var _g=__read(React.useState(),2),previewSrc=_g[0],setPreviewSrc=_g[1];var cameraPhoto=React.useRef();var canvasRef=React.useRef(null);var previewRef=React.useRef(null);var viewFinderRef=React.useRef(null);var isCameraVisible=React.useMemo(function(){return open!==null&&open!==void 0?open:_isCameraVisible;},[_isCameraVisible,open]);var _h=useLoaderV2(),withLoading=_h.withLoading,isLoading=_h.isLoading;var _j=useLoaderV2(),withSubmitLoading=_j.withLoading,isSubmitting=_j.isLoading;var clearPhoto=React.useCallback(function(){setPreviewSrc(undefined);},[]);var getDeviceCameraIds=React.useCallback(function(){return __awaiter$1(void 0,void 0,void 0,function(){var cameras,foundIds;return __generator$1(this,function(_a){switch(_a.label){case 0:if(isNotEmpty(cameraIds))return[2/*return*/];return[4/*yield*/,cameraPhoto.current.enumerateCameras()];case 1:cameras=_a.sent();foundIds=cameras.map(function(c){return c.deviceId;}).reverse();onSilentError(new Error(JSON.stringify(cameras)));if(isEmpty(foundIds))foundIds.concat([build.exports.FACING_MODES.ENVIRONMENT]);setCameraIds(foundIds);return[2/*return*/];}});});},[cameraIds,onSilentError]);var showCamera=React.useCallback(function(){setIsCameraVisibleTo(true);},[]);var removeCameraId=React.useCallback(function(){setCameraIds(function(prevState){return takeOutItem(prevState,currentCameraIdIndex);});},[currentCameraIdIndex]);var startCamera=React.useCallback(function(){return __awaiter$1(void 0,void 0,void 0,function(){var cameraId,e_1;return __generator$1(this,function(_a){switch(_a.label){case 0:cameraId=cameraIds[currentCameraIdIndex];_a.label=1;case 1:_a.trys.push([1,3,,4]);// @ts-ignore