@wordpress/components 25.5.0 → 25.6.0

package/build-module/ui/control-label/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/control-label/styles.js"],"names":["css","CONFIG","getHighDpi","lineHeight","fontSize","getPadding","size","highDpiAdjust","ControlLabel","large","medium","small","inline","block"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,2BAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AAEA,MAAMC,UAAU,GAAI,QAAQF,MAAM,CAACG,QAAU,SAA7C;AAEA;AACA;AACA;;AACA,SAASC,UAAT,CAAqBC,IAArB,EAA4B;AAC3B,SAAQ,SAASL,MAAM,CAAEK,IAAF,CAAU,MAAMH,UAAY,QAAnD;AACA;;AAED,MAAMI,aAAa,GAAGL,UAAW;AACjC;AACA;AACA;AACA;AACA,CALA;AAOA,OAAO,MAAMM,YAAY,gBAAGR,GAAH,sCAERG,UAFQ,8CAKLE,UAAU,CAAE,eAAF,CALL,mBAMRA,UAAU,CAAE,eAAF,CANF,kCAYrBE,aAZqB,0yEAAlB;AAeP,OAAO,MAAME,KAAK,gBAAGT,GAAH,oBACEK,UAAU,CAAE,oBAAF,CADZ,mBAEDA,UAAU,CAAE,oBAAF,CAFT,myEAAX;AAKP,OAAO,MAAMK,MAAM,gBAAGV,GAAH,oBACCK,UAAU,CAAE,eAAF,CADX,mBAEFA,UAAU,CAAE,eAAF,CAFR,oyEAAZ;AAKP,OAAO,MAAMM,KAAK,gBAAGX,GAAH,oBACEK,UAAU,CAAE,oBAAF,CADZ,mBAEDA,UAAU,CAAE,oBAAF,CAFT,myEAAX;AAKP,OAAO,MAAMO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAZ;AAKP,OAAO,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAX","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport CONFIG from '../../utils/config-values';\nimport { getHighDpi } from '../utils/get-high-dpi';\n\nconst lineHeight = `calc(${ CONFIG.fontSize } * 1.2)`;\n\n/**\n * @param {keyof CONFIG} size The padding size.\n */\nfunction getPadding( size ) {\n\treturn `calc((${ CONFIG[ size ] } - ${ lineHeight }) / 2)`;\n}\n\nconst highDpiAdjust = getHighDpi`\n\t> * {\n\t\tposition: relative;\n\t\ttop: 0.5px;\n\t}\n`;\n\nexport const ControlLabel = css`\n\tdisplay: inline-block;\n\tline-height: ${ lineHeight };\n\tmargin: 0;\n\tmax-width: 100%;\n\tpadding-bottom: ${ getPadding( 'controlHeight' ) };\n\tpadding-top: ${ getPadding( 'controlHeight' ) };\n\n\t&:active {\n\t\tuser-select: none;\n\t}\n\n\t${ highDpiAdjust };\n`;\n\nexport const large = css`\n\tpadding-bottom: ${ getPadding( 'controlHeightLarge' ) };\n\tpadding-top: ${ getPadding( 'controlHeightLarge' ) };\n`;\n\nexport const medium = css`\n\tpadding-bottom: ${ getPadding( 'controlHeight' ) };\n\tpadding-top: ${ getPadding( 'controlHeight' ) };\n`;\n\nexport const small = css`\n\tpadding-bottom: ${ getPadding( 'controlHeightSmall' ) };\n\tpadding-top: ${ getPadding( 'controlHeightSmall' ) };\n`;\n\nexport const inline = css`\n\tdisplay: inline-block;\n\tvertical-align: middle;\n`;\n\nexport const block = css`\n\tdisplay: block;\n`;\n"]}

package/build-module/ui/control-label/types.js

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

package/build-module/ui/control-label/types.js.map

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

package/build-module/ui/form-group/form-group-content.js

@@ -1,51 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { useMemo, memo } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import { VStack } from '../../v-stack';
-import { FormGroupContext } from './form-group-context';
-import FormGroupHelp from './form-group-help';
-import FormGroupLabel from './form-group-label';
-/**
- * @param {import('../context').WordPressComponentProps<import('./types').FormGroupContentProps, 'label', false>} props
- */
-
-function FormGroupContent({
-  alignLabel,
-  children,
-  help,
-  horizontal = false,
-  id,
-  label,
-  labelHidden,
-  spacing = 2,
-  truncate,
-  ...props
-}) {
-  const contextProps = useMemo(() => ({
-    id,
-    horizontal
-  }), [id, horizontal]);
-  const content = help ? createElement(VStack, {
-    expanded: false,
-    spacing: spacing
-  }, children, createElement(FormGroupHelp, null, help)) : children;
-  return createElement(FormGroupContext.Provider, {
-    value: contextProps
-  }, createElement(FormGroupLabel, {
-    align: alignLabel,
-    id: id,
-    labelHidden: labelHidden,
-    truncate: truncate,
-    ...props
-  }, label), content);
-}
-
-export default memo(FormGroupContent);
-//# sourceMappingURL=form-group-content.js.map

package/build-module/ui/form-group/form-group-content.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-content.js"],"names":["useMemo","memo","VStack","FormGroupContext","FormGroupHelp","FormGroupLabel","FormGroupContent","alignLabel","children","help","horizontal","id","label","labelHidden","spacing","truncate","props","contextProps","content"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,EAAkBC,IAAlB,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,gBAAT,QAAiC,sBAAjC;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,CAA2B;AAC1BC,EAAAA,UAD0B;AAE1BC,EAAAA,QAF0B;AAG1BC,EAAAA,IAH0B;AAI1BC,EAAAA,UAAU,GAAG,KAJa;AAK1BC,EAAAA,EAL0B;AAM1BC,EAAAA,KAN0B;AAO1BC,EAAAA,WAP0B;AAQ1BC,EAAAA,OAAO,GAAG,CARgB;AAS1BC,EAAAA,QAT0B;AAU1B,KAAGC;AAVuB,CAA3B,EAWI;AACH,QAAMC,YAAY,GAAGjB,OAAO,CAC3B,OAAQ;AAAEW,IAAAA,EAAF;AAAMD,IAAAA;AAAN,GAAR,CAD2B,EAE3B,CAAEC,EAAF,EAAMD,UAAN,CAF2B,CAA5B;AAKA,QAAMQ,OAAO,GAAGT,IAAI,GACnB,cAAC,MAAD;AAAQ,IAAA,QAAQ,EAAG,KAAnB;AAA2B,IAAA,OAAO,EAAGK;AAArC,KACGN,QADH,EAEC,cAAC,aAAD,QAAiBC,IAAjB,CAFD,CADmB,GAMnBD,QAND;AASA,SACC,cAAC,gBAAD,CAAkB,QAAlB;AAA2B,IAAA,KAAK,EAAGS;AAAnC,KACC,cAAC,cAAD;AACC,IAAA,KAAK,EAAGV,UADT;AAEC,IAAA,EAAE,EAAGI,EAFN;AAGC,IAAA,WAAW,EAAGE,WAHf;AAIC,IAAA,QAAQ,EAAGE,QAJZ;AAAA,OAKMC;AALN,KAOGJ,KAPH,CADD,EAUGM,OAVH,CADD;AAcA;;AAED,eAAejB,IAAI,CAAEK,gBAAF,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\nimport { FormGroupContext } from './form-group-context';\nimport FormGroupHelp from './form-group-help';\nimport FormGroupLabel from './form-group-label';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').FormGroupContentProps, 'label', false>} props\n */\nfunction FormGroupContent( {\n\talignLabel,\n\tchildren,\n\thelp,\n\thorizontal = false,\n\tid,\n\tlabel,\n\tlabelHidden,\n\tspacing = 2,\n\ttruncate,\n\t...props\n} ) {\n\tconst contextProps = useMemo(\n\t\t() => ( { id, horizontal } ),\n\t\t[ id, horizontal ]\n\t);\n\n\tconst content = help ? (\n\t\t<VStack expanded={ false } spacing={ spacing }>\n\t\t\t{ children }\n\t\t\t<FormGroupHelp>{ help }</FormGroupHelp>\n\t\t</VStack>\n\t) : (\n\t\tchildren\n\t);\n\n\treturn (\n\t\t<FormGroupContext.Provider value={ contextProps }>\n\t\t\t<FormGroupLabel\n\t\t\t\talign={ alignLabel }\n\t\t\t\tid={ id }\n\t\t\t\tlabelHidden={ labelHidden }\n\t\t\t\ttruncate={ truncate }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</FormGroupLabel>\n\t\t\t{ content }\n\t\t</FormGroupContext.Provider>\n\t);\n}\n\nexport default memo( FormGroupContent );\n"]}

