@activecollab/components 1.0.25 → 1.0.29

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

@@ -13,7 +13,7 @@ StyledList.displayName = "StyledList";
 export var StyledListItem = styled.li.withConfig({
   displayName: "Styles__StyledListItem",
   componentId: "sc-dv1w0m-1"
-})(["", " ", " ", " color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover{background-color:var(--color-theme-200);}&focus{outline:none;}"], {
+})(["", " ", " ", " color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover{background-color:var(--color-theme-200);}&:focus{outline:none;}"], {
   "display": "flex",
   "flexDirection": "row",
   "alignItems": "center",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/Styles.ts"],"names":["styled","FontStyle","BoxSizingStyle","StyledList","ul","displayName","StyledListItem","li","StyledListSeparator","div"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,OAAO,IAAMC,UAAU,GAAGH,MAAM,CAACI,EAAV;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;AAIPD,UAAU,CAACE,WAAX,GAAyB,YAAzB;AAEA,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAACO,EAAV;AAAA;AAAA;AAAA,gLACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADqB,EAEvBL,cAFuB,EAGvBD,SAHuB,CAApB;AAoBPK,cAAc,CAACD,WAAf,GAA6B,gBAA7B;AAEA,OAAO,IAAMG,mBAAmB,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,+EAAzB;AAMPD,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledList = styled.ul`\n  ${tw`tw-list-none tw-m-0 tw-p-0`}\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${tw`tw-flex tw-flex-row tw-items-center tw-cursor-pointer tw-px-4 tw-my-1 tw-text-sm tw-select-none`}\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  &focus {\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/List/Styles.ts"],"names":["styled","FontStyle","BoxSizingStyle","StyledList","ul","displayName","StyledListItem","li","StyledListSeparator","div"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,OAAO,IAAMC,UAAU,GAAGH,MAAM,CAACI,EAAV;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;AAIPD,UAAU,CAACE,WAAX,GAAyB,YAAzB;AAEA,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAACO,EAAV;AAAA;AAAA;AAAA,iLACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADqB,EAEvBL,cAFuB,EAGvBD,SAHuB,CAApB;AAoBPK,cAAc,CAACD,WAAf,GAA6B,gBAA7B;AAEA,OAAO,IAAMG,mBAAmB,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,+EAAzB;AAMPD,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledList = styled.ul`\n  ${tw`tw-list-none tw-m-0 tw-p-0`}\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${tw`tw-flex tw-flex-row tw-items-center tw-cursor-pointer tw-px-4 tw-my-1 tw-text-sm tw-select-none`}\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"file":"Styles.js"}

package/dist/esm/components/Paper/Paper.js

@@ -21,10 +21,10 @@ export var Paper = /*#__PURE__*/forwardRef(function (_ref, innerRef) {
 
   return /*#__PURE__*/React.createElement(StyledPaper, _extends({
     className: classNames(className, {
-      "ac-shadow--hover--lg": !useOptimizedShadow && hover && type === "paper-1",
+      "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
       "ac-shadow-optimized--lg": useOptimizedShadow && hover && type === "paper-1",
       "ac-shadow--lg": !hover && type === "paper-1",
-      "ac-shadow--hover--sm": !useOptimizedShadow && hover && type === "paper-2" || !useOptimizedShadow && hover && type === "paper-3",
+      "ac-shadow--raised--sm": !useOptimizedShadow && hover && type === "paper-2" || !useOptimizedShadow && hover && type === "paper-3",
       "ac-shadow-optimized--sm": useOptimizedShadow && hover && type === "paper-2" || useOptimizedShadow && hover && type === "paper-3",
       "ac-shadow--sm": !hover && type === "paper-2" || !hover && type === "paper-3"
     }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Paper/Paper.tsx"],"names":["React","forwardRef","classNames","StyledPaper","Paper","innerRef","children","className","type","hover","useOptimizedShadow","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,UADF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,QAA4B,UAA5B;;AAmBA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGH,UAAU,CAC7B,gBASEI,QATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,SAOC,QAPDA,SAOC;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,wBALDC,KAKC;AAAA,MALDA,KAKC,2BALO,KAKP;AAAA,mCAJDC,kBAIC;AAAA,MAJDA,kBAIC,sCAJoB,KAIpB;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,WAAD;AACE,IAAA,SAAS,EAAET,UAAU,CAACK,SAAD,EAAY;AAC/B,8BACE,CAACG,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SAFZ;AAG/B,iCACEE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAJX;AAK/B,uBAAiB,CAACC,KAAD,IAAUD,IAAI,KAAK,SALL;AAM/B,8BACG,CAACE,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SAA1C,IACC,CAACE,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SARb;AAS/B,iCACGE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAAzC,IACCE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAXZ;AAY/B,uBACG,CAACC,KAAD,IAAUD,IAAI,KAAK,SAApB,IAAmC,CAACC,KAAD,IAAUD,IAAI,KAAK;AAbzB,KAAZ,CADvB;AAgBE,IAAA,GAAG,EAAEH,QAhBP;AAiBE,IAAA,IAAI,EAAEG;AAjBR,KAkBMG,IAlBN,GAoBGL,QApBH,CADF;AAwBD,CApC4B,CAAxB;AAuCPF,KAAK,CAACQ,WAAN,GAAoB,OAApB","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--hover--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--hover--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"file":"Paper.js"}
+{"version":3,"sources":["../../../../src/components/Paper/Paper.tsx"],"names":["React","forwardRef","classNames","StyledPaper","Paper","innerRef","children","className","type","hover","useOptimizedShadow","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,UADF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,QAA4B,UAA5B;;AAmBA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGH,UAAU,CAC7B,gBASEI,QATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,SAOC,QAPDA,SAOC;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,wBALDC,KAKC;AAAA,MALDA,KAKC,2BALO,KAKP;AAAA,mCAJDC,kBAIC;AAAA,MAJDA,kBAIC,sCAJoB,KAIpB;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,WAAD;AACE,IAAA,SAAS,EAAET,UAAU,CAACK,SAAD,EAAY;AAC/B,+BACE,CAACG,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SAFZ;AAG/B,iCACEE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAJX;AAK/B,uBAAiB,CAACC,KAAD,IAAUD,IAAI,KAAK,SALL;AAM/B,+BACG,CAACE,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SAA1C,IACC,CAACE,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SARb;AAS/B,iCACGE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAAzC,IACCE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAXZ;AAY/B,uBACG,CAACC,KAAD,IAAUD,IAAI,KAAK,SAApB,IAAmC,CAACC,KAAD,IAAUD,IAAI,KAAK;AAbzB,KAAZ,CADvB;AAgBE,IAAA,GAAG,EAAEH,QAhBP;AAiBE,IAAA,IAAI,EAAEG;AAjBR,KAkBMG,IAlBN,GAoBGL,QApBH,CADF;AAwBD,CApC4B,CAAxB;AAuCPF,KAAK,CAACQ,WAAN,GAAoB,OAApB","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"file":"Paper.js"}

package/dist/esm/components/Select/Styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledSelectForm: import("styled-components").StyledComponent<"form", any, {}, never>;
 export declare const StyledSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledSelectForm: import("styled-components").StyledComponent<"form", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Select/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,gBAAgB,qEAO5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,iVAG7B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB,iVAAkB,CAAC;AAIjD,eAAO,MAAM,gBAAgB,qEAY5B,CAAC"}

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

@@ -1,13 +1,13 @@
 import styled from "styled-components";
 import { Input } from "../Input/Input";
-export var StyledSelectForm = styled.form.withConfig({
-  displayName: "Styles__StyledSelectForm",
-  componentId: "sc-gfxqpu-0"
-})(["margin:12px 12px 0 12px;display:flex;*{margin:auto 0;}"]);
-StyledSelectForm.displayName = "StyledSelectForm";
 export var StyledSelectInput = styled(Input).withConfig({
   displayName: "Styles__StyledSelectInput",
-  componentId: "sc-gfxqpu-1"
-})(["width:100%;border-radius:4px;"]);
+  componentId: "sc-gfxqpu-0"
+})([""]);
 StyledSelectInput.displayName = "StyledSelectInput";
+export var StyledSelectForm = styled.form.withConfig({
+  displayName: "Styles__StyledSelectForm",
+  componentId: "sc-gfxqpu-1"
+})(["margin:12px 12px 0 12px;display:flex;", "{width:100%;border-radius:4px;}*{margin:auto 0;}"], StyledSelectInput);
+StyledSelectForm.displayName = "StyledSelectForm";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Styles.ts"],"names":["styled","Input","StyledSelectForm","form","displayName","StyledSelectInput"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AAEA,OAAO,IAAMC,gBAAgB,GAAGF,MAAM,CAACG,IAAV;AAAA;AAAA;AAAA,8DAAtB;AASPD,gBAAgB,CAACE,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,iBAAiB,GAAGL,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,qCAAvB;AAKPI,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input/Input\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n\nexport const StyledSelectInput = styled(Input)`\n  width: 100%;\n  border-radius: 4px;\n`;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Select/Styles.ts"],"names":["styled","Input","StyledSelectInput","displayName","StyledSelectForm","form"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AAEA,OAAO,IAAMC,iBAAiB,GAAGF,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,QAAvB;AAEPC,iBAAiB,CAACC,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMC,gBAAgB,GAAGJ,MAAM,CAACK,IAAV;AAAA;AAAA;AAAA,kGAIzBH,iBAJyB,CAAtB;AAcPE,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input/Input\";\n\nexport const StyledSelectInput = styled(Input)``;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  ${StyledSelectInput} {\n    width: 100%;\n    border-radius: 4px;\n  }\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n"],"file":"Styles.js"}

package/dist/index.js

@@ -3134,10 +3134,10 @@
 
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classnames__default["default"](className, {
-        "ac-shadow--hover--lg": !useOptimizedShadow && hover && type === "paper-1",
+        "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
         "ac-shadow-optimized--lg": useOptimizedShadow && hover && type === "paper-1",
         "ac-shadow--lg": !hover && type === "paper-1",
-        "ac-shadow--hover--sm": !useOptimizedShadow && hover && type === "paper-2" || !useOptimizedShadow && hover && type === "paper-3",
+        "ac-shadow--raised--sm": !useOptimizedShadow && hover && type === "paper-2" || !useOptimizedShadow && hover && type === "paper-3",
         "ac-shadow-optimized--sm": useOptimizedShadow && hover && type === "paper-2" || useOptimizedShadow && hover && type === "paper-3",
         "ac-shadow--sm": !hover && type === "paper-2" || !hover && type === "paper-3"
       }),
@@ -4580,16 +4580,16 @@
   });
   Input.displayName = "Input";
 
-  var StyledSelectForm = styled__default["default"].form.withConfig({
-    displayName: "Styles__StyledSelectForm",
-    componentId: "sc-gfxqpu-0"
-  })(["margin:12px 12px 0 12px;display:flex;*{margin:auto 0;}"]);
-  StyledSelectForm.displayName = "StyledSelectForm";
   var StyledSelectInput = styled__default["default"](Input).withConfig({
     displayName: "Styles__StyledSelectInput",
-    componentId: "sc-gfxqpu-1"
-  })(["width:100%;border-radius:4px;"]);
+    componentId: "sc-gfxqpu-0"
+  })([""]);
   StyledSelectInput.displayName = "StyledSelectInput";
+  var StyledSelectForm = styled__default["default"].form.withConfig({
+    displayName: "Styles__StyledSelectForm",
+    componentId: "sc-gfxqpu-1"
+  })(["margin:12px 12px 0 12px;display:flex;", "{width:100%;border-radius:4px;}*{margin:auto 0;}"], StyledSelectInput);
+  StyledSelectForm.displayName = "StyledSelectForm";
 
   var StyledOptionIndicator = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledOptionIndicator",
@@ -5330,7 +5330,7 @@
   var StyledListItem = styled__default["default"].li.withConfig({
     displayName: "Styles__StyledListItem",
     componentId: "sc-dv1w0m-1"
-  })(["", " ", " ", " color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover{background-color:var(--color-theme-200);}&focus{outline:none;}"], {
+  })(["", " ", " ", " color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover{background-color:var(--color-theme-200);}&:focus{outline:none;}"], {
     "display": "flex",
     "flexDirection": "row",
     "alignItems": "center",
@@ -7070,6 +7070,22 @@
   RecurringCheckmarkIcon.displayName = "RecurringCheckmarkIcon";
   var RecurringCheckmarkIcon$1 = RecurringCheckmarkIcon;
 
+  var ReportTimeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M15 9a7 7 0 110 14 7 7 0 010-14zm-3-9c1.235 0 2.29.758 2.752 1.828L14.82 2H19c1.05 0 1.918.82 1.994 1.851L21 4v5.292a9.017 9.017 0 00-1.999-1.356L19 4h-2v3H7V4H5v16l1.936.001c.362.728.82 1.4 1.356 2L5 22c-1.05 0-1.918-.82-1.994-1.851L3 20V4c0-1.05.82-1.918 1.851-1.994L5 2h4.18C9.6.84 10.7 0 12 0zm3 11a5 5 0 100 10 5 5 0 000-10zm1 2v1.999L19 15v2h-5v-4h2zM12 2c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z",
+      fillRule: "evenodd"
+    }));
+  });
+  ReportTimeIcon.displayName = "ReportTimeIcon";
+  var ReportTimeIcon$1 = ReportTimeIcon;
+
   var ReportsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -9954,7 +9970,7 @@
   ThumbsDownIcon.displayName = "ThumbsDownIcon";
   var ThumbsDownIcon$1 = ThumbsDownIcon;
 
-  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:#f4f5f7;--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#99999e;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:#2c2e38;--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}.ac-shadow,.ac-shadow--hover{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--hover{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}"]);
+  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:#f4f5f7;--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#99999e;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:#2c2e38;--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}.ac-shadow,.ac-shadow--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;
@@ -10133,6 +10149,7 @@
   exports.RearrangeSmallIcon = RearrangeSmallIcon$1;
   exports.RecurringCheckmarkIcon = RecurringCheckmarkIcon$1;
   exports.RecurringCheckmarkSmallIcon = RecurringCheckmarkSmallIcon$1;
+  exports.ReportTimeIcon = ReportTimeIcon$1;
   exports.ReportsIcon = ReportsIcon$1;
   exports.ResizeTransition = ResizeTransition;
   exports.Reveal = Reveal;