@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/components/design/card/card.css

@@ -0,0 +1,96 @@
+/* Popovers */
+/* BUTTONS */
+.card {
+  min-width: var(--cardMinWidth, 450px);
+  max-width: var(--cardMaxWidth, 450px);
+  border: var(--cardBorder, 1px solid #eef2f4);
+  border-radius: var(--cardBorderRadius, 3px);
+  box-shadow: var(--cardBoxShadow, 0 0 5px 0 #eef2f4);
+  background: var(--cardBg, transparent);
+  margin: var(--cardMargin, 0 0 20px);
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  row-gap: 0;
+}
+.card.card_xs {
+  min-width: var(--cardMinWidthXSmall, 150px);
+  max-width: var(--cardMaxWidthXSmall, 150px);
+}
+.card.card_s {
+  min-width: var(--cardMinWidthSmall, 300px);
+  max-width: var(--cardMaxWidthSmall, 300px);
+}
+.card.card_m {
+  min-width: var(--cardMinWidthMedium, 450px);
+  max-width: var(--cardMaxWidthMedium, 450px);
+}
+.card.card_l {
+  min-width: var(--cardMinWidthLarge, 600px);
+  max-width: var(--cardMaxWidthLarge, 600px);
+}
+.card.card_xl {
+  min-width: var(--cardMinWidthXLarge, 750px);
+  max-width: var(--cardMaxWidthXLarge, 750px);
+}
+.card.card_auto {
+  min-width: 0;
+  max-width: none;
+}
+.card .cardContent {
+  flex: 1;
+  box-sizing: border-box;
+  padding: var(--cardContentPadding, 20px);
+  max-height: none;
+  opacity: 1;
+  transition: all 1s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .card .cardContent {
+    transition: none;
+  }
+}
+.card .cardContent {
+  background: var(--cardContentBg, #fff);
+  color: var(--cardContentFg, #222);
+}
+.card .cardFooter {
+  padding: var(--cardFooterPadding, 10px 20px);
+  background: var(--cardFooterBg, #fff);
+  color: var(--cardFooterFg, #222);
+  box-shadow: var(--cardFooterBoxShadow, 0 -1px 5px 0 #eef2f4);
+  border-radius: var(--cardFooterBorderRadius, 0 0 3px 3px);
+  border-top: var(--cardFooterBorder, 1px solid #d3dee4);
+}
+.card.card_height_xs header.cardHeader button {
+  height: 30px;
+  font-size: 0.7em;
+  padding: 0 8px;
+}
+.card.card_height_xs .cardContent {
+  max-height: 80px;
+  overflow: auto;
+  padding: 8px;
+}
+.card.card_height_s header.cardHeader button {
+  height: 36px;
+  font-size: 0.8em;
+  padding: 0 10px;
+}
+.card.card_height_s .cardContent {
+  max-height: 150px;
+  overflow: auto;
+  padding: 10px;
+}
+.card.card_height_m .cardContent {
+  max-height: 300px;
+  overflow: auto;
+}
+.card.card_height_l .cardContent {
+  max-height: 450px;
+  overflow: auto;
+}
+.card.card_height_xl .cardContent {
+  max-height: 600px;
+  overflow: auto;
+}

package/dist/cjs/components/design/card/cardContent/CardContentLine.js

@@ -0,0 +1,51 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardContentLine = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icon = require("../../icons/basicIcon/Icon");
+var _LogoLink = require("../../logos/LogoLink");
+var _OwnerDetailsPopup = require("../../ownerDetailsPopup/OwnerDetailsPopup");
+var _StatusLightsBar = require("../../statusIndicators/statusLightsBar/StatusLightsBar");
+require("./cardContentLine.css");
+const CardContentLine = ({
+  id,
+  icon,
+  logo,
+  graphic,
+  owner,
+  title,
+  hideTitle = false,
+  onLineClick = () => {},
+  children,
+  statuses
+}) => {
+  const handleLineClick = () => {
+    onLineClick(id);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: "cardContentLine",
+    title: title
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "cardContentLineButton",
+    onClick: handleLineClick
+  }, icon && /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon), logo && /*#__PURE__*/_react.default.createElement(_LogoLink.LogoLink, logo), graphic && /*#__PURE__*/_react.default.createElement("img", {
+    src: graphic.imageUrl,
+    className: "logoImage",
+    alt: `${graphic.label}`
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: hideTitle ? 'sr-only' : 'cardContentLineTitle'
+  }, title)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cardContentLineContent"
+  }, children), statuses && /*#__PURE__*/_react.default.createElement(_StatusLightsBar.StatusLightsBar, statuses), owner && /*#__PURE__*/_react.default.createElement(_OwnerDetailsPopup.OwnerDetailsPopup, {
+    owner: owner
+  }));
+};
+exports.CardContentLine = CardContentLine;
+//# sourceMappingURL=CardContentLine.js.map

package/dist/cjs/components/design/card/cardContent/CardContentLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContentLine.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","CardContentLine","_react","_Icon","_LogoLink","_OwnerDetailsPopup","_StatusLightsBar","id","icon","logo","graphic","owner","title","hideTitle","onLineClick","children","statuses","handleLineClick","default","createElement","className","type","onClick","Icon","LogoLink","src","imageUrl","alt","label","StatusLightsBar","OwnerDetailsPopup"],"sources":["../../../../../../src/components/design/card/cardContent/CardContentLine.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n  ReactElement,\n  ReactNode\n} from 'react';\nimport { Icon, IconProps } from '../../icons/basicIcon/Icon';\nimport { LogoLink, LogoLinkProps } from '../../logos/LogoLink';\nimport { OwnerDetailsPopup } from '../../ownerDetailsPopup/OwnerDetailsPopup';\nimport { GenericFunction } from '../../../../interfaces';\nimport { StatusIndicatorsInterface } from '../../statusIndicators/statusIndicators.interface';\nimport { StatusLightsBar } from '../../statusIndicators/statusLightsBar/StatusLightsBar';\n\nimport './cardContentLine.scss';\n\nexport interface CardContentLineProps {\n  id: string;\n  icon?: IconProps;\n  logo?: LogoLinkProps;\n  graphic?: {\n    imageUrl: string;\n    label: string;\n  },\n  owner?: {\n    name: string;\n    email: string;\n    phone: string;\n  },\n  title: string;\n  hideTitle?: boolean;\n  onLineClick: GenericFunction;\n  children: ReactNode | ReactElement;\n  statuses?: StatusIndicatorsInterface;\n}\n\nexport const CardContentLine: React.FC<CardContentLineProps> = (\n  {\n    id,\n    icon,\n    logo,\n    graphic,\n    owner,\n    title,\n    hideTitle = false,\n    onLineClick = () => {},\n    children,\n    statuses\n  }\n) => {\n  const handleLineClick = () => {\n    onLineClick(id);\n  };\n\n  return (\n    <div id={ id } className=\"cardContentLine\" title={ title }>\n      <button type=\"button\" className=\"cardContentLineButton\" onClick={ handleLineClick }>\n        { icon && <Icon { ...icon } /> }\n\n        { logo && <LogoLink { ...logo } /> }\n\n        { graphic && <img src={ graphic.imageUrl } className=\"logoImage\" alt={ `${ graphic.label }` } /> }\n\n        <span className={ hideTitle ? 'sr-only' : 'cardContentLineTitle' }>{ title }</span>\n      </button>\n\n      <div className=\"cardContentLineContent\">\n        {\n          children\n        }\n      </div>\n\n      {\n        statuses && <StatusLightsBar { ...statuses } />\n      }\n\n      {\n        owner && <OwnerDetailsPopup owner={ owner } />\n      }\n    </div>\n  );\n};\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,eAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAIA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAT,OAAA;AAGA,IAAAU,gBAAA,GAAAV,OAAA;AAEAA,OAAA;AAsBO,MAAMK,eAA+C,GAAGA,CAC7D;EACEM,EAAE;EACFC,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,WAAW,GAAGA,CAAA,KAAM,CAAC,CAAC;EACtBC,QAAQ;EACRC;AACF,CAAC,KACE;EACH,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5BH,WAAW,CAACP,EAAE,CAAC;EACjB,CAAC;EAED,oBACEL,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAKZ,EAAE,EAAGA,EAAI;IAACa,SAAS,EAAC,iBAAiB;IAACR,KAAK,EAAGA;EAAO,gBACxDV,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAQE,IAAI,EAAC,QAAQ;IAACD,SAAS,EAAC,uBAAuB;IAACE,OAAO,EAAGL;EAAiB,GAC/ET,IAAI,iBAAIN,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAChB,KAAA,CAAAoB,IAAI,EAAMf,IAAQ,CAAC,EAE5BC,IAAI,iBAAIP,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACf,SAAA,CAAAoB,QAAQ,EAAMf,IAAQ,CAAC,EAEhCC,OAAO,iBAAIR,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAKM,GAAG,EAAGf,OAAO,CAACgB,QAAU;IAACN,SAAS,EAAC,WAAW;IAACO,GAAG,EAAG,GAAIjB,OAAO,CAACkB,KAAK;EAAK,CAAE,CAAC,eAEhG1B,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAMC,SAAS,EAAGP,SAAS,GAAG,SAAS,GAAG;EAAwB,GAAGD,KAAa,CAC5E,CAAC,eAETV,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAwB,GAEnCL,QAEC,CAAC,EAGJC,QAAQ,iBAAId,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,gBAAA,CAAAuB,eAAe,EAAMb,QAAY,CAAC,EAI/CL,KAAK,iBAAIT,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,kBAAA,CAAAyB,iBAAiB;IAACnB,KAAK,EAAGA;EAAO,CAAE,CAE5C,CAAC;AAEV,CAAC;AAACZ,OAAA,CAAAE,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/design/card/cardContent/cardContentLine.css

@@ -0,0 +1,30 @@
+/* Popovers */
+/* BUTTONS */
+.cardContentLine {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+  border-top: 1px solid #eee;
+  padding: 10px 0;
+  min-height: 65px;
+  box-sizing: border-box;
+}
+.cardContentLine:first-of-type {
+  border-top: none;
+}
+.cardContentLine .cardContentLineContent {
+  flex: 1;
+}
+.cardContentLine .cardContentLineButton {
+  background: none;
+  border: none;
+}
+.cardContentLine .cardContentLineButton > .icon {
+  font-size: 40px;
+}
+.cardContentLine:hover .ownerDetailsPopup {
+  opacity: 1;
+}

package/dist/cjs/components/design/card/cardHeader/CardHeader.js

@@ -0,0 +1,22 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardHeader = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _CardHeaderItem = require("./CardHeaderItem");
+require("./cardHeader.css");
+const CardHeader = ({
+  cardId,
+  headerItems
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: "cardHeader"
+}, headerItems.map((headerItem, index) => /*#__PURE__*/_react.default.createElement(_CardHeaderItem.CardHeaderItem, (0, _extends2.default)({
+  key: `${cardId}_headerItem_${index}`
+}, headerItem))));
+exports.CardHeader = CardHeader;
+//# sourceMappingURL=CardHeader.js.map

package/dist/cjs/components/design/card/cardHeader/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","CardHeader","_extends2","_react","_CardHeaderItem","cardId","headerItems","default","createElement","className","map","headerItem","index","CardHeaderItem","key"],"sources":["../../../../../../src/components/design/card/cardHeader/CardHeader.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { CardHeaderItemProps, CardHeaderItem } from './CardHeaderItem';\n\nimport './cardHeader.scss';\n\nexport interface CardHeaderProps {\n  cardId?: string;\n  headerItems: CardHeaderItemProps[]\n}\n\nexport const CardHeader: React.FC<CardHeaderProps> = (\n  {\n    cardId,\n    headerItems\n  }\n) => (\n  <div className=\"cardHeader\">\n    {\n      headerItems.map((headerItem, index) => (\n         \n        <CardHeaderItem key={ `${ cardId }_headerItem_${ index }` } { ...headerItem } />\n      ))\n    }\n  </div>\n);\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,UAAA;AAAA,IAAAC,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEb,IAAAO,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AAEAA,OAAA;AAOO,MAAMK,UAAqC,GAAGA,CACnD;EACEI,MAAM;EACNC;AACF,CAAC,kBAEDH,MAAA,CAAAI,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAC;AAAY,GAEvBH,WAAW,CAACI,GAAG,CAAC,CAACC,UAAU,EAAEC,KAAK,kBAEhCT,MAAA,CAAAI,OAAA,CAAAC,aAAA,CAACJ,eAAA,CAAAS,cAAc,MAAAX,SAAA,CAAAK,OAAA;EAACO,GAAG,EAAG,GAAIT,MAAM,eAAiBO,KAAK;AAAK,GAAMD,UAAU,CAAI,CAChF,CAEA,CACN;AAACZ,OAAA,CAAAE,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/cjs/components/design/card/cardHeader/CardHeaderItem.js

@@ -0,0 +1,40 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardHeaderItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icon = require("../../icons/basicIcon/Icon");
+var _LogoLink = require("../../logos/LogoLink");
+var _OwnerDetailsPopup = require("../../ownerDetailsPopup/OwnerDetailsPopup");
+var _SimpleButton = require("../../../form/buttons/SimpleButton");
+const CardHeaderItem = ({
+  icon,
+  logo,
+  graphic,
+  owner,
+  title,
+  content,
+  hideTitle = false,
+  url,
+  actionButton
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: "cardHeaderItem",
+  title: title
+}, url ? /*#__PURE__*/_react.default.createElement("a", {
+  className: "cardHeaderItemLink",
+  href: url
+}, icon && /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon), logo && /*#__PURE__*/_react.default.createElement(_LogoLink.LogoLink, logo), graphic && /*#__PURE__*/_react.default.createElement("img", {
+  src: graphic.imageUrl,
+  className: "logoImage",
+  alt: `${graphic.label}`
+}), /*#__PURE__*/_react.default.createElement("span", {
+  className: hideTitle ? 'sr-only' : 'cardHeaderItemTitle'
+}, content || title)) : content, owner && /*#__PURE__*/_react.default.createElement(_OwnerDetailsPopup.OwnerDetailsPopup, {
+  owner: owner
+}), actionButton && /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, actionButton));
+exports.CardHeaderItem = CardHeaderItem;
+//# sourceMappingURL=CardHeaderItem.js.map

package/dist/cjs/components/design/card/cardHeader/CardHeaderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeaderItem.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","CardHeaderItem","_react","_Icon","_LogoLink","_OwnerDetailsPopup","_SimpleButton","icon","logo","graphic","owner","title","content","hideTitle","url","actionButton","default","createElement","className","href","Icon","LogoLink","src","imageUrl","alt","label","OwnerDetailsPopup","SimpleButton"],"sources":["../../../../../../src/components/design/card/cardHeader/CardHeaderItem.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactElement, ReactNode } from 'react';\nimport { Icon, IconProps } from '../../icons/basicIcon/Icon';\nimport { LogoLink, LogoLinkProps } from '../../logos/LogoLink';\nimport { OwnerDetailsPopup } from '../../ownerDetailsPopup/OwnerDetailsPopup';\nimport { ButtonProps } from '../../../form/buttons/button.interface';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\n\nexport interface CardHeaderItemProps {\n  icon?: IconProps;\n  logo?: LogoLinkProps;\n  graphic?: {\n    imageUrl: string;\n    label: string;\n  },\n  owner?: {\n    name: string;\n    email?: string;\n    phone?: string;\n  },\n  title?: string;\n  content?: ReactNode | ReactElement;\n  hideTitle?: boolean;\n  url?: string;\n  actionButton?: ButtonProps;\n}\n\nexport const CardHeaderItem: React.FC<CardHeaderItemProps> = (\n  {\n    icon,\n    logo,\n    graphic,\n    owner,\n    title,\n    content,\n    hideTitle = false,\n    url,\n    actionButton\n  }\n) => (\n  <div className=\"cardHeaderItem\" title={ title }>\n    {\n      url\n        ? (\n          <a className=\"cardHeaderItemLink\" href={ url }>\n            { icon && <Icon { ...icon } /> }\n\n            { logo && <LogoLink { ...logo } /> }\n\n            { graphic && <img src={ graphic.imageUrl } className=\"logoImage\" alt={ `${ graphic.label }` } /> }\n\n            <span className={ hideTitle ? 'sr-only' : 'cardHeaderItemTitle' }>{ content || title }</span>\n          </a>\n        )\n        : content\n    }\n\n    {\n      owner && <OwnerDetailsPopup owner={ owner } />\n    }\n\n    {\n      actionButton && <SimpleButton { ...actionButton } />\n    }\n  </div>\n);\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,cAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAT,OAAA;AAEA,IAAAU,aAAA,GAAAV,OAAA;AAqBO,MAAMK,cAA6C,GAAGA,CAC3D;EACEM,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,SAAS,GAAG,KAAK;EACjBC,GAAG;EACHC;AACF,CAAC,kBAEDb,MAAA,CAAAc,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAC,gBAAgB;EAACP,KAAK,EAAGA;AAAO,GAE3CG,GAAG,gBAECZ,MAAA,CAAAc,OAAA,CAAAC,aAAA;EAAGC,SAAS,EAAC,oBAAoB;EAACC,IAAI,EAAGL;AAAK,GAC1CP,IAAI,iBAAIL,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAAiB,IAAI,EAAMb,IAAQ,CAAC,EAE5BC,IAAI,iBAAIN,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAiB,QAAQ,EAAMb,IAAQ,CAAC,EAEhCC,OAAO,iBAAIP,MAAA,CAAAc,OAAA,CAAAC,aAAA;EAAKK,GAAG,EAAGb,OAAO,CAACc,QAAU;EAACL,SAAS,EAAC,WAAW;EAACM,GAAG,EAAG,GAAIf,OAAO,CAACgB,KAAK;AAAK,CAAE,CAAC,eAEhGvB,MAAA,CAAAc,OAAA,CAAAC,aAAA;EAAMC,SAAS,EAAGL,SAAS,GAAG,SAAS,GAAG;AAAuB,GAAGD,OAAO,IAAID,KAAa,CAC3F,CAAC,GAEJC,OAAO,EAIXF,KAAK,iBAAIR,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,kBAAA,CAAAqB,iBAAiB;EAAChB,KAAK,EAAGA;AAAO,CAAE,CAAC,EAI9CK,YAAY,iBAAIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAqB,YAAY,EAAMZ,YAAgB,CAElD,CACN;AAAChB,OAAA,CAAAE,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/design/card/cardHeader/cardHeader.css

@@ -0,0 +1,49 @@
+/* Popovers */
+/* BUTTONS */
+.cardHeader {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+  z-index: 1;
+  margin: 0;
+  padding: var(--cardHeaderPadding);
+  border-bottom: var(--cardHeaderBorder);
+  box-shadow: var(--cardHeaderBoxShadow);
+  border-radius: var(--cardHeaderBorderRadius);
+  background: var(--cardHeaderBg);
+  color: var(--cardHeaderFg);
+  font-family: var(--cardHeaderFont), "serif";
+  font-size: var(--cardHeaderFontSize);
+}
+.cardHeader .cardHeaderItem {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+}
+.cardHeader .cardHeaderItem .cardHeaderItemLink {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+  text-decoration: none;
+  color: inherit;
+}
+.cardHeader .cardHeaderItem .cardHeaderItemLink .icon {
+  display: block;
+  font-size: 40px;
+  line-height: 36px;
+  height: 40px;
+  overflow: hidden;
+}
+.cardHeader .cardHeaderItem .cardHeaderItemLink .icon .icon-xgraph-large {
+  font-size: 80px;
+}
+.cardHeader .cardHeaderItem:hover .ownerDetailsPopup {
+  opacity: 1;
+}

package/dist/cjs/components/design/chip/Chip.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Pill = exports.Chip = exports.Badge = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./chip.css");
+const Chip = ({
+  label,
+  size = 'm',
+  color = 'darkgrey',
+  variant = 'solid',
+  customCssClass = '',
+  shape = 'rounded'
+}) => /*#__PURE__*/_react.default.createElement("strong", {
+  className: `chip chip_${size} chip_${color} chip_${variant} chip_${shape} ${customCssClass}`
+}, /*#__PURE__*/_react.default.createElement("small", null, label));
+exports.Badge = exports.Pill = exports.Chip = Chip;
+var _default = exports.default = {
+  Chip
+};
+//# sourceMappingURL=Chip.js.map

package/dist/cjs/components/design/chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","names":["_react","_interopRequireDefault","require","Chip","label","size","color","variant","customCssClass","shape","default","createElement","className","exports","Badge","Pill","_default"],"sources":["../../../../../src/components/design/chip/Chip.tsx"],"sourcesContent":["import React from 'react';\n\nimport './chip.scss';\n\nexport interface ChipProps {\n  label: string | React.ReactNode;\n  size?: 'xs' | 's' | 'm' | 'l' | 'xl';\n  color?: 'yellow' | 'orange' | 'red' | 'purple' | 'blue' | 'green' | 'white' | 'black' | 'darkgrey' | 'lightgrey';\n  variant?: 'solid' | 'outline' | 'outlineInverse' | 'soft';\n  customCssClass?: string;\n  shape?: 'rounded' | 'square';\n}\n\nexport const Chip: React.FC<ChipProps> = (\n  {\n    label,\n    size = 'm',\n    color = 'darkgrey',\n    variant = 'solid',\n    customCssClass = '',\n    shape = 'rounded',\n  }\n) => (\n  <strong className={ `chip chip_${ size } chip_${ color } chip_${ variant } chip_${ shape } ${ customCssClass }` }>\n    <small>{ label }</small>\n  </strong>\n);\n\nexport default { Chip };\n\nexport { Chip as Pill };\nexport { Chip as Badge };"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEAA,OAAA;AAWO,MAAMC,IAAyB,GAAGA,CACvC;EACEC,KAAK;EACLC,IAAI,GAAG,GAAG;EACVC,KAAK,GAAG,UAAU;EAClBC,OAAO,GAAG,OAAO;EACjBC,cAAc,GAAG,EAAE;EACnBC,KAAK,GAAG;AACV,CAAC,kBAEDT,MAAA,CAAAU,OAAA,CAAAC,aAAA;EAAQC,SAAS,EAAG,aAAcP,IAAI,SAAWC,KAAK,SAAWC,OAAO,SAAWE,KAAK,IAAMD,cAAc;AAAK,gBAC/GR,MAAA,CAAAU,OAAA,CAAAC,aAAA,gBAASP,KAAc,CACjB,CACT;AAACS,OAAA,CAAAC,KAAA,GAAAD,OAAA,CAAAE,IAAA,GAAAF,OAAA,CAAAV,IAAA,GAAAA,IAAA;AAAA,IAAAa,QAAA,GAAAH,OAAA,CAAAH,OAAA,GAEa;EAAEP;AAAK,CAAC","ignoreList":[]}

package/dist/cjs/components/design/chip/chip.css

@@ -0,0 +1,188 @@
+/* Popovers */
+.chip {
+  display: flex;
+  flex-direction: row;
+  column-gap: 5px;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  font-weight: normal;
+  border: var(--chipBorder, 2px solid);
+  width: max-content;
+}
+.chip small {
+  display: block;
+  line-height: var(--chipFontAdjust, 1em);
+  height: 1em;
+}
+.chip.chip_yellow {
+  background: var(--chipYellow, #fc0);
+  color: var(--chipBlack, #222);
+  border-color: var(--chipYellow, #fc0);
+}
+.chip.chip_yellow.chip_soft {
+  background: var(--chipYellowSoftBg, #FEF9C3);
+  color: var(--chipYellowSoftTxt, #92400E);
+  border-color: var(--chipYellowSoftBorder, #92400E);
+}
+.chip.chip_orange {
+  background: var(--chipOrange, #ff7300);
+  color: var(--chipBlack, #222);
+  border-color: var(--chipOrange, #ff7300);
+}
+.chip.chip_orange.chip_soft {
+  background: var(--chipOrangeSoftBg, #FFEDD5);
+  color: var(--chipOrangeSoftTxt, #C2410C);
+  border-color: var(--chipOrangeSoftBorder, #C2410C);
+}
+.chip.chip_red {
+  background: var(--chipRed, #e00);
+  color: var(--chipWhite, #fff);
+  border-color: var(--chipRed, #e00);
+}
+.chip.chip_red.chip_outline {
+  color: var(--chipRed, #e00);
+}
+.chip.chip_red.chip_soft {
+  background: var(--chipRedSoftBg, #FEE2E2);
+  color: var(--chipRedSoftTxt, #B91C1C);
+  border-color: var(--chipRedSoftBorder, #B91C1C);
+}
+.chip.chip_purple {
+  background: var(--chipPurple, #b3d);
+  color: var(--chipWhite, #fff);
+  border-color: var(--chipPurple, #b3d);
+}
+.chip.chip_purple.chip_outline {
+  color: var(--chipPurple, #b3d);
+}
+.chip.chip_purple.chip_soft {
+  background: var(--chipPurpleSoftBg, #F3E8FF);
+  color: var(--chipPurpleSoftTxt, #6B21A8);
+  border-color: var(--chipPurpleSoftBorder, #6B21A8);
+}
+.chip.chip_blue {
+  background: var(--chipBlue, #69f);
+  color: var(--chipBlack, #222);
+  border-color: var(--chipBlue, #69f);
+}
+.chip.chip_blue.chip_soft {
+  background: var(--chipBlueSoftBg, #DBEAFE);
+  color: var(--chipBlueSoftTxt, #1E40AF);
+  border-color: var(--chipBlueSoftBorder, #1E40AF);
+}
+.chip.chip_green {
+  background: var(--chipGreen, #3a6);
+  color: var(--chipBlack, #222);
+  border-color: var(--chipGreen, #3a6);
+}
+.chip.chip_green.chip_soft {
+  background: var(--chipGreenSoftBg, #D1FAE5);
+  color: var(--chipGreenSoftTxt, #166534);
+  border-color: var(--chipGreenSoftBorder, #166534);
+}
+.chip.chip_black {
+  background: var(--chipBlack, #222);
+  color: var(--chipWhite, #fff);
+  border-color: var(--chipBlack, #222);
+}
+.chip.chip_black.chip_outline {
+  color: var(--chipBlack, #222);
+}
+.chip.chip_white {
+  background: var(--chipWhite, #fff);
+  color: var(--chipBlack, #222);
+  border-color: var(--chipWhite, #fff);
+}
+.chip.chip_white.chip_outline {
+  background: var(--chipBlack, #222);
+  color: var(--chipWhite, #fff);
+}
+.chip.chip_darkgrey {
+  background: var(--chipDarkgrey, #555);
+  color: var(--chipWhite, #fff);
+  border-color: var(--chipDarkgrey, #555);
+}
+.chip.chip_darkgrey.chip_outline {
+  color: var(--chipDarkgrey, #555);
+}
+.chip.chip_darkgrey.chip_soft {
+  background: var(--chipDarkgreySoftBg, #F3F4F6);
+  color: var(--chipDarkgreySoftTxt, #374151);
+  border-color: var(--chipDarkgreySoftBorder, #374151);
+}
+.chip.chip_lightgrey {
+  background: var(--chipLightgrey, #ccc);
+  color: var(--chipBlack, #222);
+  border-color: var(--chipWhite, #fff);
+}
+.chip.chip_lightgrey.chip_outlineInverse {
+  color: var(--chipWhite, #fff);
+}
+.chip.chip_lightgrey.chip_soft {
+  background: var(--chipLightgreySoftBg, #F9FAFB);
+  color: var(--chipLightgreySoftTxt, #6B7280);
+  border-color: var(--chipLightgreySoftBorder, #6B7280);
+}
+.chip.chip_xs small {
+  font-size: 11px;
+}
+.chip.chip_xs {
+  padding: 12px;
+  height: 16px;
+  border-radius: 12px;
+}
+.chip.chip_xs.chip_square {
+  border-radius: var(--chipSquareBorderRadius, 5px);
+}
+.chip.chip_s small {
+  font-size: 13px;
+}
+.chip.chip_s {
+  padding: 12px;
+  height: 20px;
+  border-radius: 12px;
+}
+.chip.chip_s.chip_square {
+  border-radius: var(--chipSquareBorderRadius, 5px);
+}
+.chip.chip_m small {
+  font-size: 15px;
+}
+.chip.chip_m {
+  padding: 0 10px;
+  height: 30px;
+  border-radius: 15px;
+}
+.chip.chip_m.chip_square {
+  border-radius: var(--chipSquareBorderRadius, 5px);
+}
+.chip.chip_l small {
+  font-size: 18px;
+}
+.chip.chip_l {
+  padding: 0 15px;
+  height: 40px;
+  border-radius: 20px;
+}
+.chip.chip_l.chip_square {
+  border-radius: var(--chipSquareBorderRadius, 5px);
+}
+.chip.chip_xl small {
+  font-size: 22px;
+}
+.chip.chip_xl {
+  padding: 0 15px;
+  height: 50px;
+  border-radius: 25px;
+}
+.chip.chip_xl.chip_square {
+  border-radius: var(--chipSquareBorderRadius, 5px);
+}
+.chip.chip_outline {
+  background: var(--chipWhite, #fff);
+}
+.chip.chip_outlineInverse {
+  background: var(--chipBlack, #222);
+  color: var(--chipWhite, #fff);
+}

package/dist/cjs/components/design/container/Container.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Container = void 0;
+var _react = _interopRequireDefault(require("react"));
+const Container = ({
+  isParentInlineElement = false,
+  customCssClass = '',
+  topSection,
+  middleSection,
+  bottomSection
+}) => {
+  const getSectionClassName = alignmentSettings => {
+    return `${alignmentSettings.horizontal || 'left'}Align ${alignmentSettings.vertical || 'top'}Align`;
+  };
+  const OuterContainerElement = isParentInlineElement ? 'span' : 'section';
+  const InnerContainerElement = isParentInlineElement ? 'span' : 'div';
+  const ContainerContentPiece = ({
+    content,
+    alignment,
+    customCssClass
+  }) => {
+    const className = alignment ? getSectionClassName(alignment) : '';
+    return /*#__PURE__*/_react.default.createElement(InnerContainerElement, {
+      className: `x15Container_contentPiece ${customCssClass || ''} ${className}`
+    }, content);
+  };
+  const ContainerSection = ({
+    sectionName,
+    section
+  }) => {
+    return /*#__PURE__*/_react.default.createElement(InnerContainerElement, {
+      className: `x15Container_${sectionName} flexRow ${section.customCssClass || ''}`
+    }, section.left && ContainerContentPiece(section.left), section.middle && ContainerContentPiece(section.middle), section.right && ContainerContentPiece(section.right));
+  };
+  return /*#__PURE__*/_react.default.createElement(OuterContainerElement, {
+    className: `x15Container ${customCssClass}`
+  }, topSection && /*#__PURE__*/_react.default.createElement(ContainerSection, {
+    sectionName: "topSection",
+    section: topSection
+  }), middleSection && /*#__PURE__*/_react.default.createElement(ContainerSection, {
+    sectionName: "middleSection",
+    section: middleSection
+  }), bottomSection && /*#__PURE__*/_react.default.createElement(ContainerSection, {
+    sectionName: "bottomSection",
+    section: bottomSection
+  }));
+};
+exports.Container = Container;
+var _default = exports.default = Container;
+//# sourceMappingURL=Container.js.map

package/dist/cjs/components/design/container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","names":["_react","_interopRequireDefault","require","Container","isParentInlineElement","customCssClass","topSection","middleSection","bottomSection","getSectionClassName","alignmentSettings","horizontal","vertical","OuterContainerElement","InnerContainerElement","ContainerContentPiece","content","alignment","className","default","createElement","ContainerSection","sectionName","section","left","middle","right","exports","_default"],"sources":["../../../../../src/components/design/container/Container.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\n\nexport interface ContainerSectionAlignment {\n  horizontal?: 'left' | 'center' | 'right';\n  vertical?: 'top' | 'middle' | 'bottom';\n}\n\nexport type ContainerSectionContent = {\n  content: string | ReactNode;\n  customCssClass?: string;\n  alignment?: ContainerSectionAlignment;\n}\n\nexport type ContainerSection = {\n  left?: ContainerSectionContent;\n  middle?: ContainerSectionContent;\n  right?: ContainerSectionContent;\n  customCssClass?: string;\n}\n\nexport interface ContainerProps {\n  isParentInlineElement?: boolean;\n  customCssClass?: string;\n  topSection?: ContainerSection;\n  middleSection?: ContainerSection;\n  bottomSection?: ContainerSection;\n}\n\nexport const Container: FC<ContainerProps> = (\n  {\n    isParentInlineElement = false,\n    customCssClass = '',\n    topSection,\n    middleSection,\n    bottomSection\n  }\n) => {\n  const getSectionClassName = (alignmentSettings: ContainerSectionAlignment) => {\n    return `${ alignmentSettings.horizontal || 'left' }Align ${ alignmentSettings.vertical || 'top' }Align`;\n  };\n\n  const OuterContainerElement = isParentInlineElement ? 'span' : 'section';\n  const InnerContainerElement = isParentInlineElement ? 'span' : 'div';\n\n\n  const ContainerContentPiece: FC<ContainerSectionContent> = (\n    {\n      content,\n      alignment,\n      customCssClass\n    }\n  ) => {\n    const className = alignment ? getSectionClassName(alignment) : '';\n    return (\n      <InnerContainerElement className={ `x15Container_contentPiece ${ customCssClass || '' } ${ className }` }>\n        { content }\n      </InnerContainerElement>\n    );\n  };\n  \n  const ContainerSection: FC<{ sectionName: string, section: ContainerSection }> = ({ sectionName, section }) => {\n    return (\n      <InnerContainerElement className={ `x15Container_${ sectionName } flexRow ${ section.customCssClass || '' }` }>\n        {\n          section.left && ContainerContentPiece(section.left)\n        }\n        {\n          section.middle && ContainerContentPiece(section.middle)\n        }\n        {\n          section.right && ContainerContentPiece(section.right)\n        }\n      </InnerContainerElement>\n    );\n  };\n\n  return (\n    <OuterContainerElement className={ `x15Container ${ customCssClass }` }>\n      {\n        topSection && (\n          <ContainerSection sectionName=\"topSection\" section={ topSection } />\n        )\n      }\n      {\n        middleSection && (\n          <ContainerSection sectionName=\"middleSection\" section={ middleSection } />\n        )\n      }\n      {\n        bottomSection && (\n          <ContainerSection sectionName=\"bottomSection\" section={ bottomSection } />\n        )\n      }\n    </OuterContainerElement>\n  );\n};\n\nexport default Container;"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AA4BO,MAAMC,SAA6B,GAAGA,CAC3C;EACEC,qBAAqB,GAAG,KAAK;EAC7BC,cAAc,GAAG,EAAE;EACnBC,UAAU;EACVC,aAAa;EACbC;AACF,CAAC,KACE;EACH,MAAMC,mBAAmB,GAAIC,iBAA4C,IAAK;IAC5E,OAAO,GAAIA,iBAAiB,CAACC,UAAU,IAAI,MAAM,SAAWD,iBAAiB,CAACE,QAAQ,IAAI,KAAK,OAAQ;EACzG,CAAC;EAED,MAAMC,qBAAqB,GAAGT,qBAAqB,GAAG,MAAM,GAAG,SAAS;EACxE,MAAMU,qBAAqB,GAAGV,qBAAqB,GAAG,MAAM,GAAG,KAAK;EAGpE,MAAMW,qBAAkD,GAAGA,CACzD;IACEC,OAAO;IACPC,SAAS;IACTZ;EACF,CAAC,KACE;IACH,MAAMa,SAAS,GAAGD,SAAS,GAAGR,mBAAmB,CAACQ,SAAS,CAAC,GAAG,EAAE;IACjE,oBACEjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACN,qBAAqB;MAACI,SAAS,EAAG,6BAA8Bb,cAAc,IAAI,EAAE,IAAMa,SAAS;IAAK,GACrGF,OACmB,CAAC;EAE5B,CAAC;EAED,MAAMK,gBAAwE,GAAGA,CAAC;IAAEC,WAAW;IAAEC;EAAQ,CAAC,KAAK;IAC7G,oBACEvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACN,qBAAqB;MAACI,SAAS,EAAG,gBAAiBI,WAAW,YAAcC,OAAO,CAAClB,cAAc,IAAI,EAAE;IAAK,GAE1GkB,OAAO,CAACC,IAAI,IAAIT,qBAAqB,CAACQ,OAAO,CAACC,IAAI,CAAC,EAGnDD,OAAO,CAACE,MAAM,IAAIV,qBAAqB,CAACQ,OAAO,CAACE,MAAM,CAAC,EAGvDF,OAAO,CAACG,KAAK,IAAIX,qBAAqB,CAACQ,OAAO,CAACG,KAAK,CAEjC,CAAC;EAE5B,CAAC;EAED,oBACE1B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACP,qBAAqB;IAACK,SAAS,EAAG,gBAAiBb,cAAc;EAAK,GAEnEC,UAAU,iBACRN,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACC,gBAAgB;IAACC,WAAW,EAAC,YAAY;IAACC,OAAO,EAAGjB;EAAY,CAAE,CACpE,EAGDC,aAAa,iBACXP,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACC,gBAAgB;IAACC,WAAW,EAAC,eAAe;IAACC,OAAO,EAAGhB;EAAe,CAAE,CAC1E,EAGDC,aAAa,iBACXR,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACC,gBAAgB;IAACC,WAAW,EAAC,eAAe;IAACC,OAAO,EAAGf;EAAe,CAAE,CAGxD,CAAC;AAE5B,CAAC;AAACmB,OAAA,CAAAxB,SAAA,GAAAA,SAAA;AAAA,IAAAyB,QAAA,GAAAD,OAAA,CAAAR,OAAA,GAEahB,SAAS","ignoreList":[]}

package/dist/cjs/components/design/copyText/CopyText.js

@@ -0,0 +1,44 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CopyText = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Icon = require("../icons/basicIcon/Icon");
+require("./copyText.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CopyText = ({
+  text
+}) => {
+  const [copied, setCopied] = (0, _react.useState)(false);
+  const textareaRef = (0, _react.useRef)(null);
+  const handleCopy = async () => {
+    if (textareaRef.current) {
+      textareaRef.current.select(); // Highlight the text
+    }
+    await navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000); // Reset after 2 seconds
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "copyText"
+  }, /*#__PURE__*/_react.default.createElement("textarea", {
+    ref: textareaRef,
+    value: text,
+    rows: 1,
+    onClick: handleCopy,
+    className: "textArea"
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "copyButton",
+    onClick: handleCopy
+  }, copied ? /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: "checkmark2"
+  }) : /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: "files-empty"
+  })));
+};
+exports.CopyText = CopyText;
+//# sourceMappingURL=CopyText.js.map

package/dist/cjs/components/design/copyText/CopyText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyText.js","names":["Object","defineProperty","exports","value","CopyText","_react","_interopRequireWildcard","require","_Icon","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","text","copied","setCopied","useState","textareaRef","useRef","handleCopy","current","select","navigator","clipboard","writeText","setTimeout","createElement","className","ref","rows","onClick","type","Icon","icon"],"sources":["../../../../../src/components/design/copyText/CopyText.tsx"],"sourcesContent":["'use client';\n\nimport React, { useRef, useState } from 'react';\nimport { Icon } from '../icons/basicIcon/Icon';\n\nimport './copyText.scss';\n\nexport const CopyText = ({ text } : { text: string}) => {\n  const [copied, setCopied] = useState(false);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleCopy = async () => {\n    if (textareaRef.current) {\n      textareaRef.current.select(); // Highlight the text\n    }\n    await navigator.clipboard.writeText(text);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000); // Reset after 2 seconds\n  };\n\n  return (\n    <div className=\"copyText\">\n      <textarea\n        ref={ textareaRef }\n        value={ text }\n        rows={ 1 }\n        onClick={ handleCopy }\n        className=\"textArea\"\n      />\n      <button type=\"button\" className=\"copyButton\" onClick={ handleCopy }>\n        { copied ? <Icon icon=\"checkmark2\" /> : <Icon icon=\"files-empty\" /> }\n      </button>\n    </div>\n  );\n};\n"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,QAAA;AAEb,IAAAC,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEAA,OAAA;AAAyB,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAf,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAyB,wBAAA,CAAAhB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElB,MAAMN,QAAQ,GAAGA,CAAC;EAAEsB;AAAuB,CAAC,KAAK;EACtD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3C,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAAsB,IAAI,CAAC;EAErD,MAAMC,UAAU,GAAG,MAAAA,CAAA,KAAY;IAC7B,IAAIF,WAAW,CAACG,OAAO,EAAE;MACvBH,WAAW,CAACG,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC,CAAC;IAChC;IACA,MAAMC,SAAS,CAACC,SAAS,CAACC,SAAS,CAACX,IAAI,CAAC;IACzCE,SAAS,CAAC,IAAI,CAAC;IACfU,UAAU,CAAC,MAAMV,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;EAC5C,CAAC;EAED,oBACEvB,MAAA,CAAAc,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAU,gBACvBnC,MAAA,CAAAc,OAAA,CAAAoB,aAAA;IACEE,GAAG,EAAGX,WAAa;IACnB3B,KAAK,EAAGuB,IAAM;IACdgB,IAAI,EAAG,CAAG;IACVC,OAAO,EAAGX,UAAY;IACtBQ,SAAS,EAAC;EAAU,CACrB,CAAC,eACFnC,MAAA,CAAAc,OAAA,CAAAoB,aAAA;IAAQK,IAAI,EAAC,QAAQ;IAACJ,SAAS,EAAC,YAAY;IAACG,OAAO,EAAGX;EAAY,GAC/DL,MAAM,gBAAGtB,MAAA,CAAAc,OAAA,CAAAoB,aAAA,CAAC/B,KAAA,CAAAqC,IAAI;IAACC,IAAI,EAAC;EAAY,CAAE,CAAC,gBAAGzC,MAAA,CAAAc,OAAA,CAAAoB,aAAA,CAAC/B,KAAA,CAAAqC,IAAI;IAACC,IAAI,EAAC;EAAa,CAAE,CAC5D,CACL,CAAC;AAEV,CAAC;AAAC5C,OAAA,CAAAE,QAAA,GAAAA,QAAA","ignoreList":[]}