@wordpress/components 25.5.0 → 25.6.0

package/build-module/utils/hooks/use-controlled-value.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-controlled-value.ts"],"names":["useState","useControlledValue","defaultValue","onChange","value","valueProp","hasValue","initialValue","state","setState","setValue","nextValue"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,oBAAzB;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAT,CAAkC;AACxCC,EAAAA,YADwC;AAExCC,EAAAA,QAFwC;AAGxCC,EAAAA,KAAK,EAAEC;AAHiC,CAAlC,EAIS;AACf,QAAMC,QAAQ,GAAG,OAAOD,SAAP,KAAqB,WAAtC;AACA,QAAME,YAAY,GAAGD,QAAQ,GAAGD,SAAH,GAAeH,YAA5C;AACA,QAAM,CAAEM,KAAF,EAASC,QAAT,IAAsBT,QAAQ,CAAEO,YAAF,CAApC;AACA,QAAMH,KAAK,GAAGE,QAAQ,GAAGD,SAAH,GAAeG,KAArC;AAEA,MAAIE,QAAJ;;AACA,MAAKJ,QAAQ,IAAI,OAAOH,QAAP,KAAoB,UAArC,EAAkD;AACjDO,IAAAA,QAAQ,GAAGP,QAAX;AACA,GAFD,MAEO,IAAK,CAAEG,QAAF,IAAc,OAAOH,QAAP,KAAoB,UAAvC,EAAoD;AAC1DO,IAAAA,QAAQ,GAAKC,SAAF,IAAiB;AAC3BR,MAAAA,QAAQ,CAAEQ,SAAF,CAAR;AACAF,MAAAA,QAAQ,CAAEE,SAAF,CAAR;AACA,KAHD;AAIA,GALM,MAKA;AACND,IAAAA,QAAQ,GAAGD,QAAX;AACA;;AAED,SAAO,CAAEL,KAAF,EAASM,QAAT,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\ntype Props< T > = {\n\tdefaultValue?: T;\n\tvalue?: T;\n\tonChange?: ( value: T ) => void;\n};\n\n/**\n * Simplified and improved implementation of useControlledState.\n *\n * @param props\n * @param props.defaultValue\n * @param props.value\n * @param props.onChange\n * @return The controlled value and the value setter.\n */\nexport function useControlledValue< T >( {\n\tdefaultValue,\n\tonChange,\n\tvalue: valueProp,\n}: Props< T > ) {\n\tconst hasValue = typeof valueProp !== 'undefined';\n\tconst initialValue = hasValue ? valueProp : defaultValue;\n\tconst [ state, setState ] = useState( initialValue );\n\tconst value = hasValue ? valueProp : state;\n\n\tlet setValue: ( nextValue: T ) => void;\n\tif ( hasValue && typeof onChange === 'function' ) {\n\t\tsetValue = onChange;\n\t} else if ( ! hasValue && typeof onChange === 'function' ) {\n\t\tsetValue = ( nextValue ) => {\n\t\t\tonChange( nextValue );\n\t\t\tsetState( nextValue );\n\t\t};\n\t} else {\n\t\tsetValue = setState;\n\t}\n\n\treturn [ value, setValue as typeof setState ] as const;\n}\n"]}
+{"version":3,"names":["useState","useControlledValue","defaultValue","onChange","value","valueProp","hasValue","initialValue","state","setState","setValue","nextValue"],"sources":["@wordpress/components/src/utils/hooks/use-controlled-value.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\ntype Props< T > = {\n\tdefaultValue?: T;\n\tvalue?: T;\n\tonChange?: ( value: T ) => void;\n};\n\n/**\n * Simplified and improved implementation of useControlledState.\n *\n * @param props\n * @param props.defaultValue\n * @param props.value\n * @param props.onChange\n * @return The controlled value and the value setter.\n */\nexport function useControlledValue< T >( {\n\tdefaultValue,\n\tonChange,\n\tvalue: valueProp,\n}: Props< T > ) {\n\tconst hasValue = typeof valueProp !== 'undefined';\n\tconst initialValue = hasValue ? valueProp : defaultValue;\n\tconst [ state, setState ] = useState( initialValue );\n\tconst value = hasValue ? valueProp : state;\n\n\tlet setValue: ( nextValue: T ) => void;\n\tif ( hasValue && typeof onChange === 'function' ) {\n\t\tsetValue = onChange;\n\t} else if ( ! hasValue && typeof onChange === 'function' ) {\n\t\tsetValue = ( nextValue ) => {\n\t\t\tonChange( nextValue );\n\t\t\tsetState( nextValue );\n\t\t};\n\t} else {\n\t\tsetValue = setState;\n\t}\n\n\treturn [ value, setValue as typeof setState ] as const;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;AAQ7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAO;EACxCC,YAAY;EACZC,QAAQ;EACRC,KAAK,EAAEC;AACI,CAAC,EAAG;EACf,MAAMC,QAAQ,GAAG,OAAOD,SAAS,KAAK,WAAW;EACjD,MAAME,YAAY,GAAGD,QAAQ,GAAGD,SAAS,GAAGH,YAAY;EACxD,MAAM,CAAEM,KAAK,EAAEC,QAAQ,CAAE,GAAGT,QAAQ,CAAEO,YAAa,CAAC;EACpD,MAAMH,KAAK,GAAGE,QAAQ,GAAGD,SAAS,GAAGG,KAAK;EAE1C,IAAIE,QAAkC;EACtC,IAAKJ,QAAQ,IAAI,OAAOH,QAAQ,KAAK,UAAU,EAAG;IACjDO,QAAQ,GAAGP,QAAQ;EACpB,CAAC,MAAM,IAAK,CAAEG,QAAQ,IAAI,OAAOH,QAAQ,KAAK,UAAU,EAAG;IAC1DO,QAAQ,GAAKC,SAAS,IAAM;MAC3BR,QAAQ,CAAEQ,SAAU,CAAC;MACrBF,QAAQ,CAAEE,SAAU,CAAC;IACtB,CAAC;EACF,CAAC,MAAM;IACND,QAAQ,GAAGD,QAAQ;EACpB;EAEA,OAAO,CAAEL,KAAK,EAAEM,QAAQ,CAAqB;AAC9C"}

package/build-module/utils/hooks/use-cx.js

@@ -2,16 +2,18 @@
  * External dependencies
  */
 import { __unsafe_useEmotionCache as useEmotionCache } from '@emotion/react';
-import { insertStyles } from '@emotion/utils'; // eslint-disable-next-line no-restricted-imports
+import { insertStyles } from '@emotion/utils';
+// eslint-disable-next-line no-restricted-imports
 
+// eslint-disable-next-line no-restricted-imports
 import { cx as innerCx } from '@emotion/css';
+
 /**
  * WordPress dependencies
  */
-
 import { useCallback } from '@wordpress/element';
-
 const isSerializedStyles = o => typeof o !== 'undefined' && o !== null && ['name', 'styles'].every(p => typeof o[p] !== 'undefined');
+
 /**
  * Retrieve a `cx` function that knows how to handle `SerializedStyles`
  * returned by the `@emotion/react` `css` function in addition to what
@@ -33,21 +35,17 @@ const isSerializedStyles = o => typeof o !== 'undefined' && o !== null && ['name
  * 	return <span className={classes} {...props} />;
  * }
  */
-
-
 export const useCx = () => {
   const cache = useEmotionCache();
   const cx = useCallback((...classNames) => {
     if (cache === null) {
       throw new Error('The `useCx` hook should be only used within a valid Emotion Cache Context');
     }
-
     return innerCx(...classNames.map(arg => {
       if (isSerializedStyles(arg)) {
         insertStyles(cache, arg, false);
         return `${cache.key}-${arg.name}`;
       }
-
       return arg;
     }));
   }, [cache]);

package/build-module/utils/hooks/use-cx.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-cx.ts"],"names":["__unsafe_useEmotionCache","useEmotionCache","insertStyles","cx","innerCx","useCallback","isSerializedStyles","o","every","p","useCx","cache","classNames","Error","map","arg","key","name"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,wBAAwB,IAAIC,eAArC,QAA4D,gBAA5D;AAEA,SAASC,YAAT,QAA6B,gBAA7B,C,CACA;;AACA,SAASC,EAAE,IAAIC,OAAf,QAA6C,cAA7C;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,oBAA5B;;AAEA,MAAMC,kBAAkB,GAAKC,CAAF,IAC1B,OAAOA,CAAP,KAAa,WAAb,IACAA,CAAC,KAAK,IADN,IAEA,CAAE,MAAF,EAAU,QAAV,EAAqBC,KAArB,CAA8BC,CAAF,IAAS,OAAOF,CAAC,CAAEE,CAAF,CAAR,KAAkB,WAAvD,CAHD;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMC,KAAK,GAAG,MAAM;AAC1B,QAAMC,KAAK,GAAGV,eAAe,EAA7B;AAEA,QAAME,EAAE,GAAGE,WAAW,CACrB,CAAE,GAAGO,UAAL,KAA6D;AAC5D,QAAKD,KAAK,KAAK,IAAf,EAAsB;AACrB,YAAM,IAAIE,KAAJ,CACL,2EADK,CAAN;AAGA;;AAED,WAAOT,OAAO,CACb,GAAGQ,UAAU,CAACE,GAAX,CAAkBC,GAAF,IAAW;AAC7B,UAAKT,kBAAkB,CAAES,GAAF,CAAvB,EAAiC;AAChCb,QAAAA,YAAY,CAAES,KAAF,EAASI,GAAT,EAAc,KAAd,CAAZ;AACA,eAAQ,GAAGJ,KAAK,CAACK,GAAK,IAAID,GAAG,CAACE,IAAM,EAApC;AACA;;AACD,aAAOF,GAAP;AACA,KANE,CADU,CAAd;AASA,GAjBoB,EAkBrB,CAAEJ,KAAF,CAlBqB,CAAtB;AAqBA,SAAOR,EAAP;AACA,CAzBM","sourcesContent":["/**\n * External dependencies\n */\nimport { __unsafe_useEmotionCache as useEmotionCache } from '@emotion/react';\nimport type { SerializedStyles } from '@emotion/serialize';\nimport { insertStyles } from '@emotion/utils';\n// eslint-disable-next-line no-restricted-imports\nimport { cx as innerCx, ClassNamesArg } from '@emotion/css';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\n\nconst isSerializedStyles = ( o: any ): o is SerializedStyles =>\n\ttypeof o !== 'undefined' &&\n\to !== null &&\n\t[ 'name', 'styles' ].every( ( p ) => typeof o[ p ] !== 'undefined' );\n\n/**\n * Retrieve a `cx` function that knows how to handle `SerializedStyles`\n * returned by the `@emotion/react` `css` function in addition to what\n * `cx` normally knows how to handle. It also hooks into the Emotion\n * Cache, allowing `css` calls to work inside iframes.\n *\n * @example\n * import { css } from '@emotion/react';\n *\n * const styles = css`\n * \tcolor: red\n * `;\n *\n * function RedText( { className, ...props } ) {\n * \tconst cx = useCx();\n *\n * \tconst classes = cx(styles, className);\n *\n * \treturn <span className={classes} {...props} />;\n * }\n */\nexport const useCx = () => {\n\tconst cache = useEmotionCache();\n\n\tconst cx = useCallback(\n\t\t( ...classNames: ( ClassNamesArg | SerializedStyles )[] ) => {\n\t\t\tif ( cache === null ) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t'The `useCx` hook should be only used within a valid Emotion Cache Context'\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn innerCx(\n\t\t\t\t...classNames.map( ( arg ) => {\n\t\t\t\t\tif ( isSerializedStyles( arg ) ) {\n\t\t\t\t\t\tinsertStyles( cache, arg, false );\n\t\t\t\t\t\treturn `${ cache.key }-${ arg.name }`;\n\t\t\t\t\t}\n\t\t\t\t\treturn arg;\n\t\t\t\t} )\n\t\t\t);\n\t\t},\n\t\t[ cache ]\n\t);\n\n\treturn cx;\n};\n"]}
+{"version":3,"names":["__unsafe_useEmotionCache","useEmotionCache","insertStyles","cx","innerCx","useCallback","isSerializedStyles","o","every","p","useCx","cache","classNames","Error","map","arg","key","name"],"sources":["@wordpress/components/src/utils/hooks/use-cx.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { __unsafe_useEmotionCache as useEmotionCache } from '@emotion/react';\nimport type { SerializedStyles } from '@emotion/serialize';\nimport { insertStyles } from '@emotion/utils';\n// eslint-disable-next-line no-restricted-imports\nimport type { ClassNamesArg } from '@emotion/css';\n// eslint-disable-next-line no-restricted-imports\nimport { cx as innerCx } from '@emotion/css';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\n\nconst isSerializedStyles = ( o: any ): o is SerializedStyles =>\n\ttypeof o !== 'undefined' &&\n\to !== null &&\n\t[ 'name', 'styles' ].every( ( p ) => typeof o[ p ] !== 'undefined' );\n\n/**\n * Retrieve a `cx` function that knows how to handle `SerializedStyles`\n * returned by the `@emotion/react` `css` function in addition to what\n * `cx` normally knows how to handle. It also hooks into the Emotion\n * Cache, allowing `css` calls to work inside iframes.\n *\n * @example\n * import { css } from '@emotion/react';\n *\n * const styles = css`\n * \tcolor: red\n * `;\n *\n * function RedText( { className, ...props } ) {\n * \tconst cx = useCx();\n *\n * \tconst classes = cx(styles, className);\n *\n * \treturn <span className={classes} {...props} />;\n * }\n */\nexport const useCx = () => {\n\tconst cache = useEmotionCache();\n\n\tconst cx = useCallback(\n\t\t( ...classNames: ( ClassNamesArg | SerializedStyles )[] ) => {\n\t\t\tif ( cache === null ) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t'The `useCx` hook should be only used within a valid Emotion Cache Context'\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn innerCx(\n\t\t\t\t...classNames.map( ( arg ) => {\n\t\t\t\t\tif ( isSerializedStyles( arg ) ) {\n\t\t\t\t\t\tinsertStyles( cache, arg, false );\n\t\t\t\t\t\treturn `${ cache.key }-${ arg.name }`;\n\t\t\t\t\t}\n\t\t\t\t\treturn arg;\n\t\t\t\t} )\n\t\t\t);\n\t\t},\n\t\t[ cache ]\n\t);\n\n\treturn cx;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,wBAAwB,IAAIC,eAAe,QAAQ,gBAAgB;AAE5E,SAASC,YAAY,QAAQ,gBAAgB;AAC7C;;AAEA;AACA,SAASC,EAAE,IAAIC,OAAO,QAAQ,cAAc;;AAE5C;AACA;AACA;AACA,SAASC,WAAW,QAAQ,oBAAoB;AAEhD,MAAMC,kBAAkB,GAAKC,CAAM,IAClC,OAAOA,CAAC,KAAK,WAAW,IACxBA,CAAC,KAAK,IAAI,IACV,CAAE,MAAM,EAAE,QAAQ,CAAE,CAACC,KAAK,CAAIC,CAAC,IAAM,OAAOF,CAAC,CAAEE,CAAC,CAAE,KAAK,WAAY,CAAC;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EAC1B,MAAMC,KAAK,GAAGV,eAAe,CAAC,CAAC;EAE/B,MAAME,EAAE,GAAGE,WAAW,CACrB,CAAE,GAAGO,UAAkD,KAAM;IAC5D,IAAKD,KAAK,KAAK,IAAI,EAAG;MACrB,MAAM,IAAIE,KAAK,CACd,2EACD,CAAC;IACF;IAEA,OAAOT,OAAO,CACb,GAAGQ,UAAU,CAACE,GAAG,CAAIC,GAAG,IAAM;MAC7B,IAAKT,kBAAkB,CAAES,GAAI,CAAC,EAAG;QAChCb,YAAY,CAAES,KAAK,EAAEI,GAAG,EAAE,KAAM,CAAC;QACjC,OAAQ,GAAGJ,KAAK,CAACK,GAAK,IAAID,GAAG,CAACE,IAAM,EAAC;MACtC;MACA,OAAOF,GAAG;IACX,CAAE,CACH,CAAC;EACF,CAAC,EACD,CAAEJ,KAAK,CACR,CAAC;EAED,OAAOR,EAAE;AACV,CAAC"}

package/build-module/utils/hooks/use-latest-ref.js

@@ -7,6 +7,7 @@
  */
 import { useRef } from '@wordpress/element';
 import { useIsomorphicLayoutEffect } from '@wordpress/compose';
+
 /**
  * Creates a reference for a prop. This is useful for preserving dependency
  * memoization for hooks like useCallback.
@@ -16,7 +17,6 @@ import { useIsomorphicLayoutEffect } from '@wordpress/compose';
  * @param value The value to reference
  * @return The prop reference.
  */
-
 export function useLatestRef(value) {
   const ref = useRef(value);
   useIsomorphicLayoutEffect(() => {

package/build-module/utils/hooks/use-latest-ref.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-latest-ref.ts"],"names":["useRef","useIsomorphicLayoutEffect","useLatestRef","value","ref","current"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,oBAAvB;AACA,SAASC,yBAAT,QAA0C,oBAA1C;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,YAAT,CAA4BC,KAA5B,EAAuD;AAC7D,QAAMC,GAAG,GAAGJ,MAAM,CAAEG,KAAF,CAAlB;AAEAF,EAAAA,yBAAyB,CAAE,MAAM;AAChCG,IAAAA,GAAG,CAACC,OAAJ,GAAcF,KAAd;AACA,GAFwB,CAAzB;AAIA,SAAOC,GAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport type { RefObject } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useIsomorphicLayoutEffect } from '@wordpress/compose';\n\n/**\n * Creates a reference for a prop. This is useful for preserving dependency\n * memoization for hooks like useCallback.\n *\n * @see https://codesandbox.io/s/uselatestref-mlj3i?file=/src/App.tsx\n *\n * @param value The value to reference\n * @return The prop reference.\n */\nexport function useLatestRef< T >( value: T ): RefObject< T > {\n\tconst ref = useRef( value );\n\n\tuseIsomorphicLayoutEffect( () => {\n\t\tref.current = value;\n\t} );\n\n\treturn ref;\n}\n"]}
+{"version":3,"names":["useRef","useIsomorphicLayoutEffect","useLatestRef","value","ref","current"],"sources":["@wordpress/components/src/utils/hooks/use-latest-ref.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { RefObject } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useIsomorphicLayoutEffect } from '@wordpress/compose';\n\n/**\n * Creates a reference for a prop. This is useful for preserving dependency\n * memoization for hooks like useCallback.\n *\n * @see https://codesandbox.io/s/uselatestref-mlj3i?file=/src/App.tsx\n *\n * @param value The value to reference\n * @return The prop reference.\n */\nexport function useLatestRef< T >( value: T ): RefObject< T > {\n\tconst ref = useRef( value );\n\n\tuseIsomorphicLayoutEffect( () => {\n\t\tref.current = value;\n\t} );\n\n\treturn ref;\n}\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,yBAAyB,QAAQ,oBAAoB;;AAE9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAOC,KAAQ,EAAmB;EAC7D,MAAMC,GAAG,GAAGJ,MAAM,CAAEG,KAAM,CAAC;EAE3BF,yBAAyB,CAAE,MAAM;IAChCG,GAAG,CAACC,OAAO,GAAGF,KAAK;EACpB,CAAE,CAAC;EAEH,OAAOC,GAAG;AACX"}

package/build-module/utils/hooks/use-update-effect.js

@@ -2,6 +2,7 @@
  * WordPress dependencies
  */
 import { useRef, useEffect } from '@wordpress/element';
+
 /**
  * A `React.useEffect` that will not run on the first render.
  * Source:
@@ -10,22 +11,20 @@ import { useRef, useEffect } from '@wordpress/element';
  * @param {import('react').EffectCallback} effect
  * @param {import('react').DependencyList} deps
  */
-
 function useUpdateEffect(effect, deps) {
   const mounted = useRef(false);
   useEffect(() => {
     if (mounted.current) {
       return effect();
     }
-
     mounted.current = true;
-    return undefined; // Disable reasons:
+    return undefined;
+    // Disable reasons:
     // 1. This hook needs to pass a dep list that isn't an array literal
     // 2. `effect` is missing from the array, and will need to be added carefully to avoid additional warnings
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
 }
-
 export default useUpdateEffect;
 //# sourceMappingURL=use-update-effect.js.map

package/build-module/utils/hooks/use-update-effect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-update-effect.js"],"names":["useRef","useEffect","useUpdateEffect","effect","deps","mounted","current","undefined"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAT,EAAiBC,SAAjB,QAAkC,oBAAlC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,eAAT,CAA0BC,MAA1B,EAAkCC,IAAlC,EAAyC;AACxC,QAAMC,OAAO,GAAGL,MAAM,CAAE,KAAF,CAAtB;AACAC,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAKI,OAAO,CAACC,OAAb,EAAuB;AACtB,aAAOH,MAAM,EAAb;AACA;;AACDE,IAAAA,OAAO,CAACC,OAAR,GAAkB,IAAlB;AACA,WAAOC,SAAP,CALgB,CAMhB;AACA;AACA;AACA;AACA;AACA,GAXQ,EAWNH,IAXM,CAAT;AAYA;;AAED,eAAeF,eAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\n\n/**\n * A `React.useEffect` that will not run on the first render.\n * Source:\n * https://github.com/reakit/reakit/blob/HEAD/packages/reakit-utils/src/useUpdateEffect.ts\n *\n * @param {import('react').EffectCallback} effect\n * @param {import('react').DependencyList} deps\n */\nfunction useUpdateEffect( effect, deps ) {\n\tconst mounted = useRef( false );\n\tuseEffect( () => {\n\t\tif ( mounted.current ) {\n\t\t\treturn effect();\n\t\t}\n\t\tmounted.current = true;\n\t\treturn undefined;\n\t\t// Disable reasons:\n\t\t// 1. This hook needs to pass a dep list that isn't an array literal\n\t\t// 2. `effect` is missing from the array, and will need to be added carefully to avoid additional warnings\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, deps );\n}\n\nexport default useUpdateEffect;\n"]}
+{"version":3,"names":["useRef","useEffect","useUpdateEffect","effect","deps","mounted","current","undefined"],"sources":["@wordpress/components/src/utils/hooks/use-update-effect.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\n\n/**\n * A `React.useEffect` that will not run on the first render.\n * Source:\n * https://github.com/reakit/reakit/blob/HEAD/packages/reakit-utils/src/useUpdateEffect.ts\n *\n * @param {import('react').EffectCallback} effect\n * @param {import('react').DependencyList} deps\n */\nfunction useUpdateEffect( effect, deps ) {\n\tconst mounted = useRef( false );\n\tuseEffect( () => {\n\t\tif ( mounted.current ) {\n\t\t\treturn effect();\n\t\t}\n\t\tmounted.current = true;\n\t\treturn undefined;\n\t\t// Disable reasons:\n\t\t// 1. This hook needs to pass a dep list that isn't an array literal\n\t\t// 2. `effect` is missing from the array, and will need to be added carefully to avoid additional warnings\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, deps );\n}\n\nexport default useUpdateEffect;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAAEC,MAAM,EAAEC,IAAI,EAAG;EACxC,MAAMC,OAAO,GAAGL,MAAM,CAAE,KAAM,CAAC;EAC/BC,SAAS,CAAE,MAAM;IAChB,IAAKI,OAAO,CAACC,OAAO,EAAG;MACtB,OAAOH,MAAM,CAAC,CAAC;IAChB;IACAE,OAAO,CAACC,OAAO,GAAG,IAAI;IACtB,OAAOC,SAAS;IAChB;IACA;IACA;IACA;IACA;EACD,CAAC,EAAEH,IAAK,CAAC;AACV;AAEA,eAAeF,eAAe"}

package/build-module/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/index.js"],"names":[],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,gBAAd","sourcesContent":["export * from './hooks';\nexport * from './style-mixins';\n"]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/utils/index.js"],"sourcesContent":["export * from './hooks';\nexport * from './style-mixins';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,gBAAgB"}

package/build-module/utils/input/base.js

@@ -2,13 +2,13 @@
  * External dependencies
  */
 import { css } from '@emotion/react';
+
 /**
  * Internal dependencies
  */
-
 import { reduceMotion } from '../reduce-motion';
 import { COLORS } from '../colors-values';
 import { CONFIG } from '../';
-export const inputStyleNeutral = /*#__PURE__*/css("box-shadow:0 0 0 transparent;transition:box-shadow 0.1s linear;border-radius:", CONFIG.radiusBlockUi, ";border:", CONFIG.borderWidth, " solid ", COLORS.ui.border, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputStyleNeutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvaW5wdXQvYmFzZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZb0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91dGlscy9pbnB1dC9iYXNlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi9yZWR1Y2UtbW90aW9uJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uL2NvbG9ycy12YWx1ZXMnO1xuaW1wb3J0IHsgQ09ORklHIH0gZnJvbSAnLi4vJztcblxuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGVOZXV0cmFsID0gY3NzYFxuXHRib3gtc2hhZG93OiAwIDAgMCB0cmFuc3BhcmVudDtcblx0dHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjFzIGxpbmVhcjtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Jsb2NrVWkgfTtcblx0Ym9yZGVyOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH0gfTtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZUZvY3VzID0gY3NzYFxuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHRib3gtc2hhZG93OiAwIDAgMFxuXHRcdGNhbGMoICR7IENPTkZJRy5ib3JkZXJXaWR0aEZvY3VzIH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSApXG5cdFx0JHsgQ09MT1JTLnVpLnRoZW1lIH07XG5cblx0Ly8gV2luZG93cyBIaWdoIENvbnRyYXN0IG1vZGUgd2lsbCBzaG93IHRoaXMgb3V0bGluZSwgYnV0IG5vdCB0aGUgYm94LXNoYWRvdy5cblx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuYDtcbiJdfQ== */");
-export const inputStyleFocus = /*#__PURE__*/css("border-color:", COLORS.ui.theme, ";box-shadow:0 0 0 calc( ", CONFIG.borderWidthFocus, " - ", CONFIG.borderWidth, " ) ", COLORS.ui.theme, ";outline:2px solid transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:inputStyleFocus;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvaW5wdXQvYmFzZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmtDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvaW5wdXQvYmFzZS5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vcmVkdWNlLW1vdGlvbic7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi9jb2xvcnMtdmFsdWVzJztcbmltcG9ydCB7IENPTkZJRyB9IGZyb20gJy4uLyc7XG5cbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlTmV1dHJhbCA9IGNzc2Bcblx0Ym94LXNoYWRvdzogMCAwIDAgdHJhbnNwYXJlbnQ7XG5cdHRyYW5zaXRpb246IGJveC1zaGFkb3cgMC4xcyBsaW5lYXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGJvcmRlcjogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9IH07XG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGVGb2N1cyA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkudGhlbWUgfTtcblx0Ym94LXNoYWRvdzogMCAwIDBcblx0XHRjYWxjKCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKVxuXHRcdCR7IENPTE9SUy51aS50aGVtZSB9O1xuXG5cdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbmA7XG4iXX0= */");
+export const inputStyleNeutral = /*#__PURE__*/css("box-shadow:0 0 0 transparent;transition:box-shadow 0.1s linear;border-radius:", CONFIG.radiusBlockUi, ";border:", CONFIG.borderWidth, " solid ", COLORS.ui.border, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputStyleNeutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvaW5wdXQvYmFzZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZb0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91dGlscy9pbnB1dC9iYXNlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi9yZWR1Y2UtbW90aW9uJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uL2NvbG9ycy12YWx1ZXMnO1xuaW1wb3J0IHsgQ09ORklHIH0gZnJvbSAnLi4vJztcblxuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGVOZXV0cmFsID0gY3NzYFxuXHRib3gtc2hhZG93OiAwIDAgMCB0cmFuc3BhcmVudDtcblx0dHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjFzIGxpbmVhcjtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Jsb2NrVWkgfTtcblx0Ym9yZGVyOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH0gfTtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZUZvY3VzID0gY3NzYFxuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0Ym94LXNoYWRvdzogMCAwIDBcblx0XHRjYWxjKCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKVxuXHRcdCR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblxuXHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5gO1xuIl19 */");
+export const inputStyleFocus = /*#__PURE__*/css("border-color:", COLORS.theme.accent, ";box-shadow:0 0 0 calc( ", CONFIG.borderWidthFocus, " - ", CONFIG.borderWidth, " ) ", COLORS.theme.accent, ";outline:2px solid transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:inputStyleFocus;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvaW5wdXQvYmFzZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmtDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvaW5wdXQvYmFzZS5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vcmVkdWNlLW1vdGlvbic7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi9jb2xvcnMtdmFsdWVzJztcbmltcG9ydCB7IENPTkZJRyB9IGZyb20gJy4uLyc7XG5cbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlTmV1dHJhbCA9IGNzc2Bcblx0Ym94LXNoYWRvdzogMCAwIDAgdHJhbnNwYXJlbnQ7XG5cdHRyYW5zaXRpb246IGJveC1zaGFkb3cgMC4xcyBsaW5lYXI7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNCbG9ja1VpIH07XG5cdGJvcmRlcjogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9IH07XG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGVGb2N1cyA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdGJveC1zaGFkb3c6IDAgMCAwXG5cdFx0Y2FsYyggJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IClcblx0XHQkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cblx0Ly8gV2luZG93cyBIaWdoIENvbnRyYXN0IG1vZGUgd2lsbCBzaG93IHRoaXMgb3V0bGluZSwgYnV0IG5vdCB0aGUgYm94LXNoYWRvdy5cblx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuYDtcbiJdfQ== */");
 //# sourceMappingURL=base.js.map

package/build-module/utils/input/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/input/base.js"],"names":["css","reduceMotion","COLORS","CONFIG","inputStyleNeutral","radiusBlockUi","borderWidth","ui","border","inputStyleFocus","theme","borderWidthFocus"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,MAAT,QAAuB,KAAvB;AAEA,OAAO,MAAMC,iBAAiB,gBAAGJ,GAAH,kFAGXG,MAAM,CAACE,aAHI,cAIlBF,MAAM,CAACG,WAJW,aAIYJ,MAAM,CAACK,EAAP,CAAUC,MAJtB,+/CAAvB;AAQP,OAAO,MAAMC,eAAe,gBAAGT,GAAH,kBACVE,MAAM,CAACK,EAAP,CAAUG,KADA,8BAGjBP,MAAM,CAACQ,gBAHU,SAGcR,MAAM,CAACG,WAHrB,SAIvBJ,MAAM,CAACK,EAAP,CAAUG,KAJa,2hDAArB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { reduceMotion } from '../reduce-motion';\nimport { COLORS } from '../colors-values';\nimport { CONFIG } from '../';\n\nexport const inputStyleNeutral = css`\n\tbox-shadow: 0 0 0 transparent;\n\ttransition: box-shadow 0.1s linear;\n\tborder-radius: ${ CONFIG.radiusBlockUi };\n\tborder: ${ CONFIG.borderWidth } solid ${ COLORS.ui.border } };\n\t${ reduceMotion( 'transition' ) }\n`;\n\nexport const inputStyleFocus = css`\n\tborder-color: ${ COLORS.ui.theme };\n\tbox-shadow: 0 0 0\n\t\tcalc( ${ CONFIG.borderWidthFocus } - ${ CONFIG.borderWidth } )\n\t\t${ COLORS.ui.theme };\n\n\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\toutline: 2px solid transparent;\n`;\n"]}
+{"version":3,"names":["css","reduceMotion","COLORS","CONFIG","inputStyleNeutral","radiusBlockUi","borderWidth","ui","border","process","env","NODE_ENV","inputStyleFocus","theme","accent","borderWidthFocus"],"sources":["@wordpress/components/src/utils/input/base.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { reduceMotion } from '../reduce-motion';\nimport { COLORS } from '../colors-values';\nimport { CONFIG } from '../';\n\nexport const inputStyleNeutral = css`\n\tbox-shadow: 0 0 0 transparent;\n\ttransition: box-shadow 0.1s linear;\n\tborder-radius: ${ CONFIG.radiusBlockUi };\n\tborder: ${ CONFIG.borderWidth } solid ${ COLORS.ui.border } };\n\t${ reduceMotion( 'transition' ) }\n`;\n\nexport const inputStyleFocus = css`\n\tborder-color: ${ COLORS.theme.accent };\n\tbox-shadow: 0 0 0\n\t\tcalc( ${ CONFIG.borderWidthFocus } - ${ CONFIG.borderWidth } )\n\t\t${ COLORS.theme.accent };\n\n\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\toutline: 2px solid transparent;\n`;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAG,QAAQ,gBAAgB;;AAEpC;AACA;AACA;AACA,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,KAAK;AAE5B,OAAO,MAAMC,iBAAiB,gBAAGJ,GAAG,kFAGjBG,MAAM,CAACE,aAAa,cAC3BF,MAAM,CAACG,WAAW,aAAYJ,MAAM,CAACK,EAAE,CAACC,MAAM,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,uDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,+5CAEzD;AAED,OAAO,MAAMC,eAAe,gBAAGZ,GAAG,kBAChBE,MAAM,CAACW,KAAK,CAACC,MAAM,8BAE1BX,MAAM,CAACY,gBAAgB,SAAQZ,MAAM,CAACG,WAAW,SACvDJ,MAAM,CAACW,KAAK,CAACC,MAAM,uCAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,qDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,m6CAIvB"}

package/build-module/utils/input/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/input/index.js"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './input-control';\n"]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/utils/input/index.js"],"sourcesContent":["export * from './input-control';\n"],"mappings":"AAAA,cAAc,iBAAiB"}

package/build-module/utils/input/input-control.js

@@ -2,10 +2,10 @@
  * External dependencies
  */
 import { css } from '@emotion/react';
+
 /**
  * Internal dependencies
  */
-
 import { inputStyleNeutral, inputStyleFocus } from './base';
 import { font } from '../font';
 import { COLORS } from '../colors-values';

package/build-module/utils/input/input-control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/input/input-control.js"],"names":["css","inputStyleNeutral","inputStyleFocus","font","COLORS","breakpoint","inputControl","ui","darkGrayPlaceholder","lightGrayPlaceholder"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SAASC,iBAAT,EAA4BC,eAA5B,QAAmD,QAAnD;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,UAAT,QAA2B,eAA3B;AAEA,OAAO,MAAMC,YAAY,gBAAGN,GAAH,+BAERG,IAAI,CAAE,oBAAF,CAFI,uBAIrBF,iBAJqB,iBAOVE,IAAI,CAAE,uBAAF,CAPM,0BAWrBE,UAAU,CAAE,OAAF,CAXW,iBAYTF,IAAI,CAAE,kBAAF,CAZK,mCAkBpBD,eAlBoB,2CAuBbE,MAAM,CAACG,EAAP,CAAUC,mBAvBG,4CA4BbJ,MAAM,CAACG,EAAP,CAAUC,mBA5BG,sCAgCbJ,MAAM,CAACG,EAAP,CAAUC,mBAhCG,4DAqCZJ,MAAM,CAACG,EAAP,CAAUE,oBArCE,4CA0CZL,MAAM,CAACG,EAAP,CAAUE,oBA1CE,sCA8CZL,MAAM,CAACG,EAAP,CAAUE,oBA9CE,wiFAAlB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { inputStyleNeutral, inputStyleFocus } from './base';\nimport { font } from '../font';\nimport { COLORS } from '../colors-values';\nimport { breakpoint } from '../breakpoint';\n\nexport const inputControl = css`\n\tdisplay: block;\n\tfont-family: ${ font( 'default.fontFamily' ) };\n\tpadding: 6px 8px;\n\t${ inputStyleNeutral };\n\n\t/* Fonts smaller than 16px causes mobile safari to zoom. */\n\tfont-size: ${ font( 'mobileTextMinFontSize' ) };\n\t/* Override core line-height. To be reviewed. */\n\tline-height: normal;\n\n\t${ breakpoint( 'small' ) } {\n\t\tfont-size: ${ font( 'default.fontSize' ) };\n\t\t/* Override core line-height. To be reviewed. */\n\t\tline-height: normal;\n\t}\n\n\t&:focus {\n\t\t${ inputStyleFocus }\n\t}\n\n\t// Use opacity to work in various editor styles.\n\t&::-webkit-input-placeholder {\n\t\tcolor: ${ COLORS.ui.darkGrayPlaceholder };\n\t}\n\n\t&::-moz-placeholder {\n\t\topacity: 1; // Necessary because Firefox reduces this from 1.\n\t\tcolor: ${ COLORS.ui.darkGrayPlaceholder };\n\t}\n\n\t&:-ms-input-placeholder {\n\t\tcolor: ${ COLORS.ui.darkGrayPlaceholder };\n\t}\n\n\t.is-dark-theme & {\n\t\t&::-webkit-input-placeholder {\n\t\t\tcolor: ${ COLORS.ui.lightGrayPlaceholder };\n\t\t}\n\n\t\t&::-moz-placeholder {\n\t\t\topacity: 1; // Necessary because Firefox reduces this from 1.\n\t\t\tcolor: ${ COLORS.ui.lightGrayPlaceholder };\n\t\t}\n\n\t\t&:-ms-input-placeholder {\n\t\t\tcolor: ${ COLORS.ui.lightGrayPlaceholder };\n\t\t}\n\t}\n`;\n"]}
+{"version":3,"names":["css","inputStyleNeutral","inputStyleFocus","font","COLORS","breakpoint","inputControl","ui","darkGrayPlaceholder","lightGrayPlaceholder","process","env","NODE_ENV"],"sources":["@wordpress/components/src/utils/input/input-control.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { inputStyleNeutral, inputStyleFocus } from './base';\nimport { font } from '../font';\nimport { COLORS } from '../colors-values';\nimport { breakpoint } from '../breakpoint';\n\nexport const inputControl = css`\n\tdisplay: block;\n\tfont-family: ${ font( 'default.fontFamily' ) };\n\tpadding: 6px 8px;\n\t${ inputStyleNeutral };\n\n\t/* Fonts smaller than 16px causes mobile safari to zoom. */\n\tfont-size: ${ font( 'mobileTextMinFontSize' ) };\n\t/* Override core line-height. To be reviewed. */\n\tline-height: normal;\n\n\t${ breakpoint( 'small' ) } {\n\t\tfont-size: ${ font( 'default.fontSize' ) };\n\t\t/* Override core line-height. To be reviewed. */\n\t\tline-height: normal;\n\t}\n\n\t&:focus {\n\t\t${ inputStyleFocus }\n\t}\n\n\t// Use opacity to work in various editor styles.\n\t&::-webkit-input-placeholder {\n\t\tcolor: ${ COLORS.ui.darkGrayPlaceholder };\n\t}\n\n\t&::-moz-placeholder {\n\t\topacity: 1; // Necessary because Firefox reduces this from 1.\n\t\tcolor: ${ COLORS.ui.darkGrayPlaceholder };\n\t}\n\n\t&:-ms-input-placeholder {\n\t\tcolor: ${ COLORS.ui.darkGrayPlaceholder };\n\t}\n\n\t.is-dark-theme & {\n\t\t&::-webkit-input-placeholder {\n\t\t\tcolor: ${ COLORS.ui.lightGrayPlaceholder };\n\t\t}\n\n\t\t&::-moz-placeholder {\n\t\t\topacity: 1; // Necessary because Firefox reduces this from 1.\n\t\t\tcolor: ${ COLORS.ui.lightGrayPlaceholder };\n\t\t}\n\n\t\t&:-ms-input-placeholder {\n\t\t\tcolor: ${ COLORS.ui.lightGrayPlaceholder };\n\t\t}\n\t}\n`;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAG,QAAQ,gBAAgB;;AAEpC;AACA;AACA;AACA,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,QAAQ;AAC3D,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,UAAU,QAAQ,eAAe;AAE1C,OAAO,MAAMC,YAAY,gBAAGN,GAAG,+BAEdG,IAAI,CAAE,oBAAqB,CAAC,uBAEzCF,iBAAiB,iBAGNE,IAAI,CAAE,uBAAwB,CAAC,0BAI1CE,UAAU,CAAE,OAAQ,CAAC,iBACTF,IAAI,CAAE,kBAAmB,CAAC,mCAMrCD,eAAe,2CAKRE,MAAM,CAACG,EAAE,CAACC,mBAAmB,4CAK7BJ,MAAM,CAACG,EAAE,CAACC,mBAAmB,sCAI7BJ,MAAM,CAACG,EAAE,CAACC,mBAAmB,4DAK5BJ,MAAM,CAACG,EAAE,CAACE,oBAAoB,4CAK9BL,MAAM,CAACG,EAAE,CAACE,oBAAoB,sCAI9BL,MAAM,CAACG,EAAE,CAACE,oBAAoB,WAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,m8EAG1C"}

package/build-module/utils/math.js

@@ -9,6 +9,7 @@ export function getNumber(value) {
   const number = Number(value);
   return isNaN(number) ? 0 : number;
 }
+
 /**
  * Safely adds 2 values.
  *
@@ -16,12 +17,11 @@ export function getNumber(value) {
  *
  * @return {number} The sum of values.
  */
-
 export function add(...args) {
-  return args.reduce(
-  /** @type {(sum:number, arg: number|string) => number} */
+  return args.reduce( /** @type {(sum:number, arg: number|string) => number} */
   (sum, arg) => sum + getNumber(arg), 0);
 }
+
 /**
  * Safely subtracts 2 values.
  *
@@ -29,15 +29,14 @@ export function add(...args) {
  *
  * @return {number} The difference of the values.
  */
-
 export function subtract(...args) {
-  return args.reduce(
-  /** @type {(diff:number, arg: number|string, index:number) => number} */
+  return args.reduce( /** @type {(diff:number, arg: number|string, index:number) => number} */
   (diff, arg, index) => {
     const value = getNumber(arg);
     return index === 0 ? value : diff - value;
   }, 0);
 }
+
 /**
  * Determines the decimal position of a number value.
  *
@@ -45,11 +44,11 @@ export function subtract(...args) {
  *
  * @return {number} The number of decimal places.
  */
-
 function getPrecision(value) {
   const split = (value + '').split('.');
   return split[1] !== undefined ? split[1].length : 0;
 }
+
 /**
  * Clamps a value based on a min/max range.
  *
@@ -59,12 +58,11 @@ function getPrecision(value) {
  *
  * @return {number} The clamped value.
  */
-
-
 export function clamp(value, min, max) {
   const baseValue = getNumber(value);
   return Math.max(min, Math.min(baseValue, max));
 }
+
 /**
  * Clamps a value based on a min/max range with rounding
  *
@@ -75,7 +73,6 @@ export function clamp(value, min, max) {
  *
  * @return {number} The rounded and clamped value.
  */
-
 export function roundClamp(value = 0, min = Infinity, max = Infinity, step = 1) {
   const baseValue = getNumber(value);
   const stepValue = getNumber(step);
@@ -84,6 +81,7 @@ export function roundClamp(value = 0, min = Infinity, max = Infinity, step = 1)
   const clampedValue = clamp(rounded, min, max);
   return precision ? getNumber(clampedValue.toFixed(precision)) : clampedValue;
 }
+
 /**
  * Clamps a value based on a min/max range with rounding.
  * Returns a string.
@@ -91,7 +89,6 @@ export function roundClamp(value = 0, min = Infinity, max = Infinity, step = 1)
  * @param {Parameters<typeof roundClamp>} args Arguments for roundClamp().
  * @return {string} The rounded and clamped value.
  */
-
 export function roundClampString(...args) {
   return roundClamp(...args).toString();
 }

package/build-module/utils/math.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/math.js"],"names":["getNumber","value","number","Number","isNaN","add","args","reduce","sum","arg","subtract","diff","index","getPrecision","split","undefined","length","clamp","min","max","baseValue","Math","roundClamp","Infinity","step","stepValue","precision","rounded","round","clampedValue","toFixed","roundClampString","toString"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,SAAT,CAAoBC,KAApB,EAA4B;AAClC,QAAMC,MAAM,GAAGC,MAAM,CAAEF,KAAF,CAArB;AAEA,SAAOG,KAAK,CAAEF,MAAF,CAAL,GAAkB,CAAlB,GAAsBA,MAA7B;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASG,GAAT,CAAc,GAAGC,IAAjB,EAAwB;AAC9B,SAAOA,IAAI,CAACC,MAAL;AACN;AACA,GAAEC,GAAF,EAAOC,GAAP,KAAgBD,GAAG,GAAGR,SAAS,CAAES,GAAF,CAFzB,EAGN,CAHM,CAAP;AAKA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,QAAT,CAAmB,GAAGJ,IAAtB,EAA6B;AACnC,SAAOA,IAAI,CAACC,MAAL;AACN;AACA,GAAEI,IAAF,EAAQF,GAAR,EAAaG,KAAb,KAAwB;AACvB,UAAMX,KAAK,GAAGD,SAAS,CAAES,GAAF,CAAvB;AACA,WAAOG,KAAK,KAAK,CAAV,GAAcX,KAAd,GAAsBU,IAAI,GAAGV,KAApC;AACA,GALK,EAMN,CANM,CAAP;AAQA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASY,YAAT,CAAuBZ,KAAvB,EAA+B;AAC9B,QAAMa,KAAK,GAAG,CAAEb,KAAK,GAAG,EAAV,EAAea,KAAf,CAAsB,GAAtB,CAAd;AACA,SAAOA,KAAK,CAAE,CAAF,CAAL,KAAeC,SAAf,GAA2BD,KAAK,CAAE,CAAF,CAAL,CAAWE,MAAtC,GAA+C,CAAtD;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,SAASC,KAAT,CAAgBhB,KAAhB,EAAuBiB,GAAvB,EAA4BC,GAA5B,EAAkC;AACxC,QAAMC,SAAS,GAAGpB,SAAS,CAAEC,KAAF,CAA3B;AACA,SAAOoB,IAAI,CAACF,GAAL,CAAUD,GAAV,EAAeG,IAAI,CAACH,GAAL,CAAUE,SAAV,EAAqBD,GAArB,CAAf,CAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASG,UAAT,CACNrB,KAAK,GAAG,CADF,EAENiB,GAAG,GAAGK,QAFA,EAGNJ,GAAG,GAAGI,QAHA,EAINC,IAAI,GAAG,CAJD,EAKL;AACD,QAAMJ,SAAS,GAAGpB,SAAS,CAAEC,KAAF,CAA3B;AACA,QAAMwB,SAAS,GAAGzB,SAAS,CAAEwB,IAAF,CAA3B;AACA,QAAME,SAAS,GAAGb,YAAY,CAAEW,IAAF,CAA9B;AACA,QAAMG,OAAO,GAAGN,IAAI,CAACO,KAAL,CAAYR,SAAS,GAAGK,SAAxB,IAAsCA,SAAtD;AACA,QAAMI,YAAY,GAAGZ,KAAK,CAAEU,OAAF,EAAWT,GAAX,EAAgBC,GAAhB,CAA1B;AAEA,SAAOO,SAAS,GACb1B,SAAS,CAAE6B,YAAY,CAACC,OAAb,CAAsBJ,SAAtB,CAAF,CADI,GAEbG,YAFH;AAGA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASE,gBAAT,CAA2B,GAAGzB,IAA9B,EAAqC;AAC3C,SAAOgB,UAAU,CAAE,GAAGhB,IAAL,CAAV,CAAsB0B,QAAtB,EAAP;AACA","sourcesContent":["/**\n * Parses and retrieves a number value.\n *\n * @param {unknown} value The incoming value.\n *\n * @return {number} The parsed number value.\n */\nexport function getNumber( value ) {\n\tconst number = Number( value );\n\n\treturn isNaN( number ) ? 0 : number;\n}\n\n/**\n * Safely adds 2 values.\n *\n * @param {Array<number|string>} args Values to add together.\n *\n * @return {number} The sum of values.\n */\nexport function add( ...args ) {\n\treturn args.reduce(\n\t\t/** @type {(sum:number, arg: number|string) => number} */\n\t\t( sum, arg ) => sum + getNumber( arg ),\n\t\t0\n\t);\n}\n\n/**\n * Safely subtracts 2 values.\n *\n * @param {Array<number|string>} args Values to subtract together.\n *\n * @return {number} The difference of the values.\n */\nexport function subtract( ...args ) {\n\treturn args.reduce(\n\t\t/** @type {(diff:number, arg: number|string, index:number) => number} */\n\t\t( diff, arg, index ) => {\n\t\t\tconst value = getNumber( arg );\n\t\t\treturn index === 0 ? value : diff - value;\n\t\t},\n\t\t0\n\t);\n}\n\n/**\n * Determines the decimal position of a number value.\n *\n * @param {number} value The number to evaluate.\n *\n * @return {number} The number of decimal places.\n */\nfunction getPrecision( value ) {\n\tconst split = ( value + '' ).split( '.' );\n\treturn split[ 1 ] !== undefined ? split[ 1 ].length : 0;\n}\n\n/**\n * Clamps a value based on a min/max range.\n *\n * @param {number} value The value.\n * @param {number} min   The minimum range.\n * @param {number} max   The maximum range.\n *\n * @return {number} The clamped value.\n */\nexport function clamp( value, min, max ) {\n\tconst baseValue = getNumber( value );\n\treturn Math.max( min, Math.min( baseValue, max ) );\n}\n\n/**\n * Clamps a value based on a min/max range with rounding\n *\n * @param {number | string} value The value.\n * @param {number}          min   The minimum range.\n * @param {number}          max   The maximum range.\n * @param {number}          step  A multiplier for the value.\n *\n * @return {number} The rounded and clamped value.\n */\nexport function roundClamp(\n\tvalue = 0,\n\tmin = Infinity,\n\tmax = Infinity,\n\tstep = 1\n) {\n\tconst baseValue = getNumber( value );\n\tconst stepValue = getNumber( step );\n\tconst precision = getPrecision( step );\n\tconst rounded = Math.round( baseValue / stepValue ) * stepValue;\n\tconst clampedValue = clamp( rounded, min, max );\n\n\treturn precision\n\t\t? getNumber( clampedValue.toFixed( precision ) )\n\t\t: clampedValue;\n}\n\n/**\n * Clamps a value based on a min/max range with rounding.\n * Returns a string.\n *\n * @param {Parameters<typeof roundClamp>} args Arguments for roundClamp().\n * @return {string} The rounded and clamped value.\n */\nexport function roundClampString( ...args ) {\n\treturn roundClamp( ...args ).toString();\n}\n"]}
+{"version":3,"names":["getNumber","value","number","Number","isNaN","add","args","reduce","sum","arg","subtract","diff","index","getPrecision","split","undefined","length","clamp","min","max","baseValue","Math","roundClamp","Infinity","step","stepValue","precision","rounded","round","clampedValue","toFixed","roundClampString","toString"],"sources":["@wordpress/components/src/utils/math.js"],"sourcesContent":["/**\n * Parses and retrieves a number value.\n *\n * @param {unknown} value The incoming value.\n *\n * @return {number} The parsed number value.\n */\nexport function getNumber( value ) {\n\tconst number = Number( value );\n\n\treturn isNaN( number ) ? 0 : number;\n}\n\n/**\n * Safely adds 2 values.\n *\n * @param {Array<number|string>} args Values to add together.\n *\n * @return {number} The sum of values.\n */\nexport function add( ...args ) {\n\treturn args.reduce(\n\t\t/** @type {(sum:number, arg: number|string) => number} */\n\t\t( sum, arg ) => sum + getNumber( arg ),\n\t\t0\n\t);\n}\n\n/**\n * Safely subtracts 2 values.\n *\n * @param {Array<number|string>} args Values to subtract together.\n *\n * @return {number} The difference of the values.\n */\nexport function subtract( ...args ) {\n\treturn args.reduce(\n\t\t/** @type {(diff:number, arg: number|string, index:number) => number} */\n\t\t( diff, arg, index ) => {\n\t\t\tconst value = getNumber( arg );\n\t\t\treturn index === 0 ? value : diff - value;\n\t\t},\n\t\t0\n\t);\n}\n\n/**\n * Determines the decimal position of a number value.\n *\n * @param {number} value The number to evaluate.\n *\n * @return {number} The number of decimal places.\n */\nfunction getPrecision( value ) {\n\tconst split = ( value + '' ).split( '.' );\n\treturn split[ 1 ] !== undefined ? split[ 1 ].length : 0;\n}\n\n/**\n * Clamps a value based on a min/max range.\n *\n * @param {number} value The value.\n * @param {number} min   The minimum range.\n * @param {number} max   The maximum range.\n *\n * @return {number} The clamped value.\n */\nexport function clamp( value, min, max ) {\n\tconst baseValue = getNumber( value );\n\treturn Math.max( min, Math.min( baseValue, max ) );\n}\n\n/**\n * Clamps a value based on a min/max range with rounding\n *\n * @param {number | string} value The value.\n * @param {number}          min   The minimum range.\n * @param {number}          max   The maximum range.\n * @param {number}          step  A multiplier for the value.\n *\n * @return {number} The rounded and clamped value.\n */\nexport function roundClamp(\n\tvalue = 0,\n\tmin = Infinity,\n\tmax = Infinity,\n\tstep = 1\n) {\n\tconst baseValue = getNumber( value );\n\tconst stepValue = getNumber( step );\n\tconst precision = getPrecision( step );\n\tconst rounded = Math.round( baseValue / stepValue ) * stepValue;\n\tconst clampedValue = clamp( rounded, min, max );\n\n\treturn precision\n\t\t? getNumber( clampedValue.toFixed( precision ) )\n\t\t: clampedValue;\n}\n\n/**\n * Clamps a value based on a min/max range with rounding.\n * Returns a string.\n *\n * @param {Parameters<typeof roundClamp>} args Arguments for roundClamp().\n * @return {string} The rounded and clamped value.\n */\nexport function roundClampString( ...args ) {\n\treturn roundClamp( ...args ).toString();\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,SAASA,CAAEC,KAAK,EAAG;EAClC,MAAMC,MAAM,GAAGC,MAAM,CAAEF,KAAM,CAAC;EAE9B,OAAOG,KAAK,CAAEF,MAAO,CAAC,GAAG,CAAC,GAAGA,MAAM;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,GAAGA,CAAE,GAAGC,IAAI,EAAG;EAC9B,OAAOA,IAAI,CAACC,MAAM,EACjB;EACA,CAAEC,GAAG,EAAEC,GAAG,KAAMD,GAAG,GAAGR,SAAS,CAAES,GAAI,CAAC,EACtC,CACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAE,GAAGJ,IAAI,EAAG;EACnC,OAAOA,IAAI,CAACC,MAAM,EACjB;EACA,CAAEI,IAAI,EAAEF,GAAG,EAAEG,KAAK,KAAM;IACvB,MAAMX,KAAK,GAAGD,SAAS,CAAES,GAAI,CAAC;IAC9B,OAAOG,KAAK,KAAK,CAAC,GAAGX,KAAK,GAAGU,IAAI,GAAGV,KAAK;EAC1C,CAAC,EACD,CACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASY,YAAYA,CAAEZ,KAAK,EAAG;EAC9B,MAAMa,KAAK,GAAG,CAAEb,KAAK,GAAG,EAAE,EAAGa,KAAK,CAAE,GAAI,CAAC;EACzC,OAAOA,KAAK,CAAE,CAAC,CAAE,KAAKC,SAAS,GAAGD,KAAK,CAAE,CAAC,CAAE,CAACE,MAAM,GAAG,CAAC;AACxD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,KAAKA,CAAEhB,KAAK,EAAEiB,GAAG,EAAEC,GAAG,EAAG;EACxC,MAAMC,SAAS,GAAGpB,SAAS,CAAEC,KAAM,CAAC;EACpC,OAAOoB,IAAI,CAACF,GAAG,CAAED,GAAG,EAAEG,IAAI,CAACH,GAAG,CAAEE,SAAS,EAAED,GAAI,CAAE,CAAC;AACnD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,UAAUA,CACzBrB,KAAK,GAAG,CAAC,EACTiB,GAAG,GAAGK,QAAQ,EACdJ,GAAG,GAAGI,QAAQ,EACdC,IAAI,GAAG,CAAC,EACP;EACD,MAAMJ,SAAS,GAAGpB,SAAS,CAAEC,KAAM,CAAC;EACpC,MAAMwB,SAAS,GAAGzB,SAAS,CAAEwB,IAAK,CAAC;EACnC,MAAME,SAAS,GAAGb,YAAY,CAAEW,IAAK,CAAC;EACtC,MAAMG,OAAO,GAAGN,IAAI,CAACO,KAAK,CAAER,SAAS,GAAGK,SAAU,CAAC,GAAGA,SAAS;EAC/D,MAAMI,YAAY,GAAGZ,KAAK,CAAEU,OAAO,EAAET,GAAG,EAAEC,GAAI,CAAC;EAE/C,OAAOO,SAAS,GACb1B,SAAS,CAAE6B,YAAY,CAACC,OAAO,CAAEJ,SAAU,CAAE,CAAC,GAC9CG,YAAY;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,gBAAgBA,CAAE,GAAGzB,IAAI,EAAG;EAC3C,OAAOgB,UAAU,CAAE,GAAGhB,IAAK,CAAC,CAAC0B,QAAQ,CAAC,CAAC;AACxC"}

package/build-module/utils/reduce-motion.js

@@ -6,23 +6,19 @@
  */
 export function reduceMotion(prop = 'transition') {
   let style;
-
   switch (prop) {
     case 'transition':
       style = 'transition-duration: 0ms;';
       break;
-
     case 'animation':
       style = 'animation-duration: 1ms;';
       break;
-
     default:
       style = `
 				animation-duration: 1ms;
 				transition-duration: 0ms;
 			`;
   }
-
   return `
 		@media ( prefers-reduced-motion: reduce ) {
 			${style};

package/build-module/utils/reduce-motion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/reduce-motion.js"],"names":["reduceMotion","prop","style"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAT,CAAuBC,IAAI,GAAG,YAA9B,EAA6C;AACnD,MAAIC,KAAJ;;AAEA,UAASD,IAAT;AACC,SAAK,YAAL;AACCC,MAAAA,KAAK,GAAG,2BAAR;AACA;;AAED,SAAK,WAAL;AACCA,MAAAA,KAAK,GAAG,0BAAR;AACA;;AAED;AACCA,MAAAA,KAAK,GAAI;AACZ;AACA;AACA,IAHG;AAVF;;AAgBA,SAAQ;AACT;AACA,KAAMA,KAAO;AACb;AACA,EAJC;AAKA","sourcesContent":["/**\n * Allows users to opt-out of animations via OS-level preferences.\n *\n * @param {'transition' | 'animation' | string} [prop='transition'] CSS Property name\n * @return {string} Generated CSS code for the reduced style\n */\nexport function reduceMotion( prop = 'transition' ) {\n\tlet style;\n\n\tswitch ( prop ) {\n\t\tcase 'transition':\n\t\t\tstyle = 'transition-duration: 0ms;';\n\t\t\tbreak;\n\n\t\tcase 'animation':\n\t\t\tstyle = 'animation-duration: 1ms;';\n\t\t\tbreak;\n\n\t\tdefault:\n\t\t\tstyle = `\n\t\t\t\tanimation-duration: 1ms;\n\t\t\t\ttransition-duration: 0ms;\n\t\t\t`;\n\t}\n\n\treturn `\n\t\t@media ( prefers-reduced-motion: reduce ) {\n\t\t\t${ style };\n\t\t}\n\t`;\n}\n"]}
+{"version":3,"names":["reduceMotion","prop","style"],"sources":["@wordpress/components/src/utils/reduce-motion.js"],"sourcesContent":["/**\n * Allows users to opt-out of animations via OS-level preferences.\n *\n * @param {'transition' | 'animation' | string} [prop='transition'] CSS Property name\n * @return {string} Generated CSS code for the reduced style\n */\nexport function reduceMotion( prop = 'transition' ) {\n\tlet style;\n\n\tswitch ( prop ) {\n\t\tcase 'transition':\n\t\t\tstyle = 'transition-duration: 0ms;';\n\t\t\tbreak;\n\n\t\tcase 'animation':\n\t\t\tstyle = 'animation-duration: 1ms;';\n\t\t\tbreak;\n\n\t\tdefault:\n\t\t\tstyle = `\n\t\t\t\tanimation-duration: 1ms;\n\t\t\t\ttransition-duration: 0ms;\n\t\t\t`;\n\t}\n\n\treturn `\n\t\t@media ( prefers-reduced-motion: reduce ) {\n\t\t\t${ style };\n\t\t}\n\t`;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAYA,CAAEC,IAAI,GAAG,YAAY,EAAG;EACnD,IAAIC,KAAK;EAET,QAASD,IAAI;IACZ,KAAK,YAAY;MAChBC,KAAK,GAAG,2BAA2B;MACnC;IAED,KAAK,WAAW;MACfA,KAAK,GAAG,0BAA0B;MAClC;IAED;MACCA,KAAK,GAAI;AACZ;AACA;AACA,IAAI;EACH;EAEA,OAAQ;AACT;AACA,KAAMA,KAAO;AACb;AACA,EAAE;AACF"}

package/build-module/utils/rtl.js

@@ -2,15 +2,16 @@
  * External dependencies
  */
 import { css } from '@emotion/react';
+
 /**
  * WordPress dependencies
  */
-
 import { isRTL } from '@wordpress/i18n';
 const LOWER_LEFT_REGEXP = new RegExp(/-left/g);
 const LOWER_RIGHT_REGEXP = new RegExp(/-right/g);
 const UPPER_LEFT_REGEXP = new RegExp(/Left/g);
 const UPPER_RIGHT_REGEXP = new RegExp(/Right/g);
+
 /**
  * Flips a CSS property from left <-> right.
  *
@@ -18,34 +19,28 @@ const UPPER_RIGHT_REGEXP = new RegExp(/Right/g);
  *
  * @return {string} The flipped CSS property name, if applicable.
  */
-
 function getConvertedKey(key) {
   if (key === 'left') {
     return 'right';
   }
-
   if (key === 'right') {
     return 'left';
   }
-
   if (LOWER_LEFT_REGEXP.test(key)) {
     return key.replace(LOWER_LEFT_REGEXP, '-right');
   }
-
   if (LOWER_RIGHT_REGEXP.test(key)) {
     return key.replace(LOWER_RIGHT_REGEXP, '-left');
   }
-
   if (UPPER_LEFT_REGEXP.test(key)) {
     return key.replace(UPPER_LEFT_REGEXP, 'Right');
   }
-
   if (UPPER_RIGHT_REGEXP.test(key)) {
     return key.replace(UPPER_RIGHT_REGEXP, 'Left');
   }
-
   return key;
 }
+
 /**
  * An incredibly basic ltr -> rtl converter for style properties
  *
@@ -53,11 +48,10 @@ function getConvertedKey(key) {
  *
  * @return {import('react').CSSProperties} Converted ltr -> rtl styles
  */
-
-
 export const convertLTRToRTL = (ltrStyles = {}) => {
   return Object.fromEntries(Object.entries(ltrStyles).map(([key, value]) => [getConvertedKey(key), value]));
 };
+
 /**
  * A higher-order function that create an incredibly basic ltr -> rtl style converter for CSS objects.
  *
@@ -66,18 +60,18 @@ export const convertLTRToRTL = (ltrStyles = {}) => {
  *
  * @return {() => import('@emotion/react').SerializedStyles} A function to output CSS styles for Emotion's renderer
  */
-
 export function rtl(ltrStyles = {}, rtlStyles) {
   return () => {
     if (rtlStyles) {
       // @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css
       return isRTL() ? /*#__PURE__*/css(rtlStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvcnRsLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFb0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91dGlscy9ydGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBpc1JUTCB9IGZyb20gJ0B3b3JkcHJlc3MvaTE4bic7XG5cbmNvbnN0IExPV0VSX0xFRlRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1sZWZ0L2cgKTtcbmNvbnN0IExPV0VSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC8tcmlnaHQvZyApO1xuY29uc3QgVVBQRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvTGVmdC9nICk7XG5jb25zdCBVUFBFUl9SSUdIVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvUmlnaHQvZyApO1xuXG4vKipcbiAqIEZsaXBzIGEgQ1NTIHByb3BlcnR5IGZyb20gbGVmdCA8LT4gcmlnaHQuXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IGtleSBUaGUgQ1NTIHByb3BlcnR5IG5hbWUuXG4gKlxuICogQHJldHVybiB7c3RyaW5nfSBUaGUgZmxpcHBlZCBDU1MgcHJvcGVydHkgbmFtZSwgaWYgYXBwbGljYWJsZS5cbiAqL1xuZnVuY3Rpb24gZ2V0Q29udmVydGVkS2V5KCBrZXkgKSB7XG5cdGlmICgga2V5ID09PSAnbGVmdCcgKSB7XG5cdFx0cmV0dXJuICdyaWdodCc7XG5cdH1cblxuXHRpZiAoIGtleSA9PT0gJ3JpZ2h0JyApIHtcblx0XHRyZXR1cm4gJ2xlZnQnO1xuXHR9XG5cblx0aWYgKCBMT1dFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX0xFRlRfUkVHRVhQLCAnLXJpZ2h0JyApO1xuXHR9XG5cblx0aWYgKCBMT1dFUl9SSUdIVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBMT1dFUl9SSUdIVF9SRUdFWFAsICctbGVmdCcgKTtcblx0fVxuXG5cdGlmICggVVBQRVJfTEVGVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBVUFBFUl9MRUZUX1JFR0VYUCwgJ1JpZ2h0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9SSUdIVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBVUFBFUl9SSUdIVF9SRUdFWFAsICdMZWZ0JyApO1xuXHR9XG5cblx0cmV0dXJuIGtleTtcbn1cblxuLyoqXG4gKiBBbiBpbmNyZWRpYmx5IGJhc2ljIGx0ciAtPiBydGwgY29udmVydGVyIGZvciBzdHlsZSBwcm9wZXJ0aWVzXG4gKlxuICogQHBhcmFtIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gbHRyU3R5bGVzXG4gKlxuICogQHJldHVybiB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IENvbnZlcnRlZCBsdHIgLT4gcnRsIHN0eWxlc1xuICovXG5leHBvcnQgY29uc3QgY29udmVydExUUlRvUlRMID0gKCBsdHJTdHlsZXMgPSB7fSApID0+IHtcblx0cmV0dXJuIE9iamVjdC5mcm9tRW50cmllcyhcblx0XHRPYmplY3QuZW50cmllcyggbHRyU3R5bGVzICkubWFwKCAoIFsga2V5LCB2YWx1ZSBdICkgPT4gW1xuXHRcdFx0Z2V0Q29udmVydGVkS2V5KCBrZXkgKSxcblx0XHRcdHZhbHVlLFxuXHRcdF0gKVxuXHQpO1xufTtcblxuLyoqXG4gKiBBIGhpZ2hlci1vcmRlciBmdW5jdGlvbiB0aGF0IGNyZWF0ZSBhbiBpbmNyZWRpYmx5IGJhc2ljIGx0ciAtPiBydGwgc3R5bGUgY29udmVydGVyIGZvciBDU1Mgb2JqZWN0cy5cbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXMgICBMdHIgc3R5bGVzLiBDb252ZXJ0cyBhbmQgcmVuZGVycyBmcm9tIGx0ciAtPiBydGwgc3R5bGVzLCBpZiBhcHBsaWNhYmxlLlxuICogQHBhcmFtIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gW3J0bFN0eWxlc10gUnRsIHN0eWxlcy4gUmVuZGVycyBpZiBwcm92aWRlZC5cbiAqXG4gKiBAcmV0dXJuIHsoKSA9PiBpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQSBmdW5jdGlvbiB0byBvdXRwdXQgQ1NTIHN0eWxlcyBmb3IgRW1vdGlvbidzIHJlbmRlcmVyXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBydGwoIGx0clN0eWxlcyA9IHt9LCBydGxTdHlsZXMgKSB7XG5cdHJldHVybiAoKSA9PiB7XG5cdFx0aWYgKCBydGxTdHlsZXMgKSB7XG5cdFx0XHQvLyBAdHMtaWdub3JlOiBgY3NzYCB0eXBlcyBhcmUgd3JvbmcsIGl0IGNhbiBhY2NlcHQgYW4gb2JqZWN0OiBodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9vYmplY3Qtc3R5bGVzI3dpdGgtY3NzXG5cdFx0XHRyZXR1cm4gaXNSVEwoKSA/IGNzcyggcnRsU3R5bGVzICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHRcdH1cblxuXHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRyZXR1cm4gaXNSVEwoKSA/IGNzcyggY29udmVydExUUlRvUlRMKCBsdHJTdHlsZXMgKSApIDogY3NzKCBsdHJTdHlsZXMgKTtcblx0fTtcbn1cblxuLyoqXG4gKiBDYWxsIHRoaXMgaW4gdGhlIGB1c2VNZW1vYCBkZXBlbmRlbmN5IGFycmF5IHRvIGVuc3VyZSB0aGF0IHN1YnNlcXVlbnQgcmVuZGVycyB3aWxsXG4gKiBjYXVzZSBydGwgc3R5bGVzIHRvIHVwZGF0ZSBiYXNlZCBvbiB0aGUgYGlzUlRMYCByZXR1cm4gdmFsdWUgZXZlbiBpZiBhbGwgb3RoZXIgZGVwZW5kZW5jaWVzXG4gKiByZW1haW4gdGhlIHNhbWUuXG4gKlxuICogQGV4YW1wbGVcbiAqIGNvbnN0IHN0eWxlcyA9IHVzZU1lbW8oICgpID0+IHtcbiAqICAgcmV0dXJuIGNzc2BcbiAqICAgICAkeyBydGwoIHsgbWFyZ2luUmlnaHQ6ICcxMHB4JyB9ICkgfVxuICogICBgO1xuICogfSwgWyBydGwud2F0Y2goKSBdICk7XG4gKi9cbnJ0bC53YXRjaCA9ICgpID0+IGlzUlRMKCk7XG4iXX0= */") : /*#__PURE__*/css(ltrStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvcnRsLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFdUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91dGlscy9ydGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBpc1JUTCB9IGZyb20gJ0B3b3JkcHJlc3MvaTE4bic7XG5cbmNvbnN0IExPV0VSX0xFRlRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1sZWZ0L2cgKTtcbmNvbnN0IExPV0VSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC8tcmlnaHQvZyApO1xuY29uc3QgVVBQRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvTGVmdC9nICk7XG5jb25zdCBVUFBFUl9SSUdIVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvUmlnaHQvZyApO1xuXG4vKipcbiAqIEZsaXBzIGEgQ1NTIHByb3BlcnR5IGZyb20gbGVmdCA8LT4gcmlnaHQuXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IGtleSBUaGUgQ1NTIHByb3BlcnR5IG5hbWUuXG4gKlxuICogQHJldHVybiB7c3RyaW5nfSBUaGUgZmxpcHBlZCBDU1MgcHJvcGVydHkgbmFtZSwgaWYgYXBwbGljYWJsZS5cbiAqL1xuZnVuY3Rpb24gZ2V0Q29udmVydGVkS2V5KCBrZXkgKSB7XG5cdGlmICgga2V5ID09PSAnbGVmdCcgKSB7XG5cdFx0cmV0dXJuICdyaWdodCc7XG5cdH1cblxuXHRpZiAoIGtleSA9PT0gJ3JpZ2h0JyApIHtcblx0XHRyZXR1cm4gJ2xlZnQnO1xuXHR9XG5cblx0aWYgKCBMT1dFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX0xFRlRfUkVHRVhQLCAnLXJpZ2h0JyApO1xuXHR9XG5cblx0aWYgKCBMT1dFUl9SSUdIVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBMT1dFUl9SSUdIVF9SRUdFWFAsICctbGVmdCcgKTtcblx0fVxuXG5cdGlmICggVVBQRVJfTEVGVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBVUFBFUl9MRUZUX1JFR0VYUCwgJ1JpZ2h0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9SSUdIVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBVUFBFUl9SSUdIVF9SRUdFWFAsICdMZWZ0JyApO1xuXHR9XG5cblx0cmV0dXJuIGtleTtcbn1cblxuLyoqXG4gKiBBbiBpbmNyZWRpYmx5IGJhc2ljIGx0ciAtPiBydGwgY29udmVydGVyIGZvciBzdHlsZSBwcm9wZXJ0aWVzXG4gKlxuICogQHBhcmFtIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gbHRyU3R5bGVzXG4gKlxuICogQHJldHVybiB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IENvbnZlcnRlZCBsdHIgLT4gcnRsIHN0eWxlc1xuICovXG5leHBvcnQgY29uc3QgY29udmVydExUUlRvUlRMID0gKCBsdHJTdHlsZXMgPSB7fSApID0+IHtcblx0cmV0dXJuIE9iamVjdC5mcm9tRW50cmllcyhcblx0XHRPYmplY3QuZW50cmllcyggbHRyU3R5bGVzICkubWFwKCAoIFsga2V5LCB2YWx1ZSBdICkgPT4gW1xuXHRcdFx0Z2V0Q29udmVydGVkS2V5KCBrZXkgKSxcblx0XHRcdHZhbHVlLFxuXHRcdF0gKVxuXHQpO1xufTtcblxuLyoqXG4gKiBBIGhpZ2hlci1vcmRlciBmdW5jdGlvbiB0aGF0IGNyZWF0ZSBhbiBpbmNyZWRpYmx5IGJhc2ljIGx0ciAtPiBydGwgc3R5bGUgY29udmVydGVyIGZvciBDU1Mgb2JqZWN0cy5cbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXMgICBMdHIgc3R5bGVzLiBDb252ZXJ0cyBhbmQgcmVuZGVycyBmcm9tIGx0ciAtPiBydGwgc3R5bGVzLCBpZiBhcHBsaWNhYmxlLlxuICogQHBhcmFtIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gW3J0bFN0eWxlc10gUnRsIHN0eWxlcy4gUmVuZGVycyBpZiBwcm92aWRlZC5cbiAqXG4gKiBAcmV0dXJuIHsoKSA9PiBpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQSBmdW5jdGlvbiB0byBvdXRwdXQgQ1NTIHN0eWxlcyBmb3IgRW1vdGlvbidzIHJlbmRlcmVyXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBydGwoIGx0clN0eWxlcyA9IHt9LCBydGxTdHlsZXMgKSB7XG5cdHJldHVybiAoKSA9PiB7XG5cdFx0aWYgKCBydGxTdHlsZXMgKSB7XG5cdFx0XHQvLyBAdHMtaWdub3JlOiBgY3NzYCB0eXBlcyBhcmUgd3JvbmcsIGl0IGNhbiBhY2NlcHQgYW4gb2JqZWN0OiBodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9vYmplY3Qtc3R5bGVzI3dpdGgtY3NzXG5cdFx0XHRyZXR1cm4gaXNSVEwoKSA/IGNzcyggcnRsU3R5bGVzICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHRcdH1cblxuXHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRyZXR1cm4gaXNSVEwoKSA/IGNzcyggY29udmVydExUUlRvUlRMKCBsdHJTdHlsZXMgKSApIDogY3NzKCBsdHJTdHlsZXMgKTtcblx0fTtcbn1cblxuLyoqXG4gKiBDYWxsIHRoaXMgaW4gdGhlIGB1c2VNZW1vYCBkZXBlbmRlbmN5IGFycmF5IHRvIGVuc3VyZSB0aGF0IHN1YnNlcXVlbnQgcmVuZGVycyB3aWxsXG4gKiBjYXVzZSBydGwgc3R5bGVzIHRvIHVwZGF0ZSBiYXNlZCBvbiB0aGUgYGlzUlRMYCByZXR1cm4gdmFsdWUgZXZlbiBpZiBhbGwgb3RoZXIgZGVwZW5kZW5jaWVzXG4gKiByZW1haW4gdGhlIHNhbWUuXG4gKlxuICogQGV4YW1wbGVcbiAqIGNvbnN0IHN0eWxlcyA9IHVzZU1lbW8oICgpID0+IHtcbiAqICAgcmV0dXJuIGNzc2BcbiAqICAgICAkeyBydGwoIHsgbWFyZ2luUmlnaHQ6ICcxMHB4JyB9ICkgfVxuICogICBgO1xuICogfSwgWyBydGwud2F0Y2goKSBdICk7XG4gKi9cbnJ0bC53YXRjaCA9ICgpID0+IGlzUlRMKCk7XG4iXX0= */");
-    } // @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css
-
+    }
 
+    // @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css
     return isRTL() ? /*#__PURE__*/css(convertLTRToRTL(ltrStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvcnRsLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGbUIiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91dGlscy9ydGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBpc1JUTCB9IGZyb20gJ0B3b3JkcHJlc3MvaTE4bic7XG5cbmNvbnN0IExPV0VSX0xFRlRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1sZWZ0L2cgKTtcbmNvbnN0IExPV0VSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC8tcmlnaHQvZyApO1xuY29uc3QgVVBQRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvTGVmdC9nICk7XG5jb25zdCBVUFBFUl9SSUdIVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvUmlnaHQvZyApO1xuXG4vKipcbiAqIEZsaXBzIGEgQ1NTIHByb3BlcnR5IGZyb20gbGVmdCA8LT4gcmlnaHQuXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IGtleSBUaGUgQ1NTIHByb3BlcnR5IG5hbWUuXG4gKlxuICogQHJldHVybiB7c3RyaW5nfSBUaGUgZmxpcHBlZCBDU1MgcHJvcGVydHkgbmFtZSwgaWYgYXBwbGljYWJsZS5cbiAqL1xuZnVuY3Rpb24gZ2V0Q29udmVydGVkS2V5KCBrZXkgKSB7XG5cdGlmICgga2V5ID09PSAnbGVmdCcgKSB7XG5cdFx0cmV0dXJuICdyaWdodCc7XG5cdH1cblxuXHRpZiAoIGtleSA9PT0gJ3JpZ2h0JyApIHtcblx0XHRyZXR1cm4gJ2xlZnQnO1xuXHR9XG5cblx0aWYgKCBMT1dFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX0xFRlRfUkVHRVhQLCAnLXJpZ2h0JyApO1xuXHR9XG5cblx0aWYgKCBMT1dFUl9SSUdIVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBMT1dFUl9SSUdIVF9SRUdFWFAsICctbGVmdCcgKTtcblx0fVxuXG5cdGlmICggVVBQRVJfTEVGVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBVUFBFUl9MRUZUX1JFR0VYUCwgJ1JpZ2h0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9SSUdIVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBVUFBFUl9SSUdIVF9SRUdFWFAsICdMZWZ0JyApO1xuXHR9XG5cblx0cmV0dXJuIGtleTtcbn1cblxuLyoqXG4gKiBBbiBpbmNyZWRpYmx5IGJhc2ljIGx0ciAtPiBydGwgY29udmVydGVyIGZvciBzdHlsZSBwcm9wZXJ0aWVzXG4gKlxuICogQHBhcmFtIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gbHRyU3R5bGVzXG4gKlxuICogQHJldHVybiB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IENvbnZlcnRlZCBsdHIgLT4gcnRsIHN0eWxlc1xuICovXG5leHBvcnQgY29uc3QgY29udmVydExUUlRvUlRMID0gKCBsdHJTdHlsZXMgPSB7fSApID0+IHtcblx0cmV0dXJuIE9iamVjdC5mcm9tRW50cmllcyhcblx0XHRPYmplY3QuZW50cmllcyggbHRyU3R5bGVzICkubWFwKCAoIFsga2V5LCB2YWx1ZSBdICkgPT4gW1xuXHRcdFx0Z2V0Q29udmVydGVkS2V5KCBrZXkgKSxcblx0XHRcdHZhbHVlLFxuXHRcdF0gKVxuXHQpO1xufTtcblxuLyoqXG4gKiBBIGhpZ2hlci1vcmRlciBmdW5jdGlvbiB0aGF0IGNyZWF0ZSBhbiBpbmNyZWRpYmx5IGJhc2ljIGx0ciAtPiBydGwgc3R5bGUgY29udmVydGVyIGZvciBDU1Mgb2JqZWN0cy5cbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXMgICBMdHIgc3R5bGVzLiBDb252ZXJ0cyBhbmQgcmVuZGVycyBmcm9tIGx0ciAtPiBydGwgc3R5bGVzLCBpZiBhcHBsaWNhYmxlLlxuICogQHBhcmFtIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gW3J0bFN0eWxlc10gUnRsIHN0eWxlcy4gUmVuZGVycyBpZiBwcm92aWRlZC5cbiAqXG4gKiBAcmV0dXJuIHsoKSA9PiBpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQSBmdW5jdGlvbiB0byBvdXRwdXQgQ1NTIHN0eWxlcyBmb3IgRW1vdGlvbidzIHJlbmRlcmVyXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBydGwoIGx0clN0eWxlcyA9IHt9LCBydGxTdHlsZXMgKSB7XG5cdHJldHVybiAoKSA9PiB7XG5cdFx0aWYgKCBydGxTdHlsZXMgKSB7XG5cdFx0XHQvLyBAdHMtaWdub3JlOiBgY3NzYCB0eXBlcyBhcmUgd3JvbmcsIGl0IGNhbiBhY2NlcHQgYW4gb2JqZWN0OiBodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9vYmplY3Qtc3R5bGVzI3dpdGgtY3NzXG5cdFx0XHRyZXR1cm4gaXNSVEwoKSA/IGNzcyggcnRsU3R5bGVzICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHRcdH1cblxuXHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRyZXR1cm4gaXNSVEwoKSA/IGNzcyggY29udmVydExUUlRvUlRMKCBsdHJTdHlsZXMgKSApIDogY3NzKCBsdHJTdHlsZXMgKTtcblx0fTtcbn1cblxuLyoqXG4gKiBDYWxsIHRoaXMgaW4gdGhlIGB1c2VNZW1vYCBkZXBlbmRlbmN5IGFycmF5IHRvIGVuc3VyZSB0aGF0IHN1YnNlcXVlbnQgcmVuZGVycyB3aWxsXG4gKiBjYXVzZSBydGwgc3R5bGVzIHRvIHVwZGF0ZSBiYXNlZCBvbiB0aGUgYGlzUlRMYCByZXR1cm4gdmFsdWUgZXZlbiBpZiBhbGwgb3RoZXIgZGVwZW5kZW5jaWVzXG4gKiByZW1haW4gdGhlIHNhbWUuXG4gKlxuICogQGV4YW1wbGVcbiAqIGNvbnN0IHN0eWxlcyA9IHVzZU1lbW8oICgpID0+IHtcbiAqICAgcmV0dXJuIGNzc2BcbiAqICAgICAkeyBydGwoIHsgbWFyZ2luUmlnaHQ6ICcxMHB4JyB9ICkgfVxuICogICBgO1xuICogfSwgWyBydGwud2F0Y2goKSBdICk7XG4gKi9cbnJ0bC53YXRjaCA9ICgpID0+IGlzUlRMKCk7XG4iXX0= */") : /*#__PURE__*/css(ltrStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvcnRsLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGeUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91dGlscy9ydGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBpc1JUTCB9IGZyb20gJ0B3b3JkcHJlc3MvaTE4bic7XG5cbmNvbnN0IExPV0VSX0xFRlRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1sZWZ0L2cgKTtcbmNvbnN0IExPV0VSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC8tcmlnaHQvZyApO1xuY29uc3QgVVBQRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvTGVmdC9nICk7XG5jb25zdCBVUFBFUl9SSUdIVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvUmlnaHQvZyApO1xuXG4vKipcbiAqIEZsaXBzIGEgQ1NTIHByb3BlcnR5IGZyb20gbGVmdCA8LT4gcmlnaHQuXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IGtleSBUaGUgQ1NTIHByb3BlcnR5IG5hbWUuXG4gKlxuICogQHJldHVybiB7c3RyaW5nfSBUaGUgZmxpcHBlZCBDU1MgcHJvcGVydHkgbmFtZSwgaWYgYXBwbGljYWJsZS5cbiAqL1xuZnVuY3Rpb24gZ2V0Q29udmVydGVkS2V5KCBrZXkgKSB7XG5cdGlmICgga2V5ID09PSAnbGVmdCcgKSB7XG5cdFx0cmV0dXJuICdyaWdodCc7XG5cdH1cblxuXHRpZiAoIGtleSA9PT0gJ3JpZ2h0JyApIHtcblx0XHRyZXR1cm4gJ2xlZnQnO1xuXHR9XG5cblx0aWYgKCBMT1dFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX0xFRlRfUkVHRVhQLCAnLXJpZ2h0JyApO1xuXHR9XG5cblx0aWYgKCBMT1dFUl9SSUdIVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBMT1dFUl9SSUdIVF9SRUdFWFAsICctbGVmdCcgKTtcblx0fVxuXG5cdGlmICggVVBQRVJfTEVGVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBVUFBFUl9MRUZUX1JFR0VYUCwgJ1JpZ2h0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9SSUdIVF9SRUdFWFAudGVzdCgga2V5ICkgKSB7XG5cdFx0cmV0dXJuIGtleS5yZXBsYWNlKCBVUFBFUl9SSUdIVF9SRUdFWFAsICdMZWZ0JyApO1xuXHR9XG5cblx0cmV0dXJuIGtleTtcbn1cblxuLyoqXG4gKiBBbiBpbmNyZWRpYmx5IGJhc2ljIGx0ciAtPiBydGwgY29udmVydGVyIGZvciBzdHlsZSBwcm9wZXJ0aWVzXG4gKlxuICogQHBhcmFtIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gbHRyU3R5bGVzXG4gKlxuICogQHJldHVybiB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IENvbnZlcnRlZCBsdHIgLT4gcnRsIHN0eWxlc1xuICovXG5leHBvcnQgY29uc3QgY29udmVydExUUlRvUlRMID0gKCBsdHJTdHlsZXMgPSB7fSApID0+IHtcblx0cmV0dXJuIE9iamVjdC5mcm9tRW50cmllcyhcblx0XHRPYmplY3QuZW50cmllcyggbHRyU3R5bGVzICkubWFwKCAoIFsga2V5LCB2YWx1ZSBdICkgPT4gW1xuXHRcdFx0Z2V0Q29udmVydGVkS2V5KCBrZXkgKSxcblx0XHRcdHZhbHVlLFxuXHRcdF0gKVxuXHQpO1xufTtcblxuLyoqXG4gKiBBIGhpZ2hlci1vcmRlciBmdW5jdGlvbiB0aGF0IGNyZWF0ZSBhbiBpbmNyZWRpYmx5IGJhc2ljIGx0ciAtPiBydGwgc3R5bGUgY29udmVydGVyIGZvciBDU1Mgb2JqZWN0cy5cbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXMgICBMdHIgc3R5bGVzLiBDb252ZXJ0cyBhbmQgcmVuZGVycyBmcm9tIGx0ciAtPiBydGwgc3R5bGVzLCBpZiBhcHBsaWNhYmxlLlxuICogQHBhcmFtIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gW3J0bFN0eWxlc10gUnRsIHN0eWxlcy4gUmVuZGVycyBpZiBwcm92aWRlZC5cbiAqXG4gKiBAcmV0dXJuIHsoKSA9PiBpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQSBmdW5jdGlvbiB0byBvdXRwdXQgQ1NTIHN0eWxlcyBmb3IgRW1vdGlvbidzIHJlbmRlcmVyXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBydGwoIGx0clN0eWxlcyA9IHt9LCBydGxTdHlsZXMgKSB7XG5cdHJldHVybiAoKSA9PiB7XG5cdFx0aWYgKCBydGxTdHlsZXMgKSB7XG5cdFx0XHQvLyBAdHMtaWdub3JlOiBgY3NzYCB0eXBlcyBhcmUgd3JvbmcsIGl0IGNhbiBhY2NlcHQgYW4gb2JqZWN0OiBodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9vYmplY3Qtc3R5bGVzI3dpdGgtY3NzXG5cdFx0XHRyZXR1cm4gaXNSVEwoKSA/IGNzcyggcnRsU3R5bGVzICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHRcdH1cblxuXHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRyZXR1cm4gaXNSVEwoKSA/IGNzcyggY29udmVydExUUlRvUlRMKCBsdHJTdHlsZXMgKSApIDogY3NzKCBsdHJTdHlsZXMgKTtcblx0fTtcbn1cblxuLyoqXG4gKiBDYWxsIHRoaXMgaW4gdGhlIGB1c2VNZW1vYCBkZXBlbmRlbmN5IGFycmF5IHRvIGVuc3VyZSB0aGF0IHN1YnNlcXVlbnQgcmVuZGVycyB3aWxsXG4gKiBjYXVzZSBydGwgc3R5bGVzIHRvIHVwZGF0ZSBiYXNlZCBvbiB0aGUgYGlzUlRMYCByZXR1cm4gdmFsdWUgZXZlbiBpZiBhbGwgb3RoZXIgZGVwZW5kZW5jaWVzXG4gKiByZW1haW4gdGhlIHNhbWUuXG4gKlxuICogQGV4YW1wbGVcbiAqIGNvbnN0IHN0eWxlcyA9IHVzZU1lbW8oICgpID0+IHtcbiAqICAgcmV0dXJuIGNzc2BcbiAqICAgICAkeyBydGwoIHsgbWFyZ2luUmlnaHQ6ICcxMHB4JyB9ICkgfVxuICogICBgO1xuICogfSwgWyBydGwud2F0Y2goKSBdICk7XG4gKi9cbnJ0bC53YXRjaCA9ICgpID0+IGlzUlRMKCk7XG4iXX0= */");
   };
 }
+
 /**
  * Call this in the `useMemo` dependency array to ensure that subsequent renders will
  * cause rtl styles to update based on the `isRTL` return value even if all other dependencies
@@ -90,6 +84,5 @@ export function rtl(ltrStyles = {}, rtlStyles) {
  *   `;
  * }, [ rtl.watch() ] );
  */
-
 rtl.watch = () => isRTL();
 //# sourceMappingURL=rtl.js.map

package/build-module/utils/rtl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/rtl.js"],"names":["css","isRTL","LOWER_LEFT_REGEXP","RegExp","LOWER_RIGHT_REGEXP","UPPER_LEFT_REGEXP","UPPER_RIGHT_REGEXP","getConvertedKey","key","test","replace","convertLTRToRTL","ltrStyles","Object","fromEntries","entries","map","value","rtl","rtlStyles","watch"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SAASC,KAAT,QAAsB,iBAAtB;AAEA,MAAMC,iBAAiB,GAAG,IAAIC,MAAJ,CAAY,QAAZ,CAA1B;AACA,MAAMC,kBAAkB,GAAG,IAAID,MAAJ,CAAY,SAAZ,CAA3B;AACA,MAAME,iBAAiB,GAAG,IAAIF,MAAJ,CAAY,OAAZ,CAA1B;AACA,MAAMG,kBAAkB,GAAG,IAAIH,MAAJ,CAAY,QAAZ,CAA3B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASI,eAAT,CAA0BC,GAA1B,EAAgC;AAC/B,MAAKA,GAAG,KAAK,MAAb,EAAsB;AACrB,WAAO,OAAP;AACA;;AAED,MAAKA,GAAG,KAAK,OAAb,EAAuB;AACtB,WAAO,MAAP;AACA;;AAED,MAAKN,iBAAiB,CAACO,IAAlB,CAAwBD,GAAxB,CAAL,EAAqC;AACpC,WAAOA,GAAG,CAACE,OAAJ,CAAaR,iBAAb,EAAgC,QAAhC,CAAP;AACA;;AAED,MAAKE,kBAAkB,CAACK,IAAnB,CAAyBD,GAAzB,CAAL,EAAsC;AACrC,WAAOA,GAAG,CAACE,OAAJ,CAAaN,kBAAb,EAAiC,OAAjC,CAAP;AACA;;AAED,MAAKC,iBAAiB,CAACI,IAAlB,CAAwBD,GAAxB,CAAL,EAAqC;AACpC,WAAOA,GAAG,CAACE,OAAJ,CAAaL,iBAAb,EAAgC,OAAhC,CAAP;AACA;;AAED,MAAKC,kBAAkB,CAACG,IAAnB,CAAyBD,GAAzB,CAAL,EAAsC;AACrC,WAAOA,GAAG,CAACE,OAAJ,CAAaJ,kBAAb,EAAiC,MAAjC,CAAP;AACA;;AAED,SAAOE,GAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMG,eAAe,GAAG,CAAEC,SAAS,GAAG,EAAd,KAAsB;AACpD,SAAOC,MAAM,CAACC,WAAP,CACND,MAAM,CAACE,OAAP,CAAgBH,SAAhB,EAA4BI,GAA5B,CAAiC,CAAE,CAAER,GAAF,EAAOS,KAAP,CAAF,KAAsB,CACtDV,eAAe,CAAEC,GAAF,CADuC,EAEtDS,KAFsD,CAAvD,CADM,CAAP;AAMA,CAPM;AASP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,GAAT,CAAcN,SAAS,GAAG,EAA1B,EAA8BO,SAA9B,EAA0C;AAChD,SAAO,MAAM;AACZ,QAAKA,SAAL,EAAiB;AAChB;AACA,aAAOlB,KAAK,kBAAKD,GAAG,CAAEmB,SAAF,ylIAAR,gBAAwBnB,GAAG,CAAEY,SAAF,ylIAAvC;AACA,KAJW,CAMZ;;;AACA,WAAOX,KAAK,kBAAKD,GAAG,CAAEW,eAAe,CAAEC,SAAF,CAAjB,ylIAAR,gBAA2CZ,GAAG,CAAEY,SAAF,ylIAA1D;AACA,GARD;AASA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACAM,GAAG,CAACE,KAAJ,GAAY,MAAMnB,KAAK,EAAvB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\nconst LOWER_LEFT_REGEXP = new RegExp( /-left/g );\nconst LOWER_RIGHT_REGEXP = new RegExp( /-right/g );\nconst UPPER_LEFT_REGEXP = new RegExp( /Left/g );\nconst UPPER_RIGHT_REGEXP = new RegExp( /Right/g );\n\n/**\n * Flips a CSS property from left <-> right.\n *\n * @param {string} key The CSS property name.\n *\n * @return {string} The flipped CSS property name, if applicable.\n */\nfunction getConvertedKey( key ) {\n\tif ( key === 'left' ) {\n\t\treturn 'right';\n\t}\n\n\tif ( key === 'right' ) {\n\t\treturn 'left';\n\t}\n\n\tif ( LOWER_LEFT_REGEXP.test( key ) ) {\n\t\treturn key.replace( LOWER_LEFT_REGEXP, '-right' );\n\t}\n\n\tif ( LOWER_RIGHT_REGEXP.test( key ) ) {\n\t\treturn key.replace( LOWER_RIGHT_REGEXP, '-left' );\n\t}\n\n\tif ( UPPER_LEFT_REGEXP.test( key ) ) {\n\t\treturn key.replace( UPPER_LEFT_REGEXP, 'Right' );\n\t}\n\n\tif ( UPPER_RIGHT_REGEXP.test( key ) ) {\n\t\treturn key.replace( UPPER_RIGHT_REGEXP, 'Left' );\n\t}\n\n\treturn key;\n}\n\n/**\n * An incredibly basic ltr -> rtl converter for style properties\n *\n * @param {import('react').CSSProperties} ltrStyles\n *\n * @return {import('react').CSSProperties} Converted ltr -> rtl styles\n */\nexport const convertLTRToRTL = ( ltrStyles = {} ) => {\n\treturn Object.fromEntries(\n\t\tObject.entries( ltrStyles ).map( ( [ key, value ] ) => [\n\t\t\tgetConvertedKey( key ),\n\t\t\tvalue,\n\t\t] )\n\t);\n};\n\n/**\n * A higher-order function that create an incredibly basic ltr -> rtl style converter for CSS objects.\n *\n * @param {import('react').CSSProperties} ltrStyles   Ltr styles. Converts and renders from ltr -> rtl styles, if applicable.\n * @param {import('react').CSSProperties} [rtlStyles] Rtl styles. Renders if provided.\n *\n * @return {() => import('@emotion/react').SerializedStyles} A function to output CSS styles for Emotion's renderer\n */\nexport function rtl( ltrStyles = {}, rtlStyles ) {\n\treturn () => {\n\t\tif ( rtlStyles ) {\n\t\t\t// @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n\t\t\treturn isRTL() ? css( rtlStyles ) : css( ltrStyles );\n\t\t}\n\n\t\t// @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n\t\treturn isRTL() ? css( convertLTRToRTL( ltrStyles ) ) : css( ltrStyles );\n\t};\n}\n\n/**\n * Call this in the `useMemo` dependency array to ensure that subsequent renders will\n * cause rtl styles to update based on the `isRTL` return value even if all other dependencies\n * remain the same.\n *\n * @example\n * const styles = useMemo( () => {\n *   return css`\n *     ${ rtl( { marginRight: '10px' } ) }\n *   `;\n * }, [ rtl.watch() ] );\n */\nrtl.watch = () => isRTL();\n"]}
+{"version":3,"names":["css","isRTL","LOWER_LEFT_REGEXP","RegExp","LOWER_RIGHT_REGEXP","UPPER_LEFT_REGEXP","UPPER_RIGHT_REGEXP","getConvertedKey","key","test","replace","convertLTRToRTL","ltrStyles","Object","fromEntries","entries","map","value","rtl","rtlStyles","process","env","NODE_ENV","watch"],"sources":["@wordpress/components/src/utils/rtl.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\nconst LOWER_LEFT_REGEXP = new RegExp( /-left/g );\nconst LOWER_RIGHT_REGEXP = new RegExp( /-right/g );\nconst UPPER_LEFT_REGEXP = new RegExp( /Left/g );\nconst UPPER_RIGHT_REGEXP = new RegExp( /Right/g );\n\n/**\n * Flips a CSS property from left <-> right.\n *\n * @param {string} key The CSS property name.\n *\n * @return {string} The flipped CSS property name, if applicable.\n */\nfunction getConvertedKey( key ) {\n\tif ( key === 'left' ) {\n\t\treturn 'right';\n\t}\n\n\tif ( key === 'right' ) {\n\t\treturn 'left';\n\t}\n\n\tif ( LOWER_LEFT_REGEXP.test( key ) ) {\n\t\treturn key.replace( LOWER_LEFT_REGEXP, '-right' );\n\t}\n\n\tif ( LOWER_RIGHT_REGEXP.test( key ) ) {\n\t\treturn key.replace( LOWER_RIGHT_REGEXP, '-left' );\n\t}\n\n\tif ( UPPER_LEFT_REGEXP.test( key ) ) {\n\t\treturn key.replace( UPPER_LEFT_REGEXP, 'Right' );\n\t}\n\n\tif ( UPPER_RIGHT_REGEXP.test( key ) ) {\n\t\treturn key.replace( UPPER_RIGHT_REGEXP, 'Left' );\n\t}\n\n\treturn key;\n}\n\n/**\n * An incredibly basic ltr -> rtl converter for style properties\n *\n * @param {import('react').CSSProperties} ltrStyles\n *\n * @return {import('react').CSSProperties} Converted ltr -> rtl styles\n */\nexport const convertLTRToRTL = ( ltrStyles = {} ) => {\n\treturn Object.fromEntries(\n\t\tObject.entries( ltrStyles ).map( ( [ key, value ] ) => [\n\t\t\tgetConvertedKey( key ),\n\t\t\tvalue,\n\t\t] )\n\t);\n};\n\n/**\n * A higher-order function that create an incredibly basic ltr -> rtl style converter for CSS objects.\n *\n * @param {import('react').CSSProperties} ltrStyles   Ltr styles. Converts and renders from ltr -> rtl styles, if applicable.\n * @param {import('react').CSSProperties} [rtlStyles] Rtl styles. Renders if provided.\n *\n * @return {() => import('@emotion/react').SerializedStyles} A function to output CSS styles for Emotion's renderer\n */\nexport function rtl( ltrStyles = {}, rtlStyles ) {\n\treturn () => {\n\t\tif ( rtlStyles ) {\n\t\t\t// @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n\t\t\treturn isRTL() ? css( rtlStyles ) : css( ltrStyles );\n\t\t}\n\n\t\t// @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n\t\treturn isRTL() ? css( convertLTRToRTL( ltrStyles ) ) : css( ltrStyles );\n\t};\n}\n\n/**\n * Call this in the `useMemo` dependency array to ensure that subsequent renders will\n * cause rtl styles to update based on the `isRTL` return value even if all other dependencies\n * remain the same.\n *\n * @example\n * const styles = useMemo( () => {\n *   return css`\n *     ${ rtl( { marginRight: '10px' } ) }\n *   `;\n * }, [ rtl.watch() ] );\n */\nrtl.watch = () => isRTL();\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAG,QAAQ,gBAAgB;;AAEpC;AACA;AACA;AACA,SAASC,KAAK,QAAQ,iBAAiB;AAEvC,MAAMC,iBAAiB,GAAG,IAAIC,MAAM,CAAE,QAAS,CAAC;AAChD,MAAMC,kBAAkB,GAAG,IAAID,MAAM,CAAE,SAAU,CAAC;AAClD,MAAME,iBAAiB,GAAG,IAAIF,MAAM,CAAE,OAAQ,CAAC;AAC/C,MAAMG,kBAAkB,GAAG,IAAIH,MAAM,CAAE,QAAS,CAAC;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASI,eAAeA,CAAEC,GAAG,EAAG;EAC/B,IAAKA,GAAG,KAAK,MAAM,EAAG;IACrB,OAAO,OAAO;EACf;EAEA,IAAKA,GAAG,KAAK,OAAO,EAAG;IACtB,OAAO,MAAM;EACd;EAEA,IAAKN,iBAAiB,CAACO,IAAI,CAAED,GAAI,CAAC,EAAG;IACpC,OAAOA,GAAG,CAACE,OAAO,CAAER,iBAAiB,EAAE,QAAS,CAAC;EAClD;EAEA,IAAKE,kBAAkB,CAACK,IAAI,CAAED,GAAI,CAAC,EAAG;IACrC,OAAOA,GAAG,CAACE,OAAO,CAAEN,kBAAkB,EAAE,OAAQ,CAAC;EAClD;EAEA,IAAKC,iBAAiB,CAACI,IAAI,CAAED,GAAI,CAAC,EAAG;IACpC,OAAOA,GAAG,CAACE,OAAO,CAAEL,iBAAiB,EAAE,OAAQ,CAAC;EACjD;EAEA,IAAKC,kBAAkB,CAACG,IAAI,CAAED,GAAI,CAAC,EAAG;IACrC,OAAOA,GAAG,CAACE,OAAO,CAAEJ,kBAAkB,EAAE,MAAO,CAAC;EACjD;EAEA,OAAOE,GAAG;AACX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,eAAe,GAAGA,CAAEC,SAAS,GAAG,CAAC,CAAC,KAAM;EACpD,OAAOC,MAAM,CAACC,WAAW,CACxBD,MAAM,CAACE,OAAO,CAAEH,SAAU,CAAC,CAACI,GAAG,CAAE,CAAE,CAAER,GAAG,EAAES,KAAK,CAAE,KAAM,CACtDV,eAAe,CAAEC,GAAI,CAAC,EACtBS,KAAK,CACJ,CACH,CAAC;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,GAAGA,CAAEN,SAAS,GAAG,CAAC,CAAC,EAAEO,SAAS,EAAG;EAChD,OAAO,MAAM;IACZ,IAAKA,SAAS,EAAG;MAChB;MACA,OAAOlB,KAAK,CAAC,CAAC,gBAAGD,GAAG,CAAEmB,SAAS,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,kkIAAC,CAAC,gBAAGtB,GAAG,CAAEY,SAAS,EAAAQ,OAAA,CAAAC,GAAA,CAAAC,QAAA,kkIAAC,CAAC;IACrD;;IAEA;IACA,OAAOrB,KAAK,CAAC,CAAC,gBAAGD,GAAG,CAAEW,eAAe,CAAEC,SAAU,CAAC,EAAAQ,OAAA,CAAAC,GAAA,CAAAC,QAAA,kkIAAC,CAAC,gBAAGtB,GAAG,CAAEY,SAAS,EAAAQ,OAAA,CAAAC,GAAA,CAAAC,QAAA,kkIAAC,CAAC;EACxE,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,GAAG,CAACK,KAAK,GAAG,MAAMtB,KAAK,CAAC,CAAC"}