@wordpress/components 27.4.0 → 27.6.0

package/build-module/focal-point-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","__","useEffect","useRef","useState","__experimentalUseDragging","useDragging","useInstanceId","useIsomorphicLayoutEffect","BaseControl","Controls","FocalPoint","Grid","Media","MediaWrapper","MediaContainer","INITIAL_BOUNDS","useUpdateEffect","GRID_OVERLAY_TIMEOUT","FocalPointPicker","__nextHasNoMarginBottom","__next40pxDefaultSize","autoPlay","className","help","label","onChange","onDrag","onDragEnd","onDragStart","resolvePoint","url","value","valueProp","x","y","restProps","point","setPoint","showGridOverlay","setShowGridOverlay","startDrag","endDrag","isDragging","event","dragAreaRef","current","focus","getValueWithinDragArea","onDragMove","preventDefault","bounds","setBounds","refUpdateBounds","clientWidth","width","clientHeight","height","updateBounds","defaultView","ownerDocument","addEventListener","removeEventListener","clientX","clientY","shiftKey","top","left","getBoundingClientRect","nextX","nextY","Math","round","getFinalValue","_resolvePoint","resolvedValue","max","min","roundToTwoDecimalPlaces","n","arrowKeyStep","code","includes","step","delta","axis","focalPointPosition","undefined","classes","instanceId","id","timeout","window","setTimeout","clearTimeout","createElement","onKeyDown","onMouseDown","onBlur","ref","role","tabIndex","showOverlay","alt","onLoad","src","hasHelpText"],"sources":["@wordpress/components/src/focal-point-picker/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport {\n\t__experimentalUseDragging as useDragging,\n\tuseInstanceId,\n\tuseIsomorphicLayoutEffect,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport Controls from './controls';\nimport FocalPoint from './focal-point';\nimport Grid from './grid';\nimport Media from './media';\nimport {\n\tMediaWrapper,\n\tMediaContainer,\n} from './styles/focal-point-picker-style';\nimport { INITIAL_BOUNDS } from './utils';\nimport { useUpdateEffect } from '../utils/hooks';\nimport type { WordPressComponentProps } from '../context/wordpress-component';\nimport type {\n\tFocalPoint as FocalPointType,\n\tFocalPointPickerProps,\n} from './types';\nimport type { KeyboardEventHandler } from 'react';\n\nconst GRID_OVERLAY_TIMEOUT = 600;\n\n/**\n * Focal Point Picker is a component which creates a UI for identifying the most important visual point of an image.\n *\n * This component addresses a specific problem: with large background images it is common to see undesirable crops,\n * especially when viewing on smaller viewports such as mobile phones. This component allows the selection of\n * the point with the most important visual information and returns it as a pair of numbers between 0 and 1.\n * This value can be easily converted into the CSS `background-position` attribute, and will ensure that the\n * focal point is never cropped out, regardless of viewport.\n *\n * - Example focal point picker value: `{ x: 0.5, y: 0.1 }`\n * - Corresponding CSS: `background-position: 50% 10%;`\n *\n * ```jsx\n * import { FocalPointPicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const Example = () => {\n * \tconst [ focalPoint, setFocalPoint ] = useState( {\n * \t\tx: 0.5,\n * \t\ty: 0.5,\n * \t} );\n *\n * \tconst url = '/path/to/image';\n *\n * \t// Example function to render the CSS styles based on Focal Point Picker value\n * \tconst style = {\n * \t\tbackgroundImage: `url(${ url })`,\n * \t\tbackgroundPosition: `${ focalPoint.x * 100 }% ${ focalPoint.y * 100 }%`,\n * \t};\n *\n * \treturn (\n * \t\t<>\n * \t\t\t<FocalPointPicker\n * \t\t\t\turl={ url }\n * \t\t\t\tvalue={ focalPoint }\n * \t\t\t\tonDragStart={ setFocalPoint }\n * \t\t\t\tonDrag={ setFocalPoint }\n * \t\t\t\tonChange={ setFocalPoint }\n * \t\t\t/>\n * \t\t\t<div style={ style } />\n * \t\t</>\n * \t);\n * };\n * ```\n */\nexport function FocalPointPicker( {\n\t__nextHasNoMarginBottom,\n\t__next40pxDefaultSize = false,\n\tautoPlay = true,\n\tclassName,\n\thelp,\n\tlabel,\n\tonChange,\n\tonDrag,\n\tonDragEnd,\n\tonDragStart,\n\tresolvePoint,\n\turl,\n\tvalue: valueProp = {\n\t\tx: 0.5,\n\t\ty: 0.5,\n\t},\n\t...restProps\n}: WordPressComponentProps< FocalPointPickerProps, 'div', false > ) {\n\tconst [ point, setPoint ] = useState( valueProp );\n\tconst [ showGridOverlay, setShowGridOverlay ] = useState( false );\n\n\tconst { startDrag, endDrag, isDragging } = useDragging( {\n\t\tonDragStart: ( event ) => {\n\t\t\tdragAreaRef.current?.focus();\n\t\t\tconst value = getValueWithinDragArea( event );\n\n\t\t\t// `value` can technically be undefined if getValueWithinDragArea() is\n\t\t\t// called before dragAreaRef is set, but this shouldn't happen in reality.\n\t\t\tif ( ! value ) return;\n\n\t\t\tonDragStart?.( value, event );\n\t\t\tsetPoint( value );\n\t\t},\n\t\tonDragMove: ( event ) => {\n\t\t\t// Prevents text-selection when dragging.\n\t\t\tevent.preventDefault();\n\t\t\tconst value = getValueWithinDragArea( event );\n\t\t\tif ( ! value ) return;\n\t\t\tonDrag?.( value, event );\n\t\t\tsetPoint( value );\n\t\t},\n\t\tonDragEnd: () => {\n\t\t\tonDragEnd?.();\n\t\t\tonChange?.( point );\n\t\t},\n\t} );\n\n\t// Uses the internal point while dragging or else the value from props.\n\tconst { x, y } = isDragging ? point : valueProp;\n\n\tconst dragAreaRef = useRef< HTMLDivElement >( null );\n\tconst [ bounds, setBounds ] = useState( INITIAL_BOUNDS );\n\tconst refUpdateBounds = useRef( () => {\n\t\tif ( ! dragAreaRef.current ) return;\n\n\t\tconst { clientWidth: width, clientHeight: height } =\n\t\t\tdragAreaRef.current;\n\t\t// Falls back to initial bounds if the ref has no size. Since styles\n\t\t// give the drag area dimensions even when the media has not loaded\n\t\t// this should only happen in unit tests (jsdom).\n\t\tsetBounds(\n\t\t\twidth > 0 && height > 0 ? { width, height } : { ...INITIAL_BOUNDS }\n\t\t);\n\t} );\n\n\tuseEffect( () => {\n\t\tconst updateBounds = refUpdateBounds.current;\n\t\tif ( ! dragAreaRef.current ) return;\n\n\t\tconst { defaultView } = dragAreaRef.current.ownerDocument;\n\t\tdefaultView?.addEventListener( 'resize', updateBounds );\n\t\treturn () => defaultView?.removeEventListener( 'resize', updateBounds );\n\t}, [] );\n\n\t// Updates the bounds to cover cases of unspecified media or load failures.\n\tuseIsomorphicLayoutEffect( () => void refUpdateBounds.current(), [] );\n\n\t// TODO: Consider refactoring getValueWithinDragArea() into a pure function.\n\t// https://github.com/WordPress/gutenberg/pull/43872#discussion_r963455173\n\tconst getValueWithinDragArea = ( {\n\t\tclientX,\n\t\tclientY,\n\t\tshiftKey,\n\t}: {\n\t\tclientX: number;\n\t\tclientY: number;\n\t\tshiftKey: boolean;\n\t} ) => {\n\t\tif ( ! dragAreaRef.current ) return;\n\n\t\tconst { top, left } = dragAreaRef.current.getBoundingClientRect();\n\t\tlet nextX = ( clientX - left ) / bounds.width;\n\t\tlet nextY = ( clientY - top ) / bounds.height;\n\t\t// Enables holding shift to jump values by 10%.\n\t\tif ( shiftKey ) {\n\t\t\tnextX = Math.round( nextX / 0.1 ) * 0.1;\n\t\t\tnextY = Math.round( nextY / 0.1 ) * 0.1;\n\t\t}\n\t\treturn getFinalValue( { x: nextX, y: nextY } );\n\t};\n\n\tconst getFinalValue = ( value: FocalPointType ): FocalPointType => {\n\t\tconst resolvedValue = resolvePoint?.( value ) ?? value;\n\t\tresolvedValue.x = Math.max( 0, Math.min( resolvedValue.x, 1 ) );\n\t\tresolvedValue.y = Math.max( 0, Math.min( resolvedValue.y, 1 ) );\n\t\tconst roundToTwoDecimalPlaces = ( n: number ) =>\n\t\t\tMath.round( n * 1e2 ) / 1e2;\n\n\t\treturn {\n\t\t\tx: roundToTwoDecimalPlaces( resolvedValue.x ),\n\t\t\ty: roundToTwoDecimalPlaces( resolvedValue.y ),\n\t\t};\n\t};\n\n\tconst arrowKeyStep: KeyboardEventHandler< HTMLDivElement > = ( event ) => {\n\t\tconst { code, shiftKey } = event;\n\t\tif (\n\t\t\t! [ 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight' ].includes(\n\t\t\t\tcode\n\t\t\t)\n\t\t)\n\t\t\treturn;\n\n\t\tevent.preventDefault();\n\t\tconst value = { x, y };\n\t\tconst step = shiftKey ? 0.1 : 0.01;\n\t\tconst delta =\n\t\t\tcode === 'ArrowUp' || code === 'ArrowLeft' ? -1 * step : step;\n\t\tconst axis = code === 'ArrowUp' || code === 'ArrowDown' ? 'y' : 'x';\n\t\tvalue[ axis ] = value[ axis ] + delta;\n\t\tonChange?.( getFinalValue( value ) );\n\t};\n\n\tconst focalPointPosition = {\n\t\tleft: x !== undefined ? x * bounds.width : 0.5 * bounds.width,\n\t\ttop: y !== undefined ? y * bounds.height : 0.5 * bounds.height,\n\t};\n\n\tconst classes = classnames(\n\t\t'components-focal-point-picker-control',\n\t\tclassName\n\t);\n\n\tconst instanceId = useInstanceId( FocalPointPicker );\n\tconst id = `inspector-focal-point-picker-control-${ instanceId }`;\n\n\tuseUpdateEffect( () => {\n\t\tsetShowGridOverlay( true );\n\t\tconst timeout = window.setTimeout( () => {\n\t\t\tsetShowGridOverlay( false );\n\t\t}, GRID_OVERLAY_TIMEOUT );\n\n\t\treturn () => window.clearTimeout( timeout );\n\t}, [ x, y ] );\n\n\treturn (\n\t\t<BaseControl\n\t\t\t{ ...restProps }\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\tlabel={ label }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ classes }\n\t\t>\n\t\t\t<MediaWrapper className=\"components-focal-point-picker-wrapper\">\n\t\t\t\t<MediaContainer\n\t\t\t\t\tclassName=\"components-focal-point-picker\"\n\t\t\t\t\tonKeyDown={ arrowKeyStep }\n\t\t\t\t\tonMouseDown={ startDrag }\n\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\tif ( isDragging ) endDrag();\n\t\t\t\t\t} }\n\t\t\t\t\tref={ dragAreaRef }\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t>\n\t\t\t\t\t<Grid bounds={ bounds } showOverlay={ showGridOverlay } />\n\t\t\t\t\t<Media\n\t\t\t\t\t\talt={ __( 'Media preview' ) }\n\t\t\t\t\t\tautoPlay={ autoPlay }\n\t\t\t\t\t\tonLoad={ refUpdateBounds.current }\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t/>\n\t\t\t\t\t<FocalPoint\n\t\t\t\t\t\t{ ...focalPointPosition }\n\t\t\t\t\t\tisDragging={ isDragging }\n\t\t\t\t\t/>\n\t\t\t\t</MediaContainer>\n\t\t\t</MediaWrapper>\n\t\t\t<Controls\n\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\thasHelpText={ !! help }\n\t\t\t\tpoint={ { x, y } }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tonChange?.( getFinalValue( value ) );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default FocalPointPicker;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,oBAAoB;AAChE,SACCC,yBAAyB,IAAIC,WAAW,EACxCC,aAAa,EACbC,yBAAyB,QACnB,oBAAoB;;AAE3B;AACA;AACA;AACA,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,KAAK,MAAM,SAAS;AAC3B,SACCC,YAAY,EACZC,cAAc,QACR,mCAAmC;AAC1C,SAASC,cAAc,QAAQ,SAAS;AACxC,SAASC,eAAe,QAAQ,gBAAgB;AAQhD,MAAMC,oBAAoB,GAAG,GAAG;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAE;EACjCC,uBAAuB;EACvBC,qBAAqB,GAAG,KAAK;EAC7BC,QAAQ,GAAG,IAAI;EACfC,SAAS;EACTC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACTC,WAAW;EACXC,YAAY;EACZC,GAAG;EACHC,KAAK,EAAEC,SAAS,GAAG;IAClBC,CAAC,EAAE,GAAG;IACNC,CAAC,EAAE;EACJ,CAAC;EACD,GAAGC;AAC4D,CAAC,EAAG;EACnE,MAAM,CAAEC,KAAK,EAAEC,QAAQ,CAAE,GAAGlC,QAAQ,CAAE6B,SAAU,CAAC;EACjD,MAAM,CAAEM,eAAe,EAAEC,kBAAkB,CAAE,GAAGpC,QAAQ,CAAE,KAAM,CAAC;EAEjE,MAAM;IAAEqC,SAAS;IAAEC,OAAO;IAAEC;EAAW,CAAC,GAAGrC,WAAW,CAAE;IACvDuB,WAAW,EAAIe,KAAK,IAAM;MACzBC,WAAW,CAACC,OAAO,EAAEC,KAAK,CAAC,CAAC;MAC5B,MAAMf,KAAK,GAAGgB,sBAAsB,CAAEJ,KAAM,CAAC;;MAE7C;MACA;MACA,IAAK,CAAEZ,KAAK,EAAG;MAEfH,WAAW,GAAIG,KAAK,EAAEY,KAAM,CAAC;MAC7BN,QAAQ,CAAEN,KAAM,CAAC;IAClB,CAAC;IACDiB,UAAU,EAAIL,KAAK,IAAM;MACxB;MACAA,KAAK,CAACM,cAAc,CAAC,CAAC;MACtB,MAAMlB,KAAK,GAAGgB,sBAAsB,CAAEJ,KAAM,CAAC;MAC7C,IAAK,CAAEZ,KAAK,EAAG;MACfL,MAAM,GAAIK,KAAK,EAAEY,KAAM,CAAC;MACxBN,QAAQ,CAAEN,KAAM,CAAC;IAClB,CAAC;IACDJ,SAAS,EAAEA,CAAA,KAAM;MAChBA,SAAS,GAAG,CAAC;MACbF,QAAQ,GAAIW,KAAM,CAAC;IACpB;EACD,CAAE,CAAC;;EAEH;EACA,MAAM;IAAEH,CAAC;IAAEC;EAAE,CAAC,GAAGQ,UAAU,GAAGN,KAAK,GAAGJ,SAAS;EAE/C,MAAMY,WAAW,GAAG1C,MAAM,CAAoB,IAAK,CAAC;EACpD,MAAM,CAAEgD,MAAM,EAAEC,SAAS,CAAE,GAAGhD,QAAQ,CAAEY,cAAe,CAAC;EACxD,MAAMqC,eAAe,GAAGlD,MAAM,CAAE,MAAM;IACrC,IAAK,CAAE0C,WAAW,CAACC,OAAO,EAAG;IAE7B,MAAM;MAAEQ,WAAW,EAAEC,KAAK;MAAEC,YAAY,EAAEC;IAAO,CAAC,GACjDZ,WAAW,CAACC,OAAO;IACpB;IACA;IACA;IACAM,SAAS,CACRG,KAAK,GAAG,CAAC,IAAIE,MAAM,GAAG,CAAC,GAAG;MAAEF,KAAK;MAAEE;IAAO,CAAC,GAAG;MAAE,GAAGzC;IAAe,CACnE,CAAC;EACF,CAAE,CAAC;EAEHd,SAAS,CAAE,MAAM;IAChB,MAAMwD,YAAY,GAAGL,eAAe,CAACP,OAAO;IAC5C,IAAK,CAAED,WAAW,CAACC,OAAO,EAAG;IAE7B,MAAM;MAAEa;IAAY,CAAC,GAAGd,WAAW,CAACC,OAAO,CAACc,aAAa;IACzDD,WAAW,EAAEE,gBAAgB,CAAE,QAAQ,EAAEH,YAAa,CAAC;IACvD,OAAO,MAAMC,WAAW,EAAEG,mBAAmB,CAAE,QAAQ,EAAEJ,YAAa,CAAC;EACxE,CAAC,EAAE,EAAG,CAAC;;EAEP;EACAlD,yBAAyB,CAAE,MAAM,KAAK6C,eAAe,CAACP,OAAO,CAAC,CAAC,EAAE,EAAG,CAAC;;EAErE;EACA;EACA,MAAME,sBAAsB,GAAGA,CAAE;IAChCe,OAAO;IACPC,OAAO;IACPC;EAKD,CAAC,KAAM;IACN,IAAK,CAAEpB,WAAW,CAACC,OAAO,EAAG;IAE7B,MAAM;MAAEoB,GAAG;MAAEC;IAAK,CAAC,GAAGtB,WAAW,CAACC,OAAO,CAACsB,qBAAqB,CAAC,CAAC;IACjE,IAAIC,KAAK,GAAG,CAAEN,OAAO,GAAGI,IAAI,IAAKhB,MAAM,CAACI,KAAK;IAC7C,IAAIe,KAAK,GAAG,CAAEN,OAAO,GAAGE,GAAG,IAAKf,MAAM,CAACM,MAAM;IAC7C;IACA,IAAKQ,QAAQ,EAAG;MACfI,KAAK,GAAGE,IAAI,CAACC,KAAK,CAAEH,KAAK,GAAG,GAAI,CAAC,GAAG,GAAG;MACvCC,KAAK,GAAGC,IAAI,CAACC,KAAK,CAAEF,KAAK,GAAG,GAAI,CAAC,GAAG,GAAG;IACxC;IACA,OAAOG,aAAa,CAAE;MAAEvC,CAAC,EAAEmC,KAAK;MAAElC,CAAC,EAAEmC;IAAM,CAAE,CAAC;EAC/C,CAAC;EAED,MAAMG,aAAa,GAAKzC,KAAqB,IAAsB;IAAA,IAAA0C,aAAA;IAClE,MAAMC,aAAa,IAAAD,aAAA,GAAG5C,YAAY,GAAIE,KAAM,CAAC,cAAA0C,aAAA,cAAAA,aAAA,GAAI1C,KAAK;IACtD2C,aAAa,CAACzC,CAAC,GAAGqC,IAAI,CAACK,GAAG,CAAE,CAAC,EAAEL,IAAI,CAACM,GAAG,CAAEF,aAAa,CAACzC,CAAC,EAAE,CAAE,CAAE,CAAC;IAC/DyC,aAAa,CAACxC,CAAC,GAAGoC,IAAI,CAACK,GAAG,CAAE,CAAC,EAAEL,IAAI,CAACM,GAAG,CAAEF,aAAa,CAACxC,CAAC,EAAE,CAAE,CAAE,CAAC;IAC/D,MAAM2C,uBAAuB,GAAKC,CAAS,IAC1CR,IAAI,CAACC,KAAK,CAAEO,CAAC,GAAG,GAAI,CAAC,GAAG,GAAG;IAE5B,OAAO;MACN7C,CAAC,EAAE4C,uBAAuB,CAAEH,aAAa,CAACzC,CAAE,CAAC;MAC7CC,CAAC,EAAE2C,uBAAuB,CAAEH,aAAa,CAACxC,CAAE;IAC7C,CAAC;EACF,CAAC;EAED,MAAM6C,YAAoD,GAAKpC,KAAK,IAAM;IACzE,MAAM;MAAEqC,IAAI;MAAEhB;IAAS,CAAC,GAAGrB,KAAK;IAChC,IACC,CAAE,CAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAE,CAACsC,QAAQ,CAC/DD,IACD,CAAC,EAED;IAEDrC,KAAK,CAACM,cAAc,CAAC,CAAC;IACtB,MAAMlB,KAAK,GAAG;MAAEE,CAAC;MAAEC;IAAE,CAAC;IACtB,MAAMgD,IAAI,GAAGlB,QAAQ,GAAG,GAAG,GAAG,IAAI;IAClC,MAAMmB,KAAK,GACVH,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,WAAW,GAAG,CAAC,CAAC,GAAGE,IAAI,GAAGA,IAAI;IAC9D,MAAME,IAAI,GAAGJ,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG;IACnEjD,KAAK,CAAEqD,IAAI,CAAE,GAAGrD,KAAK,CAAEqD,IAAI,CAAE,GAAGD,KAAK;IACrC1D,QAAQ,GAAI+C,aAAa,CAAEzC,KAAM,CAAE,CAAC;EACrC,CAAC;EAED,MAAMsD,kBAAkB,GAAG;IAC1BnB,IAAI,EAAEjC,CAAC,KAAKqD,SAAS,GAAGrD,CAAC,GAAGiB,MAAM,CAACI,KAAK,GAAG,GAAG,GAAGJ,MAAM,CAACI,KAAK;IAC7DW,GAAG,EAAE/B,CAAC,KAAKoD,SAAS,GAAGpD,CAAC,GAAGgB,MAAM,CAACM,MAAM,GAAG,GAAG,GAAGN,MAAM,CAACM;EACzD,CAAC;EAED,MAAM+B,OAAO,GAAGxF,UAAU,CACzB,uCAAuC,EACvCuB,SACD,CAAC;EAED,MAAMkE,UAAU,GAAGlF,aAAa,CAAEY,gBAAiB,CAAC;EACpD,MAAMuE,EAAE,GAAI,wCAAwCD,UAAY,EAAC;EAEjExE,eAAe,CAAE,MAAM;IACtBuB,kBAAkB,CAAE,IAAK,CAAC;IAC1B,MAAMmD,OAAO,GAAGC,MAAM,CAACC,UAAU,CAAE,MAAM;MACxCrD,kBAAkB,CAAE,KAAM,CAAC;IAC5B,CAAC,EAAEtB,oBAAqB,CAAC;IAEzB,OAAO,MAAM0E,MAAM,CAACE,YAAY,CAAEH,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEzD,CAAC,EAAEC,CAAC,CAAG,CAAC;EAEb,OACC4D,aAAA,CAACtF,WAAW;IAAA,GACN2B,SAAS;IACdhB,uBAAuB,EAAGA,uBAAyB;IACnDK,KAAK,EAAGA,KAAO;IACfiE,EAAE,EAAGA,EAAI;IACTlE,IAAI,EAAGA,IAAM;IACbD,SAAS,EAAGiE;EAAS,GAErBO,aAAA,CAACjF,YAAY;IAACS,SAAS,EAAC;EAAuC,GAC9DwE,aAAA,CAAChF,cAAc;IACdQ,SAAS,EAAC,+BAA+B;IACzCyE,SAAS,EAAGhB,YAAc;IAC1BiB,WAAW,EAAGxD,SAAW;IACzByD,MAAM,EAAGA,CAAA,KAAM;MACd,IAAKvD,UAAU,EAAGD,OAAO,CAAC,CAAC;IAC5B,CAAG;IACHyD,GAAG,EAAGtD,WAAa;IACnBuD,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAG,CAAC;EAAG,GAEfN,aAAA,CAACnF,IAAI;IAACuC,MAAM,EAAGA,MAAQ;IAACmD,WAAW,EAAG/D;EAAiB,CAAE,CAAC,EAC1DwD,aAAA,CAAClF,KAAK;IACL0F,GAAG,EAAGtG,EAAE,CAAE,eAAgB,CAAG;IAC7BqB,QAAQ,EAAGA,QAAU;IACrBkF,MAAM,EAAGnD,eAAe,CAACP,OAAS;IAClC2D,GAAG,EAAG1E;EAAK,CACX,CAAC,EACFgE,aAAA,CAACpF,UAAU;IAAA,GACL2E,kBAAkB;IACvB3C,UAAU,EAAGA;EAAY,CACzB,CACc,CACH,CAAC,EACfoD,aAAA,CAACrF,QAAQ;IACRU,uBAAuB,EAAGA,uBAAyB;IACnDC,qBAAqB,EAAGA,qBAAuB;IAC/CqF,WAAW,EAAG,CAAC,CAAElF,IAAM;IACvBa,KAAK,EAAG;MAAEH,CAAC;MAAEC;IAAE,CAAG;IAClBT,QAAQ,EAAKM,KAAK,IAAM;MACvBN,QAAQ,GAAI+C,aAAa,CAAEzC,KAAM,CAAE,CAAC;IACrC;EAAG,CACH,CACW,CAAC;AAEhB;AAEA,eAAeb,gBAAgB","ignoreList":[]}
+{"version":3,"names":["clsx","__","useEffect","useRef","useState","__experimentalUseDragging","useDragging","useInstanceId","useIsomorphicLayoutEffect","BaseControl","Controls","FocalPoint","Grid","Media","MediaWrapper","MediaContainer","INITIAL_BOUNDS","useUpdateEffect","GRID_OVERLAY_TIMEOUT","FocalPointPicker","__nextHasNoMarginBottom","__next40pxDefaultSize","autoPlay","className","help","label","onChange","onDrag","onDragEnd","onDragStart","resolvePoint","url","value","valueProp","x","y","restProps","point","setPoint","showGridOverlay","setShowGridOverlay","startDrag","endDrag","isDragging","event","dragAreaRef","current","focus","getValueWithinDragArea","onDragMove","preventDefault","bounds","setBounds","refUpdateBounds","clientWidth","width","clientHeight","height","updateBounds","defaultView","ownerDocument","addEventListener","removeEventListener","clientX","clientY","shiftKey","top","left","getBoundingClientRect","nextX","nextY","Math","round","getFinalValue","_resolvePoint","resolvedValue","max","min","roundToTwoDecimalPlaces","n","arrowKeyStep","code","includes","step","delta","axis","focalPointPosition","undefined","classes","instanceId","id","timeout","window","setTimeout","clearTimeout","createElement","onKeyDown","onMouseDown","onBlur","ref","role","tabIndex","showOverlay","alt","onLoad","src","hasHelpText"],"sources":["@wordpress/components/src/focal-point-picker/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport {\n\t__experimentalUseDragging as useDragging,\n\tuseInstanceId,\n\tuseIsomorphicLayoutEffect,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport Controls from './controls';\nimport FocalPoint from './focal-point';\nimport Grid from './grid';\nimport Media from './media';\nimport {\n\tMediaWrapper,\n\tMediaContainer,\n} from './styles/focal-point-picker-style';\nimport { INITIAL_BOUNDS } from './utils';\nimport { useUpdateEffect } from '../utils/hooks';\nimport type { WordPressComponentProps } from '../context/wordpress-component';\nimport type {\n\tFocalPoint as FocalPointType,\n\tFocalPointPickerProps,\n} from './types';\nimport type { KeyboardEventHandler } from 'react';\n\nconst GRID_OVERLAY_TIMEOUT = 600;\n\n/**\n * Focal Point Picker is a component which creates a UI for identifying the most important visual point of an image.\n *\n * This component addresses a specific problem: with large background images it is common to see undesirable crops,\n * especially when viewing on smaller viewports such as mobile phones. This component allows the selection of\n * the point with the most important visual information and returns it as a pair of numbers between 0 and 1.\n * This value can be easily converted into the CSS `background-position` attribute, and will ensure that the\n * focal point is never cropped out, regardless of viewport.\n *\n * - Example focal point picker value: `{ x: 0.5, y: 0.1 }`\n * - Corresponding CSS: `background-position: 50% 10%;`\n *\n * ```jsx\n * import { FocalPointPicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const Example = () => {\n * \tconst [ focalPoint, setFocalPoint ] = useState( {\n * \t\tx: 0.5,\n * \t\ty: 0.5,\n * \t} );\n *\n * \tconst url = '/path/to/image';\n *\n * \t// Example function to render the CSS styles based on Focal Point Picker value\n * \tconst style = {\n * \t\tbackgroundImage: `url(${ url })`,\n * \t\tbackgroundPosition: `${ focalPoint.x * 100 }% ${ focalPoint.y * 100 }%`,\n * \t};\n *\n * \treturn (\n * \t\t<>\n * \t\t\t<FocalPointPicker\n * \t\t\t\turl={ url }\n * \t\t\t\tvalue={ focalPoint }\n * \t\t\t\tonDragStart={ setFocalPoint }\n * \t\t\t\tonDrag={ setFocalPoint }\n * \t\t\t\tonChange={ setFocalPoint }\n * \t\t\t/>\n * \t\t\t<div style={ style } />\n * \t\t</>\n * \t);\n * };\n * ```\n */\nexport function FocalPointPicker( {\n\t__nextHasNoMarginBottom,\n\t__next40pxDefaultSize = false,\n\tautoPlay = true,\n\tclassName,\n\thelp,\n\tlabel,\n\tonChange,\n\tonDrag,\n\tonDragEnd,\n\tonDragStart,\n\tresolvePoint,\n\turl,\n\tvalue: valueProp = {\n\t\tx: 0.5,\n\t\ty: 0.5,\n\t},\n\t...restProps\n}: WordPressComponentProps< FocalPointPickerProps, 'div', false > ) {\n\tconst [ point, setPoint ] = useState( valueProp );\n\tconst [ showGridOverlay, setShowGridOverlay ] = useState( false );\n\n\tconst { startDrag, endDrag, isDragging } = useDragging( {\n\t\tonDragStart: ( event ) => {\n\t\t\tdragAreaRef.current?.focus();\n\t\t\tconst value = getValueWithinDragArea( event );\n\n\t\t\t// `value` can technically be undefined if getValueWithinDragArea() is\n\t\t\t// called before dragAreaRef is set, but this shouldn't happen in reality.\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonDragStart?.( value, event );\n\t\t\tsetPoint( value );\n\t\t},\n\t\tonDragMove: ( event ) => {\n\t\t\t// Prevents text-selection when dragging.\n\t\t\tevent.preventDefault();\n\t\t\tconst value = getValueWithinDragArea( event );\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonDrag?.( value, event );\n\t\t\tsetPoint( value );\n\t\t},\n\t\tonDragEnd: () => {\n\t\t\tonDragEnd?.();\n\t\t\tonChange?.( point );\n\t\t},\n\t} );\n\n\t// Uses the internal point while dragging or else the value from props.\n\tconst { x, y } = isDragging ? point : valueProp;\n\n\tconst dragAreaRef = useRef< HTMLDivElement >( null );\n\tconst [ bounds, setBounds ] = useState( INITIAL_BOUNDS );\n\tconst refUpdateBounds = useRef( () => {\n\t\tif ( ! dragAreaRef.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { clientWidth: width, clientHeight: height } =\n\t\t\tdragAreaRef.current;\n\t\t// Falls back to initial bounds if the ref has no size. Since styles\n\t\t// give the drag area dimensions even when the media has not loaded\n\t\t// this should only happen in unit tests (jsdom).\n\t\tsetBounds(\n\t\t\twidth > 0 && height > 0 ? { width, height } : { ...INITIAL_BOUNDS }\n\t\t);\n\t} );\n\n\tuseEffect( () => {\n\t\tconst updateBounds = refUpdateBounds.current;\n\t\tif ( ! dragAreaRef.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { defaultView } = dragAreaRef.current.ownerDocument;\n\t\tdefaultView?.addEventListener( 'resize', updateBounds );\n\t\treturn () => defaultView?.removeEventListener( 'resize', updateBounds );\n\t}, [] );\n\n\t// Updates the bounds to cover cases of unspecified media or load failures.\n\tuseIsomorphicLayoutEffect( () => void refUpdateBounds.current(), [] );\n\n\t// TODO: Consider refactoring getValueWithinDragArea() into a pure function.\n\t// https://github.com/WordPress/gutenberg/pull/43872#discussion_r963455173\n\tconst getValueWithinDragArea = ( {\n\t\tclientX,\n\t\tclientY,\n\t\tshiftKey,\n\t}: {\n\t\tclientX: number;\n\t\tclientY: number;\n\t\tshiftKey: boolean;\n\t} ) => {\n\t\tif ( ! dragAreaRef.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { top, left } = dragAreaRef.current.getBoundingClientRect();\n\t\tlet nextX = ( clientX - left ) / bounds.width;\n\t\tlet nextY = ( clientY - top ) / bounds.height;\n\t\t// Enables holding shift to jump values by 10%.\n\t\tif ( shiftKey ) {\n\t\t\tnextX = Math.round( nextX / 0.1 ) * 0.1;\n\t\t\tnextY = Math.round( nextY / 0.1 ) * 0.1;\n\t\t}\n\t\treturn getFinalValue( { x: nextX, y: nextY } );\n\t};\n\n\tconst getFinalValue = ( value: FocalPointType ): FocalPointType => {\n\t\tconst resolvedValue = resolvePoint?.( value ) ?? value;\n\t\tresolvedValue.x = Math.max( 0, Math.min( resolvedValue.x, 1 ) );\n\t\tresolvedValue.y = Math.max( 0, Math.min( resolvedValue.y, 1 ) );\n\t\tconst roundToTwoDecimalPlaces = ( n: number ) =>\n\t\t\tMath.round( n * 1e2 ) / 1e2;\n\n\t\treturn {\n\t\t\tx: roundToTwoDecimalPlaces( resolvedValue.x ),\n\t\t\ty: roundToTwoDecimalPlaces( resolvedValue.y ),\n\t\t};\n\t};\n\n\tconst arrowKeyStep: KeyboardEventHandler< HTMLDivElement > = ( event ) => {\n\t\tconst { code, shiftKey } = event;\n\t\tif (\n\t\t\t! [ 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight' ].includes(\n\t\t\t\tcode\n\t\t\t)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\t\tconst value = { x, y };\n\t\tconst step = shiftKey ? 0.1 : 0.01;\n\t\tconst delta =\n\t\t\tcode === 'ArrowUp' || code === 'ArrowLeft' ? -1 * step : step;\n\t\tconst axis = code === 'ArrowUp' || code === 'ArrowDown' ? 'y' : 'x';\n\t\tvalue[ axis ] = value[ axis ] + delta;\n\t\tonChange?.( getFinalValue( value ) );\n\t};\n\n\tconst focalPointPosition = {\n\t\tleft: x !== undefined ? x * bounds.width : 0.5 * bounds.width,\n\t\ttop: y !== undefined ? y * bounds.height : 0.5 * bounds.height,\n\t};\n\n\tconst classes = clsx( 'components-focal-point-picker-control', className );\n\n\tconst instanceId = useInstanceId( FocalPointPicker );\n\tconst id = `inspector-focal-point-picker-control-${ instanceId }`;\n\n\tuseUpdateEffect( () => {\n\t\tsetShowGridOverlay( true );\n\t\tconst timeout = window.setTimeout( () => {\n\t\t\tsetShowGridOverlay( false );\n\t\t}, GRID_OVERLAY_TIMEOUT );\n\n\t\treturn () => window.clearTimeout( timeout );\n\t}, [ x, y ] );\n\n\treturn (\n\t\t<BaseControl\n\t\t\t{ ...restProps }\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\tlabel={ label }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ classes }\n\t\t>\n\t\t\t<MediaWrapper className=\"components-focal-point-picker-wrapper\">\n\t\t\t\t<MediaContainer\n\t\t\t\t\tclassName=\"components-focal-point-picker\"\n\t\t\t\t\tonKeyDown={ arrowKeyStep }\n\t\t\t\t\tonMouseDown={ startDrag }\n\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\tif ( isDragging ) {\n\t\t\t\t\t\t\tendDrag();\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tref={ dragAreaRef }\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t>\n\t\t\t\t\t<Grid bounds={ bounds } showOverlay={ showGridOverlay } />\n\t\t\t\t\t<Media\n\t\t\t\t\t\talt={ __( 'Media preview' ) }\n\t\t\t\t\t\tautoPlay={ autoPlay }\n\t\t\t\t\t\tonLoad={ refUpdateBounds.current }\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t/>\n\t\t\t\t\t<FocalPoint\n\t\t\t\t\t\t{ ...focalPointPosition }\n\t\t\t\t\t\tisDragging={ isDragging }\n\t\t\t\t\t/>\n\t\t\t\t</MediaContainer>\n\t\t\t</MediaWrapper>\n\t\t\t<Controls\n\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\thasHelpText={ !! help }\n\t\t\t\tpoint={ { x, y } }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tonChange?.( getFinalValue( value ) );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default FocalPointPicker;\n"],"mappings":"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","ignoreList":[]}

package/build-module/focal-point-picker/styles/focal-point-picker-style.js

@@ -9,7 +9,7 @@ import { css } from '@emotion/react';
  */
 import { Flex } from '../../flex';
 import UnitControl from '../../unit-control';
-import { COLORS, CONFIG, reduceMotion } from '../../utils';
+import { COLORS, CONFIG } from '../../utils';
 import { INITIAL_BOUNDS } from '../utils';
 export const MediaWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eeew7dm8"
@@ -22,7 +22,7 @@ export const MediaWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
 } : {
   name: "jqnsxy",
   styles: "background-color:transparent;display:flex;text-align:center;width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXNDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Jsb2NrVWkgfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0JjphZnRlciB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3R0b206IDA7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMSApO1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdGxlZnQ6IDA7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHJpZ2h0OiAwO1xuXHRcdHRvcDogMDtcblx0fVxuXG5cdGltZyxcblx0dmlkZW8ge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRoZWlnaHQ6ICR7IElOSVRJQUxfQk9VTkRTLmhlaWdodCB9cHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogJHsgSU5JVElBTF9CT1VORFMud2lkdGggfXB4O1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRVbml0Q29udHJvbCA9IHN0eWxlZCggVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBkZXByZWNhdGVkQm90dG9tTWFyZ2luID0gKCB7XG5cdF9fbmV4dEhhc05vTWFyZ2luQm90dG9tLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiAhIF9fbmV4dEhhc05vTWFyZ2luQm90dG9tXG5cdFx0PyBjc3NgXG5cdFx0XHRcdHBhZGRpbmctYm90dG9tOiAxZW07XG5cdFx0ICBgXG5cdFx0OiB1bmRlZmluZWQ7XG59O1xuXG5jb25zdCBleHRyYUhlbHBUZXh0TWFyZ2luID0gKCB7XG5cdGhhc0hlbHBUZXh0ID0gZmFsc2UsXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuIGhhc0hlbHBUZXh0XG5cdFx0PyBjc3NgXG5cdFx0XHRcdHBhZGRpbmctYm90dG9tOiAxZW07XG5cdFx0ICBgXG5cdFx0OiB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIEZsZXggKWBcblx0bWF4LXdpZHRoOiAzMjBweDtcblx0cGFkZGluZy10b3A6IDFlbTtcblxuXHQkeyBleHRyYUhlbHBUZXh0TWFyZ2luIH1cblx0JHsgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZFZpZXcgPSBzdHlsZWQuZGl2YFxuXHRsZWZ0OiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKCAtNTAlLCAtNTAlLCAwICk7XG5cdHRyYW5zaXRpb246IG9wYWNpdHkgMTAwbXMgbGluZWFyO1xuXHR6LWluZGV4OiAxO1xuXG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXNDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR6LWluZGV4OiAxO1xuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdHRyYW5zaXRpb246IG9wYWNpdHkgMTAwbXMgbGluZWFyO1xuXHR9XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHJnYmEoIDI1NSwgMjU1LCAyNTUsIDAuNCApO1xuXHRiYWNrZHJvcC1maWx0ZXI6IGJsdXIoIDE2cHggKSBzYXR1cmF0ZSggMTgwJSApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDFweDtcblx0cmlnaHQ6IDFweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVkgPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdHdpZHRoOiAxcHg7XG5cdHRvcDogMXB4O1xuXHRib3R0b206IDFweDtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const MediaContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -30,13 +30,13 @@ export const MediaContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV =
 } : {
   target: "eeew7dm7",
   label: "MediaContainer"
-})("align-items:center;border-radius:", CONFIG.radiusBlockUi, ";cursor:pointer;display:inline-flex;justify-content:center;margin:auto;position:relative;height:100%;&:after{border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );content:'';left:0;pointer-events:none;position:absolute;right:0;top:0;}img,video{border-radius:inherit;box-sizing:border-box;display:block;height:auto;margin:0;max-height:100%;max-width:100%;pointer-events:none;user-select:none;width:auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogcmdiYSggMjU1LCAyNTUsIDI1NSwgMC40ICk7XG5cdGJhY2tkcm9wLWZpbHRlcjogYmx1ciggMTZweCApIHNhdHVyYXRlKCAxODAlICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMXB4O1xuXHRyaWdodDogMXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAxcHg7XG5cdGJvdHRvbTogMXB4O1xuYDtcbiJdfQ== */"));
+})("align-items:center;border-radius:", CONFIG.radiusBlockUi, ";cursor:pointer;display:inline-flex;justify-content:center;margin:auto;position:relative;height:100%;&:after{border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );content:'';left:0;pointer-events:none;position:absolute;right:0;top:0;}img,video{border-radius:inherit;box-sizing:border-box;display:block;height:auto;margin:0;max-height:100%;max-width:100%;pointer-events:none;user-select:none;width:auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzQmxvY2tVaSB9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHQmOmFmdGVyIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJvdHRvbTogMDtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4xICk7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHR9XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0ei1pbmRleDogMTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0fVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */"));
 export const MediaPlaceholder = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eeew7dm6"
 } : {
   target: "eeew7dm6",
   label: "MediaPlaceholder"
-})("background:", COLORS.gray[100], ";border-radius:inherit;box-sizing:border-box;height:", INITIAL_BOUNDS.height, "px;max-width:280px;min-width:", INITIAL_BOUNDS.width, "px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkQwQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogcmdiYSggMjU1LCAyNTUsIDI1NSwgMC40ICk7XG5cdGJhY2tkcm9wLWZpbHRlcjogYmx1ciggMTZweCApIHNhdHVyYXRlKCAxODAlICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMXB4O1xuXHRyaWdodDogMXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAxcHg7XG5cdGJvdHRvbTogMXB4O1xuYDtcbiJdfQ== */"));
+})("background:", COLORS.gray[100], ";border-radius:inherit;box-sizing:border-box;height:", INITIAL_BOUNDS.height, "px;max-width:280px;min-width:", INITIAL_BOUNDS.width, "px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkQwQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzQmxvY2tVaSB9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHQmOmFmdGVyIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJvdHRvbTogMDtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4xICk7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHR9XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0ei1pbmRleDogMTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0fVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */"));
 export const StyledUnitControl = /*#__PURE__*/_styled(UnitControl, process.env.NODE_ENV === "production" ? {
   target: "eeew7dm5"
 } : {
@@ -48,7 +48,7 @@ export const StyledUnitControl = /*#__PURE__*/_styled(UnitControl, process.env.N
 } : {
   name: "1d3w5wq",
   styles: "width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUVzRCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogcmdiYSggMjU1LCAyNTUsIDI1NSwgMC40ICk7XG5cdGJhY2tkcm9wLWZpbHRlcjogYmx1ciggMTZweCApIHNhdHVyYXRlKCAxODAlICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMXB4O1xuXHRyaWdodDogMXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAxcHg7XG5cdGJvdHRvbTogMXB4O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUVzRCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzQmxvY2tVaSB9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHQmOmFmdGVyIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJvdHRvbTogMDtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4xICk7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHR9XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0ei1pbmRleDogMTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0fVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -57,7 +57,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "upvz1a-deprecatedBottomMargin",
   styles: "padding-bottom:1em;label:deprecatedBottomMargin;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkVPIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Jsb2NrVWkgfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0JjphZnRlciB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3R0b206IDA7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMSApO1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdGxlZnQ6IDA7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHJpZ2h0OiAwO1xuXHRcdHRvcDogMDtcblx0fVxuXG5cdGltZyxcblx0dmlkZW8ge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRoZWlnaHQ6ICR7IElOSVRJQUxfQk9VTkRTLmhlaWdodCB9cHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogJHsgSU5JVElBTF9CT1VORFMud2lkdGggfXB4O1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRVbml0Q29udHJvbCA9IHN0eWxlZCggVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBkZXByZWNhdGVkQm90dG9tTWFyZ2luID0gKCB7XG5cdF9fbmV4dEhhc05vTWFyZ2luQm90dG9tLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiAhIF9fbmV4dEhhc05vTWFyZ2luQm90dG9tXG5cdFx0PyBjc3NgXG5cdFx0XHRcdHBhZGRpbmctYm90dG9tOiAxZW07XG5cdFx0ICBgXG5cdFx0OiB1bmRlZmluZWQ7XG59O1xuXG5jb25zdCBleHRyYUhlbHBUZXh0TWFyZ2luID0gKCB7XG5cdGhhc0hlbHBUZXh0ID0gZmFsc2UsXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuIGhhc0hlbHBUZXh0XG5cdFx0PyBjc3NgXG5cdFx0XHRcdHBhZGRpbmctYm90dG9tOiAxZW07XG5cdFx0ICBgXG5cdFx0OiB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIEZsZXggKWBcblx0bWF4LXdpZHRoOiAzMjBweDtcblx0cGFkZGluZy10b3A6IDFlbTtcblxuXHQkeyBleHRyYUhlbHBUZXh0TWFyZ2luIH1cblx0JHsgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZFZpZXcgPSBzdHlsZWQuZGl2YFxuXHRsZWZ0OiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKCAtNTAlLCAtNTAlLCAwICk7XG5cdHRyYW5zaXRpb246IG9wYWNpdHkgMTAwbXMgbGluZWFyO1xuXHR6LWluZGV4OiAxO1xuXG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkVPIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR6LWluZGV4OiAxO1xuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdHRyYW5zaXRpb246IG9wYWNpdHkgMTAwbXMgbGluZWFyO1xuXHR9XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHJnYmEoIDI1NSwgMjU1LCAyNTUsIDAuNCApO1xuXHRiYWNrZHJvcC1maWx0ZXI6IGJsdXIoIDE2cHggKSBzYXR1cmF0ZSggMTgwJSApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDFweDtcblx0cmlnaHQ6IDFweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVkgPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdHdpZHRoOiAxcHg7XG5cdHRvcDogMXB4O1xuXHRib3R0b206IDFweDtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const deprecatedBottomMargin = ({
@@ -71,7 +71,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "ho4pgl-extraHelpTextMargin",
   styles: "padding-bottom:1em;label:extraHelpTextMargin;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZPIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Jsb2NrVWkgfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1hcmdpbjogYXV0bztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cblx0JjphZnRlciB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3R0b206IDA7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMSApO1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdGxlZnQ6IDA7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHJpZ2h0OiAwO1xuXHRcdHRvcDogMDtcblx0fVxuXG5cdGltZyxcblx0dmlkZW8ge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG1heC1oZWlnaHQ6IDEwMCU7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRoZWlnaHQ6ICR7IElOSVRJQUxfQk9VTkRTLmhlaWdodCB9cHg7XG5cdG1heC13aWR0aDogMjgwcHg7XG5cdG1pbi13aWR0aDogJHsgSU5JVElBTF9CT1VORFMud2lkdGggfXB4O1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRVbml0Q29udHJvbCA9IHN0eWxlZCggVW5pdENvbnRyb2wgKWBcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBkZXByZWNhdGVkQm90dG9tTWFyZ2luID0gKCB7XG5cdF9fbmV4dEhhc05vTWFyZ2luQm90dG9tLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiAhIF9fbmV4dEhhc05vTWFyZ2luQm90dG9tXG5cdFx0PyBjc3NgXG5cdFx0XHRcdHBhZGRpbmctYm90dG9tOiAxZW07XG5cdFx0ICBgXG5cdFx0OiB1bmRlZmluZWQ7XG59O1xuXG5jb25zdCBleHRyYUhlbHBUZXh0TWFyZ2luID0gKCB7XG5cdGhhc0hlbHBUZXh0ID0gZmFsc2UsXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuIGhhc0hlbHBUZXh0XG5cdFx0PyBjc3NgXG5cdFx0XHRcdHBhZGRpbmctYm90dG9tOiAxZW07XG5cdFx0ICBgXG5cdFx0OiB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIEZsZXggKWBcblx0bWF4LXdpZHRoOiAzMjBweDtcblx0cGFkZGluZy10b3A6IDFlbTtcblxuXHQkeyBleHRyYUhlbHBUZXh0TWFyZ2luIH1cblx0JHsgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZFZpZXcgPSBzdHlsZWQuZGl2YFxuXHRsZWZ0OiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKCAtNTAlLCAtNTAlLCAwICk7XG5cdHRyYW5zaXRpb246IG9wYWNpdHkgMTAwbXMgbGluZWFyO1xuXHR6LWluZGV4OiAxO1xuXG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZPIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR6LWluZGV4OiAxO1xuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdHRyYW5zaXRpb246IG9wYWNpdHkgMTAwbXMgbGluZWFyO1xuXHR9XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHJnYmEoIDI1NSwgMjU1LCAyNTUsIDAuNCApO1xuXHRiYWNrZHJvcC1maWx0ZXI6IGJsdXIoIDE2cHggKSBzYXR1cmF0ZSggMTgwJSApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWiggMCApO1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWCA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0aGVpZ2h0OiAxcHg7XG5cdGxlZnQ6IDFweDtcblx0cmlnaHQ6IDFweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVkgPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdHdpZHRoOiAxcHg7XG5cdHRvcDogMXB4O1xuXHRib3R0b206IDFweDtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const extraHelpTextMargin = ({
@@ -84,15 +84,15 @@ export const ControlWrapper = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV ==
 } : {
   target: "eeew7dm4",
   label: "ControlWrapper"
-})("max-width:320px;padding-top:1em;", extraHelpTextMargin, " ", deprecatedBottomMargin, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkY0QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogcmdiYSggMjU1LCAyNTUsIDI1NSwgMC40ICk7XG5cdGJhY2tkcm9wLWZpbHRlcjogYmx1ciggMTZweCApIHNhdHVyYXRlKCAxODAlICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMXB4O1xuXHRyaWdodDogMXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAxcHg7XG5cdGJvdHRvbTogMXB4O1xuYDtcbiJdfQ== */"));
+})("max-width:320px;padding-top:1em;", extraHelpTextMargin, " ", deprecatedBottomMargin, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkY0QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzQmxvY2tVaSB9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHQmOmFmdGVyIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJvdHRvbTogMDtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4xICk7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHR9XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0ei1pbmRleDogMTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0fVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */"));
 export const GridView = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eeew7dm3"
 } : {
   target: "eeew7dm3",
   label: "GridView"
-})("left:50%;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translate3d( -50%, -50%, 0 );transition:opacity 100ms linear;z-index:1;", reduceMotion('transition'), " opacity:", ({
+})("left:50%;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translate3d( -50%, -50%, 0 );z-index:1;@media not ( prefers-reduced-motion ){transition:opacity 100ms linear;}opacity:", ({
   showOverlay
-}) => showOverlay ? 1 : 0, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdrQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogcmdiYSggMjU1LCAyNTUsIDI1NSwgMC40ICk7XG5cdGJhY2tkcm9wLWZpbHRlcjogYmx1ciggMTZweCApIHNhdHVyYXRlKCAxODAlICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMXB4O1xuXHRyaWdodDogMXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAxcHg7XG5cdGJvdHRvbTogMXB4O1xuYDtcbiJdfQ== */"));
+}) => showOverlay ? 1 : 0, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdrQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzQmxvY2tVaSB9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHQmOmFmdGVyIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJvdHRvbTogMDtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4xICk7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHR9XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0ei1pbmRleDogMTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0fVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */"));
 export const GridLine = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eeew7dm2"
 } : {
@@ -104,7 +104,7 @@ export const GridLine = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
 } : {
   name: "1yzbo24",
   styles: "background:rgba( 255, 255, 255, 0.4 );backdrop-filter:blur( 16px ) saturate( 180% );position:absolute;transform:translateZ( 0 )",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUhrQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogcmdiYSggMjU1LCAyNTUsIDI1NSwgMC40ICk7XG5cdGJhY2tkcm9wLWZpbHRlcjogYmx1ciggMTZweCApIHNhdHVyYXRlKCAxODAlICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMXB4O1xuXHRyaWdodDogMXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAxcHg7XG5cdGJvdHRvbTogMXB4O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0hrQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzQmxvY2tVaSB9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHQmOmFmdGVyIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJvdHRvbTogMDtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4xICk7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHR9XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0ei1pbmRleDogMTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0fVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const GridLineX = /*#__PURE__*/_styled(GridLine, process.env.NODE_ENV === "production" ? {
@@ -118,7 +118,7 @@ export const GridLineX = /*#__PURE__*/_styled(GridLine, process.env.NODE_ENV ===
 } : {
   name: "1sw8ur",
   styles: "height:1px;left:1px;right:1px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEgyQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogcmdiYSggMjU1LCAyNTUsIDI1NSwgMC40ICk7XG5cdGJhY2tkcm9wLWZpbHRlcjogYmx1ciggMTZweCApIHNhdHVyYXRlKCAxODAlICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMXB4O1xuXHRyaWdodDogMXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAxcHg7XG5cdGJvdHRvbTogMXB4O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkgyQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzQmxvY2tVaSB9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHQmOmFmdGVyIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJvdHRvbTogMDtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4xICk7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHR9XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0ei1pbmRleDogMTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0fVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const GridLineY = /*#__PURE__*/_styled(GridLine, process.env.NODE_ENV === "production" ? {
@@ -132,7 +132,7 @@ export const GridLineY = /*#__PURE__*/_styled(GridLine, process.env.NODE_ENV ===
 } : {
   name: "188vg4t",
   styles: "width:1px;top:1px;bottom:1px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0kyQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSU5JVElBTF9CT1VORFMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0ZGlzcGxheTogZmxleDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdCY6YWZ0ZXIge1xuXHRcdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCByZ2JhKCAwLCAwLCAwLCAwLjEgKTtcblx0XHRjb250ZW50OiAnJztcblx0XHRsZWZ0OiAwO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRyaWdodDogMDtcblx0XHR0b3A6IDA7XG5cdH1cblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogcmdiYSggMjU1LCAyNTUsIDI1NSwgMC40ICk7XG5cdGJhY2tkcm9wLWZpbHRlcjogYmx1ciggMTZweCApIHNhdHVyYXRlKCAxODAlICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMXB4O1xuXHRyaWdodDogMXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lWSA9IHN0eWxlZCggR3JpZExpbmUgKWBcblx0d2lkdGg6IDFweDtcblx0dG9wOiAxcHg7XG5cdGJvdHRvbTogMXB4O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUkyQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzQmxvY2tVaSB9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHQmOmFmdGVyIHtcblx0XHRib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuXHRcdGJvdHRvbTogMDtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4xICk7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0bGVmdDogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXHR9XG5cblx0aW1nLFxuXHR2aWRlbyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0ei1pbmRleDogMTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEwMG1zIGxpbmVhcjtcblx0fVxuXG5cdG9wYWNpdHk6ICR7ICggeyBzaG93T3ZlcmxheSB9OiB7IHNob3dPdmVybGF5PzogYm9vbGVhbiB9ICkgPT5cblx0XHRzaG93T3ZlcmxheSA/IDEgOiAwIH07XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmUgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjQgKTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCAxNnB4ICkgc2F0dXJhdGUoIDE4MCUgKTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAxcHg7XG5cdHJpZ2h0OiAxcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDFweDtcblx0Ym90dG9tOiAxcHg7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 //# sourceMappingURL=focal-point-picker-style.js.map

package/build-module/focal-point-picker/styles/focal-point-picker-style.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","Flex","UnitControl","COLORS","CONFIG","reduceMotion","INITIAL_BOUNDS","MediaWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","MediaContainer","radiusBlockUi","MediaPlaceholder","gray","height","width","StyledUnitControl","_ref2","deprecatedBottomMargin","__nextHasNoMarginBottom","undefined","_ref","extraHelpTextMargin","hasHelpText","ControlWrapper","GridView","showOverlay","GridLine","GridLineX","GridLineY"],"sources":["@wordpress/components/src/focal-point-picker/styles/focal-point-picker-style.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { Flex } from '../../flex';\nimport UnitControl from '../../unit-control';\nimport { COLORS, CONFIG, reduceMotion } from '../../utils';\nimport type { FocalPointPickerControlsProps } from '../types';\nimport { INITIAL_BOUNDS } from '../utils';\n\nexport const MediaWrapper = styled.div`\n\tbackground-color: transparent;\n\tdisplay: flex;\n\ttext-align: center;\n\twidth: 100%;\n`;\n\nexport const MediaContainer = styled.div`\n\talign-items: center;\n\tborder-radius: ${ CONFIG.radiusBlockUi };\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\tmargin: auto;\n\tposition: relative;\n\theight: 100%;\n\n\t&:after {\n\t\tborder-radius: inherit;\n\t\tbottom: 0;\n\t\tbox-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );\n\t\tcontent: '';\n\t\tleft: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t}\n\n\timg,\n\tvideo {\n\t\tborder-radius: inherit;\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t\tpointer-events: none;\n\t\tuser-select: none;\n\t\twidth: auto;\n\t}\n`;\n\nexport const MediaPlaceholder = styled.div`\n\tbackground: ${ COLORS.gray[ 100 ] };\n\tborder-radius: inherit;\n\tbox-sizing: border-box;\n\theight: ${ INITIAL_BOUNDS.height }px;\n\tmax-width: 280px;\n\tmin-width: ${ INITIAL_BOUNDS.width }px;\n\twidth: 100%;\n`;\n\nexport const StyledUnitControl = styled( UnitControl )`\n\twidth: 100%;\n`;\n\nconst deprecatedBottomMargin = ( {\n\t__nextHasNoMarginBottom,\n}: FocalPointPickerControlsProps ) => {\n\treturn ! __nextHasNoMarginBottom\n\t\t? css`\n\t\t\t\tpadding-bottom: 1em;\n\t\t  `\n\t\t: undefined;\n};\n\nconst extraHelpTextMargin = ( {\n\thasHelpText = false,\n}: FocalPointPickerControlsProps ) => {\n\treturn hasHelpText\n\t\t? css`\n\t\t\t\tpadding-bottom: 1em;\n\t\t  `\n\t\t: undefined;\n};\n\nexport const ControlWrapper = styled( Flex )`\n\tmax-width: 320px;\n\tpadding-top: 1em;\n\n\t${ extraHelpTextMargin }\n\t${ deprecatedBottomMargin }\n`;\n\nexport const GridView = styled.div`\n\tleft: 50%;\n\toverflow: hidden;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translate3d( -50%, -50%, 0 );\n\ttransition: opacity 100ms linear;\n\tz-index: 1;\n\n\t${ reduceMotion( 'transition' ) }\n\n\topacity: ${ ( { showOverlay }: { showOverlay?: boolean } ) =>\n\t\tshowOverlay ? 1 : 0 };\n`;\n\nexport const GridLine = styled.div`\n\tbackground: rgba( 255, 255, 255, 0.4 );\n\tbackdrop-filter: blur( 16px ) saturate( 180% );\n\tposition: absolute;\n\ttransform: translateZ( 0 );\n`;\n\nexport const GridLineX = styled( GridLine )`\n\theight: 1px;\n\tleft: 1px;\n\tright: 1px;\n`;\n\nexport const GridLineY = styled( GridLine )`\n\twidth: 1px;\n\ttop: 1px;\n\tbottom: 1px;\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","Flex","UnitControl","COLORS","CONFIG","INITIAL_BOUNDS","MediaWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","MediaContainer","radiusBlockUi","MediaPlaceholder","gray","height","width","StyledUnitControl","_ref2","deprecatedBottomMargin","__nextHasNoMarginBottom","undefined","_ref","extraHelpTextMargin","hasHelpText","ControlWrapper","GridView","showOverlay","GridLine","GridLineX","GridLineY"],"sources":["@wordpress/components/src/focal-point-picker/styles/focal-point-picker-style.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { Flex } from '../../flex';\nimport UnitControl from '../../unit-control';\nimport { COLORS, CONFIG } from '../../utils';\nimport type { FocalPointPickerControlsProps } from '../types';\nimport { INITIAL_BOUNDS } from '../utils';\n\nexport const MediaWrapper = styled.div`\n\tbackground-color: transparent;\n\tdisplay: flex;\n\ttext-align: center;\n\twidth: 100%;\n`;\n\nexport const MediaContainer = styled.div`\n\talign-items: center;\n\tborder-radius: ${ CONFIG.radiusBlockUi };\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\tmargin: auto;\n\tposition: relative;\n\theight: 100%;\n\n\t&:after {\n\t\tborder-radius: inherit;\n\t\tbottom: 0;\n\t\tbox-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );\n\t\tcontent: '';\n\t\tleft: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t}\n\n\timg,\n\tvideo {\n\t\tborder-radius: inherit;\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t\tpointer-events: none;\n\t\tuser-select: none;\n\t\twidth: auto;\n\t}\n`;\n\nexport const MediaPlaceholder = styled.div`\n\tbackground: ${ COLORS.gray[ 100 ] };\n\tborder-radius: inherit;\n\tbox-sizing: border-box;\n\theight: ${ INITIAL_BOUNDS.height }px;\n\tmax-width: 280px;\n\tmin-width: ${ INITIAL_BOUNDS.width }px;\n\twidth: 100%;\n`;\n\nexport const StyledUnitControl = styled( UnitControl )`\n\twidth: 100%;\n`;\n\nconst deprecatedBottomMargin = ( {\n\t__nextHasNoMarginBottom,\n}: FocalPointPickerControlsProps ) => {\n\treturn ! __nextHasNoMarginBottom\n\t\t? css`\n\t\t\t\tpadding-bottom: 1em;\n\t\t  `\n\t\t: undefined;\n};\n\nconst extraHelpTextMargin = ( {\n\thasHelpText = false,\n}: FocalPointPickerControlsProps ) => {\n\treturn hasHelpText\n\t\t? css`\n\t\t\t\tpadding-bottom: 1em;\n\t\t  `\n\t\t: undefined;\n};\n\nexport const ControlWrapper = styled( Flex )`\n\tmax-width: 320px;\n\tpadding-top: 1em;\n\n\t${ extraHelpTextMargin }\n\t${ deprecatedBottomMargin }\n`;\n\nexport const GridView = styled.div`\n\tleft: 50%;\n\toverflow: hidden;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translate3d( -50%, -50%, 0 );\n\tz-index: 1;\n\n\t@media not ( prefers-reduced-motion ) {\n\t\ttransition: opacity 100ms linear;\n\t}\n\n\topacity: ${ ( { showOverlay }: { showOverlay?: boolean } ) =>\n\t\tshowOverlay ? 1 : 0 };\n`;\n\nexport const GridLine = styled.div`\n\tbackground: rgba( 255, 255, 255, 0.4 );\n\tbackdrop-filter: blur( 16px ) saturate( 180% );\n\tposition: absolute;\n\ttransform: translateZ( 0 );\n`;\n\nexport const GridLineX = styled( GridLine )`\n\theight: 1px;\n\tleft: 1px;\n\tright: 1px;\n`;\n\nexport const GridLineY = styled( GridLine )`\n\twidth: 1px;\n\ttop: 1px;\n\tbottom: 1px;\n`;\n"],"mappings":"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","ignoreList":[]}

package/build-module/focal-point-picker/tooltip/index.native.js

@@ -45,10 +45,10 @@ function Tooltip({
   }, children));
 }
 function Label({
-  align,
+  align = 'center',
   text,
-  xOffset,
-  yOffset
+  xOffset = 0,
+  yOffset = 0
 }) {
   const animationValue = useRef(new Animated.Value(0)).current;
   const [dimensions, setDimensions] = useState(null);
@@ -120,11 +120,6 @@ function Label({
     style: arrowStyles
   })));
 }
-Label.defaultProps = {
-  align: 'center',
-  xOffset: 0,
-  yOffset: 0
-};
 Tooltip.Label = Label;
 export default Tooltip;
 //# sourceMappingURL=index.native.js.map

package/build-module/focal-point-picker/tooltip/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","Easing","PanResponder","Text","View","createContext","useEffect","useRef","useState","useContext","styles","TooltipContext","Tooltip","children","onPress","style","visible","panResponder","create","onStartShouldSetPanResponderCapture","current","createElement","Provider","value","panHandlers","Label","align","text","xOffset","yOffset","animationValue","Value","dimensions","setDimensions","Error","startAnimation","timing","toValue","duration","useNativeDriver","delay","easing","out","quad","start","tooltipTransforms","translateX","width","translateY","height","tooltipStyles","tooltip","shadowColor","tooltipShadow","color","shadowOffset","shadowOpacity","shadowRadius","elevation","transform","tooltipLeftAlign","arrowStyles","arrow","arrowLeftAlign","opacity","interpolate","inputRange","outputRange","onLayout","nativeEvent","layout","defaultProps"],"sources":["@wordpress/components/src/focal-point-picker/tooltip/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, Easing, PanResponder, Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n\tuseContext,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst TooltipContext = createContext();\n\nfunction Tooltip( { children, onPress, style, visible } ) {\n\tconst panResponder = useRef(\n\t\tPanResponder.create( {\n\t\t\t/**\n\t\t\t * To allow dimissing the tooltip on press while also avoiding blocking\n\t\t\t * interactivity within the child context, we place this `onPress` side\n\t\t\t * effect within the `onStartShouldSetPanResponderCapture` callback.\n\t\t\t *\n\t\t\t * This is a bit unorthodox, but may be the simplest approach to achieving\n\t\t\t * this outcome. This is effectively a gesture responder that never\n\t\t\t * becomes the controlling responder. https://bit.ly/2J3ugKF\n\t\t\t */\n\t\t\tonStartShouldSetPanResponderCapture: () => {\n\t\t\t\tif ( onPress ) {\n\t\t\t\t\tonPress();\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t},\n\t\t} )\n\t).current;\n\n\treturn (\n\t\t<TooltipContext.Provider value={ visible }>\n\t\t\t<View\n\t\t\t\t{ ...( visible ? panResponder.panHandlers : {} ) }\n\t\t\t\tstyle={ style }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t</TooltipContext.Provider>\n\t);\n}\n\nfunction Label( { align, text, xOffset, yOffset } ) {\n\tconst animationValue = useRef( new Animated.Value( 0 ) ).current;\n\tconst [ dimensions, setDimensions ] = useState( null );\n\tconst visible = useContext( TooltipContext );\n\n\tif ( typeof visible === 'undefined' ) {\n\t\tthrow new Error(\n\t\t\t'Tooltip.Label cannot be rendered outside of the Tooltip component'\n\t\t);\n\t}\n\n\tuseEffect( () => {\n\t\tconst startAnimation = () => {\n\t\t\tAnimated.timing( animationValue, {\n\t\t\t\ttoValue: visible ? 1 : 0,\n\t\t\t\tduration: visible ? 300 : 150,\n\t\t\t\tuseNativeDriver: true,\n\t\t\t\tdelay: visible ? 500 : 0,\n\t\t\t\teasing: Easing.out( Easing.quad ),\n\t\t\t} ).start();\n\t\t};\n\t\tstartAnimation();\n\t}, [ animationValue, visible ] );\n\n\t// Transforms rely upon onLayout to enable custom offsets additions.\n\tlet tooltipTransforms;\n\tif ( dimensions ) {\n\t\ttooltipTransforms = [\n\t\t\t{\n\t\t\t\ttranslateX:\n\t\t\t\t\t( align === 'center' ? -dimensions.width / 2 : 0 ) +\n\t\t\t\t\txOffset,\n\t\t\t},\n\t\t\t{ translateY: -dimensions.height + yOffset },\n\t\t];\n\t}\n\n\tconst tooltipStyles = [\n\t\tstyles.tooltip,\n\t\t{\n\t\t\tshadowColor: styles.tooltipShadow?.color,\n\t\t\tshadowOffset: {\n\t\t\t\twidth: 0,\n\t\t\t\theight: 2,\n\t\t\t},\n\t\t\tshadowOpacity: 0.25,\n\t\t\tshadowRadius: 2,\n\t\t\televation: 2,\n\t\t\ttransform: tooltipTransforms,\n\t\t},\n\t\talign === 'left' && styles.tooltipLeftAlign,\n\t];\n\tconst arrowStyles = [\n\t\tstyles.arrow,\n\t\talign === 'left' && styles.arrowLeftAlign,\n\t];\n\n\treturn (\n\t\t<Animated.View\n\t\t\tstyle={ {\n\t\t\t\topacity: animationValue,\n\t\t\t\ttransform: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttranslateY: animationValue.interpolate( {\n\t\t\t\t\t\t\tinputRange: [ 0, 1 ],\n\t\t\t\t\t\t\toutputRange: [ visible ? 4 : -8, -8 ],\n\t\t\t\t\t\t} ),\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t} }\n\t\t>\n\t\t\t<View\n\t\t\t\tonLayout={ ( { nativeEvent } ) => {\n\t\t\t\t\tconst { height, width } = nativeEvent.layout;\n\t\t\t\t\tsetDimensions( { height, width } );\n\t\t\t\t} }\n\t\t\t\tstyle={ tooltipStyles }\n\t\t\t>\n\t\t\t\t<Text style={ styles.text }>{ text }</Text>\n\t\t\t\t<View style={ arrowStyles } />\n\t\t\t</View>\n\t\t</Animated.View>\n\t);\n}\n\nLabel.defaultProps = {\n\talign: 'center',\n\txOffset: 0,\n\tyOffset: 0,\n};\n\nTooltip.Label = Label;\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Animated","Easing","PanResponder","Text","View","createContext","useEffect","useRef","useState","useContext","styles","TooltipContext","Tooltip","children","onPress","style","visible","panResponder","create","onStartShouldSetPanResponderCapture","current","createElement","Provider","value","panHandlers","Label","align","text","xOffset","yOffset","animationValue","Value","dimensions","setDimensions","Error","startAnimation","timing","toValue","duration","useNativeDriver","delay","easing","out","quad","start","tooltipTransforms","translateX","width","translateY","height","tooltipStyles","tooltip","shadowColor","tooltipShadow","color","shadowOffset","shadowOpacity","shadowRadius","elevation","transform","tooltipLeftAlign","arrowStyles","arrow","arrowLeftAlign","opacity","interpolate","inputRange","outputRange","onLayout","nativeEvent","layout"],"sources":["@wordpress/components/src/focal-point-picker/tooltip/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, Easing, PanResponder, Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n\tuseContext,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst TooltipContext = createContext();\n\nfunction Tooltip( { children, onPress, style, visible } ) {\n\tconst panResponder = useRef(\n\t\tPanResponder.create( {\n\t\t\t/**\n\t\t\t * To allow dimissing the tooltip on press while also avoiding blocking\n\t\t\t * interactivity within the child context, we place this `onPress` side\n\t\t\t * effect within the `onStartShouldSetPanResponderCapture` callback.\n\t\t\t *\n\t\t\t * This is a bit unorthodox, but may be the simplest approach to achieving\n\t\t\t * this outcome. This is effectively a gesture responder that never\n\t\t\t * becomes the controlling responder. https://bit.ly/2J3ugKF\n\t\t\t */\n\t\t\tonStartShouldSetPanResponderCapture: () => {\n\t\t\t\tif ( onPress ) {\n\t\t\t\t\tonPress();\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t},\n\t\t} )\n\t).current;\n\n\treturn (\n\t\t<TooltipContext.Provider value={ visible }>\n\t\t\t<View\n\t\t\t\t{ ...( visible ? panResponder.panHandlers : {} ) }\n\t\t\t\tstyle={ style }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t</TooltipContext.Provider>\n\t);\n}\n\nfunction Label( { align = 'center', text, xOffset = 0, yOffset = 0 } ) {\n\tconst animationValue = useRef( new Animated.Value( 0 ) ).current;\n\tconst [ dimensions, setDimensions ] = useState( null );\n\tconst visible = useContext( TooltipContext );\n\n\tif ( typeof visible === 'undefined' ) {\n\t\tthrow new Error(\n\t\t\t'Tooltip.Label cannot be rendered outside of the Tooltip component'\n\t\t);\n\t}\n\n\tuseEffect( () => {\n\t\tconst startAnimation = () => {\n\t\t\tAnimated.timing( animationValue, {\n\t\t\t\ttoValue: visible ? 1 : 0,\n\t\t\t\tduration: visible ? 300 : 150,\n\t\t\t\tuseNativeDriver: true,\n\t\t\t\tdelay: visible ? 500 : 0,\n\t\t\t\teasing: Easing.out( Easing.quad ),\n\t\t\t} ).start();\n\t\t};\n\t\tstartAnimation();\n\t}, [ animationValue, visible ] );\n\n\t// Transforms rely upon onLayout to enable custom offsets additions.\n\tlet tooltipTransforms;\n\tif ( dimensions ) {\n\t\ttooltipTransforms = [\n\t\t\t{\n\t\t\t\ttranslateX:\n\t\t\t\t\t( align === 'center' ? -dimensions.width / 2 : 0 ) +\n\t\t\t\t\txOffset,\n\t\t\t},\n\t\t\t{ translateY: -dimensions.height + yOffset },\n\t\t];\n\t}\n\n\tconst tooltipStyles = [\n\t\tstyles.tooltip,\n\t\t{\n\t\t\tshadowColor: styles.tooltipShadow?.color,\n\t\t\tshadowOffset: {\n\t\t\t\twidth: 0,\n\t\t\t\theight: 2,\n\t\t\t},\n\t\t\tshadowOpacity: 0.25,\n\t\t\tshadowRadius: 2,\n\t\t\televation: 2,\n\t\t\ttransform: tooltipTransforms,\n\t\t},\n\t\talign === 'left' && styles.tooltipLeftAlign,\n\t];\n\tconst arrowStyles = [\n\t\tstyles.arrow,\n\t\talign === 'left' && styles.arrowLeftAlign,\n\t];\n\n\treturn (\n\t\t<Animated.View\n\t\t\tstyle={ {\n\t\t\t\topacity: animationValue,\n\t\t\t\ttransform: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttranslateY: animationValue.interpolate( {\n\t\t\t\t\t\t\tinputRange: [ 0, 1 ],\n\t\t\t\t\t\t\toutputRange: [ visible ? 4 : -8, -8 ],\n\t\t\t\t\t\t} ),\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t} }\n\t\t>\n\t\t\t<View\n\t\t\t\tonLayout={ ( { nativeEvent } ) => {\n\t\t\t\t\tconst { height, width } = nativeEvent.layout;\n\t\t\t\t\tsetDimensions( { height, width } );\n\t\t\t\t} }\n\t\t\t\tstyle={ tooltipStyles }\n\t\t\t>\n\t\t\t\t<Text style={ styles.text }>{ text }</Text>\n\t\t\t\t<View style={ arrowStyles } />\n\t\t\t</View>\n\t\t</Animated.View>\n\t);\n}\n\nTooltip.Label = Label;\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}

package/build-module/focal-point-picker/utils.js

@@ -22,7 +22,9 @@ export function getExtension(filename = '') {
  * @return Whether the file is a video.
  */
 export function isVideoType(filename = '') {
-  if (!filename) return false;
+  if (!filename) {
+    return false;
+  }
   return filename.startsWith('data:video/') || VIDEO_EXTENSIONS.includes(getExtension(filename));
 }
 

package/build-module/focal-point-picker/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["INITIAL_BOUNDS","width","height","VIDEO_EXTENSIONS","getExtension","filename","parts","split","length","isVideoType","startsWith","includes","fractionToPercentage","fraction","Math","round"],"sources":["@wordpress/components/src/focal-point-picker/utils.ts"],"sourcesContent":["export const INITIAL_BOUNDS = {\n\twidth: 200,\n\theight: 170,\n};\n\nconst VIDEO_EXTENSIONS = [\n\t'avi',\n\t'mpg',\n\t'mpeg',\n\t'mov',\n\t'mp4',\n\t'm4v',\n\t'ogg',\n\t'ogv',\n\t'webm',\n\t'wmv',\n];\n\n/**\n * Gets the extension of a file name.\n *\n * @param filename The file name.\n * @return  The extension of the file name.\n */\nexport function getExtension( filename = '' ): string {\n\tconst parts = filename.split( '.' );\n\treturn parts[ parts.length - 1 ];\n}\n\n/**\n * Checks if a file is a video.\n *\n * @param filename The file name.\n * @return Whether the file is a video.\n */\nexport function isVideoType( filename: string = '' ): boolean {\n\tif ( ! filename ) return false;\n\treturn (\n\t\tfilename.startsWith( 'data:video/' ) ||\n\t\tVIDEO_EXTENSIONS.includes( getExtension( filename ) )\n\t);\n}\n\n/**\n * Transforms a fraction value to a percentage value.\n *\n * @param fraction The fraction value.\n * @return A percentage value.\n */\nexport function fractionToPercentage( fraction: number ): number {\n\treturn Math.round( fraction * 100 );\n}\n"],"mappings":"AAAA,OAAO,MAAMA,cAAc,GAAG;EAC7BC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE;AACT,CAAC;AAED,MAAMC,gBAAgB,GAAG,CACxB,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,CACL;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAEC,QAAQ,GAAG,EAAE,EAAW;EACrD,MAAMC,KAAK,GAAGD,QAAQ,CAACE,KAAK,CAAE,GAAI,CAAC;EACnC,OAAOD,KAAK,CAAEA,KAAK,CAACE,MAAM,GAAG,CAAC,CAAE;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAEJ,QAAgB,GAAG,EAAE,EAAY;EAC7D,IAAK,CAAEA,QAAQ,EAAG,OAAO,KAAK;EAC9B,OACCA,QAAQ,CAACK,UAAU,CAAE,aAAc,CAAC,IACpCP,gBAAgB,CAACQ,QAAQ,CAAEP,YAAY,CAAEC,QAAS,CAAE,CAAC;AAEvD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,oBAAoBA,CAAEC,QAAgB,EAAW;EAChE,OAAOC,IAAI,CAACC,KAAK,CAAEF,QAAQ,GAAG,GAAI,CAAC;AACpC","ignoreList":[]}
+{"version":3,"names":["INITIAL_BOUNDS","width","height","VIDEO_EXTENSIONS","getExtension","filename","parts","split","length","isVideoType","startsWith","includes","fractionToPercentage","fraction","Math","round"],"sources":["@wordpress/components/src/focal-point-picker/utils.ts"],"sourcesContent":["export const INITIAL_BOUNDS = {\n\twidth: 200,\n\theight: 170,\n};\n\nconst VIDEO_EXTENSIONS = [\n\t'avi',\n\t'mpg',\n\t'mpeg',\n\t'mov',\n\t'mp4',\n\t'm4v',\n\t'ogg',\n\t'ogv',\n\t'webm',\n\t'wmv',\n];\n\n/**\n * Gets the extension of a file name.\n *\n * @param filename The file name.\n * @return  The extension of the file name.\n */\nexport function getExtension( filename = '' ): string {\n\tconst parts = filename.split( '.' );\n\treturn parts[ parts.length - 1 ];\n}\n\n/**\n * Checks if a file is a video.\n *\n * @param filename The file name.\n * @return Whether the file is a video.\n */\nexport function isVideoType( filename: string = '' ): boolean {\n\tif ( ! filename ) {\n\t\treturn false;\n\t}\n\treturn (\n\t\tfilename.startsWith( 'data:video/' ) ||\n\t\tVIDEO_EXTENSIONS.includes( getExtension( filename ) )\n\t);\n}\n\n/**\n * Transforms a fraction value to a percentage value.\n *\n * @param fraction The fraction value.\n * @return A percentage value.\n */\nexport function fractionToPercentage( fraction: number ): number {\n\treturn Math.round( fraction * 100 );\n}\n"],"mappings":"AAAA,OAAO,MAAMA,cAAc,GAAG;EAC7BC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE;AACT,CAAC;AAED,MAAMC,gBAAgB,GAAG,CACxB,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,CACL;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAEC,QAAQ,GAAG,EAAE,EAAW;EACrD,MAAMC,KAAK,GAAGD,QAAQ,CAACE,KAAK,CAAE,GAAI,CAAC;EACnC,OAAOD,KAAK,CAAEA,KAAK,CAACE,MAAM,GAAG,CAAC,CAAE;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAEJ,QAAgB,GAAG,EAAE,EAAY;EAC7D,IAAK,CAAEA,QAAQ,EAAG;IACjB,OAAO,KAAK;EACb;EACA,OACCA,QAAQ,CAACK,UAAU,CAAE,aAAc,CAAC,IACpCP,gBAAgB,CAACQ,QAAQ,CAAEP,YAAY,CAAEC,QAAS,CAAE,CAAC;AAEvD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,oBAAoBA,CAAEC,QAAgB,EAAW;EAChE,OAAOC,IAAI,CAACC,KAAK,CAAEF,QAAQ,GAAG,GAAI,CAAC;AACpC","ignoreList":[]}

package/build-module/font-size-picker/index.js

@@ -24,6 +24,7 @@ import { Spacer } from '../spacer';
 import FontSizePickerSelect from './font-size-picker-select';
 import FontSizePickerToggleGroup from './font-size-picker-toggle-group';
 import { T_SHIRT_NAMES } from './constants';
+const DEFAULT_UNITS = ['px', 'em', 'rem'];
 const UnforwardedFontSizePicker = (props, ref) => {
   const {
     __next40pxDefaultSize = false,
@@ -32,13 +33,13 @@ const UnforwardedFontSizePicker = (props, ref) => {
     disableCustomFontSizes = false,
     onChange,
     size = 'default',
-    units: unitsProp,
+    units: unitsProp = DEFAULT_UNITS,
     value,
     withSlider = false,
     withReset = true
   } = props;
   const units = useCustomUnits({
-    availableUnits: unitsProp || ['px', 'em', 'rem']
+    availableUnits: unitsProp
   });
   const shouldUseSelectControl = fontSizes.length > 5;
   const selectedFontSize = fontSizes.find(fontSize => fontSize.size === value);