@solace-health/ui 0.10.702 → 0.10.704

package/dist/{chunk-T53BIHTS.cjs → chunk-EBVG6SWF.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunk7BHLEW4C_cjs=require('./chunk-7BHLEW4C.cjs'),chunkRHSEUQ24_cjs=require('./chunk-RHSEUQ24.cjs'),r=require('@emotion/styled'),web=require('@react-spring/web'),antd=require('antd');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var {TextArea:a}=antd.Input,b=r__default.default(web.animated.div)`
+'use strict';var chunk7BHLEW4C_cjs=require('./chunk-7BHLEW4C.cjs'),chunkQRFUIS7R_cjs=require('./chunk-QRFUIS7R.cjs'),r=require('@emotion/styled'),web=require('@react-spring/web'),antd=require('antd');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var {TextArea:a}=antd.Input,b=r__default.default(web.animated.div)`
   position: absolute;
   display: block;
   width: 45px;
@@ -85,7 +85,7 @@
     outline-style: solid;
     border-color: ${({theme:o})=>o.colors.secondaryGreen};
   }
-`,u=r__default.default(chunkRHSEUQ24_cjs.a.Body)`
+`,u=r__default.default(chunkQRFUIS7R_cjs.a.Body)`
   display: block;
-`;exports.a=b;exports.b=c;exports.c=f;exports.d=y;exports.e=g;exports.f=u;//# sourceMappingURL=chunk-T53BIHTS.cjs.map
-//# sourceMappingURL=chunk-T53BIHTS.cjs.map
+`;exports.a=b;exports.b=c;exports.c=f;exports.d=y;exports.e=g;exports.f=u;//# sourceMappingURL=chunk-EBVG6SWF.cjs.map
+//# sourceMappingURL=chunk-EBVG6SWF.cjs.map

package/dist/{chunk-T53BIHTS.cjs.map → chunk-EBVG6SWF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/TextInput/styles.tsx"],"names":["TextArea","VendorInput","ErrorContainer","styled","animated","Input","error","props","theme","StyledMaskedInput","MaskedInput","TextInputWrap","Area","marginBottom","PreviewValue","Typography_default"],"mappings":"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","file":"chunk-T53BIHTS.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport { Input as VendorInput } from 'antd';\nimport MaskedInput from './text-mask/react/src/reactTextMask';\nimport Typography from '../../Typography';\n\nconst { TextArea } = VendorInput;\n\nexport const ErrorContainer = 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 Input = styled.input<{ error: any; disabled: boolean }>`\n  width: 100%;\n  height: 50px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  border: 1px solid ${({ error }) => (error ? 'red' : '#5a5a5a')};\n  padding: 11px 14px;\n  background-color: ${(props) => (props.disabled ? '#EEEEEE' : '#fff')};\n  color: ${(props) => (props.disabled ? 'var(--grey-300, #7f7f7f)' : '#000')};\n  font-family: ${({ theme }) => theme.typography.family.body};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-style: normal;\n  font-size: 16px;\n\n  &:focus {\n    outline-style: none;\n    border-radius: 8px;\n    border: 1px solid ${({ theme }) => theme.colors.secondaryGreen};\n    box-shadow: 0 0 0 1px ${({ theme }) => theme.colors.secondaryGreen};\n  }\n\n  &:autofill {\n    box-shadow: 0 0 0px 1000px #e9f0ee inset;\n    transition: background-color 5000s ease-in-out 0s;\n    background-clip: content-box !important;\n  }\n`;\n\nexport const StyledMaskedInput = styled(MaskedInput)<{\n  disabled?: boolean;\n  error?: boolean;\n}>`\n  width: 100%;\n  height: 50px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  border: 1px solid ${({ error }) => (error ? 'red' : '#5a5a5a')};\n  padding: 11px 14px;\n  background-color: ${(props) => (props.disabled ? '#EEEEEE' : '#fff')};\n  color: ${(props) => (props.disabled ? 'var(--grey-300, #7f7f7f)' : '#000')};\n  font-family: ${({ theme }) => theme.typography.family.body};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-style: normal;\n  font-size: 16px;\n\n  &:focus {\n    outline-style: none;\n    border-radius: 8px;\n    border: 1px solid ${({ theme }) => theme.colors.secondaryGreen};\n    box-shadow: 0 0 0 1px ${({ theme }) => theme.colors.secondaryGreen};\n  }\n\n  &:autofill {\n    box-shadow: 0 0 0px 1000px #e9f0ee inset;\n    transition: background-color 5000s ease-in-out 0s;\n    background-clip: content-box !important;\n  }\n`;\n\nexport const TextInputWrap = styled.div<{\n  marginBottom?: string;\n}>`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`;\n\nexport const Area = styled(TextArea)<{\n  marginBottom?: string | null;\n  error: any;\n  disabled: boolean;\n}>`\n  width: 100%;\n  resize: none;\n  max-height: 200px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  border: 1px solid ${({ error }) => (error ? 'red' : '#5a5a5a')};\n  padding: 11px 14px;\n  margin-bottom: ${({ marginBottom }) => marginBottom ?? '0'};\n  background-color: ${(props) => (props.disabled ? '#EEEEEE' : '#fff')};\n  color: ${(props) => (props.disabled ? 'var(--grey-300, #7f7f7f)' : '#000')};\n\n  &:focus {\n    outline-color: white;\n    outline-style: solid;\n    border-color: ${({ theme }) => theme.colors.secondaryGreen};\n  }\n`;\n\nexport const PreviewValue = styled(Typography.Body)`\n  display: block;\n`;\n"]}
+{"version":3,"sources":["../src/Form/TextInput/styles.tsx"],"names":["TextArea","VendorInput","ErrorContainer","styled","animated","Input","error","props","theme","StyledMaskedInput","MaskedInput","TextInputWrap","Area","marginBottom","PreviewValue","Typography_default"],"mappings":"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","file":"chunk-EBVG6SWF.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport { Input as VendorInput } from 'antd';\nimport MaskedInput from './text-mask/react/src/reactTextMask';\nimport Typography from '../../Typography';\n\nconst { TextArea } = VendorInput;\n\nexport const ErrorContainer = 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 Input = styled.input<{ error: any; disabled: boolean }>`\n  width: 100%;\n  height: 50px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  border: 1px solid ${({ error }) => (error ? 'red' : '#5a5a5a')};\n  padding: 11px 14px;\n  background-color: ${(props) => (props.disabled ? '#EEEEEE' : '#fff')};\n  color: ${(props) => (props.disabled ? 'var(--grey-300, #7f7f7f)' : '#000')};\n  font-family: ${({ theme }) => theme.typography.family.body};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-style: normal;\n  font-size: 16px;\n\n  &:focus {\n    outline-style: none;\n    border-radius: 8px;\n    border: 1px solid ${({ theme }) => theme.colors.secondaryGreen};\n    box-shadow: 0 0 0 1px ${({ theme }) => theme.colors.secondaryGreen};\n  }\n\n  &:autofill {\n    box-shadow: 0 0 0px 1000px #e9f0ee inset;\n    transition: background-color 5000s ease-in-out 0s;\n    background-clip: content-box !important;\n  }\n`;\n\nexport const StyledMaskedInput = styled(MaskedInput)<{\n  disabled?: boolean;\n  error?: boolean;\n}>`\n  width: 100%;\n  height: 50px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  border: 1px solid ${({ error }) => (error ? 'red' : '#5a5a5a')};\n  padding: 11px 14px;\n  background-color: ${(props) => (props.disabled ? '#EEEEEE' : '#fff')};\n  color: ${(props) => (props.disabled ? 'var(--grey-300, #7f7f7f)' : '#000')};\n  font-family: ${({ theme }) => theme.typography.family.body};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-style: normal;\n  font-size: 16px;\n\n  &:focus {\n    outline-style: none;\n    border-radius: 8px;\n    border: 1px solid ${({ theme }) => theme.colors.secondaryGreen};\n    box-shadow: 0 0 0 1px ${({ theme }) => theme.colors.secondaryGreen};\n  }\n\n  &:autofill {\n    box-shadow: 0 0 0px 1000px #e9f0ee inset;\n    transition: background-color 5000s ease-in-out 0s;\n    background-clip: content-box !important;\n  }\n`;\n\nexport const TextInputWrap = styled.div<{\n  marginBottom?: string;\n}>`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`;\n\nexport const Area = styled(TextArea)<{\n  marginBottom?: string | null;\n  error: any;\n  disabled: boolean;\n}>`\n  width: 100%;\n  resize: none;\n  max-height: 200px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  border: 1px solid ${({ error }) => (error ? 'red' : '#5a5a5a')};\n  padding: 11px 14px;\n  margin-bottom: ${({ marginBottom }) => marginBottom ?? '0'};\n  background-color: ${(props) => (props.disabled ? '#EEEEEE' : '#fff')};\n  color: ${(props) => (props.disabled ? 'var(--grey-300, #7f7f7f)' : '#000')};\n\n  &:focus {\n    outline-color: white;\n    outline-style: solid;\n    border-color: ${({ theme }) => theme.colors.secondaryGreen};\n  }\n`;\n\nexport const PreviewValue = styled(Typography.Body)`\n  display: block;\n`;\n"]}

package/dist/chunk-EL7LQY4T.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkBYLQHV5Q_cjs=require('./chunk-BYLQHV5Q.cjs'),jsxRuntime=require('react/jsx-runtime');var B=({icon:i,iconPosition:p="start",label:a,isSelected:t,typographyProps:s=void 0,...u})=>jsxRuntime.jsx(chunkBYLQHV5Q_cjs.a,{"aria-pressed":t,icon:jsxRuntime.jsx(chunkBYLQHV5Q_cjs.b,{justify:"center",align:"center",children:i}),iconPosition:p,isSelected:t,...u,children:jsxRuntime.jsx(chunkBYLQHV5Q_cjs.c,{isSelected:t,...s,children:a})});exports.a=B;//# sourceMappingURL=chunk-EL7LQY4T.cjs.map
+//# sourceMappingURL=chunk-EL7LQY4T.cjs.map

