@cruk/cruk-react-components 6.0.0 → 6.0.1

package/lib/src/components/TextField/styles.js

@@ -1,111 +1,2 @@
-import A,{css as o}from"styled-components";const e="48px",t=A.span`
-  box-sizing: border-box;
-  display: block;
-  background-color: ${({theme:A})=>A.colors.textInputExtraInfo};
-  color: ${({theme:A})=>A.colors.textDark};
-  font-size: ${({theme:A})=>A.fontSizes.m};
-  line-height: ${({theme:A})=>A.typography.lineHeight};
-  font-weight: ${({theme:A})=>A.typography.fontWeightLight};
-  padding: ${({theme:A})=>`calc((${e} - 1em ) / 2) ${A.spacing.xs}`};
-  margin: 0;
-  line-height: 1rem;
-  width: auto;
-`,i=A(t)`
-  box-sizing: border-box;
-  width: auto;
-  vertical-align: middle;
-  height: ${e};
-
-  button {
-    min-height: ${({theme:A})=>`calc(${e} - (2 * ${A.utilities.inputBorderWidth}))`} !important;
-  }
-`,l=A(t)`
-  box-sizing: border-box;
-  width: auto;
-  border: ${({theme:A})=>`solid ${A.utilities.inputBorderWidth} ${A.colors.textInputBorder}`};
-  transition: border-color 150ms linear;
-  border-left: 0;
-  background-color: transparent;
-  padding: 0;
-  height: ${e};
-  vertical-align: middle;
-
-  button {
-    min-height: ${({theme:A})=>`calc(${e} - (2 * ${A.utilities.inputBorderWidth}))`} !important;
-  }
-`,b=A.span`
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-`,g=A.span`
-  box-sizing: border-box;
-  position: relative;
-  display: block;
-  flex: 1 1;
-  &:after {
-    display: ${({$isValidVisible:A,$isInvalidVisible:o})=>o||A?"block":"none"};
-    position: absolute;
-    width: 2em;
-    z-index: 1;
-    bottom: 0;
-    right: 0;
-    content: "";
-    top: 0;
-    background-repeat: no-repeat;
-    background-position: ${({theme:A})=>`calc( 100% - ${A.spacing.xxs}) 50% `};
-    ${({$isValid:A,$isInvalidVisible:e})=>!A&&e&&o`
-        background-image: url("data:image/png;base64,${"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"}");
-      `}
-    ${({$isValid:A,$isValidVisible:e})=>A&&e&&o`
-        background-image: url("data:image/png;base64,${"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"}");
-      `}
-  }
-`,a=A.input`
-  box-sizing: border-box;
-  background-color: ${({theme:A})=>A.colors.backgroundLight};
-  background-image: none;
-  border: ${({$hasError:A,theme:o})=>`solid ${o.utilities.inputBorderWidth} ${A?o.colors.textError:o.colors.textInputBorder}`};
-  border-radius: 0;
-  color: ${({theme:A})=>A.colors.textDark};
-  display: block;
-  font-size: ${({theme:A})=>A.fontSizes.m};
-  line-height: ${({theme:A})=>A.typography.lineHeight};
-  min-width: 3em;
-  padding: ${({theme:A})=>`calc((${e} - (${A.utilities.inputBorderWidth} * 2) - ${A.typography.lineHeight} ) / 2) ${A.spacing.xs}`};
-
-  /* Make sure text doesn't go behind the valid indicatior icon */
-  ${({$isValidVisible:A,$isInvalidVisible:e})=>(A||e)&&o`
-      padding-right: 3rem;
-    `}
-
-  width: 100%;
-  transition: border-color 150ms linear;
-  &:hover {
-    border-color: ${({theme:A})=>A.colors.secondary};
-  }
-  &:disabled {
-    border-color: ${({theme:A})=>A.colors.disabled};
-    color: ${({theme:A})=>A.colors.disabled};
-  }
-
-  ${({theme:A})=>A.utilities.useDefaultFocusRect?null:o`
-          &:focus {
-            outline: 0;
-            border-color: ${A.colors.tertiary};
-            ~ ${l} {
-              border-color: ${A.colors.tertiary};
-            }
-          }
-        `};
-
-  ${({$hasError:A,theme:e})=>A&&o`
-      ~ ${l} {
-        border-color: ${e.colors.textError};
-      }
-    `}
-  &:-webkit-autofill,
-    &:-webkit-autofill:focus {
-    box-shadow: 0 0 0 3em white inset !important;
-  }
-`;export{t as Extra,i as ExtraLeft,l as ExtraRight,b as ExtraWrapper,a as StyledInput,g as StyledInputWrapper};
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as A}from"styled-components";var t,e,i,r,a,l,b,g,c,u,d,s="48px",m=o.span(t||(t=n(["\n  box-sizing: border-box;\n  display: block;\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  padding: ",";\n  margin: 0;\n  line-height: 1rem;\n  width: auto;\n"],["\n  box-sizing: border-box;\n  display: block;\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  padding: ",";\n  margin: 0;\n  line-height: 1rem;\n  width: auto;\n"])),(function(n){return n.theme.colors.textInputExtraInfo}),(function(n){return n.theme.colors.textDark}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.typography.lineHeight}),(function(n){return n.theme.typography.fontWeightLight}),(function(n){var o=n.theme;return"calc((".concat(s," - 1em ) / 2) ").concat(o.spacing.xs)})),h=o(m)(e||(e=n(["\n  box-sizing: border-box;\n  width: auto;\n  vertical-align: middle;\n  height: ",";\n\n  button {\n    min-height: "," !important;\n  }\n"],["\n  box-sizing: border-box;\n  width: auto;\n  vertical-align: middle;\n  height: ",";\n\n  button {\n    min-height: "," !important;\n  }\n"])),s,(function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")})),p=o(m)(i||(i=n(["\n  box-sizing: border-box;\n  width: auto;\n  border: ",";\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ",";\n  vertical-align: middle;\n\n  button {\n    min-height: "," !important;\n  }\n"],["\n  box-sizing: border-box;\n  width: auto;\n  border: ",";\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ",";\n  vertical-align: middle;\n\n  button {\n    min-height: "," !important;\n  }\n"])),(function(n){var o=n.theme;return"solid ".concat(o.utilities.inputBorderWidth," ").concat(o.colors.textInputBorder)}),s,(function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")})),Z=o.span(r||(r=n(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n"],["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n"]))),W=o.span(b||(b=n(["\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ",';\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: "";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ',";\n    ","\n    ","\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ",';\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: "";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ',";\n    ","\n    ","\n  }\n"])),(function(n){var o=n.$isValidVisible;return n.$isInvalidVisible||o?"block":"none"}),(function(n){var o=n.theme;return"calc( 100% - ".concat(o.spacing.xxs,") 50% ")}),(function(o){var t=o.$isValid,e=o.$isInvalidVisible;return!t&&e&&A(a||(a=n(['\n        background-image: url("data:image/png;base64,','");\n      '],['\n        background-image: url("data:image/png;base64,','");\n      '])),"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")}),(function(o){var t=o.$isValid,e=o.$isValidVisible;return t&&e&&A(l||(l=n(['\n        background-image: url("data:image/png;base64,','");\n      '],['\n        background-image: url("data:image/png;base64,','");\n      '])),"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")})),C=o.input(d||(d=n(["\n  box-sizing: border-box;\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  border-radius: 0;\n  color: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  min-width: 3em;\n  padding: ",";\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ","\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  ","\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n"],["\n  box-sizing: border-box;\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  border-radius: 0;\n  color: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  min-width: 3em;\n  padding: ",";\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ","\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  ","\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n"])),(function(n){return n.theme.colors.backgroundLight}),(function(n){var o=n.$hasError,A=n.theme;return"solid ".concat(A.utilities.inputBorderWidth," ").concat(o?A.colors.textError:A.colors.textInputBorder)}),(function(n){return n.theme.colors.textDark}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.typography.lineHeight}),(function(n){var o=n.theme;return"calc((".concat(s," - (").concat(o.utilities.inputBorderWidth," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.xs)}),(function(o){var t=o.$isValidVisible,e=o.$isInvalidVisible;return(t||e)&&A(g||(g=n(["\n      padding-right: 3rem;\n    "],["\n      padding-right: 3rem;\n    "])))}),(function(n){return n.theme.colors.secondary}),(function(n){return n.theme.colors.disabled}),(function(n){return n.theme.colors.disabled}),(function(o){var t=o.theme;return t.utilities.useDefaultFocusRect?null:A(c||(c=n(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n            ~ "," {\n              border-color: ",";\n            }\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n            ~ "," {\n              border-color: ",";\n            }\n          }\n        "])),t.colors.tertiary,p,t.colors.tertiary)}),(function(o){var t=o.$hasError,e=o.theme;return t&&A(u||(u=n(["\n      ~ "," {\n        border-color: ",";\n      }\n    "],["\n      ~ "," {\n        border-color: ",";\n      }\n    "])),p,e.colors.textError)}));export{m as Extra,h as ExtraLeft,p as ExtraRight,Z as ExtraWrapper,C as StyledInput,W as StyledInputWrapper};
 //# sourceMappingURL=styles.js.map

package/lib/src/components/TextField/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/TextField/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nconst MIN_HEIGHT = \"48px\";\n\nconst crossBase64 =\n  \"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\";\n\nconst checkBase64 =\n  \"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\";\n\ntype ExtraProps = {\n  theme: ThemeType;\n};\n\ntype StyledInputProps = {\n  $hasError: boolean;\n  $isValid: boolean;\n  theme: ThemeType;\n  $isValidVisible?: boolean;\n  $isInvalidVisible?: boolean;\n};\n\nexport const Extra = styled.span<ExtraProps>`\n  box-sizing: border-box;\n  display: block;\n  background-color: ${({ theme }) => theme.colors.textInputExtraInfo};\n  color: ${({ theme }) => theme.colors.textDark};\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  line-height: ${({ theme }) => theme.typography.lineHeight};\n  font-weight: ${({ theme }) => theme.typography.fontWeightLight};\n  padding: ${({ theme }) =>\n    `calc((${MIN_HEIGHT} - 1em ) / 2) ${theme.spacing.xs}`};\n  margin: 0;\n  line-height: 1rem;\n  width: auto;\n`;\n\nexport const ExtraLeft = styled(Extra)`\n  box-sizing: border-box;\n  width: auto;\n  vertical-align: middle;\n  height: ${MIN_HEIGHT};\n\n  button {\n    min-height: ${({ theme }) =>\n      `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n  }\n`;\n\nexport const ExtraRight = styled(Extra)<ExtraProps>`\n  box-sizing: border-box;\n  width: auto;\n  border: ${({ theme }) =>\n    `solid ${theme.utilities.inputBorderWidth} ${theme.colors.textInputBorder}`};\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ${MIN_HEIGHT};\n  vertical-align: middle;\n\n  button {\n    min-height: ${({ theme }) =>\n      `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n  }\n`;\n\nexport const ExtraWrapper = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledInputWrapper = styled.span<StyledInputProps>`\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ${({ $isValidVisible, $isInvalidVisible }) =>\n      !!$isInvalidVisible || !!$isValidVisible ? \"block\" : \"none\"};\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: \"\";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ${({ theme }) =>\n      `calc( 100% - ${theme.spacing.xxs}) 50% `};\n    ${({ $isValid, $isInvalidVisible }) =>\n      !$isValid &&\n      $isInvalidVisible &&\n      css`\n        background-image: url(\"data:image/png;base64,${crossBase64}\");\n      `}\n    ${({ $isValid, $isValidVisible }) =>\n      $isValid &&\n      $isValidVisible &&\n      css`\n        background-image: url(\"data:image/png;base64,${checkBase64}\");\n      `}\n  }\n`;\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  box-sizing: border-box;\n  background-color: ${({ theme }) => theme.colors.backgroundLight};\n  background-image: none;\n  border: ${({ $hasError, theme }) =>\n    `solid ${theme.utilities.inputBorderWidth} ${\n      $hasError ? theme.colors.textError : theme.colors.textInputBorder\n    }`};\n  border-radius: 0;\n  color: ${({ theme }) => theme.colors.textDark};\n  display: block;\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  line-height: ${({ theme }) => theme.typography.lineHeight};\n  min-width: 3em;\n  padding: ${({ theme }) =>\n    `calc((${MIN_HEIGHT} - (${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.xs}`};\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ${({ $isValidVisible, $isInvalidVisible }) =>\n    ($isValidVisible || $isInvalidVisible) &&\n    css`\n      padding-right: 3rem;\n    `}\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ${({ theme }) => theme.colors.secondary};\n  }\n  &:disabled {\n    border-color: ${({ theme }) => theme.colors.disabled};\n    color: ${({ theme }) => theme.colors.disabled};\n  }\n\n  ${({ theme }) =>\n    !theme.utilities.useDefaultFocusRect\n      ? css`\n          &:focus {\n            outline: 0;\n            border-color: ${theme.colors.tertiary};\n            ~ ${ExtraRight} {\n              border-color: ${theme.colors.tertiary};\n            }\n          }\n        `\n      : null};\n\n  ${({ $hasError, theme }) =>\n    $hasError &&\n    css`\n      ~ ${ExtraRight} {\n        border-color: ${theme.colors.textError};\n      }\n    `}\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n`;\n"],"names":["MIN_HEIGHT","Extra","styled","span","theme","colors","textInputExtraInfo","textDark","fontSizes","m","typography","lineHeight","fontWeightLight","spacing","xs","ExtraLeft","utilities","inputBorderWidth","ExtraRight","textInputBorder","ExtraWrapper","StyledInputWrapper","$isValidVisible","$isInvalidVisible","xxs","$isValid","css","StyledInput","input","backgroundLight","$hasError","textError","secondary","disabled","useDefaultFocusRect","tertiary"],"mappings":"2CAIA,MAAMA,EAAa,OAoBNC,EAAQC,EAAOC,IAAgB;;;sBAGtB,EAAGC,WAAYA,EAAMC,OAAOC;WACvC,EAAGF,WAAYA,EAAMC,OAAOE;eACxB,EAAGH,WAAYA,EAAMI,UAAUC;iBAC7B,EAAGL,WAAYA,EAAMM,WAAWC;iBAChC,EAAGP,WAAYA,EAAMM,WAAWE;aACpC,EAAGR,WACZ,SAASJ,kBAA2BI,EAAMS,QAAQC;;;;EAMzCC,EAAYb,EAAOD,EAAM;;;;YAI1BD;;;kBAGM,EAAGI,WACf,QAAQJ,YAAqBI,EAAMY,UAAUC;;EAItCC,EAAahB,EAAOD,EAAkB;;;YAGvC,EAAGG,WACX,SAASA,EAAMY,UAAUC,oBAAoBb,EAAMC,OAAOc;;;;;YAKlDnB;;;;kBAIM,EAAGI,WACf,QAAQJ,YAAqBI,EAAMY,UAAUC;;EAItCG,EAAelB,EAAOC,IAAI;;;;EAM1BkB,EAAqBnB,EAAOC,IAAsB;;;;;;eAMhD,EAAGmB,kBAAiBC,uBAC3BA,GAAuBD,EAAkB,QAAU;;;;;;;;;2BAShC,EAAGlB,WACxB,gBAAgBA,EAAMS,QAAQW;MAC9B,EAAGC,WAAUF,wBACZE,GACDF,GACAG,CAAG;uDAzFP;;MA4FI,EAAGD,WAAUH,qBACbG,GACAH,GACAI,CAAG;uDA5FP;;;EAkGWC,EAAczB,EAAO0B,KAAuB;;sBAEnC,EAAGxB,WAAYA,EAAMC,OAAOwB;;YAEtC,EAAGC,YAAW1B,WACtB,SAASA,EAAMY,UAAUC,oBACvBa,EAAY1B,EAAMC,OAAO0B,UAAY3B,EAAMC,OAAOc;;WAG7C,EAAGf,WAAYA,EAAMC,OAAOE;;eAExB,EAAGH,WAAYA,EAAMI,UAAUC;iBAC7B,EAAGL,WAAYA,EAAMM,WAAWC;;aAEpC,EAAGP,WACZ,SAASJ,QAAiBI,EAAMY,UAAUC,2BAA2Bb,EAAMM,WAAWC,qBAAqBP,EAAMS,QAAQC;;;IAGzH,EAAGQ,kBAAiBC,wBACnBD,GAAmBC,IACpBG,CAAG;;;;;;;oBAOa,EAAGtB,WAAYA,EAAMC,OAAO2B;;;oBAG5B,EAAG5B,WAAYA,EAAMC,OAAO4B;aACnC,EAAG7B,WAAYA,EAAMC,OAAO4B;;;IAGrC,EAAG7B,WACFA,EAAMY,UAAUkB,oBAUb,KATAR,CAAG;;;4BAGiBtB,EAAMC,OAAO8B;gBACzBjB;8BACcd,EAAMC,OAAO8B;;;;;IAMvC,EAAGL,YAAW1B,WACd0B,GACAJ,CAAG;UACGR;wBACcd,EAAMC,OAAO0B;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/TextField/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nconst MIN_HEIGHT = \"48px\";\n\nconst crossBase64 =\n  \"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\";\n\nconst checkBase64 =\n  \"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\";\n\ntype ExtraProps = {\n  theme: ThemeType;\n};\n\ntype StyledInputProps = {\n  $hasError: boolean;\n  $isValid: boolean;\n  theme: ThemeType;\n  $isValidVisible?: boolean;\n  $isInvalidVisible?: boolean;\n};\n\nexport const Extra = styled.span<ExtraProps>`\n  box-sizing: border-box;\n  display: block;\n  background-color: ${({ theme }) => theme.colors.textInputExtraInfo};\n  color: ${({ theme }) => theme.colors.textDark};\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  line-height: ${({ theme }) => theme.typography.lineHeight};\n  font-weight: ${({ theme }) => theme.typography.fontWeightLight};\n  padding: ${({ theme }) =>\n    `calc((${MIN_HEIGHT} - 1em ) / 2) ${theme.spacing.xs}`};\n  margin: 0;\n  line-height: 1rem;\n  width: auto;\n`;\n\nexport const ExtraLeft = styled(Extra)`\n  box-sizing: border-box;\n  width: auto;\n  vertical-align: middle;\n  height: ${MIN_HEIGHT};\n\n  button {\n    min-height: ${({ theme }) =>\n      `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n  }\n`;\n\nexport const ExtraRight = styled(Extra)<ExtraProps>`\n  box-sizing: border-box;\n  width: auto;\n  border: ${({ theme }) =>\n    `solid ${theme.utilities.inputBorderWidth} ${theme.colors.textInputBorder}`};\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ${MIN_HEIGHT};\n  vertical-align: middle;\n\n  button {\n    min-height: ${({ theme }) =>\n      `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n  }\n`;\n\nexport const ExtraWrapper = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledInputWrapper = styled.span<StyledInputProps>`\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ${({ $isValidVisible, $isInvalidVisible }) =>\n      !!$isInvalidVisible || !!$isValidVisible ? \"block\" : \"none\"};\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: \"\";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ${({ theme }) =>\n      `calc( 100% - ${theme.spacing.xxs}) 50% `};\n    ${({ $isValid, $isInvalidVisible }) =>\n      !$isValid &&\n      $isInvalidVisible &&\n      css`\n        background-image: url(\"data:image/png;base64,${crossBase64}\");\n      `}\n    ${({ $isValid, $isValidVisible }) =>\n      $isValid &&\n      $isValidVisible &&\n      css`\n        background-image: url(\"data:image/png;base64,${checkBase64}\");\n      `}\n  }\n`;\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  box-sizing: border-box;\n  background-color: ${({ theme }) => theme.colors.backgroundLight};\n  background-image: none;\n  border: ${({ $hasError, theme }) =>\n    `solid ${theme.utilities.inputBorderWidth} ${\n      $hasError ? theme.colors.textError : theme.colors.textInputBorder\n    }`};\n  border-radius: 0;\n  color: ${({ theme }) => theme.colors.textDark};\n  display: block;\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  line-height: ${({ theme }) => theme.typography.lineHeight};\n  min-width: 3em;\n  padding: ${({ theme }) =>\n    `calc((${MIN_HEIGHT} - (${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.xs}`};\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ${({ $isValidVisible, $isInvalidVisible }) =>\n    ($isValidVisible || $isInvalidVisible) &&\n    css`\n      padding-right: 3rem;\n    `}\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ${({ theme }) => theme.colors.secondary};\n  }\n  &:disabled {\n    border-color: ${({ theme }) => theme.colors.disabled};\n    color: ${({ theme }) => theme.colors.disabled};\n  }\n\n  ${({ theme }) =>\n    !theme.utilities.useDefaultFocusRect\n      ? css`\n          &:focus {\n            outline: 0;\n            border-color: ${theme.colors.tertiary};\n            ~ ${ExtraRight} {\n              border-color: ${theme.colors.tertiary};\n            }\n          }\n        `\n      : null};\n\n  ${({ $hasError, theme }) =>\n    $hasError &&\n    css`\n      ~ ${ExtraRight} {\n        border-color: ${theme.colors.textError};\n      }\n    `}\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n`;\n"],"names":["MIN_HEIGHT","Extra","styled","span","templateObject_1","__makeTemplateObject","_a","theme","colors","textInputExtraInfo","textDark","fontSizes","m","typography","lineHeight","fontWeightLight","concat","spacing","xs","ExtraLeft","templateObject_2","utilities","inputBorderWidth","ExtraRight","templateObject_3","textInputBorder","ExtraWrapper","templateObject_4","StyledInputWrapper","templateObject_7","$isValidVisible","$isInvalidVisible","xxs","$isValid","css","templateObject_5","templateObject_6","StyledInput","input","templateObject_11","backgroundLight","$hasError","textError","templateObject_8","secondary","disabled","useDefaultFocusRect","templateObject_9","tertiary","templateObject_10"],"mappings":"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"}

package/lib/src/components/Totaliser/index.js

@@ -1,2 +1,2 @@
-import e from"react";import{useTheme as t}from"styled-components";import{calculatePercentRounded as n,formatMoneyWithCommas as r}from"../../utils/Helper.js";import{crukTheme as m}from"../../themes/cruk.js";import{Text as l}from"../Text/index.js";import{Badge as a}from"../Badge/index.js";import{Box as o}from"../Box/index.js";import{TotaliserWrapper as i,BubbleWrapper as c,BubbleText as s,Total as p,GiftAid as u,ProgressBarWrapper as E,StyledProgressBar as d,Summary as f,CompactWrapper as g}from"./styles.js";function h({total:h,additionalAmount:x,giftAid:j,target:$=null,isCompact:y,summaryMessage:A,children:B}){const C=t(),H={...m,...C},T=n(+h,$||0),k=n(x?+h+(x||0):0,$||0),z=`${T}% of the £${r($||0)} target`;return e.createElement(i,{$isCompact:y||!1,theme:H},y?e.createElement(o,{marginHorizontal:"none",marginRight:"xxs",marginBottom:"none"},e.createElement(a,null,`£${r(h)}`)):e.createElement(c,{theme:H},e.createElement(s,null,"Total raised"),e.createElement(p,null,"£",r(h)),e.createElement(u,null,"+ £",r(j||0)," Gift Aid")),(!!$||!!A)&&e.createElement(e.Fragment,null,e.createElement(E,{$isCompact:y||!1,theme:H},e.createElement(d,{theme:H,percentage:T,secondaryPercentage:k}),y?e.createElement(g,{theme:H},null!==$&&e.createElement(f,null,e.createElement(l,{as:"span"},z))):A?e.createElement(f,null,A):e.createElement(f,null,e.createElement(l,{as:"span"},z)))),B)}export{h as Totaliser,h as default};
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import{useTheme as n}from"styled-components";import{calculatePercentRounded as r,formatMoneyWithCommas as m}from"../../utils/Helper.js";import{crukTheme as l}from"../../themes/cruk.js";import{Text as a}from"../Text/index.js";import{Badge as o}from"../Badge/index.js";import{Box as i}from"../Box/index.js";import{TotaliserWrapper as c,BubbleWrapper as s,BubbleText as d,Total as p,GiftAid as u,ProgressBarWrapper as E,StyledProgressBar as f,Summary as g,CompactWrapper as h}from"./styles.js";function x(x){var j=x.total,v=x.additionalAmount,y=x.giftAid,A=x.target,B=void 0===A?null:A,C=x.isCompact,b=x.summaryMessage,H=void 0===b?void 0:b,T=x.children,$=n(),k=e(e({},l),$),z=r(+j,B||0),F=r(v?+j+(v||0):0,B||0),G="".concat(z,"% of the £").concat(m(B||0)," target");return t.createElement(c,{$isCompact:C||!1,theme:k},C?t.createElement(i,{marginHorizontal:"none",marginRight:"xxs",marginBottom:"none"},t.createElement(o,null,"£".concat(m(j)))):t.createElement(s,{theme:k},t.createElement(d,null,"Total raised"),t.createElement(p,null,"£",m(j)),t.createElement(u,null,"+ £",m(y||0)," Gift Aid")),(!!B||!!H)&&t.createElement(t.Fragment,null,t.createElement(E,{$isCompact:C||!1,theme:k},t.createElement(f,{theme:k,percentage:z,secondaryPercentage:F}),C?t.createElement(h,{theme:k},null!==B&&t.createElement(g,null,t.createElement(a,{as:"span"},G))):H?t.createElement(g,null,H):t.createElement(g,null,t.createElement(a,{as:"span"},G)))),T)}export{x as Totaliser,x as default};
 //# sourceMappingURL=index.js.map

package/lib/src/components/Totaliser/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Totaliser/index.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport { useTheme } from \"styled-components\";\n\nimport {\n  calculatePercentRounded,\n  formatMoneyWithCommas,\n} from \"../../utils/Helper\";\n\nimport { crukTheme as defaultTheme } from \"../../themes/cruk\";\nimport { Text } from \"../Text\";\nimport { Badge } from \"../Badge\";\nimport { Box } from \"../Box\";\n\nimport {\n  TotaliserWrapper,\n  CompactWrapper,\n  Summary,\n  BubbleWrapper,\n  BubbleText,\n  GiftAid,\n  Total,\n  ProgressBarWrapper,\n  StyledProgressBar,\n} from \"./styles\";\n\nexport type TotaliserProps = {\n  /** financial total as a number */\n  total: number;\n  /** additional donation amount as a number */\n  additionalAmount?: number;\n  /** git aid total as a number */\n  giftAid?: number;\n  /** money target as a number */\n  target?: number | null;\n  /** flag for low height compact appearance */\n  isCompact?: boolean;\n  /** component for custom summary message underneath total graph only visible if there is a target */\n  summaryMessage?: ReactNode;\n  /** component children */\n  children?: ReactNode;\n};\n\n// TODO figure out how we want to handle AriaAttributes\n\n/**\n * Think Blue Peter, used to display total raised and if target prop is passed will display tercentage of target reached.\n * */\nexport function Totaliser({\n  total,\n  additionalAmount,\n  giftAid,\n  target = null,\n  isCompact,\n  summaryMessage = undefined,\n  children,\n}: TotaliserProps) {\n  const foundTheme = useTheme();\n  const theme = {\n    ...defaultTheme,\n    ...foundTheme,\n  };\n  const percentageOfTotal = calculatePercentRounded(+total, target || 0);\n  const withAdditionalPercentageOfTotal = calculatePercentRounded(\n    additionalAmount ? +total + (additionalAmount || 0) : 0,\n    target || 0,\n  );\n\n  const summaryString = `${percentageOfTotal}% of the £${formatMoneyWithCommas(\n    target || 0,\n  )} target`;\n\n  return (\n    <TotaliserWrapper $isCompact={isCompact || false} theme={theme}>\n      {!isCompact ? (\n        <BubbleWrapper theme={theme}>\n          <BubbleText>Total raised</BubbleText>\n          <Total>£{formatMoneyWithCommas(total)}</Total>\n          <GiftAid>+ £{formatMoneyWithCommas(giftAid || 0)} Gift Aid</GiftAid>\n        </BubbleWrapper>\n      ) : (\n        <Box marginHorizontal=\"none\" marginRight=\"xxs\" marginBottom=\"none\">\n          <Badge>{`£${formatMoneyWithCommas(total)}`}</Badge>\n        </Box>\n      )}\n      {/* We don't want to show the default summaryMessage if there is no target, because the summary is associated with the target progress bar */}\n      {/* However, if we explicitly pass a summaryMessage string/component, then we want to always display it even if the target is zero */}\n\n      {(!!target || !!summaryMessage) && (\n        <>\n          <ProgressBarWrapper $isCompact={isCompact || false} theme={theme}>\n            <StyledProgressBar\n              theme={theme}\n              percentage={percentageOfTotal}\n              secondaryPercentage={withAdditionalPercentageOfTotal}\n            />\n            {!isCompact ? (\n              summaryMessage ? (\n                <Summary>{summaryMessage}</Summary>\n              ) : (\n                <Summary>\n                  <Text as=\"span\">{summaryString}</Text>\n                </Summary>\n              )\n            ) : (\n              <CompactWrapper theme={theme}>\n                {target !== null && (\n                  <Summary>\n                    <Text as=\"span\">{summaryString}</Text>\n                  </Summary>\n                )}\n              </CompactWrapper>\n            )}\n          </ProgressBarWrapper>\n        </>\n      )}\n      {children}\n    </TotaliserWrapper>\n  );\n}\n\nexport default Totaliser;\n"],"names":["Totaliser","total","additionalAmount","giftAid","target","isCompact","summaryMessage","children","foundTheme","useTheme","theme","defaultTheme","percentageOfTotal","calculatePercentRounded","withAdditionalPercentageOfTotal","summaryString","formatMoneyWithCommas","React","createElement","TotaliserWrapper","$isCompact","Box","marginHorizontal","marginRight","marginBottom","Badge","BubbleWrapper","BubbleText","Total","GiftAid","Fragment","ProgressBarWrapper","StyledProgressBar","percentage","secondaryPercentage","CompactWrapper","Summary","Text","as"],"mappings":"ggBA+CM,SAAUA,GAAUC,MACxBA,EAAKC,iBACLA,EAAgBC,QAChBA,EAAOC,OACPA,EAAS,KAAIC,UACbA,EAASC,eACTA,EAA0BC,SAC1BA,IAEA,MAAMC,EAAaC,IACbC,EAAQ,IACTC,KACAH,GAECI,EAAoBC,GAAyBZ,EAAOG,GAAU,GAC9DU,EAAkCD,EACtCX,GAAoBD,GAASC,GAAoB,GAAK,EACtDE,GAAU,GAGNW,EAAgB,GAAGH,cAA8BI,EACrDZ,GAAU,YAGZ,OACEa,EAACC,cAAAC,EAA6B,CAAAC,WAAAf,IAAa,EAAOK,MAAOA,GACrDL,EAOAY,EAAAC,cAACG,EAAI,CAAAC,iBAAiB,OAAOC,YAAY,MAAMC,aAAa,QAC1DP,EAACC,cAAAO,EAAO,KAAA,IAAIT,EAAsBf,OAPpCgB,gBAACS,EAAa,CAAChB,MAAOA,GACpBO,EAAAC,cAACS,EAAoC,KAAA,gBACrCV,EAAAC,cAACU,EAAK,SAAGZ,EAAsBf,IAC/BgB,EAAAC,cAACW,EAAO,WAAKb,EAAsBb,GAAW,GAAsB,iBAUpEC,KAAYE,IACdW,EAAAC,cAAAD,EAAAa,SAAA,KACEb,EAACC,cAAAa,cAA+B1B,IAAa,EAAOK,MAAOA,GACzDO,EAAAC,cAACc,EAAiB,CAChBtB,MAAOA,EACPuB,WAAYrB,EACZsB,oBAAqBpB,IAErBT,EASAY,EAAAC,cAACiB,EAAc,CAACzB,MAAOA,GACT,OAAXN,GACCa,EAAAC,cAACkB,EAAO,KACNnB,EAAAC,cAACmB,EAAI,CAACC,GAAG,QAAQvB,KAXvBT,EACEW,gBAACmB,EAAO,KAAE9B,GAEVW,EAAAC,cAACkB,EAAO,KACNnB,EAAAC,cAACmB,EAAI,CAACC,GAAG,QAAQvB,MAe5BR,EAGP"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Totaliser/index.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport { useTheme } from \"styled-components\";\n\nimport {\n  calculatePercentRounded,\n  formatMoneyWithCommas,\n} from \"../../utils/Helper\";\n\nimport { crukTheme as defaultTheme } from \"../../themes/cruk\";\nimport { Text } from \"../Text\";\nimport { Badge } from \"../Badge\";\nimport { Box } from \"../Box\";\n\nimport {\n  TotaliserWrapper,\n  CompactWrapper,\n  Summary,\n  BubbleWrapper,\n  BubbleText,\n  GiftAid,\n  Total,\n  ProgressBarWrapper,\n  StyledProgressBar,\n} from \"./styles\";\n\nexport type TotaliserProps = {\n  /** financial total as a number */\n  total: number;\n  /** additional donation amount as a number */\n  additionalAmount?: number;\n  /** git aid total as a number */\n  giftAid?: number;\n  /** money target as a number */\n  target?: number | null;\n  /** flag for low height compact appearance */\n  isCompact?: boolean;\n  /** component for custom summary message underneath total graph only visible if there is a target */\n  summaryMessage?: ReactNode;\n  /** component children */\n  children?: ReactNode;\n};\n\n// TODO figure out how we want to handle AriaAttributes\n\n/**\n * Think Blue Peter, used to display total raised and if target prop is passed will display tercentage of target reached.\n * */\nexport function Totaliser({\n  total,\n  additionalAmount,\n  giftAid,\n  target = null,\n  isCompact,\n  summaryMessage = undefined,\n  children,\n}: TotaliserProps) {\n  const foundTheme = useTheme();\n  const theme = {\n    ...defaultTheme,\n    ...foundTheme,\n  };\n  const percentageOfTotal = calculatePercentRounded(+total, target || 0);\n  const withAdditionalPercentageOfTotal = calculatePercentRounded(\n    additionalAmount ? +total + (additionalAmount || 0) : 0,\n    target || 0,\n  );\n\n  const summaryString = `${percentageOfTotal}% of the £${formatMoneyWithCommas(\n    target || 0,\n  )} target`;\n\n  return (\n    <TotaliserWrapper $isCompact={isCompact || false} theme={theme}>\n      {!isCompact ? (\n        <BubbleWrapper theme={theme}>\n          <BubbleText>Total raised</BubbleText>\n          <Total>£{formatMoneyWithCommas(total)}</Total>\n          <GiftAid>+ £{formatMoneyWithCommas(giftAid || 0)} Gift Aid</GiftAid>\n        </BubbleWrapper>\n      ) : (\n        <Box marginHorizontal=\"none\" marginRight=\"xxs\" marginBottom=\"none\">\n          <Badge>{`£${formatMoneyWithCommas(total)}`}</Badge>\n        </Box>\n      )}\n      {/* We don't want to show the default summaryMessage if there is no target, because the summary is associated with the target progress bar */}\n      {/* However, if we explicitly pass a summaryMessage string/component, then we want to always display it even if the target is zero */}\n\n      {(!!target || !!summaryMessage) && (\n        <>\n          <ProgressBarWrapper $isCompact={isCompact || false} theme={theme}>\n            <StyledProgressBar\n              theme={theme}\n              percentage={percentageOfTotal}\n              secondaryPercentage={withAdditionalPercentageOfTotal}\n            />\n            {!isCompact ? (\n              summaryMessage ? (\n                <Summary>{summaryMessage}</Summary>\n              ) : (\n                <Summary>\n                  <Text as=\"span\">{summaryString}</Text>\n                </Summary>\n              )\n            ) : (\n              <CompactWrapper theme={theme}>\n                {target !== null && (\n                  <Summary>\n                    <Text as=\"span\">{summaryString}</Text>\n                  </Summary>\n                )}\n              </CompactWrapper>\n            )}\n          </ProgressBarWrapper>\n        </>\n      )}\n      {children}\n    </TotaliserWrapper>\n  );\n}\n\nexport default Totaliser;\n"],"names":["Totaliser","_a","total","additionalAmount","giftAid","_b","target","undefined","isCompact","_c","summaryMessage","children","foundTheme","useTheme","theme","__assign","defaultTheme","percentageOfTotal","calculatePercentRounded","withAdditionalPercentageOfTotal","summaryString","concat","formatMoneyWithCommas","React","createElement","TotaliserWrapper","$isCompact","Box","marginHorizontal","marginRight","marginBottom","Badge","BubbleWrapper","BubbleText","Total","GiftAid","Fragment","ProgressBarWrapper","StyledProgressBar","percentage","secondaryPercentage","CompactWrapper","Summary","Text","as"],"mappings":"okBA+CM,SAAUA,EAAUC,OACxBC,EAAKD,EAAAC,MACLC,EAAgBF,EAAAE,iBAChBC,EAAOH,EAAAG,QACPC,EAAAJ,EAAAK,OAAAA,OAASC,IAAAF,EAAA,OACTG,EAASP,EAAAO,UACTC,EAA0BR,EAAAS,eAA1BA,OAAcH,IAAAE,OAAGF,EAASE,EAC1BE,EAAQV,EAAAU,SAEFC,EAAaC,IACbC,EACDC,EAAAA,EAAA,CAAA,EAAAC,GACAJ,GAECK,EAAoBC,GAAyBhB,EAAOI,GAAU,GAC9Da,EAAkCD,EACtCf,GAAoBD,GAASC,GAAoB,GAAK,EACtDG,GAAU,GAGNc,EAAgB,GAAGC,OAAAJ,EAA8B,cAAAI,OAAAC,EACrDhB,GAAU,GACX,WAED,OACEiB,EAACC,cAAAC,EAA6B,CAAAC,WAAAlB,IAAa,EAAOM,MAAOA,GACrDN,EAOAe,EAAAC,cAACG,EAAI,CAAAC,iBAAiB,OAAOC,YAAY,MAAMC,aAAa,QAC1DP,EAACC,cAAAO,EAAO,KAAA,IAAAV,OAAIC,EAAsBpB,MAPpCqB,gBAACS,EAAa,CAAClB,MAAOA,GACpBS,EAAAC,cAACS,EAAoC,KAAA,gBACrCV,EAAAC,cAACU,EAAK,SAAGZ,EAAsBpB,IAC/BqB,EAAAC,cAACW,EAAO,WAAKb,EAAsBlB,GAAW,GAAsB,iBAUpEE,KAAYI,IACda,EAAAC,cAAAD,EAAAa,SAAA,KACEb,EAACC,cAAAa,cAA+B7B,IAAa,EAAOM,MAAOA,GACzDS,EAAAC,cAACc,EAAiB,CAChBxB,MAAOA,EACPyB,WAAYtB,EACZuB,oBAAqBrB,IAErBX,EASAe,EAAAC,cAACiB,EAAc,CAAC3B,MAAOA,GACT,OAAXR,GACCiB,EAAAC,cAACkB,EAAO,KACNnB,EAAAC,cAACmB,EAAI,CAACC,GAAG,QAAQxB,KAXvBV,EACEa,gBAACmB,EAAO,KAAEhC,GAEVa,EAAAC,cAACkB,EAAO,KACNnB,EAAAC,cAACmB,EAAI,CAACC,GAAG,QAAQxB,MAe5BT,EAGP"}