package/build-module/ui/form-group/form-group-context.js

@@ -1,32 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createContext, useContext } from '@wordpress/element';
-/**
- * @typedef {{ id?: import('react').ReactText, horizontal: boolean }} FormGroupContext
- */
-
-/**
- * @type {FormGroupContext}
- */
-
-const initialContext = {
-  id: undefined,
-  horizontal: true
-};
-/**
- * @type {import('react').Context<FormGroupContext>}
- */
-
-export const FormGroupContext = createContext(initialContext);
-export const useFormGroupContext = () => useContext(FormGroupContext);
-/**
- * @param {string | undefined} id The preferred id for the form group element.
- * @return {import('react').ReactText | undefined} The form group context id.
- */
-
-export const useFormGroupContextId = id => {
-  const contextId = useFormGroupContext().id;
-  return id || contextId;
-};
-//# sourceMappingURL=form-group-context.js.map

package/build-module/ui/form-group/form-group-context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-context.js"],"names":["createContext","useContext","initialContext","id","undefined","horizontal","FormGroupContext","useFormGroupContext","useFormGroupContextId","contextId"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,oBAA1C;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AACA,MAAMC,cAAc,GAAG;AACtBC,EAAAA,EAAE,EAAEC,SADkB;AAEtBC,EAAAA,UAAU,EAAE;AAFU,CAAvB;AAKA;AACA;AACA;;AACA,OAAO,MAAMC,gBAAgB,GAAGN,aAAa,CAAEE,cAAF,CAAtC;AACP,OAAO,MAAMK,mBAAmB,GAAG,MAAMN,UAAU,CAAEK,gBAAF,CAA5C;AAEP;AACA;AACA;AACA;;AACA,OAAO,MAAME,qBAAqB,GAAKL,EAAF,IAAU;AAC9C,QAAMM,SAAS,GAAGF,mBAAmB,GAAGJ,EAAxC;AACA,SAAOA,EAAE,IAAIM,SAAb;AACA,CAHM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * @typedef {{ id?: import('react').ReactText, horizontal: boolean }} FormGroupContext\n */\n\n/**\n * @type {FormGroupContext}\n */\nconst initialContext = {\n\tid: undefined,\n\thorizontal: true,\n};\n\n/**\n * @type {import('react').Context<FormGroupContext>}\n */\nexport const FormGroupContext = createContext( initialContext );\nexport const useFormGroupContext = () => useContext( FormGroupContext );\n\n/**\n * @param {string | undefined} id The preferred id for the form group element.\n * @return {import('react').ReactText | undefined} The form group context id.\n */\nexport const useFormGroupContextId = ( id ) => {\n\tconst contextId = useFormGroupContext().id;\n\treturn id || contextId;\n};\n"]}

package/build-module/ui/form-group/form-group-help.js

@@ -1,37 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { memo } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import { ContextSystemProvider } from '../context';
-const contextValue = {
-  Text: {
-    variant: 'muted'
-  }
-};
-/**
- * @typedef Props
- * @property {import('react').ReactNode} [children] The content to display within `FormGroupHelp`.
- */
-
-/**
- *
- * @param {Props} props
- */
-
-function FormGroupHelp({
-  children
-}) {
-  if (!children) return null;
-  return createElement(ContextSystemProvider, {
-    value: contextValue
-  }, children);
-}
-
-export default memo(FormGroupHelp);
-//# sourceMappingURL=form-group-help.js.map

package/build-module/ui/form-group/form-group-help.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-help.js"],"names":["memo","ContextSystemProvider","contextValue","Text","variant","FormGroupHelp","children"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AAEA;AACA;AACA;;AACA,SAASC,qBAAT,QAAsC,YAAtC;AAEA,MAAMC,YAAY,GAAG;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX;AAAR,CAArB;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AACA,SAASC,aAAT,CAAwB;AAAEC,EAAAA;AAAF,CAAxB,EAAuC;AACtC,MAAK,CAAEA,QAAP,EAAkB,OAAO,IAAP;AAElB,SACC,cAAC,qBAAD;AAAuB,IAAA,KAAK,EAAGJ;AAA/B,KACGI,QADH,CADD;AAKA;;AAED,eAAeN,IAAI,CAAEK,aAAF,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ContextSystemProvider } from '../context';\n\nconst contextValue = { Text: { variant: 'muted' } };\n\n/**\n * @typedef Props\n * @property {import('react').ReactNode} [children] The content to display within `FormGroupHelp`.\n */\n\n/**\n *\n * @param {Props} props\n */\nfunction FormGroupHelp( { children } ) {\n\tif ( ! children ) return null;\n\n\treturn (\n\t\t<ContextSystemProvider value={ contextValue }>\n\t\t\t{ children }\n\t\t</ContextSystemProvider>\n\t);\n}\n\nexport default memo( FormGroupHelp );\n"]}

package/build-module/ui/form-group/form-group-label.js

@@ -1,38 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { memo } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import { ControlLabel } from '../control-label';
-import { VisuallyHidden } from '../../visually-hidden';
-/**
- * @param {import('../context').WordPressComponentProps<import('./types').FormGroupLabelProps, 'label', false>} props
- * @return {JSX.Element | null} The form group's label.
- */
-
-function FormGroupLabel({
-  children,
-  id,
-  labelHidden = false,
-  ...props
-}) {
-  if (!children) return null;
-
-  if (labelHidden) {
-    return createElement(VisuallyHidden, {
-      as: "label",
-      htmlFor: id?.toString()
-    }, children);
-  }
-
-  return createElement(ControlLabel, { ...props
-  }, children);
-}
-
-export default memo(FormGroupLabel);
-//# sourceMappingURL=form-group-label.js.map

