@activecollab/components 1.0.71 → 1.0.74

package/dist/esm/components/Typography/Variants/Title2.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ITypographyProps } from "../Typography";
+interface ITitleProps {
+    weight?: "light" | "bold";
+}
+export declare const Title2: React.ForwardRefExoticComponent<ITitleProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Title2.d.ts.map

package/dist/esm/components/Typography/Variants/Title2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Title2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,WAAW;IAEnB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,mIASjB,CAAC"}

package/dist/esm/components/Typography/Variants/Title2.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["weight", "children"];
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export var Title2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "light" : _ref$weight,
+      children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Typography, _extends({
+    weight: weight,
+    variant: "Title 2",
+    ref: ref
+  }, props), children);
+});
+Title2.displayName = "Title2";
+//# sourceMappingURL=Title2.js.map

package/dist/esm/components/Typography/Variants/Title2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title2.tsx"],"names":["React","forwardRef","Typography","Title2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,MAAM,gBAAGF,UAAU,CAG9B,gBAA2CG,GAA3C,EAAmD;AAAA,yBAAhDC,MAAgD;AAAA,MAAhDA,MAAgD,4BAAvC,OAAuC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACnD,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACGD,QADH,CADF;AAKD,CAT+B,CAAzB;AAWPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title2 = forwardRef<\n  HTMLDivElement,\n  ITitleProps & Omit<ITypographyProps, keyof ITitleProps | \"variant\">\n>(({ weight = \"light\", children, ...props }, ref) => {\n  return (\n    <Typography weight={weight} variant=\"Title 2\" ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nTitle2.displayName = \"Title2\";\n"],"file":"Title2.js"}

package/dist/esm/components/Typography/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./Variants/Title1";
+export * from "./Variants/Title2";
 export * from "./Variants/Header2";
 export * from "./Variants/Header3";
 export * from "./Variants/Body1";

package/dist/esm/components/Typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

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

@@ -1,4 +1,5 @@
 export * from "./Variants/Title1";
+export * from "./Variants/Title2";
 export * from "./Variants/Header2";
 export * from "./Variants/Header3";
 export * from "./Variants/Body1";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAd;AACA,cAAc,oBAAd;AACA,cAAc,oBAAd;AACA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAd;AACA,cAAc,mBAAd;AACA,cAAc,oBAAd;AACA,cAAc,oBAAd;AACA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Title2\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"file":"index.js"}

package/dist/index.js