package/lib/src/components/Totaliser/styles.js

@@ -1,60 +1,2 @@
-import o,{css as t}from"styled-components";import{ProgressBar as e}from"../ProgressBar/index.js";const r=o.div`
-  text-align: center;
-  background-color: ${({theme:o})=>o.colors.totaliserBubbleColor};
-  border-radius: 3.2rem;
-  padding: 5px;
-  position: relative;
-  p {
-    margin: 0;
-  }
-`,a=o.div`
-  padding: 0 46px 12px;
-  margin-top: ${({theme:o})=>o.spacing.s};
-  position: relative;
-
-  ${({$isCompact:o,theme:e})=>!0!=!!o&&t`
-      div > div > div:not(:first-child) {
-        &:after {
-          content: "\\25bc";
-          color: ${e.colors.totaliserBubbleColor};
-          position: absolute;
-          top: -30px;
-          right: -15px;
-          font-size: 32px;
-        }
-      }
-    `};
-`,i=o.p`
-  color: ${({theme:o})=>o.colors.totaliserBubbleTotalColor};
-  font-size: 2.625rem;
-  line-height: 3rem;
-  font-family: ${({theme:o})=>o.typography.fontFamilyHeadings};
-  text-transform: ${({theme:o})=>o.typography.headerTextTransform};
-`,n=o.p`
-  color: ${({theme:o})=>o.colors.totaliserBubbleTextColor};
-  font-family: ${({theme:o})=>o.typography.fontFamilyHeadings};
-  text-transform: ${({theme:{typography:{headerTextTransform:o}}})=>o};
-`,l=o.p`
-  color: ${({theme:o})=>o.colors.totaliserBubbleTotalColor};
-  font-family: ${({theme:o})=>o.typography.fontFamilyHeadings};
-  text-transform: ${({theme:{typography:{headerTextTransform:o}}})=>o};
-`,m=o.span`
-  display: block;
-  text-align: right;
-  margin-top: 12px;
-  margin-bottom: 0;
-  font-family: ${({theme:o})=>o.typography.fontFamilyBase};
-`,p=o.div`
-  font-family: ${({theme:o})=>o.typography.fontFamilyHeadings};
-  margin: 0;
-  ${o=>o.$isCompact&&t`
-      ${a} {
-        border: none;
-        padding: 0;
-      }
-    `}
-`,s=o.div`
-  justify-content: flex-end;
-  display: flex;
-`,d=o(e)``;export{n as BubbleText,r as BubbleWrapper,s as CompactWrapper,l as GiftAid,a as ProgressBarWrapper,d as StyledProgressBar,m as Summary,i as Total,p as TotaliserWrapper};
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t,{css as o}from"styled-components";import{ProgressBar as r}from"../ProgressBar/index.js";var e,i,a,l,f,m,p,s,d,c,u,g=t.div(e||(e=n(["\n  text-align: center;\n  background-color: ",";\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  p {\n    margin: 0;\n  }\n"],["\n  text-align: center;\n  background-color: ",";\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  p {\n    margin: 0;\n  }\n"])),(function(n){return n.theme.colors.totaliserBubbleColor})),y=t.div(a||(a=n(["\n  padding: 0 46px 12px;\n  margin-top: ",";\n  position: relative;\n\n  ",";\n"],["\n  padding: 0 46px 12px;\n  margin-top: ",";\n  position: relative;\n\n  ",";\n"])),(function(n){return n.theme.spacing.s}),(function(t){var r=t.$isCompact,e=t.theme;return!0!=!!r&&o(i||(i=n(['\n      div > div > div:not(:first-child) {\n        &:after {\n          content: "\\25bc";\n          color: ',";\n          position: absolute;\n          top: -30px;\n          right: -15px;\n          font-size: 32px;\n        }\n      }\n    "],['\n      div > div > div:not(:first-child) {\n        &:after {\n          content: "\\\\25bc";\n          color: ',";\n          position: absolute;\n          top: -30px;\n          right: -15px;\n          font-size: 32px;\n        }\n      }\n    "])),e.colors.totaliserBubbleColor)})),h=t.p(l||(l=n(["\n  color: ",";\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ",";\n  text-transform: ",";\n"],["\n  color: ",";\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.colors.totaliserBubbleTotalColor}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),x=t.p(f||(f=n(["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"],["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.colors.totaliserBubbleTextColor}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),b=t.p(m||(m=n(["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"],["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.colors.totaliserBubbleTotalColor}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),v=t.span(p||(p=n(["\n  display: block;\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ",";\n"],["\n  display: block;\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ",";\n"])),(function(n){return n.theme.typography.fontFamilyBase})),T=t.div(d||(d=n(["\n  font-family: ",";\n  margin: 0;\n  ","\n"],["\n  font-family: ",";\n  margin: 0;\n  ","\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(t){return t.$isCompact&&o(s||(s=n(["\n      "," {\n        border: none;\n        padding: 0;\n      }\n    "],["\n      "," {\n        border: none;\n        padding: 0;\n      }\n    "])),y)})),B=t.div(c||(c=n(["\n  justify-content: flex-end;\n  display: flex;\n"],["\n  justify-content: flex-end;\n  display: flex;\n"]))),C=t(r)(u||(u=n([""],[""])));export{x as BubbleText,g as BubbleWrapper,B as CompactWrapper,b as GiftAid,y as ProgressBarWrapper,C as StyledProgressBar,v as Summary,h as Total,T as TotaliserWrapper};
 //# sourceMappingURL=styles.js.map

package/lib/src/components/Totaliser/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Totaliser/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nimport ProgressBar from \"../ProgressBar\";\n\nexport const BubbleWrapper = styled.div<{\n  theme: ThemeType;\n}>`\n  text-align: center;\n  background-color: ${({ theme }) => theme.colors.totaliserBubbleColor};\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  p {\n    margin: 0;\n  }\n`;\n\nexport const ProgressBarWrapper = styled.div<{\n  $isCompact?: boolean;\n  theme: ThemeType;\n}>`\n  padding: 0 46px 12px;\n  margin-top: ${({ theme }) => theme.spacing.s};\n  position: relative;\n\n  ${({ $isCompact, theme }) =>\n    !!$isCompact !== true &&\n    css`\n      div > div > div:not(:first-child) {\n        &:after {\n          content: \"\\\\25bc\";\n          color: ${theme.colors.totaliserBubbleColor};\n          position: absolute;\n          top: -30px;\n          right: -15px;\n          font-size: 32px;\n        }\n      }\n    `};\n`;\n\nexport const Total = styled.p<{\n  theme: ThemeType;\n}>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({ theme }) => theme.typography.headerTextTransform};\n`;\n\nexport const BubbleText = styled.p<{ theme: ThemeType }>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTextColor};\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({\n    theme: {\n      typography: { headerTextTransform },\n    },\n  }) => headerTextTransform};\n`;\n\nexport const GiftAid = styled.p<{ theme: ThemeType }>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({\n    theme: {\n      typography: { headerTextTransform },\n    },\n  }) => headerTextTransform};\n`;\n\n/* span not a div so that we don't end up with two speech bubble arrows from ProgressBarWrapper */\nexport const Summary = styled.span<{ theme: ThemeType }>`\n  display: block;\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n`;\n\nexport const TotaliserWrapper = styled.div<{\n  $isCompact: boolean;\n  theme: ThemeType;\n}>`\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  margin: 0;\n  ${(props) =>\n    props.$isCompact &&\n    css`\n      ${ProgressBarWrapper} {\n        border: none;\n        padding: 0;\n      }\n    `}\n`;\n\nexport const CompactWrapper = styled.div`\n  justify-content: flex-end;\n  display: flex;\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)``;\n"],"names":["BubbleWrapper","styled","div","theme","colors","totaliserBubbleColor","ProgressBarWrapper","spacing","s","$isCompact","css","Total","p","totaliserBubbleTotalColor","typography","fontFamilyHeadings","headerTextTransform","BubbleText","totaliserBubbleTextColor","GiftAid","Summary","span","fontFamilyBase","TotaliserWrapper","props","CompactWrapper","StyledProgressBar","ProgressBar"],"mappings":"iGAMa,MAAAA,EAAgBC,EAAOC,GAElC;;sBAEoB,EAAGC,WAAYA,EAAMC,OAAOC;;;;;;;EASrCC,EAAqBL,EAAOC,GAGvC;;gBAEc,EAAGC,WAAYA,EAAMI,QAAQC;;;IAGzC,EAAGC,aAAYN,YACE,KAAfM,GACFC,CAAG;;;;mBAIYP,EAAMC,OAAOC;;;;;;;;EAUnBM,EAAQV,EAAOW,CAE1B;WACS,EAAGT,WAAYA,EAAMC,OAAOS;;;iBAGtB,EAAGV,WAAYA,EAAMW,WAAWC;oBAC7B,EAAGZ,WAAYA,EAAMW,WAAWE;EAGvCC,EAAahB,EAAOW,CAAuB;WAC7C,EAAGT,WAAYA,EAAMC,OAAOc;iBACtB,EAAGf,WAAYA,EAAMW,WAAWC;oBAC7B,EAChBZ,OACEW,YAAcE,2BAEZA;EAGKG,EAAUlB,EAAOW,CAAuB;WAC1C,EAAGT,WAAYA,EAAMC,OAAOS;iBACtB,EAAGV,WAAYA,EAAMW,WAAWC;oBAC7B,EAChBZ,OACEW,YAAcE,2BAEZA;EAIKI,EAAUnB,EAAOoB,IAA0B;;;;;iBAKvC,EAAGlB,WAAYA,EAAMW,WAAWQ;EAGpCC,EAAmBtB,EAAOC,GAGrC;iBACe,EAAGC,WAAYA,EAAMW,WAAWC;;IAE5CS,GACDA,EAAMf,YACNC,CAAG;QACCJ;;;;;EAOKmB,EAAiBxB,EAAOC,GAAG;;;EAK3BwB,EAAoBzB,EAAO0B,EAAY"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Totaliser/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nimport ProgressBar from \"../ProgressBar\";\n\nexport const BubbleWrapper = styled.div<{\n  theme: ThemeType;\n}>`\n  text-align: center;\n  background-color: ${({ theme }) => theme.colors.totaliserBubbleColor};\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  p {\n    margin: 0;\n  }\n`;\n\nexport const ProgressBarWrapper = styled.div<{\n  $isCompact?: boolean;\n  theme: ThemeType;\n}>`\n  padding: 0 46px 12px;\n  margin-top: ${({ theme }) => theme.spacing.s};\n  position: relative;\n\n  ${({ $isCompact, theme }) =>\n    !!$isCompact !== true &&\n    css`\n      div > div > div:not(:first-child) {\n        &:after {\n          content: \"\\\\25bc\";\n          color: ${theme.colors.totaliserBubbleColor};\n          position: absolute;\n          top: -30px;\n          right: -15px;\n          font-size: 32px;\n        }\n      }\n    `};\n`;\n\nexport const Total = styled.p<{\n  theme: ThemeType;\n}>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({ theme }) => theme.typography.headerTextTransform};\n`;\n\nexport const BubbleText = styled.p<{ theme: ThemeType }>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTextColor};\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({\n    theme: {\n      typography: { headerTextTransform },\n    },\n  }) => headerTextTransform};\n`;\n\nexport const GiftAid = styled.p<{ theme: ThemeType }>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({\n    theme: {\n      typography: { headerTextTransform },\n    },\n  }) => headerTextTransform};\n`;\n\n/* span not a div so that we don't end up with two speech bubble arrows from ProgressBarWrapper */\nexport const Summary = styled.span<{ theme: ThemeType }>`\n  display: block;\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n`;\n\nexport const TotaliserWrapper = styled.div<{\n  $isCompact: boolean;\n  theme: ThemeType;\n}>`\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  margin: 0;\n  ${(props) =>\n    props.$isCompact &&\n    css`\n      ${ProgressBarWrapper} {\n        border: none;\n        padding: 0;\n      }\n    `}\n`;\n\nexport const CompactWrapper = styled.div`\n  justify-content: flex-end;\n  display: flex;\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)``;\n"],"names":["BubbleWrapper","styled","div","templateObject_1","__makeTemplateObject","_a","theme","colors","totaliserBubbleColor","ProgressBarWrapper","templateObject_3","spacing","s","$isCompact","css","templateObject_2","Total","p","templateObject_4","totaliserBubbleTotalColor","typography","fontFamilyHeadings","headerTextTransform","BubbleText","templateObject_5","totaliserBubbleTextColor","GiftAid","templateObject_6","Summary","span","templateObject_7","fontFamilyBase","TotaliserWrapper","templateObject_9","props","templateObject_8","CompactWrapper","templateObject_10","StyledProgressBar","ProgressBar","templateObject_11"],"mappings":"iLAMO,0BAAMA,EAAgBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,gDAAA,qGAAA,CAErC,gDAEoE,wGAAhD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,oBAAb,IASxBC,EAAqBR,EAAOC,IAGvCQ,IAAAA,EAAAN,EAAA,CAAA,4CAAA,iCAAA,OAAA,CAAA,4CAE4C,iCAgBzC,UAhBW,SAACC,GAAc,OAAPA,EAAAC,MAAaK,QAAQC,CAAd,IAG3B,SAACP,OAAEQ,EAAUR,EAAAQ,WAAEP,EAAKD,EAAAC,MACpB,OAAiB,KAAfO,GACFC,EAAGC,IAAAA,EAAAX,EAAA,CAAA,kHAAA,0IAAA,CAAA,oHAI6C,4IAAjCE,EAAMC,OAAOC,qBAL5B,IAeSQ,EAAQf,EAAOgB,EAACC,IAAAA,EAAAd,EAAA,CAAA,cAAA,mEAAA,wBAAA,OAAA,CAE3B,cAC8D,mEAGG,wBACI,UAJ5D,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,IAGT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,IACZ,SAAChB,GAAc,OAAPA,EAAAC,MAAac,WAAWE,mBAAjB,IAGtBC,EAAatB,EAAOgB,EAACO,IAAAA,EAAApB,EAAA,CAAA,cAAA,qBAAA,wBAAA,OAAA,CAAsB,cACO,qBACI,wBAKxC,UANhB,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOkB,wBAAb,IACT,SAACpB,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,IACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,IAGKI,EAAUzB,EAAOgB,EAACU,IAAAA,EAAAvB,EAAA,CAAA,cAAA,qBAAA,wBAAA,OAAA,CAAsB,cACW,qBACG,wBAKxC,UANhB,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,IACT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,IACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,IAIKM,EAAU3B,EAAO4B,KAAIC,IAAAA,EAAA1B,EAAA,CAAA,uGAAA,OAAA,CAAsB,uGAKO,UAA9C,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWW,cAAjB,IAGnBC,EAAmB/B,EAAOC,IAGrC+B,IAAAA,EAAA7B,EAAA,CAAA,oBAAA,sBAAA,MAAA,CAAA,oBACiE,sBAS9D,SATY,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,IAE5B,SAACa,GACD,OAAAA,EAAMrB,YACNC,EAAGqB,IAAAA,EAAA/B,EAAA,CAAA,WAAA,iEAAA,CAAA,WACmB,mEAAlBK,EAFJ,IASS2B,EAAiBnC,EAAOC,IAAGmC,IAAAA,EAAAjC,EAAA,CAAA,sDAAA,CAAA,yDAK3BkC,EAAoBrC,EAAOsC,EAAPtC,CAAmBuC,IAAAA,EAAApC,EAAA,CAAA,IAAA,CAAA"}

package/lib/src/components/UserBlock/index.js

@@ -1,2 +1,2 @@
-import e from"react";import{useTheme as t}from"styled-components";import{crukTheme as r}from"../../themes/cruk.js";import{Avatar as m}from"../Avatar/index.js";import{StyledUserBlock as n,Details as o,Name as a,Extra as l}from"./styles.js";function s({name:s,avatarName:i,avatarUrl:c,extra:u,size:f="l"}){const p=t(),y={...r,...p};return e.createElement(n,{theme:y},e.createElement(m,{name:i||("string"==typeof s?s:"Anonymous"),url:c||void 0,size:f}),e.createElement(o,null,e.createElement(a,null,s||"Anonymous"),!!u&&e.createElement(l,null,u)))}export{s as UserBlock,s as default};
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import{useTheme as r}from"styled-components";import{crukTheme as m}from"../../themes/cruk.js";import{Avatar as o}from"../Avatar/index.js";import{StyledUserBlock as n,Details as a,Name as l,Extra as s}from"./styles.js";function i(i){var u=i.name,c=i.avatarName,f=i.avatarUrl,p=i.extra,d=i.size,v=void 0===d?"l":d,y=r(),E=e(e({},m),y);return t.createElement(n,{theme:E},t.createElement(o,{name:c||("string"==typeof u?u:"Anonymous"),url:f||void 0,size:v}),t.createElement(a,null,t.createElement(l,null,u||"Anonymous"),!!p&&t.createElement(s,null,p)))}export{i as UserBlock,i as default};
 //# sourceMappingURL=index.js.map

package/lib/src/components/UserBlock/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/UserBlock/index.tsx"],"sourcesContent":["import React, { type ReactNode, type HTMLAttributes } from \"react\";\nimport { useTheme } from \"styled-components\";\n\nimport { crukTheme as defaultTheme } from \"../../themes/cruk\";\nimport { Avatar } from \"../Avatar\";\n\nimport { StyledUserBlock, Details, Name, Extra } from \"./styles\";\n\nexport type UserBlockProps = HTMLAttributes<HTMLElement> & {\n  /** name component or text */\n  name?: ReactNode;\n  /** string name used in avatar component */\n  avatarName?: string | null;\n  /** avatar image url */\n  avatarUrl?: string | null;\n  /** extra content component appears underneath name */\n  extra?: ReactNode;\n  /** size of avatar component */\n  size?: \"s\" | \"m\" | \"l\" | \"xl\";\n};\n\n/**\n * Display an avatar with title and subtitle\n */\nexport function UserBlock({\n  name,\n  avatarName,\n  avatarUrl,\n  extra,\n  size = \"l\",\n}: UserBlockProps) {\n  const foundTheme = useTheme();\n  const theme = {\n    ...defaultTheme,\n    ...foundTheme,\n  };\n\n  // name is a reserved html prop so we make sure we don't pass it into the styled component\n  // or it will end up in the markup\n  return (\n    <StyledUserBlock theme={theme}>\n      <Avatar\n        name={avatarName || (typeof name === \"string\" ? name : \"Anonymous\")}\n        url={avatarUrl || undefined}\n        size={size}\n      />\n      <Details>\n        <Name>{name || \"Anonymous\"}</Name>\n        {!!extra && <Extra>{extra}</Extra>}\n      </Details>\n    </StyledUserBlock>\n  );\n}\n\nexport default UserBlock;\n"],"names":["UserBlock","name","avatarName","avatarUrl","extra","size","foundTheme","useTheme","theme","defaultTheme","React","createElement","StyledUserBlock","Avatar","url","undefined","Details","Name","Extra"],"mappings":"+OAwBgB,SAAAA,GAAUC,KACxBA,EAAIC,WACJA,EAAUC,UACVA,EAASC,MACTA,EAAKC,KACLA,EAAO,MAEP,MAAMC,EAAaC,IACbC,EAAQ,IACTC,KACAH,GAKL,OACEI,EAACC,cAAAC,EAAgB,CAAAJ,MAAOA,GACtBE,EAAAC,cAACE,EAAM,CACLZ,KAAMC,IAA+B,iBAATD,EAAoBA,EAAO,aACvDa,IAAKX,QAAaY,EAClBV,KAAMA,IAERK,EAAAC,cAACK,EAAO,KACNN,EAAAC,cAACM,EAAI,KAAEhB,GAAQ,eACZG,GAASM,EAACC,cAAAO,EAAO,KAAAd,IAI5B"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/UserBlock/index.tsx"],"sourcesContent":["import React, { type ReactNode, type HTMLAttributes } from \"react\";\nimport { useTheme } from \"styled-components\";\n\nimport { crukTheme as defaultTheme } from \"../../themes/cruk\";\nimport { Avatar } from \"../Avatar\";\n\nimport { StyledUserBlock, Details, Name, Extra } from \"./styles\";\n\nexport type UserBlockProps = HTMLAttributes<HTMLElement> & {\n  /** name component or text */\n  name?: ReactNode;\n  /** string name used in avatar component */\n  avatarName?: string | null;\n  /** avatar image url */\n  avatarUrl?: string | null;\n  /** extra content component appears underneath name */\n  extra?: ReactNode;\n  /** size of avatar component */\n  size?: \"s\" | \"m\" | \"l\" | \"xl\";\n};\n\n/**\n * Display an avatar with title and subtitle\n */\nexport function UserBlock({\n  name,\n  avatarName,\n  avatarUrl,\n  extra,\n  size = \"l\",\n}: UserBlockProps) {\n  const foundTheme = useTheme();\n  const theme = {\n    ...defaultTheme,\n    ...foundTheme,\n  };\n\n  // name is a reserved html prop so we make sure we don't pass it into the styled component\n  // or it will end up in the markup\n  return (\n    <StyledUserBlock theme={theme}>\n      <Avatar\n        name={avatarName || (typeof name === \"string\" ? name : \"Anonymous\")}\n        url={avatarUrl || undefined}\n        size={size}\n      />\n      <Details>\n        <Name>{name || \"Anonymous\"}</Name>\n        {!!extra && <Extra>{extra}</Extra>}\n      </Details>\n    </StyledUserBlock>\n  );\n}\n\nexport default UserBlock;\n"],"names":["UserBlock","_a","name","avatarName","avatarUrl","extra","_b","size","undefined","foundTheme","useTheme","theme","__assign","defaultTheme","React","createElement","StyledUserBlock","Avatar","url","Details","Name","Extra"],"mappings":"mTAwBM,SAAUA,EAAUC,GACxB,IAAAC,SACAC,EAAUF,EAAAE,WACVC,EAASH,EAAAG,UACTC,EAAKJ,EAAAI,MACLC,EAAUL,EAAAM,KAAVA,OAAIC,IAAAF,EAAG,IAAGA,EAEJG,EAAaC,IACbC,EACDC,EAAAA,EAAA,CAAA,EAAAC,GACAJ,GAKL,OACEK,EAACC,cAAAC,EAAgB,CAAAL,MAAOA,GACtBG,EAAAC,cAACE,EAAM,CACLf,KAAMC,IAA+B,iBAATD,EAAoBA,EAAO,aACvDgB,IAAKd,QAAaI,EAClBD,KAAMA,IAERO,EAAAC,cAACI,EAAO,KACNL,EAAAC,cAACK,EAAI,KAAElB,GAAQ,eACZG,GAASS,EAACC,cAAAM,EAAO,KAAAhB,IAI5B"}

