@activecollab/components 1.0.414 → 2.0.0

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

@@ -1,7 +1,14 @@
-import styled from "styled-components";
-import { Menu, MenuFooter } from "../Menu";
-import { ListItem, List } from "../List";
-export var StyledMenu = styled(Menu).withConfig({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledStartMenuTitle = exports.StyledStartMenuNoResults = exports.StyledStartMenuListItem = exports.StyledStartMenuList = exports.StyledStartMenuDot = exports.StyledMenuFooter = exports.StyledMenu = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Menu = require("../Menu");
+var _List = require("../List");
+const StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Menu.Menu).withConfig({
   displayName: "Styles__StyledMenu",
   componentId: "sc-lxuoiz-0"
 })(["", " ", ""], {
@@ -9,32 +16,32 @@ export var StyledMenu = styled(Menu).withConfig({
 }, {
   "overflow": "hidden"
 });
-export var StyledMenuFooter = styled(MenuFooter).withConfig({
+const StyledMenuFooter = exports.StyledMenuFooter = (0, _styledComponents.default)(_Menu.MenuFooter).withConfig({
   displayName: "Styles__StyledMenuFooter",
   componentId: "sc-lxuoiz-1"
 })(["", ""], {
   "justifyContent": "center"
 });
-export var StyledStartMenuList = styled(List).withConfig({
+const StyledStartMenuList = exports.StyledStartMenuList = (0, _styledComponents.default)(_List.List).withConfig({
   displayName: "Styles__StyledStartMenuList",
   componentId: "sc-lxuoiz-2"
 })(["", ""], {
   "paddingTop": "0.5rem",
   "paddingBottom": "0.5rem"
 });
-export var StyledStartMenuListItem = styled(ListItem).withConfig({
+const StyledStartMenuListItem = exports.StyledStartMenuListItem = (0, _styledComponents.default)(_List.ListItem).withConfig({
   displayName: "Styles__StyledStartMenuListItem",
   componentId: "sc-lxuoiz-3"
 })(["", ""], {
   "paddingRight": "0.75rem"
 });
-export var StyledStartMenuTitle = styled.div.withConfig({
+const StyledStartMenuTitle = exports.StyledStartMenuTitle = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledStartMenuTitle",
   componentId: "sc-lxuoiz-4"
 })(["", ""], {
   "flex": "1 1 0%"
 });
-export var StyledStartMenuNoResults = styled.div.withConfig({
+const StyledStartMenuNoResults = exports.StyledStartMenuNoResults = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledStartMenuNoResults",
   componentId: "sc-lxuoiz-5"
 })(["", " ", ""], {
@@ -43,7 +50,7 @@ export var StyledStartMenuNoResults = styled.div.withConfig({
 }, {
   "textAlign": "center"
 });
-export var StyledStartMenuDot = styled.span.withConfig({
+const StyledStartMenuDot = exports.StyledStartMenuDot = _styledComponents.default.span.withConfig({
   displayName: "Styles__StyledStartMenuDot",
   componentId: "sc-lxuoiz-6"
 })(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","Menu","MenuFooter","ListItem","List","StyledMenu","StyledMenuFooter","StyledStartMenuList","StyledStartMenuListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span","displayName"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, ListProps, List, ListItemProps } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n  ${tw`tw-relative`}\n  ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n  ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<ListProps>`\n  ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<ListItemProps>`\n  ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n  ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n  ${tw`tw-py-0.5`}\n  ${tw`tw-text-center`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,EAASC,UAAU,QAAqB,SAAS;AAC9D,SAASC,QAAQ,EAAaC,IAAI,QAAuB,SAAS;AAGlE,OAAO,IAAMC,UAAU,GAAGL,MAAM,CAACC,IAAI,CAAC;EAAA;EAAA;AAAA,kBAChC;EAAA;AAAY,CAAC,EACb;EAAA;AAAmB,CAAC,CACzB;AAED,OAAO,IAAMK,gBAAgB,GAAGN,MAAM,CAACE,UAAU,CAAC;EAAA;EAAA;AAAA,aAC5C;EAAA;AAAkB,CAAC,CACxB;AAED,OAAO,IAAMK,mBAAmB,GAAGP,MAAM,CAACI,IAAI,CAAC;EAAA;EAAA;AAAA,aACzC;EAAA;EAAA;AAAQ,CAAC,CACd;AAED,OAAO,IAAMI,uBAAuB,GAAGR,MAAM,CAACG,QAAQ,CAAC;EAAA;EAAA;AAAA,aACjD;EAAA;AAAQ,CAAC,CACd;AAED,OAAO,IAAMM,oBAAoB,GAAGT,MAAM,CAACU,GAAG;EAAA;EAAA;AAAA,aACxC;EAAA;AAAU,CAAC,CAChB;AAED,OAAO,IAAMC,wBAAwB,GAAGX,MAAM,CAACU,GAAG;EAAA;EAAA;AAAA,kBAC5C;EAAA;EAAA;AAAU,CAAC,EACX;EAAA;AAAe,CAAC,CACrB;AAED,OAAO,IAAME,kBAAkB,GAAGZ,MAAM,CAACa,IAAI;EAAA;EAAA;AAAA,2LAU5C;AAEDR,UAAU,CAACS,WAAW,GAAG,YAAY;AACrCR,gBAAgB,CAACQ,WAAW,GAAG,kBAAkB;AACjDP,mBAAmB,CAACO,WAAW,GAAG,qBAAqB;AACvDN,uBAAuB,CAACM,WAAW,GAAG,yBAAyB;AAC/DL,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AACzDF,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AACrDH,wBAAwB,CAACG,WAAW,GAAG,0BAA0B"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_Menu","_List","StyledMenu","exports","styled","Menu","withConfig","displayName","componentId","StyledMenuFooter","MenuFooter","StyledStartMenuList","List","StyledStartMenuListItem","ListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, ListProps, List, ListItemProps } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n  ${tw`tw-relative`}\n  ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n  ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<ListProps>`\n  ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<ListItemProps>`\n  ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n  ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n  ${tw`tw-py-0.5`}\n  ${tw`tw-text-center`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAGO,MAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAChC;EAAA;AAAY,CAAC,EACb;EAAA;AAAmB,CAAC,CACzB;AAEM,MAAMC,gBAAgB,GAAAN,OAAA,CAAAM,gBAAA,GAAG,IAAAL,yBAAM,EAACM,gBAAU,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC5C;EAAA;AAAkB,CAAC,CACxB;AAEM,MAAMG,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,IAAAP,yBAAM,EAACQ,UAAI,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;EAAA;AAAQ,CAAC,CACd;AAEM,MAAMK,uBAAuB,GAAAV,OAAA,CAAAU,uBAAA,GAAG,IAAAT,yBAAM,EAACU,cAAQ,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjD;EAAA;AAAQ,CAAC,CACd;AAEM,MAAMO,oBAAoB,GAAAZ,OAAA,CAAAY,oBAAA,GAAGX,yBAAM,CAACY,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxC;EAAA;AAAU,CAAC,CAChB;AAEM,MAAMS,wBAAwB,GAAAd,OAAA,CAAAc,wBAAA,GAAGb,yBAAM,CAACY,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC5C;EAAA;EAAA;AAAU,CAAC,EACX;EAAA;AAAe,CAAC,CACrB;AAEM,MAAMU,kBAAkB,GAAAf,OAAA,CAAAe,kBAAA,GAAGd,yBAAM,CAACe,IAAI,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2LAU5C;AAEDN,UAAU,CAACK,WAAW,GAAG,YAAY;AACrCE,gBAAgB,CAACF,WAAW,GAAG,kBAAkB;AACjDI,mBAAmB,CAACJ,WAAW,GAAG,qBAAqB;AACvDM,uBAAuB,CAACN,WAAW,GAAG,yBAAyB;AAC/DQ,oBAAoB,CAACR,WAAW,GAAG,sBAAsB;AACzDW,kBAAkB,CAACX,WAAW,GAAG,oBAAoB;AACrDU,wBAAwB,CAACV,WAAW,GAAG,0BAA0B"}

package/dist/esm/components/Filter/Submenu.js

@@ -1,33 +1,44 @@
-import React, { useRef, useEffect } from "react";
-import { MenuHeader } from "../Menu";
-import { IconButton } from "../IconButton";
-import { ArrowLeftIcon } from "../Icons";
-import { useResizeObserver } from "../../utils";
-export var Submenu = function Submenu(_ref) {
-  var onBack = _ref.onBack,
-    onHeightChange = _ref.onHeightChange,
-    style = _ref.style,
-    children = _ref.children,
-    title = _ref.title,
-    indexPage = _ref.indexPage;
-  var ref = useRef(null);
-  var dimensions = useResizeObserver(ref);
-  var height = dimensions == null ? void 0 : dimensions.height;
-  useEffect(function () {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Submenu = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Menu = require("../Menu");
+var _IconButton = require("../IconButton");
+var _Icons = require("../Icons");
+var _utils = require("../../utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Submenu = _ref => {
+  let {
+    onBack,
+    onHeightChange,
+    style,
+    children,
+    title,
+    indexPage
+  } = _ref;
+  const ref = (0, _react.useRef)(null);
+  const dimensions = (0, _utils.useResizeObserver)(ref);
+  const height = dimensions?.height;
+  (0, _react.useEffect)(() => {
     if (height && height > 0 && !indexPage) {
-      onHeightChange == null ? void 0 : onHeightChange(height);
+      onHeightChange?.(height);
     }
   }, [height, onHeightChange, indexPage]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
     ref: ref
-  }, /*#__PURE__*/React.createElement(MenuHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_Menu.MenuHeader, {
     title: title,
-    leftElement: /*#__PURE__*/React.createElement(IconButton, {
+    leftElement: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
       onClick: onBack,
       variant: "text gray",
       size: "small"
-    }, /*#__PURE__*/React.createElement(ArrowLeftIcon, null))
+    }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowLeftIcon, null))
   }), children);
 };
+exports.Submenu = Submenu;
 //# sourceMappingURL=Submenu.js.map

package/dist/esm/components/Filter/Submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Submenu.js","names":["React","useRef","useEffect","MenuHeader","IconButton","ArrowLeftIcon","useResizeObserver","Submenu","onBack","onHeightChange","style","children","title","indexPage","ref","dimensions","height"],"sources":["../../../../src/components/Filter/Submenu.tsx"],"sourcesContent":["import React, { useRef, FC, HTMLAttributes, useEffect } from \"react\";\nimport { MenuHeader } from \"../Menu\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { useResizeObserver } from \"../../utils\";\n\ninterface SubmenuProps {\n  title: string;\n  onBack: () => void;\n  onHeightChange?: (height: number) => void;\n  indexPage?: boolean;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  onBack,\n  onHeightChange,\n  style,\n  children,\n  title,\n  indexPage,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0 && !indexPage) {\n      onHeightChange?.(height);\n    }\n  }, [height, onHeightChange, indexPage]);\n\n  return (\n    <div style={style} ref={ref}>\n      <MenuHeader\n        title={title}\n        leftElement={\n          <IconButton onClick={onBack} variant=\"text gray\" size=\"small\">\n            <ArrowLeftIcon />\n          </IconButton>\n        }\n      />\n      {children}\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAsBC,SAAS,QAAQ,OAAO;AACpE,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,iBAAiB,QAAQ,aAAa;AAS/C,OAAO,IAAMC,OAA0D,GAAG,SAA7DA,OAA0D,OAOjE;EAAA,IANJC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IACdC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;EAET,IAAMC,GAAG,GAAGb,MAAM,CAAC,IAAI,CAAC;EACxB,IAAMc,UAAU,GAAGT,iBAAiB,CAACQ,GAAG,CAAC;EACzC,IAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCd,SAAS,CAAC,YAAM;IACd,IAAIc,MAAM,IAAIA,MAAM,GAAG,CAAC,IAAI,CAACH,SAAS,EAAE;MACtCJ,cAAc,oBAAdA,cAAc,CAAGO,MAAM,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,MAAM,EAAEP,cAAc,EAAEI,SAAS,CAAC,CAAC;EAEvC,oBACE;IAAK,KAAK,EAAEH,KAAM;IAAC,GAAG,EAAEI;EAAI,gBAC1B,oBAAC,UAAU;IACT,KAAK,EAAEF,KAAM;IACb,WAAW,eACT,oBAAC,UAAU;MAAC,OAAO,EAAEJ,MAAO;MAAC,OAAO,EAAC,WAAW;MAAC,IAAI,EAAC;IAAO,gBAC3D,oBAAC,aAAa,OAAG;EAEpB,EACD,EACDG,QAAQ,CACL;AAEV,CAAC"}
+{"version":3,"file":"Submenu.js","names":["_react","_interopRequireWildcard","require","_Menu","_IconButton","_Icons","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Submenu","_ref","onBack","onHeightChange","style","children","title","indexPage","ref","useRef","dimensions","useResizeObserver","height","useEffect","createElement","MenuHeader","leftElement","IconButton","onClick","variant","size","ArrowLeftIcon","exports"],"sources":["../../../../src/components/Filter/Submenu.tsx"],"sourcesContent":["import React, { useRef, FC, HTMLAttributes, useEffect } from \"react\";\nimport { MenuHeader } from \"../Menu\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { useResizeObserver } from \"../../utils\";\n\ninterface SubmenuProps {\n  title: string;\n  onBack: () => void;\n  onHeightChange?: (height: number) => void;\n  indexPage?: boolean;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  onBack,\n  onHeightChange,\n  style,\n  children,\n  title,\n  indexPage,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0 && !indexPage) {\n      onHeightChange?.(height);\n    }\n  }, [height, onHeightChange, indexPage]);\n\n  return (\n    <div style={style} ref={ref}>\n      <MenuHeader\n        title={title}\n        leftElement={\n          <IconButton onClick={onBack} variant=\"text gray\" size=\"small\">\n            <ArrowLeftIcon />\n          </IconButton>\n        }\n      />\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAgD,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AASzC,MAAMY,OAA0D,GAAGC,IAAA,IAOpE;EAAA,IAPqE;IACzEC,MAAM;IACNC,cAAc;IACdC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACxB,MAAMC,UAAU,GAAG,IAAAC,wBAAiB,EAACH,GAAG,CAAC;EACzC,MAAMI,MAAM,GAAGF,UAAU,EAAEE,MAAM;EAEjC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAID,MAAM,IAAIA,MAAM,GAAG,CAAC,IAAI,CAACL,SAAS,EAAE;MACtCJ,cAAc,GAAGS,MAAM,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,MAAM,EAAET,cAAc,EAAEI,SAAS,CAAC,CAAC;EAEvC,oBACEnC,MAAA,CAAAa,OAAA,CAAA6B,aAAA;IAAKV,KAAK,EAAEA,KAAM;IAACI,GAAG,EAAEA;EAAI,gBAC1BpC,MAAA,CAAAa,OAAA,CAAA6B,aAAA,CAACvC,KAAA,CAAAwC,UAAU;IACTT,KAAK,EAAEA,KAAM;IACbU,WAAW,eACT5C,MAAA,CAAAa,OAAA,CAAA6B,aAAA,CAACtC,WAAA,CAAAyC,UAAU;MAACC,OAAO,EAAEhB,MAAO;MAACiB,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC;IAAO,gBAC3DhD,MAAA,CAAAa,OAAA,CAAA6B,aAAA,CAACrC,MAAA,CAAA4C,aAAa,MAAE,CACN;EACb,CACF,CAAC,EACDhB,QACE,CAAC;AAEV,CAAC;AAACiB,OAAA,CAAAtB,OAAA,GAAAA,OAAA"}

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

@@ -1,2 +1,17 @@
-export * from "./Filter";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Filter = require("./Filter");
+Object.keys(_Filter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Filter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Filter[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Filter/index.ts"],"sourcesContent":["export * from \"./Filter\";\n"],"mappings":"AAAA,cAAc,UAAU"}
+{"version":3,"file":"index.js","names":["_Filter","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Filter/index.ts"],"sourcesContent":["export * from \"./Filter\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/Folder/FolderIcon.js

@@ -1,58 +1,64 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["withDocuments"];
-import React from "react";
-var FolderIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$withDocuments = _ref.withDocuments,
-    withDocuments = _ref$withDocuments === void 0 ? false : _ref$withDocuments,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("svg", _extends({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
+const FolderIcon = /*#__PURE__*/_react.default.forwardRef((_ref, svgRef) => {
+  let {
+    withDocuments = false,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: 100,
     height: 100,
     viewBox: "0 0 100 100",
     xmlns: "http://www.w3.org/2000/svg",
     ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+  }, props), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
     x: "-14.9%",
     y: "-112.5%",
     width: "129.8%",
     height: "275%",
     filterUnits: "objectBoundingBox",
     id: "image_svg__a"
-  }, /*#__PURE__*/React.createElement("feOffset", {
+  }, /*#__PURE__*/_react.default.createElement("feOffset", {
     dy: -2,
     in: "SourceAlpha",
     result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+  }), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
     stdDeviation: 2,
     in: "shadowOffsetOuter1",
     result: "shadowBlurOuter1"
-  }), /*#__PURE__*/React.createElement("feColorMatrix", {
+  }), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
     values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0",
     in: "shadowBlurOuter1"
-  })), /*#__PURE__*/React.createElement("path", {
+  })), /*#__PURE__*/_react.default.createElement("path", {
     id: "image_svg__b",
     d: "M4 28h47v8H4z"
-  })), /*#__PURE__*/React.createElement("g", {
+  })), /*#__PURE__*/_react.default.createElement("g", {
     fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M90 20H50L40 10H10C4.45 10 0 14.45 0 20v60c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z",
     fill: "#32178B"
-  }), withDocuments ? /*#__PURE__*/React.createElement("path", {
+  }), withDocuments ? /*#__PURE__*/_react.default.createElement("path", {
     d: "M8 20h42v9H4v-5a4 4 0 014-4z",
     fill: "#FFFFFF"
-  }) : null, /*#__PURE__*/React.createElement("use", {
+  }) : null, /*#__PURE__*/_react.default.createElement("use", {
     filter: "url(#image_svg__a)",
     xlinkHref: "#image_svg__b",
     fill: "black"
-  }), /*#__PURE__*/React.createElement("use", {
+  }), /*#__PURE__*/_react.default.createElement("use", {
     xlinkHref: "#image_svg__b",
     fill: "#D8D8D8"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M90 20H50l-10 8H5a5 5 0 00-5 5v47c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z",
     fill: "#5D2BFF"
   })));
 });
 FolderIcon.displayName = "FolderIcon";
-export default FolderIcon;
+var _default = exports.default = FolderIcon;
 //# sourceMappingURL=FolderIcon.js.map

package/dist/esm/components/Folder/FolderIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderIcon.js","names":["React","FolderIcon","forwardRef","svgRef","withDocuments","props","displayName"],"sources":["../../../../src/components/Folder/FolderIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface FolderIconProps {\n  withDocuments?: boolean;\n}\n\nconst FolderIcon = React.forwardRef(\n  (\n    {\n      withDocuments = false,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & FolderIconProps,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={100}\n      height={100}\n      viewBox=\"0 0 100 100\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={svgRef}\n      {...props}\n    >\n      <defs>\n        <filter\n          x=\"-14.9%\"\n          y=\"-112.5%\"\n          width=\"129.8%\"\n          height=\"275%\"\n          filterUnits=\"objectBoundingBox\"\n          id=\"image_svg__a\"\n        >\n          <feOffset dy={-2} in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" />\n          <feGaussianBlur\n            stdDeviation={2}\n            in=\"shadowOffsetOuter1\"\n            result=\"shadowBlurOuter1\"\n          />\n          <feColorMatrix\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0\"\n            in=\"shadowBlurOuter1\"\n          />\n        </filter>\n        <path id=\"image_svg__b\" d=\"M4 28h47v8H4z\" />\n      </defs>\n      <g fillRule=\"evenodd\">\n        <path\n          d=\"M90 20H50L40 10H10C4.45 10 0 14.45 0 20v60c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#32178B\"\n        />\n        {withDocuments ? (\n          <path d=\"M8 20h42v9H4v-5a4 4 0 014-4z\" fill=\"#FFFFFF\" />\n        ) : null}\n        <use\n          filter=\"url(#image_svg__a)\"\n          xlinkHref=\"#image_svg__b\"\n          fill=\"black\"\n        />\n        <use xlinkHref=\"#image_svg__b\" fill=\"#D8D8D8\" />\n        <path\n          d=\"M90 20H50l-10 8H5a5 5 0 00-5 5v47c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#5D2BFF\"\n        />\n      </g>\n    </svg>\n  )\n);\n\nFolderIcon.displayName = \"FolderIcon\";\nexport default FolderIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB,IAAMC,UAAU,gBAAGD,KAAK,CAACE,UAAU,CACjC,gBAKEC,MAAiC;EAAA,8BAH/BC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IAClBC,KAAK;EAAA,oBAIV;IACE,KAAK,EAAE,GAAI;IACX,MAAM,EAAE,GAAI;IACZ,OAAO,EAAC,aAAa;IACrB,KAAK,EAAC,4BAA4B;IAClC,GAAG,EAAEF;EAAO,GACRE,KAAK,gBAET,+CACE;IACE,CAAC,EAAC,QAAQ;IACV,CAAC,EAAC,SAAS;IACX,KAAK,EAAC,QAAQ;IACd,MAAM,EAAC,MAAM;IACb,WAAW,EAAC,mBAAmB;IAC/B,EAAE,EAAC;EAAc,gBAEjB;IAAU,EAAE,EAAE,CAAC,CAAE;IAAC,EAAE,EAAC,aAAa;IAAC,MAAM,EAAC;EAAoB,EAAG,eACjE;IACE,YAAY,EAAE,CAAE;IAChB,EAAE,EAAC,oBAAoB;IACvB,MAAM,EAAC;EAAkB,EACzB,eACF;IACE,MAAM,EAAC,2CAA2C;IAClD,EAAE,EAAC;EAAkB,EACrB,CACK,eACT;IAAM,EAAE,EAAC,cAAc;IAAC,CAAC,EAAC;EAAe,EAAG,CACvC,eACP;IAAG,QAAQ,EAAC;EAAS,gBACnB;IACE,CAAC,EAAC,qHAAqH;IACvH,IAAI,EAAC;EAAS,EACd,EACDD,aAAa,gBACZ;IAAM,CAAC,EAAC,8BAA8B;IAAC,IAAI,EAAC;EAAS,EAAG,GACtD,IAAI,eACR;IACE,MAAM,EAAC,oBAAoB;IAC3B,SAAS,EAAC,eAAe;IACzB,IAAI,EAAC;EAAO,EACZ,eACF;IAAK,SAAS,EAAC,eAAe;IAAC,IAAI,EAAC;EAAS,EAAG,eAChD;IACE,CAAC,EAAC,4GAA4G;IAC9G,IAAI,EAAC;EAAS,EACd,CACA,CACA;AAAA,CACP,CACF;AAEDH,UAAU,CAACK,WAAW,GAAG,YAAY;AACrC,eAAeL,UAAU"}
+{"version":3,"file":"FolderIcon.js","names":["_react","_interopRequireDefault","require","FolderIcon","React","forwardRef","_ref","svgRef","withDocuments","props","default","createElement","_extends2","width","height","viewBox","xmlns","ref","x","y","filterUnits","id","dy","in","result","stdDeviation","values","d","fillRule","fill","filter","xlinkHref","displayName","_default","exports"],"sources":["../../../../src/components/Folder/FolderIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface FolderIconProps {\n  withDocuments?: boolean;\n}\n\nconst FolderIcon = React.forwardRef(\n  (\n    {\n      withDocuments = false,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & FolderIconProps,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={100}\n      height={100}\n      viewBox=\"0 0 100 100\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={svgRef}\n      {...props}\n    >\n      <defs>\n        <filter\n          x=\"-14.9%\"\n          y=\"-112.5%\"\n          width=\"129.8%\"\n          height=\"275%\"\n          filterUnits=\"objectBoundingBox\"\n          id=\"image_svg__a\"\n        >\n          <feOffset dy={-2} in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" />\n          <feGaussianBlur\n            stdDeviation={2}\n            in=\"shadowOffsetOuter1\"\n            result=\"shadowBlurOuter1\"\n          />\n          <feColorMatrix\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0\"\n            in=\"shadowBlurOuter1\"\n          />\n        </filter>\n        <path id=\"image_svg__b\" d=\"M4 28h47v8H4z\" />\n      </defs>\n      <g fillRule=\"evenodd\">\n        <path\n          d=\"M90 20H50L40 10H10C4.45 10 0 14.45 0 20v60c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#32178B\"\n        />\n        {withDocuments ? (\n          <path d=\"M8 20h42v9H4v-5a4 4 0 014-4z\" fill=\"#FFFFFF\" />\n        ) : null}\n        <use\n          filter=\"url(#image_svg__a)\"\n          xlinkHref=\"#image_svg__b\"\n          fill=\"black\"\n        />\n        <use xlinkHref=\"#image_svg__b\" fill=\"#D8D8D8\" />\n        <path\n          d=\"M90 20H50l-10 8H5a5 5 0 00-5 5v47c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#5D2BFF\"\n        />\n      </g>\n    </svg>\n  )\n);\n\nFolderIcon.displayName = \"FolderIcon\";\nexport default FolderIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMA,MAAMC,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,CAAAC,IAAA,EAKEC,MAAiC;EAAA,IAJjC;IACEC,aAAa,GAAG,KAAK;IACrB,GAAGC;EAC4C,CAAC,GAAAH,IAAA;EAAA,oBAGlDN,MAAA,CAAAU,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;IACEG,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,OAAO,EAAC,aAAa;IACrBC,KAAK,EAAC,4BAA4B;IAClCC,GAAG,EAAEV;EAAO,GACRE,KAAK,gBAETT,MAAA,CAAAU,OAAA,CAAAC,aAAA,4BACEX,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEO,CAAC,EAAC,QAAQ;IACVC,CAAC,EAAC,SAAS;IACXN,KAAK,EAAC,QAAQ;IACdC,MAAM,EAAC,MAAM;IACbM,WAAW,EAAC,mBAAmB;IAC/BC,EAAE,EAAC;EAAc,gBAEjBrB,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAUW,EAAE,EAAE,CAAC,CAAE;IAACC,EAAE,EAAC,aAAa;IAACC,MAAM,EAAC;EAAoB,CAAE,CAAC,eACjExB,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEc,YAAY,EAAE,CAAE;IAChBF,EAAE,EAAC,oBAAoB;IACvBC,MAAM,EAAC;EAAkB,CAC1B,CAAC,eACFxB,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEe,MAAM,EAAC,2CAA2C;IAClDH,EAAE,EAAC;EAAkB,CACtB,CACK,CAAC,eACTvB,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAMU,EAAE,EAAC,cAAc;IAACM,CAAC,EAAC;EAAe,CAAE,CACvC,CAAC,eACP3B,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAGiB,QAAQ,EAAC;EAAS,gBACnB5B,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEgB,CAAC,EAAC,qHAAqH;IACvHE,IAAI,EAAC;EAAS,CACf,CAAC,EACDrB,aAAa,gBACZR,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAMgB,CAAC,EAAC,8BAA8B;IAACE,IAAI,EAAC;EAAS,CAAE,CAAC,GACtD,IAAI,eACR7B,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEmB,MAAM,EAAC,oBAAoB;IAC3BC,SAAS,EAAC,eAAe;IACzBF,IAAI,EAAC;EAAO,CACb,CAAC,eACF7B,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAKoB,SAAS,EAAC,eAAe;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAChD7B,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEgB,CAAC,EAAC,4GAA4G;IAC9GE,IAAI,EAAC;EAAS,CACf,CACA,CACA,CAAC;AAAA,CAEV,CAAC;AAED1B,UAAU,CAAC6B,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GACvBP,UAAU"}

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

@@ -1,2 +1,14 @@
-export { default as FolderIcon } from "./FolderIcon";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FolderIcon", {
+  enumerable: true,
+  get: function () {
+    return _FolderIcon.default;
+  }
+});
+var _FolderIcon = _interopRequireDefault(require("./FolderIcon"));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","FolderIcon"],"sources":["../../../../src/components/Folder/index.tsx"],"sourcesContent":["export { default as FolderIcon } from \"./FolderIcon\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc"}
+{"version":3,"file":"index.js","names":["_FolderIcon","_interopRequireDefault","require"],"sources":["../../../../src/components/Folder/index.tsx"],"sourcesContent":["export { default as FolderIcon } from \"./FolderIcon\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA"}

package/dist/esm/components/FontStyle.js

@@ -1,3 +1,9 @@
-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;"]);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontStyle = void 0;
+var _styledComponents = require("styled-components");
+const FontStyle = exports.FontStyle = (0, _styledComponents.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

@@ -1 +1 @@
-{"version":3,"file":"FontStyle.js","names":["css","FontStyle"],"sources":["../../../src/components/FontStyle.ts"],"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"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AAEvC,OAAO,IAAMC,SAAS,GAAGD,GAAG,uKAK3B"}
+{"version":3,"file":"FontStyle.js","names":["_styledComponents","require","FontStyle","exports","css"],"sources":["../../../src/components/FontStyle.ts"],"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"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,OAAGE,qBAAG,wKAK3B"}

package/dist/esm/components/Formatters/FormatDate.js

@@ -1,12 +1,22 @@
-import React from "react";
-import { useFormatDate } from "./useFormatDate";
-export var FormatDate = function FormatDate(_ref) {
-  var value = _ref.value,
-    long = _ref.long,
-    dateFormat = _ref.dateFormat;
-  var formatter = useFormatDate(dateFormat);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, formatter(value, long));
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormatDate = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useFormatDate = require("./useFormatDate");
+const FormatDate = _ref => {
+  let {
+    value,
+    long,
+    dateFormat
+  } = _ref;
+  const formatter = (0, _useFormatDate.useFormatDate)(dateFormat);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatter(value, long));
 };
+exports.FormatDate = FormatDate;
 FormatDate.defaultProps = {
   long: true
 };

package/dist/esm/components/Formatters/FormatDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatDate.js","names":["React","useFormatDate","FormatDate","value","long","dateFormat","formatter","defaultProps"],"sources":["../../../../src/components/Formatters/FormatDate.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateValue } from \"../../utils/dateUtils\";\nimport { useFormatDate } from \"./useFormatDate\";\n\ninterface Props {\n  value: DateValue;\n  long?: boolean;\n  dateFormat?: string;\n}\nexport const FormatDate = ({ value, long, dateFormat }: Props): JSX.Element => {\n  const formatter = useFormatDate(dateFormat);\n  return <>{formatter(value, long)}</>;\n};\n\nFormatDate.defaultProps = {\n  long: true,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,iBAAiB;AAO/C,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAAwD;EAAA,IAAlDC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAEC,UAAU,QAAVA,UAAU;EAClD,IAAMC,SAAS,GAAGL,aAAa,CAACI,UAAU,CAAC;EAC3C,oBAAO,0CAAGC,SAAS,CAACH,KAAK,EAAEC,IAAI,CAAC,CAAI;AACtC,CAAC;AAEDF,UAAU,CAACK,YAAY,GAAG;EACxBH,IAAI,EAAE;AACR,CAAC"}
+{"version":3,"file":"FormatDate.js","names":["_react","_interopRequireDefault","require","_useFormatDate","FormatDate","_ref","value","long","dateFormat","formatter","useFormatDate","default","createElement","Fragment","exports","defaultProps"],"sources":["../../../../src/components/Formatters/FormatDate.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateValue } from \"../../utils/dateUtils\";\nimport { useFormatDate } from \"./useFormatDate\";\n\ninterface Props {\n  value: DateValue;\n  long?: boolean;\n  dateFormat?: string;\n}\nexport const FormatDate = ({ value, long, dateFormat }: Props): JSX.Element => {\n  const formatter = useFormatDate(dateFormat);\n  return <>{formatter(value, long)}</>;\n};\n\nFormatDate.defaultProps = {\n  long: true,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAOO,MAAME,UAAU,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAAH,IAAA;EAC3D,MAAMI,SAAS,GAAG,IAAAC,4BAAa,EAACF,UAAU,CAAC;EAC3C,oBAAOR,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAAAZ,MAAA,CAAAW,OAAA,CAAAE,QAAA,QAAGJ,SAAS,CAACH,KAAK,EAAEC,IAAI,CAAI,CAAC;AACtC,CAAC;AAACO,OAAA,CAAAV,UAAA,GAAAA,UAAA;AAEFA,UAAU,CAACW,YAAY,GAAG;EACxBR,IAAI,EAAE;AACR,CAAC"}

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

@@ -1,2 +1,17 @@
-export * from "./FormatDate";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _FormatDate = require("./FormatDate");
+Object.keys(_FormatDate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FormatDate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FormatDate[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Formatters/index.ts"],"sourcesContent":["export * from \"./FormatDate\";\n"],"mappings":"AAAA,cAAc,cAAc"}
+{"version":3,"file":"index.js","names":["_FormatDate","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Formatters/index.ts"],"sourcesContent":["export * from \"./FormatDate\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/Formatters/useFormatDate.d.ts

@@ -1,2 +1,2 @@
-export declare const useFormatDate: (dateFormat?: string | undefined) => (value: any, long: any) => string;
+export declare const useFormatDate: (dateFormat?: string) => (value: any, long: any) => string;
 //# sourceMappingURL=useFormatDate.d.ts.map

package/dist/esm/components/Formatters/useFormatDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormatDate.d.ts","sourceRoot":"","sources":["../../../../src/components/Formatters/useFormatDate.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,wEASzB,CAAC"}
+{"version":3,"file":"useFormatDate.d.ts","sourceRoot":"","sources":["../../../../src/components/Formatters/useFormatDate.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,gBAAiB,MAAM,sCAShD,CAAC"}

package/dist/esm/components/Formatters/useFormatDate.js

@@ -1,11 +1,18 @@
-import { useCallback } from "react";
-import { useLocalization } from "../Localization";
-import { formatDate } from "../../utils/dateUtils";
-export var useFormatDate = function useFormatDate(dateFormat) {
-  var localization = useLocalization();
-  var format = dateFormat ? dateFormat : localization.dateFormat;
-  return useCallback(function (value, long) {
-    return formatDate(value, format, long);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormatDate = void 0;
+var _react = require("react");
+var _Localization = require("../Localization");
+var _dateUtils = require("../../utils/dateUtils");
+const useFormatDate = dateFormat => {
+  const localization = (0, _Localization.useLocalization)();
+  const format = dateFormat ? dateFormat : localization.dateFormat;
+  return (0, _react.useCallback)((value, long) => {
+    return (0, _dateUtils.formatDate)(value, format, long);
   }, [format]);
 };
+exports.useFormatDate = useFormatDate;
 //# sourceMappingURL=useFormatDate.js.map

package/dist/esm/components/Formatters/useFormatDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormatDate.js","names":["useCallback","useLocalization","formatDate","useFormatDate","dateFormat","localization","format","value","long"],"sources":["../../../../src/components/Formatters/useFormatDate.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useLocalization } from \"../Localization\";\nimport { formatDate } from \"../../utils/dateUtils\";\n\nexport const useFormatDate = (dateFormat?: string) => {\n  const localization = useLocalization();\n  const format = dateFormat ? dateFormat : localization.dateFormat;\n  return useCallback(\n    (value, long) => {\n      return formatDate(value, format, long);\n    },\n    [format]\n  );\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,eAAe,QAAQ,iBAAiB;AACjD,SAASC,UAAU,QAAQ,uBAAuB;AAElD,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAIC,UAAmB,EAAK;EACpD,IAAMC,YAAY,GAAGJ,eAAe,EAAE;EACtC,IAAMK,MAAM,GAAGF,UAAU,GAAGA,UAAU,GAAGC,YAAY,CAACD,UAAU;EAChE,OAAOJ,WAAW,CAChB,UAACO,KAAK,EAAEC,IAAI,EAAK;IACf,OAAON,UAAU,CAACK,KAAK,EAAED,MAAM,EAAEE,IAAI,CAAC;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC"}
+{"version":3,"file":"useFormatDate.js","names":["_react","require","_Localization","_dateUtils","useFormatDate","dateFormat","localization","useLocalization","format","useCallback","value","long","formatDate","exports"],"sources":["../../../../src/components/Formatters/useFormatDate.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useLocalization } from \"../Localization\";\nimport { formatDate } from \"../../utils/dateUtils\";\n\nexport const useFormatDate = (dateFormat?: string) => {\n  const localization = useLocalization();\n  const format = dateFormat ? dateFormat : localization.dateFormat;\n  return useCallback(\n    (value, long) => {\n      return formatDate(value, format, long);\n    },\n    [format]\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,aAAa,GAAIC,UAAmB,IAAK;EACpD,MAAMC,YAAY,GAAG,IAAAC,6BAAe,EAAC,CAAC;EACtC,MAAMC,MAAM,GAAGH,UAAU,GAAGA,UAAU,GAAGC,YAAY,CAACD,UAAU;EAChE,OAAO,IAAAI,kBAAW,EAChB,CAACC,KAAK,EAAEC,IAAI,KAAK;IACf,OAAO,IAAAC,qBAAU,EAACF,KAAK,EAAEF,MAAM,EAAEG,IAAI,CAAC;EACxC,CAAC,EACD,CAACH,MAAM,CACT,CAAC;AACH,CAAC;AAACK,OAAA,CAAAT,aAAA,GAAAA,aAAA"}

package/dist/esm/components/GlobalStyle.js

@@ -1,3 +1,9 @@
-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-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;--color-pale-green:#c3e799;--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);-- --warning:#ffcc6b;--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;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.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);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}"]);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GlobalStyle = void 0;
+var _styledComponents = require("styled-components");
+const GlobalStyle = exports.GlobalStyle = (0, _styledComponents.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;--color-pale-green:#c3e799;--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);-- --warning:#ffcc6b;--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;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.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);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}"]);
 //# sourceMappingURL=GlobalStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.js","names":["createGlobalStyle","GlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"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-theme-transparent-200: rgba(36,36,76,0.04);\n    --color-theme-transparent-300: rgba(48,48,55,0.1);\n    --color-theme-transparent-400: rgba(48,48,55,0.2);\n    --color-theme-transparent-500: rgba(48,48,55,0.34);\n    --color-theme-transparent-600: rgba(48,48,55,0.57);\n    --color-theme-transparent-700: rgba(48,48,55,0.7);\n    --color-theme-transparent-800: rgba(48,48,55,0.8);\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    --color-pale-green: #c3e799;\n\n    --body-bg-main: rgb(244, 245, 247);\n    --body-bg-main-transparent: rgba(244, 245, 247, 0);\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    --\n\n    --warning: #ffcc6b;\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: #6D6D73;\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-theme-transparent-200: rgba(6,7,8,0.12);\n    --color-theme-transparent-300: rgba(6,7,8,0.22);\n    --color-theme-transparent-400: rgba(6,7,8,0.5);\n    --color-theme-transparent-500: rgba(255,255,255,0.27);\n    --color-theme-transparent-600: rgba(255,255,255,0.4);\n    --color-theme-transparent-700: rgba(255,255,255,0.6);\n    --color-theme-transparent-800: rgba(255,255,255,0.85);\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: rgb(44, 46, 56);\n    --body-bg-main-transparent: rgba(44, 46, 56, 0);\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  html {\n    color-scheme: light;\n  }\n\n  html {\n    &.neon {\n      color-scheme: dark;\n    }\n  }\n\n  .ac-shadow,\n  .ac-shadow--raised {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--raised {\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  // CSS Tooltip ::after content: data-tooltip\n\n  .c-cooltip {\n  position: relative;\n\n  /*\n    * Prefer scoped variables in this case.\n    * This lines of CSS should be scoped too.\n    */\n\n  --cooltip-spacing: 0.5rem;\n  --cooltip-padding: 0.25rem 0.625rem;\n  --cooltip-max-width: 12.5rem;\n\n  --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n  --cooltip-transition-delay: 0.6s;\n  --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n}\n\n.c-cooltip::after {\n  /*\n    * will-change is intended to be used as a last resort,\n    * in order to try to deal with existing performance problems.\n    * It should not be used to anticipate performance problems.\n    * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n    *\n    * will-change: transform, opacity\n    */\n  pointer-events: none;\n  content: attr(data-tooltip);\n  position: absolute;\n  color: #fff;\n  opacity: 0;\n  background-color: rgba(0, 0, 0, 0.9);\n  border-radius: 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  line-height: 1.3;\n  max-width: var(--cooltip-max-width);\n  padding: var(--cooltip-padding);\n  text-align: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.c-cooltip--top::after {\n  bottom: calc(100% + var(--cooltip-spacing));\n  left: 50%;\n  transform: scale(0.85) translateX(-50%);\n  transform-origin: 0;\n}\n\n.c-cooltip--right::after {\n  left: calc(100% + var(--cooltip-spacing));\n  transform: scale(0.85);\n}\n\n.c-cooltip--bottom::after {\n  top: calc(100% + var(--cooltip-spacing));\n  left: 50%;\n  transform: scale(0.85) translateX(-50%);\n  transform-origin: 0;\n}\n\n.c-cooltip--left::after {\n  right: calc(100% + var(--cooltip-spacing));\n  transform: scale(0.85);\n}\n\n/*\n* Make sure that disabled and aria pressed\n* items do not have tooltips available.\n*/\n.c-cooltip:disabled::after,\n[aria-pressed=\"true\"]::after {\n  display: none;\n}\n\n/*\n*\n* Only use hover when is available .\n* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n*/\n@media (hover: hover) {\n  /*\n    * Here we maybe have a complex selector but actually it's not.\n    * We simply asks here to show tooltip only on hover.\n    * Focused elements (in this case, clicked elements) should hide the tooltip.\n    */\n  .c-cooltip--top:not(:focus):hover::after,\n  .c-cooltip--bottom:not(:focus):hover::after {\n    transition-property: opacity, transform;\n    transition-duration: var(--cooltip-transition-duration);\n    transition-delay: var(--cooltip-transition-delay);\n    transition-timing-function: var(--cooltip-timing);\n    transform: scale(1) translateX(-50%);\n    opacity: 1;\n  }\n\n  /*\n    *\n    * This is not code duplication!\n    * Transform properties are tricky to animate and values\n    * are not the same depending on the tooltip position.\n    *\n    * Animating only one transform, eg. scale(1) will\n    * override all previously set transforms, eg. translateY.\n    * So we need to always chain them.\n    * eg. transform: scale(1) translateY(-50%) etc...\n    */\n\n  .c-cooltip--right:not(:focus):hover::after,\n  .c-cooltip--left:not(:focus):hover::after {\n    transition-property: opacity, transform;\n    transition-duration: var(--cooltip-transition-duration);\n    transition-delay: var(--cooltip-transition-delay);\n    transition-timing-function: var(--cooltip-timing);\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n`;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AAErD,OAAO,IAAMC,WAAW,GAAGD,iBAAiB,qkSAyd3C"}
+{"version":3,"file":"GlobalStyle.js","names":["_styledComponents","require","GlobalStyle","exports","createGlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"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-theme-transparent-200: rgba(36,36,76,0.04);\n    --color-theme-transparent-300: rgba(48,48,55,0.1);\n    --color-theme-transparent-400: rgba(48,48,55,0.2);\n    --color-theme-transparent-500: rgba(48,48,55,0.34);\n    --color-theme-transparent-600: rgba(48,48,55,0.57);\n    --color-theme-transparent-700: rgba(48,48,55,0.7);\n    --color-theme-transparent-800: rgba(48,48,55,0.8);\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    --color-pale-green: #c3e799;\n\n    --body-bg-main: rgb(244, 245, 247);\n    --body-bg-main-transparent: rgba(244, 245, 247, 0);\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    --\n\n    --warning: #ffcc6b;\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: #6D6D73;\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-theme-transparent-200: rgba(6,7,8,0.12);\n    --color-theme-transparent-300: rgba(6,7,8,0.22);\n    --color-theme-transparent-400: rgba(6,7,8,0.5);\n    --color-theme-transparent-500: rgba(255,255,255,0.27);\n    --color-theme-transparent-600: rgba(255,255,255,0.4);\n    --color-theme-transparent-700: rgba(255,255,255,0.6);\n    --color-theme-transparent-800: rgba(255,255,255,0.85);\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: rgb(44, 46, 56);\n    --body-bg-main-transparent: rgba(44, 46, 56, 0);\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  html {\n    color-scheme: light;\n  }\n\n  html {\n    &.neon {\n      color-scheme: dark;\n    }\n  }\n\n  .ac-shadow,\n  .ac-shadow--raised {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--raised {\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  // CSS Tooltip ::after content: data-tooltip\n\n  .c-cooltip {\n  position: relative;\n\n  /*\n    * Prefer scoped variables in this case.\n    * This lines of CSS should be scoped too.\n    */\n\n  --cooltip-spacing: 0.5rem;\n  --cooltip-padding: 0.25rem 0.625rem;\n  --cooltip-max-width: 12.5rem;\n\n  --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n  --cooltip-transition-delay: 0.6s;\n  --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n}\n\n.c-cooltip::after {\n  /*\n    * will-change is intended to be used as a last resort,\n    * in order to try to deal with existing performance problems.\n    * It should not be used to anticipate performance problems.\n    * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n    *\n    * will-change: transform, opacity\n    */\n  pointer-events: none;\n  content: attr(data-tooltip);\n  position: absolute;\n  color: #fff;\n  opacity: 0;\n  background-color: rgba(0, 0, 0, 0.9);\n  border-radius: 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  line-height: 1.3;\n  max-width: var(--cooltip-max-width);\n  padding: var(--cooltip-padding);\n  text-align: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.c-cooltip--top::after {\n  bottom: calc(100% + var(--cooltip-spacing));\n  left: 50%;\n  transform: scale(0.85) translateX(-50%);\n  transform-origin: 0;\n}\n\n.c-cooltip--right::after {\n  left: calc(100% + var(--cooltip-spacing));\n  transform: scale(0.85);\n}\n\n.c-cooltip--bottom::after {\n  top: calc(100% + var(--cooltip-spacing));\n  left: 50%;\n  transform: scale(0.85) translateX(-50%);\n  transform-origin: 0;\n}\n\n.c-cooltip--left::after {\n  right: calc(100% + var(--cooltip-spacing));\n  transform: scale(0.85);\n}\n\n/*\n* Make sure that disabled and aria pressed\n* items do not have tooltips available.\n*/\n.c-cooltip:disabled::after,\n[aria-pressed=\"true\"]::after {\n  display: none;\n}\n\n/*\n*\n* Only use hover when is available .\n* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n*/\n@media (hover: hover) {\n  /*\n    * Here we maybe have a complex selector but actually it's not.\n    * We simply asks here to show tooltip only on hover.\n    * Focused elements (in this case, clicked elements) should hide the tooltip.\n    */\n  .c-cooltip--top:not(:focus):hover::after,\n  .c-cooltip--bottom:not(:focus):hover::after {\n    transition-property: opacity, transform;\n    transition-duration: var(--cooltip-transition-duration);\n    transition-delay: var(--cooltip-transition-delay);\n    transition-timing-function: var(--cooltip-timing);\n    transform: scale(1) translateX(-50%);\n    opacity: 1;\n  }\n\n  /*\n    *\n    * This is not code duplication!\n    * Transform properties are tricky to animate and values\n    * are not the same depending on the tooltip position.\n    *\n    * Animating only one transform, eg. scale(1) will\n    * override all previously set transforms, eg. translateY.\n    * So we need to always chain them.\n    * eg. transform: scale(1) translateY(-50%) etc...\n    */\n\n  .c-cooltip--right:not(:focus):hover::after,\n  .c-cooltip--left:not(:focus):hover::after {\n    transition-property: opacity, transform;\n    transition-duration: var(--cooltip-transition-duration);\n    transition-delay: var(--cooltip-transition-delay);\n    transition-timing-function: var(--cooltip-timing);\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,mCAAiB,skSAyd3C"}