@wordpress/components 25.5.0 → 25.6.0

package/build/surface/component.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Surface = void 0;
-
 var _element = require("@wordpress/element");
-
 var _context = require("../ui/context");
-
 var _view = require("../view");
-
 var _hook = require("./hook");
-
 /**
  * External dependencies
  */
@@ -20,12 +15,15 @@ var _hook = require("./hook");
 /**
  * Internal dependencies
  */
+
 function UnconnectedSurface(props, forwardedRef) {
   const surfaceProps = (0, _hook.useSurface)(props);
-  return (0, _element.createElement)(_view.View, { ...surfaceProps,
+  return (0, _element.createElement)(_view.View, {
+    ...surfaceProps,
     ref: forwardedRef
   });
 }
+
 /**
  * `Surface` is a core component that renders a primary background color.
  *
@@ -46,8 +44,6 @@ function UnconnectedSurface(props, forwardedRef) {
  * }
  * ```
  */
-
-
 const Surface = (0, _context.contextConnect)(UnconnectedSurface, 'Surface');
 exports.Surface = Surface;
 var _default = Surface;

package/build/surface/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/component.tsx"],"names":["UnconnectedSurface","props","forwardedRef","surfaceProps","Surface"],"mappings":";;;;;;;;;AAQA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAOA,SAASA,kBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,YAAY,GAAG,sBAAYF,KAAZ,CAArB;AAEA,SAAO,4BAAC,UAAD,OAAWE,YAAX;AAA0B,IAAA,GAAG,EAAGD;AAAhC,IAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAME,OAAO,GAAG,6BAAgBJ,kBAAhB,EAAoC,SAApC,CAAhB;;eAEQI,O","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect } from '../ui/context';\nimport { View } from '../view';\nimport { useSurface } from './hook';\nimport type { SurfaceProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nfunction UnconnectedSurface(\n\tprops: WordPressComponentProps< SurfaceProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst surfaceProps = useSurface( props );\n\n\treturn <View { ...surfaceProps } ref={ forwardedRef } />;\n}\n\n/**\n * `Surface` is a core component that renders a primary background color.\n *\n * In the example below, notice how the `Surface` renders in white (or dark gray if in dark mode).\n *\n * ```jsx\n * import {\n *\t__experimentalSurface as Surface,\n *\t__experimentalText as Text,\n * } from '@wordpress/components';\n *\n * function Example() {\n * \treturn (\n * \t\t<Surface>\n * \t\t\t<Text>Code is Poetry</Text>\n * \t\t</Surface>\n * \t);\n * }\n * ```\n */\nexport const Surface = contextConnect( UnconnectedSurface, 'Surface' );\n\nexport default Surface;\n"]}
+{"version":3,"names":["_context","require","_view","_hook","UnconnectedSurface","props","forwardedRef","surfaceProps","useSurface","_element","createElement","View","ref","Surface","contextConnect","exports","_default","default"],"sources":["@wordpress/components/src/surface/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect } from '../ui/context';\nimport { View } from '../view';\nimport { useSurface } from './hook';\nimport type { SurfaceProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nfunction UnconnectedSurface(\n\tprops: WordPressComponentProps< SurfaceProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst surfaceProps = useSurface( props );\n\n\treturn <View { ...surfaceProps } ref={ forwardedRef } />;\n}\n\n/**\n * `Surface` is a core component that renders a primary background color.\n *\n * In the example below, notice how the `Surface` renders in white (or dark gray if in dark mode).\n *\n * ```jsx\n * import {\n *\t__experimentalSurface as Surface,\n *\t__experimentalText as Text,\n * } from '@wordpress/components';\n *\n * function Example() {\n * \treturn (\n * \t\t<Surface>\n * \t\t\t<Text>Code is Poetry</Text>\n * \t\t</Surface>\n * \t);\n * }\n * ```\n */\nexport const Surface = contextConnect( UnconnectedSurface, 'Surface' );\n\nexport default Surface;\n"],"mappings":";;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASG,kBAAkBA,CAC1BC,KAAqD,EACrDC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAG,IAAAC,gBAAU,EAAEH,KAAM,CAAC;EAExC,OAAO,IAAAI,QAAA,CAAAC,aAAA,EAACR,KAAA,CAAAS,IAAI;IAAA,GAAMJ,YAAY;IAAGK,GAAG,EAAGN;EAAc,CAAE,CAAC;AACzD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMO,OAAO,GAAG,IAAAC,uBAAc,EAAEV,kBAAkB,EAAE,SAAU,CAAC;AAACW,OAAA,CAAAF,OAAA,GAAAA,OAAA;AAAA,IAAAG,QAAA,GAExDH,OAAO;AAAAE,OAAA,CAAAE,OAAA,GAAAD,QAAA"}

package/build/surface/hook.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSurface = useSurface;
-
 var _element = require("@wordpress/element");
-
 var _context = require("../ui/context");
-
 var styles = _interopRequireWildcard(require("./styles"));
-
 var _useCx = require("../utils/hooks/use-cx");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * WordPress dependencies
  */
@@ -24,6 +17,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * Internal dependencies
  */
+
 function useSurface(props) {
   const {
     backgroundSize = 12,
@@ -47,7 +41,8 @@ function useSurface(props) {
     };
     return cx(styles.Surface, sx.borders, styles.getVariant(variant, `${backgroundSize}px`, `${backgroundSize - 1}px`), className);
   }, [backgroundSize, borderBottom, borderLeft, borderRight, borderTop, className, cx, variant]);
-  return { ...otherProps,
+  return {
+    ...otherProps,
     className: classes
   };
 }

package/build/surface/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/hook.ts"],"names":["useSurface","props","backgroundSize","borderBottom","borderLeft","borderRight","borderTop","className","variant","otherProps","cx","classes","sx","borders","styles","getBorders","Surface","getVariant"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AACA;;;;;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAOO,SAASA,UAAT,CACNC,KADM,EAEL;AACD,QAAM;AACLC,IAAAA,cAAc,GAAG,EADZ;AAELC,IAAAA,YAAY,GAAG,KAFV;AAGLC,IAAAA,UAAU,GAAG,KAHR;AAILC,IAAAA,WAAW,GAAG,KAJT;AAKLC,IAAAA,SAAS,GAAG,KALP;AAMLC,IAAAA,SANK;AAOLC,IAAAA,OAAO,GAAG,SAPL;AAQL,OAAGC;AARE,MASF,+BAAkBR,KAAlB,EAAyB,SAAzB,CATJ;AAWA,QAAMS,EAAE,GAAG,mBAAX;AAEA,QAAMC,OAAO,GAAG,sBAAS,MAAM;AAC9B,UAAMC,EAAE,GAAG;AACVC,MAAAA,OAAO,EAAEC,MAAM,CAACC,UAAP,CAAmB;AAC3BZ,QAAAA,YAD2B;AAE3BC,QAAAA,UAF2B;AAG3BC,QAAAA,WAH2B;AAI3BC,QAAAA;AAJ2B,OAAnB;AADC,KAAX;AASA,WAAOI,EAAE,CACRI,MAAM,CAACE,OADC,EAERJ,EAAE,CAACC,OAFK,EAGRC,MAAM,CAACG,UAAP,CACCT,OADD,EAEE,GAAGN,cAAgB,IAFrB,EAGE,GAAGA,cAAc,GAAG,CAAG,IAHzB,CAHQ,EAQRK,SARQ,CAAT;AAUA,GApBe,EAoBb,CACFL,cADE,EAEFC,YAFE,EAGFC,UAHE,EAIFC,WAJE,EAKFC,SALE,EAMFC,SANE,EAOFG,EAPE,EAQFF,OARE,CApBa,CAAhB;AA+BA,SAAO,EAAE,GAAGC,UAAL;AAAiBF,IAAAA,SAAS,EAAEI;AAA5B,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../ui/context';\nimport * as styles from './styles';\nimport { useCx } from '../utils/hooks/use-cx';\nimport type { SurfaceProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nexport function useSurface(\n\tprops: WordPressComponentProps< SurfaceProps, 'div' >\n) {\n\tconst {\n\t\tbackgroundSize = 12,\n\t\tborderBottom = false,\n\t\tborderLeft = false,\n\t\tborderRight = false,\n\t\tborderTop = false,\n\t\tclassName,\n\t\tvariant = 'primary',\n\t\t...otherProps\n\t} = useContextSystem( props, 'Surface' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo( () => {\n\t\tconst sx = {\n\t\t\tborders: styles.getBorders( {\n\t\t\t\tborderBottom,\n\t\t\t\tborderLeft,\n\t\t\t\tborderRight,\n\t\t\t\tborderTop,\n\t\t\t} ),\n\t\t};\n\n\t\treturn cx(\n\t\t\tstyles.Surface,\n\t\t\tsx.borders,\n\t\t\tstyles.getVariant(\n\t\t\t\tvariant,\n\t\t\t\t`${ backgroundSize }px`,\n\t\t\t\t`${ backgroundSize - 1 }px`\n\t\t\t),\n\t\t\tclassName\n\t\t);\n\t}, [\n\t\tbackgroundSize,\n\t\tborderBottom,\n\t\tborderLeft,\n\t\tborderRight,\n\t\tborderTop,\n\t\tclassName,\n\t\tcx,\n\t\tvariant,\n\t] );\n\n\treturn { ...otherProps, className: classes };\n}\n"]}
+{"version":3,"names":["_element","require","_context","styles","_interopRequireWildcard","_useCx","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useSurface","props","backgroundSize","borderBottom","borderLeft","borderRight","borderTop","className","variant","otherProps","useContextSystem","cx","useCx","classes","useMemo","sx","borders","getBorders","Surface","getVariant"],"sources":["@wordpress/components/src/surface/hook.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../ui/context';\nimport * as styles from './styles';\nimport { useCx } from '../utils/hooks/use-cx';\nimport type { SurfaceProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nexport function useSurface(\n\tprops: WordPressComponentProps< SurfaceProps, 'div' >\n) {\n\tconst {\n\t\tbackgroundSize = 12,\n\t\tborderBottom = false,\n\t\tborderLeft = false,\n\t\tborderRight = false,\n\t\tborderTop = false,\n\t\tclassName,\n\t\tvariant = 'primary',\n\t\t...otherProps\n\t} = useContextSystem( props, 'Surface' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo( () => {\n\t\tconst sx = {\n\t\t\tborders: styles.getBorders( {\n\t\t\t\tborderBottom,\n\t\t\t\tborderLeft,\n\t\t\t\tborderRight,\n\t\t\t\tborderTop,\n\t\t\t} ),\n\t\t};\n\n\t\treturn cx(\n\t\t\tstyles.Surface,\n\t\t\tsx.borders,\n\t\t\tstyles.getVariant(\n\t\t\t\tvariant,\n\t\t\t\t`${ backgroundSize }px`,\n\t\t\t\t`${ backgroundSize - 1 }px`\n\t\t\t),\n\t\t\tclassName\n\t\t);\n\t}, [\n\t\tbackgroundSize,\n\t\tborderBottom,\n\t\tborderLeft,\n\t\tborderRight,\n\t\tborderTop,\n\t\tclassName,\n\t\tcx,\n\t\tvariant,\n\t] );\n\n\treturn { ...otherProps, className: classes };\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA8C,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAV9C;AACA;AACA;;AAGA;AACA;AACA;;AAOO,SAASW,UAAUA,CACzBC,KAAqD,EACpD;EACD,MAAM;IACLC,cAAc,GAAG,EAAE;IACnBC,YAAY,GAAG,KAAK;IACpBC,UAAU,GAAG,KAAK;IAClBC,WAAW,GAAG,KAAK;IACnBC,SAAS,GAAG,KAAK;IACjBC,SAAS;IACTC,OAAO,GAAG,SAAS;IACnB,GAAGC;EACJ,CAAC,GAAG,IAAAC,yBAAgB,EAAET,KAAK,EAAE,SAAU,CAAC;EAExC,MAAMU,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAElB,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC9B,MAAMC,EAAE,GAAG;MACVC,OAAO,EAAEzC,MAAM,CAAC0C,UAAU,CAAE;QAC3Bd,YAAY;QACZC,UAAU;QACVC,WAAW;QACXC;MACD,CAAE;IACH,CAAC;IAED,OAAOK,EAAE,CACRpC,MAAM,CAAC2C,OAAO,EACdH,EAAE,CAACC,OAAO,EACVzC,MAAM,CAAC4C,UAAU,CAChBX,OAAO,EACN,GAAGN,cAAgB,IAAG,EACtB,GAAGA,cAAc,GAAG,CAAG,IACzB,CAAC,EACDK,SACD,CAAC;EACF,CAAC,EAAE,CACFL,cAAc,EACdC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,SAAS,EACTI,EAAE,EACFH,OAAO,CACN,CAAC;EAEH,OAAO;IAAE,GAAGC,UAAU;IAAEF,SAAS,EAAEM;EAAQ,CAAC;AAC7C"}

package/build/surface/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,11 +13,8 @@ Object.defineProperty(exports, "Surface", {
     return _component.default;
   }
 });
