@activecollab/components 1.0.7 → 1.0.8

package/dist/esm/components/Dialog/DialogContentDivider.js

@@ -0,0 +1,11 @@
+import React from "react";
+import classnames from "classnames";
+import { StyledDialogContentDivider } from "./Styles";
+export var DialogContentDivider = function DialogContentDivider(_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/React.createElement(StyledDialogContentDivider, {
+    className: classnames("c-dialog-content-divider", className)
+  });
+};
+DialogContentDivider.displayName = "DialogContentDivider";
+//# sourceMappingURL=DialogContentDivider.js.map

package/dist/esm/components/Dialog/DialogContentDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Dialog/DialogContentDivider.tsx"],"names":["React","classnames","StyledDialogContentDivider","DialogContentDivider","className","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAA0C,OAA1C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,0BAAT,QAA2C,UAA3C;AAEA,OAAO,IAAMC,oBAAwD,GAAG,SAA3DA,oBAA2D,OAElE;AAAA,MADJC,SACI,QADJA,SACI;AACJ,sBACE,oBAAC,0BAAD;AACE,IAAA,SAAS,EAAEH,UAAU,CAAC,0BAAD,EAA6BG,SAA7B;AADvB,IADF;AAKD,CARM;AAUPD,oBAAoB,CAACE,WAArB,GAAmC,sBAAnC","sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContentDivider } from \"./Styles\";\n\nexport const DialogContentDivider: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n}) => {\n  return (\n    <StyledDialogContentDivider\n      className={classnames(\"c-dialog-content-divider\", className)}\n    />\n  );\n};\n\nDialogContentDivider.displayName = \"DialogContentDivider\";\n"],"file":"DialogContentDivider.js"}

package/dist/esm/components/Dialog/DialogTitle.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className", "disableDefaultHeading"];
+import React from "react";
+import classnames from "classnames";
+import { Header3 } from "../Typography/Variants/Header3";
+import { StyledDialogTitle } from "./Styles";
+export var DialogTitle = function DialogTitle(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$disableDefaultHe = _ref.disableDefaultHeading,
+      disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledDialogTitle, _extends({
+    className: classnames("c-dialog-title-wrapper", className)
+  }, rest), disableDefaultHeading ? children : /*#__PURE__*/React.createElement(Header3, null, children));
+};
+DialogTitle.displayName = "DialogTitle";
+//# sourceMappingURL=DialogTitle.js.map

package/dist/esm/components/Dialog/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Dialog/DialogTitle.tsx"],"names":["React","classnames","Header3","StyledDialogTitle","DialogTitle","children","className","disableDefaultHeading","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAqC,OAArC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,OAAT,QAAwB,gCAAxB;AACA,SAASC,iBAAT,QAAkC,UAAlC;AAQA,OAAO,IAAMC,WAA6B,GAAG,SAAhCA,WAAgC,OAKvC;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,mCAFJC,qBAEI;AAAA,MAFJA,qBAEI,sCAFoB,KAEpB;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,iBAAD;AACE,IAAA,SAAS,EAAEP,UAAU,CAAC,wBAAD,EAA2BK,SAA3B;AADvB,KAEME,IAFN,GAIGD,qBAAqB,GAAGF,QAAH,gBAAc,oBAAC,OAAD,QAAUA,QAAV,CAJtC,CADF;AAQD,CAdM;AAgBPD,WAAW,CAACK,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Header3 } from \"../Typography/Variants/Header3\";\nimport { StyledDialogTitle } from \"./Styles\";\n\ninterface IDialogTitle {\n  children: ReactNode;\n  className?: string;\n  disableDefaultHeading?: boolean;\n}\n\nexport const DialogTitle: FC<IDialogTitle> = ({\n  children,\n  className,\n  disableDefaultHeading = false,\n  ...rest\n}) => {\n  return (\n    <StyledDialogTitle\n      className={classnames(\"c-dialog-title-wrapper\", className)}\n      {...rest}\n    >\n      {disableDefaultHeading ? children : <Header3>{children}</Header3>}\n    </StyledDialogTitle>\n  );\n};\n\nDialogTitle.displayName = \"DialogTitle\";\n"],"file":"DialogTitle.js"}

package/dist/esm/components/Dialog/Styles.js

@@ -0,0 +1,29 @@
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export var StyledDialog = styled.div.withConfig({
+  displayName: "Styles__StyledDialog",
+  componentId: "sc-jwpvgm-0"
+})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], FontStyle, BoxSizingStyle);
+StyledDialog.displayName = "StyledDialog";
+export var StyledDialogTitle = styled.div.withConfig({
+  displayName: "Styles__StyledDialogTitle",
+  componentId: "sc-jwpvgm-1"
+})(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
+StyledDialogTitle.displayName = "StyledDialogTitle";
+export var StyledDialogContent = styled.div.withConfig({
+  displayName: "Styles__StyledDialogContent",
+  componentId: "sc-jwpvgm-2"
+})(["padding:20px 30px;max-height:580px;overflow-y:auto;flex:1 1 auto;", " ", ""], FontStyle, BoxSizingStyle);
+StyledDialogContent.displayName = "StyledDialogContent";
+export var StyledDialogContentDivider = styled.div.withConfig({
+  displayName: "Styles__StyledDialogContentDivider",
+  componentId: "sc-jwpvgm-3"
+})(["border-top:1px solid var(--border-primary);height:1px;"]);
+StyledDialogContentDivider.displayName = "StyledDialogContentDivider";
+export var StyledDialogActions = styled.div.withConfig({
+  displayName: "Styles__StyledDialogActions",
+  componentId: "sc-jwpvgm-4"
+})(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
+StyledDialogActions.displayName = "StyledDialogActions";
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Dialog/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledDialog","div","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,sWAarBF,SAbqB,EAcrBD,cAdqB,CAAlB;AAqBPE,YAAY,CAACE,WAAb,GAA2B,cAA3B;AAEA,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG1BF,SAH0B,EAI1BD,cAJ0B,CAAvB;AAMPK,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,mFAM5BF,SAN4B,EAO5BD,cAP4B,CAAzB;AASPM,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMG,0BAA0B,GAAGR,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,8DAAhC;AAIPI,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMI,mBAAmB,GAAGT,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG5BF,SAH4B,EAI5BD,cAJ4B,CAAzB;AAMPQ,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 6px;\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}

package/dist/esm/components/Dialog/index.js

@@ -0,0 +1,6 @@
+export * from "./Dialog";
+export * from "./DialogContent";
+export * from "./DialogContentDivider";
+export * from "./DialogTitle";
+export * from "./DialogActions";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,wBAAd;AACA,cAAc,eAAd;AACA,cAAc,iBAAd","sourcesContent":["export * from \"./Dialog\";\nexport * from \"./DialogContent\";\nexport * from \"./DialogContentDivider\";\nexport * from \"./DialogTitle\";\nexport * from \"./DialogActions\";\n"],"file":"index.js"}

