fix: prevent asset conflicts between React and Grid.js versions

Add coexistence checks to all enqueue methods to prevent loading
both React and Grid.js assets simultaneously.

Changes:
- ReactAdmin.php: Only enqueue React assets when ?react=1
- Init.php: Skip Grid.js when React active on admin pages
- Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0
- Customer.php, Product.php, License.php: Add coexistence checks

Now the toggle between Classic and React versions works correctly.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>

node_modules/@wordpress/components/build/focal-point-picker/controls.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FocalPointPickerControls;
+var _react = require("react");
+var _i18n = require("@wordpress/i18n");
+var _focalPointPickerStyle = require("./styles/focal-point-picker-style");
+var _utils = require("./utils");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const TEXTCONTROL_MIN = 0;
+const TEXTCONTROL_MAX = 100;
+const noop = () => {};
+function FocalPointPickerControls({
+  __nextHasNoMarginBottom,
+  __next40pxDefaultSize,
+  hasHelpText,
+  onChange = noop,
+  point = {
+    x: 0.5,
+    y: 0.5
+  }
+}) {
+  const valueX = (0, _utils.fractionToPercentage)(point.x);
+  const valueY = (0, _utils.fractionToPercentage)(point.y);
+  const handleChange = (value, axis) => {
+    if (value === undefined) return;
+    const num = parseInt(value, 10);
+    if (!isNaN(num)) {
+      onChange({
+        ...point,
+        [axis]: num / 100
+      });
+    }
+  };
+  return (0, _react.createElement)(_focalPointPickerStyle.ControlWrapper, {
+    className: "focal-point-picker__controls",
+    __nextHasNoMarginBottom: __nextHasNoMarginBottom,
+    hasHelpText: hasHelpText,
+    gap: 4
+  }, (0, _react.createElement)(FocalPointUnitControl, {
+    __next40pxDefaultSize: __next40pxDefaultSize,
+    label: (0, _i18n.__)('Left'),
+    "aria-label": (0, _i18n.__)('Focal point left position'),
+    value: [valueX, '%'].join(''),
+    onChange: next => handleChange(next, 'x'),
+    dragDirection: "e"
+  }), (0, _react.createElement)(FocalPointUnitControl, {
+    __next40pxDefaultSize: __next40pxDefaultSize,
+    label: (0, _i18n.__)('Top'),
+    "aria-label": (0, _i18n.__)('Focal point top position'),
+    value: [valueY, '%'].join(''),
+    onChange: next => handleChange(next, 'y'),
+    dragDirection: "s"
+  }));
+}
+function FocalPointUnitControl(props) {
+  return (0, _react.createElement)(_focalPointPickerStyle.StyledUnitControl, {
+    className: "focal-point-picker__controls-position-unit-control",
+    labelPosition: "top",
+    max: TEXTCONTROL_MAX,
+    min: TEXTCONTROL_MIN,
+    units: [{
+      value: '%',
+      label: '%'
+    }],
+    ...props
+  });
+}
+//# sourceMappingURL=controls.js.map

node_modules/@wordpress/components/build/focal-point-picker/focal-point.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FocalPoint;
+var _react = require("react");
+var _focalPointStyle = require("./styles/focal-point-style");
+var _classnames = _interopRequireDefault(require("classnames"));
+/**
+ * Internal dependencies
+ */
+
+/**
+ * External dependencies
+ */
+
+function FocalPoint({
+  left = '50%',
+  top = '50%',
+  ...props
+}) {
+  const classes = (0, _classnames.default)('components-focal-point-picker__icon_container');
+  const style = {
+    left,
+    top
+  };
+  return (0, _react.createElement)(_focalPointStyle.PointerCircle, {
+    ...props,
+    className: classes,
+    style: style
+  });
+}
+//# sourceMappingURL=focal-point.js.map

