let highlightClassNames = '';

[28000] Fix | Delete

let highlightStyles;

[28001] Fix | Delete

const textContent = chunks.map((chunk, index) => {

[28002] Fix | Delete

const text = textToHighlight.substr(chunk.start, chunk.end - chunk.start);

[28003] Fix | Delete

if (chunk.highlight) {

[28004] Fix | Delete

highlightIndex++;

[28005] Fix | Delete

let highlightClass;

[28006] Fix | Delete

if (typeof highlightClassName === 'object') {

[28007] Fix | Delete

if (!caseSensitive) {

[28008] Fix | Delete

highlightClassName = memoizedLowercaseProps(highlightClassName);

[28009] Fix | Delete

highlightClass = highlightClassName[text.toLowerCase()];

[28010] Fix | Delete

} else {

[28011] Fix | Delete

highlightClass = highlightClassName[text];

[28012] Fix | Delete

}

[28013] Fix | Delete

} else {

[28014] Fix | Delete

highlightClass = highlightClassName;

[28015] Fix | Delete

}

[28016] Fix | Delete

const isActive = highlightIndex === +activeIndex;

[28017] Fix | Delete

highlightClassNames = `${highlightClass} ${isActive ? activeClassName : ''}`;

[28018] Fix | Delete

highlightStyles = isActive === true && activeStyle !== null ? Object.assign({}, highlightStyle, activeStyle) : highlightStyle;

[28019] Fix | Delete

const props = {

[28020] Fix | Delete

children: text,

[28021] Fix | Delete

className: highlightClassNames,

[28022] Fix | Delete

key: index,

[28023] Fix | Delete

style: highlightStyles

[28024] Fix | Delete

};

[28025] Fix | Delete

[28026] Fix | Delete

// Don't attach arbitrary props to DOM elements; this triggers React DEV warnings (https://fb.me/react-unknown-prop)

[28027] Fix | Delete

// Only pass through the highlightIndex attribute for custom components.

[28028] Fix | Delete

if (typeof HighlightTag !== 'string') {

[28029] Fix | Delete

props.highlightIndex = highlightIndex;

[28030] Fix | Delete

}

[28031] Fix | Delete

return (0,external_wp_element_namespaceObject.createElement)(HighlightTag, props);

[28032] Fix | Delete

}

[28033] Fix | Delete

return (0,external_wp_element_namespaceObject.createElement)('span', {

[28034] Fix | Delete

children: text,

[28035] Fix | Delete

className: unhighlightClassName,

[28036] Fix | Delete

key: index,

[28037] Fix | Delete

style: unhighlightStyle

[28038] Fix | Delete

});

[28039] Fix | Delete

});

[28040] Fix | Delete

return textContent;

[28041] Fix | Delete

}

[28042] Fix | Delete

[28043] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/font-size.js

[28044] Fix | Delete

/**

[28045] Fix | Delete

* External dependencies

[28046] Fix | Delete

*/

[28047] Fix | Delete

[28048] Fix | Delete

/**

[28049] Fix | Delete

* Internal dependencies

[28050] Fix | Delete

*/

[28051] Fix | Delete

[28052] Fix | Delete

const BASE_FONT_SIZE = 13;

[28053] Fix | Delete

const PRESET_FONT_SIZES = {

[28054] Fix | Delete

body: BASE_FONT_SIZE,

[28055] Fix | Delete

caption: 10,

[28056] Fix | Delete

footnote: 11,

[28057] Fix | Delete

largeTitle: 28,

[28058] Fix | Delete

subheadline: 12,

[28059] Fix | Delete

title: 20

[28060] Fix | Delete

};

[28061] Fix | Delete

const HEADING_FONT_SIZES = [1, 2, 3, 4, 5, 6].flatMap(n => [n, n.toString()]);

[28062] Fix | Delete