package/dist/esm/components/EntityCard/EntityCard.js

@@ -0,0 +1,67 @@
+import React, { forwardRef, useCallback } from "react";
+import classnames from "classnames";
+import { StyledEntityCard, StyledLinkEntityCard } from "./Styles";
+export var EntityCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$renderAs = _ref.renderAs,
+      renderAs = _ref$renderAs === void 0 ? "list-item" : _ref$renderAs,
+      properties = _ref.properties,
+      link = _ref.link,
+      linkClassName = _ref.linkClassName;
+  var renderAsListItem = useCallback(function (properties) {
+    return properties.filter(function (p) {
+      return p.showInList;
+    }).map(function (p) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: p.name,
+        className: "entity-property-" + p.name
+      }, p.render());
+    });
+  }, []);
+  var renderAsGridItem = useCallback(function (properties) {
+    var headerSection = properties.filter(function (p) {
+      return p.cardSection === "header";
+    });
+    var bodySection = properties.filter(function (p) {
+      return p.cardSection === "body";
+    });
+    var footerSection = properties.filter(function (p) {
+      return p.cardSection === "footer";
+    });
+
+    var renderProperty = function renderProperty(p) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: p.name,
+        className: "entity-property-" + p.name
+      }, p.render());
+    };
+
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "card-header"
+    }, headerSection.map(function (p) {
+      return renderProperty(p);
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "card-body"
+    }, bodySection.map(function (p) {
+      return renderProperty(p);
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "card-footer"
+    }, footerSection.map(function (p) {
+      return renderProperty(p);
+    })));
+  }, []);
+  return /*#__PURE__*/React.createElement(StyledLinkEntityCard, {
+    href: link,
+    className: linkClassName
+  }, /*#__PURE__*/React.createElement(StyledEntityCard, {
+    ref: ref,
+    hoverable: true,
+    className: classnames("entity-card-wrapper", {
+      "grid-item": renderAs === "grid-item",
+      "list-item": renderAs === "list-item"
+    }),
+    paperType: renderAs === "grid-item" ? "paper-1" : "paper-2",
+    $renderAs: renderAs
+  }, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null));
+});
+EntityCard.displayName = "EntityCard";
+//# sourceMappingURL=EntityCard.js.map

