function next_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function next_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { next_ownKeys(Object(source), true).forEach(function (key) { Object(esm_defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { next_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var Text = false ? undefined : undefined;
* @typedef AdaptedTextProps
* @property {keyof JSX.IntrinsicElements} as Styled components `as` prop.
* @property {import('./styles/text-mixins').TextVariant} variant The variant to render.
* @property {import('react').ReactNode} children Children to render.
* @property {string} [className] Classname to render on the element.
* @param {AdaptedTextProps} props
var next_adapter = function adapter(_ref) {
restProps = Object(objectWithoutProperties["a" /* default */])(_ref, ["as", "variant"]);
return next_objectSpread({
// luckily `text` just returns an emotion CSS object, so we can pass the styles from that directly to the handy `css` prop
/* eslint-disable jsdoc/valid-types */
* @param {import('react').ComponentType<AdaptedTextProps>} Current
/* eslint-enable jsdoc/valid-types */
function withNextComponent(Current) {
return withNext(Current, Text, 'WPComponentsText', next_adapter);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/text/index.js
var text_Text = styled_base_browser_esm("p", {
})("\n\tbox-sizing: border-box;\n\tmargin: 0;\n", text_mixins_text, true ? "" : undefined);
/* harmony default export */ var build_module_text = (withNextComponent(text_Text));
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/rtl.js
var LOWER_LEFT_REGEXP = new RegExp(/-left/g);
var LOWER_RIGHT_REGEXP = new RegExp(/-right/g);
var UPPER_LEFT_REGEXP = new RegExp(/Left/g);
var UPPER_RIGHT_REGEXP = new RegExp(/Right/g);
* Flips a CSS property from left <-> right.
* @param {string} key The CSS property name.
* @return {string} The flipped CSS property name, if applicable.
function getConvertedKey(key) {
if (LOWER_LEFT_REGEXP.test(key)) {
return key.replace(LOWER_LEFT_REGEXP, '-right');
if (LOWER_RIGHT_REGEXP.test(key)) {
return key.replace(LOWER_RIGHT_REGEXP, '-left');
if (UPPER_LEFT_REGEXP.test(key)) {
return key.replace(UPPER_LEFT_REGEXP, 'Right');
if (UPPER_RIGHT_REGEXP.test(key)) {
return key.replace(UPPER_RIGHT_REGEXP, 'Left');
* An incredibly basic ltr -> rtl converter for style properties
* @param {import('react').CSSProperties} ltrStyles
* @return {import('react').CSSProperties} Converted ltr -> rtl styles
var rtl_convertLTRToRTL = function convertLTRToRTL() {
var ltrStyles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
return Object(external_lodash_["mapKeys"])(ltrStyles, function (_value, key) {
return getConvertedKey(key);
* A higher-order function that create an incredibly basic ltr -> rtl style converter for CSS objects.
* @param {import('react').CSSProperties} ltrStyles Ltr styles. Converts and renders from ltr -> rtl styles, if applicable.
* @param {import('react').CSSProperties} [rtlStyles] Rtl styles. Renders if provided.
* @return {Function} A function to output CSS styles for Emotion's renderer
var ltrStyles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var rtlStyles = arguments.length > 1 ? arguments[1] : undefined;
// @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css
return Object(external_wp_i18n_["isRTL"])() ? /*#__PURE__*/Object(core_browser_esm["b" /* css */])(rtlStyles, true ? "" : undefined) : /*#__PURE__*/Object(core_browser_esm["b" /* css */])(ltrStyles, true ? "" : undefined);
} // @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css
return Object(external_wp_i18n_["isRTL"])() ? /*#__PURE__*/Object(core_browser_esm["b" /* css */])(rtl_convertLTRToRTL(ltrStyles), true ? "" : undefined) : /*#__PURE__*/Object(core_browser_esm["b" /* css */])(ltrStyles, true ? "" : undefined);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/input-control/styles/input-control-styles.js
function input_control_styles_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)."; }
var input_control_styles_ref = true ? {
var rootFloatLabelStyles = function rootFloatLabelStyles() {
return input_control_styles_ref;
var input_control_styles_ref2 = true ? {
var rootFocusedStyles = function rootFocusedStyles(_ref9) {
var isFocused = _ref9.isFocused;
if (!isFocused) return '';
return input_control_styles_ref2;
var input_control_styles_ref3 = true ? {
styles: "align-items:flex-start;flex-direction:column;"
var input_control_styles_ref4 = true ? {
styles: "align-items:flex-start;flex-direction:column-reverse;"
var input_control_styles_ref5 = true ? {
styles: "justify-content:space-between;"
var rootLabelPositionStyles = function rootLabelPositionStyles(_ref10) {
var labelPosition = _ref10.labelPosition;
return input_control_styles_ref3;
return input_control_styles_ref4;
return input_control_styles_ref5;
var input_control_styles_Root = /*#__PURE__*/styled_base_browser_esm(flex, {
})("position:relative;border-radius:2px;", rootFloatLabelStyles, " ", rootFocusedStyles, " ", rootLabelPositionStyles, true ? "" : undefined);
var input_control_styles_containerDisabledStyles = function containerDisabledStyles(_ref11) {
var disabled = _ref11.disabled;
var backgroundColor = disabled ? colors_color('ui.backgroundDisabled') : colors_color('ui.background');
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])({
backgroundColor: backgroundColor
}, true ? "" : undefined);
var input_control_styles_ref6 = true ? {
var input_control_styles_containerWidthStyles = function containerWidthStyles(_ref12) {
var __unstableInputWidth = _ref12.__unstableInputWidth,
labelPosition = _ref12.labelPosition;
if (!__unstableInputWidth) return input_control_styles_ref6;
if (labelPosition === 'side') return '';
if (labelPosition === 'edge') {
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])({
flex: "0 0 ".concat(__unstableInputWidth)
}, true ? "" : undefined);
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])({
width: __unstableInputWidth
}, true ? "" : undefined);
var Container = styled_base_browser_esm("div", {
})("align-items:center;box-sizing:border-box;border-radius:inherit;display:flex;flex:1;position:relative;", input_control_styles_containerDisabledStyles, " ", input_control_styles_containerWidthStyles, true ? "" : undefined);
var input_control_styles_disabledStyles = function disabledStyles(_ref13) {
var disabled = _ref13.disabled;
if (!disabled) return '';
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])({
color: colors_color('ui.textDisabled')
}, true ? "" : undefined);
var input_control_styles_fontSizeStyles = function fontSizeStyles(_ref14) {
var fontSize = sizes[size];
var fontSizeMobile = '16px';
if (!fontSize) return '';
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])("font-size:", fontSizeMobile, ";@media ( min-width:600px ){font-size:", fontSize, ";}" + ( true ? "" : undefined));
var input_control_styles_sizeStyles = function sizeStyles(_ref15) {
var style = sizes[size] || sizes.default;
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])(style, true ? "" : undefined);
var input_control_styles_ref7 = true ? {
styles: "&::-webkit-input-placeholder{line-height:normal;}"
var placeholderStyles = function placeholderStyles() {
return input_control_styles_ref7;
var input_control_styles_dragStyles = function dragStyles(_ref16) {
var isDragging = _ref16.isDragging,
dragCursor = _ref16.dragCursor;
var defaultArrowStyles = '';
var activeDragCursorStyles = '';
defaultArrowStyles = /*#__PURE__*/Object(core_browser_esm["b" /* css */])("cursor:", dragCursor, ";user-select:none;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important;}" + ( true ? "" : undefined));
if (isDragging && dragCursor) {
activeDragCursorStyles = /*#__PURE__*/Object(core_browser_esm["b" /* css */])("&:active{cursor:", dragCursor, ";}" + ( true ? "" : undefined));
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])(defaultArrowStyles, " ", activeDragCursorStyles, true ? "" : undefined);
}; // TODO: Resolve need to use &&& to increase specificity
// https://github.com/WordPress/gutenberg/issues/18483
var input_control_styles_Input = styled_base_browser_esm("input", {
})("&&&{background-color:transparent;box-sizing:border-box;border:none;box-shadow:none !important;color:", colors_color('black'), ";display:block;margin:0;outline:none;padding-left:8px;padding-right:8px;width:100%;", input_control_styles_dragStyles, " ", input_control_styles_disabledStyles, " ", input_control_styles_fontSizeStyles, " ", input_control_styles_sizeStyles, " ", placeholderStyles, "}" + ( true ? "" : undefined));
var input_control_styles_ref8 = true ? {
styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"
var labelTruncation = function labelTruncation() {
return input_control_styles_ref8;
var input_control_styles_labelPadding = function labelPadding(_ref17) {
var labelPosition = _ref17.labelPosition;
if (labelPosition === 'edge' || labelPosition === 'side') {
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])({
paddingBottom: paddingBottom
}, true ? "" : undefined);
var BaseLabel = /*#__PURE__*/styled_base_browser_esm(build_module_text, {
})("&&&{box-sizing:border-box;color:currentColor;display:block;margin:0;max-width:100%;z-index:1;", input_control_styles_labelPadding, " ", labelTruncation, "}" + ( true ? "" : undefined));
var input_control_styles_Label = function Label(props) {
return Object(external_wp_element_["createElement"])(BaseLabel, Object(esm_extends["a" /* default */])({}, props, {
var LabelWrapper = /*#__PURE__*/styled_base_browser_esm(flex_item, {
styles: "max-width:calc( 100% - 10px );"
var input_control_styles_backdropFocusedStyles = function backdropFocusedStyles(_ref18) {
var disabled = _ref18.disabled,
isFocused = _ref18.isFocused;
var borderColor = isFocused ? colors_color('ui.borderFocus') : colors_color('ui.border');
boxShadow = "0 0 0 1px ".concat(colors_color('ui.borderFocus'), " inset");
borderColor = colors_color('ui.borderDisabled');
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])({
borderColor: borderColor,
}, true ? "" : undefined);
var BackdropUI = styled_base_browser_esm("div", {
})("&&&{box-sizing:border-box;border-radius:inherit;bottom:0;left:0;margin:0;padding:0;pointer-events:none;position:absolute;right:0;top:0;", input_control_styles_backdropFocusedStyles, " ", rtl_rtl({
}), "}" + ( true ? "" : undefined));
var Prefix = styled_base_browser_esm("span", {
styles: "box-sizing:border-box;display:block;"
var Suffix = styled_base_browser_esm("span", {
styles: "box-sizing:border-box;display:block;"
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/input-control/backdrop.js
function Backdrop(_ref) {
var _ref$disabled = _ref.disabled,
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
_ref$isFocused = _ref.isFocused,
isFocused = _ref$isFocused === void 0 ? false : _ref$isFocused;
return Object(external_wp_element_["createElement"])(BackdropUI, {
className: "components-input-control__backdrop",
var MemoizedBackdrop = Object(external_wp_element_["memo"])(Backdrop);
/* harmony default export */ var backdrop = (MemoizedBackdrop);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/input-control/label.js
function label_Label(_ref) {
var children = _ref.children,
hideLabelFromVision = _ref.hideLabelFromVision,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["children", "hideLabelFromVision", "htmlFor"]);
if (!children) return null;
if (hideLabelFromVision) {
return Object(external_wp_element_["createElement"])(visually_hidden["a" /* default */], {
return Object(external_wp_element_["createElement"])(input_control_styles_Label, Object(esm_extends["a" /* default */])({
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/input-control/input-base.js