@solace-health/ui 0.10.682 → 0.10.683

package/dist/{chunk-YU4AV3YH.js → chunk-QASYHQLM.js}

@@ -1,4 +1,4 @@
-import {a}from'./chunk-YVYP2VJD.js';import o from'@emotion/styled';import {animated}from'@react-spring/web';var p=o.div`
+import {a}from'./chunk-E2FC3CGK.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-YVYP2VJD.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-YU4AV3YH.js.map
-//# sourceMappingURL=chunk-YU4AV3YH.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-QASYHQLM.js.map
+//# sourceMappingURL=chunk-QASYHQLM.js.map

package/dist/{chunk-YU4AV3YH.js.map → chunk-QASYHQLM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/Radio/styles.tsx"],"names":["Container","styled","StyledRadios","props","inline","Wrapper","StyledRadio","Label","Typography_default","OtherOption","CardContainer","radioBorderColor","hasError","selected","StyledRadioContainer","RadioHeader","StyledCardRadio","CardRadioLabel","RadioTitle","RadioDescription","ButtonRadioContainer","p","IconContainer","CaretContainer","animated","ButtonRadioInput","ButtonRadioLabel","ButtonRadioDescription","StyledButtonRadioGroup"],"mappings":"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","file":"chunk-YU4AV3YH.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-QASYHQLM.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-532X67JI.js → chunk-QDC5QPOQ.js}

@@ -1,4 +1,4 @@
-import {b as b$1}from'./chunk-EW4KHPCV.js';import {a as a$1}from'./chunk-YVYP2VJD.js';import r from'@emotion/styled';import {animated}from'@react-spring/web';import {Input}from'antd';var {TextArea:a}=Input,b=r(animated.div)`
+import {b as b$1}from'./chunk-EW4KHPCV.js';import {a as a$1}from'./chunk-E2FC3CGK.js';import r from'@emotion/styled';import {animated}from'@react-spring/web';import {Input}from'antd';var {TextArea:a}=Input,b=r(animated.div)`
   position: absolute;
   display: block;
   width: 45px;
@@ -87,5 +87,5 @@ import {b as b$1}from'./chunk-EW4KHPCV.js';import {a as a$1}from'./chunk-YVYP2VJ
   }
 `,u=r(a$1.Body)`
   display: block;
-`;export{b as a,c as b,f as c,y as d,g as e,u as f};//# sourceMappingURL=chunk-532X67JI.js.map
-//# sourceMappingURL=chunk-532X67JI.js.map
+`;export{b as a,c as b,f as c,y as d,g as e,u as f};//# sourceMappingURL=chunk-QDC5QPOQ.js.map
+//# sourceMappingURL=chunk-QDC5QPOQ.js.map

package/dist/{chunk-532X67JI.js.map → chunk-QDC5QPOQ.js.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-532X67JI.js","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-QDC5QPOQ.js","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-TBZVHQ3Y.js → chunk-QLHKZWHA.js}

@@ -1,2 +1,2 @@
-import {b as b$1}from'./chunk-6ZOLJV4E.js';import {a}from'./chunk-YTIIAU4W.js';import {a as a$1}from'./chunk-CWXZFXQT.js';import {b}from'./chunk-6MYNQMQU.js';import {createContext,forwardRef,useContext,useMemo}from'react';import {Drawer}from'vaul';import*as i from'@radix-ui/react-dialog';import {LuX}from'react-icons/lu';import {jsx,jsxs}from'react/jsx-runtime';var s=createContext({isResponsive:true});function z({disableDrawerOnMobile:t=false,...e}){let{isMobile:a}=b(),r=useMemo(()=>({isResponsive:!t}),[t]);return jsx(s.Provider,{value:r,children:a&&!t?jsx(Drawer.Root,{"data-slot":"drawer",direction:"bottom",...e}):jsx(i.Root,{"data-slot":"dialog",...e})})}function B({...t}){let{isMobile:e}=b(),{isResponsive:a}=useContext(s);return e&&a?jsx(Drawer.Trigger,{"data-slot":"drawer-trigger",...t}):jsx(i.Trigger,{"data-slot":"dialog-trigger",...t})}function f({...t}){let{isMobile:e}=b(),{isResponsive:a}=useContext(s);return e&&a?jsx(Drawer.Portal,{"data-slot":"drawer-portal",...t}):jsx(i.Portal,{"data-slot":"dialog-portal",...t})}function P({...t}){let{isMobile:e}=b(),{isResponsive:a}=useContext(s);return e&&a?jsx(Drawer.Close,{"data-slot":"drawer-close",...t}):jsx(i.Close,{"data-slot":"dialog-close",...t})}var w=forwardRef(({className:t,...e},a$1)=>{let{isMobile:r}=b(),{isResponsive:c}=useContext(s);return r&&c?jsx(Drawer.Overlay,{"data-slot":"drawer-overlay",className: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$1,...e}):jsx(i.Overlay,{"data-slot":"dialog-overlay",className: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$1,...e})}),O=forwardRef(({className:t,children:e=null,overlayClassName:a$1,...r},c)=>{let{isMobile:C}=b(),{isResponsive:b$1}=useContext(s);return C&&b$1?jsxs(f,{"data-slot":"drawer-portal",children:[jsx(w,{className:a$1}),jsx(Drawer.Content,{"data-slot":"drawer-content",className: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-[80vh] 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-[80vh] 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:c,...r,children:e})]}):jsxs(f,{"data-slot":"dialog-portal",children:[jsx(w,{className:a$1}),jsx(i.Content,{"data-slot":"dialog-content",className: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-[calc(100%-2rem)] max-w-[34.4rem] translate-x-[-50%] translate-y-[-50%] rounded-lg border border-gray-300 p-6 shadow-sm duration-200",t),ref:c,...r,children:e})]})});function H({className:t,showCloseButton:e=true,...a$1}){let{isMobile:r}=b(),{isResponsive:c}=useContext(s);return r&&c?jsxs("div",{"data-slot":"drawer-header",className:a("relative flex flex-col gap-0.5 pt-6 pb-4 text-left md:gap-1.5",t),...a$1,children:[e&&jsx(P,{asChild:true,children:jsxs(b$1,{className:"absolute top-5 right-0",size:"sm",variant:"ghost-icon",children:[jsx(LuX,{}),jsx("span",{className:"sr-only",children:"Close dialog"})]})}),a$1.children]}):jsxs("div",{"data-slot":"dialog-header",className:a("relative flex flex-col gap-2 pb-4",t),...a$1,children:[e&&jsx(P,{asChild:true,children:jsxs(b$1,{className:"absolute top-0 right-0",size:"sm",variant:"ghost-icon",children:[jsx(LuX,{}),jsx("span",{className:"sr-only",children:"Close dialog"})]})}),a$1.children]})}function L({className:t,...e}){let{isMobile:a$1}=b(),{isResponsive:r}=useContext(s);return a$1&&r?jsx("div",{"data-slot":"drawer-footer",className:a("mt-auto flex flex-col gap-2 py-4",t),...e}):jsx("div",{"data-slot":"dialog-footer",className:a("mt-2 flex gap-2 pt-3",t),...e})}function E({className:t,...e}){let{isMobile:a$2}=a$1(),{isResponsive:r}=useContext(s);return a$2&&r?jsx(Drawer.Title,{"data-slot":"drawer-title",className:a("font-display pr-6 text-3xl",t),...e}):jsx(i.Title,{"data-slot":"dialog-title",className:a("font-display pr-6 text-3xl leading-none tracking-[0.01rem]",t),...e})}function F({className:t,...e}){let{isMobile:a$1}=b(),{isResponsive:r}=useContext(s);return a$1&&r?jsx(Drawer.Description,{"data-slot":"drawer-description",className:t,...e}):jsx(i.Description,{"data-slot":"dialog-description",className:a("text-muted-foreground text-sm",t),...e})}export{z as a,B as b,f as c,P as d,w as e,O as f,H as g,L as h,E as i,F as j};//# sourceMappingURL=chunk-TBZVHQ3Y.js.map
-//# sourceMappingURL=chunk-TBZVHQ3Y.js.map
+import {b as b$1}from'./chunk-6ZOLJV4E.js';import {a as a$1}from'./chunk-CWXZFXQT.js';import {b}from'./chunk-6MYNQMQU.js';import {a}from'./chunk-YTIIAU4W.js';import {createContext,forwardRef,useContext,useMemo}from'react';import {Drawer}from'vaul';import*as i from'@radix-ui/react-dialog';import {LuX}from'react-icons/lu';import {jsx,jsxs}from'react/jsx-runtime';var s=createContext({isResponsive:true});function z({disableDrawerOnMobile:t=false,...e}){let{isMobile:a}=b(),r=useMemo(()=>({isResponsive:!t}),[t]);return jsx(s.Provider,{value:r,children:a&&!t?jsx(Drawer.Root,{"data-slot":"drawer",direction:"bottom",...e}):jsx(i.Root,{"data-slot":"dialog",...e})})}function B({...t}){let{isMobile:e}=b(),{isResponsive:a}=useContext(s);return e&&a?jsx(Drawer.Trigger,{"data-slot":"drawer-trigger",...t}):jsx(i.Trigger,{"data-slot":"dialog-trigger",...t})}function f({...t}){let{isMobile:e}=b(),{isResponsive:a}=useContext(s);return e&&a?jsx(Drawer.Portal,{"data-slot":"drawer-portal",...t}):jsx(i.Portal,{"data-slot":"dialog-portal",...t})}function P({...t}){let{isMobile:e}=b(),{isResponsive:a}=useContext(s);return e&&a?jsx(Drawer.Close,{"data-slot":"drawer-close",...t}):jsx(i.Close,{"data-slot":"dialog-close",...t})}var w=forwardRef(({className:t,...e},a$1)=>{let{isMobile:r}=b(),{isResponsive:c}=useContext(s);return r&&c?jsx(Drawer.Overlay,{"data-slot":"drawer-overlay",className: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$1,...e}):jsx(i.Overlay,{"data-slot":"dialog-overlay",className: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$1,...e})}),O=forwardRef(({className:t,children:e=null,overlayClassName:a$1,...r},c)=>{let{isMobile:C}=b(),{isResponsive:b$1}=useContext(s);return C&&b$1?jsxs(f,{"data-slot":"drawer-portal",children:[jsx(w,{className:a$1}),jsx(Drawer.Content,{"data-slot":"drawer-content",className: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-[80vh] 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-[80vh] 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:c,...r,children:e})]}):jsxs(f,{"data-slot":"dialog-portal",children:[jsx(w,{className:a$1}),jsx(i.Content,{"data-slot":"dialog-content",className: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-[calc(100%-2rem)] max-w-[34.4rem] translate-x-[-50%] translate-y-[-50%] rounded-lg border border-gray-300 p-6 shadow-sm duration-200",t),ref:c,...r,children:e})]})});function H({className:t,showCloseButton:e=true,...a$1}){let{isMobile:r}=b(),{isResponsive:c}=useContext(s);return r&&c?jsxs("div",{"data-slot":"drawer-header",className:a("relative flex flex-col gap-0.5 pt-6 pb-4 text-left md:gap-1.5",t),...a$1,children:[e&&jsx(P,{asChild:true,children:jsxs(b$1,{className:"absolute top-5 right-0",size:"sm",variant:"ghost-icon",children:[jsx(LuX,{}),jsx("span",{className:"sr-only",children:"Close dialog"})]})}),a$1.children]}):jsxs("div",{"data-slot":"dialog-header",className:a("relative flex flex-col gap-2 pb-4",t),...a$1,children:[e&&jsx(P,{asChild:true,children:jsxs(b$1,{className:"absolute top-0 right-0",size:"sm",variant:"ghost-icon",children:[jsx(LuX,{}),jsx("span",{className:"sr-only",children:"Close dialog"})]})}),a$1.children]})}function L({className:t,...e}){let{isMobile:a$1}=b(),{isResponsive:r}=useContext(s);return a$1&&r?jsx("div",{"data-slot":"drawer-footer",className:a("mt-auto flex flex-col gap-2 py-4",t),...e}):jsx("div",{"data-slot":"dialog-footer",className:a("mt-2 flex gap-2 pt-3",t),...e})}function E({className:t,...e}){let{isMobile:a$2}=a$1(),{isResponsive:r}=useContext(s);return a$2&&r?jsx(Drawer.Title,{"data-slot":"drawer-title",className:a("font-display pr-6 text-3xl",t),...e}):jsx(i.Title,{"data-slot":"dialog-title",className:a("font-display pr-6 text-3xl leading-none tracking-[0.01rem]",t),...e})}function F({className:t,...e}){let{isMobile:a$1}=b(),{isResponsive:r}=useContext(s);return a$1&&r?jsx(Drawer.Description,{"data-slot":"drawer-description",className:t,...e}):jsx(i.Description,{"data-slot":"dialog-description",className:a("text-muted-foreground text-sm",t),...e})}export{z as a,B as b,f as c,P as d,w as e,O as f,H as g,L as h,E as i,F as j};//# sourceMappingURL=chunk-QLHKZWHA.js.map
+//# sourceMappingURL=chunk-QLHKZWHA.js.map

package/dist/{chunk-TBZVHQ3Y.js.map → chunk-QLHKZWHA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/dialog/dialog.tsx"],"names":["DialogContext","createContext","Dialog","disableDrawerOnMobile","props","isMobile","useWindowSize_default","contextValue","useMemo","jsx","DrawerPrimitive","DialogTrigger","isResponsive","useContext","DialogPortal","DialogClose","DialogOverlay","forwardRef","className","ref","cn","DialogContent","children","overlayClassName","jsxs","DialogHeader","showCloseButton","Button","LuX","DialogFooter","DialogTitle","useIsMobile","DialogDescription"],"mappings":"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","file":"chunk-TBZVHQ3Y.js","sourcesContent":["import { type ComponentProps, createContext, forwardRef, useContext, useMemo } from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { LuX } from 'react-icons/lu';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '../button/button';\nimport { useIsMobile, useWindowSize } from '@/hooks';\n\nconst DialogContext = createContext({ isResponsive: true });\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 data-slot=\"drawer\" direction=\"bottom\" {...props} />\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, ...props }, ref) => {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return (\n      <DialogPortal data-slot=\"drawer-portal\">\n        <DialogOverlay className={overlayClassName} />\n        <DrawerPrimitive.Content\n          data-slot=\"drawer-content\"\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-[80vh] 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-[80vh] 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={ref}\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-[calc(100%-2rem)] max-w-[34.4rem] 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        {...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"]}
+{"version":3,"sources":["../src/v2/dialog/dialog.tsx"],"names":["DialogContext","createContext","Dialog","disableDrawerOnMobile","props","isMobile","useWindowSize_default","contextValue","useMemo","jsx","DrawerPrimitive","DialogTrigger","isResponsive","useContext","DialogPortal","DialogClose","DialogOverlay","forwardRef","className","ref","cn","DialogContent","children","overlayClassName","jsxs","DialogHeader","showCloseButton","Button","LuX","DialogFooter","DialogTitle","useIsMobile","DialogDescription"],"mappings":"2WASA,IAAMA,CAAAA,CAAgBC,aAAAA,CAAc,CAAE,YAAA,CAAc,IAAK,CAAC,CAAA,CAE1D,SAASC,CAAAA,CAAO,CACd,sBAAAC,CAAAA,CAAwB,KAAA,CACxB,GAAGC,CACL,EACqF,CACnF,GAAM,CAAE,QAAA,CAAAC,CAAS,CAAA,CAAIC,CAAAA,EAAc,CAE7BC,CAAAA,CAAeC,QACnB,KAAO,CAAE,YAAA,CAAc,CAACL,CAAsB,CAAA,CAAA,CAC9C,CAACA,CAAqB,CACxB,EAEA,OACEM,GAAAA,CAACT,CAAAA,CAAc,QAAA,CAAd,CAAuB,KAAA,CAAOO,CAAAA,CAC5B,QAAA,CAAAF,CAAAA,EAAY,CAACF,CAAAA,CACZM,GAAAA,CAACC,OAAgB,IAAA,CAAhB,CAAqB,YAAU,QAAA,CAAS,SAAA,CAAU,QAAA,CAAU,GAAGN,EAAO,CAAA,CAEvEK,GAAAA,CAAiB,CAAA,CAAA,IAAA,CAAhB,CAAqB,YAAU,QAAA,CAAU,GAAGL,CAAAA,CAAO,CAAA,CAExD,CAEJ,CAEA,SAASO,CAAAA,CAAc,CACrB,GAAGP,CACL,CAAA,CACkD,CAChD,GAAM,CAAE,QAAA,CAAAC,CAAS,CAAA,CAAIC,CAAAA,GACf,CAAE,YAAA,CAAAM,CAAa,CAAA,CAAIC,WAAWb,CAAa,CAAA,CACjD,OAAIK,CAAAA,EAAYO,CAAAA,CACPH,IAACC,MAAAA,CAAgB,OAAA,CAAhB,CAAwB,WAAA,CAAU,iBAAkB,GAAGN,CAAAA,CAAO,CAAA,CAEjEK,GAAAA,CAAiB,UAAhB,CAAwB,WAAA,CAAU,gBAAA,CAAkB,GAAGL,EAAO,CACxE,CAEA,SAASU,CAAAA,CAAa,CACpB,GAAGV,CACL,CAAA,CAAkG,CAChG,GAAM,CAAE,QAAA,CAAAC,CAAS,CAAA,CAAIC,GAAc,CAC7B,CAAE,YAAA,CAAAM,CAAa,EAAIC,UAAAA,CAAWb,CAAa,EACjD,OAAIK,CAAAA,EAAYO,EACPH,GAAAA,CAACC,MAAAA,CAAgB,MAAA,CAAhB,CAAuB,YAAU,eAAA,CAAiB,GAAGN,CAAAA,CAAO,CAAA,CAE/DK,IAAiB,CAAA,CAAA,MAAA,CAAhB,CAAuB,WAAA,CAAU,eAAA,CAAiB,GAAGL,CAAAA,CAAO,CACtE,CAEA,SAASW,EAAY,CACnB,GAAGX,CACL,CAAA,CAAgG,CAC9F,GAAM,CAAE,QAAA,CAAAC,CAAS,EAAIC,CAAAA,EAAc,CAC7B,CAAE,YAAA,CAAAM,CAAa,CAAA,CAAIC,UAAAA,CAAWb,CAAa,CAAA,CACjD,OAAIK,GAAYO,CAAAA,CACPH,GAAAA,CAACC,MAAAA,CAAgB,KAAA,CAAhB,CAAsB,WAAA,CAAU,cAAA,CAAgB,GAAGN,CAAAA,CAAO,EAE7DK,GAAAA,CAAiB,CAAA,CAAA,KAAA,CAAhB,CAAsB,WAAA,CAAU,eAAgB,GAAGL,CAAAA,CAAO,CACpE,KAEMY,CAAAA,CAAgBC,UAAAA,CAGpB,CAAC,CAAE,UAAAC,CAAAA,CAAW,GAAGd,CAAM,CAAA,CAAGe,MAAQ,CAClC,GAAM,CAAE,QAAA,CAAAd,CAAS,CAAA,CAAIC,CAAAA,GACf,CAAE,YAAA,CAAAM,CAAa,CAAA,CAAIC,UAAAA,CAAWb,CAAa,CAAA,CACjD,OAAIK,CAAAA,EAAYO,CAAAA,CAEZH,GAAAA,CAACC,MAAAA,CAAgB,QAAhB,CACC,WAAA,CAAU,gBAAA,CACV,SAAA,CAAWU,EACT,4KAAA,CACAF,CACF,CAAA,CACA,GAAA,CAAKC,IACJ,GAAGf,CAAAA,CACN,CAAA,CAIFK,GAAAA,CAAiB,UAAhB,CACC,WAAA,CAAU,gBAAA,CACV,SAAA,CAAWW,EACT,4KAAA,CACAF,CACF,CAAA,CACA,GAAA,CAAKC,IACJ,GAAGf,CAAAA,CACN,CAEJ,CAAC,CAAA,CAEKiB,EAAgBJ,UAAAA,CAOpB,CAAC,CAAE,SAAA,CAAAC,EAAW,QAAA,CAAAI,CAAAA,CAAW,IAAA,CAAM,gBAAA,CAAAC,IAAkB,GAAGnB,CAAM,CAAA,CAAGe,CAAAA,GAAQ,CACrE,GAAM,CAAE,SAAAd,CAAS,CAAA,CAAIC,GAAc,CAC7B,CAAE,YAAA,CAAAM,GAAa,EAAIC,UAAAA,CAAWb,CAAa,CAAA,CACjD,OAAIK,GAAYO,GAAAA,CAEZY,IAAAA,CAACV,CAAAA,CAAA,CAAa,YAAU,eAAA,CACtB,QAAA,CAAA,CAAAL,IAACO,CAAAA,CAAA,CAAc,UAAWO,GAAAA,CAAkB,CAAA,CAC5Cd,GAAAA,CAACC,MAAAA,CAAgB,QAAhB,CACC,WAAA,CAAU,gBAAA,CACV,SAAA,CAAWU,EACT,6FAAA,CACA,gQAAA,CACA,qRAAA,CACA,6NAAA,CACA,wNACA,YAAA,CACAF,CACF,CAAA,CACA,GAAA,CAAKC,EACJ,GAAGf,CAAAA,CAEH,QAAA,CAAAkB,CAAAA,CACH,GACF,CAAA,CAIFE,IAAAA,CAACV,CAAAA,CAAA,CAAa,YAAU,eAAA,CACtB,QAAA,CAAA,CAAAL,GAAAA,CAACO,CAAAA,CAAA,CAAc,SAAA,CAAWO,GAAAA,CAAkB,EAC5Cd,GAAAA,CAAiB,CAAA,CAAA,OAAA,CAAhB,CACC,WAAA,CAAU,gBAAA,CACV,SAAA,CAAWW,CAAAA,CACT,qYACAF,CACF,CAAA,CACA,GAAA,CAAKC,CAAAA,CACJ,GAAGf,CAAAA,CAEH,QAAA,CAAAkB,CAAAA,CACH,CAAA,CAAA,CACF,CAEJ,CAAC,EAED,SAASG,CAAAA,CAAa,CACpB,SAAA,CAAAP,CAAAA,CACA,eAAA,CAAAQ,CAAAA,CAAkB,KAClB,GAAGtB,GACL,CAAA,CAEG,CACD,GAAM,CAAE,QAAA,CAAAC,CAAS,CAAA,CAAIC,GAAc,CAC7B,CAAE,aAAAM,CAAa,CAAA,CAAIC,WAAWb,CAAa,CAAA,CACjD,OAAIK,CAAAA,EAAYO,EAEZY,IAAAA,CAAC,KAAA,CAAA,CACC,WAAA,CAAU,eAAA,CACV,UAAWJ,CAAAA,CAAG,+DAAA,CAAiEF,CAAS,CAAA,CACvF,GAAGd,GAAAA,CAEH,QAAA,CAAA,CAAAsB,CAAAA,EACCjB,GAAAA,CAACM,EAAA,CAAY,OAAA,CAAO,IAAA,CAClB,QAAA,CAAAS,KAACG,GAAAA,CAAA,CAAO,SAAA,CAAU,wBAAA,CAAyB,KAAK,IAAA,CAAK,OAAA,CAAQ,YAAA,CAC3D,QAAA,CAAA,CAAAlB,IAACmB,GAAAA,CAAA,EAAI,EACLnB,GAAAA,CAAC,MAAA,CAAA,CAAK,UAAU,SAAA,CAAU,QAAA,CAAA,cAAA,CAAY,CAAA,CAAA,CACxC,CAAA,CACF,EAEDL,GAAAA,CAAM,QAAA,CAAA,CACT,CAAA,CAIFoB,IAAAA,CAAC,OACC,WAAA,CAAU,eAAA,CACV,SAAA,CAAWJ,CAAAA,CAAG,oCAAqCF,CAAS,CAAA,CAC3D,GAAGd,GAAAA,CAEH,QAAA,CAAA,CAAAsB,GACCjB,GAAAA,CAACM,CAAAA,CAAA,CAAY,OAAA,CAAO,KAClB,QAAA,CAAAS,IAAAA,CAACG,GAAAA,CAAA,CAAO,UAAU,wBAAA,CAAyB,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,aAC3D,QAAA,CAAA,CAAAlB,GAAAA,CAACmB,IAAA,EAAI,CAAA,CACLnB,IAAC,MAAA,CAAA,CAAK,SAAA,CAAU,SAAA,CAAU,QAAA,CAAA,cAAA,CAAY,GACxC,CAAA,CACF,CAAA,CAEDL,GAAAA,CAAM,QAAA,CAAA,CACT,CAEJ,CAEA,SAASyB,CAAAA,CAAa,CAAE,UAAAX,CAAAA,CAAW,GAAGd,CAAM,CAAA,CAA0B,CACpE,GAAM,CAAE,QAAA,CAAAC,GAAS,EAAIC,CAAAA,EAAc,CAC7B,CAAE,YAAA,CAAAM,CAAa,CAAA,CAAIC,UAAAA,CAAWb,CAAa,CAAA,CACjD,OAAIK,GAAAA,EAAYO,CAAAA,CAEZH,IAAC,KAAA,CAAA,CACC,WAAA,CAAU,gBACV,SAAA,CAAWW,CAAAA,CAAG,kCAAA,CAAoCF,CAAS,EAC1D,GAAGd,CAAAA,CACN,CAAA,CAIFK,GAAAA,CAAC,OAAI,WAAA,CAAU,eAAA,CAAgB,SAAA,CAAWW,CAAAA,CAAG,uBAAwBF,CAAS,CAAA,CAAI,GAAGd,CAAAA,CAAO,CAEhG,CAEA,SAAS0B,CAAAA,CAAY,CACnB,UAAAZ,CAAAA,CACA,GAAGd,CACL,CAAA,CAAgG,CAC9F,GAAM,CAAE,QAAA,CAAAC,GAAS,EAAI0B,GAAAA,EAAY,CAC3B,CAAE,YAAA,CAAAnB,CAAa,EAAIC,UAAAA,CAAWb,CAAa,CAAA,CACjD,OAAIK,KAAYO,CAAAA,CAEZH,GAAAA,CAACC,MAAAA,CAAgB,KAAA,CAAhB,CACC,WAAA,CAAU,cAAA,CACV,SAAA,CAAWU,CAAAA,CAAG,6BAA8BF,CAAS,CAAA,CACpD,GAAGd,CAAAA,CACN,EAIFK,GAAAA,CAAiB,CAAA,CAAA,KAAA,CAAhB,CACC,WAAA,CAAU,eACV,SAAA,CAAWW,CAAAA,CAAG,4DAAA,CAA8DF,CAAS,EACpF,GAAGd,CAAAA,CACN,CAEJ,CAEA,SAAS4B,CAAAA,CAAkB,CACzB,UAAAd,CAAAA,CACA,GAAGd,CACL,CAAA,CACsD,CACpD,GAAM,CAAE,SAAAC,GAAS,CAAA,CAAIC,CAAAA,EAAc,CAC7B,CAAE,YAAA,CAAAM,CAAa,CAAA,CAAIC,UAAAA,CAAWb,CAAa,CAAA,CACjD,OAAIK,KAAYO,CAAAA,CAEZH,GAAAA,CAACC,OAAgB,WAAA,CAAhB,CACC,WAAA,CAAU,oBAAA,CACV,UAAWQ,CAAAA,CACV,GAAGd,CAAAA,CACN,CAAA,CAIFK,IAAiB,CAAA,CAAA,WAAA,CAAhB,CACC,WAAA,CAAU,oBAAA,CACV,UAAWW,CAAAA,CAAG,+BAAA,CAAiCF,CAAS,CAAA,CACvD,GAAGd,EACN,CAEJ","file":"chunk-QLHKZWHA.js","sourcesContent":["import { type ComponentProps, createContext, forwardRef, useContext, useMemo } from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { LuX } from 'react-icons/lu';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '../button/button';\nimport { useIsMobile, useWindowSize } from '@/hooks';\n\nconst DialogContext = createContext({ isResponsive: true });\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 data-slot=\"drawer\" direction=\"bottom\" {...props} />\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, ...props }, ref) => {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return (\n      <DialogPortal data-slot=\"drawer-portal\">\n        <DialogOverlay className={overlayClassName} />\n        <DrawerPrimitive.Content\n          data-slot=\"drawer-content\"\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-[80vh] 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-[80vh] 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={ref}\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-[calc(100%-2rem)] max-w-[34.4rem] 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        {...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-6PH6EIR7.js → chunk-RTLLYGLI.js}

@@ -1,2 +1,2 @@
-import {a,c,b}from'./chunk-FSHM3QP4.js';import {jsx}from'react/jsx-runtime';var B=({icon:i,iconPosition:p="start",label:a$1,isSelected:t,typographyProps:s=void 0,...u})=>jsx(a,{"aria-pressed":t,icon:jsx(b,{justify:"center",align:"center",children:i}),iconPosition:p,isSelected:t,...u,children:jsx(c,{isSelected:t,...s,children:a$1})});export{B as a};//# sourceMappingURL=chunk-6PH6EIR7.js.map
-//# sourceMappingURL=chunk-6PH6EIR7.js.map
+import {a,c,b}from'./chunk-DRKZDCKS.js';import {jsx}from'react/jsx-runtime';var B=({icon:i,iconPosition:p="start",label:a$1,isSelected:t,typographyProps:s=void 0,...u})=>jsx(a,{"aria-pressed":t,icon:jsx(b,{justify:"center",align:"center",children:i}),iconPosition:p,isSelected:t,...u,children:jsx(c,{isSelected:t,...s,children:a$1})});export{B as a};//# sourceMappingURL=chunk-RTLLYGLI.js.map
+//# sourceMappingURL=chunk-RTLLYGLI.js.map

package/dist/{chunk-6PH6EIR7.js.map → chunk-RTLLYGLI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Molecules/ButtonWithIcon/index.tsx"],"names":["ButtonWithIcon","icon","iconPosition","label","isSelected","typographyProps","buttonProps","jsx","ButtonWrapper","IconContainer","ButtonText"],"mappings":"4EAcO,IAAMA,CAAAA,CAAiB,CAAC,CAC7B,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CAAe,OAAA,CACf,KAAA,CAAAC,IACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CAAkB,MAAA,CAClB,GAAGC,CACL,CAAA,GAEIC,GAAAA,CAACC,CAAAA,CAAA,CACC,cAAA,CAAcJ,CAAAA,CACd,KACEG,GAAAA,CAACE,CAAAA,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,GAAAA,CAACG,CAAAA,CAAA,CAAW,UAAA,CAAYN,CAAAA,CAAa,GAAGC,CAAAA,CACrC,QAAA,CAAAF,GAAAA,CACH,CAAA,CACF","file":"chunk-6PH6EIR7.js","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":"4EAcO,IAAMA,CAAAA,CAAiB,CAAC,CAC7B,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CAAe,OAAA,CACf,KAAA,CAAAC,IACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CAAkB,MAAA,CAClB,GAAGC,CACL,CAAA,GAEIC,GAAAA,CAACC,CAAAA,CAAA,CACC,cAAA,CAAcJ,CAAAA,CACd,KACEG,GAAAA,CAACE,CAAAA,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,GAAAA,CAACG,CAAAA,CAAA,CAAW,UAAA,CAAYN,CAAAA,CAAa,GAAGC,CAAAA,CACrC,QAAA,CAAAF,GAAAA,CACH,CAAA,CACF","file":"chunk-RTLLYGLI.js","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-S5MT7IL3.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkNUIIMBV7_cjs=require('./chunk-NUIIMBV7.cjs'),chunkEOPHXSAH_cjs=require('./chunk-EOPHXSAH.cjs'),chunk2SD5VE4C_cjs=require('./chunk-2SD5VE4C.cjs'),jsxRuntime=require('react/jsx-runtime');var C=({label:c,children:s,frequency:r=null,styles:o={},className:b=""})=>jsxRuntime.jsxs(chunkEOPHXSAH_cjs.a,{vertical:true,style:{width:"100%",...o.container||{}},className:b,children:[jsxRuntime.jsxs(chunkNUIIMBV7_cjs.b,{style:o.label||{},children:[jsxRuntime.jsx(chunkNUIIMBV7_cjs.c,{bold:true,children:c}),r&&jsxRuntime.jsx(chunkNUIIMBV7_cjs.d,{color:"#3F937C",children:jsxRuntime.jsx(chunk2SD5VE4C_cjs.a.Body,{bold:true,color:"white",children:r})})]}),jsxRuntime.jsx(chunkNUIIMBV7_cjs.a,{style:o.body||{},children:s})]});exports.a=C;//# sourceMappingURL=chunk-S5MT7IL3.cjs.map
+//# sourceMappingURL=chunk-S5MT7IL3.cjs.map

package/dist/{chunk-IWIYGWAU.cjs.map → chunk-S5MT7IL3.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/InfoContainer/index.tsx"],"names":["InfoContainer","label","children","frequency","styles","className","jsxs","Flex_default","Label","jsx","LabelText","Indicator","Typography_default","Container"],"mappings":"+MAkBO,IAAMA,EAAgB,CAAC,CAC5B,MAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,SAAA,CAAAC,CAAAA,CAAY,KACZ,MAAA,CAAAC,CAAAA,CAAS,EAAC,CACV,SAAA,CAAAC,CAAAA,CAAY,EACd,IACEC,eAAAA,CAACC,mBAAAA,CAAA,CAAK,QAAA,CAAQ,IAAA,CAAC,MAAO,CAAE,KAAA,CAAO,OAAQ,GAAIH,CAAAA,CAAO,WAAa,EAAI,EAAG,SAAA,CAAWC,CAAAA,CAC/E,UAAAC,eAAAA,CAAGE,mBAAAA,CAAF,CAAQ,KAAA,CAAOJ,EAAO,KAAA,EAAS,GAC9B,QAAA,CAAA,CAAAK,cAAAA,CAAGC,oBAAF,CAAY,IAAA,CAAI,KAAE,QAAA,CAAAT,CAAAA,CAAM,EACxBE,CAAAA,EACCM,cAAAA,CAAGE,oBAAF,CAAY,KAAA,CAAM,UACjB,QAAA,CAAAF,cAAAA,CAACG,oBAAW,IAAA,CAAX,CAAgB,KAAI,IAAA,CAAC,KAAA,CAAM,QACzB,QAAA,CAAAT,CAAAA,CACH,EACF,CAAA,CAAA,CAEJ,CAAA,CACAM,eAAGI,mBAAAA,CAAF,CAAY,MAAOT,CAAAA,CAAO,IAAA,EAAQ,EAAC,CAAI,QAAA,CAAAF,EAAS,CAAA,CAAA,CACnD","file":"chunk-IWIYGWAU.cjs","sourcesContent":["import { CSSProperties } from 'react';\nimport Flex from '../Flex';\nimport Typography from '../Typography';\nimport * as S from './style';\n\ntype Props = {\n  label: React.ReactNode;\n  children: React.ReactNode;\n  frequency?: number | null;\n  styles?: {\n    container?: CSSProperties;\n    label?: CSSProperties;\n    body?: CSSProperties;\n  };\n  className?: string;\n};\n\n/** @deprecated Use tailwind styles instead. */\nexport const InfoContainer = ({\n  label,\n  children,\n  frequency = null,\n  styles = {},\n  className = '',\n}: Props) => (\n  <Flex vertical style={{ width: '100%', ...(styles.container || {}) }} className={className}>\n    <S.Label style={styles.label || {}}>\n      <S.LabelText bold>{label}</S.LabelText>\n      {frequency && (\n        <S.Indicator color=\"#3F937C\">\n          <Typography.Body bold color=\"white\">\n            {frequency}\n          </Typography.Body>\n        </S.Indicator>\n      )}\n    </S.Label>\n    <S.Container style={styles.body || {}}>{children}</S.Container>\n  </Flex>\n);\n"]}
+{"version":3,"sources":["../src/InfoContainer/index.tsx"],"names":["InfoContainer","label","children","frequency","styles","className","jsxs","Flex_default","Label","jsx","LabelText","Indicator","Typography_default","Container"],"mappings":"+MAkBO,IAAMA,EAAgB,CAAC,CAC5B,MAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,SAAA,CAAAC,CAAAA,CAAY,KACZ,MAAA,CAAAC,CAAAA,CAAS,EAAC,CACV,SAAA,CAAAC,CAAAA,CAAY,EACd,IACEC,eAAAA,CAACC,mBAAAA,CAAA,CAAK,QAAA,CAAQ,IAAA,CAAC,MAAO,CAAE,KAAA,CAAO,OAAQ,GAAIH,CAAAA,CAAO,WAAa,EAAI,EAAG,SAAA,CAAWC,CAAAA,CAC/E,UAAAC,eAAAA,CAAGE,mBAAAA,CAAF,CAAQ,KAAA,CAAOJ,EAAO,KAAA,EAAS,GAC9B,QAAA,CAAA,CAAAK,cAAAA,CAAGC,oBAAF,CAAY,IAAA,CAAI,KAAE,QAAA,CAAAT,CAAAA,CAAM,EACxBE,CAAAA,EACCM,cAAAA,CAAGE,oBAAF,CAAY,KAAA,CAAM,UACjB,QAAA,CAAAF,cAAAA,CAACG,oBAAW,IAAA,CAAX,CAAgB,KAAI,IAAA,CAAC,KAAA,CAAM,QACzB,QAAA,CAAAT,CAAAA,CACH,EACF,CAAA,CAAA,CAEJ,CAAA,CACAM,eAAGI,mBAAAA,CAAF,CAAY,MAAOT,CAAAA,CAAO,IAAA,EAAQ,EAAC,CAAI,QAAA,CAAAF,EAAS,CAAA,CAAA,CACnD","file":"chunk-S5MT7IL3.cjs","sourcesContent":["import { CSSProperties } from 'react';\nimport Flex from '../Flex';\nimport Typography from '../Typography';\nimport * as S from './style';\n\ntype Props = {\n  label: React.ReactNode;\n  children: React.ReactNode;\n  frequency?: number | null;\n  styles?: {\n    container?: CSSProperties;\n    label?: CSSProperties;\n    body?: CSSProperties;\n  };\n  className?: string;\n};\n\n/** @deprecated Use tailwind styles instead. */\nexport const InfoContainer = ({\n  label,\n  children,\n  frequency = null,\n  styles = {},\n  className = '',\n}: Props) => (\n  <Flex vertical style={{ width: '100%', ...(styles.container || {}) }} className={className}>\n    <S.Label style={styles.label || {}}>\n      <S.LabelText bold>{label}</S.LabelText>\n      {frequency && (\n        <S.Indicator color=\"#3F937C\">\n          <Typography.Body bold color=\"white\">\n            {frequency}\n          </Typography.Body>\n        </S.Indicator>\n      )}\n    </S.Label>\n    <S.Container style={styles.body || {}}>{children}</S.Container>\n  </Flex>\n);\n"]}

package/dist/{chunk-BM5PIB6W.cjs → chunk-S6Y3MXA4.cjs}

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

package/dist/{chunk-BM5PIB6W.cjs.map → chunk-S6Y3MXA4.cjs.map}

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

package/dist/{chunk-PBWJLXMX.cjs → chunk-SE7LXSBP.cjs}

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

package/dist/{chunk-PBWJLXMX.cjs.map → chunk-SE7LXSBP.cjs.map}

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

package/dist/{chunk-GGYC2NHL.cjs → chunk-SS7XU6DP.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunk4JAIMZSZ_cjs=require('./chunk-4JAIMZSZ.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),chunkNALIS6SG_cjs=require('./chunk-NALIS6SG.cjs'),chunkULTFWLWO_cjs=require('./chunk-ULTFWLWO.cjs'),react=require('react'),vaul=require('vaul'),i=require('@radix-ui/react-dialog'),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});function z({disableDrawerOnMobile:t=false,...e}){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",...e}):jsxRuntime.jsx(i__namespace.Root,{"data-slot":"dialog",...e})})}function B({...t}){let{isMobile:e}=chunkULTFWLWO_cjs.b(),{isResponsive:a}=react.useContext(s);return e&&a?jsxRuntime.jsx(vaul.Drawer.Trigger,{"data-slot":"drawer-trigger",...t}):jsxRuntime.jsx(i__namespace.Trigger,{"data-slot":"dialog-trigger",...t})}function f({...t}){let{isMobile:e}=chunkULTFWLWO_cjs.b(),{isResponsive:a}=react.useContext(s);return e&&a?jsxRuntime.jsx(vaul.Drawer.Portal,{"data-slot":"drawer-portal",...t}):jsxRuntime.jsx(i__namespace.Portal,{"data-slot":"dialog-portal",...t})}function P({...t}){let{isMobile:e}=chunkULTFWLWO_cjs.b(),{isResponsive:a}=react.useContext(s);return e&&a?jsxRuntime.jsx(vaul.Drawer.Close,{"data-slot":"drawer-close",...t}):jsxRuntime.jsx(i__namespace.Close,{"data-slot":"dialog-close",...t})}var w=react.forwardRef(({className:t,...e},a)=>{let{isMobile:r}=chunkULTFWLWO_cjs.b(),{isResponsive:c}=react.useContext(s);return r&&c?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,...e}):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,...e})}),O=react.forwardRef(({className:t,children:e=null,overlayClassName:a,...r},c)=>{let{isMobile:C}=chunkULTFWLWO_cjs.b(),{isResponsive:b}=react.useContext(s);return C&&b?jsxRuntime.jsxs(f,{"data-slot":"drawer-portal",children:[jsxRuntime.jsx(w,{className:a}),jsxRuntime.jsx(vaul.Drawer.Content,{"data-slot":"drawer-content",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-[80vh] 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-[80vh] 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:c,...r,children:e})]}):jsxRuntime.jsxs(f,{"data-slot":"dialog-portal",children:[jsxRuntime.jsx(w,{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-[calc(100%-2rem)] max-w-[34.4rem] translate-x-[-50%] translate-y-[-50%] rounded-lg border border-gray-300 p-6 shadow-sm duration-200",t),ref:c,...r,children:e})]})});function H({className:t,showCloseButton:e=true,...a}){let{isMobile:r}=chunkULTFWLWO_cjs.b(),{isResponsive:c}=react.useContext(s);return r&&c?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:[e&&jsxRuntime.jsx(P,{asChild:true,children:jsxRuntime.jsxs(chunk4JAIMZSZ_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:[e&&jsxRuntime.jsx(P,{asChild:true,children:jsxRuntime.jsxs(chunk4JAIMZSZ_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 L({className:t,...e}){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),...e}):jsxRuntime.jsx("div",{"data-slot":"dialog-footer",className:chunkQRO22BPZ_cjs.a("mt-2 flex gap-2 pt-3",t),...e})}function E({className:t,...e}){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),...e}):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),...e})}function F({className:t,...e}){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,...e}):jsxRuntime.jsx(i__namespace.Description,{"data-slot":"dialog-description",className:chunkQRO22BPZ_cjs.a("text-muted-foreground text-sm",t),...e})}exports.a=z;exports.b=B;exports.c=f;exports.d=P;exports.e=w;exports.f=O;exports.g=H;exports.h=L;exports.i=E;exports.j=F;//# sourceMappingURL=chunk-GGYC2NHL.cjs.map
-//# sourceMappingURL=chunk-GGYC2NHL.cjs.map
+'use strict';var chunk4JAIMZSZ_cjs=require('./chunk-4JAIMZSZ.cjs'),chunkNALIS6SG_cjs=require('./chunk-NALIS6SG.cjs'),chunkULTFWLWO_cjs=require('./chunk-ULTFWLWO.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),react=require('react'),vaul=require('vaul'),i=require('@radix-ui/react-dialog'),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});function z({disableDrawerOnMobile:t=false,...e}){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",...e}):jsxRuntime.jsx(i__namespace.Root,{"data-slot":"dialog",...e})})}function B({...t}){let{isMobile:e}=chunkULTFWLWO_cjs.b(),{isResponsive:a}=react.useContext(s);return e&&a?jsxRuntime.jsx(vaul.Drawer.Trigger,{"data-slot":"drawer-trigger",...t}):jsxRuntime.jsx(i__namespace.Trigger,{"data-slot":"dialog-trigger",...t})}function f({...t}){let{isMobile:e}=chunkULTFWLWO_cjs.b(),{isResponsive:a}=react.useContext(s);return e&&a?jsxRuntime.jsx(vaul.Drawer.Portal,{"data-slot":"drawer-portal",...t}):jsxRuntime.jsx(i__namespace.Portal,{"data-slot":"dialog-portal",...t})}function P({...t}){let{isMobile:e}=chunkULTFWLWO_cjs.b(),{isResponsive:a}=react.useContext(s);return e&&a?jsxRuntime.jsx(vaul.Drawer.Close,{"data-slot":"drawer-close",...t}):jsxRuntime.jsx(i__namespace.Close,{"data-slot":"dialog-close",...t})}var w=react.forwardRef(({className:t,...e},a)=>{let{isMobile:r}=chunkULTFWLWO_cjs.b(),{isResponsive:c}=react.useContext(s);return r&&c?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,...e}):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,...e})}),O=react.forwardRef(({className:t,children:e=null,overlayClassName:a,...r},c)=>{let{isMobile:C}=chunkULTFWLWO_cjs.b(),{isResponsive:b}=react.useContext(s);return C&&b?jsxRuntime.jsxs(f,{"data-slot":"drawer-portal",children:[jsxRuntime.jsx(w,{className:a}),jsxRuntime.jsx(vaul.Drawer.Content,{"data-slot":"drawer-content",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-[80vh] 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-[80vh] 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:c,...r,children:e})]}):jsxRuntime.jsxs(f,{"data-slot":"dialog-portal",children:[jsxRuntime.jsx(w,{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-[calc(100%-2rem)] max-w-[34.4rem] translate-x-[-50%] translate-y-[-50%] rounded-lg border border-gray-300 p-6 shadow-sm duration-200",t),ref:c,...r,children:e})]})});function H({className:t,showCloseButton:e=true,...a}){let{isMobile:r}=chunkULTFWLWO_cjs.b(),{isResponsive:c}=react.useContext(s);return r&&c?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:[e&&jsxRuntime.jsx(P,{asChild:true,children:jsxRuntime.jsxs(chunk4JAIMZSZ_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:[e&&jsxRuntime.jsx(P,{asChild:true,children:jsxRuntime.jsxs(chunk4JAIMZSZ_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 L({className:t,...e}){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),...e}):jsxRuntime.jsx("div",{"data-slot":"dialog-footer",className:chunkQRO22BPZ_cjs.a("mt-2 flex gap-2 pt-3",t),...e})}function E({className:t,...e}){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),...e}):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),...e})}function F({className:t,...e}){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,...e}):jsxRuntime.jsx(i__namespace.Description,{"data-slot":"dialog-description",className:chunkQRO22BPZ_cjs.a("text-muted-foreground text-sm",t),...e})}exports.a=z;exports.b=B;exports.c=f;exports.d=P;exports.e=w;exports.f=O;exports.g=H;exports.h=L;exports.i=E;exports.j=F;//# sourceMappingURL=chunk-SS7XU6DP.cjs.map
+//# sourceMappingURL=chunk-SS7XU6DP.cjs.map

package/dist/{chunk-GGYC2NHL.cjs.map → chunk-SS7XU6DP.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/dialog/dialog.tsx"],"names":["DialogContext","createContext","Dialog","disableDrawerOnMobile","props","isMobile","useWindowSize_default","contextValue","useMemo","jsx","DrawerPrimitive","i","DialogTrigger","isResponsive","useContext","DialogPortal","DialogClose","DialogOverlay","forwardRef","className","ref","cn","DialogContent","children","overlayClassName","jsxs","DialogHeader","showCloseButton","Button","LuX","DialogFooter","DialogTitle","useIsMobile","DialogDescription"],"mappings":"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","file":"chunk-GGYC2NHL.cjs","sourcesContent":["import { type ComponentProps, createContext, forwardRef, useContext, useMemo } from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { LuX } from 'react-icons/lu';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '../button/button';\nimport { useIsMobile, useWindowSize } from '@/hooks';\n\nconst DialogContext = createContext({ isResponsive: true });\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 data-slot=\"drawer\" direction=\"bottom\" {...props} />\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, ...props }, ref) => {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return (\n      <DialogPortal data-slot=\"drawer-portal\">\n        <DialogOverlay className={overlayClassName} />\n        <DrawerPrimitive.Content\n          data-slot=\"drawer-content\"\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-[80vh] 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-[80vh] 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={ref}\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-[calc(100%-2rem)] max-w-[34.4rem] 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        {...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"]}
+{"version":3,"sources":["../src/v2/dialog/dialog.tsx"],"names":["DialogContext","createContext","Dialog","disableDrawerOnMobile","props","isMobile","useWindowSize_default","contextValue","useMemo","jsx","DrawerPrimitive","i","DialogTrigger","isResponsive","useContext","DialogPortal","DialogClose","DialogOverlay","forwardRef","className","ref","cn","DialogContent","children","overlayClassName","jsxs","DialogHeader","showCloseButton","Button","LuX","DialogFooter","DialogTitle","useIsMobile","DialogDescription"],"mappings":"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","file":"chunk-SS7XU6DP.cjs","sourcesContent":["import { type ComponentProps, createContext, forwardRef, useContext, useMemo } from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { LuX } from 'react-icons/lu';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '../button/button';\nimport { useIsMobile, useWindowSize } from '@/hooks';\n\nconst DialogContext = createContext({ isResponsive: true });\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 data-slot=\"drawer\" direction=\"bottom\" {...props} />\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, ...props }, ref) => {\n  const { isMobile } = useWindowSize();\n  const { isResponsive } = useContext(DialogContext);\n  if (isMobile && isResponsive) {\n    return (\n      <DialogPortal data-slot=\"drawer-portal\">\n        <DialogOverlay className={overlayClassName} />\n        <DrawerPrimitive.Content\n          data-slot=\"drawer-content\"\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-[80vh] 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-[80vh] 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={ref}\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-[calc(100%-2rem)] max-w-[34.4rem] 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        {...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-HFY4SYVJ.js → chunk-TDTATFY2.js}

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

package/dist/{chunk-HFY4SYVJ.js.map → chunk-TDTATFY2.js.map}

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

package/dist/{chunk-FWTM4IIL.js → chunk-TL5XVXUQ.js}

@@ -1,4 +1,4 @@
-import {f}from'./chunk-S2IU53RU.js';import {a}from'./chunk-YVYP2VJD.js';import {c}from'./chunk-7QZQXRMR.js';import r from'@emotion/styled';import {Radio}from'antd';var s=r(Radio)`
+import {f}from'./chunk-S2IU53RU.js';import {a}from'./chunk-E2FC3CGK.js';import {c}from'./chunk-7QZQXRMR.js';import r from'@emotion/styled';import {Radio}from'antd';var s=r(Radio)`
   width: 100%;
   height: 100%;
   z-index: 2;
@@ -51,5 +51,5 @@ import {f}from'./chunk-S2IU53RU.js';import {a}from'./chunk-YVYP2VJD.js';import {
   && {
     text-align: left;
   }
-`;export{s as a,x as b,b as c,g as d,m as e};//# sourceMappingURL=chunk-FWTM4IIL.js.map
-//# sourceMappingURL=chunk-FWTM4IIL.js.map
+`;export{s as a,x as b,b as c,g as d,m as e};//# sourceMappingURL=chunk-TL5XVXUQ.js.map
+//# sourceMappingURL=chunk-TL5XVXUQ.js.map

package/dist/{chunk-FWTM4IIL.js.map → chunk-TL5XVXUQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Radio/style.tsx"],"names":["RadioInput","styled","Radio","RadioButton","Button_default","Breakpoint","selected","RadioGroup","Icon","p","Title","Typography_default"],"mappings":"oKAMO,IAAMA,CAAAA,CAAaC,CAAAA,CAAOC,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAQzBC,CAAAA,CAAcF,CAAAA,CAAOG,CAAAA,CAAO,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA,SAAA,EAkBrCC,EAAW,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,EAAA,EAMxB,CAAC,CAAE,QAAA,CAAAC,CAAS,IACZA,CAAAA,EACA;AAAA;AAAA;AAAA,IAAA,CAGC,CAAA;AAAA,CAAA,CAGQC,CAAAA,CAAaN,CAAAA,CAAOC,KAAAA,CAAM,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAM/BM,EAAOP,CAAAA,CAAO,GAAA;AAAA,WAAA,EACbQ,CAAAA,EAAOA,CAAAA,CAAE,QAAA,CAAW,CAAA,CAAI,CAAE,CAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAO3BC,CAAAA,CAAQT,CAAAA,CAAOU,CAAAA,CAAW,IAAI,CAAA;AAAA;AAAA,aAAA,EAE3BF,CAAAA,EAAOA,CAAAA,CAAE,KAAA,CAAQ,SAAA,CAAY,UAAW,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA","file":"chunk-FWTM4IIL.js","sourcesContent":["import styled from '@emotion/styled';\nimport { Radio } from 'antd';\nimport Button from '../Button';\nimport Typography from '../Typography';\nimport { Breakpoint } from '../theme';\n\nexport const RadioInput = styled(Radio)`\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  position: absolute;\n  opacity: 0;\n`;\n\nexport const RadioButton = styled(Button.Outline)<{ selected: boolean }>`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: auto;\n  padding: var(--Spacing-lg, 1rem) var(--Spacing-xl, 1.5rem);\n\n  border-radius: var(--Radius-Large, 1rem);\n  border: 1px solid var(--border-color-light, #d9d9d9);\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  background-color: var(--surface-primary, #fff);\n\n  transition-property: border-color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 0.15s;\n\n  @media ${Breakpoint.Medium} {\n    &:hover {\n      border-color: var(--border-color-dark-green, #285e50);\n    }\n  }\n\n  ${({ selected }) =>\n    selected &&\n    `\n    border-color: var(--border-color-dark-green, #285E50);\n    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10);\n    `};\n`;\n\nexport const RadioGroup = styled(Radio.Group)`\n  display: flex;\n  flex-flow: column;\n  gap: 1rem;\n`;\n\nexport const Icon = styled.div<{ selected: boolean }>`\n  opacity: ${(p) => (p.selected ? 1 : 0)};\n\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 0.15s;\n`;\n\nexport const Title = styled(Typography.Body)<{ large: boolean }>`\n  font-weight: 700;\n  font-size: ${(p) => (p.large ? '1.25rem' : '1.125rem')};\n  line-height: 130%;\n  text-wrap: pretty;\n\n  && {\n    text-align: left;\n  }\n`;\n"]}
+{"version":3,"sources":["../src/Radio/style.tsx"],"names":["RadioInput","styled","Radio","RadioButton","Button_default","Breakpoint","selected","RadioGroup","Icon","p","Title","Typography_default"],"mappings":"oKAMO,IAAMA,CAAAA,CAAaC,CAAAA,CAAOC,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAQzBC,CAAAA,CAAcF,CAAAA,CAAOG,CAAAA,CAAO,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA,SAAA,EAkBrCC,EAAW,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,EAAA,EAMxB,CAAC,CAAE,QAAA,CAAAC,CAAS,IACZA,CAAAA,EACA;AAAA;AAAA;AAAA,IAAA,CAGC,CAAA;AAAA,CAAA,CAGQC,CAAAA,CAAaN,CAAAA,CAAOC,KAAAA,CAAM,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAM/BM,EAAOP,CAAAA,CAAO,GAAA;AAAA,WAAA,EACbQ,CAAAA,EAAOA,CAAAA,CAAE,QAAA,CAAW,CAAA,CAAI,CAAE,CAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAO3BC,CAAAA,CAAQT,CAAAA,CAAOU,CAAAA,CAAW,IAAI,CAAA;AAAA;AAAA,aAAA,EAE3BF,CAAAA,EAAOA,CAAAA,CAAE,KAAA,CAAQ,SAAA,CAAY,UAAW,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA","file":"chunk-TL5XVXUQ.js","sourcesContent":["import styled from '@emotion/styled';\nimport { Radio } from 'antd';\nimport Button from '../Button';\nimport Typography from '../Typography';\nimport { Breakpoint } from '../theme';\n\nexport const RadioInput = styled(Radio)`\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  position: absolute;\n  opacity: 0;\n`;\n\nexport const RadioButton = styled(Button.Outline)<{ selected: boolean }>`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: auto;\n  padding: var(--Spacing-lg, 1rem) var(--Spacing-xl, 1.5rem);\n\n  border-radius: var(--Radius-Large, 1rem);\n  border: 1px solid var(--border-color-light, #d9d9d9);\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  background-color: var(--surface-primary, #fff);\n\n  transition-property: border-color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 0.15s;\n\n  @media ${Breakpoint.Medium} {\n    &:hover {\n      border-color: var(--border-color-dark-green, #285e50);\n    }\n  }\n\n  ${({ selected }) =>\n    selected &&\n    `\n    border-color: var(--border-color-dark-green, #285E50);\n    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10);\n    `};\n`;\n\nexport const RadioGroup = styled(Radio.Group)`\n  display: flex;\n  flex-flow: column;\n  gap: 1rem;\n`;\n\nexport const Icon = styled.div<{ selected: boolean }>`\n  opacity: ${(p) => (p.selected ? 1 : 0)};\n\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 0.15s;\n`;\n\nexport const Title = styled(Typography.Body)<{ large: boolean }>`\n  font-weight: 700;\n  font-size: ${(p) => (p.large ? '1.25rem' : '1.125rem')};\n  line-height: 130%;\n  text-wrap: pretty;\n\n  && {\n    text-align: left;\n  }\n`;\n"]}

package/dist/{chunk-UMNVIB5F.js → chunk-TP3L65F4.js}

@@ -1,2 +1,2 @@
-import {a}from'./chunk-N6CDLFD7.js';import {f,h}from'./chunk-PCQIT2LN.js';import {a as a$1}from'./chunk-YTIIAU4W.js';import {LuCheck}from'react-icons/lu';import {jsx,jsxs}from'react/jsx-runtime';var S=({options:o,selected:l,toggleOption:i,onSearch:c,uniqueId:p})=>{let d=a({selected:l,options:o});return jsx(f,{className:"h-full overflow-auto",children:jsx("div",{className:"flex flex-col gap-1",children:(c?d:o).map(e=>{let s=l.some(t=>t.value===e.value);return jsxs(h,{value:e.value,keywords:typeof e.label=="string"?[e.label]:void 0,disabled:e.disable,onMouseDown:t=>{t.preventDefault(),t.stopPropagation();},onSelect:()=>i(e),className:a$1("flex cursor-pointer items-center justify-between p-3 data-[selected=true]:bg-green-200 hover:data-[selected=true]:bg-green-200",e.disable&&"text-muted-foreground cursor-default",s&&"bg-green-100"),children:[e.label,s&&jsx(LuCheck,{className:"h-4 w-4 text-green-800"})]},e.value)})})},`${p}-command-group`)};export{S as a};//# sourceMappingURL=chunk-UMNVIB5F.js.map
-//# sourceMappingURL=chunk-UMNVIB5F.js.map
+import {a}from'./chunk-N6CDLFD7.js';import {f,h}from'./chunk-NUYCR4PO.js';import {a as a$1}from'./chunk-YTIIAU4W.js';import {LuCheck}from'react-icons/lu';import {jsx,jsxs}from'react/jsx-runtime';var S=({options:o,selected:l,toggleOption:i,onSearch:c,uniqueId:p})=>{let d=a({selected:l,options:o});return jsx(f,{className:"h-full overflow-auto",children:jsx("div",{className:"flex flex-col gap-1",children:(c?d:o).map(e=>{let s=l.some(t=>t.value===e.value);return jsxs(h,{value:e.value,keywords:typeof e.label=="string"?[e.label]:void 0,disabled:e.disable,onMouseDown:t=>{t.preventDefault(),t.stopPropagation();},onSelect:()=>i(e),className:a$1("flex cursor-pointer items-center justify-between p-3 data-[selected=true]:bg-green-200 hover:data-[selected=true]:bg-green-200",e.disable&&"text-muted-foreground cursor-default",s&&"bg-green-100"),children:[e.label,s&&jsx(LuCheck,{className:"h-4 w-4 text-green-800"})]},e.value)})})},`${p}-command-group`)};export{S as a};//# sourceMappingURL=chunk-TP3L65F4.js.map
+//# sourceMappingURL=chunk-TP3L65F4.js.map

package/dist/{chunk-UMNVIB5F.js.map → chunk-TP3L65F4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/multiselect/components/MultiSelectCommandGroup.tsx"],"names":["MultiSelectCommandGroup","options","selected","toggleOption","onSearch","uniqueId","mergedOptions","useMergeOptions","jsx","CommandGroup","option","optionSelected","s","jsxs","CommandItem","e","cn","LuCheck"],"mappings":"mMAeO,IAAMA,CAAAA,CAA0B,CAAC,CACtC,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,GAAa,CACX,IAAMC,CAAAA,CAAgBC,CAAAA,CAAgB,CAAE,QAAA,CAAAL,CAAAA,CAAU,OAAA,CAAAD,CAAQ,CAAC,CAAA,CAG3D,OACEO,GAAAA,CAACC,CAAAA,CAAA,CAA+C,SAAA,CAAU,sBAAA,CACxD,QAAA,CAAAD,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,qBAAA,CACZ,QAAA,CAAA,CALgBJ,CAAAA,CAAWE,CAAAA,CAAgBL,CAAAA,EAK5B,GAAA,CAAKS,CAAAA,EAAmB,CACtC,IAAMC,CAAAA,CAAiBT,CAAAA,CAAS,IAAA,CAAMU,CAAAA,EAAMA,CAAAA,CAAE,KAAA,GAAUF,EAAO,KAAK,CAAA,CACpE,OACEG,IAAAA,CAACC,CAAAA,CAAA,CAEC,KAAA,CAAOJ,CAAAA,CAAO,KAAA,CACd,QAAA,CAAU,OAAOA,CAAAA,CAAO,KAAA,EAAU,QAAA,CAAW,CAACA,CAAAA,CAAO,KAAK,CAAA,CAAI,MAAA,CAC9D,QAAA,CAAUA,CAAAA,CAAO,OAAA,CACjB,WAAA,CAAcK,CAAAA,EAAM,CAClBA,CAAAA,CAAE,cAAA,EAAe,CACjBA,CAAAA,CAAE,eAAA,GACJ,CAAA,CACA,QAAA,CAAU,IAAMZ,CAAAA,CAAaO,CAAM,CAAA,CACnC,SAAA,CAAWM,GAAAA,CAGT,gIAAA,CACAN,CAAAA,CAAO,OAAA,EAAW,sCAAA,CAClBC,CAAAA,EAAkB,cACpB,CAAA,CAEC,QAAA,CAAA,CAAAD,CAAAA,CAAO,KAAA,CACPC,CAAAA,EAAkBH,GAAAA,CAACS,OAAAA,CAAA,CAAQ,SAAA,CAAU,wBAAA,CAAyB,CAAA,CAAA,CAAA,CAlB1DP,CAAAA,CAAO,KAmBd,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,CA5BiB,CAAA,EAAGL,CAAQ,gBA6B9B,CAEJ","file":"chunk-UMNVIB5F.js","sourcesContent":["import { LuCheck } from 'react-icons/lu';\n\nimport { CommandGroup, CommandItem } from '@/v2/command/command';\nimport { cn } from '@/lib/utils';\nimport { MultiSelectProps, Option } from '../types';\nimport { UseMultiSelectReturn } from '../hooks/useMultiSelect';\nimport { UseInteractionsReturn } from '../hooks/useInteractions';\nimport { useMergeOptions } from '../hooks/useMergeOptions';\n\ntype Props = Pick<MultiSelectProps, 'onSearch'> &\n  Pick<UseMultiSelectReturn, 'selected' | 'uniqueId'> &\n  Pick<UseInteractionsReturn, 'toggleOption'> & {\n    options: Option[];\n  };\n\nexport const MultiSelectCommandGroup = ({\n  options,\n  selected,\n  toggleOption,\n  onSearch,\n  uniqueId,\n}: Props) => {\n  const mergedOptions = useMergeOptions({ selected, options });\n  const displayOptions = onSearch ? mergedOptions : options;\n\n  return (\n    <CommandGroup key={`${uniqueId}-command-group`} className=\"h-full overflow-auto\">\n      <div className=\"flex flex-col gap-1\">\n        {displayOptions.map((option: Option) => {\n          const optionSelected = selected.some((s) => s.value === option.value);\n          return (\n            <CommandItem\n              key={option.value}\n              value={option.value}\n              keywords={typeof option.label === 'string' ? [option.label] : undefined}\n              disabled={option.disable}\n              onMouseDown={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n              onSelect={() => toggleOption(option)}\n              className={cn(\n                // data-[selected=true] means when the user navigates onto an option with the keyboard\n                // optionSelected means the user has actually toggled on the option\n                'flex cursor-pointer items-center justify-between p-3 data-[selected=true]:bg-green-200 hover:data-[selected=true]:bg-green-200',\n                option.disable && 'text-muted-foreground cursor-default',\n                optionSelected && 'bg-green-100',\n              )}\n            >\n              {option.label}\n              {optionSelected && <LuCheck className=\"h-4 w-4 text-green-800\" />}\n            </CommandItem>\n          );\n        })}\n      </div>\n    </CommandGroup>\n  );\n};\n"]}
+{"version":3,"sources":["../src/v2/multiselect/components/MultiSelectCommandGroup.tsx"],"names":["MultiSelectCommandGroup","options","selected","toggleOption","onSearch","uniqueId","mergedOptions","useMergeOptions","jsx","CommandGroup","option","optionSelected","s","jsxs","CommandItem","e","cn","LuCheck"],"mappings":"mMAeO,IAAMA,CAAAA,CAA0B,CAAC,CACtC,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,GAAa,CACX,IAAMC,CAAAA,CAAgBC,CAAAA,CAAgB,CAAE,QAAA,CAAAL,CAAAA,CAAU,OAAA,CAAAD,CAAQ,CAAC,CAAA,CAG3D,OACEO,GAAAA,CAACC,CAAAA,CAAA,CAA+C,SAAA,CAAU,sBAAA,CACxD,QAAA,CAAAD,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,qBAAA,CACZ,QAAA,CAAA,CALgBJ,CAAAA,CAAWE,CAAAA,CAAgBL,CAAAA,EAK5B,GAAA,CAAKS,CAAAA,EAAmB,CACtC,IAAMC,CAAAA,CAAiBT,CAAAA,CAAS,IAAA,CAAMU,CAAAA,EAAMA,CAAAA,CAAE,KAAA,GAAUF,EAAO,KAAK,CAAA,CACpE,OACEG,IAAAA,CAACC,CAAAA,CAAA,CAEC,KAAA,CAAOJ,CAAAA,CAAO,KAAA,CACd,QAAA,CAAU,OAAOA,CAAAA,CAAO,KAAA,EAAU,QAAA,CAAW,CAACA,CAAAA,CAAO,KAAK,CAAA,CAAI,MAAA,CAC9D,QAAA,CAAUA,CAAAA,CAAO,OAAA,CACjB,WAAA,CAAcK,CAAAA,EAAM,CAClBA,CAAAA,CAAE,cAAA,EAAe,CACjBA,CAAAA,CAAE,eAAA,GACJ,CAAA,CACA,QAAA,CAAU,IAAMZ,CAAAA,CAAaO,CAAM,CAAA,CACnC,SAAA,CAAWM,GAAAA,CAGT,gIAAA,CACAN,CAAAA,CAAO,OAAA,EAAW,sCAAA,CAClBC,CAAAA,EAAkB,cACpB,CAAA,CAEC,QAAA,CAAA,CAAAD,CAAAA,CAAO,KAAA,CACPC,CAAAA,EAAkBH,GAAAA,CAACS,OAAAA,CAAA,CAAQ,SAAA,CAAU,wBAAA,CAAyB,CAAA,CAAA,CAAA,CAlB1DP,CAAAA,CAAO,KAmBd,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,CA5BiB,CAAA,EAAGL,CAAQ,gBA6B9B,CAEJ","file":"chunk-TP3L65F4.js","sourcesContent":["import { LuCheck } from 'react-icons/lu';\n\nimport { CommandGroup, CommandItem } from '@/v2/command/command';\nimport { cn } from '@/lib/utils';\nimport { MultiSelectProps, Option } from '../types';\nimport { UseMultiSelectReturn } from '../hooks/useMultiSelect';\nimport { UseInteractionsReturn } from '../hooks/useInteractions';\nimport { useMergeOptions } from '../hooks/useMergeOptions';\n\ntype Props = Pick<MultiSelectProps, 'onSearch'> &\n  Pick<UseMultiSelectReturn, 'selected' | 'uniqueId'> &\n  Pick<UseInteractionsReturn, 'toggleOption'> & {\n    options: Option[];\n  };\n\nexport const MultiSelectCommandGroup = ({\n  options,\n  selected,\n  toggleOption,\n  onSearch,\n  uniqueId,\n}: Props) => {\n  const mergedOptions = useMergeOptions({ selected, options });\n  const displayOptions = onSearch ? mergedOptions : options;\n\n  return (\n    <CommandGroup key={`${uniqueId}-command-group`} className=\"h-full overflow-auto\">\n      <div className=\"flex flex-col gap-1\">\n        {displayOptions.map((option: Option) => {\n          const optionSelected = selected.some((s) => s.value === option.value);\n          return (\n            <CommandItem\n              key={option.value}\n              value={option.value}\n              keywords={typeof option.label === 'string' ? [option.label] : undefined}\n              disabled={option.disable}\n              onMouseDown={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n              onSelect={() => toggleOption(option)}\n              className={cn(\n                // data-[selected=true] means when the user navigates onto an option with the keyboard\n                // optionSelected means the user has actually toggled on the option\n                'flex cursor-pointer items-center justify-between p-3 data-[selected=true]:bg-green-200 hover:data-[selected=true]:bg-green-200',\n                option.disable && 'text-muted-foreground cursor-default',\n                optionSelected && 'bg-green-100',\n              )}\n            >\n              {option.label}\n              {optionSelected && <LuCheck className=\"h-4 w-4 text-green-800\" />}\n            </CommandItem>\n          );\n        })}\n      </div>\n    </CommandGroup>\n  );\n};\n"]}