package/dist/esm/components/EntityCard/EntityCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"names":["React","forwardRef","useCallback","classnames","StyledEntityCard","StyledLinkEntityCard","EntityCard","ref","renderAs","properties","link","linkClassName","renderAsListItem","filter","p","showInList","map","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAGEC,UAHF,EAKEC,WALF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,EAA2BC,oBAA3B,QAAuD,UAAvD;AAoBA,OAAO,IAAMC,UAAU,gBAAGL,UAAU,CAClC,gBAOEM,GAPF,EAQK;AAAA,2BANDC,QAMC;AAAA,MANDA,QAMC,8BANU,WAMV;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,IAIC,QAJDA,IAIC;AAAA,MAHDC,aAGC,QAHDA,aAGC;AACH,MAAMC,gBAAgB,GAAGV,WAAW,CAAC,UAACO,UAAD,EAAqC;AACxE,WAAOA,UAAU,CACdI,MADI,CACG,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACC,UAAT;AAAA,KADH,EAEJC,GAFI,CAEA,UAACF,CAAD,EAAO;AACV,0BACE;AAAK,QAAA,GAAG,EAAEA,CAAC,CAACG,IAAZ;AAAkB,QAAA,SAAS,uBAAqBH,CAAC,CAACG;AAAlD,SACGH,CAAC,CAACI,MAAF,EADH,CADF;AAKD,KARI,CAAP;AASD,GAVmC,EAUjC,EAViC,CAApC;AAYA,MAAMC,gBAAgB,GAAGjB,WAAW,CAAC,UAACO,UAAD,EAAqC;AACxE,QAAMW,aAAa,GAAGX,UAAU,CAACI,MAAX,CACpB,UAACC,CAAD;AAAA,aAA0BA,CAAC,CAACO,WAAF,KAAkB,QAA5C;AAAA,KADoB,CAAtB;AAGA,QAAMC,WAAW,GAAGb,UAAU,CAACI,MAAX,CAClB,UAACC,CAAD;AAAA,aAA0BA,CAAC,CAACO,WAAF,KAAkB,MAA5C;AAAA,KADkB,CAApB;AAGA,QAAME,aAAa,GAAGd,UAAU,CAACI,MAAX,CACpB,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACO,WAAF,KAAkB,QAAzB;AAAA,KADoB,CAAtB;;AAGA,QAAMG,cAAc,GAAG,SAAjBA,cAAiB,CAACV,CAAD;AAAA,0BACrB;AAAK,QAAA,GAAG,EAAEA,CAAC,CAACG,IAAZ;AAAkB,QAAA,SAAS,uBAAqBH,CAAC,CAACG;AAAlD,SACGH,CAAC,CAACI,MAAF,EADH,CADqB;AAAA,KAAvB;;AAKA,wBACE,uDACE;AAAK,MAAA,SAAS,EAAE;AAAhB,OACGE,aAAa,CAACJ,GAAd,CAAkB,UAACF,CAAD;AAAA,aAAOU,cAAc,CAACV,CAAD,CAArB;AAAA,KAAlB,CADH,CADF,eAIE;AAAK,MAAA,SAAS,EAAE;AAAhB,OACGQ,WAAW,CAACN,GAAZ,CAAgB,UAACF,CAAD;AAAA,aAAOU,cAAc,CAACV,CAAD,CAArB;AAAA,KAAhB,CADH,CAJF,eAOE;AAAK,MAAA,SAAS,EAAE;AAAhB,OACGS,aAAa,CAACP,GAAd,CAAkB,UAACF,CAAD;AAAA,aAAOU,cAAc,CAACV,CAAD,CAArB;AAAA,KAAlB,CADH,CAPF,CADF;AAaD,GA5BmC,EA4BjC,EA5BiC,CAApC;AA8BA,sBACE,oBAAC,oBAAD;AAAsB,IAAA,IAAI,EAAEJ,IAA5B;AAAkC,IAAA,SAAS,EAAEC;AAA7C,kBACE,oBAAC,gBAAD;AACE,IAAA,GAAG,EAAEJ,GADP;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,SAAS,EAAEJ,UAAU,CAAC,qBAAD,EAAwB;AAC3C,mBAAaK,QAAQ,KAAK,WADiB;AAE3C,mBAAaA,QAAQ,KAAK;AAFiB,KAAxB,CAHvB;AAOE,IAAA,SAAS,EAAEA,QAAQ,KAAK,WAAb,GAA2B,SAA3B,GAAuC,SAPpD;AAQE,IAAA,SAAS,EAAEA;AARb,KAUGA,QAAQ,KAAK,WAAb,GAA2BI,gBAAgB,CAACH,UAAD,CAA3C,GAA0D,IAV7D,EAWGD,QAAQ,KAAK,WAAb,GAA2BW,gBAAgB,CAACV,UAAD,CAA3C,GAA0D,IAX7D,CADF,CADF;AAiBD,CArEiC,CAA7B;AAwEPH,UAAU,CAACmB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledEntityCard, StyledLinkEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  linkClassName?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      link,\n      linkClassName,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className={\"card-header\"}>\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className={\"card-body\"}>\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className={\"card-footer\"}>\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledLinkEntityCard href={link} className={linkClassName}>\n        <StyledEntityCard\n          ref={ref}\n          hoverable\n          className={classnames(\"entity-card-wrapper\", {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          })}\n          paperType={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n          $renderAs={renderAs}\n        >\n          {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n          {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n        </StyledEntityCard>\n      </StyledLinkEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}

package/dist/esm/components/EntityCard/Styles.js

@@ -0,0 +1,21 @@
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { Card } from "../Card";
+import { FontStyle } from "../FontStyle";
+export var StyledEntityCard = styled(Card).withConfig({
+  displayName: "Styles__StyledEntityCard",
+  componentId: "sc-3vmxf-0"
+})(["padding:12px;line-height:1.375;", " ", ""], function (props) {
+  return props.$renderAs === "list-item" && css(["display:grid;grid-auto-flow:column;align-items:center;min-height:48px;margin-bottom:4px;"]);
+}, function (props) {
+  return props.$renderAs === "grid-item" && css(["display:flex;flex-direction:column;height:250px;width:250px;.card-body{flex-grow:1;}"]);
+});
+StyledEntityCard.displayName = "StyledEntityCard";
+export var StyledLinkEntityCard = styled.a.withConfig({
+  displayName: "Styles__StyledLinkEntityCard",
+  componentId: "sc-3vmxf-1"
+})(["", " ", " ", ""], {
+  "textDecoration": "none"
+}, FontStyle, BoxSizingStyle);
+StyledLinkEntityCard.displayName = "StyledLinkEntityCard";
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/EntityCard/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EntityCard/Styles.ts"],"names":["styled","css","BoxSizingStyle","Card","FontStyle","StyledEntityCard","props","$renderAs","displayName","StyledLinkEntityCard","a"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,gBAAgB,GAAGL,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA;AAAA,iDAIzB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,WAApB,IACAN,GADA,8FADA;AAAA,CAJyB,EAczB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,WAApB,IACAN,GADA,0FADA;AAAA,CAdyB,CAAtB;AA2BPI,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,oBAAoB,GAAGT,MAAM,CAACU,CAAV;AAAA;AAAA;AAAA,uBAC3B;AAAA;AAAA,CAD2B,EAG7BN,SAH6B,EAI7BF,cAJ6B,CAA1B;AAMPO,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Card } from \"../Card\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledEntityCard = styled(Card)<{ $renderAs: string }>`\n  padding: 12px;\n  line-height: 1.375;\n\n  ${(props) =>\n    props.$renderAs === \"list-item\" &&\n    css`\n      display: grid;\n      grid-auto-flow: column;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"grid-item\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      height: 250px;\n      width: 250px;\n\n      .card-body {\n        flex-grow: 1;\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledLinkEntityCard = styled.a`\n  ${tw`tw-no-underline`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledLinkEntityCard.displayName = \"StyledLinkEntityCard\";\n"],"file":"Styles.js"}

package/dist/esm/components/EntityCard/index.js

@@ -0,0 +1,2 @@
+export * from "./EntityCard";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EntityCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EntityCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from \"./EntityCard\";\n"],"file":"index.js"}

package/dist/esm/components/Expanders/ExpandAll.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["expanded"];
+import React, { forwardRef } from "react";
+import { StyledExpand } from "./Styles";
+export var ExpandAll = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$expanded = _ref.expanded,
+      expanded = _ref$expanded === void 0 ? false : _ref$expanded,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledExpand, _extends({
+    ref: ref,
+    viewBox: "0 0 24 24"
+  }, rest), expanded ? /*#__PURE__*/React.createElement("path", {
+    d: "M13 16l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 18.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 16zm4.72-11.736a.867.867 0 010 1.275L13 10 8.28 5.539a.867.867 0 010-1.275.993.993 0 011.348 0L13 7.451l3.372-3.187a.993.993 0 011.349 0zM13 15a2 2 0 100-4 2 2 0 000 4z"
+  }) : /*#__PURE__*/React.createElement("path", {
+    d: "M17.72 16.264a.867.867 0 010 1.275L13 22l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L13 19.451l3.372-3.187a.993.993 0 011.349 0zM13 4l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 6.549 9.628 9.736a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 4zm0 11a2 2 0 100-4 2 2 0 000 4z"
+  }));
+});
+ExpandAll.displayName = "ExpandAll";
+//# sourceMappingURL=ExpandAll.js.map

package/dist/esm/components/Expanders/ExpandAll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Expanders/ExpandAll.tsx"],"names":["React","forwardRef","StyledExpand","ExpandAll","ref","expanded","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,YAAT,QAA6B,UAA7B;AAEA,OAAO,IAAMC,SAAS,gBAAGF,UAAU,CAGjC,gBAAgCG,GAAhC,EAAwC;AAAA,2BAArCC,QAAqC;AAAA,MAArCA,QAAqC,8BAA1B,KAA0B;AAAA,MAAhBC,IAAgB;;AACxC,sBACE,oBAAC,YAAD;AAAc,IAAA,GAAG,EAAEF,GAAnB;AAAwB,IAAA,OAAO,EAAC;AAAhC,KAAgDE,IAAhD,GACGD,QAAQ,gBACP;AAAM,IAAA,CAAC,EAAC;AAAR,IADO,gBAGP;AAAM,IAAA,CAAC,EAAC;AAAR,IAJJ,CADF;AASD,CAbkC,CAA5B;AAePF,SAAS,CAACI,WAAV,GAAwB,WAAxB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { IExpander } from \"./ExpanderInterface\";\nimport { StyledExpand } from \"./Styles\";\n\nexport const ExpandAll = forwardRef<\n  SVGSVGElement,\n  IExpander & React.ComponentPropsWithoutRef<\"svg\">\n>(({ expanded = false, ...rest }, ref) => {\n  return (\n    <StyledExpand ref={ref} viewBox=\"0 0 24 24\" {...rest}>\n      {expanded ? (\n        <path d=\"M13 16l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 18.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 16zm4.72-11.736a.867.867 0 010 1.275L13 10 8.28 5.539a.867.867 0 010-1.275.993.993 0 011.348 0L13 7.451l3.372-3.187a.993.993 0 011.349 0zM13 15a2 2 0 100-4 2 2 0 000 4z\" />\n      ) : (\n        <path d=\"M17.72 16.264a.867.867 0 010 1.275L13 22l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L13 19.451l3.372-3.187a.993.993 0 011.349 0zM13 4l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 6.549 9.628 9.736a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 4zm0 11a2 2 0 100-4 2 2 0 000 4z\" />\n      )}\n    </StyledExpand>\n  );\n});\n\nExpandAll.displayName = \"ExpandAll\";\n"],"file":"ExpandAll.js"}

package/dist/esm/components/Expanders/ExpandSingle.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["expanded"];
+import React, { forwardRef } from "react";
+import { StyledExpandSingle } from "./Styles";
+export var ExpandSingle = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$expanded = _ref.expanded,
+      expanded = _ref$expanded === void 0 ? false : _ref$expanded,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledExpandSingle, _extends({
+    ref: ref,
+    viewBox: "0 0 24 24",
+    $expanded: expanded
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M15.372 14.736a.993.993 0 001.349 0 .867.867 0 000-1.275L12 9l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.549l3.372 3.187z",
+    fillRule: "nonzero"
+  }));
+});
+ExpandSingle.displayName = "ExpandSingle";
+//# sourceMappingURL=ExpandSingle.js.map

package/dist/esm/components/Expanders/ExpandSingle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Expanders/ExpandSingle.tsx"],"names":["React","forwardRef","StyledExpandSingle","ExpandSingle","ref","expanded","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,kBAAT,QAAmC,UAAnC;AAEA,OAAO,IAAMC,YAAY,gBAAGF,UAAU,CAGpC,gBAAgCG,GAAhC,EAAwC;AAAA,2BAArCC,QAAqC;AAAA,MAArCA,QAAqC,8BAA1B,KAA0B;AAAA,MAAhBC,IAAgB;;AACxC,sBACE,oBAAC,kBAAD;AACE,IAAA,GAAG,EAAEF,GADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,SAAS,EAAEC;AAHb,KAIMC,IAJN,gBAME;AACE,IAAA,CAAC,EAAC,2IADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IANF,CADF;AAaD,CAjBqC,CAA/B;AAmBPH,YAAY,CAACI,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { IExpander } from \"./ExpanderInterface\";\nimport { StyledExpandSingle } from \"./Styles\";\n\nexport const ExpandSingle = forwardRef<\n  SVGSVGElement,\n  IExpander & React.ComponentPropsWithoutRef<\"svg\">\n>(({ expanded = false, ...rest }, ref) => {\n  return (\n    <StyledExpandSingle\n      ref={ref}\n      viewBox=\"0 0 24 24\"\n      $expanded={expanded}\n      {...rest}\n    >\n      <path\n        d=\"M15.372 14.736a.993.993 0 001.349 0 .867.867 0 000-1.275L12 9l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.549l3.372 3.187z\"\n        fillRule=\"nonzero\"\n      />\n    </StyledExpandSingle>\n  );\n});\n\nExpandSingle.displayName = \"ExpandSingle\";\n"],"file":"ExpandSingle.js"}

package/dist/esm/components/Expanders/ExpanderInterface.js

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

package/dist/esm/components/Expanders/ExpanderInterface.js.map

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

package/dist/esm/components/Expanders/Styles.js

@@ -0,0 +1,18 @@
+import styled, { css } from "styled-components";
+export var StyledExpand = styled.svg.withConfig({
+  displayName: "Styles__StyledExpand",
+  componentId: "sc-zjpl2-0"
+})(["", ""], {
+  "fill": "currentColor",
+  "width": "1.5rem",
+  "height": "1.5rem"
+});
+StyledExpand.displayName = "StyledExpand";
+export var StyledExpandSingle = styled(StyledExpand).withConfig({
+  displayName: "Styles__StyledExpandSingle",
+  componentId: "sc-zjpl2-1"
+})(["", ""], function (props) {
+  return !props.$expanded && css(["transform:rotate(180deg);"]);
+});
+StyledExpandSingle.displayName = "StyledExpandSingle";
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Expanders/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Expanders/Styles.ts"],"names":["styled","css","StyledExpand","svg","displayName","StyledExpandSingle","props","$expanded"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,OAAO,IAAMC,YAAY,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,aACnB;AAAA;AAAA;AAAA;AAAA,CADmB,CAAlB;AAIPD,YAAY,CAACE,WAAb,GAA2B,cAA3B;AAEA,OAAO,IAAMC,kBAAkB,GAAGL,MAAM,CAACE,YAAD,CAAT;AAAA;AAAA;AAAA,aAC3B,UAACI,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,SAAP,IACAN,GADA,+BADA;AAAA,CAD2B,CAAxB;AAQPI,kBAAkB,CAACD,WAAnB,GAAiC,oBAAjC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledExpand = styled.svg`\n  ${tw`tw-fill-current tw-w-6 tw-h-6`}\n`;\n\nStyledExpand.displayName = \"StyledExpand\";\n\nexport const StyledExpandSingle = styled(StyledExpand)<{ $expanded?: boolean }>`\n  ${(props) =>\n    !props.$expanded &&\n    css`\n      transform: rotate(180deg);\n    `}\n`;\n\nStyledExpandSingle.displayName = \"StyledExpandSingle\";\n"],"file":"Styles.js"}

package/dist/esm/components/Expanders/index.js

@@ -0,0 +1,3 @@
+export * from "./ExpandSingle";
+export * from "./ExpandAll";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Expanders/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Expanders/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAd;AACA,cAAc,aAAd","sourcesContent":["export * from \"./ExpandSingle\";\nexport * from \"./ExpandAll\";\n"],"file":"index.js"}

package/dist/esm/components/FontStyle.js

@@ -0,0 +1,3 @@
+import { css } from "styled-components";
+export var FontStyle = css(["font-family:-apple-system,BlinkMacSystemFont,\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);
+//# sourceMappingURL=FontStyle.js.map

package/dist/esm/components/FontStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/FontStyle.ts"],"names":["css","FontStyle"],"mappings":"AAAA,SAASA,GAAT,QAAoB,mBAApB;AAEA,OAAO,IAAMC,SAAS,GAAGD,GAAH,uKAAf","sourcesContent":["import { css } from \"styled-components\";\n\nexport const FontStyle = css`\n  font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n    Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n`;\n"],"file":"FontStyle.js"}

package/dist/esm/components/GlobalStyle.js

@@ -0,0 +1,3 @@
+import { createGlobalStyle } from "styled-components";
+export var GlobalStyle = createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--body-bg-main:#f4f5f7;--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#99999e;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:#2c2e38;--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}.ac-shadow,.ac-shadow--hover{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--hover{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}"]);
+//# sourceMappingURL=GlobalStyle.js.map

package/dist/esm/components/GlobalStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/GlobalStyle.ts"],"names":["createGlobalStyle","GlobalStyle"],"mappings":"AAAA,SAASA,iBAAT,QAAkC,mBAAlC;AAEA,OAAO,IAAMC,WAAW,GAAGD,iBAAH,u8MAAjB","sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n  :root {\n    --color-primary: #5d2bff;\n    --color-secondary: #5d2bff;\n\n    --color-theme-100: #ffffff;\n    --color-theme-200: #f6f6f9;\n    --color-theme-300: #ebebee;\n    --color-theme-400: #d7d7da;\n    --color-theme-500: #b9b9bd;\n    --color-theme-600: #89898e;\n    --color-theme-700: #6d6d73;\n    --color-theme-800: #5b5b61;\n    --color-theme-900: #303037;\n\n    --color-primary-200: rgba(93, 43, 255, 0.05);\n    --color-primary-300: rgba(93, 43, 255, 0.1);\n    --color-primary-400: rgba(93, 43, 255, 0.25);\n    --color-primary-500: rgba(93, 43, 255, 0.5);\n    --color-primary-600: rgba(93, 43, 255, 0.75);\n    --color-primary-700: #5d2bff;\n    --color-primary-800: #4a21cd;\n    --color-primary-900: #32178b;\n\n    --color-secondary-200: rgba(93, 43, 255, 0.05);\n    --color-secondary-300: rgba(93, 43, 255, 0.1);\n    --color-secondary-400: rgba(93, 43, 255, 0.25);\n    --color-secondary-500: rgba(93, 43, 255, 0.5);\n    --color-secondary-600: rgba(93, 43, 255, 0.75);\n    --color-secondary-700: #5d2bff;\n    --color-secondary-800: #4a21cd;\n    --color-secondary-900: #32178b;\n\n    --color-primary-opaque-300: #efeaff;\n    --color-primary-opaque-400: #d6caff;\n\n    --color-secondary-opaque-300: #efeaff;\n    --color-secondary-opaque-400: #d6caff;\n\n    --color-sucess-green: #64cd93;\n\n    --body-bg-main: #f4f5f7;\n    --page-paper-main: #ffffff;\n    --border-primary: #d7d7da;\n\n    --note-bg: #fff9f1;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n      0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n      0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n      0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n      0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n      0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n    --page-paper-main-shadow: rgba(\n      255,\n      255,\n      255,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(244, 245, 247, 0.6);\n\n    --highlight-dark: rgba(0, 0, 0, 0.03);\n\n    --input-background-color: #ffffff;\n\n    --red-alert: rgb(237, 97, 97);\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n\n    --ac-br-4: 4px;\n\n    --ac-br-6: 6px;\n\n    --ac-br-8: 8px;\n\n    --ac-br-rounded: 999px;\n  }\n\n  .cupcake {\n    --color-primary: #29bcdd;\n    --color-secondary: #fe6fa7;\n\n    --color-primary-200: rgba(41, 188, 221, 0.07);\n    --color-primary-300: rgba(41, 188, 221, 0.12);\n    --color-primary-400: rgba(41, 188, 221, 0.26);\n    --color-primary-500: rgba(41, 188, 221, 0.52);\n    --color-primary-600: rgba(41, 188, 221, 0.75);\n    --color-primary-700: #29bcdd;\n    --color-primary-800: #219fbb;\n    --color-primary-900: #1a768b;\n\n    --color-secondary-200: rgba(254, 111, 167, 0.07);\n    --color-secondary-300: rgba(254, 111, 167, 0.13);\n    --color-secondary-400: rgba(254, 111, 167, 0.27);\n    --color-secondary-500: rgba(254, 111, 167, 0.52);\n    --color-secondary-600: rgba(254, 111, 167, 0.75);\n    --color-secondary-700: #fe6fa7;\n    --color-secondary-800: #dd6091;\n    --color-secondary-900: #ab496f;\n\n    --color-primary-opaque-300: #e5f7fb;\n    --color-primary-opaque-400: #c8eef6;\n\n    --color-secondary-opaque-300: #ffecf4;\n    --color-secondary-opaque-400: #ffd8e7;\n  }\n\n  .classic {\n    --color-primary: #4182f2;\n    --color-secondary: #4182f2;\n\n    --color-primary-200: rgba(65, 130, 242, 0.07);\n    --color-primary-300: rgba(65, 130, 242, 0.13);\n    --color-primary-400: rgba(65, 130, 242, 0.26);\n    --color-primary-500: rgba(65, 130, 242, 0.52);\n    --color-primary-600: rgba(65, 130, 242, 0.75);\n    --color-primary-700: #4182f2;\n    --color-primary-800: #356bc8;\n    --color-primary-900: #244a8a;\n\n    --color-secondary-200: rgba(65, 130, 242, 0.07);\n    --color-secondary-300: rgba(65, 130, 242, 0.13);\n    --color-secondary-400: rgba(65, 130, 242, 0.26);\n    --color-secondary-500: rgba(65, 130, 242, 0.52);\n    --color-secondary-600: rgba(65, 130, 242, 0.75);\n    --color-secondary-700: #4182f2;\n    --color-secondary-800: #356bc8;\n    --color-secondary-900: #244a8a;\n\n    --color-primary-opaque-300: #e6effd;\n    --color-primary-opaque-400: #cedffc;\n\n    --color-secondary-opaque-300: #e6effd;\n    --color-secondary-opaque-400: #cedffc;\n  }\n\n  .neon {\n    --color-primary: #67ffc8;\n    --color-secondary: #67ffc8;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #31333e;\n    --color-theme-300: #2b2d37;\n    --color-theme-400: #1f2024;\n    --color-theme-500: #99999e;\n    --color-theme-600: #89898e;\n    --color-theme-700: #b0b0b5;\n    --color-theme-800: #dfdfe5;\n    --color-theme-900: #ffffff;\n\n    --color-primary-200: rgba(103, 255, 200, 0.05);\n    --color-primary-300: rgba(103, 255, 200, 0.1);\n    --color-primary-400: rgba(103, 255, 200, 0.25);\n    --color-primary-500: rgba(103, 255, 200, 0.5);\n    --color-primary-600: rgba(103, 255, 200, 0.75);\n    --color-primary-700: #67ffc8;\n    --color-primary-800: #a5ffdf;\n    --color-primary-900: #d0fdec;\n\n    --color-secondary-200: rgba(103, 255, 200, 0.05);\n    --color-secondary-300: rgba(103, 255, 200, 0.1);\n    --color-secondary-400: rgba(103, 255, 200, 0.25);\n    --color-secondary-500: rgba(103, 255, 200, 0.5);\n    --color-secondary-600: rgba(103, 255, 200, 0.75);\n    --color-secondary-700: #67ffc8;\n    --color-secondary-800: #a5ffdf;\n    --color-secondary-900: #d0fdec;\n\n    --color-primary-opaque-300: #3b4e51;\n    --color-primary-opaque-400: #436b64;\n\n    --color-secondary-opaque-300: #3b4e51;\n    --color-secondary-opaque-400: #436b64;\n\n    --body-bg-main: #2c2e38;\n    --page-paper-main: #373a44;\n    --border-primary: #1f2024;\n\n    --note-bg: #464545;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(\n      55,\n      58,\n      68,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(44, 46, 56, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #2c2e38;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n  }\n\n  .ac-shadow,\n  .ac-shadow--hover {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--hover {\n    &--lg {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-primary-hover);\n      }\n    }\n    &--sm {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    }\n  }\n\n  .ac-shadow-optimized--sm {\n    position: relative;\n    box-shadow: var(--shadow-tertiary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-tertiary);\n      opacity: 0;\n      border-radius: var(--ac-br-6);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-shadow-optimized--lg {\n    position: relative;\n    box-shadow: var(--shadow-primary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-primary);\n      opacity: 0;\n      border-radius: var(--ac-br-8);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-border-radius {\n    &-4 {\n      border-radius: var(--ac-br-4);\n    }\n\n    &-6 {\n      border-radius: var(--ac-br-6);\n    }\n\n    &-8 {\n      border-radius: var(--ac-br-8);\n    }\n\n    &-rounded {\n      border-radius: var(--ac-br-rounded);\n    }\n  }\n\n`;\n"],"file":"GlobalStyle.js"}

package/dist/esm/components/Header/Header.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["className", "children"];
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledHeader } from "./Styles";
+export var Header = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledHeader, _extends({
+    type: "paper-2",
+    className: classNames("c-header", className),
+    ref: ref
+  }, rest), children);
+});
+Header.displayName = "Header";
+//# sourceMappingURL=Header.js.map