function getFontSize(size = BASE_FONT_SIZE) {

[28063] Fix | Delete

if (size in PRESET_FONT_SIZES) {

[28064] Fix | Delete

return getFontSize(PRESET_FONT_SIZES[size]);

[28065] Fix | Delete

}

[28066] Fix | Delete

if (typeof size !== 'number') {

[28067] Fix | Delete

const parsed = parseFloat(size);

[28068] Fix | Delete

if (Number.isNaN(parsed)) {

[28069] Fix | Delete

return size;

[28070] Fix | Delete

}

[28071] Fix | Delete

size = parsed;

[28072] Fix | Delete

}

[28073] Fix | Delete

const ratio = `(${size} / ${BASE_FONT_SIZE})`;

[28074] Fix | Delete

return `calc(${ratio} * ${config_values.fontSize})`;

[28075] Fix | Delete

}

[28076] Fix | Delete

function getHeadingFontSize(size = 3) {

[28077] Fix | Delete

if (!HEADING_FONT_SIZES.includes(size)) {

[28078] Fix | Delete

return getFontSize(size);

[28079] Fix | Delete

}

[28080] Fix | Delete

const headingSize = `fontSizeH${size}`;

[28081] Fix | Delete

return config_values[headingSize];

[28082] Fix | Delete

}

[28083] Fix | Delete

[28084] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/text/get-line-height.js

[28085] Fix | Delete

/**

[28086] Fix | Delete

* External dependencies

[28087] Fix | Delete

*/

[28088] Fix | Delete

[28089] Fix | Delete

/**

[28090] Fix | Delete

* Internal dependencies

[28091] Fix | Delete

*/

[28092] Fix | Delete

[28093] Fix | Delete

[28094] Fix | Delete

[28095] Fix | Delete

function getLineHeight(adjustLineHeightForInnerControls, lineHeight) {

[28096] Fix | Delete

if (lineHeight) {

[28097] Fix | Delete

return lineHeight;

[28098] Fix | Delete

}

[28099] Fix | Delete

if (!adjustLineHeightForInnerControls) {

[28100] Fix | Delete

return;

[28101] Fix | Delete

}

[28102] Fix | Delete

let value = `calc(${config_values.controlHeight} + ${space(2)})`;

[28103] Fix | Delete

switch (adjustLineHeightForInnerControls) {

[28104] Fix | Delete

case 'large':

[28105] Fix | Delete

value = `calc(${config_values.controlHeightLarge} + ${space(2)})`;

[28106] Fix | Delete

break;

[28107] Fix | Delete

case 'small':

[28108] Fix | Delete

value = `calc(${config_values.controlHeightSmall} + ${space(2)})`;

[28109] Fix | Delete

break;

[28110] Fix | Delete

case 'xSmall':

[28111] Fix | Delete

value = `calc(${config_values.controlHeightXSmall} + ${space(2)})`;

[28112] Fix | Delete

break;

[28113] Fix | Delete

default:

[28114] Fix | Delete

break;

[28115] Fix | Delete

}

[28116] Fix | Delete

return value;

[28117] Fix | Delete

}

[28118] Fix | Delete

[28119] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/text/hook.js

[28120] Fix | Delete

function hook_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)."; }

[28121] Fix | Delete

/**

[28122] Fix | Delete

* External dependencies

[28123] Fix | Delete

*/

[28124] Fix | Delete

[28125] Fix | Delete

[28126] Fix | Delete

[28127] Fix | Delete

/**

[28128] Fix | Delete

* WordPress dependencies

[28129] Fix | Delete

*/

[28130] Fix | Delete

[28131] Fix | Delete

[28132] Fix | Delete

/**

[28133] Fix | Delete

* Internal dependencies

[28134] Fix | Delete

*/

[28135] Fix | Delete

[28136] Fix | Delete

[28137] Fix | Delete

[28138] Fix | Delete

[28139] Fix | Delete

[28140] Fix | Delete

[28141] Fix | Delete

[28142] Fix | Delete

[28143] Fix | Delete

[28144] Fix | Delete

[28145] Fix | Delete

var hook_ref = true ? {

[28146] Fix | Delete

name: "50zrmy",

[28147] Fix | Delete

styles: "text-transform:uppercase"

[28148] Fix | Delete

} : 0;

[28149] Fix | Delete

/**

[28150] Fix | Delete

* @param {import('../context').WordPressComponentProps<import('./types').Props, 'span'>} props

[28151] Fix | Delete

*/

[28152] Fix | Delete

