@solace-health/ui 0.10.684 → 0.10.686

package/dist/{chunk-AE4TA5U2.cjs.map → chunk-5W4Q4L43.cjs.map}

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

package/dist/chunk-5ZFDBYDZ.cjs

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

package/dist/{chunk-4UIWR2XN.cjs.map → chunk-5ZFDBYDZ.cjs.map}

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

package/dist/{chunk-3XXSEP7E.js → chunk-6AOXEPBH.js}

@@ -1,2 +1,2 @@
-import {e,c,a,b as b$1,f,g}from'./chunk-SJZI4TT5.js';import {useState,createElement}from'react';import {jsx,jsxs}from'react/jsx-runtime';var b=({label:r=null,size:t="large",description:o=void 0,descriptionDisplay:l="block",checked:s=false,...i})=>jsx(c,{selected:s,children:jsx(a,{...i,children:jsxs(b$1,{display:l,children:[jsx(f,{large:t==="large",children:r}),o&&jsx(g,{children:o})]})})}),x=({options:r,size:t="large",onChange:o,...l})=>{let[s,i]=useState([]);return jsx(e,{...l,onChange:e=>{i(e),o&&o(e);},children:r.map(e=>createElement(b,{...e,size:t,checked:s.includes(e.value),key:e.id}))})},T=x;export{T as a};//# sourceMappingURL=chunk-3XXSEP7E.js.map
-//# sourceMappingURL=chunk-3XXSEP7E.js.map
+import {e,c,a,b as b$1,f,g}from'./chunk-6UCV7ESA.js';import {useState,createElement}from'react';import {jsx,jsxs}from'react/jsx-runtime';var b=({label:r=null,size:t="large",description:o=void 0,descriptionDisplay:l="block",checked:s=false,...i})=>jsx(c,{selected:s,children:jsx(a,{...i,children:jsxs(b$1,{display:l,children:[jsx(f,{large:t==="large",children:r}),o&&jsx(g,{children:o})]})})}),x=({options:r,size:t="large",onChange:o,...l})=>{let[s,i]=useState([]);return jsx(e,{...l,onChange:e=>{i(e),o&&o(e);},children:r.map(e=>createElement(b,{...e,size:t,checked:s.includes(e.value),key:e.id}))})},T=x;export{T as a};//# sourceMappingURL=chunk-6AOXEPBH.js.map
+//# sourceMappingURL=chunk-6AOXEPBH.js.map