-
 var _component = _interopRequireDefault(require("./component"));
-
 var _hook = require("./hook");
-
 Object.keys(_hook).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/build/surface/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default as Surface } from './component';\nexport * from './hook';\n"]}
+{"version":3,"names":["_component","_interopRequireDefault","require","_hook","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["@wordpress/components/src/surface/index.ts"],"sourcesContent":["export { default as Surface } from './component';\nexport * from './hook';\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,KAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,KAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,KAAA,CAAAI,GAAA;IAAA;EAAA;AAAA"}

package/build/surface/styles.js

@@ -6,11 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.background = exports.Surface = void 0;
 exports.getBorders = getBorders;
 exports.tertiary = exports.secondary = exports.primary = exports.getVariant = exports.getGrid = exports.getDotted = void 0;
-
 var _react = require("@emotion/react");
-
 var _utils = require("../utils");
-
 /**
  * External dependencies
  */
@@ -18,11 +15,11 @@ var _utils = require("../utils");
 /**
  * Internal dependencies
  */
+
 const Surface = /*#__PURE__*/(0, _react.css)("background-color:", _utils.CONFIG.surfaceColor, ";color:", _utils.COLORS.gray[900], ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzBCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBTdXJmYWNlVmFyaWFudCwgU3VyZmFjZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUNvbG9yIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgOTAwIF0gfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59OiBQaWNrPFxuXHRTdXJmYWNlUHJvcHMsXG5cdCdib3JkZXJCb3R0b20nIHwgJ2JvcmRlckxlZnQnIHwgJ2JvcmRlclJpZ2h0JyB8ICdib3JkZXJUb3AnXG4+ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmdcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50OiBTdXJmYWNlVmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
 exports.Surface = Surface;
 const background = /*#__PURE__*/(0, _react.css)("background-color:", _utils.CONFIG.surfaceBackgroundColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:background;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 exports.background = background;
-
 function getBorders({
   borderBottom,
   borderLeft,
@@ -37,63 +34,48 @@ function getBorders({
     borderTop: borderTop ? borderStyle : undefined
   }, process.env.NODE_ENV === "production" ? "" : ";label:getBorders;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBTdXJmYWNlVmFyaWFudCwgU3VyZmFjZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUNvbG9yIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgOTAwIF0gfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59OiBQaWNrPFxuXHRTdXJmYWNlUHJvcHMsXG5cdCdib3JkZXJCb3R0b20nIHwgJ2JvcmRlckxlZnQnIHwgJ2JvcmRlclJpZ2h0JyB8ICdib3JkZXJUb3AnXG4+ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmdcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50OiBTdXJmYWNlVmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
 }
-
 const primary = /*#__PURE__*/(0, _react.css)(process.env.NODE_ENV === "production" ? "" : ";label:primary;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MwQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 exports.primary = primary;
 const secondary = /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.surfaceBackgroundTintColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:secondary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEM0QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 exports.secondary = secondary;
 const tertiary = /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.surfaceBackgroundTertiaryColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tertiary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEMyQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 exports.tertiary = tertiary;
-
 const customBackgroundSize = surfaceBackgroundSize => [surfaceBackgroundSize, surfaceBackgroundSize].join(' ');
-
 const dottedBackground1 = surfaceBackgroundSizeDotted => ['90deg', [_utils.CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted].join(' '), 'transparent 1%'].join(',');
-
 const dottedBackground2 = surfaceBackgroundSizeDotted => [[_utils.CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted].join(' '), 'transparent 1%'].join(',');
-
 const dottedBackgroundCombined = surfaceBackgroundSizeDotted => [`linear-gradient( ${dottedBackground1(surfaceBackgroundSizeDotted)} ) center`, `linear-gradient( ${dottedBackground2(surfaceBackgroundSizeDotted)} ) center`, _utils.CONFIG.surfaceBorderBoldColor].join(',');
-
 const getDotted = (surfaceBackgroundSize, surfaceBackgroundSizeDotted) => /*#__PURE__*/(0, _react.css)("background:", dottedBackgroundCombined(surfaceBackgroundSizeDotted), ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDotted;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0ZRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBTdXJmYWNlVmFyaWFudCwgU3VyZmFjZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUNvbG9yIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgOTAwIF0gfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59OiBQaWNrPFxuXHRTdXJmYWNlUHJvcHMsXG5cdCdib3JkZXJCb3R0b20nIHwgJ2JvcmRlckxlZnQnIHwgJ2JvcmRlclJpZ2h0JyB8ICdib3JkZXJUb3AnXG4+ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmdcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50OiBTdXJmYWNlVmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
-
 exports.getDotted = getDotted;
 const gridBackground1 = [`${_utils.CONFIG.surfaceBorderSubtleColor} 1px`, 'transparent 1px'].join(',');
 const gridBackground2 = ['90deg', `${_utils.CONFIG.surfaceBorderSubtleColor} 1px`, 'transparent 1px'].join(',');
 const gridBackgroundCombined = [`linear-gradient( ${gridBackground1} )`, `linear-gradient( ${gridBackground2} )`].join(',');
-
 const getGrid = surfaceBackgroundSize => {
   return /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.surfaceBackgroundColor, ";background-image:", gridBackgroundCombined, ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getGrid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEdXIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBTdXJmYWNlVmFyaWFudCwgU3VyZmFjZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUNvbG9yIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgOTAwIF0gfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59OiBQaWNrPFxuXHRTdXJmYWNlUHJvcHMsXG5cdCdib3JkZXJCb3R0b20nIHwgJ2JvcmRlckxlZnQnIHwgJ2JvcmRlclJpZ2h0JyB8ICdib3JkZXJUb3AnXG4+ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmdcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50OiBTdXJmYWNlVmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
 };
-
 exports.getGrid = getGrid;
-
 const getVariant = (variant, surfaceBackgroundSize, surfaceBackgroundSizeDotted) => {
   switch (variant) {
     case 'dotted':
       {
         return getDotted(surfaceBackgroundSize, surfaceBackgroundSizeDotted);
       }
-
     case 'grid':
       {
         return getGrid(surfaceBackgroundSize);
       }
-
     case 'primary':
       {
         return primary;
       }
-
     case 'secondary':
       {
         return secondary;
       }
-
     case 'tertiary':
       {
         return tertiary;
       }
   }
 };
-
 exports.getVariant = getVariant;
 //# sourceMappingURL=styles.js.map

package/build/surface/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/styles.ts"],"names":["Surface","css","CONFIG","surfaceColor","COLORS","gray","background","surfaceBackgroundColor","getBorders","borderBottom","borderLeft","borderRight","borderTop","borderStyle","surfaceBorderColor","undefined","primary","secondary","surfaceBackgroundTintColor","tertiary","surfaceBackgroundTertiaryColor","customBackgroundSize","surfaceBackgroundSize","join","dottedBackground1","surfaceBackgroundSizeDotted","dottedBackground2","dottedBackgroundCombined","surfaceBorderBoldColor","getDotted","gridBackground1","surfaceBorderSubtleColor","gridBackground2","gridBackgroundCombined","getGrid","getVariant","variant"],"mappings":";;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAIO,MAAMA,OAAO,oBAAGC,UAAH,uBACEC,cAAOC,YADT,aAETC,cAAOC,IAAP,CAAa,GAAb,CAFS,ukKAAb;;AAMA,MAAMC,UAAU,oBAAGL,UAAH,uBACDC,cAAOK,sBADN,wjKAAhB;;;AAIA,SAASC,UAAT,CAAqB;AAC3BC,EAAAA,YAD2B;AAE3BC,EAAAA,UAF2B;AAG3BC,EAAAA,WAH2B;AAI3BC,EAAAA;AAJ2B,CAArB,EAQH;AACH,QAAMC,WAAW,GAAI,aAAaX,cAAOY,kBAAoB,EAA7D;AAEA,sBAAO,gBAAK;AACXL,IAAAA,YAAY,EAAEA,YAAY,GAAGI,WAAH,GAAiBE,SADhC;AAEXL,IAAAA,UAAU,EAAEA,UAAU,GAAGG,WAAH,GAAiBE,SAF5B;AAGXJ,IAAAA,WAAW,EAAEA,WAAW,GAAGE,WAAH,GAAiBE,SAH9B;AAIXH,IAAAA,SAAS,EAAEA,SAAS,GAAGC,WAAH,GAAiBE;AAJ1B,GAAL,gjKAAP;AAMA;;AAEM,MAAMC,OAAO,oBAAGf,UAAH,6iKAAb;;AAEA,MAAMgB,SAAS,oBAAGhB,UAAH,iBACNC,cAAOgB,0BADD,ujKAAf;;AAIA,MAAMC,QAAQ,oBAAGlB,UAAH,iBACLC,cAAOkB,8BADF,sjKAAd;;;AAIP,MAAMC,oBAAoB,GAAKC,qBAAF,IAC5B,CAAEA,qBAAF,EAAyBA,qBAAzB,EAAiDC,IAAjD,CAAuD,GAAvD,CADD;;AAGA,MAAMC,iBAAiB,GAAKC,2BAAF,IACzB,CACC,OADD,EAEC,CAAEvB,cAAOK,sBAAT,EAAiCkB,2BAAjC,EAA+DF,IAA/D,CACC,GADD,CAFD,EAKC,gBALD,EAMEA,IANF,CAMQ,GANR,CADD;;AASA,MAAMG,iBAAiB,GAAKD,2BAAF,IACzB,CACC,CAAEvB,cAAOK,sBAAT,EAAiCkB,2BAAjC,EAA+DF,IAA/D,CACC,GADD,CADD,EAIC,gBAJD,EAKEA,IALF,CAKQ,GALR,CADD;;AAQA,MAAMI,wBAAwB,GAAKF,2BAAF,IAChC,CACE,oBAAoBD,iBAAiB,CACrCC,2BADqC,CAEnC,WAHJ,EAIE,oBAAoBC,iBAAiB,CACrCD,2BADqC,CAEnC,WANJ,EAOCvB,cAAO0B,sBAPR,EAQEL,IARF,CAQQ,GARR,CADD;;AAWO,MAAMM,SAAS,GAAG,CACxBP,qBADwB,EAExBG,2BAFwB,sBAGpBxB,UAHoB,iBAIT0B,wBAAwB,CAAEF,2BAAF,CAJf,uBAKJJ,oBAAoB,CAAEC,qBAAF,CALhB,ujKAAlB;;;AAQP,MAAMQ,eAAe,GAAG,CACtB,GAAG5B,cAAO6B,wBAA0B,MADd,EAEvB,iBAFuB,EAGtBR,IAHsB,CAGhB,GAHgB,CAAxB;AAKA,MAAMS,eAAe,GAAG,CACvB,OADuB,EAEtB,GAAG9B,cAAO6B,wBAA0B,MAFd,EAGvB,iBAHuB,EAItBR,IAJsB,CAIhB,GAJgB,CAAxB;AAMA,MAAMU,sBAAsB,GAAG,CAC7B,oBAAoBH,eAAiB,IADR,EAE7B,oBAAoBE,eAAiB,IAFR,EAG7BT,IAH6B,CAGvB,GAHuB,CAA/B;;AAKO,MAAMW,OAAO,GAAKZ,qBAAF,IAAqC;AAC3D,0BAAOrB,UAAP,iBACgBC,cAAOK,sBADvB,wBAEsB0B,sBAFtB,uBAGqBZ,oBAAoB,CAAEC,qBAAF,CAHzC;AAKA,CANM;;;;AAQA,MAAMa,UAAU,GAAG,CACzBC,OADyB,EAEzBd,qBAFyB,EAGzBG,2BAHyB,KAIrB;AACJ,UAASW,OAAT;AACC,SAAK,QAAL;AAAe;AACd,eAAOP,SAAS,CACfP,qBADe,EAEfG,2BAFe,CAAhB;AAIA;;AACD,SAAK,MAAL;AAAa;AACZ,eAAOS,OAAO,CAAEZ,qBAAF,CAAd;AACA;;AACD,SAAK,SAAL;AAAgB;AACf,eAAON,OAAP;AACA;;AACD,SAAK,WAAL;AAAkB;AACjB,eAAOC,SAAP;AACA;;AACD,SAAK,UAAL;AAAiB;AAChB,eAAOE,QAAP;AACA;AAlBF;AAoBA,CAzBM","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../utils';\nimport type { SurfaceVariant, SurfaceProps } from './types';\n\nexport const Surface = css`\n\tbackground-color: ${ CONFIG.surfaceColor };\n\tcolor: ${ COLORS.gray[ 900 ] };\n\tposition: relative;\n`;\n\nexport const background = css`\n\tbackground-color: ${ CONFIG.surfaceBackgroundColor };\n`;\n\nexport function getBorders( {\n\tborderBottom,\n\tborderLeft,\n\tborderRight,\n\tborderTop,\n}: Pick<\n\tSurfaceProps,\n\t'borderBottom' | 'borderLeft' | 'borderRight' | 'borderTop'\n> ) {\n\tconst borderStyle = `1px solid ${ CONFIG.surfaceBorderColor }`;\n\n\treturn css( {\n\t\tborderBottom: borderBottom ? borderStyle : undefined,\n\t\tborderLeft: borderLeft ? borderStyle : undefined,\n\t\tborderRight: borderRight ? borderStyle : undefined,\n\t\tborderTop: borderTop ? borderStyle : undefined,\n\t} );\n}\n\nexport const primary = css``;\n\nexport const secondary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTintColor };\n`;\n\nexport const tertiary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTertiaryColor };\n`;\n\nconst customBackgroundSize = ( surfaceBackgroundSize: string ) =>\n\t[ surfaceBackgroundSize, surfaceBackgroundSize ].join( ' ' );\n\nconst dottedBackground1 = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t'90deg',\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\nconst dottedBackground2 = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\nconst dottedBackgroundCombined = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t`linear-gradient( ${ dottedBackground1(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\t`linear-gradient( ${ dottedBackground2(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\tCONFIG.surfaceBorderBoldColor,\n\t].join( ',' );\n\nexport const getDotted = (\n\tsurfaceBackgroundSize: string,\n\tsurfaceBackgroundSizeDotted: string\n) => css`\n\tbackground: ${ dottedBackgroundCombined( surfaceBackgroundSizeDotted ) };\n\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n`;\n\nconst gridBackground1 = [\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackground2 = [\n\t'90deg',\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackgroundCombined = [\n\t`linear-gradient( ${ gridBackground1 } )`,\n\t`linear-gradient( ${ gridBackground2 } )`,\n].join( ',' );\n\nexport const getGrid = ( surfaceBackgroundSize: string ) => {\n\treturn css`\n\t\tbackground: ${ CONFIG.surfaceBackgroundColor };\n\t\tbackground-image: ${ gridBackgroundCombined };\n\t\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n\t`;\n};\n\nexport const getVariant = (\n\tvariant: SurfaceVariant,\n\tsurfaceBackgroundSize: string,\n\tsurfaceBackgroundSizeDotted: string\n) => {\n\tswitch ( variant ) {\n\t\tcase 'dotted': {\n\t\t\treturn getDotted(\n\t\t\t\tsurfaceBackgroundSize,\n\t\t\t\tsurfaceBackgroundSizeDotted\n\t\t\t);\n\t\t}\n\t\tcase 'grid': {\n\t\t\treturn getGrid( surfaceBackgroundSize );\n\t\t}\n\t\tcase 'primary': {\n\t\t\treturn primary;\n\t\t}\n\t\tcase 'secondary': {\n\t\t\treturn secondary;\n\t\t}\n\t\tcase 'tertiary': {\n\t\t\treturn tertiary;\n\t\t}\n\t}\n};\n"]}
+{"version":3,"names":["_react","require","_utils","Surface","css","CONFIG","surfaceColor","COLORS","gray","process","env","NODE_ENV","exports","background","surfaceBackgroundColor","getBorders","borderBottom","borderLeft","borderRight","borderTop","borderStyle","surfaceBorderColor","undefined","primary","secondary","surfaceBackgroundTintColor","tertiary","surfaceBackgroundTertiaryColor","customBackgroundSize","surfaceBackgroundSize","join","dottedBackground1","surfaceBackgroundSizeDotted","dottedBackground2","dottedBackgroundCombined","surfaceBorderBoldColor","getDotted","gridBackground1","surfaceBorderSubtleColor","gridBackground2","gridBackgroundCombined","getGrid","getVariant","variant"],"sources":["@wordpress/components/src/surface/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../utils';\nimport type { SurfaceVariant, SurfaceProps } from './types';\n\nexport const Surface = css`\n\tbackground-color: ${ CONFIG.surfaceColor };\n\tcolor: ${ COLORS.gray[ 900 ] };\n\tposition: relative;\n`;\n\nexport const background = css`\n\tbackground-color: ${ CONFIG.surfaceBackgroundColor };\n`;\n\nexport function getBorders( {\n\tborderBottom,\n\tborderLeft,\n\tborderRight,\n\tborderTop,\n}: Pick<\n\tSurfaceProps,\n\t'borderBottom' | 'borderLeft' | 'borderRight' | 'borderTop'\n> ) {\n\tconst borderStyle = `1px solid ${ CONFIG.surfaceBorderColor }`;\n\n\treturn css( {\n\t\tborderBottom: borderBottom ? borderStyle : undefined,\n\t\tborderLeft: borderLeft ? borderStyle : undefined,\n\t\tborderRight: borderRight ? borderStyle : undefined,\n\t\tborderTop: borderTop ? borderStyle : undefined,\n\t} );\n}\n\nexport const primary = css``;\n\nexport const secondary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTintColor };\n`;\n\nexport const tertiary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTertiaryColor };\n`;\n\nconst customBackgroundSize = ( surfaceBackgroundSize: string ) =>\n\t[ surfaceBackgroundSize, surfaceBackgroundSize ].join( ' ' );\n\nconst dottedBackground1 = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t'90deg',\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\nconst dottedBackground2 = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\nconst dottedBackgroundCombined = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t`linear-gradient( ${ dottedBackground1(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\t`linear-gradient( ${ dottedBackground2(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\tCONFIG.surfaceBorderBoldColor,\n\t].join( ',' );\n\nexport const getDotted = (\n\tsurfaceBackgroundSize: string,\n\tsurfaceBackgroundSizeDotted: string\n) => css`\n\tbackground: ${ dottedBackgroundCombined( surfaceBackgroundSizeDotted ) };\n\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n`;\n\nconst gridBackground1 = [\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackground2 = [\n\t'90deg',\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackgroundCombined = [\n\t`linear-gradient( ${ gridBackground1 } )`,\n\t`linear-gradient( ${ gridBackground2 } )`,\n].join( ',' );\n\nexport const getGrid = ( surfaceBackgroundSize: string ) => {\n\treturn css`\n\t\tbackground: ${ CONFIG.surfaceBackgroundColor };\n\t\tbackground-image: ${ gridBackgroundCombined };\n\t\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n\t`;\n};\n\nexport const getVariant = (\n\tvariant: SurfaceVariant,\n\tsurfaceBackgroundSize: string,\n\tsurfaceBackgroundSizeDotted: string\n) => {\n\tswitch ( variant ) {\n\t\tcase 'dotted': {\n\t\t\treturn getDotted(\n\t\t\t\tsurfaceBackgroundSize,\n\t\t\t\tsurfaceBackgroundSizeDotted\n\t\t\t);\n\t\t}\n\t\tcase 'grid': {\n\t\t\treturn getGrid( surfaceBackgroundSize );\n\t\t}\n\t\tcase 'primary': {\n\t\t\treturn primary;\n\t\t}\n\t\tcase 'secondary': {\n\t\t\treturn secondary;\n\t\t}\n\t\tcase 'tertiary': {\n\t\t\treturn tertiary;\n\t\t}\n\t}\n};\n"],"mappings":"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"}

package/build/surface/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/surface/types.ts"],"sourcesContent":["export type SurfaceVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'tertiary'\n\t| 'dotted'\n\t| 'grid';\n\nexport type SurfaceProps = {\n\t/**\n\t * Determines the grid size for \"dotted\" and \"grid\" variants.\n\t *\n\t * @default 12\n\t */\n\tbackgroundSize?: number;\n\t/**\n\t * Renders a bottom border.\n\t *\n\t * @default false\n\t */\n\tborderBottom?: boolean;\n\t/**\n\t * Renders a left border.\n\t *\n\t * @default false\n\t */\n\tborderLeft?: boolean;\n\t/**\n\t * Renders a right border.\n\t *\n\t * @default false\n\t */\n\tborderRight?: boolean;\n\t/**\n\t * Renders a top border.\n\t *\n\t * @default false\n\t */\n\tborderTop?: boolean;\n\t/**\n\t * Modifies the background color of `Surface`.\n\t *\n\t * * `primary`: Used for almost all cases.\n\t * * `secondary`: Used as a secondary background for inner `Surface` components.\n\t * * `tertiary`: Used as the app/site wide background. Visible in **dark mode** only. Use case is rare.\n\t * * `grid`: Used to show a grid.\n\t * * `dotted`: Used to show a dots grid.\n\t *\n\t * @default 'primary'\n\t */\n\tvariant?: SurfaceVariant;\n\t/**\n\t * The children elements.\n\t */\n\tchildren: React.ReactNode;\n};\n"],"mappings":""}

package/build/tab-panel/index.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TabPanel = void 0;
-
 var _element = require("@wordpress/element");
-
 var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _compose = require("@wordpress/compose");
-
 var _button = _interopRequireDefault(require("../button"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * External dependencies
  */
@@ -32,6 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * Internal dependencies
  */
+
 // Separate the actual tab name from the instance ID. This is
 // necessary because Ariakit internally uses the element ID when
 // a new tab is selected, but our implementation looks specifically
@@ -40,9 +32,9 @@ const extractTabName = id => {
   if (typeof id === 'undefined' || id === null) {
     return;
   }
-
   return id.match(/^tab-panel-[0-9]*-(.*)/)?.[1];
 };
+
 /**
  * TabPanel is an ARIA-compliant tabpanel.
  *
@@ -79,8 +71,6 @@ const extractTabName = id => {
  * );
  * ```
  */
-
-
 const UnforwardedTabPanel = ({
   className,
   children,
@@ -96,7 +86,6 @@ const UnforwardedTabPanel = ({
     if (typeof tabName === 'undefined') {
       return;
     }
-
     return `${instanceId}-${tabName}`;
   }, [instanceId]);
   const tabStore = Ariakit.useTabStore({
@@ -104,19 +93,14 @@ const UnforwardedTabPanel = ({
       if (typeof newTabValue === 'undefined' || newTabValue === null) {
         return;
       }
-
       const newTab = tabs.find(t => prependInstanceId(t.name) === newTabValue);
-
       if (newTab?.disabled || newTab === selectedTab) {
         return;
       }
-
       const simplifiedTabName = extractTabName(newTabValue);
-
       if (typeof simplifiedTabName === 'undefined') {
         return;
       }
-
       onSelect?.(simplifiedTabName);
     },
     orientation,
@@ -130,28 +114,28 @@ const UnforwardedTabPanel = ({
   const selectedTab = tabs.find(({
     name
   }) => name === selectedTabName);
-  const previousSelectedTabName = (0, _compose.usePrevious)(selectedTabName); // Ensure `onSelect` is called when the initial tab is selected.
+  const previousSelectedTabName = (0, _compose.usePrevious)(selectedTabName);
 
+  // Ensure `onSelect` is called when the initial tab is selected.
   (0, _element.useEffect)(() => {
     if (previousSelectedTabName !== selectedTabName && selectedTabName === initialTabName && !!selectedTabName) {
       onSelect?.(selectedTabName);
     }
-  }, [selectedTabName, initialTabName, onSelect, previousSelectedTabName]); // Handle selecting the initial tab.
+  }, [selectedTabName, initialTabName, onSelect, previousSelectedTabName]);
 
+  // Handle selecting the initial tab.
   (0, _element.useLayoutEffect)(() => {
     // If there's a selected tab, don't override it.
     if (selectedTab) {
       return;
     }
-
-    const initialTab = tabs.find(tab => tab.name === initialTabName); // Wait for the denoted initial tab to be declared before making a
+    const initialTab = tabs.find(tab => tab.name === initialTabName);
+    // Wait for the denoted initial tab to be declared before making a
     // selection. This ensures that if a tab is declared lazily it can
     // still receive initial selection.
-
     if (initialTabName && !initialTab) {
       return;
     }
-
     if (initialTab && !initialTab.disabled) {
       // Select the initial tab if it's not disabled.
       setTabStoreSelectedId(initialTab.name);
@@ -159,22 +143,21 @@ const UnforwardedTabPanel = ({
       // Fallback to the first enabled tab when the initial tab is
       // disabled or it can't be found.
       const firstEnabledTab = tabs.find(tab => !tab.disabled);
-
       if (firstEnabledTab) {
         setTabStoreSelectedId(firstEnabledTab.name);
       }
     }
-  }, [tabs, selectedTab, initialTabName, instanceId, setTabStoreSelectedId]); // Handle the currently selected tab becoming disabled.
+  }, [tabs, selectedTab, initialTabName, instanceId, setTabStoreSelectedId]);
 
+  // Handle the currently selected tab becoming disabled.
   (0, _element.useEffect)(() => {
     // This effect only runs when the selected tab is defined and becomes disabled.
     if (!selectedTab?.disabled) {
       return;
     }
-
-    const firstEnabledTab = tabs.find(tab => !tab.disabled); // If the currently selected tab becomes disabled, select the first enabled tab.
+    const firstEnabledTab = tabs.find(tab => !tab.disabled);
+    // If the currently selected tab becomes disabled, select the first enabled tab.
     // (if there is one).
-
     if (firstEnabledTab) {
       setTabStoreSelectedId(firstEnabledTab.name);
     }
@@ -207,7 +190,6 @@ const UnforwardedTabPanel = ({
     className: 'components-tab-panel__tab-content'
   }, children(selectedTab)));
 };
-
 const TabPanel = (0, _element.forwardRef)(UnforwardedTabPanel);
 exports.TabPanel = TabPanel;
 var _default = TabPanel;

package/build/tab-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/tab-panel/index.tsx"],"names":["extractTabName","id","match","UnforwardedTabPanel","className","children","tabs","selectOnMove","initialTabName","orientation","activeClass","onSelect","ref","instanceId","TabPanel","prependInstanceId","tabName","tabStore","Ariakit","useTabStore","setSelectedId","newTabValue","newTab","find","t","name","disabled","selectedTab","simplifiedTabName","defaultSelectedId","selectedTabName","useState","setTabStoreSelectedId","setState","previousSelectedTabName","initialTab","tab","firstEnabledTab","map","icon","title"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport classnames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { useInstanceId, usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nimport Button from '../button';\nimport type { TabPanelProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\n// Separate the actual tab name from the instance ID. This is\n// necessary because Ariakit internally uses the element ID when\n// a new tab is selected, but our implementation looks specifically\n// for the tab name to be passed to the `onSelect` callback.\nconst extractTabName = ( id: string | undefined | null ) => {\n\tif ( typeof id === 'undefined' || id === null ) {\n\t\treturn;\n\t}\n\treturn id.match( /^tab-panel-[0-9]*-(.*)/ )?.[ 1 ];\n};\n\n/**\n * TabPanel is an ARIA-compliant tabpanel.\n *\n * TabPanels organize content across different screens, data sets, and interactions.\n * It has two sections: a list of tabs, and the view to show when tabs are chosen.\n *\n * ```jsx\n * import { TabPanel } from '@wordpress/components';\n *\n * const onSelect = ( tabName ) => {\n *   console.log( 'Selecting tab', tabName );\n * };\n *\n * const MyTabPanel = () => (\n *   <TabPanel\n *     className=\"my-tab-panel\"\n *     activeClass=\"active-tab\"\n *     onSelect={ onSelect }\n *     tabs={ [\n *       {\n *         name: 'tab1',\n *         title: 'Tab 1',\n *         className: 'tab-one',\n *       },\n *       {\n *         name: 'tab2',\n *         title: 'Tab 2',\n *         className: 'tab-two',\n *       },\n *     ] }\n *   >\n *     { ( tab ) => <p>{ tab.title }</p> }\n *   </TabPanel>\n * );\n * ```\n */\nconst UnforwardedTabPanel = (\n\t{\n\t\tclassName,\n\t\tchildren,\n\t\ttabs,\n\t\tselectOnMove = true,\n\t\tinitialTabName,\n\t\torientation = 'horizontal',\n\t\tactiveClass = 'is-active',\n\t\tonSelect,\n\t}: WordPressComponentProps< TabPanelProps, 'div', false >,\n\tref: ForwardedRef< any >\n) => {\n\tconst instanceId = useInstanceId( TabPanel, 'tab-panel' );\n\n\tconst prependInstanceId = useCallback(\n\t\t( tabName: string | undefined ) => {\n\t\t\tif ( typeof tabName === 'undefined' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\treturn `${ instanceId }-${ tabName }`;\n\t\t},\n\t\t[ instanceId ]\n\t);\n\n\tconst tabStore = Ariakit.useTabStore( {\n\t\tsetSelectedId: ( newTabValue ) => {\n\t\t\tif ( typeof newTabValue === 'undefined' || newTabValue === null ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newTab = tabs.find(\n\t\t\t\t( t ) => prependInstanceId( t.name ) === newTabValue\n\t\t\t);\n\t\t\tif ( newTab?.disabled || newTab === selectedTab ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst simplifiedTabName = extractTabName( newTabValue );\n\t\t\tif ( typeof simplifiedTabName === 'undefined' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonSelect?.( simplifiedTabName );\n\t\t},\n\t\torientation,\n\t\tselectOnMove,\n\t\tdefaultSelectedId: prependInstanceId( initialTabName ),\n\t} );\n\n\tconst selectedTabName = extractTabName( tabStore.useState( 'selectedId' ) );\n\n\tconst setTabStoreSelectedId = useCallback(\n\t\t( tabName: string ) => {\n\t\t\ttabStore.setState( 'selectedId', prependInstanceId( tabName ) );\n\t\t},\n\t\t[ prependInstanceId, tabStore ]\n\t);\n\n\tconst selectedTab = tabs.find( ( { name } ) => name === selectedTabName );\n\n\tconst previousSelectedTabName = usePrevious( selectedTabName );\n\n\t// Ensure `onSelect` is called when the initial tab is selected.\n\tuseEffect( () => {\n\t\tif (\n\t\t\tpreviousSelectedTabName !== selectedTabName &&\n\t\t\tselectedTabName === initialTabName &&\n\t\t\t!! selectedTabName\n\t\t) {\n\t\t\tonSelect?.( selectedTabName );\n\t\t}\n\t}, [ selectedTabName, initialTabName, onSelect, previousSelectedTabName ] );\n\n\t// Handle selecting the initial tab.\n\tuseLayoutEffect( () => {\n\t\t// If there's a selected tab, don't override it.\n\t\tif ( selectedTab ) {\n\t\t\treturn;\n\t\t}\n\t\tconst initialTab = tabs.find( ( tab ) => tab.name === initialTabName );\n\t\t// Wait for the denoted initial tab to be declared before making a\n\t\t// selection. This ensures that if a tab is declared lazily it can\n\t\t// still receive initial selection.\n\t\tif ( initialTabName && ! initialTab ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( initialTab && ! initialTab.disabled ) {\n\t\t\t// Select the initial tab if it's not disabled.\n\t\t\tsetTabStoreSelectedId( initialTab.name );\n\t\t} else {\n\t\t\t// Fallback to the first enabled tab when the initial tab is\n\t\t\t// disabled or it can't be found.\n\t\t\tconst firstEnabledTab = tabs.find( ( tab ) => ! tab.disabled );\n\t\t\tif ( firstEnabledTab ) {\n\t\t\t\tsetTabStoreSelectedId( firstEnabledTab.name );\n\t\t\t}\n\t\t}\n\t}, [\n\t\ttabs,\n\t\tselectedTab,\n\t\tinitialTabName,\n\t\tinstanceId,\n\t\tsetTabStoreSelectedId,\n\t] );\n\n\t// Handle the currently selected tab becoming disabled.\n\tuseEffect( () => {\n\t\t// This effect only runs when the selected tab is defined and becomes disabled.\n\t\tif ( ! selectedTab?.disabled ) {\n\t\t\treturn;\n\t\t}\n\t\tconst firstEnabledTab = tabs.find( ( tab ) => ! tab.disabled );\n\t\t// If the currently selected tab becomes disabled, select the first enabled tab.\n\t\t// (if there is one).\n\t\tif ( firstEnabledTab ) {\n\t\t\tsetTabStoreSelectedId( firstEnabledTab.name );\n\t\t}\n\t}, [ tabs, selectedTab?.disabled, setTabStoreSelectedId, instanceId ] );\n\treturn (\n\t\t<div className={ className } ref={ ref }>\n\t\t\t<Ariakit.TabList\n\t\t\t\tstore={ tabStore }\n\t\t\t\tclassName=\"components-tab-panel__tabs\"\n\t\t\t>\n\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Ariakit.Tab\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tid={ prependInstanceId( tab.name ) }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'components-tab-panel__tabs-item',\n\t\t\t\t\t\t\t\ttab.className,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t[ activeClass ]:\n\t\t\t\t\t\t\t\t\t\ttab.name === selectedTabName,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tdisabled={ tab.disabled }\n\t\t\t\t\t\t\taria-controls={ `${ prependInstanceId(\n\t\t\t\t\t\t\t\ttab.name\n\t\t\t\t\t\t\t) }-view` }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ tab.icon }\n\t\t\t\t\t\t\t\t\tlabel={ tab.icon && tab.title }\n\t\t\t\t\t\t\t\t\tshowTooltip={ !! tab.icon }\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\t\t{ ! tab.icon && tab.title }\n\t\t\t\t\t\t</Ariakit.Tab>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Ariakit.TabList>\n\t\t\t{ selectedTab && (\n\t\t\t\t<Ariakit.TabPanel\n\t\t\t\t\tid={ `${ prependInstanceId( selectedTab.name ) }-view` }\n\t\t\t\t\tstore={ tabStore }\n\t\t\t\t\ttabId={ prependInstanceId( selectedTab.name ) }\n\t\t\t\t\tclassName={ 'components-tab-panel__tab-content' }\n\t\t\t\t>\n\t\t\t\t\t{ children( selectedTab ) }\n\t\t\t\t</Ariakit.TabPanel>\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport const TabPanel = forwardRef( UnforwardedTabPanel );\nexport default TabPanel;\n"]}
+{"version":3,"names":["_element","require","Ariakit","_interopRequireWildcard","_classnames","_interopRequireDefault","_compose","_button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","extractTabName","id","match","UnforwardedTabPanel","className","children","tabs","selectOnMove","initialTabName","orientation","activeClass","onSelect","ref","instanceId","useInstanceId","TabPanel","prependInstanceId","useCallback","tabName","tabStore","useTabStore","setSelectedId","newTabValue","newTab","find","t","name","disabled","selectedTab","simplifiedTabName","defaultSelectedId","selectedTabName","useState","setTabStoreSelectedId","setState","previousSelectedTabName","usePrevious","useEffect","useLayoutEffect","initialTab","tab","firstEnabledTab","createElement","TabList","store","map","Tab","classnames","render","icon","label","title","showTooltip","tabId","forwardRef","exports","_default"],"sources":["@wordpress/components/src/tab-panel/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport classnames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { useInstanceId, usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nimport Button from '../button';\nimport type { TabPanelProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\n// Separate the actual tab name from the instance ID. This is\n// necessary because Ariakit internally uses the element ID when\n// a new tab is selected, but our implementation looks specifically\n// for the tab name to be passed to the `onSelect` callback.\nconst extractTabName = ( id: string | undefined | null ) => {\n\tif ( typeof id === 'undefined' || id === null ) {\n\t\treturn;\n\t}\n\treturn id.match( /^tab-panel-[0-9]*-(.*)/ )?.[ 1 ];\n};\n\n/**\n * TabPanel is an ARIA-compliant tabpanel.\n *\n * TabPanels organize content across different screens, data sets, and interactions.\n * It has two sections: a list of tabs, and the view to show when tabs are chosen.\n *\n * ```jsx\n * import { TabPanel } from '@wordpress/components';\n *\n * const onSelect = ( tabName ) => {\n *   console.log( 'Selecting tab', tabName );\n * };\n *\n * const MyTabPanel = () => (\n *   <TabPanel\n *     className=\"my-tab-panel\"\n *     activeClass=\"active-tab\"\n *     onSelect={ onSelect }\n *     tabs={ [\n *       {\n *         name: 'tab1',\n *         title: 'Tab 1',\n *         className: 'tab-one',\n *       },\n *       {\n *         name: 'tab2',\n *         title: 'Tab 2',\n *         className: 'tab-two',\n *       },\n *     ] }\n *   >\n *     { ( tab ) => <p>{ tab.title }</p> }\n *   </TabPanel>\n * );\n * ```\n */\nconst UnforwardedTabPanel = (\n\t{\n\t\tclassName,\n\t\tchildren,\n\t\ttabs,\n\t\tselectOnMove = true,\n\t\tinitialTabName,\n\t\torientation = 'horizontal',\n\t\tactiveClass = 'is-active',\n\t\tonSelect,\n\t}: WordPressComponentProps< TabPanelProps, 'div', false >,\n\tref: ForwardedRef< any >\n) => {\n\tconst instanceId = useInstanceId( TabPanel, 'tab-panel' );\n\n\tconst prependInstanceId = useCallback(\n\t\t( tabName: string | undefined ) => {\n\t\t\tif ( typeof tabName === 'undefined' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\treturn `${ instanceId }-${ tabName }`;\n\t\t},\n\t\t[ instanceId ]\n\t);\n\n\tconst tabStore = Ariakit.useTabStore( {\n\t\tsetSelectedId: ( newTabValue ) => {\n\t\t\tif ( typeof newTabValue === 'undefined' || newTabValue === null ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newTab = tabs.find(\n\t\t\t\t( t ) => prependInstanceId( t.name ) === newTabValue\n\t\t\t);\n\t\t\tif ( newTab?.disabled || newTab === selectedTab ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst simplifiedTabName = extractTabName( newTabValue );\n\t\t\tif ( typeof simplifiedTabName === 'undefined' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonSelect?.( simplifiedTabName );\n\t\t},\n\t\torientation,\n\t\tselectOnMove,\n\t\tdefaultSelectedId: prependInstanceId( initialTabName ),\n\t} );\n\n\tconst selectedTabName = extractTabName( tabStore.useState( 'selectedId' ) );\n\n\tconst setTabStoreSelectedId = useCallback(\n\t\t( tabName: string ) => {\n\t\t\ttabStore.setState( 'selectedId', prependInstanceId( tabName ) );\n\t\t},\n\t\t[ prependInstanceId, tabStore ]\n\t);\n\n\tconst selectedTab = tabs.find( ( { name } ) => name === selectedTabName );\n\n\tconst previousSelectedTabName = usePrevious( selectedTabName );\n\n\t// Ensure `onSelect` is called when the initial tab is selected.\n\tuseEffect( () => {\n\t\tif (\n\t\t\tpreviousSelectedTabName !== selectedTabName &&\n\t\t\tselectedTabName === initialTabName &&\n\t\t\t!! selectedTabName\n\t\t) {\n\t\t\tonSelect?.( selectedTabName );\n\t\t}\n\t}, [ selectedTabName, initialTabName, onSelect, previousSelectedTabName ] );\n\n\t// Handle selecting the initial tab.\n\tuseLayoutEffect( () => {\n\t\t// If there's a selected tab, don't override it.\n\t\tif ( selectedTab ) {\n\t\t\treturn;\n\t\t}\n\t\tconst initialTab = tabs.find( ( tab ) => tab.name === initialTabName );\n\t\t// Wait for the denoted initial tab to be declared before making a\n\t\t// selection. This ensures that if a tab is declared lazily it can\n\t\t// still receive initial selection.\n\t\tif ( initialTabName && ! initialTab ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( initialTab && ! initialTab.disabled ) {\n\t\t\t// Select the initial tab if it's not disabled.\n\t\t\tsetTabStoreSelectedId( initialTab.name );\n\t\t} else {\n\t\t\t// Fallback to the first enabled tab when the initial tab is\n\t\t\t// disabled or it can't be found.\n\t\t\tconst firstEnabledTab = tabs.find( ( tab ) => ! tab.disabled );\n\t\t\tif ( firstEnabledTab ) {\n\t\t\t\tsetTabStoreSelectedId( firstEnabledTab.name );\n\t\t\t}\n\t\t}\n\t}, [\n\t\ttabs,\n\t\tselectedTab,\n\t\tinitialTabName,\n\t\tinstanceId,\n\t\tsetTabStoreSelectedId,\n\t] );\n\n\t// Handle the currently selected tab becoming disabled.\n\tuseEffect( () => {\n\t\t// This effect only runs when the selected tab is defined and becomes disabled.\n\t\tif ( ! selectedTab?.disabled ) {\n\t\t\treturn;\n\t\t}\n\t\tconst firstEnabledTab = tabs.find( ( tab ) => ! tab.disabled );\n\t\t// If the currently selected tab becomes disabled, select the first enabled tab.\n\t\t// (if there is one).\n\t\tif ( firstEnabledTab ) {\n\t\t\tsetTabStoreSelectedId( firstEnabledTab.name );\n\t\t}\n\t}, [ tabs, selectedTab?.disabled, setTabStoreSelectedId, instanceId ] );\n\treturn (\n\t\t<div className={ className } ref={ ref }>\n\t\t\t<Ariakit.TabList\n\t\t\t\tstore={ tabStore }\n\t\t\t\tclassName=\"components-tab-panel__tabs\"\n\t\t\t>\n\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Ariakit.Tab\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tid={ prependInstanceId( tab.name ) }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'components-tab-panel__tabs-item',\n\t\t\t\t\t\t\t\ttab.className,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t[ activeClass ]:\n\t\t\t\t\t\t\t\t\t\ttab.name === selectedTabName,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tdisabled={ tab.disabled }\n\t\t\t\t\t\t\taria-controls={ `${ prependInstanceId(\n\t\t\t\t\t\t\t\ttab.name\n\t\t\t\t\t\t\t) }-view` }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ tab.icon }\n\t\t\t\t\t\t\t\t\tlabel={ tab.icon && tab.title }\n\t\t\t\t\t\t\t\t\tshowTooltip={ !! tab.icon }\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\t\t{ ! tab.icon && tab.title }\n\t\t\t\t\t\t</Ariakit.Tab>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Ariakit.TabList>\n\t\t\t{ selectedTab && (\n\t\t\t\t<Ariakit.TabPanel\n\t\t\t\t\tid={ `${ prependInstanceId( selectedTab.name ) }-view` }\n\t\t\t\t\tstore={ tabStore }\n\t\t\t\t\ttabId={ prependInstanceId( selectedTab.name ) }\n\t\t\t\t\tclassName={ 'components-tab-panel__tab-content' }\n\t\t\t\t>\n\t\t\t\t\t{ children( selectedTab ) }\n\t\t\t\t</Ariakit.TabPanel>\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport const TabPanel = forwardRef( UnforwardedTabPanel );\nexport default TabPanel;\n"],"mappings":"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"}

package/build/tab-panel/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/tab-panel/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { IconType } from '../icon';\n\ntype Tab = {\n\t/**\n\t * The key of the tab.\n\t */\n\tname: string;\n\t/**\n\t * The label of the tab.\n\t */\n\ttitle: string;\n\t/**\n\t * The class name to apply to the tab button.\n\t */\n\tclassName?: string;\n\t/**\n\t * The icon used for the tab button.\n\t */\n\ticon?: IconType;\n\t/**\n\t * Determines if the tab button should be disabled.\n\t */\n\tdisabled?: boolean;\n} & Record< any, any >;\n\nexport type TabPanelProps = {\n\t/**\n\t * The class name to add to the active tab.\n\t *\n\t * @default 'is-active'\n\t */\n\tactiveClass?: string;\n\t/**\n\t * A function which renders the tabviews given the selected tab.\n\t * The function is passed the active tab object as an argument as defined by the tabs prop.\n\t */\n\tchildren: ( tab: Tab ) => ReactNode;\n\t/**\n\t * The class name to give to the outer container for the TabPanel.\n\t */\n\tclassName?: string;\n\t/**\n\t * The name of the tab to be selected upon mounting of component.\n\t * If this prop is not set, the first tab will be selected by default.\n\t */\n\tinitialTabName?: string;\n\t/**\n\t * The function called when a tab has been selected.\n\t * It is passed the `tabName` as an argument.\n\t */\n\tonSelect?: ( tabName: string ) => void;\n\t/**\n\t * The orientation of the tablist.\n\t *\n\t * @default `horizontal`\n\t */\n\torientation?: 'horizontal' | 'vertical';\n\t/**\n\t * Array of tab objects. Each tab object should contain at least a `name` and a `title`.\n\t */\n\ttabs: Tab[];\n\t/**\n\t * When `true`, the tab will be selected when receiving focus (automatic tab\n\t * activation). When `false`, the tab will be selected only when clicked\n\t * (manual tab activation). See the official W3C docs for more info.\n\t * .\n\t *\n\t * @default true\n\t *\n\t * @see https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/\n\t */\n\tselectOnMove?: boolean;\n};\n"],"mappings":""}