function useText(props) {

[28153] Fix | Delete

const {

[28154] Fix | Delete

adjustLineHeightForInnerControls,

[28155] Fix | Delete

align,

[28156] Fix | Delete

children,

[28157] Fix | Delete

className,

[28158] Fix | Delete

color,

[28159] Fix | Delete

ellipsizeMode,

[28160] Fix | Delete

isDestructive = false,

[28161] Fix | Delete

display,

[28162] Fix | Delete

highlightEscape = false,

[28163] Fix | Delete

highlightCaseSensitive = false,

[28164] Fix | Delete

highlightWords,

[28165] Fix | Delete

highlightSanitize,

[28166] Fix | Delete

isBlock = false,

[28167] Fix | Delete

letterSpacing,

[28168] Fix | Delete

lineHeight: lineHeightProp,

[28169] Fix | Delete

optimizeReadabilityFor,

[28170] Fix | Delete

size,

[28171] Fix | Delete

truncate = false,

[28172] Fix | Delete

upperCase = false,

[28173] Fix | Delete

variant,

[28174] Fix | Delete

weight = config_values.fontWeight,

[28175] Fix | Delete

...otherProps

[28176] Fix | Delete

} = useContextSystem(props, 'Text');

[28177] Fix | Delete

let content = children;

[28178] Fix | Delete

const isHighlighter = Array.isArray(highlightWords);

[28179] Fix | Delete

const isCaption = size === 'caption';

[28180] Fix | Delete

if (isHighlighter) {

[28181] Fix | Delete

if (typeof children !== 'string') {

[28182] Fix | Delete

throw new TypeError('`children` of `Text` must only be `string` types when `highlightWords` is defined');

[28183] Fix | Delete

}

[28184] Fix | Delete

content = createHighlighterText({

[28185] Fix | Delete

autoEscape: highlightEscape,

[28186] Fix | Delete

children,

[28187] Fix | Delete

caseSensitive: highlightCaseSensitive,

[28188] Fix | Delete

searchWords: highlightWords,

[28189] Fix | Delete

sanitize: highlightSanitize

[28190] Fix | Delete

});

[28191] Fix | Delete

}

[28192] Fix | Delete

const cx = useCx();

[28193] Fix | Delete

const classes = (0,external_wp_element_namespaceObject.useMemo)(() => {

[28194] Fix | Delete

const sx = {};

[28195] Fix | Delete

const lineHeight = getLineHeight(adjustLineHeightForInnerControls, lineHeightProp);

[28196] Fix | Delete

sx.Base = /*#__PURE__*/emotion_react_browser_esm_css({

[28197] Fix | Delete

color,

[28198] Fix | Delete

display,

[28199] Fix | Delete

fontSize: getFontSize(size),

[28200] Fix | Delete

fontWeight: weight,

[28201] Fix | Delete

lineHeight,

[28202] Fix | Delete

letterSpacing,

[28203] Fix | Delete

textAlign: align

[28204] Fix | Delete

}, true ? "" : 0, true ? "" : 0);

[28205] Fix | Delete

sx.upperCase = hook_ref;

[28206] Fix | Delete

sx.optimalTextColor = null;

[28207] Fix | Delete

if (optimizeReadabilityFor) {

[28208] Fix | Delete

const isOptimalTextColorDark = getOptimalTextShade(optimizeReadabilityFor) === 'dark';

[28209] Fix | Delete

sx.optimalTextColor = isOptimalTextColorDark ? /*#__PURE__*/emotion_react_browser_esm_css({

[28210] Fix | Delete

color: COLORS.gray[900]

[28211] Fix | Delete

}, true ? "" : 0, true ? "" : 0) : /*#__PURE__*/emotion_react_browser_esm_css({

[28212] Fix | Delete

color: COLORS.white

[28213] Fix | Delete

}, true ? "" : 0, true ? "" : 0);

[28214] Fix | Delete

}

[28215] Fix | Delete

return cx(Text, sx.Base, sx.optimalTextColor, isDestructive && destructive, !!isHighlighter && highlighterText, isBlock && styles_block, isCaption && muted, variant && text_styles_namespaceObject[variant], upperCase && sx.upperCase, className);

[28216] Fix | Delete

}, [adjustLineHeightForInnerControls, align, className, color, cx, display, isBlock, isCaption, isDestructive, isHighlighter, letterSpacing, lineHeightProp, optimizeReadabilityFor, size, upperCase, variant, weight]);

[28217] Fix | Delete

let finalEllipsizeMode;

[28218] Fix | Delete

if (truncate === true) {

[28219] Fix | Delete

finalEllipsizeMode = 'auto';

[28220] Fix | Delete

}

[28221] Fix | Delete

if (truncate === false) {

[28222] Fix | Delete

finalEllipsizeMode = 'none';

[28223] Fix | Delete

}

[28224] Fix | Delete

const finalComponentProps = {

[28225] Fix | Delete

...otherProps,

[28226] Fix | Delete

className: classes,

[28227] Fix | Delete

children,

[28228] Fix | Delete

ellipsizeMode: ellipsizeMode || finalEllipsizeMode

[28229] Fix | Delete

};

[28230] Fix | Delete

const truncateProps = useTruncate(finalComponentProps);

[28231] Fix | Delete

[28232] Fix | Delete

/**

[28233] Fix | Delete

* Enhance child `<Link />` components to inherit font size.

[28234] Fix | Delete

*/

[28235] Fix | Delete

if (!truncate && Array.isArray(children)) {

[28236] Fix | Delete

content = external_wp_element_namespaceObject.Children.map(children, child => {

[28237] Fix | Delete

if (typeof child !== 'object' || child === null || !('props' in child)) {

[28238] Fix | Delete

return child;

[28239] Fix | Delete

}

[28240] Fix | Delete

const isLink = hasConnectNamespace(child, ['Link']);

[28241] Fix | Delete

if (isLink) {

[28242] Fix | Delete

return (0,external_wp_element_namespaceObject.cloneElement)(child, {

[28243] Fix | Delete

size: child.props.size || 'inherit'

[28244] Fix | Delete

});

[28245] Fix | Delete

}

[28246] Fix | Delete

return child;

[28247] Fix | Delete

});

[28248] Fix | Delete

}

[28249] Fix | Delete

return {

[28250] Fix | Delete

...truncateProps,

[28251] Fix | Delete

children: truncate ? truncateProps.children : content

[28252] Fix | Delete

};

[28253] Fix | Delete

}