package/dist/esm/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["React","forwardRef","classNames","StyledHeader","Header","ref","className","children","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkE,OAAlE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,YAAT,QAA6B,UAA7B;AASA,OAAO,IAAMC,MAAM,gBAAGH,UAAU,CAC9B,gBAMEI,GANF,EAOK;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,EAAE,SADR;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,UAAD,EAAaI,SAAb,CAFvB;AAGE,IAAA,GAAG,EAAED;AAHP,KAIMG,IAJN,GAMGD,QANH,CADF;AAUD,CAnB6B,CAAzB;AAsBPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledHeader } from \"./Styles\";\n\ninterface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type={\"paper-2\"}\n        className={classNames(\"c-header\", className)}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"file":"Header.js"}

package/dist/esm/components/Header/Styles.js

@@ -0,0 +1,8 @@
+import styled from "styled-components";
+import { Paper } from "../Paper";
+export var StyledHeader = styled(Paper).withConfig({
+  displayName: "Styles__StyledHeader",
+  componentId: "sc-xrlqib-0"
+})(["height:4rem;padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"]);
+StyledHeader.displayName = "StyledHeader";
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Header/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Header/Styles.ts"],"names":["styled","Paper","StyledHeader","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,KAAT,QAAsB,UAAtB;AAEA,OAAO,IAAMC,YAAY,GAAGF,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,mIAAlB;AAYPC,YAAY,CAACC,WAAb,GAA2B,cAA3B","sourcesContent":["import styled from \"styled-components\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)`\n  height: 4rem;\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n  min-width: 350px;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"file":"Styles.js"}

package/dist/esm/components/Header/index.js

@@ -0,0 +1,2 @@
+export * from "./Header";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from \"./Header\";\n"],"file":"index.js"}

