@corva/ui 3.1.0-rc.3 → 3.1.0-rc.5

package/componentsV2/AppHeader/AppAssets/AppAssets.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.AppAssets_chipWrapper__nnpl7 {\n  padding: 0 !important;\n}\n.AppAssets_chip__jzvKr {\n  font-size: 12px;\n  height: 20px;\n  max-width: 260px;\n  padding-left: 8px;\n  padding-right: 8px;\n  width: 100%;\n}\n.AppAssets_narrowChip__Ip0c- {\n  max-width: 170px;\n}\n.AppAssets_onlyChip__CyF0j {\n  max-width: 260px;\n}\n.AppAssets_mainChip__P6fse.AppAssets_mainChip__P6fse {\n  background: #f799ff;\n  color: var(--palette-background-b-2);\n}\n.AppAssets_mainChip__P6fse.AppAssets_mainChip__P6fse:hover {\n  background: #d981e0;\n  color: var(--palette-background-b-2);\n}\n@container CorvaUI-AppContainer-root (max-width: 959px) {\n  .AppAssets_chip__jzvKr {\n    max-width: 180px;\n  }\n  .AppAssets_narrowChip__Ip0c- {\n    max-width: 68px;\n  }\n  .AppAssets_onlyChip__CyF0j {\n    max-width: 260px;\n  }\n}\n@container CorvaUI-AppContainer-root (max-width: 599px) {\n  .AppAssets_chip__jzvKr {\n    max-width: 68px;\n  }\n}";
+var styles = {"spacing":"8","chipWrapper":"AppAssets_chipWrapper__nnpl7","chip":"AppAssets_chip__jzvKr","narrowChip":"AppAssets_narrowChip__Ip0c-","onlyChip":"AppAssets_onlyChip__CyF0j","mainChip":"AppAssets_mainChip__P6fse"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=AppAssets.scss.js.map

package/componentsV2/AppHeader/AppAssets/AppAssets.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/AppHeader/AppBadge/AppBadge.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.AppBadge_root__adxXV {\n  vertical-align: middle;\n  font-style: italic;\n  white-space: nowrap;\n  padding: 0px 16px 0px 4px;\n  position: relative;\n  line-height: 20px;\n  font-size: 14px;\n  flex-shrink: 0;\n  max-width: 85px;\n  background: var(--palette-background-b-6);\n  mask: linear-gradient(-59deg, rgba(0, 0, 0, 0) 10.7px, #000 10.7px);\n}\n.AppBadge_dev__6H456 {\n  background: var(--palette-info-main);\n}\n.AppBadge_beta__VAt1O {\n  background: #ff5982;\n}";
+var styles = {"spacing":"8","root":"AppBadge_root__adxXV","dev":"AppBadge_dev__6H456","beta":"AppBadge_beta__VAt1O"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=AppBadge.scss.js.map

package/componentsV2/AppHeader/AppBadge/AppBadge.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/AppHeader/AppHeader.constants.js

@@ -0,0 +1,12 @@
+var AppHeaderTestIds;
+(function (AppHeaderTestIds) {
+  AppHeaderTestIds["AppTitleTestId"] = "CorvaUI.AppHeader.AppTitleTestId";
+  AppHeaderTestIds["AppBadgeTestId"] = "CorvaUI.AppHeader.AppBadgeTestId";
+  AppHeaderTestIds["RigTestId"] = "CorvaUI.AppHeader.RigTestId";
+  AppHeaderTestIds["WellTestId"] = "CorvaUI.AppHeader.WellTestId";
+  AppHeaderTestIds["PadTestId"] = "CorvaUI.AppHeader.PadTestId";
+  AppHeaderTestIds["FracFleetTestId"] = "CorvaUI.AppHeader.FracFleetTestId";
+})(AppHeaderTestIds || (AppHeaderTestIds = {}));
+
+export { AppHeaderTestIds };
+//# sourceMappingURL=AppHeader.constants.js.map

package/componentsV2/AppHeader/AppHeader.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.constants.js","sources":["../../../src/componentsV2/AppHeader/AppHeader.constants.ts"],"sourcesContent":["export enum AppHeaderTestIds {\n  AppTitleTestId = 'CorvaUI.AppHeader.AppTitleTestId',\n  AppBadgeTestId = 'CorvaUI.AppHeader.AppBadgeTestId',\n  RigTestId = 'CorvaUI.AppHeader.RigTestId',\n  WellTestId = 'CorvaUI.AppHeader.WellTestId',\n  PadTestId = 'CorvaUI.AppHeader.PadTestId',\n  FracFleetTestId = 'CorvaUI.AppHeader.FracFleetTestId',\n}\n"],"names":["AppHeaderTestIds"],"mappings":"AAAA,IAAYA,iBAAgB;AAO3B,CAAA,UAPWA,gBAAgB,EAAA;EAAhBA,gBAAgB,CAAA,gBAAA,CAAA,GAAA,kCAAA,CAAA;EAAhBA,gBAAgB,CAAA,gBAAA,CAAA,GAAA,kCAAA,CAAA;EAAhBA,gBAAgB,CAAA,WAAA,CAAA,GAAA,6BAAA,CAAA;EAAhBA,gBAAgB,CAAA,YAAA,CAAA,GAAA,8BAAA,CAAA;EAAhBA,gBAAgB,CAAA,WAAA,CAAA,GAAA,6BAAA,CAAA;EAAhBA,gBAAgB,CAAA,iBAAA,CAAA,GAAA,mCAAA,CAAA;AAAA,CAAhBA,EAAAA,gBAAgB,KAAhBA,gBAAgB,GAAA,EAAA,CAAA,CAAA;;;;"}

package/componentsV2/AppHeader/AppHeader.js

@@ -0,0 +1,92 @@
+import classNames from 'classnames';
+import { useMemo } from 'react';
+import { isEmpty } from 'lodash';
+import { Header } from '../Header/Header.js';
+import { TextEndTruncated } from '../TextEndTruncated/TextEndTruncated.js';
+import { getAppSegment } from '../../utils/devcenter.js';
+import { SEGMENTS } from '../../constants/segment.js';
+import { useAppCommons } from '../../components/DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js';
+import { AppBadge } from './AppBadge/AppBadge.js';
+import { AppAssets } from './AppAssets/AppAssets.js';
+import { PadMode } from './PadMode/PadMode.js';
+import { AppHeaderTestIds } from './AppHeader.constants.js';
+import styles from './AppHeader.scss.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var AppHeader = function AppHeader(_ref) {
+  var _app$package, _app$package$manifest, _app$package$manifest2;
+  var className = _ref.className,
+    testId = _ref.testId,
+    logo = _ref.logo,
+    children = _ref.children,
+    padModeDisabled = _ref.padModeDisabled,
+    padModeWells = _ref.padModeWells,
+    onPadModeChange = _ref.onPadModeChange,
+    elementsClassNames = _ref.elementsClassNames,
+    title = _ref.title;
+  var _useAppCommons = useAppCommons(),
+    app = _useAppCommons.app,
+    rig = _useAppCommons.rig,
+    well = _useAppCommons.well,
+    fracFleet = _useAppCommons.fracFleet,
+    contextWells = _useAppCommons.wells,
+    onSettingChange = _useAppCommons.onSettingChange,
+    _useAppCommons$appSet = _useAppCommons.appSettings,
+    appSettings = _useAppCommons$appSet === void 0 ? {} : _useAppCommons$appSet;
+  var wells = padModeWells || contextWells;
+  var segment = getAppSegment(app);
+  var appName = (app === null || app === void 0 ? void 0 : (_app$package = app.package) === null || _app$package === void 0 ? void 0 : (_app$package$manifest = _app$package.manifest) === null || _app$package$manifest === void 0 ? void 0 : (_app$package$manifest2 = _app$package$manifest.application) === null || _app$package$manifest2 === void 0 ? void 0 : _app$package$manifest2.name) || (app === null || app === void 0 ? void 0 : app.name);
+  var hasPadMode = !padModeDisabled && segment === SEGMENTS.COMPLETION && !well && !isEmpty(wells) && !!fracFleet;
+  var padModeChangeHandler = useMemo(function () {
+    if (onPadModeChange) {
+      return function (_key, value) {
+        return onPadModeChange(value);
+      };
+    }
+    return onSettingChange;
+  }, [onPadModeChange, onSettingChange]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.root, className),
+    "data-testid": testId,
+    children: [/*#__PURE__*/jsxs(Header, {
+      className: classNames(styles.logoTitleBadgeContainer, elementsClassNames === null || elementsClassNames === void 0 ? void 0 : elementsClassNames.title),
+      appearance: "appName",
+      children: [logo && /*#__PURE__*/jsx("div", {
+        className: styles.logoContainer,
+        children: typeof logo === 'string' ? /*#__PURE__*/jsx("img", {
+          className: styles.logo,
+          src: logo,
+          alt: "Logo"
+        }) : logo
+      }), /*#__PURE__*/jsx(TextEndTruncated, {
+        className: styles.appName,
+        testId: AppHeaderTestIds.AppTitleTestId,
+        children: title || appName
+      }), /*#__PURE__*/jsx(AppBadge, {
+        app: app
+      })]
+    }), (children || hasPadMode) && /*#__PURE__*/jsxs("div", {
+      className: classNames(styles.additional, elementsClassNames === null || elementsClassNames === void 0 ? void 0 : elementsClassNames.additional),
+      children: [hasPadMode && /*#__PURE__*/jsx(PadMode, {
+        app: app,
+        appSettings: appSettings,
+        fracFleet: fracFleet,
+        onSettingChange: padModeChangeHandler,
+        well: well,
+        wells: wells
+      }), children]
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(styles.assetChips, elementsClassNames === null || elementsClassNames === void 0 ? void 0 : elementsClassNames.chips),
+      children: /*#__PURE__*/jsx(AppAssets, {
+        app: app,
+        fracFleet: fracFleet,
+        rig: rig,
+        well: well,
+        forceNarrow: hasPadMode || !!children
+      })
+    })]
+  });
+};
+
+export { AppHeader };
+//# sourceMappingURL=AppHeader.js.map

package/componentsV2/AppHeader/AppHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.js","sources":["../../../src/componentsV2/AppHeader/AppHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ComponentProps, ReactElement, ReactNode, useMemo } from 'react';\nimport { isEmpty } from 'lodash';\n\nimport { Header } from '../Header';\nimport { TextEndTruncated } from '../TextEndTruncated';\nimport { getAppSegment } from '../../utils/devcenter';\nimport { SEGMENTS } from '../../constants/segment';\nimport { useAppCommons } from '../../components/DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext';\n\nimport { AppBadge } from './AppBadge';\nimport { AppAssets } from './AppAssets';\nimport { PadMode } from './PadMode';\nimport { AppHeaderTestIds } from './AppHeader.constants';\n\nimport styles from './AppHeader.scss';\n\nexport type AppHeaderProps = {\n  logo?: string | ReactElement;\n\n  /**\n   * Used for offset wells, etc\n   */\n  children?: ReactNode;\n\n  /**\n   * Disables Pad Mode select for completions\n   */\n  padModeDisabled?: boolean;\n\n  /**\n   * Override wells for Pad Mode Selector\n   */\n  padModeWells?: ReturnType<typeof useAppCommons>['wells'];\n\n  /**\n   * Override change handler for Pad Mode Selector. Useful when pad mode change should also change something else in settings or app's internal store\n   *\n   * `onSettingChange` from `useAppCommons` hook is used by default\n   *\n   * @default (value) => onSettingChange('settingsByAsset', value)\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onPadModeChange?: (value?: any) => void;\n  /**\n   * An escape hatch to tweak the styling of internal elements\n   */\n  elementsClassNames?: {\n    title?: string;\n    additional?: string;\n    chips?: string;\n  };\n\n  title?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const AppHeader = ({\n  className,\n  testId,\n  logo,\n  children,\n  padModeDisabled,\n  padModeWells,\n  onPadModeChange,\n  elementsClassNames,\n  title,\n}: AppHeaderProps) => {\n  const {\n    app,\n    rig,\n    well,\n    fracFleet,\n    wells: contextWells,\n    onSettingChange,\n    appSettings = {},\n  } = useAppCommons();\n  const wells = padModeWells || contextWells;\n  const segment = getAppSegment(app);\n  const appName = app?.package?.manifest?.application?.name || app?.name;\n  const hasPadMode =\n    !padModeDisabled && segment === SEGMENTS.COMPLETION && !well && !isEmpty(wells) && !!fracFleet;\n\n  const padModeChangeHandler = useMemo<ComponentProps<typeof PadMode>['onSettingChange']>(() => {\n    if (onPadModeChange) {\n      return (_key, value) => {\n        return onPadModeChange(value);\n      };\n    }\n\n    return onSettingChange;\n  }, [onPadModeChange, onSettingChange]);\n\n  return (\n    <div className={classNames(styles.root, className)} data-testid={testId}>\n      <Header\n        className={classNames(styles.logoTitleBadgeContainer, elementsClassNames?.title)}\n        appearance=\"appName\"\n      >\n        {logo && (\n          <div className={styles.logoContainer}>\n            {typeof logo === 'string' ? (\n              <img className={styles.logo} src={logo} alt=\"Logo\" />\n            ) : (\n              logo\n            )}\n          </div>\n        )}\n        <TextEndTruncated className={styles.appName} testId={AppHeaderTestIds.AppTitleTestId}>\n          {title || appName}\n        </TextEndTruncated>\n        <AppBadge app={app} />\n      </Header>\n\n      {(children || hasPadMode) && (\n        <div className={classNames(styles.additional, elementsClassNames?.additional)}>\n          {hasPadMode && (\n            <PadMode\n              app={app}\n              appSettings={appSettings}\n              fracFleet={fracFleet}\n              onSettingChange={padModeChangeHandler}\n              well={well}\n              wells={wells}\n            />\n          )}\n          {children}\n        </div>\n      )}\n\n      <div className={classNames(styles.assetChips, elementsClassNames?.chips)}>\n        <AppAssets\n          app={app}\n          fracFleet={fracFleet}\n          rig={rig}\n          well={well}\n          forceNarrow={hasPadMode || !!children}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["AppHeader","className","testId","logo","children","padModeDisabled","padModeWells","onPadModeChange","elementsClassNames","title","useAppCommons","app","rig","well","fracFleet","contextWells","wells","onSettingChange","appSettings","segment","getAppSegment","appName","package","manifest","application","name","hasPadMode","SEGMENTS","COMPLETION","isEmpty","padModeChangeHandler","useMemo","_key","value","_jsxs","classNames","styles","root","logoTitleBadgeContainer","_jsx","logoContainer","AppHeaderTestIds","AppTitleTestId","additional","assetChips","chips"],"mappings":";;;;;;;;;;;;;;;AA2DaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAUA,IAAA,EAAA;AAAA,EAAA,IAAA,YAAA,EAAA,qBAAA,EAAA,sBAAA,CAAA;EAAA,IATpBC,SAAS,QAATA,SAAS;AACTC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,IAAI,QAAJA,IAAI;AACJC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,eAAe,QAAfA,eAAe;AACfC,IAAAA,YAAY,QAAZA,YAAY;AACZC,IAAAA,eAAe,QAAfA,eAAe;AACfC,IAAAA,kBAAkB,QAAlBA,kBAAkB;AAClBC,IAAAA,KAAK,QAALA,KAAK,CAAA;AAEL,EAAA,IAAA,cAAA,GAQIC,aAAa,EAAE;AAPjBC,IAAAA,GAAG,kBAAHA,GAAG;AACHC,IAAAA,GAAG,kBAAHA,GAAG;AACHC,IAAAA,IAAI,kBAAJA,IAAI;AACJC,IAAAA,SAAS,kBAATA,SAAS;AACFC,IAAAA,YAAY,kBAAnBC,KAAK;AACLC,IAAAA,eAAe,kBAAfA,eAAe;AAAA,IAAA,qBAAA,GAAA,cAAA,CACfC,WAAW;IAAXA,WAAW,GAAA,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,qBAAA,CAAA;AAElB,EAAA,IAAMF,KAAK,GAAGV,YAAY,IAAIS,YAAY,CAAA;AAC1C,EAAA,IAAMI,OAAO,GAAGC,aAAa,CAACT,GAAG,CAAC,CAAA;EAClC,IAAMU,OAAO,GAAG,CAAAV,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,YAAA,GAAHA,GAAG,CAAEW,OAAO,MAAA,IAAA,IAAA,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAZ,YAAcC,CAAAA,QAAQ,oFAAtB,qBAAwBC,CAAAA,WAAW,MAAnC,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAqCC,IAAI,MAAId,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEc,IAAI,CAAA,CAAA;EACtE,IAAMC,UAAU,GACd,CAACrB,eAAe,IAAIc,OAAO,KAAKQ,QAAQ,CAACC,UAAU,IAAI,CAACf,IAAI,IAAI,CAACgB,OAAO,CAACb,KAAK,CAAC,IAAI,CAAC,CAACF,SAAS,CAAA;AAEhG,EAAA,IAAMgB,oBAAoB,GAAGC,OAAO,CAAoD,YAAM;AAC5F,IAAA,IAAIxB,eAAe,EAAE;AACnB,MAAA,OAAO,UAACyB,IAAI,EAAEC,KAAK,EAAK;QACtB,OAAO1B,eAAe,CAAC0B,KAAK,CAAC,CAAA;OAC9B,CAAA;AACH,KAAA;AAEA,IAAA,OAAOhB,eAAe,CAAA;AACxB,GAAC,EAAE,CAACV,eAAe,EAAEU,eAAe,CAAC,CAAC,CAAA;EAEtC,oBACEiB,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEpC,SAAS,CAAE;AAAC,IAAA,aAAA,EAAaC,MAAO;AAAA,IAAA,QAAA,EAAA,cACtEgC,KAAC,MAAM,EAAA;AACL,MAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACE,uBAAuB,EAAE9B,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAkB,CAAEC,KAAK,CAAE;AACjF,MAAA,UAAU,EAAC,SAAS;AAAA,MAAA,QAAA,EAAA,CAEnBN,IAAI,iBACHoC,GAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAEH,MAAM,CAACI,aAAc;AAAA,QAAA,QAAA,EAClC,OAAOrC,IAAI,KAAK,QAAQ,gBACvBoC,GAAA,CAAA,KAAA,EAAA;UAAK,SAAS,EAAEH,MAAM,CAACjC,IAAK;AAAC,UAAA,GAAG,EAAEA,IAAK;AAAC,UAAA,GAAG,EAAC,MAAA;AAAM,SAAA,CAAG,GAErDA,IAAAA;OAGL,CAAA,eACDoC,IAAC,gBAAgB,EAAA;QAAC,SAAS,EAAEH,MAAM,CAACf,OAAQ;QAAC,MAAM,EAAEoB,gBAAgB,CAACC,cAAe;AAAA,QAAA,QAAA,EAClFjC,KAAK,IAAIY,OAAAA;OACO,CAAA,eACnBkB,IAAC,QAAQ,EAAA;AAAC,QAAA,GAAG,EAAE5B,GAAAA;OAAO,CAAA,CAAA;AAAA,KAAA,CACf,EAER,CAACP,QAAQ,IAAIsB,UAAU,kBACtBQ,IAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACO,UAAU,EAAEnC,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAkB,CAAEmC,UAAU,CAAE;MAAA,QAC3EjB,EAAAA,CAAAA,UAAU,iBACTa,GAAA,CAAC,OAAO,EAAA;AACN,QAAA,GAAG,EAAE5B,GAAI;AACT,QAAA,WAAW,EAAEO,WAAY;AACzB,QAAA,SAAS,EAAEJ,SAAU;AACrB,QAAA,eAAe,EAAEgB,oBAAqB;AACtC,QAAA,IAAI,EAAEjB,IAAK;AACX,QAAA,KAAK,EAAEG,KAAAA;AAAM,OAAA,CAEhB,EACAZ,QAAQ,CAAA;AAAA,KAAA,CAEZ,eAEDmC,GAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAEJ,UAAU,CAACC,MAAM,CAACQ,UAAU,EAAEpC,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAkB,CAAEqC,KAAK,CAAE;AAAA,MAAA,QAAA,eACvEN,IAAC,SAAS,EAAA;AACR,QAAA,GAAG,EAAE5B,GAAI;AACT,QAAA,SAAS,EAAEG,SAAU;AACrB,QAAA,GAAG,EAAEF,GAAI;AACT,QAAA,IAAI,EAAEC,IAAK;AACX,QAAA,WAAW,EAAEa,UAAU,IAAI,CAAC,CAACtB,QAAAA;AAAS,OAAA,CAAA;KAEpC,CAAA,CAAA;GACF,CAAA,CAAA;AAEV;;;;"}

package/componentsV2/AppHeader/AppHeader.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.AppHeader_root__L2ZJn {\n  min-height: 48px;\n  padding: 6px 0px;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  gap: 0px 16px;\n  overflow: hidden;\n  width: 100%;\n}\n.AppHeader_additional__HfJ0I {\n  min-height: 36px;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  gap: 0px 16px;\n  flex-shrink: 0;\n}\n.AppHeader_assetChips__lw1JE {\n  display: flex;\n  flex: 0 0 auto;\n  flex-flow: row nowrap;\n  gap: 8px;\n}\n.AppHeader_logoTitleBadgeContainer__ZgPMc {\n  display: flex;\n  align-items: center;\n  align-self: center;\n  overflow: hidden;\n  margin-right: auto;\n}\n.AppHeader_logoContainer__-NKcR {\n  position: relative;\n  padding-right: 24px;\n}\n.AppHeader_logoContainer__-NKcR:after {\n  content: \"\";\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  margin-top: -8px;\n  height: 16px;\n  border-left: 1px solid var(--palette-primary-text-6);\n}\n.AppHeader_logo__YCXlz {\n  display: block;\n  max-height: 36px;\n  max-width: 130px;\n}\n.AppHeader_appName__eN0UK {\n  margin-right: 4px;\n}\n@container CorvaUI-AppContainer-root (max-width: 599px) {\n  .AppHeader_root__L2ZJn {\n    flex-wrap: wrap;\n  }\n  .AppHeader_additional__HfJ0I {\n    order: 10;\n    flex-basis: 100%;\n  }\n  .AppHeader_logoTitleBadgeContainer__ZgPMc {\n    flex: 1 1 1px;\n  }\n}";
+var styles = {"spacing":"8","root":"AppHeader_root__L2ZJn","additional":"AppHeader_additional__HfJ0I","assetChips":"AppHeader_assetChips__lw1JE","logoTitleBadgeContainer":"AppHeader_logoTitleBadgeContainer__ZgPMc","logoContainer":"AppHeader_logoContainer__-NKcR","logo":"AppHeader_logo__YCXlz","appName":"AppHeader_appName__eN0UK"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=AppHeader.scss.js.map

package/componentsV2/AppHeader/AppHeader.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/AppHeader/PadMode/PadMode.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.PadMode_formField__PoQSi {\n  padding: 0 !important;\n  max-width: 150px !important;\n  margin-left: 0 !important;\n}\n.PadMode_formField__PoQSi .MuiSelect-root {\n  padding-right: 20px !important;\n}\n.PadMode_activeAsset__FsXa2 {\n  display: flex;\n  flex-flow: row nowrap;\n  gap: 4px;\n  align-items: center;\n  flex: 1 0 auto;\n}\n.PadMode_activeAssetName__dfsH6 {\n  max-width: 100px;\n  text-align: right;\n}\n@container CorvaUI-AppContainer-root (max-width: 599px) {\n  .PadMode_activeAsset__FsXa2 {\n    flex: 0 0 auto;\n  }\n  .PadMode_activeAssetName__dfsH6 {\n    max-width: 68px;\n  }\n}";
+var styles = {"spacing":"8","formField":"PadMode_formField__PoQSi","activeAsset":"PadMode_activeAsset__FsXa2","activeAssetName":"PadMode_activeAssetName__dfsH6"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=PadMode.scss.js.map

package/componentsV2/AppHeader/PadMode/PadMode.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Avatar/Avatar.js

@@ -0,0 +1,42 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef, useMemo } from 'react';
+import classNames from 'classnames';
+import { getFontSize, getColor } from './constants.js';
+import styles from './Avatar.scss.js';
+import utils from '../../utils/main.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["testId", "className", "name", "size", "imageSrc"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Avatar = forwardRef(function (_ref, ref) {
+  var testId = _ref.testId,
+    className = _ref.className,
+    name = _ref.name,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 40 : _ref$size,
+    imageSrc = _ref.imageSrc,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var inlineStyles = useMemo(function () {
+    return {
+      width: "".concat(size, "px"),
+      height: "".concat(size, "px"),
+      fontSize: "".concat(getFontSize(size), "px"),
+      lineHeight: "".concat(size, "px"),
+      backgroundColor: getColor(name),
+      backgroundImage: imageSrc ? "url(".concat(imageSrc, ")") : undefined,
+      color: imageSrc ? 'transparent' : undefined
+    };
+  }, [size, imageSrc, name]);
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    className: classNames(styles.root, className),
+    "data-testid": testId,
+    style: inlineStyles,
+    children: name && utils.getNameInitials(name)
+  }));
+});
+
+export { Avatar };
+//# sourceMappingURL=Avatar.js.map

package/componentsV2/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/componentsV2/Avatar/Avatar.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, useMemo } from 'react';\nimport classNames from 'classnames';\n\nimport { getColor, getFontSize } from './constants';\n\nimport styles from './Avatar.scss';\n\nimport utils from '~/utils/main';\n\nexport type AvatarProps = {\n  size?: number;\n  name?: string;\n  imageSrc?: string;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(\n  (\n    {\n      testId,\n      className,\n      name,\n      size = 40,\n      imageSrc,\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    const inlineStyles = useMemo<CSSProperties>(\n      () => ({\n        width: `${size}px`,\n        height: `${size}px`,\n        fontSize: `${getFontSize(size)}px`,\n        lineHeight: `${size}px`,\n        backgroundColor: getColor(name),\n        backgroundImage: imageSrc ? `url(${imageSrc})` : undefined,\n        color: imageSrc ? 'transparent' : undefined,\n      }),\n      [size, imageSrc, name]\n    );\n\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        className={classNames(styles.root, className)}\n        data-testid={testId}\n        style={inlineStyles}\n      >\n        {name && utils.getNameInitials(name)}\n      </div>\n    );\n  }\n);\n"],"names":["Avatar","forwardRef","ref","testId","className","name","size","imageSrc","rest","inlineStyles","useMemo","width","height","fontSize","getFontSize","lineHeight","backgroundColor","getColor","backgroundImage","undefined","color","_jsx","classNames","styles","root","utils","getNameInitials"],"mappings":";;;;;;;;;;;;IAkBaA,MAAM,GAAGC,UAAU,CAC9B,UAAA,IAAA,EAUEC,GAAG,EACA;EAAA,IATDC,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,IAAI,QAAJA,IAAI;AAAA,IAAA,SAAA,GAAA,IAAA,CACJC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,EAAE,GAAA,SAAA;AACTC,IAAAA,QAAQ,QAARA,QAAQ;IAELC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAIT,IAAMC,YAAY,GAAGC,OAAO,CAC1B,YAAA;IAAA,OAAO;MACLC,KAAK,EAAA,EAAA,CAAA,MAAA,CAAKL,IAAI,EAAI,IAAA,CAAA;MAClBM,MAAM,EAAA,EAAA,CAAA,MAAA,CAAKN,IAAI,EAAI,IAAA,CAAA;AACnBO,MAAAA,QAAQ,EAAKC,EAAAA,CAAAA,MAAAA,CAAAA,WAAW,CAACR,IAAI,CAAC,EAAI,IAAA,CAAA;MAClCS,UAAU,EAAA,EAAA,CAAA,MAAA,CAAKT,IAAI,EAAI,IAAA,CAAA;AACvBU,MAAAA,eAAe,EAAEC,QAAQ,CAACZ,IAAI,CAAC;AAC/Ba,MAAAA,eAAe,EAAEX,QAAQ,GAAUA,MAAAA,CAAAA,MAAAA,CAAAA,QAAQ,SAAMY,SAAS;AAC1DC,MAAAA,KAAK,EAAEb,QAAQ,GAAG,aAAa,GAAGY,SAAAA;KACnC,CAAA;GAAC,EACF,CAACb,IAAI,EAAEC,QAAQ,EAAEF,IAAI,CAAC,CACvB,CAAA;AAED,EAAA,oBACEgB,2CACMb,IAAI,CAAA,EAAA,EAAA,EAAA;AACR,IAAA,GAAG,EAAEN,GAAI;IACT,SAAS,EAAEoB,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEpB,SAAS,CAAE;AAC9C,IAAA,aAAA,EAAaD,MAAO;AACpB,IAAA,KAAK,EAAEM,YAAa;AAAA,IAAA,QAAA,EAEnBJ,IAAI,IAAIoB,KAAK,CAACC,eAAe,CAACrB,IAAI,CAAA;GAC/B,CAAA,CAAA,CAAA;AAEV,CAAC;;;;"}

package/componentsV2/Avatar/Avatar.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Avatar_root__PE6dQ {\n  display: inline-block;\n  vertical-align: middle;\n  text-align: center;\n  border-radius: 50%;\n  background-position: center center;\n  background-size: cover;\n  font-weight: 500;\n  color: var(--palette-primary-text-1);\n  user-select: none;\n}";
+var styles = {"spacing":"8","root":"Avatar_root__PE6dQ"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Avatar.scss.js.map

package/componentsV2/Avatar/Avatar.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Avatar/constants.js

@@ -0,0 +1,63 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import utils from '../../utils/main.js';
+
+var ColorsArray = ['#5F47A4', '#9078C8', '#DC74FD', '#F695B5', '#CB4F4F', '#896F65', '#F3AE96', '#EE7850', '#DDAE67', '#A6CA72', '#62893D', '#91C9C4', '#38818D', '#77B5F1', '#3F4C99', '#919DA4'];
+var getColor = function getColor() {
+  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var numberHash = Math.abs(utils.hashCode(name));
+  return ColorsArray[numberHash % ColorsArray.length];
+};
+var SizeToFontSizeMap = {
+  0: 0,
+  24: 12,
+  32: 14,
+  40: 16,
+  48: 20,
+  128: 64,
+  200: 80
+};
+var sizesArray = Object.entries(SizeToFontSizeMap).map(function (_ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+    size = _ref2[0],
+    fontSize = _ref2[1];
+  return [Number(size), fontSize];
+})
+// No need for a copy: we create a new array each time this runs.
+// Can't use `toSorted` yet because it breaks tests which are run in node@18 which has a seizure when it sees toSorted
+// TODO use `toSorted` when we upgrade to a fresher node
+.sort(function (a, b) {
+  return a[0] - b[0];
+})
+// Each element is a pair of numbers: 0 - avatarSize, 1 - corresponding fontSize. Converting to object
+.map(function (_ref3) {
+  var _ref4 = _slicedToArray(_ref3, 2),
+    size = _ref4[0],
+    fontSize = _ref4[1];
+  return {
+    size: size,
+    fontSize: fontSize
+  };
+});
+var getFontSize = function getFontSize(avatarSize) {
+  if (SizeToFontSizeMap[avatarSize]) {
+    return SizeToFontSizeMap[avatarSize];
+  }
+  var index = sizesArray.findIndex(function (_ref5, index, arr) {
+    var size = _ref5.size;
+    return avatarSize > size && index < arr.length - 1 && avatarSize < arr[index + 1].size;
+  });
+
+  // Less than the smallest known size, or larger than the largest
+  if (index < 0) {
+    return avatarSize < sizesArray[0].size ? sizesArray[0].fontSize : sizesArray.slice(-1)[0].fontSize;
+  }
+
+  // Otherwise - progressive from bottomLimit to upperLimit
+  var bottomLimit = sizesArray[index];
+  var upperLimit = sizesArray[index + 1];
+  var ratio = (avatarSize - bottomLimit.size) / (upperLimit.size - bottomLimit.size);
+  return bottomLimit.fontSize + (upperLimit.fontSize - bottomLimit.fontSize) * ratio;
+};
+
+export { ColorsArray, SizeToFontSizeMap, getColor, getFontSize };
+//# sourceMappingURL=constants.js.map

package/componentsV2/Avatar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/componentsV2/Avatar/constants.ts"],"sourcesContent":["import utils from '~/utils/main';\n\nexport const ColorsArray = [\n  '#5F47A4',\n  '#9078C8',\n  '#DC74FD',\n  '#F695B5',\n  '#CB4F4F',\n  '#896F65',\n  '#F3AE96',\n  '#EE7850',\n  '#DDAE67',\n  '#A6CA72',\n  '#62893D',\n  '#91C9C4',\n  '#38818D',\n  '#77B5F1',\n  '#3F4C99',\n  '#919DA4',\n];\n\nexport const getColor = (name = '') => {\n  const numberHash = Math.abs(utils.hashCode(name));\n  return ColorsArray[numberHash % ColorsArray.length];\n};\n\nexport const SizeToFontSizeMap: Record<number, number> = {\n  0: 0,\n  24: 12,\n  32: 14,\n  40: 16,\n  48: 20,\n  128: 64,\n  200: 80,\n};\n\nconst sizesArray = Object.entries(SizeToFontSizeMap)\n  .map(([size, fontSize]) => [Number(size), fontSize])\n  // No need for a copy: we create a new array each time this runs.\n  // Can't use `toSorted` yet because it breaks tests which are run in node@18 which has a seizure when it sees toSorted\n  // TODO use `toSorted` when we upgrade to a fresher node\n  .sort((a, b) => a[0] - b[0])\n  // Each element is a pair of numbers: 0 - avatarSize, 1 - corresponding fontSize. Converting to object\n  .map(([size, fontSize]) => ({ size, fontSize }));\n\nexport const getFontSize = (avatarSize: number) => {\n  if (SizeToFontSizeMap[avatarSize]) {\n    return SizeToFontSizeMap[avatarSize];\n  }\n\n  const index = sizesArray.findIndex(({ size }, index, arr) => {\n    return avatarSize > size && index < arr.length - 1 && avatarSize < arr[index + 1].size;\n  });\n\n  // Less than the smallest known size, or larger than the largest\n  if (index < 0) {\n    return avatarSize < sizesArray[0].size\n      ? sizesArray[0].fontSize\n      : sizesArray.slice(-1)[0].fontSize;\n  }\n\n  // Otherwise - progressive from bottomLimit to upperLimit\n  const bottomLimit = sizesArray[index];\n  const upperLimit = sizesArray[index + 1];\n\n  const ratio = (avatarSize - bottomLimit.size) / (upperLimit.size - bottomLimit.size);\n  return bottomLimit.fontSize + (upperLimit.fontSize - bottomLimit.fontSize) * ratio;\n};\n"],"names":["ColorsArray","getColor","name","numberHash","Math","abs","utils","hashCode","length","SizeToFontSizeMap","sizesArray","Object","entries","map","size","fontSize","Number","sort","a","b","getFontSize","avatarSize","index","findIndex","arr","slice","bottomLimit","upperLimit","ratio"],"mappings":"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"}

package/componentsV2/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,52 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import classNames from 'classnames';
+import { useMemo, createElement } from 'react';
+import { Avatar } from '../Avatar/Avatar.js';
+import { getFontSize } from '../Avatar/constants.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import styles from './AvatarGroup.scss.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var AvatarGroup = function AvatarGroup(_ref) {
+  var testId = _ref.testId,
+    className = _ref.className,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 5 : _ref$max,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 40 : _ref$size,
+    disableTooltips = _ref.disableTooltips;
+  var actualMax = max < 1 ? 1 : max;
+  var inlineStyles = useMemo(function () {
+    return {
+      '--size': "".concat(size, "px"),
+      fontSize: "".concat(getFontSize(size), "px")
+    };
+  }, [size]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(className, styles.root),
+    "data-testid": testId,
+    style: inlineStyles,
+    children: [items.slice(0, actualMax).map(function (avatarProps, index) {
+      var avatar = /*#__PURE__*/createElement(Avatar, _objectSpread(_objectSpread({}, avatarProps), {}, {
+        size: size,
+        key: index,
+        className: classNames(styles.masked, avatarProps.className)
+      }));
+      return /*#__PURE__*/jsx(Tooltip, {
+        title: avatarProps.name,
+        disabled: disableTooltips,
+        children: avatar
+      }, index);
+    }), items.length > actualMax && /*#__PURE__*/jsxs("div", {
+      className: classNames(styles.masked, styles.more),
+      children: ["+", items.length - actualMax]
+    })]
+  });
+};
+
+export { AvatarGroup };
+//# sourceMappingURL=AvatarGroup.js.map

package/componentsV2/AvatarGroup/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sources":["../../../src/componentsV2/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { CSSProperties, useMemo } from 'react';\n\nimport { Avatar, AvatarProps } from '../Avatar';\nimport { getFontSize } from '../Avatar/constants';\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './AvatarGroup.scss';\n\nexport type AvatarGroupProps = {\n  /**\n   * Array of `<Avatar/>` component props to render\n   */\n  items?: Omit<AvatarProps, 'size'>[];\n  size?: number;\n  max?: number;\n  disableTooltips?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const AvatarGroup = ({\n  testId,\n  className,\n  max = 5,\n  items = [],\n  size = 40,\n  disableTooltips,\n}: AvatarGroupProps) => {\n  const actualMax = max < 1 ? 1 : max;\n  const inlineStyles = useMemo<CSSProperties>(\n    () => ({\n      '--size': `${size}px`,\n      fontSize: `${getFontSize(size)}px`,\n    }),\n    [size]\n  );\n\n  return (\n    <div className={classNames(className, styles.root)} data-testid={testId} style={inlineStyles}>\n      {items.slice(0, actualMax).map((avatarProps, index) => {\n        const avatar = (\n          <Avatar\n            {...avatarProps}\n            size={size}\n            key={index}\n            className={classNames(styles.masked, avatarProps.className)}\n          />\n        );\n\n        return (\n          <Tooltip title={avatarProps.name} key={index} disabled={disableTooltips}>\n            {avatar}\n          </Tooltip>\n        );\n      })}\n      {items.length > actualMax && (\n        <div className={classNames(styles.masked, styles.more)}>+{items.length - actualMax}</div>\n      )}\n    </div>\n  );\n};\n"],"names":["AvatarGroup","testId","className","max","items","size","disableTooltips","actualMax","inlineStyles","useMemo","fontSize","getFontSize","_jsxs","classNames","styles","root","slice","map","avatarProps","index","avatar","_createElement","masked","_jsx","name","length","more"],"mappings":";;;;;;;;;;;AAsBaA,IAAAA,WAAW,GAAG,SAAdA,WAAW,CAOA,IAAA,EAAA;EAAA,IANtBC,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AAAA,IAAA,QAAA,GAAA,IAAA,CACTC,GAAG;AAAHA,IAAAA,GAAG,yBAAG,CAAC,GAAA,QAAA;AAAA,IAAA,UAAA,GAAA,IAAA,CACPC,KAAK;AAALA,IAAAA,KAAK,2BAAG,EAAE,GAAA,UAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CACVC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,EAAE,GAAA,SAAA;AACTC,IAAAA,eAAe,QAAfA,eAAe,CAAA;EAEf,IAAMC,SAAS,GAAGJ,GAAG,GAAG,CAAC,GAAG,CAAC,GAAGA,GAAG,CAAA;EACnC,IAAMK,YAAY,GAAGC,OAAO,CAC1B,YAAA;IAAA,OAAO;MACL,QAAQ,EAAA,EAAA,CAAA,MAAA,CAAKJ,IAAI,EAAI,IAAA,CAAA;AACrBK,MAAAA,QAAQ,EAAKC,EAAAA,CAAAA,MAAAA,CAAAA,WAAW,CAACN,IAAI,CAAC,EAAA,IAAA,CAAA;KAC/B,CAAA;AAAA,GAAC,EACF,CAACA,IAAI,CAAC,CACP,CAAA;EAED,oBACEO,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACX,SAAS,EAAEY,MAAM,CAACC,IAAI,CAAE;AAAC,IAAA,aAAA,EAAad,MAAO;AAAC,IAAA,KAAK,EAAEO,YAAa;AAAA,IAAA,QAAA,EAAA,CAC1FJ,KAAK,CAACY,KAAK,CAAC,CAAC,EAAET,SAAS,CAAC,CAACU,GAAG,CAAC,UAACC,WAAW,EAAEC,KAAK,EAAK;AACrD,MAAA,IAAMC,MAAM,gBACVC,aAAC,CAAA,MAAM,kCACDH,WAAW,CAAA,EAAA,EAAA,EAAA;AACf,QAAA,IAAI,EAAEb,IAAK;AACX,QAAA,GAAG,EAAEc,KAAM;QACX,SAAS,EAAEN,UAAU,CAACC,MAAM,CAACQ,MAAM,EAAEJ,WAAW,CAAChB,SAAS,CAAA;OAE7D,CAAA,CAAA,CAAA;AAED,MAAA,oBACEqB,IAAC,OAAO,EAAA;QAAC,KAAK,EAAEL,WAAW,CAACM,IAAK;AAAa,QAAA,QAAQ,EAAElB,eAAgB;QAAA,QACrEc,EAAAA,MAAAA;AAAM,OAAA,EAD8BD,KAAK,CAElC,CAAA;AAEd,KAAC,CAAC,EACDf,KAAK,CAACqB,MAAM,GAAGlB,SAAS,iBACvBK,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACQ,MAAM,EAAER,MAAM,CAACY,IAAI,CAAE;AAAA,MAAA,QAAA,EAAA,CAAA,GAAA,EAAGtB,KAAK,CAACqB,MAAM,GAAGlB,SAAS,CAAA;KACnF,CAAA,CAAA;GACG,CAAA,CAAA;AAEV;;;;"}

package/componentsV2/AvatarGroup/AvatarGroup.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.AvatarGroup_root__f26bg {\n  display: inline-flex;\n  flex-flow: row nowrap;\n  align-items: center;\n}\n.AvatarGroup_masked__eVVHr {\n  position: relative;\n}\n.AvatarGroup_masked__eVVHr:not(:first-child) {\n  margin-left: -8px;\n}\n.AvatarGroup_masked__eVVHr:not(:last-child) {\n  mask: radial-gradient(calc(var(--size) / 2 + 1px) at calc(100% + var(--size) / 2 - 8px) 50%, rgba(0, 0, 0, 0) 98%, #000);\n}\n.AvatarGroup_more__Qg2Si {\n  width: var(--size);\n  height: var(--size);\n  border-radius: 50%;\n  background: var(--palette-background-b-9);\n  color: var(--palette-primary-text-6);\n  text-align: center;\n  font-weight: 500;\n  line-height: var(--size);\n}";
+var styles = {"spacing":"8","root":"AvatarGroup_root__f26bg","masked":"AvatarGroup_masked__eVVHr","more":"AvatarGroup_more__Qg2Si"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=AvatarGroup.scss.js.map

package/componentsV2/AvatarGroup/AvatarGroup.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/BadgeBase/BadgeBase.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.BadgeBase_root__VFvXg {\n  display: inline-flex;\n  vertical-align: middle;\n  position: relative;\n}\n.BadgeBase_masked__dQ6zI {\n  display: inline-flex;\n  width: 100%;\n  mask: radial-gradient(calc(var(--radius) + 2px) at calc(100% + var(--shift-x)) calc(0% - var(--shift-y)), rgba(0, 0, 0, 0) 98%, #000);\n}\n.BadgeBase_badge__FQLO8 {\n  position: absolute;\n  left: calc(100% + var(--shift-x) - var(--radius));\n  bottom: calc(100% + var(--shift-y) - var(--radius));\n}";
+var badgeBaseStyles = {"spacing":"8","root":"BadgeBase_root__VFvXg","masked":"BadgeBase_masked__dQ6zI","badge":"BadgeBase_badge__FQLO8"};
+styleInject(css_248z);
+
+export { badgeBaseStyles as default };
+//# sourceMappingURL=BadgeBase.scss.js.map

package/componentsV2/BadgeBase/BadgeBase.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/BadgeComment/BadgeComment.js

@@ -0,0 +1,29 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+import { BadgeIcon } from './BadgeIcon.js';
+import styles from './BadgeComment.scss.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["testId", "className", "children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var BadgeComment = forwardRef(function (_ref, ref) {
+  var testId = _ref.testId,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+    "data-testid": testId,
+    className: classNames(styles.root, className),
+    ref: ref
+  }, rest), {}, {
+    children: [/*#__PURE__*/jsx(BadgeIcon, {
+      className: styles.icon
+    }), children]
+  }));
+});
+
+export { BadgeComment };
+//# sourceMappingURL=BadgeComment.js.map

package/componentsV2/BadgeComment/BadgeComment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeComment.js","sources":["../../../src/componentsV2/BadgeComment/BadgeComment.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { BadgeIcon } from './BadgeIcon';\n\nimport styles from './BadgeComment.scss';\n\nexport type BadgeCommentProps = {\n  children: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const BadgeComment = forwardRef<HTMLDivElement, BadgeCommentProps>(\n  (\n    {\n      testId,\n      className,\n      children,\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <div data-testid={testId} className={classNames(styles.root, className)} ref={ref} {...rest}>\n        <BadgeIcon className={styles.icon} />\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["BadgeComment","forwardRef","ref","testId","className","children","rest","_jsxs","classNames","styles","root","_jsx","icon"],"mappings":";;;;;;;;;;;IAcaA,YAAY,GAAGC,UAAU,CACpC,UAAA,IAAA,EAQEC,GAAG,EACA;EAAA,IAPDC,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,QAAQ,QAARA,QAAQ;IAELC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAIT,oBACEC,IAAA,CAAA,KAAA,EAAA,aAAA,CAAA,aAAA,CAAA;AAAK,IAAA,aAAA,EAAaJ,MAAO;IAAC,SAAS,EAAEK,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEN,SAAS,CAAE;AAAC,IAAA,GAAG,EAAEF,GAAAA;AAAI,GAAA,EAAKI,IAAI,CAAA,EAAA,EAAA,EAAA;AAAA,IAAA,QAAA,EAAA,cACzFK,IAAC,SAAS,EAAA;MAAC,SAAS,EAAEF,MAAM,CAACG,IAAAA;AAAK,KAAA,CAAG,EACpCP,QAAQ,CAAA;GACL,CAAA,CAAA,CAAA;AAEV,CAAC;;;;"}

package/componentsV2/BadgeComment/BadgeComment.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".BadgeComment_root__Ycu1w {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.BadgeComment_icon__Nnmy- {\n  position: absolute;\n  inset: -3px -3px auto auto;\n  width: 14px !important;\n  height: 14px !important;\n}";
+var styles = {"root":"BadgeComment_root__Ycu1w","icon":"BadgeComment_icon__Nnmy-"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=BadgeComment.scss.js.map

package/componentsV2/BadgeComment/BadgeComment.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/BadgeComment/BadgeIcon.js

@@ -0,0 +1,25 @@
+import { memo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var BadgeIcon = memo(function (_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: className,
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M13.0997 14.0765L13.1233 14.0918L13.1484 14.1043C13.1626 14.1114 13.1765 14.1192 13.1989 14.1321C13.2006 14.1331 13.2025 14.1342 13.2045 14.1354C13.224 14.1467 13.257 14.1657 13.2912 14.1829C13.3832 14.2288 13.503 14.2714 13.6577 14.2714C13.6609 14.2714 13.6644 14.2714 13.668 14.2714C13.7169 14.2715 13.7976 14.2716 13.8828 14.2574C13.9865 14.2401 14.0774 14.2063 14.167 14.1614L14.1949 14.1475L14.2208 14.1303C14.5074 13.9391 14.7291 13.6225 14.7291 13.1999V4.91423C14.7291 3.15237 13.3053 1.72852 11.5434 1.72852H4.40056C2.6387 1.72852 1.21484 3.15237 1.21484 4.91423V8.85709C1.21484 10.6189 2.6387 12.0428 4.40056 12.0428H9.96679L13.0997 14.0765Z",
+      fill: "#03BCD4",
+      stroke: "#212121"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M10.4 7.6H8.6V9.4C8.6 9.73 8.33 10 8 10C7.67 10 7.4 9.73 7.4 9.4V7.6H5.6C5.27 7.6 5 7.33 5 7C5 6.67 5.27 6.4 5.6 6.4H7.4V4.6C7.4 4.27 7.67 4 8 4C8.33 4 8.6 4.27 8.6 4.6V6.4H10.4C10.73 6.4 11 6.67 11 7C11 7.33 10.73 7.6 10.4 7.6Z",
+      fill: "#212121"
+    })]
+  });
+});
+
+export { BadgeIcon };
+//# sourceMappingURL=BadgeIcon.js.map

package/componentsV2/BadgeComment/BadgeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.js","sources":["../../../src/componentsV2/BadgeComment/BadgeIcon.tsx"],"sourcesContent":["import { memo } from 'react';\n\nexport const BadgeIcon = memo(({ className }: { className?: string }) => {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path\n        d=\"M13.0997 14.0765L13.1233 14.0918L13.1484 14.1043C13.1626 14.1114 13.1765 14.1192 13.1989 14.1321C13.2006 14.1331 13.2025 14.1342 13.2045 14.1354C13.224 14.1467 13.257 14.1657 13.2912 14.1829C13.3832 14.2288 13.503 14.2714 13.6577 14.2714C13.6609 14.2714 13.6644 14.2714 13.668 14.2714C13.7169 14.2715 13.7976 14.2716 13.8828 14.2574C13.9865 14.2401 14.0774 14.2063 14.167 14.1614L14.1949 14.1475L14.2208 14.1303C14.5074 13.9391 14.7291 13.6225 14.7291 13.1999V4.91423C14.7291 3.15237 13.3053 1.72852 11.5434 1.72852H4.40056C2.6387 1.72852 1.21484 3.15237 1.21484 4.91423V8.85709C1.21484 10.6189 2.6387 12.0428 4.40056 12.0428H9.96679L13.0997 14.0765Z\"\n        fill=\"#03BCD4\"\n        stroke=\"#212121\"\n      />\n      <path\n        d=\"M10.4 7.6H8.6V9.4C8.6 9.73 8.33 10 8 10C7.67 10 7.4 9.73 7.4 9.4V7.6H5.6C5.27 7.6 5 7.33 5 7C5 6.67 5.27 6.4 5.6 6.4H7.4V4.6C7.4 4.27 7.67 4 8 4C8.33 4 8.6 4.27 8.6 4.6V6.4H10.4C10.73 6.4 11 6.67 11 7C11 7.33 10.73 7.6 10.4 7.6Z\"\n        fill=\"#212121\"\n      />\n    </svg>\n  );\n});\n"],"names":["BadgeIcon","memo","className","_jsxs","_jsx"],"mappings":";;;AAEaA,IAAAA,SAAS,GAAGC,IAAI,CAAC,UAA2C,IAAA,EAAA;EAAA,IAAxCC,SAAS,QAATA,SAAS,CAAA;EACxC,oBACEC,IAAA,CAAA,KAAA,EAAA;AACE,IAAA,KAAK,EAAC,IAAI;AACV,IAAA,MAAM,EAAC,IAAI;AACX,IAAA,OAAO,EAAC,WAAW;AACnB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAC,4BAA4B;AAClC,IAAA,SAAS,EAAED,SAAU;IAAA,QAErB,EAAA,cAAAE,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,4oBAA4oB;AAC9oB,MAAA,IAAI,EAAC,SAAS;AACd,MAAA,MAAM,EAAC,SAAA;AAAS,KAAA,CAChB,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,sOAAsO;AACxO,MAAA,IAAI,EAAC,SAAA;KACL,CAAA,CAAA;GACE,CAAA,CAAA;AAEV,CAAC;;;;"}

package/componentsV2/BadgeCounter/BadgeCounter.js

@@ -0,0 +1,46 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { Counter } from '../Counter/Counter.js';
+import { BadgeBase } from '../BadgeBase/BadgeBase.js';
+import badgeBaseStyles from '../BadgeBase/BadgeBase.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["max", "type", "testId", "className", "children", "count", "badgeClassName", "offsetX", "offsetY"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var BadgeCounter = function BadgeCounter(_ref) {
+  var _ref$max = _ref.max,
+    max = _ref$max === void 0 ? Infinity : _ref$max,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    testId = _ref.testId,
+    className = _ref.className,
+    children = _ref.children,
+    count = _ref.count,
+    badgeClassName = _ref.badgeClassName,
+    _ref$offsetX = _ref.offsetX,
+    offsetX = _ref$offsetX === void 0 ? -1 : _ref$offsetX,
+    _ref$offsetY = _ref.offsetY,
+    offsetY = _ref$offsetY === void 0 ? 0 : _ref$offsetY,
+    injectedProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(BadgeBase, _objectSpread(_objectSpread({
+    badge: /*#__PURE__*/jsx(Counter, {
+      count: count,
+      max: max,
+      type: type,
+      className: classNames(badgeBaseStyles.badge, badgeBaseStyles.badgeShadow, badgeClassName),
+      size: "small"
+    }),
+    className: className,
+    testId: testId,
+    offsetX: offsetX,
+    offsetY: offsetY,
+    badgeHeight: 16
+  }, injectedProps), {}, {
+    children: children
+  }));
+};
+
+export { BadgeCounter };
+//# sourceMappingURL=BadgeCounter.js.map