[28254] Fix | Delete

[28255] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/text/component.js

[28256] Fix | Delete

/**

[28257] Fix | Delete

* Internal dependencies

[28258] Fix | Delete

*/

[28259] Fix | Delete

[28260] Fix | Delete

[28261] Fix | Delete

[28262] Fix | Delete

[28263] Fix | Delete

[28264] Fix | Delete

/**

[28265] Fix | Delete

* @param props

[28266] Fix | Delete

* @param forwardedRef

[28267] Fix | Delete

*/

[28268] Fix | Delete

function UnconnectedText(props, forwardedRef) {

[28269] Fix | Delete

const textProps = useText(props);

[28270] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(component, {

[28271] Fix | Delete

as: "span",

[28272] Fix | Delete

...textProps,

[28273] Fix | Delete

ref: forwardedRef

[28274] Fix | Delete

});

[28275] Fix | Delete

}

[28276] Fix | Delete

[28277] Fix | Delete

/**

[28278] Fix | Delete

* `Text` is a core component that renders text in the library, using the

[28279] Fix | Delete

* library's typography system.

[28280] Fix | Delete

*

[28281] Fix | Delete

* `Text` can be used to render any text-content, like an HTML `p` or `span`.

[28282] Fix | Delete

*

[28283] Fix | Delete

* @example

[28284] Fix | Delete

*

[28285] Fix | Delete

* ```jsx

[28286] Fix | Delete

* import { __experimentalText as Text } from `@wordpress/components`;

[28287] Fix | Delete

*

[28288] Fix | Delete

* function Example() {

[28289] Fix | Delete

* return <Text>Code is Poetry</Text>;

[28290] Fix | Delete

* }

[28291] Fix | Delete

* ```

[28292] Fix | Delete

*/

[28293] Fix | Delete

const component_Text = contextConnect(UnconnectedText, 'Text');

[28294] Fix | Delete

/* harmony default export */ const text_component = (component_Text);

[28295] Fix | Delete

[28296] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/base-label.js

[28297] Fix | Delete

function base_label_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)."; }

[28298] Fix | Delete

/**

[28299] Fix | Delete

* External dependencies

[28300] Fix | Delete

*/