package/dist/esm/components/Icons/collection/Activity.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+var ActivityIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M6 4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6zm0-2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm2.962 10.317a1 1 0 01-.949.684H5.76a1 1 0 010-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 01.95-.684H18a1 1 0 010 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153-1.052 3.154z"
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "#F4F5F7",
+    strokeWidth: 0.1,
+    opacity: 0.01,
+    d: "M.05.05h23.9v23.9H.05z"
+  }));
+});
+ActivityIcon.displayName = "ActivityIcon";
+export default ActivityIcon;
+//# sourceMappingURL=Activity.js.map

package/dist/esm/components/Icons/collection/Activity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/Activity.tsx"],"names":["React","ActivityIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,YAAY,gBAAGD,KAAK,CAACE,UAAN,CACnB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AAAM,IAAA,CAAC,EAAC;AAAR,IATF,eAUE;AACE,IAAA,MAAM,EAAC,SADT;AAEE,IAAA,WAAW,EAAE,GAFf;AAGE,IAAA,OAAO,EAAE,IAHX;AAIE,IAAA,CAAC,EAAC;AAJJ,IAVF,CADF;AAAA,CADmB,CAArB;AAqBAF,YAAY,CAACI,WAAb,GAA2B,cAA3B;AACA,eAAeJ,YAAf","sourcesContent":["import React from \"react\";\nconst ActivityIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M6 4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6zm0-2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm2.962 10.317a1 1 0 01-.949.684H5.76a1 1 0 010-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 01.95-.684H18a1 1 0 010 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153-1.052 3.154z\" />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        opacity={0.01}\n        d=\"M.05.05h23.9v23.9H.05z\"\n      />\n    </svg>\n  )\n);\nActivityIcon.displayName = \"ActivityIcon\";\nexport default ActivityIcon;\n"],"file":"Activity.js"}