package/dist/{chunk-3XXSEP7E.js.map → chunk-6AOXEPBH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Checkbox/index.tsx"],"names":["Block","label","size","description","descriptionDisplay","checked","rest","jsx","CheckboxButton","CheckboxInput","jsxs","TextWrap","Title","Description","Checkbox","options","onChange","selectedValues","setSelectedValues","useState","CheckboxGroup","values","option","createElement","Checkbox_default"],"mappings":"6IAaMA,CAAAA,CAAQ,CAAC,CACb,KAAA,CAAAC,CAAAA,CAAQ,IAAA,CACR,IAAA,CAAAC,CAAAA,CAAO,OAAA,CACP,WAAA,CAAAC,CAAAA,CAAc,MAAA,CACd,kBAAA,CAAAC,CAAAA,CAAqB,OAAA,CACrB,OAAA,CAAAC,EAAU,KAAA,CACV,GAAGC,CACL,CAAA,GACEC,GAAAA,CAAGC,CAAAA,CAAF,CAAiB,QAAA,CAAUH,CAAAA,CAC1B,QAAA,CAAAE,GAAAA,CAAGE,CAAAA,CAAF,CAAiB,GAAGH,CAAAA,CACnB,QAAA,CAAAI,KAAGC,GAAAA,CAAF,CAAW,OAAA,CAASP,CAAAA,CACnB,QAAA,CAAA,CAAAG,GAAAA,CAAGK,CAAAA,CAAF,CAAQ,MAAOV,CAAAA,GAAS,OAAA,CAAU,QAAA,CAAAD,CAAAA,CAAM,CAAA,CACxCE,CAAAA,EAAeI,GAAAA,CAAGM,CAAAA,CAAF,CAAe,QAAA,CAAAV,CAAAA,CAAY,CAAA,CAAA,CAC9C,CAAA,CACF,CAAA,CACF,CAAA,CAOIW,CAAAA,CAAW,CAAC,CAAE,OAAA,CAAAC,CAAAA,CAAS,IAAA,CAAAb,CAAAA,CAAO,OAAA,CAAS,QAAA,CAAAc,CAAAA,CAAU,GAAGV,CAAK,CAAA,GAAkB,CAC/E,GAAM,CAACW,CAAAA,CAAgBC,CAAiB,CAAA,CAAIC,SAA8B,EAAE,CAAA,CAK5E,OACEZ,GAAAA,CAAGa,CAAAA,CAAF,CAAiB,GAAGd,EAAM,QAAA,CALPe,CAAAA,EAAgC,CACpDH,CAAAA,CAAkBG,CAAM,CAAA,CACpBL,CAAAA,EAAUA,CAAAA,CAASK,CAAM,EAC/B,CAAA,CAGK,QAAA,CAAAN,CAAAA,CAAQ,GAAA,CAAKO,CAAAA,EACZC,aAAAA,CAACvB,EAAA,CACE,GAAGsB,CAAAA,CACJ,IAAA,CAAMpB,CAAAA,CACN,OAAA,CAASe,CAAAA,CAAe,QAAA,CAASK,EAAO,KAAK,CAAA,CAC7C,GAAA,CAAKA,CAAAA,CAAO,EAAA,CACd,CACD,CAAA,CACH,CAEJ,EAEOE,CAAAA,CAAQV","file":"chunk-3XXSEP7E.js","sourcesContent":["import { CheckboxProps } from 'antd';\nimport { useState } from 'react';\nimport { SizeType } from 'antd/es/config-provider/SizeContext';\nimport { CheckboxGroupProps } from 'antd/es/checkbox';\nimport * as S from './style';\n\ntype OptionProps = {\n  label?: string | null;\n  size?: SizeType;\n  description?: string;\n  descriptionDisplay?: 'inline' | 'block';\n} & CheckboxProps;\n\nconst Block = ({\n  label = null,\n  size = 'large',\n  description = undefined,\n  descriptionDisplay = 'block',\n  checked = false,\n  ...rest\n}: OptionProps) => (\n  <S.CheckboxButton selected={checked}>\n    <S.CheckboxInput {...rest}>\n      <S.TextWrap display={descriptionDisplay}>\n        <S.Title large={size === 'large'}>{label}</S.Title>\n        {description && <S.Description>{description}</S.Description>}\n      </S.TextWrap>\n    </S.CheckboxInput>\n  </S.CheckboxButton>\n);\n\ntype CheckboxValueType = OptionProps['value'];\n\ntype GroupProps = { options: OptionProps[]; size?: SizeType } & CheckboxGroupProps;\n/** @deprecated Use the Checkbox component from @solace-health/ui/v2 instead. */\nconst Checkbox = ({ options, size = 'large', onChange, ...rest }: GroupProps) => {\n  const [selectedValues, setSelectedValues] = useState<CheckboxValueType[]>([]);\n  const handleChange = (values: CheckboxValueType[]) => {\n    setSelectedValues(values);\n    if (onChange) onChange(values);\n  };\n  return (\n    <S.CheckboxGroup {...rest} onChange={handleChange}>\n      {options.map((option) => (\n        <Block\n          {...option}\n          size={size}\n          checked={selectedValues.includes(option.value)}\n          key={option.id}\n        />\n      ))}\n    </S.CheckboxGroup>\n  );\n};\n\nexport default Checkbox;\n"]}
+{"version":3,"sources":["../src/Checkbox/index.tsx"],"names":["Block","label","size","description","descriptionDisplay","checked","rest","jsx","CheckboxButton","CheckboxInput","jsxs","TextWrap","Title","Description","Checkbox","options","onChange","selectedValues","setSelectedValues","useState","CheckboxGroup","values","option","createElement","Checkbox_default"],"mappings":"6IAaMA,CAAAA,CAAQ,CAAC,CACb,KAAA,CAAAC,CAAAA,CAAQ,IAAA,CACR,IAAA,CAAAC,CAAAA,CAAO,OAAA,CACP,WAAA,CAAAC,CAAAA,CAAc,MAAA,CACd,kBAAA,CAAAC,CAAAA,CAAqB,OAAA,CACrB,OAAA,CAAAC,EAAU,KAAA,CACV,GAAGC,CACL,CAAA,GACEC,GAAAA,CAAGC,CAAAA,CAAF,CAAiB,QAAA,CAAUH,CAAAA,CAC1B,QAAA,CAAAE,GAAAA,CAAGE,CAAAA,CAAF,CAAiB,GAAGH,CAAAA,CACnB,QAAA,CAAAI,KAAGC,GAAAA,CAAF,CAAW,OAAA,CAASP,CAAAA,CACnB,QAAA,CAAA,CAAAG,GAAAA,CAAGK,CAAAA,CAAF,CAAQ,MAAOV,CAAAA,GAAS,OAAA,CAAU,QAAA,CAAAD,CAAAA,CAAM,CAAA,CACxCE,CAAAA,EAAeI,GAAAA,CAAGM,CAAAA,CAAF,CAAe,QAAA,CAAAV,CAAAA,CAAY,CAAA,CAAA,CAC9C,CAAA,CACF,CAAA,CACF,CAAA,CAOIW,CAAAA,CAAW,CAAC,CAAE,OAAA,CAAAC,CAAAA,CAAS,IAAA,CAAAb,CAAAA,CAAO,OAAA,CAAS,QAAA,CAAAc,CAAAA,CAAU,GAAGV,CAAK,CAAA,GAAkB,CAC/E,GAAM,CAACW,CAAAA,CAAgBC,CAAiB,CAAA,CAAIC,SAA8B,EAAE,CAAA,CAK5E,OACEZ,GAAAA,CAAGa,CAAAA,CAAF,CAAiB,GAAGd,EAAM,QAAA,CALPe,CAAAA,EAAgC,CACpDH,CAAAA,CAAkBG,CAAM,CAAA,CACpBL,CAAAA,EAAUA,CAAAA,CAASK,CAAM,EAC/B,CAAA,CAGK,QAAA,CAAAN,CAAAA,CAAQ,GAAA,CAAKO,CAAAA,EACZC,aAAAA,CAACvB,EAAA,CACE,GAAGsB,CAAAA,CACJ,IAAA,CAAMpB,CAAAA,CACN,OAAA,CAASe,CAAAA,CAAe,QAAA,CAASK,EAAO,KAAK,CAAA,CAC7C,GAAA,CAAKA,CAAAA,CAAO,EAAA,CACd,CACD,CAAA,CACH,CAEJ,EAEOE,CAAAA,CAAQV","file":"chunk-6AOXEPBH.js","sourcesContent":["import { CheckboxProps } from 'antd';\nimport { useState } from 'react';\nimport { SizeType } from 'antd/es/config-provider/SizeContext';\nimport { CheckboxGroupProps } from 'antd/es/checkbox';\nimport * as S from './style';\n\ntype OptionProps = {\n  label?: string | null;\n  size?: SizeType;\n  description?: string;\n  descriptionDisplay?: 'inline' | 'block';\n} & CheckboxProps;\n\nconst Block = ({\n  label = null,\n  size = 'large',\n  description = undefined,\n  descriptionDisplay = 'block',\n  checked = false,\n  ...rest\n}: OptionProps) => (\n  <S.CheckboxButton selected={checked}>\n    <S.CheckboxInput {...rest}>\n      <S.TextWrap display={descriptionDisplay}>\n        <S.Title large={size === 'large'}>{label}</S.Title>\n        {description && <S.Description>{description}</S.Description>}\n      </S.TextWrap>\n    </S.CheckboxInput>\n  </S.CheckboxButton>\n);\n\ntype CheckboxValueType = OptionProps['value'];\n\ntype GroupProps = { options: OptionProps[]; size?: SizeType } & CheckboxGroupProps;\n/** @deprecated Use the Checkbox component from @solace-health/ui/v2 instead. */\nconst Checkbox = ({ options, size = 'large', onChange, ...rest }: GroupProps) => {\n  const [selectedValues, setSelectedValues] = useState<CheckboxValueType[]>([]);\n  const handleChange = (values: CheckboxValueType[]) => {\n    setSelectedValues(values);\n    if (onChange) onChange(values);\n  };\n  return (\n    <S.CheckboxGroup {...rest} onChange={handleChange}>\n      {options.map((option) => (\n        <Block\n          {...option}\n          size={size}\n          checked={selectedValues.includes(option.value)}\n          key={option.id}\n        />\n      ))}\n    </S.CheckboxGroup>\n  );\n};\n\nexport default Checkbox;\n"]}

package/dist/{chunk-SJZI4TT5.js → chunk-6UCV7ESA.js}

@@ -1,4 +1,4 @@
-import {f as f$1}from'./chunk-S2IU53RU.js';import {a}from'./chunk-YVYP2VJD.js';import {c as c$1}from'./chunk-7QZQXRMR.js';import r from'@emotion/styled';import {Checkbox}from'antd';var c=r(Checkbox)`
+import {f as f$1}from'./chunk-S2IU53RU.js';import {a}from'./chunk-3OB5RPDJ.js';import {c as c$1}from'./chunk-7QZQXRMR.js';import r from'@emotion/styled';import {Checkbox}from'antd';var c=r(Checkbox)`
   display: flex;
   align-items: center;
   padding: var(--Spacing-lg, 1rem) var(--Spacing-xl, 1.5rem);
@@ -86,5 +86,5 @@ import {f as f$1}from'./chunk-S2IU53RU.js';import {a}from'./chunk-YVYP2VJD.js';i
   @media ${c$1.Medium} {
     font-size: 1.125rem;
   }
-`;export{c as a,m as b,x as c,b as d,g as e,f,u as g};//# sourceMappingURL=chunk-SJZI4TT5.js.map
-//# sourceMappingURL=chunk-SJZI4TT5.js.map
+`;export{c as a,m as b,x as c,b as d,g as e,f,u as g};//# sourceMappingURL=chunk-6UCV7ESA.js.map
+//# sourceMappingURL=chunk-6UCV7ESA.js.map

package/dist/{chunk-SJZI4TT5.js.map → chunk-6UCV7ESA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Checkbox/style.tsx"],"names":["CheckboxInput","styled","Checkbox","TextWrap","Breakpoint","p","CheckboxButton","Button_default","selected","CheckboxIcon","CheckboxGroup","Title","Typography_default","Description"],"mappings":"qLAMO,IAAMA,CAAAA,CAAgBC,CAAAA,CAAOC,QAAQ,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAgB/BC,EAAWF,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA,SAAA,EAWpBG,IAAW,KAAK,CAAA;AAAA,IAAA,EACpBC,CAAAA,EACDA,CAAAA,CAAE,OAAA,GAAY,QAAA,EACd;AAAA;AAAA;AAAA;AAAA,IAAA,CAID;AAAA;AAAA,CAAA,CAIQC,CAAAA,CAAiBL,CAAAA,CAAOM,GAAAA,CAAO,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA,SAAA,EAcxCH,IAAW,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,EAAA,EAMxB,CAAC,CAAE,QAAA,CAAAI,CAAS,IACZA,CAAAA,EACA;AAAA;AAAA;AAAA,IAAA,CAGC,CAAA;AAAA,CAAA,CAGQC,EAAeR,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA,EAAA,EAgB/B,CAAC,CAAE,QAAA,CAAAO,CAAS,IACZA,CAAAA,EACA;AAAA;AAAA,EAAA,CAED;AAAA,CAAA,CAGUE,CAAAA,CAAgBT,CAAAA,CAAOC,QAAAA,CAAS,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMrCS,CAAAA,CAAQV,CAAAA,CAAOW,CAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA,CAAA,CAK9BC,CAAAA,CAAcZ,CAAAA,CAAOW,CAAAA,CAAW,IAAI,CAAA;AAAA;;AAAA,SAAA,EAGtCR,IAAW,MAAM,CAAA;AAAA;AAAA","file":"chunk-SJZI4TT5.js","sourcesContent":["import styled from '@emotion/styled';\nimport { Checkbox } from 'antd';\nimport Button from '../Button';\nimport { Breakpoint } from '../theme';\nimport Typography from '../Typography';\n\nexport const CheckboxInput = styled(Checkbox)`\n  display: flex;\n  align-items: center;\n  padding: var(--Spacing-lg, 1rem) var(--Spacing-xl, 1.5rem);\n  gap: var(--Spacing-lg, 1rem);\n\n  & > * {\n    min-width: 0;\n  }\n\n  .ant-checkbox-inner {\n    transform: scale(1.5);\n    border-radius: var(--border-radius-sm, 0.25rem);\n  }\n`;\n\nexport const TextWrap = styled.div<{ display: 'inline' | 'block' }>`\n  display: flex;\n  flex-flow: column;\n  align-items: start;\n  gap: 0.25rem;\n\n  && > * {\n    text-wrap: pretty;\n    text-align: left;\n  }\n\n  @media ${Breakpoint.Large} {\n    ${(p) =>\n      p.display === 'inline' &&\n      `\n    flex-flow: row;\n    align-items: baseline;\n    gap: var(--Spacing-sm, 0.5rem);\n    `}\n  }\n`;\n\nexport const CheckboxButton = styled(Button.Outline)<{ selected: boolean }>`\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  padding: 0;\n  height: auto;\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 CheckboxIcon = styled.div<{ selected: boolean }>`\n  display: flex;\n  width: 1.5rem;\n  height: 1.5rem;\n  padding: 0.125rem;\n  justify-content: center;\n  align-items: center;\n\n  border-radius: var(--border-radius-sm, 0.25rem);\n  border: 1px solid var(--border-color-light-green, #afc8bf);\n  background: var(--surface-primary, #fff);\n\n  transition-property: background;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 0.15s;\n\n  ${({ selected }) =>\n    selected &&\n    `\n    background: var(--green-800, #285E50);\n  `}\n`;\n\nexport const CheckboxGroup = styled(Checkbox.Group)`\n  display: flex;\n  flex-flow: column;\n  gap: 1rem;\n`;\n\nexport const Title = styled(Typography.Body)<{ large: boolean }>`\n  font-size: 1.25rem;\n  font-weight: 700;\n`;\n\nexport const Description = styled(Typography.Body)`\n  font-size: 1rem;\n\n  @media ${Breakpoint.Medium} {\n    font-size: 1.125rem;\n  }\n`;\n"]}
+{"version":3,"sources":["../src/Checkbox/style.tsx"],"names":["CheckboxInput","styled","Checkbox","TextWrap","Breakpoint","p","CheckboxButton","Button_default","selected","CheckboxIcon","CheckboxGroup","Title","Typography_default","Description"],"mappings":"qLAMO,IAAMA,CAAAA,CAAgBC,CAAAA,CAAOC,QAAQ,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAgB/BC,EAAWF,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA,SAAA,EAWpBG,IAAW,KAAK,CAAA;AAAA,IAAA,EACpBC,CAAAA,EACDA,CAAAA,CAAE,OAAA,GAAY,QAAA,EACd;AAAA;AAAA;AAAA;AAAA,IAAA,CAID;AAAA;AAAA,CAAA,CAIQC,CAAAA,CAAiBL,CAAAA,CAAOM,GAAAA,CAAO,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA,SAAA,EAcxCH,IAAW,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,EAAA,EAMxB,CAAC,CAAE,QAAA,CAAAI,CAAS,IACZA,CAAAA,EACA;AAAA;AAAA;AAAA,IAAA,CAGC,CAAA;AAAA,CAAA,CAGQC,EAAeR,CAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA,EAAA,EAgB/B,CAAC,CAAE,QAAA,CAAAO,CAAS,IACZA,CAAAA,EACA;AAAA;AAAA,EAAA,CAED;AAAA,CAAA,CAGUE,CAAAA,CAAgBT,CAAAA,CAAOC,QAAAA,CAAS,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMrCS,CAAAA,CAAQV,CAAAA,CAAOW,CAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA,CAAA,CAK9BC,CAAAA,CAAcZ,CAAAA,CAAOW,CAAAA,CAAW,IAAI,CAAA;AAAA;;AAAA,SAAA,EAGtCR,IAAW,MAAM,CAAA;AAAA;AAAA","file":"chunk-6UCV7ESA.js","sourcesContent":["import styled from '@emotion/styled';\nimport { Checkbox } from 'antd';\nimport Button from '../Button';\nimport { Breakpoint } from '../theme';\nimport Typography from '../Typography';\n\nexport const CheckboxInput = styled(Checkbox)`\n  display: flex;\n  align-items: center;\n  padding: var(--Spacing-lg, 1rem) var(--Spacing-xl, 1.5rem);\n  gap: var(--Spacing-lg, 1rem);\n\n  & > * {\n    min-width: 0;\n  }\n\n  .ant-checkbox-inner {\n    transform: scale(1.5);\n    border-radius: var(--border-radius-sm, 0.25rem);\n  }\n`;\n\nexport const TextWrap = styled.div<{ display: 'inline' | 'block' }>`\n  display: flex;\n  flex-flow: column;\n  align-items: start;\n  gap: 0.25rem;\n\n  && > * {\n    text-wrap: pretty;\n    text-align: left;\n  }\n\n  @media ${Breakpoint.Large} {\n    ${(p) =>\n      p.display === 'inline' &&\n      `\n    flex-flow: row;\n    align-items: baseline;\n    gap: var(--Spacing-sm, 0.5rem);\n    `}\n  }\n`;\n\nexport const CheckboxButton = styled(Button.Outline)<{ selected: boolean }>`\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  padding: 0;\n  height: auto;\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 CheckboxIcon = styled.div<{ selected: boolean }>`\n  display: flex;\n  width: 1.5rem;\n  height: 1.5rem;\n  padding: 0.125rem;\n  justify-content: center;\n  align-items: center;\n\n  border-radius: var(--border-radius-sm, 0.25rem);\n  border: 1px solid var(--border-color-light-green, #afc8bf);\n  background: var(--surface-primary, #fff);\n\n  transition-property: background;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 0.15s;\n\n  ${({ selected }) =>\n    selected &&\n    `\n    background: var(--green-800, #285E50);\n  `}\n`;\n\nexport const CheckboxGroup = styled(Checkbox.Group)`\n  display: flex;\n  flex-flow: column;\n  gap: 1rem;\n`;\n\nexport const Title = styled(Typography.Body)<{ large: boolean }>`\n  font-size: 1.25rem;\n  font-weight: 700;\n`;\n\nexport const Description = styled(Typography.Body)`\n  font-size: 1rem;\n\n  @media ${Breakpoint.Medium} {\n    font-size: 1.125rem;\n  }\n`;\n"]}

package/dist/{chunk-23E7LV7K.js → chunk-77YT6JM5.js}

@@ -1,2 +1,2 @@
-import {a as a$2}from'./chunk-HDSZKGQO.js';import {a as a$1}from'./chunk-Q27GDY4Y.js';import {a}from'./chunk-7GJG2HUA.js';import {a as a$3}from'./chunk-4GCD4SP5.js';import {a as a$4}from'./chunk-274XPO4S.js';import {a as a$5}from'./chunk-XJ7ZDJZG.js';import {a as a$9}from'./chunk-RGHKMENC.js';import {a as a$8}from'./chunk-ZF7TZTE3.js';import {a as a$7}from'./chunk-44OJTSLO.js';import {a as a$6}from'./chunk-PVENE3I7.js';import {a as a$a}from'./chunk-YTIIAU4W.js';import {forwardRef,useImperativeHandle,useCallback}from'react';import {jsxs,jsx}from'react/jsx-runtime';var ae=forwardRef((C,P)=>{let{id:x,value:s,onChange:D,placeholder:F,defaultOptions:T=[],options:K=[],delay:V,onSearch:n,triggerSearchOnOpen:W,loading:B=false,loadingIndicator:E,emptyIndicator:H,maxSelected:k=0,onMaxSelected:q,hidePlaceholderWhenSelected:L=true,disabled:a$b,className:Y,classNames:z,badgeWrapperClassName:A,badgeClassName:G,getBadgeClassName:J=()=>"",selectFirstItem:Q=true,commandProps:e,inputProps:U,persistInputOnSelect:X=false,persistInputOnBlur:Z=false}=C,{inputRef:t,commandRef:c,onSearchRef:_,scrollbarRef:u,prevExternalOptionsRef:$}=a({onSearch:n}),{uniqueId:p,open:o,setOpen:m,selected:r,setSelected:l,options:j,setOptions:ee,inputSearchValue:te,setInputSearchValue:d,debouncedSearchTerm:re}=a$1({id:x,value:s,defaultOptions:T,delay:V}),{toggleOption:f,handleKeyDown:oe}=a$2({open:o,selected:r,maxSelected:k,onChange:D,onMaxSelected:q,setInputSearchValue:d,commandRef:c,inputRef:t,setSelected:l,setOpen:m,persistInputOnSelect:X});a$3({debouncedSearchTerm:re,open:o,onSearchRef:_,triggerSearchOnOpen:W}),a$4({externalOptions:K,setOptions:ee,prevExternalOptionsRef:$}),a$5({value:s,setSelected:l}),useImperativeHandle(P,()=>({selectedValue:[...r],input:t.current,focus:()=>t?.current?.focus(),reset:()=>l([])}),[r,t,l]);let le=useCallback(()=>{if(e?.filter)return e.filter},[e?.filter]);return jsxs(a$6,{ref:c,...e,onKeyDown:S=>{oe(S),e?.onKeyDown?.(S);},className:a$a("h-auto overflow-visible bg-transparent",e?.className),shouldFilter:e?.shouldFilter!==void 0?e.shouldFilter:!n,filter:le(),children:[jsx(a$7,{open:o,disabled:a$b,inputRef:t,selected:r,uniqueId:p,className:Y,children:jsx(a$8,{selected:r,scrollbarRef:u,toggleOption:f,inputProps:U,inputRef:t,open:o,setOpen:m,placeholder:F,hidePlaceholderWhenSelected:L,disabled:a$b,classNames:z,badgeWrapperClassName:A,badgeClassName:G,getBadgeClassName:J,inputSearchValue:te,setInputSearchValue:d,persistInputOnBlur:Z})}),jsx(a$9,{uniqueId:p,scrollbarRef:u,open:o,loading:B,options:j,selected:r,toggleOption:f,onSearch:n,inputRef:t,emptyIndicator:H,loadingIndicator:E,selectFirstItem:Q})]})});ae.displayName="MultiSelect";export{ae as a};//# sourceMappingURL=chunk-23E7LV7K.js.map
-//# sourceMappingURL=chunk-23E7LV7K.js.map
+import {a as a$5}from'./chunk-XJ7ZDJZG.js';import {a as a$2}from'./chunk-HDSZKGQO.js';import {a as a$1}from'./chunk-Q27GDY4Y.js';import {a}from'./chunk-7GJG2HUA.js';import {a as a$3}from'./chunk-4GCD4SP5.js';import {a as a$4}from'./chunk-274XPO4S.js';import {a as a$9}from'./chunk-RGIMEMLH.js';import {a as a$8}from'./chunk-ZF7TZTE3.js';import {a as a$7}from'./chunk-44OJTSLO.js';import {a as a$6}from'./chunk-OSGYYNVQ.js';import {a as a$a}from'./chunk-YTIIAU4W.js';import {forwardRef,useImperativeHandle,useCallback}from'react';import {jsxs,jsx}from'react/jsx-runtime';var ae=forwardRef((C,P)=>{let{id:x,value:s,onChange:D,placeholder:F,defaultOptions:T=[],options:K=[],delay:V,onSearch:n,triggerSearchOnOpen:W,loading:B=false,loadingIndicator:E,emptyIndicator:H,maxSelected:k=0,onMaxSelected:q,hidePlaceholderWhenSelected:L=true,disabled:a$b,className:Y,classNames:z,badgeWrapperClassName:A,badgeClassName:G,getBadgeClassName:J=()=>"",selectFirstItem:Q=true,commandProps:e,inputProps:U,persistInputOnSelect:X=false,persistInputOnBlur:Z=false}=C,{inputRef:t,commandRef:c,onSearchRef:_,scrollbarRef:u,prevExternalOptionsRef:$}=a({onSearch:n}),{uniqueId:p,open:o,setOpen:m,selected:r,setSelected:l,options:j,setOptions:ee,inputSearchValue:te,setInputSearchValue:d,debouncedSearchTerm:re}=a$1({id:x,value:s,defaultOptions:T,delay:V}),{toggleOption:f,handleKeyDown:oe}=a$2({open:o,selected:r,maxSelected:k,onChange:D,onMaxSelected:q,setInputSearchValue:d,commandRef:c,inputRef:t,setSelected:l,setOpen:m,persistInputOnSelect:X});a$3({debouncedSearchTerm:re,open:o,onSearchRef:_,triggerSearchOnOpen:W}),a$4({externalOptions:K,setOptions:ee,prevExternalOptionsRef:$}),a$5({value:s,setSelected:l}),useImperativeHandle(P,()=>({selectedValue:[...r],input:t.current,focus:()=>t?.current?.focus(),reset:()=>l([])}),[r,t,l]);let le=useCallback(()=>{if(e?.filter)return e.filter},[e?.filter]);return jsxs(a$6,{ref:c,...e,onKeyDown:S=>{oe(S),e?.onKeyDown?.(S);},className:a$a("h-auto overflow-visible bg-transparent",e?.className),shouldFilter:e?.shouldFilter!==void 0?e.shouldFilter:!n,filter:le(),children:[jsx(a$7,{open:o,disabled:a$b,inputRef:t,selected:r,uniqueId:p,className:Y,children:jsx(a$8,{selected:r,scrollbarRef:u,toggleOption:f,inputProps:U,inputRef:t,open:o,setOpen:m,placeholder:F,hidePlaceholderWhenSelected:L,disabled:a$b,classNames:z,badgeWrapperClassName:A,badgeClassName:G,getBadgeClassName:J,inputSearchValue:te,setInputSearchValue:d,persistInputOnBlur:Z})}),jsx(a$9,{uniqueId:p,scrollbarRef:u,open:o,loading:B,options:j,selected:r,toggleOption:f,onSearch:n,inputRef:t,emptyIndicator:H,loadingIndicator:E,selectFirstItem:Q})]})});ae.displayName="MultiSelect";export{ae as a};//# sourceMappingURL=chunk-77YT6JM5.js.map
+//# sourceMappingURL=chunk-77YT6JM5.js.map

package/dist/{chunk-23E7LV7K.js.map → chunk-77YT6JM5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/multiselect/multiselect.tsx"],"names":["MultiSelect","forwardRef","props","ref","id","value","onChange","placeholder","externalDefaultOptions","externalOptions","delay","onSearch","triggerSearchOnOpen","loading","loadingIndicator","emptyIndicator","maxSelected","onMaxSelected","hidePlaceholderWhenSelected","disabled","className","classNames","badgeWrapperClassName","badgeClassName","getBadgeClassName","selectFirstItem","commandProps","inputProps","persistInputOnSelect","persistInputOnBlur","inputRef","commandRef","onSearchRef","scrollbarRef","prevExternalOptionsRef","useRefs","uniqueId","open","setOpen","selected","setSelected","options","setOptions","inputSearchValue","setInputSearchValue","debouncedSearchTerm","useMultiSelect","toggleOption","handleKeyDown","useInteractions","useSearch","useSyncOptions","useSyncSelected","useImperativeHandle","commandFilter","useCallback","jsxs","Command","e","cn","jsx","MultiSelectTrigger","MultiSelectInput","MultiSelectDropdown"],"mappings":"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","file":"chunk-23E7LV7K.js","sourcesContent":["import { forwardRef, Ref, useCallback, useImperativeHandle } from 'react';\nimport { Command } from '@/v2/command/command';\nimport { cn } from '@/lib/utils';\nimport { MultiSelectProps, MultiSelectRef } from './types';\nimport { useMultiSelect } from './hooks/useMultiSelect';\nimport { useRefs } from './hooks/useRefs';\nimport { useInteractions } from './hooks/useInteractions';\nimport { useSearch } from './hooks/useSearch';\nimport { MultiSelectTrigger } from './components/MultiSelectTrigger';\nimport { MultiSelectInput } from './components/MultiSelectInput';\nimport { MultiSelectDropdown } from './components/MultiSelectDropdown';\nimport { useSyncOptions } from './hooks/useSyncOptions';\nimport { useSyncSelected } from './hooks/useSyncSelected';\n\nexport const MultiSelect = forwardRef<MultiSelectRef, MultiSelectProps>(\n  (props: MultiSelectProps, ref: Ref<MultiSelectRef>) => {\n    const {\n      id,\n      value,\n      onChange,\n      placeholder,\n      defaultOptions: externalDefaultOptions = [],\n      options: externalOptions = [],\n      delay,\n      onSearch,\n      triggerSearchOnOpen,\n      loading = false,\n      loadingIndicator,\n      emptyIndicator,\n      maxSelected = 0,\n      onMaxSelected,\n      hidePlaceholderWhenSelected = true,\n      disabled,\n      className,\n      classNames,\n      badgeWrapperClassName,\n      badgeClassName,\n      getBadgeClassName = () => '',\n      selectFirstItem = true,\n      commandProps,\n      inputProps,\n      persistInputOnSelect = false,\n      persistInputOnBlur = false,\n    } = props;\n\n    const { inputRef, commandRef, onSearchRef, scrollbarRef, prevExternalOptionsRef } = useRefs({\n      onSearch,\n    });\n\n    const {\n      uniqueId,\n      open,\n      setOpen,\n      selected,\n      setSelected,\n      options,\n      setOptions,\n      inputSearchValue,\n      setInputSearchValue,\n      debouncedSearchTerm,\n    } = useMultiSelect({\n      id,\n      value,\n      defaultOptions: externalDefaultOptions,\n      delay,\n    });\n\n    const { toggleOption, handleKeyDown } = useInteractions({\n      open,\n      selected,\n      maxSelected,\n      onChange,\n      onMaxSelected,\n      setInputSearchValue,\n      commandRef,\n      inputRef,\n      setSelected,\n      setOpen,\n      persistInputOnSelect,\n    });\n\n    useSearch({\n      debouncedSearchTerm,\n      open,\n      onSearchRef,\n      triggerSearchOnOpen,\n    });\n\n    useSyncOptions({\n      externalOptions,\n      setOptions,\n      prevExternalOptionsRef,\n    });\n\n    useSyncSelected({\n      value,\n      setSelected,\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        selectedValue: [...selected],\n        input: inputRef.current as HTMLInputElement,\n        focus: () => inputRef?.current?.focus(),\n        reset: () => setSelected([]),\n      }),\n      [selected, inputRef, setSelected],\n    );\n\n    const commandFilter = useCallback(() => {\n      if (commandProps?.filter) {\n        return commandProps.filter;\n      }\n\n      // Using default filter in `cmdk`. We don't have to provide it.\n      return undefined;\n    }, [commandProps?.filter]);\n\n    return (\n      <Command\n        ref={commandRef}\n        {...commandProps}\n        onKeyDown={(e) => {\n          handleKeyDown(e);\n          commandProps?.onKeyDown?.(e);\n        }}\n        className={cn('h-auto overflow-visible bg-transparent', commandProps?.className)}\n        shouldFilter={\n          commandProps?.shouldFilter !== undefined ? commandProps.shouldFilter : !onSearch\n        } // When onSearch is provided, we don't want to filter the options. You can still override it.\n        filter={commandFilter()}\n      >\n        <MultiSelectTrigger {...{ open, disabled, inputRef, selected, uniqueId, className }}>\n          <MultiSelectInput\n            {...{\n              selected,\n              scrollbarRef,\n              toggleOption,\n              inputProps,\n              inputRef,\n              open,\n              setOpen,\n              placeholder,\n              hidePlaceholderWhenSelected,\n              disabled,\n              classNames,\n              badgeWrapperClassName,\n              badgeClassName,\n              getBadgeClassName,\n              inputSearchValue,\n              setInputSearchValue,\n              persistInputOnBlur,\n            }}\n          />\n        </MultiSelectTrigger>\n\n        <MultiSelectDropdown\n          {...{\n            uniqueId,\n            scrollbarRef,\n            open,\n            loading,\n            options,\n            selected,\n            toggleOption,\n            onSearch,\n            inputRef,\n            emptyIndicator,\n            loadingIndicator,\n            selectFirstItem,\n          }}\n        />\n      </Command>\n    );\n  },\n);\n\nMultiSelect.displayName = 'MultiSelect';\n"]}
+{"version":3,"sources":["../src/v2/multiselect/multiselect.tsx"],"names":["MultiSelect","forwardRef","props","ref","id","value","onChange","placeholder","externalDefaultOptions","externalOptions","delay","onSearch","triggerSearchOnOpen","loading","loadingIndicator","emptyIndicator","maxSelected","onMaxSelected","hidePlaceholderWhenSelected","disabled","className","classNames","badgeWrapperClassName","badgeClassName","getBadgeClassName","selectFirstItem","commandProps","inputProps","persistInputOnSelect","persistInputOnBlur","inputRef","commandRef","onSearchRef","scrollbarRef","prevExternalOptionsRef","useRefs","uniqueId","open","setOpen","selected","setSelected","options","setOptions","inputSearchValue","setInputSearchValue","debouncedSearchTerm","useMultiSelect","toggleOption","handleKeyDown","useInteractions","useSearch","useSyncOptions","useSyncSelected","useImperativeHandle","commandFilter","useCallback","jsxs","Command","e","cn","jsx","MultiSelectTrigger","MultiSelectInput","MultiSelectDropdown"],"mappings":"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","file":"chunk-77YT6JM5.js","sourcesContent":["import { forwardRef, Ref, useCallback, useImperativeHandle } from 'react';\nimport { Command } from '@/v2/command/command';\nimport { cn } from '@/lib/utils';\nimport { MultiSelectProps, MultiSelectRef } from './types';\nimport { useMultiSelect } from './hooks/useMultiSelect';\nimport { useRefs } from './hooks/useRefs';\nimport { useInteractions } from './hooks/useInteractions';\nimport { useSearch } from './hooks/useSearch';\nimport { MultiSelectTrigger } from './components/MultiSelectTrigger';\nimport { MultiSelectInput } from './components/MultiSelectInput';\nimport { MultiSelectDropdown } from './components/MultiSelectDropdown';\nimport { useSyncOptions } from './hooks/useSyncOptions';\nimport { useSyncSelected } from './hooks/useSyncSelected';\n\nexport const MultiSelect = forwardRef<MultiSelectRef, MultiSelectProps>(\n  (props: MultiSelectProps, ref: Ref<MultiSelectRef>) => {\n    const {\n      id,\n      value,\n      onChange,\n      placeholder,\n      defaultOptions: externalDefaultOptions = [],\n      options: externalOptions = [],\n      delay,\n      onSearch,\n      triggerSearchOnOpen,\n      loading = false,\n      loadingIndicator,\n      emptyIndicator,\n      maxSelected = 0,\n      onMaxSelected,\n      hidePlaceholderWhenSelected = true,\n      disabled,\n      className,\n      classNames,\n      badgeWrapperClassName,\n      badgeClassName,\n      getBadgeClassName = () => '',\n      selectFirstItem = true,\n      commandProps,\n      inputProps,\n      persistInputOnSelect = false,\n      persistInputOnBlur = false,\n    } = props;\n\n    const { inputRef, commandRef, onSearchRef, scrollbarRef, prevExternalOptionsRef } = useRefs({\n      onSearch,\n    });\n\n    const {\n      uniqueId,\n      open,\n      setOpen,\n      selected,\n      setSelected,\n      options,\n      setOptions,\n      inputSearchValue,\n      setInputSearchValue,\n      debouncedSearchTerm,\n    } = useMultiSelect({\n      id,\n      value,\n      defaultOptions: externalDefaultOptions,\n      delay,\n    });\n\n    const { toggleOption, handleKeyDown } = useInteractions({\n      open,\n      selected,\n      maxSelected,\n      onChange,\n      onMaxSelected,\n      setInputSearchValue,\n      commandRef,\n      inputRef,\n      setSelected,\n      setOpen,\n      persistInputOnSelect,\n    });\n\n    useSearch({\n      debouncedSearchTerm,\n      open,\n      onSearchRef,\n      triggerSearchOnOpen,\n    });\n\n    useSyncOptions({\n      externalOptions,\n      setOptions,\n      prevExternalOptionsRef,\n    });\n\n    useSyncSelected({\n      value,\n      setSelected,\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        selectedValue: [...selected],\n        input: inputRef.current as HTMLInputElement,\n        focus: () => inputRef?.current?.focus(),\n        reset: () => setSelected([]),\n      }),\n      [selected, inputRef, setSelected],\n    );\n\n    const commandFilter = useCallback(() => {\n      if (commandProps?.filter) {\n        return commandProps.filter;\n      }\n\n      // Using default filter in `cmdk`. We don't have to provide it.\n      return undefined;\n    }, [commandProps?.filter]);\n\n    return (\n      <Command\n        ref={commandRef}\n        {...commandProps}\n        onKeyDown={(e) => {\n          handleKeyDown(e);\n          commandProps?.onKeyDown?.(e);\n        }}\n        className={cn('h-auto overflow-visible bg-transparent', commandProps?.className)}\n        shouldFilter={\n          commandProps?.shouldFilter !== undefined ? commandProps.shouldFilter : !onSearch\n        } // When onSearch is provided, we don't want to filter the options. You can still override it.\n        filter={commandFilter()}\n      >\n        <MultiSelectTrigger {...{ open, disabled, inputRef, selected, uniqueId, className }}>\n          <MultiSelectInput\n            {...{\n              selected,\n              scrollbarRef,\n              toggleOption,\n              inputProps,\n              inputRef,\n              open,\n              setOpen,\n              placeholder,\n              hidePlaceholderWhenSelected,\n              disabled,\n              classNames,\n              badgeWrapperClassName,\n              badgeClassName,\n              getBadgeClassName,\n              inputSearchValue,\n              setInputSearchValue,\n              persistInputOnBlur,\n            }}\n          />\n        </MultiSelectTrigger>\n\n        <MultiSelectDropdown\n          {...{\n            uniqueId,\n            scrollbarRef,\n            open,\n            loading,\n            options,\n            selected,\n            toggleOption,\n            onSearch,\n            inputRef,\n            emptyIndicator,\n            loadingIndicator,\n            selectFirstItem,\n          }}\n        />\n      </Command>\n    );\n  },\n);\n\nMultiSelect.displayName = 'MultiSelect';\n"]}

package/dist/{chunk-FGV63AF5.cjs → chunk-7GQ7HR7O.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunkHHOJPS3W_cjs=require('./chunk-HHOJPS3W.cjs'),chunkAAYRFIJ4_cjs=require('./chunk-AAYRFIJ4.cjs'),chunk4VIXEDG4_cjs=require('./chunk-4VIXEDG4.cjs'),r=require('@emotion/styled'),antd=require('antd');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var s=r__default.default(antd.Radio)`
+'use strict';var chunkHHOJPS3W_cjs=require('./chunk-HHOJPS3W.cjs'),chunkOSF3P3SH_cjs=require('./chunk-OSF3P3SH.cjs'),chunk4VIXEDG4_cjs=require('./chunk-4VIXEDG4.cjs'),r=require('@emotion/styled'),antd=require('antd');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var s=r__default.default(antd.Radio)`
   width: 100%;
   height: 100%;
   z-index: 2;
@@ -42,7 +42,7 @@
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 0.15s;
-`,m=r__default.default(chunkAAYRFIJ4_cjs.a.Body)`
+`,m=r__default.default(chunkOSF3P3SH_cjs.a.Body)`
   font-weight: 700;
   font-size: ${o=>o.large?"1.25rem":"1.125rem"};
   line-height: 130%;
@@ -51,5 +51,5 @@
   && {
     text-align: left;
   }
-`;exports.a=s;exports.b=x;exports.c=b;exports.d=g;exports.e=m;//# sourceMappingURL=chunk-FGV63AF5.cjs.map
-//# sourceMappingURL=chunk-FGV63AF5.cjs.map
+`;exports.a=s;exports.b=x;exports.c=b;exports.d=g;exports.e=m;//# sourceMappingURL=chunk-7GQ7HR7O.cjs.map
+//# sourceMappingURL=chunk-7GQ7HR7O.cjs.map

package/dist/{chunk-FGV63AF5.cjs.map → chunk-7GQ7HR7O.cjs.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":"yUAMO,IAAMA,CAAAA,CAAaC,kBAAAA,CAAOC,UAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAQzBC,CAAAA,CAAcF,kBAAAA,CAAOG,mBAAAA,CAAO,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA,SAAA,EAkBrCC,oBAAW,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,kBAAAA,CAAOC,UAAAA,CAAM,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAM/BM,EAAOP,kBAAAA,CAAO,GAAA;AAAA,WAAA,EACbQ,CAAAA,EAAOA,CAAAA,CAAE,QAAA,CAAW,CAAA,CAAI,CAAE,CAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAO3BC,CAAAA,CAAQT,kBAAAA,CAAOU,mBAAAA,CAAW,IAAI,CAAA;AAAA;AAAA,aAAA,EAE3BF,CAAAA,EAAOA,CAAAA,CAAE,KAAA,CAAQ,SAAA,CAAY,UAAW,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA","file":"chunk-FGV63AF5.cjs","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":"yUAMO,IAAMA,CAAAA,CAAaC,kBAAAA,CAAOC,UAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAQzBC,CAAAA,CAAcF,kBAAAA,CAAOG,mBAAAA,CAAO,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA,SAAA,EAkBrCC,oBAAW,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,kBAAAA,CAAOC,UAAAA,CAAM,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAM/BM,EAAOP,kBAAAA,CAAO,GAAA;AAAA,WAAA,EACbQ,CAAAA,EAAOA,CAAAA,CAAE,QAAA,CAAW,CAAA,CAAI,CAAE,CAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAO3BC,CAAAA,CAAQT,kBAAAA,CAAOU,mBAAAA,CAAW,IAAI,CAAA;AAAA;AAAA,aAAA,EAE3BF,CAAAA,EAAOA,CAAAA,CAAE,KAAA,CAAQ,SAAA,CAAY,UAAW,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA","file":"chunk-7GQ7HR7O.cjs","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-IZH4BHS4.cjs → chunk-ACNWH5TI.cjs}

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

package/dist/chunk-ACNWH5TI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/v2/combobox/combobox.tsx"],"names":["Combobox","classNames","disabled","options","preSearchOptions","onSearchChange","onChange","onOpenChange","placeholder","searchLabel","notFoundMessage","value","size","error","open","setOpen","useState","isSearching","setIsSearching","optionsToDisplay","jsxs","Popover","PopoverTrigger","cn","jsx","LuSearch","item","LuChevronsUpDown","PopoverContent","Command","CommandInput","val","CommandList","CommandEmpty","CommandGroup","CommandItem","currentValue","LuCheck"],"mappings":"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","file":"chunk-ACNWH5TI.cjs","sourcesContent":["import { LuCheck, LuChevronsUpDown, LuSearch } from 'react-icons/lu';\nimport { useState } from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/v2/popover/popover';\nimport { cn } from '@/lib/utils';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/v2/command/command';\n\nexport type ComboboxOption = {\n  label: string | React.ReactNode;\n  value: string;\n  additionalSearchText?: string;\n  disabled?: boolean;\n};\n\nexport type ComboboxProps = {\n  classNames?: {\n    content?: string;\n    input?: string;\n    item?: string;\n    trigger?: string;\n  };\n  disabled?: boolean;\n  options: ComboboxOption[];\n  preSearchOptions?: ComboboxOption[];\n  onSearchChange?: (value: string) => void;\n  onChange?: (value: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  placeholder?: string;\n  searchLabel?: string;\n  notFoundMessage?: string;\n  value?: string;\n  size?: 'default' | 'sm';\n  error?: boolean;\n};\n\nexport const Combobox = ({\n  classNames = undefined,\n  disabled = false,\n  options,\n  preSearchOptions = undefined,\n  onSearchChange = undefined,\n  onChange = undefined,\n  onOpenChange = undefined,\n  placeholder = 'Select an option',\n  searchLabel = 'Search...',\n  notFoundMessage = 'Not found.',\n  value = undefined,\n  size = 'default',\n  error = false,\n}: ComboboxProps) => {\n  const [open, setOpen] = useState(false);\n\n  // Allow filtering down to just a subset of options before searching\n  // NOTE: preSearchOptions is optional, while options is a required prop that we can fallback to\n  const [isSearching, setIsSearching] = useState(false);\n  const optionsToDisplay = isSearching ? options : preSearchOptions || options;\n\n  const handleOpenChange = () => {\n    setOpen(!open);\n    setIsSearching(false);\n    onOpenChange?.(!open);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger\n        aria-invalid={error}\n        disabled={disabled}\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-dark-green inline-flex h-12 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-md border px-4 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:bg-gray-200 disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5\",\n          size === 'sm' && \"py-xs h-8 px-3 [&_svg:not([class*='size-'])]:size-4\",\n          classNames?.trigger,\n        )}\n      >\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          {!value && <LuSearch className={cn(error && 'text-red')} />}\n          <span className=\"block min-w-0 truncate\">\n            {value ? options.find((item) => item.value === value)?.label : placeholder}\n          </span>\n        </div>\n        <LuChevronsUpDown className=\"opacity-50\" />\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        className={cn('w-[var(--radix-popover-trigger-width)] p-0', classNames?.content)}\n      >\n        <Command shouldFilter={false}>\n          <CommandInput\n            placeholder={searchLabel}\n            className={cn('h-9', classNames?.input)}\n            onValueChange={(val) => {\n              setIsSearching(!!val);\n              onSearchChange?.(val);\n            }}\n          />\n          <CommandList onWheel={(e) => e.stopPropagation()}>\n            <CommandEmpty>{notFoundMessage}</CommandEmpty>\n            <CommandGroup>\n              {optionsToDisplay.map((item) => (\n                <CommandItem\n                  key={item.value}\n                  value={item.value}\n                  keywords={[\n                    typeof item.label === 'string' ? item.label : '',\n                    item.additionalSearchText ?? '',\n                  ]}\n                  onSelect={(currentValue) => {\n                    onChange?.(currentValue === value ? '' : currentValue);\n                    setOpen(false);\n                    onOpenChange?.(false);\n                  }}\n                  className={classNames?.item}\n                  disabled={item.disabled}\n                >\n                  {item.label}\n                  <LuCheck\n                    className={cn('ml-auto', value === item.value ? 'opacity-100' : 'opacity-0')}\n                  />\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n};\n"]}

package/dist/{chunk-KWP5XBVJ.cjs → chunk-AFLOBN2B.cjs}

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

package/dist/{chunk-KWP5XBVJ.cjs.map → chunk-AFLOBN2B.cjs.map}

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

package/dist/{chunk-244KN63O.cjs → chunk-BP3RKMSA.cjs}

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

package/dist/{chunk-244KN63O.cjs.map → chunk-BP3RKMSA.cjs.map}

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

package/dist/chunk-C7R4CZT4.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkXGTRBXYF_cjs=require('./chunk-XGTRBXYF.cjs'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var b=({label:r=null,size:t="large",description:o=void 0,descriptionDisplay:l="block",checked:s=false,...i})=>jsxRuntime.jsx(chunkXGTRBXYF_cjs.c,{selected:s,children:jsxRuntime.jsx(chunkXGTRBXYF_cjs.a,{...i,children:jsxRuntime.jsxs(chunkXGTRBXYF_cjs.b,{display:l,children:[jsxRuntime.jsx(chunkXGTRBXYF_cjs.f,{large:t==="large",children:r}),o&&jsxRuntime.jsx(chunkXGTRBXYF_cjs.g,{children:o})]})})}),x=({options:r,size:t="large",onChange:o,...l})=>{let[s,i]=react.useState([]);return jsxRuntime.jsx(chunkXGTRBXYF_cjs.e,{...l,onChange:e=>{i(e),o&&o(e);},children:r.map(e=>react.createElement(b,{...e,size:t,checked:s.includes(e.value),key:e.id}))})},T=x;exports.a=T;//# sourceMappingURL=chunk-C7R4CZT4.cjs.map
+//# sourceMappingURL=chunk-C7R4CZT4.cjs.map

package/dist/{chunk-CWBOHDTU.cjs.map → chunk-C7R4CZT4.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Checkbox/index.tsx"],"names":["Block","label","size","description","descriptionDisplay","checked","rest","jsx","CheckboxButton","CheckboxInput","jsxs","TextWrap","Title","Description","Checkbox","options","onChange","selectedValues","setSelectedValues","useState","CheckboxGroup","values","option","createElement","Checkbox_default"],"mappings":"sIAaMA,CAAAA,CAAQ,CAAC,CACb,KAAA,CAAAC,CAAAA,CAAQ,IAAA,CACR,IAAA,CAAAC,CAAAA,CAAO,OAAA,CACP,WAAA,CAAAC,CAAAA,CAAc,MAAA,CACd,kBAAA,CAAAC,CAAAA,CAAqB,OAAA,CACrB,OAAA,CAAAC,EAAU,KAAA,CACV,GAAGC,CACL,CAAA,GACEC,cAAAA,CAAGC,mBAAAA,CAAF,CAAiB,QAAA,CAAUH,CAAAA,CAC1B,QAAA,CAAAE,cAAAA,CAAGE,mBAAAA,CAAF,CAAiB,GAAGH,CAAAA,CACnB,QAAA,CAAAI,gBAAGC,mBAAAA,CAAF,CAAW,OAAA,CAASP,CAAAA,CACnB,QAAA,CAAA,CAAAG,cAAAA,CAAGK,mBAAAA,CAAF,CAAQ,MAAOV,CAAAA,GAAS,OAAA,CAAU,QAAA,CAAAD,CAAAA,CAAM,CAAA,CACxCE,CAAAA,EAAeI,cAAAA,CAAGM,mBAAAA,CAAF,CAAe,QAAA,CAAAV,CAAAA,CAAY,CAAA,CAAA,CAC9C,CAAA,CACF,CAAA,CACF,CAAA,CAOIW,CAAAA,CAAW,CAAC,CAAE,OAAA,CAAAC,CAAAA,CAAS,IAAA,CAAAb,CAAAA,CAAO,OAAA,CAAS,QAAA,CAAAc,CAAAA,CAAU,GAAGV,CAAK,CAAA,GAAkB,CAC/E,GAAM,CAACW,CAAAA,CAAgBC,CAAiB,CAAA,CAAIC,eAA8B,EAAE,CAAA,CAK5E,OACEZ,cAAAA,CAAGa,mBAAAA,CAAF,CAAiB,GAAGd,EAAM,QAAA,CALPe,CAAAA,EAAgC,CACpDH,CAAAA,CAAkBG,CAAM,CAAA,CACpBL,CAAAA,EAAUA,CAAAA,CAASK,CAAM,EAC/B,CAAA,CAGK,QAAA,CAAAN,CAAAA,CAAQ,GAAA,CAAKO,CAAAA,EACZC,mBAAAA,CAACvB,EAAA,CACE,GAAGsB,CAAAA,CACJ,IAAA,CAAMpB,CAAAA,CACN,OAAA,CAASe,CAAAA,CAAe,QAAA,CAASK,EAAO,KAAK,CAAA,CAC7C,GAAA,CAAKA,CAAAA,CAAO,EAAA,CACd,CACD,CAAA,CACH,CAEJ,EAEOE,CAAAA,CAAQV","file":"chunk-CWBOHDTU.cjs","sourcesContent":["import { CheckboxProps } from 'antd';\nimport { useState } from 'react';\nimport { SizeType } from 'antd/es/config-provider/SizeContext';\nimport { CheckboxGroupProps } from 'antd/es/checkbox';\nimport * as S from './style';\n\ntype OptionProps = {\n  label?: string | null;\n  size?: SizeType;\n  description?: string;\n  descriptionDisplay?: 'inline' | 'block';\n} & CheckboxProps;\n\nconst Block = ({\n  label = null,\n  size = 'large',\n  description = undefined,\n  descriptionDisplay = 'block',\n  checked = false,\n  ...rest\n}: OptionProps) => (\n  <S.CheckboxButton selected={checked}>\n    <S.CheckboxInput {...rest}>\n      <S.TextWrap display={descriptionDisplay}>\n        <S.Title large={size === 'large'}>{label}</S.Title>\n        {description && <S.Description>{description}</S.Description>}\n      </S.TextWrap>\n    </S.CheckboxInput>\n  </S.CheckboxButton>\n);\n\ntype CheckboxValueType = OptionProps['value'];\n\ntype GroupProps = { options: OptionProps[]; size?: SizeType } & CheckboxGroupProps;\n/** @deprecated Use the Checkbox component from @solace-health/ui/v2 instead. */\nconst Checkbox = ({ options, size = 'large', onChange, ...rest }: GroupProps) => {\n  const [selectedValues, setSelectedValues] = useState<CheckboxValueType[]>([]);\n  const handleChange = (values: CheckboxValueType[]) => {\n    setSelectedValues(values);\n    if (onChange) onChange(values);\n  };\n  return (\n    <S.CheckboxGroup {...rest} onChange={handleChange}>\n      {options.map((option) => (\n        <Block\n          {...option}\n          size={size}\n          checked={selectedValues.includes(option.value)}\n          key={option.id}\n        />\n      ))}\n    </S.CheckboxGroup>\n  );\n};\n\nexport default Checkbox;\n"]}
+{"version":3,"sources":["../src/Checkbox/index.tsx"],"names":["Block","label","size","description","descriptionDisplay","checked","rest","jsx","CheckboxButton","CheckboxInput","jsxs","TextWrap","Title","Description","Checkbox","options","onChange","selectedValues","setSelectedValues","useState","CheckboxGroup","values","option","createElement","Checkbox_default"],"mappings":"sIAaMA,CAAAA,CAAQ,CAAC,CACb,KAAA,CAAAC,CAAAA,CAAQ,IAAA,CACR,IAAA,CAAAC,CAAAA,CAAO,OAAA,CACP,WAAA,CAAAC,CAAAA,CAAc,MAAA,CACd,kBAAA,CAAAC,CAAAA,CAAqB,OAAA,CACrB,OAAA,CAAAC,EAAU,KAAA,CACV,GAAGC,CACL,CAAA,GACEC,cAAAA,CAAGC,mBAAAA,CAAF,CAAiB,QAAA,CAAUH,CAAAA,CAC1B,QAAA,CAAAE,cAAAA,CAAGE,mBAAAA,CAAF,CAAiB,GAAGH,CAAAA,CACnB,QAAA,CAAAI,gBAAGC,mBAAAA,CAAF,CAAW,OAAA,CAASP,CAAAA,CACnB,QAAA,CAAA,CAAAG,cAAAA,CAAGK,mBAAAA,CAAF,CAAQ,MAAOV,CAAAA,GAAS,OAAA,CAAU,QAAA,CAAAD,CAAAA,CAAM,CAAA,CACxCE,CAAAA,EAAeI,cAAAA,CAAGM,mBAAAA,CAAF,CAAe,QAAA,CAAAV,CAAAA,CAAY,CAAA,CAAA,CAC9C,CAAA,CACF,CAAA,CACF,CAAA,CAOIW,CAAAA,CAAW,CAAC,CAAE,OAAA,CAAAC,CAAAA,CAAS,IAAA,CAAAb,CAAAA,CAAO,OAAA,CAAS,QAAA,CAAAc,CAAAA,CAAU,GAAGV,CAAK,CAAA,GAAkB,CAC/E,GAAM,CAACW,CAAAA,CAAgBC,CAAiB,CAAA,CAAIC,eAA8B,EAAE,CAAA,CAK5E,OACEZ,cAAAA,CAAGa,mBAAAA,CAAF,CAAiB,GAAGd,EAAM,QAAA,CALPe,CAAAA,EAAgC,CACpDH,CAAAA,CAAkBG,CAAM,CAAA,CACpBL,CAAAA,EAAUA,CAAAA,CAASK,CAAM,EAC/B,CAAA,CAGK,QAAA,CAAAN,CAAAA,CAAQ,GAAA,CAAKO,CAAAA,EACZC,mBAAAA,CAACvB,EAAA,CACE,GAAGsB,CAAAA,CACJ,IAAA,CAAMpB,CAAAA,CACN,OAAA,CAASe,CAAAA,CAAe,QAAA,CAASK,EAAO,KAAK,CAAA,CAC7C,GAAA,CAAKA,CAAAA,CAAO,EAAA,CACd,CACD,CAAA,CACH,CAEJ,EAEOE,CAAAA,CAAQV","file":"chunk-C7R4CZT4.cjs","sourcesContent":["import { CheckboxProps } from 'antd';\nimport { useState } from 'react';\nimport { SizeType } from 'antd/es/config-provider/SizeContext';\nimport { CheckboxGroupProps } from 'antd/es/checkbox';\nimport * as S from './style';\n\ntype OptionProps = {\n  label?: string | null;\n  size?: SizeType;\n  description?: string;\n  descriptionDisplay?: 'inline' | 'block';\n} & CheckboxProps;\n\nconst Block = ({\n  label = null,\n  size = 'large',\n  description = undefined,\n  descriptionDisplay = 'block',\n  checked = false,\n  ...rest\n}: OptionProps) => (\n  <S.CheckboxButton selected={checked}>\n    <S.CheckboxInput {...rest}>\n      <S.TextWrap display={descriptionDisplay}>\n        <S.Title large={size === 'large'}>{label}</S.Title>\n        {description && <S.Description>{description}</S.Description>}\n      </S.TextWrap>\n    </S.CheckboxInput>\n  </S.CheckboxButton>\n);\n\ntype CheckboxValueType = OptionProps['value'];\n\ntype GroupProps = { options: OptionProps[]; size?: SizeType } & CheckboxGroupProps;\n/** @deprecated Use the Checkbox component from @solace-health/ui/v2 instead. */\nconst Checkbox = ({ options, size = 'large', onChange, ...rest }: GroupProps) => {\n  const [selectedValues, setSelectedValues] = useState<CheckboxValueType[]>([]);\n  const handleChange = (values: CheckboxValueType[]) => {\n    setSelectedValues(values);\n    if (onChange) onChange(values);\n  };\n  return (\n    <S.CheckboxGroup {...rest} onChange={handleChange}>\n      {options.map((option) => (\n        <Block\n          {...option}\n          size={size}\n          checked={selectedValues.includes(option.value)}\n          key={option.id}\n        />\n      ))}\n    </S.CheckboxGroup>\n  );\n};\n\nexport default Checkbox;\n"]}

package/dist/{chunk-6NPE4D6P.cjs → chunk-DRJ5UCD6.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunk3JUINTQB_cjs=require('./chunk-3JUINTQB.cjs'),chunkAAYRFIJ4_cjs=require('./chunk-AAYRFIJ4.cjs'),chunkBXFHENQ3_cjs=require('./chunk-BXFHENQ3.cjs'),a=require('@emotion/styled'),web=require('@react-spring/web'),react=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var a__default=/*#__PURE__*/_interopDefault(a);var H=a__default.default(web.animated.div)`
+'use strict';var chunk3JUINTQB_cjs=require('./chunk-3JUINTQB.cjs'),chunkOSF3P3SH_cjs=require('./chunk-OSF3P3SH.cjs'),chunkBXFHENQ3_cjs=require('./chunk-BXFHENQ3.cjs'),a=require('@emotion/styled'),web=require('@react-spring/web'),react=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var a__default=/*#__PURE__*/_interopDefault(a);var H=a__default.default(web.animated.div)`
   max-height: ${({size:o,useStaticImage:e})=>e?o:(o||58)+24}px;
   padding: ${({useStaticImage:o})=>o?0:12}px;
   display: flex;
@@ -29,5 +29,5 @@
   margin: 0;
   line-height: 12px;
   color: var(--green-900);
-`,L=({contentfulConfig:o,size:e=58,useStaticImage:t=false})=>{let[d,h]=react.useState(""),[w,i]=web.useSpring(()=>({from:{width:t?e:e+24,backgroundColor:"#fff",color:chunkBXFHENQ3_cjs.d.white}}));react.useEffect(()=>{i({width:t?e:e+24,immediate:true});},[t,e]),react.useEffect(()=>{new chunk3JUINTQB_cjs.b(o).getImage("vanta-logo").then(n=>{h(n);});},[]);let[b,l]=web.useSpring(()=>({from:{opacity:0},delay:100})),s=n=>({width:n?208+e:e+24,backgroundColor:n?"#d4e2dd":"#fff"}),f=n=>({opacity:n?1:0}),v=()=>{i(s(true)),l(f(true));},T=()=>{i(s(false)),l(f(false));};return d?jsxRuntime.jsxs(H,{style:w,onMouseEnter:t?void 0:v,onMouseLeave:t?void 0:T,size:e,useStaticImage:t,children:[jsxRuntime.jsx("img",{alt:"Vanta Logo",src:d,height:e,width:e}),jsxRuntime.jsxs(W,{style:b,children:[jsxRuntime.jsx(chunkAAYRFIJ4_cjs.a.Body,{children:jsxRuntime.jsx(A,{children:"Guaranteed Security"})}),jsxRuntime.jsx(chunkAAYRFIJ4_cjs.a.Body,{size:"xs",children:jsxRuntime.jsx(B,{children:"We're committed to protecting your privacy. Solace is safe, secure, and HIPAA compliant\u2014 certified by Vanta."})})]})]}):null},G=L;exports.a=G;//# sourceMappingURL=chunk-6NPE4D6P.cjs.map
-//# sourceMappingURL=chunk-6NPE4D6P.cjs.map
+`,L=({contentfulConfig:o,size:e=58,useStaticImage:t=false})=>{let[d,h]=react.useState(""),[w,i]=web.useSpring(()=>({from:{width:t?e:e+24,backgroundColor:"#fff",color:chunkBXFHENQ3_cjs.d.white}}));react.useEffect(()=>{i({width:t?e:e+24,immediate:true});},[t,e]),react.useEffect(()=>{new chunk3JUINTQB_cjs.b(o).getImage("vanta-logo").then(n=>{h(n);});},[]);let[b,l]=web.useSpring(()=>({from:{opacity:0},delay:100})),s=n=>({width:n?208+e:e+24,backgroundColor:n?"#d4e2dd":"#fff"}),f=n=>({opacity:n?1:0}),v=()=>{i(s(true)),l(f(true));},T=()=>{i(s(false)),l(f(false));};return d?jsxRuntime.jsxs(H,{style:w,onMouseEnter:t?void 0:v,onMouseLeave:t?void 0:T,size:e,useStaticImage:t,children:[jsxRuntime.jsx("img",{alt:"Vanta Logo",src:d,height:e,width:e}),jsxRuntime.jsxs(W,{style:b,children:[jsxRuntime.jsx(chunkOSF3P3SH_cjs.a.Body,{children:jsxRuntime.jsx(A,{children:"Guaranteed Security"})}),jsxRuntime.jsx(chunkOSF3P3SH_cjs.a.Body,{size:"xs",children:jsxRuntime.jsx(B,{children:"We're committed to protecting your privacy. Solace is safe, secure, and HIPAA compliant\u2014 certified by Vanta."})})]})]}):null},G=L;exports.a=G;//# sourceMappingURL=chunk-DRJ5UCD6.cjs.map
+//# sourceMappingURL=chunk-DRJ5UCD6.cjs.map

package/dist/{chunk-6NPE4D6P.cjs.map → chunk-DRJ5UCD6.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/VantaLogo/index.tsx"],"names":["Container","styled","animated","size","useStaticImage","TextContainer","HeadingWrapper","TextWrapper","VantaLogo","contentfulConfig","image","setImage","useState","animation","set","useSpring","baseColors","useEffect","Contentful","data","textAnimation","setTextAnimation","updateHover","hovering","updateTextHover","onMouseEnter","onMouseLeave","jsxs","jsx","Typography_default","VantaLogo_default"],"mappings":"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","file":"chunk-6NPE4D6P.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport { animated, useSpring } from '@react-spring/web';\nimport { useEffect, useState } from 'react';\nimport Typography from '../Typography';\nimport { Size } from '../Typography/types';\nimport { Contentful } from '../clients/contentful';\nimport { baseColors } from '../theme/themeVariables';\n\nconst Container = styled(animated.div)<{ size?: number; useStaticImage?: boolean }>`\n  max-height: ${({ size, useStaticImage }) => (useStaticImage ? size : (size || 58) + 24)}px;\n  padding: ${({ useStaticImage }) => (useStaticImage ? 0 : 12)}px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  box-shadow: ${({ useStaticImage }) =>\n    useStaticImage\n      ? 'none'\n      : '1.5696979761123657px 1.5696979761123657px 15.696980476379395px 0px #d4e2dd'};\n  overflow: hidden;\n  border-radius: 50%;\n\n  ${({ useStaticImage }) =>\n    !useStaticImage &&\n    `&:hover {\n    border-radius: 40px;\n  }`}\n`;\n\nconst TextContainer = styled(animated.div)`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  min-width: 180px;\n  max-width: 180px;\n  margin-left: 12px;\n`;\n\nconst HeadingWrapper = styled.span`\n  font-weight: 700;\n  letter-spacing: 0.157px;\n  color: var(--green-900);\n`;\n\nconst TextWrapper = styled.p`\n  font-size: 10px;\n  letter-spacing: 0.157px;\n  text-align: left;\n  margin: 0;\n  line-height: 12px;\n  color: var(--green-900);\n`;\n\nconst VantaLogo = ({\n  contentfulConfig,\n  size = 58,\n  useStaticImage = false,\n}: {\n  contentfulConfig: { space: string; accessToken: string };\n  size?: number;\n  useStaticImage?: boolean;\n}) => {\n  const [image, setImage] = useState<string | null>('');\n  const [animation, set] = useSpring(() => ({\n    from: {\n      width: useStaticImage ? size : size + 24,\n      backgroundColor: '#fff',\n      color: baseColors.white,\n    },\n  }));\n\n  // This is only needed so that the component re-renders properly in Storybook when props change\n  useEffect(() => {\n    set({ width: useStaticImage ? size : size + 24, immediate: true });\n  }, [useStaticImage, size]);\n\n  useEffect(() => {\n    new Contentful(contentfulConfig).getImage('vanta-logo').then((data) => {\n      setImage(data);\n    });\n  }, []);\n\n  const [textAnimation, setTextAnimation] = useSpring(() => ({\n    from: {\n      opacity: 0,\n    },\n    delay: 100,\n  }));\n\n  const updateHover = (hovering: boolean) => ({\n    width: hovering ? 208 + size : size + 24,\n    backgroundColor: hovering ? '#d4e2dd' : '#fff',\n  });\n\n  const updateTextHover = (hovering: boolean) => ({\n    opacity: hovering ? 1 : 0,\n  });\n\n  const onMouseEnter = () => {\n    set(updateHover(true));\n    setTextAnimation(updateTextHover(true));\n  };\n\n  const onMouseLeave = () => {\n    set(updateHover(false));\n    setTextAnimation(updateTextHover(false));\n  };\n\n  if (!image) return null;\n\n  return (\n    <Container\n      style={animation}\n      onMouseEnter={useStaticImage ? undefined : onMouseEnter}\n      onMouseLeave={useStaticImage ? undefined : onMouseLeave}\n      size={size}\n      useStaticImage={useStaticImage}\n    >\n      <img alt=\"Vanta Logo\" src={image} height={size} width={size} />\n      <TextContainer style={textAnimation}>\n        <Typography.Body>\n          <HeadingWrapper>Guaranteed Security</HeadingWrapper>\n        </Typography.Body>\n        <Typography.Body size={Size.XS}>\n          <TextWrapper>\n            We&apos;re committed to protecting your privacy. Solace is safe, secure, and HIPAA\n            compliant— certified by Vanta.\n          </TextWrapper>\n        </Typography.Body>\n      </TextContainer>\n    </Container>\n  );\n};\n\nexport default VantaLogo;\n"]}
+{"version":3,"sources":["../src/VantaLogo/index.tsx"],"names":["Container","styled","animated","size","useStaticImage","TextContainer","HeadingWrapper","TextWrapper","VantaLogo","contentfulConfig","image","setImage","useState","animation","set","useSpring","baseColors","useEffect","Contentful","data","textAnimation","setTextAnimation","updateHover","hovering","updateTextHover","onMouseEnter","onMouseLeave","jsxs","jsx","Typography_default","VantaLogo_default"],"mappings":"oZAQA,IAAMA,CAAAA,CAAYC,kBAAAA,CAAOC,YAAAA,CAAS,GAAG,CAAA;AAAA,cAAA,EACrB,CAAC,CAAE,IAAA,CAAAC,CAAAA,CAAM,cAAA,CAAAC,CAAe,CAAA,GAAOA,CAAAA,CAAiBD,CAAAA,CAAAA,CAAQA,CAAAA,EAAQ,EAAA,EAAM,EAAG,CAAA;AAAA,WAAA,EAC5E,CAAC,CAAE,cAAA,CAAAC,CAAe,CAAA,GAAOA,CAAAA,CAAiB,EAAI,EAAG,CAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAI9C,CAAC,CAAE,cAAA,CAAAA,CAAe,CAAA,GAC9BA,CAAAA,CACI,OACA,4EAA4E,CAAA;AAAA;AAAA;;AAAA,EAAA,EAIhF,CAAC,CAAE,cAAA,CAAAA,CAAe,CAAA,GAClB,CAACA,CAAAA,EACD,CAAA;AAAA;AAAA,GAAA,CAEA;AAAA,CAAA,CAGEC,CAAAA,CAAgBJ,kBAAAA,CAAOC,YAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CASnCI,EAAiBL,kBAAAA,CAAO,IAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMxBM,EAAcN,kBAAAA,CAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CASrBO,CAAAA,CAAY,CAAC,CACjB,gBAAA,CAAAC,EACA,IAAA,CAAAN,CAAAA,CAAO,EAAA,CACP,cAAA,CAAAC,CAAAA,CAAiB,KACnB,IAIM,CACJ,GAAM,CAACM,CAAAA,CAAOC,CAAQ,CAAA,CAAIC,eAAwB,EAAE,CAAA,CAC9C,CAACC,CAAAA,CAAWC,CAAG,CAAA,CAAIC,cAAU,KAAO,CACxC,IAAA,CAAM,CACJ,KAAA,CAAOX,CAAAA,CAAiBD,EAAOA,CAAAA,CAAO,EAAA,CACtC,eAAA,CAAiB,MAAA,CACjB,KAAA,CAAOa,mBAAAA,CAAW,KACpB,CACF,CAAA,CAAE,CAAA,CAGFC,eAAAA,CAAU,IAAM,CACdH,EAAI,CAAE,KAAA,CAAOV,CAAAA,CAAiBD,CAAAA,CAAOA,CAAAA,CAAO,EAAA,CAAI,UAAW,IAAK,CAAC,EACnE,CAAA,CAAG,CAACC,EAAgBD,CAAI,CAAC,CAAA,CAEzBc,eAAAA,CAAU,IAAM,CACd,IAAIC,mBAAAA,CAAWT,CAAgB,CAAA,CAAE,QAAA,CAAS,YAAY,CAAA,CAAE,KAAMU,CAAAA,EAAS,CACrER,CAAAA,CAASQ,CAAI,EACf,CAAC,EACH,CAAA,CAAG,EAAE,CAAA,CAEL,GAAM,CAACC,EAAeC,CAAgB,CAAA,CAAIN,aAAAA,CAAU,KAAO,CACzD,IAAA,CAAM,CACJ,OAAA,CAAS,CACX,CAAA,CACA,KAAA,CAAO,GACT,CAAA,CAAE,EAEIO,CAAAA,CAAeC,CAAAA,GAAuB,CAC1C,KAAA,CAAOA,CAAAA,CAAW,GAAA,CAAMpB,EAAOA,CAAAA,CAAO,EAAA,CACtC,gBAAiBoB,CAAAA,CAAW,SAAA,CAAY,MAC1C,CAAA,CAAA,CAEMC,CAAAA,CAAmBD,CAAAA,GAAuB,CAC9C,OAAA,CAASA,CAAAA,CAAW,EAAI,CAC1B,CAAA,CAAA,CAEME,CAAAA,CAAe,IAAM,CACzBX,CAAAA,CAAIQ,EAAY,IAAI,CAAC,CAAA,CACrBD,CAAAA,CAAiBG,CAAAA,CAAgB,IAAI,CAAC,EACxC,CAAA,CAEME,CAAAA,CAAe,IAAM,CACzBZ,CAAAA,CAAIQ,EAAY,KAAK,CAAC,CAAA,CACtBD,CAAAA,CAAiBG,CAAAA,CAAgB,KAAK,CAAC,EACzC,CAAA,CAEA,OAAKd,CAAAA,CAGHiB,eAAAA,CAAC3B,CAAAA,CAAA,CACC,KAAA,CAAOa,CAAAA,CACP,YAAA,CAAcT,CAAAA,CAAiB,MAAA,CAAYqB,CAAAA,CAC3C,aAAcrB,CAAAA,CAAiB,MAAA,CAAYsB,EAC3C,IAAA,CAAMvB,CAAAA,CACN,eAAgBC,CAAAA,CAEhB,QAAA,CAAA,CAAAwB,cAAAA,CAAC,KAAA,CAAA,CAAI,GAAA,CAAI,YAAA,CAAa,IAAKlB,CAAAA,CAAO,MAAA,CAAQP,CAAAA,CAAM,KAAA,CAAOA,CAAAA,CAAM,CAAA,CAC7DwB,gBAACtB,CAAAA,CAAA,CAAc,KAAA,CAAOe,CAAAA,CACpB,QAAA,CAAA,CAAAQ,cAAAA,CAACC,oBAAW,IAAA,CAAX,CACC,QAAA,CAAAD,cAAAA,CAACtB,CAAAA,CAAA,CAAe,+BAAmB,CAAA,CACrC,CAAA,CACAsB,cAAAA,CAACC,mBAAAA,CAAW,IAAA,CAAX,CAAgB,UACf,QAAA,CAAAD,cAAAA,CAACrB,CAAAA,CAAA,CAAY,QAAA,CAAA,mHAAA,CAGb,CAAA,CACF,GACF,CAAA,CAAA,CACF,CAAA,CAtBiB,IAwBrB,CAAA,CAEOuB,CAAAA,CAAQtB","file":"chunk-DRJ5UCD6.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport { animated, useSpring } from '@react-spring/web';\nimport { useEffect, useState } from 'react';\nimport Typography from '../Typography';\nimport { Size } from '../Typography/types';\nimport { Contentful } from '../clients/contentful';\nimport { baseColors } from '../theme/themeVariables';\n\nconst Container = styled(animated.div)<{ size?: number; useStaticImage?: boolean }>`\n  max-height: ${({ size, useStaticImage }) => (useStaticImage ? size : (size || 58) + 24)}px;\n  padding: ${({ useStaticImage }) => (useStaticImage ? 0 : 12)}px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  box-shadow: ${({ useStaticImage }) =>\n    useStaticImage\n      ? 'none'\n      : '1.5696979761123657px 1.5696979761123657px 15.696980476379395px 0px #d4e2dd'};\n  overflow: hidden;\n  border-radius: 50%;\n\n  ${({ useStaticImage }) =>\n    !useStaticImage &&\n    `&:hover {\n    border-radius: 40px;\n  }`}\n`;\n\nconst TextContainer = styled(animated.div)`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  min-width: 180px;\n  max-width: 180px;\n  margin-left: 12px;\n`;\n\nconst HeadingWrapper = styled.span`\n  font-weight: 700;\n  letter-spacing: 0.157px;\n  color: var(--green-900);\n`;\n\nconst TextWrapper = styled.p`\n  font-size: 10px;\n  letter-spacing: 0.157px;\n  text-align: left;\n  margin: 0;\n  line-height: 12px;\n  color: var(--green-900);\n`;\n\nconst VantaLogo = ({\n  contentfulConfig,\n  size = 58,\n  useStaticImage = false,\n}: {\n  contentfulConfig: { space: string; accessToken: string };\n  size?: number;\n  useStaticImage?: boolean;\n}) => {\n  const [image, setImage] = useState<string | null>('');\n  const [animation, set] = useSpring(() => ({\n    from: {\n      width: useStaticImage ? size : size + 24,\n      backgroundColor: '#fff',\n      color: baseColors.white,\n    },\n  }));\n\n  // This is only needed so that the component re-renders properly in Storybook when props change\n  useEffect(() => {\n    set({ width: useStaticImage ? size : size + 24, immediate: true });\n  }, [useStaticImage, size]);\n\n  useEffect(() => {\n    new Contentful(contentfulConfig).getImage('vanta-logo').then((data) => {\n      setImage(data);\n    });\n  }, []);\n\n  const [textAnimation, setTextAnimation] = useSpring(() => ({\n    from: {\n      opacity: 0,\n    },\n    delay: 100,\n  }));\n\n  const updateHover = (hovering: boolean) => ({\n    width: hovering ? 208 + size : size + 24,\n    backgroundColor: hovering ? '#d4e2dd' : '#fff',\n  });\n\n  const updateTextHover = (hovering: boolean) => ({\n    opacity: hovering ? 1 : 0,\n  });\n\n  const onMouseEnter = () => {\n    set(updateHover(true));\n    setTextAnimation(updateTextHover(true));\n  };\n\n  const onMouseLeave = () => {\n    set(updateHover(false));\n    setTextAnimation(updateTextHover(false));\n  };\n\n  if (!image) return null;\n\n  return (\n    <Container\n      style={animation}\n      onMouseEnter={useStaticImage ? undefined : onMouseEnter}\n      onMouseLeave={useStaticImage ? undefined : onMouseLeave}\n      size={size}\n      useStaticImage={useStaticImage}\n    >\n      <img alt=\"Vanta Logo\" src={image} height={size} width={size} />\n      <TextContainer style={textAnimation}>\n        <Typography.Body>\n          <HeadingWrapper>Guaranteed Security</HeadingWrapper>\n        </Typography.Body>\n        <Typography.Body size={Size.XS}>\n          <TextWrapper>\n            We&apos;re committed to protecting your privacy. Solace is safe, secure, and HIPAA\n            compliant— certified by Vanta.\n          </TextWrapper>\n        </Typography.Body>\n      </TextContainer>\n    </Container>\n  );\n};\n\nexport default VantaLogo;\n"]}

package/dist/chunk-E62FFEBT.js

@@ -0,0 +1,2 @@
+import {a as a$1}from'./chunk-A4LZMZHH.js';import {a}from'./chunk-FCBKZAPC.js';import {jsx}from'react/jsx-runtime';function p({children:o,width:t,styles:l,...a$2}){return jsx(a,{width:t??"58rem",styles:a$1.overlay,placement:"right",...a$2,children:o})}export{p as a};//# sourceMappingURL=chunk-E62FFEBT.js.map
+//# sourceMappingURL=chunk-E62FFEBT.js.map

package/dist/{chunk-FMTJDPSB.js.map → chunk-E62FFEBT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Overlay/Overlay.tsx"],"names":["Overlay","children","width","styles","rest","jsx","Drawer_default","DrawerTheme"],"mappings":"mHASe,SAARA,CAAAA,CAAyB,CAAE,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAO,MAAA,CAAAC,CAAAA,CAAQ,GAAGC,GAAK,CAAA,CAAU,CAC3E,OACEC,GAAAA,CAACC,CAAAA,CAAA,CAAO,KAAA,CAAOJ,CAAAA,EAAS,QAAS,MAAA,CAAQK,GAAAA,CAAY,OAAA,CAAS,SAAA,CAAU,OAAA,CAAS,GAAGH,GAAAA,CACjF,QAAA,CAAAH,EACH,CAEJ","file":"chunk-FMTJDPSB.js","sourcesContent":["import { DrawerProps } from 'antd';\nimport Drawer from '../Drawer';\nimport { DrawerTheme } from '../Drawer/theme';\n\ntype Props = {\n  children: React.ReactNode;\n} & DrawerProps;\n\n/** @deprecated Use the Drawer component from @solace-health/ui/v2 instead. */\nexport default function Overlay({ children, width, styles, ...rest }: Props) {\n  return (\n    <Drawer width={width ?? '58rem'} styles={DrawerTheme.overlay} placement=\"right\" {...rest}>\n      {children}\n    </Drawer>\n  );\n}\n"]}
+{"version":3,"sources":["../src/Overlay/Overlay.tsx"],"names":["Overlay","children","width","styles","rest","jsx","Drawer_default","DrawerTheme"],"mappings":"mHASe,SAARA,CAAAA,CAAyB,CAAE,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAO,MAAA,CAAAC,CAAAA,CAAQ,GAAGC,GAAK,CAAA,CAAU,CAC3E,OACEC,GAAAA,CAACC,CAAAA,CAAA,CAAO,KAAA,CAAOJ,CAAAA,EAAS,QAAS,MAAA,CAAQK,GAAAA,CAAY,OAAA,CAAS,SAAA,CAAU,OAAA,CAAS,GAAGH,GAAAA,CACjF,QAAA,CAAAH,EACH,CAEJ","file":"chunk-E62FFEBT.js","sourcesContent":["import { DrawerProps } from 'antd';\nimport Drawer from '../Drawer';\nimport { DrawerTheme } from '../Drawer/theme';\n\ntype Props = {\n  children: React.ReactNode;\n} & DrawerProps;\n\n/** @deprecated Use the Drawer component from @solace-health/ui/v2 instead. */\nexport default function Overlay({ children, width, styles, ...rest }: Props) {\n  return (\n    <Drawer width={width ?? '58rem'} styles={DrawerTheme.overlay} placement=\"right\" {...rest}>\n      {children}\n    </Drawer>\n  );\n}\n"]}

package/dist/{chunk-GEM5DGTW.js → chunk-FJNUYBHI.js}

@@ -1,4 +1,4 @@
-import {a}from'./chunk-YVYP2VJD.js';import {c as c$1}from'./chunk-7QZQXRMR.js';import r from'@emotion/styled';var l=r.div`
+import {a}from'./chunk-3OB5RPDJ.js';import {c as c$1}from'./chunk-7QZQXRMR.js';import r from'@emotion/styled';var l=r.div`
   margin-bottom: 32px;
 `,p=r.div`
   display: ${e=>e.isColumns?"grid":"flex"};
@@ -205,5 +205,5 @@ import {a}from'./chunk-YVYP2VJD.js';import {c as c$1}from'./chunk-7QZQXRMR.js';i
   height: 100%;
   border-radius: 4px;
   cursor: pointer;
-`;export{l as a,p as b,d as c,s as d,c as e,b as f,m as g,g as h,x as i};//# sourceMappingURL=chunk-GEM5DGTW.js.map
-//# sourceMappingURL=chunk-GEM5DGTW.js.map
+`;export{l as a,p as b,d as c,s as d,c as e,b as f,m as g,g as h,x as i};//# sourceMappingURL=chunk-FJNUYBHI.js.map
+//# sourceMappingURL=chunk-FJNUYBHI.js.map

package/dist/{chunk-GEM5DGTW.js.map → chunk-FJNUYBHI.js.map}

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

package/dist/{chunk-2NVNTAL5.js → chunk-FMJA3TQV.js}

@@ -1,2 +1,2 @@
-import {a}from'./chunk-HA5FDZWT.js';import {useFormContext,Controller}from'react-hook-form';import {jsx}from'react/jsx-runtime';var l=({name:t,...a$1})=>{let{control:s}=useFormContext();return jsx(Controller,{control:s,name:t,render:({field:r})=>jsx(a,{onCheck:o=>{Array.isArray(o)?r.onChange(o):r.onChange(o.checked);},checkedKeys:r.value,onBlur:r.onBlur,...a$1})})},c=l;export{c as a};//# sourceMappingURL=chunk-2NVNTAL5.js.map
-//# sourceMappingURL=chunk-2NVNTAL5.js.map
+import {a}from'./chunk-IWF4AMNR.js';import {useFormContext,Controller}from'react-hook-form';import {jsx}from'react/jsx-runtime';var l=({name:t,...a$1})=>{let{control:s}=useFormContext();return jsx(Controller,{control:s,name:t,render:({field:r})=>jsx(a,{onCheck:o=>{Array.isArray(o)?r.onChange(o):r.onChange(o.checked);},checkedKeys:r.value,onBlur:r.onBlur,...a$1})})},c=l;export{c as a};//# sourceMappingURL=chunk-FMJA3TQV.js.map
+//# sourceMappingURL=chunk-FMJA3TQV.js.map

package/dist/{chunk-2NVNTAL5.js.map → chunk-FMJA3TQV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/Tree/index.tsx"],"names":["Tree","name","rest","control","useFormContext","jsx","Controller","field","checkedKeys","Tree_default"],"mappings":"gIAMA,IAAMA,CAAAA,CAAO,CAAC,CAAE,IAAA,CAAAC,EAAM,GAAGC,GAAK,CAAA,GAAqB,CACjD,GAAM,CAAE,OAAA,CAAAC,CAAQ,EAAIC,cAAAA,EAAe,CAEnC,OACEC,GAAAA,CAACC,WAAA,CACC,OAAA,CAASH,CAAAA,CACT,IAAA,CAAMF,EACN,MAAA,CAAQ,CAAC,CAAE,KAAA,CAAAM,CAAM,CAAA,GACfF,GAAAA,CAACL,CAAAA,CAAA,CACC,OAAA,CAAUQ,CAAAA,EAAgB,CACpB,KAAA,CAAM,OAAA,CAAQA,CAAW,CAAA,CAC3BD,CAAAA,CAAM,SAASC,CAAW,CAAA,CAE1BD,CAAAA,CAAM,QAAA,CAASC,CAAAA,CAAY,OAAO,EAEtC,CAAA,CACA,YAAaD,CAAAA,CAAM,KAAA,CACnB,MAAA,CAAQA,CAAAA,CAAM,OACb,GAAGL,GAAAA,CACN,CAAA,CAEJ,CAEJ,EAEOO,CAAAA,CAAQT","file":"chunk-2NVNTAL5.js","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n// eslint-disable-next-line import/no-named-default\nimport { default as BaseTree, TreeProps } from '../../Tree';\n\ntype FormTreeProps = { name: string } & TreeProps;\n\nconst Tree = ({ name, ...rest }: FormTreeProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <BaseTree\n          onCheck={(checkedKeys) => {\n            if (Array.isArray(checkedKeys)) {\n              field.onChange(checkedKeys);\n            } else {\n              field.onChange(checkedKeys.checked);\n            }\n          }}\n          checkedKeys={field.value}\n          onBlur={field.onBlur}\n          {...rest}\n        />\n      )}\n    />\n  );\n};\n\nexport default Tree;\n"]}
+{"version":3,"sources":["../src/Form/Tree/index.tsx"],"names":["Tree","name","rest","control","useFormContext","jsx","Controller","field","checkedKeys","Tree_default"],"mappings":"gIAMA,IAAMA,CAAAA,CAAO,CAAC,CAAE,IAAA,CAAAC,EAAM,GAAGC,GAAK,CAAA,GAAqB,CACjD,GAAM,CAAE,OAAA,CAAAC,CAAQ,EAAIC,cAAAA,EAAe,CAEnC,OACEC,GAAAA,CAACC,WAAA,CACC,OAAA,CAASH,CAAAA,CACT,IAAA,CAAMF,EACN,MAAA,CAAQ,CAAC,CAAE,KAAA,CAAAM,CAAM,CAAA,GACfF,GAAAA,CAACL,CAAAA,CAAA,CACC,OAAA,CAAUQ,CAAAA,EAAgB,CACpB,KAAA,CAAM,OAAA,CAAQA,CAAW,CAAA,CAC3BD,CAAAA,CAAM,SAASC,CAAW,CAAA,CAE1BD,CAAAA,CAAM,QAAA,CAASC,CAAAA,CAAY,OAAO,EAEtC,CAAA,CACA,YAAaD,CAAAA,CAAM,KAAA,CACnB,MAAA,CAAQA,CAAAA,CAAM,OACb,GAAGL,GAAAA,CACN,CAAA,CAEJ,CAEJ,EAEOO,CAAAA,CAAQT","file":"chunk-FMJA3TQV.js","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n// eslint-disable-next-line import/no-named-default\nimport { default as BaseTree, TreeProps } from '../../Tree';\n\ntype FormTreeProps = { name: string } & TreeProps;\n\nconst Tree = ({ name, ...rest }: FormTreeProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <BaseTree\n          onCheck={(checkedKeys) => {\n            if (Array.isArray(checkedKeys)) {\n              field.onChange(checkedKeys);\n            } else {\n              field.onChange(checkedKeys.checked);\n            }\n          }}\n          checkedKeys={field.value}\n          onBlur={field.onBlur}\n          {...rest}\n        />\n      )}\n    />\n  );\n};\n\nexport default Tree;\n"]}