[28301] Fix | Delete

[28302] Fix | Delete

[28303] Fix | Delete

// This is a very low-level mixin which you shouldn't have to use directly.

[28304] Fix | Delete

// Try to use BaseControl's StyledLabel or BaseControl.VisualLabel if you can.

[28305] Fix | Delete

const baseLabelTypography = true ? {

[28306] Fix | Delete

name: "9amh4a",

[28307] Fix | Delete

styles: "font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase"

[28308] Fix | Delete

} : 0;

[28309] Fix | Delete

[28310] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/input-control/styles/input-control-styles.js

[28311] Fix | Delete

[28312] Fix | Delete

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)."; }

[28313] Fix | Delete

/**

[28314] Fix | Delete

* External dependencies

[28315] Fix | Delete

*/

[28316] Fix | Delete

[28317] Fix | Delete

[28318] Fix | Delete

/**

[28319] Fix | Delete

* Internal dependencies

[28320] Fix | Delete

*/

[28321] Fix | Delete

[28322] Fix | Delete

[28323] Fix | Delete

[28324] Fix | Delete

[28325] Fix | Delete

[28326] Fix | Delete

[28327] Fix | Delete

const Prefix = /*#__PURE__*/emotion_styled_base_browser_esm("span", true ? {

[28328] Fix | Delete

target: "em5sgkm7"

[28329] Fix | Delete

} : 0)( true ? {

[28330] Fix | Delete

name: "pvvbxf",

[28331] Fix | Delete

styles: "box-sizing:border-box;display:block"

[28332] Fix | Delete

} : 0);

[28333] Fix | Delete

const Suffix = /*#__PURE__*/emotion_styled_base_browser_esm("span", true ? {

[28334] Fix | Delete

target: "em5sgkm6"

[28335] Fix | Delete

} : 0)( true ? {

[28336] Fix | Delete

name: "jgf79h",

[28337] Fix | Delete

styles: "align-items:center;align-self:stretch;box-sizing:border-box;display:flex"

[28338] Fix | Delete

} : 0);

[28339] Fix | Delete

const backdropBorderColor = ({

[28340] Fix | Delete

disabled,

[28341] Fix | Delete

isBorderless

[28342] Fix | Delete

}) => {

[28343] Fix | Delete

if (isBorderless) {

[28344] Fix | Delete

return 'transparent';

[28345] Fix | Delete

}

[28346] Fix | Delete

if (disabled) {

[28347] Fix | Delete

return COLORS.ui.borderDisabled;

[28348] Fix | Delete

}

[28349] Fix | Delete

return COLORS.ui.border;

[28350] Fix | Delete

};

[28351] Fix | Delete

const BackdropUI = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[28352] Fix | Delete

target: "em5sgkm5"

[28353] Fix | Delete

} : 0)("&&&{box-sizing:border-box;border-color:", backdropBorderColor, ";border-radius:inherit;border-style:solid;border-width:1px;bottom:0;left:0;margin:0;padding:0;pointer-events:none;position:absolute;right:0;top:0;", rtl({

[28354] Fix | Delete

paddingLeft: 2

[28355] Fix | Delete

}), ";}" + ( true ? "" : 0));

[28356] Fix | Delete

const input_control_styles_Root = /*#__PURE__*/emotion_styled_base_browser_esm(flex_component, true ? {

[28357] Fix | Delete

target: "em5sgkm4"

[28358] Fix | Delete

} : 0)("box-sizing:border-box;position:relative;border-radius:2px;padding-top:0;&:focus-within:not( :has( :is( ", Prefix, ", ", Suffix, " ):focus-within ) ){", BackdropUI, "{border-color:", COLORS.ui.borderFocus, ";box-shadow:", config_values.controlBoxShadowFocus, ";outline:2px solid transparent;outline-offset:-2px;}}" + ( true ? "" : 0));

[28359] Fix | Delete

const containerDisabledStyles = ({

[28360] Fix | Delete

disabled

[28361] Fix | Delete

}) => {

[28362] Fix | Delete

const backgroundColor = disabled ? COLORS.ui.backgroundDisabled : COLORS.ui.background;

[28363] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css({

[28364] Fix | Delete

backgroundColor

[28365] Fix | Delete

}, true ? "" : 0, true ? "" : 0);

[28366] Fix | Delete

};

