@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

package/build/progress-bar/styles.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_react","require","_i18n","_utils","_EMOTION_STRINGIFIED_CSS_ERROR__","animateProgressBar","isRtl","animationDirection","keyframes","INDETERMINATE_TRACK_WIDTH","exports","Track","_base","default","process","env","NODE_ENV","target","label","CONFIG","borderWidthFocus","COLORS","theme","foreground","radiusFull","_ref","name","styles","map","toString","Indicator","isIndeterminate","css","animationDuration","animationTimingFunction","animationIterationCount","animationName","isRTL","width","ProgressElement"],"sources":["@wordpress/components/src/progress-bar/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css, keyframes } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\n\nfunction animateProgressBar( isRtl = false ) {\n\tconst animationDirection = isRtl ? 'right' : 'left';\n\n\treturn keyframes( {\n\t\t'0%': {\n\t\t\t[ animationDirection ]: '-50%',\n\t\t},\n\t\t'100%': {\n\t\t\t[ animationDirection ]: '100%',\n\t\t},\n\t} );\n}\n\n// Width of the indicator for the indeterminate progress bar\nexport const INDETERMINATE_TRACK_WIDTH = 50;\n\nexport const Track = styled.div`\n\tposition: relative;\n\toverflow: hidden;\n\theight: ${ CONFIG.borderWidthFocus };\n\t/* Text color at 10% opacity */\n\tbackground-color: color-mix(\n\t\tin srgb,\n\t\t${ COLORS.theme.foreground },\n\t\ttransparent 90%\n\t);\n\tborder-radius: ${ CONFIG.radiusFull };\n\n\t// Windows high contrast mode.\n\toutline: 2px solid transparent;\n\toutline-offset: 2px;\n\n\t:where( & ) {\n\t\twidth: 160px;\n\t}\n`;\n\nexport const Indicator = styled.div< {\n\tisIndeterminate: boolean;\n} >`\n\tdisplay: inline-block;\n\tposition: absolute;\n\ttop: 0;\n\theight: 100%;\n\tborder-radius: ${ CONFIG.radiusFull };\n\t/* Text color at 90% opacity */\n\tbackground-color: color-mix(\n\t\tin srgb,\n\t\t${ COLORS.theme.foreground },\n\t\ttransparent 10%\n\t);\n\n\t// Windows high contrast mode.\n\toutline: 2px solid transparent;\n\toutline-offset: -2px;\n\n\t${ ( { isIndeterminate } ) =>\n\t\tisIndeterminate\n\t\t\t? css( {\n\t\t\t\t\tanimationDuration: '1.5s',\n\t\t\t\t\tanimationTimingFunction: 'ease-in-out',\n\t\t\t\t\tanimationIterationCount: 'infinite',\n\t\t\t\t\tanimationName: animateProgressBar( isRTL() ),\n\t\t\t\t\twidth: `${ INDETERMINATE_TRACK_WIDTH }%`,\n\t\t\t  } )\n\t\t\t: css( {\n\t\t\t\t\twidth: 'var(--indicator-width)',\n\t\t\t\t\ttransition: 'width 0.4s ease-in-out',\n\t\t\t  } ) };\n`;\n\nexport const ProgressElement = styled.progress`\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\topacity: 0;\n\twidth: 100%;\n\theight: 100%;\n`;\n"],"mappings":";;;;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AAA0C,SAAAG,iCAAA,gPAd1C;AACA;AACA,GAFA,CAMA;AACA;AACA,GAFA,CAKA;AACA;AACA;AAGA,SAASC,kBAAkBA,CAAEC,KAAK,GAAG,KAAK,EAAG;EAC5C,MAAMC,kBAAkB,GAAGD,KAAK,GAAG,OAAO,GAAG,MAAM;EAEnD,OAAO,IAAAE,gBAAS,EAAE;IACjB,IAAI,EAAE;MACL,CAAED,kBAAkB,GAAI;IACzB,CAAC;IACD,MAAM,EAAE;MACP,CAAEA,kBAAkB,GAAI;IACzB;EACD,CAAE,CAAC;AACJ;;AAEA;AACO,MAAME,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,EAAE;AAEpC,MAAME,KAAK,GAAAD,OAAA,CAAAC,KAAA,oBAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,gDAGNC,aAAM,CAACC,gBAAgB,sDAI9BC,aAAM,CAACC,KAAK,CAACC,UAAU,gDAGTJ,aAAM,CAACK,UAAU,mFAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,opGASnC;AAAC,IAAAS,IAAA,GAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAzB;AAAA;AAEK,MAAM0B,SAAS,GAAApB,OAAA,CAAAoB,SAAA,oBAAAlB,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,8EAOHC,aAAM,CAACK,UAAU,sDAI/BH,aAAM,CAACC,KAAK,CAACC,UAAU,oFAQxB,CAAE;EAAEQ;AAAgB,CAAC,KACvBA,eAAe,gBACZ,IAAAC,UAAG,EAAE;EACLC,iBAAiB,EAAE,MAAM;EACzBC,uBAAuB,EAAE,aAAa;EACtCC,uBAAuB,EAAE,UAAU;EACnCC,aAAa,EAAE/B,kBAAkB,CAAE,IAAAgC,WAAK,EAAC,CAAE,CAAC;EAC5CC,KAAK,EAAE,GAAI7B,yBAAyB;AACpC,CAAC,EAAAK,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,kpGAAC,CAAC,GAAAS,IAIA,SAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,opGACP;AAEM,MAAMuB,eAAe,GAAA7B,OAAA,CAAA6B,eAAA,oBAAA3B,KAAA,CAAAC,OAAA,cAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAU,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAzB;AAAA,EAO3B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/progress-bar/styles.ts"],
+  "sourcesContent": ["import _styled from \"@emotion/styled/base\";\nfunction _EMOTION_STRINGIFIED_CSS_ERROR__() { return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\"; }\n/**\n * External dependencies\n */\n\nimport { css, keyframes } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\nfunction animateProgressBar(isRtl = false) {\n  const animationDirection = isRtl ? 'right' : 'left';\n  return keyframes({\n    '0%': {\n      [animationDirection]: '-50%'\n    },\n    '100%': {\n      [animationDirection]: '100%'\n    }\n  });\n}\n\n// Width of the indicator for the indeterminate progress bar\nexport const INDETERMINATE_TRACK_WIDTH = 50;\nexport const Track = /*#__PURE__*/_styled(\"div\", process.env.NODE_ENV === \"production\" ? {\n  target: \"e15u147w2\"\n} : {\n  target: \"e15u147w2\",\n  label: \"Track\"\n})(\"position:relative;overflow:hidden;height:\", CONFIG.borderWidthFocus, \";background-color:color-mix(\\n\\t\\tin srgb,\\n\\t\\t\", COLORS.theme.foreground, \",\\n\\t\\ttransparent 90%\\n\\t);border-radius:\", CONFIG.radiusFull, \";outline:2px solid transparent;outline-offset:2px;:where( & ){width:160px;}\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQytCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgaXNSVEwgfSBmcm9tICdAd29yZHByZXNzL2kxOG4nO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuZnVuY3Rpb24gYW5pbWF0ZVByb2dyZXNzQmFyKCBpc1J0bCA9IGZhbHNlICkge1xuXHRjb25zdCBhbmltYXRpb25EaXJlY3Rpb24gPSBpc1J0bCA/ICdyaWdodCcgOiAnbGVmdCc7XG5cblx0cmV0dXJuIGtleWZyYW1lcygge1xuXHRcdCcwJSc6IHtcblx0XHRcdFsgYW5pbWF0aW9uRGlyZWN0aW9uIF06ICctNTAlJyxcblx0XHR9LFxuXHRcdCcxMDAlJzoge1xuXHRcdFx0WyBhbmltYXRpb25EaXJlY3Rpb24gXTogJzEwMCUnLFxuXHRcdH0sXG5cdH0gKTtcbn1cblxuLy8gV2lkdGggb2YgdGhlIGluZGljYXRvciBmb3IgdGhlIGluZGV0ZXJtaW5hdGUgcHJvZ3Jlc3MgYmFyXG5leHBvcnQgY29uc3QgSU5ERVRFUk1JTkFURV9UUkFDS19XSURUSCA9IDUwO1xuXG5leHBvcnQgY29uc3QgVHJhY2sgPSBzdHlsZWQuZGl2YFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGhlaWdodDogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfTtcblx0LyogVGV4dCBjb2xvciBhdCAxMCUgb3BhY2l0eSAqL1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoXG5cdFx0aW4gc3JnYixcblx0XHQkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9LFxuXHRcdHRyYW5zcGFyZW50IDkwJVxuXHQpO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzRnVsbCB9O1xuXG5cdC8vIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cblx0OndoZXJlKCAmICkge1xuXHRcdHdpZHRoOiAxNjBweDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXY8IHtcblx0aXNJbmRldGVybWluYXRlOiBib29sZWFuO1xufSA+YFxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNGdWxsIH07XG5cdC8qIFRleHQgY29sb3IgYXQgOTAlIG9wYWNpdHkgKi9cblx0YmFja2dyb3VuZC1jb2xvcjogY29sb3ItbWl4KFxuXHRcdGluIHNyZ2IsXG5cdFx0JHsgQ09MT1JTLnRoZW1lLmZvcmVncm91bmQgfSxcblx0XHR0cmFuc3BhcmVudCAxMCVcblx0KTtcblxuXHQvLyBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRvdXRsaW5lLW9mZnNldDogLTJweDtcblxuXHQkeyAoIHsgaXNJbmRldGVybWluYXRlIH0gKSA9PlxuXHRcdGlzSW5kZXRlcm1pbmF0ZVxuXHRcdFx0PyBjc3MoIHtcblx0XHRcdFx0XHRhbmltYXRpb25EdXJhdGlvbjogJzEuNXMnLFxuXHRcdFx0XHRcdGFuaW1hdGlvblRpbWluZ0Z1bmN0aW9uOiAnZWFzZS1pbi1vdXQnLFxuXHRcdFx0XHRcdGFuaW1hdGlvbkl0ZXJhdGlvbkNvdW50OiAnaW5maW5pdGUnLFxuXHRcdFx0XHRcdGFuaW1hdGlvbk5hbWU6IGFuaW1hdGVQcm9ncmVzc0JhciggaXNSVEwoKSApLFxuXHRcdFx0XHRcdHdpZHRoOiBgJHsgSU5ERVRFUk1JTkFURV9UUkFDS19XSURUSCB9JWAsXG5cdFx0XHQgIH0gKVxuXHRcdFx0OiBjc3MoIHtcblx0XHRcdFx0XHR3aWR0aDogJ3ZhcigtLWluZGljYXRvci13aWR0aCknLFxuXHRcdFx0XHRcdHRyYW5zaXRpb246ICd3aWR0aCAwLjRzIGVhc2UtaW4tb3V0Jyxcblx0XHRcdCAgfSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NFbGVtZW50ID0gc3R5bGVkLnByb2dyZXNzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0bGVmdDogMDtcblx0b3BhY2l0eTogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcbmA7XG4iXX0= */\"));\nvar _ref = process.env.NODE_ENV === \"production\" ? {\n  name: \"152sa26\",\n  styles: \"width:var(--indicator-width);transition:width 0.4s ease-in-out\"\n} : {\n  name: \"1ox6xu8-Indicator\",\n  styles: \"width:var(--indicator-width);transition:width 0.4s ease-in-out;label:Indicator;\",\n  map: \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRksiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBpc1JUTCB9IGZyb20gJ0B3b3JkcHJlc3MvaTE4bic7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5mdW5jdGlvbiBhbmltYXRlUHJvZ3Jlc3NCYXIoIGlzUnRsID0gZmFsc2UgKSB7XG5cdGNvbnN0IGFuaW1hdGlvbkRpcmVjdGlvbiA9IGlzUnRsID8gJ3JpZ2h0JyA6ICdsZWZ0JztcblxuXHRyZXR1cm4ga2V5ZnJhbWVzKCB7XG5cdFx0JzAlJzoge1xuXHRcdFx0WyBhbmltYXRpb25EaXJlY3Rpb24gXTogJy01MCUnLFxuXHRcdH0sXG5cdFx0JzEwMCUnOiB7XG5cdFx0XHRbIGFuaW1hdGlvbkRpcmVjdGlvbiBdOiAnMTAwJScsXG5cdFx0fSxcblx0fSApO1xufVxuXG4vLyBXaWR0aCBvZiB0aGUgaW5kaWNhdG9yIGZvciB0aGUgaW5kZXRlcm1pbmF0ZSBwcm9ncmVzcyBiYXJcbmV4cG9ydCBjb25zdCBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIID0gNTA7XG5cbmV4cG9ydCBjb25zdCBUcmFjayA9IHN0eWxlZC5kaXZgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0aGVpZ2h0OiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9O1xuXHQvKiBUZXh0IGNvbG9yIGF0IDEwJSBvcGFjaXR5ICovXG5cdGJhY2tncm91bmQtY29sb3I6IGNvbG9yLW1peChcblx0XHRpbiBzcmdiLFxuXHRcdCR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH0sXG5cdFx0dHJhbnNwYXJlbnQgOTAlXG5cdCk7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNGdWxsIH07XG5cblx0Ly8gV2luZG93cyBoaWdoIGNvbnRyYXN0IG1vZGUuXG5cdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblxuXHQ6d2hlcmUoICYgKSB7XG5cdFx0d2lkdGg6IDE2MHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yID0gc3R5bGVkLmRpdjwge1xuXHRpc0luZGV0ZXJtaW5hdGU6IGJvb2xlYW47XG59ID5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDA7XG5cdGhlaWdodDogMTAwJTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Z1bGwgfTtcblx0LyogVGV4dCBjb2xvciBhdCA5MCUgb3BhY2l0eSAqL1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoXG5cdFx0aW4gc3JnYixcblx0XHQkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9LFxuXHRcdHRyYW5zcGFyZW50IDEwJVxuXHQpO1xuXG5cdC8vIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdG91dGxpbmUtb2Zmc2V0OiAtMnB4O1xuXG5cdCR7ICggeyBpc0luZGV0ZXJtaW5hdGUgfSApID0+XG5cdFx0aXNJbmRldGVybWluYXRlXG5cdFx0XHQ/IGNzcygge1xuXHRcdFx0XHRcdGFuaW1hdGlvbkR1cmF0aW9uOiAnMS41cycsXG5cdFx0XHRcdFx0YW5pbWF0aW9uVGltaW5nRnVuY3Rpb246ICdlYXNlLWluLW91dCcsXG5cdFx0XHRcdFx0YW5pbWF0aW9uSXRlcmF0aW9uQ291bnQ6ICdpbmZpbml0ZScsXG5cdFx0XHRcdFx0YW5pbWF0aW9uTmFtZTogYW5pbWF0ZVByb2dyZXNzQmFyKCBpc1JUTCgpICksXG5cdFx0XHRcdFx0d2lkdGg6IGAkeyBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIIH0lYCxcblx0XHRcdCAgfSApXG5cdFx0XHQ6IGNzcygge1xuXHRcdFx0XHRcdHdpZHRoOiAndmFyKC0taW5kaWNhdG9yLXdpZHRoKScsXG5cdFx0XHRcdFx0dHJhbnNpdGlvbjogJ3dpZHRoIDAuNHMgZWFzZS1pbi1vdXQnLFxuXHRcdFx0ICB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0VsZW1lbnQgPSBzdHlsZWQucHJvZ3Jlc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRvcGFjaXR5OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */\",\n  toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};\nexport const Indicator = /*#__PURE__*/_styled(\"div\", process.env.NODE_ENV === \"production\" ? {\n  target: \"e15u147w1\"\n} : {\n  target: \"e15u147w1\",\n  label: \"Indicator\"\n})(\"display:inline-block;position:absolute;top:0;height:100%;border-radius:\", CONFIG.radiusFull, \";background-color:color-mix(\\n\\t\\tin srgb,\\n\\t\\t\", COLORS.theme.foreground, \",\\n\\t\\ttransparent 10%\\n\\t);outline:2px solid transparent;outline-offset:-2px;\", ({\n  isIndeterminate\n}) => isIndeterminate ? /*#__PURE__*/css({\n  animationDuration: '1.5s',\n  animationTimingFunction: 'ease-in-out',\n  animationIterationCount: 'infinite',\n  animationName: animateProgressBar(isRTL()),\n  width: `${INDETERMINATE_TRACK_WIDTH}%`\n}, process.env.NODE_ENV === \"production\" ? \"\" : \";label:Indicator;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRUsiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBpc1JUTCB9IGZyb20gJ0B3b3JkcHJlc3MvaTE4bic7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5mdW5jdGlvbiBhbmltYXRlUHJvZ3Jlc3NCYXIoIGlzUnRsID0gZmFsc2UgKSB7XG5cdGNvbnN0IGFuaW1hdGlvbkRpcmVjdGlvbiA9IGlzUnRsID8gJ3JpZ2h0JyA6ICdsZWZ0JztcblxuXHRyZXR1cm4ga2V5ZnJhbWVzKCB7XG5cdFx0JzAlJzoge1xuXHRcdFx0WyBhbmltYXRpb25EaXJlY3Rpb24gXTogJy01MCUnLFxuXHRcdH0sXG5cdFx0JzEwMCUnOiB7XG5cdFx0XHRbIGFuaW1hdGlvbkRpcmVjdGlvbiBdOiAnMTAwJScsXG5cdFx0fSxcblx0fSApO1xufVxuXG4vLyBXaWR0aCBvZiB0aGUgaW5kaWNhdG9yIGZvciB0aGUgaW5kZXRlcm1pbmF0ZSBwcm9ncmVzcyBiYXJcbmV4cG9ydCBjb25zdCBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIID0gNTA7XG5cbmV4cG9ydCBjb25zdCBUcmFjayA9IHN0eWxlZC5kaXZgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0aGVpZ2h0OiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9O1xuXHQvKiBUZXh0IGNvbG9yIGF0IDEwJSBvcGFjaXR5ICovXG5cdGJhY2tncm91bmQtY29sb3I6IGNvbG9yLW1peChcblx0XHRpbiBzcmdiLFxuXHRcdCR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH0sXG5cdFx0dHJhbnNwYXJlbnQgOTAlXG5cdCk7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNGdWxsIH07XG5cblx0Ly8gV2luZG93cyBoaWdoIGNvbnRyYXN0IG1vZGUuXG5cdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblxuXHQ6d2hlcmUoICYgKSB7XG5cdFx0d2lkdGg6IDE2MHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yID0gc3R5bGVkLmRpdjwge1xuXHRpc0luZGV0ZXJtaW5hdGU6IGJvb2xlYW47XG59ID5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDA7XG5cdGhlaWdodDogMTAwJTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Z1bGwgfTtcblx0LyogVGV4dCBjb2xvciBhdCA5MCUgb3BhY2l0eSAqL1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoXG5cdFx0aW4gc3JnYixcblx0XHQkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9LFxuXHRcdHRyYW5zcGFyZW50IDEwJVxuXHQpO1xuXG5cdC8vIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdG91dGxpbmUtb2Zmc2V0OiAtMnB4O1xuXG5cdCR7ICggeyBpc0luZGV0ZXJtaW5hdGUgfSApID0+XG5cdFx0aXNJbmRldGVybWluYXRlXG5cdFx0XHQ/IGNzcygge1xuXHRcdFx0XHRcdGFuaW1hdGlvbkR1cmF0aW9uOiAnMS41cycsXG5cdFx0XHRcdFx0YW5pbWF0aW9uVGltaW5nRnVuY3Rpb246ICdlYXNlLWluLW91dCcsXG5cdFx0XHRcdFx0YW5pbWF0aW9uSXRlcmF0aW9uQ291bnQ6ICdpbmZpbml0ZScsXG5cdFx0XHRcdFx0YW5pbWF0aW9uTmFtZTogYW5pbWF0ZVByb2dyZXNzQmFyKCBpc1JUTCgpICksXG5cdFx0XHRcdFx0d2lkdGg6IGAkeyBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIIH0lYCxcblx0XHRcdCAgfSApXG5cdFx0XHQ6IGNzcygge1xuXHRcdFx0XHRcdHdpZHRoOiAndmFyKC0taW5kaWNhdG9yLXdpZHRoKScsXG5cdFx0XHRcdFx0dHJhbnNpdGlvbjogJ3dpZHRoIDAuNHMgZWFzZS1pbi1vdXQnLFxuXHRcdFx0ICB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0VsZW1lbnQgPSBzdHlsZWQucHJvZ3Jlc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRvcGFjaXR5OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */\") : _ref, \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1REciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBpc1JUTCB9IGZyb20gJ0B3b3JkcHJlc3MvaTE4bic7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5mdW5jdGlvbiBhbmltYXRlUHJvZ3Jlc3NCYXIoIGlzUnRsID0gZmFsc2UgKSB7XG5cdGNvbnN0IGFuaW1hdGlvbkRpcmVjdGlvbiA9IGlzUnRsID8gJ3JpZ2h0JyA6ICdsZWZ0JztcblxuXHRyZXR1cm4ga2V5ZnJhbWVzKCB7XG5cdFx0JzAlJzoge1xuXHRcdFx0WyBhbmltYXRpb25EaXJlY3Rpb24gXTogJy01MCUnLFxuXHRcdH0sXG5cdFx0JzEwMCUnOiB7XG5cdFx0XHRbIGFuaW1hdGlvbkRpcmVjdGlvbiBdOiAnMTAwJScsXG5cdFx0fSxcblx0fSApO1xufVxuXG4vLyBXaWR0aCBvZiB0aGUgaW5kaWNhdG9yIGZvciB0aGUgaW5kZXRlcm1pbmF0ZSBwcm9ncmVzcyBiYXJcbmV4cG9ydCBjb25zdCBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIID0gNTA7XG5cbmV4cG9ydCBjb25zdCBUcmFjayA9IHN0eWxlZC5kaXZgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0aGVpZ2h0OiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9O1xuXHQvKiBUZXh0IGNvbG9yIGF0IDEwJSBvcGFjaXR5ICovXG5cdGJhY2tncm91bmQtY29sb3I6IGNvbG9yLW1peChcblx0XHRpbiBzcmdiLFxuXHRcdCR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH0sXG5cdFx0dHJhbnNwYXJlbnQgOTAlXG5cdCk7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNGdWxsIH07XG5cblx0Ly8gV2luZG93cyBoaWdoIGNvbnRyYXN0IG1vZGUuXG5cdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblxuXHQ6d2hlcmUoICYgKSB7XG5cdFx0d2lkdGg6IDE2MHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yID0gc3R5bGVkLmRpdjwge1xuXHRpc0luZGV0ZXJtaW5hdGU6IGJvb2xlYW47XG59ID5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDA7XG5cdGhlaWdodDogMTAwJTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Z1bGwgfTtcblx0LyogVGV4dCBjb2xvciBhdCA5MCUgb3BhY2l0eSAqL1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoXG5cdFx0aW4gc3JnYixcblx0XHQkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9LFxuXHRcdHRyYW5zcGFyZW50IDEwJVxuXHQpO1xuXG5cdC8vIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdG91dGxpbmUtb2Zmc2V0OiAtMnB4O1xuXG5cdCR7ICggeyBpc0luZGV0ZXJtaW5hdGUgfSApID0+XG5cdFx0aXNJbmRldGVybWluYXRlXG5cdFx0XHQ/IGNzcygge1xuXHRcdFx0XHRcdGFuaW1hdGlvbkR1cmF0aW9uOiAnMS41cycsXG5cdFx0XHRcdFx0YW5pbWF0aW9uVGltaW5nRnVuY3Rpb246ICdlYXNlLWluLW91dCcsXG5cdFx0XHRcdFx0YW5pbWF0aW9uSXRlcmF0aW9uQ291bnQ6ICdpbmZpbml0ZScsXG5cdFx0XHRcdFx0YW5pbWF0aW9uTmFtZTogYW5pbWF0ZVByb2dyZXNzQmFyKCBpc1JUTCgpICksXG5cdFx0XHRcdFx0d2lkdGg6IGAkeyBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIIH0lYCxcblx0XHRcdCAgfSApXG5cdFx0XHQ6IGNzcygge1xuXHRcdFx0XHRcdHdpZHRoOiAndmFyKC0taW5kaWNhdG9yLXdpZHRoKScsXG5cdFx0XHRcdFx0dHJhbnNpdGlvbjogJ3dpZHRoIDAuNHMgZWFzZS1pbi1vdXQnLFxuXHRcdFx0ICB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0VsZW1lbnQgPSBzdHlsZWQucHJvZ3Jlc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRvcGFjaXR5OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */\"));\nexport const ProgressElement = /*#__PURE__*/_styled(\"progress\", process.env.NODE_ENV === \"production\" ? {\n  target: \"e15u147w0\"\n} : {\n  target: \"e15u147w0\",\n  label: \"ProgressElement\"\n})(process.env.NODE_ENV === \"production\" ? {\n  name: \"11fb690\",\n  styles: \"position:absolute;top:0;left:0;opacity:0;width:100%;height:100%\"\n} : {\n  name: \"11fb690\",\n  styles: \"position:absolute;top:0;left:0;opacity:0;width:100%;height:100%\",\n  map: \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RjhDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgaXNSVEwgfSBmcm9tICdAd29yZHByZXNzL2kxOG4nO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuZnVuY3Rpb24gYW5pbWF0ZVByb2dyZXNzQmFyKCBpc1J0bCA9IGZhbHNlICkge1xuXHRjb25zdCBhbmltYXRpb25EaXJlY3Rpb24gPSBpc1J0bCA/ICdyaWdodCcgOiAnbGVmdCc7XG5cblx0cmV0dXJuIGtleWZyYW1lcygge1xuXHRcdCcwJSc6IHtcblx0XHRcdFsgYW5pbWF0aW9uRGlyZWN0aW9uIF06ICctNTAlJyxcblx0XHR9LFxuXHRcdCcxMDAlJzoge1xuXHRcdFx0WyBhbmltYXRpb25EaXJlY3Rpb24gXTogJzEwMCUnLFxuXHRcdH0sXG5cdH0gKTtcbn1cblxuLy8gV2lkdGggb2YgdGhlIGluZGljYXRvciBmb3IgdGhlIGluZGV0ZXJtaW5hdGUgcHJvZ3Jlc3MgYmFyXG5leHBvcnQgY29uc3QgSU5ERVRFUk1JTkFURV9UUkFDS19XSURUSCA9IDUwO1xuXG5leHBvcnQgY29uc3QgVHJhY2sgPSBzdHlsZWQuZGl2YFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGhlaWdodDogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfTtcblx0LyogVGV4dCBjb2xvciBhdCAxMCUgb3BhY2l0eSAqL1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoXG5cdFx0aW4gc3JnYixcblx0XHQkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9LFxuXHRcdHRyYW5zcGFyZW50IDkwJVxuXHQpO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzRnVsbCB9O1xuXG5cdC8vIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cblx0OndoZXJlKCAmICkge1xuXHRcdHdpZHRoOiAxNjBweDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXY8IHtcblx0aXNJbmRldGVybWluYXRlOiBib29sZWFuO1xufSA+YFxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNGdWxsIH07XG5cdC8qIFRleHQgY29sb3IgYXQgOTAlIG9wYWNpdHkgKi9cblx0YmFja2dyb3VuZC1jb2xvcjogY29sb3ItbWl4KFxuXHRcdGluIHNyZ2IsXG5cdFx0JHsgQ09MT1JTLnRoZW1lLmZvcmVncm91bmQgfSxcblx0XHR0cmFuc3BhcmVudCAxMCVcblx0KTtcblxuXHQvLyBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRvdXRsaW5lLW9mZnNldDogLTJweDtcblxuXHQkeyAoIHsgaXNJbmRldGVybWluYXRlIH0gKSA9PlxuXHRcdGlzSW5kZXRlcm1pbmF0ZVxuXHRcdFx0PyBjc3MoIHtcblx0XHRcdFx0XHRhbmltYXRpb25EdXJhdGlvbjogJzEuNXMnLFxuXHRcdFx0XHRcdGFuaW1hdGlvblRpbWluZ0Z1bmN0aW9uOiAnZWFzZS1pbi1vdXQnLFxuXHRcdFx0XHRcdGFuaW1hdGlvbkl0ZXJhdGlvbkNvdW50OiAnaW5maW5pdGUnLFxuXHRcdFx0XHRcdGFuaW1hdGlvbk5hbWU6IGFuaW1hdGVQcm9ncmVzc0JhciggaXNSVEwoKSApLFxuXHRcdFx0XHRcdHdpZHRoOiBgJHsgSU5ERVRFUk1JTkFURV9UUkFDS19XSURUSCB9JWAsXG5cdFx0XHQgIH0gKVxuXHRcdFx0OiBjc3MoIHtcblx0XHRcdFx0XHR3aWR0aDogJ3ZhcigtLWluZGljYXRvci13aWR0aCknLFxuXHRcdFx0XHRcdHRyYW5zaXRpb246ICd3aWR0aCAwLjRzIGVhc2UtaW4tb3V0Jyxcblx0XHRcdCAgfSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NFbGVtZW50ID0gc3R5bGVkLnByb2dyZXNzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0bGVmdDogMDtcblx0b3BhY2l0eTogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcbmA7XG4iXX0= */\",\n  toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n});"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAoB;AAMpB,mBAA+B;AAK/B,kBAAsB;AAKtB,mBAA+B;AAf/B,SAAS,mCAAmC;AAAE,SAAO;AAAmO;AAgBxR,SAAS,mBAAmB,QAAQ,OAAO;AACzC,QAAM,qBAAqB,QAAQ,UAAU;AAC7C,aAAO,wBAAU;AAAA,IACf,MAAM;AAAA,MACJ,CAAC,kBAAkB,GAAG;AAAA,IACxB;AAAA,IACA,QAAQ;AAAA,MACN,CAAC,kBAAkB,GAAG;AAAA,IACxB;AAAA,EACF,CAAC;AACH;AAGO,MAAM,4BAA4B;AAClC,MAAM,QAAqB,gCAAAA,SAAQ,OAAO,QAAQ,IAAI,aAAa,eAAe;AAAA,EACvF,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,6CAA6C,oBAAO,kBAAkB,gDAAoD,oBAAO,MAAM,YAAY,2CAA8C,oBAAO,YAAY,iFAAiF,QAAQ,IAAI,aAAa,eAAe,KAAK,khGAAkhG;AACv2G,IAAI,OAAO,QAAQ,IAAI,aAAa,eAAe;AAAA,EACjD,MAAM;AAAA,EACN,QAAQ;AACV,IAAI;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AACZ;AACO,MAAM,YAAyB,gCAAAA,SAAQ,OAAO,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC3F,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,2EAA2E,oBAAO,YAAY,gDAAoD,oBAAO,MAAM,YAAY,+EAAkF,CAAC;AAAA,EAC/P;AACF,MAAM,kBAA+B,sCAAI;AAAA,EACvC,mBAAmB;AAAA,EACnB,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,eAAe,uBAAmB,mBAAM,CAAC;AAAA,EACzC,OAAO,GAAG,yBAAyB;AACrC,GAAG,QAAQ,IAAI,aAAa,eAAe,KAAK,qBAAqB,QAAQ,IAAI,aAAa,eAAe,KAAK,ihGAAihG,IAAI,MAAM,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,khGAAkhG;AAC5sM,MAAM,kBAA+B,gCAAAA,SAAQ,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,EACtG,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,QAAQ,IAAI,aAAa,eAAe;AAAA,EACzC,MAAM;AAAA,EACN,QAAQ;AACV,IAAI;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;",
+  "names": ["_styled"]
+}

