@solace-health/ui 0.10.704 → 0.10.706

package/dist/{chunk-GMUMAQIU.js.map → chunk-GKNMP3SV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/Radio/styles.tsx"],"names":["Container","styled","StyledRadios","props","inline","Wrapper","StyledRadio","Label","Typography_default","OtherOption","CardContainer","radioBorderColor","hasError","selected","StyledRadioContainer","RadioHeader","StyledCardRadio","CardRadioLabel","RadioTitle","RadioDescription","ButtonRadioContainer","p","IconContainer","CaretContainer","animated","ButtonRadioInput","ButtonRadioLabel","ButtonRadioDescription","StyledButtonRadioGroup"],"mappings":"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","file":"chunk-GMUMAQIU.js","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\n\nexport const Container = styled.div`\n  margin-bottom: 32px;\n`;\n\nexport const StyledRadios = styled.div<{\n  inline: boolean;\n  isColumns?: boolean;\n}>`\n  display: ${(props) => (props.isColumns ? 'grid' : 'flex')};\n  flex-flow: ${({ inline }) => (inline ? 'row' : 'column')};\n  gap: ${(props) => (props.isColumns ? '24px' : ' 12px')};\n  grid-template-columns: repeat(2, 1fr);\n  flex-wrap: wrap;\n\n  @media (min-width: 800px) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n`;\n\nexport const Wrapper = styled.div<{ inline?: boolean }>`\n  display: flex;\n  height: 25px;\n  gap: 30rem;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n\n  label {\n    padding-left: 32px;\n  }\n`;\n\nexport const StyledRadio = styled.input<{\n  previewOnly?: boolean;\n  hasError?: boolean;\n}>`\n  -webkit-appearance: none;\n  position: absolute;\n  appearance: none;\n  margin: 0;\n  width: 100%;\n  opacity: 0;\n  background: none;\n  z-index: 5;\n  height: 40px;\n  cursor: ${(props) => (props?.previewOnly ? 'default' : 'pointer')};\n\n  ::after {\n    content: '';\n    display: block;\n    border-radius: 50%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: 3px;\n  }\n\n  + label::after,\n  + label::before {\n    content: '';\n    position: absolute;\n    box-sizing: content-box;\n    z-index: 1;\n    border-radius: 50%;\n    aspect-ratio: 1;\n  }\n\n  + label::after {\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    left: 0px;\n    top: 0px;\n    width: 20px;\n    border: 2px solid #aaaaaa;\n    border-color: ${(props) => (props?.hasError ? '#DA4D54' : '#aaaaaa')};\n  }\n\n  + label::before {\n    z-index: 4;\n    transition: all 0.25s;\n    top: 8px;\n    left: 8px;\n    width: 8px;\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    transform: scale(1);\n  }\n\n  &:checked + label::after {\n    border-color: var(--green-900, #1d4339);\n  }\n\n  &:checked + label::before {\n    transform: scale(1.65);\n    background: var(--green-900, #1d4339);\n  }\n\n  &:focus + label::after {\n    border-color: var(--green-900, #1d4339);\n  }\n`;\n\nexport const Label = styled(Typography.Body)`\n  margin-bottom: 5px;\n  font-weight: bold;\n`;\n\nexport const OtherOption = styled.div`\n  display: flex;\n  gap: 15px;\n  align-items: center;\n\n  input[type='text'] {\n    margin: 0;\n  }\n`;\n\nexport const CardContainer = styled.div`\n  width: 100%;\n`;\n\nexport const radioBorderColor = ({\n  hasError,\n  selected,\n}: {\n  hasError: boolean;\n  selected: boolean;\n}): string => {\n  if (hasError) return 'red';\n\n  return selected ? 'var(--green-800, #285E50)' : '#7f7f7f';\n};\n\nexport const StyledRadioContainer = styled.label<{\n  selected: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}>`\n  display: flex;\n  width: 100%;\n  gap: 8px;\n  border-radius: 10px;\n  background: ${({ selected }) => (selected ? '#E9F0EE' : '#fff')};\n  flex-direction: column;\n  margin-bottom: 16px;\n  cursor: pointer;\n\n  border: 2px solid ${({ hasError, selected }) => radioBorderColor({ hasError, selected })};\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  svg path {\n    stroke: ${({ selected }) =>\n      selected\n        ? `var(--green-800, #285E50\n\n)`\n        : `var(--grey-300, #7f7f7f)`};\n  }\n  ${(props) =>\n    props?.disabled &&\n    `\n    background: #EEE;\n    pointer-events: none;\n  `};\n`;\n\nexport const RadioHeader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  color: #000;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 24px;\n  padding: 18px 24px;\n`;\n\nexport const StyledCardRadio = styled.input`\n  appearance: none;\n  background-color: #fff;\n  margin: 0;\n  font: inherit;\n  width: 1.15em;\n  height: 1.15em;\n  border: 0.15em solid #9a9a9a;\n  border-radius: 50%;\n  transform: translateY(-0.075em);\n  display: grid;\n  place-content: center;\n\n  &::before {\n    content: '';\n    width: 0.6em;\n    height: 0.6em;\n    border-radius: 50%;\n    transform: scale(0);\n    transition: 120ms transform ease-in-out;\n    box-shadow: inset 1em 1em var(--green-900, #1d4339);\n  }\n\n  &:checked::before {\n    transform: scale(1);\n  }\n\n  &:checked {\n    border: 0.15em solid var(--green-900, #1d4339);\n  }\n`;\n\nexport const CardRadioLabel = styled(Typography.Body)`\n  color: var(--black, #000000);\n  font-size: 18px;\n  font-weight: 700;\n  margin-bottom: 16px;\n`;\n\nexport const RadioTitle = styled.div<{ selected: boolean }>`\n  display: flex;\n  gap: 8px;\n  color: ${(props) => (props.selected ? `var(--green-800, #285E50)` : `#000`)};\n`;\n\nexport const RadioDescription = styled.div<{ selected: boolean }>`\n  display: flex;\n  color: ${(props) => (props.selected ? `#000` : `var(--grey-300, #7f7f7f)`)};\n  font-size: 18px;\n  font-style: normal;\n  line-height: 24px;\n  padding: 0 24px 19px;\n  margin-top: -15px;\n`;\n\nexport const ButtonRadioContainer = styled.label<{ selected?: boolean }>`\n  display: flex;\n  gap: var(--spacing-m, 1rem);\n  padding: 1rem 2.5rem 1rem 1.5rem;\n  align-items: center;\n  border: 1px solid var(--grey-300, #7f7f7f);\n  justify-content: space-between;\n  border-radius: var(--radius-large, 1rem);\n  text-align: left;\n  transition: all 0.25s;\n  color: #000;\n  cursor: pointer;\n\n  ${(p) =>\n    p.selected &&\n    `\n    border-color: var(--green-800, #285E50);\n    background: var(--opal-greens-lily-white, #E9F0EE);\n    color: var(--green-800, #285E50);\n    `}\n`;\n\nexport const IconContainer = styled.div`\n  svg {\n    width: 4rem;\n    height: 4rem;\n  }\n`;\n\nexport const CaretContainer = styled(animated.div)`\n  svg {\n    width: 12px;\n    height: 19px;\n  }\n`;\n\nexport const ButtonRadioInput = styled.input<{ selected?: boolean }>`\n  position: absolute;\n  appearance: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  cursor: pointer;\n\n  svg {\n    width: 10px;\n  }\n\n  &:hover + label {\n    border-color: ${(p) => (p.selected ? 'var(--green-800, #285E50)' : '#AFC8BF')};\n    background: var(--green-100, #f4f8f7);\n    box-shadow: 1.57px 1.57px 15.7px 0px #d4e2dd;\n    color: var(--sherwood-greens-evening-sea, var(--green-800, #285e50));\n  }\n\n  &:focus + label {\n    border-color: var(--green-800, #285e50);\n    outline: 1px solid var(--green-800, #285e50);\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nexport const ButtonRadioLabel = styled.span`\n  font-size: 1.5rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 120%; /* 1.8rem */\n`;\n\nexport const ButtonRadioDescription = styled.span`\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n`;\n\nexport const StyledButtonRadioGroup = styled.div`\n  display: flex;\n  flex-flow: column;\n  gap: var(--spacing-m, 1rem);\n`;\n"]}
+{"version":3,"sources":["../src/Form/Radio/styles.tsx"],"names":["Container","styled","StyledRadios","props","inline","Wrapper","StyledRadio","Label","Typography_default","OtherOption","CardContainer","radioBorderColor","hasError","selected","StyledRadioContainer","RadioHeader","StyledCardRadio","CardRadioLabel","RadioTitle","RadioDescription","ButtonRadioContainer","p","IconContainer","CaretContainer","animated","ButtonRadioInput","ButtonRadioLabel","ButtonRadioDescription","StyledButtonRadioGroup"],"mappings":"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","file":"chunk-GKNMP3SV.js","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\n\nexport const Container = styled.div`\n  margin-bottom: 32px;\n`;\n\nexport const StyledRadios = styled.div<{\n  inline: boolean;\n  isColumns?: boolean;\n}>`\n  display: ${(props) => (props.isColumns ? 'grid' : 'flex')};\n  flex-flow: ${({ inline }) => (inline ? 'row' : 'column')};\n  gap: ${(props) => (props.isColumns ? '24px' : ' 12px')};\n  grid-template-columns: repeat(2, 1fr);\n  flex-wrap: wrap;\n\n  @media (min-width: 800px) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n`;\n\nexport const Wrapper = styled.div<{ inline?: boolean }>`\n  display: flex;\n  height: 25px;\n  gap: 30rem;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n\n  label {\n    padding-left: 32px;\n  }\n`;\n\nexport const StyledRadio = styled.input<{\n  previewOnly?: boolean;\n  hasError?: boolean;\n}>`\n  -webkit-appearance: none;\n  position: absolute;\n  appearance: none;\n  margin: 0;\n  width: 100%;\n  opacity: 0;\n  background: none;\n  z-index: 5;\n  height: 40px;\n  cursor: ${(props) => (props?.previewOnly ? 'default' : 'pointer')};\n\n  ::after {\n    content: '';\n    display: block;\n    border-radius: 50%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: 3px;\n  }\n\n  + label::after,\n  + label::before {\n    content: '';\n    position: absolute;\n    box-sizing: content-box;\n    z-index: 1;\n    border-radius: 50%;\n    aspect-ratio: 1;\n  }\n\n  + label::after {\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    left: 0px;\n    top: 0px;\n    width: 20px;\n    border: 2px solid #aaaaaa;\n    border-color: ${(props) => (props?.hasError ? '#DA4D54' : '#aaaaaa')};\n  }\n\n  + label::before {\n    z-index: 4;\n    transition: all 0.25s;\n    top: 8px;\n    left: 8px;\n    width: 8px;\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    transform: scale(1);\n  }\n\n  &:checked + label::after {\n    border-color: var(--green-900, #1d4339);\n  }\n\n  &:checked + label::before {\n    transform: scale(1.65);\n    background: var(--green-900, #1d4339);\n  }\n\n  &:focus + label::after {\n    border-color: var(--green-900, #1d4339);\n  }\n`;\n\nexport const Label = styled(Typography.Body)`\n  margin-bottom: 5px;\n  font-weight: bold;\n`;\n\nexport const OtherOption = styled.div`\n  display: flex;\n  gap: 15px;\n  align-items: center;\n\n  input[type='text'] {\n    margin: 0;\n  }\n`;\n\nexport const CardContainer = styled.div`\n  width: 100%;\n`;\n\nexport const radioBorderColor = ({\n  hasError,\n  selected,\n}: {\n  hasError: boolean;\n  selected: boolean;\n}): string => {\n  if (hasError) return 'red';\n\n  return selected ? 'var(--green-800, #285E50)' : '#7f7f7f';\n};\n\nexport const StyledRadioContainer = styled.label<{\n  selected: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}>`\n  display: flex;\n  width: 100%;\n  gap: 8px;\n  border-radius: 10px;\n  background: ${({ selected }) => (selected ? '#E9F0EE' : '#fff')};\n  flex-direction: column;\n  margin-bottom: 16px;\n  cursor: pointer;\n\n  border: 2px solid ${({ hasError, selected }) => radioBorderColor({ hasError, selected })};\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  svg path {\n    stroke: ${({ selected }) =>\n      selected\n        ? `var(--green-800, #285E50\n\n)`\n        : `var(--grey-300, #7f7f7f)`};\n  }\n  ${(props) =>\n    props?.disabled &&\n    `\n    background: #EEE;\n    pointer-events: none;\n  `};\n`;\n\nexport const RadioHeader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  color: #000;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 24px;\n  padding: 18px 24px;\n`;\n\nexport const StyledCardRadio = styled.input`\n  appearance: none;\n  background-color: #fff;\n  margin: 0;\n  font: inherit;\n  width: 1.15em;\n  height: 1.15em;\n  border: 0.15em solid #9a9a9a;\n  border-radius: 50%;\n  transform: translateY(-0.075em);\n  display: grid;\n  place-content: center;\n\n  &::before {\n    content: '';\n    width: 0.6em;\n    height: 0.6em;\n    border-radius: 50%;\n    transform: scale(0);\n    transition: 120ms transform ease-in-out;\n    box-shadow: inset 1em 1em var(--green-900, #1d4339);\n  }\n\n  &:checked::before {\n    transform: scale(1);\n  }\n\n  &:checked {\n    border: 0.15em solid var(--green-900, #1d4339);\n  }\n`;\n\nexport const CardRadioLabel = styled(Typography.Body)`\n  color: var(--black, #000000);\n  font-size: 18px;\n  font-weight: 700;\n  margin-bottom: 16px;\n`;\n\nexport const RadioTitle = styled.div<{ selected: boolean }>`\n  display: flex;\n  gap: 8px;\n  color: ${(props) => (props.selected ? `var(--green-800, #285E50)` : `#000`)};\n`;\n\nexport const RadioDescription = styled.div<{ selected: boolean }>`\n  display: flex;\n  color: ${(props) => (props.selected ? `#000` : `var(--grey-300, #7f7f7f)`)};\n  font-size: 18px;\n  font-style: normal;\n  line-height: 24px;\n  padding: 0 24px 19px;\n  margin-top: -15px;\n`;\n\nexport const ButtonRadioContainer = styled.label<{ selected?: boolean }>`\n  display: flex;\n  gap: var(--spacing-m, 1rem);\n  padding: 1rem 2.5rem 1rem 1.5rem;\n  align-items: center;\n  border: 1px solid var(--grey-300, #7f7f7f);\n  justify-content: space-between;\n  border-radius: var(--radius-large, 1rem);\n  text-align: left;\n  transition: all 0.25s;\n  color: #000;\n  cursor: pointer;\n\n  ${(p) =>\n    p.selected &&\n    `\n    border-color: var(--green-800, #285E50);\n    background: var(--opal-greens-lily-white, #E9F0EE);\n    color: var(--green-800, #285E50);\n    `}\n`;\n\nexport const IconContainer = styled.div`\n  svg {\n    width: 4rem;\n    height: 4rem;\n  }\n`;\n\nexport const CaretContainer = styled(animated.div)`\n  svg {\n    width: 12px;\n    height: 19px;\n  }\n`;\n\nexport const ButtonRadioInput = styled.input<{ selected?: boolean }>`\n  position: absolute;\n  appearance: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  cursor: pointer;\n\n  svg {\n    width: 10px;\n  }\n\n  &:hover + label {\n    border-color: ${(p) => (p.selected ? 'var(--green-800, #285E50)' : '#AFC8BF')};\n    background: var(--green-100, #f4f8f7);\n    box-shadow: 1.57px 1.57px 15.7px 0px #d4e2dd;\n    color: var(--sherwood-greens-evening-sea, var(--green-800, #285e50));\n  }\n\n  &:focus + label {\n    border-color: var(--green-800, #285e50);\n    outline: 1px solid var(--green-800, #285e50);\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nexport const ButtonRadioLabel = styled.span`\n  font-size: 1.5rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 120%; /* 1.8rem */\n`;\n\nexport const ButtonRadioDescription = styled.span`\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n`;\n\nexport const StyledButtonRadioGroup = styled.div`\n  display: flex;\n  flex-flow: column;\n  gap: var(--spacing-m, 1rem);\n`;\n"]}

package/dist/{chunk-GGZGT2MN.cjs → chunk-HEL72LHE.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunkQRFUIS7R_cjs=require('./chunk-QRFUIS7R.cjs'),o=require('@emotion/styled'),web=require('@react-spring/web');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var o__default=/*#__PURE__*/_interopDefault(o);var p=o__default.default.div`
+'use strict';var chunkRHSEUQ24_cjs=require('./chunk-RHSEUQ24.cjs'),o=require('@emotion/styled'),web=require('@react-spring/web');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var o__default=/*#__PURE__*/_interopDefault(o);var p=o__default.default.div`
   margin-bottom: 32px;
 `,s=o__default.default.div`
   display: ${e=>e.isColumns?"grid":"flex"};
@@ -83,7 +83,7 @@
   &:focus + label::after {
     border-color: var(--green-900, #1d4339);
   }
-`,g=o__default.default(chunkQRFUIS7R_cjs.a.Body)`
+`,g=o__default.default(chunkRHSEUQ24_cjs.a.Body)`
   margin-bottom: 5px;
   font-weight: bold;
 `,x=o__default.default.div`
@@ -161,7 +161,7 @@
   &:checked {
     border: 0.15em solid var(--green-900, #1d4339);
   }
-`,v=o__default.default(chunkQRFUIS7R_cjs.a.Body)`
+`,v=o__default.default(chunkRHSEUQ24_cjs.a.Body)`
   color: var(--black, #000000);
   font-size: 18px;
   font-weight: 700;
@@ -250,5 +250,5 @@
   display: flex;
   flex-flow: column;
   gap: var(--spacing-m, 1rem);
-`;exports.a=p;exports.b=s;exports.c=c;exports.d=f;exports.e=g;exports.f=x;exports.g=b;exports.h=n;exports.i=m;exports.j=h;exports.k=u;exports.l=v;exports.m=y;exports.n=w;exports.o=E;exports.p=k;exports.q=C;exports.r=$;exports.s=R;exports.t=z;exports.u=B;//# sourceMappingURL=chunk-GGZGT2MN.cjs.map
-//# sourceMappingURL=chunk-GGZGT2MN.cjs.map
+`;exports.a=p;exports.b=s;exports.c=c;exports.d=f;exports.e=g;exports.f=x;exports.g=b;exports.h=n;exports.i=m;exports.j=h;exports.k=u;exports.l=v;exports.m=y;exports.n=w;exports.o=E;exports.p=k;exports.q=C;exports.r=$;exports.s=R;exports.t=z;exports.u=B;//# sourceMappingURL=chunk-HEL72LHE.cjs.map
+//# sourceMappingURL=chunk-HEL72LHE.cjs.map

package/dist/{chunk-GGZGT2MN.cjs.map → chunk-HEL72LHE.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/Radio/styles.tsx"],"names":["Container","styled","StyledRadios","props","inline","Wrapper","StyledRadio","Label","Typography_default","OtherOption","CardContainer","radioBorderColor","hasError","selected","StyledRadioContainer","RadioHeader","StyledCardRadio","CardRadioLabel","RadioTitle","RadioDescription","ButtonRadioContainer","p","IconContainer","CaretContainer","animated","ButtonRadioInput","ButtonRadioLabel","ButtonRadioDescription","StyledButtonRadioGroup"],"mappings":"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","file":"chunk-GGZGT2MN.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\n\nexport const Container = styled.div`\n  margin-bottom: 32px;\n`;\n\nexport const StyledRadios = styled.div<{\n  inline: boolean;\n  isColumns?: boolean;\n}>`\n  display: ${(props) => (props.isColumns ? 'grid' : 'flex')};\n  flex-flow: ${({ inline }) => (inline ? 'row' : 'column')};\n  gap: ${(props) => (props.isColumns ? '24px' : ' 12px')};\n  grid-template-columns: repeat(2, 1fr);\n  flex-wrap: wrap;\n\n  @media (min-width: 800px) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n`;\n\nexport const Wrapper = styled.div<{ inline?: boolean }>`\n  display: flex;\n  height: 25px;\n  gap: 30rem;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n\n  label {\n    padding-left: 32px;\n  }\n`;\n\nexport const StyledRadio = styled.input<{\n  previewOnly?: boolean;\n  hasError?: boolean;\n}>`\n  -webkit-appearance: none;\n  position: absolute;\n  appearance: none;\n  margin: 0;\n  width: 100%;\n  opacity: 0;\n  background: none;\n  z-index: 5;\n  height: 40px;\n  cursor: ${(props) => (props?.previewOnly ? 'default' : 'pointer')};\n\n  ::after {\n    content: '';\n    display: block;\n    border-radius: 50%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: 3px;\n  }\n\n  + label::after,\n  + label::before {\n    content: '';\n    position: absolute;\n    box-sizing: content-box;\n    z-index: 1;\n    border-radius: 50%;\n    aspect-ratio: 1;\n  }\n\n  + label::after {\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    left: 0px;\n    top: 0px;\n    width: 20px;\n    border: 2px solid #aaaaaa;\n    border-color: ${(props) => (props?.hasError ? '#DA4D54' : '#aaaaaa')};\n  }\n\n  + label::before {\n    z-index: 4;\n    transition: all 0.25s;\n    top: 8px;\n    left: 8px;\n    width: 8px;\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    transform: scale(1);\n  }\n\n  &:checked + label::after {\n    border-color: var(--green-900, #1d4339);\n  }\n\n  &:checked + label::before {\n    transform: scale(1.65);\n    background: var(--green-900, #1d4339);\n  }\n\n  &:focus + label::after {\n    border-color: var(--green-900, #1d4339);\n  }\n`;\n\nexport const Label = styled(Typography.Body)`\n  margin-bottom: 5px;\n  font-weight: bold;\n`;\n\nexport const OtherOption = styled.div`\n  display: flex;\n  gap: 15px;\n  align-items: center;\n\n  input[type='text'] {\n    margin: 0;\n  }\n`;\n\nexport const CardContainer = styled.div`\n  width: 100%;\n`;\n\nexport const radioBorderColor = ({\n  hasError,\n  selected,\n}: {\n  hasError: boolean;\n  selected: boolean;\n}): string => {\n  if (hasError) return 'red';\n\n  return selected ? 'var(--green-800, #285E50)' : '#7f7f7f';\n};\n\nexport const StyledRadioContainer = styled.label<{\n  selected: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}>`\n  display: flex;\n  width: 100%;\n  gap: 8px;\n  border-radius: 10px;\n  background: ${({ selected }) => (selected ? '#E9F0EE' : '#fff')};\n  flex-direction: column;\n  margin-bottom: 16px;\n  cursor: pointer;\n\n  border: 2px solid ${({ hasError, selected }) => radioBorderColor({ hasError, selected })};\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  svg path {\n    stroke: ${({ selected }) =>\n      selected\n        ? `var(--green-800, #285E50\n\n)`\n        : `var(--grey-300, #7f7f7f)`};\n  }\n  ${(props) =>\n    props?.disabled &&\n    `\n    background: #EEE;\n    pointer-events: none;\n  `};\n`;\n\nexport const RadioHeader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  color: #000;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 24px;\n  padding: 18px 24px;\n`;\n\nexport const StyledCardRadio = styled.input`\n  appearance: none;\n  background-color: #fff;\n  margin: 0;\n  font: inherit;\n  width: 1.15em;\n  height: 1.15em;\n  border: 0.15em solid #9a9a9a;\n  border-radius: 50%;\n  transform: translateY(-0.075em);\n  display: grid;\n  place-content: center;\n\n  &::before {\n    content: '';\n    width: 0.6em;\n    height: 0.6em;\n    border-radius: 50%;\n    transform: scale(0);\n    transition: 120ms transform ease-in-out;\n    box-shadow: inset 1em 1em var(--green-900, #1d4339);\n  }\n\n  &:checked::before {\n    transform: scale(1);\n  }\n\n  &:checked {\n    border: 0.15em solid var(--green-900, #1d4339);\n  }\n`;\n\nexport const CardRadioLabel = styled(Typography.Body)`\n  color: var(--black, #000000);\n  font-size: 18px;\n  font-weight: 700;\n  margin-bottom: 16px;\n`;\n\nexport const RadioTitle = styled.div<{ selected: boolean }>`\n  display: flex;\n  gap: 8px;\n  color: ${(props) => (props.selected ? `var(--green-800, #285E50)` : `#000`)};\n`;\n\nexport const RadioDescription = styled.div<{ selected: boolean }>`\n  display: flex;\n  color: ${(props) => (props.selected ? `#000` : `var(--grey-300, #7f7f7f)`)};\n  font-size: 18px;\n  font-style: normal;\n  line-height: 24px;\n  padding: 0 24px 19px;\n  margin-top: -15px;\n`;\n\nexport const ButtonRadioContainer = styled.label<{ selected?: boolean }>`\n  display: flex;\n  gap: var(--spacing-m, 1rem);\n  padding: 1rem 2.5rem 1rem 1.5rem;\n  align-items: center;\n  border: 1px solid var(--grey-300, #7f7f7f);\n  justify-content: space-between;\n  border-radius: var(--radius-large, 1rem);\n  text-align: left;\n  transition: all 0.25s;\n  color: #000;\n  cursor: pointer;\n\n  ${(p) =>\n    p.selected &&\n    `\n    border-color: var(--green-800, #285E50);\n    background: var(--opal-greens-lily-white, #E9F0EE);\n    color: var(--green-800, #285E50);\n    `}\n`;\n\nexport const IconContainer = styled.div`\n  svg {\n    width: 4rem;\n    height: 4rem;\n  }\n`;\n\nexport const CaretContainer = styled(animated.div)`\n  svg {\n    width: 12px;\n    height: 19px;\n  }\n`;\n\nexport const ButtonRadioInput = styled.input<{ selected?: boolean }>`\n  position: absolute;\n  appearance: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  cursor: pointer;\n\n  svg {\n    width: 10px;\n  }\n\n  &:hover + label {\n    border-color: ${(p) => (p.selected ? 'var(--green-800, #285E50)' : '#AFC8BF')};\n    background: var(--green-100, #f4f8f7);\n    box-shadow: 1.57px 1.57px 15.7px 0px #d4e2dd;\n    color: var(--sherwood-greens-evening-sea, var(--green-800, #285e50));\n  }\n\n  &:focus + label {\n    border-color: var(--green-800, #285e50);\n    outline: 1px solid var(--green-800, #285e50);\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nexport const ButtonRadioLabel = styled.span`\n  font-size: 1.5rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 120%; /* 1.8rem */\n`;\n\nexport const ButtonRadioDescription = styled.span`\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n`;\n\nexport const StyledButtonRadioGroup = styled.div`\n  display: flex;\n  flex-flow: column;\n  gap: var(--spacing-m, 1rem);\n`;\n"]}
+{"version":3,"sources":["../src/Form/Radio/styles.tsx"],"names":["Container","styled","StyledRadios","props","inline","Wrapper","StyledRadio","Label","Typography_default","OtherOption","CardContainer","radioBorderColor","hasError","selected","StyledRadioContainer","RadioHeader","StyledCardRadio","CardRadioLabel","RadioTitle","RadioDescription","ButtonRadioContainer","p","IconContainer","CaretContainer","animated","ButtonRadioInput","ButtonRadioLabel","ButtonRadioDescription","StyledButtonRadioGroup"],"mappings":"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","file":"chunk-HEL72LHE.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\n\nexport const Container = styled.div`\n  margin-bottom: 32px;\n`;\n\nexport const StyledRadios = styled.div<{\n  inline: boolean;\n  isColumns?: boolean;\n}>`\n  display: ${(props) => (props.isColumns ? 'grid' : 'flex')};\n  flex-flow: ${({ inline }) => (inline ? 'row' : 'column')};\n  gap: ${(props) => (props.isColumns ? '24px' : ' 12px')};\n  grid-template-columns: repeat(2, 1fr);\n  flex-wrap: wrap;\n\n  @media (min-width: 800px) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n`;\n\nexport const Wrapper = styled.div<{ inline?: boolean }>`\n  display: flex;\n  height: 25px;\n  gap: 30rem;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n\n  label {\n    padding-left: 32px;\n  }\n`;\n\nexport const StyledRadio = styled.input<{\n  previewOnly?: boolean;\n  hasError?: boolean;\n}>`\n  -webkit-appearance: none;\n  position: absolute;\n  appearance: none;\n  margin: 0;\n  width: 100%;\n  opacity: 0;\n  background: none;\n  z-index: 5;\n  height: 40px;\n  cursor: ${(props) => (props?.previewOnly ? 'default' : 'pointer')};\n\n  ::after {\n    content: '';\n    display: block;\n    border-radius: 50%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: 3px;\n  }\n\n  + label::after,\n  + label::before {\n    content: '';\n    position: absolute;\n    box-sizing: content-box;\n    z-index: 1;\n    border-radius: 50%;\n    aspect-ratio: 1;\n  }\n\n  + label::after {\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    left: 0px;\n    top: 0px;\n    width: 20px;\n    border: 2px solid #aaaaaa;\n    border-color: ${(props) => (props?.hasError ? '#DA4D54' : '#aaaaaa')};\n  }\n\n  + label::before {\n    z-index: 4;\n    transition: all 0.25s;\n    top: 8px;\n    left: 8px;\n    width: 8px;\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    transform: scale(1);\n  }\n\n  &:checked + label::after {\n    border-color: var(--green-900, #1d4339);\n  }\n\n  &:checked + label::before {\n    transform: scale(1.65);\n    background: var(--green-900, #1d4339);\n  }\n\n  &:focus + label::after {\n    border-color: var(--green-900, #1d4339);\n  }\n`;\n\nexport const Label = styled(Typography.Body)`\n  margin-bottom: 5px;\n  font-weight: bold;\n`;\n\nexport const OtherOption = styled.div`\n  display: flex;\n  gap: 15px;\n  align-items: center;\n\n  input[type='text'] {\n    margin: 0;\n  }\n`;\n\nexport const CardContainer = styled.div`\n  width: 100%;\n`;\n\nexport const radioBorderColor = ({\n  hasError,\n  selected,\n}: {\n  hasError: boolean;\n  selected: boolean;\n}): string => {\n  if (hasError) return 'red';\n\n  return selected ? 'var(--green-800, #285E50)' : '#7f7f7f';\n};\n\nexport const StyledRadioContainer = styled.label<{\n  selected: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}>`\n  display: flex;\n  width: 100%;\n  gap: 8px;\n  border-radius: 10px;\n  background: ${({ selected }) => (selected ? '#E9F0EE' : '#fff')};\n  flex-direction: column;\n  margin-bottom: 16px;\n  cursor: pointer;\n\n  border: 2px solid ${({ hasError, selected }) => radioBorderColor({ hasError, selected })};\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  svg path {\n    stroke: ${({ selected }) =>\n      selected\n        ? `var(--green-800, #285E50\n\n)`\n        : `var(--grey-300, #7f7f7f)`};\n  }\n  ${(props) =>\n    props?.disabled &&\n    `\n    background: #EEE;\n    pointer-events: none;\n  `};\n`;\n\nexport const RadioHeader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  color: #000;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 24px;\n  padding: 18px 24px;\n`;\n\nexport const StyledCardRadio = styled.input`\n  appearance: none;\n  background-color: #fff;\n  margin: 0;\n  font: inherit;\n  width: 1.15em;\n  height: 1.15em;\n  border: 0.15em solid #9a9a9a;\n  border-radius: 50%;\n  transform: translateY(-0.075em);\n  display: grid;\n  place-content: center;\n\n  &::before {\n    content: '';\n    width: 0.6em;\n    height: 0.6em;\n    border-radius: 50%;\n    transform: scale(0);\n    transition: 120ms transform ease-in-out;\n    box-shadow: inset 1em 1em var(--green-900, #1d4339);\n  }\n\n  &:checked::before {\n    transform: scale(1);\n  }\n\n  &:checked {\n    border: 0.15em solid var(--green-900, #1d4339);\n  }\n`;\n\nexport const CardRadioLabel = styled(Typography.Body)`\n  color: var(--black, #000000);\n  font-size: 18px;\n  font-weight: 700;\n  margin-bottom: 16px;\n`;\n\nexport const RadioTitle = styled.div<{ selected: boolean }>`\n  display: flex;\n  gap: 8px;\n  color: ${(props) => (props.selected ? `var(--green-800, #285E50)` : `#000`)};\n`;\n\nexport const RadioDescription = styled.div<{ selected: boolean }>`\n  display: flex;\n  color: ${(props) => (props.selected ? `#000` : `var(--grey-300, #7f7f7f)`)};\n  font-size: 18px;\n  font-style: normal;\n  line-height: 24px;\n  padding: 0 24px 19px;\n  margin-top: -15px;\n`;\n\nexport const ButtonRadioContainer = styled.label<{ selected?: boolean }>`\n  display: flex;\n  gap: var(--spacing-m, 1rem);\n  padding: 1rem 2.5rem 1rem 1.5rem;\n  align-items: center;\n  border: 1px solid var(--grey-300, #7f7f7f);\n  justify-content: space-between;\n  border-radius: var(--radius-large, 1rem);\n  text-align: left;\n  transition: all 0.25s;\n  color: #000;\n  cursor: pointer;\n\n  ${(p) =>\n    p.selected &&\n    `\n    border-color: var(--green-800, #285E50);\n    background: var(--opal-greens-lily-white, #E9F0EE);\n    color: var(--green-800, #285E50);\n    `}\n`;\n\nexport const IconContainer = styled.div`\n  svg {\n    width: 4rem;\n    height: 4rem;\n  }\n`;\n\nexport const CaretContainer = styled(animated.div)`\n  svg {\n    width: 12px;\n    height: 19px;\n  }\n`;\n\nexport const ButtonRadioInput = styled.input<{ selected?: boolean }>`\n  position: absolute;\n  appearance: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  cursor: pointer;\n\n  svg {\n    width: 10px;\n  }\n\n  &:hover + label {\n    border-color: ${(p) => (p.selected ? 'var(--green-800, #285E50)' : '#AFC8BF')};\n    background: var(--green-100, #f4f8f7);\n    box-shadow: 1.57px 1.57px 15.7px 0px #d4e2dd;\n    color: var(--sherwood-greens-evening-sea, var(--green-800, #285e50));\n  }\n\n  &:focus + label {\n    border-color: var(--green-800, #285e50);\n    outline: 1px solid var(--green-800, #285e50);\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nexport const ButtonRadioLabel = styled.span`\n  font-size: 1.5rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 120%; /* 1.8rem */\n`;\n\nexport const ButtonRadioDescription = styled.span`\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n`;\n\nexport const StyledButtonRadioGroup = styled.div`\n  display: flex;\n  flex-flow: column;\n  gap: var(--spacing-m, 1rem);\n`;\n"]}

package/dist/{chunk-5HOAP7J4.js → chunk-IHOXNPOV.js}

@@ -1,2 +1,2 @@
-import {a}from'./chunk-QRIPM25G.js';import {a as a$1}from'./chunk-BLAVQ6BS.js';import {d}from'./chunk-SLCTEGVG.js';import {Tree}from'antd';import {useState,useEffect}from'react';import {jsx,jsxs}from'react/jsx-runtime';var N=o=>{let{title:t,description:r}=o,n;return typeof t=="function"?n=t(o):n=t,jsxs(a,{vertical:true,style:{paddingBottom:24},children:[jsx(a$1.Header,{children:n}),r&&jsx(a$1.Body,{children:r})]})};function P({defaultExpandAll:o,treeData:t,checkedKeys:r,...n}){let[C,c]=useState([]),[g,d$1]=useState([]),h=a=>{let e=[];return a.forEach(y=>{y.key&&e.push(y.key),Array.isArray(y.children)&&(e=e.concat(h(y.children)));}),e},K=(a,e)=>{if(g.includes(e.node.key)){let s=new Set([e.node.key]);e.node.children&&e.node.children.forEach(({key:i})=>s.add(i)),d$1(i=>i.filter(l=>!s.has(l))),c(i=>i.filter(l=>!s.has(l)));}else d$1(s=>[...s,e.node.key]),c(s=>[...s,e.node.key]);};return useEffect(()=>{if(!o||!t)return;let a=h(t);d$1(a),c(a);},[o]),useEffect(()=>{r&&(o||(d$1(r),c(r)));},[o,r]),jsx(Tree,{switcherIcon:null,expandedKeys:C,checkedKeys:r,checkable:true,checkStrictly:true,selectable:false,treeData:t,onCheck:K,titleRender:N,style:{backgroundColor:d.green100},...n})}export{P as a};//# sourceMappingURL=chunk-5HOAP7J4.js.map
-//# sourceMappingURL=chunk-5HOAP7J4.js.map
+import {a}from'./chunk-QRIPM25G.js';import {a as a$1}from'./chunk-DMPPXMMA.js';import {d}from'./chunk-SLCTEGVG.js';import {Tree}from'antd';import {useState,useEffect}from'react';import {jsx,jsxs}from'react/jsx-runtime';var N=o=>{let{title:t,description:r}=o,n;return typeof t=="function"?n=t(o):n=t,jsxs(a,{vertical:true,style:{paddingBottom:24},children:[jsx(a$1.Header,{children:n}),r&&jsx(a$1.Body,{children:r})]})};function P({defaultExpandAll:o,treeData:t,checkedKeys:r,...n}){let[C,c]=useState([]),[g,d$1]=useState([]),h=a=>{let e=[];return a.forEach(y=>{y.key&&e.push(y.key),Array.isArray(y.children)&&(e=e.concat(h(y.children)));}),e},K=(a,e)=>{if(g.includes(e.node.key)){let s=new Set([e.node.key]);e.node.children&&e.node.children.forEach(({key:i})=>s.add(i)),d$1(i=>i.filter(l=>!s.has(l))),c(i=>i.filter(l=>!s.has(l)));}else d$1(s=>[...s,e.node.key]),c(s=>[...s,e.node.key]);};return useEffect(()=>{if(!o||!t)return;let a=h(t);d$1(a),c(a);},[o]),useEffect(()=>{r&&(o||(d$1(r),c(r)));},[o,r]),jsx(Tree,{switcherIcon:null,expandedKeys:C,checkedKeys:r,checkable:true,checkStrictly:true,selectable:false,treeData:t,onCheck:K,titleRender:N,style:{backgroundColor:d.green100},...n})}export{P as a};//# sourceMappingURL=chunk-IHOXNPOV.js.map
+//# sourceMappingURL=chunk-IHOXNPOV.js.map

package/dist/{chunk-5HOAP7J4.js.map → chunk-IHOXNPOV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Tree/index.tsx"],"names":["Title","node","title","description","titleNode","jsxs","Flex_default","jsx","Typography_default","Tree","defaultExpandAll","treeData","checkedKeys","rest","expandedKeys","setExpandedKeys","useState","localCheckedKeys","setLocalCheckedKeys","getNestedKeys","data","allKeys","item","handleOnCheck","_","checkedEvent","keysToRemove","key","prev","useEffect","keys","AntDTree","baseColors"],"mappings":"2NAQA,IAAMA,CAAAA,CAASC,CAAAA,EAA8C,CAC3D,GAAM,CAAE,KAAA,CAAAC,EAAO,WAAA,CAAAC,CAAY,CAAA,CAAIF,CAAAA,CAE3BG,CAAAA,CACJ,OAAI,OAAOF,CAAAA,EAAU,WACnBE,CAAAA,CAAYF,CAAAA,CAAMD,CAAI,CAAA,CAEtBG,CAAAA,CAAYF,CAAAA,CAIZG,IAAAA,CAACC,CAAAA,CAAA,CAAK,QAAA,CAAQ,IAAA,CAAC,KAAA,CAAO,CAAE,aAAA,CAAe,EAAG,CAAA,CACxC,QAAA,CAAA,CAAAC,IAACC,GAAAA,CAAW,MAAA,CAAX,CAAmB,QAAA,CAAAJ,CAAAA,CAAU,CAAA,CAC7BD,CAAAA,EAAeI,GAAAA,CAACC,IAAW,IAAA,CAAX,CAAiB,QAAA,CAAAL,CAAAA,CAAY,GAChD,CAEJ,CAAA,CAIe,SAARM,CAAAA,CAAsB,CAAE,gBAAA,CAAAC,CAAAA,CAAkB,QAAA,CAAAC,CAAAA,CAAU,WAAA,CAAAC,CAAAA,CAAa,GAAGC,CAAK,EAAc,CAC5F,GAAM,CAACC,CAAAA,CAAcC,CAAe,CAAA,CAAIC,QAAAA,CAAsB,EAAE,CAAA,CAC1D,CAACC,CAAAA,CAAkBC,GAAmB,CAAA,CAAIF,QAAAA,CAAsB,EAAE,EAElEG,CAAAA,CAAiBC,CAAAA,EAAqB,CAC1C,IAAIC,EAAiB,EAAC,CAEtB,OAAAD,CAAAA,CAAK,QAASE,CAAAA,EAAS,CACjBA,CAAAA,CAAK,GAAA,EACPD,CAAAA,CAAQ,IAAA,CAAKC,CAAAA,CAAK,GAAG,EAGnB,KAAA,CAAM,OAAA,CAAQA,CAAAA,CAAK,QAAQ,CAAA,GAC7BD,CAAAA,CAAUA,CAAAA,CAAQ,MAAA,CAAOF,EAAcG,CAAAA,CAAK,QAAQ,CAAC,CAAA,EAEzD,CAAC,CAAA,CAEMD,CACT,CAAA,CAEME,EAAsC,CAACC,CAAAA,CAAGC,CAAAA,GAAiB,CAG/D,GAFuBR,CAAAA,CAAiB,QAAA,CAASQ,CAAAA,CAAa,IAAA,CAAK,GAAG,CAAA,CAElD,CAClB,IAAMC,CAAAA,CAAe,IAAI,GAAA,CAAI,CAACD,CAAAA,CAAa,KAAK,GAAG,CAAC,CAAA,CAEhDA,CAAAA,CAAa,IAAA,CAAK,QAAA,EACpBA,CAAAA,CAAa,IAAA,CAAK,SAAS,OAAA,CAAQ,CAAC,CAAE,GAAA,CAAAE,CAAI,CAAA,GAAMD,CAAAA,CAAa,GAAA,CAAIC,CAAG,CAAC,CAAA,CAGvET,GAAAA,CAAqBU,CAAAA,EAASA,CAAAA,CAAK,MAAA,CAAQD,CAAAA,EAAQ,CAACD,EAAa,GAAA,CAAIC,CAAG,CAAC,CAAC,CAAA,CAC1EZ,CAAAA,CAAiBa,CAAAA,EAASA,CAAAA,CAAK,OAAQD,CAAAA,EAAQ,CAACD,CAAAA,CAAa,GAAA,CAAIC,CAAG,CAAC,CAAC,EACxE,MACET,GAAAA,CAAqBU,CAAAA,EAAS,CAAC,GAAGA,CAAAA,CAAMH,CAAAA,CAAa,IAAA,CAAK,GAAG,CAAC,CAAA,CAC9DV,CAAAA,CAAiBa,CAAAA,EAAS,CAAC,GAAGA,CAAAA,CAAMH,CAAAA,CAAa,IAAA,CAAK,GAAG,CAAC,EAE9D,CAAA,CAEA,OAAAI,SAAAA,CAAU,IAAM,CAEd,GADI,CAACnB,GACD,CAACC,CAAAA,CAAU,OACf,IAAMmB,CAAAA,CAAOX,CAAAA,CAAcR,CAAQ,CAAA,CACnCO,IAAoBY,CAAI,CAAA,CACxBf,CAAAA,CAAgBe,CAAI,EACtB,CAAA,CAAG,CAACpB,CAAgB,CAAC,CAAA,CAErBmB,SAAAA,CAAU,IAAM,CACTjB,IACDF,CAAAA,GACJQ,GAAAA,CAAoBN,CAA0B,CAAA,CAC9CG,EAAgBH,CAA0B,CAAA,CAAA,EAC5C,CAAA,CAAG,CAACF,CAAAA,CAAkBE,CAAW,CAAC,CAAA,CAGhCL,IAACwB,IAAAA,CAAA,CACC,YAAA,CAAc,IAAA,CACd,YAAA,CAAcjB,CAAAA,CACd,WAAA,CAAaF,CAAAA,CACb,UAAS,IAAA,CACT,aAAA,CAAa,IAAA,CACb,UAAA,CAAY,KAAA,CACZ,QAAA,CAAUD,CAAAA,CACV,OAAA,CAASY,EACT,WAAA,CAAavB,CAAAA,CACb,KAAA,CAAO,CAAE,gBAAiBgC,CAAAA,CAAW,QAAS,CAAA,CAC7C,GAAGnB,EACN,CAEJ","file":"chunk-5HOAP7J4.js","sourcesContent":["import { Tree as AntDTree } from 'antd';\nimport type { TreeProps as AntDTreeProps, DataNode } from 'antd/es/tree';\n\nimport { useEffect, useState } from 'react';\nimport Typography from '../Typography';\nimport Flex from '../Flex';\nimport { baseColors } from '../theme/themeVariables';\n\nconst Title = (node: DataNode & { description?: string }) => {\n  const { title, description } = node;\n\n  let titleNode: React.ReactNode;\n  if (typeof title === 'function') {\n    titleNode = title(node);\n  } else {\n    titleNode = title;\n  }\n\n  return (\n    <Flex vertical style={{ paddingBottom: 24 }}>\n      <Typography.Header>{titleNode}</Typography.Header>\n      {description && <Typography.Body>{description}</Typography.Body>}\n    </Flex>\n  );\n};\n\nexport type TreeProps = AntDTreeProps;\n\nexport default function Tree({ defaultExpandAll, treeData, checkedKeys, ...rest }: TreeProps) {\n  const [expandedKeys, setExpandedKeys] = useState<React.Key[]>([]);\n  const [localCheckedKeys, setLocalCheckedKeys] = useState<React.Key[]>([]);\n\n  const getNestedKeys = (data: DataNode[]) => {\n    let allKeys: any[] = [];\n\n    data.forEach((item) => {\n      if (item.key) {\n        allKeys.push(item.key);\n      }\n\n      if (Array.isArray(item.children)) {\n        allKeys = allKeys.concat(getNestedKeys(item.children));\n      }\n    });\n\n    return allKeys;\n  };\n\n  const handleOnCheck: TreeProps['onCheck'] = (_, checkedEvent) => {\n    const alreadyChecked = localCheckedKeys.includes(checkedEvent.node.key);\n\n    if (alreadyChecked) {\n      const keysToRemove = new Set([checkedEvent.node.key]);\n\n      if (checkedEvent.node.children) {\n        checkedEvent.node.children.forEach(({ key }) => keysToRemove.add(key));\n      }\n\n      setLocalCheckedKeys((prev) => prev.filter((key) => !keysToRemove.has(key)));\n      setExpandedKeys((prev) => prev.filter((key) => !keysToRemove.has(key)));\n    } else {\n      setLocalCheckedKeys((prev) => [...prev, checkedEvent.node.key]);\n      setExpandedKeys((prev) => [...prev, checkedEvent.node.key]);\n    }\n  };\n\n  useEffect(() => {\n    if (!defaultExpandAll) return;\n    if (!treeData) return;\n    const keys = getNestedKeys(treeData);\n    setLocalCheckedKeys(keys);\n    setExpandedKeys(keys);\n  }, [defaultExpandAll]);\n\n  useEffect(() => {\n    if (!checkedKeys) return;\n    if (defaultExpandAll) return;\n    setLocalCheckedKeys(checkedKeys as React.Key[]);\n    setExpandedKeys(checkedKeys as React.Key[]);\n  }, [defaultExpandAll, checkedKeys]);\n\n  return (\n    <AntDTree\n      switcherIcon={null}\n      expandedKeys={expandedKeys}\n      checkedKeys={checkedKeys}\n      checkable\n      checkStrictly\n      selectable={false}\n      treeData={treeData}\n      onCheck={handleOnCheck}\n      titleRender={Title}\n      style={{ backgroundColor: baseColors.green100 }}\n      {...rest}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../src/Tree/index.tsx"],"names":["Title","node","title","description","titleNode","jsxs","Flex_default","jsx","Typography_default","Tree","defaultExpandAll","treeData","checkedKeys","rest","expandedKeys","setExpandedKeys","useState","localCheckedKeys","setLocalCheckedKeys","getNestedKeys","data","allKeys","item","handleOnCheck","_","checkedEvent","keysToRemove","key","prev","useEffect","keys","AntDTree","baseColors"],"mappings":"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","file":"chunk-IHOXNPOV.js","sourcesContent":["import { Tree as AntDTree } from 'antd';\nimport type { TreeProps as AntDTreeProps, DataNode } from 'antd/es/tree';\n\nimport { useEffect, useState } from 'react';\nimport Typography from '../Typography';\nimport Flex from '../Flex';\nimport { baseColors } from '../theme/themeVariables';\n\nconst Title = (node: DataNode & { description?: string }) => {\n  const { title, description } = node;\n\n  let titleNode: React.ReactNode;\n  if (typeof title === 'function') {\n    titleNode = title(node);\n  } else {\n    titleNode = title;\n  }\n\n  return (\n    <Flex vertical style={{ paddingBottom: 24 }}>\n      <Typography.Header>{titleNode}</Typography.Header>\n      {description && <Typography.Body>{description}</Typography.Body>}\n    </Flex>\n  );\n};\n\nexport type TreeProps = AntDTreeProps;\n\nexport default function Tree({ defaultExpandAll, treeData, checkedKeys, ...rest }: TreeProps) {\n  const [expandedKeys, setExpandedKeys] = useState<React.Key[]>([]);\n  const [localCheckedKeys, setLocalCheckedKeys] = useState<React.Key[]>([]);\n\n  const getNestedKeys = (data: DataNode[]) => {\n    let allKeys: any[] = [];\n\n    data.forEach((item) => {\n      if (item.key) {\n        allKeys.push(item.key);\n      }\n\n      if (Array.isArray(item.children)) {\n        allKeys = allKeys.concat(getNestedKeys(item.children));\n      }\n    });\n\n    return allKeys;\n  };\n\n  const handleOnCheck: TreeProps['onCheck'] = (_, checkedEvent) => {\n    const alreadyChecked = localCheckedKeys.includes(checkedEvent.node.key);\n\n    if (alreadyChecked) {\n      const keysToRemove = new Set([checkedEvent.node.key]);\n\n      if (checkedEvent.node.children) {\n        checkedEvent.node.children.forEach(({ key }) => keysToRemove.add(key));\n      }\n\n      setLocalCheckedKeys((prev) => prev.filter((key) => !keysToRemove.has(key)));\n      setExpandedKeys((prev) => prev.filter((key) => !keysToRemove.has(key)));\n    } else {\n      setLocalCheckedKeys((prev) => [...prev, checkedEvent.node.key]);\n      setExpandedKeys((prev) => [...prev, checkedEvent.node.key]);\n    }\n  };\n\n  useEffect(() => {\n    if (!defaultExpandAll) return;\n    if (!treeData) return;\n    const keys = getNestedKeys(treeData);\n    setLocalCheckedKeys(keys);\n    setExpandedKeys(keys);\n  }, [defaultExpandAll]);\n\n  useEffect(() => {\n    if (!checkedKeys) return;\n    if (defaultExpandAll) return;\n    setLocalCheckedKeys(checkedKeys as React.Key[]);\n    setExpandedKeys(checkedKeys as React.Key[]);\n  }, [defaultExpandAll, checkedKeys]);\n\n  return (\n    <AntDTree\n      switcherIcon={null}\n      expandedKeys={expandedKeys}\n      checkedKeys={checkedKeys}\n      checkable\n      checkStrictly\n      selectable={false}\n      treeData={treeData}\n      onCheck={handleOnCheck}\n      titleRender={Title}\n      style={{ backgroundColor: baseColors.green100 }}\n      {...rest}\n    />\n  );\n}\n"]}

package/dist/{chunk-ICYFGKFD.cjs → chunk-ITSXBXNL.cjs}

@@ -1,8 +1,8 @@
-'use strict';var chunkQRFUIS7R_cjs=require('./chunk-QRFUIS7R.cjs'),t=require('@emotion/styled'),web=require('@react-spring/web');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var t__default=/*#__PURE__*/_interopDefault(t);var a=t__default.default.div`
+'use strict';var chunkRHSEUQ24_cjs=require('./chunk-RHSEUQ24.cjs'),t=require('@emotion/styled'),web=require('@react-spring/web');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var t__default=/*#__PURE__*/_interopDefault(t);var a=t__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 40;
-`,s=t__default.default(chunkQRFUIS7R_cjs.a.Body)`
+`,s=t__default.default(chunkRHSEUQ24_cjs.a.Body)`
   margin-bottom: 5px;
   font-weight: ${({isLabelBold:o})=>o?"bold":"regular"};
   text-align: start;
@@ -66,7 +66,7 @@
   position: absolute;
   top: 0;
   left: 0;
-`,c=t__default.default(chunkQRFUIS7R_cjs.a.Body)`
+`,c=t__default.default(chunkRHSEUQ24_cjs.a.Body)`
   margin-bottom: 24px;
-`;exports.a=a;exports.b=s;exports.c=d;exports.d=l;exports.e=x;exports.f=b;exports.g=g;exports.h=c;//# sourceMappingURL=chunk-ICYFGKFD.cjs.map
-//# sourceMappingURL=chunk-ICYFGKFD.cjs.map
+`;exports.a=a;exports.b=s;exports.c=d;exports.d=l;exports.e=x;exports.f=b;exports.g=g;exports.h=c;//# sourceMappingURL=chunk-ITSXBXNL.cjs.map
+//# sourceMappingURL=chunk-ITSXBXNL.cjs.map

package/dist/{chunk-ICYFGKFD.cjs.map → chunk-ITSXBXNL.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/Select/styles.tsx"],"names":["Container","styled","Label","Typography_default","isLabelBold","SelectContainer","props","SelectOptions","animated","Option","Radio","p","UnstyledInput","PreviewValue"],"mappings":"iPAIO,IAAMA,EAAYC,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMnBC,CAAAA,CAAQD,kBAAAA,CAAOE,mBAAAA,CAAW,IAAI,CAAA;AAAA;AAAA,eAAA,EAE1B,CAAC,CAAE,WAAA,CAAAC,CAAY,CAAA,GAAOA,CAAAA,CAAc,OAAS,SAAU,CAAA;AAAA;AAAA,CAAA,CAI3DC,EAAkBJ,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAA,EAOzBK,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,QAAA,CAAW,SAAU,CAAA;AAAA,cAAA,EACjDA,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,SAAA,CAAY,MAAO,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAavDC,CAAAA,CAAgBN,kBAAAA,CAAOO,YAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYnCC,EAASR,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYhBS,EAAQT,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAYTU,CAAAA,EAAOA,CAAAA,CAAE,SAAA,CAAY,oBAAA,CAAuB,2BAA4B,CAAA;AAAA,cAAA,EAC1EA,CAAAA,EAAOA,CAAAA,CAAE,SAAA,CAAY,oBAAA,CAAuB,MAAO,CAAA;AAAA,CAAA,CAGvDC,EAAgBX,kBAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CASvBY,CAAAA,CAAeZ,kBAAAA,CAAOE,mBAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-ICYFGKFD.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\n\nexport const Container = styled.div`\n  position: relative;\n  margin-bottom: 24px;\n  z-index: 40;\n`;\n\nexport const Label = styled(Typography.Body)<{ isLabelBold: boolean }>`\n  margin-bottom: 5px;\n  font-weight: ${({ isLabelBold }) => (isLabelBold ? 'bold' : 'regular')};\n  text-align: start;\n`;\n\nexport const SelectContainer = styled.div<{ previewOnly?: boolean }>`\n  position: relative;\n  margin-top: 8px;\n  border: 1px solid #5a5a5a;\n  box-sizing: border-box;\n  border-radius: 8px;\n  height: 50px;\n  cursor: ${(props) => (props?.previewOnly ? 'cursor' : 'pointer')};\n  background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n  line-height: normal;\n  padding: 13px 24px;\n  display: flex;\n  align-items: center;\n\n  > svg {\n    position: absolute;\n    right: 25px;\n    top: 17px;\n  }\n`;\n\nexport const SelectOptions = styled(animated.div)`\n  position: absolute;\n  background: #fff;\n  border-radius: 8px;\n  border: 1px solid #5a5a5a;\n  top: 60px;\n  left: 0;\n  right: 0;\n  max-height: 180px;\n  overflow-y: auto;\n`;\n\nexport const Option = styled.div`\n  cursor: pointer;\n  padding: 13px 24px;\n  position: relative;\n\n  &:hover {\n    div {\n      background: var(--green-600, #3f937c);\n    }\n  }\n`;\n\nexport const Radio = styled.div<{ isCurrent: boolean }>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: 12px;\n  right: 17px;\n  transition: background 0.25s;\n  border-radius: 50%;\n  border: 0.766898px solid;\n  border-color: ${(p) => (p.isCurrent ? '#285E50 !important' : 'var(--green-600, #3f937c)')};\n  background: ${(p) => (p.isCurrent ? '#285E50 !important' : '#FFF')};\n`;\n\nexport const UnstyledInput = styled.input`\n  outline: none;\n  border: none;\n  background: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nexport const PreviewValue = styled(Typography.Body)`\n  margin-bottom: 24px;\n`;\n"]}
+{"version":3,"sources":["../src/Form/Select/styles.tsx"],"names":["Container","styled","Label","Typography_default","isLabelBold","SelectContainer","props","SelectOptions","animated","Option","Radio","p","UnstyledInput","PreviewValue"],"mappings":"iPAIO,IAAMA,EAAYC,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMnBC,CAAAA,CAAQD,kBAAAA,CAAOE,mBAAAA,CAAW,IAAI,CAAA;AAAA;AAAA,eAAA,EAE1B,CAAC,CAAE,WAAA,CAAAC,CAAY,CAAA,GAAOA,CAAAA,CAAc,OAAS,SAAU,CAAA;AAAA;AAAA,CAAA,CAI3DC,EAAkBJ,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAA,EAOzBK,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,QAAA,CAAW,SAAU,CAAA;AAAA,cAAA,EACjDA,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,SAAA,CAAY,MAAO,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAavDC,CAAAA,CAAgBN,kBAAAA,CAAOO,YAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYnCC,EAASR,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYhBS,EAAQT,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAYTU,CAAAA,EAAOA,CAAAA,CAAE,SAAA,CAAY,oBAAA,CAAuB,2BAA4B,CAAA;AAAA,cAAA,EAC1EA,CAAAA,EAAOA,CAAAA,CAAE,SAAA,CAAY,oBAAA,CAAuB,MAAO,CAAA;AAAA,CAAA,CAGvDC,EAAgBX,kBAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CASvBY,CAAAA,CAAeZ,kBAAAA,CAAOE,mBAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-ITSXBXNL.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\n\nexport const Container = styled.div`\n  position: relative;\n  margin-bottom: 24px;\n  z-index: 40;\n`;\n\nexport const Label = styled(Typography.Body)<{ isLabelBold: boolean }>`\n  margin-bottom: 5px;\n  font-weight: ${({ isLabelBold }) => (isLabelBold ? 'bold' : 'regular')};\n  text-align: start;\n`;\n\nexport const SelectContainer = styled.div<{ previewOnly?: boolean }>`\n  position: relative;\n  margin-top: 8px;\n  border: 1px solid #5a5a5a;\n  box-sizing: border-box;\n  border-radius: 8px;\n  height: 50px;\n  cursor: ${(props) => (props?.previewOnly ? 'cursor' : 'pointer')};\n  background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n  line-height: normal;\n  padding: 13px 24px;\n  display: flex;\n  align-items: center;\n\n  > svg {\n    position: absolute;\n    right: 25px;\n    top: 17px;\n  }\n`;\n\nexport const SelectOptions = styled(animated.div)`\n  position: absolute;\n  background: #fff;\n  border-radius: 8px;\n  border: 1px solid #5a5a5a;\n  top: 60px;\n  left: 0;\n  right: 0;\n  max-height: 180px;\n  overflow-y: auto;\n`;\n\nexport const Option = styled.div`\n  cursor: pointer;\n  padding: 13px 24px;\n  position: relative;\n\n  &:hover {\n    div {\n      background: var(--green-600, #3f937c);\n    }\n  }\n`;\n\nexport const Radio = styled.div<{ isCurrent: boolean }>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: 12px;\n  right: 17px;\n  transition: background 0.25s;\n  border-radius: 50%;\n  border: 0.766898px solid;\n  border-color: ${(p) => (p.isCurrent ? '#285E50 !important' : 'var(--green-600, #3f937c)')};\n  background: ${(p) => (p.isCurrent ? '#285E50 !important' : '#FFF')};\n`;\n\nexport const UnstyledInput = styled.input`\n  outline: none;\n  border: none;\n  background: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nexport const PreviewValue = styled(Typography.Body)`\n  margin-bottom: 24px;\n`;\n"]}

package/dist/{chunk-SLTMCCJN.cjs → chunk-J2LGWFLN.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkEOPHXSAH_cjs=require('./chunk-EOPHXSAH.cjs'),chunkQRFUIS7R_cjs=require('./chunk-QRFUIS7R.cjs'),jsxRuntime=require('react/jsx-runtime');var y=({title:o,icon:r})=>jsxRuntime.jsx(chunkEOPHXSAH_cjs.a,{justify:"space-between",align:"center",children:jsxRuntime.jsxs(chunkEOPHXSAH_cjs.a,{align:"center",gap:"1rem",children:[jsxRuntime.jsx(chunkQRFUIS7R_cjs.a.Display,{children:o}),r]})});exports.a=y;//# sourceMappingURL=chunk-SLTMCCJN.cjs.map
-//# sourceMappingURL=chunk-SLTMCCJN.cjs.map
+'use strict';var chunkEOPHXSAH_cjs=require('./chunk-EOPHXSAH.cjs'),chunkRHSEUQ24_cjs=require('./chunk-RHSEUQ24.cjs'),jsxRuntime=require('react/jsx-runtime');var y=({title:o,icon:r})=>jsxRuntime.jsx(chunkEOPHXSAH_cjs.a,{justify:"space-between",align:"center",children:jsxRuntime.jsxs(chunkEOPHXSAH_cjs.a,{align:"center",gap:"1rem",children:[jsxRuntime.jsx(chunkRHSEUQ24_cjs.a.Display,{children:o}),r]})});exports.a=y;//# sourceMappingURL=chunk-J2LGWFLN.cjs.map
+//# sourceMappingURL=chunk-J2LGWFLN.cjs.map

package/dist/{chunk-SLTMCCJN.cjs.map → chunk-J2LGWFLN.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Overlay/OverlayTitle.tsx"],"names":["OverylayTitle","title","icon","jsx","Flex_default","jsxs","Typography_default"],"mappings":"iKAQaA,CAAAA,CAAgB,CAAC,CAAE,KAAA,CAAAC,EAAO,IAAA,CAAAC,CAAK,IAC1CC,cAAAA,CAACC,mBAAAA,CAAA,CAAK,OAAA,CAAQ,eAAA,CAAgB,KAAA,CAAM,QAAA,CAClC,SAAAC,eAAAA,CAACD,mBAAAA,CAAA,CAAK,KAAA,CAAM,SAAS,GAAA,CAAI,MAAA,CACvB,QAAA,CAAA,CAAAD,cAAAA,CAACG,oBAAW,OAAA,CAAX,CAAoB,SAAAL,CAAAA,CAAM,CAAA,CAC1BC,GACH,CAAA,CACF","file":"chunk-SLTMCCJN.cjs","sourcesContent":["import Flex from '../Flex';\nimport Typography from '../Typography';\n\ntype Props = {\n  title: string;\n  icon: React.ReactNode;\n};\n\nexport const OverylayTitle = ({ title, icon }: Props) => (\n  <Flex justify=\"space-between\" align=\"center\">\n    <Flex align=\"center\" gap=\"1rem\">\n      <Typography.Display>{title}</Typography.Display>\n      {icon}\n    </Flex>\n  </Flex>\n);\n"]}
+{"version":3,"sources":["../src/Overlay/OverlayTitle.tsx"],"names":["OverylayTitle","title","icon","jsx","Flex_default","jsxs","Typography_default"],"mappings":"iKAQaA,CAAAA,CAAgB,CAAC,CAAE,KAAA,CAAAC,EAAO,IAAA,CAAAC,CAAK,IAC1CC,cAAAA,CAACC,mBAAAA,CAAA,CAAK,OAAA,CAAQ,eAAA,CAAgB,KAAA,CAAM,QAAA,CAClC,SAAAC,eAAAA,CAACD,mBAAAA,CAAA,CAAK,KAAA,CAAM,SAAS,GAAA,CAAI,MAAA,CACvB,QAAA,CAAA,CAAAD,cAAAA,CAACG,oBAAW,OAAA,CAAX,CAAoB,SAAAL,CAAAA,CAAM,CAAA,CAC1BC,GACH,CAAA,CACF","file":"chunk-J2LGWFLN.cjs","sourcesContent":["import Flex from '../Flex';\nimport Typography from '../Typography';\n\ntype Props = {\n  title: string;\n  icon: React.ReactNode;\n};\n\nexport const OverylayTitle = ({ title, icon }: Props) => (\n  <Flex justify=\"space-between\" align=\"center\">\n    <Flex align=\"center\" gap=\"1rem\">\n      <Typography.Display>{title}</Typography.Display>\n      {icon}\n    </Flex>\n  </Flex>\n);\n"]}

package/dist/{chunk-RR3M3NTM.js → chunk-J3MQKZ4I.js}

@@ -1,3 +1,3 @@
-import {a,b}from'./chunk-V4PNZI4M.js';import {jsx,jsxs}from'react/jsx-runtime';var m=({size:e=48,color:n="#285E50"})=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 48 48",fill:"none",children:[jsx("path",{d:"M24 4C12.96 4 4 12.96 4 24C4 35.04 12.96 44 24 44C35.04 44 44 35.04 44 24C44 12.96 35.04 4 24 4ZM24 12C27.86 12 31 15.14 31 19C31 22.86 27.86 26 24 26C20.14 26 17 22.86 17 19C17 15.14 20.14 12 24 12ZM24 40C19.94 40 15.14 38.36 11.72 34.24C15.1 31.6 19.36 30 24 30C28.64 30 32.9 31.6 36.28 34.24C32.86 38.36 28.06 40 24 40Z",fill:n}),jsx("path",{d:"M30.9997 19C30.9997 15.14 27.8597 12 23.9997 12C20.1397 12 16.9997 15.14 16.9997 19C16.9997 22.86 20.1397 26 23.9997 26C27.8597 26 30.9997 22.86 30.9997 19Z",fill:"white"}),jsx("path",{d:"M11.7197 34.24C15.1397 38.36 19.9397 40 23.9997 40C28.0597 40 32.8597 38.36 36.2797 34.24C32.8997 31.6 28.6397 30 23.9997 30C19.3597 30 15.0997 31.6 11.7197 34.24Z",fill:"white"})]}),v=(a=>(a.Client="client",a.Patient="patient",a.Advocate="advocate",a.HybridAdvocate="hybridAdvocate",a.CHWorker="chw",a.Contact="contact",a))(v||{}),p=({size:e=45,src:n="",type:i="client",user:r={profile_image_url:"",first_name:"",last_name:""},archived:g=false,transferred:d=false,...a$1})=>{let o;i==="contact"?o="var(--purple-500, #522C40)":d?o="var(--grey-400, #555555)":g&&(o="var(--grey-200, #D9D9D9)");let s=n||r.profile_image_url;return s?jsx(a,{size:e,draggable:false,hasImage:true,src:s,type:i,...a$1}):r.first_name&&r.last_name?jsx(a,{size:e,draggable:false,gap:0,type:i,...a$1,children:jsxs(b,{size:"xs",children:[r.first_name[0],r.last_name[0]]})}):jsx(a,{size:e,draggable:false,type:i,icon:jsx(m,{size:e,color:o}),style:{padding:0,overflow:"visible"},backgroundColor:o,...a$1})},h=p;
-export{v as a,h as b};//# sourceMappingURL=chunk-RR3M3NTM.js.map
-//# sourceMappingURL=chunk-RR3M3NTM.js.map
+import {a,b}from'./chunk-4LUT5BLZ.js';import {jsx,jsxs}from'react/jsx-runtime';var m=({size:e=48,color:n="#285E50"})=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 48 48",fill:"none",children:[jsx("path",{d:"M24 4C12.96 4 4 12.96 4 24C4 35.04 12.96 44 24 44C35.04 44 44 35.04 44 24C44 12.96 35.04 4 24 4ZM24 12C27.86 12 31 15.14 31 19C31 22.86 27.86 26 24 26C20.14 26 17 22.86 17 19C17 15.14 20.14 12 24 12ZM24 40C19.94 40 15.14 38.36 11.72 34.24C15.1 31.6 19.36 30 24 30C28.64 30 32.9 31.6 36.28 34.24C32.86 38.36 28.06 40 24 40Z",fill:n}),jsx("path",{d:"M30.9997 19C30.9997 15.14 27.8597 12 23.9997 12C20.1397 12 16.9997 15.14 16.9997 19C16.9997 22.86 20.1397 26 23.9997 26C27.8597 26 30.9997 22.86 30.9997 19Z",fill:"white"}),jsx("path",{d:"M11.7197 34.24C15.1397 38.36 19.9397 40 23.9997 40C28.0597 40 32.8597 38.36 36.2797 34.24C32.8997 31.6 28.6397 30 23.9997 30C19.3597 30 15.0997 31.6 11.7197 34.24Z",fill:"white"})]}),v=(a=>(a.Client="client",a.Patient="patient",a.Advocate="advocate",a.HybridAdvocate="hybridAdvocate",a.CHWorker="chw",a.Contact="contact",a))(v||{}),p=({size:e=45,src:n="",type:i="client",user:r={profile_image_url:"",first_name:"",last_name:""},archived:g=false,transferred:d=false,...a$1})=>{let o;i==="contact"?o="var(--purple-500, #522C40)":d?o="var(--grey-400, #555555)":g&&(o="var(--grey-200, #D9D9D9)");let s=n||r.profile_image_url;return s?jsx(a,{size:e,draggable:false,hasImage:true,src:s,type:i,...a$1}):r.first_name&&r.last_name?jsx(a,{size:e,draggable:false,gap:0,type:i,...a$1,children:jsxs(b,{size:"xs",children:[r.first_name[0],r.last_name[0]]})}):jsx(a,{size:e,draggable:false,type:i,icon:jsx(m,{size:e,color:o}),style:{padding:0,overflow:"visible"},backgroundColor:o,...a$1})},h=p;
+export{v as a,h as b};//# sourceMappingURL=chunk-J3MQKZ4I.js.map
+//# sourceMappingURL=chunk-J3MQKZ4I.js.map

package/dist/{chunk-RR3M3NTM.js.map → chunk-J3MQKZ4I.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Avatar/index.tsx"],"names":["ClientAvatar","size","color","jsxs","jsx","UserTypes","Avatar","src","type","user","archived","transferred","extraProps","avatarColor","imageUrl","VendorAvatar","Name","Avatar_default"],"mappings":"+EAIA,IAAMA,CAAAA,CAAe,CAAC,CAAE,IAAA,CAAAC,EAAO,EAAA,CAAI,KAAA,CAAAC,EAAQ,SAAU,CAAA,GACnDC,KAAC,KAAA,CAAA,CACC,KAAA,CAAM,4BAAA,CACN,KAAA,CAAOF,CAAAA,CACP,MAAA,CAAQA,EACR,OAAA,CAAQ,WAAA,CACR,KAAK,MAAA,CAEL,QAAA,CAAA,CAAAG,IAAC,MAAA,CAAA,CACC,CAAA,CAAE,oUAAA,CACF,IAAA,CAAMF,CAAAA,CACR,CAAA,CACAE,IAAC,MAAA,CAAA,CACC,CAAA,CAAE,+JACF,IAAA,CAAK,OAAA,CACP,EACAA,GAAAA,CAAC,MAAA,CAAA,CACC,CAAA,CAAE,qKAAA,CACF,IAAA,CAAK,OAAA,CACP,GACF,CAAA,CAGUC,CAAAA,CAAAA,CAAAA,CAAAA,GACVA,EAAA,MAAA,CAAS,QAAA,CACTA,EAAA,OAAA,CAAU,SAAA,CACVA,CAAAA,CAAA,QAAA,CAAW,UAAA,CACXA,CAAAA,CAAA,eAAiB,gBAAA,CACjBA,CAAAA,CAAA,SAAW,KAAA,CACXA,CAAAA,CAAA,QAAU,SAAA,CANAA,CAAAA,CAAAA,EAAAA,CAAAA,EAAA,EAAA,CAAA,CA0BNC,CAAAA,CAAS,CAAC,CACd,KAAAL,CAAAA,CAAO,EAAA,CACP,IAAAM,CAAAA,CAAM,EAAA,CACN,KAAAC,CAAAA,CAAO,QAAA,CACP,IAAA,CAAAC,CAAAA,CAAO,CAAE,iBAAA,CAAmB,GAAI,UAAA,CAAY,EAAA,CAAI,UAAW,EAAG,CAAA,CAC9D,SAAAC,CAAAA,CAAW,KAAA,CACX,WAAA,CAAAC,CAAAA,CAAc,KAAA,CACd,GAAGC,GACL,CAAA,GAAa,CACX,IAAIC,CAAAA,CACAL,CAAAA,GAAS,UACXK,CAAAA,CAAc,4BAAA,CACLF,CAAAA,CACTE,CAAAA,CAAc,0BAAA,CACLH,CAAAA,GACTG,EAAc,0BAAA,CAAA,CAGhB,IAAMC,EAAWP,CAAAA,EAAOE,CAAAA,CAAK,kBAC7B,OAAIK,CAAAA,CAEAV,GAAAA,CAAGW,CAAAA,CAAF,CACC,IAAA,CAAMd,EACN,SAAA,CAAW,KAAA,CACX,SAAQ,IAAA,CACR,GAAA,CAAKa,EACL,IAAA,CAAMN,CAAAA,CACL,GAAGI,GAAAA,CACN,CAAA,CAIAH,CAAAA,CAAK,YAAcA,CAAAA,CAAK,SAAA,CAExBL,IAAGW,CAAAA,CAAF,CAAe,KAAMd,CAAAA,CAAM,SAAA,CAAW,KAAA,CAAO,GAAA,CAAK,CAAA,CAAG,IAAA,CAAMO,EAAO,GAAGI,GAAAA,CACpE,SAAAT,IAAAA,CAAGa,CAAAA,CAAF,CAAO,IAAA,CAAA,IAAA,CACL,QAAA,CAAA,CAAAP,CAAAA,CAAK,UAAA,CAAW,CAAC,CAAA,CACjBA,EAAK,SAAA,CAAU,CAAC,GACnB,CAAA,CACF,CAAA,CAIFL,IAAGW,CAAAA,CAAF,CACC,IAAA,CAAMd,CAAAA,CACN,SAAA,CAAW,KAAA,CACX,KAAMO,CAAAA,CACN,IAAA,CAAMJ,IAACJ,CAAAA,CAAA,CAAa,KAAMC,CAAAA,CAAM,KAAA,CAAOY,CAAAA,CAAa,CAAA,CACpD,KAAA,CAAO,CAAE,QAAS,CAAA,CAAG,QAAA,CAAU,SAAU,CAAA,CACzC,eAAA,CAAiBA,EAChB,GAAGD,GAAAA,CACN,CAEJ,CAAA,CAGOK,CAAAA,CAAQX","file":"chunk-RR3M3NTM.js","sourcesContent":["import { AvatarProps } from 'antd';\nimport { Size } from '../Typography/types';\nimport * as S from './style';\n\nconst ClientAvatar = ({ size = 48, color = '#285E50' }: { size?: number; color?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={size}\n    height={size}\n    viewBox=\"0 0 48 48\"\n    fill=\"none\"\n  >\n    <path\n      d=\"M24 4C12.96 4 4 12.96 4 24C4 35.04 12.96 44 24 44C35.04 44 44 35.04 44 24C44 12.96 35.04 4 24 4ZM24 12C27.86 12 31 15.14 31 19C31 22.86 27.86 26 24 26C20.14 26 17 22.86 17 19C17 15.14 20.14 12 24 12ZM24 40C19.94 40 15.14 38.36 11.72 34.24C15.1 31.6 19.36 30 24 30C28.64 30 32.9 31.6 36.28 34.24C32.86 38.36 28.06 40 24 40Z\"\n      fill={color}\n    />\n    <path\n      d=\"M30.9997 19C30.9997 15.14 27.8597 12 23.9997 12C20.1397 12 16.9997 15.14 16.9997 19C16.9997 22.86 20.1397 26 23.9997 26C27.8597 26 30.9997 22.86 30.9997 19Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M11.7197 34.24C15.1397 38.36 19.9397 40 23.9997 40C28.0597 40 32.8597 38.36 36.2797 34.24C32.8997 31.6 28.6397 30 23.9997 30C19.3597 30 15.0997 31.6 11.7197 34.24Z\"\n      fill=\"white\"\n    />\n  </svg>\n);\n\nexport enum UserTypes {\n  Client = 'client',\n  Patient = 'patient',\n  Advocate = 'advocate',\n  HybridAdvocate = 'hybridAdvocate',\n  CHWorker = 'chw',\n  Contact = 'contact',\n}\n\ntype Props = {\n  size?: number;\n  style?: React.CSSProperties;\n  src?: string;\n  user?: {\n    profile_image_url?: string | null;\n    first_name?: string;\n    last_name?: string;\n  };\n  type?: UserTypes;\n  withToolTip?: boolean;\n  toolTipOnClick?: () => void;\n  archived?: boolean;\n  transferred?: boolean;\n  [extraProps: string]: unknown;\n} & AvatarProps;\n\nconst Avatar = ({\n  size = 45,\n  src = '',\n  type = UserTypes.Client,\n  user = { profile_image_url: '', first_name: '', last_name: '' },\n  archived = false,\n  transferred = false,\n  ...extraProps\n}: Props) => {\n  let avatarColor;\n  if (type === UserTypes.Contact) {\n    avatarColor = 'var(--purple-500, #522C40)';\n  } else if (transferred) {\n    avatarColor = 'var(--grey-400, #555555)';\n  } else if (archived) {\n    avatarColor = 'var(--grey-200, #D9D9D9)';\n  }\n\n  const imageUrl = src || user.profile_image_url;\n  if (imageUrl) {\n    return (\n      <S.VendorAvatar\n        size={size}\n        draggable={false}\n        hasImage\n        src={imageUrl}\n        type={type}\n        {...extraProps}\n      />\n    );\n  }\n\n  if (user.first_name && user.last_name) {\n    return (\n      <S.VendorAvatar size={size} draggable={false} gap={0} type={type} {...extraProps}>\n        <S.Name size={Size.XS}>\n          {user.first_name[0]}\n          {user.last_name[0]}\n        </S.Name>\n      </S.VendorAvatar>\n    );\n  }\n  return (\n    <S.VendorAvatar\n      size={size}\n      draggable={false}\n      type={type}\n      icon={<ClientAvatar size={size} color={avatarColor} />}\n      style={{ padding: 0, overflow: 'visible' }}\n      backgroundColor={avatarColor}\n      {...extraProps}\n    />\n  );\n};\n\n/** @deprecated Use the Avatar component from @solace-health/ui/v2 instead. */\nexport default Avatar;\n"]}
+{"version":3,"sources":["../src/Avatar/index.tsx"],"names":["ClientAvatar","size","color","jsxs","jsx","UserTypes","Avatar","src","type","user","archived","transferred","extraProps","avatarColor","imageUrl","VendorAvatar","Name","Avatar_default"],"mappings":"+EAIA,IAAMA,CAAAA,CAAe,CAAC,CAAE,IAAA,CAAAC,EAAO,EAAA,CAAI,KAAA,CAAAC,EAAQ,SAAU,CAAA,GACnDC,KAAC,KAAA,CAAA,CACC,KAAA,CAAM,4BAAA,CACN,KAAA,CAAOF,CAAAA,CACP,MAAA,CAAQA,EACR,OAAA,CAAQ,WAAA,CACR,KAAK,MAAA,CAEL,QAAA,CAAA,CAAAG,IAAC,MAAA,CAAA,CACC,CAAA,CAAE,oUAAA,CACF,IAAA,CAAMF,CAAAA,CACR,CAAA,CACAE,IAAC,MAAA,CAAA,CACC,CAAA,CAAE,+JACF,IAAA,CAAK,OAAA,CACP,EACAA,GAAAA,CAAC,MAAA,CAAA,CACC,CAAA,CAAE,qKAAA,CACF,IAAA,CAAK,OAAA,CACP,GACF,CAAA,CAGUC,CAAAA,CAAAA,CAAAA,CAAAA,GACVA,EAAA,MAAA,CAAS,QAAA,CACTA,EAAA,OAAA,CAAU,SAAA,CACVA,CAAAA,CAAA,QAAA,CAAW,UAAA,CACXA,CAAAA,CAAA,eAAiB,gBAAA,CACjBA,CAAAA,CAAA,SAAW,KAAA,CACXA,CAAAA,CAAA,QAAU,SAAA,CANAA,CAAAA,CAAAA,EAAAA,CAAAA,EAAA,EAAA,CAAA,CA0BNC,CAAAA,CAAS,CAAC,CACd,KAAAL,CAAAA,CAAO,EAAA,CACP,IAAAM,CAAAA,CAAM,EAAA,CACN,KAAAC,CAAAA,CAAO,QAAA,CACP,IAAA,CAAAC,CAAAA,CAAO,CAAE,iBAAA,CAAmB,GAAI,UAAA,CAAY,EAAA,CAAI,UAAW,EAAG,CAAA,CAC9D,SAAAC,CAAAA,CAAW,KAAA,CACX,WAAA,CAAAC,CAAAA,CAAc,KAAA,CACd,GAAGC,GACL,CAAA,GAAa,CACX,IAAIC,CAAAA,CACAL,CAAAA,GAAS,UACXK,CAAAA,CAAc,4BAAA,CACLF,CAAAA,CACTE,CAAAA,CAAc,0BAAA,CACLH,CAAAA,GACTG,EAAc,0BAAA,CAAA,CAGhB,IAAMC,EAAWP,CAAAA,EAAOE,CAAAA,CAAK,kBAC7B,OAAIK,CAAAA,CAEAV,GAAAA,CAAGW,CAAAA,CAAF,CACC,IAAA,CAAMd,EACN,SAAA,CAAW,KAAA,CACX,SAAQ,IAAA,CACR,GAAA,CAAKa,EACL,IAAA,CAAMN,CAAAA,CACL,GAAGI,GAAAA,CACN,CAAA,CAIAH,CAAAA,CAAK,YAAcA,CAAAA,CAAK,SAAA,CAExBL,IAAGW,CAAAA,CAAF,CAAe,KAAMd,CAAAA,CAAM,SAAA,CAAW,KAAA,CAAO,GAAA,CAAK,CAAA,CAAG,IAAA,CAAMO,EAAO,GAAGI,GAAAA,CACpE,SAAAT,IAAAA,CAAGa,CAAAA,CAAF,CAAO,IAAA,CAAA,IAAA,CACL,QAAA,CAAA,CAAAP,CAAAA,CAAK,UAAA,CAAW,CAAC,CAAA,CACjBA,EAAK,SAAA,CAAU,CAAC,GACnB,CAAA,CACF,CAAA,CAIFL,IAAGW,CAAAA,CAAF,CACC,IAAA,CAAMd,CAAAA,CACN,SAAA,CAAW,KAAA,CACX,KAAMO,CAAAA,CACN,IAAA,CAAMJ,IAACJ,CAAAA,CAAA,CAAa,KAAMC,CAAAA,CAAM,KAAA,CAAOY,CAAAA,CAAa,CAAA,CACpD,KAAA,CAAO,CAAE,QAAS,CAAA,CAAG,QAAA,CAAU,SAAU,CAAA,CACzC,eAAA,CAAiBA,EAChB,GAAGD,GAAAA,CACN,CAEJ,CAAA,CAGOK,CAAAA,CAAQX","file":"chunk-J3MQKZ4I.js","sourcesContent":["import { AvatarProps } from 'antd';\nimport { Size } from '../Typography/types';\nimport * as S from './style';\n\nconst ClientAvatar = ({ size = 48, color = '#285E50' }: { size?: number; color?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={size}\n    height={size}\n    viewBox=\"0 0 48 48\"\n    fill=\"none\"\n  >\n    <path\n      d=\"M24 4C12.96 4 4 12.96 4 24C4 35.04 12.96 44 24 44C35.04 44 44 35.04 44 24C44 12.96 35.04 4 24 4ZM24 12C27.86 12 31 15.14 31 19C31 22.86 27.86 26 24 26C20.14 26 17 22.86 17 19C17 15.14 20.14 12 24 12ZM24 40C19.94 40 15.14 38.36 11.72 34.24C15.1 31.6 19.36 30 24 30C28.64 30 32.9 31.6 36.28 34.24C32.86 38.36 28.06 40 24 40Z\"\n      fill={color}\n    />\n    <path\n      d=\"M30.9997 19C30.9997 15.14 27.8597 12 23.9997 12C20.1397 12 16.9997 15.14 16.9997 19C16.9997 22.86 20.1397 26 23.9997 26C27.8597 26 30.9997 22.86 30.9997 19Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M11.7197 34.24C15.1397 38.36 19.9397 40 23.9997 40C28.0597 40 32.8597 38.36 36.2797 34.24C32.8997 31.6 28.6397 30 23.9997 30C19.3597 30 15.0997 31.6 11.7197 34.24Z\"\n      fill=\"white\"\n    />\n  </svg>\n);\n\nexport enum UserTypes {\n  Client = 'client',\n  Patient = 'patient',\n  Advocate = 'advocate',\n  HybridAdvocate = 'hybridAdvocate',\n  CHWorker = 'chw',\n  Contact = 'contact',\n}\n\ntype Props = {\n  size?: number;\n  style?: React.CSSProperties;\n  src?: string;\n  user?: {\n    profile_image_url?: string | null;\n    first_name?: string;\n    last_name?: string;\n  };\n  type?: UserTypes;\n  withToolTip?: boolean;\n  toolTipOnClick?: () => void;\n  archived?: boolean;\n  transferred?: boolean;\n  [extraProps: string]: unknown;\n} & AvatarProps;\n\nconst Avatar = ({\n  size = 45,\n  src = '',\n  type = UserTypes.Client,\n  user = { profile_image_url: '', first_name: '', last_name: '' },\n  archived = false,\n  transferred = false,\n  ...extraProps\n}: Props) => {\n  let avatarColor;\n  if (type === UserTypes.Contact) {\n    avatarColor = 'var(--purple-500, #522C40)';\n  } else if (transferred) {\n    avatarColor = 'var(--grey-400, #555555)';\n  } else if (archived) {\n    avatarColor = 'var(--grey-200, #D9D9D9)';\n  }\n\n  const imageUrl = src || user.profile_image_url;\n  if (imageUrl) {\n    return (\n      <S.VendorAvatar\n        size={size}\n        draggable={false}\n        hasImage\n        src={imageUrl}\n        type={type}\n        {...extraProps}\n      />\n    );\n  }\n\n  if (user.first_name && user.last_name) {\n    return (\n      <S.VendorAvatar size={size} draggable={false} gap={0} type={type} {...extraProps}>\n        <S.Name size={Size.XS}>\n          {user.first_name[0]}\n          {user.last_name[0]}\n        </S.Name>\n      </S.VendorAvatar>\n    );\n  }\n  return (\n    <S.VendorAvatar\n      size={size}\n      draggable={false}\n      type={type}\n      icon={<ClientAvatar size={size} color={avatarColor} />}\n      style={{ padding: 0, overflow: 'visible' }}\n      backgroundColor={avatarColor}\n      {...extraProps}\n    />\n  );\n};\n\n/** @deprecated Use the Avatar component from @solace-health/ui/v2 instead. */\nexport default Avatar;\n"]}

package/dist/{chunk-4ZYBXPTW.js → chunk-KEYF7NZY.js}

@@ -1,4 +1,4 @@
-import {a as a$2}from'./chunk-BLAVQ6BS.js';import {a as a$1}from'./chunk-7QZQXRMR.js';import {animated}from'@react-spring/web';var a=a$1.div`
+import {a as a$2}from'./chunk-DMPPXMMA.js';import {a as a$1}from'./chunk-7QZQXRMR.js';import {animated}from'@react-spring/web';var a=a$1.div`
   position: relative;
   z-index: 20;
 `,d=a$1.div`
@@ -61,5 +61,5 @@ import {a as a$2}from'./chunk-BLAVQ6BS.js';import {a as a$1}from'./chunk-7QZQXRM
   height: 100%;
 `,f=a$1(a$2.Body)`
   margin-bottom: 24px;
-`;export{a,d as b,s as c,l as d,x as e,g as f,f as g};//# sourceMappingURL=chunk-4ZYBXPTW.js.map
-//# sourceMappingURL=chunk-4ZYBXPTW.js.map
+`;export{a,d as b,s as c,l as d,x as e,g as f,f as g};//# sourceMappingURL=chunk-KEYF7NZY.js.map
+//# sourceMappingURL=chunk-KEYF7NZY.js.map

package/dist/{chunk-4ZYBXPTW.js.map → chunk-KEYF7NZY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/LocationSelect/style.tsx"],"names":["Container","styled","SelectContainer","SelectOptions","animated","LoaderContainer","Option","UnstyledInput","theme","PreviewValue","Typography_default"],"mappings":"+HAIO,IAAMA,EAAYC,GAAAA,CAAO,GAAA;AAAA;AAAA;AAAA,CAAA,CAKnBC,EAAkBD,GAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYzBE,CAAAA,CAAgBF,GAAAA,CAAOG,QAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYnCC,CAAAA,CAAkBJ,GAAAA,CAAOG,QAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAgBrCE,EAASL,GAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAahBM,EAAgBN,GAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAKnB,CAAC,CAAE,KAAA,CAAAO,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,IAAI,CAAA;AAAA,eAAA,EAC3C,CAAC,CAAE,KAAA,CAAAA,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CASjDC,CAAAA,CAAeR,GAAAA,CAAOS,GAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-4ZYBXPTW.js","sourcesContent":["import { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\nimport { styled } from '../../theme';\n\nexport const Container = styled.div`\n  position: relative;\n  z-index: 20;\n`;\n\nexport const SelectContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0.5em;\n  border: 1px solid #5a5a5a;\n  box-sizing: border-box;\n  border-radius: 8px;\n  height: 50px;\n  background-color: #fff;\n`;\n\nexport const SelectOptions = styled(animated.div)`\n  position: absolute;\n  background: #fff;\n  border-radius: 8px;\n  border: 1px solid #5a5a5a;\n  top: 60px;\n  left: 0;\n  right: 0;\n  max-height: 180px;\n  overflow: scroll;\n`;\n\nexport const LoaderContainer = styled(animated.div)`\n  position: absolute;\n  display: block;\n  width: 45px;\n  right: -5px;\n  top: -3px;\n  z-index: 1;\n\n  svg {\n    position: absolute;\n    width: 20px;\n    right: 20px;\n    top: 17px;\n  }\n`;\n\nexport const Option = styled.div<{ isCurrent: boolean }>`\n  cursor: pointer;\n  padding: 13px 24px;\n  position: relative;\n\n  &:hover {\n    background: var(--green-600, #3f937c);\n    p {\n      color: #fff;\n    }\n  }\n`;\n\nexport const UnstyledInput = styled.input`\n  outline: none;\n  border: none;\n  background: none;\n  position: absolute;\n  font-family: ${({ theme }) => theme.typography.family.body};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-style: normal;\n  left: 0;\n  right: 0;\n  padding: 0 20px;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const PreviewValue = styled(Typography.Body)`\n  margin-bottom: 24px;\n`;\n"]}
+{"version":3,"sources":["../src/Form/LocationSelect/style.tsx"],"names":["Container","styled","SelectContainer","SelectOptions","animated","LoaderContainer","Option","UnstyledInput","theme","PreviewValue","Typography_default"],"mappings":"+HAIO,IAAMA,EAAYC,GAAAA,CAAO,GAAA;AAAA;AAAA;AAAA,CAAA,CAKnBC,EAAkBD,GAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYzBE,CAAAA,CAAgBF,GAAAA,CAAOG,QAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYnCC,CAAAA,CAAkBJ,GAAAA,CAAOG,QAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAgBrCE,EAASL,GAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAahBM,EAAgBN,GAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAKnB,CAAC,CAAE,KAAA,CAAAO,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,IAAI,CAAA;AAAA,eAAA,EAC3C,CAAC,CAAE,KAAA,CAAAA,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CASjDC,CAAAA,CAAeR,GAAAA,CAAOS,GAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-KEYF7NZY.js","sourcesContent":["import { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\nimport { styled } from '../../theme';\n\nexport const Container = styled.div`\n  position: relative;\n  z-index: 20;\n`;\n\nexport const SelectContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0.5em;\n  border: 1px solid #5a5a5a;\n  box-sizing: border-box;\n  border-radius: 8px;\n  height: 50px;\n  background-color: #fff;\n`;\n\nexport const SelectOptions = styled(animated.div)`\n  position: absolute;\n  background: #fff;\n  border-radius: 8px;\n  border: 1px solid #5a5a5a;\n  top: 60px;\n  left: 0;\n  right: 0;\n  max-height: 180px;\n  overflow: scroll;\n`;\n\nexport const LoaderContainer = styled(animated.div)`\n  position: absolute;\n  display: block;\n  width: 45px;\n  right: -5px;\n  top: -3px;\n  z-index: 1;\n\n  svg {\n    position: absolute;\n    width: 20px;\n    right: 20px;\n    top: 17px;\n  }\n`;\n\nexport const Option = styled.div<{ isCurrent: boolean }>`\n  cursor: pointer;\n  padding: 13px 24px;\n  position: relative;\n\n  &:hover {\n    background: var(--green-600, #3f937c);\n    p {\n      color: #fff;\n    }\n  }\n`;\n\nexport const UnstyledInput = styled.input`\n  outline: none;\n  border: none;\n  background: none;\n  position: absolute;\n  font-family: ${({ theme }) => theme.typography.family.body};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-style: normal;\n  left: 0;\n  right: 0;\n  padding: 0 20px;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const PreviewValue = styled(Typography.Body)`\n  margin-bottom: 24px;\n`;\n"]}

package/dist/{chunk-NYTYSK7H.cjs → chunk-KMSGL5NL.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunkQRFUIS7R_cjs=require('./chunk-QRFUIS7R.cjs'),chunk4VIXEDG4_cjs=require('./chunk-4VIXEDG4.cjs'),r=require('@emotion/styled');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var l=r__default.default.div`
+'use strict';var chunkRHSEUQ24_cjs=require('./chunk-RHSEUQ24.cjs'),chunk4VIXEDG4_cjs=require('./chunk-4VIXEDG4.cjs'),r=require('@emotion/styled');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var l=r__default.default.div`
   margin-bottom: 32px;
 `,p=r__default.default.div`
   display: ${e=>e.isColumns?"grid":"flex"};
@@ -77,7 +77,7 @@
   &:checked + label::before {
     background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC42NjY3IDEuNTAwMTJMNC4yNTAwNCA3LjkxNjc5TDEuMzMzMzcgNS4wMDAxMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
   }
-`,c=r__default.default(chunkQRFUIS7R_cjs.a.Body)`
+`,c=r__default.default(chunkRHSEUQ24_cjs.a.Body)`
   margin-bottom: 5px;
   font-weight: bold;
 `,b=r__default.default.div`
@@ -205,5 +205,5 @@
   height: 100%;
   border-radius: 4px;
   cursor: pointer;
-`;exports.a=l;exports.b=p;exports.c=d;exports.d=s;exports.e=c;exports.f=b;exports.g=m;exports.h=g;exports.i=x;//# sourceMappingURL=chunk-NYTYSK7H.cjs.map
-//# sourceMappingURL=chunk-NYTYSK7H.cjs.map
+`;exports.a=l;exports.b=p;exports.c=d;exports.d=s;exports.e=c;exports.f=b;exports.g=m;exports.h=g;exports.i=x;//# sourceMappingURL=chunk-KMSGL5NL.cjs.map
+//# sourceMappingURL=chunk-KMSGL5NL.cjs.map

package/dist/{chunk-NYTYSK7H.cjs.map → chunk-KMSGL5NL.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/Checkbox/styles.tsx"],"names":["Container","styled","Checkboxes","props","inline","Breakpoint","Wrapper","StyledCheckbox","Label","Typography_default","OtherOption","CheckboxCards","StyledCheckboxCard","p","HiddenCheckbox"],"mappings":"kQAIO,IAAMA,CAAAA,CAAYC,kBAAAA,CAAO,GAAA;AAAA;AAAA,CAAA,CAInBC,EAAaD,kBAAAA,CAAO,GAAA;AAAA,WAAA,EACnBE,CAAAA,EAAWA,CAAAA,CAAM,SAAA,CAAY,MAAA,CAAS,MAAO,CAAA;AAAA,aAAA,EAC5C,CAAC,CAAE,MAAA,CAAAC,CAAO,CAAA,GAAOA,CAAAA,CAAS,MAAQ,QAAS,CAAA;AAAA,OAAA,EAChDD,CAAAA,EAAWA,CAAAA,CAAM,SAAA,CAAY,MAAA,CAAS,OAAQ,CAAA;AAAA;AAAA;;AAAA,UAAA,EAI5CE,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA,CAAA,CAKhBC,EAAUL,kBAAAA,CAAO,GAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAUjBM,EAAiBN,kBAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAA,EAcxBE,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,QAAA,CAAW,SAAU,CAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,gBAAA,EAwB/CA,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,SAAA,CAAY,MAAO,CAAA;AAAA;AAAA;AAAA;AAAA,kBAAA,EAIjDA,CAAAA,EAAWA,CAAAA,EAAO,QAAA,CAAW,SAAA,CAAY,SAAU,CAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAsB3DK,CAAAA,CAAQP,kBAAAA,CAAOQ,mBAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA,CAAA,CAK9BC,EAAcT,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAWrBU,EAAgBV,kBAAAA,CAAO,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,UAAA,EAQxBI,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA;;AAAA,UAAA,EAKjBA,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMhBO,EAAqBX,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,EAAA,EA0BpCY,CAAAA,EACDA,EAAE,QAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAMC;;AAAA,UAAA,EAEOR,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA,IAAA,EAmCtBQ,CAAAA,EACDA,EAAE,QAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,IAAA,CAeD;AAAA;;AAAA,UAAA,EAGOR,oBAAW,KAAK,CAAA;AAAA;AAAA,CAAA,CAIfS,EAAiBb,kBAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunk-NYTYSK7H.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '../../Typography';\nimport { Breakpoint } from '../../theme';\n\nexport const Container = styled.div`\n  margin-bottom: 32px;\n`;\n\nexport const Checkboxes = styled.div<{ inline: boolean; isColumns: boolean }>`\n  display: ${(props) => (props.isColumns ? 'grid' : 'flex')};\n  flex-flow: ${({ inline }) => (inline ? 'row' : 'column')};\n  gap: ${(props) => (props.isColumns ? '24px' : ' 12px')};\n  grid-template-columns: repeat(2, 1fr);\n  flex-wrap: wrap;\n\n  @media (${Breakpoint.Medium}) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n`;\n\nexport const Wrapper = styled.div<{ inline?: boolean }>`\n  position: relative;\n  cursor: pointer;\n\n  label {\n    padding-left: 35px;\n    min-height: 24px;\n  }\n`;\n\nexport const StyledCheckbox = styled.input<{\n  previewOnly?: boolean;\n  hasError?: boolean;\n}>`\n  -webkit-appearance: none;\n  position: absolute;\n  appearance: none;\n  opacity: 0;\n  margin: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  z-index: 5;\n  cursor: ${(props) => (props?.previewOnly ? 'cursor' : 'pointer')};\n\n  ::after {\n    content: '';\n    display: block;\n    position: relative;\n    border-radius: 4px;\n    width: 75%;\n    height: 100%;\n    margin: 3px;\n  }\n\n  + label::before,\n  + label::after {\n    content: '';\n    position: absolute;\n    aspect-ratio: 1;\n    transition: all 0.25s;\n    box-sizing: content-box;\n  }\n\n  + label::after {\n    left: 0px;\n    top: 0px;\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    width: 20px;\n    border-radius: 4px;\n    border: 2px solid #aaaaaa;\n    border-color: ${(props) => (props?.hasError ? '#DA4D54' : '#aaaaaa')};\n  }\n\n  + label::before {\n    left: 4px;\n    top: 6px;\n    width: 16px;\n    z-index: 4;\n    background-repeat: no-repeat;\n    background-size: contain;\n  }\n\n  &:checked + label::after {\n    border-color: var(--green-900, #1d4339);\n    background-color: var(--green-900, #1d4339);\n  }\n\n  &:checked + label::before {\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC42NjY3IDEuNTAwMTJMNC4yNTAwNCA3LjkxNjc5TDEuMzMzMzcgNS4wMDAxMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');\n  }\n`;\n\nexport const Label = styled(Typography.Body)`\n  margin-bottom: 5px;\n  font-weight: bold;\n`;\n\nexport const OtherOption = styled.div`\n  display: flex;\n  gap: 15px;\n  align-items: center;\n  flex-wrap: wrap;\n\n  input[type='text'] {\n    margin: 0;\n  }\n`;\n\nexport const CheckboxCards = styled.section<{ itemNumber: number }>`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: baseline;\n  gap: 1rem;\n  width: 100%;\n\n  @media (${Breakpoint.Medium}) {\n    max-width: 40rem;\n    margin: auto;\n  }\n\n  @media (${Breakpoint.XLarge}) {\n    flex-wrap: nowrap;\n    max-width: none;\n  }\n`;\n\nexport const StyledCheckboxCard = styled.div<{ selected?: boolean }>`\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: auto;\n  aspect-ratio: 3.1;\n\n  display: flex;\n  padding: 1rem 40% 1rem 1.5rem;\n  align-items: center;\n\n  gap: 0.0625rem;\n\n  border-radius: var(--text-emphasized-body, 1rem);\n  border: 1px solid var(--neutrals-gray-3, #7f7f7f);\n  background: var(--neutrals-white, #fff);\n\n  transition: all 0.5s;\n\n  p {\n    font-size: 1.125rem;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 135%;\n  }\n\n  ${(p) =>\n    p.selected &&\n    `\n    background: var(--opal-greens-lily-white, #E9F0EE);\n    border-color: var(--colors-borders-border-focused, #285E50);\n      p{\n        color: var(--colors-text-copy-copy-highlight, #285E50);\n      }\n    `}\n\n  @media (${Breakpoint.Medium}) {\n    max-width: 18.75rem;\n    height: auto;\n    aspect-ratio: 1;\n    padding: 1.5rem;\n    flex: 0 0 50%;\n    flex-direction: column;\n    align-items: flex-start;\n\n    p {\n      font-size: 1.5rem;\n      line-height: 120%;\n      text-wrap: balance;\n    }\n\n    &:before {\n      content: '';\n      width: 80%;\n      height: 80%;\n      position: absolute;\n      right: -2rem;\n      bottom: -5rem;\n      border-radius: 16.5rem;\n      border: 0px solid #000;\n      background: linear-gradient(104deg, #e9f0ee 21.44%, #e3f0eb 92.35%);\n      opacity: 0;\n      translate: 5rem 5rem;\n      transition: all 0.5s;\n    }\n\n    &:hover {\n      background: var(--green-100, #f4f8f7);\n      border-color: transparent;\n    }\n\n    ${(p) =>\n      p.selected &&\n      `\n      background: var(--green-600, #3f937c);\n      \n      &:hover {\n        background: var(--green-600, #3f937c);\n      }\n      \n      &:before {\n        opacity: 1;\n        translate: 0;\n      }\n\n      p {\n        color: #fff;\n      }\n    `}\n  }\n\n  @media (${Breakpoint.Large}) {\n  }\n`;\n\nexport const HiddenCheckbox = styled.input`\n  position: absolute;\n  appearance: none;\n  opacity: 0;\n  margin: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  cursor: pointer;\n`;\n"]}
+{"version":3,"sources":["../src/Form/Checkbox/styles.tsx"],"names":["Container","styled","Checkboxes","props","inline","Breakpoint","Wrapper","StyledCheckbox","Label","Typography_default","OtherOption","CheckboxCards","StyledCheckboxCard","p","HiddenCheckbox"],"mappings":"kQAIO,IAAMA,CAAAA,CAAYC,kBAAAA,CAAO,GAAA;AAAA;AAAA,CAAA,CAInBC,EAAaD,kBAAAA,CAAO,GAAA;AAAA,WAAA,EACnBE,CAAAA,EAAWA,CAAAA,CAAM,SAAA,CAAY,MAAA,CAAS,MAAO,CAAA;AAAA,aAAA,EAC5C,CAAC,CAAE,MAAA,CAAAC,CAAO,CAAA,GAAOA,CAAAA,CAAS,MAAQ,QAAS,CAAA;AAAA,OAAA,EAChDD,CAAAA,EAAWA,CAAAA,CAAM,SAAA,CAAY,MAAA,CAAS,OAAQ,CAAA;AAAA;AAAA;;AAAA,UAAA,EAI5CE,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA,CAAA,CAKhBC,EAAUL,kBAAAA,CAAO,GAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAUjBM,EAAiBN,kBAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAA,EAcxBE,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,QAAA,CAAW,SAAU,CAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,gBAAA,EAwB/CA,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,SAAA,CAAY,MAAO,CAAA;AAAA;AAAA;AAAA;AAAA,kBAAA,EAIjDA,CAAAA,EAAWA,CAAAA,EAAO,QAAA,CAAW,SAAA,CAAY,SAAU,CAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAsB3DK,CAAAA,CAAQP,kBAAAA,CAAOQ,mBAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA,CAAA,CAK9BC,EAAcT,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAWrBU,EAAgBV,kBAAAA,CAAO,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,UAAA,EAQxBI,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA;;AAAA,UAAA,EAKjBA,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMhBO,EAAqBX,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,EAAA,EA0BpCY,CAAAA,EACDA,EAAE,QAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAMC;;AAAA,UAAA,EAEOR,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA,IAAA,EAmCtBQ,CAAAA,EACDA,EAAE,QAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,IAAA,CAeD;AAAA;;AAAA,UAAA,EAGOR,oBAAW,KAAK,CAAA;AAAA;AAAA,CAAA,CAIfS,EAAiBb,kBAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunk-KMSGL5NL.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '../../Typography';\nimport { Breakpoint } from '../../theme';\n\nexport const Container = styled.div`\n  margin-bottom: 32px;\n`;\n\nexport const Checkboxes = styled.div<{ inline: boolean; isColumns: boolean }>`\n  display: ${(props) => (props.isColumns ? 'grid' : 'flex')};\n  flex-flow: ${({ inline }) => (inline ? 'row' : 'column')};\n  gap: ${(props) => (props.isColumns ? '24px' : ' 12px')};\n  grid-template-columns: repeat(2, 1fr);\n  flex-wrap: wrap;\n\n  @media (${Breakpoint.Medium}) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n`;\n\nexport const Wrapper = styled.div<{ inline?: boolean }>`\n  position: relative;\n  cursor: pointer;\n\n  label {\n    padding-left: 35px;\n    min-height: 24px;\n  }\n`;\n\nexport const StyledCheckbox = styled.input<{\n  previewOnly?: boolean;\n  hasError?: boolean;\n}>`\n  -webkit-appearance: none;\n  position: absolute;\n  appearance: none;\n  opacity: 0;\n  margin: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  z-index: 5;\n  cursor: ${(props) => (props?.previewOnly ? 'cursor' : 'pointer')};\n\n  ::after {\n    content: '';\n    display: block;\n    position: relative;\n    border-radius: 4px;\n    width: 75%;\n    height: 100%;\n    margin: 3px;\n  }\n\n  + label::before,\n  + label::after {\n    content: '';\n    position: absolute;\n    aspect-ratio: 1;\n    transition: all 0.25s;\n    box-sizing: content-box;\n  }\n\n  + label::after {\n    left: 0px;\n    top: 0px;\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    width: 20px;\n    border-radius: 4px;\n    border: 2px solid #aaaaaa;\n    border-color: ${(props) => (props?.hasError ? '#DA4D54' : '#aaaaaa')};\n  }\n\n  + label::before {\n    left: 4px;\n    top: 6px;\n    width: 16px;\n    z-index: 4;\n    background-repeat: no-repeat;\n    background-size: contain;\n  }\n\n  &:checked + label::after {\n    border-color: var(--green-900, #1d4339);\n    background-color: var(--green-900, #1d4339);\n  }\n\n  &:checked + label::before {\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC42NjY3IDEuNTAwMTJMNC4yNTAwNCA3LjkxNjc5TDEuMzMzMzcgNS4wMDAxMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');\n  }\n`;\n\nexport const Label = styled(Typography.Body)`\n  margin-bottom: 5px;\n  font-weight: bold;\n`;\n\nexport const OtherOption = styled.div`\n  display: flex;\n  gap: 15px;\n  align-items: center;\n  flex-wrap: wrap;\n\n  input[type='text'] {\n    margin: 0;\n  }\n`;\n\nexport const CheckboxCards = styled.section<{ itemNumber: number }>`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: baseline;\n  gap: 1rem;\n  width: 100%;\n\n  @media (${Breakpoint.Medium}) {\n    max-width: 40rem;\n    margin: auto;\n  }\n\n  @media (${Breakpoint.XLarge}) {\n    flex-wrap: nowrap;\n    max-width: none;\n  }\n`;\n\nexport const StyledCheckboxCard = styled.div<{ selected?: boolean }>`\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: auto;\n  aspect-ratio: 3.1;\n\n  display: flex;\n  padding: 1rem 40% 1rem 1.5rem;\n  align-items: center;\n\n  gap: 0.0625rem;\n\n  border-radius: var(--text-emphasized-body, 1rem);\n  border: 1px solid var(--neutrals-gray-3, #7f7f7f);\n  background: var(--neutrals-white, #fff);\n\n  transition: all 0.5s;\n\n  p {\n    font-size: 1.125rem;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 135%;\n  }\n\n  ${(p) =>\n    p.selected &&\n    `\n    background: var(--opal-greens-lily-white, #E9F0EE);\n    border-color: var(--colors-borders-border-focused, #285E50);\n      p{\n        color: var(--colors-text-copy-copy-highlight, #285E50);\n      }\n    `}\n\n  @media (${Breakpoint.Medium}) {\n    max-width: 18.75rem;\n    height: auto;\n    aspect-ratio: 1;\n    padding: 1.5rem;\n    flex: 0 0 50%;\n    flex-direction: column;\n    align-items: flex-start;\n\n    p {\n      font-size: 1.5rem;\n      line-height: 120%;\n      text-wrap: balance;\n    }\n\n    &:before {\n      content: '';\n      width: 80%;\n      height: 80%;\n      position: absolute;\n      right: -2rem;\n      bottom: -5rem;\n      border-radius: 16.5rem;\n      border: 0px solid #000;\n      background: linear-gradient(104deg, #e9f0ee 21.44%, #e3f0eb 92.35%);\n      opacity: 0;\n      translate: 5rem 5rem;\n      transition: all 0.5s;\n    }\n\n    &:hover {\n      background: var(--green-100, #f4f8f7);\n      border-color: transparent;\n    }\n\n    ${(p) =>\n      p.selected &&\n      `\n      background: var(--green-600, #3f937c);\n      \n      &:hover {\n        background: var(--green-600, #3f937c);\n      }\n      \n      &:before {\n        opacity: 1;\n        translate: 0;\n      }\n\n      p {\n        color: #fff;\n      }\n    `}\n  }\n\n  @media (${Breakpoint.Large}) {\n  }\n`;\n\nexport const HiddenCheckbox = styled.input`\n  position: absolute;\n  appearance: none;\n  opacity: 0;\n  margin: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  cursor: pointer;\n`;\n"]}

package/dist/{chunk-IKCCI6HH.cjs → chunk-KSV4G4PR.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunkQRFUIS7R_cjs=require('./chunk-QRFUIS7R.cjs'),t=require('@emotion/styled');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var t__default=/*#__PURE__*/_interopDefault(t);var p=t__default.default.div`
+'use strict';var chunkRHSEUQ24_cjs=require('./chunk-RHSEUQ24.cjs'),t=require('@emotion/styled');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var t__default=/*#__PURE__*/_interopDefault(t);var p=t__default.default.div`
   display: flex;
   flex: 1;
   align-items: center;
@@ -6,7 +6,7 @@
   flex-direction: column;
   margin-top: 6px;
   gap: 8px;
-`,n=t__default.default(chunkQRFUIS7R_cjs.a.Body)`
+`,n=t__default.default(chunkRHSEUQ24_cjs.a.Body)`
   color: rgba(135, 135, 135);
-`;exports.a=p;exports.b=n;//# sourceMappingURL=chunk-IKCCI6HH.cjs.map
-//# sourceMappingURL=chunk-IKCCI6HH.cjs.map
+`;exports.a=p;exports.b=n;//# sourceMappingURL=chunk-KSV4G4PR.cjs.map
+//# sourceMappingURL=chunk-KSV4G4PR.cjs.map

package/dist/{chunk-IKCCI6HH.cjs.map → chunk-KSV4G4PR.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/FileUpload/styles.tsx"],"names":["UploadContainerText","styled","UploadContainerTypography","Typography_default"],"mappings":"gNAGO,IAAMA,CAAAA,CAAsBC,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAU7BC,CAAAA,CAA4BD,kBAAAA,CAAOE,mBAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-IKCCI6HH.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '../../Typography';\n\nexport const UploadContainerText = styled.div`\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  margin-top: 6px;\n  gap: 8px;\n`;\n\nexport const UploadContainerTypography = styled(Typography.Body)`\n  color: rgba(135, 135, 135);\n`;\n"]}
+{"version":3,"sources":["../src/Form/FileUpload/styles.tsx"],"names":["UploadContainerText","styled","UploadContainerTypography","Typography_default"],"mappings":"gNAGO,IAAMA,CAAAA,CAAsBC,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAU7BC,CAAAA,CAA4BD,kBAAAA,CAAOE,mBAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-KSV4G4PR.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '../../Typography';\n\nexport const UploadContainerText = styled.div`\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  margin-top: 6px;\n  gap: 8px;\n`;\n\nexport const UploadContainerTypography = styled(Typography.Body)`\n  color: rgba(135, 135, 135);\n`;\n"]}

package/dist/chunk-LDJ7CXCM.js

@@ -0,0 +1,2 @@
+import {a as a$3}from'./chunk-MLDQANAB.js';import {a}from'./chunk-C3SA4MJM.js';import {a as a$2}from'./chunk-HREIJD67.js';import {a as a$4}from'./chunk-6GY72LGS.js';import {a as a$5}from'./chunk-3D5X7YGI.js';import {a as a$1}from'./chunk-G5G7LYK3.js';var x={Area:a$5,Text:a$4,Number:a$3,Password:a$2,Mask:a$1,OTP:a};export{x as a};//# sourceMappingURL=chunk-LDJ7CXCM.js.map
+//# sourceMappingURL=chunk-LDJ7CXCM.js.map

package/dist/{chunk-U7BJ3NHK.js.map → chunk-LDJ7CXCM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Input/index.ts"],"names":["Input_default","Area_default","Text_default","Number_default","Password_default","Mask_default","OTP_default"],"mappings":"2PAQA,IAAOA,CAAAA,CAAQ,CACb,IAAA,CAAAC,GAAAA,CACA,IAAA,CAAAC,GAAAA,CACA,MAAA,CAAAC,GAAAA,CACA,QAAA,CAAAC,GAAAA,CACA,IAAA,CAAAC,GAAAA,CACA,IAAAC,CACF","file":"chunk-U7BJ3NHK.js","sourcesContent":["import Area from './Area';\nimport Text from './Text';\nimport Number from './Number';\nimport Password from './Password';\nimport Mask from './Mask';\nimport OTP from './OTP';\n\n/** @deprecated Use the Input component from @solace-health/ui/v2 instead. */\nexport default {\n  Area,\n  Text,\n  Number,\n  Password,\n  Mask,\n  OTP,\n};\n"]}
+{"version":3,"sources":["../src/Input/index.ts"],"names":["Input_default","Area_default","Text_default","Number_default","Password_default","Mask_default","OTP_default"],"mappings":"2PAQA,IAAOA,CAAAA,CAAQ,CACb,IAAA,CAAAC,GAAAA,CACA,IAAA,CAAAC,GAAAA,CACA,MAAA,CAAAC,GAAAA,CACA,QAAA,CAAAC,GAAAA,CACA,IAAA,CAAAC,GAAAA,CACA,IAAAC,CACF","file":"chunk-LDJ7CXCM.js","sourcesContent":["import Area from './Area';\nimport Text from './Text';\nimport Number from './Number';\nimport Password from './Password';\nimport Mask from './Mask';\nimport OTP from './OTP';\n\n/** @deprecated Use the Input component from @solace-health/ui/v2 instead. */\nexport default {\n  Area,\n  Text,\n  Number,\n  Password,\n  Mask,\n  OTP,\n};\n"]}

package/dist/{chunk-VTOA53KG.js → chunk-LT74ZCYF.js}

@@ -1,4 +1,4 @@
-import {a}from'./chunk-BLAVQ6BS.js';import t from'@emotion/styled';var p=t.div`
+import {a}from'./chunk-DMPPXMMA.js';import t from'@emotion/styled';var p=t.div`
   display: flex;
   flex: 1;
   align-items: center;
@@ -8,5 +8,5 @@ import {a}from'./chunk-BLAVQ6BS.js';import t from'@emotion/styled';var p=t.div`
   gap: 8px;
 `,n=t(a.Body)`
   color: rgba(135, 135, 135);
-`;export{p as a,n as b};//# sourceMappingURL=chunk-VTOA53KG.js.map
-//# sourceMappingURL=chunk-VTOA53KG.js.map
+`;export{p as a,n as b};//# sourceMappingURL=chunk-LT74ZCYF.js.map
+//# sourceMappingURL=chunk-LT74ZCYF.js.map

package/dist/{chunk-VTOA53KG.js.map → chunk-LT74ZCYF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/FileUpload/styles.tsx"],"names":["UploadContainerText","styled","UploadContainerTypography","Typography_default"],"mappings":"mEAGO,IAAMA,CAAAA,CAAsBC,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAU7BC,CAAAA,CAA4BD,CAAAA,CAAOE,CAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-VTOA53KG.js","sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '../../Typography';\n\nexport const UploadContainerText = styled.div`\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  margin-top: 6px;\n  gap: 8px;\n`;\n\nexport const UploadContainerTypography = styled(Typography.Body)`\n  color: rgba(135, 135, 135);\n`;\n"]}
+{"version":3,"sources":["../src/Form/FileUpload/styles.tsx"],"names":["UploadContainerText","styled","UploadContainerTypography","Typography_default"],"mappings":"mEAGO,IAAMA,CAAAA,CAAsBC,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAU7BC,CAAAA,CAA4BD,CAAAA,CAAOE,CAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-LT74ZCYF.js","sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '../../Typography';\n\nexport const UploadContainerText = styled.div`\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  margin-top: 6px;\n  gap: 8px;\n`;\n\nexport const UploadContainerTypography = styled(Typography.Body)`\n  color: rgba(135, 135, 135);\n`;\n"]}

package/dist/{chunk-ZHJR3A5P.js → chunk-MC35MNVI.js}

@@ -1,4 +1,4 @@
-import {b}from'./chunk-VCEARBZJ.js';import {a as a$1}from'./chunk-BLAVQ6BS.js';import {d}from'./chunk-SLCTEGVG.js';import a from'@emotion/styled';import {animated,useSpring}from'@react-spring/web';import {useState,useEffect}from'react';import {jsxs,jsx}from'react/jsx-runtime';var H=a(animated.div)`
+import {b}from'./chunk-VCEARBZJ.js';import {a as a$1}from'./chunk-DMPPXMMA.js';import {d}from'./chunk-SLCTEGVG.js';import a from'@emotion/styled';import {animated,useSpring}from'@react-spring/web';import {useState,useEffect}from'react';import {jsxs,jsx}from'react/jsx-runtime';var H=a(animated.div)`
   max-height: ${({size:o,useStaticImage:e})=>e?o:(o||58)+24}px;
   padding: ${({useStaticImage:o})=>o?0:12}px;
   display: flex;
@@ -29,5 +29,5 @@ import {b}from'./chunk-VCEARBZJ.js';import {a as a$1}from'./chunk-BLAVQ6BS.js';i
   margin: 0;
   line-height: 12px;
   color: var(--green-900);
-`,L=({contentfulConfig:o,size:e=58,useStaticImage:t=false})=>{let[d$1,h]=useState(""),[w,i]=useSpring(()=>({from:{width:t?e:e+24,backgroundColor:"#fff",color:d.white}}));useEffect(()=>{i({width:t?e:e+24,immediate:true});},[t,e]),useEffect(()=>{new b(o).getImage("vanta-logo").then(n=>{h(n);});},[]);let[b$1,l]=useSpring(()=>({from:{opacity:0},delay:100})),s=n=>({width:n?208+e:e+24,backgroundColor:n?"#d4e2dd":"#fff"}),f=n=>({opacity:n?1:0}),v=()=>{i(s(true)),l(f(true));},T=()=>{i(s(false)),l(f(false));};return d$1?jsxs(H,{style:w,onMouseEnter:t?void 0:v,onMouseLeave:t?void 0:T,size:e,useStaticImage:t,children:[jsx("img",{alt:"Vanta Logo",src:d$1,height:e,width:e}),jsxs(W,{style:b$1,children:[jsx(a$1.Body,{children:jsx(A,{children:"Guaranteed Security"})}),jsx(a$1.Body,{size:"xs",children:jsx(B,{children:"We're committed to protecting your privacy. Solace is safe, secure, and HIPAA compliant\u2014 certified by Vanta."})})]})]}):null},G=L;export{G as a};//# sourceMappingURL=chunk-ZHJR3A5P.js.map
-//# sourceMappingURL=chunk-ZHJR3A5P.js.map
+`,L=({contentfulConfig:o,size:e=58,useStaticImage:t=false})=>{let[d$1,h]=useState(""),[w,i]=useSpring(()=>({from:{width:t?e:e+24,backgroundColor:"#fff",color:d.white}}));useEffect(()=>{i({width:t?e:e+24,immediate:true});},[t,e]),useEffect(()=>{new b(o).getImage("vanta-logo").then(n=>{h(n);});},[]);let[b$1,l]=useSpring(()=>({from:{opacity:0},delay:100})),s=n=>({width:n?208+e:e+24,backgroundColor:n?"#d4e2dd":"#fff"}),f=n=>({opacity:n?1:0}),v=()=>{i(s(true)),l(f(true));},T=()=>{i(s(false)),l(f(false));};return d$1?jsxs(H,{style:w,onMouseEnter:t?void 0:v,onMouseLeave:t?void 0:T,size:e,useStaticImage:t,children:[jsx("img",{alt:"Vanta Logo",src:d$1,height:e,width:e}),jsxs(W,{style:b$1,children:[jsx(a$1.Body,{children:jsx(A,{children:"Guaranteed Security"})}),jsx(a$1.Body,{size:"xs",children:jsx(B,{children:"We're committed to protecting your privacy. Solace is safe, secure, and HIPAA compliant\u2014 certified by Vanta."})})]})]}):null},G=L;export{G as a};//# sourceMappingURL=chunk-MC35MNVI.js.map
+//# sourceMappingURL=chunk-MC35MNVI.js.map

package/dist/{chunk-ZHJR3A5P.js.map → chunk-MC35MNVI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/VantaLogo/index.tsx"],"names":["Container","styled","animated","size","useStaticImage","TextContainer","HeadingWrapper","TextWrapper","VantaLogo","contentfulConfig","image","setImage","useState","animation","set","useSpring","baseColors","useEffect","Contentful","data","textAnimation","setTextAnimation","updateHover","hovering","updateTextHover","onMouseEnter","onMouseLeave","jsxs","jsx","Typography_default","VantaLogo_default"],"mappings":"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","file":"chunk-ZHJR3A5P.js","sourcesContent":["import styled from '@emotion/styled';\nimport { animated, useSpring } from '@react-spring/web';\nimport { useEffect, useState } from 'react';\nimport Typography from '../Typography';\nimport { Size } from '../Typography/types';\nimport { Contentful } from '../clients/contentful';\nimport { baseColors } from '../theme/themeVariables';\n\nconst Container = styled(animated.div)<{ size?: number; useStaticImage?: boolean }>`\n  max-height: ${({ size, useStaticImage }) => (useStaticImage ? size : (size || 58) + 24)}px;\n  padding: ${({ useStaticImage }) => (useStaticImage ? 0 : 12)}px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  box-shadow: ${({ useStaticImage }) =>\n    useStaticImage\n      ? 'none'\n      : '1.5696979761123657px 1.5696979761123657px 15.696980476379395px 0px #d4e2dd'};\n  overflow: hidden;\n  border-radius: 50%;\n\n  ${({ useStaticImage }) =>\n    !useStaticImage &&\n    `&:hover {\n    border-radius: 40px;\n  }`}\n`;\n\nconst TextContainer = styled(animated.div)`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  min-width: 180px;\n  max-width: 180px;\n  margin-left: 12px;\n`;\n\nconst HeadingWrapper = styled.span`\n  font-weight: 700;\n  letter-spacing: 0.157px;\n  color: var(--green-900);\n`;\n\nconst TextWrapper = styled.p`\n  font-size: 10px;\n  letter-spacing: 0.157px;\n  text-align: left;\n  margin: 0;\n  line-height: 12px;\n  color: var(--green-900);\n`;\n\nconst VantaLogo = ({\n  contentfulConfig,\n  size = 58,\n  useStaticImage = false,\n}: {\n  contentfulConfig: { space: string; accessToken: string };\n  size?: number;\n  useStaticImage?: boolean;\n}) => {\n  const [image, setImage] = useState<string | null>('');\n  const [animation, set] = useSpring(() => ({\n    from: {\n      width: useStaticImage ? size : size + 24,\n      backgroundColor: '#fff',\n      color: baseColors.white,\n    },\n  }));\n\n  // This is only needed so that the component re-renders properly in Storybook when props change\n  useEffect(() => {\n    set({ width: useStaticImage ? size : size + 24, immediate: true });\n  }, [useStaticImage, size]);\n\n  useEffect(() => {\n    new Contentful(contentfulConfig).getImage('vanta-logo').then((data) => {\n      setImage(data);\n    });\n  }, []);\n\n  const [textAnimation, setTextAnimation] = useSpring(() => ({\n    from: {\n      opacity: 0,\n    },\n    delay: 100,\n  }));\n\n  const updateHover = (hovering: boolean) => ({\n    width: hovering ? 208 + size : size + 24,\n    backgroundColor: hovering ? '#d4e2dd' : '#fff',\n  });\n\n  const updateTextHover = (hovering: boolean) => ({\n    opacity: hovering ? 1 : 0,\n  });\n\n  const onMouseEnter = () => {\n    set(updateHover(true));\n    setTextAnimation(updateTextHover(true));\n  };\n\n  const onMouseLeave = () => {\n    set(updateHover(false));\n    setTextAnimation(updateTextHover(false));\n  };\n\n  if (!image) return null;\n\n  return (\n    <Container\n      style={animation}\n      onMouseEnter={useStaticImage ? undefined : onMouseEnter}\n      onMouseLeave={useStaticImage ? undefined : onMouseLeave}\n      size={size}\n      useStaticImage={useStaticImage}\n    >\n      <img alt=\"Vanta Logo\" src={image} height={size} width={size} />\n      <TextContainer style={textAnimation}>\n        <Typography.Body>\n          <HeadingWrapper>Guaranteed Security</HeadingWrapper>\n        </Typography.Body>\n        <Typography.Body size={Size.XS}>\n          <TextWrapper>\n            We&apos;re committed to protecting your privacy. Solace is safe, secure, and HIPAA\n            compliant— certified by Vanta.\n          </TextWrapper>\n        </Typography.Body>\n      </TextContainer>\n    </Container>\n  );\n};\n\nexport default VantaLogo;\n"]}
+{"version":3,"sources":["../src/VantaLogo/index.tsx"],"names":["Container","styled","animated","size","useStaticImage","TextContainer","HeadingWrapper","TextWrapper","VantaLogo","contentfulConfig","image","setImage","useState","animation","set","useSpring","baseColors","useEffect","Contentful","data","textAnimation","setTextAnimation","updateHover","hovering","updateTextHover","onMouseEnter","onMouseLeave","jsxs","jsx","Typography_default","VantaLogo_default"],"mappings":"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","file":"chunk-MC35MNVI.js","sourcesContent":["import styled from '@emotion/styled';\nimport { animated, useSpring } from '@react-spring/web';\nimport { useEffect, useState } from 'react';\nimport Typography from '../Typography';\nimport { Size } from '../Typography/types';\nimport { Contentful } from '../clients/contentful';\nimport { baseColors } from '../theme/themeVariables';\n\nconst Container = styled(animated.div)<{ size?: number; useStaticImage?: boolean }>`\n  max-height: ${({ size, useStaticImage }) => (useStaticImage ? size : (size || 58) + 24)}px;\n  padding: ${({ useStaticImage }) => (useStaticImage ? 0 : 12)}px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  box-shadow: ${({ useStaticImage }) =>\n    useStaticImage\n      ? 'none'\n      : '1.5696979761123657px 1.5696979761123657px 15.696980476379395px 0px #d4e2dd'};\n  overflow: hidden;\n  border-radius: 50%;\n\n  ${({ useStaticImage }) =>\n    !useStaticImage &&\n    `&:hover {\n    border-radius: 40px;\n  }`}\n`;\n\nconst TextContainer = styled(animated.div)`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  min-width: 180px;\n  max-width: 180px;\n  margin-left: 12px;\n`;\n\nconst HeadingWrapper = styled.span`\n  font-weight: 700;\n  letter-spacing: 0.157px;\n  color: var(--green-900);\n`;\n\nconst TextWrapper = styled.p`\n  font-size: 10px;\n  letter-spacing: 0.157px;\n  text-align: left;\n  margin: 0;\n  line-height: 12px;\n  color: var(--green-900);\n`;\n\nconst VantaLogo = ({\n  contentfulConfig,\n  size = 58,\n  useStaticImage = false,\n}: {\n  contentfulConfig: { space: string; accessToken: string };\n  size?: number;\n  useStaticImage?: boolean;\n}) => {\n  const [image, setImage] = useState<string | null>('');\n  const [animation, set] = useSpring(() => ({\n    from: {\n      width: useStaticImage ? size : size + 24,\n      backgroundColor: '#fff',\n      color: baseColors.white,\n    },\n  }));\n\n  // This is only needed so that the component re-renders properly in Storybook when props change\n  useEffect(() => {\n    set({ width: useStaticImage ? size : size + 24, immediate: true });\n  }, [useStaticImage, size]);\n\n  useEffect(() => {\n    new Contentful(contentfulConfig).getImage('vanta-logo').then((data) => {\n      setImage(data);\n    });\n  }, []);\n\n  const [textAnimation, setTextAnimation] = useSpring(() => ({\n    from: {\n      opacity: 0,\n    },\n    delay: 100,\n  }));\n\n  const updateHover = (hovering: boolean) => ({\n    width: hovering ? 208 + size : size + 24,\n    backgroundColor: hovering ? '#d4e2dd' : '#fff',\n  });\n\n  const updateTextHover = (hovering: boolean) => ({\n    opacity: hovering ? 1 : 0,\n  });\n\n  const onMouseEnter = () => {\n    set(updateHover(true));\n    setTextAnimation(updateTextHover(true));\n  };\n\n  const onMouseLeave = () => {\n    set(updateHover(false));\n    setTextAnimation(updateTextHover(false));\n  };\n\n  if (!image) return null;\n\n  return (\n    <Container\n      style={animation}\n      onMouseEnter={useStaticImage ? undefined : onMouseEnter}\n      onMouseLeave={useStaticImage ? undefined : onMouseLeave}\n      size={size}\n      useStaticImage={useStaticImage}\n    >\n      <img alt=\"Vanta Logo\" src={image} height={size} width={size} />\n      <TextContainer style={textAnimation}>\n        <Typography.Body>\n          <HeadingWrapper>Guaranteed Security</HeadingWrapper>\n        </Typography.Body>\n        <Typography.Body size={Size.XS}>\n          <TextWrapper>\n            We&apos;re committed to protecting your privacy. Solace is safe, secure, and HIPAA\n            compliant— certified by Vanta.\n          </TextWrapper>\n        </Typography.Body>\n      </TextContainer>\n    </Container>\n  );\n};\n\nexport default VantaLogo;\n"]}

package/dist/{chunk-DLGUQ4ZW.js → chunk-MCZJEAEQ.js}

@@ -1,2 +1,2 @@
-import {a}from'./chunk-QRIPM25G.js';import {a as a$1}from'./chunk-BLAVQ6BS.js';import {jsx,jsxs}from'react/jsx-runtime';var y=({title:o,icon:r})=>jsx(a,{justify:"space-between",align:"center",children:jsxs(a,{align:"center",gap:"1rem",children:[jsx(a$1.Display,{children:o}),r]})});export{y as a};//# sourceMappingURL=chunk-DLGUQ4ZW.js.map
-//# sourceMappingURL=chunk-DLGUQ4ZW.js.map
+import {a}from'./chunk-QRIPM25G.js';import {a as a$1}from'./chunk-DMPPXMMA.js';import {jsx,jsxs}from'react/jsx-runtime';var y=({title:o,icon:r})=>jsx(a,{justify:"space-between",align:"center",children:jsxs(a,{align:"center",gap:"1rem",children:[jsx(a$1.Display,{children:o}),r]})});export{y as a};//# sourceMappingURL=chunk-MCZJEAEQ.js.map
+//# sourceMappingURL=chunk-MCZJEAEQ.js.map

package/dist/{chunk-DLGUQ4ZW.js.map → chunk-MCZJEAEQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Overlay/OverlayTitle.tsx"],"names":["OverylayTitle","title","icon","jsx","Flex_default","jsxs","Typography_default"],"mappings":"4HAQaA,CAAAA,CAAgB,CAAC,CAAE,KAAA,CAAAC,EAAO,IAAA,CAAAC,CAAK,IAC1CC,GAAAA,CAACC,CAAAA,CAAA,CAAK,OAAA,CAAQ,eAAA,CAAgB,KAAA,CAAM,QAAA,CAClC,SAAAC,IAAAA,CAACD,CAAAA,CAAA,CAAK,KAAA,CAAM,SAAS,GAAA,CAAI,MAAA,CACvB,QAAA,CAAA,CAAAD,GAAAA,CAACG,IAAW,OAAA,CAAX,CAAoB,SAAAL,CAAAA,CAAM,CAAA,CAC1BC,GACH,CAAA,CACF","file":"chunk-DLGUQ4ZW.js","sourcesContent":["import Flex from '../Flex';\nimport Typography from '../Typography';\n\ntype Props = {\n  title: string;\n  icon: React.ReactNode;\n};\n\nexport const OverylayTitle = ({ title, icon }: Props) => (\n  <Flex justify=\"space-between\" align=\"center\">\n    <Flex align=\"center\" gap=\"1rem\">\n      <Typography.Display>{title}</Typography.Display>\n      {icon}\n    </Flex>\n  </Flex>\n);\n"]}
+{"version":3,"sources":["../src/Overlay/OverlayTitle.tsx"],"names":["OverylayTitle","title","icon","jsx","Flex_default","jsxs","Typography_default"],"mappings":"4HAQaA,CAAAA,CAAgB,CAAC,CAAE,KAAA,CAAAC,EAAO,IAAA,CAAAC,CAAK,IAC1CC,GAAAA,CAACC,CAAAA,CAAA,CAAK,OAAA,CAAQ,eAAA,CAAgB,KAAA,CAAM,QAAA,CAClC,SAAAC,IAAAA,CAACD,CAAAA,CAAA,CAAK,KAAA,CAAM,SAAS,GAAA,CAAI,MAAA,CACvB,QAAA,CAAA,CAAAD,GAAAA,CAACG,IAAW,OAAA,CAAX,CAAoB,SAAAL,CAAAA,CAAM,CAAA,CAC1BC,GACH,CAAA,CACF","file":"chunk-MCZJEAEQ.js","sourcesContent":["import Flex from '../Flex';\nimport Typography from '../Typography';\n\ntype Props = {\n  title: string;\n  icon: React.ReactNode;\n};\n\nexport const OverylayTitle = ({ title, icon }: Props) => (\n  <Flex justify=\"space-between\" align=\"center\">\n    <Flex align=\"center\" gap=\"1rem\">\n      <Typography.Display>{title}</Typography.Display>\n      {icon}\n    </Flex>\n  </Flex>\n);\n"]}

package/dist/chunk-MEMR2XKF.js

@@ -0,0 +1,2 @@
+import {a as a$1,c,d,f}from'./chunk-5VAGCQBW.js';import {a}from'./chunk-YTIIAU4W.js';import*as x from'react';import {Slot}from'radix-ui/slot';import {LuChevronRight,LuEllipsis}from'react-icons/lu';import {jsx,jsxs}from'react/jsx-runtime';function M({...e}){return jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function w({className:e,...a$1}){return jsx("ol",{"data-slot":"breadcrumb-list",className:a("text-secondary flex flex-wrap items-center gap-2 text-base break-words",e),...a$1})}function L({className:e,...a$1}){return jsx("li",{"data-slot":"breadcrumb-item",className:a("inline-flex items-center gap-2",e),...a$1})}function C({asChild:e,className:a$1,...t}){return jsx(e?Slot:"a",{"data-slot":"breadcrumb-link",className:a("text-secondary focus-visible:ring-ring/50 -mx-1 rounded-sm px-1 transition-colors outline-none hover:bg-green-100 focus-visible:ring-[3px]",a$1),...t})}function E({className:e,...a$1}){return jsx("span",{"data-slot":"breadcrumb-page","aria-current":"page",className:a("text-primary font-normal",e),...a$1})}function S({children:e,className:a$1,...t}){return jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:a("text-secondary [&>svg]:size-4",a$1),...t,children:e??jsx(LuChevronRight,{})})}function $({className:e,...a$1}){return jsxs("span",{"data-slot":"breadcrumb-ellipsis",className:a("flex size-6 items-center justify-center",e),...a$1,children:[jsx(LuEllipsis,{className:"size-4","aria-hidden":"true"}),jsx("span",{className:"sr-only",children:"More"})]})}function D(e,a){let t=`${String(e.label)}|${e.href??""}`,o=a.slice(0,a.indexOf(e)).filter(l=>`${String(l.label)}|${l.href??""}`===t).length;return `${t}|${o}`}function H({items:e,separator:a,maxItems:t,renderLink:o,...l}){let i=t===void 0?void 0:Math.max(t,3),u=i!==void 0&&e.length>i,p=u?i-1:0,v=u?e.slice(1,e.length-p):[],b=u?[e[0],"ellipsis",...e.slice(e.length-p)]:e,N=(n,d)=>d?jsx(E,{children:n.label}):o?jsx(C,{asChild:true,children:o(n,n.label)}):jsx(C,{href:n.href,onClick:n.onClick,children:n.label});return jsx(M,{...l,children:jsx(w,{children:b.map((n,d$1)=>{let f$1=d$1===b.length-1,P=n==="ellipsis"?"ellipsis":D(n,e);return jsxs(x.Fragment,{children:[jsx(L,{children:n==="ellipsis"?jsxs(a$1,{children:[jsx(c,{className:"focus-visible:ring-ring/50 rounded-sm transition-colors outline-none hover:bg-green-100 focus-visible:ring-[3px] data-[state=open]:bg-green-100","aria-label":"Show hidden breadcrumbs",children:jsx($,{})}),jsx(d,{align:"start",children:v.map(c=>jsx(f,{asChild:true,children:o?o(c,c.label):jsx("a",{href:c.href,onClick:c.onClick,children:c.label})},D(c,e)))})]}):N(n,f$1)}),!f$1&&jsx(S,{children:a})]},P)})})})}export{M as a,w as b,L as c,C as d,E as e,S as f,$ as g,H as h};//# sourceMappingURL=chunk-MEMR2XKF.js.map
+//# sourceMappingURL=chunk-MEMR2XKF.js.map