package/lib/src/components/UserBlock/styles.js

@@ -1,22 +1,2 @@
-import e from"styled-components";const t=e.div`
-  display: flex;
-  align-items: center;
-  justify-content: start;
-  flex: 1;
-`,o=e.div`
-  flex: 1;
-  margin-left: ${({theme:e})=>e.spacing.xs};
-  text-align: left;
-  min-width: 0;
-`,i=e.div`
-  font-family: ${({theme:e})=>e.typography.fontFamilyHeadings};
-  font-size: ${({theme:e})=>e.fontSizes.l};
-  white-space: normal;
-  word-break: break-word;
-`,r=e.div`
-  color: ${({theme:e})=>e.colors.userBlockExtraText};
-  margin-top: 4px;
-  white-space: normal;
-  word-break: break-word;
-`;export{o as Details,r as Extra,i as Name,t as StyledUserBlock};
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,r,o,i,a=e.div(t||(t=n(["\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  flex: 1;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  flex: 1;\n"]))),l=e.div(r||(r=n(["\n  flex: 1;\n  margin-left: ",";\n  text-align: left;\n  min-width: 0;\n"],["\n  flex: 1;\n  margin-left: ",";\n  text-align: left;\n  min-width: 0;\n"])),(function(n){return n.theme.spacing.xs})),s=e.div(o||(o=n(["\n  font-family: ",";\n  font-size: ",";\n  white-space: normal;\n  word-break: break-word;\n"],["\n  font-family: ",";\n  font-size: ",";\n  white-space: normal;\n  word-break: break-word;\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.fontSizes.l})),f=e.div(i||(i=n(["\n  color: ",";\n  margin-top: 4px;\n  white-space: normal;\n  word-break: break-word;\n"],["\n  color: ",";\n  margin-top: 4px;\n  white-space: normal;\n  word-break: break-word;\n"])),(function(n){return n.theme.colors.userBlockExtraText}));export{l as Details,f as Extra,s as Name,a as StyledUserBlock};
 //# sourceMappingURL=styles.js.map

package/lib/src/components/UserBlock/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/UserBlock/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\ntype Props = {\n  theme: ThemeType;\n};\n\nexport const StyledUserBlock = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  flex: 1;\n`;\n\nexport const Details = styled.div<Props>`\n  flex: 1;\n  margin-left: ${({ theme }) => theme.spacing.xs};\n  text-align: left;\n  min-width: 0;\n`;\n\nexport const Name = styled.div<Props>`\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  font-size: ${({ theme }) => theme.fontSizes.l};\n  white-space: normal;\n  word-break: break-word;\n`;\n\nexport const Extra = styled.div<Props>`\n  color: ${({ theme }) => theme.colors.userBlockExtraText};\n  margin-top: 4px;\n  white-space: normal;\n  word-break: break-word;\n`;\n"],"names":["StyledUserBlock","styled","div","Details","theme","spacing","xs","Name","typography","fontFamilyHeadings","fontSizes","l","Extra","colors","userBlockExtraText"],"mappings":"iCAOa,MAAAA,EAAkBC,EAAOC,GAAG;;;;;EAO5BC,EAAUF,EAAOC,GAAU;;iBAEvB,EAAGE,WAAYA,EAAMC,QAAQC;;;EAKjCC,EAAON,EAAOC,GAAU;iBACpB,EAAGE,WAAYA,EAAMI,WAAWC;eAClC,EAAGL,WAAYA,EAAMM,UAAUC;;;EAKjCC,EAAQX,EAAOC,GAAU;WAC3B,EAAGE,WAAYA,EAAMS,OAAOC;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/UserBlock/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\ntype Props = {\n  theme: ThemeType;\n};\n\nexport const StyledUserBlock = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  flex: 1;\n`;\n\nexport const Details = styled.div<Props>`\n  flex: 1;\n  margin-left: ${({ theme }) => theme.spacing.xs};\n  text-align: left;\n  min-width: 0;\n`;\n\nexport const Name = styled.div<Props>`\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  font-size: ${({ theme }) => theme.fontSizes.l};\n  white-space: normal;\n  word-break: break-word;\n`;\n\nexport const Extra = styled.div<Props>`\n  color: ${({ theme }) => theme.colors.userBlockExtraText};\n  margin-top: 4px;\n  white-space: normal;\n  word-break: break-word;\n`;\n"],"names":["StyledUserBlock","styled","div","templateObject_1","__makeTemplateObject","Details","templateObject_2","_a","theme","spacing","xs","Name","templateObject_3","typography","fontFamilyHeadings","fontSizes","l","Extra","templateObject_4","colors","userBlockExtraText"],"mappings":"iHAOa,YAAAA,EAAkBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,uFAAA,CAAA,0FAO5BC,EAAUJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,gCAAA,6CAAA,CAAO,gCAEQ,gDAA/B,SAACG,GAAc,OAAPA,EAAAC,MAAaC,QAAQC,EAAd,IAKnBC,EAAOV,EAAOC,IAAUU,IAAAA,EAAAR,EAAA,CAAA,oBAAA,mBAAA,0DAAA,CAAA,oBAC8B,mBACpB,6DAD9B,SAACG,GAAc,OAAPA,EAAAC,MAAaK,WAAWC,kBAAjB,IACjB,SAACP,GAAc,OAAPA,EAAAC,MAAaO,UAAUC,CAAhB,IAKjBC,EAAQhB,EAAOC,IAAGgB,IAAAA,EAAAd,EAAA,CAAA,cAAA,8EAAA,CAAO,cACmB,iFAA9C,SAACG,GAAc,OAAPA,EAAAC,MAAaW,OAAOC,kBAAb"}

package/lib/src/hooks/useEffectBrowser.js

@@ -1,2 +1,2 @@
-import{useEffect as e}from"react";function t(t,f){e((()=>{if("undefined"!=typeof window)return t()}),[f])}export{t as default,t as useEffectBrowser};
+import{useEffect as n}from"react";function t(t,e){n((function(){if("undefined"!=typeof window)return t()}),[e])}export{t as default,t as useEffectBrowser};
 //# sourceMappingURL=useEffectBrowser.js.map

package/lib/src/hooks/useEffectBrowser.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEffectBrowser.js","sources":["../../../src/hooks/useEffectBrowser.ts"],"sourcesContent":["import { useEffect, type EffectCallback, type DependencyList } from \"react\";\n\n// this is a useEffect hook which automatically checks if the code is running\n// in the browser before executing the action\nexport function useEffectBrowser(action: EffectCallback, deps: DependencyList) {\n  useEffect(() => {\n    if (typeof window === `undefined`) return;\n    return action();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [deps]);\n}\n\nexport default useEffectBrowser;\n"],"names":["useEffectBrowser","action","deps","useEffect","window"],"mappings":"kCAIgB,SAAAA,EAAiBC,EAAwBC,GACvDC,GAAU,KACR,GAAsB,oBAAXC,OACX,OAAOH,GAAQ,GAEd,CAACC,GACN"}
+{"version":3,"file":"useEffectBrowser.js","sources":["../../../src/hooks/useEffectBrowser.ts"],"sourcesContent":["import { useEffect, type EffectCallback, type DependencyList } from \"react\";\n\n// this is a useEffect hook which automatically checks if the code is running\n// in the browser before executing the action\nexport function useEffectBrowser(action: EffectCallback, deps: DependencyList) {\n  useEffect(() => {\n    if (typeof window === `undefined`) return;\n    return action();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [deps]);\n}\n\nexport default useEffectBrowser;\n"],"names":["useEffectBrowser","action","deps","useEffect","window"],"mappings":"kCAIgB,SAAAA,EAAiBC,EAAwBC,GACvDC,GAAU,WACR,GAAsB,oBAAXC,OACX,OAAOH,GAET,GAAG,CAACC,GACN"}

package/lib/src/hooks/useKey.js

@@ -1,2 +1,2 @@
-import{useEffect as e}from"react";import{isBrowser as t}from"../utils/Helper.js";const n=(n,o,r)=>{const{detectKeys:d=[],keyevent:i}=o,s=e=>{(d.includes(e.key)||0===d.length)&&n(e)};e((()=>{if(t)return window.document.addEventListener(i||"keydown",s),()=>{window.document.removeEventListener(i||"keydown",s)}}),r||[])};export{n as default,n as useKey};
+import{useEffect as e}from"react";import{isBrowser as n}from"../utils/Helper.js";var t=function(t,o,i){var r=o.detectKeys,d=void 0===r?[]:r,u=o.keyevent,c=function(e){(d.includes(e.key)||0===d.length)&&t(e)};e((function(){if(n)return window.document.addEventListener(u||"keydown",c),function(){window.document.removeEventListener(u||"keydown",c)}}),i||[])};export{t as default,t as useKey};
 //# sourceMappingURL=useKey.js.map

package/lib/src/hooks/useKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKey.js","sources":["../../../src/hooks/useKey.ts"],"sourcesContent":["import { useEffect, type DependencyList } from \"react\";\nimport { isBrowser } from \"../utils/Helper\";\n\n// useKey((pressedKey, event) => {\n//   console.log('Detected Key press', pressedKey);\n//   console.log('Get event, if you want more details and preventDefault', event)\n// }, {\n//   detectKeys: ['Enter']\n// });\n\nexport const useKey = (\n  callback: (event: KeyboardEvent) => void,\n  options: {\n    detectKeys?: string[];\n    keyevent?: \"keydown\" | \"keyup\" | \"keypress\";\n  },\n  dependencies?: DependencyList,\n): void => {\n  const { detectKeys = [], keyevent } = options;\n\n  const handleEvent = (event: KeyboardEvent) => {\n    if (detectKeys.includes(event.key) || detectKeys.length === 0) {\n      callback(event);\n    }\n  };\n\n  useEffect(() => {\n    if (!isBrowser) {\n      return undefined;\n    }\n\n    window.document.addEventListener(keyevent || \"keydown\", handleEvent);\n    return () => {\n      window.document.removeEventListener(keyevent || \"keydown\", handleEvent);\n    };\n  }, dependencies || []);\n};\n\nexport default useKey;\n"],"names":["useKey","callback","options","dependencies","detectKeys","keyevent","handleEvent","event","includes","key","length","useEffect","isBrowser","window","document","addEventListener","removeEventListener"],"mappings":"iFAUa,MAAAA,EAAS,CACpBC,EACAC,EAIAC,KAEA,MAAMC,WAAEA,EAAa,GAAEC,SAAEA,GAAaH,EAEhCI,EAAeC,KACfH,EAAWI,SAASD,EAAME,MAA8B,IAAtBL,EAAWM,SAC/CT,EAASM,IAIbI,GAAU,KACR,GAAKC,EAKL,OADAC,OAAOC,SAASC,iBAAiBV,GAAY,UAAWC,GACjD,KACLO,OAAOC,SAASE,oBAAoBX,GAAY,UAAWC,EAAY,CACxE,GACAH,GAAgB,GAAG"}
+{"version":3,"file":"useKey.js","sources":["../../../src/hooks/useKey.ts"],"sourcesContent":["import { useEffect, type DependencyList } from \"react\";\nimport { isBrowser } from \"../utils/Helper\";\n\n// useKey((pressedKey, event) => {\n//   console.log('Detected Key press', pressedKey);\n//   console.log('Get event, if you want more details and preventDefault', event)\n// }, {\n//   detectKeys: ['Enter']\n// });\n\nexport const useKey = (\n  callback: (event: KeyboardEvent) => void,\n  options: {\n    detectKeys?: string[];\n    keyevent?: \"keydown\" | \"keyup\" | \"keypress\";\n  },\n  dependencies?: DependencyList,\n): void => {\n  const { detectKeys = [], keyevent } = options;\n\n  const handleEvent = (event: KeyboardEvent) => {\n    if (detectKeys.includes(event.key) || detectKeys.length === 0) {\n      callback(event);\n    }\n  };\n\n  useEffect(() => {\n    if (!isBrowser) {\n      return undefined;\n    }\n\n    window.document.addEventListener(keyevent || \"keydown\", handleEvent);\n    return () => {\n      window.document.removeEventListener(keyevent || \"keydown\", handleEvent);\n    };\n  }, dependencies || []);\n};\n\nexport default useKey;\n"],"names":["useKey","callback","options","dependencies","_a","detectKeys","undefined","keyevent","handleEvent","event","includes","key","length","useEffect","isBrowser","window","document","addEventListener","removeEventListener"],"mappings":"qFAUaA,EAAS,SACpBC,EACAC,EAIAC,GAEQ,IAAAC,EAA8BF,EAAfG,WAAfA,OAAUC,IAAAF,EAAG,GAAEA,EAAEG,EAAaL,WAEhCM,EAAc,SAACC,IACfJ,EAAWK,SAASD,EAAME,MAA8B,IAAtBN,EAAWO,SAC/CX,EAASQ,EAEZ,EAEDI,GAAU,WACR,GAAKC,EAKL,OADAC,OAAOC,SAASC,iBAAiBV,GAAY,UAAWC,GACjD,WACLO,OAAOC,SAASE,oBAAoBX,GAAY,UAAWC,EAC5D,CACH,GAAGL,GAAgB,GACrB"}