package/build-module/ui/form-group/form-group-label.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-label.js"],"names":["memo","ControlLabel","VisuallyHidden","FormGroupLabel","children","id","labelHidden","props","toString"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AAEA;AACA;AACA;;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,cAAT,QAA+B,uBAA/B;AAEA;AACA;AACA;AACA;;AACA,SAASC,cAAT,CAAyB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,EAAZ;AAAgBC,EAAAA,WAAW,GAAG,KAA9B;AAAqC,KAAGC;AAAxC,CAAzB,EAA2E;AAC1E,MAAK,CAAEH,QAAP,EAAkB,OAAO,IAAP;;AAElB,MAAKE,WAAL,EAAmB;AAClB,WACC,cAAC,cAAD;AAAgB,MAAA,EAAE,EAAC,OAAnB;AAA2B,MAAA,OAAO,EAAGD,EAAE,EAAEG,QAAJ;AAArC,OACGJ,QADH,CADD;AAKA;;AAED,SAAO,cAAC,YAAD,OAAmBG;AAAnB,KAA6BH,QAA7B,CAAP;AACA;;AAED,eAAeJ,IAAI,CAAEG,cAAF,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ControlLabel } from '../control-label';\nimport { VisuallyHidden } from '../../visually-hidden';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').FormGroupLabelProps, 'label', false>} props\n * @return {JSX.Element | null} The form group's label.\n */\nfunction FormGroupLabel( { children, id, labelHidden = false, ...props } ) {\n\tif ( ! children ) return null;\n\n\tif ( labelHidden ) {\n\t\treturn (\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ id?.toString() }>\n\t\t\t\t{ children }\n\t\t\t</VisuallyHidden>\n\t\t);\n\t}\n\n\treturn <ControlLabel { ...props }>{ children }</ControlLabel>;\n}\n\nexport default memo( FormGroupLabel );\n"]}

package/build-module/ui/form-group/form-group-styles.js

@@ -1,16 +0,0 @@
-function _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)."; }
-
-/**
- * External dependencies
- */
-import { css } from '@emotion/react';
-export const FormGroup = process.env.NODE_ENV === "production" ? {
-  name: "1d3w5wq",
-  styles: "width:100%"
-} : {
-  name: "1iowh1i-FormGroup",
-  styles: "width:100%;label:FormGroup;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvZm9ybS1ncm91cC9mb3JtLWdyb3VwLXN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLNEIiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91aS9mb3JtLWdyb3VwL2Zvcm0tZ3JvdXAtc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgRm9ybUdyb3VwID0gY3NzYFxuXHR3aWR0aDogMTAwJTtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-//# sourceMappingURL=form-group-styles.js.map

package/build-module/ui/form-group/form-group-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-styles.js"],"names":["css","FormGroup"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA,OAAO,MAAMC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\nexport const FormGroup = css`\n\twidth: 100%;\n`;\n"]}

package/build-module/ui/form-group/form-group.js

@@ -1,57 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * Internal dependencies
- */
-import { contextConnect } from '../context';
-import { Grid } from '../../grid';
-import { View } from '../../view';
-import FormGroupContent from './form-group-content';
-import { useFormGroup } from './use-form-group';
-/**
- * @param {import('../context').WordPressComponentProps<import('./types').FormGroupProps, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                                                     forwardedRef
- */
-
-function FormGroup(props, forwardedRef) {
-  const {
-    contentProps,
-    horizontal,
-    ...otherProps
-  } = useFormGroup(props);
-
-  if (horizontal) {
-    return createElement(Grid, {
-      templateColumns: "minmax(0, 1fr) 2fr",
-      ...otherProps,
-      ref: forwardedRef
-    }, createElement(FormGroupContent, { ...contentProps
-    }));
-  }
-
-  return createElement(View, { ...otherProps,
-    ref: forwardedRef
-  }, createElement(FormGroupContent, { ...contentProps
-  }));
-}
-/**
- * `FormGroup` is a form component that groups a label with a form element (e.g. `Switch` or `TextInput`).
- *
- * @example
- * ```jsx
- * import { FormGroup, TextInput } from `@wordpress/components/ui`;
- *
- * function Example() {
- * 	return (
- * 		<FormGroup label="First name">
- * 			<TextInput />
- * 		</FormGroup>
- * 	);
- * }
- * ```
- */
-
-
-const ConnectedFormGroup = contextConnect(FormGroup, 'FormGroup');
-export default ConnectedFormGroup;
-//# sourceMappingURL=form-group.js.map

package/build-module/ui/form-group/form-group.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group.js"],"names":["contextConnect","Grid","View","FormGroupContent","useFormGroup","FormGroup","props","forwardedRef","contentProps","horizontal","otherProps","ConnectedFormGroup"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,YAA/B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,SAASC,YAAT,QAA6B,kBAA7B;AAEA;AACA;AACA;AACA;;AACA,SAASC,SAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAA0C;AACzC,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,UAAhB;AAA4B,OAAGC;AAA/B,MAA8CN,YAAY,CAAEE,KAAF,CAAhE;;AAEA,MAAKG,UAAL,EAAkB;AACjB,WACC,cAAC,IAAD;AACC,MAAA,eAAe,EAAC,oBADjB;AAAA,SAEMC,UAFN;AAGC,MAAA,GAAG,EAAGH;AAHP,OAKC,cAAC,gBAAD,OAAuBC;AAAvB,MALD,CADD;AASA;;AAED,SACC,cAAC,IAAD,OAAWE,UAAX;AAAwB,IAAA,GAAG,EAAGH;AAA9B,KACC,cAAC,gBAAD,OAAuBC;AAAvB,IADD,CADD;AAKA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMG,kBAAkB,GAAGX,cAAc,CAAEK,SAAF,EAAa,WAAb,CAAzC;AAEA,eAAeM,kBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../context';\nimport { Grid } from '../../grid';\nimport { View } from '../../view';\nimport FormGroupContent from './form-group-content';\nimport { useFormGroup } from './use-form-group';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').FormGroupProps, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                                     forwardedRef\n */\nfunction FormGroup( props, forwardedRef ) {\n\tconst { contentProps, horizontal, ...otherProps } = useFormGroup( props );\n\n\tif ( horizontal ) {\n\t\treturn (\n\t\t\t<Grid\n\t\t\t\ttemplateColumns=\"minmax(0, 1fr) 2fr\"\n\t\t\t\t{ ...otherProps }\n\t\t\t\tref={ forwardedRef }\n\t\t\t>\n\t\t\t\t<FormGroupContent { ...contentProps } />\n\t\t\t</Grid>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View { ...otherProps } ref={ forwardedRef }>\n\t\t\t<FormGroupContent { ...contentProps } />\n\t\t</View>\n\t);\n}\n\n/**\n * `FormGroup` is a form component that groups a label with a form element (e.g. `Switch` or `TextInput`).\n *\n * @example\n * ```jsx\n * import { FormGroup, TextInput } from `@wordpress/components/ui`;\n *\n * function Example() {\n * \treturn (\n * \t\t<FormGroup label=\"First name\">\n * \t\t\t<TextInput />\n * \t\t</FormGroup>\n * \t);\n * }\n * ```\n */\nconst ConnectedFormGroup = contextConnect( FormGroup, 'FormGroup' );\n\nexport default ConnectedFormGroup;\n"]}