package/componentsV2/BadgeCounter/BadgeCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCounter.js","sources":["../../../src/componentsV2/BadgeCounter/BadgeCounter.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Counter, CounterProps } from '../Counter';\nimport { BadgeBase } from '../BadgeBase';\n\nimport badgeBaseStyles from '../BadgeBase/BadgeBase.scss';\n\nexport type BadgeCounterProps = {\n  /**\n   * Content over which position the badge\n   */\n  children: ReactNode;\n  count: number;\n  /**\n   * Maximum value after which the plus sign will be shown\n   *\n   * @default Infinity\n   */\n  max?: number;\n  type?: CounterProps['type'];\n\n  /**\n   * Badge className\n   */\n  badgeClassName?: string;\n\n  /**\n   * X offset of badge center from top right corner in pixels\n   */\n  offsetX?: number;\n  /**\n   * Y offset of badge center from top right corner in pixels\n   */\n  offsetY?: number;\n\n  /**\n   * Container className\n   */\n  className?: string;\n  testId?: string;\n};\n\nexport const BadgeCounter = ({\n  max = Infinity,\n  type = 'default',\n  testId,\n  className,\n  children,\n  count,\n  badgeClassName,\n  offsetX = -1,\n  offsetY = 0,\n  // Passthrough of injected props\n  ...injectedProps\n}: BadgeCounterProps) => {\n  return (\n    <BadgeBase\n      badge={\n        <Counter\n          count={count}\n          max={max}\n          type={type}\n          className={classNames(badgeBaseStyles.badge, badgeBaseStyles.badgeShadow, badgeClassName)}\n          size=\"small\"\n        />\n      }\n      className={className}\n      testId={testId}\n      offsetX={offsetX}\n      offsetY={offsetY}\n      badgeHeight={16}\n      {...injectedProps}\n    >\n      {children}\n    </BadgeBase>\n  );\n};\n"],"names":["BadgeCounter","max","Infinity","type","testId","className","children","count","badgeClassName","offsetX","offsetY","injectedProps","_jsx","classNames","badgeBaseStyles","badge","badgeShadow"],"mappings":";;;;;;;;;;;AA2CaA,IAAAA,YAAY,GAAG,SAAfA,YAAY,CAYA,IAAA,EAAA;AAAA,EAAA,IAAA,QAAA,GAAA,IAAA,CAXvBC,GAAG;AAAHA,IAAAA,GAAG,yBAAGC,QAAQ,GAAA,QAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CACdC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,SAAS,GAAA,SAAA;AAChBC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,KAAK,QAALA,KAAK;AACLC,IAAAA,cAAc,QAAdA,cAAc;AAAA,IAAA,YAAA,GAAA,IAAA,CACdC,OAAO;IAAPA,OAAO,GAAA,YAAA,KAAA,KAAA,CAAA,GAAG,CAAC,CAAC,GAAA,YAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CACZC,OAAO;AAAPA,IAAAA,OAAO,6BAAG,CAAC,GAAA,YAAA;IAERC,aAAa,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAEhB,EAAA,oBACEC,IAAC,SAAS,EAAA,aAAA,CAAA,aAAA,CAAA;IACR,KAAK,eACHA,IAAC,OAAO,EAAA;AACN,MAAA,KAAK,EAAEL,KAAM;AACb,MAAA,GAAG,EAAEN,GAAI;AACT,MAAA,IAAI,EAAEE,IAAK;AACX,MAAA,SAAS,EAAEU,UAAU,CAACC,eAAe,CAACC,KAAK,EAAED,eAAe,CAACE,WAAW,EAAER,cAAc,CAAE;AAC1F,MAAA,IAAI,EAAC,OAAA;KAER,CAAA;AACD,IAAA,SAAS,EAAEH,SAAU;AACrB,IAAA,MAAM,EAAED,MAAO;AACf,IAAA,OAAO,EAAEK,OAAQ;AACjB,IAAA,OAAO,EAAEC,OAAQ;AACjB,IAAA,WAAW,EAAE,EAAA;AAAG,GAAA,EACZC,aAAa,CAAA,EAAA,EAAA,EAAA;IAAA,QAEhBL,EAAAA,QAAAA;GACS,CAAA,CAAA,CAAA;AAEhB;;;;"}