package/lib/src/hooks/useLayoutEffectBrowser.js

@@ -1,2 +1,2 @@
-import{useLayoutEffect as e}from"react";const o=(o,t)=>{e((()=>{"undefined"!=typeof window&&o()}),[t])};export{o as default,o as useLayoutEffectBrowser};
+import{useLayoutEffect as n}from"react";var o=function(o,t){n((function(){"undefined"!=typeof window&&o()}),[t])};export{o as default,o as useLayoutEffectBrowser};
 //# sourceMappingURL=useLayoutEffectBrowser.js.map

package/lib/src/hooks/useLayoutEffectBrowser.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutEffectBrowser.js","sources":["../../../src/hooks/useLayoutEffectBrowser.ts"],"sourcesContent":["import {\n  useLayoutEffect,\n  type EffectCallback,\n  type DependencyList,\n} from \"react\";\n\n// The sole purpose of this hook is to silence pointless warnings in next.js when using\n// useLayoutEffect about it not being isomorphic which is the whole point of the hook\n// which waits for components to be mounted to the DOM for scroll handlers etc.\nconst useLayoutEffectBrowser = (\n  action: EffectCallback,\n  deps: DependencyList,\n) => {\n  useLayoutEffect(() => {\n    if (typeof window === `undefined`) return;\n\n    action();\n  }, [deps]);\n};\n\nexport default useLayoutEffectBrowser;\nexport { useLayoutEffectBrowser };\n"],"names":["useLayoutEffectBrowser","action","deps","useLayoutEffect","window"],"mappings":"wCASA,MAAMA,EAAyB,CAC7BC,EACAC,KAEAC,GAAgB,KACQ,oBAAXC,QAEXH,GAAQ,GACP,CAACC,GAAM"}
+{"version":3,"file":"useLayoutEffectBrowser.js","sources":["../../../src/hooks/useLayoutEffectBrowser.ts"],"sourcesContent":["import {\n  useLayoutEffect,\n  type EffectCallback,\n  type DependencyList,\n} from \"react\";\n\n// The sole purpose of this hook is to silence pointless warnings in next.js when using\n// useLayoutEffect about it not being isomorphic which is the whole point of the hook\n// which waits for components to be mounted to the DOM for scroll handlers etc.\nconst useLayoutEffectBrowser = (\n  action: EffectCallback,\n  deps: DependencyList,\n) => {\n  useLayoutEffect(() => {\n    if (typeof window === `undefined`) return;\n\n    action();\n  }, [deps]);\n};\n\nexport default useLayoutEffectBrowser;\nexport { useLayoutEffectBrowser };\n"],"names":["useLayoutEffectBrowser","action","deps","useLayoutEffect","window"],"mappings":"wCASA,IAAMA,EAAyB,SAC7BC,EACAC,GAEAC,GAAgB,WACQ,oBAAXC,QAEXH,GACF,GAAG,CAACC,GACN"}