package/build-module/ui/form-group/index.js

@@ -1,4 +0,0 @@
-export { default as FormGroup } from './form-group';
-export * from './use-form-group';
-export * from './form-group-context';
-//# sourceMappingURL=index.js.map

package/build-module/ui/form-group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/index.js"],"names":["default","FormGroup"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAApB,QAAqC,cAArC;AAEA,cAAc,kBAAd;AACA,cAAc,sBAAd","sourcesContent":["export { default as FormGroup } from './form-group';\n\nexport * from './use-form-group';\nexport * from './form-group-context';\n"]}

package/build-module/ui/form-group/types.js

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

package/build-module/ui/form-group/types.js.map

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

package/build-module/ui/form-group/use-form-group.js

@@ -1,48 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useInstanceId } from '@wordpress/compose';
-/**
- * Internal dependencies
- */
-
-import { useContextSystem } from '../context';
-import * as styles from './form-group-styles';
-import { useCx } from '../../utils/hooks/use-cx';
-/**
- * @param {import('../context').WordPressComponentProps<import('./types').FormGroupProps, 'div'>} props
- */
-
-export function useFormGroup(props) {
-  const {
-    alignLabel = 'left',
-    children,
-    className,
-    help,
-    horizontal = false,
-    id: idProp,
-    label,
-    labelHidden = false,
-    truncate = false,
-    ...otherProps
-  } = useContextSystem(props, 'FormGroup');
-  const id = useInstanceId(useFormGroup, 'form-group', idProp);
-  const cx = useCx();
-  const classes = cx(styles.FormGroup, className);
-  const contentProps = {
-    alignLabel,
-    children,
-    help,
-    id,
-    horizontal,
-    label,
-    labelHidden,
-    truncate
-  };
-  return { ...otherProps,
-    className: classes,
-    contentProps,
-    horizontal
-  };
-}
-//# sourceMappingURL=use-form-group.js.map

package/build-module/ui/form-group/use-form-group.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/use-form-group.js"],"names":["useInstanceId","useContextSystem","styles","useCx","useFormGroup","props","alignLabel","children","className","help","horizontal","id","idProp","label","labelHidden","truncate","otherProps","cx","classes","FormGroup","contentProps"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,YAAjC;AACA,OAAO,KAAKC,MAAZ,MAAwB,qBAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAEA;AACA;AACA;;AACA,OAAO,SAASC,YAAT,CAAuBC,KAAvB,EAA+B;AACrC,QAAM;AACLC,IAAAA,UAAU,GAAG,MADR;AAELC,IAAAA,QAFK;AAGLC,IAAAA,SAHK;AAILC,IAAAA,IAJK;AAKLC,IAAAA,UAAU,GAAG,KALR;AAMLC,IAAAA,EAAE,EAAEC,MANC;AAOLC,IAAAA,KAPK;AAQLC,IAAAA,WAAW,GAAG,KART;AASLC,IAAAA,QAAQ,GAAG,KATN;AAUL,OAAGC;AAVE,MAWFf,gBAAgB,CAAEI,KAAF,EAAS,WAAT,CAXpB;AAaA,QAAMM,EAAE,GAAGX,aAAa,CAAEI,YAAF,EAAgB,YAAhB,EAA8BQ,MAA9B,CAAxB;AAEA,QAAMK,EAAE,GAAGd,KAAK,EAAhB;AAEA,QAAMe,OAAO,GAAGD,EAAE,CAAEf,MAAM,CAACiB,SAAT,EAAoBX,SAApB,CAAlB;AAEA,QAAMY,YAAY,GAAG;AACpBd,IAAAA,UADoB;AAEpBC,IAAAA,QAFoB;AAGpBE,IAAAA,IAHoB;AAIpBE,IAAAA,EAJoB;AAKpBD,IAAAA,UALoB;AAMpBG,IAAAA,KANoB;AAOpBC,IAAAA,WAPoB;AAQpBC,IAAAA;AARoB,GAArB;AAWA,SAAO,EACN,GAAGC,UADG;AAENR,IAAAA,SAAS,EAAEU,OAFL;AAGNE,IAAAA,YAHM;AAINV,IAAAA;AAJM,GAAP;AAMA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../context';\nimport * as styles from './form-group-styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').FormGroupProps, 'div'>} props\n */\nexport function useFormGroup( props ) {\n\tconst {\n\t\talignLabel = 'left',\n\t\tchildren,\n\t\tclassName,\n\t\thelp,\n\t\thorizontal = false,\n\t\tid: idProp,\n\t\tlabel,\n\t\tlabelHidden = false,\n\t\ttruncate = false,\n\t\t...otherProps\n\t} = useContextSystem( props, 'FormGroup' );\n\n\tconst id = useInstanceId( useFormGroup, 'form-group', idProp );\n\n\tconst cx = useCx();\n\n\tconst classes = cx( styles.FormGroup, className );\n\n\tconst contentProps = {\n\t\talignLabel,\n\t\tchildren,\n\t\thelp,\n\t\tid,\n\t\thorizontal,\n\t\tlabel,\n\t\tlabelHidden,\n\t\ttruncate,\n\t};\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t\tcontentProps,\n\t\thorizontal,\n\t};\n}\n"]}

package/build-module/ui/index.js

@@ -1,6 +0,0 @@
-export * from './control-group';
-export * from './control-label';
-export * from './form-group';
-export * from './shortcut';
-export * from './spinner';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/index.js"],"names":[],"mappings":"AAAA,cAAc,iBAAd;AACA,cAAc,iBAAd;AACA,cAAc,cAAd;AACA,cAAc,YAAd;AACA,cAAc,WAAd","sourcesContent":["export * from './control-group';\nexport * from './control-label';\nexport * from './form-group';\nexport * from './shortcut';\nexport * from './spinner';\n"]}

package/build-module/ui/spinner/component.js