package/dist/esm/components/Icons/collection/AddCross.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+var AddCrossIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 10,
+    height: 10,
+    viewBox: "0 0 10 10",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M6 0v4h4v2H6v4H4V6H0V4h4V0h2z",
+    fillRule: "nonzero"
+  }));
+});
+AddCrossIcon.displayName = "AddCrossIcon";
+export default AddCrossIcon;
+//# sourceMappingURL=AddCross.js.map

package/dist/esm/components/Icons/collection/AddCross.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/AddCross.tsx"],"names":["React","AddCrossIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,YAAY,gBAAGD,KAAK,CAACE,UAAN,CACnB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AAAM,IAAA,CAAC,EAAC,+BAAR;AAAwC,IAAA,QAAQ,EAAC;AAAjD,IATF,CADF;AAAA,CADmB,CAArB;AAeAF,YAAY,CAACI,WAAb,GAA2B,cAA3B;AACA,eAAeJ,YAAf","sourcesContent":["import React from \"react\";\nconst AddCrossIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={10}\n      height={10}\n      viewBox=\"0 0 10 10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M6 0v4h4v2H6v4H4V6H0V4h4V0h2z\" fillRule=\"nonzero\" />\n    </svg>\n  )\n);\nAddCrossIcon.displayName = \"AddCrossIcon\";\nexport default AddCrossIcon;\n"],"file":"AddCross.js"}