package/lib/src/hooks/useScrollPosition.js

@@ -1,2 +1,2 @@
-import{useRef as e}from"react";import t from"./useLayoutEffectBrowser.js";const n="undefined"!=typeof window;function o({element:e,useWindow:t}){if(!n)return{x:0,y:0};const o=document.body,r=o?o.getBoundingClientRect():{top:0,left:0};return t?{x:window.scrollX,y:window.scrollY}:{x:r.left,y:r.top}}const r=(r,s,l,u,c)=>{const i=e(o({useWindow:u,element:l}));let d=null;const w=()=>{const e=o({element:l,useWindow:u});r({prevPos:i.current,currPos:e}),i.current=e,d=null};t((()=>{const e=()=>{null===d&&(d=setTimeout(w,c))};return n&&window.addEventListener("scroll",e),()=>{n&&window.removeEventListener("scroll",e)}}),s)};export{r as default,r as useScrollPosition};
+import{useRef as e}from"react";import n from"./useLayoutEffectBrowser.js";var r="undefined"!=typeof window;function t(e){var n=e.element,t=e.useWindow;if(!r)return{x:0,y:0};var o=n?n.current:document.body,u=o?o.getBoundingClientRect():{top:0,left:0};return t?{x:window.scrollX,y:window.scrollY}:{x:u.left,y:u.top}}var o=function(o,u,i,l,c){var d=e(t({useWindow:l,element:i})),f=null,s=function(){var e=t({element:i,useWindow:l});o({prevPos:d.current,currPos:e}),d.current=e,f=null};n((function(){var e=function(){null===f&&(f=setTimeout(s,c))};return r&&window.addEventListener("scroll",e),function(){r&&window.removeEventListener("scroll",e)}}),u)};export{o as default,o as useScrollPosition};
 //# sourceMappingURL=useScrollPosition.js.map