[28367] Fix | Delete

var input_control_styles_ref = true ? {

[28368] Fix | Delete

name: "1d3w5wq",

[28369] Fix | Delete

styles: "width:100%"

[28370] Fix | Delete

} : 0;

[28371] Fix | Delete

const containerWidthStyles = ({

[28372] Fix | Delete

__unstableInputWidth,

[28373] Fix | Delete

labelPosition

[28374] Fix | Delete

}) => {

[28375] Fix | Delete

if (!__unstableInputWidth) {

[28376] Fix | Delete

return input_control_styles_ref;

[28377] Fix | Delete

}

[28378] Fix | Delete

if (labelPosition === 'side') {

[28379] Fix | Delete

return '';

[28380] Fix | Delete

}

[28381] Fix | Delete

if (labelPosition === 'edge') {

[28382] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css({

[28383] Fix | Delete

flex: `0 0 ${__unstableInputWidth}`

[28384] Fix | Delete

}, true ? "" : 0, true ? "" : 0);

[28385] Fix | Delete

}

[28386] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css({

[28387] Fix | Delete

width: __unstableInputWidth

[28388] Fix | Delete

}, true ? "" : 0, true ? "" : 0);

[28389] Fix | Delete

};

[28390] Fix | Delete

const Container = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[28391] Fix | Delete

target: "em5sgkm3"

[28392] Fix | Delete

} : 0)("align-items:center;box-sizing:border-box;border-radius:inherit;display:flex;flex:1;position:relative;", containerDisabledStyles, " ", containerWidthStyles, ";" + ( true ? "" : 0));

[28393] Fix | Delete

const disabledStyles = ({

[28394] Fix | Delete

disabled

[28395] Fix | Delete

}) => {

[28396] Fix | Delete

if (!disabled) {

[28397] Fix | Delete

return '';

[28398] Fix | Delete

}

[28399] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css({

[28400] Fix | Delete

color: COLORS.ui.textDisabled

[28401] Fix | Delete

}, true ? "" : 0, true ? "" : 0);

[28402] Fix | Delete

};

[28403] Fix | Delete

const fontSizeStyles = ({

[28404] Fix | Delete

inputSize: size

[28405] Fix | Delete

}) => {

[28406] Fix | Delete

const sizes = {

[28407] Fix | Delete

default: '13px',

[28408] Fix | Delete

small: '11px',

[28409] Fix | Delete

compact: '13px',

[28410] Fix | Delete

'__unstable-large': '13px'

[28411] Fix | Delete

};

[28412] Fix | Delete

const fontSize = sizes[size] || sizes.default;

[28413] Fix | Delete

const fontSizeMobile = '16px';

[28414] Fix | Delete

if (!fontSize) {

[28415] Fix | Delete

return '';

[28416] Fix | Delete

}

[28417] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css("font-size:", fontSizeMobile, ";@media ( min-width: 600px ){font-size:", fontSize, ";}" + ( true ? "" : 0), true ? "" : 0);

[28418] Fix | Delete

};

[28419] Fix | Delete

const getSizeConfig = ({

[28420] Fix | Delete

inputSize: size,

[28421] Fix | Delete

__next40pxDefaultSize

[28422] Fix | Delete

}) => {

[28423] Fix | Delete

// Paddings may be overridden by the custom paddings props.

[28424] Fix | Delete

const sizes = {

[28425] Fix | Delete

default: {

[28426] Fix | Delete

height: 40,

[28427] Fix | Delete

lineHeight: 1,

[28428] Fix | Delete

minHeight: 40,

[28429] Fix | Delete

paddingLeft: space(4),

[28430] Fix | Delete

paddingRight: space(4)

[28431] Fix | Delete

},

[28432] Fix | Delete

small: {

[28433] Fix | Delete

height: 24,

[28434] Fix | Delete

lineHeight: 1,

[28435] Fix | Delete

minHeight: 24,

[28436] Fix | Delete

paddingLeft: space(2),

[28437] Fix | Delete

paddingRight: space(2)

[28438] Fix | Delete

},

[28439] Fix | Delete

compact: {

[28440] Fix | Delete

height: 32,

[28441] Fix | Delete

lineHeight: 1,

[28442] Fix | Delete

minHeight: 32,

[28443] Fix | Delete

paddingLeft: space(2),

[28444] Fix | Delete

paddingRight: space(2)

[28445] Fix | Delete

},

[28446] Fix | Delete

'__unstable-large': {

[28447] Fix | Delete

height: 40,

[28448] Fix | Delete

lineHeight: 1,

[28449] Fix | Delete

minHeight: 40,

[28450] Fix | Delete

paddingLeft: space(4),

[28451] Fix | Delete

paddingRight: space(4)

[28452] Fix | Delete

}

[28453] Fix | Delete

};

[28454] Fix | Delete

if (!__next40pxDefaultSize) {

[28455] Fix | Delete

sizes.default = sizes.compact;

[28456] Fix | Delete

}

[28457] Fix | Delete

return sizes[size] || sizes.default;

[28458] Fix | Delete

};

