@commercetools-frontend/application-components 0.0.0-CRAFT-1791-20251006162610

package/dist/custom-views-selector-03d0524e.cjs.prod.js

@@ -0,0 +1,245 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _styled = require('@emotion/styled/base');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var react$1 = require('react');
+var react = require('@emotion/react');
+var sentry = require('@commercetools-frontend/sentry');
+var AccessibleButton = require('@commercetools-uikit/accessible-button');
+var Constraints = require('@commercetools-uikit/constraints');
+var designSystem = require('@commercetools-uikit/design-system');
+var icons = require('@commercetools-uikit/icons');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
+var reactRouterDom = require('react-router-dom');
+var dist_commercetoolsFrontendApplicationComponents = require('./commercetools-frontend-application-components.cjs.prod.js');
+var reactIntl = require('react-intl');
+var reactBroadcast = require('@flopflip/react-broadcast');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
+var constants = require('@commercetools-frontend/constants');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('@commercetools-uikit/utils');
+require('@radix-ui/react-dialog');
+require('@commercetools-uikit/card');
+require('@commercetools-uikit/secondary-icon-button');
+require('@commercetools-frontend/i18n');
+require('@commercetools-uikit/primary-button');
+require('@commercetools-uikit/secondary-button');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('lodash/omitBy');
+require('@babel/runtime-corejs3/core-js-stable/promise');
+require('@babel/runtime-corejs3/core-js-stable/set-timeout');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icon-button');
+require('@commercetools-frontend/assets/images/page-not-found.svg');
+require('@commercetools-frontend/assets/images/doors-closed.svg');
+require('@commercetools-frontend/actions-global');
+require('@babel/runtime-corejs3/core-js-stable/instance/values');
+require('@commercetools-uikit/stamp');
+require('@react-hook/resize-observer');
+require('@commercetools-uikit/hooks');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
+var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
+
+const pathWithoutSearch = path => typeof path === 'string' ? path.split('?')[0] : path.pathname;
+const useCustomViewLocatorSelector = function () {
+  var _context;
+  let customViewLocatorCodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const location = reactRouterDom.useLocation();
+  if (!customViewLocatorCodes) {
+    return {
+      currentCustomViewLocatorCode: undefined
+    };
+  }
+  const customViewLocator = _findInstanceProperty__default["default"](_context = _Object$entries__default["default"](customViewLocatorCodes)).call(_context, _ref => {
+    let _ref2 = _slicedToArray(_ref, 2),
+      locator = _ref2[1];
+    return reactRouterDom.matchPath(location.pathname, {
+      // strip the search, otherwise the path won't match
+      path: pathWithoutSearch(locator),
+      exact: true,
+      strict: false
+    });
+  });
+  return {
+    currentCustomViewLocatorCode: customViewLocator?.[0]
+  };
+};
+
+var messages = reactIntl.defineMessages({
+  title: {
+    id: 'CustomViewsSelector.title',
+    defaultMessage: 'Custom Views:'
+  }
+});
+
+var FetchCustomViewsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchCustomViewsByLocator" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "customViewLocatorCode" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allCustomViewsInstallationsByLocator" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "locator" }, value: { kind: "Variable", name: { kind: "Name", value: "customViewLocatorCode" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "customView" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultLabel" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "url" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "typeSettings" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "size" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "locators" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "oAuthScopes" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 405, source: { body: "query FetchCustomViewsByLocator($customViewLocatorCode: String!) {\n  allCustomViewsInstallationsByLocator(locator: $customViewLocatorCode) {\n    id\n    customView {\n      id\n      defaultLabel\n      labelAllLocales {\n        locale\n        value\n      }\n      url\n      type\n      typeSettings {\n        size\n      }\n      locators\n      permissions {\n        name\n        oAuthScopes\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+const useCustomViewsConnector = _ref => {
+  let customViewLocatorCode = _ref.customViewLocatorCode;
+  const enableCustomViews = reactBroadcast.useFlagVariation(constants.featureFlags.CUSTOM_VIEWS);
+  const areCustomViewsEnabled =
+  // @ts-ignore In case it's coming from the MC API, it's an object { value: boolean }.
+  (enableCustomViews?.value ?? enableCustomViews) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
+  const _useMcQuery = applicationShellConnectors.useMcQuery(FetchCustomViewsQuery, {
+      variables: {
+        customViewLocatorCode
+      },
+      context: {
+        target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
+      },
+      skip: !areCustomViewsEnabled
+    }),
+    data = _useMcQuery.data,
+    error = _useMcQuery.error,
+    loading = _useMcQuery.loading;
+  return {
+    customViews: data?.allCustomViewsInstallationsByLocator?.map(installation => installation.customView) || [],
+    error,
+    loading
+  };
+};
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const COMPONENT_HEIGHT = '52px';
+const Wrapper = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e16cb3zv3"
+} )("height:", props => props.shouldRender ? COMPONENT_HEIGHT : '0', ";overflow:hidden;transition:margin 0.3s ease-in-out,height 0.3s ease-in-out;margin:", props => props.shouldRender ? props.margin : '0', ";" + ("" ));
+const Container = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e16cb3zv2"
+} )("background-color:", designSystem.designTokens.colorNeutral98, ";padding:10px ", designSystem.designTokens.spacing30, ";border:1px solid ", designSystem.designTokens.colorNeutral95, ";border-radius:", designSystem.designTokens.borderRadius8, ";" + ("" ));
+const hoverAndSelectedStateStyles = /*#__PURE__*/react.css("box-shadow:", designSystem.designTokens.shadow1, ";background-color:", designSystem.designTokens.colorSurface, ";color:", designSystem.designTokens.colorPrimary30, ";" + ("" ), "" );
+const CustomViewSelectorItem = props => {
+  return jsxRuntime.jsx(AccessibleButton__default["default"], {
+    css: /*#__PURE__*/react.css("display:flex;align-items:center;padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing25, ";height:30px;border-radius:", designSystem.designTokens.borderRadius6, ";color:", designSystem.designTokens.colorPrimary, ";", props.selected && hoverAndSelectedStateStyles, " :hover{", hoverAndSelectedStateStyles, ";}" + ("" ), "" ),
+    onClick: props.onClick,
+    label: props.label,
+    children: jsxRuntime.jsx(Text__default["default"].Detail, {
+      tone: "inherit",
+      fontWeight: props.selected ? 'bold' : 'regular',
+      children: props.label
+    })
+  });
+};
+const SelectorLabel = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e16cb3zv1"
+} )({
+  name: "1i68o0s",
+  styles: "display:flex;align-items:center;gap:6px;div{font-weight:300;}"
+} );
+const Separator = /*#__PURE__*/_styled__default["default"]("span", {
+  target: "e16cb3zv0"
+} )({
+  name: "1lsblg0",
+  styles: "width:1px;height:18px;background-color:#cccccc"
+} );
+function CustomViewSelector(props) {
+  const _useState = react$1.useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedCustomView = _useState2[0],
+    setSelectedCustomView = _useState2[1];
+  const _useCustomViewsConnec = useCustomViewsConnector({
+      customViewLocatorCode: props.customViewLocatorCode
+    }),
+    customViews = _useCustomViewsConnec.customViews,
+    error = _useCustomViewsConnec.error,
+    loading = _useCustomViewsConnec.loading;
+  const onCustomViewsResolved = props.onCustomViewsResolved;
+  react$1.useEffect(() => {
+    if (!loading && !error && onCustomViewsResolved) {
+      onCustomViewsResolved(customViews);
+    }
+  }, [customViews, error, loading, onCustomViewsResolved]);
+  if (error) {
+    sentry.reportErrorToSentry(error, {
+      extra: {
+        customViewLocatorCode: props.customViewLocatorCode
+      }
+    });
+    return null;
+  }
+  return jsxRuntime.jsx(Wrapper, {
+    shouldRender: customViews.length > 0,
+    margin: props.margin || '0',
+    children: jsxRuntime.jsx(Container, {
+      children: jsxRuntime.jsxs(Constraints__default["default"].Horizontal, {
+        max: "scale",
+        children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+          scale: "s",
+          justifyContent: "flex-start",
+          alignItems: "center",
+          children: [jsxRuntime.jsxs(SelectorLabel, {
+            children: [jsxRuntime.jsx(icons.WindowEyeIcon, {
+              size: "medium",
+              color: "neutral60"
+            }), jsxRuntime.jsx(Text__default["default"].Detail, {
+              tone: "secondary",
+              intlMessage: messages.title
+            })]
+          }), _mapInstanceProperty__default["default"](customViews).call(customViews, (customView, index) => {
+            const isNotLastItem = index !== customViews.length - 1;
+            return jsxRuntime.jsxs(react$1.Fragment, {
+              children: [jsxRuntime.jsx(CustomViewSelectorItem, {
+                selected: selectedCustomView?.id === customView.id,
+                onClick: () => {
+                  setSelectedCustomView(customView);
+                },
+                label: customView.defaultLabel
+              }), isNotLastItem && jsxRuntime.jsx(Separator, {})]
+            }, customView.id);
+          })]
+        }), selectedCustomView && jsxRuntime.jsx(dist_commercetoolsFrontendApplicationComponents.CustomViewLoader, {
+          locatorCode: props.customViewLocatorCode,
+          customView: selectedCustomView,
+          onClose: () => {
+            setSelectedCustomView(null);
+          }
+        })]
+      })
+    })
+  });
+}
+CustomViewSelector.displayName = 'CustomViewSelector';
+const CustomViewSelectorOrNothing = props => {
+  const _useCustomViewLocator = useCustomViewLocatorSelector(props.customViewLocatorCodes),
+    currentCustomViewLocatorCode = _useCustomViewLocator.currentCustomViewLocatorCode;
+  const locatorCode = currentCustomViewLocatorCode ?? props.customViewLocatorCode;
+  if (!locatorCode) {
+    return null;
+  }
+  return jsxRuntime.jsx(CustomViewSelector, _objectSpread(_objectSpread({}, props), {}, {
+    customViewLocatorCode: locatorCode
+  }));
+};
+
+exports["default"] = CustomViewSelectorOrNothing;