@@ -314,7 +314,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$W = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$X = ["children", "variant", "size", "disabled", "className"];
 
   /**
    * Button component
@@ -328,7 +328,7 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$W);
+        args = _objectWithoutProperties(_ref, _excluded$X);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$1, _extends({
       disabled: disabled,
@@ -381,12 +381,12 @@
   })(["svg{fill:var(--color-theme-100);}&:hover svg{transform:rotate(90deg);transition:ease 0.3s;}"]);
   StyledGlobalAddButton.displayName = "StyledGlobalAddButton";
 
-  var _excluded$V = ["className", "disabled"];
+  var _excluded$W = ["className", "disabled"];
   var GlobalAddButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-        rest = _objectWithoutProperties(_ref, _excluded$V);
+        rest = _objectWithoutProperties(_ref, _excluded$W);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
@@ -419,11 +419,11 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$U = ["children", "className"];
+  var _excluded$V = ["children", "className"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$U);
+        rest = _objectWithoutProperties(_ref, _excluded$V);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
@@ -449,7 +449,7 @@
     }, [refA, refB]);
   }
 
-  var _excluded$T = ["children", "anchorEl", "open", "style", "transition", "placement"];
+  var _excluded$U = ["children", "anchorEl", "open", "style", "transition", "placement"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         anchorEl = _ref.anchorEl,
@@ -460,7 +460,7 @@
         transition = _ref$transition === void 0 ? false : _ref$transition,
         _ref$placement = _ref.placement,
         initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
-        rest = _objectWithoutProperties(_ref, _excluded$T);
+        rest = _objectWithoutProperties(_ref, _excluded$U);
 
     var _useState = React.useState(true),
         _useState2 = _slicedToArray(_useState, 2),
@@ -632,11 +632,11 @@
     return props.$isLight && styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);
   });
 
-  var _excluded$S = ["children"];
+  var _excluded$T = ["children"];
 
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$S);
+        props = _objectWithoutProperties(_ref, _excluded$T);
 
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
@@ -750,8 +750,7 @@
       "color": "var(--color-theme-600)"
     },
     quaternary: {
-      "color": "var(--color-theme-600)",
-      "opacity": "0.5"
+      "color": "var(--color-theme-transparent-500)"
     },
     "theme-primary": {
       "color": "var(--color-primary)"
@@ -778,36 +777,64 @@
   var StyledTypography = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledTypography",
     componentId: "sc-mskw5w-0"
-  })(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
+  })(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
     return colors[props.$color];
   }, function (props) {
-    return props.$variant === "Title 1" && styled.css(["font-size:2rem;"]);
+    return props.$variant === "Title 1" && styled.css(["", ""], {
+      "fontSize": "2rem"
+    });
+  }, function (props) {
+    return props.$variant === "Title 2" && styled.css(["", ""], {
+      "fontSize": "1.675rem"
+    });
   }, function (props) {
-    return props.$variant === "Header 2" && styled.css(["font-size:1.125rem;"]);
+    return props.$variant === "Header 2" && styled.css(["", ""], {
+      "fontSize": "1.125rem"
+    });
   }, function (props) {
-    return (props.$variant === "Header 3" || props.$variant === "Body 1") && styled.css(["font-size:1rem;"]);
+    return (props.$variant === "Header 3" || props.$variant === "Body 1") && styled.css(["", ""], {
+      "fontSize": "1rem"
+    });
   }, function (props) {
-    return props.$variant === "Body 2" && styled.css(["font-size:0.875rem;"]);
+    return props.$variant === "Body 2" && styled.css(["", ""], {
+      "fontSize": "0.875rem"
+    });
   }, function (props) {
-    return props.$variant === "Caption 1" && styled.css(["font-size:0.75rem;"]);
+    return props.$variant === "Caption 1" && styled.css(["", ""], {
+      "fontSize": "0.75rem"
+    });
   }, function (props) {
-    return props.$variant === "Caption 2" && styled.css(["font-size:0.625rem;"]);
+    return props.$variant === "Caption 2" && styled.css(["", ""], {
+      "fontSize": "0.625rem"
+    });
   }, function (props) {
     return props.$italic ? styled.css(["font-style:italic;"]) : styled.css(["font-style:normal;"]);
   }, function (props) {
     return props.$tabularNums ? styled.css(["font-variant-numeric:tabular-nums;"]) : styled.css(["font-variant-numeric:normal;"]);
   }, function (props) {
-    return props.$letterSpacing === "regular" && styled.css(["letter-spacing:0.02em;"]);
+    return props.$letterSpacing === "regular" && styled.css(["", ""], {
+      "letterSpacing": "0.02em"
+    });
   }, function (props) {
-    return props.$letterSpacing === "tight" && styled.css(["letter-spacing:0em;"]);
+    return props.$letterSpacing === "tight" && styled.css(["", ""], {
+      "letterSpacing": "0em"
+    });
   }, function (props) {
-    return props.$letterSpacing === "wide" && styled.css(["letter-spacing:0.08em;"]);
+    return props.$letterSpacing === "wide" && styled.css(["", ""], {
+      "letterSpacing": "0.08em"
+    });
   }, function (props) {
-    return props.$lineHeight === "regular" && styled.css(["line-height:1.375;"]);
+    return props.$lineHeight === "regular" && styled.css(["", ""], {
+      "lineHeight": "1.375"
+    });
   }, function (props) {
-    return props.$lineHeight === "tight" && styled.css(["line-height:1;"]);
+    return props.$lineHeight === "tight" && styled.css(["", ""], {
+      "lineHeight": "1"
+    });
   }, function (props) {
-    return props.$lineHeight === "loose" && styled.css(["line-height:1.625;"]);
+    return props.$lineHeight === "loose" && styled.css(["", ""], {
+      "lineHeight": "1.625"
+    });
   }, function (props) {
     return props.$align === "left" && styled.css(["text-align:left;"]);
   }, function (props) {
@@ -855,17 +882,25 @@
   }, function (props) {
     return props.$wordBreak === "all" && styled.css(["word-break:break-all;"]);
   }, function (props) {
-    return props.$weight === "regular" && styled.css(["font-weight:400;"]);
+    return props.$weight === "regular" && styled.css(["", ""], {
+      "fontWeight": "400"
+    });
   }, function (props) {
-    return props.$weight === "light" && styled.css(["font-weight:300;"]);
+    return props.$weight === "light" && styled.css(["", ""], {
+      "fontWeight": "300"
+    });
   }, function (props) {
-    return props.$weight === "medium" && styled.css(["font-weight:500;"]);
+    return props.$weight === "medium" && styled.css(["", ""], {
+      "fontWeight": "500"
+    });
   }, function (props) {
-    return props.$weight === "bold" && styled.css(["font-weight:700;"]);
+    return props.$weight === "bold" && styled.css(["", ""], {
+      "fontWeight": "700"
+    });
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$R = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$S = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
   var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$variant = _ref.variant,
         variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
@@ -896,7 +931,7 @@
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         className = _ref.className,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$R);
+        props = _objectWithoutProperties(_ref, _excluded$S);
 
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
@@ -920,18 +955,18 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$Q = ["weight", "children"];
+  var _excluded$R = ["weight", "children"];
   var Body2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$Q);
+        props = _objectWithoutProperties(_ref, _excluded$R);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
       weight: weight,
       ref: ref
-    }, props), " ", children, " ");
+    }, props), children);
   });
   Body2.displayName = "Body2";
 
@@ -966,7 +1001,7 @@
   });
   StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
 
-  var _excluded$P = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
+  var _excluded$Q = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
         icon = _ref.icon,
@@ -976,7 +1011,7 @@
         tooltipText = _ref.tooltipText,
         onClearAll = _ref.onClearAll,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$P);
+        args = _objectWithoutProperties(_ref, _excluded$Q);
 
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: classnames__default["default"]("tw-flex ac-font box-sizing", className)
@@ -1314,7 +1349,7 @@
   StyledDatePicker.displayName = "StyledDatePicker";
   StyledDayPicker.displayName = "StyledDayPicker";
 
-  var _excluded$O = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
+  var _excluded$P = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
   var DatePicker = function DatePicker(_ref) {
     var className = _ref.className,
         onChange = _ref.onChange,
@@ -1336,7 +1371,7 @@
         _ref$fixedWeeks = _ref.fixedWeeks,
         fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
         defaultModifiers = _ref.modifiers,
-        rest = _objectWithoutProperties(_ref, _excluded$O);
+        rest = _objectWithoutProperties(_ref, _excluded$P);
 
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -1681,12 +1716,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$N = ["className", "disableBackgroundColor"];
+  var _excluded$O = ["className", "disableBackgroundColor"];
   var Overlay = function Overlay(_ref) {
     var className = _ref.className,
         _ref$disableBackgroun = _ref.disableBackgroundColor,
         disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-        rest = _objectWithoutProperties(_ref, _excluded$N);
+        rest = _objectWithoutProperties(_ref, _excluded$O);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classnames__default["default"]("c-overlay", className),
@@ -1701,7 +1736,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
-  var _excluded$M = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "preventClickEventBubbling", "onClick"];
+  var _excluded$N = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "preventClickEventBubbling", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -1718,7 +1753,7 @@
         _ref$preventClickEven = _ref.preventClickEventBubbling,
         preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven,
         onClick = _ref.onClick,
-        rest = _objectWithoutProperties(_ref, _excluded$M);
+        rest = _objectWithoutProperties(_ref, _excluded$N);
 
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
@@ -1792,7 +1827,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$L = ["children", "className", "innerRef", "style"];
+  var _excluded$M = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -1800,7 +1835,7 @@
         innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
         _ref$style = _ref.style,
         style = _ref$style === void 0 ? {} : _ref$style,
-        rest = _objectWithoutProperties(_ref, _excluded$L);
+        rest = _objectWithoutProperties(_ref, _excluded$M);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
@@ -1947,13 +1982,13 @@
   };
   Menu.displayName = "Menu";
 
-  var _excluded$K = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$L = ["title", "className", "leftElement", "rightElement"];
   var MenuHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
         className = _ref.className,
         leftElement = _ref.leftElement,
         rightElement = _ref.rightElement,
-        props = _objectWithoutProperties(_ref, _excluded$K);
+        props = _objectWithoutProperties(_ref, _excluded$L);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classnames__default["default"]("c-menu-header", className),
@@ -1976,11 +2011,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$J = ["children", "className"];
+  var _excluded$K = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$J);
+        props = _objectWithoutProperties(_ref, _excluded$K);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter, _extends({}, props, {
       className: classnames__default["default"]("c-menu-footer", className),
@@ -2652,7 +2687,7 @@
   SortIcon.displayName = "SortIcon";
   var SortIcon$1 = SortIcon;
 
-  var _excluded$I = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue"];
+  var _excluded$J = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue"];
   exports.SortDirection = void 0;
 
   (function (SortDirection) {
@@ -2702,7 +2737,7 @@
     } : _ref$groupHead,
         isCollapsible = _ref.isCollapsible,
         emptyValue = _ref.emptyValue,
-        args = _objectWithoutProperties(_ref, _excluded$I);
+        args = _objectWithoutProperties(_ref, _excluded$J);
 
     var _useState = React.useState(sortDirection),
         _useState2 = _slicedToArray(_useState, 2),
@@ -3116,7 +3151,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
 
-  var _excluded$H = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$I = ["children", "className", "type", "hover", "useOptimizedShadow"];
 
   /**
    * This is a component description and should sit directly above your component
@@ -3130,7 +3165,7 @@
         hover = _ref$hover === void 0 ? false : _ref$hover,
         _ref$useOptimizedShad = _ref.useOptimizedShadow,
         useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
-        rest = _objectWithoutProperties(_ref, _excluded$H);
+        rest = _objectWithoutProperties(_ref, _excluded$I);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classnames__default["default"](className, {
@@ -3184,7 +3219,7 @@
   });
   StyledCard.displayName = "StyledCard";
 
-  var _excluded$G = ["children", "className", "hoverable", "paperType"];
+  var _excluded$H = ["children", "className", "hoverable", "paperType"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -3192,7 +3227,7 @@
         hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
         _ref$paperType = _ref.paperType,
         paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
-        rest = _objectWithoutProperties(_ref, _excluded$G);
+        rest = _objectWithoutProperties(_ref, _excluded$H);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: paperType,
@@ -3274,21 +3309,36 @@
   });
   EntityCard.displayName = "EntityCard";
 
-  var _excluded$F = ["weight", "children"];
+  var _excluded$G = ["weight", "children"];
   var Title1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "light" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$F);
+        props = _objectWithoutProperties(_ref, _excluded$G);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 1",
       ref: ref
-    }, props), " ", children, " ");
+    }, props), children);
   });
   Title1.displayName = "Title1";
 
+  var _excluded$F = ["weight", "children"];
+  var Title2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var _ref$weight = _ref.weight,
+        weight = _ref$weight === void 0 ? "light" : _ref$weight,
+        children = _ref.children,
+        props = _objectWithoutProperties(_ref, _excluded$F);
+
+    return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
+      weight: weight,
+      variant: "Title 2",
+      ref: ref
+    }, props), children);
+  });
+  Title2.displayName = "Title2";
+
   var _excluded$E = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
@@ -3298,7 +3348,7 @@
       weight: "bold",
       variant: "Header 2",
       ref: ref
-    }, props), " ", children, " ");
+    }, props), children);
   });
   Header2.displayName = "Header2";
 
@@ -3311,7 +3361,7 @@
       weight: "bold",
       variant: "Header 3",
       ref: ref
-    }, props), " ", children, " ");
+    }, props), children);
   });
   Header3.displayName = "Header3";
 
@@ -3326,7 +3376,7 @@
       variant: "Body 1",
       weight: weight,
       ref: ref
-    }, props), " ", children, " ");
+    }, props), children);
   });
   Body1.displayName = "Body1";
 
@@ -3341,7 +3391,7 @@
       variant: "Caption 1",
       weight: weight,
       ref: ref
-    }, props), " ", children, " ");
+    }, props), children);
   });
   Caption1.displayName = "Caption1";
 
@@ -3356,7 +3406,7 @@
       variant: "Caption 2",
       weight: weight,
       ref: ref
-    }, props), " ", children, " ");
+    }, props), children);
   });
   Caption2.displayName = "Caption2";
 
@@ -4580,10 +4630,14 @@
   var StyledInput = styled__default["default"].input.withConfig({
     displayName: "Styles__StyledInput",
     componentId: "sc-ce8kcp-0"
-  })(["border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);font-size:14px;padding:4px 10px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " ", " ", " &::placeholder{color:var(--color-theme-600);}"], FontStyle, BoxSizingStyle, function (props) {
+  })(["", " border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);padding:4px 10px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " ", " ", " &::placeholder{color:var(--color-theme-600);}"], {
+    "fontSize": "0.875rem"
+  }, FontStyle, BoxSizingStyle, function (props) {
     return props.$size === "small" && styled.css(["border-radius:6px;height:24px;"]);
   }, function (props) {
-    return props.$size === "big" && styled.css(["height:40px;font-size:16px;"]);
+    return props.$size === "big" && styled.css(["", " height:40px;"], {
+      "fontSize": "1rem"
+    });
   }, function (props) {
     return props.disabled ? styled.css(["", ""], {
       "cursor": "not-allowed",
@@ -7689,7 +7743,9 @@
   var StyledTextarea = styled__default["default"].textarea.withConfig({
     displayName: "Styles__StyledTextarea",
     componentId: "sc-m6jqw8-0"
-  })(["border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);font-size:14px;padding:4px 10px 6px 8px;height:auto;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;min-height:90px;", " ", " ", " &:active,&:focus{outline:none !important;", "}&:focus{box-shadow:none;}&::placeholder{color:var(--color-theme-600);}", ""], FontStyle, BoxSizingStyle, function (props) {
+  })(["", " border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);padding:4px 10px 6px 8px;height:auto;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;min-height:90px;", " ", " ", " &:active,&:focus{outline:none !important;", "}&:focus{box-shadow:none;}&::placeholder{color:var(--color-theme-600);}", ""], {
+    "fontSize": "0.875rem"
+  }, FontStyle, BoxSizingStyle, function (props) {
     return !props.disabled && styled.css(["&:hover{outline:none !important;", "}"], {
       "borderColor": "var(--color-primary)"
     });
@@ -10287,7 +10343,7 @@
   });
   Label.displayName = "Label";
 
-  var GlobalStyle = styled.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:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--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:#6D6D73;--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:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--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--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--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);}}"]);
+  var GlobalStyle = styled.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-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--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:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--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:#6D6D73;--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-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--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--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--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);}}"]);
 
   exports.Accordion = Accordion;
   exports.AccordionContext = AccordionContext;
@@ -10515,6 +10571,7 @@
   exports.ThumbsDownIcon = ThumbsDownIcon$1;
   exports.ThumbsUpIcon = ThumbsUpIcon$1;
   exports.Title1 = Title1;
+  exports.Title2 = Title2;
   exports.Toggle = Toggle;
   exports.Tooltip = Tooltip;
   exports.TrashIcon = TrashIcon$1;