package/dist/{chunk-VGISWMU7.cjs.map → chunk-EL7LQY4T.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Molecules/ButtonWithIcon/index.tsx"],"names":["ButtonWithIcon","icon","iconPosition","label","isSelected","typographyProps","buttonProps","jsx","ButtonWrapper","IconContainer","ButtonText"],"mappings":"2GAcO,IAAMA,CAAAA,CAAiB,CAAC,CAC7B,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CAAe,OAAA,CACf,KAAA,CAAAC,EACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CAAkB,MAAA,CAClB,GAAGC,CACL,CAAA,GAEIC,cAAAA,CAACC,mBAAAA,CAAA,CACC,cAAA,CAAcJ,CAAAA,CACd,KACEG,cAAAA,CAACE,mBAAAA,CAAA,CAAc,OAAA,CAAQ,QAAA,CAAS,KAAA,CAAM,SACnC,QAAA,CAAAR,CAAAA,CACH,CAAA,CAEF,YAAA,CAAcC,CAAAA,CACd,UAAA,CAAYE,EACX,GAAGE,CAAAA,CAEJ,QAAA,CAAAC,cAAAA,CAACG,mBAAAA,CAAA,CAAW,UAAA,CAAYN,CAAAA,CAAa,GAAGC,CAAAA,CACrC,QAAA,CAAAF,CAAAA,CACH,CAAA,CACF","file":"chunk-VGISWMU7.cjs","sourcesContent":["import { ButtonProps } from 'antd';\nimport { HTMLAttributes } from 'react';\nimport { ButtonText, ButtonWrapper, IconContainer } from './style';\n\ntype ButtonWithIconProps = Omit<ButtonProps, 'variant'> & {\n  label: string;\n  isSelected: boolean;\n  /**\n   * WARNING: This is a workaround to pass props to the typography component.\n   * Extensive use of this prop might indicate that a new component should be created.\n   */\n  typographyProps?: HTMLAttributes<HTMLParagraphElement>;\n};\n\nexport const ButtonWithIcon = ({\n  icon,\n  iconPosition = 'start',\n  label,\n  isSelected,\n  typographyProps = undefined,\n  ...buttonProps\n}: ButtonWithIconProps) => {\n  return (\n    <ButtonWrapper\n      aria-pressed={isSelected}\n      icon={\n        <IconContainer justify=\"center\" align=\"center\">\n          {icon}\n        </IconContainer>\n      }\n      iconPosition={iconPosition}\n      isSelected={isSelected}\n      {...buttonProps}\n    >\n      <ButtonText isSelected={isSelected} {...typographyProps}>\n        {label}\n      </ButtonText>\n    </ButtonWrapper>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Molecules/ButtonWithIcon/index.tsx"],"names":["ButtonWithIcon","icon","iconPosition","label","isSelected","typographyProps","buttonProps","jsx","ButtonWrapper","IconContainer","ButtonText"],"mappings":"2GAcO,IAAMA,CAAAA,CAAiB,CAAC,CAC7B,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CAAe,OAAA,CACf,KAAA,CAAAC,EACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CAAkB,MAAA,CAClB,GAAGC,CACL,CAAA,GAEIC,cAAAA,CAACC,mBAAAA,CAAA,CACC,cAAA,CAAcJ,CAAAA,CACd,KACEG,cAAAA,CAACE,mBAAAA,CAAA,CAAc,OAAA,CAAQ,QAAA,CAAS,KAAA,CAAM,SACnC,QAAA,CAAAR,CAAAA,CACH,CAAA,CAEF,YAAA,CAAcC,CAAAA,CACd,UAAA,CAAYE,EACX,GAAGE,CAAAA,CAEJ,QAAA,CAAAC,cAAAA,CAACG,mBAAAA,CAAA,CAAW,UAAA,CAAYN,CAAAA,CAAa,GAAGC,CAAAA,CACrC,QAAA,CAAAF,CAAAA,CACH,CAAA,CACF","file":"chunk-EL7LQY4T.cjs","sourcesContent":["import { ButtonProps } from 'antd';\nimport { HTMLAttributes } from 'react';\nimport { ButtonText, ButtonWrapper, IconContainer } from './style';\n\ntype ButtonWithIconProps = Omit<ButtonProps, 'variant'> & {\n  label: string;\n  isSelected: boolean;\n  /**\n   * WARNING: This is a workaround to pass props to the typography component.\n   * Extensive use of this prop might indicate that a new component should be created.\n   */\n  typographyProps?: HTMLAttributes<HTMLParagraphElement>;\n};\n\nexport const ButtonWithIcon = ({\n  icon,\n  iconPosition = 'start',\n  label,\n  isSelected,\n  typographyProps = undefined,\n  ...buttonProps\n}: ButtonWithIconProps) => {\n  return (\n    <ButtonWrapper\n      aria-pressed={isSelected}\n      icon={\n        <IconContainer justify=\"center\" align=\"center\">\n          {icon}\n        </IconContainer>\n      }\n      iconPosition={iconPosition}\n      isSelected={isSelected}\n      {...buttonProps}\n    >\n      <ButtonText isSelected={isSelected} {...typographyProps}>\n        {label}\n      </ButtonText>\n    </ButtonWrapper>\n  );\n};\n"]}

package/dist/{chunk-57TQHFOX.js → chunk-ELCGWAWN.js}

@@ -1,4 +1,4 @@
-import {a as a$1}from'./chunk-DMPPXMMA.js';import o from'@emotion/styled';import {animated}from'@react-spring/web';var a=o.div`
+import {a as a$1}from'./chunk-BLAVQ6BS.js';import o from'@emotion/styled';import {animated}from'@react-spring/web';var a=o.div`
   position: relative;
   z-index: 40;
 `,d=o(a$1.Body)`
@@ -48,5 +48,5 @@ import {a as a$1}from'./chunk-DMPPXMMA.js';import o from'@emotion/styled';import
   left: 0;
 `,u=o(a$1.Body)`
   margin-bottom: 24px;
-`;export{a,d as b,s as c,l as d,x as e,b as f,u as g};//# sourceMappingURL=chunk-57TQHFOX.js.map
-//# sourceMappingURL=chunk-57TQHFOX.js.map
+`;export{a,d as b,s as c,l as d,x as e,b as f,u as g};//# sourceMappingURL=chunk-ELCGWAWN.js.map
+//# sourceMappingURL=chunk-ELCGWAWN.js.map

package/dist/{chunk-57TQHFOX.js.map → chunk-ELCGWAWN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/DateDropdown/styles.tsx"],"names":["Container","styled","Label","Typography_default","isLabelBold","SelectOptions","animated","Option","Radio","p","UnstyledInput","PreviewValue"],"mappings":"mHAIO,IAAMA,EAAYC,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA,CAAA,CAKnBC,CAAAA,CAAQD,CAAAA,CAAOE,GAAAA,CAAW,IAAI,CAAA;AAAA;AAAA,eAAA,EAE1B,CAAC,CAAE,WAAA,CAAAC,CAAY,CAAA,GAAOA,CAAAA,CAAc,OAAS,SAAU,CAAA;AAAA;AAAA,CAAA,CAI3DC,CAAAA,CAAgBJ,CAAAA,CAAOK,QAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYnCC,EAASN,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYhBO,EAAQP,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAYTQ,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,EAAgBT,CAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CASvBU,CAAAA,CAAeV,CAAAA,CAAOE,GAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-57TQHFOX.js","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  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 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: #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/DateDropdown/styles.tsx"],"names":["Container","styled","Label","Typography_default","isLabelBold","SelectOptions","animated","Option","Radio","p","UnstyledInput","PreviewValue"],"mappings":"mHAIO,IAAMA,EAAYC,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA,CAAA,CAKnBC,CAAAA,CAAQD,CAAAA,CAAOE,GAAAA,CAAW,IAAI,CAAA;AAAA;AAAA,eAAA,EAE1B,CAAC,CAAE,WAAA,CAAAC,CAAY,CAAA,GAAOA,CAAAA,CAAc,OAAS,SAAU,CAAA;AAAA;AAAA,CAAA,CAI3DC,CAAAA,CAAgBJ,CAAAA,CAAOK,QAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYnCC,EAASN,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYhBO,EAAQP,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAYTQ,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,EAAgBT,CAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CASvBU,CAAAA,CAAeV,CAAAA,CAAOE,GAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-ELCGWAWN.js","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  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 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: #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-4L5ZRFHA.js → chunk-EUQF6F5F.js}

@@ -1,2 +1,2 @@
-import {a}from'./chunk-YMDWP5NE.js';import {a as a$1}from'./chunk-ZBXWNCXE.js';import {a as a$2}from'./chunk-YTIIAU4W.js';import {Command}from'cmdk';import {LuChevronUp,LuChevronDown}from'react-icons/lu';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var O=({classNames:s,selected:t,toggleOption:d,inputProps:r,inputRef:g,open:h,setOpen:a$3,scrollbarRef:R,placeholder:C,hidePlaceholderWhenSelected:n=true,disabled:i,badgeWrapperClassName:b,inputSearchValue:u,setInputSearchValue:c,badgeClassName:k,getBadgeClassName:v,persistInputOnBlur:y})=>{let S=h?LuChevronUp:LuChevronDown,N=a({selected:t,inputSearchValue:u});return jsxs(Fragment,{children:[jsxs("div",{ref:N,className:a$2("relative flex gap-1 overflow-auto [&::-webkit-scrollbar]:h-0",b,s?.badge?.wrapper),children:[t.map(e=>jsx(a$1,{badgeClassName:k,getBadgeClassName:v,classNames:s,option:e,toggleOption:d},e.value)),jsx(Command.Input,{...r,ref:g,value:u,disabled:i,onValueChange:e=>{c(e),r?.onValueChange?.(e);},onBlur:e=>{R?.current||(y||c(""),a$3(false)),r?.onBlur?.(e);},onFocus:e=>{a$3(true),r?.onFocus?.(e);},placeholder:n&&t.length!==0?"":C,className:a$2("placeholder:text-secondary flex-[1_0_3ch] self-baseline bg-transparent outline-none",{"w-full":n,"ml-1":t.length!==0},r?.className)})]}),jsx(S,{className:a$2("size-5 min-w-5 cursor-pointer",i&&"text-gray-600")})]})};export{O as a};//# sourceMappingURL=chunk-4L5ZRFHA.js.map
-//# sourceMappingURL=chunk-4L5ZRFHA.js.map
+import {a as a$1}from'./chunk-ZBXWNCXE.js';import {a}from'./chunk-YMDWP5NE.js';import {a as a$2}from'./chunk-YTIIAU4W.js';import {Command}from'cmdk';import {LuChevronUp,LuChevronDown}from'react-icons/lu';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var O=({classNames:s,selected:t,toggleOption:d,inputProps:r,inputRef:g,open:h,setOpen:a$3,scrollbarRef:R,placeholder:C,hidePlaceholderWhenSelected:n=true,disabled:i,badgeWrapperClassName:b,inputSearchValue:u,setInputSearchValue:c,badgeClassName:k,getBadgeClassName:v,persistInputOnBlur:y})=>{let S=h?LuChevronUp:LuChevronDown,N=a({selected:t,inputSearchValue:u});return jsxs(Fragment,{children:[jsxs("div",{ref:N,className:a$2("relative flex gap-1 overflow-auto [&::-webkit-scrollbar]:h-0",b,s?.badge?.wrapper),children:[t.map(e=>jsx(a$1,{badgeClassName:k,getBadgeClassName:v,classNames:s,option:e,toggleOption:d},e.value)),jsx(Command.Input,{...r,ref:g,value:u,disabled:i,onValueChange:e=>{c(e),r?.onValueChange?.(e);},onBlur:e=>{R?.current||(y||c(""),a$3(false)),r?.onBlur?.(e);},onFocus:e=>{a$3(true),r?.onFocus?.(e);},placeholder:n&&t.length!==0?"":C,className:a$2("placeholder:text-secondary flex-[1_0_3ch] self-baseline bg-transparent outline-none",{"w-full":n,"ml-1":t.length!==0},r?.className)})]}),jsx(S,{className:a$2("size-5 min-w-5 cursor-pointer",i&&"text-gray-600")})]})};export{O as a};//# sourceMappingURL=chunk-EUQF6F5F.js.map
+//# sourceMappingURL=chunk-EUQF6F5F.js.map

package/dist/{chunk-4L5ZRFHA.js.map → chunk-EUQF6F5F.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/multiselect/components/MultiSelectInput.tsx"],"names":["MultiSelectInput","classNames","selected","toggleOption","inputProps","inputRef","open","setOpen","scrollbarRef","placeholder","hidePlaceholderWhenSelected","disabled","badgeWrapperClassName","inputSearchValue","setInputSearchValue","badgeClassName","getBadgeClassName","persistInputOnBlur","ChevronIcon","LuChevronUp","LuChevronDown","badgeContainerRef","useScrollSelected","jsxs","Fragment","cn","option","jsx","SelectedBadge","CommandPrimitive","value","event"],"mappings":"kQA8BaA,CAAAA,CAAmB,CAAC,CAC/B,UAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,YAAA,CAAAC,EACA,UAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,IAAA,CAAAC,EACA,OAAA,CAAAC,GAAAA,CACA,aAAAC,CAAAA,CACA,WAAA,CAAAC,EACA,2BAAA,CAAAC,CAAAA,CAA8B,KAC9B,QAAA,CAAAC,CAAAA,CACA,qBAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,oBAAAC,CAAAA,CACA,cAAA,CAAAC,EACA,iBAAA,CAAAC,CAAAA,CACA,mBAAAC,CACF,CAAA,GAAa,CACX,IAAMC,CAAAA,CAAcZ,EAAOa,WAAAA,CAAcC,aAAAA,CAEnCC,EAAoBC,CAAAA,CAAkB,CAAE,SAAApB,CAAAA,CAAU,gBAAA,CAAAW,CAAiB,CAAC,CAAA,CAE1E,OACEU,IAAAA,CAAAC,QAAAA,CAAA,CACE,QAAA,CAAA,CAAAD,IAAAA,CAAC,OACC,GAAA,CAAKF,CAAAA,CACL,UAAWI,GAAAA,CACT,8DAAA,CACAb,EACAX,CAAAA,EAAY,KAAA,EAAO,OACrB,CAAA,CAEC,QAAA,CAAA,CAAAC,EAAS,GAAA,CAAKwB,CAAAA,EAEXC,GAAAA,CAACC,GAAAA,CAAA,CAEO,cAAA,CAAAb,EAAgB,iBAAA,CAAAC,CAAAA,CAAmB,WAAAf,CAAAA,CAAY,MAAA,CAAAyB,EAAQ,YAAA,CAAAvB,CAAAA,CAAAA,CADxDuB,EAAO,KAEd,CAEH,EACDC,GAAAA,CAACE,OAAAA,CAAiB,MAAjB,CACE,GAAGzB,EACJ,GAAA,CAAKC,CAAAA,CACL,MAAOQ,CAAAA,CACP,QAAA,CAAUF,EACV,aAAA,CAAgBmB,CAAAA,EAAU,CACxBhB,CAAAA,CAAoBgB,CAAK,EACzB1B,CAAAA,EAAY,aAAA,GAAgB0B,CAAK,EACnC,CAAA,CACA,OAASC,CAAAA,EAAU,CACZvB,GAAc,OAAA,GACZS,CAAAA,EACHH,EAAoB,EAAE,CAAA,CAExBP,GAAAA,CAAQ,KAAK,CAAA,CAAA,CAEfH,CAAAA,EAAY,SAAS2B,CAAK,EAC5B,EACA,OAAA,CAAUA,CAAAA,EAAU,CAClBxB,GAAAA,CAAQ,IAAI,EACZH,CAAAA,EAAY,OAAA,GAAU2B,CAAK,EAC7B,CAAA,CACA,YAAarB,CAAAA,EAA+BR,CAAAA,CAAS,SAAW,CAAA,CAAI,EAAA,CAAKO,CAAAA,CACzE,SAAA,CAAWgB,GAAAA,CACT,qFAAA,CACA,CACE,QAAA,CAAUf,CAAAA,CACV,OAAQR,CAAAA,CAAS,MAAA,GAAW,CAC9B,CAAA,CACAE,CAAAA,EAAY,SACd,CAAA,CACF,CAAA,CAAA,CACF,EACAuB,GAAAA,CAACT,CAAAA,CAAA,CAAY,SAAA,CAAWO,GAAAA,CAAG,gCAAiCd,CAAAA,EAAY,eAAe,CAAA,CAAG,CAAA,CAAA,CAC5F,CAEJ","file":"chunk-4L5ZRFHA.js","sourcesContent":["import { Command as CommandPrimitive } from 'cmdk';\nimport { LuChevronDown, LuChevronUp } from 'react-icons/lu';\nimport { cn } from '@/lib/utils';\nimport { SelectedBadge } from './SelectedBadge';\nimport type { MultiSelectProps } from '../types';\nimport type { UseRefsReturn } from '../hooks/useRefs';\nimport type { UseMultiSelectReturn } from '../hooks/useMultiSelect';\nimport type { UseInteractionsReturn } from '../hooks/useInteractions';\nimport { useScrollSelected } from '../hooks/useScrollSelected';\n\ntype Props = Pick<\n  MultiSelectProps,\n  | 'badgeWrapperClassName'\n  | 'badgeClassName'\n  | 'getBadgeClassName'\n  | 'disabled'\n  | 'className'\n  | 'classNames'\n  | 'hidePlaceholderWhenSelected'\n  | 'placeholder'\n  | 'inputProps'\n  | 'persistInputOnBlur'\n> &\n  Pick<UseRefsReturn, 'inputRef' | 'scrollbarRef'> &\n  Pick<\n    UseMultiSelectReturn,\n    'selected' | 'open' | 'setOpen' | 'inputSearchValue' | 'setInputSearchValue'\n  > &\n  Pick<UseInteractionsReturn, 'toggleOption'>;\n\nexport const MultiSelectInput = ({\n  classNames,\n  selected,\n  toggleOption,\n  inputProps,\n  inputRef,\n  open,\n  setOpen,\n  scrollbarRef,\n  placeholder,\n  hidePlaceholderWhenSelected = true,\n  disabled,\n  badgeWrapperClassName,\n  inputSearchValue,\n  setInputSearchValue,\n  badgeClassName,\n  getBadgeClassName,\n  persistInputOnBlur,\n}: Props) => {\n  const ChevronIcon = open ? LuChevronUp : LuChevronDown;\n\n  const badgeContainerRef = useScrollSelected({ selected, inputSearchValue });\n\n  return (\n    <>\n      <div\n        ref={badgeContainerRef}\n        className={cn(\n          'relative flex gap-1 overflow-auto [&::-webkit-scrollbar]:h-0',\n          badgeWrapperClassName,\n          classNames?.badge?.wrapper,\n        )}\n      >\n        {selected.map((option) => {\n          return (\n            <SelectedBadge\n              key={option.value}\n              {...{ badgeClassName, getBadgeClassName, classNames, option, toggleOption }}\n            />\n          );\n        })}\n        <CommandPrimitive.Input\n          {...inputProps}\n          ref={inputRef}\n          value={inputSearchValue}\n          disabled={disabled}\n          onValueChange={(value) => {\n            setInputSearchValue(value);\n            inputProps?.onValueChange?.(value);\n          }}\n          onBlur={(event) => {\n            if (!scrollbarRef?.current) {\n              if (!persistInputOnBlur) {\n                setInputSearchValue('');\n              }\n              setOpen(false);\n            }\n            inputProps?.onBlur?.(event);\n          }}\n          onFocus={(event) => {\n            setOpen(true);\n            inputProps?.onFocus?.(event);\n          }}\n          placeholder={hidePlaceholderWhenSelected && selected.length !== 0 ? '' : placeholder}\n          className={cn(\n            'placeholder:text-secondary flex-[1_0_3ch] self-baseline bg-transparent outline-none',\n            {\n              'w-full': hidePlaceholderWhenSelected,\n              'ml-1': selected.length !== 0,\n            },\n            inputProps?.className,\n          )}\n        />\n      </div>\n      <ChevronIcon className={cn('size-5 min-w-5 cursor-pointer', disabled && 'text-gray-600')} />\n    </>\n  );\n};\n"]}
+{"version":3,"sources":["../src/v2/multiselect/components/MultiSelectInput.tsx"],"names":["MultiSelectInput","classNames","selected","toggleOption","inputProps","inputRef","open","setOpen","scrollbarRef","placeholder","hidePlaceholderWhenSelected","disabled","badgeWrapperClassName","inputSearchValue","setInputSearchValue","badgeClassName","getBadgeClassName","persistInputOnBlur","ChevronIcon","LuChevronUp","LuChevronDown","badgeContainerRef","useScrollSelected","jsxs","Fragment","cn","option","jsx","SelectedBadge","CommandPrimitive","value","event"],"mappings":"kQA8BaA,CAAAA,CAAmB,CAAC,CAC/B,UAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,YAAA,CAAAC,EACA,UAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,IAAA,CAAAC,EACA,OAAA,CAAAC,GAAAA,CACA,aAAAC,CAAAA,CACA,WAAA,CAAAC,EACA,2BAAA,CAAAC,CAAAA,CAA8B,KAC9B,QAAA,CAAAC,CAAAA,CACA,qBAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,oBAAAC,CAAAA,CACA,cAAA,CAAAC,EACA,iBAAA,CAAAC,CAAAA,CACA,mBAAAC,CACF,CAAA,GAAa,CACX,IAAMC,CAAAA,CAAcZ,EAAOa,WAAAA,CAAcC,aAAAA,CAEnCC,EAAoBC,CAAAA,CAAkB,CAAE,SAAApB,CAAAA,CAAU,gBAAA,CAAAW,CAAiB,CAAC,CAAA,CAE1E,OACEU,IAAAA,CAAAC,QAAAA,CAAA,CACE,QAAA,CAAA,CAAAD,IAAAA,CAAC,OACC,GAAA,CAAKF,CAAAA,CACL,UAAWI,GAAAA,CACT,8DAAA,CACAb,EACAX,CAAAA,EAAY,KAAA,EAAO,OACrB,CAAA,CAEC,QAAA,CAAA,CAAAC,EAAS,GAAA,CAAKwB,CAAAA,EAEXC,GAAAA,CAACC,GAAAA,CAAA,CAEO,cAAA,CAAAb,EAAgB,iBAAA,CAAAC,CAAAA,CAAmB,WAAAf,CAAAA,CAAY,MAAA,CAAAyB,EAAQ,YAAA,CAAAvB,CAAAA,CAAAA,CADxDuB,EAAO,KAEd,CAEH,EACDC,GAAAA,CAACE,OAAAA,CAAiB,MAAjB,CACE,GAAGzB,EACJ,GAAA,CAAKC,CAAAA,CACL,MAAOQ,CAAAA,CACP,QAAA,CAAUF,EACV,aAAA,CAAgBmB,CAAAA,EAAU,CACxBhB,CAAAA,CAAoBgB,CAAK,EACzB1B,CAAAA,EAAY,aAAA,GAAgB0B,CAAK,EACnC,CAAA,CACA,OAASC,CAAAA,EAAU,CACZvB,GAAc,OAAA,GACZS,CAAAA,EACHH,EAAoB,EAAE,CAAA,CAExBP,GAAAA,CAAQ,KAAK,CAAA,CAAA,CAEfH,CAAAA,EAAY,SAAS2B,CAAK,EAC5B,EACA,OAAA,CAAUA,CAAAA,EAAU,CAClBxB,GAAAA,CAAQ,IAAI,EACZH,CAAAA,EAAY,OAAA,GAAU2B,CAAK,EAC7B,CAAA,CACA,YAAarB,CAAAA,EAA+BR,CAAAA,CAAS,SAAW,CAAA,CAAI,EAAA,CAAKO,CAAAA,CACzE,SAAA,CAAWgB,GAAAA,CACT,qFAAA,CACA,CACE,QAAA,CAAUf,CAAAA,CACV,OAAQR,CAAAA,CAAS,MAAA,GAAW,CAC9B,CAAA,CACAE,CAAAA,EAAY,SACd,CAAA,CACF,CAAA,CAAA,CACF,EACAuB,GAAAA,CAACT,CAAAA,CAAA,CAAY,SAAA,CAAWO,GAAAA,CAAG,gCAAiCd,CAAAA,EAAY,eAAe,CAAA,CAAG,CAAA,CAAA,CAC5F,CAEJ","file":"chunk-EUQF6F5F.js","sourcesContent":["import { Command as CommandPrimitive } from 'cmdk';\nimport { LuChevronDown, LuChevronUp } from 'react-icons/lu';\nimport { cn } from '@/lib/utils';\nimport { SelectedBadge } from './SelectedBadge';\nimport type { MultiSelectProps } from '../types';\nimport type { UseRefsReturn } from '../hooks/useRefs';\nimport type { UseMultiSelectReturn } from '../hooks/useMultiSelect';\nimport type { UseInteractionsReturn } from '../hooks/useInteractions';\nimport { useScrollSelected } from '../hooks/useScrollSelected';\n\ntype Props = Pick<\n  MultiSelectProps,\n  | 'badgeWrapperClassName'\n  | 'badgeClassName'\n  | 'getBadgeClassName'\n  | 'disabled'\n  | 'className'\n  | 'classNames'\n  | 'hidePlaceholderWhenSelected'\n  | 'placeholder'\n  | 'inputProps'\n  | 'persistInputOnBlur'\n> &\n  Pick<UseRefsReturn, 'inputRef' | 'scrollbarRef'> &\n  Pick<\n    UseMultiSelectReturn,\n    'selected' | 'open' | 'setOpen' | 'inputSearchValue' | 'setInputSearchValue'\n  > &\n  Pick<UseInteractionsReturn, 'toggleOption'>;\n\nexport const MultiSelectInput = ({\n  classNames,\n  selected,\n  toggleOption,\n  inputProps,\n  inputRef,\n  open,\n  setOpen,\n  scrollbarRef,\n  placeholder,\n  hidePlaceholderWhenSelected = true,\n  disabled,\n  badgeWrapperClassName,\n  inputSearchValue,\n  setInputSearchValue,\n  badgeClassName,\n  getBadgeClassName,\n  persistInputOnBlur,\n}: Props) => {\n  const ChevronIcon = open ? LuChevronUp : LuChevronDown;\n\n  const badgeContainerRef = useScrollSelected({ selected, inputSearchValue });\n\n  return (\n    <>\n      <div\n        ref={badgeContainerRef}\n        className={cn(\n          'relative flex gap-1 overflow-auto [&::-webkit-scrollbar]:h-0',\n          badgeWrapperClassName,\n          classNames?.badge?.wrapper,\n        )}\n      >\n        {selected.map((option) => {\n          return (\n            <SelectedBadge\n              key={option.value}\n              {...{ badgeClassName, getBadgeClassName, classNames, option, toggleOption }}\n            />\n          );\n        })}\n        <CommandPrimitive.Input\n          {...inputProps}\n          ref={inputRef}\n          value={inputSearchValue}\n          disabled={disabled}\n          onValueChange={(value) => {\n            setInputSearchValue(value);\n            inputProps?.onValueChange?.(value);\n          }}\n          onBlur={(event) => {\n            if (!scrollbarRef?.current) {\n              if (!persistInputOnBlur) {\n                setInputSearchValue('');\n              }\n              setOpen(false);\n            }\n            inputProps?.onBlur?.(event);\n          }}\n          onFocus={(event) => {\n            setOpen(true);\n            inputProps?.onFocus?.(event);\n          }}\n          placeholder={hidePlaceholderWhenSelected && selected.length !== 0 ? '' : placeholder}\n          className={cn(\n            'placeholder:text-secondary flex-[1_0_3ch] self-baseline bg-transparent outline-none',\n            {\n              'w-full': hidePlaceholderWhenSelected,\n              'ml-1': selected.length !== 0,\n            },\n            inputProps?.className,\n          )}\n        />\n      </div>\n      <ChevronIcon className={cn('size-5 min-w-5 cursor-pointer', disabled && 'text-gray-600')} />\n    </>\n  );\n};\n"]}

package/dist/{chunk-OLSQSENG.cjs → chunk-EV2Q3TQE.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunkEOPHXSAH_cjs=require('./chunk-EOPHXSAH.cjs'),chunkUSAKGGB5_cjs=require('./chunk-USAKGGB5.cjs'),chunkRHSEUQ24_cjs=require('./chunk-RHSEUQ24.cjs'),r=require('@emotion/styled');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var p=r__default.default(chunkEOPHXSAH_cjs.a)`
+'use strict';var chunkEOPHXSAH_cjs=require('./chunk-EOPHXSAH.cjs'),chunkUSAKGGB5_cjs=require('./chunk-USAKGGB5.cjs'),chunkQRFUIS7R_cjs=require('./chunk-QRFUIS7R.cjs'),r=require('@emotion/styled');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var p=r__default.default(chunkEOPHXSAH_cjs.a)`
   display: flex;
   padding: var(--Spacing-xl, 1.5rem) 1.5rem var(--Spacing-2xl, 2rem) 1.5rem;
 
@@ -26,7 +26,7 @@
   border-radius: var(--border-radius-2xl, 1rem) var(--border-radius-2xl, 1rem)
     var(--border-radius-none, 0rem) var(--border-radius-none, 0rem);
   background: var(--green-100, #f4f8f7);
-`,s=r__default.default(chunkRHSEUQ24_cjs.a.Header)`
+`,s=r__default.default(chunkQRFUIS7R_cjs.a.Header)`
   color: var(--green-900, #1d4339);
 `,x=r__default.default(chunkUSAKGGB5_cjs.a)`
   display: flex;
@@ -40,5 +40,5 @@
 
   border-radius: var(--Radius-Max, 6.25rem);
   background: var(--copy-mid-green, #3f937c);
-`;exports.a=p;exports.b=t;exports.c=s;exports.d=x;//# sourceMappingURL=chunk-OLSQSENG.cjs.map
-//# sourceMappingURL=chunk-OLSQSENG.cjs.map
+`;exports.a=p;exports.b=t;exports.c=s;exports.d=x;//# sourceMappingURL=chunk-EV2Q3TQE.cjs.map
+//# sourceMappingURL=chunk-EV2Q3TQE.cjs.map

package/dist/{chunk-OLSQSENG.cjs.map → chunk-EV2Q3TQE.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/InfoContainer/style.tsx"],"names":["Container","styled","Flex_default","Label","LabelText","Typography_default","Indicator","Badge_default"],"mappings":"oTAKO,IAAMA,CAAAA,CAAYC,mBAAOC,mBAAI,CAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAkBvBC,CAAAA,CAAQF,mBAAOC,mBAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAcnBE,CAAAA,CAAYH,kBAAAA,CAAOI,mBAAAA,CAAW,MAAM,CAAA;AAAA;AAAA,CAAA,CAIpCC,CAAAA,CAAYL,mBAAOM,mBAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA","file":"chunk-OLSQSENG.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport Flex from '../Flex';\nimport Typography from '../Typography';\nimport Badge from '../Badge';\n\nexport const Container = styled(Flex)`\n  display: flex;\n  padding: var(--Spacing-xl, 1.5rem) 1.5rem var(--Spacing-2xl, 2rem) 1.5rem;\n\n  flex-direction: column;\n  gap: var(--Spacing-2xl, 2rem);\n\n  border-radius: var(--border-radius-none, 0rem) var(--border-radius-3xl, 1.5rem)\n    var(--border-radius-3xl, 1.5rem) var(--border-radius-3xl, 1.5rem);\n  border: 1px solid var(--Neutrals-Gray-1, #eee);\n  background: var(--surface-primary, #fff);\n\n  /* shadow */\n  box-shadow:\n    0px 1px 3px 0px rgba(0, 0, 0, 0.1),\n    0px 1px 2px -1px rgba(0, 0, 0, 0.1);\n`;\n\nexport const Label = styled(Flex)`\n  display: flex;\n  width: fit-content;\n  max-width: 17.625rem;\n  padding: var(--Spacing-sm, 0.5rem) var(--Spacing-lg, 1rem);\n  align-items: center;\n  gap: var(--Spacing-M, 1rem);\n  font-size: 0.875rem;\n\n  border-radius: var(--border-radius-2xl, 1rem) var(--border-radius-2xl, 1rem)\n    var(--border-radius-none, 0rem) var(--border-radius-none, 0rem);\n  background: var(--green-100, #f4f8f7);\n`;\n\nexport const LabelText = styled(Typography.Header)`\n  color: var(--green-900, #1d4339);\n`;\n\nexport const Indicator = styled(Badge)`\n  display: flex;\n  width: 1.75rem;\n  height: 1.375rem;\n  padding: 0.125rem 0.5rem;\n  justify-content: center;\n  align-items: center;\n  gap: 0.0625rem;\n  flex-shrink: 0;\n\n  border-radius: var(--Radius-Max, 6.25rem);\n  background: var(--copy-mid-green, #3f937c);\n`;\n"]}
+{"version":3,"sources":["../src/InfoContainer/style.tsx"],"names":["Container","styled","Flex_default","Label","LabelText","Typography_default","Indicator","Badge_default"],"mappings":"oTAKO,IAAMA,CAAAA,CAAYC,mBAAOC,mBAAI,CAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAkBvBC,CAAAA,CAAQF,mBAAOC,mBAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAcnBE,CAAAA,CAAYH,kBAAAA,CAAOI,mBAAAA,CAAW,MAAM,CAAA;AAAA;AAAA,CAAA,CAIpCC,CAAAA,CAAYL,mBAAOM,mBAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA","file":"chunk-EV2Q3TQE.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport Flex from '../Flex';\nimport Typography from '../Typography';\nimport Badge from '../Badge';\n\nexport const Container = styled(Flex)`\n  display: flex;\n  padding: var(--Spacing-xl, 1.5rem) 1.5rem var(--Spacing-2xl, 2rem) 1.5rem;\n\n  flex-direction: column;\n  gap: var(--Spacing-2xl, 2rem);\n\n  border-radius: var(--border-radius-none, 0rem) var(--border-radius-3xl, 1.5rem)\n    var(--border-radius-3xl, 1.5rem) var(--border-radius-3xl, 1.5rem);\n  border: 1px solid var(--Neutrals-Gray-1, #eee);\n  background: var(--surface-primary, #fff);\n\n  /* shadow */\n  box-shadow:\n    0px 1px 3px 0px rgba(0, 0, 0, 0.1),\n    0px 1px 2px -1px rgba(0, 0, 0, 0.1);\n`;\n\nexport const Label = styled(Flex)`\n  display: flex;\n  width: fit-content;\n  max-width: 17.625rem;\n  padding: var(--Spacing-sm, 0.5rem) var(--Spacing-lg, 1rem);\n  align-items: center;\n  gap: var(--Spacing-M, 1rem);\n  font-size: 0.875rem;\n\n  border-radius: var(--border-radius-2xl, 1rem) var(--border-radius-2xl, 1rem)\n    var(--border-radius-none, 0rem) var(--border-radius-none, 0rem);\n  background: var(--green-100, #f4f8f7);\n`;\n\nexport const LabelText = styled(Typography.Header)`\n  color: var(--green-900, #1d4339);\n`;\n\nexport const Indicator = styled(Badge)`\n  display: flex;\n  width: 1.75rem;\n  height: 1.375rem;\n  padding: 0.125rem 0.5rem;\n  justify-content: center;\n  align-items: center;\n  gap: 0.0625rem;\n  flex-shrink: 0;\n\n  border-radius: var(--Radius-Max, 6.25rem);\n  background: var(--copy-mid-green, #3f937c);\n`;\n"]}

package/dist/{chunk-GZVOKBML.cjs → chunk-FTVFESIL.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkODAOIGPB_cjs=require('./chunk-ODAOIGPB.cjs'),chunkILEND5TM_cjs=require('./chunk-ILEND5TM.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),lu=require('react-icons/lu'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var A=({classNames:r=void 0,disabled:w=false,options:t,preSearchOptions:N=void 0,onSearchChange:P=void 0,onChange:k=void 0,onOpenChange:l=void 0,placeholder:O="Select an option",searchLabel:L="Search...",notFoundMessage:z="Not found.",value:i=void 0,size:T="default",error:d=false,shouldFilter:I=true})=>{let[s,p]=react.useState(false),[_,m]=react.useState(false),F=_?t:N||t;return jsxRuntime.jsxs(chunkODAOIGPB_cjs.a,{open:s,onOpenChange:()=>{p(!s),m(false),l?.(!s);},children:[jsxRuntime.jsxs(chunkODAOIGPB_cjs.b,{"aria-invalid":d,disabled:w,className:chunkQRO22BPZ_cjs.a("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-dark-green inline-flex h-12 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-md border px-4 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:bg-gray-200 disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5",T==="sm"&&"py-xs h-8 px-3 [&_svg:not([class*='size-'])]:size-4",r?.trigger),children:[jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-2",children:[!i&&jsxRuntime.jsx(lu.LuSearch,{className:chunkQRO22BPZ_cjs.a(d&&"text-red")}),jsxRuntime.jsx("span",{className:"block min-w-0 truncate",children:i?t.find(e=>e.value===i)?.label:O})]}),jsxRuntime.jsx(lu.LuChevronsUpDown,{className:"opacity-50"})]}),jsxRuntime.jsx(chunkODAOIGPB_cjs.c,{align:"start",className:chunkQRO22BPZ_cjs.a("w-[var(--radix-popover-trigger-width)] p-0",r?.content),children:jsxRuntime.jsxs(chunkILEND5TM_cjs.a,{shouldFilter:I,children:[jsxRuntime.jsx(chunkILEND5TM_cjs.c,{placeholder:L,className:chunkQRO22BPZ_cjs.a("h-9",r?.input),onValueChange:e=>{m(!!e),P?.(e);}}),jsxRuntime.jsxs(chunkILEND5TM_cjs.d,{onWheel:e=>e.stopPropagation(),children:[jsxRuntime.jsx(chunkILEND5TM_cjs.e,{children:z}),jsxRuntime.jsx(chunkILEND5TM_cjs.f,{children:F.map(e=>jsxRuntime.jsxs(chunkILEND5TM_cjs.h,{value:e.value,keywords:[typeof e.label=="string"?e.label:"",e.additionalSearchText??""],onSelect:g=>{k?.(g===i?"":g),p(false),l?.(false);},className:r?.item,disabled:e.disabled,children:[e.label,jsxRuntime.jsx(lu.LuCheck,{className:chunkQRO22BPZ_cjs.a("ml-auto",i===e.value?"opacity-100":"opacity-0")})]},e.value))})]})]})})]})};exports.a=A;//# sourceMappingURL=chunk-GZVOKBML.cjs.map
-//# sourceMappingURL=chunk-GZVOKBML.cjs.map
+'use strict';var chunkODAOIGPB_cjs=require('./chunk-ODAOIGPB.cjs'),chunk66OYFOJG_cjs=require('./chunk-66OYFOJG.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),lu=require('react-icons/lu'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var A=({classNames:r=void 0,disabled:w=false,options:t,preSearchOptions:N=void 0,onSearchChange:P=void 0,onChange:k=void 0,onOpenChange:l=void 0,placeholder:O="Select an option",searchLabel:L="Search...",notFoundMessage:z="Not found.",value:i=void 0,size:T="default",error:d=false,shouldFilter:I=true})=>{let[s,p]=react.useState(false),[_,m]=react.useState(false),F=_?t:N||t;return jsxRuntime.jsxs(chunkODAOIGPB_cjs.a,{open:s,onOpenChange:()=>{p(!s),m(false),l?.(!s);},children:[jsxRuntime.jsxs(chunkODAOIGPB_cjs.b,{"aria-invalid":d,disabled:w,className:chunkQRO22BPZ_cjs.a("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-dark-green inline-flex h-12 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-md border px-4 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:bg-gray-200 disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5",T==="sm"&&"py-xs h-8 px-3 [&_svg:not([class*='size-'])]:size-4",r?.trigger),children:[jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-2",children:[!i&&jsxRuntime.jsx(lu.LuSearch,{className:chunkQRO22BPZ_cjs.a(d&&"text-red")}),jsxRuntime.jsx("span",{className:"block min-w-0 truncate",children:i?t.find(e=>e.value===i)?.label:O})]}),jsxRuntime.jsx(lu.LuChevronsUpDown,{className:"opacity-50"})]}),jsxRuntime.jsx(chunkODAOIGPB_cjs.c,{align:"start",className:chunkQRO22BPZ_cjs.a("w-[var(--radix-popover-trigger-width)] p-0",r?.content),children:jsxRuntime.jsxs(chunk66OYFOJG_cjs.a,{shouldFilter:I,children:[jsxRuntime.jsx(chunk66OYFOJG_cjs.c,{placeholder:L,className:chunkQRO22BPZ_cjs.a("h-9",r?.input),onValueChange:e=>{m(!!e),P?.(e);}}),jsxRuntime.jsxs(chunk66OYFOJG_cjs.d,{onWheel:e=>e.stopPropagation(),children:[jsxRuntime.jsx(chunk66OYFOJG_cjs.e,{children:z}),jsxRuntime.jsx(chunk66OYFOJG_cjs.f,{children:F.map(e=>jsxRuntime.jsxs(chunk66OYFOJG_cjs.h,{value:e.value,keywords:[typeof e.label=="string"?e.label:"",e.additionalSearchText??""],onSelect:g=>{k?.(g===i?"":g),p(false),l?.(false);},className:r?.item,disabled:e.disabled,children:[e.label,jsxRuntime.jsx(lu.LuCheck,{className:chunkQRO22BPZ_cjs.a("ml-auto",i===e.value?"opacity-100":"opacity-0")})]},e.value))})]})]})})]})};exports.a=A;//# sourceMappingURL=chunk-FTVFESIL.cjs.map
+//# sourceMappingURL=chunk-FTVFESIL.cjs.map

package/dist/{chunk-GZVOKBML.cjs.map → chunk-FTVFESIL.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/combobox/combobox.tsx"],"names":["Combobox","classNames","disabled","options","preSearchOptions","onSearchChange","onChange","onOpenChange","placeholder","searchLabel","notFoundMessage","value","size","error","shouldFilter","open","setOpen","useState","isSearching","setIsSearching","optionsToDisplay","jsxs","Popover","PopoverTrigger","cn","jsx","LuSearch","item","LuChevronsUpDown","PopoverContent","Command","CommandInput","val","CommandList","CommandEmpty","CommandGroup","CommandItem","currentValue","LuCheck"],"mappings":"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","file":"chunk-GZVOKBML.cjs","sourcesContent":["import { LuCheck, LuChevronsUpDown, LuSearch } from 'react-icons/lu';\nimport { useState } from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/v2/popover/popover';\nimport { cn } from '@/lib/utils';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/v2/command/command';\n\nexport type ComboboxOption = {\n  label: string | React.ReactNode;\n  value: string;\n  additionalSearchText?: string;\n  disabled?: boolean;\n};\n\nexport type ComboboxProps = {\n  classNames?: {\n    content?: string;\n    input?: string;\n    item?: string;\n    trigger?: string;\n  };\n  disabled?: boolean;\n  options: ComboboxOption[];\n  preSearchOptions?: ComboboxOption[];\n  onSearchChange?: (value: string) => void;\n  onChange?: (value: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  placeholder?: string;\n  searchLabel?: string;\n  notFoundMessage?: string;\n  value?: string;\n  size?: 'default' | 'sm';\n  error?: boolean;\n  shouldFilter?: boolean;\n};\n\nexport const Combobox = ({\n  classNames = undefined,\n  disabled = false,\n  options,\n  preSearchOptions = undefined,\n  onSearchChange = undefined,\n  onChange = undefined,\n  onOpenChange = undefined,\n  placeholder = 'Select an option',\n  searchLabel = 'Search...',\n  notFoundMessage = 'Not found.',\n  value = undefined,\n  size = 'default',\n  error = false,\n  shouldFilter = true,\n}: ComboboxProps) => {\n  const [open, setOpen] = useState(false);\n\n  // Allow filtering down to just a subset of options before searching\n  // NOTE: preSearchOptions is optional, while options is a required prop that we can fallback to\n  const [isSearching, setIsSearching] = useState(false);\n  const optionsToDisplay = isSearching ? options : preSearchOptions || options;\n\n  const handleOpenChange = () => {\n    setOpen(!open);\n    setIsSearching(false);\n    onOpenChange?.(!open);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger\n        aria-invalid={error}\n        disabled={disabled}\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-dark-green inline-flex h-12 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-md border px-4 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:bg-gray-200 disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5\",\n          size === 'sm' && \"py-xs h-8 px-3 [&_svg:not([class*='size-'])]:size-4\",\n          classNames?.trigger,\n        )}\n      >\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          {!value && <LuSearch className={cn(error && 'text-red')} />}\n          <span className=\"block min-w-0 truncate\">\n            {value ? options.find((item) => item.value === value)?.label : placeholder}\n          </span>\n        </div>\n        <LuChevronsUpDown className=\"opacity-50\" />\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        className={cn('w-[var(--radix-popover-trigger-width)] p-0', classNames?.content)}\n      >\n        <Command\n          shouldFilter={\n            // This should be mainly be driven by the presence of the `onSearchChange` function\n            // to match multiselect's behavior, however we omit this for backwards compatibility.\n            shouldFilter\n          }\n        >\n          <CommandInput\n            placeholder={searchLabel}\n            className={cn('h-9', classNames?.input)}\n            onValueChange={(val) => {\n              setIsSearching(!!val);\n              onSearchChange?.(val);\n            }}\n          />\n          <CommandList onWheel={(e) => e.stopPropagation()}>\n            <CommandEmpty>{notFoundMessage}</CommandEmpty>\n            <CommandGroup>\n              {optionsToDisplay.map((item) => (\n                <CommandItem\n                  key={item.value}\n                  value={item.value}\n                  keywords={[\n                    typeof item.label === 'string' ? item.label : '',\n                    item.additionalSearchText ?? '',\n                  ]}\n                  onSelect={(currentValue) => {\n                    onChange?.(currentValue === value ? '' : currentValue);\n                    setOpen(false);\n                    onOpenChange?.(false);\n                  }}\n                  className={classNames?.item}\n                  disabled={item.disabled}\n                >\n                  {item.label}\n                  <LuCheck\n                    className={cn('ml-auto', value === item.value ? 'opacity-100' : 'opacity-0')}\n                  />\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n};\n"]}
+{"version":3,"sources":["../src/v2/combobox/combobox.tsx"],"names":["Combobox","classNames","disabled","options","preSearchOptions","onSearchChange","onChange","onOpenChange","placeholder","searchLabel","notFoundMessage","value","size","error","shouldFilter","open","setOpen","useState","isSearching","setIsSearching","optionsToDisplay","jsxs","Popover","PopoverTrigger","cn","jsx","LuSearch","item","LuChevronsUpDown","PopoverContent","Command","CommandInput","val","CommandList","CommandEmpty","CommandGroup","CommandItem","currentValue","LuCheck"],"mappings":"mQA0CO,IAAMA,CAAAA,CAAW,CAAC,CACvB,UAAA,CAAAC,EAAa,MAAA,CACb,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,OAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CAAmB,OACnB,cAAA,CAAAC,CAAAA,CAAiB,MAAA,CACjB,QAAA,CAAAC,CAAAA,CAAW,MAAA,CACX,YAAA,CAAAC,CAAAA,CAAe,OACf,WAAA,CAAAC,CAAAA,CAAc,kBAAA,CACd,WAAA,CAAAC,CAAAA,CAAc,WAAA,CACd,eAAA,CAAAC,CAAAA,CAAkB,aAClB,KAAA,CAAAC,CAAAA,CAAQ,MAAA,CACR,IAAA,CAAAC,CAAAA,CAAO,SAAA,CACP,KAAA,CAAAC,CAAAA,CAAQ,MACR,YAAA,CAAAC,CAAAA,CAAe,IACjB,CAAA,GAAqB,CACnB,GAAM,CAACC,CAAAA,CAAMC,CAAO,EAAIC,cAAAA,CAAS,KAAK,CAAA,CAIhC,CAACC,CAAAA,CAAaC,CAAc,CAAA,CAAIF,cAAAA,CAAS,KAAK,CAAA,CAC9CG,CAAAA,CAAmBF,CAAAA,CAAcf,CAAAA,CAAUC,CAAAA,EAAoBD,CAAAA,CAQrE,OACEkB,eAAAA,CAACC,oBAAA,CAAQ,IAAA,CAAMP,CAAAA,CAAM,YAAA,CAPE,IAAM,CAC7BC,CAAAA,CAAQ,CAACD,CAAI,CAAA,CACbI,CAAAA,CAAe,KAAK,CAAA,CACpBZ,IAAe,CAACQ,CAAI,EACtB,CAAA,CAII,UAAAM,eAAAA,CAACE,mBAAAA,CAAA,CACC,cAAA,CAAcV,CAAAA,CACd,QAAA,CAAUX,CAAAA,CACV,SAAA,CAAWsB,oBACT,8fAAA,CACAZ,CAAAA,GAAS,IAAA,EAAQ,qDAAA,CACjBX,CAAAA,EAAY,OACd,CAAA,CAEA,QAAA,CAAA,CAAAoB,gBAAC,KAAA,CAAA,CAAI,SAAA,CAAU,wCAAA,CACZ,QAAA,CAAA,CAAA,CAACV,CAAAA,EAASc,cAAAA,CAACC,WAAAA,CAAA,CAAS,UAAWF,mBAAAA,CAAGX,CAAAA,EAAS,UAAU,CAAA,CAAG,EACzDY,cAAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,wBAAA,CACb,SAAAd,CAAAA,CAAQR,CAAAA,CAAQ,IAAA,CAAMwB,CAAAA,EAASA,CAAAA,CAAK,KAAA,GAAUhB,CAAK,CAAA,EAAG,MAAQH,CAAAA,CACjE,CAAA,CAAA,CACF,CAAA,CACAiB,cAAAA,CAACG,mBAAAA,CAAA,CAAiB,SAAA,CAAU,YAAA,CAAa,GAC3C,CAAA,CACAH,cAAAA,CAACI,mBAAAA,CAAA,CACC,KAAA,CAAM,OAAA,CACN,SAAA,CAAWL,mBAAAA,CAAG,6CAA8CvB,CAAAA,EAAY,OAAO,CAAA,CAE/E,QAAA,CAAAoB,gBAACS,mBAAAA,CAAA,CACC,YAAA,CAGEhB,CAAAA,CAGF,UAAAW,cAAAA,CAACM,mBAAAA,CAAA,CACC,WAAA,CAAatB,CAAAA,CACb,SAAA,CAAWe,mBAAAA,CAAG,KAAA,CAAOvB,GAAY,KAAK,CAAA,CACtC,aAAA,CAAgB+B,CAAAA,EAAQ,CACtBb,CAAAA,CAAe,CAAC,CAACa,CAAG,CAAA,CACpB3B,CAAAA,GAAiB2B,CAAG,EACtB,CAAA,CACF,CAAA,CACAX,eAAAA,CAACY,mBAAAA,CAAA,CAAY,OAAA,CAAU,CAAA,EAAM,CAAA,CAAE,eAAA,GAC7B,QAAA,CAAA,CAAAR,cAAAA,CAACS,mBAAAA,CAAA,CAAc,SAAAxB,CAAAA,CAAgB,CAAA,CAC/Be,cAAAA,CAACU,mBAAAA,CAAA,CACE,QAAA,CAAAf,CAAAA,CAAiB,GAAA,CAAKO,GACrBN,eAAAA,CAACe,mBAAAA,CAAA,CAEC,KAAA,CAAOT,CAAAA,CAAK,KAAA,CACZ,QAAA,CAAU,CACR,OAAOA,CAAAA,CAAK,KAAA,EAAU,QAAA,CAAWA,CAAAA,CAAK,KAAA,CAAQ,EAAA,CAC9CA,CAAAA,CAAK,oBAAA,EAAwB,EAC/B,CAAA,CACA,QAAA,CAAWU,CAAAA,EAAiB,CAC1B/B,IAAW+B,CAAAA,GAAiB1B,CAAAA,CAAQ,EAAA,CAAK0B,CAAY,EACrDrB,CAAAA,CAAQ,KAAK,CAAA,CACbT,CAAAA,GAAe,KAAK,EACtB,CAAA,CACA,SAAA,CAAWN,GAAY,IAAA,CACvB,QAAA,CAAU0B,CAAAA,CAAK,QAAA,CAEd,QAAA,CAAA,CAAAA,CAAAA,CAAK,KAAA,CACNF,cAAAA,CAACa,WAAA,CACC,SAAA,CAAWd,mBAAAA,CAAG,SAAA,CAAWb,CAAAA,GAAUgB,CAAAA,CAAK,KAAA,CAAQ,aAAA,CAAgB,WAAW,CAAA,CAC7E,CAAA,CAAA,CAAA,CAjBKA,CAAAA,CAAK,KAkBZ,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,GACF,CAEJ","file":"chunk-FTVFESIL.cjs","sourcesContent":["import { LuCheck, LuChevronsUpDown, LuSearch } from 'react-icons/lu';\nimport { useState } from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/v2/popover/popover';\nimport { cn } from '@/lib/utils';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/v2/command/command';\n\nexport type ComboboxOption = {\n  label: string | React.ReactNode;\n  value: string;\n  additionalSearchText?: string;\n  disabled?: boolean;\n};\n\nexport type ComboboxProps = {\n  classNames?: {\n    content?: string;\n    input?: string;\n    item?: string;\n    trigger?: string;\n  };\n  disabled?: boolean;\n  options: ComboboxOption[];\n  preSearchOptions?: ComboboxOption[];\n  onSearchChange?: (value: string) => void;\n  onChange?: (value: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  placeholder?: string;\n  searchLabel?: string;\n  notFoundMessage?: string;\n  value?: string;\n  size?: 'default' | 'sm';\n  error?: boolean;\n  shouldFilter?: boolean;\n};\n\nexport const Combobox = ({\n  classNames = undefined,\n  disabled = false,\n  options,\n  preSearchOptions = undefined,\n  onSearchChange = undefined,\n  onChange = undefined,\n  onOpenChange = undefined,\n  placeholder = 'Select an option',\n  searchLabel = 'Search...',\n  notFoundMessage = 'Not found.',\n  value = undefined,\n  size = 'default',\n  error = false,\n  shouldFilter = true,\n}: ComboboxProps) => {\n  const [open, setOpen] = useState(false);\n\n  // Allow filtering down to just a subset of options before searching\n  // NOTE: preSearchOptions is optional, while options is a required prop that we can fallback to\n  const [isSearching, setIsSearching] = useState(false);\n  const optionsToDisplay = isSearching ? options : preSearchOptions || options;\n\n  const handleOpenChange = () => {\n    setOpen(!open);\n    setIsSearching(false);\n    onOpenChange?.(!open);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger\n        aria-invalid={error}\n        disabled={disabled}\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-dark-green inline-flex h-12 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-md border px-4 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:bg-gray-200 disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5\",\n          size === 'sm' && \"py-xs h-8 px-3 [&_svg:not([class*='size-'])]:size-4\",\n          classNames?.trigger,\n        )}\n      >\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          {!value && <LuSearch className={cn(error && 'text-red')} />}\n          <span className=\"block min-w-0 truncate\">\n            {value ? options.find((item) => item.value === value)?.label : placeholder}\n          </span>\n        </div>\n        <LuChevronsUpDown className=\"opacity-50\" />\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        className={cn('w-[var(--radix-popover-trigger-width)] p-0', classNames?.content)}\n      >\n        <Command\n          shouldFilter={\n            // This should be mainly be driven by the presence of the `onSearchChange` function\n            // to match multiselect's behavior, however we omit this for backwards compatibility.\n            shouldFilter\n          }\n        >\n          <CommandInput\n            placeholder={searchLabel}\n            className={cn('h-9', classNames?.input)}\n            onValueChange={(val) => {\n              setIsSearching(!!val);\n              onSearchChange?.(val);\n            }}\n          />\n          <CommandList onWheel={(e) => e.stopPropagation()}>\n            <CommandEmpty>{notFoundMessage}</CommandEmpty>\n            <CommandGroup>\n              {optionsToDisplay.map((item) => (\n                <CommandItem\n                  key={item.value}\n                  value={item.value}\n                  keywords={[\n                    typeof item.label === 'string' ? item.label : '',\n                    item.additionalSearchText ?? '',\n                  ]}\n                  onSelect={(currentValue) => {\n                    onChange?.(currentValue === value ? '' : currentValue);\n                    setOpen(false);\n                    onOpenChange?.(false);\n                  }}\n                  className={classNames?.item}\n                  disabled={item.disabled}\n                >\n                  {item.label}\n                  <LuCheck\n                    className={cn('ml-auto', value === item.value ? 'opacity-100' : 'opacity-0')}\n                  />\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n};\n"]}

package/dist/chunk-FTYKFS5H.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkIINNHABI_cjs=require('./chunk-IINNHABI.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),chunkNALIS6SG_cjs=require('./chunk-NALIS6SG.cjs'),chunkIUJL5ICA_cjs=require('./chunk-IUJL5ICA.cjs'),chunkGFZQIFBY_cjs=require('./chunk-GFZQIFBY.cjs'),chunkULTFWLWO_cjs=require('./chunk-ULTFWLWO.cjs'),react=require('react'),vaul=require('vaul'),i=require('radix-ui/dialog'),internal=require('radix-ui/internal'),lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var i__namespace=/*#__PURE__*/_interopNamespace(i);var s=react.createContext({isResponsive:true}),L=.9,S="transform 0.5s cubic-bezier(0.32, 0.72, 0, 1), bottom 0.2s ease-out, max-height 0.2s ease-out";function q({disableDrawerOnMobile:t=false,...o}){let{isMobile:a}=chunkULTFWLWO_cjs.b(),r=react.useMemo(()=>({isResponsive:!t}),[t]);return jsxRuntime.jsx(s.Provider,{value:r,children:a&&!t?jsxRuntime.jsx(vaul.Drawer.Root,{"data-slot":"drawer",direction:"bottom",repositionInputs:false,...o}):jsxRuntime.jsx(i__namespace.Root,{"data-slot":"dialog",...o})})}function J({...t}){let{isMobile:o}=chunkULTFWLWO_cjs.b(),{isResponsive:a}=react.useContext(s);return o&&a?jsxRuntime.jsx(vaul.Drawer.Trigger,{"data-slot":"drawer-trigger",...t}):jsxRuntime.jsx(i__namespace.Trigger,{"data-slot":"dialog-trigger",...t})}function h({...t}){let{isMobile:o}=chunkULTFWLWO_cjs.b(),{isResponsive:a}=react.useContext(s);return o&&a?jsxRuntime.jsx(vaul.Drawer.Portal,{"data-slot":"drawer-portal",...t}):jsxRuntime.jsx(i__namespace.Portal,{"data-slot":"dialog-portal",...t})}function R({...t}){let{isMobile:o}=chunkULTFWLWO_cjs.b(),{isResponsive:a}=react.useContext(s);return o&&a?jsxRuntime.jsx(vaul.Drawer.Close,{"data-slot":"drawer-close",...t}):jsxRuntime.jsx(i__namespace.Close,{"data-slot":"dialog-close",...t})}var T=react.forwardRef(({className:t,...o},a)=>{let{isMobile:r}=chunkULTFWLWO_cjs.b(),{isResponsive:p}=react.useContext(s);return r&&p?jsxRuntime.jsx(vaul.Drawer.Overlay,{"data-slot":"drawer-overlay",className:chunkQRO22BPZ_cjs.a("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 z-modal-stacking-context fixed inset-0 bg-black/50",t),ref:a,...o}):jsxRuntime.jsx(i__namespace.Overlay,{"data-slot":"dialog-overlay",className:chunkQRO22BPZ_cjs.a("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 z-modal-stacking-context fixed inset-0 bg-black/50",t),ref:a,...o})}),Q=react.forwardRef(({className:t,children:o=null,overlayClassName:a,style:r,...p},D)=>{let{isMobile:M}=chunkNALIS6SG_cjs.a(),{isResponsive:N}=react.useContext(s),g=M&&N,[v,E]=react.useState(null),z=internal.useComposedRefs(D,E);chunkIUJL5ICA_cjs.d(v,g);let m=chunkGFZQIFBY_cjs.b(g);if(react.useEffect(()=>{if(!g||!m.keyboardOpen||!v)return;let f=document.activeElement;if(f instanceof HTMLElement&&v.contains(f))return chunkIUJL5ICA_cjs.c(f,v)},[g,v,m.keyboardOpen,m.bottom,m.height]),g){let f=m.keyboardOpen?{bottom:m.bottom,maxHeight:Math.round(m.height*L)}:void 0;return jsxRuntime.jsxs(h,{"data-slot":"drawer-portal",children:[jsxRuntime.jsx(T,{className:a}),jsxRuntime.jsx(vaul.Drawer.Content,{"data-slot":"drawer-content","data-keyboard-open":m.keyboardOpen?"":void 0,style:{transition:S,...f,...r},className:chunkQRO22BPZ_cjs.a("group/drawer-content bg-background z-modal-stacking-context fixed flex h-auto flex-col px-4","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[90dvh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[90dvh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-md","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm","max-w-dvw!",t),ref:z,...p,children:o})]})}return jsxRuntime.jsxs(h,{"data-slot":"dialog-portal",children:[jsxRuntime.jsx(T,{className:a}),jsxRuntime.jsx(i__namespace.Content,{"data-slot":"dialog-content",className:chunkQRO22BPZ_cjs.a("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 z-modal-stacking-context fixed top-[50%] left-[50%] grid w-[550px] max-w-[720px] min-w-[440px] translate-x-[-50%] translate-y-[-50%] rounded-lg border border-gray-300 p-6 shadow-sm duration-200",t),ref:D,style:r,...p,children:o})]})});function U({className:t,showCloseButton:o=true,...a}){let{isMobile:r}=chunkULTFWLWO_cjs.b(),{isResponsive:p}=react.useContext(s);return r&&p?jsxRuntime.jsxs("div",{"data-slot":"drawer-header",className:chunkQRO22BPZ_cjs.a("relative flex flex-col gap-0.5 pt-6 pb-4 text-left md:gap-1.5",t),...a,children:[o&&jsxRuntime.jsx(R,{asChild:true,children:jsxRuntime.jsxs(chunkIINNHABI_cjs.b,{className:"absolute top-5 right-0",size:"sm",variant:"ghost-icon",children:[jsxRuntime.jsx(lu.LuX,{}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close dialog"})]})}),a.children]}):jsxRuntime.jsxs("div",{"data-slot":"dialog-header",className:chunkQRO22BPZ_cjs.a("relative flex flex-col gap-2 pb-4",t),...a,children:[o&&jsxRuntime.jsx(R,{asChild:true,children:jsxRuntime.jsxs(chunkIINNHABI_cjs.b,{className:"absolute top-0 right-0",size:"sm",variant:"ghost-icon",children:[jsxRuntime.jsx(lu.LuX,{}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close dialog"})]})}),a.children]})}function Y({className:t,...o}){let{isMobile:a}=chunkULTFWLWO_cjs.b(),{isResponsive:r}=react.useContext(s);return a&&r?jsxRuntime.jsx("div",{"data-slot":"drawer-footer",className:chunkQRO22BPZ_cjs.a("mt-auto flex flex-col gap-2 py-4",t),...o}):jsxRuntime.jsx("div",{"data-slot":"dialog-footer",className:chunkQRO22BPZ_cjs.a("mt-2 flex gap-2 pt-3",t),...o})}function Z({className:t,...o}){let{isMobile:a}=chunkNALIS6SG_cjs.a(),{isResponsive:r}=react.useContext(s);return a&&r?jsxRuntime.jsx(vaul.Drawer.Title,{"data-slot":"drawer-title",className:chunkQRO22BPZ_cjs.a("font-display pr-6 text-3xl",t),...o}):jsxRuntime.jsx(i__namespace.Title,{"data-slot":"dialog-title",className:chunkQRO22BPZ_cjs.a("font-display pr-6 text-3xl leading-none tracking-[0.01rem]",t),...o})}function $({className:t,...o}){let{isMobile:a}=chunkULTFWLWO_cjs.b(),{isResponsive:r}=react.useContext(s);return a&&r?jsxRuntime.jsx(vaul.Drawer.Description,{"data-slot":"drawer-description",className:t,...o}):jsxRuntime.jsx(i__namespace.Description,{"data-slot":"dialog-description",className:chunkQRO22BPZ_cjs.a("text-muted-foreground text-sm",t),...o})}exports.a=q;exports.b=J;exports.c=h;exports.d=R;exports.e=T;exports.f=Q;exports.g=U;exports.h=Y;exports.i=Z;exports.j=$;//# sourceMappingURL=chunk-FTYKFS5H.cjs.map
+//# sourceMappingURL=chunk-FTYKFS5H.cjs.map

package/dist/chunk-FTYKFS5H.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/v2/dialog/dialog.tsx"],"names":["DialogContext","createContext","DRAWER_MAX_HEIGHT_RATIO","DRAWER_TRANSITION","Dialog","disableDrawerOnMobile","props","isMobile","useWindowSize_default","contextValue","useMemo","jsx","DrawerPrimitive","i","DialogTrigger","isResponsive","useContext","DialogPortal","DialogClose","DialogOverlay","forwardRef","className","ref","cn","DialogContent","children","overlayClassName","style","useIsMobile","isDrawer","contentEl","setContentEl","useState","setContentRef","useComposedRefs","useKeyboardFocusGuard","inset","useVisualViewportInset","useEffect","active","revealWhenSettled","keyboardStyle","jsxs","DialogHeader","showCloseButton","Button","LuX","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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","file":"chunk-FTYKFS5H.cjs","sourcesContent":["import {\n  type ComponentProps,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\nimport * as DialogPrimitive from 'radix-ui/dialog';\nimport { useComposedRefs } from 'radix-ui/internal';\nimport { LuX } from 'react-icons/lu';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '../button/button';\nimport {\n  revealWhenSettled,\n  useIsMobile,\n  useKeyboardFocusGuard,\n  useVisualViewportInset,\n  useWindowSize,\n} from '@/hooks';\n\nconst DialogContext = createContext({ isResponsive: true });\n\nconst DRAWER_MAX_HEIGHT_RATIO = 0.9;\n\nconst DRAWER_TRANSITION =\n  'transform 0.5s cubic-bezier(0.32, 0.72, 0, 1), bottom 0.2s ease-out, max-height 0.2s ease-out';\n\nfunction Dialog({\n  disableDrawerOnMobile = false,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Root> &\n  ComponentProps<typeof DrawerPrimitive.Root> & { disableDrawerOnMobile?: boolean }) {\n  const { isMobile } = useWindowSize();\n\n  const contextValue = useMemo(\n    () => ({ isResponsive: !disableDrawerOnMobile }),\n    [disableDrawerOnMobile],\n  );\n\n  return (\n    <DialogContext.Provider value={contextValue}>\n      {isMobile && !disableDrawerOnMobile ? (\n        <DrawerPrimitive.Root\n          data-slot=\"drawer\"\n          direction=\"bottom\"\n          repositionInputs={false}\n          {...props}\n        />\n      ) : (\n        <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n      )}\n    </DialogContext.Provider>\n  );\n}\n\nfunction DialogTrigger({\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Trigger> &\n  ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n  }\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Portal> & ComponentProps<typeof DrawerPrimitive.Portal>) {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n  }\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Close> & ComponentProps<typeof DrawerPrimitive.Close>) {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n  }\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nconst DialogOverlay = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof DialogPrimitive.Overlay> & ComponentProps<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return (\n      <DrawerPrimitive.Overlay\n        data-slot=\"drawer-overlay\"\n        className={cn(\n          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 z-modal-stacking-context fixed inset-0 bg-black/50',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 z-modal-stacking-context fixed inset-0 bg-black/50',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst DialogContent = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof DialogPrimitive.Content> &\n    ComponentProps<typeof DrawerPrimitive.Content> & {\n      onBackButtonClick?: () => void;\n      overlayClassName?: string | undefined;\n    }\n>(({ className, children = null, overlayClassName, style, ...props }, ref) => {\n  const { isMobile } = useIsMobile();\n  const { isResponsive } = useContext(DialogContext);\n  const isDrawer = isMobile && isResponsive;\n\n  // Keyboard handling for the mobile drawer, in three parts:\n  //  1. `useKeyboardFocusGuard` stops the browser panning the page when a field is focused, so\n  //     the only movement is the one we make.\n  //  2. `useVisualViewportInset` tells us the keyboard height; we pin the drawer's bottom edge to\n  //     it and cap the height to 90% of what's visible.\n  //  3. After each inset change we scroll the drawer's own scroll area so the focused field is\n  //     still in view.\n  const [contentEl, setContentEl] = useState<HTMLDivElement | null>(null);\n  const setContentRef = useComposedRefs(ref, setContentEl);\n  useKeyboardFocusGuard(contentEl, isDrawer);\n  const inset = useVisualViewportInset(isDrawer);\n\n  useEffect(() => {\n    if (!isDrawer || !inset.keyboardOpen || !contentEl) {\n      return undefined;\n    }\n    const active = document.activeElement;\n    if (active instanceof HTMLElement && contentEl.contains(active)) {\n      // The new max-height is still transitioning at this point, so reveal again once it settles.\n      return revealWhenSettled(active, contentEl);\n    }\n    return undefined;\n  }, [isDrawer, contentEl, inset.keyboardOpen, inset.bottom, inset.height]);\n\n  if (isDrawer) {\n    const keyboardStyle = inset.keyboardOpen\n      ? { bottom: inset.bottom, maxHeight: Math.round(inset.height * DRAWER_MAX_HEIGHT_RATIO) }\n      : undefined;\n    return (\n      <DialogPortal data-slot=\"drawer-portal\">\n        <DialogOverlay className={overlayClassName} />\n        <DrawerPrimitive.Content\n          data-slot=\"drawer-content\"\n          data-keyboard-open={inset.keyboardOpen ? '' : undefined}\n          style={{ transition: DRAWER_TRANSITION, ...keyboardStyle, ...style }}\n          className={cn(\n            'group/drawer-content bg-background z-modal-stacking-context fixed flex h-auto flex-col px-4',\n            'data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[90dvh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b',\n            'data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[90dvh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t',\n            'data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-md',\n            'data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm',\n            'max-w-dvw!',\n            className,\n          )}\n          ref={setContentRef}\n          {...props}\n        >\n          {children}\n        </DrawerPrimitive.Content>\n      </DialogPortal>\n    );\n  }\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay className={overlayClassName} />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 z-modal-stacking-context fixed top-[50%] left-[50%] grid w-[550px] max-w-[720px] min-w-[440px] translate-x-[-50%] translate-y-[-50%] rounded-lg border border-gray-300 p-6 shadow-sm duration-200',\n          className,\n        )}\n        ref={ref}\n        style={style}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n});\n\nfunction DialogHeader({\n  className,\n  showCloseButton = true,\n  ...props\n}: ComponentProps<'div'> & {\n  showCloseButton?: boolean;\n}) {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return (\n      <div\n        data-slot=\"drawer-header\"\n        className={cn('relative flex flex-col gap-0.5 pt-6 pb-4 text-left md:gap-1.5', className)}\n        {...props}\n      >\n        {showCloseButton && (\n          <DialogClose asChild>\n            <Button className=\"absolute top-5 right-0\" size=\"sm\" variant=\"ghost-icon\">\n              <LuX />\n              <span className=\"sr-only\">Close dialog</span>\n            </Button>\n          </DialogClose>\n        )}\n        {props.children}\n      </div>\n    );\n  }\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('relative flex flex-col gap-2 pb-4', className)}\n      {...props}\n    >\n      {showCloseButton && (\n        <DialogClose asChild>\n          <Button className=\"absolute top-0 right-0\" size=\"sm\" variant=\"ghost-icon\">\n            <LuX />\n            <span className=\"sr-only\">Close dialog</span>\n          </Button>\n        </DialogClose>\n      )}\n      {props.children}\n    </div>\n  );\n}\n\nfunction DialogFooter({ className, ...props }: ComponentProps<'div'>) {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return (\n      <div\n        data-slot=\"drawer-footer\"\n        className={cn('mt-auto flex flex-col gap-2 py-4', className)}\n        {...props}\n      />\n    );\n  }\n  return (\n    <div data-slot=\"dialog-footer\" className={cn('mt-2 flex gap-2 pt-3', className)} {...props} />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Title> & ComponentProps<typeof DrawerPrimitive.Title>) {\n  const { isMobile } = useIsMobile();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return (\n      <DrawerPrimitive.Title\n        data-slot=\"drawer-title\"\n        className={cn('font-display pr-6 text-3xl', className)}\n        {...props}\n      />\n    );\n  }\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('font-display pr-6 text-3xl leading-none tracking-[0.01rem]', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Description> &\n  ComponentProps<typeof DrawerPrimitive.Description>) {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return (\n      <DrawerPrimitive.Description\n        data-slot=\"drawer-description\"\n        className={className}\n        {...props}\n      />\n    );\n  }\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"]}

package/dist/{chunk-L6PIFK7A.js → chunk-G5G7LYK3.js}

@@ -1,2 +1,2 @@
-import {b as b$1,a as a$1}from'./chunk-RGT3EDAB.js';import {b,a,d,c}from'./chunk-KJ7WKKNI.js';import {useState,useMemo}from'react';import {jsxs,jsx}from'react/jsx-runtime';var h=({previewOnly:c$1=false,format:e,onAccept:d$1=void 0,...a$2})=>{let[s,l]=useState(false),k=a$2?.status==="error",t=["SSN"].some(y=>y===e),f=useMemo(()=>{switch(e){case "phone":return "(000) 000-0000";case "MBI":return "****-***-****";case "date":return "00/00/0000";case "email":return /^\S*@?\S*$/;case "SSN":return [{mask:s?"000-00-0000":"XXX-XX-XXXX",definitions:{X:{mask:"0",displayChar:"\u25CF"}},lazy:true,overwrite:"shift"}];case "SSN":return "00000";case "currency":return [{mask:"$num",lazy:false,blocks:{num:{mask:Number,scale:2,thousandsSeparator:",",padFractionalZeros:true,radix:".",mapToRadix:["."]}}}];default:return e}},[e,s]);return jsxs(b,{children:[jsx(a,{format:e,mask:f,unmask:true,onAccept:d$1,disabled:c$1,error:k,...a$2}),!t&&jsx(d,{children:a$2.suffix}),t&&jsx(c,{onClick:()=>l(!s),children:s?jsx(b$1,{}):jsx(a$1,{})})]})},C=h;export{C as a};//# sourceMappingURL=chunk-L6PIFK7A.js.map
-//# sourceMappingURL=chunk-L6PIFK7A.js.map
+import {b,a,d,c}from'./chunk-KJ7WKKNI.js';import {b as b$1,a as a$1}from'./chunk-RGT3EDAB.js';import {useState,useMemo}from'react';import {jsxs,jsx}from'react/jsx-runtime';var h=({previewOnly:c$1=false,format:e,onAccept:d$1=void 0,...a$2})=>{let[s,l]=useState(false),k=a$2?.status==="error",t=["SSN"].some(y=>y===e),f=useMemo(()=>{switch(e){case "phone":return "(000) 000-0000";case "MBI":return "****-***-****";case "date":return "00/00/0000";case "email":return /^\S*@?\S*$/;case "SSN":return [{mask:s?"000-00-0000":"XXX-XX-XXXX",definitions:{X:{mask:"0",displayChar:"\u25CF"}},lazy:true,overwrite:"shift"}];case "SSN":return "00000";case "currency":return [{mask:"$num",lazy:false,blocks:{num:{mask:Number,scale:2,thousandsSeparator:",",padFractionalZeros:true,radix:".",mapToRadix:["."]}}}];default:return e}},[e,s]);return jsxs(b,{children:[jsx(a,{format:e,mask:f,unmask:true,onAccept:d$1,disabled:c$1,error:k,...a$2}),!t&&jsx(d,{children:a$2.suffix}),t&&jsx(c,{onClick:()=>l(!s),children:s?jsx(b$1,{}):jsx(a$1,{})})]})},C=h;export{C as a};//# sourceMappingURL=chunk-G5G7LYK3.js.map
+//# sourceMappingURL=chunk-G5G7LYK3.js.map

package/dist/{chunk-L6PIFK7A.js.map → chunk-G5G7LYK3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Input/Mask/index.tsx"],"names":["Mask","previewOnly","format","onAccept","inputProps","showDigits","setShowDigits","useState","hasError","isHidden","maskName","mask","useMemo","jsxs","MaskWrap","jsx","StyledMaskedInput","SuffixContainer","RevealToggle","OpenEye","ClosedEye","Mask_default"],"mappings":"4KAaA,IAAMA,CAAAA,CAAO,CAAC,CAAE,WAAA,CAAAC,IAAc,KAAA,CAAO,MAAA,CAAAC,EAAQ,QAAA,CAAAC,GAAAA,CAAW,OAAW,GAAGC,GAAW,IAAiB,CAChG,GAAM,CAACC,CAAAA,CAAYC,CAAa,EAAIC,QAAAA,CAAS,KAAK,EAE5CC,CAAAA,CAAWJ,GAAAA,EAAY,SAAW,OAAA,CAElCK,CAAAA,CADmB,MAAe,CAAA,CACN,IAAA,CAAMC,GAAaA,CAAAA,GAAaR,CAAM,EAElES,CAAAA,CAAOC,OAAAA,CAAQ,IAAM,CACzB,OAAQV,GACN,KAAA,OAAA,CACE,OAAO,gBAAA,CACT,KAAA,KAAA,CACE,OAAO,eAAA,CACT,KAAA,MAAA,CACE,OAAO,YAAA,CACT,KAAA,OAAA,CACE,OAAO,YAAA,CACT,KAAA,KAAA,CACE,OAAO,CACL,CACE,KAAMG,CAAAA,CAAa,aAAA,CAAgB,cACnC,WAAA,CAAa,CACX,EAAG,CACD,IAAA,CAAM,IACN,WAAA,CAAa,QACf,CACF,CAAA,CACA,IAAA,CAAM,KACN,SAAA,CAAW,OACb,CACF,CAAA,CACF,KAAA,KAAA,CACE,OAAO,OAAA,CACT,KAAA,UAAA,CACE,OAAO,CACL,CACE,KAAM,MAAA,CACN,IAAA,CAAM,MACN,MAAA,CAAQ,CACN,IAAK,CACH,IAAA,CAAM,OACN,KAAA,CAAO,CAAA,CACP,mBAAoB,GAAA,CACpB,kBAAA,CAAoB,KACpB,KAAA,CAAO,GAAA,CACP,WAAY,CAAC,GAAG,CAClB,CACF,CACF,CACF,CAAA,CACF,QACE,OAAOH,CACX,CACF,EAAG,CAACA,CAAAA,CAAQG,CAAU,CAAC,CAAA,CACvB,OACEQ,IAAAA,CAACC,CAAAA,CAAA,CACC,QAAA,CAAA,CAAAC,GAAAA,CAACC,EAAA,CAEC,MAAA,CAAQd,EAER,IAAA,CAAMS,CAAAA,CACN,OAAM,IAAA,CACN,QAAA,CAAUR,IACV,QAAA,CAAUF,GAAAA,CACV,MAAOO,CAAAA,CACN,GAAGJ,IACN,CAAA,CACC,CAACK,GAAYM,GAAAA,CAACE,CAAAA,CAAA,CAAiB,QAAA,CAAAb,GAAAA,CAAW,OAAO,CAAA,CACjDK,CAAAA,EACCM,IAACG,CAAAA,CAAA,CAAa,QAAS,IAAMZ,CAAAA,CAAc,CAACD,CAAU,CAAA,CACnD,SAAAA,CAAAA,CAAaU,GAAAA,CAACI,IAAA,EAAQ,CAAA,CAAKJ,IAACK,GAAAA,CAAA,EAAU,EACzC,CAAA,CAAA,CAEJ,CAEJ,EACOC,CAAAA,CAAQrB","file":"chunk-L6PIFK7A.js","sourcesContent":["import { InputProps } from 'antd';\nimport { useMemo, useState } from 'react';\nimport { FormatType } from '../../Form/types';\nimport { SuffixContainer, MaskWrap, RevealToggle, StyledMaskedInput } from './style';\nimport { ClosedEye, OpenEye } from '../shared/icons';\n\ntype MaskProps = {\n  previewOnly?: boolean;\n  format: FormatType | string;\n  onAccept?: (value: string) => void;\n} & InputProps;\n\n/** @deprecated Use the Input component from @solace-health/ui/v2 instead. */\nconst Mask = ({ previewOnly = false, format, onAccept = undefined, ...inputProps }: MaskProps) => {\n  const [showDigits, setShowDigits] = useState(false);\n\n  const hasError = inputProps?.status === 'error';\n  const hiddenDigitMasks = [FormatType.SSN];\n  const isHidden = hiddenDigitMasks.some((maskName) => maskName === format);\n\n  const mask = useMemo(() => {\n    switch (format) {\n      case FormatType.Phone:\n        return '(000) 000-0000';\n      case FormatType.MBI:\n        return '****-***-****';\n      case FormatType.Date:\n        return '00/00/0000';\n      case FormatType.Email:\n        return /^\\S*@?\\S*$/;\n      case FormatType.SSN:\n        return [\n          {\n            mask: showDigits ? '000-00-0000' : 'XXX-XX-XXXX',\n            definitions: {\n              X: {\n                mask: '0',\n                displayChar: '●',\n              },\n            },\n            lazy: true,\n            overwrite: 'shift',\n          },\n        ];\n      case FormatType.Zip:\n        return '00000';\n      case FormatType.Currency:\n        return [\n          {\n            mask: '$num',\n            lazy: false,\n            blocks: {\n              num: {\n                mask: Number,\n                scale: 2,\n                thousandsSeparator: ',',\n                padFractionalZeros: true,\n                radix: '.',\n                mapToRadix: ['.'],\n              },\n            },\n          },\n        ];\n      default:\n        return format;\n    }\n  }, [format, showDigits]);\n  return (\n    <MaskWrap>\n      <StyledMaskedInput\n        // @ts-expect-error weird mask type error\n        format={format}\n        // @ts-expect-error weird mask type error\n        mask={mask}\n        unmask\n        onAccept={onAccept}\n        disabled={previewOnly}\n        error={hasError}\n        {...inputProps}\n      />\n      {!isHidden && <SuffixContainer>{inputProps.suffix}</SuffixContainer>}\n      {isHidden && (\n        <RevealToggle onClick={() => setShowDigits(!showDigits)}>\n          {showDigits ? <OpenEye /> : <ClosedEye />}\n        </RevealToggle>\n      )}\n    </MaskWrap>\n  );\n};\nexport default Mask;\n"]}
+{"version":3,"sources":["../src/Input/Mask/index.tsx"],"names":["Mask","previewOnly","format","onAccept","inputProps","showDigits","setShowDigits","useState","hasError","isHidden","maskName","mask","useMemo","jsxs","MaskWrap","jsx","StyledMaskedInput","SuffixContainer","RevealToggle","OpenEye","ClosedEye","Mask_default"],"mappings":"4KAaA,IAAMA,CAAAA,CAAO,CAAC,CAAE,WAAA,CAAAC,IAAc,KAAA,CAAO,MAAA,CAAAC,EAAQ,QAAA,CAAAC,GAAAA,CAAW,OAAW,GAAGC,GAAW,IAAiB,CAChG,GAAM,CAACC,CAAAA,CAAYC,CAAa,EAAIC,QAAAA,CAAS,KAAK,EAE5CC,CAAAA,CAAWJ,GAAAA,EAAY,SAAW,OAAA,CAElCK,CAAAA,CADmB,MAAe,CAAA,CACN,IAAA,CAAMC,GAAaA,CAAAA,GAAaR,CAAM,EAElES,CAAAA,CAAOC,OAAAA,CAAQ,IAAM,CACzB,OAAQV,GACN,KAAA,OAAA,CACE,OAAO,gBAAA,CACT,KAAA,KAAA,CACE,OAAO,eAAA,CACT,KAAA,MAAA,CACE,OAAO,YAAA,CACT,KAAA,OAAA,CACE,OAAO,YAAA,CACT,KAAA,KAAA,CACE,OAAO,CACL,CACE,KAAMG,CAAAA,CAAa,aAAA,CAAgB,cACnC,WAAA,CAAa,CACX,EAAG,CACD,IAAA,CAAM,IACN,WAAA,CAAa,QACf,CACF,CAAA,CACA,IAAA,CAAM,KACN,SAAA,CAAW,OACb,CACF,CAAA,CACF,KAAA,KAAA,CACE,OAAO,OAAA,CACT,KAAA,UAAA,CACE,OAAO,CACL,CACE,KAAM,MAAA,CACN,IAAA,CAAM,MACN,MAAA,CAAQ,CACN,IAAK,CACH,IAAA,CAAM,OACN,KAAA,CAAO,CAAA,CACP,mBAAoB,GAAA,CACpB,kBAAA,CAAoB,KACpB,KAAA,CAAO,GAAA,CACP,WAAY,CAAC,GAAG,CAClB,CACF,CACF,CACF,CAAA,CACF,QACE,OAAOH,CACX,CACF,EAAG,CAACA,CAAAA,CAAQG,CAAU,CAAC,CAAA,CACvB,OACEQ,IAAAA,CAACC,CAAAA,CAAA,CACC,QAAA,CAAA,CAAAC,GAAAA,CAACC,EAAA,CAEC,MAAA,CAAQd,EAER,IAAA,CAAMS,CAAAA,CACN,OAAM,IAAA,CACN,QAAA,CAAUR,IACV,QAAA,CAAUF,GAAAA,CACV,MAAOO,CAAAA,CACN,GAAGJ,IACN,CAAA,CACC,CAACK,GAAYM,GAAAA,CAACE,CAAAA,CAAA,CAAiB,QAAA,CAAAb,GAAAA,CAAW,OAAO,CAAA,CACjDK,CAAAA,EACCM,IAACG,CAAAA,CAAA,CAAa,QAAS,IAAMZ,CAAAA,CAAc,CAACD,CAAU,CAAA,CACnD,SAAAA,CAAAA,CAAaU,GAAAA,CAACI,IAAA,EAAQ,CAAA,CAAKJ,IAACK,GAAAA,CAAA,EAAU,EACzC,CAAA,CAAA,CAEJ,CAEJ,EACOC,CAAAA,CAAQrB","file":"chunk-G5G7LYK3.js","sourcesContent":["import { InputProps } from 'antd';\nimport { useMemo, useState } from 'react';\nimport { FormatType } from '../../Form/types';\nimport { SuffixContainer, MaskWrap, RevealToggle, StyledMaskedInput } from './style';\nimport { ClosedEye, OpenEye } from '../shared/icons';\n\ntype MaskProps = {\n  previewOnly?: boolean;\n  format: FormatType | string;\n  onAccept?: (value: string) => void;\n} & InputProps;\n\n/** @deprecated Use the Input component from @solace-health/ui/v2 instead. */\nconst Mask = ({ previewOnly = false, format, onAccept = undefined, ...inputProps }: MaskProps) => {\n  const [showDigits, setShowDigits] = useState(false);\n\n  const hasError = inputProps?.status === 'error';\n  const hiddenDigitMasks = [FormatType.SSN];\n  const isHidden = hiddenDigitMasks.some((maskName) => maskName === format);\n\n  const mask = useMemo(() => {\n    switch (format) {\n      case FormatType.Phone:\n        return '(000) 000-0000';\n      case FormatType.MBI:\n        return '****-***-****';\n      case FormatType.Date:\n        return '00/00/0000';\n      case FormatType.Email:\n        return /^\\S*@?\\S*$/;\n      case FormatType.SSN:\n        return [\n          {\n            mask: showDigits ? '000-00-0000' : 'XXX-XX-XXXX',\n            definitions: {\n              X: {\n                mask: '0',\n                displayChar: '●',\n              },\n            },\n            lazy: true,\n            overwrite: 'shift',\n          },\n        ];\n      case FormatType.Zip:\n        return '00000';\n      case FormatType.Currency:\n        return [\n          {\n            mask: '$num',\n            lazy: false,\n            blocks: {\n              num: {\n                mask: Number,\n                scale: 2,\n                thousandsSeparator: ',',\n                padFractionalZeros: true,\n                radix: '.',\n                mapToRadix: ['.'],\n              },\n            },\n          },\n        ];\n      default:\n        return format;\n    }\n  }, [format, showDigits]);\n  return (\n    <MaskWrap>\n      <StyledMaskedInput\n        // @ts-expect-error weird mask type error\n        format={format}\n        // @ts-expect-error weird mask type error\n        mask={mask}\n        unmask\n        onAccept={onAccept}\n        disabled={previewOnly}\n        error={hasError}\n        {...inputProps}\n      />\n      {!isHidden && <SuffixContainer>{inputProps.suffix}</SuffixContainer>}\n      {isHidden && (\n        <RevealToggle onClick={() => setShowDigits(!showDigits)}>\n          {showDigits ? <OpenEye /> : <ClosedEye />}\n        </RevealToggle>\n      )}\n    </MaskWrap>\n  );\n};\nexport default Mask;\n"]}

package/dist/chunk-GFZQIFBY.cjs

@@ -0,0 +1,2 @@
+'use strict';var react=require('react');var d=100,u=()=>{if(typeof window>"u")return {bottom:0,height:0,keyboardOpen:false};let e=window.visualViewport;if(!e)return {bottom:0,height:window.innerHeight,keyboardOpen:false};let t=window.innerHeight-e.height>d;return {bottom:t?Math.max(0,Math.round(window.innerHeight-(e.height+e.offsetTop))):0,height:Math.round(e.height),keyboardOpen:t}},h=(e,t)=>e.bottom===t.bottom&&e.height===t.height&&e.keyboardOpen===t.keyboardOpen,V=(e=true)=>{let[t,i]=react.useState(u);return react.useEffect(()=>{if(!e||typeof window>"u"||!window.visualViewport)return ()=>{};let o=window.visualViewport,n=()=>{i(r=>{let s=u();return h(r,s)?r:s});};return n(),o.addEventListener("resize",n),o.addEventListener("scroll",n),()=>{o.removeEventListener("resize",n),o.removeEventListener("scroll",n);}},[e]),t};exports.a=d;exports.b=V;//# sourceMappingURL=chunk-GFZQIFBY.cjs.map
+//# sourceMappingURL=chunk-GFZQIFBY.cjs.map

package/dist/chunk-GFZQIFBY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useVisualViewportInset.ts"],"names":["KEYBOARD_THRESHOLD","readInset","vv","keyboardOpen","isSameInset","a","b","useVisualViewportInset","enabled","inset","setInset","useState","useEffect","update","prev","next"],"mappings":"wCAQO,IAAMA,EAAqB,GAAA,CAE5BC,CAAAA,CAAY,IAA2B,CAC3C,GAAI,OAAO,MAAA,CAAW,IACpB,OAAO,CAAE,OAAQ,CAAA,CAAG,MAAA,CAAQ,CAAA,CAAG,YAAA,CAAc,KAAM,CAAA,CAErD,IAAMC,EAAK,MAAA,CAAO,cAAA,CAClB,GAAI,CAACA,CAAAA,CACH,OAAO,CAAE,MAAA,CAAQ,EAAG,MAAA,CAAQ,MAAA,CAAO,YAAa,YAAA,CAAc,KAAM,EAEtE,IAAMC,CAAAA,CAAe,MAAA,CAAO,WAAA,CAAcD,EAAG,MAAA,CAASF,CAAAA,CAItD,OAAO,CAAE,MAAA,CAHMG,EACX,IAAA,CAAK,GAAA,CAAI,CAAA,CAAG,IAAA,CAAK,MAAM,MAAA,CAAO,WAAA,EAAeD,EAAG,MAAA,CAASA,CAAAA,CAAG,UAAU,CAAC,CAAA,CACvE,CAAA,CACa,MAAA,CAAQ,KAAK,KAAA,CAAMA,CAAAA,CAAG,MAAM,CAAA,CAAG,YAAA,CAAAC,CAAa,CAC/D,CAAA,CAEMC,EAAc,CAACC,CAAAA,CAAwBC,IAC3CD,CAAAA,CAAE,MAAA,GAAWC,EAAE,MAAA,EAAUD,CAAAA,CAAE,SAAWC,CAAAA,CAAE,MAAA,EAAUD,CAAAA,CAAE,YAAA,GAAiBC,EAAE,YAAA,CAM5DC,CAAAA,CAAyB,CAACC,CAAAA,CAAU,IAAA,GAA8B,CAC7E,GAAM,CAACC,CAAAA,CAAOC,CAAQ,EAAIC,cAAAA,CAA8BV,CAAS,EAEjE,OAAAW,eAAAA,CAAU,IAAM,CACd,GAAI,CAACJ,CAAAA,EAAW,OAAO,MAAA,CAAW,GAAA,EAAe,CAAC,MAAA,CAAO,cAAA,CACvD,OAAO,IAAM,CAEb,EAEF,IAAMN,CAAAA,CAAK,OAAO,cAAA,CACZW,CAAAA,CAAS,IAAM,CACnBH,CAAAA,CAAUI,GAAS,CACjB,IAAMC,CAAAA,CAAOd,CAAAA,GACb,OAAOG,CAAAA,CAAYU,EAAMC,CAAI,CAAA,CAAID,EAAOC,CAC1C,CAAC,EACH,CAAA,CACA,OAAAF,GAAO,CACPX,CAAAA,CAAG,iBAAiB,QAAA,CAAUW,CAAM,EACpCX,CAAAA,CAAG,gBAAA,CAAiB,QAAA,CAAUW,CAAM,EAC7B,IAAM,CACXX,EAAG,mBAAA,CAAoB,QAAA,CAAUW,CAAM,CAAA,CACvCX,CAAAA,CAAG,oBAAoB,QAAA,CAAUW,CAAM,EACzC,CACF,CAAA,CAAG,CAACL,CAAO,CAAC,EAELC,CACT","file":"chunk-GFZQIFBY.cjs","sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type VisualViewportInset = {\n  bottom: number;\n  height: number;\n  keyboardOpen: boolean;\n};\n\nexport const KEYBOARD_THRESHOLD = 100;\n\nconst readInset = (): VisualViewportInset => {\n  if (typeof window === 'undefined') {\n    return { bottom: 0, height: 0, keyboardOpen: false };\n  }\n  const vv = window.visualViewport;\n  if (!vv) {\n    return { bottom: 0, height: window.innerHeight, keyboardOpen: false };\n  }\n  const keyboardOpen = window.innerHeight - vv.height > KEYBOARD_THRESHOLD;\n  const bottom = keyboardOpen\n    ? Math.max(0, Math.round(window.innerHeight - (vv.height + vv.offsetTop)))\n    : 0;\n  return { bottom, height: Math.round(vv.height), keyboardOpen };\n};\n\nconst isSameInset = (a: VisualViewportInset, b: VisualViewportInset) =>\n  a.bottom === b.bottom && a.height === b.height && a.keyboardOpen === b.keyboardOpen;\n\n/**\n * Tracks the mobile on-screen keyboard via `window.visualViewport` and reports the inset a\n * bottom-anchored, position-fixed element needs to stay above it.\n */\nexport const useVisualViewportInset = (enabled = true): VisualViewportInset => {\n  const [inset, setInset] = useState<VisualViewportInset>(readInset);\n\n  useEffect(() => {\n    if (!enabled || typeof window === 'undefined' || !window.visualViewport) {\n      return () => {\n        // Nothing to clean up.\n      };\n    }\n    const vv = window.visualViewport;\n    const update = () => {\n      setInset((prev) => {\n        const next = readInset();\n        return isSameInset(prev, next) ? prev : next;\n      });\n    };\n    update();\n    vv.addEventListener('resize', update);\n    vv.addEventListener('scroll', update);\n    return () => {\n      vv.removeEventListener('resize', update);\n      vv.removeEventListener('scroll', update);\n    };\n  }, [enabled]);\n\n  return inset;\n};\n"]}

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

@@ -1,4 +1,4 @@
-'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`
+'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`
   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(chunkRHSEUQ24_cjs.a.Body)`
+`,g=o__default.default(chunkQRFUIS7R_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(chunkRHSEUQ24_cjs.a.Body)`
+`,v=o__default.default(chunkQRFUIS7R_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-HEL72LHE.cjs.map
-//# sourceMappingURL=chunk-HEL72LHE.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-GGZGT2MN.cjs.map
+//# sourceMappingURL=chunk-GGZGT2MN.cjs.map

package/dist/{chunk-HEL72LHE.cjs.map → chunk-GGZGT2MN.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-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"]}
+{"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"]}

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

@@ -1,4 +1,4 @@
-import {a}from'./chunk-DMPPXMMA.js';import o from'@emotion/styled';import {animated}from'@react-spring/web';var p=o.div`
+import {a}from'./chunk-BLAVQ6BS.js';import o from'@emotion/styled';import {animated}from'@react-spring/web';var p=o.div`
   margin-bottom: 32px;
 `,s=o.div`
   display: ${e=>e.isColumns?"grid":"flex"};
@@ -250,5 +250,5 @@ import {a}from'./chunk-DMPPXMMA.js';import o from'@emotion/styled';import {anima
   display: flex;
   flex-flow: column;
   gap: var(--spacing-m, 1rem);
-`;export{p as a,s as b,c,f as d,g as e,x as f,b as g,n as h,m as i,h as j,u as k,v as l,y as m,w as n,E as o,k as p,C as q,$ as r,R as s,z as t,B as u};//# sourceMappingURL=chunk-GKNMP3SV.js.map
-//# sourceMappingURL=chunk-GKNMP3SV.js.map
+`;export{p as a,s as b,c,f as d,g as e,x as f,b as g,n as h,m as i,h as j,u as k,v as l,y as m,w as n,E as o,k as p,C as q,$ as r,R as s,z as t,B as u};//# sourceMappingURL=chunk-GMUMAQIU.js.map
+//# sourceMappingURL=chunk-GMUMAQIU.js.map

package/dist/{chunk-GKNMP3SV.js.map → chunk-GMUMAQIU.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":"4GAIO,IAAMA,EAAYC,CAAAA,CAAO,GAAA;AAAA;AAAA,CAAA,CAInBC,EAAeD,CAAAA,CAAO,GAAA;AAAA,WAAA,EAIrBE,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;AAAA;AAAA;AAAA,CAAA,CAS3CE,EAAUJ,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAajBK,EAAcL,CAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAA,EAarBE,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,SAAA,CAAY,SAAU,CAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA,gBAAA,EAsBhDA,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,SAAA,CAAY,MAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAA,EAKjDA,CAAAA,EAAWA,CAAAA,EAAO,QAAA,CAAW,SAAA,CAAY,SAAU,CAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EASrDA,CAAAA,EAAWA,CAAAA,EAAO,WAAA,CAAc,SAAA,CAAY,MAAO,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAkBzDI,CAAAA,CAAQN,CAAAA,CAAOO,CAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA,CAAA,CAK9BC,EAAcR,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAUrBS,EAAgBT,CAAAA,CAAO,GAAA;AAAA;AAAA,CAAA,CAIvBU,CAAAA,CAAmB,CAAC,CAC/B,QAAA,CAAAC,EACA,QAAA,CAAAC,CACF,CAAA,GAIMD,CAAAA,CAAiB,KAAA,CAEdC,CAAAA,CAAW,2BAAA,CAA8B,SAAA,CAGrCC,EAAuBb,CAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAS3B,CAAC,CAAE,QAAA,CAAAY,CAAS,CAAA,GAAOA,CAAAA,CAAW,UAAY,MAAO,CAAA;AAAA;AAAA;AAAA;;AAAA,oBAAA,EAK3C,CAAC,CAAE,QAAA,CAAAD,CAAAA,CAAU,SAAAC,CAAS,CAAA,GAAMF,CAAAA,CAAiB,CAAE,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAS,CAAC,CAAC,CAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA,YAAA,EAQ5E,CAAC,CAAE,QAAA,CAAAA,CAAS,IACpBA,CAAAA,CACI,CAAA;;AAAA,CAAA,CAAA,CAGA,0BAA0B,CAAA;AAAA;AAAA,EAAA,EAE/BV,CAAAA,EACDA,GAAO,QAAA,EACP;AAAA;AAAA;AAAA,EAAA,CAGD,CAAA;AAAA,CAAA,CAGUY,EAAcd,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAWrBe,EAAkBf,CAAAA,CAAO,KAAA;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,CAAA,CAgCzBgB,CAAAA,CAAiBhB,CAAAA,CAAOO,CAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAOvCU,EAAajB,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA,SAAA,EAGrBE,CAAAA,EAAWA,CAAAA,CAAM,QAAA,CAAW,2BAAA,CAA8B,MAAO,CAAA;AAAA,CAAA,CAGhEgB,EAAmBlB,CAAAA,CAAO,GAAA;AAAA;AAAA,SAAA,EAE3BE,CAAAA,EAAWA,CAAAA,CAAM,QAAA,CAAW,MAAA,CAAS,0BAA2B,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAQ/DiB,EAAuBnB,CAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,EAAA,EAatCoB,CAAAA,EACDA,EAAE,QAAA,EACF;AAAA;AAAA;AAAA;AAAA,IAAA,CAIC;AAAA,CAAA,CAGQC,EAAgBrB,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAOvBsB,CAAAA,CAAiBtB,CAAAA,CAAOuB,QAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAOpCC,EAAmBxB,CAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA,kBAAA,EAclBoB,CAAAA,EAAOA,CAAAA,CAAE,QAAA,CAAW,2BAAA,CAA8B,SAAU,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAmBpEK,EAAmBzB,CAAAA,CAAO,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAO1B0B,EAAyB1B,CAAAA,CAAO,IAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMhC2B,EAAyB3B,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA","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"]}
+{"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"]}

package/dist/{chunk-QTVAPJXT.js → chunk-GV2WQNLN.js}

@@ -1,4 +1,4 @@
-import {a as a$1}from'./chunk-DMPPXMMA.js';import t from'@emotion/styled';var i=t.div`
+import {a as a$1}from'./chunk-BLAVQ6BS.js';import t from'@emotion/styled';var i=t.div`
   position: relative;
   margin-bottom: 24px;
 
@@ -61,5 +61,5 @@ import {a as a$1}from'./chunk-DMPPXMMA.js';import t from'@emotion/styled';var i=
   padding: 12px 6px;
   height: 57px;
   border-bottom: 1px solid #000;
-`;export{i as a,n as b,a as c,l as d,d as e,x as f,s as g,f as h,g as i,y as j,b as k};//# sourceMappingURL=chunk-QTVAPJXT.js.map
-//# sourceMappingURL=chunk-QTVAPJXT.js.map
+`;export{i as a,n as b,a as c,l as d,d as e,x as f,s as g,f as h,g as i,y as j,b as k};//# sourceMappingURL=chunk-GV2WQNLN.js.map
+//# sourceMappingURL=chunk-GV2WQNLN.js.map

package/dist/{chunk-QTVAPJXT.js.map → chunk-GV2WQNLN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/Signature/styles.tsx"],"names":["Container","styled","previewOnly","Wrapper","WithDateSection","WithDateWrapper","SignatureWrap","DateWrap","SignatureLabel","Typography_default","UnstyledInput","theme","Boxedinput","props","Description","StyledDate"],"mappings":"0EAGO,IAAMA,CAAAA,CAAYC,CAAAA,CAAO,GAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,WAAA,EAOnB,CAAC,CAAE,WAAA,CAAAC,CAAY,CAAA,GAAOA,CAAAA,CAAc,UAAY,0BAA2B,CAAA;AAAA;AAAA,CAAA,CAI3EC,EAAUF,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA,iBAAA,EAGX,CAAC,CAAE,WAAA,CAAAC,CAAY,CAAA,GAC9BA,CAAAA,CAAc,uCAAyC,sCAAsC,CAAA;AAAA;AAAA;AAAA,CAAA,CAKpFE,EAAkBH,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMzBI,EAAkBJ,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMzBK,EAAgBL,CAAAA,CAAO,GAAA;AAAA;AAAA,CAAA,CAIvBM,EAAWN,CAAAA,CAAO,GAAA;AAAA;AAAA,CAAA,CAIlBO,CAAAA,CAAiBP,CAAAA,CAAOQ,GAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAOvCC,EAAgBT,CAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAOnB,CAAC,CAAE,KAAA,CAAAU,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA,eAAA,EAC7C,CAAC,CAAE,KAAA,CAAAA,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMjDC,EAAaX,CAAAA,CAAO,KAAA;AAAA;AAAA,gBAAA,EAKdY,CAAAA,EAAWA,CAAAA,CAAM,QAAA,CAAW,WAAA,CAAc,KAAM,CAAA;AAAA,iBAAA,EAC/CA,CAAAA,EAAWA,CAAAA,CAAM,QAAA,CAAW,GAAA,CAAM,MAAO,CAAA;AAAA,cAAA,EAC5CA,CAAAA,EAAWA,CAAAA,CAAM,QAAA,CAAW,aAAA,CAAgB,MAAO,CAAA;AAAA,gBAAA,EACjDA,CAAAA,EAAWA,CAAAA,CAAM,QAAA,CAAW,SAAA,CAAY,MAAO,CAAA;AAAA;AAAA,eAAA,EAEjD,CAAC,CAAE,KAAA,CAAAF,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA,eAAA,EAC7C,CAAC,CAAE,KAAA,CAAAA,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA;AAAA;AAAA,EAAA,EAGzDE,CAAAA,EAAUA,CAAAA,CAAM,QAAA,EAAY,iBAAiB,CAAA;AAAA,CAAA,CAGrCC,CAAAA,CAAcb,CAAAA,CAAOQ,GAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA,CAAA,CAKpCM,EAAad,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA","file":"chunk-QTVAPJXT.js","sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '../../Typography';\n\nexport const Container = styled.div<{ previewOnly?: boolean }>`\n  position: relative;\n  margin-bottom: 24px;\n\n  label p {\n    font-size: 14px;\n    line-height: 17px;\n    color: ${({ previewOnly }) => (previewOnly ? '#7F7F7F' : 'var(--grey-400, #555555)')};\n  }\n`;\n\nexport const Wrapper = styled.div<{ previewOnly?: boolean }>`\n  margin: 10px 0;\n  padding: 5px 0;\n  border-bottom: ${({ previewOnly }) =>\n    previewOnly ? '0.5px solid var(--grey-300, #7f7f7f)' : '0.5px solid var(--grey-400, #555555)'};\n  display: flex;\n  align-items: end;\n`;\n\nexport const WithDateSection = styled.div`\n  display: flex;\n  flex-flow: column;\n  gap: 24px;\n`;\n\nexport const WithDateWrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n`;\n\nexport const SignatureWrap = styled.div`\n  flex: 1 0 300px;\n`;\n\nexport const DateWrap = styled.div`\n  flex: 0 160px;\n`;\n\nexport const SignatureLabel = styled(Typography.Body)`\n  color: var(--grey-300, #7f7f7f);\n  font-size: 14px;\n  font-weight: 400;\n  margin-top: 6px;\n`;\n\nexport const UnstyledInput = styled.input`\n  outline: none;\n  border: none;\n  background: none;\n  position: absolute;\n  top: -3px;\n  padding: 0 0 0 30px;\n  font-family: ${({ theme }) => theme.typography.family.script};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-size: 24px;\n  font-style: normal;\n  width: 100%;\n`;\n\nexport const Boxedinput = styled.input<{\n  disabled: boolean;\n  hasError: boolean;\n}>`\n  border: 1px solid #000;\n  border-width: ${(props) => (props.disabled ? '0 0 1px 0' : '1px')};\n  border-radius: ${(props) => (props.disabled ? '0' : '10px')};\n  background: ${(props) => (props.disabled ? 'transparent' : '#fff')};\n  border-color: ${(props) => (props.hasError ? '#DA4D54' : '#000')};\n  outline: 0;\n  font-family: ${({ theme }) => theme.typography.family.script};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-size: 24px;\n  font-style: normal;\n  ${(props) => props.disabled && 'padding-left: 0'};\n`;\n\nexport const Description = styled(Typography.Body)`\n  font-size: 18px;\n  margin-bottom: 12px;\n`;\n\nexport const StyledDate = styled.div`\n  padding: 12px 6px;\n  height: 57px;\n  border-bottom: 1px solid #000;\n`;\n"]}
+{"version":3,"sources":["../src/Form/Signature/styles.tsx"],"names":["Container","styled","previewOnly","Wrapper","WithDateSection","WithDateWrapper","SignatureWrap","DateWrap","SignatureLabel","Typography_default","UnstyledInput","theme","Boxedinput","props","Description","StyledDate"],"mappings":"0EAGO,IAAMA,CAAAA,CAAYC,CAAAA,CAAO,GAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,WAAA,EAOnB,CAAC,CAAE,WAAA,CAAAC,CAAY,CAAA,GAAOA,CAAAA,CAAc,UAAY,0BAA2B,CAAA;AAAA;AAAA,CAAA,CAI3EC,EAAUF,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA,iBAAA,EAGX,CAAC,CAAE,WAAA,CAAAC,CAAY,CAAA,GAC9BA,CAAAA,CAAc,uCAAyC,sCAAsC,CAAA;AAAA;AAAA;AAAA,CAAA,CAKpFE,EAAkBH,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMzBI,EAAkBJ,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMzBK,EAAgBL,CAAAA,CAAO,GAAA;AAAA;AAAA,CAAA,CAIvBM,EAAWN,CAAAA,CAAO,GAAA;AAAA;AAAA,CAAA,CAIlBO,CAAAA,CAAiBP,CAAAA,CAAOQ,GAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAOvCC,EAAgBT,CAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAOnB,CAAC,CAAE,KAAA,CAAAU,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA,eAAA,EAC7C,CAAC,CAAE,KAAA,CAAAA,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMjDC,EAAaX,CAAAA,CAAO,KAAA;AAAA;AAAA,gBAAA,EAKdY,CAAAA,EAAWA,CAAAA,CAAM,QAAA,CAAW,WAAA,CAAc,KAAM,CAAA;AAAA,iBAAA,EAC/CA,CAAAA,EAAWA,CAAAA,CAAM,QAAA,CAAW,GAAA,CAAM,MAAO,CAAA;AAAA,cAAA,EAC5CA,CAAAA,EAAWA,CAAAA,CAAM,QAAA,CAAW,aAAA,CAAgB,MAAO,CAAA;AAAA,gBAAA,EACjDA,CAAAA,EAAWA,CAAAA,CAAM,QAAA,CAAW,SAAA,CAAY,MAAO,CAAA;AAAA;AAAA,eAAA,EAEjD,CAAC,CAAE,KAAA,CAAAF,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA,eAAA,EAC7C,CAAC,CAAE,KAAA,CAAAA,CAAM,IAAMA,CAAAA,CAAM,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA;AAAA;AAAA,EAAA,EAGzDE,CAAAA,EAAUA,CAAAA,CAAM,QAAA,EAAY,iBAAiB,CAAA;AAAA,CAAA,CAGrCC,CAAAA,CAAcb,CAAAA,CAAOQ,GAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA,CAAA,CAKpCM,EAAad,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA","file":"chunk-GV2WQNLN.js","sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '../../Typography';\n\nexport const Container = styled.div<{ previewOnly?: boolean }>`\n  position: relative;\n  margin-bottom: 24px;\n\n  label p {\n    font-size: 14px;\n    line-height: 17px;\n    color: ${({ previewOnly }) => (previewOnly ? '#7F7F7F' : 'var(--grey-400, #555555)')};\n  }\n`;\n\nexport const Wrapper = styled.div<{ previewOnly?: boolean }>`\n  margin: 10px 0;\n  padding: 5px 0;\n  border-bottom: ${({ previewOnly }) =>\n    previewOnly ? '0.5px solid var(--grey-300, #7f7f7f)' : '0.5px solid var(--grey-400, #555555)'};\n  display: flex;\n  align-items: end;\n`;\n\nexport const WithDateSection = styled.div`\n  display: flex;\n  flex-flow: column;\n  gap: 24px;\n`;\n\nexport const WithDateWrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n`;\n\nexport const SignatureWrap = styled.div`\n  flex: 1 0 300px;\n`;\n\nexport const DateWrap = styled.div`\n  flex: 0 160px;\n`;\n\nexport const SignatureLabel = styled(Typography.Body)`\n  color: var(--grey-300, #7f7f7f);\n  font-size: 14px;\n  font-weight: 400;\n  margin-top: 6px;\n`;\n\nexport const UnstyledInput = styled.input`\n  outline: none;\n  border: none;\n  background: none;\n  position: absolute;\n  top: -3px;\n  padding: 0 0 0 30px;\n  font-family: ${({ theme }) => theme.typography.family.script};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-size: 24px;\n  font-style: normal;\n  width: 100%;\n`;\n\nexport const Boxedinput = styled.input<{\n  disabled: boolean;\n  hasError: boolean;\n}>`\n  border: 1px solid #000;\n  border-width: ${(props) => (props.disabled ? '0 0 1px 0' : '1px')};\n  border-radius: ${(props) => (props.disabled ? '0' : '10px')};\n  background: ${(props) => (props.disabled ? 'transparent' : '#fff')};\n  border-color: ${(props) => (props.hasError ? '#DA4D54' : '#000')};\n  outline: 0;\n  font-family: ${({ theme }) => theme.typography.family.script};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-size: 24px;\n  font-style: normal;\n  ${(props) => props.disabled && 'padding-left: 0'};\n`;\n\nexport const Description = styled(Typography.Body)`\n  font-size: 18px;\n  margin-bottom: 12px;\n`;\n\nexport const StyledDate = styled.div`\n  padding: 12px 6px;\n  height: 57px;\n  border-bottom: 1px solid #000;\n`;\n"]}