package/dist/custom-views-selector-9f964e68.esm.js

@@ -0,0 +1,245 @@
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _styled from '@emotion/styled/base';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import { useState, useEffect, Fragment } from 'react';
+import { css } from '@emotion/react';
+import { reportErrorToSentry } from '@commercetools-frontend/sentry';
+import AccessibleButton from '@commercetools-uikit/accessible-button';
+import Constraints from '@commercetools-uikit/constraints';
+import { designTokens } from '@commercetools-uikit/design-system';
+import { WindowEyeIcon } from '@commercetools-uikit/icons';
+import Spacings from '@commercetools-uikit/spacings';
+import Text from '@commercetools-uikit/text';
+import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
+import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
+import { useLocation, matchPath } from 'react-router-dom';
+import { CustomViewLoader } from './commercetools-frontend-application-components.esm.js';
+import { defineMessages } from 'react-intl';
+import { useFlagVariation } from '@flopflip/react-broadcast';
+import { useMcQuery } from '@commercetools-frontend/application-shell-connectors';
+import { featureFlags, GRAPHQL_TARGETS } from '@commercetools-frontend/constants';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import '@commercetools-uikit/utils';
+import '@radix-ui/react-dialog';
+import '@commercetools-uikit/card';
+import '@commercetools-uikit/secondary-icon-button';
+import '@commercetools-frontend/i18n';
+import '@commercetools-uikit/primary-button';
+import '@commercetools-uikit/secondary-button';
+import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
+import 'lodash/omitBy';
+import '@babel/runtime-corejs3/core-js-stable/promise';
+import '@babel/runtime-corejs3/core-js-stable/set-timeout';
+import '@commercetools-uikit/flat-button';
+import '@commercetools-uikit/icon-button';
+import '@commercetools-frontend/assets/images/page-not-found.svg';
+import '@commercetools-frontend/assets/images/doors-closed.svg';
+import '@commercetools-frontend/actions-global';
+import '@babel/runtime-corejs3/core-js-stable/instance/values';
+import '@commercetools-uikit/stamp';
+import '@react-hook/resize-observer';
+import '@commercetools-uikit/hooks';
+
+const pathWithoutSearch = path => typeof path === 'string' ? path.split('?')[0] : path.pathname;
+const useCustomViewLocatorSelector = function () {
+  var _context;
+  let customViewLocatorCodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const location = useLocation();
+  if (!customViewLocatorCodes) {
+    return {
+      currentCustomViewLocatorCode: undefined
+    };
+  }
+  const customViewLocator = _findInstanceProperty(_context = _Object$entries(customViewLocatorCodes)).call(_context, _ref => {
+    let _ref2 = _slicedToArray(_ref, 2),
+      locator = _ref2[1];
+    return matchPath(location.pathname, {
+      // strip the search, otherwise the path won't match
+      path: pathWithoutSearch(locator),
+      exact: true,
+      strict: false
+    });
+  });
+  return {
+    currentCustomViewLocatorCode: customViewLocator?.[0]
+  };
+};
+
+var messages = defineMessages({
+  title: {
+    id: 'CustomViewsSelector.title',
+    defaultMessage: 'Custom Views:'
+  }
+});
+
+var FetchCustomViewsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchCustomViewsByLocator" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "customViewLocatorCode" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allCustomViewsInstallationsByLocator" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "locator" }, value: { kind: "Variable", name: { kind: "Name", value: "customViewLocatorCode" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "customView" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultLabel" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "url" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "typeSettings" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "size" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "locators" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "oAuthScopes" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 405, source: { body: "query FetchCustomViewsByLocator($customViewLocatorCode: String!) {\n  allCustomViewsInstallationsByLocator(locator: $customViewLocatorCode) {\n    id\n    customView {\n      id\n      defaultLabel\n      labelAllLocales {\n        locale\n        value\n      }\n      url\n      type\n      typeSettings {\n        size\n      }\n      locators\n      permissions {\n        name\n        oAuthScopes\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+const useCustomViewsConnector = _ref => {
+  let customViewLocatorCode = _ref.customViewLocatorCode;
+  const enableCustomViews = useFlagVariation(featureFlags.CUSTOM_VIEWS);
+  const areCustomViewsEnabled =
+  // @ts-ignore In case it's coming from the MC API, it's an object { value: boolean }.
+  (enableCustomViews?.value ?? enableCustomViews) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
+  const _useMcQuery = useMcQuery(FetchCustomViewsQuery, {
+      variables: {
+        customViewLocatorCode
+      },
+      context: {
+        target: GRAPHQL_TARGETS.SETTINGS_SERVICE
+      },
+      skip: !areCustomViewsEnabled
+    }),
+    data = _useMcQuery.data,
+    error = _useMcQuery.error,
+    loading = _useMcQuery.loading;
+  return {
+    customViews: data?.allCustomViewsInstallationsByLocator?.map(installation => installation.customView) || [],
+    error,
+    loading
+  };
+};
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const COMPONENT_HEIGHT = '52px';
+const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e16cb3zv3"
+} : {
+  target: "e16cb3zv3",
+  label: "Wrapper"
+})("height:", props => props.shouldRender ? COMPONENT_HEIGHT : '0', ";overflow:hidden;transition:margin 0.3s ease-in-out,height 0.3s ease-in-out;margin:", props => props.shouldRender ? props.margin : '0', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3cy1zZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUN5QyIsImZpbGUiOiJjdXN0b20tdmlld3Mtc2VsZWN0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdXNlRWZmZWN0LFxuICB1c2VTdGF0ZSxcbiAgRnJhZ21lbnQsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgdHlwZSB7IEN1c3RvbVZpZXdEYXRhIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IHJlcG9ydEVycm9yVG9TZW50cnkgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9zZW50cnknO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgV2luZG93RXllSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB1c2VDdXN0b21WaWV3TG9jYXRvclNlbGVjdG9yIGZyb20gJy4uLy4uLy4uL2hvb2tzL3VzZS1jdXN0b20tdmlldy1sb2NhdG9yLXNlbGVjdG9yJztcbmltcG9ydCBDdXN0b21WaWV3TG9hZGVyIGZyb20gJy4uL2N1c3RvbS12aWV3LWxvYWRlcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5pbXBvcnQgdHlwZSB7IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgdXNlQ3VzdG9tVmlld3NDb25uZWN0b3IgfSBmcm9tICcuL3VzZS1jdXN0b20tdmlld3MtY29ubmVjdG9yJztcblxuY29uc3QgQ09NUE9ORU5UX0hFSUdIVCA9ICc1MnB4JztcblxudHlwZSBUQ3VzdG9tVmlld1NlbGVjdG9yV2l0aFJlcXVpcmVkUHJvcHMgPSB7XG4gIGN1c3RvbVZpZXdMb2NhdG9yQ29kZTogc3RyaW5nO1xuICBtYXJnaW4/OiBzdHJpbmc7XG4gIG9uQ3VzdG9tVmlld3NSZXNvbHZlZD86IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wc1snb25DdXN0b21WaWV3c1Jlc29sdmVkJ107XG59O1xuXG50eXBlIFRXcmFwcGVyUHJvcHMgPSB7XG4gIHNob3VsZFJlbmRlcjogYm9vbGVhbjtcbiAgbWFyZ2luPzogc3RyaW5nO1xufTtcbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRXcmFwcGVyUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2hvdWxkUmVuZGVyID8gQ09NUE9ORU5UX0hFSUdIVCA6ICcwJyl9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0cmFuc2l0aW9uOiBtYXJnaW4gMC4zcyBlYXNlLWluLW91dCwgaGVpZ2h0IDAuM3MgZWFzZS1pbi1vdXQ7XG4gIG1hcmdpbjogJHsocHJvcHMpID0+IChwcm9wcy5zaG91bGRSZW5kZXIgPyBwcm9wcy5tYXJnaW4gOiAnMCcpfTtcbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4fTtcbiAgcGFkZGluZzogMTBweCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czh9O1xuYDtcblxuY29uc3QgaG92ZXJBbmRTZWxlY3RlZFN0YXRlU3R5bGVzID0gY3NzYFxuICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cxfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTMwfTtcbmA7XG5cbnR5cGUgVEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW1Qcm9wcyA9IHtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBsYWJlbDogc3RyaW5nO1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW0gPSAocHJvcHM6IFRDdXN0b21WaWV3U2VsZWN0b3JJdGVtUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzI1fTtcbiAgICAgICAgaGVpZ2h0OiAzMHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICR7cHJvcHMuc2VsZWN0ZWQgJiYgaG92ZXJBbmRTZWxlY3RlZFN0YXRlU3R5bGVzfVxuXG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgJHtob3ZlckFuZFNlbGVjdGVkU3RhdGVTdHlsZXN9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICA+XG4gICAgICA8VGV4dC5EZXRhaWxcbiAgICAgICAgdG9uZT1cImluaGVyaXRcIlxuICAgICAgICBmb250V2VpZ2h0PXtwcm9wcy5zZWxlY3RlZCA/ICdib2xkJyA6ICdyZWd1bGFyJ31cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmxhYmVsfVxuICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5jb25zdCBTZWxlY3RvckxhYmVsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA2cHg7XG4gIGRpdiB7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgfVxuYDtcblxuY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLnNwYW5gXG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMThweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2NjY2NjYztcbmA7XG5cbmZ1bmN0aW9uIEN1c3RvbVZpZXdTZWxlY3Rvcihwcm9wczogVEN1c3RvbVZpZXdTZWxlY3RvcldpdGhSZXF1aXJlZFByb3BzKSB7XG4gIGNvbnN0IFtzZWxlY3RlZEN1c3RvbVZpZXcsIHNldFNlbGVjdGVkQ3VzdG9tVmlld10gPVxuICAgIHVzZVN0YXRlPEN1c3RvbVZpZXdEYXRhIHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IHsgY3VzdG9tVmlld3MsIGVycm9yLCBsb2FkaW5nIH0gPSB1c2VDdXN0b21WaWV3c0Nvbm5lY3Rvcih7XG4gICAgY3VzdG9tVmlld0xvY2F0b3JDb2RlOiBwcm9wcy5jdXN0b21WaWV3TG9jYXRvckNvZGUsXG4gIH0pO1xuXG4gIGNvbnN0IHsgb25DdXN0b21WaWV3c1Jlc29sdmVkIH0gPSBwcm9wcztcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWxvYWRpbmcgJiYgIWVycm9yICYmIG9uQ3VzdG9tVmlld3NSZXNvbHZlZCkge1xuICAgICAgb25DdXN0b21WaWV3c1Jlc29sdmVkKGN1c3RvbVZpZXdzKTtcbiAgICB9XG4gIH0sIFtjdXN0b21WaWV3cywgZXJyb3IsIGxvYWRpbmcsIG9uQ3VzdG9tVmlld3NSZXNvbHZlZF0pO1xuICBpZiAoZXJyb3IpIHtcbiAgICByZXBvcnRFcnJvclRvU2VudHJ5KGVycm9yLCB7XG4gICAgICBleHRyYToge1xuICAgICAgICBjdXN0b21WaWV3TG9jYXRvckNvZGU6IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZSxcbiAgICAgIH0sXG4gICAgfSk7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNob3VsZFJlbmRlcj17Y3VzdG9tVmlld3MubGVuZ3RoID4gMH0gbWFyZ2luPXtwcm9wcy5tYXJnaW4gfHwgJzAnfT5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD1cInNjYWxlXCI+XG4gICAgICAgICAgPFNwYWNpbmdzLklubGluZVxuICAgICAgICAgICAgc2NhbGU9XCJzXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U2VsZWN0b3JMYWJlbD5cbiAgICAgICAgICAgICAgPFdpbmRvd0V5ZUljb24gc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwibmV1dHJhbDYwXCIgLz5cbiAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIiBpbnRsTWVzc2FnZT17bWVzc2FnZXMudGl0bGV9IC8+XG4gICAgICAgICAgICA8L1NlbGVjdG9yTGFiZWw+XG4gICAgICAgICAgICB7Y3VzdG9tVmlld3MubWFwKChjdXN0b21WaWV3LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBpc05vdExhc3RJdGVtID0gaW5kZXggIT09IGN1c3RvbVZpZXdzLmxlbmd0aCAtIDE7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17Y3VzdG9tVmlldy5pZH0+XG4gICAgICAgICAgICAgICAgICA8Q3VzdG9tVmlld1NlbGVjdG9ySXRlbVxuICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWRDdXN0b21WaWV3Py5pZCA9PT0gY3VzdG9tVmlldy5pZH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkQ3VzdG9tVmlldyhjdXN0b21WaWV3KTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2N1c3RvbVZpZXcuZGVmYXVsdExhYmVsfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIHtpc05vdExhc3RJdGVtICYmIDxTZXBhcmF0b3IgLz59XG4gICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuXG4gICAgICAgICAge3NlbGVjdGVkQ3VzdG9tVmlldyAmJiAoXG4gICAgICAgICAgICA8Q3VzdG9tVmlld0xvYWRlclxuICAgICAgICAgICAgICBsb2NhdG9yQ29kZT17cHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2RlfVxuICAgICAgICAgICAgICBjdXN0b21WaWV3PXtzZWxlY3RlZEN1c3RvbVZpZXd9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRTZWxlY3RlZEN1c3RvbVZpZXcobnVsbCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cbkN1c3RvbVZpZXdTZWxlY3Rvci5kaXNwbGF5TmFtZSA9ICdDdXN0b21WaWV3U2VsZWN0b3InO1xuXG5jb25zdCBDdXN0b21WaWV3U2VsZWN0b3JPck5vdGhpbmcgPSAocHJvcHM6IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRDdXN0b21WaWV3TG9jYXRvckNvZGUgfSA9IHVzZUN1c3RvbVZpZXdMb2NhdG9yU2VsZWN0b3IoXG4gICAgcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2Rlc1xuICApO1xuXG4gIGNvbnN0IGxvY2F0b3JDb2RlID1cbiAgICBjdXJyZW50Q3VzdG9tVmlld0xvY2F0b3JDb2RlID8/IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZTtcblxuICBpZiAoIWxvY2F0b3JDb2RlKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gPEN1c3RvbVZpZXdTZWxlY3RvciB7Li4ucHJvcHN9IGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17bG9jYXRvckNvZGV9IC8+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tVmlld1NlbGVjdG9yT3JOb3RoaW5nO1xuIl19 */"));
+const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e16cb3zv2"
+} : {
+  target: "e16cb3zv2",
+  label: "Container"
+})("background-color:", designTokens.colorNeutral98, ";padding:10px ", designTokens.spacing30, ";border:1px solid ", designTokens.colorNeutral95, ";border-radius:", designTokens.borderRadius8, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3cy1zZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEM0QiIsImZpbGUiOiJjdXN0b20tdmlld3Mtc2VsZWN0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdXNlRWZmZWN0LFxuICB1c2VTdGF0ZSxcbiAgRnJhZ21lbnQsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgdHlwZSB7IEN1c3RvbVZpZXdEYXRhIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IHJlcG9ydEVycm9yVG9TZW50cnkgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9zZW50cnknO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgV2luZG93RXllSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB1c2VDdXN0b21WaWV3TG9jYXRvclNlbGVjdG9yIGZyb20gJy4uLy4uLy4uL2hvb2tzL3VzZS1jdXN0b20tdmlldy1sb2NhdG9yLXNlbGVjdG9yJztcbmltcG9ydCBDdXN0b21WaWV3TG9hZGVyIGZyb20gJy4uL2N1c3RvbS12aWV3LWxvYWRlcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5pbXBvcnQgdHlwZSB7IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgdXNlQ3VzdG9tVmlld3NDb25uZWN0b3IgfSBmcm9tICcuL3VzZS1jdXN0b20tdmlld3MtY29ubmVjdG9yJztcblxuY29uc3QgQ09NUE9ORU5UX0hFSUdIVCA9ICc1MnB4JztcblxudHlwZSBUQ3VzdG9tVmlld1NlbGVjdG9yV2l0aFJlcXVpcmVkUHJvcHMgPSB7XG4gIGN1c3RvbVZpZXdMb2NhdG9yQ29kZTogc3RyaW5nO1xuICBtYXJnaW4/OiBzdHJpbmc7XG4gIG9uQ3VzdG9tVmlld3NSZXNvbHZlZD86IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wc1snb25DdXN0b21WaWV3c1Jlc29sdmVkJ107XG59O1xuXG50eXBlIFRXcmFwcGVyUHJvcHMgPSB7XG4gIHNob3VsZFJlbmRlcjogYm9vbGVhbjtcbiAgbWFyZ2luPzogc3RyaW5nO1xufTtcbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRXcmFwcGVyUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2hvdWxkUmVuZGVyID8gQ09NUE9ORU5UX0hFSUdIVCA6ICcwJyl9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0cmFuc2l0aW9uOiBtYXJnaW4gMC4zcyBlYXNlLWluLW91dCwgaGVpZ2h0IDAuM3MgZWFzZS1pbi1vdXQ7XG4gIG1hcmdpbjogJHsocHJvcHMpID0+IChwcm9wcy5zaG91bGRSZW5kZXIgPyBwcm9wcy5tYXJnaW4gOiAnMCcpfTtcbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4fTtcbiAgcGFkZGluZzogMTBweCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czh9O1xuYDtcblxuY29uc3QgaG92ZXJBbmRTZWxlY3RlZFN0YXRlU3R5bGVzID0gY3NzYFxuICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cxfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTMwfTtcbmA7XG5cbnR5cGUgVEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW1Qcm9wcyA9IHtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBsYWJlbDogc3RyaW5nO1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW0gPSAocHJvcHM6IFRDdXN0b21WaWV3U2VsZWN0b3JJdGVtUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzI1fTtcbiAgICAgICAgaGVpZ2h0OiAzMHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICR7cHJvcHMuc2VsZWN0ZWQgJiYgaG92ZXJBbmRTZWxlY3RlZFN0YXRlU3R5bGVzfVxuXG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgJHtob3ZlckFuZFNlbGVjdGVkU3RhdGVTdHlsZXN9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICA+XG4gICAgICA8VGV4dC5EZXRhaWxcbiAgICAgICAgdG9uZT1cImluaGVyaXRcIlxuICAgICAgICBmb250V2VpZ2h0PXtwcm9wcy5zZWxlY3RlZCA/ICdib2xkJyA6ICdyZWd1bGFyJ31cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmxhYmVsfVxuICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5jb25zdCBTZWxlY3RvckxhYmVsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA2cHg7XG4gIGRpdiB7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgfVxuYDtcblxuY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLnNwYW5gXG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMThweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2NjY2NjYztcbmA7XG5cbmZ1bmN0aW9uIEN1c3RvbVZpZXdTZWxlY3Rvcihwcm9wczogVEN1c3RvbVZpZXdTZWxlY3RvcldpdGhSZXF1aXJlZFByb3BzKSB7XG4gIGNvbnN0IFtzZWxlY3RlZEN1c3RvbVZpZXcsIHNldFNlbGVjdGVkQ3VzdG9tVmlld10gPVxuICAgIHVzZVN0YXRlPEN1c3RvbVZpZXdEYXRhIHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IHsgY3VzdG9tVmlld3MsIGVycm9yLCBsb2FkaW5nIH0gPSB1c2VDdXN0b21WaWV3c0Nvbm5lY3Rvcih7XG4gICAgY3VzdG9tVmlld0xvY2F0b3JDb2RlOiBwcm9wcy5jdXN0b21WaWV3TG9jYXRvckNvZGUsXG4gIH0pO1xuXG4gIGNvbnN0IHsgb25DdXN0b21WaWV3c1Jlc29sdmVkIH0gPSBwcm9wcztcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWxvYWRpbmcgJiYgIWVycm9yICYmIG9uQ3VzdG9tVmlld3NSZXNvbHZlZCkge1xuICAgICAgb25DdXN0b21WaWV3c1Jlc29sdmVkKGN1c3RvbVZpZXdzKTtcbiAgICB9XG4gIH0sIFtjdXN0b21WaWV3cywgZXJyb3IsIGxvYWRpbmcsIG9uQ3VzdG9tVmlld3NSZXNvbHZlZF0pO1xuICBpZiAoZXJyb3IpIHtcbiAgICByZXBvcnRFcnJvclRvU2VudHJ5KGVycm9yLCB7XG4gICAgICBleHRyYToge1xuICAgICAgICBjdXN0b21WaWV3TG9jYXRvckNvZGU6IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZSxcbiAgICAgIH0sXG4gICAgfSk7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNob3VsZFJlbmRlcj17Y3VzdG9tVmlld3MubGVuZ3RoID4gMH0gbWFyZ2luPXtwcm9wcy5tYXJnaW4gfHwgJzAnfT5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD1cInNjYWxlXCI+XG4gICAgICAgICAgPFNwYWNpbmdzLklubGluZVxuICAgICAgICAgICAgc2NhbGU9XCJzXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U2VsZWN0b3JMYWJlbD5cbiAgICAgICAgICAgICAgPFdpbmRvd0V5ZUljb24gc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwibmV1dHJhbDYwXCIgLz5cbiAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIiBpbnRsTWVzc2FnZT17bWVzc2FnZXMudGl0bGV9IC8+XG4gICAgICAgICAgICA8L1NlbGVjdG9yTGFiZWw+XG4gICAgICAgICAgICB7Y3VzdG9tVmlld3MubWFwKChjdXN0b21WaWV3LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBpc05vdExhc3RJdGVtID0gaW5kZXggIT09IGN1c3RvbVZpZXdzLmxlbmd0aCAtIDE7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17Y3VzdG9tVmlldy5pZH0+XG4gICAgICAgICAgICAgICAgICA8Q3VzdG9tVmlld1NlbGVjdG9ySXRlbVxuICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWRDdXN0b21WaWV3Py5pZCA9PT0gY3VzdG9tVmlldy5pZH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkQ3VzdG9tVmlldyhjdXN0b21WaWV3KTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2N1c3RvbVZpZXcuZGVmYXVsdExhYmVsfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIHtpc05vdExhc3RJdGVtICYmIDxTZXBhcmF0b3IgLz59XG4gICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuXG4gICAgICAgICAge3NlbGVjdGVkQ3VzdG9tVmlldyAmJiAoXG4gICAgICAgICAgICA8Q3VzdG9tVmlld0xvYWRlclxuICAgICAgICAgICAgICBsb2NhdG9yQ29kZT17cHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2RlfVxuICAgICAgICAgICAgICBjdXN0b21WaWV3PXtzZWxlY3RlZEN1c3RvbVZpZXd9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRTZWxlY3RlZEN1c3RvbVZpZXcobnVsbCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cbkN1c3RvbVZpZXdTZWxlY3Rvci5kaXNwbGF5TmFtZSA9ICdDdXN0b21WaWV3U2VsZWN0b3InO1xuXG5jb25zdCBDdXN0b21WaWV3U2VsZWN0b3JPck5vdGhpbmcgPSAocHJvcHM6IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRDdXN0b21WaWV3TG9jYXRvckNvZGUgfSA9IHVzZUN1c3RvbVZpZXdMb2NhdG9yU2VsZWN0b3IoXG4gICAgcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2Rlc1xuICApO1xuXG4gIGNvbnN0IGxvY2F0b3JDb2RlID1cbiAgICBjdXJyZW50Q3VzdG9tVmlld0xvY2F0b3JDb2RlID8/IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZTtcblxuICBpZiAoIWxvY2F0b3JDb2RlKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gPEN1c3RvbVZpZXdTZWxlY3RvciB7Li4ucHJvcHN9IGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17bG9jYXRvckNvZGV9IC8+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tVmlld1NlbGVjdG9yT3JOb3RoaW5nO1xuIl19 */"));
+const hoverAndSelectedStateStyles = /*#__PURE__*/css("box-shadow:", designTokens.shadow1, ";background-color:", designTokens.colorSurface, ";color:", designTokens.colorPrimary30, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:hoverAndSelectedStateStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3cy1zZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR1QyIsImZpbGUiOiJjdXN0b20tdmlld3Mtc2VsZWN0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdXNlRWZmZWN0LFxuICB1c2VTdGF0ZSxcbiAgRnJhZ21lbnQsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgdHlwZSB7IEN1c3RvbVZpZXdEYXRhIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IHJlcG9ydEVycm9yVG9TZW50cnkgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9zZW50cnknO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgV2luZG93RXllSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB1c2VDdXN0b21WaWV3TG9jYXRvclNlbGVjdG9yIGZyb20gJy4uLy4uLy4uL2hvb2tzL3VzZS1jdXN0b20tdmlldy1sb2NhdG9yLXNlbGVjdG9yJztcbmltcG9ydCBDdXN0b21WaWV3TG9hZGVyIGZyb20gJy4uL2N1c3RvbS12aWV3LWxvYWRlcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5pbXBvcnQgdHlwZSB7IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgdXNlQ3VzdG9tVmlld3NDb25uZWN0b3IgfSBmcm9tICcuL3VzZS1jdXN0b20tdmlld3MtY29ubmVjdG9yJztcblxuY29uc3QgQ09NUE9ORU5UX0hFSUdIVCA9ICc1MnB4JztcblxudHlwZSBUQ3VzdG9tVmlld1NlbGVjdG9yV2l0aFJlcXVpcmVkUHJvcHMgPSB7XG4gIGN1c3RvbVZpZXdMb2NhdG9yQ29kZTogc3RyaW5nO1xuICBtYXJnaW4/OiBzdHJpbmc7XG4gIG9uQ3VzdG9tVmlld3NSZXNvbHZlZD86IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wc1snb25DdXN0b21WaWV3c1Jlc29sdmVkJ107XG59O1xuXG50eXBlIFRXcmFwcGVyUHJvcHMgPSB7XG4gIHNob3VsZFJlbmRlcjogYm9vbGVhbjtcbiAgbWFyZ2luPzogc3RyaW5nO1xufTtcbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRXcmFwcGVyUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2hvdWxkUmVuZGVyID8gQ09NUE9ORU5UX0hFSUdIVCA6ICcwJyl9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0cmFuc2l0aW9uOiBtYXJnaW4gMC4zcyBlYXNlLWluLW91dCwgaGVpZ2h0IDAuM3MgZWFzZS1pbi1vdXQ7XG4gIG1hcmdpbjogJHsocHJvcHMpID0+IChwcm9wcy5zaG91bGRSZW5kZXIgPyBwcm9wcy5tYXJnaW4gOiAnMCcpfTtcbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4fTtcbiAgcGFkZGluZzogMTBweCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czh9O1xuYDtcblxuY29uc3QgaG92ZXJBbmRTZWxlY3RlZFN0YXRlU3R5bGVzID0gY3NzYFxuICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cxfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTMwfTtcbmA7XG5cbnR5cGUgVEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW1Qcm9wcyA9IHtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBsYWJlbDogc3RyaW5nO1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW0gPSAocHJvcHM6IFRDdXN0b21WaWV3U2VsZWN0b3JJdGVtUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzI1fTtcbiAgICAgICAgaGVpZ2h0OiAzMHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICR7cHJvcHMuc2VsZWN0ZWQgJiYgaG92ZXJBbmRTZWxlY3RlZFN0YXRlU3R5bGVzfVxuXG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgJHtob3ZlckFuZFNlbGVjdGVkU3RhdGVTdHlsZXN9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICA+XG4gICAgICA8VGV4dC5EZXRhaWxcbiAgICAgICAgdG9uZT1cImluaGVyaXRcIlxuICAgICAgICBmb250V2VpZ2h0PXtwcm9wcy5zZWxlY3RlZCA/ICdib2xkJyA6ICdyZWd1bGFyJ31cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmxhYmVsfVxuICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5jb25zdCBTZWxlY3RvckxhYmVsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA2cHg7XG4gIGRpdiB7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgfVxuYDtcblxuY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLnNwYW5gXG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMThweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2NjY2NjYztcbmA7XG5cbmZ1bmN0aW9uIEN1c3RvbVZpZXdTZWxlY3Rvcihwcm9wczogVEN1c3RvbVZpZXdTZWxlY3RvcldpdGhSZXF1aXJlZFByb3BzKSB7XG4gIGNvbnN0IFtzZWxlY3RlZEN1c3RvbVZpZXcsIHNldFNlbGVjdGVkQ3VzdG9tVmlld10gPVxuICAgIHVzZVN0YXRlPEN1c3RvbVZpZXdEYXRhIHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IHsgY3VzdG9tVmlld3MsIGVycm9yLCBsb2FkaW5nIH0gPSB1c2VDdXN0b21WaWV3c0Nvbm5lY3Rvcih7XG4gICAgY3VzdG9tVmlld0xvY2F0b3JDb2RlOiBwcm9wcy5jdXN0b21WaWV3TG9jYXRvckNvZGUsXG4gIH0pO1xuXG4gIGNvbnN0IHsgb25DdXN0b21WaWV3c1Jlc29sdmVkIH0gPSBwcm9wcztcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWxvYWRpbmcgJiYgIWVycm9yICYmIG9uQ3VzdG9tVmlld3NSZXNvbHZlZCkge1xuICAgICAgb25DdXN0b21WaWV3c1Jlc29sdmVkKGN1c3RvbVZpZXdzKTtcbiAgICB9XG4gIH0sIFtjdXN0b21WaWV3cywgZXJyb3IsIGxvYWRpbmcsIG9uQ3VzdG9tVmlld3NSZXNvbHZlZF0pO1xuICBpZiAoZXJyb3IpIHtcbiAgICByZXBvcnRFcnJvclRvU2VudHJ5KGVycm9yLCB7XG4gICAgICBleHRyYToge1xuICAgICAgICBjdXN0b21WaWV3TG9jYXRvckNvZGU6IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZSxcbiAgICAgIH0sXG4gICAgfSk7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNob3VsZFJlbmRlcj17Y3VzdG9tVmlld3MubGVuZ3RoID4gMH0gbWFyZ2luPXtwcm9wcy5tYXJnaW4gfHwgJzAnfT5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD1cInNjYWxlXCI+XG4gICAgICAgICAgPFNwYWNpbmdzLklubGluZVxuICAgICAgICAgICAgc2NhbGU9XCJzXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U2VsZWN0b3JMYWJlbD5cbiAgICAgICAgICAgICAgPFdpbmRvd0V5ZUljb24gc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwibmV1dHJhbDYwXCIgLz5cbiAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIiBpbnRsTWVzc2FnZT17bWVzc2FnZXMudGl0bGV9IC8+XG4gICAgICAgICAgICA8L1NlbGVjdG9yTGFiZWw+XG4gICAgICAgICAgICB7Y3VzdG9tVmlld3MubWFwKChjdXN0b21WaWV3LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBpc05vdExhc3RJdGVtID0gaW5kZXggIT09IGN1c3RvbVZpZXdzLmxlbmd0aCAtIDE7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17Y3VzdG9tVmlldy5pZH0+XG4gICAgICAgICAgICAgICAgICA8Q3VzdG9tVmlld1NlbGVjdG9ySXRlbVxuICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWRDdXN0b21WaWV3Py5pZCA9PT0gY3VzdG9tVmlldy5pZH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkQ3VzdG9tVmlldyhjdXN0b21WaWV3KTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2N1c3RvbVZpZXcuZGVmYXVsdExhYmVsfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIHtpc05vdExhc3RJdGVtICYmIDxTZXBhcmF0b3IgLz59XG4gICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuXG4gICAgICAgICAge3NlbGVjdGVkQ3VzdG9tVmlldyAmJiAoXG4gICAgICAgICAgICA8Q3VzdG9tVmlld0xvYWRlclxuICAgICAgICAgICAgICBsb2NhdG9yQ29kZT17cHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2RlfVxuICAgICAgICAgICAgICBjdXN0b21WaWV3PXtzZWxlY3RlZEN1c3RvbVZpZXd9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRTZWxlY3RlZEN1c3RvbVZpZXcobnVsbCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cbkN1c3RvbVZpZXdTZWxlY3Rvci5kaXNwbGF5TmFtZSA9ICdDdXN0b21WaWV3U2VsZWN0b3InO1xuXG5jb25zdCBDdXN0b21WaWV3U2VsZWN0b3JPck5vdGhpbmcgPSAocHJvcHM6IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRDdXN0b21WaWV3TG9jYXRvckNvZGUgfSA9IHVzZUN1c3RvbVZpZXdMb2NhdG9yU2VsZWN0b3IoXG4gICAgcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2Rlc1xuICApO1xuXG4gIGNvbnN0IGxvY2F0b3JDb2RlID1cbiAgICBjdXJyZW50Q3VzdG9tVmlld0xvY2F0b3JDb2RlID8/IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZTtcblxuICBpZiAoIWxvY2F0b3JDb2RlKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gPEN1c3RvbVZpZXdTZWxlY3RvciB7Li4ucHJvcHN9IGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17bG9jYXRvckNvZGV9IC8+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tVmlld1NlbGVjdG9yT3JOb3RoaW5nO1xuIl19 */");
+const CustomViewSelectorItem = props => {
+  return jsx(AccessibleButton, {
+    css: /*#__PURE__*/css("display:flex;align-items:center;padding:", designTokens.spacing20, " ", designTokens.spacing25, ";height:30px;border-radius:", designTokens.borderRadius6, ";color:", designTokens.colorPrimary, ";", props.selected && hoverAndSelectedStateStyles, " :hover{", hoverAndSelectedStateStyles, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomViewSelectorItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3cy1zZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VjIiwiZmlsZSI6ImN1c3RvbS12aWV3cy1zZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VFZmZlY3QsXG4gIHVzZVN0YXRlLFxuICBGcmFnbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tVmlld0RhdGEgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuaW1wb3J0IHsgcmVwb3J0RXJyb3JUb1NlbnRyeSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3NlbnRyeSc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBXaW5kb3dFeWVJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHVzZUN1c3RvbVZpZXdMb2NhdG9yU2VsZWN0b3IgZnJvbSAnLi4vLi4vLi4vaG9va3MvdXNlLWN1c3RvbS12aWV3LWxvY2F0b3Itc2VsZWN0b3InO1xuaW1wb3J0IEN1c3RvbVZpZXdMb2FkZXIgZnJvbSAnLi4vY3VzdG9tLXZpZXctbG9hZGVyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcbmltcG9ydCB0eXBlIHsgVEN1c3RvbVZpZXdTZWxlY3RvclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyB1c2VDdXN0b21WaWV3c0Nvbm5lY3RvciB9IGZyb20gJy4vdXNlLWN1c3RvbS12aWV3cy1jb25uZWN0b3InO1xuXG5jb25zdCBDT01QT05FTlRfSEVJR0hUID0gJzUycHgnO1xuXG50eXBlIFRDdXN0b21WaWV3U2VsZWN0b3JXaXRoUmVxdWlyZWRQcm9wcyA9IHtcbiAgY3VzdG9tVmlld0xvY2F0b3JDb2RlOiBzdHJpbmc7XG4gIG1hcmdpbj86IHN0cmluZztcbiAgb25DdXN0b21WaWV3c1Jlc29sdmVkPzogVEN1c3RvbVZpZXdTZWxlY3RvclByb3BzWydvbkN1c3RvbVZpZXdzUmVzb2x2ZWQnXTtcbn07XG5cbnR5cGUgVFdyYXBwZXJQcm9wcyA9IHtcbiAgc2hvdWxkUmVuZGVyOiBib29sZWFuO1xuICBtYXJnaW4/OiBzdHJpbmc7XG59O1xuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXY8VFdyYXBwZXJQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaG91bGRSZW5kZXIgPyBDT01QT05FTlRfSEVJR0hUIDogJzAnKX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb246IG1hcmdpbiAwLjNzIGVhc2UtaW4tb3V0LCBoZWlnaHQgMC4zcyBlYXNlLWluLW91dDtcbiAgbWFyZ2luOiAkeyhwcm9wcykgPT4gKHByb3BzLnNob3VsZFJlbmRlciA/IHByb3BzLm1hcmdpbiA6ICcwJyl9O1xuYDtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTh9O1xuICBwYWRkaW5nOiAxMHB4ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzOH07XG5gO1xuXG5jb25zdCBob3ZlckFuZFNlbGVjdGVkU3RhdGVTdHlsZXMgPSBjc3NgXG4gIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzF9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MzB9O1xuYDtcblxudHlwZSBUQ3VzdG9tVmlld1NlbGVjdG9ySXRlbVByb3BzID0ge1xuICBzZWxlY3RlZD86IGJvb2xlYW47XG4gIGxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgQ3VzdG9tVmlld1NlbGVjdG9ySXRlbSA9IChwcm9wczogVEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW1Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgJHtwcm9wcy5zZWxlY3RlZCAmJiBob3ZlckFuZFNlbGVjdGVkU3RhdGVTdHlsZXN9XG5cbiAgICAgICAgOmhvdmVyIHtcbiAgICAgICAgICAke2hvdmVyQW5kU2VsZWN0ZWRTdGF0ZVN0eWxlc307XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgID5cbiAgICAgIDxUZXh0LkRldGFpbFxuICAgICAgICB0b25lPVwiaW5oZXJpdFwiXG4gICAgICAgIGZvbnRXZWlnaHQ9e3Byb3BzLnNlbGVjdGVkID8gJ2JvbGQnIDogJ3JlZ3VsYXInfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMubGFiZWx9XG4gICAgICA8L1RleHQuRGV0YWlsPlxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbmNvbnN0IFNlbGVjdG9yTGFiZWwgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDZweDtcbiAgZGl2IHtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICB9XG5gO1xuXG5jb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjY2NjY2NjO1xuYDtcblxuZnVuY3Rpb24gQ3VzdG9tVmlld1NlbGVjdG9yKHByb3BzOiBUQ3VzdG9tVmlld1NlbGVjdG9yV2l0aFJlcXVpcmVkUHJvcHMpIHtcbiAgY29uc3QgW3NlbGVjdGVkQ3VzdG9tVmlldywgc2V0U2VsZWN0ZWRDdXN0b21WaWV3XSA9XG4gICAgdXNlU3RhdGU8Q3VzdG9tVmlld0RhdGEgfCBudWxsPihudWxsKTtcbiAgY29uc3QgeyBjdXN0b21WaWV3cywgZXJyb3IsIGxvYWRpbmcgfSA9IHVzZUN1c3RvbVZpZXdzQ29ubmVjdG9yKHtcbiAgICBjdXN0b21WaWV3TG9jYXRvckNvZGU6IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZSxcbiAgfSk7XG5cbiAgY29uc3QgeyBvbkN1c3RvbVZpZXdzUmVzb2x2ZWQgfSA9IHByb3BzO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbG9hZGluZyAmJiAhZXJyb3IgJiYgb25DdXN0b21WaWV3c1Jlc29sdmVkKSB7XG4gICAgICBvbkN1c3RvbVZpZXdzUmVzb2x2ZWQoY3VzdG9tVmlld3MpO1xuICAgIH1cbiAgfSwgW2N1c3RvbVZpZXdzLCBlcnJvciwgbG9hZGluZywgb25DdXN0b21WaWV3c1Jlc29sdmVkXSk7XG4gIGlmIChlcnJvcikge1xuICAgIHJlcG9ydEVycm9yVG9TZW50cnkoZXJyb3IsIHtcbiAgICAgIGV4dHJhOiB7XG4gICAgICAgIGN1c3RvbVZpZXdMb2NhdG9yQ29kZTogcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2RlLFxuICAgICAgfSxcbiAgICB9KTtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgc2hvdWxkUmVuZGVyPXtjdXN0b21WaWV3cy5sZW5ndGggPiAwfSBtYXJnaW49e3Byb3BzLm1hcmdpbiB8fCAnMCd9PlxuICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PVwic2NhbGVcIj5cbiAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lXG4gICAgICAgICAgICBzY2FsZT1cInNcIlxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LXN0YXJ0XCJcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTZWxlY3RvckxhYmVsPlxuICAgICAgICAgICAgICA8V2luZG93RXllSWNvbiBzaXplPVwibWVkaXVtXCIgY29sb3I9XCJuZXV0cmFsNjBcIiAvPlxuICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiIGludGxNZXNzYWdlPXttZXNzYWdlcy50aXRsZX0gLz5cbiAgICAgICAgICAgIDwvU2VsZWN0b3JMYWJlbD5cbiAgICAgICAgICAgIHtjdXN0b21WaWV3cy5tYXAoKGN1c3RvbVZpZXcsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGNvbnN0IGlzTm90TGFzdEl0ZW0gPSBpbmRleCAhPT0gY3VzdG9tVmlld3MubGVuZ3RoIC0gMTtcbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtjdXN0b21WaWV3LmlkfT5cbiAgICAgICAgICAgICAgICAgIDxDdXN0b21WaWV3U2VsZWN0b3JJdGVtXG4gICAgICAgICAgICAgICAgICAgIHNlbGVjdGVkPXtzZWxlY3RlZEN1c3RvbVZpZXc/LmlkID09PSBjdXN0b21WaWV3LmlkfVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgc2V0U2VsZWN0ZWRDdXN0b21WaWV3KGN1c3RvbVZpZXcpO1xuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17Y3VzdG9tVmlldy5kZWZhdWx0TGFiZWx9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAge2lzTm90TGFzdEl0ZW0gJiYgPFNlcGFyYXRvciAvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG5cbiAgICAgICAgICB7c2VsZWN0ZWRDdXN0b21WaWV3ICYmIChcbiAgICAgICAgICAgIDxDdXN0b21WaWV3TG9hZGVyXG4gICAgICAgICAgICAgIGxvY2F0b3JDb2RlPXtwcm9wcy5jdXN0b21WaWV3TG9jYXRvckNvZGV9XG4gICAgICAgICAgICAgIGN1c3RvbVZpZXc9e3NlbGVjdGVkQ3VzdG9tVmlld31cbiAgICAgICAgICAgICAgb25DbG9zZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkQ3VzdG9tVmlldyhudWxsKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Db25zdHJhaW50cy5Ib3Jpem9udGFsPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9XcmFwcGVyPlxuICApO1xufVxuQ3VzdG9tVmlld1NlbGVjdG9yLmRpc3BsYXlOYW1lID0gJ0N1c3RvbVZpZXdTZWxlY3Rvcic7XG5cbmNvbnN0IEN1c3RvbVZpZXdTZWxlY3Rvck9yTm90aGluZyA9IChwcm9wczogVEN1c3RvbVZpZXdTZWxlY3RvclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY3VycmVudEN1c3RvbVZpZXdMb2NhdG9yQ29kZSB9ID0gdXNlQ3VzdG9tVmlld0xvY2F0b3JTZWxlY3RvcihcbiAgICBwcm9wcy5jdXN0b21WaWV3TG9jYXRvckNvZGVzXG4gICk7XG5cbiAgY29uc3QgbG9jYXRvckNvZGUgPVxuICAgIGN1cnJlbnRDdXN0b21WaWV3TG9jYXRvckNvZGUgPz8gcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2RlO1xuXG4gIGlmICghbG9jYXRvckNvZGUpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiA8Q3VzdG9tVmlld1NlbGVjdG9yIHsuLi5wcm9wc30gY3VzdG9tVmlld0xvY2F0b3JDb2RlPXtsb2NhdG9yQ29kZX0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDdXN0b21WaWV3U2VsZWN0b3JPck5vdGhpbmc7XG4iXX0= */"),
+    onClick: props.onClick,
+    label: props.label,
+    children: jsx(Text.Detail, {
+      tone: "inherit",
+      fontWeight: props.selected ? 'bold' : 'regular',
+      children: props.label
+    })
+  });
+};
+const SelectorLabel = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e16cb3zv1"
+} : {
+  target: "e16cb3zv1",
+  label: "SelectorLabel"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1i68o0s",
+  styles: "display:flex;align-items:center;gap:6px;div{font-weight:300;}"
+} : {
+  name: "1i68o0s",
+  styles: "display:flex;align-items:center;gap:6px;div{font-weight:300;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3cy1zZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEZnQyIsImZpbGUiOiJjdXN0b20tdmlld3Mtc2VsZWN0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdXNlRWZmZWN0LFxuICB1c2VTdGF0ZSxcbiAgRnJhZ21lbnQsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgdHlwZSB7IEN1c3RvbVZpZXdEYXRhIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IHJlcG9ydEVycm9yVG9TZW50cnkgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9zZW50cnknO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgV2luZG93RXllSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB1c2VDdXN0b21WaWV3TG9jYXRvclNlbGVjdG9yIGZyb20gJy4uLy4uLy4uL2hvb2tzL3VzZS1jdXN0b20tdmlldy1sb2NhdG9yLXNlbGVjdG9yJztcbmltcG9ydCBDdXN0b21WaWV3TG9hZGVyIGZyb20gJy4uL2N1c3RvbS12aWV3LWxvYWRlcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5pbXBvcnQgdHlwZSB7IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgdXNlQ3VzdG9tVmlld3NDb25uZWN0b3IgfSBmcm9tICcuL3VzZS1jdXN0b20tdmlld3MtY29ubmVjdG9yJztcblxuY29uc3QgQ09NUE9ORU5UX0hFSUdIVCA9ICc1MnB4JztcblxudHlwZSBUQ3VzdG9tVmlld1NlbGVjdG9yV2l0aFJlcXVpcmVkUHJvcHMgPSB7XG4gIGN1c3RvbVZpZXdMb2NhdG9yQ29kZTogc3RyaW5nO1xuICBtYXJnaW4/OiBzdHJpbmc7XG4gIG9uQ3VzdG9tVmlld3NSZXNvbHZlZD86IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wc1snb25DdXN0b21WaWV3c1Jlc29sdmVkJ107XG59O1xuXG50eXBlIFRXcmFwcGVyUHJvcHMgPSB7XG4gIHNob3VsZFJlbmRlcjogYm9vbGVhbjtcbiAgbWFyZ2luPzogc3RyaW5nO1xufTtcbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRXcmFwcGVyUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2hvdWxkUmVuZGVyID8gQ09NUE9ORU5UX0hFSUdIVCA6ICcwJyl9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0cmFuc2l0aW9uOiBtYXJnaW4gMC4zcyBlYXNlLWluLW91dCwgaGVpZ2h0IDAuM3MgZWFzZS1pbi1vdXQ7XG4gIG1hcmdpbjogJHsocHJvcHMpID0+IChwcm9wcy5zaG91bGRSZW5kZXIgPyBwcm9wcy5tYXJnaW4gOiAnMCcpfTtcbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4fTtcbiAgcGFkZGluZzogMTBweCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czh9O1xuYDtcblxuY29uc3QgaG92ZXJBbmRTZWxlY3RlZFN0YXRlU3R5bGVzID0gY3NzYFxuICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cxfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTMwfTtcbmA7XG5cbnR5cGUgVEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW1Qcm9wcyA9IHtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBsYWJlbDogc3RyaW5nO1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW0gPSAocHJvcHM6IFRDdXN0b21WaWV3U2VsZWN0b3JJdGVtUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzI1fTtcbiAgICAgICAgaGVpZ2h0OiAzMHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICR7cHJvcHMuc2VsZWN0ZWQgJiYgaG92ZXJBbmRTZWxlY3RlZFN0YXRlU3R5bGVzfVxuXG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgJHtob3ZlckFuZFNlbGVjdGVkU3RhdGVTdHlsZXN9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICA+XG4gICAgICA8VGV4dC5EZXRhaWxcbiAgICAgICAgdG9uZT1cImluaGVyaXRcIlxuICAgICAgICBmb250V2VpZ2h0PXtwcm9wcy5zZWxlY3RlZCA/ICdib2xkJyA6ICdyZWd1bGFyJ31cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmxhYmVsfVxuICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5jb25zdCBTZWxlY3RvckxhYmVsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA2cHg7XG4gIGRpdiB7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgfVxuYDtcblxuY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLnNwYW5gXG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMThweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2NjY2NjYztcbmA7XG5cbmZ1bmN0aW9uIEN1c3RvbVZpZXdTZWxlY3Rvcihwcm9wczogVEN1c3RvbVZpZXdTZWxlY3RvcldpdGhSZXF1aXJlZFByb3BzKSB7XG4gIGNvbnN0IFtzZWxlY3RlZEN1c3RvbVZpZXcsIHNldFNlbGVjdGVkQ3VzdG9tVmlld10gPVxuICAgIHVzZVN0YXRlPEN1c3RvbVZpZXdEYXRhIHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IHsgY3VzdG9tVmlld3MsIGVycm9yLCBsb2FkaW5nIH0gPSB1c2VDdXN0b21WaWV3c0Nvbm5lY3Rvcih7XG4gICAgY3VzdG9tVmlld0xvY2F0b3JDb2RlOiBwcm9wcy5jdXN0b21WaWV3TG9jYXRvckNvZGUsXG4gIH0pO1xuXG4gIGNvbnN0IHsgb25DdXN0b21WaWV3c1Jlc29sdmVkIH0gPSBwcm9wcztcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWxvYWRpbmcgJiYgIWVycm9yICYmIG9uQ3VzdG9tVmlld3NSZXNvbHZlZCkge1xuICAgICAgb25DdXN0b21WaWV3c1Jlc29sdmVkKGN1c3RvbVZpZXdzKTtcbiAgICB9XG4gIH0sIFtjdXN0b21WaWV3cywgZXJyb3IsIGxvYWRpbmcsIG9uQ3VzdG9tVmlld3NSZXNvbHZlZF0pO1xuICBpZiAoZXJyb3IpIHtcbiAgICByZXBvcnRFcnJvclRvU2VudHJ5KGVycm9yLCB7XG4gICAgICBleHRyYToge1xuICAgICAgICBjdXN0b21WaWV3TG9jYXRvckNvZGU6IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZSxcbiAgICAgIH0sXG4gICAgfSk7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNob3VsZFJlbmRlcj17Y3VzdG9tVmlld3MubGVuZ3RoID4gMH0gbWFyZ2luPXtwcm9wcy5tYXJnaW4gfHwgJzAnfT5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD1cInNjYWxlXCI+XG4gICAgICAgICAgPFNwYWNpbmdzLklubGluZVxuICAgICAgICAgICAgc2NhbGU9XCJzXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U2VsZWN0b3JMYWJlbD5cbiAgICAgICAgICAgICAgPFdpbmRvd0V5ZUljb24gc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwibmV1dHJhbDYwXCIgLz5cbiAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIiBpbnRsTWVzc2FnZT17bWVzc2FnZXMudGl0bGV9IC8+XG4gICAgICAgICAgICA8L1NlbGVjdG9yTGFiZWw+XG4gICAgICAgICAgICB7Y3VzdG9tVmlld3MubWFwKChjdXN0b21WaWV3LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBpc05vdExhc3RJdGVtID0gaW5kZXggIT09IGN1c3RvbVZpZXdzLmxlbmd0aCAtIDE7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17Y3VzdG9tVmlldy5pZH0+XG4gICAgICAgICAgICAgICAgICA8Q3VzdG9tVmlld1NlbGVjdG9ySXRlbVxuICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWRDdXN0b21WaWV3Py5pZCA9PT0gY3VzdG9tVmlldy5pZH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkQ3VzdG9tVmlldyhjdXN0b21WaWV3KTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2N1c3RvbVZpZXcuZGVmYXVsdExhYmVsfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIHtpc05vdExhc3RJdGVtICYmIDxTZXBhcmF0b3IgLz59XG4gICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuXG4gICAgICAgICAge3NlbGVjdGVkQ3VzdG9tVmlldyAmJiAoXG4gICAgICAgICAgICA8Q3VzdG9tVmlld0xvYWRlclxuICAgICAgICAgICAgICBsb2NhdG9yQ29kZT17cHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2RlfVxuICAgICAgICAgICAgICBjdXN0b21WaWV3PXtzZWxlY3RlZEN1c3RvbVZpZXd9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRTZWxlY3RlZEN1c3RvbVZpZXcobnVsbCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cbkN1c3RvbVZpZXdTZWxlY3Rvci5kaXNwbGF5TmFtZSA9ICdDdXN0b21WaWV3U2VsZWN0b3InO1xuXG5jb25zdCBDdXN0b21WaWV3U2VsZWN0b3JPck5vdGhpbmcgPSAocHJvcHM6IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRDdXN0b21WaWV3TG9jYXRvckNvZGUgfSA9IHVzZUN1c3RvbVZpZXdMb2NhdG9yU2VsZWN0b3IoXG4gICAgcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2Rlc1xuICApO1xuXG4gIGNvbnN0IGxvY2F0b3JDb2RlID1cbiAgICBjdXJyZW50Q3VzdG9tVmlld0xvY2F0b3JDb2RlID8/IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZTtcblxuICBpZiAoIWxvY2F0b3JDb2RlKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gPEN1c3RvbVZpZXdTZWxlY3RvciB7Li4ucHJvcHN9IGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17bG9jYXRvckNvZGV9IC8+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tVmlld1NlbGVjdG9yT3JOb3RoaW5nO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Separator = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e16cb3zv0"
+} : {
+  target: "e16cb3zv0",
+  label: "Separator"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1lsblg0",
+  styles: "width:1px;height:18px;background-color:#cccccc"
+} : {
+  name: "1lsblg0",
+  styles: "width:1px;height:18px;background-color:#cccccc/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3cy1zZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUc2QiIsImZpbGUiOiJjdXN0b20tdmlld3Mtc2VsZWN0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdXNlRWZmZWN0LFxuICB1c2VTdGF0ZSxcbiAgRnJhZ21lbnQsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgdHlwZSB7IEN1c3RvbVZpZXdEYXRhIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcbmltcG9ydCB7IHJlcG9ydEVycm9yVG9TZW50cnkgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9zZW50cnknO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgV2luZG93RXllSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB1c2VDdXN0b21WaWV3TG9jYXRvclNlbGVjdG9yIGZyb20gJy4uLy4uLy4uL2hvb2tzL3VzZS1jdXN0b20tdmlldy1sb2NhdG9yLXNlbGVjdG9yJztcbmltcG9ydCBDdXN0b21WaWV3TG9hZGVyIGZyb20gJy4uL2N1c3RvbS12aWV3LWxvYWRlcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5pbXBvcnQgdHlwZSB7IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgdXNlQ3VzdG9tVmlld3NDb25uZWN0b3IgfSBmcm9tICcuL3VzZS1jdXN0b20tdmlld3MtY29ubmVjdG9yJztcblxuY29uc3QgQ09NUE9ORU5UX0hFSUdIVCA9ICc1MnB4JztcblxudHlwZSBUQ3VzdG9tVmlld1NlbGVjdG9yV2l0aFJlcXVpcmVkUHJvcHMgPSB7XG4gIGN1c3RvbVZpZXdMb2NhdG9yQ29kZTogc3RyaW5nO1xuICBtYXJnaW4/OiBzdHJpbmc7XG4gIG9uQ3VzdG9tVmlld3NSZXNvbHZlZD86IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wc1snb25DdXN0b21WaWV3c1Jlc29sdmVkJ107XG59O1xuXG50eXBlIFRXcmFwcGVyUHJvcHMgPSB7XG4gIHNob3VsZFJlbmRlcjogYm9vbGVhbjtcbiAgbWFyZ2luPzogc3RyaW5nO1xufTtcbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRXcmFwcGVyUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2hvdWxkUmVuZGVyID8gQ09NUE9ORU5UX0hFSUdIVCA6ICcwJyl9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0cmFuc2l0aW9uOiBtYXJnaW4gMC4zcyBlYXNlLWluLW91dCwgaGVpZ2h0IDAuM3MgZWFzZS1pbi1vdXQ7XG4gIG1hcmdpbjogJHsocHJvcHMpID0+IChwcm9wcy5zaG91bGRSZW5kZXIgPyBwcm9wcy5tYXJnaW4gOiAnMCcpfTtcbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4fTtcbiAgcGFkZGluZzogMTBweCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czh9O1xuYDtcblxuY29uc3QgaG92ZXJBbmRTZWxlY3RlZFN0YXRlU3R5bGVzID0gY3NzYFxuICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cxfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTMwfTtcbmA7XG5cbnR5cGUgVEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW1Qcm9wcyA9IHtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBsYWJlbDogc3RyaW5nO1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEN1c3RvbVZpZXdTZWxlY3Rvckl0ZW0gPSAocHJvcHM6IFRDdXN0b21WaWV3U2VsZWN0b3JJdGVtUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzI1fTtcbiAgICAgICAgaGVpZ2h0OiAzMHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICR7cHJvcHMuc2VsZWN0ZWQgJiYgaG92ZXJBbmRTZWxlY3RlZFN0YXRlU3R5bGVzfVxuXG4gICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgJHtob3ZlckFuZFNlbGVjdGVkU3RhdGVTdHlsZXN9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICA+XG4gICAgICA8VGV4dC5EZXRhaWxcbiAgICAgICAgdG9uZT1cImluaGVyaXRcIlxuICAgICAgICBmb250V2VpZ2h0PXtwcm9wcy5zZWxlY3RlZCA/ICdib2xkJyA6ICdyZWd1bGFyJ31cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmxhYmVsfVxuICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5jb25zdCBTZWxlY3RvckxhYmVsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA2cHg7XG4gIGRpdiB7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgfVxuYDtcblxuY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLnNwYW5gXG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMThweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2NjY2NjYztcbmA7XG5cbmZ1bmN0aW9uIEN1c3RvbVZpZXdTZWxlY3Rvcihwcm9wczogVEN1c3RvbVZpZXdTZWxlY3RvcldpdGhSZXF1aXJlZFByb3BzKSB7XG4gIGNvbnN0IFtzZWxlY3RlZEN1c3RvbVZpZXcsIHNldFNlbGVjdGVkQ3VzdG9tVmlld10gPVxuICAgIHVzZVN0YXRlPEN1c3RvbVZpZXdEYXRhIHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IHsgY3VzdG9tVmlld3MsIGVycm9yLCBsb2FkaW5nIH0gPSB1c2VDdXN0b21WaWV3c0Nvbm5lY3Rvcih7XG4gICAgY3VzdG9tVmlld0xvY2F0b3JDb2RlOiBwcm9wcy5jdXN0b21WaWV3TG9jYXRvckNvZGUsXG4gIH0pO1xuXG4gIGNvbnN0IHsgb25DdXN0b21WaWV3c1Jlc29sdmVkIH0gPSBwcm9wcztcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWxvYWRpbmcgJiYgIWVycm9yICYmIG9uQ3VzdG9tVmlld3NSZXNvbHZlZCkge1xuICAgICAgb25DdXN0b21WaWV3c1Jlc29sdmVkKGN1c3RvbVZpZXdzKTtcbiAgICB9XG4gIH0sIFtjdXN0b21WaWV3cywgZXJyb3IsIGxvYWRpbmcsIG9uQ3VzdG9tVmlld3NSZXNvbHZlZF0pO1xuICBpZiAoZXJyb3IpIHtcbiAgICByZXBvcnRFcnJvclRvU2VudHJ5KGVycm9yLCB7XG4gICAgICBleHRyYToge1xuICAgICAgICBjdXN0b21WaWV3TG9jYXRvckNvZGU6IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZSxcbiAgICAgIH0sXG4gICAgfSk7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNob3VsZFJlbmRlcj17Y3VzdG9tVmlld3MubGVuZ3RoID4gMH0gbWFyZ2luPXtwcm9wcy5tYXJnaW4gfHwgJzAnfT5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD1cInNjYWxlXCI+XG4gICAgICAgICAgPFNwYWNpbmdzLklubGluZVxuICAgICAgICAgICAgc2NhbGU9XCJzXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U2VsZWN0b3JMYWJlbD5cbiAgICAgICAgICAgICAgPFdpbmRvd0V5ZUljb24gc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwibmV1dHJhbDYwXCIgLz5cbiAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIiBpbnRsTWVzc2FnZT17bWVzc2FnZXMudGl0bGV9IC8+XG4gICAgICAgICAgICA8L1NlbGVjdG9yTGFiZWw+XG4gICAgICAgICAgICB7Y3VzdG9tVmlld3MubWFwKChjdXN0b21WaWV3LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBpc05vdExhc3RJdGVtID0gaW5kZXggIT09IGN1c3RvbVZpZXdzLmxlbmd0aCAtIDE7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17Y3VzdG9tVmlldy5pZH0+XG4gICAgICAgICAgICAgICAgICA8Q3VzdG9tVmlld1NlbGVjdG9ySXRlbVxuICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWRDdXN0b21WaWV3Py5pZCA9PT0gY3VzdG9tVmlldy5pZH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkQ3VzdG9tVmlldyhjdXN0b21WaWV3KTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2N1c3RvbVZpZXcuZGVmYXVsdExhYmVsfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIHtpc05vdExhc3RJdGVtICYmIDxTZXBhcmF0b3IgLz59XG4gICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuXG4gICAgICAgICAge3NlbGVjdGVkQ3VzdG9tVmlldyAmJiAoXG4gICAgICAgICAgICA8Q3VzdG9tVmlld0xvYWRlclxuICAgICAgICAgICAgICBsb2NhdG9yQ29kZT17cHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2RlfVxuICAgICAgICAgICAgICBjdXN0b21WaWV3PXtzZWxlY3RlZEN1c3RvbVZpZXd9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRTZWxlY3RlZEN1c3RvbVZpZXcobnVsbCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cbkN1c3RvbVZpZXdTZWxlY3Rvci5kaXNwbGF5TmFtZSA9ICdDdXN0b21WaWV3U2VsZWN0b3InO1xuXG5jb25zdCBDdXN0b21WaWV3U2VsZWN0b3JPck5vdGhpbmcgPSAocHJvcHM6IFRDdXN0b21WaWV3U2VsZWN0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRDdXN0b21WaWV3TG9jYXRvckNvZGUgfSA9IHVzZUN1c3RvbVZpZXdMb2NhdG9yU2VsZWN0b3IoXG4gICAgcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2Rlc1xuICApO1xuXG4gIGNvbnN0IGxvY2F0b3JDb2RlID1cbiAgICBjdXJyZW50Q3VzdG9tVmlld0xvY2F0b3JDb2RlID8/IHByb3BzLmN1c3RvbVZpZXdMb2NhdG9yQ29kZTtcblxuICBpZiAoIWxvY2F0b3JDb2RlKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gPEN1c3RvbVZpZXdTZWxlY3RvciB7Li4ucHJvcHN9IGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17bG9jYXRvckNvZGV9IC8+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tVmlld1NlbGVjdG9yT3JOb3RoaW5nO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+function CustomViewSelector(props) {
+  const _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedCustomView = _useState2[0],
+    setSelectedCustomView = _useState2[1];
+  const _useCustomViewsConnec = useCustomViewsConnector({
+      customViewLocatorCode: props.customViewLocatorCode
+    }),
+    customViews = _useCustomViewsConnec.customViews,
+    error = _useCustomViewsConnec.error,
+    loading = _useCustomViewsConnec.loading;
+  const onCustomViewsResolved = props.onCustomViewsResolved;
+  useEffect(() => {
+    if (!loading && !error && onCustomViewsResolved) {
+      onCustomViewsResolved(customViews);
+    }
+  }, [customViews, error, loading, onCustomViewsResolved]);
+  if (error) {
+    reportErrorToSentry(error, {
+      extra: {
+        customViewLocatorCode: props.customViewLocatorCode
+      }
+    });
+    return null;
+  }
+  return jsx(Wrapper, {
+    shouldRender: customViews.length > 0,
+    margin: props.margin || '0',
+    children: jsx(Container, {
+      children: jsxs(Constraints.Horizontal, {
+        max: "scale",
+        children: [jsxs(Spacings.Inline, {
+          scale: "s",
+          justifyContent: "flex-start",
+          alignItems: "center",
+          children: [jsxs(SelectorLabel, {
+            children: [jsx(WindowEyeIcon, {
+              size: "medium",
+              color: "neutral60"
+            }), jsx(Text.Detail, {
+              tone: "secondary",
+              intlMessage: messages.title
+            })]
+          }), _mapInstanceProperty(customViews).call(customViews, (customView, index) => {
+            const isNotLastItem = index !== customViews.length - 1;
+            return jsxs(Fragment, {
+              children: [jsx(CustomViewSelectorItem, {
+                selected: selectedCustomView?.id === customView.id,
+                onClick: () => {
+                  setSelectedCustomView(customView);
+                },
+                label: customView.defaultLabel
+              }), isNotLastItem && jsx(Separator, {})]
+            }, customView.id);
+          })]
+        }), selectedCustomView && jsx(CustomViewLoader, {
+          locatorCode: props.customViewLocatorCode,
+          customView: selectedCustomView,
+          onClose: () => {
+            setSelectedCustomView(null);
+          }
+        })]
+      })
+    })
+  });
+}
+CustomViewSelector.displayName = 'CustomViewSelector';
+const CustomViewSelectorOrNothing = props => {
+  const _useCustomViewLocator = useCustomViewLocatorSelector(props.customViewLocatorCodes),
+    currentCustomViewLocatorCode = _useCustomViewLocator.currentCustomViewLocatorCode;
+  const locatorCode = currentCustomViewLocatorCode ?? props.customViewLocatorCode;
+  if (!locatorCode) {
+    return null;
+  }
+  return jsx(CustomViewSelector, _objectSpread(_objectSpread({}, props), {}, {
+    customViewLocatorCode: locatorCode
+  }));
+};
+
+export { CustomViewSelectorOrNothing as default };