[28459] Fix | Delete

const sizeStyles = props => {

[28460] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css(getSizeConfig(props), true ? "" : 0, true ? "" : 0);

[28461] Fix | Delete

};

[28462] Fix | Delete

const customPaddings = ({

[28463] Fix | Delete

paddingInlineStart,

[28464] Fix | Delete

paddingInlineEnd

[28465] Fix | Delete

}) => {

[28466] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css({

[28467] Fix | Delete

paddingInlineStart,

[28468] Fix | Delete

paddingInlineEnd

[28469] Fix | Delete

}, true ? "" : 0, true ? "" : 0);

[28470] Fix | Delete

};

[28471] Fix | Delete

const dragStyles = ({

[28472] Fix | Delete

isDragging,

[28473] Fix | Delete

dragCursor

[28474] Fix | Delete

}) => {

[28475] Fix | Delete

let defaultArrowStyles;

[28476] Fix | Delete

let activeDragCursorStyles;

[28477] Fix | Delete

if (isDragging) {

[28478] Fix | Delete

defaultArrowStyles = /*#__PURE__*/emotion_react_browser_esm_css("cursor:", dragCursor, ";user-select:none;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;}" + ( true ? "" : 0), true ? "" : 0);

[28479] Fix | Delete

}

[28480] Fix | Delete

if (isDragging && dragCursor) {

[28481] Fix | Delete

activeDragCursorStyles = /*#__PURE__*/emotion_react_browser_esm_css("&:active{cursor:", dragCursor, ";}" + ( true ? "" : 0), true ? "" : 0);

[28482] Fix | Delete

}

[28483] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css(defaultArrowStyles, " ", activeDragCursorStyles, ";" + ( true ? "" : 0), true ? "" : 0);

[28484] Fix | Delete

};

[28485] Fix | Delete

[28486] Fix | Delete

// TODO: Resolve need to use &&& to increase specificity

[28487] Fix | Delete

// https://github.com/WordPress/gutenberg/issues/18483

[28488] Fix | Delete

[28489] Fix | Delete

const Input = /*#__PURE__*/emotion_styled_base_browser_esm("input", true ? {

[28490] Fix | Delete

target: "em5sgkm2"

[28491] Fix | Delete

} : 0)("&&&{background-color:transparent;box-sizing:border-box;border:none;box-shadow:none!important;color:", COLORS.theme.foreground, ";display:block;font-family:inherit;margin:0;outline:none;width:100%;", dragStyles, " ", disabledStyles, " ", fontSizeStyles, " ", sizeStyles, " ", customPaddings, " &::-webkit-input-placeholder{line-height:normal;}}" + ( true ? "" : 0));

[28492] Fix | Delete

const BaseLabel = /*#__PURE__*/emotion_styled_base_browser_esm(text_component, true ? {

[28493] Fix | Delete

target: "em5sgkm1"

[28494] Fix | Delete

} : 0)("&&&{", baseLabelTypography, ";box-sizing:border-box;display:block;padding-top:0;padding-bottom:0;max-width:100%;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}" + ( true ? "" : 0));

[28495] Fix | Delete

const Label = props => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BaseLabel, {

[28496] Fix | Delete

...props,

[28497] Fix | Delete

as: "label"

[28498] Fix | Delete

});

[28499] Fix | Delete