@@ -1,95 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * Internal dependencies
- */
-import { BarsView, BarsWrapperView, ContainerView } from './styles';
-import { BASE_SIZE, WRAPPER_SIZE } from './utils';
-import { contextConnect, useContextSystem } from '../context';
-import { COLORS } from '../../utils/colors-values';
-/* eslint-disable jsdoc/valid-types */
-
-/**
- * @typedef Props
- * @property {import('react').CSSProperties['color']} [color]   Color of `Spinner`.
- * @property {number}                                 [size=16] Size of `Spinner`.
- */
-
-/* eslint-enable jsdoc/valid-types */
-
-/**
- *
- * @param {import('../context').WordPressComponentProps<Props, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                          forwardedRef
- */
-
-function Spinner(props, forwardedRef) {
-  const {
-    color = COLORS.gray[900],
-    size = BASE_SIZE,
-    ...otherProps
-  } = useContextSystem(props, 'Spinner');
-  const ratio = size / BASE_SIZE;
-  const scale = ratio * BASE_SIZE / WRAPPER_SIZE;
-  const transform = `scale(${scale})`;
-  const styles = {
-    transform
-  };
-  return createElement(ContainerView, { ...otherProps,
-    "aria-busy": true,
-    ref: forwardedRef,
-    style: {
-      height: size,
-      width: size
-    }
-  }, createElement(BarsWrapperView, {
-    "aria-hidden": true,
-    style: styles
-  }, createElement(BarsView, {
-    style: {
-      color
-    }
-  }, createElement("div", {
-    className: "InnerBar1"
-  }), createElement("div", {
-    className: "InnerBar2"
-  }), createElement("div", {
-    className: "InnerBar3"
-  }), createElement("div", {
-    className: "InnerBar4"
-  }), createElement("div", {
-    className: "InnerBar5"
-  }), createElement("div", {
-    className: "InnerBar6"
-  }), createElement("div", {
-    className: "InnerBar7"
-  }), createElement("div", {
-    className: "InnerBar8"
-  }), createElement("div", {
-    className: "InnerBar9"
-  }), createElement("div", {
-    className: "InnerBar10"
-  }), createElement("div", {
-    className: "InnerBar11"
-  }), createElement("div", {
-    className: "InnerBar12"
-  }))));
-}
-/**
- * `Spinner` is a component that notify users that their action is being processed.
- *
- * @example
- * ```jsx
- * import { Spinner } from `@wordpress/components/ui`;
- *
- * function Example() {
- * 	return (
- * 		<Spinner />
- * 	);
- * }
- * ```
- */
-
-
-export default contextConnect(Spinner, 'Spinner');
-//# sourceMappingURL=component.js.map

package/build-module/ui/spinner/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/spinner/component.js"],"names":["BarsView","BarsWrapperView","ContainerView","BASE_SIZE","WRAPPER_SIZE","contextConnect","useContextSystem","COLORS","Spinner","props","forwardedRef","color","gray","size","otherProps","ratio","scale","transform","styles","height","width"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,eAAnB,EAAoCC,aAApC,QAAyD,UAAzD;AACA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,SAAxC;AACA,SAASC,cAAT,EAAyBC,gBAAzB,QAAiD,YAAjD;AACA,SAASC,MAAT,QAAuB,2BAAvB;AAEA;;AACA;AACA;AACA;AACA;AACA;;AACA;;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASC,OAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAwC;AACvC,QAAM;AACLC,IAAAA,KAAK,GAAGJ,MAAM,CAACK,IAAP,CAAa,GAAb,CADH;AAELC,IAAAA,IAAI,GAAGV,SAFF;AAGL,OAAGW;AAHE,MAIFR,gBAAgB,CAAEG,KAAF,EAAS,SAAT,CAJpB;AAKA,QAAMM,KAAK,GAAGF,IAAI,GAAGV,SAArB;AACA,QAAMa,KAAK,GAAKD,KAAK,GAAGZ,SAAV,GAAwBC,YAAtC;AACA,QAAMa,SAAS,GAAI,SAASD,KAAO,GAAnC;AAEA,QAAME,MAAM,GAAG;AAAED,IAAAA;AAAF,GAAf;AAEA,SACC,cAAC,aAAD,OACMH,UADN;AAEC,iBAAY,IAFb;AAGC,IAAA,GAAG,EAAGJ,YAHP;AAIC,IAAA,KAAK,EAAG;AAAES,MAAAA,MAAM,EAAEN,IAAV;AAAgBO,MAAAA,KAAK,EAAEP;AAAvB;AAJT,KAMC,cAAC,eAAD;AAAiB,mBAAc,IAA/B;AAAsC,IAAA,KAAK,EAAGK;AAA9C,KACC,cAAC,QAAD;AAAU,IAAA,KAAK,EAAG;AAAEP,MAAAA;AAAF;AAAlB,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,IADD,EAEC;AAAK,IAAA,SAAS,EAAC;AAAf,IAFD,EAGC;AAAK,IAAA,SAAS,EAAC;AAAf,IAHD,EAIC;AAAK,IAAA,SAAS,EAAC;AAAf,IAJD,EAKC;AAAK,IAAA,SAAS,EAAC;AAAf,IALD,EAMC;AAAK,IAAA,SAAS,EAAC;AAAf,IAND,EAOC;AAAK,IAAA,SAAS,EAAC;AAAf,IAPD,EAQC;AAAK,IAAA,SAAS,EAAC;AAAf,IARD,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,IATD,EAUC;AAAK,IAAA,SAAS,EAAC;AAAf,IAVD,EAWC;AAAK,IAAA,SAAS,EAAC;AAAf,IAXD,EAYC;AAAK,IAAA,SAAS,EAAC;AAAf,IAZD,CADD,CAND,CADD;AAyBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,eAAeN,cAAc,CAAEG,OAAF,EAAW,SAAX,CAA7B","sourcesContent":["/**\n * Internal dependencies\n */\nimport { BarsView, BarsWrapperView, ContainerView } from './styles';\nimport { BASE_SIZE, WRAPPER_SIZE } from './utils';\nimport { contextConnect, useContextSystem } from '../context';\nimport { COLORS } from '../../utils/colors-values';\n\n/* eslint-disable jsdoc/valid-types */\n/**\n * @typedef Props\n * @property {import('react').CSSProperties['color']} [color]   Color of `Spinner`.\n * @property {number}                                 [size=16] Size of `Spinner`.\n */\n/* eslint-enable jsdoc/valid-types */\n\n/**\n *\n * @param {import('../context').WordPressComponentProps<Props, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                          forwardedRef\n */\nfunction Spinner( props, forwardedRef ) {\n\tconst {\n\t\tcolor = COLORS.gray[ 900 ],\n\t\tsize = BASE_SIZE,\n\t\t...otherProps\n\t} = useContextSystem( props, 'Spinner' );\n\tconst ratio = size / BASE_SIZE;\n\tconst scale = ( ratio * BASE_SIZE ) / WRAPPER_SIZE;\n\tconst transform = `scale(${ scale })`;\n\n\tconst styles = { transform };\n\n\treturn (\n\t\t<ContainerView\n\t\t\t{ ...otherProps }\n\t\t\taria-busy={ true }\n\t\t\tref={ forwardedRef }\n\t\t\tstyle={ { height: size, width: size } }\n\t\t>\n\t\t\t<BarsWrapperView aria-hidden={ true } style={ styles }>\n\t\t\t\t<BarsView style={ { color } }>\n\t\t\t\t\t<div className=\"InnerBar1\" />\n\t\t\t\t\t<div className=\"InnerBar2\" />\n\t\t\t\t\t<div className=\"InnerBar3\" />\n\t\t\t\t\t<div className=\"InnerBar4\" />\n\t\t\t\t\t<div className=\"InnerBar5\" />\n\t\t\t\t\t<div className=\"InnerBar6\" />\n\t\t\t\t\t<div className=\"InnerBar7\" />\n\t\t\t\t\t<div className=\"InnerBar8\" />\n\t\t\t\t\t<div className=\"InnerBar9\" />\n\t\t\t\t\t<div className=\"InnerBar10\" />\n\t\t\t\t\t<div className=\"InnerBar11\" />\n\t\t\t\t\t<div className=\"InnerBar12\" />\n\t\t\t\t</BarsView>\n\t\t\t</BarsWrapperView>\n\t\t</ContainerView>\n\t);\n}\n\n/**\n * `Spinner` is a component that notify users that their action is being processed.\n *\n * @example\n * ```jsx\n * import { Spinner } from `@wordpress/components/ui`;\n *\n * function Example() {\n * \treturn (\n * \t\t<Spinner />\n * \t);\n * }\n * ```\n */\nexport default contextConnect( Spinner, 'Spinner' );\n"]}