node_modules/@wordpress/components/build/focal-point-picker/focal-point.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_focalPointStyle","require","_classnames","_interopRequireDefault","FocalPoint","left","top","props","classes","classnames","style","_react","createElement","PointerCircle","className"],"sources":["@wordpress/components/src/focal-point-picker/focal-point.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { PointerCircle } from './styles/focal-point-style';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport type { FocalPointProps } from './types';\nimport type { WordPressComponentProps } from '../context';\n\nexport default function FocalPoint( {\n\tleft = '50%',\n\ttop = '50%',\n\t...props\n}: WordPressComponentProps< FocalPointProps, 'div' > ) {\n\tconst classes = classnames(\n\t\t'components-focal-point-picker__icon_container'\n\t);\n\n\tconst style = { left, top };\n\n\treturn <PointerCircle { ...props } className={ classes } style={ style } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,gBAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASG,UAAUA,CAAE;EACnCC,IAAI,GAAG,KAAK;EACZC,GAAG,GAAG,KAAK;EACX,GAAGC;AAC+C,CAAC,EAAG;EACtD,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EACzB,+CACD,CAAC;EAED,MAAMC,KAAK,GAAG;IAAEL,IAAI;IAAEC;EAAI,CAAC;EAE3B,OAAO,IAAAK,MAAA,CAAAC,aAAA,EAACZ,gBAAA,CAAAa,aAAa;IAAA,GAAMN,KAAK;IAAGO,SAAS,EAAGN,OAAS;IAACE,KAAK,EAAGA;EAAO,CAAE,CAAC;AAC5E"}

node_modules/@wordpress/components/build/focal-point-picker/focal-point.native.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FocalPoint;
+var _react = require("react");
+var _primitives = require("@wordpress/primitives");
+var _style = _interopRequireDefault(require("./style.scss"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function FocalPoint({
+  height,
+  style,
+  width
+}) {
+  return (0, _react.createElement)(_primitives.SVG, {
+    height: height,
+    style: style,
+    viewBox: "0 0 30 30",
+    width: width,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, (0, _react.createElement)(_primitives.Path, {
+    style: _style.default.focalPointIconPathOutline,
+    d: "M15 1C7.3 1 1 7.3 1 15s6.3 14 14 14 14-6.3 14-14S22.7 1 15 1zm0 22c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z"
+  }), (0, _react.createElement)(_primitives.Path, {
+    style: _style.default.focalPointIconPathFill,
+    d: "M15 3C8.4 3 3 8.4 3 15s5.4 12 12 12 12-5.4 12-12S21.6 3 15 3zm0 22C9.5 25 5 20.5 5 15S9.5 5 15 5s10 4.5 10 10-4.5 10-10 10z"
+  }));
+}
+//# sourceMappingURL=focal-point.native.js.map

node_modules/@wordpress/components/build/focal-point-picker/focal-point.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_primitives","require","_style","_interopRequireDefault","FocalPoint","height","style","width","_react","createElement","SVG","viewBox","xmlns","Path","styles","focalPointIconPathOutline","d","focalPointIconPathFill"],"sources":["@wordpress/components/src/focal-point-picker/focal-point.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport default function FocalPoint( { height, style, width } ) {\n\treturn (\n\t\t<SVG\n\t\t\theight={ height }\n\t\t\tstyle={ style }\n\t\t\tviewBox=\"0 0 30 30\"\n\t\t\twidth={ width }\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<Path\n\t\t\t\tstyle={ styles.focalPointIconPathOutline }\n\t\t\t\td=\"M15 1C7.3 1 1 7.3 1 15s6.3 14 14 14 14-6.3 14-14S22.7 1 15 1zm0 22c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z\"\n\t\t\t/>\n\t\t\t<Path\n\t\t\t\tstyle={ styles.focalPointIconPathFill }\n\t\t\t\td=\"M15 3C8.4 3 3 8.4 3 15s5.4 12 12 12 12-5.4 12-12S21.6 3 15 3zm0 22C9.5 25 5 20.5 5 15S9.5 5 15 5s10 4.5 10 10-4.5 10-10 10z\"\n\t\t\t/>\n\t\t</SVG>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASG,UAAUA,CAAE;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAM,CAAC,EAAG;EAC9D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAU,GAAG;IACHL,MAAM,EAAGA,MAAQ;IACjBC,KAAK,EAAGA,KAAO;IACfK,OAAO,EAAC,WAAW;IACnBJ,KAAK,EAAGA,KAAO;IACfK,KAAK,EAAC;EAA4B,GAElC,IAAAJ,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAa,IAAI;IACJP,KAAK,EAAGQ,cAAM,CAACC,yBAA2B;IAC1CC,CAAC,EAAC;EAAoH,CACtH,CAAC,EACF,IAAAR,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAa,IAAI;IACJP,KAAK,EAAGQ,cAAM,CAACG,sBAAwB;IACvCD,CAAC,EAAC;EAA6H,CAC/H,CACG,CAAC;AAER"}

node_modules/@wordpress/components/build/focal-point-picker/grid.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FocalPointPickerGrid;
+var _react = require("react");
+var _focalPointPickerStyle = require("./styles/focal-point-picker-style");
+/**
+ * Internal dependencies
+ */
+
+function FocalPointPickerGrid({
+  bounds,
+  ...props
+}) {
+  return (0, _react.createElement)(_focalPointPickerStyle.GridView, {
+    ...props,
+    className: "components-focal-point-picker__grid",
+    style: {
+      width: bounds.width,
+      height: bounds.height
+    }
+  }, (0, _react.createElement)(_focalPointPickerStyle.GridLineX, {
+    style: {
+      top: '33%'
+    }
+  }), (0, _react.createElement)(_focalPointPickerStyle.GridLineX, {
+    style: {
+      top: '66%'
+    }
+  }), (0, _react.createElement)(_focalPointPickerStyle.GridLineY, {
+    style: {
+      left: '33%'
+    }
+  }), (0, _react.createElement)(_focalPointPickerStyle.GridLineY, {
+    style: {
+      left: '66%'
+    }
+  }));
+}
+//# sourceMappingURL=grid.js.map

node_modules/@wordpress/components/build/focal-point-picker/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_focalPointPickerStyle","require","FocalPointPickerGrid","bounds","props","_react","createElement","GridView","className","style","width","height","GridLineX","top","GridLineY","left"],"sources":["@wordpress/components/src/focal-point-picker/grid.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tGridView,\n\tGridLineX,\n\tGridLineY,\n} from './styles/focal-point-picker-style';\nimport type { FocalPointPickerGridProps } from './types';\nimport type { WordPressComponentProps } from '../context/wordpress-component';\n\nexport default function FocalPointPickerGrid( {\n\tbounds,\n\t...props\n}: WordPressComponentProps< FocalPointPickerGridProps, 'div' > ) {\n\treturn (\n\t\t<GridView\n\t\t\t{ ...props }\n\t\t\tclassName=\"components-focal-point-picker__grid\"\n\t\t\tstyle={ {\n\t\t\t\twidth: bounds.width,\n\t\t\t\theight: bounds.height,\n\t\t\t} }\n\t\t>\n\t\t\t<GridLineX style={ { top: '33%' } } />\n\t\t\t<GridLineX style={ { top: '66%' } } />\n\t\t\t<GridLineY style={ { left: '33%' } } />\n\t\t\t<GridLineY style={ { left: '66%' } } />\n\t\t</GridView>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,sBAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AASe,SAASC,oBAAoBA,CAAE;EAC7CC,MAAM;EACN,GAAGC;AACyD,CAAC,EAAG;EAChE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACN,sBAAA,CAAAO,QAAQ;IAAA,GACHH,KAAK;IACVI,SAAS,EAAC,qCAAqC;IAC/CC,KAAK,EAAG;MACPC,KAAK,EAAEP,MAAM,CAACO,KAAK;MACnBC,MAAM,EAAER,MAAM,CAACQ;IAChB;EAAG,GAEH,IAAAN,MAAA,CAAAC,aAAA,EAACN,sBAAA,CAAAY,SAAS;IAACH,KAAK,EAAG;MAAEI,GAAG,EAAE;IAAM;EAAG,CAAE,CAAC,EACtC,IAAAR,MAAA,CAAAC,aAAA,EAACN,sBAAA,CAAAY,SAAS;IAACH,KAAK,EAAG;MAAEI,GAAG,EAAE;IAAM;EAAG,CAAE,CAAC,EACtC,IAAAR,MAAA,CAAAC,aAAA,EAACN,sBAAA,CAAAc,SAAS;IAACL,KAAK,EAAG;MAAEM,IAAI,EAAE;IAAM;EAAG,CAAE,CAAC,EACvC,IAAAV,MAAA,CAAAC,aAAA,EAACN,sBAAA,CAAAc,SAAS;IAACL,KAAK,EAAG;MAAEM,IAAI,EAAE;IAAM;EAAG,CAAE,CAC7B,CAAC;AAEb"}

node_modules/@wordpress/components/build/focal-point-picker/index.js

@@ -0,0 +1,278 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FocalPointPicker = FocalPointPicker;
+exports.default = void 0;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
+var _compose = require("@wordpress/compose");
+var _baseControl = _interopRequireDefault(require("../base-control"));
+var _controls = _interopRequireDefault(require("./controls"));
+var _focalPoint = _interopRequireDefault(require("./focal-point"));
+var _grid = _interopRequireDefault(require("./grid"));
+var _media = _interopRequireDefault(require("./media"));
+var _focalPointPickerStyle = require("./styles/focal-point-picker-style");
+var _utils = require("./utils");
+var _hooks = require("../utils/hooks");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const GRID_OVERLAY_TIMEOUT = 600;
+
+/**
+ * Focal Point Picker is a component which creates a UI for identifying the most important visual point of an image.
+ *
+ * This component addresses a specific problem: with large background images it is common to see undesirable crops,
+ * especially when viewing on smaller viewports such as mobile phones. This component allows the selection of
+ * the point with the most important visual information and returns it as a pair of numbers between 0 and 1.
+ * This value can be easily converted into the CSS `background-position` attribute, and will ensure that the
+ * focal point is never cropped out, regardless of viewport.
+ *
+ * - Example focal point picker value: `{ x: 0.5, y: 0.1 }`
+ * - Corresponding CSS: `background-position: 50% 10%;`
+ *
+ * ```jsx
+ * import { FocalPointPicker } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const Example = () => {
+ * 	const [ focalPoint, setFocalPoint ] = useState( {
+ * 		x: 0.5,
+ * 		y: 0.5,
+ * 	} );
+ *
+ * 	const url = '/path/to/image';
+ *
+ * 	// Example function to render the CSS styles based on Focal Point Picker value
+ * 	const style = {
+ * 		backgroundImage: `url(${ url })`,
+ * 		backgroundPosition: `${ focalPoint.x * 100 }% ${ focalPoint.y * 100 }%`,
+ * 	};
+ *
+ * 	return (
+ * 		<>
+ * 			<FocalPointPicker
+ * 				url={ url }
+ * 				value={ focalPoint }
+ * 				onDragStart={ setFocalPoint }
+ * 				onDrag={ setFocalPoint }
+ * 				onChange={ setFocalPoint }
+ * 			/>
+ * 			<div style={ style } />
+ * 		</>
+ * 	);
+ * };
+ * ```
+ */
+function FocalPointPicker({
+  __nextHasNoMarginBottom,
+  __next40pxDefaultSize = false,
+  autoPlay = true,
+  className,
+  help,
+  label,
+  onChange,
+  onDrag,
+  onDragEnd,
+  onDragStart,
+  resolvePoint,
+  url,
+  value: valueProp = {
+    x: 0.5,
+    y: 0.5
+  },
+  ...restProps
+}) {
+  const [point, setPoint] = (0, _element.useState)(valueProp);
+  const [showGridOverlay, setShowGridOverlay] = (0, _element.useState)(false);
+  const {
+    startDrag,
+    endDrag,
+    isDragging
+  } = (0, _compose.__experimentalUseDragging)({
+    onDragStart: event => {
+      dragAreaRef.current?.focus();
+      const value = getValueWithinDragArea(event);
+
+      // `value` can technically be undefined if getValueWithinDragArea() is
+      // called before dragAreaRef is set, but this shouldn't happen in reality.
+      if (!value) return;
+      onDragStart?.(value, event);
+      setPoint(value);
+    },
+    onDragMove: event => {
+      // Prevents text-selection when dragging.
+      event.preventDefault();
+      const value = getValueWithinDragArea(event);
+      if (!value) return;
+      onDrag?.(value, event);
+      setPoint(value);
+    },
+    onDragEnd: () => {
+      onDragEnd?.();
+      onChange?.(point);
+    }
+  });
+
+  // Uses the internal point while dragging or else the value from props.
+  const {
+    x,
+    y
+  } = isDragging ? point : valueProp;
+  const dragAreaRef = (0, _element.useRef)(null);
+  const [bounds, setBounds] = (0, _element.useState)(_utils.INITIAL_BOUNDS);
+  const refUpdateBounds = (0, _element.useRef)(() => {
+    if (!dragAreaRef.current) return;
+    const {
+      clientWidth: width,
+      clientHeight: height
+    } = dragAreaRef.current;
+    // Falls back to initial bounds if the ref has no size. Since styles
+    // give the drag area dimensions even when the media has not loaded
+    // this should only happen in unit tests (jsdom).
+    setBounds(width > 0 && height > 0 ? {
+      width,
+      height
+    } : {
+      ..._utils.INITIAL_BOUNDS
+    });
+  });
+  (0, _element.useEffect)(() => {
+    const updateBounds = refUpdateBounds.current;
+    if (!dragAreaRef.current) return;
+    const {
+      defaultView
+    } = dragAreaRef.current.ownerDocument;
+    defaultView?.addEventListener('resize', updateBounds);
+    return () => defaultView?.removeEventListener('resize', updateBounds);
+  }, []);
+
+  // Updates the bounds to cover cases of unspecified media or load failures.
+  (0, _compose.useIsomorphicLayoutEffect)(() => void refUpdateBounds.current(), []);
+
+  // TODO: Consider refactoring getValueWithinDragArea() into a pure function.
+  // https://github.com/WordPress/gutenberg/pull/43872#discussion_r963455173
+  const getValueWithinDragArea = ({
+    clientX,
+    clientY,
+    shiftKey
+  }) => {
+    if (!dragAreaRef.current) return;
+    const {
+      top,
+      left
+    } = dragAreaRef.current.getBoundingClientRect();
+    let nextX = (clientX - left) / bounds.width;
+    let nextY = (clientY - top) / bounds.height;
+    // Enables holding shift to jump values by 10%.
+    if (shiftKey) {
+      nextX = Math.round(nextX / 0.1) * 0.1;
+      nextY = Math.round(nextY / 0.1) * 0.1;
+    }
+    return getFinalValue({
+      x: nextX,
+      y: nextY
+    });
+  };
+  const getFinalValue = value => {
+    var _resolvePoint;
+    const resolvedValue = (_resolvePoint = resolvePoint?.(value)) !== null && _resolvePoint !== void 0 ? _resolvePoint : value;
+    resolvedValue.x = Math.max(0, Math.min(resolvedValue.x, 1));
+    resolvedValue.y = Math.max(0, Math.min(resolvedValue.y, 1));
+    const roundToTwoDecimalPlaces = n => Math.round(n * 1e2) / 1e2;
+    return {
+      x: roundToTwoDecimalPlaces(resolvedValue.x),
+      y: roundToTwoDecimalPlaces(resolvedValue.y)
+    };
+  };
+  const arrowKeyStep = event => {
+    const {
+      code,
+      shiftKey
+    } = event;
+    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(code)) return;
+    event.preventDefault();
+    const value = {
+      x,
+      y
+    };
+    const step = shiftKey ? 0.1 : 0.01;
+    const delta = code === 'ArrowUp' || code === 'ArrowLeft' ? -1 * step : step;
+    const axis = code === 'ArrowUp' || code === 'ArrowDown' ? 'y' : 'x';
+    value[axis] = value[axis] + delta;
+    onChange?.(getFinalValue(value));
+  };
+  const focalPointPosition = {
+    left: x * bounds.width,
+    top: y * bounds.height
+  };
+  const classes = (0, _classnames.default)('components-focal-point-picker-control', className);
+  const instanceId = (0, _compose.useInstanceId)(FocalPointPicker);
+  const id = `inspector-focal-point-picker-control-${instanceId}`;
+  (0, _hooks.useUpdateEffect)(() => {
+    setShowGridOverlay(true);
+    const timeout = window.setTimeout(() => {
+      setShowGridOverlay(false);
+    }, GRID_OVERLAY_TIMEOUT);
+    return () => window.clearTimeout(timeout);
+  }, [x, y]);
+  return (0, _react.createElement)(_baseControl.default, {
+    ...restProps,
+    __nextHasNoMarginBottom: __nextHasNoMarginBottom,
+    label: label,
+    id: id,
+    help: help,
+    className: classes
+  }, (0, _react.createElement)(_focalPointPickerStyle.MediaWrapper, {
+    className: "components-focal-point-picker-wrapper"
+  }, (0, _react.createElement)(_focalPointPickerStyle.MediaContainer, {
+    className: "components-focal-point-picker",
+    onKeyDown: arrowKeyStep,
+    onMouseDown: startDrag,
+    onBlur: () => {
+      if (isDragging) endDrag();
+    },
+    ref: dragAreaRef,
+    role: "button",
+    tabIndex: -1
+  }, (0, _react.createElement)(_grid.default, {
+    bounds: bounds,
+    showOverlay: showGridOverlay
+  }), (0, _react.createElement)(_media.default, {
+    alt: (0, _i18n.__)('Media preview'),
+    autoPlay: autoPlay,
+    onLoad: refUpdateBounds.current,
+    src: url
+  }), (0, _react.createElement)(_focalPoint.default, {
+    ...focalPointPosition,
+    isDragging: isDragging
+  }))), (0, _react.createElement)(_controls.default, {
+    __nextHasNoMarginBottom: __nextHasNoMarginBottom,
+    __next40pxDefaultSize: __next40pxDefaultSize,
+    hasHelpText: !!help,
+    point: {
+      x,
+      y
+    },
+    onChange: value => {
+      onChange?.(getFinalValue(value));
+    }
+  }));
+}
+var _default = FocalPointPicker;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

node_modules/@wordpress/components/build/focal-point-picker/index.native.js

@@ -0,0 +1,262 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
+var _reactNativeBridge = require("@wordpress/react-native-bridge");
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
+var _compose = require("@wordpress/compose");
+var _focalPoint = _interopRequireDefault(require("./focal-point"));
+var _tooltip = _interopRequireDefault(require("./tooltip"));
+var _style = _interopRequireDefault(require("./style.scss"));
+var _utils = require("./utils");
+var _math = require("../utils/math");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const MIN_POSITION_VALUE = 0;
+const MAX_POSITION_VALUE = 100;
+const FOCAL_POINT_UNITS = [{
+  default: 50,
+  label: '%',
+  value: '%'
+}];
+function FocalPointPicker(props) {
+  const {
+    focalPoint,
+    onChange,
+    shouldEnableBottomSheetScroll,
+    url
+  } = props;
+  const isVideo = (0, _utils.isVideoType)(url);
+  const [containerSize, setContainerSize] = (0, _element.useState)(null);
+  const [sliderKey, setSliderKey] = (0, _element.useState)(0);
+  const [displayPlaceholder, setDisplayPlaceholder] = (0, _element.useState)(true);
+  const [videoNaturalSize, setVideoNaturalSize] = (0, _element.useState)(null);
+  const [tooltipVisible, setTooltipVisible] = (0, _element.useState)(false);
+  const locationPageOffsetX = (0, _element.useRef)();
+  const locationPageOffsetY = (0, _element.useRef)();
+  const videoRef = (0, _element.useRef)(null);
+  (0, _element.useEffect)(() => {
+    (0, _reactNativeBridge.requestFocalPointPickerTooltipShown)(tooltipShown => {
+      if (!tooltipShown) {
+        setTooltipVisible(true);
+        (0, _reactNativeBridge.setFocalPointPickerTooltipShown)(true);
+      }
+    });
+  }, []);
+
+  // Animated coordinates for drag handle.
+  const pan = (0, _element.useRef)(new _reactNative.Animated.ValueXY()).current;
+
+  /**
+   * Set drag handle position anytime focal point coordinates change.
+   * E.g. initial render, dragging range sliders.
+   */
+  (0, _element.useEffect)(() => {
+    if (containerSize) {
+      pan.setValue({
+        x: focalPoint.x * containerSize.width,
+        y: focalPoint.y * containerSize.height
+      });
+    }
+  }, [focalPoint, containerSize, pan]);
+
+  // Pan responder to manage drag handle interactivity.
+  const panResponder = (0, _element.useMemo)(() => _reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onStartShouldSetPanResponderCapture: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponderCapture: () => true,
+    onPanResponderGrant: event => {
+      shouldEnableBottomSheetScroll(false);
+      const {
+        locationX: x,
+        locationY: y,
+        pageX,
+        pageY
+      } = event.nativeEvent;
+      locationPageOffsetX.current = pageX - x;
+      locationPageOffsetY.current = pageY - y;
+      pan.setValue({
+        x,
+        y
+      }); // Set cursor to tap location.
+      pan.extractOffset(); // Set offset to current value.
+    },
+
+    // Move cursor to match delta drag.
+    onPanResponderMove: _reactNative.Animated.event([null, {
+      dx: pan.x,
+      dy: pan.y
+    }], {
+      useNativeDriver: false
+    }),
+    onPanResponderRelease: event => {
+      shouldEnableBottomSheetScroll(true);
+      pan.flattenOffset(); // Flatten offset into value.
+      const {
+        pageX,
+        pageY
+      } = event.nativeEvent;
+      // Ideally, x and y below are merely locationX and locationY from the
+      // nativeEvent. However, we are required to compute these relative
+      // coordinates to workaround a bug affecting Android's PanResponder.
+      // Specifically, dragging the handle outside the bounds of the image
+      // results in inaccurate locationX and locationY coordinates to be
+      // reported. https://github.com/facebook/react-native/issues/15290#issuecomment-435494944
+      const x = pageX - locationPageOffsetX.current;
+      const y = pageY - locationPageOffsetY.current;
+      onChange({
+        x: (0, _math.clamp)(x / containerSize?.width, 0, 1).toFixed(2),
+        y: (0, _math.clamp)(y / containerSize?.height, 0, 1).toFixed(2)
+      });
+      // Slider (child of RangeCell) is uncontrolled, so we must increment a
+      // key to re-mount and sync the pan gesture values to the sliders
+      // https://github.com/callstack/react-native-slider/tree/v3.0.3#value
+      setSliderKey(prevState => prevState + 1);
+    }
+  }), [containerSize, pan, onChange, shouldEnableBottomSheetScroll]);
+  const mediaBackground = (0, _compose.usePreferredColorSchemeStyle)(_style.default.mediaBackground, _style.default.mediaBackgroundDark);
+  const imagePreviewStyles = [displayPlaceholder && _style.default.mediaPlaceholder, _style.default.image];
+  const videoPreviewStyles = [{
+    aspectRatio: videoNaturalSize && videoNaturalSize.width / videoNaturalSize.height,
+    // Hide Video component since it has black background while loading the source
+    opacity: displayPlaceholder ? 0 : 1
+  }, _style.default.video, displayPlaceholder && _style.default.mediaPlaceholder];
+  const focalPointGroupStyles = [_style.default.focalPointGroup, {
+    transform: [{
+      translateX: pan.x.interpolate({
+        inputRange: [0, containerSize?.width || 0],
+        outputRange: [0, containerSize?.width || 0],
+        extrapolate: 'clamp'
+      })
+    }, {
+      translateY: pan.y.interpolate({
+        inputRange: [0, containerSize?.height || 0],
+        outputRange: [0, containerSize?.height || 0],
+        extrapolate: 'clamp'
+      })
+    }]
+  }];
+  const FOCAL_POINT_SIZE = 50;
+  const focalPointStyles = _reactNative.StyleSheet.flatten([_style.default.focalPoint, {
+    height: FOCAL_POINT_SIZE,
+    marginLeft: -(FOCAL_POINT_SIZE / 2),
+    marginTop: -(FOCAL_POINT_SIZE / 2),
+    width: FOCAL_POINT_SIZE
+  }]);
+  const onTooltipPress = () => setTooltipVisible(false);
+  const onMediaLayout = event => {
+    const {
+      height,
+      width
+    } = event.nativeEvent.layout;
+    if (width !== 0 && height !== 0 && (containerSize?.width !== width || containerSize?.height !== height)) {
+      setContainerSize({
+        width,
+        height
+      });
+    }
+  };
+  const onImageDataLoad = () => setDisplayPlaceholder(false);
+  const onVideoLoad = event => {
+    const {
+      height,
+      width
+    } = event.naturalSize;
+    setVideoNaturalSize({
+      height,
+      width
+    });
+    setDisplayPlaceholder(false);
+    // Avoid invisible, paused video on Android, presumably related to
+    // https://github.com/react-native-video/react-native-video/issues/1979
+    videoRef?.current.seek(0);
+  };
+  const onXCoordinateChange = x => onChange({
+    x: (x / 100).toFixed(2)
+  });
+  const onYCoordinateChange = y => onChange({
+    y: (y / 100).toFixed(2)
+  });
+  return (0, _react.createElement)(_reactNative.View, {
+    style: _style.default.container
+  }, (0, _react.createElement)(_tooltip.default, {
+    onPress: onTooltipPress,
+    visible: tooltipVisible
+  }, (0, _react.createElement)(_reactNative.View, {
+    style: [_style.default.media, mediaBackground]
+  }, (0, _react.createElement)(_reactNative.View, {
+    ...panResponder.panHandlers,
+    onLayout: onMediaLayout,
+    style: _style.default.mediaContainer
+  }, !isVideo && (0, _react.createElement)(_components.Image, {
+    editButton: false,
+    highlightSelected: false,
+    isSelected: !displayPlaceholder,
+    height: "100%",
+    url: url,
+    style: imagePreviewStyles,
+    onImageDataLoad: onImageDataLoad
+  }), isVideo && (0, _react.createElement)(_reactNativeVideo.default, {
+    muted: true,
+    paused: true,
+    disableFocus: true,
+    onLoad: onVideoLoad,
+    ref: videoRef,
+    resizeMode: "contain",
+    source: {
+      uri: url
+    },
+    style: videoPreviewStyles
+  }), !displayPlaceholder && (0, _react.createElement)(_reactNative.Animated.View, {
+    pointerEvents: "none",
+    style: focalPointGroupStyles
+  }, (0, _react.createElement)(_tooltip.default.Label, {
+    text: (0, _i18n.__)('Drag to adjust focal point'),
+    yOffset: -(FOCAL_POINT_SIZE / 2)
+  }), (0, _react.createElement)(_focalPoint.default, {
+    height: focalPointStyles.height,
+    style: focalPointStyles,
+    testID: "focal-point-picker-handle",
+    width: focalPointStyles.width
+  })))), (0, _react.createElement)(_components.UnitControl, {
+    key: `xAxis-${sliderKey}`,
+    label: (0, _i18n.__)('X-Axis Position'),
+    max: MAX_POSITION_VALUE,
+    min: MIN_POSITION_VALUE,
+    onChange: onXCoordinateChange,
+    unit: "%",
+    units: FOCAL_POINT_UNITS,
+    value: Math.round(focalPoint.x * 100)
+  }), (0, _react.createElement)(_components.UnitControl, {
+    key: `yAxis-${sliderKey}`,
+    label: (0, _i18n.__)('Y-Axis Position'),
+    max: MAX_POSITION_VALUE,
+    min: MIN_POSITION_VALUE,
+    onChange: onYCoordinateChange,
+    unit: "%",
+    units: FOCAL_POINT_UNITS,
+    value: Math.round(focalPoint.y * 100)
+  })));
+}
+var _default = FocalPointPicker;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

node_modules/@wordpress/components/build/focal-point-picker/media.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Media;
+var _react = require("react");
+var _focalPointPickerStyle = require("./styles/focal-point-picker-style");
+var _utils = require("./utils");
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function Media({
+  alt,
+  autoPlay,
+  src,
+  onLoad,
+  mediaRef,
+  // Exposing muted prop for test rendering purposes
+  // https://github.com/testing-library/react-testing-library/issues/470
+  muted = true,
+  ...props
+}) {
+  if (!src) {
+    return (0, _react.createElement)(_focalPointPickerStyle.MediaPlaceholder, {
+      className: "components-focal-point-picker__media components-focal-point-picker__media--placeholder",
+      ref: mediaRef,
+      ...props
+    });
+  }
+  const isVideo = (0, _utils.isVideoType)(src);
+  return isVideo ? (0, _react.createElement)("video", {
+    ...props,
+    autoPlay: autoPlay,
+    className: "components-focal-point-picker__media components-focal-point-picker__media--video",
+    loop: true,
+    muted: muted,
+    onLoadedData: onLoad,
+    ref: mediaRef,
+    src: src
+  }) : (0, _react.createElement)("img", {
+    ...props,
+    alt: alt,
+    className: "components-focal-point-picker__media components-focal-point-picker__media--image",
+    onLoad: onLoad,
+    ref: mediaRef,
+    src: src
+  });
+}
+//# sourceMappingURL=media.js.map

node_modules/@wordpress/components/build/focal-point-picker/media.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_focalPointPickerStyle","require","_utils","Media","alt","autoPlay","src","onLoad","mediaRef","muted","props","_react","createElement","MediaPlaceholder","className","ref","isVideo","isVideoType","loop","onLoadedData"],"sources":["@wordpress/components/src/focal-point-picker/media.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { Ref } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { MediaPlaceholder } from './styles/focal-point-picker-style';\nimport { isVideoType } from './utils';\nimport type { FocalPointPickerMediaProps } from './types';\n\nexport default function Media( {\n\talt,\n\tautoPlay,\n\tsrc,\n\tonLoad,\n\tmediaRef,\n\t// Exposing muted prop for test rendering purposes\n\t// https://github.com/testing-library/react-testing-library/issues/470\n\tmuted = true,\n\t...props\n}: FocalPointPickerMediaProps ) {\n\tif ( ! src ) {\n\t\treturn (\n\t\t\t<MediaPlaceholder\n\t\t\t\tclassName=\"components-focal-point-picker__media components-focal-point-picker__media--placeholder\"\n\t\t\t\tref={ mediaRef as Ref< HTMLDivElement > }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst isVideo = isVideoType( src );\n\n\treturn isVideo ? (\n\t\t<video\n\t\t\t{ ...props }\n\t\t\tautoPlay={ autoPlay }\n\t\t\tclassName=\"components-focal-point-picker__media components-focal-point-picker__media--video\"\n\t\t\tloop\n\t\t\tmuted={ muted }\n\t\t\tonLoadedData={ onLoad }\n\t\t\tref={ mediaRef as Ref< HTMLVideoElement > }\n\t\t\tsrc={ src }\n\t\t/>\n\t) : (\n\t\t<img\n\t\t\t{ ...props }\n\t\t\talt={ alt }\n\t\t\tclassName=\"components-focal-point-picker__media components-focal-point-picker__media--image\"\n\t\t\tonLoad={ onLoad }\n\t\t\tref={ mediaRef as Ref< HTMLImageElement > }\n\t\t\tsrc={ src }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAQA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASE,KAAKA,CAAE;EAC9BC,GAAG;EACHC,QAAQ;EACRC,GAAG;EACHC,MAAM;EACNC,QAAQ;EACR;EACA;EACAC,KAAK,GAAG,IAAI;EACZ,GAAGC;AACwB,CAAC,EAAG;EAC/B,IAAK,CAAEJ,GAAG,EAAG;IACZ,OACC,IAAAK,MAAA,CAAAC,aAAA,EAACZ,sBAAA,CAAAa,gBAAgB;MAChBC,SAAS,EAAC,wFAAwF;MAClGC,GAAG,EAAGP,QAAmC;MAAA,GACpCE;IAAK,CACV,CAAC;EAEJ;EAEA,MAAMM,OAAO,GAAG,IAAAC,kBAAW,EAAEX,GAAI,CAAC;EAElC,OAAOU,OAAO,GACb,IAAAL,MAAA,CAAAC,aAAA;IAAA,GACMF,KAAK;IACVL,QAAQ,EAAGA,QAAU;IACrBS,SAAS,EAAC,kFAAkF;IAC5FI,IAAI;IACJT,KAAK,EAAGA,KAAO;IACfU,YAAY,EAAGZ,MAAQ;IACvBQ,GAAG,EAAGP,QAAqC;IAC3CF,GAAG,EAAGA;EAAK,CACX,CAAC,GAEF,IAAAK,MAAA,CAAAC,aAAA;IAAA,GACMF,KAAK;IACVN,GAAG,EAAGA,GAAK;IACXU,SAAS,EAAC,kFAAkF;IAC5FP,MAAM,EAAGA,MAAQ;IACjBQ,GAAG,EAAGP,QAAqC;IAC3CF,GAAG,EAAGA;EAAK,CACX,CACD;AACF"}

node_modules/@wordpress/components/build/focal-point-picker/styles/focal-point-picker-style.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledUnitControl = exports.MediaWrapper = exports.MediaPlaceholder = exports.MediaContainer = exports.GridView = exports.GridLineY = exports.GridLineX = exports.GridLine = exports.ControlWrapper = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = require("@emotion/react");
+var _flex = require("../../flex");
+var _unitControl = _interopRequireDefault(require("../../unit-control"));
+var _utils = require("../../utils");
+var _utils2 = require("../utils");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const MediaWrapper = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eeew7dm8"
+} : {
+  target: "eeew7dm8",
+  label: "MediaWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "w0nf6b",
+  styles: "background-color:transparent;text-align:center;width:100%"
+} : {
+  name: "w0nf6b",
+  styles: "background-color:transparent;text-align:center;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXNDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3gtc2hhZG93OiAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4yICk7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdGltZyxcblx0dmlkZW8ge1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogd2hpdGU7XG5cdGJveC1zaGFkb3c6IDAgMCAycHggcmdiYSggMCwgMCwgMCwgMC42ICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0b3BhY2l0eTogMC40O1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVkgPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdHdpZHRoOiAxcHg7XG5cdHRvcDogMDtcblx0Ym90dG9tOiAwO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.MediaWrapper = MediaWrapper;
+const MediaContainer = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eeew7dm7"
+} : {
+  target: "eeew7dm7",
+  label: "MediaContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "megach",
+  styles: "align-items:center;box-shadow:0 0 0 1px rgba( 0, 0, 0, 0.2 );cursor:pointer;display:inline-flex;justify-content:center;margin:auto;position:relative;height:100%;img,video{box-sizing:border-box;display:block;height:auto;margin:0;max-height:100%;max-width:100%;pointer-events:none;user-select:none;width:auto;}"
+} : {
+  name: "megach",
+  styles: "align-items:center;box-shadow:0 0 0 1px rgba( 0, 0, 0, 0.2 );cursor:pointer;display:inline-flex;justify-content:center;margin:auto;position:relative;height:100%;img,video{box-sizing:border-box;display:block;height:auto;margin:0;max-height:100%;max-width:100%;pointer-events:none;user-select:none;width:auto;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMiApO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5cdHotaW5kZXg6IDE7XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoIDAsIDAsIDAsIDAuNiApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdG9wYWNpdHk6IDAuNDtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.MediaContainer = MediaContainer;
+const MediaPlaceholder = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eeew7dm6"
+} : {
+  target: "eeew7dm6",
+  label: "MediaPlaceholder"
+})("background:", _utils.COLORS.gray[100], ";box-sizing:border-box;height:", _utils2.INITIAL_BOUNDS.height, "px;max-width:280px;min-width:", _utils2.INITIAL_BOUNDS.width, "px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkMwQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMiApO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5cdHotaW5kZXg6IDE7XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoIDAsIDAsIDAsIDAuNiApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdG9wYWNpdHk6IDAuNDtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcbmA7XG4iXX0= */"));
+exports.MediaPlaceholder = MediaPlaceholder;
+const StyledUnitControl = ( /*#__PURE__*/0, _base.default)(_unitControl.default, process.env.NODE_ENV === "production" ? {
+  target: "eeew7dm5"
+} : {
+  target: "eeew7dm5",
+  label: "StyledUnitControl"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1d3w5wq",
+  styles: "width:100%"
+} : {
+  name: "1d3w5wq",
+  styles: "width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RzRCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMiApO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5cdHotaW5kZXg6IDE7XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoIDAsIDAsIDAsIDAuNiApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdG9wYWNpdHk6IDAuNDtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.StyledUnitControl = StyledUnitControl;
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1mn7kwb",
+  styles: "padding-bottom:1em"
+} : {
+  name: "upvz1a-deprecatedBottomMargin",
+  styles: "padding-bottom:1em;label:deprecatedBottomMargin;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERPIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3gtc2hhZG93OiAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4yICk7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdGltZyxcblx0dmlkZW8ge1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogd2hpdGU7XG5cdGJveC1zaGFkb3c6IDAgMCAycHggcmdiYSggMCwgMCwgMCwgMC42ICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0b3BhY2l0eTogMC40O1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVkgPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdHdpZHRoOiAxcHg7XG5cdHRvcDogMDtcblx0Ym90dG9tOiAwO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const deprecatedBottomMargin = ({
+  __nextHasNoMarginBottom
+}) => {
+  return !__nextHasNoMarginBottom ? _ref2 : undefined;
+};
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1mn7kwb",
+  styles: "padding-bottom:1em"
+} : {
+  name: "ho4pgl-extraHelpTextMargin",
+  styles: "padding-bottom:1em;label:extraHelpTextMargin;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VPIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IElOSVRJQUxfQk9VTkRTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgTWVkaWFXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3gtc2hhZG93OiAwIDAgMCAxcHggcmdiYSggMCwgMCwgMCwgMC4yICk7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0aGVpZ2h0OiAxMDAlO1xuXG5cdGltZyxcblx0dmlkZW8ge1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdG1hcmdpbjogMDtcblx0XHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHR3aWR0aDogYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMTAwIF0gfTtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0aGVpZ2h0OiAkeyBJTklUSUFMX0JPVU5EUy5oZWlnaHQgfXB4O1xuXHRtYXgtd2lkdGg6IDI4MHB4O1xuXHRtaW4td2lkdGg6ICR7IElOSVRJQUxfQk9VTkRTLndpZHRoIH1weDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVW5pdENvbnRyb2wgPSBzdHlsZWQoIFVuaXRDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZGVwcmVjYXRlZEJvdHRvbU1hcmdpbiA9ICgge1xuXHRfX25leHRIYXNOb01hcmdpbkJvdHRvbSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gISBfX25leHRIYXNOb01hcmdpbkJvdHRvbVxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXh0cmFIZWxwVGV4dE1hcmdpbiA9ICgge1xuXHRoYXNIZWxwVGV4dCA9IGZhbHNlLFxufTogRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgKSA9PiB7XG5cdHJldHVybiBoYXNIZWxwVGV4dFxuXHRcdD8gY3NzYFxuXHRcdFx0XHRwYWRkaW5nLWJvdHRvbTogMWVtO1xuXHRcdCAgYFxuXHRcdDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xXcmFwcGVyID0gc3R5bGVkKCBGbGV4IClgXG5cdG1heC13aWR0aDogMzIwcHg7XG5cdHBhZGRpbmctdG9wOiAxZW07XG5cblx0JHsgZXh0cmFIZWxwVGV4dE1hcmdpbiB9XG5cdCR7IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRWaWV3ID0gc3R5bGVkLmRpdmBcblx0bGVmdDogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCggLTUwJSwgLTUwJSwgMCApO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcblx0ei1pbmRleDogMTtcblxuXHRvcGFjaXR5OiAkeyAoIHsgc2hvd092ZXJsYXkgfTogeyBzaG93T3ZlcmxheT86IGJvb2xlYW4gfSApID0+XG5cdFx0c2hvd092ZXJsYXkgPyAxIDogMCB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogd2hpdGU7XG5cdGJveC1zaGFkb3c6IDAgMCAycHggcmdiYSggMCwgMCwgMCwgMC42ICk7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0b3BhY2l0eTogMC40O1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVooIDAgKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVggPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdGhlaWdodDogMXB4O1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZVkgPSBzdHlsZWQoIEdyaWRMaW5lIClgXG5cdHdpZHRoOiAxcHg7XG5cdHRvcDogMDtcblx0Ym90dG9tOiAwO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const extraHelpTextMargin = ({
+  hasHelpText = false
+}) => {
+  return hasHelpText ? _ref : undefined;
+};
+const ControlWrapper = ( /*#__PURE__*/0, _base.default)(_flex.Flex, process.env.NODE_ENV === "production" ? {
+  target: "eeew7dm4"
+} : {
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEU0QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMiApO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5cdHotaW5kZXg6IDE7XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoIDAsIDAsIDAsIDAuNiApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdG9wYWNpdHk6IDAuNDtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcbmA7XG4iXX0= */"));
+exports.ControlWrapper = ControlWrapper;
+const GridView = (0, _base.default)("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 120ms linear;z-index:1;opacity:", ({
+  showOverlay
+}) => showOverlay ? 1 : 0, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZrQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMiApO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5cdHotaW5kZXg6IDE7XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoIDAsIDAsIDAsIDAuNiApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdG9wYWNpdHk6IDAuNDtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcbmA7XG4iXX0= */"));
+exports.GridView = GridView;
+const GridLine = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eeew7dm2"
+} : {
+  target: "eeew7dm2",
+  label: "GridLine"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1d42i6k",
+  styles: "background:white;box-shadow:0 0 2px rgba( 0, 0, 0, 0.6 );position:absolute;opacity:0.4;transform:translateZ( 0 )"
+} : {
+  name: "1d42i6k",
+  styles: "background:white;box-shadow:0 0 2px rgba( 0, 0, 0, 0.6 );position:absolute;opacity:0.4;transform:translateZ( 0 )",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0drQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMiApO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5cdHotaW5kZXg6IDE7XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoIDAsIDAsIDAsIDAuNiApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdG9wYWNpdHk6IDAuNDtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.GridLine = GridLine;
+const GridLineX = ( /*#__PURE__*/0, _base.default)(GridLine, process.env.NODE_ENV === "production" ? {
+  target: "eeew7dm1"
+} : {
+  target: "eeew7dm1",
+  label: "GridLineX"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1qp910y",
+  styles: "height:1px;left:0;right:0"
+} : {
+  name: "1qp910y",
+  styles: "height:1px;left:0;right:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEcyQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMiApO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5cdHotaW5kZXg6IDE7XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoIDAsIDAsIDAsIDAuNiApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdG9wYWNpdHk6IDAuNDtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.GridLineX = GridLineX;
+const GridLineY = ( /*#__PURE__*/0, _base.default)(GridLine, process.env.NODE_ENV === "production" ? {
+  target: "eeew7dm0"
+} : {
+  target: "eeew7dm0",
+  label: "GridLineY"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1oz3zka",
+  styles: "width:1px;top:0;bottom:0"
+} : {
+  name: "1oz3zka",
+  styles: "width:1px;top:0;bottom:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1waWNrZXItc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0gyQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZvY2FsLXBvaW50LXBpY2tlci9zdHlsZXMvZm9jYWwtcG9pbnQtcGlja2VyLXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vLi4vZmxleCc7XG5pbXBvcnQgVW5pdENvbnRyb2wgZnJvbSAnLi4vLi4vdW5pdC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jYWxQb2ludFBpY2tlckNvbnRyb2xzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJTklUSUFMX0JPVU5EUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IE1lZGlhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lZGlhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHJnYmEoIDAsIDAsIDAsIDAuMiApO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWFyZ2luOiBhdXRvO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblxuXHRpbWcsXG5cdHZpZGVvIHtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRtYXJnaW46IDA7XG5cdFx0bWF4LWhlaWdodDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0d2lkdGg6IGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZWRpYVBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDEwMCBdIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGhlaWdodDogJHsgSU5JVElBTF9CT1VORFMuaGVpZ2h0IH1weDtcblx0bWF4LXdpZHRoOiAyODBweDtcblx0bWluLXdpZHRoOiAkeyBJTklUSUFMX0JPVU5EUy53aWR0aCB9cHg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IGRlcHJlY2F0ZWRCb3R0b21NYXJnaW4gPSAoIHtcblx0X19uZXh0SGFzTm9NYXJnaW5Cb3R0b20sXG59OiBGb2NhbFBvaW50UGlja2VyQ29udHJvbHNQcm9wcyApID0+IHtcblx0cmV0dXJuICEgX19uZXh0SGFzTm9NYXJnaW5Cb3R0b21cblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4dHJhSGVscFRleHRNYXJnaW4gPSAoIHtcblx0aGFzSGVscFRleHQgPSBmYWxzZSxcbn06IEZvY2FsUG9pbnRQaWNrZXJDb250cm9sc1Byb3BzICkgPT4ge1xuXHRyZXR1cm4gaGFzSGVscFRleHRcblx0XHQ/IGNzc2Bcblx0XHRcdFx0cGFkZGluZy1ib3R0b206IDFlbTtcblx0XHQgIGBcblx0XHQ6IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb250cm9sV3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRtYXgtd2lkdGg6IDMyMHB4O1xuXHRwYWRkaW5nLXRvcDogMWVtO1xuXG5cdCR7IGV4dHJhSGVscFRleHRNYXJnaW4gfVxuXHQkeyBkZXByZWNhdGVkQm90dG9tTWFyZ2luIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkVmlldyA9IHN0eWxlZC5kaXZgXG5cdGxlZnQ6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoIC01MCUsIC01MCUsIDAgKTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5cdHotaW5kZXg6IDE7XG5cblx0b3BhY2l0eTogJHsgKCB7IHNob3dPdmVybGF5IH06IHsgc2hvd092ZXJsYXk/OiBib29sZWFuIH0gKSA9PlxuXHRcdHNob3dPdmVybGF5ID8gMSA6IDAgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoIDAsIDAsIDAsIDAuNiApO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdG9wYWNpdHk6IDAuNDtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVaKCAwICk7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVYID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHRoZWlnaHQ6IDFweDtcblx0bGVmdDogMDtcblx0cmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZExpbmVZID0gc3R5bGVkKCBHcmlkTGluZSApYFxuXHR3aWR0aDogMXB4O1xuXHR0b3A6IDA7XG5cdGJvdHRvbTogMDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.GridLineY = GridLineY;
+//# sourceMappingURL=focal-point-picker-style.js.map

node_modules/@wordpress/components/build/focal-point-picker/styles/focal-point-style.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PointerCircle = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+/**
+ * External dependencies
+ */
+
+const PointerCircle = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e19snlhg0"
+} : {
+  target: "e19snlhg0",
+  label: "PointerCircle"
+})("background-color:transparent;cursor:grab;height:48px;margin:-24px 0 0 -24px;position:absolute;user-select:none;width:48px;will-change:transform;z-index:10000;background:rgba( 255, 255, 255, 0.6 );border-radius:50%;backdrop-filter:blur( 4px );box-shadow:rgb( 0 0 0 / 20% ) 0px 0px 10px;", ({
+  isDragging
+}) => isDragging && 'cursor: grabbing;', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZm9jYWwtcG9pbnQtcGlja2VyL3N0eWxlcy9mb2NhbC1wb2ludC1zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9mb2NhbC1wb2ludC1waWNrZXIvc3R5bGVzL2ZvY2FsLXBvaW50LXN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgUG9pbnRlckNpcmNsZSA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRjdXJzb3I6IGdyYWI7XG5cdGhlaWdodDogNDhweDtcblx0bWFyZ2luOiAtMjRweCAwIDAgLTI0cHg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdHdpZHRoOiA0OHB4O1xuXHR3aWxsLWNoYW5nZTogdHJhbnNmb3JtO1xuXHR6LWluZGV4OiAxMDAwMDtcblx0YmFja2dyb3VuZDogcmdiYSggMjU1LCAyNTUsIDI1NSwgMC42ICk7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2Ryb3AtZmlsdGVyOiBibHVyKCA0cHggKTtcblx0Ym94LXNoYWRvdzogcmdiKCAwIDAgMCAvIDIwJSApIDBweCAwcHggMTBweDtcblxuXHQkeyAoIHsgaXNEcmFnZ2luZyB9OiB7IGlzRHJhZ2dpbmc6IGJvb2xlYW4gfSApID0+XG5cdFx0aXNEcmFnZ2luZyAmJiAnY3Vyc29yOiBncmFiYmluZzsnIH1cbmA7XG4iXX0= */"));
+exports.PointerCircle = PointerCircle;
+//# sourceMappingURL=focal-point-style.js.map

node_modules/@wordpress/components/build/focal-point-picker/styles/focal-point-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PointerCircle","_base","default","process","env","NODE_ENV","target","label","isDragging","exports"],"sources":["@wordpress/components/src/focal-point-picker/styles/focal-point-style.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\nexport const PointerCircle = styled.div`\n\tbackground-color: transparent;\n\tcursor: grab;\n\theight: 48px;\n\tmargin: -24px 0 0 -24px;\n\tposition: absolute;\n\tuser-select: none;\n\twidth: 48px;\n\twill-change: transform;\n\tz-index: 10000;\n\tbackground: rgba( 255, 255, 255, 0.6 );\n\tborder-radius: 50%;\n\tbackdrop-filter: blur( 4px );\n\tbox-shadow: rgb( 0 0 0 / 20% ) 0px 0px 10px;\n\n\t${ ( { isDragging }: { isDragging: boolean } ) =>\n\t\tisDragging && 'cursor: grabbing;' }\n`;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;;AAGO,MAAMA,aAAa,OAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,oSAetB,CAAE;EAAEC;AAAoC,CAAC,KAC3CA,UAAU,IAAI,mBAAmB,SAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,gpCAClC;AAACI,OAAA,CAAAT,aAAA,GAAAA,aAAA"}

node_modules/@wordpress/components/build/focal-point-picker/tooltip/index.native.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
+var _style = _interopRequireDefault(require("./style.scss"));
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const TooltipContext = (0, _element.createContext)();
+function Tooltip({
+  children,
+  onPress,
+  style,
+  visible
+}) {
+  const panResponder = (0, _element.useRef)(_reactNative.PanResponder.create({
+    /**
+     * To allow dimissing the tooltip on press while also avoiding blocking
+     * interactivity within the child context, we place this `onPress` side
+     * effect within the `onStartShouldSetPanResponderCapture` callback.
+     *
+     * This is a bit unorthodox, but may be the simplest approach to achieving
+     * this outcome. This is effectively a gesture responder that never
+     * becomes the controlling responder. https://bit.ly/2J3ugKF
+     */
+    onStartShouldSetPanResponderCapture: () => {
+      if (onPress) {
+        onPress();
+      }
+      return false;
+    }
+  })).current;
+  return (0, _react.createElement)(TooltipContext.Provider, {
+    value: visible
+  }, (0, _react.createElement)(_reactNative.View, {
+    ...(visible ? panResponder.panHandlers : {}),
+    style: style
+  }, children));
+}
+function Label({
+  align,
+  text,
+  xOffset,
+  yOffset
+}) {
+  const animationValue = (0, _element.useRef)(new _reactNative.Animated.Value(0)).current;
+  const [dimensions, setDimensions] = (0, _element.useState)(null);
+  const visible = (0, _element.useContext)(TooltipContext);
+  if (typeof visible === 'undefined') {
+    throw new Error('Tooltip.Label cannot be rendered outside of the Tooltip component');
+  }
+  (0, _element.useEffect)(() => {
+    const startAnimation = () => {
+      _reactNative.Animated.timing(animationValue, {
+        toValue: visible ? 1 : 0,
+        duration: visible ? 300 : 150,
+        useNativeDriver: true,
+        delay: visible ? 500 : 0,
+        easing: _reactNative.Easing.out(_reactNative.Easing.quad)
+      }).start();
+    };
+    startAnimation();
+  }, [animationValue, visible]);
+
+  // Transforms rely upon onLayout to enable custom offsets additions.
+  let tooltipTransforms;
+  if (dimensions) {
+    tooltipTransforms = [{
+      translateX: (align === 'center' ? -dimensions.width / 2 : 0) + xOffset
+    }, {
+      translateY: -dimensions.height + yOffset
+    }];
+  }
+  const tooltipStyles = [_style.default.tooltip, {
+    shadowColor: _style.default.tooltipShadow?.color,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 2,
+    elevation: 2,
+    transform: tooltipTransforms
+  }, align === 'left' && _style.default.tooltipLeftAlign];
+  const arrowStyles = [_style.default.arrow, align === 'left' && _style.default.arrowLeftAlign];
+  return (0, _react.createElement)(_reactNative.Animated.View, {
+    style: {
+      opacity: animationValue,
+      transform: [{
+        translateY: animationValue.interpolate({
+          inputRange: [0, 1],
+          outputRange: [visible ? 4 : -8, -8]
+        })
+      }]
+    }
+  }, (0, _react.createElement)(_reactNative.View, {
+    onLayout: ({
+      nativeEvent
+    }) => {
+      const {
+        height,
+        width
+      } = nativeEvent.layout;
+      setDimensions({
+        height,
+        width
+      });
+    },
+    style: tooltipStyles
+  }, (0, _react.createElement)(_reactNative.Text, {
+    style: _style.default.text
+  }, text), (0, _react.createElement)(_reactNative.View, {
+    style: arrowStyles
+  })));
+}
+Label.defaultProps = {
+  align: 'center',
+  xOffset: 0,
+  yOffset: 0
+};
+Tooltip.Label = Label;
+var _default = Tooltip;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

node_modules/@wordpress/components/build/focal-point-picker/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

node_modules/@wordpress/components/build/focal-point-picker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["@wordpress/components/src/focal-point-picker/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type {\n\tCSSProperties,\n\tReactEventHandler,\n\tRef,\n\tVideoHTMLAttributes,\n} from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { BaseControlProps } from '../base-control/types';\n\nexport type FocalPoint = Record< FocalPointAxis, number >;\nexport type FocalPointAxis = 'x' | 'y';\n\nexport type FocalPointPickerProps = Pick<\n\tBaseControlProps,\n\t'help' | 'hideLabelFromVision' | 'label'\n> & {\n\t/**\n\t * Start opting into the new margin-free styles that will become the default in a future version.\n\t *\n\t * @default false\n\t */\n\t__nextHasNoMarginBottom?: boolean;\n\t/**\n\t * Start opting into the larger default height that will become the default size in a future version.\n\t *\n\t * @default false\n\t */\n\t__next40pxDefaultSize?: boolean;\n\t/**\n\t * Autoplays HTML5 video. This only applies to video sources (`url`).\n\t *\n\t * @default true\n\t */\n\tautoPlay?: FocalPointPickerMediaProps[ 'autoPlay' ];\n\t/**\n\t * Callback which is called when the focal point changes.\n\t */\n\tonChange: ( value: FocalPoint ) => void;\n\tonDrag?: ( value: FocalPoint, event: MouseEvent ) => void;\n\t/**\n\t * Callback which is called at the end of drag operations.\n\t */\n\tonDragEnd?: () => void;\n\t/**\n\t * Callback which is called at the start of drag operations.\n\t */\n\tonDragStart?: ( value: FocalPoint, event: React.MouseEvent ) => void;\n\t/**\n\t * Function which is called before internal updates to the value state.\n\t * It receives the upcoming value and may return a modified one.\n\t */\n\tresolvePoint?: ( point: FocalPoint ) => FocalPoint;\n\t/**\n\t * URL of the image or video to be displayed.\n\t */\n\turl: FocalPointPickerMediaProps[ 'src' ];\n\t/**\n\t * The focal point. Should be an object containing `x` and `y` params.\n\t */\n\tvalue: FocalPoint;\n};\n\nexport type FocalPointPickerControlsProps = {\n\t__nextHasNoMarginBottom?: boolean;\n\t__next40pxDefaultSize?: boolean;\n\t/**\n\t * A bit of extra bottom margin will be added if a `help` text\n\t * needs to be rendered under it.\n\t */\n\thasHelpText: boolean;\n\tonChange?: ( value: FocalPoint ) => void;\n\tpoint?: FocalPoint;\n};\n\nexport type FocalPointPickerGridProps = {\n\tbounds: { width: number; height: number };\n\tshowOverlay?: boolean;\n};\n\nexport type FocalPointPickerMediaProps = Pick<\n\tVideoHTMLAttributes< HTMLVideoElement >,\n\t'autoPlay' | 'muted'\n> & {\n\talt: string;\n\tmediaRef?: Ref< HTMLDivElement | HTMLVideoElement | HTMLImageElement >;\n\tonLoad?: ReactEventHandler< HTMLVideoElement | HTMLImageElement >;\n\tsrc: string;\n};\n\nexport type FocalPointProps = {\n\tisDragging: boolean;\n\tleft: CSSProperties[ 'left' ];\n\ttop: CSSProperties[ 'top' ];\n};\n"],"mappings":""}

node_modules/@wordpress/components/build/focal-point-picker/utils.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INITIAL_BOUNDS = void 0;
+exports.fractionToPercentage = fractionToPercentage;
+exports.getExtension = getExtension;
+exports.isVideoType = isVideoType;
+const INITIAL_BOUNDS = {
+  width: 200,
+  height: 170
+};
+exports.INITIAL_BOUNDS = INITIAL_BOUNDS;
+const VIDEO_EXTENSIONS = ['avi', 'mpg', 'mpeg', 'mov', 'mp4', 'm4v', 'ogg', 'ogv', 'webm', 'wmv'];
+
+/**
+ * Gets the extension of a file name.
+ *
+ * @param filename The file name.
+ * @return  The extension of the file name.
+ */
+function getExtension(filename = '') {
+  const parts = filename.split('.');
+  return parts[parts.length - 1];
+}
+
+/**
+ * Checks if a file is a video.
+ *
+ * @param filename The file name.
+ * @return Whether the file is a video.
+ */
+function isVideoType(filename = '') {
+  if (!filename) return false;
+  return filename.startsWith('data:video/') || VIDEO_EXTENSIONS.includes(getExtension(filename));
+}
+
+/**
+ * Transforms a fraction value to a percentage value.
+ *
+ * @param fraction The fraction value.
+ * @return A percentage value.
+ */
+function fractionToPercentage(fraction) {
+  return Math.round(fraction * 100);
+}
+//# sourceMappingURL=utils.js.map

node_modules/@wordpress/components/build/focal-point-picker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["INITIAL_BOUNDS","width","height","exports","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":";;;;;;;;;AAAO,MAAMA,cAAc,GAAG;EAC7BC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE;AACT,CAAC;AAACC,OAAA,CAAAH,cAAA,GAAAA,cAAA;AAEF,MAAMI,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;AACO,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;AACO,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;AACO,SAASO,oBAAoBA,CAAEC,QAAgB,EAAW;EAChE,OAAOC,IAAI,CAACC,KAAK,CAAEF,QAAQ,GAAG,GAAI,CAAC;AACpC"}