package/lib/src/hooks/useScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.js","sources":["../../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import { useRef, type DependencyList, type RefObject } from \"react\";\n\nimport { useLayoutEffectBrowser } from \"./useLayoutEffectBrowser\";\n\nconst isBrowser = typeof window !== `undefined`;\n\nfunction getScrollPosition({\n  element,\n  useWindow,\n}: {\n  element?: RefObject<HTMLElement | null> | null;\n  useWindow: boolean;\n}) {\n  if (!isBrowser) return { x: 0, y: 0 };\n\n  const target = element ? element.current : document.body;\n  const position = target\n    ? target.getBoundingClientRect()\n    : { top: 0, left: 0 };\n\n  return useWindow\n    ? { x: window.scrollX, y: window.scrollY }\n    : { x: position.left, y: position.top };\n}\n\nconst useScrollPosition = (\n  effect: ({\n    currPos,\n  }: {\n    prevPos: { x: number; y: number };\n    currPos: { x: number; y: number };\n  }) => void,\n  deps: DependencyList,\n  element: RefObject<HTMLElement | null> | null,\n  useWindow: boolean,\n  wait: number,\n): void => {\n  const position = useRef(getScrollPosition({ useWindow, element }));\n\n  let throttleTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  const callBack = () => {\n    const currPos = getScrollPosition({ element, useWindow });\n    effect({ prevPos: position.current, currPos });\n    position.current = currPos;\n    throttleTimeout = null;\n  };\n\n  useLayoutEffectBrowser(() => {\n    const handleScroll = () => {\n      if (wait) {\n        if (throttleTimeout === null) {\n          throttleTimeout = setTimeout(callBack, wait);\n        }\n      } else {\n        callBack();\n      }\n    };\n    if (isBrowser) {\n      window.addEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => {\n      if (isBrowser) {\n        window.removeEventListener(\"scroll\", handleScroll);\n      }\n    };\n  }, deps);\n};\n\nexport default useScrollPosition;\nexport { useScrollPosition };\n"],"names":["isBrowser","window","getScrollPosition","element","useWindow","x","y","target","document","body","position","getBoundingClientRect","top","left","scrollX","scrollY","useScrollPosition","effect","deps","wait","useRef","throttleTimeout","callBack","currPos","prevPos","current","useLayoutEffectBrowser","handleScroll","setTimeout","addEventListener","removeEventListener"],"mappings":"0EAIA,MAAMA,EAA8B,oBAAXC,OAEzB,SAASC,GAAkBC,QACzBA,EAAOC,UACPA,IAKA,IAAKJ,EAAW,MAAO,CAAEK,EAAG,EAAGC,EAAG,GAElC,MAAMC,EAAqCC,SAASC,KAC9CC,EAAWH,EACbA,EAAOI,wBACP,CAAEC,IAAK,EAAGC,KAAM,GAEpB,OAAOT,EACH,CAAEC,EAAGJ,OAAOa,QAASR,EAAGL,OAAOc,SAC/B,CAAEV,EAAGK,EAASG,KAAMP,EAAGI,EAASE,IACtC,CAEA,MAAMI,EAAoB,CACxBC,EAMAC,EACAf,EACAC,EACAe,KAEA,MAAMT,EAAWU,EAAOlB,EAAkB,CAAEE,YAAWD,aAEvD,IAAIkB,EAAwD,KAE5D,MAAMC,EAAW,KACf,MAAMC,EAAUrB,EAAkB,CAAEC,UAASC,cAC7Ca,EAAO,CAAEO,QAASd,EAASe,QAASF,YACpCb,EAASe,QAAUF,EACnBF,EAAkB,IAAI,EAGxBK,GAAuB,KACrB,MAAMC,EAAe,KAEO,OAApBN,IACFA,EAAkBO,WAAWN,EAAUH,KAU7C,OAJInB,GACFC,OAAO4B,iBAAiB,SAAUF,GAG7B,KACD3B,GACFC,OAAO6B,oBAAoB,SAAUH,GAExC,GACAT,EAAK"}
+{"version":3,"file":"useScrollPosition.js","sources":["../../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import { useRef, type DependencyList, type RefObject } from \"react\";\n\nimport { useLayoutEffectBrowser } from \"./useLayoutEffectBrowser\";\n\nconst isBrowser = typeof window !== `undefined`;\n\nfunction getScrollPosition({\n  element,\n  useWindow,\n}: {\n  element?: RefObject<HTMLElement | null> | null;\n  useWindow: boolean;\n}) {\n  if (!isBrowser) return { x: 0, y: 0 };\n\n  const target = element ? element.current : document.body;\n  const position = target\n    ? target.getBoundingClientRect()\n    : { top: 0, left: 0 };\n\n  return useWindow\n    ? { x: window.scrollX, y: window.scrollY }\n    : { x: position.left, y: position.top };\n}\n\nconst useScrollPosition = (\n  effect: ({\n    currPos,\n  }: {\n    prevPos: { x: number; y: number };\n    currPos: { x: number; y: number };\n  }) => void,\n  deps: DependencyList,\n  element: RefObject<HTMLElement | null> | null,\n  useWindow: boolean,\n  wait: number,\n): void => {\n  const position = useRef(getScrollPosition({ useWindow, element }));\n\n  let throttleTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  const callBack = () => {\n    const currPos = getScrollPosition({ element, useWindow });\n    effect({ prevPos: position.current, currPos });\n    position.current = currPos;\n    throttleTimeout = null;\n  };\n\n  useLayoutEffectBrowser(() => {\n    const handleScroll = () => {\n      if (wait) {\n        if (throttleTimeout === null) {\n          throttleTimeout = setTimeout(callBack, wait);\n        }\n      } else {\n        callBack();\n      }\n    };\n    if (isBrowser) {\n      window.addEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => {\n      if (isBrowser) {\n        window.removeEventListener(\"scroll\", handleScroll);\n      }\n    };\n  }, deps);\n};\n\nexport default useScrollPosition;\nexport { useScrollPosition };\n"],"names":["isBrowser","window","getScrollPosition","_a","element","useWindow","x","y","target","current","document","body","position","getBoundingClientRect","top","left","scrollX","scrollY","useScrollPosition","effect","deps","wait","useRef","throttleTimeout","callBack","currPos","prevPos","useLayoutEffectBrowser","handleScroll","setTimeout","addEventListener","removeEventListener"],"mappings":"0EAIA,IAAMA,EAA8B,oBAAXC,OAEzB,SAASC,EAAkBC,OACzBC,EAAOD,EAAAC,QACPC,EAASF,EAAAE,UAKT,IAAKL,EAAW,MAAO,CAAEM,EAAG,EAAGC,EAAG,GAElC,IAAMC,EAASJ,EAAUA,EAAQK,QAAUC,SAASC,KAC9CC,EAAWJ,EACbA,EAAOK,wBACP,CAAEC,IAAK,EAAGC,KAAM,GAEpB,OAAOV,EACH,CAAEC,EAAGL,OAAOe,QAAST,EAAGN,OAAOgB,SAC/B,CAAEX,EAAGM,EAASG,KAAMR,EAAGK,EAASE,IACtC,CAEM,IAAAI,EAAoB,SACxBC,EAMAC,EACAhB,EACAC,EACAgB,GAEA,IAAMT,EAAWU,EAAOpB,EAAkB,CAAEG,UAASA,EAAED,QAAOA,KAE1DmB,EAAwD,KAEtDC,EAAW,WACf,IAAMC,EAAUvB,EAAkB,CAAEE,QAAOA,EAAEC,UAASA,IACtDc,EAAO,CAAEO,QAASd,EAASH,QAASgB,QAAOA,IAC3Cb,EAASH,QAAUgB,EACnBF,EAAkB,IACnB,EAEDI,GAAuB,WACrB,IAAMC,EAAe,WAEO,OAApBL,IACFA,EAAkBM,WAAWL,EAAUH,GAK5C,EAKD,OAJIrB,GACFC,OAAO6B,iBAAiB,SAAUF,GAG7B,WACD5B,GACFC,OAAO8B,oBAAoB,SAAUH,EAExC,CACF,GAAER,EACL"}