package/build/progress-bar/types.js

@@ -1,6 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/build/progress-bar/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/progress-bar/types.ts"],"sourcesContent":["export type ProgressBarProps = {\n\t/**\n\t * Value of the progress bar.\n\t */\n\tvalue?: number;\n\n\t/**\n\t * A CSS class to apply to the progress bar wrapper (track) element.\n\t */\n\tclassName?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/progress-bar/types.ts"],
+  "sourcesContent": ["export {};"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/build/query-controls/author-select.js

@@ -1,17 +1,39 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var author_select_exports = {};
+__export(author_select_exports, {
+  default: () => AuthorSelect
 });
-exports.default = AuthorSelect;
-var _terms = require("./terms");
-var _treeSelect = _interopRequireDefault(require("../tree-select"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(author_select_exports);
+var import_terms = require("./terms");
+var import_tree_select = __toESM(require("../tree-select"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function AuthorSelect({
   __next40pxDefaultSize,
   label,
@@ -23,15 +45,15 @@ function AuthorSelect({
   if (!authorList) {
     return null;
   }
-  const termsTree = (0, _terms.buildTermsTree)(authorList);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSelect.default, {
+  const termsTree = (0, import_terms.buildTermsTree)(authorList);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tree_select.default, {
     label,
     noOptionLabel,
     onChange: onChangeProp,
     tree: termsTree,
-    selectedId: selectedAuthorId !== undefined ? String(selectedAuthorId) : undefined,
+    selectedId: selectedAuthorId !== void 0 ? String(selectedAuthorId) : void 0,
     __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: __next40pxDefaultSize
+    __next40pxDefaultSize
   });
 }
-//# sourceMappingURL=author-select.js.map
+//# sourceMappingURL=author-select.js.map

package/build/query-controls/author-select.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_terms","require","_treeSelect","_interopRequireDefault","_jsxRuntime","AuthorSelect","__next40pxDefaultSize","label","noOptionLabel","authorList","selectedAuthorId","onChange","onChangeProp","termsTree","buildTermsTree","jsx","default","tree","selectedId","undefined","String","__nextHasNoMarginBottom"],"sources":["@wordpress/components/src/query-controls/author-select.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\nimport type { AuthorSelectProps } from './types';\n\nexport default function AuthorSelect( {\n\t__next40pxDefaultSize,\n\tlabel,\n\tnoOptionLabel,\n\tauthorList,\n\tselectedAuthorId,\n\tonChange: onChangeProp,\n}: AuthorSelectProps ) {\n\tif ( ! authorList ) {\n\t\treturn null;\n\t}\n\tconst termsTree = buildTermsTree( authorList );\n\treturn (\n\t\t<TreeSelect\n\t\t\t{ ...{\n\t\t\t\tlabel,\n\t\t\t\tnoOptionLabel,\n\t\t\t\tonChange: onChangeProp,\n\t\t\t} }\n\t\t\ttree={ termsTree }\n\t\t\tselectedId={\n\t\t\t\tselectedAuthorId !== undefined\n\t\t\t\t\t? String( selectedAuthorId )\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAwC,IAAAG,WAAA,GAAAH,OAAA;AAJxC;AACA;AACA;;AAKe,SAASI,YAAYA,CAAE;EACrCC,qBAAqB;EACrBC,KAAK;EACLC,aAAa;EACbC,UAAU;EACVC,gBAAgB;EAChBC,QAAQ,EAAEC;AACQ,CAAC,EAAG;EACtB,IAAK,CAAEH,UAAU,EAAG;IACnB,OAAO,IAAI;EACZ;EACA,MAAMI,SAAS,GAAG,IAAAC,qBAAc,EAAEL,UAAW,CAAC;EAC9C,oBACC,IAAAL,WAAA,CAAAW,GAAA,EAACb,WAAA,CAAAc,OAAU;IAETT,KAAK;IACLC,aAAa;IACbG,QAAQ,EAAEC,YAAY;IAEvBK,IAAI,EAAGJ,SAAW;IAClBK,UAAU,EACTR,gBAAgB,KAAKS,SAAS,GAC3BC,MAAM,CAAEV,gBAAiB,CAAC,GAC1BS,SACH;IACDE,uBAAuB;IACvBf,qBAAqB,EAAGA;EAAuB,CAC/C,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/query-controls/author-select.tsx"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function AuthorSelect({\n  __next40pxDefaultSize,\n  label,\n  noOptionLabel,\n  authorList,\n  selectedAuthorId,\n  onChange: onChangeProp\n}) {\n  if (!authorList) {\n    return null;\n  }\n  const termsTree = buildTermsTree(authorList);\n  return /*#__PURE__*/_jsx(TreeSelect, {\n    label,\n    noOptionLabel,\n    onChange: onChangeProp,\n    tree: termsTree,\n    selectedId: selectedAuthorId !== undefined ? String(selectedAuthorId) : undefined,\n    __nextHasNoMarginBottom: true,\n    __next40pxDefaultSize: __next40pxDefaultSize\n  });\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA+B;AAC/B,yBAAuB;AACvB,yBAA4B;AACb,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAG;AACD,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,gBAAY,6BAAe,UAAU;AAC3C,SAAoB,uCAAAA,KAAK,mBAAAC,SAAY;AAAA,IACnC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN,YAAY,qBAAqB,SAAY,OAAO,gBAAgB,IAAI;AAAA,IACxE,yBAAyB;AAAA,IACzB;AAAA,EACF,CAAC;AACH;",
+  "names": ["_jsx", "TreeSelect"]
+}

package/build/query-controls/category-select.js

@@ -1,22 +1,40 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var category_select_exports = {};
+__export(category_select_exports, {
+  default: () => CategorySelect
 });
-exports.default = CategorySelect;
-var _terms = require("./terms");
-var _treeSelect = _interopRequireDefault(require("../tree-select"));
-var _element = require("@wordpress/element");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Internal dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
+module.exports = __toCommonJS(category_select_exports);
+var import_terms = require("./terms");
+var import_tree_select = __toESM(require("../tree-select"));
+var import_element = require("@wordpress/element");
+var import_jsx_runtime = require("react/jsx-runtime");
 function CategorySelect({
   __next40pxDefaultSize,
   label,
@@ -26,18 +44,18 @@ function CategorySelect({
   onChange: onChangeProp,
   ...props
 }) {
-  const termsTree = (0, _element.useMemo)(() => {
-    return (0, _terms.buildTermsTree)(categoriesList);
+  const termsTree = (0, import_element.useMemo)(() => {
+    return (0, import_terms.buildTermsTree)(categoriesList);
   }, [categoriesList]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSelect.default, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tree_select.default, {
     label,
     noOptionLabel,
     onChange: onChangeProp,
     tree: termsTree,
-    selectedId: selectedCategoryId !== undefined ? String(selectedCategoryId) : undefined,
+    selectedId: selectedCategoryId !== void 0 ? String(selectedCategoryId) : void 0,
     ...props,
     __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: __next40pxDefaultSize
+    __next40pxDefaultSize
   });
 }
-//# sourceMappingURL=category-select.js.map
+//# sourceMappingURL=category-select.js.map

package/build/query-controls/category-select.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_terms","require","_treeSelect","_interopRequireDefault","_element","_jsxRuntime","CategorySelect","__next40pxDefaultSize","label","noOptionLabel","categoriesList","selectedCategoryId","onChange","onChangeProp","props","termsTree","useMemo","buildTermsTree","jsx","default","tree","selectedId","undefined","String","__nextHasNoMarginBottom"],"sources":["@wordpress/components/src/query-controls/category-select.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport type { CategorySelectProps } from './types';\n\nexport default function CategorySelect( {\n\t__next40pxDefaultSize,\n\tlabel,\n\tnoOptionLabel,\n\tcategoriesList,\n\tselectedCategoryId,\n\tonChange: onChangeProp,\n\t...props\n}: CategorySelectProps ) {\n\tconst termsTree = useMemo( () => {\n\t\treturn buildTermsTree( categoriesList );\n\t}, [ categoriesList ] );\n\n\treturn (\n\t\t<TreeSelect\n\t\t\t{ ...{\n\t\t\t\tlabel,\n\t\t\t\tnoOptionLabel,\n\t\t\t\tonChange: onChangeProp,\n\t\t\t} }\n\t\t\ttree={ termsTree }\n\t\t\tselectedId={\n\t\t\t\tselectedCategoryId !== undefined\n\t\t\t\t\t? String( selectedCategoryId )\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AAA6C,IAAAI,WAAA,GAAAJ,OAAA;AAT7C;AACA;AACA;;AAIA;AACA;AACA;;AAIe,SAASK,cAAcA,CAAE;EACvCC,qBAAqB;EACrBC,KAAK;EACLC,aAAa;EACbC,cAAc;EACdC,kBAAkB;EAClBC,QAAQ,EAAEC,YAAY;EACtB,GAAGC;AACiB,CAAC,EAAG;EACxB,MAAMC,SAAS,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAChC,OAAO,IAAAC,qBAAc,EAAEP,cAAe,CAAC;EACxC,CAAC,EAAE,CAAEA,cAAc,CAAG,CAAC;EAEvB,oBACC,IAAAL,WAAA,CAAAa,GAAA,EAAChB,WAAA,CAAAiB,OAAU;IAETX,KAAK;IACLC,aAAa;IACbG,QAAQ,EAAEC,YAAY;IAEvBO,IAAI,EAAGL,SAAW;IAClBM,UAAU,EACTV,kBAAkB,KAAKW,SAAS,GAC7BC,MAAM,CAAEZ,kBAAmB,CAAC,GAC5BW,SACH;IAAA,GACIR,KAAK;IACVU,uBAAuB;IACvBjB,qBAAqB,EAAGA;EAAuB,CAC/C,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/query-controls/category-select.tsx"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function CategorySelect({\n  __next40pxDefaultSize,\n  label,\n  noOptionLabel,\n  categoriesList,\n  selectedCategoryId,\n  onChange: onChangeProp,\n  ...props\n}) {\n  const termsTree = useMemo(() => {\n    return buildTermsTree(categoriesList);\n  }, [categoriesList]);\n  return /*#__PURE__*/_jsx(TreeSelect, {\n    label,\n    noOptionLabel,\n    onChange: onChangeProp,\n    tree: termsTree,\n    selectedId: selectedCategoryId !== undefined ? String(selectedCategoryId) : undefined,\n    ...props,\n    __nextHasNoMarginBottom: true,\n    __next40pxDefaultSize: __next40pxDefaultSize\n  });\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA+B;AAC/B,yBAAuB;AAKvB,qBAAwB;AACxB,yBAA4B;AACb,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAG;AACD,QAAM,gBAAY,wBAAQ,MAAM;AAC9B,eAAO,6BAAe,cAAc;AAAA,EACtC,GAAG,CAAC,cAAc,CAAC;AACnB,SAAoB,uCAAAA,KAAK,mBAAAC,SAAY;AAAA,IACnC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN,YAAY,uBAAuB,SAAY,OAAO,kBAAkB,IAAI;AAAA,IAC5E,GAAG;AAAA,IACH,yBAAyB;AAAA,IACzB;AAAA,EACF,CAAC;AACH;",
+  "names": ["_jsx", "TreeSelect"]
+}

package/build/query-controls/index.js

@@ -1,77 +1,69 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var query_controls_exports = {};
+__export(query_controls_exports, {
+  QueryControls: () => QueryControls,
+  default: () => query_controls_default
 });
-exports.QueryControls = QueryControls;
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _authorSelect = _interopRequireDefault(require("./author-select"));
-var _categorySelect = _interopRequireDefault(require("./category-select"));
-var _formTokenField = _interopRequireDefault(require("../form-token-field"));
-var _rangeControl = _interopRequireDefault(require("../range-control"));
-var _selectControl = _interopRequireDefault(require("../select-control"));
-var _vStack = require("../v-stack");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(query_controls_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_author_select = __toESM(require("./author-select"));
+var import_category_select = __toESM(require("./category-select"));
+var import_form_token_field = __toESM(require("../form-token-field"));
+var import_range_control = __toESM(require("../range-control"));
+var import_select_control = __toESM(require("../select-control"));
+var import_v_stack = require("../v-stack");
+var import_jsx_runtime = require("react/jsx-runtime");
 const DEFAULT_MIN_ITEMS = 1;
 const DEFAULT_MAX_ITEMS = 100;
 const MAX_CATEGORIES_SUGGESTIONS = 20;
 function isSingleCategorySelection(props) {
-  return 'categoriesList' in props;
+  return "categoriesList" in props;
 }
 function isMultipleCategorySelection(props) {
-  return 'categorySuggestions' in props;
+  return "categorySuggestions" in props;
 }
 const defaultOrderByOptions = [{
-  label: (0, _i18n.__)('Newest to oldest'),
-  value: 'date/desc'
+  label: (0, import_i18n.__)("Newest to oldest"),
+  value: "date/desc"
 }, {
-  label: (0, _i18n.__)('Oldest to newest'),
-  value: 'date/asc'
+  label: (0, import_i18n.__)("Oldest to newest"),
+  value: "date/asc"
 }, {
   /* translators: Label for ordering posts by title in ascending order. */
-  label: (0, _i18n.__)('A → Z'),
-  value: 'title/asc'
+  label: (0, import_i18n.__)("A \u2192 Z"),
+  value: "title/asc"
 }, {
   /* translators: Label for ordering posts by title in descending order. */
-  label: (0, _i18n.__)('Z → A'),
-  value: 'title/desc'
+  label: (0, import_i18n.__)("Z \u2192 A"),
+  value: "title/desc"
 }];
-
-/**
- * Controls to query for posts.
- *
- * ```jsx
- * const MyQueryControls = () => (
- *   <QueryControls
- *     { ...{ maxItems, minItems, numberOfItems, order, orderBy, orderByOptions } }
- *     onOrderByChange={ ( newOrderBy ) => {
- *       updateQuery( { orderBy: newOrderBy } )
- *     }
- *     onOrderChange={ ( newOrder ) => {
- *       updateQuery( { order: newOrder } )
- *     }
- *     categoriesList={ categories }
- *     selectedCategoryId={ category }
- *     onCategoryChange={ ( newCategory ) => {
- *       updateQuery( { category: newCategory } )
- *     }
- *     onNumberOfItemsChange={ ( newNumberOfItems ) => {
- *       updateQuery( { numberOfItems: newNumberOfItems } )
- *     } }
- *   />
- * );
- * ```
- */
 function QueryControls({
   authorList,
   selectedAuthorId,
@@ -89,20 +81,20 @@ function QueryControls({
   // but instead are destructured inline where necessary.
   ...props
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_vStack.VStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_v_stack.VStack, {
     spacing: "4",
     className: "components-query-controls",
-    children: [onOrderChange && onOrderByChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectControl.default, {
+    children: [onOrderChange && onOrderByChange && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_control.default, {
       __nextHasNoMarginBottom: true,
       __next40pxDefaultSize: true,
-      label: (0, _i18n.__)('Order by'),
-      value: orderBy === undefined || order === undefined ? undefined : `${orderBy}/${order}`,
+      label: (0, import_i18n.__)("Order by"),
+      value: orderBy === void 0 || order === void 0 ? void 0 : `${orderBy}/${order}`,
       options: orderByOptions,
-      onChange: value => {
-        if (typeof value !== 'string') {
+      onChange: (value) => {
+        if (typeof value !== "string") {
           return;
         }
-        const [newOrderBy, newOrder] = value.split('/');
+        const [newOrderBy, newOrder] = value.split("/");
         if (newOrder !== order) {
           onOrderChange(newOrder);
         }
@@ -110,18 +102,18 @@ function QueryControls({
           onOrderByChange(newOrderBy);
         }
       }
-    }, "query-controls-order-select"), isSingleCategorySelection(props) && props.categoriesList && props.onCategoryChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_categorySelect.default, {
+    }, "query-controls-order-select"), isSingleCategorySelection(props) && props.categoriesList && props.onCategoryChange && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_category_select.default, {
       __next40pxDefaultSize: true,
       categoriesList: props.categoriesList,
-      label: (0, _i18n.__)('Category'),
-      noOptionLabel: (0, _i18n._x)('All', 'categories'),
+      label: (0, import_i18n.__)("Category"),
+      noOptionLabel: (0, import_i18n._x)("All", "categories"),
       selectedCategoryId: props.selectedCategoryId,
       onChange: props.onCategoryChange
-    }, "query-controls-category-select"), isMultipleCategorySelection(props) && props.categorySuggestions && props.onCategoryChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_formTokenField.default, {
+    }, "query-controls-category-select"), isMultipleCategorySelection(props) && props.categorySuggestions && props.onCategoryChange && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_token_field.default, {
       __next40pxDefaultSize: true,
       __nextHasNoMarginBottom: true,
-      label: (0, _i18n.__)('Categories'),
-      value: props.selectedCategories && props.selectedCategories.map(item => ({
+      label: (0, import_i18n.__)("Categories"),
+      value: props.selectedCategories && props.selectedCategories.map((item) => ({
         id: item.id,
         // Keeping the fallback to `item.value` for legacy reasons,
         // even if items of `selectedCategories` should not have a
@@ -132,17 +124,17 @@ function QueryControls({
       suggestions: Object.keys(props.categorySuggestions),
       onChange: props.onCategoryChange,
       maxSuggestions: MAX_CATEGORIES_SUGGESTIONS
-    }, "query-controls-categories-select"), onAuthorChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_authorSelect.default, {
+    }, "query-controls-categories-select"), onAuthorChange && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_author_select.default, {
       __next40pxDefaultSize: true,
-      authorList: authorList,
-      label: (0, _i18n.__)('Author'),
-      noOptionLabel: (0, _i18n._x)('All', 'authors'),
-      selectedAuthorId: selectedAuthorId,
+      authorList,
+      label: (0, import_i18n.__)("Author"),
+      noOptionLabel: (0, import_i18n._x)("All", "authors"),
+      selectedAuthorId,
       onChange: onAuthorChange
-    }, "query-controls-author-select"), onNumberOfItemsChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_rangeControl.default, {
+    }, "query-controls-author-select"), onNumberOfItemsChange && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_range_control.default, {
       __nextHasNoMarginBottom: true,
       __next40pxDefaultSize: true,
-      label: (0, _i18n.__)('Number of items'),
+      label: (0, import_i18n.__)("Number of items"),
       value: numberOfItems,
       onChange: onNumberOfItemsChange,
       min: minItems,
@@ -151,5 +143,9 @@ function QueryControls({
     }, "query-controls-range-control")]
   });
 }
-var _default = exports.default = QueryControls;
-//# sourceMappingURL=index.js.map
+var query_controls_default = QueryControls;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  QueryControls
+});
+//# sourceMappingURL=index.js.map

package/build/query-controls/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_authorSelect","_interopRequireDefault","_categorySelect","_formTokenField","_rangeControl","_selectControl","_vStack","_jsxRuntime","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","MAX_CATEGORIES_SUGGESTIONS","isSingleCategorySelection","props","isMultipleCategorySelection","defaultOrderByOptions","label","__","value","QueryControls","authorList","selectedAuthorId","numberOfItems","order","orderBy","orderByOptions","maxItems","minItems","onAuthorChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","jsx","VStack","spacing","className","children","default","__nextHasNoMarginBottom","__next40pxDefaultSize","undefined","options","onChange","newOrderBy","newOrder","split","categoriesList","onCategoryChange","noOptionLabel","_x","selectedCategoryId","categorySuggestions","selectedCategories","map","item","id","name","suggestions","Object","keys","maxSuggestions","min","max","required","_default","exports"],"sources":["@wordpress/components/src/query-controls/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AuthorSelect from './author-select';\nimport CategorySelect from './category-select';\nimport FormTokenField from '../form-token-field';\nimport RangeControl from '../range-control';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport type {\n\tQueryControlsProps,\n\tQueryControlsWithMultipleCategorySelectionProps,\n\tQueryControlsWithSingleCategorySelectionProps,\n\tOrderByOption,\n} from './types';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\nconst MAX_CATEGORIES_SUGGESTIONS = 20;\n\nfunction isSingleCategorySelection(\n\tprops: QueryControlsProps\n): props is QueryControlsWithSingleCategorySelectionProps {\n\treturn 'categoriesList' in props;\n}\n\nfunction isMultipleCategorySelection(\n\tprops: QueryControlsProps\n): props is QueryControlsWithMultipleCategorySelectionProps {\n\treturn 'categorySuggestions' in props;\n}\n\nconst defaultOrderByOptions: OrderByOption[] = [\n\t{\n\t\tlabel: __( 'Newest to oldest' ),\n\t\tvalue: 'date/desc',\n\t},\n\t{\n\t\tlabel: __( 'Oldest to newest' ),\n\t\tvalue: 'date/asc',\n\t},\n\t{\n\t\t/* translators: Label for ordering posts by title in ascending order. */\n\t\tlabel: __( 'A → Z' ),\n\t\tvalue: 'title/asc',\n\t},\n\t{\n\t\t/* translators: Label for ordering posts by title in descending order. */\n\t\tlabel: __( 'Z → A' ),\n\t\tvalue: 'title/desc',\n\t},\n];\n\n/**\n * Controls to query for posts.\n *\n * ```jsx\n * const MyQueryControls = () => (\n *   <QueryControls\n *     { ...{ maxItems, minItems, numberOfItems, order, orderBy, orderByOptions } }\n *     onOrderByChange={ ( newOrderBy ) => {\n *       updateQuery( { orderBy: newOrderBy } )\n *     }\n *     onOrderChange={ ( newOrder ) => {\n *       updateQuery( { order: newOrder } )\n *     }\n *     categoriesList={ categories }\n *     selectedCategoryId={ category }\n *     onCategoryChange={ ( newCategory ) => {\n *       updateQuery( { category: newCategory } )\n *     }\n *     onNumberOfItemsChange={ ( newNumberOfItems ) => {\n *       updateQuery( { numberOfItems: newNumberOfItems } )\n *     } }\n *   />\n * );\n * ```\n */\nexport function QueryControls( {\n\tauthorList,\n\tselectedAuthorId,\n\tnumberOfItems,\n\torder,\n\torderBy,\n\torderByOptions = defaultOrderByOptions,\n\tmaxItems = DEFAULT_MAX_ITEMS,\n\tminItems = DEFAULT_MIN_ITEMS,\n\tonAuthorChange,\n\tonNumberOfItemsChange,\n\tonOrderChange,\n\tonOrderByChange,\n\t// Props for single OR multiple category selection are not destructured here,\n\t// but instead are destructured inline where necessary.\n\t...props\n}: QueryControlsProps ) {\n\treturn (\n\t\t<VStack spacing=\"4\" className=\"components-query-controls\">\n\t\t\t{ [\n\t\t\t\tonOrderChange && onOrderByChange && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tkey=\"query-controls-order-select\"\n\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\torderBy === undefined || order === undefined\n\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t: `${ orderBy }/${ order }`\n\t\t\t\t\t\t}\n\t\t\t\t\t\toptions={ orderByOptions }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tif ( typeof value !== 'string' ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\t\t\t\tonOrderChange(\n\t\t\t\t\t\t\t\t\tnewOrder as NonNullable<\n\t\t\t\t\t\t\t\t\t\tQueryControlsProps[ 'order' ]\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\t\t\t\tonOrderByChange(\n\t\t\t\t\t\t\t\t\tnewOrderBy as NonNullable<\n\t\t\t\t\t\t\t\t\t\tQueryControlsProps[ 'orderBy' ]\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t);\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),\n\t\t\t\tisSingleCategorySelection( props ) &&\n\t\t\t\t\tprops.categoriesList &&\n\t\t\t\t\tprops.onCategoryChange && (\n\t\t\t\t\t\t<CategorySelect\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tkey=\"query-controls-category-select\"\n\t\t\t\t\t\t\tcategoriesList={ props.categoriesList }\n\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\tnoOptionLabel={ _x( 'All', 'categories' ) }\n\t\t\t\t\t\t\tselectedCategoryId={ props.selectedCategoryId }\n\t\t\t\t\t\t\tonChange={ props.onCategoryChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\tisMultipleCategorySelection( props ) &&\n\t\t\t\t\tprops.categorySuggestions &&\n\t\t\t\t\tprops.onCategoryChange && (\n\t\t\t\t\t\t<FormTokenField\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tkey=\"query-controls-categories-select\"\n\t\t\t\t\t\t\tlabel={ __( 'Categories' ) }\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tprops.selectedCategories &&\n\t\t\t\t\t\t\t\tprops.selectedCategories.map( ( item ) => ( {\n\t\t\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\t\t\t// Keeping the fallback to `item.value` for legacy reasons,\n\t\t\t\t\t\t\t\t\t// even if items of `selectedCategories` should not have a\n\t\t\t\t\t\t\t\t\t// `value` property.\n\t\t\t\t\t\t\t\t\t// @ts-expect-error\n\t\t\t\t\t\t\t\t\tvalue: item.name || item.value,\n\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsuggestions={ Object.keys(\n\t\t\t\t\t\t\t\tprops.categorySuggestions\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonChange={ props.onCategoryChange }\n\t\t\t\t\t\t\tmaxSuggestions={ MAX_CATEGORIES_SUGGESTIONS }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\tonAuthorChange && (\n\t\t\t\t\t<AuthorSelect\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tkey=\"query-controls-author-select\"\n\t\t\t\t\t\tauthorList={ authorList }\n\t\t\t\t\t\tlabel={ __( 'Author' ) }\n\t\t\t\t\t\tnoOptionLabel={ _x( 'All', 'authors' ) }\n\t\t\t\t\t\tselectedAuthorId={ selectedAuthorId }\n\t\t\t\t\t\tonChange={ onAuthorChange }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tonNumberOfItemsChange && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tkey=\"query-controls-range-control\"\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ numberOfItems }\n\t\t\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\t\t\tmin={ minItems }\n\t\t\t\t\t\tmax={ maxItems }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t] }\n\t\t</VStack>\n\t);\n}\n\nexport default QueryControls;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/query-controls/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AuthorSelect from './author-select';\nimport CategorySelect from './category-select';\nimport FormTokenField from '../form-token-field';\nimport RangeControl from '../range-control';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\nconst MAX_CATEGORIES_SUGGESTIONS = 20;\nfunction isSingleCategorySelection(props) {\n  return 'categoriesList' in props;\n}\nfunction isMultipleCategorySelection(props) {\n  return 'categorySuggestions' in props;\n}\nconst defaultOrderByOptions = [{\n  label: __('Newest to oldest'),\n  value: 'date/desc'\n}, {\n  label: __('Oldest to newest'),\n  value: 'date/asc'\n}, {\n  /* translators: Label for ordering posts by title in ascending order. */\n  label: __('A \u2192 Z'),\n  value: 'title/asc'\n}, {\n  /* translators: Label for ordering posts by title in descending order. */\n  label: __('Z \u2192 A'),\n  value: 'title/desc'\n}];\n\n/**\n * Controls to query for posts.\n *\n * ```jsx\n * const MyQueryControls = () => (\n *   <QueryControls\n *     { ...{ maxItems, minItems, numberOfItems, order, orderBy, orderByOptions } }\n *     onOrderByChange={ ( newOrderBy ) => {\n *       updateQuery( { orderBy: newOrderBy } )\n *     }\n *     onOrderChange={ ( newOrder ) => {\n *       updateQuery( { order: newOrder } )\n *     }\n *     categoriesList={ categories }\n *     selectedCategoryId={ category }\n *     onCategoryChange={ ( newCategory ) => {\n *       updateQuery( { category: newCategory } )\n *     }\n *     onNumberOfItemsChange={ ( newNumberOfItems ) => {\n *       updateQuery( { numberOfItems: newNumberOfItems } )\n *     } }\n *   />\n * );\n * ```\n */\nexport function QueryControls({\n  authorList,\n  selectedAuthorId,\n  numberOfItems,\n  order,\n  orderBy,\n  orderByOptions = defaultOrderByOptions,\n  maxItems = DEFAULT_MAX_ITEMS,\n  minItems = DEFAULT_MIN_ITEMS,\n  onAuthorChange,\n  onNumberOfItemsChange,\n  onOrderChange,\n  onOrderByChange,\n  // Props for single OR multiple category selection are not destructured here,\n  // but instead are destructured inline where necessary.\n  ...props\n}) {\n  return /*#__PURE__*/_jsx(VStack, {\n    spacing: \"4\",\n    className: \"components-query-controls\",\n    children: [onOrderChange && onOrderByChange && /*#__PURE__*/_jsx(SelectControl, {\n      __nextHasNoMarginBottom: true,\n      __next40pxDefaultSize: true,\n      label: __('Order by'),\n      value: orderBy === undefined || order === undefined ? undefined : `${orderBy}/${order}`,\n      options: orderByOptions,\n      onChange: value => {\n        if (typeof value !== 'string') {\n          return;\n        }\n        const [newOrderBy, newOrder] = value.split('/');\n        if (newOrder !== order) {\n          onOrderChange(newOrder);\n        }\n        if (newOrderBy !== orderBy) {\n          onOrderByChange(newOrderBy);\n        }\n      }\n    }, \"query-controls-order-select\"), isSingleCategorySelection(props) && props.categoriesList && props.onCategoryChange && /*#__PURE__*/_jsx(CategorySelect, {\n      __next40pxDefaultSize: true,\n      categoriesList: props.categoriesList,\n      label: __('Category'),\n      noOptionLabel: _x('All', 'categories'),\n      selectedCategoryId: props.selectedCategoryId,\n      onChange: props.onCategoryChange\n    }, \"query-controls-category-select\"), isMultipleCategorySelection(props) && props.categorySuggestions && props.onCategoryChange && /*#__PURE__*/_jsx(FormTokenField, {\n      __next40pxDefaultSize: true,\n      __nextHasNoMarginBottom: true,\n      label: __('Categories'),\n      value: props.selectedCategories && props.selectedCategories.map(item => ({\n        id: item.id,\n        // Keeping the fallback to `item.value` for legacy reasons,\n        // even if items of `selectedCategories` should not have a\n        // `value` property.\n        // @ts-expect-error\n        value: item.name || item.value\n      })),\n      suggestions: Object.keys(props.categorySuggestions),\n      onChange: props.onCategoryChange,\n      maxSuggestions: MAX_CATEGORIES_SUGGESTIONS\n    }, \"query-controls-categories-select\"), onAuthorChange && /*#__PURE__*/_jsx(AuthorSelect, {\n      __next40pxDefaultSize: true,\n      authorList: authorList,\n      label: __('Author'),\n      noOptionLabel: _x('All', 'authors'),\n      selectedAuthorId: selectedAuthorId,\n      onChange: onAuthorChange\n    }, \"query-controls-author-select\"), onNumberOfItemsChange && /*#__PURE__*/_jsx(RangeControl, {\n      __nextHasNoMarginBottom: true,\n      __next40pxDefaultSize: true,\n      label: __('Number of items'),\n      value: numberOfItems,\n      onChange: onNumberOfItemsChange,\n      min: minItems,\n      max: maxItems,\n      required: true\n    }, \"query-controls-range-control\")]\n  });\n}\nexport default QueryControls;"],
+  "mappings": "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",
+  "names": ["_jsx", "SelectControl", "CategorySelect", "FormTokenField", "AuthorSelect", "RangeControl"]
+}