package/dist/esm/components/Icons/collection/AddCrossTiny.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+var AddCrossTinyIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 4a1 1 0 011 1v6h6a1 1 0 010 2h-6v6a1 1 0 01-2 0l-.001-6H5a1 1 0 010-2h6V5a1 1 0 011-1z",
+    fillRule: "evenodd"
+  }));
+});
+AddCrossTinyIcon.displayName = "AddCrossTinyIcon";
+export default AddCrossTinyIcon;
+//# sourceMappingURL=AddCrossTiny.js.map

package/dist/esm/components/Icons/collection/AddCrossTiny.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/AddCrossTiny.tsx"],"names":["React","AddCrossTinyIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,gBAAgB,gBAAGD,KAAK,CAACE,UAAN,CACvB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,4FADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADuB,CAAzB;AAkBAF,gBAAgB,CAACI,WAAjB,GAA+B,kBAA/B;AACA,eAAeJ,gBAAf","sourcesContent":["import React from \"react\";\nconst AddCrossTinyIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 4a1 1 0 011 1v6h6a1 1 0 010 2h-6v6a1 1 0 01-2 0l-.001-6H5a1 1 0 010-2h6V5a1 1 0 011-1z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nAddCrossTinyIcon.displayName = \"AddCrossTinyIcon\";\nexport default AddCrossTinyIcon;\n"],"file":"AddCrossTiny.js"}