package/build-module/ui/spinner/index.js

@@ -1,2 +0,0 @@
-export { default as Spinner } from './component';
-//# sourceMappingURL=index.js.map

package/build-module/ui/spinner/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/spinner/index.js"],"names":["default","Spinner"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB,QAAmC,aAAnC","sourcesContent":["export { default as Spinner } from './component';\n"]}

package/build-module/ui/spinner/styles.js

@@ -1,47 +0,0 @@
-import _styled from "@emotion/styled/base";
-
-function _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)."; }
-
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-import { WRAPPER_SIZE } from './utils';
-export const ContainerView = _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1s9yo7h2"
-} : {
-  target: "e1s9yo7h2",
-  label: "ContainerView"
-})(process.env.NODE_ENV === "production" ? {
-  name: "sfogfj",
-  styles: "display:flex;pointer-events:none;position:relative"
-} : {
-  name: "sfogfj",
-  styles: "display:flex;pointer-events:none;position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvc3Bpbm5lci9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXVDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvc3Bpbm5lci9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IFdSQVBQRVJfU0laRSB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyVmlldyA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgQmFyc1dyYXBwZXJWaWV3ID0gc3R5bGVkLmRpdmBcblx0aGVpZ2h0OiAkeyBXUkFQUEVSX1NJWkUgfXB4O1xuXHRsZWZ0OiAwO1xuXHRvcGFjaXR5OiAwLjY7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHR0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgbGVmdDtcblx0d2lkdGg6ICR7IFdSQVBQRVJfU0laRSB9cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgQmFyc1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRjb2xvcjogY3VycmVudENvbG9yO1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0aGVpZ2h0OiA1NHB4O1xuXHRsZWZ0OiA1MCU7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlKCAtNTAlLCAtNTAlICk7XG5cdHdpZHRoOiA1NHB4O1xuXG5cdD4gZGl2IHtcblx0XHRhbmltYXRpb246IENvbXBvbmVudHNVSVNwaW5uZXJGYWRlQW5pbWF0aW9uIDEwMDBtcyBsaW5lYXIgaW5maW5pdGU7XG5cdFx0YmFja2dyb3VuZDogY3VycmVudENvbG9yO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwcHg7XG5cdFx0aGVpZ2h0OiAxNiU7XG5cdFx0bGVmdDogNDklO1xuXHRcdG9wYWNpdHk6IDA7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogNDMlO1xuXHRcdHdpZHRoOiA2JTtcblx0fVxuXG5cdEBrZXlmcmFtZXMgQ29tcG9uZW50c1VJU3Bpbm5lckZhZGVBbmltYXRpb24ge1xuXHRcdGZyb20ge1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdFx0dG8ge1xuXHRcdFx0b3BhY2l0eTogMC4yNTtcblx0XHR9XG5cdH1cblxuXHQuSW5uZXJCYXIxIHtcblx0XHRhbmltYXRpb24tZGVsYXk6IDBzO1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKCAwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cblx0LklubmVyQmFyMiB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAtMC45MTY3cztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMzBkZWcgKSB0cmFuc2xhdGUoIDAsIC0xMzAlICk7XG5cdH1cblxuXHQuSW5uZXJCYXIzIHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjgzM3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDYwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cdC5Jbm5lckJhcjQge1xuXHRcdGFuaW1hdGlvbi1kZWxheTogLTAuNzQ5N3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDkwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cdC5Jbm5lckJhcjUge1xuXHRcdGFuaW1hdGlvbi1kZWxheTogLTAuNjY3cztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMTIwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cdC5Jbm5lckJhcjYge1xuXHRcdGFuaW1hdGlvbi1kZWxheTogLTAuNTgzN3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDE1MGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXI3IHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjVzO1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKCAxODBkZWcgKSB0cmFuc2xhdGUoIDAsIC0xMzAlICk7XG5cdH1cblx0LklubmVyQmFyOCB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAtMC40MTY3cztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMjEwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cdC5Jbm5lckJhcjkge1xuXHRcdGFuaW1hdGlvbi1kZWxheTogLTAuMzMzcztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMjQwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cdC5Jbm5lckJhcjEwIHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjI0OTdzO1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKCAyNzBkZWcgKSB0cmFuc2xhdGUoIDAsIC0xMzAlICk7XG5cdH1cblx0LklubmVyQmFyMTEge1xuXHRcdGFuaW1hdGlvbi1kZWxheTogLTAuMTY3cztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMzAwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cdC5Jbm5lckJhcjEyIHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjA4MzNzO1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKCAzMzBkZWcgKSB0cmFuc2xhdGUoIDAsIC0xMzAlICk7XG5cdH1cbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const BarsWrapperView = _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1s9yo7h1"
-} : {
-  target: "e1s9yo7h1",
-  label: "BarsWrapperView"
-})("height:", WRAPPER_SIZE, "px;left:0;opacity:0.6;position:absolute;top:0;transform-origin:top left;width:", WRAPPER_SIZE, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvc3Bpbm5lci9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J5QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3VpL3NwaW5uZXIvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBXUkFQUEVSX1NJWkUgfSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lclZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhcnNXcmFwcGVyVmlldyA9IHN0eWxlZC5kaXZgXG5cdGhlaWdodDogJHsgV1JBUFBFUl9TSVpFIH1weDtcblx0bGVmdDogMDtcblx0b3BhY2l0eTogMC42O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0dHJhbnNmb3JtLW9yaWdpbjogdG9wIGxlZnQ7XG5cdHdpZHRoOiAkeyBXUkFQUEVSX1NJWkUgfXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhcnNWaWV3ID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6IGN1cnJlbnRDb2xvcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGhlaWdodDogNTRweDtcblx0bGVmdDogNTAlO1xuXHRwYWRkaW5nOiAxMHB4O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSggLTUwJSwgLTUwJSApO1xuXHR3aWR0aDogNTRweDtcblxuXHQ+IGRpdiB7XG5cdFx0YW5pbWF0aW9uOiBDb21wb25lbnRzVUlTcGlubmVyRmFkZUFuaW1hdGlvbiAxMDAwbXMgbGluZWFyIGluZmluaXRlO1xuXHRcdGJhY2tncm91bmQ6IGN1cnJlbnRDb2xvcjtcblx0XHRib3JkZXItcmFkaXVzOiA1MHB4O1xuXHRcdGhlaWdodDogMTYlO1xuXHRcdGxlZnQ6IDQ5JTtcblx0XHRvcGFjaXR5OiAwO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHR0b3A6IDQzJTtcblx0XHR3aWR0aDogNiU7XG5cdH1cblxuXHRAa2V5ZnJhbWVzIENvbXBvbmVudHNVSVNwaW5uZXJGYWRlQW5pbWF0aW9uIHtcblx0XHRmcm9tIHtcblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHRcdHRvIHtcblx0XHRcdG9wYWNpdHk6IDAuMjU7XG5cdFx0fVxuXHR9XG5cblx0LklubmVyQmFyMSB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAwcztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXG5cdC5Jbm5lckJhcjIge1xuXHRcdGFuaW1hdGlvbi1kZWxheTogLTAuOTE2N3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDMwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cblx0LklubmVyQmFyMyB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAtMC44MzNzO1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKCA2MGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXI0IHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjc0OTdzO1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKCA5MGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXI1IHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjY2N3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDEyMGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXI2IHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjU4MzdzO1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKCAxNTBkZWcgKSB0cmFuc2xhdGUoIDAsIC0xMzAlICk7XG5cdH1cblx0LklubmVyQmFyNyB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAtMC41cztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMTgwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cdC5Jbm5lckJhcjgge1xuXHRcdGFuaW1hdGlvbi1kZWxheTogLTAuNDE2N3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDIxMGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXI5IHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjMzM3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDI0MGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXIxMCB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAtMC4yNDk3cztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMjcwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cdC5Jbm5lckJhcjExIHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjE2N3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDMwMGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXIxMiB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAtMC4wODMzcztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMzMwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5gO1xuIl19 */"));
-export const BarsView = _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1s9yo7h0"
-} : {
-  target: "e1s9yo7h0",
-  label: "BarsView"
-})(process.env.NODE_ENV === "production" ? {
-  name: "vbzbkf",
-  styles: "color:currentColor;display:inline-flex;height:54px;left:50%;padding:10px;position:absolute;top:50%;transform:translate( -50%, -50% );width:54px;>div{animation:ComponentsUISpinnerFadeAnimation 1000ms linear infinite;background:currentColor;border-radius:50px;height:16%;left:49%;opacity:0;position:absolute;top:43%;width:6%;}@keyframes ComponentsUISpinnerFadeAnimation{from{opacity:1;}to{opacity:0.25;}}.InnerBar1{animation-delay:0s;transform:rotate( 0deg ) translate( 0, -130% );}.InnerBar2{animation-delay:-0.9167s;transform:rotate( 30deg ) translate( 0, -130% );}.InnerBar3{animation-delay:-0.833s;transform:rotate( 60deg ) translate( 0, -130% );}.InnerBar4{animation-delay:-0.7497s;transform:rotate( 90deg ) translate( 0, -130% );}.InnerBar5{animation-delay:-0.667s;transform:rotate( 120deg ) translate( 0, -130% );}.InnerBar6{animation-delay:-0.5837s;transform:rotate( 150deg ) translate( 0, -130% );}.InnerBar7{animation-delay:-0.5s;transform:rotate( 180deg ) translate( 0, -130% );}.InnerBar8{animation-delay:-0.4167s;transform:rotate( 210deg ) translate( 0, -130% );}.InnerBar9{animation-delay:-0.333s;transform:rotate( 240deg ) translate( 0, -130% );}.InnerBar10{animation-delay:-0.2497s;transform:rotate( 270deg ) translate( 0, -130% );}.InnerBar11{animation-delay:-0.167s;transform:rotate( 300deg ) translate( 0, -130% );}.InnerBar12{animation-delay:-0.0833s;transform:rotate( 330deg ) translate( 0, -130% );}"
-} : {
-  name: "vbzbkf",
-  styles: "color:currentColor;display:inline-flex;height:54px;left:50%;padding:10px;position:absolute;top:50%;transform:translate( -50%, -50% );width:54px;>div{animation:ComponentsUISpinnerFadeAnimation 1000ms linear infinite;background:currentColor;border-radius:50px;height:16%;left:49%;opacity:0;position:absolute;top:43%;width:6%;}@keyframes ComponentsUISpinnerFadeAnimation{from{opacity:1;}to{opacity:0.25;}}.InnerBar1{animation-delay:0s;transform:rotate( 0deg ) translate( 0, -130% );}.InnerBar2{animation-delay:-0.9167s;transform:rotate( 30deg ) translate( 0, -130% );}.InnerBar3{animation-delay:-0.833s;transform:rotate( 60deg ) translate( 0, -130% );}.InnerBar4{animation-delay:-0.7497s;transform:rotate( 90deg ) translate( 0, -130% );}.InnerBar5{animation-delay:-0.667s;transform:rotate( 120deg ) translate( 0, -130% );}.InnerBar6{animation-delay:-0.5837s;transform:rotate( 150deg ) translate( 0, -130% );}.InnerBar7{animation-delay:-0.5s;transform:rotate( 180deg ) translate( 0, -130% );}.InnerBar8{animation-delay:-0.4167s;transform:rotate( 210deg ) translate( 0, -130% );}.InnerBar9{animation-delay:-0.333s;transform:rotate( 240deg ) translate( 0, -130% );}.InnerBar10{animation-delay:-0.2497s;transform:rotate( 270deg ) translate( 0, -130% );}.InnerBar11{animation-delay:-0.167s;transform:rotate( 300deg ) translate( 0, -130% );}.InnerBar12{animation-delay:-0.0833s;transform:rotate( 330deg ) translate( 0, -130% );}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvc3Bpbm5lci9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJrQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3VpL3NwaW5uZXIvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBXUkFQUEVSX1NJWkUgfSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lclZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhcnNXcmFwcGVyVmlldyA9IHN0eWxlZC5kaXZgXG5cdGhlaWdodDogJHsgV1JBUFBFUl9TSVpFIH1weDtcblx0bGVmdDogMDtcblx0b3BhY2l0eTogMC42O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0dHJhbnNmb3JtLW9yaWdpbjogdG9wIGxlZnQ7XG5cdHdpZHRoOiAkeyBXUkFQUEVSX1NJWkUgfXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhcnNWaWV3ID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6IGN1cnJlbnRDb2xvcjtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGhlaWdodDogNTRweDtcblx0bGVmdDogNTAlO1xuXHRwYWRkaW5nOiAxMHB4O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSggLTUwJSwgLTUwJSApO1xuXHR3aWR0aDogNTRweDtcblxuXHQ+IGRpdiB7XG5cdFx0YW5pbWF0aW9uOiBDb21wb25lbnRzVUlTcGlubmVyRmFkZUFuaW1hdGlvbiAxMDAwbXMgbGluZWFyIGluZmluaXRlO1xuXHRcdGJhY2tncm91bmQ6IGN1cnJlbnRDb2xvcjtcblx0XHRib3JkZXItcmFkaXVzOiA1MHB4O1xuXHRcdGhlaWdodDogMTYlO1xuXHRcdGxlZnQ6IDQ5JTtcblx0XHRvcGFjaXR5OiAwO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHR0b3A6IDQzJTtcblx0XHR3aWR0aDogNiU7XG5cdH1cblxuXHRAa2V5ZnJhbWVzIENvbXBvbmVudHNVSVNwaW5uZXJGYWRlQW5pbWF0aW9uIHtcblx0XHRmcm9tIHtcblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHRcdHRvIHtcblx0XHRcdG9wYWNpdHk6IDAuMjU7XG5cdFx0fVxuXHR9XG5cblx0LklubmVyQmFyMSB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAwcztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXG5cdC5Jbm5lckJhcjIge1xuXHRcdGFuaW1hdGlvbi1kZWxheTogLTAuOTE2N3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDMwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cblx0LklubmVyQmFyMyB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAtMC44MzNzO1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKCA2MGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXI0IHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjc0OTdzO1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKCA5MGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXI1IHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjY2N3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDEyMGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXI2IHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjU4MzdzO1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKCAxNTBkZWcgKSB0cmFuc2xhdGUoIDAsIC0xMzAlICk7XG5cdH1cblx0LklubmVyQmFyNyB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAtMC41cztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMTgwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cdC5Jbm5lckJhcjgge1xuXHRcdGFuaW1hdGlvbi1kZWxheTogLTAuNDE2N3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDIxMGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXI5IHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjMzM3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDI0MGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXIxMCB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAtMC4yNDk3cztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMjcwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5cdC5Jbm5lckJhcjExIHtcblx0XHRhbmltYXRpb24tZGVsYXk6IC0wLjE2N3M7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoIDMwMGRlZyApIHRyYW5zbGF0ZSggMCwgLTEzMCUgKTtcblx0fVxuXHQuSW5uZXJCYXIxMiB7XG5cdFx0YW5pbWF0aW9uLWRlbGF5OiAtMC4wODMzcztcblx0XHR0cmFuc2Zvcm06IHJvdGF0ZSggMzMwZGVnICkgdHJhbnNsYXRlKCAwLCAtMTMwJSApO1xuXHR9XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-//# sourceMappingURL=styles.js.map

package/build-module/ui/spinner/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/spinner/styles.js"],"names":["WRAPPER_SIZE","ContainerView","BarsWrapperView","BarsView"],"mappings":";;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,YAAT,QAA6B,SAA7B;AAEA,OAAO,MAAMC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAnB;AAMP,OAAO,MAAMC,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,cAChBF,YADgB,oFAOjBA,YAPiB,2+GAArB;AAUP,OAAO,MAAMG,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAd","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { WRAPPER_SIZE } from './utils';\n\nexport const ContainerView = styled.div`\n\tdisplay: flex;\n\tpointer-events: none;\n\tposition: relative;\n`;\n\nexport const BarsWrapperView = styled.div`\n\theight: ${ WRAPPER_SIZE }px;\n\tleft: 0;\n\topacity: 0.6;\n\tposition: absolute;\n\ttop: 0;\n\ttransform-origin: top left;\n\twidth: ${ WRAPPER_SIZE }px;\n`;\n\nexport const BarsView = styled.div`\n\tcolor: currentColor;\n\tdisplay: inline-flex;\n\theight: 54px;\n\tleft: 50%;\n\tpadding: 10px;\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translate( -50%, -50% );\n\twidth: 54px;\n\n\t> div {\n\t\tanimation: ComponentsUISpinnerFadeAnimation 1000ms linear infinite;\n\t\tbackground: currentColor;\n\t\tborder-radius: 50px;\n\t\theight: 16%;\n\t\tleft: 49%;\n\t\topacity: 0;\n\t\tposition: absolute;\n\t\ttop: 43%;\n\t\twidth: 6%;\n\t}\n\n\t@keyframes ComponentsUISpinnerFadeAnimation {\n\t\tfrom {\n\t\t\topacity: 1;\n\t\t}\n\t\tto {\n\t\t\topacity: 0.25;\n\t\t}\n\t}\n\n\t.InnerBar1 {\n\t\tanimation-delay: 0s;\n\t\ttransform: rotate( 0deg ) translate( 0, -130% );\n\t}\n\n\t.InnerBar2 {\n\t\tanimation-delay: -0.9167s;\n\t\ttransform: rotate( 30deg ) translate( 0, -130% );\n\t}\n\n\t.InnerBar3 {\n\t\tanimation-delay: -0.833s;\n\t\ttransform: rotate( 60deg ) translate( 0, -130% );\n\t}\n\t.InnerBar4 {\n\t\tanimation-delay: -0.7497s;\n\t\ttransform: rotate( 90deg ) translate( 0, -130% );\n\t}\n\t.InnerBar5 {\n\t\tanimation-delay: -0.667s;\n\t\ttransform: rotate( 120deg ) translate( 0, -130% );\n\t}\n\t.InnerBar6 {\n\t\tanimation-delay: -0.5837s;\n\t\ttransform: rotate( 150deg ) translate( 0, -130% );\n\t}\n\t.InnerBar7 {\n\t\tanimation-delay: -0.5s;\n\t\ttransform: rotate( 180deg ) translate( 0, -130% );\n\t}\n\t.InnerBar8 {\n\t\tanimation-delay: -0.4167s;\n\t\ttransform: rotate( 210deg ) translate( 0, -130% );\n\t}\n\t.InnerBar9 {\n\t\tanimation-delay: -0.333s;\n\t\ttransform: rotate( 240deg ) translate( 0, -130% );\n\t}\n\t.InnerBar10 {\n\t\tanimation-delay: -0.2497s;\n\t\ttransform: rotate( 270deg ) translate( 0, -130% );\n\t}\n\t.InnerBar11 {\n\t\tanimation-delay: -0.167s;\n\t\ttransform: rotate( 300deg ) translate( 0, -130% );\n\t}\n\t.InnerBar12 {\n\t\tanimation-delay: -0.0833s;\n\t\ttransform: rotate( 330deg ) translate( 0, -130% );\n\t}\n`;\n"]}

package/build-module/ui/spinner/utils.js

@@ -1,3 +0,0 @@
-export const BASE_SIZE = 16;
-export const WRAPPER_SIZE = 36;
-//# sourceMappingURL=utils.js.map

package/build-module/ui/spinner/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/spinner/utils.js"],"names":["BASE_SIZE","WRAPPER_SIZE"],"mappings":"AAAA,OAAO,MAAMA,SAAS,GAAG,EAAlB;AACP,OAAO,MAAMC,YAAY,GAAG,EAArB","sourcesContent":["export const BASE_SIZE = 16;\nexport const WRAPPER_SIZE = 36;\n"]}

package/src/ui/control-group/README.md

@@ -1,23 +0,0 @@
-# ControlGroup
-
-<div class="callout callout-alert">
-This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
-</div>
-
-`ControlGroup` is a layout-based component for rendering a group of control-based components, such as `Button`, `Select` or `TextInput`. Control components that render within `ControlGroup` automatically have their borders offset and border-radii rounded.
-
-## Usage
-
-```jsx
-import { Button, ControlGroup, Select, TextInput } from `@wordpress/components/ui`
-
-function Example() {
-    return (
-        <ControlGroup templateColumns="auto 1fr auto">
-            <Select />
-            <TextInput placeholder="First name" />
-            <Button variant="primary" />
-        </ControlGroup>
-    );
-}
-```