@wordpress/components 19.11.0 → 19.14.0

package/build-module/dropdown-menu/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/dropdown-menu/index.native.js"],"names":["classnames","flatMap","isEmpty","isFunction","Platform","DOWN","BottomSheet","PanelBody","withPreferredColorScheme","menu","Button","Dropdown","mergeProps","defaultProps","props","mergedProps","className","DropdownMenu","children","controls","icon","label","popoverProps","toggleProps","controlSets","Array","isArray","mergedPopoverProps","isOpen","onToggle","openOnArrowDown","event","keyCode","preventDefault","mergedToggleProps","onClick","onKeyDown","onClose","paddingLeft","paddingRight","controlSet","indexOfSet","map","control","indexOfControl","join","title","isActive","OS"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { flatMap, isEmpty, isFunction } from 'lodash';\nimport { Platform } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { DOWN } from '@wordpress/keycodes';\nimport { BottomSheet, PanelBody } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { menu } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport Dropdown from '../dropdown';\n\nfunction mergeProps( defaultProps = {}, props = {} ) {\n\tconst mergedProps = {\n\t\t...defaultProps,\n\t\t...props,\n\t};\n\n\tif ( props.className && defaultProps.className ) {\n\t\tmergedProps.className = classnames(\n\t\t\tprops.className,\n\t\t\tdefaultProps.className\n\t\t);\n\t}\n\n\treturn mergedProps;\n}\n\nfunction DropdownMenu( {\n\tchildren,\n\tclassName,\n\tcontrols,\n\ticon = menu,\n\tlabel,\n\tpopoverProps,\n\ttoggleProps,\n} ) {\n\tif ( isEmpty( controls ) && ! isFunction( children ) ) {\n\t\treturn null;\n\t}\n\n\t// Normalize controls to nested array of objects (sets of controls)\n\tlet controlSets;\n\tif ( ! isEmpty( controls ) ) {\n\t\tcontrolSets = controls;\n\t\tif ( ! Array.isArray( controlSets[ 0 ] ) ) {\n\t\t\tcontrolSets = [ controlSets ];\n\t\t}\n\t}\n\tconst mergedPopoverProps = mergeProps(\n\t\t{\n\t\t\tclassName: 'components-dropdown-menu__popover',\n\t\t},\n\t\tpopoverProps\n\t);\n\n\treturn (\n\t\t<Dropdown\n\t\t\tclassName={ classnames( 'components-dropdown-menu', className ) }\n\t\t\tpopoverProps={ mergedPopoverProps }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\tconst mergedToggleProps = mergeProps(\n\t\t\t\t\t{\n\t\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t\t'components-dropdown-menu__toggle',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-opened': isOpen,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t),\n\t\t\t\t\t},\n\t\t\t\t\ttoggleProps\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{ ...mergedToggleProps }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tonToggle( event );\n\t\t\t\t\t\t\tif ( mergedToggleProps.onClick ) {\n\t\t\t\t\t\t\t\tmergedToggleProps.onClick( event );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\topenOnArrowDown( event );\n\t\t\t\t\t\t\tif ( mergedToggleProps.onKeyDown ) {\n\t\t\t\t\t\t\t\tmergedToggleProps.onKeyDown( event );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ mergedToggleProps.children }\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ ( { isOpen, onClose, ...props } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<BottomSheet\n\t\t\t\t\t\thideHeader={ true }\n\t\t\t\t\t\tisVisible={ isOpen }\n\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ isFunction( children ) ? children( props ) : null }\n\t\t\t\t\t\t<PanelBody\n\t\t\t\t\t\t\ttitle={ label }\n\t\t\t\t\t\t\tstyle={ { paddingLeft: 0, paddingRight: 0 } }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ flatMap(\n\t\t\t\t\t\t\t\tcontrolSets,\n\t\t\t\t\t\t\t\t( controlSet, indexOfSet ) =>\n\t\t\t\t\t\t\t\t\tcontrolSet.map(\n\t\t\t\t\t\t\t\t\t\t( control, indexOfControl ) => (\n\t\t\t\t\t\t\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ [\n\t\t\t\t\t\t\t\t\t\t\t\t\tindexOfSet,\n\t\t\t\t\t\t\t\t\t\t\t\t\tindexOfControl,\n\t\t\t\t\t\t\t\t\t\t\t\t].join() }\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={ control.title }\n\t\t\t\t\t\t\t\t\t\t\t\tonPress={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\tif ( control.onClick ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrol.onClick();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ control.icon }\n\t\t\t\t\t\t\t\t\t\t\t\tleftAlign={ true }\n\t\t\t\t\t\t\t\t\t\t\t\tisSelected={ control.isActive }\n\t\t\t\t\t\t\t\t\t\t\t\tseparatorType={\n\t\t\t\t\t\t\t\t\t\t\t\t\tPlatform.OS === 'android'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'none'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'leftMargin'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t</BottomSheet>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default withPreferredColorScheme( DropdownMenu );\n"]}
+{"version":3,"sources":["@wordpress/components/src/dropdown-menu/index.native.js"],"names":["classnames","flatMap","isEmpty","Platform","DOWN","BottomSheet","PanelBody","withPreferredColorScheme","menu","Button","Dropdown","mergeProps","defaultProps","props","mergedProps","className","isFunction","maybeFunc","DropdownMenu","children","controls","icon","label","popoverProps","toggleProps","controlSets","Array","isArray","mergedPopoverProps","isOpen","onToggle","openOnArrowDown","event","keyCode","preventDefault","mergedToggleProps","onClick","onKeyDown","onClose","paddingLeft","paddingRight","controlSet","indexOfSet","map","control","indexOfControl","join","title","isActive","OS"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { flatMap, isEmpty } from 'lodash';\nimport { Platform } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { DOWN } from '@wordpress/keycodes';\nimport { BottomSheet, PanelBody } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { menu } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport Dropdown from '../dropdown';\n\nfunction mergeProps( defaultProps = {}, props = {} ) {\n\tconst mergedProps = {\n\t\t...defaultProps,\n\t\t...props,\n\t};\n\n\tif ( props.className && defaultProps.className ) {\n\t\tmergedProps.className = classnames(\n\t\t\tprops.className,\n\t\t\tdefaultProps.className\n\t\t);\n\t}\n\n\treturn mergedProps;\n}\n\n/**\n * Whether the argument is a function.\n *\n * @param {*} maybeFunc The argument to check.\n * @return {boolean} True if the argument is a function, false otherwise.\n */\nfunction isFunction( maybeFunc ) {\n\treturn typeof maybeFunc === 'function';\n}\n\nfunction DropdownMenu( {\n\tchildren,\n\tclassName,\n\tcontrols,\n\ticon = menu,\n\tlabel,\n\tpopoverProps,\n\ttoggleProps,\n} ) {\n\tif ( isEmpty( controls ) && ! isFunction( children ) ) {\n\t\treturn null;\n\t}\n\n\t// Normalize controls to nested array of objects (sets of controls)\n\tlet controlSets;\n\tif ( ! isEmpty( controls ) ) {\n\t\tcontrolSets = controls;\n\t\tif ( ! Array.isArray( controlSets[ 0 ] ) ) {\n\t\t\tcontrolSets = [ controlSets ];\n\t\t}\n\t}\n\tconst mergedPopoverProps = mergeProps(\n\t\t{\n\t\t\tclassName: 'components-dropdown-menu__popover',\n\t\t},\n\t\tpopoverProps\n\t);\n\n\treturn (\n\t\t<Dropdown\n\t\t\tclassName={ classnames( 'components-dropdown-menu', className ) }\n\t\t\tpopoverProps={ mergedPopoverProps }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\tconst mergedToggleProps = mergeProps(\n\t\t\t\t\t{\n\t\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t\t'components-dropdown-menu__toggle',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-opened': isOpen,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t),\n\t\t\t\t\t},\n\t\t\t\t\ttoggleProps\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{ ...mergedToggleProps }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tonToggle( event );\n\t\t\t\t\t\t\tif ( mergedToggleProps.onClick ) {\n\t\t\t\t\t\t\t\tmergedToggleProps.onClick( event );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\topenOnArrowDown( event );\n\t\t\t\t\t\t\tif ( mergedToggleProps.onKeyDown ) {\n\t\t\t\t\t\t\t\tmergedToggleProps.onKeyDown( event );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ mergedToggleProps.children }\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ ( { isOpen, onClose, ...props } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<BottomSheet\n\t\t\t\t\t\thideHeader={ true }\n\t\t\t\t\t\tisVisible={ isOpen }\n\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ isFunction( children ) ? children( props ) : null }\n\t\t\t\t\t\t<PanelBody\n\t\t\t\t\t\t\ttitle={ label }\n\t\t\t\t\t\t\tstyle={ { paddingLeft: 0, paddingRight: 0 } }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ flatMap(\n\t\t\t\t\t\t\t\tcontrolSets,\n\t\t\t\t\t\t\t\t( controlSet, indexOfSet ) =>\n\t\t\t\t\t\t\t\t\tcontrolSet.map(\n\t\t\t\t\t\t\t\t\t\t( control, indexOfControl ) => (\n\t\t\t\t\t\t\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ [\n\t\t\t\t\t\t\t\t\t\t\t\t\tindexOfSet,\n\t\t\t\t\t\t\t\t\t\t\t\t\tindexOfControl,\n\t\t\t\t\t\t\t\t\t\t\t\t].join() }\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={ control.title }\n\t\t\t\t\t\t\t\t\t\t\t\tonPress={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\tif ( control.onClick ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrol.onClick();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ control.icon }\n\t\t\t\t\t\t\t\t\t\t\t\tleftAlign={ true }\n\t\t\t\t\t\t\t\t\t\t\t\tisSelected={ control.isActive }\n\t\t\t\t\t\t\t\t\t\t\t\tseparatorType={\n\t\t\t\t\t\t\t\t\t\t\t\t\tPlatform.OS === 'android'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'none'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'leftMargin'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t</BottomSheet>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default withPreferredColorScheme( DropdownMenu );\n"]}

package/build-module/duotone-picker/duotone-picker.js

@@ -22,6 +22,7 @@ import { getDefaultColors, getGradientFromCSSColors } from './utils';
 function DuotonePicker(_ref) {
   let {
     clearable = true,
+    unsetable = true,
     colorPalette,
     duotonePalette,
     disableCustomColors,
@@ -30,44 +31,56 @@ function DuotonePicker(_ref) {
     onChange
   } = _ref;
   const [defaultDark, defaultLight] = useMemo(() => getDefaultColors(colorPalette), [colorPalette]);
+  const isUnset = value === 'unset';
+  const unsetOption = createElement(CircularOptionPicker.Option, {
+    key: "unset",
+    value: "unset",
+    isSelected: isUnset,
+    tooltipText: __('Unset'),
+    className: "components-duotone-picker__color-indicator",
+    onClick: () => {
+      onChange(isUnset ? undefined : 'unset');
+    }
+  });
+  const options = duotonePalette.map(_ref2 => {
+    let {
+      colors,
+      slug,
+      name
+    } = _ref2;
+    const style = {
+      background: getGradientFromCSSColors(colors, '135deg'),
+      color: 'transparent'
+    };
+    const tooltipText = name !== null && name !== void 0 ? name : sprintf( // translators: %s: duotone code e.g: "dark-grayscale" or "7f7f7f-ffffff".
+    __('Duotone code: %s'), slug);
+    const label = name ? sprintf( // translators: %s: The name of the option e.g: "Dark grayscale".
+    __('Duotone: %s'), name) : tooltipText;
+    const isSelected = isEqual(colors, value);
+    return createElement(CircularOptionPicker.Option, {
+      key: slug,
+      value: colors,
+      isSelected: isSelected,
+      "aria-label": label,
+      tooltipText: tooltipText,
+      style: style,
+      onClick: () => {
+        onChange(isSelected ? undefined : colors);
+      }
+    });
+  });
   return createElement(CircularOptionPicker, {
-    options: duotonePalette.map(_ref2 => {
-      let {
-        colors,
-        slug,
-        name
-      } = _ref2;
-      const style = {
-        background: getGradientFromCSSColors(colors, '135deg'),
-        color: 'transparent'
-      };
-      const tooltipText = name !== null && name !== void 0 ? name : sprintf( // translators: %s: duotone code e.g: "dark-grayscale" or "7f7f7f-ffffff".
-      __('Duotone code: %s'), slug);
-      const label = name ? sprintf( // translators: %s: The name of the option e.g: "Dark grayscale".
-      __('Duotone: %s'), name) : tooltipText;
-      const isSelected = isEqual(colors, value);
-      return createElement(CircularOptionPicker.Option, {
-        key: slug,
-        value: colors,
-        isSelected: isSelected,
-        "aria-label": label,
-        tooltipText: tooltipText,
-        style: style,
-        onClick: () => {
-          onChange(isSelected ? undefined : colors);
-        }
-      });
-    }),
+    options: unsetable ? [unsetOption, ...options] : options,
     actions: !!clearable && createElement(CircularOptionPicker.ButtonAction, {
       onClick: () => onChange(undefined)
     }, __('Clear'))
   }, !disableCustomColors && !disableCustomDuotone && createElement(CustomDuotoneBar, {
-    value: value,
+    value: isUnset ? undefined : value,
     onChange: onChange
   }), !disableCustomDuotone && createElement(ColorListPicker, {
     labels: [__('Shadows'), __('Highlights')],
     colors: colorPalette,
-    value: value,
+    value: isUnset ? undefined : value,
     disableCustomColors: disableCustomColors,
     enableAlpha: true,
     onChange: newColors => {

package/build-module/duotone-picker/duotone-picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/duotone-picker/duotone-picker.js"],"names":["isEqual","useMemo","__","sprintf","ColorListPicker","CircularOptionPicker","CustomDuotoneBar","getDefaultColors","getGradientFromCSSColors","DuotonePicker","clearable","colorPalette","duotonePalette","disableCustomColors","disableCustomDuotone","value","onChange","defaultDark","defaultLight","map","colors","slug","name","style","background","color","tooltipText","label","isSelected","undefined","newColors","newValue","length"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { isEqual } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ColorListPicker from '../color-list-picker';\nimport CircularOptionPicker from '../circular-option-picker';\n\nimport CustomDuotoneBar from './custom-duotone-bar';\nimport { getDefaultColors, getGradientFromCSSColors } from './utils';\n\nfunction DuotonePicker( {\n\tclearable = true,\n\tcolorPalette,\n\tduotonePalette,\n\tdisableCustomColors,\n\tdisableCustomDuotone,\n\tvalue,\n\tonChange,\n} ) {\n\tconst [ defaultDark, defaultLight ] = useMemo(\n\t\t() => getDefaultColors( colorPalette ),\n\t\t[ colorPalette ]\n\t);\n\n\treturn (\n\t\t<CircularOptionPicker\n\t\t\toptions={ duotonePalette.map( ( { colors, slug, name } ) => {\n\t\t\t\tconst style = {\n\t\t\t\t\tbackground: getGradientFromCSSColors( colors, '135deg' ),\n\t\t\t\t\tcolor: 'transparent',\n\t\t\t\t};\n\t\t\t\tconst tooltipText =\n\t\t\t\t\tname ??\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t// translators: %s: duotone code e.g: \"dark-grayscale\" or \"7f7f7f-ffffff\".\n\t\t\t\t\t\t__( 'Duotone code: %s' ),\n\t\t\t\t\t\tslug\n\t\t\t\t\t);\n\t\t\t\tconst label = name\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t// translators: %s: The name of the option e.g: \"Dark grayscale\".\n\t\t\t\t\t\t\t__( 'Duotone: %s' ),\n\t\t\t\t\t\t\tname\n\t\t\t\t\t  )\n\t\t\t\t\t: tooltipText;\n\t\t\t\tconst isSelected = isEqual( colors, value );\n\n\t\t\t\treturn (\n\t\t\t\t\t<CircularOptionPicker.Option\n\t\t\t\t\t\tkey={ slug }\n\t\t\t\t\t\tvalue={ colors }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\ttooltipText={ tooltipText }\n\t\t\t\t\t\tstyle={ style }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonChange( isSelected ? undefined : colors );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\tactions={\n\t\t\t\t!! clearable && (\n\t\t\t\t\t<CircularOptionPicker.ButtonAction\n\t\t\t\t\t\tonClick={ () => onChange( undefined ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Clear' ) }\n\t\t\t\t\t</CircularOptionPicker.ButtonAction>\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t{ ! disableCustomColors && ! disableCustomDuotone && (\n\t\t\t\t<CustomDuotoneBar value={ value } onChange={ onChange } />\n\t\t\t) }\n\t\t\t{ ! disableCustomDuotone && (\n\t\t\t\t<ColorListPicker\n\t\t\t\t\tlabels={ [ __( 'Shadows' ), __( 'Highlights' ) ] }\n\t\t\t\t\tcolors={ colorPalette }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\tenableAlpha\n\t\t\t\t\tonChange={ ( newColors ) => {\n\t\t\t\t\t\tif ( ! newColors[ 0 ] ) {\n\t\t\t\t\t\t\tnewColors[ 0 ] = defaultDark;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( ! newColors[ 1 ] ) {\n\t\t\t\t\t\t\tnewColors[ 1 ] = defaultLight;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst newValue =\n\t\t\t\t\t\t\tnewColors.length >= 2 ? newColors : undefined;\n\t\t\t\t\t\tonChange( newValue );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</CircularOptionPicker>\n\t);\n}\n\nexport default DuotonePicker;\n"]}
+{"version":3,"sources":["@wordpress/components/src/duotone-picker/duotone-picker.js"],"names":["isEqual","useMemo","__","sprintf","ColorListPicker","CircularOptionPicker","CustomDuotoneBar","getDefaultColors","getGradientFromCSSColors","DuotonePicker","clearable","unsetable","colorPalette","duotonePalette","disableCustomColors","disableCustomDuotone","value","onChange","defaultDark","defaultLight","isUnset","unsetOption","undefined","options","map","colors","slug","name","style","background","color","tooltipText","label","isSelected","newColors","newValue","length"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { isEqual } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ColorListPicker from '../color-list-picker';\nimport CircularOptionPicker from '../circular-option-picker';\n\nimport CustomDuotoneBar from './custom-duotone-bar';\nimport { getDefaultColors, getGradientFromCSSColors } from './utils';\n\nfunction DuotonePicker( {\n\tclearable = true,\n\tunsetable = true,\n\tcolorPalette,\n\tduotonePalette,\n\tdisableCustomColors,\n\tdisableCustomDuotone,\n\tvalue,\n\tonChange,\n} ) {\n\tconst [ defaultDark, defaultLight ] = useMemo(\n\t\t() => getDefaultColors( colorPalette ),\n\t\t[ colorPalette ]\n\t);\n\n\tconst isUnset = value === 'unset';\n\n\tconst unsetOption = (\n\t\t<CircularOptionPicker.Option\n\t\t\tkey=\"unset\"\n\t\t\tvalue=\"unset\"\n\t\t\tisSelected={ isUnset }\n\t\t\ttooltipText={ __( 'Unset' ) }\n\t\t\tclassName=\"components-duotone-picker__color-indicator\"\n\t\t\tonClick={ () => {\n\t\t\t\tonChange( isUnset ? undefined : 'unset' );\n\t\t\t} }\n\t\t/>\n\t);\n\n\tconst options = duotonePalette.map( ( { colors, slug, name } ) => {\n\t\tconst style = {\n\t\t\tbackground: getGradientFromCSSColors( colors, '135deg' ),\n\t\t\tcolor: 'transparent',\n\t\t};\n\t\tconst tooltipText =\n\t\t\tname ??\n\t\t\tsprintf(\n\t\t\t\t// translators: %s: duotone code e.g: \"dark-grayscale\" or \"7f7f7f-ffffff\".\n\t\t\t\t__( 'Duotone code: %s' ),\n\t\t\t\tslug\n\t\t\t);\n\t\tconst label = name\n\t\t\t? sprintf(\n\t\t\t\t\t// translators: %s: The name of the option e.g: \"Dark grayscale\".\n\t\t\t\t\t__( 'Duotone: %s' ),\n\t\t\t\t\tname\n\t\t\t  )\n\t\t\t: tooltipText;\n\t\tconst isSelected = isEqual( colors, value );\n\n\t\treturn (\n\t\t\t<CircularOptionPicker.Option\n\t\t\t\tkey={ slug }\n\t\t\t\tvalue={ colors }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\taria-label={ label }\n\t\t\t\ttooltipText={ tooltipText }\n\t\t\t\tstyle={ style }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tonChange( isSelected ? undefined : colors );\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t} );\n\n\treturn (\n\t\t<CircularOptionPicker\n\t\t\toptions={ unsetable ? [ unsetOption, ...options ] : options }\n\t\t\tactions={\n\t\t\t\t!! clearable && (\n\t\t\t\t\t<CircularOptionPicker.ButtonAction\n\t\t\t\t\t\tonClick={ () => onChange( undefined ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Clear' ) }\n\t\t\t\t\t</CircularOptionPicker.ButtonAction>\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t{ ! disableCustomColors && ! disableCustomDuotone && (\n\t\t\t\t<CustomDuotoneBar\n\t\t\t\t\tvalue={ isUnset ? undefined : value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! disableCustomDuotone && (\n\t\t\t\t<ColorListPicker\n\t\t\t\t\tlabels={ [ __( 'Shadows' ), __( 'Highlights' ) ] }\n\t\t\t\t\tcolors={ colorPalette }\n\t\t\t\t\tvalue={ isUnset ? undefined : value }\n\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\tenableAlpha\n\t\t\t\t\tonChange={ ( newColors ) => {\n\t\t\t\t\t\tif ( ! newColors[ 0 ] ) {\n\t\t\t\t\t\t\tnewColors[ 0 ] = defaultDark;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( ! newColors[ 1 ] ) {\n\t\t\t\t\t\t\tnewColors[ 1 ] = defaultLight;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst newValue =\n\t\t\t\t\t\t\tnewColors.length >= 2 ? newColors : undefined;\n\t\t\t\t\t\tonChange( newValue );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</CircularOptionPicker>\n\t);\n}\n\nexport default DuotonePicker;\n"]}

package/build-module/elevation/hook.js

@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { css } from '@emotion/react';
-import { isNil } from 'lodash';
 /**
  * WordPress dependencies
  */
@@ -16,6 +15,7 @@ import { useContextSystem } from '../ui/context';
 import * as styles from './styles';
 import { CONFIG, reduceMotion } from '../utils';
 import { useCx } from '../utils/hooks/use-cx';
+import { isValueDefined } from '../utils/values';
 /**
  * @param {number} value
  * @return {string} The box shadow value.
@@ -46,14 +46,14 @@ export function useElevation(props) {
   const cx = useCx();
   const classes = useMemo(() => {
     /** @type {number | undefined} */
-    let hoverValue = !isNil(hover) ? hover : value * 2;
+    let hoverValue = isValueDefined(hover) ? hover : value * 2;
     /** @type {number | undefined} */
 
-    let activeValue = !isNil(active) ? active : value / 2;
+    let activeValue = isValueDefined(active) ? active : value / 2;
 
     if (!isInteractive) {
-      hoverValue = !isNil(hover) ? hover : undefined;
-      activeValue = !isNil(active) ? active : undefined;
+      hoverValue = isValueDefined(hover) ? hover : undefined;
+      activeValue = isValueDefined(active) ? active : undefined;
     }
 
     const transition = `box-shadow ${CONFIG.transitionDuration} ${CONFIG.transitionTimingFunction}`;
@@ -67,18 +67,18 @@ export function useElevation(props) {
       right: offset,
       top: offset,
       transition
-    }, reduceMotion('transition'), process.env.NODE_ENV === "production" ? "" : ";label:sx-Base;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZWxldmF0aW9uL2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VZIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZWxldmF0aW9uL2hvb2suanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBpc05pbCB9IGZyb20gJ2xvZGFzaCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAnQHdvcmRwcmVzcy9lbGVtZW50JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlQ29udGV4dFN5c3RlbSB9IGZyb20gJy4uL3VpL2NvbnRleHQnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4vc3R5bGVzJztcbmltcG9ydCB7IENPTkZJRywgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgdXNlQ3ggfSBmcm9tICcuLi91dGlscy9ob29rcy91c2UtY3gnO1xuXG4vKipcbiAqIEBwYXJhbSB7bnVtYmVyfSB2YWx1ZVxuICogQHJldHVybiB7c3RyaW5nfSBUaGUgYm94IHNoYWRvdyB2YWx1ZS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEJveFNoYWRvdyggdmFsdWUgKSB7XG5cdGNvbnN0IGJveFNoYWRvd0NvbG9yID0gYHJnYmEoMCAsMCwgMCwgJHsgdmFsdWUgLyAyMCB9KWA7XG5cdGNvbnN0IGJveFNoYWRvdyA9IGAwICR7IHZhbHVlIH1weCAkeyB2YWx1ZSAqIDIgfXB4IDBcblx0JHsgYm94U2hhZG93Q29sb3IgfWA7XG5cblx0cmV0dXJuIGJveFNoYWRvdztcbn1cblxuLyoqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi90eXBlcycpLlByb3BzLCAnZGl2Jz59IHByb3BzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB1c2VFbGV2YXRpb24oIHByb3BzICkge1xuXHRjb25zdCB7XG5cdFx0YWN0aXZlLFxuXHRcdGJvcmRlclJhZGl1cyA9ICdpbmhlcml0Jyxcblx0XHRjbGFzc05hbWUsXG5cdFx0Zm9jdXMsXG5cdFx0aG92ZXIsXG5cdFx0aXNJbnRlcmFjdGl2ZSA9IGZhbHNlLFxuXHRcdG9mZnNldCA9IDAsXG5cdFx0dmFsdWUgPSAwLFxuXHRcdC4uLm90aGVyUHJvcHNcblx0fSA9IHVzZUNvbnRleHRTeXN0ZW0oIHByb3BzLCAnRWxldmF0aW9uJyApO1xuXG5cdGNvbnN0IGN4ID0gdXNlQ3goKTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdC8qKiBAdHlwZSB7bnVtYmVyIHwgdW5kZWZpbmVkfSAqL1xuXHRcdGxldCBob3ZlclZhbHVlID0gISBpc05pbCggaG92ZXIgKSA/IGhvdmVyIDogdmFsdWUgKiAyO1xuXHRcdC8qKiBAdHlwZSB7bnVtYmVyIHwgdW5kZWZpbmVkfSAqL1xuXHRcdGxldCBhY3RpdmVWYWx1ZSA9ICEgaXNOaWwoIGFjdGl2ZSApID8gYWN0aXZlIDogdmFsdWUgLyAyO1xuXG5cdFx0aWYgKCAhIGlzSW50ZXJhY3RpdmUgKSB7XG5cdFx0XHRob3ZlclZhbHVlID0gISBpc05pbCggaG92ZXIgKSA/IGhvdmVyIDogdW5kZWZpbmVkO1xuXHRcdFx0YWN0aXZlVmFsdWUgPSAhIGlzTmlsKCBhY3RpdmUgKSA/IGFjdGl2ZSA6IHVuZGVmaW5lZDtcblx0XHR9XG5cblx0XHRjb25zdCB0cmFuc2l0aW9uID0gYGJveC1zaGFkb3cgJHsgQ09ORklHLnRyYW5zaXRpb25EdXJhdGlvbiB9ICR7IENPTkZJRy50cmFuc2l0aW9uVGltaW5nRnVuY3Rpb24gfWA7XG5cblx0XHRjb25zdCBzeCA9IHt9O1xuXG5cdFx0c3guQmFzZSA9IGNzcyhcblx0XHRcdHtcblx0XHRcdFx0Ym9yZGVyUmFkaXVzLFxuXHRcdFx0XHRib3R0b206IG9mZnNldCxcblx0XHRcdFx0Ym94U2hhZG93OiBnZXRCb3hTaGFkb3coIHZhbHVlICksXG5cdFx0XHRcdG9wYWNpdHk6IENPTkZJRy5lbGV2YXRpb25JbnRlbnNpdHksXG5cdFx0XHRcdGxlZnQ6IG9mZnNldCxcblx0XHRcdFx0cmlnaHQ6IG9mZnNldCxcblx0XHRcdFx0dG9wOiBvZmZzZXQsXG5cdFx0XHRcdHRyYW5zaXRpb24sXG5cdFx0XHR9LFxuXHRcdFx0cmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKVxuXHRcdCk7XG5cblx0XHRpZiAoICEgaXNOaWwoIGhvdmVyVmFsdWUgKSApIHtcblx0XHRcdHN4LmhvdmVyID0gY3NzYFxuXHRcdFx0XHQqOmhvdmVyID4gJiB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogJHsgZ2V0Qm94U2hhZG93KCBob3ZlclZhbHVlICkgfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcblx0XHR9XG5cblx0XHRpZiAoICEgaXNOaWwoIGFjdGl2ZVZhbHVlICkgKSB7XG5cdFx0XHRzeC5hY3RpdmUgPSBjc3NgXG5cdFx0XHRcdCo6YWN0aXZlID4gJiB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogJHsgZ2V0Qm94U2hhZG93KCBhY3RpdmVWYWx1ZSApIH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XG5cdFx0fVxuXG5cdFx0aWYgKCAhIGlzTmlsKCBmb2N1cyApICkge1xuXHRcdFx0c3guZm9jdXMgPSBjc3NgXG5cdFx0XHRcdCo6Zm9jdXMgPiAmIHtcblx0XHRcdFx0XHRib3gtc2hhZG93OiAkeyBnZXRCb3hTaGFkb3coIGZvY3VzICkgfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcblx0XHR9XG5cblx0XHRyZXR1cm4gY3goXG5cdFx0XHRzdHlsZXMuRWxldmF0aW9uLFxuXHRcdFx0c3guQmFzZSxcblx0XHRcdHN4LmhvdmVyICYmIHN4LmhvdmVyLFxuXHRcdFx0c3guZm9jdXMgJiYgc3guZm9jdXMsXG5cdFx0XHRzeC5hY3RpdmUgJiYgc3guYWN0aXZlLFxuXHRcdFx0Y2xhc3NOYW1lXG5cdFx0KTtcblx0fSwgW1xuXHRcdGFjdGl2ZSxcblx0XHRib3JkZXJSYWRpdXMsXG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGN4LFxuXHRcdGZvY3VzLFxuXHRcdGhvdmVyLFxuXHRcdGlzSW50ZXJhY3RpdmUsXG5cdFx0b2Zmc2V0LFxuXHRcdHZhbHVlLFxuXHRdICk7XG5cblx0cmV0dXJuIHsgLi4ub3RoZXJQcm9wcywgY2xhc3NOYW1lOiBjbGFzc2VzLCAnYXJpYS1oaWRkZW4nOiB0cnVlIH07XG59XG4iXX0= */");
+    }, reduceMotion('transition'), process.env.NODE_ENV === "production" ? "" : ";label:sx-Base;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZWxldmF0aW9uL2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VZIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZWxldmF0aW9uL2hvb2suanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAnQHdvcmRwcmVzcy9lbGVtZW50JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlQ29udGV4dFN5c3RlbSB9IGZyb20gJy4uL3VpL2NvbnRleHQnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4vc3R5bGVzJztcbmltcG9ydCB7IENPTkZJRywgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgdXNlQ3ggfSBmcm9tICcuLi91dGlscy9ob29rcy91c2UtY3gnO1xuaW1wb3J0IHsgaXNWYWx1ZURlZmluZWQgfSBmcm9tICcuLi91dGlscy92YWx1ZXMnO1xuXG4vKipcbiAqIEBwYXJhbSB7bnVtYmVyfSB2YWx1ZVxuICogQHJldHVybiB7c3RyaW5nfSBUaGUgYm94IHNoYWRvdyB2YWx1ZS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEJveFNoYWRvdyggdmFsdWUgKSB7XG5cdGNvbnN0IGJveFNoYWRvd0NvbG9yID0gYHJnYmEoMCAsMCwgMCwgJHsgdmFsdWUgLyAyMCB9KWA7XG5cdGNvbnN0IGJveFNoYWRvdyA9IGAwICR7IHZhbHVlIH1weCAkeyB2YWx1ZSAqIDIgfXB4IDBcblx0JHsgYm94U2hhZG93Q29sb3IgfWA7XG5cblx0cmV0dXJuIGJveFNoYWRvdztcbn1cblxuLyoqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi90eXBlcycpLlByb3BzLCAnZGl2Jz59IHByb3BzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB1c2VFbGV2YXRpb24oIHByb3BzICkge1xuXHRjb25zdCB7XG5cdFx0YWN0aXZlLFxuXHRcdGJvcmRlclJhZGl1cyA9ICdpbmhlcml0Jyxcblx0XHRjbGFzc05hbWUsXG5cdFx0Zm9jdXMsXG5cdFx0aG92ZXIsXG5cdFx0aXNJbnRlcmFjdGl2ZSA9IGZhbHNlLFxuXHRcdG9mZnNldCA9IDAsXG5cdFx0dmFsdWUgPSAwLFxuXHRcdC4uLm90aGVyUHJvcHNcblx0fSA9IHVzZUNvbnRleHRTeXN0ZW0oIHByb3BzLCAnRWxldmF0aW9uJyApO1xuXG5cdGNvbnN0IGN4ID0gdXNlQ3goKTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdC8qKiBAdHlwZSB7bnVtYmVyIHwgdW5kZWZpbmVkfSAqL1xuXHRcdGxldCBob3ZlclZhbHVlID0gaXNWYWx1ZURlZmluZWQoIGhvdmVyICkgPyBob3ZlciA6IHZhbHVlICogMjtcblx0XHQvKiogQHR5cGUge251bWJlciB8IHVuZGVmaW5lZH0gKi9cblx0XHRsZXQgYWN0aXZlVmFsdWUgPSBpc1ZhbHVlRGVmaW5lZCggYWN0aXZlICkgPyBhY3RpdmUgOiB2YWx1ZSAvIDI7XG5cblx0XHRpZiAoICEgaXNJbnRlcmFjdGl2ZSApIHtcblx0XHRcdGhvdmVyVmFsdWUgPSBpc1ZhbHVlRGVmaW5lZCggaG92ZXIgKSA/IGhvdmVyIDogdW5kZWZpbmVkO1xuXHRcdFx0YWN0aXZlVmFsdWUgPSBpc1ZhbHVlRGVmaW5lZCggYWN0aXZlICkgPyBhY3RpdmUgOiB1bmRlZmluZWQ7XG5cdFx0fVxuXG5cdFx0Y29uc3QgdHJhbnNpdGlvbiA9IGBib3gtc2hhZG93ICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb24gfSAkeyBDT05GSUcudHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uIH1gO1xuXG5cdFx0Y29uc3Qgc3ggPSB7fTtcblxuXHRcdHN4LkJhc2UgPSBjc3MoXG5cdFx0XHR7XG5cdFx0XHRcdGJvcmRlclJhZGl1cyxcblx0XHRcdFx0Ym90dG9tOiBvZmZzZXQsXG5cdFx0XHRcdGJveFNoYWRvdzogZ2V0Qm94U2hhZG93KCB2YWx1ZSApLFxuXHRcdFx0XHRvcGFjaXR5OiBDT05GSUcuZWxldmF0aW9uSW50ZW5zaXR5LFxuXHRcdFx0XHRsZWZ0OiBvZmZzZXQsXG5cdFx0XHRcdHJpZ2h0OiBvZmZzZXQsXG5cdFx0XHRcdHRvcDogb2Zmc2V0LFxuXHRcdFx0XHR0cmFuc2l0aW9uLFxuXHRcdFx0fSxcblx0XHRcdHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nIClcblx0XHQpO1xuXG5cdFx0aWYgKCBpc1ZhbHVlRGVmaW5lZCggaG92ZXJWYWx1ZSApICkge1xuXHRcdFx0c3guaG92ZXIgPSBjc3NgXG5cdFx0XHRcdCo6aG92ZXIgPiAmIHtcblx0XHRcdFx0XHRib3gtc2hhZG93OiAkeyBnZXRCb3hTaGFkb3coIGhvdmVyVmFsdWUgKSB9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xuXHRcdH1cblxuXHRcdGlmICggaXNWYWx1ZURlZmluZWQoIGFjdGl2ZVZhbHVlICkgKSB7XG5cdFx0XHRzeC5hY3RpdmUgPSBjc3NgXG5cdFx0XHRcdCo6YWN0aXZlID4gJiB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogJHsgZ2V0Qm94U2hhZG93KCBhY3RpdmVWYWx1ZSApIH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XG5cdFx0fVxuXG5cdFx0aWYgKCBpc1ZhbHVlRGVmaW5lZCggZm9jdXMgKSApIHtcblx0XHRcdHN4LmZvY3VzID0gY3NzYFxuXHRcdFx0XHQqOmZvY3VzID4gJiB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogJHsgZ2V0Qm94U2hhZG93KCBmb2N1cyApIH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIGN4KFxuXHRcdFx0c3R5bGVzLkVsZXZhdGlvbixcblx0XHRcdHN4LkJhc2UsXG5cdFx0XHRzeC5ob3ZlciAmJiBzeC5ob3Zlcixcblx0XHRcdHN4LmZvY3VzICYmIHN4LmZvY3VzLFxuXHRcdFx0c3guYWN0aXZlICYmIHN4LmFjdGl2ZSxcblx0XHRcdGNsYXNzTmFtZVxuXHRcdCk7XG5cdH0sIFtcblx0XHRhY3RpdmUsXG5cdFx0Ym9yZGVyUmFkaXVzLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRmb2N1cyxcblx0XHRob3Zlcixcblx0XHRpc0ludGVyYWN0aXZlLFxuXHRcdG9mZnNldCxcblx0XHR2YWx1ZSxcblx0XSApO1xuXG5cdHJldHVybiB7IC4uLm90aGVyUHJvcHMsIGNsYXNzTmFtZTogY2xhc3NlcywgJ2FyaWEtaGlkZGVuJzogdHJ1ZSB9O1xufVxuIl19 */");
 
-    if (!isNil(hoverValue)) {
-      sx.hover = /*#__PURE__*/css("*:hover>&{box-shadow:", getBoxShadow(hoverValue), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-hover;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZWxldmF0aW9uL2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0VpQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2VsZXZhdGlvbi9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgaXNOaWwgfSBmcm9tICdsb2Rhc2gnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi91aS9jb250ZXh0JztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBDT05GSUcsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHVzZUN4IH0gZnJvbSAnLi4vdXRpbHMvaG9va3MvdXNlLWN4JztcblxuLyoqXG4gKiBAcGFyYW0ge251bWJlcn0gdmFsdWVcbiAqIEByZXR1cm4ge3N0cmluZ30gVGhlIGJveCBzaGFkb3cgdmFsdWUuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3hTaGFkb3coIHZhbHVlICkge1xuXHRjb25zdCBib3hTaGFkb3dDb2xvciA9IGByZ2JhKDAgLDAsIDAsICR7IHZhbHVlIC8gMjAgfSlgO1xuXHRjb25zdCBib3hTaGFkb3cgPSBgMCAkeyB2YWx1ZSB9cHggJHsgdmFsdWUgKiAyIH1weCAwXG5cdCR7IGJveFNoYWRvd0NvbG9yIH1gO1xuXG5cdHJldHVybiBib3hTaGFkb3c7XG59XG5cbi8qKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4vdHlwZXMnKS5Qcm9wcywgJ2Rpdic+fSBwcm9wc1xuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRWxldmF0aW9uKCBwcm9wcyApIHtcblx0Y29uc3Qge1xuXHRcdGFjdGl2ZSxcblx0XHRib3JkZXJSYWRpdXMgPSAnaW5oZXJpdCcsXG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGZvY3VzLFxuXHRcdGhvdmVyLFxuXHRcdGlzSW50ZXJhY3RpdmUgPSBmYWxzZSxcblx0XHRvZmZzZXQgPSAwLFxuXHRcdHZhbHVlID0gMCxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCBwcm9wcywgJ0VsZXZhdGlvbicgKTtcblxuXHRjb25zdCBjeCA9IHVzZUN4KCk7XG5cblx0Y29uc3QgY2xhc3NlcyA9IHVzZU1lbW8oICgpID0+IHtcblx0XHQvKiogQHR5cGUge251bWJlciB8IHVuZGVmaW5lZH0gKi9cblx0XHRsZXQgaG92ZXJWYWx1ZSA9ICEgaXNOaWwoIGhvdmVyICkgPyBob3ZlciA6IHZhbHVlICogMjtcblx0XHQvKiogQHR5cGUge251bWJlciB8IHVuZGVmaW5lZH0gKi9cblx0XHRsZXQgYWN0aXZlVmFsdWUgPSAhIGlzTmlsKCBhY3RpdmUgKSA/IGFjdGl2ZSA6IHZhbHVlIC8gMjtcblxuXHRcdGlmICggISBpc0ludGVyYWN0aXZlICkge1xuXHRcdFx0aG92ZXJWYWx1ZSA9ICEgaXNOaWwoIGhvdmVyICkgPyBob3ZlciA6IHVuZGVmaW5lZDtcblx0XHRcdGFjdGl2ZVZhbHVlID0gISBpc05pbCggYWN0aXZlICkgPyBhY3RpdmUgOiB1bmRlZmluZWQ7XG5cdFx0fVxuXG5cdFx0Y29uc3QgdHJhbnNpdGlvbiA9IGBib3gtc2hhZG93ICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb24gfSAkeyBDT05GSUcudHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uIH1gO1xuXG5cdFx0Y29uc3Qgc3ggPSB7fTtcblxuXHRcdHN4LkJhc2UgPSBjc3MoXG5cdFx0XHR7XG5cdFx0XHRcdGJvcmRlclJhZGl1cyxcblx0XHRcdFx0Ym90dG9tOiBvZmZzZXQsXG5cdFx0XHRcdGJveFNoYWRvdzogZ2V0Qm94U2hhZG93KCB2YWx1ZSApLFxuXHRcdFx0XHRvcGFjaXR5OiBDT05GSUcuZWxldmF0aW9uSW50ZW5zaXR5LFxuXHRcdFx0XHRsZWZ0OiBvZmZzZXQsXG5cdFx0XHRcdHJpZ2h0OiBvZmZzZXQsXG5cdFx0XHRcdHRvcDogb2Zmc2V0LFxuXHRcdFx0XHR0cmFuc2l0aW9uLFxuXHRcdFx0fSxcblx0XHRcdHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nIClcblx0XHQpO1xuXG5cdFx0aWYgKCAhIGlzTmlsKCBob3ZlclZhbHVlICkgKSB7XG5cdFx0XHRzeC5ob3ZlciA9IGNzc2Bcblx0XHRcdFx0Kjpob3ZlciA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggaG92ZXJWYWx1ZSApIH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XG5cdFx0fVxuXG5cdFx0aWYgKCAhIGlzTmlsKCBhY3RpdmVWYWx1ZSApICkge1xuXHRcdFx0c3guYWN0aXZlID0gY3NzYFxuXHRcdFx0XHQqOmFjdGl2ZSA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggYWN0aXZlVmFsdWUgKSB9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xuXHRcdH1cblxuXHRcdGlmICggISBpc05pbCggZm9jdXMgKSApIHtcblx0XHRcdHN4LmZvY3VzID0gY3NzYFxuXHRcdFx0XHQqOmZvY3VzID4gJiB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogJHsgZ2V0Qm94U2hhZG93KCBmb2N1cyApIH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIGN4KFxuXHRcdFx0c3R5bGVzLkVsZXZhdGlvbixcblx0XHRcdHN4LkJhc2UsXG5cdFx0XHRzeC5ob3ZlciAmJiBzeC5ob3Zlcixcblx0XHRcdHN4LmZvY3VzICYmIHN4LmZvY3VzLFxuXHRcdFx0c3guYWN0aXZlICYmIHN4LmFjdGl2ZSxcblx0XHRcdGNsYXNzTmFtZVxuXHRcdCk7XG5cdH0sIFtcblx0XHRhY3RpdmUsXG5cdFx0Ym9yZGVyUmFkaXVzLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRmb2N1cyxcblx0XHRob3Zlcixcblx0XHRpc0ludGVyYWN0aXZlLFxuXHRcdG9mZnNldCxcblx0XHR2YWx1ZSxcblx0XSApO1xuXG5cdHJldHVybiB7IC4uLm90aGVyUHJvcHMsIGNsYXNzTmFtZTogY2xhc3NlcywgJ2FyaWEtaGlkZGVuJzogdHJ1ZSB9O1xufVxuIl19 */");
+    if (isValueDefined(hoverValue)) {
+      sx.hover = /*#__PURE__*/css("*:hover>&{box-shadow:", getBoxShadow(hoverValue), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-hover;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZWxldmF0aW9uL2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0VpQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2VsZXZhdGlvbi9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi91aS9jb250ZXh0JztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBDT05GSUcsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHVzZUN4IH0gZnJvbSAnLi4vdXRpbHMvaG9va3MvdXNlLWN4JztcbmltcG9ydCB7IGlzVmFsdWVEZWZpbmVkIH0gZnJvbSAnLi4vdXRpbHMvdmFsdWVzJztcblxuLyoqXG4gKiBAcGFyYW0ge251bWJlcn0gdmFsdWVcbiAqIEByZXR1cm4ge3N0cmluZ30gVGhlIGJveCBzaGFkb3cgdmFsdWUuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3hTaGFkb3coIHZhbHVlICkge1xuXHRjb25zdCBib3hTaGFkb3dDb2xvciA9IGByZ2JhKDAgLDAsIDAsICR7IHZhbHVlIC8gMjAgfSlgO1xuXHRjb25zdCBib3hTaGFkb3cgPSBgMCAkeyB2YWx1ZSB9cHggJHsgdmFsdWUgKiAyIH1weCAwXG5cdCR7IGJveFNoYWRvd0NvbG9yIH1gO1xuXG5cdHJldHVybiBib3hTaGFkb3c7XG59XG5cbi8qKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4vdHlwZXMnKS5Qcm9wcywgJ2Rpdic+fSBwcm9wc1xuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRWxldmF0aW9uKCBwcm9wcyApIHtcblx0Y29uc3Qge1xuXHRcdGFjdGl2ZSxcblx0XHRib3JkZXJSYWRpdXMgPSAnaW5oZXJpdCcsXG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGZvY3VzLFxuXHRcdGhvdmVyLFxuXHRcdGlzSW50ZXJhY3RpdmUgPSBmYWxzZSxcblx0XHRvZmZzZXQgPSAwLFxuXHRcdHZhbHVlID0gMCxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCBwcm9wcywgJ0VsZXZhdGlvbicgKTtcblxuXHRjb25zdCBjeCA9IHVzZUN4KCk7XG5cblx0Y29uc3QgY2xhc3NlcyA9IHVzZU1lbW8oICgpID0+IHtcblx0XHQvKiogQHR5cGUge251bWJlciB8IHVuZGVmaW5lZH0gKi9cblx0XHRsZXQgaG92ZXJWYWx1ZSA9IGlzVmFsdWVEZWZpbmVkKCBob3ZlciApID8gaG92ZXIgOiB2YWx1ZSAqIDI7XG5cdFx0LyoqIEB0eXBlIHtudW1iZXIgfCB1bmRlZmluZWR9ICovXG5cdFx0bGV0IGFjdGl2ZVZhbHVlID0gaXNWYWx1ZURlZmluZWQoIGFjdGl2ZSApID8gYWN0aXZlIDogdmFsdWUgLyAyO1xuXG5cdFx0aWYgKCAhIGlzSW50ZXJhY3RpdmUgKSB7XG5cdFx0XHRob3ZlclZhbHVlID0gaXNWYWx1ZURlZmluZWQoIGhvdmVyICkgPyBob3ZlciA6IHVuZGVmaW5lZDtcblx0XHRcdGFjdGl2ZVZhbHVlID0gaXNWYWx1ZURlZmluZWQoIGFjdGl2ZSApID8gYWN0aXZlIDogdW5kZWZpbmVkO1xuXHRcdH1cblxuXHRcdGNvbnN0IHRyYW5zaXRpb24gPSBgYm94LXNoYWRvdyAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uIH0gJHsgQ09ORklHLnRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbiB9YDtcblxuXHRcdGNvbnN0IHN4ID0ge307XG5cblx0XHRzeC5CYXNlID0gY3NzKFxuXHRcdFx0e1xuXHRcdFx0XHRib3JkZXJSYWRpdXMsXG5cdFx0XHRcdGJvdHRvbTogb2Zmc2V0LFxuXHRcdFx0XHRib3hTaGFkb3c6IGdldEJveFNoYWRvdyggdmFsdWUgKSxcblx0XHRcdFx0b3BhY2l0eTogQ09ORklHLmVsZXZhdGlvbkludGVuc2l0eSxcblx0XHRcdFx0bGVmdDogb2Zmc2V0LFxuXHRcdFx0XHRyaWdodDogb2Zmc2V0LFxuXHRcdFx0XHR0b3A6IG9mZnNldCxcblx0XHRcdFx0dHJhbnNpdGlvbixcblx0XHRcdH0sXG5cdFx0XHRyZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApXG5cdFx0KTtcblxuXHRcdGlmICggaXNWYWx1ZURlZmluZWQoIGhvdmVyVmFsdWUgKSApIHtcblx0XHRcdHN4LmhvdmVyID0gY3NzYFxuXHRcdFx0XHQqOmhvdmVyID4gJiB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogJHsgZ2V0Qm94U2hhZG93KCBob3ZlclZhbHVlICkgfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcblx0XHR9XG5cblx0XHRpZiAoIGlzVmFsdWVEZWZpbmVkKCBhY3RpdmVWYWx1ZSApICkge1xuXHRcdFx0c3guYWN0aXZlID0gY3NzYFxuXHRcdFx0XHQqOmFjdGl2ZSA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggYWN0aXZlVmFsdWUgKSB9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xuXHRcdH1cblxuXHRcdGlmICggaXNWYWx1ZURlZmluZWQoIGZvY3VzICkgKSB7XG5cdFx0XHRzeC5mb2N1cyA9IGNzc2Bcblx0XHRcdFx0Kjpmb2N1cyA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggZm9jdXMgKSB9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xuXHRcdH1cblxuXHRcdHJldHVybiBjeChcblx0XHRcdHN0eWxlcy5FbGV2YXRpb24sXG5cdFx0XHRzeC5CYXNlLFxuXHRcdFx0c3guaG92ZXIgJiYgc3guaG92ZXIsXG5cdFx0XHRzeC5mb2N1cyAmJiBzeC5mb2N1cyxcblx0XHRcdHN4LmFjdGl2ZSAmJiBzeC5hY3RpdmUsXG5cdFx0XHRjbGFzc05hbWVcblx0XHQpO1xuXHR9LCBbXG5cdFx0YWN0aXZlLFxuXHRcdGJvcmRlclJhZGl1cyxcblx0XHRjbGFzc05hbWUsXG5cdFx0Y3gsXG5cdFx0Zm9jdXMsXG5cdFx0aG92ZXIsXG5cdFx0aXNJbnRlcmFjdGl2ZSxcblx0XHRvZmZzZXQsXG5cdFx0dmFsdWUsXG5cdF0gKTtcblxuXHRyZXR1cm4geyAuLi5vdGhlclByb3BzLCBjbGFzc05hbWU6IGNsYXNzZXMsICdhcmlhLWhpZGRlbic6IHRydWUgfTtcbn1cbiJdfQ== */");
     }
 
-    if (!isNil(activeValue)) {
-      sx.active = /*#__PURE__*/css("*:active>&{box-shadow:", getBoxShadow(activeValue), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-active;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZWxldmF0aW9uL2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZrQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2VsZXZhdGlvbi9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgaXNOaWwgfSBmcm9tICdsb2Rhc2gnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi91aS9jb250ZXh0JztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBDT05GSUcsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHVzZUN4IH0gZnJvbSAnLi4vdXRpbHMvaG9va3MvdXNlLWN4JztcblxuLyoqXG4gKiBAcGFyYW0ge251bWJlcn0gdmFsdWVcbiAqIEByZXR1cm4ge3N0cmluZ30gVGhlIGJveCBzaGFkb3cgdmFsdWUuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3hTaGFkb3coIHZhbHVlICkge1xuXHRjb25zdCBib3hTaGFkb3dDb2xvciA9IGByZ2JhKDAgLDAsIDAsICR7IHZhbHVlIC8gMjAgfSlgO1xuXHRjb25zdCBib3hTaGFkb3cgPSBgMCAkeyB2YWx1ZSB9cHggJHsgdmFsdWUgKiAyIH1weCAwXG5cdCR7IGJveFNoYWRvd0NvbG9yIH1gO1xuXG5cdHJldHVybiBib3hTaGFkb3c7XG59XG5cbi8qKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4vdHlwZXMnKS5Qcm9wcywgJ2Rpdic+fSBwcm9wc1xuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRWxldmF0aW9uKCBwcm9wcyApIHtcblx0Y29uc3Qge1xuXHRcdGFjdGl2ZSxcblx0XHRib3JkZXJSYWRpdXMgPSAnaW5oZXJpdCcsXG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGZvY3VzLFxuXHRcdGhvdmVyLFxuXHRcdGlzSW50ZXJhY3RpdmUgPSBmYWxzZSxcblx0XHRvZmZzZXQgPSAwLFxuXHRcdHZhbHVlID0gMCxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCBwcm9wcywgJ0VsZXZhdGlvbicgKTtcblxuXHRjb25zdCBjeCA9IHVzZUN4KCk7XG5cblx0Y29uc3QgY2xhc3NlcyA9IHVzZU1lbW8oICgpID0+IHtcblx0XHQvKiogQHR5cGUge251bWJlciB8IHVuZGVmaW5lZH0gKi9cblx0XHRsZXQgaG92ZXJWYWx1ZSA9ICEgaXNOaWwoIGhvdmVyICkgPyBob3ZlciA6IHZhbHVlICogMjtcblx0XHQvKiogQHR5cGUge251bWJlciB8IHVuZGVmaW5lZH0gKi9cblx0XHRsZXQgYWN0aXZlVmFsdWUgPSAhIGlzTmlsKCBhY3RpdmUgKSA/IGFjdGl2ZSA6IHZhbHVlIC8gMjtcblxuXHRcdGlmICggISBpc0ludGVyYWN0aXZlICkge1xuXHRcdFx0aG92ZXJWYWx1ZSA9ICEgaXNOaWwoIGhvdmVyICkgPyBob3ZlciA6IHVuZGVmaW5lZDtcblx0XHRcdGFjdGl2ZVZhbHVlID0gISBpc05pbCggYWN0aXZlICkgPyBhY3RpdmUgOiB1bmRlZmluZWQ7XG5cdFx0fVxuXG5cdFx0Y29uc3QgdHJhbnNpdGlvbiA9IGBib3gtc2hhZG93ICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb24gfSAkeyBDT05GSUcudHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uIH1gO1xuXG5cdFx0Y29uc3Qgc3ggPSB7fTtcblxuXHRcdHN4LkJhc2UgPSBjc3MoXG5cdFx0XHR7XG5cdFx0XHRcdGJvcmRlclJhZGl1cyxcblx0XHRcdFx0Ym90dG9tOiBvZmZzZXQsXG5cdFx0XHRcdGJveFNoYWRvdzogZ2V0Qm94U2hhZG93KCB2YWx1ZSApLFxuXHRcdFx0XHRvcGFjaXR5OiBDT05GSUcuZWxldmF0aW9uSW50ZW5zaXR5LFxuXHRcdFx0XHRsZWZ0OiBvZmZzZXQsXG5cdFx0XHRcdHJpZ2h0OiBvZmZzZXQsXG5cdFx0XHRcdHRvcDogb2Zmc2V0LFxuXHRcdFx0XHR0cmFuc2l0aW9uLFxuXHRcdFx0fSxcblx0XHRcdHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nIClcblx0XHQpO1xuXG5cdFx0aWYgKCAhIGlzTmlsKCBob3ZlclZhbHVlICkgKSB7XG5cdFx0XHRzeC5ob3ZlciA9IGNzc2Bcblx0XHRcdFx0Kjpob3ZlciA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggaG92ZXJWYWx1ZSApIH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XG5cdFx0fVxuXG5cdFx0aWYgKCAhIGlzTmlsKCBhY3RpdmVWYWx1ZSApICkge1xuXHRcdFx0c3guYWN0aXZlID0gY3NzYFxuXHRcdFx0XHQqOmFjdGl2ZSA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggYWN0aXZlVmFsdWUgKSB9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xuXHRcdH1cblxuXHRcdGlmICggISBpc05pbCggZm9jdXMgKSApIHtcblx0XHRcdHN4LmZvY3VzID0gY3NzYFxuXHRcdFx0XHQqOmZvY3VzID4gJiB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogJHsgZ2V0Qm94U2hhZG93KCBmb2N1cyApIH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIGN4KFxuXHRcdFx0c3R5bGVzLkVsZXZhdGlvbixcblx0XHRcdHN4LkJhc2UsXG5cdFx0XHRzeC5ob3ZlciAmJiBzeC5ob3Zlcixcblx0XHRcdHN4LmZvY3VzICYmIHN4LmZvY3VzLFxuXHRcdFx0c3guYWN0aXZlICYmIHN4LmFjdGl2ZSxcblx0XHRcdGNsYXNzTmFtZVxuXHRcdCk7XG5cdH0sIFtcblx0XHRhY3RpdmUsXG5cdFx0Ym9yZGVyUmFkaXVzLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRmb2N1cyxcblx0XHRob3Zlcixcblx0XHRpc0ludGVyYWN0aXZlLFxuXHRcdG9mZnNldCxcblx0XHR2YWx1ZSxcblx0XSApO1xuXG5cdHJldHVybiB7IC4uLm90aGVyUHJvcHMsIGNsYXNzTmFtZTogY2xhc3NlcywgJ2FyaWEtaGlkZGVuJzogdHJ1ZSB9O1xufVxuIl19 */");
+    if (isValueDefined(activeValue)) {
+      sx.active = /*#__PURE__*/css("*:active>&{box-shadow:", getBoxShadow(activeValue), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-active;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZWxldmF0aW9uL2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZrQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2VsZXZhdGlvbi9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi91aS9jb250ZXh0JztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBDT05GSUcsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHVzZUN4IH0gZnJvbSAnLi4vdXRpbHMvaG9va3MvdXNlLWN4JztcbmltcG9ydCB7IGlzVmFsdWVEZWZpbmVkIH0gZnJvbSAnLi4vdXRpbHMvdmFsdWVzJztcblxuLyoqXG4gKiBAcGFyYW0ge251bWJlcn0gdmFsdWVcbiAqIEByZXR1cm4ge3N0cmluZ30gVGhlIGJveCBzaGFkb3cgdmFsdWUuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3hTaGFkb3coIHZhbHVlICkge1xuXHRjb25zdCBib3hTaGFkb3dDb2xvciA9IGByZ2JhKDAgLDAsIDAsICR7IHZhbHVlIC8gMjAgfSlgO1xuXHRjb25zdCBib3hTaGFkb3cgPSBgMCAkeyB2YWx1ZSB9cHggJHsgdmFsdWUgKiAyIH1weCAwXG5cdCR7IGJveFNoYWRvd0NvbG9yIH1gO1xuXG5cdHJldHVybiBib3hTaGFkb3c7XG59XG5cbi8qKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4vdHlwZXMnKS5Qcm9wcywgJ2Rpdic+fSBwcm9wc1xuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRWxldmF0aW9uKCBwcm9wcyApIHtcblx0Y29uc3Qge1xuXHRcdGFjdGl2ZSxcblx0XHRib3JkZXJSYWRpdXMgPSAnaW5oZXJpdCcsXG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGZvY3VzLFxuXHRcdGhvdmVyLFxuXHRcdGlzSW50ZXJhY3RpdmUgPSBmYWxzZSxcblx0XHRvZmZzZXQgPSAwLFxuXHRcdHZhbHVlID0gMCxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCBwcm9wcywgJ0VsZXZhdGlvbicgKTtcblxuXHRjb25zdCBjeCA9IHVzZUN4KCk7XG5cblx0Y29uc3QgY2xhc3NlcyA9IHVzZU1lbW8oICgpID0+IHtcblx0XHQvKiogQHR5cGUge251bWJlciB8IHVuZGVmaW5lZH0gKi9cblx0XHRsZXQgaG92ZXJWYWx1ZSA9IGlzVmFsdWVEZWZpbmVkKCBob3ZlciApID8gaG92ZXIgOiB2YWx1ZSAqIDI7XG5cdFx0LyoqIEB0eXBlIHtudW1iZXIgfCB1bmRlZmluZWR9ICovXG5cdFx0bGV0IGFjdGl2ZVZhbHVlID0gaXNWYWx1ZURlZmluZWQoIGFjdGl2ZSApID8gYWN0aXZlIDogdmFsdWUgLyAyO1xuXG5cdFx0aWYgKCAhIGlzSW50ZXJhY3RpdmUgKSB7XG5cdFx0XHRob3ZlclZhbHVlID0gaXNWYWx1ZURlZmluZWQoIGhvdmVyICkgPyBob3ZlciA6IHVuZGVmaW5lZDtcblx0XHRcdGFjdGl2ZVZhbHVlID0gaXNWYWx1ZURlZmluZWQoIGFjdGl2ZSApID8gYWN0aXZlIDogdW5kZWZpbmVkO1xuXHRcdH1cblxuXHRcdGNvbnN0IHRyYW5zaXRpb24gPSBgYm94LXNoYWRvdyAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uIH0gJHsgQ09ORklHLnRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbiB9YDtcblxuXHRcdGNvbnN0IHN4ID0ge307XG5cblx0XHRzeC5CYXNlID0gY3NzKFxuXHRcdFx0e1xuXHRcdFx0XHRib3JkZXJSYWRpdXMsXG5cdFx0XHRcdGJvdHRvbTogb2Zmc2V0LFxuXHRcdFx0XHRib3hTaGFkb3c6IGdldEJveFNoYWRvdyggdmFsdWUgKSxcblx0XHRcdFx0b3BhY2l0eTogQ09ORklHLmVsZXZhdGlvbkludGVuc2l0eSxcblx0XHRcdFx0bGVmdDogb2Zmc2V0LFxuXHRcdFx0XHRyaWdodDogb2Zmc2V0LFxuXHRcdFx0XHR0b3A6IG9mZnNldCxcblx0XHRcdFx0dHJhbnNpdGlvbixcblx0XHRcdH0sXG5cdFx0XHRyZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApXG5cdFx0KTtcblxuXHRcdGlmICggaXNWYWx1ZURlZmluZWQoIGhvdmVyVmFsdWUgKSApIHtcblx0XHRcdHN4LmhvdmVyID0gY3NzYFxuXHRcdFx0XHQqOmhvdmVyID4gJiB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogJHsgZ2V0Qm94U2hhZG93KCBob3ZlclZhbHVlICkgfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcblx0XHR9XG5cblx0XHRpZiAoIGlzVmFsdWVEZWZpbmVkKCBhY3RpdmVWYWx1ZSApICkge1xuXHRcdFx0c3guYWN0aXZlID0gY3NzYFxuXHRcdFx0XHQqOmFjdGl2ZSA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggYWN0aXZlVmFsdWUgKSB9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xuXHRcdH1cblxuXHRcdGlmICggaXNWYWx1ZURlZmluZWQoIGZvY3VzICkgKSB7XG5cdFx0XHRzeC5mb2N1cyA9IGNzc2Bcblx0XHRcdFx0Kjpmb2N1cyA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggZm9jdXMgKSB9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xuXHRcdH1cblxuXHRcdHJldHVybiBjeChcblx0XHRcdHN0eWxlcy5FbGV2YXRpb24sXG5cdFx0XHRzeC5CYXNlLFxuXHRcdFx0c3guaG92ZXIgJiYgc3guaG92ZXIsXG5cdFx0XHRzeC5mb2N1cyAmJiBzeC5mb2N1cyxcblx0XHRcdHN4LmFjdGl2ZSAmJiBzeC5hY3RpdmUsXG5cdFx0XHRjbGFzc05hbWVcblx0XHQpO1xuXHR9LCBbXG5cdFx0YWN0aXZlLFxuXHRcdGJvcmRlclJhZGl1cyxcblx0XHRjbGFzc05hbWUsXG5cdFx0Y3gsXG5cdFx0Zm9jdXMsXG5cdFx0aG92ZXIsXG5cdFx0aXNJbnRlcmFjdGl2ZSxcblx0XHRvZmZzZXQsXG5cdFx0dmFsdWUsXG5cdF0gKTtcblxuXHRyZXR1cm4geyAuLi5vdGhlclByb3BzLCBjbGFzc05hbWU6IGNsYXNzZXMsICdhcmlhLWhpZGRlbic6IHRydWUgfTtcbn1cbiJdfQ== */");
     }
 
-    if (!isNil(focus)) {
-      sx.focus = /*#__PURE__*/css("*:focus>&{box-shadow:", getBoxShadow(focus), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-focus;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZWxldmF0aW9uL2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZpQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2VsZXZhdGlvbi9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgaXNOaWwgfSBmcm9tICdsb2Rhc2gnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi91aS9jb250ZXh0JztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBDT05GSUcsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHVzZUN4IH0gZnJvbSAnLi4vdXRpbHMvaG9va3MvdXNlLWN4JztcblxuLyoqXG4gKiBAcGFyYW0ge251bWJlcn0gdmFsdWVcbiAqIEByZXR1cm4ge3N0cmluZ30gVGhlIGJveCBzaGFkb3cgdmFsdWUuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3hTaGFkb3coIHZhbHVlICkge1xuXHRjb25zdCBib3hTaGFkb3dDb2xvciA9IGByZ2JhKDAgLDAsIDAsICR7IHZhbHVlIC8gMjAgfSlgO1xuXHRjb25zdCBib3hTaGFkb3cgPSBgMCAkeyB2YWx1ZSB9cHggJHsgdmFsdWUgKiAyIH1weCAwXG5cdCR7IGJveFNoYWRvd0NvbG9yIH1gO1xuXG5cdHJldHVybiBib3hTaGFkb3c7XG59XG5cbi8qKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4vdHlwZXMnKS5Qcm9wcywgJ2Rpdic+fSBwcm9wc1xuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRWxldmF0aW9uKCBwcm9wcyApIHtcblx0Y29uc3Qge1xuXHRcdGFjdGl2ZSxcblx0XHRib3JkZXJSYWRpdXMgPSAnaW5oZXJpdCcsXG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGZvY3VzLFxuXHRcdGhvdmVyLFxuXHRcdGlzSW50ZXJhY3RpdmUgPSBmYWxzZSxcblx0XHRvZmZzZXQgPSAwLFxuXHRcdHZhbHVlID0gMCxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCBwcm9wcywgJ0VsZXZhdGlvbicgKTtcblxuXHRjb25zdCBjeCA9IHVzZUN4KCk7XG5cblx0Y29uc3QgY2xhc3NlcyA9IHVzZU1lbW8oICgpID0+IHtcblx0XHQvKiogQHR5cGUge251bWJlciB8IHVuZGVmaW5lZH0gKi9cblx0XHRsZXQgaG92ZXJWYWx1ZSA9ICEgaXNOaWwoIGhvdmVyICkgPyBob3ZlciA6IHZhbHVlICogMjtcblx0XHQvKiogQHR5cGUge251bWJlciB8IHVuZGVmaW5lZH0gKi9cblx0XHRsZXQgYWN0aXZlVmFsdWUgPSAhIGlzTmlsKCBhY3RpdmUgKSA/IGFjdGl2ZSA6IHZhbHVlIC8gMjtcblxuXHRcdGlmICggISBpc0ludGVyYWN0aXZlICkge1xuXHRcdFx0aG92ZXJWYWx1ZSA9ICEgaXNOaWwoIGhvdmVyICkgPyBob3ZlciA6IHVuZGVmaW5lZDtcblx0XHRcdGFjdGl2ZVZhbHVlID0gISBpc05pbCggYWN0aXZlICkgPyBhY3RpdmUgOiB1bmRlZmluZWQ7XG5cdFx0fVxuXG5cdFx0Y29uc3QgdHJhbnNpdGlvbiA9IGBib3gtc2hhZG93ICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb24gfSAkeyBDT05GSUcudHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uIH1gO1xuXG5cdFx0Y29uc3Qgc3ggPSB7fTtcblxuXHRcdHN4LkJhc2UgPSBjc3MoXG5cdFx0XHR7XG5cdFx0XHRcdGJvcmRlclJhZGl1cyxcblx0XHRcdFx0Ym90dG9tOiBvZmZzZXQsXG5cdFx0XHRcdGJveFNoYWRvdzogZ2V0Qm94U2hhZG93KCB2YWx1ZSApLFxuXHRcdFx0XHRvcGFjaXR5OiBDT05GSUcuZWxldmF0aW9uSW50ZW5zaXR5LFxuXHRcdFx0XHRsZWZ0OiBvZmZzZXQsXG5cdFx0XHRcdHJpZ2h0OiBvZmZzZXQsXG5cdFx0XHRcdHRvcDogb2Zmc2V0LFxuXHRcdFx0XHR0cmFuc2l0aW9uLFxuXHRcdFx0fSxcblx0XHRcdHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nIClcblx0XHQpO1xuXG5cdFx0aWYgKCAhIGlzTmlsKCBob3ZlclZhbHVlICkgKSB7XG5cdFx0XHRzeC5ob3ZlciA9IGNzc2Bcblx0XHRcdFx0Kjpob3ZlciA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggaG92ZXJWYWx1ZSApIH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XG5cdFx0fVxuXG5cdFx0aWYgKCAhIGlzTmlsKCBhY3RpdmVWYWx1ZSApICkge1xuXHRcdFx0c3guYWN0aXZlID0gY3NzYFxuXHRcdFx0XHQqOmFjdGl2ZSA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggYWN0aXZlVmFsdWUgKSB9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xuXHRcdH1cblxuXHRcdGlmICggISBpc05pbCggZm9jdXMgKSApIHtcblx0XHRcdHN4LmZvY3VzID0gY3NzYFxuXHRcdFx0XHQqOmZvY3VzID4gJiB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogJHsgZ2V0Qm94U2hhZG93KCBmb2N1cyApIH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIGN4KFxuXHRcdFx0c3R5bGVzLkVsZXZhdGlvbixcblx0XHRcdHN4LkJhc2UsXG5cdFx0XHRzeC5ob3ZlciAmJiBzeC5ob3Zlcixcblx0XHRcdHN4LmZvY3VzICYmIHN4LmZvY3VzLFxuXHRcdFx0c3guYWN0aXZlICYmIHN4LmFjdGl2ZSxcblx0XHRcdGNsYXNzTmFtZVxuXHRcdCk7XG5cdH0sIFtcblx0XHRhY3RpdmUsXG5cdFx0Ym9yZGVyUmFkaXVzLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRmb2N1cyxcblx0XHRob3Zlcixcblx0XHRpc0ludGVyYWN0aXZlLFxuXHRcdG9mZnNldCxcblx0XHR2YWx1ZSxcblx0XSApO1xuXG5cdHJldHVybiB7IC4uLm90aGVyUHJvcHMsIGNsYXNzTmFtZTogY2xhc3NlcywgJ2FyaWEtaGlkZGVuJzogdHJ1ZSB9O1xufVxuIl19 */");
+    if (isValueDefined(focus)) {
+      sx.focus = /*#__PURE__*/css("*:focus>&{box-shadow:", getBoxShadow(focus), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-focus;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZWxldmF0aW9uL2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZpQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2VsZXZhdGlvbi9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi91aS9jb250ZXh0JztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBDT05GSUcsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHVzZUN4IH0gZnJvbSAnLi4vdXRpbHMvaG9va3MvdXNlLWN4JztcbmltcG9ydCB7IGlzVmFsdWVEZWZpbmVkIH0gZnJvbSAnLi4vdXRpbHMvdmFsdWVzJztcblxuLyoqXG4gKiBAcGFyYW0ge251bWJlcn0gdmFsdWVcbiAqIEByZXR1cm4ge3N0cmluZ30gVGhlIGJveCBzaGFkb3cgdmFsdWUuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3hTaGFkb3coIHZhbHVlICkge1xuXHRjb25zdCBib3hTaGFkb3dDb2xvciA9IGByZ2JhKDAgLDAsIDAsICR7IHZhbHVlIC8gMjAgfSlgO1xuXHRjb25zdCBib3hTaGFkb3cgPSBgMCAkeyB2YWx1ZSB9cHggJHsgdmFsdWUgKiAyIH1weCAwXG5cdCR7IGJveFNoYWRvd0NvbG9yIH1gO1xuXG5cdHJldHVybiBib3hTaGFkb3c7XG59XG5cbi8qKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4vdHlwZXMnKS5Qcm9wcywgJ2Rpdic+fSBwcm9wc1xuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRWxldmF0aW9uKCBwcm9wcyApIHtcblx0Y29uc3Qge1xuXHRcdGFjdGl2ZSxcblx0XHRib3JkZXJSYWRpdXMgPSAnaW5oZXJpdCcsXG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGZvY3VzLFxuXHRcdGhvdmVyLFxuXHRcdGlzSW50ZXJhY3RpdmUgPSBmYWxzZSxcblx0XHRvZmZzZXQgPSAwLFxuXHRcdHZhbHVlID0gMCxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCBwcm9wcywgJ0VsZXZhdGlvbicgKTtcblxuXHRjb25zdCBjeCA9IHVzZUN4KCk7XG5cblx0Y29uc3QgY2xhc3NlcyA9IHVzZU1lbW8oICgpID0+IHtcblx0XHQvKiogQHR5cGUge251bWJlciB8IHVuZGVmaW5lZH0gKi9cblx0XHRsZXQgaG92ZXJWYWx1ZSA9IGlzVmFsdWVEZWZpbmVkKCBob3ZlciApID8gaG92ZXIgOiB2YWx1ZSAqIDI7XG5cdFx0LyoqIEB0eXBlIHtudW1iZXIgfCB1bmRlZmluZWR9ICovXG5cdFx0bGV0IGFjdGl2ZVZhbHVlID0gaXNWYWx1ZURlZmluZWQoIGFjdGl2ZSApID8gYWN0aXZlIDogdmFsdWUgLyAyO1xuXG5cdFx0aWYgKCAhIGlzSW50ZXJhY3RpdmUgKSB7XG5cdFx0XHRob3ZlclZhbHVlID0gaXNWYWx1ZURlZmluZWQoIGhvdmVyICkgPyBob3ZlciA6IHVuZGVmaW5lZDtcblx0XHRcdGFjdGl2ZVZhbHVlID0gaXNWYWx1ZURlZmluZWQoIGFjdGl2ZSApID8gYWN0aXZlIDogdW5kZWZpbmVkO1xuXHRcdH1cblxuXHRcdGNvbnN0IHRyYW5zaXRpb24gPSBgYm94LXNoYWRvdyAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uIH0gJHsgQ09ORklHLnRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbiB9YDtcblxuXHRcdGNvbnN0IHN4ID0ge307XG5cblx0XHRzeC5CYXNlID0gY3NzKFxuXHRcdFx0e1xuXHRcdFx0XHRib3JkZXJSYWRpdXMsXG5cdFx0XHRcdGJvdHRvbTogb2Zmc2V0LFxuXHRcdFx0XHRib3hTaGFkb3c6IGdldEJveFNoYWRvdyggdmFsdWUgKSxcblx0XHRcdFx0b3BhY2l0eTogQ09ORklHLmVsZXZhdGlvbkludGVuc2l0eSxcblx0XHRcdFx0bGVmdDogb2Zmc2V0LFxuXHRcdFx0XHRyaWdodDogb2Zmc2V0LFxuXHRcdFx0XHR0b3A6IG9mZnNldCxcblx0XHRcdFx0dHJhbnNpdGlvbixcblx0XHRcdH0sXG5cdFx0XHRyZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApXG5cdFx0KTtcblxuXHRcdGlmICggaXNWYWx1ZURlZmluZWQoIGhvdmVyVmFsdWUgKSApIHtcblx0XHRcdHN4LmhvdmVyID0gY3NzYFxuXHRcdFx0XHQqOmhvdmVyID4gJiB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogJHsgZ2V0Qm94U2hhZG93KCBob3ZlclZhbHVlICkgfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcblx0XHR9XG5cblx0XHRpZiAoIGlzVmFsdWVEZWZpbmVkKCBhY3RpdmVWYWx1ZSApICkge1xuXHRcdFx0c3guYWN0aXZlID0gY3NzYFxuXHRcdFx0XHQqOmFjdGl2ZSA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggYWN0aXZlVmFsdWUgKSB9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xuXHRcdH1cblxuXHRcdGlmICggaXNWYWx1ZURlZmluZWQoIGZvY3VzICkgKSB7XG5cdFx0XHRzeC5mb2N1cyA9IGNzc2Bcblx0XHRcdFx0Kjpmb2N1cyA+ICYge1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6ICR7IGdldEJveFNoYWRvdyggZm9jdXMgKSB9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xuXHRcdH1cblxuXHRcdHJldHVybiBjeChcblx0XHRcdHN0eWxlcy5FbGV2YXRpb24sXG5cdFx0XHRzeC5CYXNlLFxuXHRcdFx0c3guaG92ZXIgJiYgc3guaG92ZXIsXG5cdFx0XHRzeC5mb2N1cyAmJiBzeC5mb2N1cyxcblx0XHRcdHN4LmFjdGl2ZSAmJiBzeC5hY3RpdmUsXG5cdFx0XHRjbGFzc05hbWVcblx0XHQpO1xuXHR9LCBbXG5cdFx0YWN0aXZlLFxuXHRcdGJvcmRlclJhZGl1cyxcblx0XHRjbGFzc05hbWUsXG5cdFx0Y3gsXG5cdFx0Zm9jdXMsXG5cdFx0aG92ZXIsXG5cdFx0aXNJbnRlcmFjdGl2ZSxcblx0XHRvZmZzZXQsXG5cdFx0dmFsdWUsXG5cdF0gKTtcblxuXHRyZXR1cm4geyAuLi5vdGhlclByb3BzLCBjbGFzc05hbWU6IGNsYXNzZXMsICdhcmlhLWhpZGRlbic6IHRydWUgfTtcbn1cbiJdfQ== */");
     }
 
     return cx(styles.Elevation, sx.Base, sx.hover && sx.hover, sx.focus && sx.focus, sx.active && sx.active, className);

package/build-module/elevation/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/elevation/hook.js"],"names":["css","isNil","useMemo","useContextSystem","styles","CONFIG","reduceMotion","useCx","getBoxShadow","value","boxShadowColor","boxShadow","useElevation","props","active","borderRadius","className","focus","hover","isInteractive","offset","otherProps","cx","classes","hoverValue","activeValue","undefined","transition","transitionDuration","transitionTimingFunction","sx","Base","bottom","opacity","elevationIntensity","left","right","top","Elevation"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport { isNil } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../ui/context';\nimport * as styles from './styles';\nimport { CONFIG, reduceMotion } from '../utils';\nimport { useCx } from '../utils/hooks/use-cx';\n\n/**\n * @param {number} value\n * @return {string} The box shadow value.\n */\nexport function getBoxShadow( value ) {\n\tconst boxShadowColor = `rgba(0 ,0, 0, ${ value / 20 })`;\n\tconst boxShadow = `0 ${ value }px ${ value * 2 }px 0\n\t${ boxShadowColor }`;\n\n\treturn boxShadow;\n}\n\n/**\n * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props\n */\nexport function useElevation( props ) {\n\tconst {\n\t\tactive,\n\t\tborderRadius = 'inherit',\n\t\tclassName,\n\t\tfocus,\n\t\thover,\n\t\tisInteractive = false,\n\t\toffset = 0,\n\t\tvalue = 0,\n\t\t...otherProps\n\t} = useContextSystem( props, 'Elevation' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo( () => {\n\t\t/** @type {number | undefined} */\n\t\tlet hoverValue = ! isNil( hover ) ? hover : value * 2;\n\t\t/** @type {number | undefined} */\n\t\tlet activeValue = ! isNil( active ) ? active : value / 2;\n\n\t\tif ( ! isInteractive ) {\n\t\t\thoverValue = ! isNil( hover ) ? hover : undefined;\n\t\t\tactiveValue = ! isNil( active ) ? active : undefined;\n\t\t}\n\n\t\tconst transition = `box-shadow ${ CONFIG.transitionDuration } ${ CONFIG.transitionTimingFunction }`;\n\n\t\tconst sx = {};\n\n\t\tsx.Base = css(\n\t\t\t{\n\t\t\t\tborderRadius,\n\t\t\t\tbottom: offset,\n\t\t\t\tboxShadow: getBoxShadow( value ),\n\t\t\t\topacity: CONFIG.elevationIntensity,\n\t\t\t\tleft: offset,\n\t\t\t\tright: offset,\n\t\t\t\ttop: offset,\n\t\t\t\ttransition,\n\t\t\t},\n\t\t\treduceMotion( 'transition' )\n\t\t);\n\n\t\tif ( ! isNil( hoverValue ) ) {\n\t\t\tsx.hover = css`\n\t\t\t\t*:hover > & {\n\t\t\t\t\tbox-shadow: ${ getBoxShadow( hoverValue ) };\n\t\t\t\t}\n\t\t\t`;\n\t\t}\n\n\t\tif ( ! isNil( activeValue ) ) {\n\t\t\tsx.active = css`\n\t\t\t\t*:active > & {\n\t\t\t\t\tbox-shadow: ${ getBoxShadow( activeValue ) };\n\t\t\t\t}\n\t\t\t`;\n\t\t}\n\n\t\tif ( ! isNil( focus ) ) {\n\t\t\tsx.focus = css`\n\t\t\t\t*:focus > & {\n\t\t\t\t\tbox-shadow: ${ getBoxShadow( focus ) };\n\t\t\t\t}\n\t\t\t`;\n\t\t}\n\n\t\treturn cx(\n\t\t\tstyles.Elevation,\n\t\t\tsx.Base,\n\t\t\tsx.hover && sx.hover,\n\t\t\tsx.focus && sx.focus,\n\t\t\tsx.active && sx.active,\n\t\t\tclassName\n\t\t);\n\t}, [\n\t\tactive,\n\t\tborderRadius,\n\t\tclassName,\n\t\tcx,\n\t\tfocus,\n\t\thover,\n\t\tisInteractive,\n\t\toffset,\n\t\tvalue,\n\t] );\n\n\treturn { ...otherProps, className: classes, 'aria-hidden': true };\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/elevation/hook.js"],"names":["css","useMemo","useContextSystem","styles","CONFIG","reduceMotion","useCx","isValueDefined","getBoxShadow","value","boxShadowColor","boxShadow","useElevation","props","active","borderRadius","className","focus","hover","isInteractive","offset","otherProps","cx","classes","hoverValue","activeValue","undefined","transition","transitionDuration","transitionTimingFunction","sx","Base","bottom","opacity","elevationIntensity","left","right","top","Elevation"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../ui/context';\nimport * as styles from './styles';\nimport { CONFIG, reduceMotion } from '../utils';\nimport { useCx } from '../utils/hooks/use-cx';\nimport { isValueDefined } from '../utils/values';\n\n/**\n * @param {number} value\n * @return {string} The box shadow value.\n */\nexport function getBoxShadow( value ) {\n\tconst boxShadowColor = `rgba(0 ,0, 0, ${ value / 20 })`;\n\tconst boxShadow = `0 ${ value }px ${ value * 2 }px 0\n\t${ boxShadowColor }`;\n\n\treturn boxShadow;\n}\n\n/**\n * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props\n */\nexport function useElevation( props ) {\n\tconst {\n\t\tactive,\n\t\tborderRadius = 'inherit',\n\t\tclassName,\n\t\tfocus,\n\t\thover,\n\t\tisInteractive = false,\n\t\toffset = 0,\n\t\tvalue = 0,\n\t\t...otherProps\n\t} = useContextSystem( props, 'Elevation' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo( () => {\n\t\t/** @type {number | undefined} */\n\t\tlet hoverValue = isValueDefined( hover ) ? hover : value * 2;\n\t\t/** @type {number | undefined} */\n\t\tlet activeValue = isValueDefined( active ) ? active : value / 2;\n\n\t\tif ( ! isInteractive ) {\n\t\t\thoverValue = isValueDefined( hover ) ? hover : undefined;\n\t\t\tactiveValue = isValueDefined( active ) ? active : undefined;\n\t\t}\n\n\t\tconst transition = `box-shadow ${ CONFIG.transitionDuration } ${ CONFIG.transitionTimingFunction }`;\n\n\t\tconst sx = {};\n\n\t\tsx.Base = css(\n\t\t\t{\n\t\t\t\tborderRadius,\n\t\t\t\tbottom: offset,\n\t\t\t\tboxShadow: getBoxShadow( value ),\n\t\t\t\topacity: CONFIG.elevationIntensity,\n\t\t\t\tleft: offset,\n\t\t\t\tright: offset,\n\t\t\t\ttop: offset,\n\t\t\t\ttransition,\n\t\t\t},\n\t\t\treduceMotion( 'transition' )\n\t\t);\n\n\t\tif ( isValueDefined( hoverValue ) ) {\n\t\t\tsx.hover = css`\n\t\t\t\t*:hover > & {\n\t\t\t\t\tbox-shadow: ${ getBoxShadow( hoverValue ) };\n\t\t\t\t}\n\t\t\t`;\n\t\t}\n\n\t\tif ( isValueDefined( activeValue ) ) {\n\t\t\tsx.active = css`\n\t\t\t\t*:active > & {\n\t\t\t\t\tbox-shadow: ${ getBoxShadow( activeValue ) };\n\t\t\t\t}\n\t\t\t`;\n\t\t}\n\n\t\tif ( isValueDefined( focus ) ) {\n\t\t\tsx.focus = css`\n\t\t\t\t*:focus > & {\n\t\t\t\t\tbox-shadow: ${ getBoxShadow( focus ) };\n\t\t\t\t}\n\t\t\t`;\n\t\t}\n\n\t\treturn cx(\n\t\t\tstyles.Elevation,\n\t\t\tsx.Base,\n\t\t\tsx.hover && sx.hover,\n\t\t\tsx.focus && sx.focus,\n\t\t\tsx.active && sx.active,\n\t\t\tclassName\n\t\t);\n\t}, [\n\t\tactive,\n\t\tborderRadius,\n\t\tclassName,\n\t\tcx,\n\t\tfocus,\n\t\thover,\n\t\tisInteractive,\n\t\toffset,\n\t\tvalue,\n\t] );\n\n\treturn { ...otherProps, className: classes, 'aria-hidden': true };\n}\n"]}

package/build-module/external-link/index.js

@@ -6,10 +6,10 @@ import { createElement } from "@wordpress/element";
  */
 import classnames from 'classnames';
 import { compact, uniq } from 'lodash';
+
 /**
  * WordPress dependencies
  */
-
 import { __ } from '@wordpress/i18n';
 import { forwardRef } from '@wordpress/element';
 import { external } from '@wordpress/icons';
@@ -19,15 +19,16 @@ import { external } from '@wordpress/icons';
 
 import { VisuallyHidden } from '../visually-hidden';
 import { StyledIcon } from './styles/external-link-styles';
-export function ExternalLink(_ref, ref) {
-  let {
+
+function UnforwardedExternalLink(props, ref) {
+  const {
     href,
     children,
     className,
     rel = '',
     ...additionalProps
-  } = _ref;
-  rel = uniq(compact([...rel.split(' '), 'external', 'noreferrer', 'noopener'])).join(' ');
+  } = props;
+  const optimizedRel = uniq(compact([...rel.split(' '), 'external', 'noreferrer', 'noopener'])).join(' ');
   const classes = classnames('components-external-link', className);
   return (
     /* eslint-disable react/jsx-no-target-blank */
@@ -35,7 +36,7 @@ export function ExternalLink(_ref, ref) {
       className: classes,
       href: href,
       target: "_blank",
-      rel: rel,
+      rel: optimizedRel,
       ref: ref
     }), children, createElement(VisuallyHidden, {
       as: "span"
@@ -49,5 +50,19 @@ export function ExternalLink(_ref, ref) {
 
   );
 }
-export default forwardRef(ExternalLink);
+/**
+ * Link to an external resource.
+ *
+ * ```jsx
+ * import { ExternalLink } from '@wordpress/components';
+ *
+ * const MyExternalLink = () => (
+ *   <ExternalLink href="https://wordpress.org">WordPress.org</ExternalLink>
+ * );
+ * ```
+ */
+
+
+export const ExternalLink = forwardRef(UnforwardedExternalLink);
+export default ExternalLink;
 //# sourceMappingURL=index.js.map

package/build-module/external-link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/external-link/index.js"],"names":["classnames","compact","uniq","__","forwardRef","external","VisuallyHidden","StyledIcon","ExternalLink","ref","href","children","className","rel","additionalProps","split","join","classes"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AACA,SAASC,OAAT,EAAkBC,IAAlB,QAA8B,QAA9B;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,QAAT,QAAyB,kBAAzB;AAEA;AACA;AACA;;AACA,SAASC,cAAT,QAA+B,oBAA/B;AACA,SAASC,UAAT,QAA2B,+BAA3B;AAEA,OAAO,SAASC,YAAT,OAENC,GAFM,EAGL;AAAA,MAFD;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,SAAlB;AAA6BC,IAAAA,GAAG,GAAG,EAAnC;AAAuC,OAAGC;AAA1C,GAEC;AACDD,EAAAA,GAAG,GAAGX,IAAI,CACTD,OAAO,CAAE,CAAE,GAAGY,GAAG,CAACE,KAAJ,CAAW,GAAX,CAAL,EAAuB,UAAvB,EAAmC,YAAnC,EAAiD,UAAjD,CAAF,CADE,CAAJ,CAEJC,IAFI,CAEE,GAFF,CAAN;AAGA,QAAMC,OAAO,GAAGjB,UAAU,CAAE,0BAAF,EAA8BY,SAA9B,CAA1B;AACA;AACC;AACA,oCACME,eADN;AAEC,MAAA,SAAS,EAAGG,OAFb;AAGC,MAAA,IAAI,EAAGP,IAHR;AAIC,MAAA,MAAM,EAAC,QAJR;AAKC,MAAA,GAAG,EAAGG,GALP;AAMC,MAAA,GAAG,EAAGJ;AANP,QAQGE,QARH,EASC,cAAC,cAAD;AAAgB,MAAA,EAAE,EAAC;AAAnB;AAEE;AACAR,IAAAA,EAAE,CAAE,sBAAF,CAHJ,CATD,EAeC,cAAC,UAAD;AACC,MAAA,IAAI,EAAGE,QADR;AAEC,MAAA,SAAS,EAAC;AAFX,MAfD;AAoBA;;AAtBD;AAwBA;AAED,eAAeD,UAAU,CAAEI,YAAF,CAAzB","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { compact, uniq } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { external } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport { StyledIcon } from './styles/external-link-styles';\n\nexport function ExternalLink(\n\t{ href, children, className, rel = '', ...additionalProps },\n\tref\n) {\n\trel = uniq(\n\t\tcompact( [ ...rel.split( ' ' ), 'external', 'noreferrer', 'noopener' ] )\n\t).join( ' ' );\n\tconst classes = classnames( 'components-external-link', className );\n\treturn (\n\t\t/* eslint-disable react/jsx-no-target-blank */\n\t\t<a\n\t\t\t{ ...additionalProps }\n\t\t\tclassName={ classes }\n\t\t\thref={ href }\n\t\t\ttarget=\"_blank\"\n\t\t\trel={ rel }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ children }\n\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t{\n\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t}\n\t\t\t</VisuallyHidden>\n\t\t\t<StyledIcon\n\t\t\t\ticon={ external }\n\t\t\t\tclassName=\"components-external-link__icon\"\n\t\t\t/>\n\t\t</a>\n\t\t/* eslint-enable react/jsx-no-target-blank */\n\t);\n}\n\nexport default forwardRef( ExternalLink );\n"]}
+{"version":3,"sources":["@wordpress/components/src/external-link/index.tsx"],"names":["classnames","compact","uniq","__","forwardRef","external","VisuallyHidden","StyledIcon","UnforwardedExternalLink","props","ref","href","children","className","rel","additionalProps","optimizedRel","split","join","classes","ExternalLink"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AACA,SAASC,OAAT,EAAkBC,IAAlB,QAA8B,QAA9B;;AAGA;AACA;AACA;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,QAAT,QAAyB,kBAAzB;AAEA;AACA;AACA;;AACA,SAASC,cAAT,QAA+B,oBAA/B;AACA,SAASC,UAAT,QAA2B,+BAA3B;;AAIA,SAASC,uBAAT,CACCC,KADD,EAKCC,GALD,EAME;AACD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,SAAlB;AAA6BC,IAAAA,GAAG,GAAG,EAAnC;AAAuC,OAAGC;AAA1C,MAA8DN,KAApE;AACA,QAAMO,YAAY,GAAGd,IAAI,CACxBD,OAAO,CAAE,CAAE,GAAGa,GAAG,CAACG,KAAJ,CAAW,GAAX,CAAL,EAAuB,UAAvB,EAAmC,YAAnC,EAAiD,UAAjD,CAAF,CADiB,CAAJ,CAEnBC,IAFmB,CAEb,GAFa,CAArB;AAGA,QAAMC,OAAO,GAAGnB,UAAU,CAAE,0BAAF,EAA8Ba,SAA9B,CAA1B;AACA;AACC;AACA,oCACME,eADN;AAEC,MAAA,SAAS,EAAGI,OAFb;AAGC,MAAA,IAAI,EAAGR,IAHR;AAIC,MAAA,MAAM,EAAC,QAJR;AAKC,MAAA,GAAG,EAAGK,YALP;AAMC,MAAA,GAAG,EAAGN;AANP,QAQGE,QARH,EASC,cAAC,cAAD;AAAgB,MAAA,EAAE,EAAC;AAAnB;AAEE;AACAT,IAAAA,EAAE,CAAE,sBAAF,CAHJ,CATD,EAeC,cAAC,UAAD;AACC,MAAA,IAAI,EAAGE,QADR;AAEC,MAAA,SAAS,EAAC;AAFX,MAfD;AAoBA;;AAtBD;AAwBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMe,YAAY,GAAGhB,UAAU,CAAEI,uBAAF,CAA/B;AAEP,eAAeY,YAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { compact, uniq } from 'lodash';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { external } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport { StyledIcon } from './styles/external-link-styles';\nimport type { ExternalLinkProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nfunction UnforwardedExternalLink(\n\tprops: Omit<\n\t\tWordPressComponentProps< ExternalLinkProps, 'a', false >,\n\t\t'target'\n\t>,\n\tref: ForwardedRef< HTMLAnchorElement >\n) {\n\tconst { href, children, className, rel = '', ...additionalProps } = props;\n\tconst optimizedRel = uniq(\n\t\tcompact( [ ...rel.split( ' ' ), 'external', 'noreferrer', 'noopener' ] )\n\t).join( ' ' );\n\tconst classes = classnames( 'components-external-link', className );\n\treturn (\n\t\t/* eslint-disable react/jsx-no-target-blank */\n\t\t<a\n\t\t\t{ ...additionalProps }\n\t\t\tclassName={ classes }\n\t\t\thref={ href }\n\t\t\ttarget=\"_blank\"\n\t\t\trel={ optimizedRel }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ children }\n\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t{\n\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t}\n\t\t\t</VisuallyHidden>\n\t\t\t<StyledIcon\n\t\t\t\ticon={ external }\n\t\t\t\tclassName=\"components-external-link__icon\"\n\t\t\t/>\n\t\t</a>\n\t\t/* eslint-enable react/jsx-no-target-blank */\n\t);\n}\n\n/**\n * Link to an external resource.\n *\n * ```jsx\n * import { ExternalLink } from '@wordpress/components';\n *\n * const MyExternalLink = () => (\n *   <ExternalLink href=\"https://wordpress.org\">WordPress.org</ExternalLink>\n * );\n * ```\n */\nexport const ExternalLink = forwardRef( UnforwardedExternalLink );\n\nexport default ExternalLink;\n"]}

package/build-module/external-link/styles/external-link-styles.js

@@ -11,9 +11,9 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 import { Icon } from '@wordpress/icons';
 export const StyledIcon = /*#__PURE__*/_styled(Icon, process.env.NODE_ENV === "production" ? {
-  target: "etxm6pv0"
+  target: "esh4a730"
 } : {
-  target: "etxm6pv0",
+  target: "esh4a730",
   label: "StyledIcon"
 })(process.env.NODE_ENV === "production" ? {
   name: "rvs7bx",
@@ -21,7 +21,7 @@ export const StyledIcon = /*#__PURE__*/_styled(Icon, process.env.NODE_ENV === "p
 } : {
   name: "rvs7bx",
   styles: "width:1em;height:1em;margin:0;vertical-align:middle;fill:currentColor",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZXh0ZXJuYWwtbGluay9zdHlsZXMvZXh0ZXJuYWwtbGluay1zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZXh0ZXJuYWwtbGluay9zdHlsZXMvZXh0ZXJuYWwtbGluay1zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHdvcmRwcmVzcy9pY29ucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKCBJY29uIClgXG5cdHdpZHRoOiAxZW07XG5cdGhlaWdodDogMWVtO1xuXHRtYXJnaW46IDA7XG5cdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdGZpbGw6IGN1cnJlbnRDb2xvcjtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZXh0ZXJuYWwtbGluay9zdHlsZXMvZXh0ZXJuYWwtbGluay1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZXh0ZXJuYWwtbGluay9zdHlsZXMvZXh0ZXJuYWwtbGluay1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHdvcmRwcmVzcy9pY29ucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKCBJY29uIClgXG5cdHdpZHRoOiAxZW07XG5cdGhlaWdodDogMWVtO1xuXHRtYXJnaW46IDA7XG5cdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdGZpbGw6IGN1cnJlbnRDb2xvcjtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 //# sourceMappingURL=external-link-styles.js.map

package/build-module/external-link/styles/external-link-styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/external-link/styles/external-link-styles.js"],"names":["Icon","StyledIcon"],"mappings":";;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,kBAArB;AAEA,OAAO,MAAMC,UAAU,GAAG,qBAAQD,IAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAhB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/icons';\n\nexport const StyledIcon = styled( Icon )`\n\twidth: 1em;\n\theight: 1em;\n\tmargin: 0;\n\tvertical-align: middle;\n\tfill: currentColor;\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/external-link/styles/external-link-styles.ts"],"names":["Icon","StyledIcon"],"mappings":";;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,kBAArB;AAEA,OAAO,MAAMC,UAAU,GAAG,qBAAQD,IAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAhB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/icons';\n\nexport const StyledIcon = styled( Icon )`\n\twidth: 1em;\n\theight: 1em;\n\tmargin: 0;\n\tvertical-align: middle;\n\tfill: currentColor;\n`;\n"]}

package/build-module/external-link/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build-module/external-link/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/build-module/flex/flex/hook.js

@@ -62,6 +62,7 @@ export function useFlex(props) {
   const isColumn = typeof direction === 'string' && !!direction.includes('column');
   const isReverse = typeof direction === 'string' && direction.includes('reverse');
   const cx = useCx();
+  const rtlWatchResult = rtl.watch();
   const classes = useMemo(() => {
     const sx = {};
     sx.Base = /*#__PURE__*/css({
@@ -72,7 +73,7 @@ export function useFlex(props) {
       height: isColumn && expanded ? '100%' : undefined,
       width: !isColumn && expanded ? '100%' : undefined,
       marginBottom: wrap ? `calc(${space(gap)} * -1)` : undefined
-    }, process.env.NODE_ENV === "production" ? "" : ";label:sx-Base;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VZIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAnQHdvcmRwcmVzcy9lbGVtZW50JztcbmltcG9ydCBkZXByZWNhdGVkIGZyb20gJ0B3b3JkcHJlc3MvZGVwcmVjYXRlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi8uLi91aS9jb250ZXh0JztcbmltcG9ydCB7IHVzZVJlc3BvbnNpdmVWYWx1ZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3VzZS1yZXNwb25zaXZlLXZhbHVlJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyB1c2VDeCwgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gcHJvcHNcbiAqIEByZXR1cm4ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gUHJvcHMgd2l0aCB0aGUgZGVwcmVjYXRlZCBwcm9wcyByZW1vdmVkLlxuICovXG5mdW5jdGlvbiB1c2VEZXByZWNhdGVkUHJvcHMoIHsgaXNSZXZlcnNlZCwgLi4ub3RoZXJQcm9wcyB9ICkge1xuXHRpZiAoIHR5cGVvZiBpc1JldmVyc2VkICE9PSAndW5kZWZpbmVkJyApIHtcblx0XHRkZXByZWNhdGVkKCAnRmxleCBpc1JldmVyc2VkJywge1xuXHRcdFx0YWx0ZXJuYXRpdmU6ICdGbGV4IGRpcmVjdGlvbj1cInJvdy1yZXZlcnNlXCIgb3IgXCJjb2x1bW4tcmV2ZXJzZVwiJyxcblx0XHRcdHNpbmNlOiAnNS45Jyxcblx0XHR9ICk7XG5cdFx0cmV0dXJuIHtcblx0XHRcdC4uLm90aGVyUHJvcHMsXG5cdFx0XHRkaXJlY3Rpb246IGlzUmV2ZXJzZWQgPyAncm93LXJldmVyc2UnIDogJ3JvdycsXG5cdFx0fTtcblx0fVxuXG5cdHJldHVybiBvdGhlclByb3BzO1xufVxuXG4vKipcbiAqIEBwYXJhbSB7aW1wb3J0KCcuLi8uLi91aS9jb250ZXh0JykuV29yZFByZXNzQ29tcG9uZW50UHJvcHM8aW1wb3J0KCcuLi90eXBlcycpLkZsZXhQcm9wcywgJ2Rpdic+fSBwcm9wc1xuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRmxleCggcHJvcHMgKSB7XG5cdGNvbnN0IHtcblx0XHRhbGlnbiA9ICdjZW50ZXInLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRkaXJlY3Rpb246IGRpcmVjdGlvblByb3AgPSAncm93Jyxcblx0XHRleHBhbmRlZCA9IHRydWUsXG5cdFx0Z2FwID0gMixcblx0XHRqdXN0aWZ5ID0gJ3NwYWNlLWJldHdlZW4nLFxuXHRcdHdyYXAgPSBmYWxzZSxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCB1c2VEZXByZWNhdGVkUHJvcHMoIHByb3BzICksICdGbGV4JyApO1xuXG5cdGNvbnN0IGRpcmVjdGlvbkFzQXJyYXkgPSBBcnJheS5pc0FycmF5KCBkaXJlY3Rpb25Qcm9wIClcblx0XHQ/IGRpcmVjdGlvblByb3Bcblx0XHQ6IFsgZGlyZWN0aW9uUHJvcCBdO1xuXHRjb25zdCBkaXJlY3Rpb24gPSB1c2VSZXNwb25zaXZlVmFsdWUoIGRpcmVjdGlvbkFzQXJyYXkgKTtcblxuXHRjb25zdCBpc0NvbHVtbiA9XG5cdFx0dHlwZW9mIGRpcmVjdGlvbiA9PT0gJ3N0cmluZycgJiYgISEgZGlyZWN0aW9uLmluY2x1ZGVzKCAnY29sdW1uJyApO1xuXHRjb25zdCBpc1JldmVyc2UgPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmIGRpcmVjdGlvbi5pbmNsdWRlcyggJ3JldmVyc2UnICk7XG5cblx0Y29uc3QgY3ggPSB1c2VDeCgpO1xuXG5cdGNvbnN0IGNsYXNzZXMgPSB1c2VNZW1vKCAoKSA9PiB7XG5cdFx0Y29uc3Qgc3ggPSB7fTtcblxuXHRcdHN4LkJhc2UgPSBjc3MoIHtcblx0XHRcdGFsaWduSXRlbXM6IGlzQ29sdW1uID8gJ25vcm1hbCcgOiBhbGlnbixcblx0XHRcdGZsZXhEaXJlY3Rpb246IGRpcmVjdGlvbixcblx0XHRcdGZsZXhXcmFwOiB3cmFwID8gJ3dyYXAnIDogdW5kZWZpbmVkLFxuXHRcdFx0anVzdGlmeUNvbnRlbnQ6IGp1c3RpZnksXG5cdFx0XHRoZWlnaHQ6IGlzQ29sdW1uICYmIGV4cGFuZGVkID8gJzEwMCUnIDogdW5kZWZpbmVkLFxuXHRcdFx0d2lkdGg6ICEgaXNDb2x1bW4gJiYgZXhwYW5kZWQgPyAnMTAwJScgOiB1bmRlZmluZWQsXG5cdFx0XHRtYXJnaW5Cb3R0b206IHdyYXAgPyBgY2FsYygkeyBzcGFjZSggZ2FwICkgfSAqIC0xKWAgOiB1bmRlZmluZWQsXG5cdFx0fSApO1xuXG5cdFx0LyoqXG5cdFx0ICogV29ya2Fyb3VuZCB0byBvcHRpbWl6ZSBET00gcmVuZGVyaW5nLlxuXHRcdCAqIFdlJ2xsIGVuaGFuY2UgYWxpZ25tZW50IHdpdGggbmFpdmUgcGFyZW50IGZsZXggYXNzdW1wdGlvbnMuXG5cdFx0ICpcblx0XHQgKiBUcmFkZS1vZmY6XG5cdFx0ICogRmFyIGxlc3MgRE9NIGxlc3MuIEhvd2V2ZXIsIFVJIHJlbmRlcmluZyBpcyBub3QgYXMgcmVsaWFibGUuXG5cdFx0ICovXG5cdFx0c3guSXRlbXMgPSBjc3NgXG5cdFx0XHQ+ICogKyAqOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0bWFyZ2luLXRvcDogJHsgaXNDb2x1bW4gPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQgfTtcblx0XHRcdFx0JHsgcnRsKCB7XG5cdFx0XHRcdFx0bWFyZ2luTGVmdDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0fSApKCkgfVxuXHRcdFx0fVxuXHRcdGA7XG5cblx0XHRzeC5XcmFwSXRlbXMgPSBjc3NgXG5cdFx0XHQ+ICo6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggZ2FwICkgfTtcblx0XHRcdFx0JHsgcnRsKCB7XG5cdFx0XHRcdFx0bWFyZ2luTGVmdDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiAhIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0fSApKCkgfVxuXHRcdFx0fVxuXG5cdFx0XHQ+ICo6bGFzdC1jaGlsZDpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6ICEgaXNDb2x1bW4gJiYgaXNSZXZlcnNlID8gMCA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDogISBpc0NvbHVtbiAmJiAhIGlzUmV2ZXJzZSA/IDAgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblx0XHRgO1xuXG5cdFx0cmV0dXJuIGN4KFxuXHRcdFx0c3R5bGVzLkZsZXgsXG5cdFx0XHRzeC5CYXNlLFxuXHRcdFx0d3JhcCA/IHN4LldyYXBJdGVtcyA6IHN4Lkl0ZW1zLFxuXHRcdFx0aXNDb2x1bW4gPyBzdHlsZXMuSXRlbXNDb2x1bW4gOiBzdHlsZXMuSXRlbXNSb3csXG5cdFx0XHRjbGFzc05hbWVcblx0XHQpO1xuXHR9LCBbXG5cdFx0YWxpZ24sXG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGN4LFxuXHRcdGRpcmVjdGlvbixcblx0XHRleHBhbmRlZCxcblx0XHRnYXAsXG5cdFx0aXNDb2x1bW4sXG5cdFx0aXNSZXZlcnNlLFxuXHRcdGp1c3RpZnksXG5cdFx0d3JhcCxcblx0XHRydGwud2F0Y2goKSxcblx0XSApO1xuXG5cdHJldHVybiB7IC4uLm90aGVyUHJvcHMsIGNsYXNzTmFtZTogY2xhc3NlcywgaXNDb2x1bW4gfTtcbn1cbiJdfQ== */");
+    }, process.env.NODE_ENV === "production" ? "" : ";label:sx-Base;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVZIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAnQHdvcmRwcmVzcy9lbGVtZW50JztcbmltcG9ydCBkZXByZWNhdGVkIGZyb20gJ0B3b3JkcHJlc3MvZGVwcmVjYXRlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi8uLi91aS9jb250ZXh0JztcbmltcG9ydCB7IHVzZVJlc3BvbnNpdmVWYWx1ZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3VzZS1yZXNwb25zaXZlLXZhbHVlJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyB1c2VDeCwgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gcHJvcHNcbiAqIEByZXR1cm4ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gUHJvcHMgd2l0aCB0aGUgZGVwcmVjYXRlZCBwcm9wcyByZW1vdmVkLlxuICovXG5mdW5jdGlvbiB1c2VEZXByZWNhdGVkUHJvcHMoIHsgaXNSZXZlcnNlZCwgLi4ub3RoZXJQcm9wcyB9ICkge1xuXHRpZiAoIHR5cGVvZiBpc1JldmVyc2VkICE9PSAndW5kZWZpbmVkJyApIHtcblx0XHRkZXByZWNhdGVkKCAnRmxleCBpc1JldmVyc2VkJywge1xuXHRcdFx0YWx0ZXJuYXRpdmU6ICdGbGV4IGRpcmVjdGlvbj1cInJvdy1yZXZlcnNlXCIgb3IgXCJjb2x1bW4tcmV2ZXJzZVwiJyxcblx0XHRcdHNpbmNlOiAnNS45Jyxcblx0XHR9ICk7XG5cdFx0cmV0dXJuIHtcblx0XHRcdC4uLm90aGVyUHJvcHMsXG5cdFx0XHRkaXJlY3Rpb246IGlzUmV2ZXJzZWQgPyAncm93LXJldmVyc2UnIDogJ3JvdycsXG5cdFx0fTtcblx0fVxuXG5cdHJldHVybiBvdGhlclByb3BzO1xufVxuXG4vKipcbiAqIEBwYXJhbSB7aW1wb3J0KCcuLi8uLi91aS9jb250ZXh0JykuV29yZFByZXNzQ29tcG9uZW50UHJvcHM8aW1wb3J0KCcuLi90eXBlcycpLkZsZXhQcm9wcywgJ2Rpdic+fSBwcm9wc1xuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRmxleCggcHJvcHMgKSB7XG5cdGNvbnN0IHtcblx0XHRhbGlnbiA9ICdjZW50ZXInLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRkaXJlY3Rpb246IGRpcmVjdGlvblByb3AgPSAncm93Jyxcblx0XHRleHBhbmRlZCA9IHRydWUsXG5cdFx0Z2FwID0gMixcblx0XHRqdXN0aWZ5ID0gJ3NwYWNlLWJldHdlZW4nLFxuXHRcdHdyYXAgPSBmYWxzZSxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCB1c2VEZXByZWNhdGVkUHJvcHMoIHByb3BzICksICdGbGV4JyApO1xuXG5cdGNvbnN0IGRpcmVjdGlvbkFzQXJyYXkgPSBBcnJheS5pc0FycmF5KCBkaXJlY3Rpb25Qcm9wIClcblx0XHQ/IGRpcmVjdGlvblByb3Bcblx0XHQ6IFsgZGlyZWN0aW9uUHJvcCBdO1xuXHRjb25zdCBkaXJlY3Rpb24gPSB1c2VSZXNwb25zaXZlVmFsdWUoIGRpcmVjdGlvbkFzQXJyYXkgKTtcblxuXHRjb25zdCBpc0NvbHVtbiA9XG5cdFx0dHlwZW9mIGRpcmVjdGlvbiA9PT0gJ3N0cmluZycgJiYgISEgZGlyZWN0aW9uLmluY2x1ZGVzKCAnY29sdW1uJyApO1xuXHRjb25zdCBpc1JldmVyc2UgPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmIGRpcmVjdGlvbi5pbmNsdWRlcyggJ3JldmVyc2UnICk7XG5cblx0Y29uc3QgY3ggPSB1c2VDeCgpO1xuXHRjb25zdCBydGxXYXRjaFJlc3VsdCA9IHJ0bC53YXRjaCgpO1xuXG5cdGNvbnN0IGNsYXNzZXMgPSB1c2VNZW1vKCAoKSA9PiB7XG5cdFx0Y29uc3Qgc3ggPSB7fTtcblxuXHRcdHN4LkJhc2UgPSBjc3MoIHtcblx0XHRcdGFsaWduSXRlbXM6IGlzQ29sdW1uID8gJ25vcm1hbCcgOiBhbGlnbixcblx0XHRcdGZsZXhEaXJlY3Rpb246IGRpcmVjdGlvbixcblx0XHRcdGZsZXhXcmFwOiB3cmFwID8gJ3dyYXAnIDogdW5kZWZpbmVkLFxuXHRcdFx0anVzdGlmeUNvbnRlbnQ6IGp1c3RpZnksXG5cdFx0XHRoZWlnaHQ6IGlzQ29sdW1uICYmIGV4cGFuZGVkID8gJzEwMCUnIDogdW5kZWZpbmVkLFxuXHRcdFx0d2lkdGg6ICEgaXNDb2x1bW4gJiYgZXhwYW5kZWQgPyAnMTAwJScgOiB1bmRlZmluZWQsXG5cdFx0XHRtYXJnaW5Cb3R0b206IHdyYXAgPyBgY2FsYygkeyBzcGFjZSggZ2FwICkgfSAqIC0xKWAgOiB1bmRlZmluZWQsXG5cdFx0fSApO1xuXG5cdFx0LyoqXG5cdFx0ICogV29ya2Fyb3VuZCB0byBvcHRpbWl6ZSBET00gcmVuZGVyaW5nLlxuXHRcdCAqIFdlJ2xsIGVuaGFuY2UgYWxpZ25tZW50IHdpdGggbmFpdmUgcGFyZW50IGZsZXggYXNzdW1wdGlvbnMuXG5cdFx0ICpcblx0XHQgKiBUcmFkZS1vZmY6XG5cdFx0ICogRmFyIGxlc3MgRE9NIGxlc3MuIEhvd2V2ZXIsIFVJIHJlbmRlcmluZyBpcyBub3QgYXMgcmVsaWFibGUuXG5cdFx0ICovXG5cdFx0c3guSXRlbXMgPSBjc3NgXG5cdFx0XHQ+ICogKyAqOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0bWFyZ2luLXRvcDogJHsgaXNDb2x1bW4gPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQgfTtcblx0XHRcdFx0JHsgcnRsKCB7XG5cdFx0XHRcdFx0bWFyZ2luTGVmdDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0fSApKCkgfVxuXHRcdFx0fVxuXHRcdGA7XG5cblx0XHRzeC5XcmFwSXRlbXMgPSBjc3NgXG5cdFx0XHQ+ICo6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggZ2FwICkgfTtcblx0XHRcdFx0JHsgcnRsKCB7XG5cdFx0XHRcdFx0bWFyZ2luTGVmdDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiAhIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0fSApKCkgfVxuXHRcdFx0fVxuXG5cdFx0XHQ+ICo6bGFzdC1jaGlsZDpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6ICEgaXNDb2x1bW4gJiYgaXNSZXZlcnNlID8gMCA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDogISBpc0NvbHVtbiAmJiAhIGlzUmV2ZXJzZSA/IDAgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblx0XHRgO1xuXG5cdFx0cmV0dXJuIGN4KFxuXHRcdFx0c3R5bGVzLkZsZXgsXG5cdFx0XHRzeC5CYXNlLFxuXHRcdFx0d3JhcCA/IHN4LldyYXBJdGVtcyA6IHN4Lkl0ZW1zLFxuXHRcdFx0aXNDb2x1bW4gPyBzdHlsZXMuSXRlbXNDb2x1bW4gOiBzdHlsZXMuSXRlbXNSb3csXG5cdFx0XHRjbGFzc05hbWVcblx0XHQpO1xuXHRcdC8vIHJ0bFdhdGNoUmVzdWx0IGlzIG5lZWRlZCB0byByZWZyZXNoIHN0eWxlcyB3aGVuIHRoZSB3cml0aW5nIGRpcmVjdGlvbiBjaGFuZ2VzXG5cdFx0Ly8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuXHR9LCBbXG5cdFx0YWxpZ24sXG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGN4LFxuXHRcdGRpcmVjdGlvbixcblx0XHRleHBhbmRlZCxcblx0XHRnYXAsXG5cdFx0aXNDb2x1bW4sXG5cdFx0aXNSZXZlcnNlLFxuXHRcdGp1c3RpZnksXG5cdFx0d3JhcCxcblx0XHRydGxXYXRjaFJlc3VsdCxcblx0XSApO1xuXG5cdHJldHVybiB7IC4uLm90aGVyUHJvcHMsIGNsYXNzTmFtZTogY2xhc3NlcywgaXNDb2x1bW4gfTtcbn1cbiJdfQ== */");
     /**
      * Workaround to optimize DOM rendering.
      * We'll enhance alignment with naive parent flex assumptions.
@@ -84,16 +85,17 @@ export function useFlex(props) {
     sx.Items = /*#__PURE__*/css(">*+*:not( marquee ){margin-top:", isColumn ? space(gap) : undefined, ";", rtl({
       marginLeft: !isColumn && !isReverse ? space(gap) : undefined,
       marginRight: !isColumn && isReverse ? space(gap) : undefined
-    })(), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-Items;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZnQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvZmxleC9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5pbXBvcnQgZGVwcmVjYXRlZCBmcm9tICdAd29yZHByZXNzL2RlcHJlY2F0ZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VDb250ZXh0U3lzdGVtIH0gZnJvbSAnLi4vLi4vdWkvY29udGV4dCc7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlVmFsdWUgfSBmcm9tICcuLi8uLi91aS91dGlscy91c2UtcmVzcG9uc2l2ZS12YWx1ZSc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgdXNlQ3gsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuLyoqXG4gKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IHByb3BzXG4gKiBAcmV0dXJuIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IFByb3BzIHdpdGggdGhlIGRlcHJlY2F0ZWQgcHJvcHMgcmVtb3ZlZC5cbiAqL1xuZnVuY3Rpb24gdXNlRGVwcmVjYXRlZFByb3BzKCB7IGlzUmV2ZXJzZWQsIC4uLm90aGVyUHJvcHMgfSApIHtcblx0aWYgKCB0eXBlb2YgaXNSZXZlcnNlZCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0ZGVwcmVjYXRlZCggJ0ZsZXggaXNSZXZlcnNlZCcsIHtcblx0XHRcdGFsdGVybmF0aXZlOiAnRmxleCBkaXJlY3Rpb249XCJyb3ctcmV2ZXJzZVwiIG9yIFwiY29sdW1uLXJldmVyc2VcIicsXG5cdFx0XHRzaW5jZTogJzUuOScsXG5cdFx0fSApO1xuXHRcdHJldHVybiB7XG5cdFx0XHQuLi5vdGhlclByb3BzLFxuXHRcdFx0ZGlyZWN0aW9uOiBpc1JldmVyc2VkID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnLFxuXHRcdH07XG5cdH1cblxuXHRyZXR1cm4gb3RoZXJQcm9wcztcbn1cblxuLyoqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gcHJvcHNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZUZsZXgoIHByb3BzICkge1xuXHRjb25zdCB7XG5cdFx0YWxpZ24gPSAnY2VudGVyJyxcblx0XHRjbGFzc05hbWUsXG5cdFx0ZGlyZWN0aW9uOiBkaXJlY3Rpb25Qcm9wID0gJ3JvdycsXG5cdFx0ZXhwYW5kZWQgPSB0cnVlLFxuXHRcdGdhcCA9IDIsXG5cdFx0anVzdGlmeSA9ICdzcGFjZS1iZXR3ZWVuJyxcblx0XHR3cmFwID0gZmFsc2UsXG5cdFx0Li4ub3RoZXJQcm9wc1xuXHR9ID0gdXNlQ29udGV4dFN5c3RlbSggdXNlRGVwcmVjYXRlZFByb3BzKCBwcm9wcyApLCAnRmxleCcgKTtcblxuXHRjb25zdCBkaXJlY3Rpb25Bc0FycmF5ID0gQXJyYXkuaXNBcnJheSggZGlyZWN0aW9uUHJvcCApXG5cdFx0PyBkaXJlY3Rpb25Qcm9wXG5cdFx0OiBbIGRpcmVjdGlvblByb3AgXTtcblx0Y29uc3QgZGlyZWN0aW9uID0gdXNlUmVzcG9uc2l2ZVZhbHVlKCBkaXJlY3Rpb25Bc0FycmF5ICk7XG5cblx0Y29uc3QgaXNDb2x1bW4gPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmICEhIGRpcmVjdGlvbi5pbmNsdWRlcyggJ2NvbHVtbicgKTtcblx0Y29uc3QgaXNSZXZlcnNlID1cblx0XHR0eXBlb2YgZGlyZWN0aW9uID09PSAnc3RyaW5nJyAmJiBkaXJlY3Rpb24uaW5jbHVkZXMoICdyZXZlcnNlJyApO1xuXG5cdGNvbnN0IGN4ID0gdXNlQ3goKTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4ID0ge307XG5cblx0XHRzeC5CYXNlID0gY3NzKCB7XG5cdFx0XHRhbGlnbkl0ZW1zOiBpc0NvbHVtbiA/ICdub3JtYWwnIDogYWxpZ24sXG5cdFx0XHRmbGV4RGlyZWN0aW9uOiBkaXJlY3Rpb24sXG5cdFx0XHRmbGV4V3JhcDogd3JhcCA/ICd3cmFwJyA6IHVuZGVmaW5lZCxcblx0XHRcdGp1c3RpZnlDb250ZW50OiBqdXN0aWZ5LFxuXHRcdFx0aGVpZ2h0OiBpc0NvbHVtbiAmJiBleHBhbmRlZCA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcblx0XHRcdHdpZHRoOiAhIGlzQ29sdW1uICYmIGV4cGFuZGVkID8gJzEwMCUnIDogdW5kZWZpbmVkLFxuXHRcdFx0bWFyZ2luQm90dG9tOiB3cmFwID8gYGNhbGMoJHsgc3BhY2UoIGdhcCApIH0gKiAtMSlgIDogdW5kZWZpbmVkLFxuXHRcdH0gKTtcblxuXHRcdC8qKlxuXHRcdCAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cblx0XHQgKiBXZSdsbCBlbmhhbmNlIGFsaWdubWVudCB3aXRoIG5haXZlIHBhcmVudCBmbGV4IGFzc3VtcHRpb25zLlxuXHRcdCAqXG5cdFx0ICogVHJhZGUtb2ZmOlxuXHRcdCAqIEZhciBsZXNzIERPTSBsZXNzLiBIb3dldmVyLCBVSSByZW5kZXJpbmcgaXMgbm90IGFzIHJlbGlhYmxlLlxuXHRcdCAqL1xuXHRcdHN4Lkl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqICsgKjpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdG1hcmdpbi10b3A6ICR7IGlzQ29sdW1uID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblx0XHRgO1xuXG5cdFx0c3guV3JhcEl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIGdhcCApIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblxuXHRcdFx0PiAqOmxhc3QtY2hpbGQ6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OiAhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IDAgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6ICEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyAwIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cdFx0YDtcblxuXHRcdHJldHVybiBjeChcblx0XHRcdHN0eWxlcy5GbGV4LFxuXHRcdFx0c3guQmFzZSxcblx0XHRcdHdyYXAgPyBzeC5XcmFwSXRlbXMgOiBzeC5JdGVtcyxcblx0XHRcdGlzQ29sdW1uID8gc3R5bGVzLkl0ZW1zQ29sdW1uIDogc3R5bGVzLkl0ZW1zUm93LFxuXHRcdFx0Y2xhc3NOYW1lXG5cdFx0KTtcblx0fSwgW1xuXHRcdGFsaWduLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRkaXJlY3Rpb24sXG5cdFx0ZXhwYW5kZWQsXG5cdFx0Z2FwLFxuXHRcdGlzQ29sdW1uLFxuXHRcdGlzUmV2ZXJzZSxcblx0XHRqdXN0aWZ5LFxuXHRcdHdyYXAsXG5cdFx0cnRsLndhdGNoKCksXG5cdF0gKTtcblxuXHRyZXR1cm4geyAuLi5vdGhlclByb3BzLCBjbGFzc05hbWU6IGNsYXNzZXMsIGlzQ29sdW1uIH07XG59XG4iXX0= */");
+    })(), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-Items;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0ZnQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvZmxleC9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5pbXBvcnQgZGVwcmVjYXRlZCBmcm9tICdAd29yZHByZXNzL2RlcHJlY2F0ZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VDb250ZXh0U3lzdGVtIH0gZnJvbSAnLi4vLi4vdWkvY29udGV4dCc7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlVmFsdWUgfSBmcm9tICcuLi8uLi91aS91dGlscy91c2UtcmVzcG9uc2l2ZS12YWx1ZSc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgdXNlQ3gsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuLyoqXG4gKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IHByb3BzXG4gKiBAcmV0dXJuIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IFByb3BzIHdpdGggdGhlIGRlcHJlY2F0ZWQgcHJvcHMgcmVtb3ZlZC5cbiAqL1xuZnVuY3Rpb24gdXNlRGVwcmVjYXRlZFByb3BzKCB7IGlzUmV2ZXJzZWQsIC4uLm90aGVyUHJvcHMgfSApIHtcblx0aWYgKCB0eXBlb2YgaXNSZXZlcnNlZCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0ZGVwcmVjYXRlZCggJ0ZsZXggaXNSZXZlcnNlZCcsIHtcblx0XHRcdGFsdGVybmF0aXZlOiAnRmxleCBkaXJlY3Rpb249XCJyb3ctcmV2ZXJzZVwiIG9yIFwiY29sdW1uLXJldmVyc2VcIicsXG5cdFx0XHRzaW5jZTogJzUuOScsXG5cdFx0fSApO1xuXHRcdHJldHVybiB7XG5cdFx0XHQuLi5vdGhlclByb3BzLFxuXHRcdFx0ZGlyZWN0aW9uOiBpc1JldmVyc2VkID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnLFxuXHRcdH07XG5cdH1cblxuXHRyZXR1cm4gb3RoZXJQcm9wcztcbn1cblxuLyoqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gcHJvcHNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZUZsZXgoIHByb3BzICkge1xuXHRjb25zdCB7XG5cdFx0YWxpZ24gPSAnY2VudGVyJyxcblx0XHRjbGFzc05hbWUsXG5cdFx0ZGlyZWN0aW9uOiBkaXJlY3Rpb25Qcm9wID0gJ3JvdycsXG5cdFx0ZXhwYW5kZWQgPSB0cnVlLFxuXHRcdGdhcCA9IDIsXG5cdFx0anVzdGlmeSA9ICdzcGFjZS1iZXR3ZWVuJyxcblx0XHR3cmFwID0gZmFsc2UsXG5cdFx0Li4ub3RoZXJQcm9wc1xuXHR9ID0gdXNlQ29udGV4dFN5c3RlbSggdXNlRGVwcmVjYXRlZFByb3BzKCBwcm9wcyApLCAnRmxleCcgKTtcblxuXHRjb25zdCBkaXJlY3Rpb25Bc0FycmF5ID0gQXJyYXkuaXNBcnJheSggZGlyZWN0aW9uUHJvcCApXG5cdFx0PyBkaXJlY3Rpb25Qcm9wXG5cdFx0OiBbIGRpcmVjdGlvblByb3AgXTtcblx0Y29uc3QgZGlyZWN0aW9uID0gdXNlUmVzcG9uc2l2ZVZhbHVlKCBkaXJlY3Rpb25Bc0FycmF5ICk7XG5cblx0Y29uc3QgaXNDb2x1bW4gPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmICEhIGRpcmVjdGlvbi5pbmNsdWRlcyggJ2NvbHVtbicgKTtcblx0Y29uc3QgaXNSZXZlcnNlID1cblx0XHR0eXBlb2YgZGlyZWN0aW9uID09PSAnc3RyaW5nJyAmJiBkaXJlY3Rpb24uaW5jbHVkZXMoICdyZXZlcnNlJyApO1xuXG5cdGNvbnN0IGN4ID0gdXNlQ3goKTtcblx0Y29uc3QgcnRsV2F0Y2hSZXN1bHQgPSBydGwud2F0Y2goKTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4ID0ge307XG5cblx0XHRzeC5CYXNlID0gY3NzKCB7XG5cdFx0XHRhbGlnbkl0ZW1zOiBpc0NvbHVtbiA/ICdub3JtYWwnIDogYWxpZ24sXG5cdFx0XHRmbGV4RGlyZWN0aW9uOiBkaXJlY3Rpb24sXG5cdFx0XHRmbGV4V3JhcDogd3JhcCA/ICd3cmFwJyA6IHVuZGVmaW5lZCxcblx0XHRcdGp1c3RpZnlDb250ZW50OiBqdXN0aWZ5LFxuXHRcdFx0aGVpZ2h0OiBpc0NvbHVtbiAmJiBleHBhbmRlZCA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcblx0XHRcdHdpZHRoOiAhIGlzQ29sdW1uICYmIGV4cGFuZGVkID8gJzEwMCUnIDogdW5kZWZpbmVkLFxuXHRcdFx0bWFyZ2luQm90dG9tOiB3cmFwID8gYGNhbGMoJHsgc3BhY2UoIGdhcCApIH0gKiAtMSlgIDogdW5kZWZpbmVkLFxuXHRcdH0gKTtcblxuXHRcdC8qKlxuXHRcdCAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cblx0XHQgKiBXZSdsbCBlbmhhbmNlIGFsaWdubWVudCB3aXRoIG5haXZlIHBhcmVudCBmbGV4IGFzc3VtcHRpb25zLlxuXHRcdCAqXG5cdFx0ICogVHJhZGUtb2ZmOlxuXHRcdCAqIEZhciBsZXNzIERPTSBsZXNzLiBIb3dldmVyLCBVSSByZW5kZXJpbmcgaXMgbm90IGFzIHJlbGlhYmxlLlxuXHRcdCAqL1xuXHRcdHN4Lkl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqICsgKjpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdG1hcmdpbi10b3A6ICR7IGlzQ29sdW1uID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblx0XHRgO1xuXG5cdFx0c3guV3JhcEl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIGdhcCApIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblxuXHRcdFx0PiAqOmxhc3QtY2hpbGQ6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OiAhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IDAgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6ICEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyAwIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cdFx0YDtcblxuXHRcdHJldHVybiBjeChcblx0XHRcdHN0eWxlcy5GbGV4LFxuXHRcdFx0c3guQmFzZSxcblx0XHRcdHdyYXAgPyBzeC5XcmFwSXRlbXMgOiBzeC5JdGVtcyxcblx0XHRcdGlzQ29sdW1uID8gc3R5bGVzLkl0ZW1zQ29sdW1uIDogc3R5bGVzLkl0ZW1zUm93LFxuXHRcdFx0Y2xhc3NOYW1lXG5cdFx0KTtcblx0XHQvLyBydGxXYXRjaFJlc3VsdCBpcyBuZWVkZWQgdG8gcmVmcmVzaCBzdHlsZXMgd2hlbiB0aGUgd3JpdGluZyBkaXJlY3Rpb24gY2hhbmdlc1xuXHRcdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcblx0fSwgW1xuXHRcdGFsaWduLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRkaXJlY3Rpb24sXG5cdFx0ZXhwYW5kZWQsXG5cdFx0Z2FwLFxuXHRcdGlzQ29sdW1uLFxuXHRcdGlzUmV2ZXJzZSxcblx0XHRqdXN0aWZ5LFxuXHRcdHdyYXAsXG5cdFx0cnRsV2F0Y2hSZXN1bHQsXG5cdF0gKTtcblxuXHRyZXR1cm4geyAuLi5vdGhlclByb3BzLCBjbGFzc05hbWU6IGNsYXNzZXMsIGlzQ29sdW1uIH07XG59XG4iXX0= */");
     sx.WrapItems = /*#__PURE__*/css(">*:not( marquee ){margin-bottom:", space(gap), ";", rtl({
       marginLeft: !isColumn && isReverse ? space(gap) : undefined,
       marginRight: !isColumn && !isReverse ? space(gap) : undefined
     })(), ";}>*:last-child:not( marquee ){", rtl({
       marginLeft: !isColumn && isReverse ? 0 : undefined,
       marginRight: !isColumn && !isReverse ? 0 : undefined
-    })(), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-WrapItems;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUdvQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvZmxleC9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5pbXBvcnQgZGVwcmVjYXRlZCBmcm9tICdAd29yZHByZXNzL2RlcHJlY2F0ZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VDb250ZXh0U3lzdGVtIH0gZnJvbSAnLi4vLi4vdWkvY29udGV4dCc7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlVmFsdWUgfSBmcm9tICcuLi8uLi91aS91dGlscy91c2UtcmVzcG9uc2l2ZS12YWx1ZSc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgdXNlQ3gsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuLyoqXG4gKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IHByb3BzXG4gKiBAcmV0dXJuIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IFByb3BzIHdpdGggdGhlIGRlcHJlY2F0ZWQgcHJvcHMgcmVtb3ZlZC5cbiAqL1xuZnVuY3Rpb24gdXNlRGVwcmVjYXRlZFByb3BzKCB7IGlzUmV2ZXJzZWQsIC4uLm90aGVyUHJvcHMgfSApIHtcblx0aWYgKCB0eXBlb2YgaXNSZXZlcnNlZCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0ZGVwcmVjYXRlZCggJ0ZsZXggaXNSZXZlcnNlZCcsIHtcblx0XHRcdGFsdGVybmF0aXZlOiAnRmxleCBkaXJlY3Rpb249XCJyb3ctcmV2ZXJzZVwiIG9yIFwiY29sdW1uLXJldmVyc2VcIicsXG5cdFx0XHRzaW5jZTogJzUuOScsXG5cdFx0fSApO1xuXHRcdHJldHVybiB7XG5cdFx0XHQuLi5vdGhlclByb3BzLFxuXHRcdFx0ZGlyZWN0aW9uOiBpc1JldmVyc2VkID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnLFxuXHRcdH07XG5cdH1cblxuXHRyZXR1cm4gb3RoZXJQcm9wcztcbn1cblxuLyoqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gcHJvcHNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZUZsZXgoIHByb3BzICkge1xuXHRjb25zdCB7XG5cdFx0YWxpZ24gPSAnY2VudGVyJyxcblx0XHRjbGFzc05hbWUsXG5cdFx0ZGlyZWN0aW9uOiBkaXJlY3Rpb25Qcm9wID0gJ3JvdycsXG5cdFx0ZXhwYW5kZWQgPSB0cnVlLFxuXHRcdGdhcCA9IDIsXG5cdFx0anVzdGlmeSA9ICdzcGFjZS1iZXR3ZWVuJyxcblx0XHR3cmFwID0gZmFsc2UsXG5cdFx0Li4ub3RoZXJQcm9wc1xuXHR9ID0gdXNlQ29udGV4dFN5c3RlbSggdXNlRGVwcmVjYXRlZFByb3BzKCBwcm9wcyApLCAnRmxleCcgKTtcblxuXHRjb25zdCBkaXJlY3Rpb25Bc0FycmF5ID0gQXJyYXkuaXNBcnJheSggZGlyZWN0aW9uUHJvcCApXG5cdFx0PyBkaXJlY3Rpb25Qcm9wXG5cdFx0OiBbIGRpcmVjdGlvblByb3AgXTtcblx0Y29uc3QgZGlyZWN0aW9uID0gdXNlUmVzcG9uc2l2ZVZhbHVlKCBkaXJlY3Rpb25Bc0FycmF5ICk7XG5cblx0Y29uc3QgaXNDb2x1bW4gPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmICEhIGRpcmVjdGlvbi5pbmNsdWRlcyggJ2NvbHVtbicgKTtcblx0Y29uc3QgaXNSZXZlcnNlID1cblx0XHR0eXBlb2YgZGlyZWN0aW9uID09PSAnc3RyaW5nJyAmJiBkaXJlY3Rpb24uaW5jbHVkZXMoICdyZXZlcnNlJyApO1xuXG5cdGNvbnN0IGN4ID0gdXNlQ3goKTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4ID0ge307XG5cblx0XHRzeC5CYXNlID0gY3NzKCB7XG5cdFx0XHRhbGlnbkl0ZW1zOiBpc0NvbHVtbiA/ICdub3JtYWwnIDogYWxpZ24sXG5cdFx0XHRmbGV4RGlyZWN0aW9uOiBkaXJlY3Rpb24sXG5cdFx0XHRmbGV4V3JhcDogd3JhcCA/ICd3cmFwJyA6IHVuZGVmaW5lZCxcblx0XHRcdGp1c3RpZnlDb250ZW50OiBqdXN0aWZ5LFxuXHRcdFx0aGVpZ2h0OiBpc0NvbHVtbiAmJiBleHBhbmRlZCA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcblx0XHRcdHdpZHRoOiAhIGlzQ29sdW1uICYmIGV4cGFuZGVkID8gJzEwMCUnIDogdW5kZWZpbmVkLFxuXHRcdFx0bWFyZ2luQm90dG9tOiB3cmFwID8gYGNhbGMoJHsgc3BhY2UoIGdhcCApIH0gKiAtMSlgIDogdW5kZWZpbmVkLFxuXHRcdH0gKTtcblxuXHRcdC8qKlxuXHRcdCAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cblx0XHQgKiBXZSdsbCBlbmhhbmNlIGFsaWdubWVudCB3aXRoIG5haXZlIHBhcmVudCBmbGV4IGFzc3VtcHRpb25zLlxuXHRcdCAqXG5cdFx0ICogVHJhZGUtb2ZmOlxuXHRcdCAqIEZhciBsZXNzIERPTSBsZXNzLiBIb3dldmVyLCBVSSByZW5kZXJpbmcgaXMgbm90IGFzIHJlbGlhYmxlLlxuXHRcdCAqL1xuXHRcdHN4Lkl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqICsgKjpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdG1hcmdpbi10b3A6ICR7IGlzQ29sdW1uID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblx0XHRgO1xuXG5cdFx0c3guV3JhcEl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIGdhcCApIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblxuXHRcdFx0PiAqOmxhc3QtY2hpbGQ6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OiAhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IDAgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6ICEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyAwIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cdFx0YDtcblxuXHRcdHJldHVybiBjeChcblx0XHRcdHN0eWxlcy5GbGV4LFxuXHRcdFx0c3guQmFzZSxcblx0XHRcdHdyYXAgPyBzeC5XcmFwSXRlbXMgOiBzeC5JdGVtcyxcblx0XHRcdGlzQ29sdW1uID8gc3R5bGVzLkl0ZW1zQ29sdW1uIDogc3R5bGVzLkl0ZW1zUm93LFxuXHRcdFx0Y2xhc3NOYW1lXG5cdFx0KTtcblx0fSwgW1xuXHRcdGFsaWduLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRkaXJlY3Rpb24sXG5cdFx0ZXhwYW5kZWQsXG5cdFx0Z2FwLFxuXHRcdGlzQ29sdW1uLFxuXHRcdGlzUmV2ZXJzZSxcblx0XHRqdXN0aWZ5LFxuXHRcdHdyYXAsXG5cdFx0cnRsLndhdGNoKCksXG5cdF0gKTtcblxuXHRyZXR1cm4geyAuLi5vdGhlclByb3BzLCBjbGFzc05hbWU6IGNsYXNzZXMsIGlzQ29sdW1uIH07XG59XG4iXX0= */");
-    return cx(styles.Flex, sx.Base, wrap ? sx.WrapItems : sx.Items, isColumn ? styles.ItemsColumn : styles.ItemsRow, className);
-  }, [align, className, cx, direction, expanded, gap, isColumn, isReverse, justify, wrap, rtl.watch()]);
+    })(), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-WrapItems;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dvQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvZmxleC9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5pbXBvcnQgZGVwcmVjYXRlZCBmcm9tICdAd29yZHByZXNzL2RlcHJlY2F0ZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VDb250ZXh0U3lzdGVtIH0gZnJvbSAnLi4vLi4vdWkvY29udGV4dCc7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlVmFsdWUgfSBmcm9tICcuLi8uLi91aS91dGlscy91c2UtcmVzcG9uc2l2ZS12YWx1ZSc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgdXNlQ3gsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuLyoqXG4gKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IHByb3BzXG4gKiBAcmV0dXJuIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IFByb3BzIHdpdGggdGhlIGRlcHJlY2F0ZWQgcHJvcHMgcmVtb3ZlZC5cbiAqL1xuZnVuY3Rpb24gdXNlRGVwcmVjYXRlZFByb3BzKCB7IGlzUmV2ZXJzZWQsIC4uLm90aGVyUHJvcHMgfSApIHtcblx0aWYgKCB0eXBlb2YgaXNSZXZlcnNlZCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0ZGVwcmVjYXRlZCggJ0ZsZXggaXNSZXZlcnNlZCcsIHtcblx0XHRcdGFsdGVybmF0aXZlOiAnRmxleCBkaXJlY3Rpb249XCJyb3ctcmV2ZXJzZVwiIG9yIFwiY29sdW1uLXJldmVyc2VcIicsXG5cdFx0XHRzaW5jZTogJzUuOScsXG5cdFx0fSApO1xuXHRcdHJldHVybiB7XG5cdFx0XHQuLi5vdGhlclByb3BzLFxuXHRcdFx0ZGlyZWN0aW9uOiBpc1JldmVyc2VkID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnLFxuXHRcdH07XG5cdH1cblxuXHRyZXR1cm4gb3RoZXJQcm9wcztcbn1cblxuLyoqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gcHJvcHNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZUZsZXgoIHByb3BzICkge1xuXHRjb25zdCB7XG5cdFx0YWxpZ24gPSAnY2VudGVyJyxcblx0XHRjbGFzc05hbWUsXG5cdFx0ZGlyZWN0aW9uOiBkaXJlY3Rpb25Qcm9wID0gJ3JvdycsXG5cdFx0ZXhwYW5kZWQgPSB0cnVlLFxuXHRcdGdhcCA9IDIsXG5cdFx0anVzdGlmeSA9ICdzcGFjZS1iZXR3ZWVuJyxcblx0XHR3cmFwID0gZmFsc2UsXG5cdFx0Li4ub3RoZXJQcm9wc1xuXHR9ID0gdXNlQ29udGV4dFN5c3RlbSggdXNlRGVwcmVjYXRlZFByb3BzKCBwcm9wcyApLCAnRmxleCcgKTtcblxuXHRjb25zdCBkaXJlY3Rpb25Bc0FycmF5ID0gQXJyYXkuaXNBcnJheSggZGlyZWN0aW9uUHJvcCApXG5cdFx0PyBkaXJlY3Rpb25Qcm9wXG5cdFx0OiBbIGRpcmVjdGlvblByb3AgXTtcblx0Y29uc3QgZGlyZWN0aW9uID0gdXNlUmVzcG9uc2l2ZVZhbHVlKCBkaXJlY3Rpb25Bc0FycmF5ICk7XG5cblx0Y29uc3QgaXNDb2x1bW4gPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmICEhIGRpcmVjdGlvbi5pbmNsdWRlcyggJ2NvbHVtbicgKTtcblx0Y29uc3QgaXNSZXZlcnNlID1cblx0XHR0eXBlb2YgZGlyZWN0aW9uID09PSAnc3RyaW5nJyAmJiBkaXJlY3Rpb24uaW5jbHVkZXMoICdyZXZlcnNlJyApO1xuXG5cdGNvbnN0IGN4ID0gdXNlQ3goKTtcblx0Y29uc3QgcnRsV2F0Y2hSZXN1bHQgPSBydGwud2F0Y2goKTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4ID0ge307XG5cblx0XHRzeC5CYXNlID0gY3NzKCB7XG5cdFx0XHRhbGlnbkl0ZW1zOiBpc0NvbHVtbiA/ICdub3JtYWwnIDogYWxpZ24sXG5cdFx0XHRmbGV4RGlyZWN0aW9uOiBkaXJlY3Rpb24sXG5cdFx0XHRmbGV4V3JhcDogd3JhcCA/ICd3cmFwJyA6IHVuZGVmaW5lZCxcblx0XHRcdGp1c3RpZnlDb250ZW50OiBqdXN0aWZ5LFxuXHRcdFx0aGVpZ2h0OiBpc0NvbHVtbiAmJiBleHBhbmRlZCA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcblx0XHRcdHdpZHRoOiAhIGlzQ29sdW1uICYmIGV4cGFuZGVkID8gJzEwMCUnIDogdW5kZWZpbmVkLFxuXHRcdFx0bWFyZ2luQm90dG9tOiB3cmFwID8gYGNhbGMoJHsgc3BhY2UoIGdhcCApIH0gKiAtMSlgIDogdW5kZWZpbmVkLFxuXHRcdH0gKTtcblxuXHRcdC8qKlxuXHRcdCAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cblx0XHQgKiBXZSdsbCBlbmhhbmNlIGFsaWdubWVudCB3aXRoIG5haXZlIHBhcmVudCBmbGV4IGFzc3VtcHRpb25zLlxuXHRcdCAqXG5cdFx0ICogVHJhZGUtb2ZmOlxuXHRcdCAqIEZhciBsZXNzIERPTSBsZXNzLiBIb3dldmVyLCBVSSByZW5kZXJpbmcgaXMgbm90IGFzIHJlbGlhYmxlLlxuXHRcdCAqL1xuXHRcdHN4Lkl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqICsgKjpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdG1hcmdpbi10b3A6ICR7IGlzQ29sdW1uID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblx0XHRgO1xuXG5cdFx0c3guV3JhcEl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIGdhcCApIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblxuXHRcdFx0PiAqOmxhc3QtY2hpbGQ6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OiAhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IDAgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6ICEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyAwIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cdFx0YDtcblxuXHRcdHJldHVybiBjeChcblx0XHRcdHN0eWxlcy5GbGV4LFxuXHRcdFx0c3guQmFzZSxcblx0XHRcdHdyYXAgPyBzeC5XcmFwSXRlbXMgOiBzeC5JdGVtcyxcblx0XHRcdGlzQ29sdW1uID8gc3R5bGVzLkl0ZW1zQ29sdW1uIDogc3R5bGVzLkl0ZW1zUm93LFxuXHRcdFx0Y2xhc3NOYW1lXG5cdFx0KTtcblx0XHQvLyBydGxXYXRjaFJlc3VsdCBpcyBuZWVkZWQgdG8gcmVmcmVzaCBzdHlsZXMgd2hlbiB0aGUgd3JpdGluZyBkaXJlY3Rpb24gY2hhbmdlc1xuXHRcdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcblx0fSwgW1xuXHRcdGFsaWduLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRkaXJlY3Rpb24sXG5cdFx0ZXhwYW5kZWQsXG5cdFx0Z2FwLFxuXHRcdGlzQ29sdW1uLFxuXHRcdGlzUmV2ZXJzZSxcblx0XHRqdXN0aWZ5LFxuXHRcdHdyYXAsXG5cdFx0cnRsV2F0Y2hSZXN1bHQsXG5cdF0gKTtcblxuXHRyZXR1cm4geyAuLi5vdGhlclByb3BzLCBjbGFzc05hbWU6IGNsYXNzZXMsIGlzQ29sdW1uIH07XG59XG4iXX0= */");
+    return cx(styles.Flex, sx.Base, wrap ? sx.WrapItems : sx.Items, isColumn ? styles.ItemsColumn : styles.ItemsRow, className); // rtlWatchResult is needed to refresh styles when the writing direction changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [align, className, cx, direction, expanded, gap, isColumn, isReverse, justify, wrap, rtlWatchResult]);
   return { ...otherProps,
     className: classes,
     isColumn