package/dist/esm/components/Icons/collection/ApplauseLarge.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+var ApplauseLargeIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 62,
+    height: 62,
+    viewBox: "0 0 62 62",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fillRule: "evenodd",
+    strokeWidth: 3
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z",
+    stroke: "#000"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M27.521 25.76L12.017 12.29s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L20.39 33.989 9.372 25.253s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L21.08 6.362s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L27.521 25.76z",
+    stroke: "#000"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z",
+    stroke: "#000"
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "#29ABE2",
+    strokeLinecap: "round",
+    d: "M46 1.5V5M52.702 7.048l4.596-4.596M39.298 7.048l-4.596-4.596"
+  })));
+});
+ApplauseLargeIcon.displayName = "ApplauseLargeIcon";
+export default ApplauseLargeIcon;
+//# sourceMappingURL=ApplauseLarge.js.map

package/dist/esm/components/Icons/collection/ApplauseLarge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/ApplauseLarge.tsx"],"names":["React","ApplauseLargeIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,iBAAiB,gBAAGD,KAAK,CAACE,UAAN,CACxB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AAAG,IAAA,QAAQ,EAAC,SAAZ;AAAsB,IAAA,WAAW,EAAE;AAAnC,kBACE;AACE,IAAA,CAAC,EAAC,mYADJ;AAEE,IAAA,MAAM,EAAC;AAFT,IADF,eAKE;AACE,IAAA,CAAC,EAAC,iYADJ;AAEE,IAAA,MAAM,EAAC;AAFT,IALF,eASE;AACE,IAAA,CAAC,EAAC,mYADJ;AAEE,IAAA,MAAM,EAAC;AAFT,IATF,eAaE;AACE,IAAA,MAAM,EAAC,SADT;AAEE,IAAA,aAAa,EAAC,OAFhB;AAGE,IAAA,CAAC,EAAC;AAHJ,IAbF,CATF,CADF;AAAA,CADwB,CAA1B;AAiCAF,iBAAiB,CAACI,WAAlB,GAAgC,mBAAhC;AACA,eAAeJ,iBAAf","sourcesContent":["import React from \"react\";\nconst ApplauseLargeIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={62}\n      height={62}\n      viewBox=\"0 0 62 62\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <g fillRule=\"evenodd\" strokeWidth={3}>\n        <path\n          d=\"M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z\"\n          stroke=\"#000\"\n        />\n        <path\n          d=\"M27.521 25.76L12.017 12.29s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L20.39 33.989 9.372 25.253s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L21.08 6.362s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L27.521 25.76z\"\n          stroke=\"#000\"\n        />\n        <path\n          d=\"M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z\"\n          stroke=\"#000\"\n        />\n        <path\n          stroke=\"#29ABE2\"\n          strokeLinecap=\"round\"\n          d=\"M46 1.5V5M52.702 7.048l4.596-4.596M39.298 7.048l-4.596-4.596\"\n        />\n      </g>\n    </svg>\n  )\n);\nApplauseLargeIcon.displayName = \"ApplauseLargeIcon\";\nexport default ApplauseLargeIcon;\n"],"file":"ApplauseLarge.js"}

package/dist/esm/components/Icons/collection/ArrowBack.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+var ArrowBackIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 7,
+    height: 13,
+    viewBox: "0 0 7 13",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M1.839 6.425l4.586-4.586V.425l-6 6 6 6V11.01z",
+    fillRule: "nonzero"
+  }));
+});
+ArrowBackIcon.displayName = "ArrowBackIcon";
+export default ArrowBackIcon;
+//# sourceMappingURL=ArrowBack.js.map

package/dist/esm/components/Icons/collection/ArrowBack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/ArrowBack.tsx"],"names":["React","ArrowBackIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,aAAa,gBAAGD,KAAK,CAACE,UAAN,CACpB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,CADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,UAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,+CADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADoB,CAAtB;AAkBAF,aAAa,CAACI,WAAd,GAA4B,eAA5B;AACA,eAAeJ,aAAf","sourcesContent":["import React from \"react\";\nconst ArrowBackIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={7}\n      height={13}\n      viewBox=\"0 0 7 13\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M1.839 6.425l4.586-4.586V.425l-6 6 6 6V11.01z\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n);\nArrowBackIcon.displayName = \"ArrowBackIcon\";\nexport default ArrowBackIcon;\n"],"file":"ArrowBack.js"}

package/dist/esm/components/Icons/collection/ArrowCollapseMultiple.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+var ArrowCollapseMultipleIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 15l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z",
+    fillRule: "evenodd"
+  }));
+});
+ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
+export default ArrowCollapseMultipleIcon;
+//# sourceMappingURL=ArrowCollapseMultiple.js.map

package/dist/esm/components/Icons/collection/ArrowCollapseMultiple.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/ArrowCollapseMultiple.tsx"],"names":["React","ArrowCollapseMultipleIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,yBAAyB,gBAAGD,KAAK,CAACE,UAAN,CAChC,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,oUADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADgC,CAAlC;AAkBAF,yBAAyB,CAACI,WAA1B,GAAwC,2BAAxC;AACA,eAAeJ,yBAAf","sourcesContent":["import React from \"react\";\nconst ArrowCollapseMultipleIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 15l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowCollapseMultipleIcon.displayName = \"ArrowCollapseMultipleIcon\";\nexport default ArrowCollapseMultipleIcon;\n"],"file":"ArrowCollapseMultiple.js"}