@solace-health/ui 0.10.684 → 0.10.685

package/dist/chunk-5S34HOVB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/v2/alert/alert.tsx"],"names":["alertVariants","cva","Alert","className","variant","size","props","jsx","cn","AlertTitle","AlertDescription","AlertActions"],"mappings":"sKAKA,IAAMA,CAAAA,CAAgBC,0BAAAA,CACpB,uLAAA,CACA,CACE,QAAA,CAAU,CACR,QAAS,CACP,OAAA,CAAS,oCAAA,CACT,OAAA,CAAS,2CAAA,CACT,KAAA,CAAO,gDAAA,CACP,OAAA,CAAS,yDACX,CAAA,CACA,IAAA,CAAM,CACJ,KAAA,CAAO,yDACP,KAAA,CACE,+FACJ,CACF,CAAA,CACA,gBAAiB,CACf,OAAA,CAAS,SAAA,CACT,IAAA,CAAM,OACR,CACF,CACF,CAAA,CAEA,SAASC,CAAAA,CAAM,CACb,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAqE,CACnE,OACEC,cAAAA,CAAC,KAAA,CAAA,CACC,WAAA,CAAU,OAAA,CACV,KAAK,OAAA,CACL,SAAA,CAAWC,mBAAAA,CAAGR,CAAAA,CAAc,CAAE,OAAA,CAAAI,CAAAA,CAAS,IAAA,CAAAC,CAAK,CAAC,CAAA,CAAGF,CAAS,CAAA,CACxD,GAAGG,CAAAA,CACN,CAEJ,CAEA,SAASG,EAAW,CAAE,SAAA,CAAAN,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAgC,CACxE,OACEC,eAAC,KAAA,CAAA,CACC,WAAA,CAAU,aAAA,CACV,SAAA,CAAWC,mBAAAA,CACT,6FAAA,CACAL,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAEJ,CAEA,SAASI,EAAiB,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAgC,CAC9E,OACEC,cAAAA,CAAC,KAAA,CAAA,CACC,WAAA,CAAU,mBAAA,CACV,SAAA,CAAWC,oBACT,uFAAA,CACAL,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAEJ,CAEA,SAASK,EAAa,CAAE,SAAA,CAAAR,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAgC,CAC1E,OACEC,eAAC,KAAA,CAAA,CACC,WAAA,CAAU,eAAA,CACV,SAAA,CAAWC,oBAAG,qCAAA,CAAuCL,CAAS,CAAA,CAC7D,GAAGG,EACN,CAEJ","file":"chunk-5S34HOVB.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst alertVariants = cva(\n  'relative w-full rounded-md border px-4 py-3 text-primary text-md grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 [&>svg]:size-4',\n  {\n    variants: {\n      variant: {\n        default: 'bg-grey-100 [&>svg]:text-dark-gray',\n        warning: 'bg-gold-100 border-gold [&>svg]:text-gold',\n        error: 'bg-red-100 border-red [&>svg]:text-destructive',\n        success: 'bg-green-100 border-light-green [&>svg]:text-dark-green',\n      },\n      size: {\n        small: 'items-center [&>[data-slot=alert-actions]]:col-start-3',\n        large:\n          'items-start gap-y-2 px-5 py-4 [&>svg]:self-center [&>[data-slot=alert-title]]:line-clamp-none',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'small',\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        'col-start-2 line-clamp-1 flex min-h-4 items-center justify-between font-bold tracking-tight',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        'text-primary col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-actions\"\n      className={cn('col-start-2 flex items-center gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertActions };\n"]}

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

@@ -1,4 +1,4 @@
-'use strict';var chunkAAYRFIJ4_cjs=require('./chunk-AAYRFIJ4.cjs'),chunk4VIXEDG4_cjs=require('./chunk-4VIXEDG4.cjs'),web=require('@react-spring/web');var a=chunk4VIXEDG4_cjs.a.div`
+'use strict';var chunkOSF3P3SH_cjs=require('./chunk-OSF3P3SH.cjs'),chunk4VIXEDG4_cjs=require('./chunk-4VIXEDG4.cjs'),web=require('@react-spring/web');var a=chunk4VIXEDG4_cjs.a.div`
   position: relative;
   z-index: 20;
 `,d=chunk4VIXEDG4_cjs.a.div`
@@ -59,7 +59,7 @@
   padding: 0 20px;
   width: 100%;
   height: 100%;
-`,f=chunk4VIXEDG4_cjs.a(chunkAAYRFIJ4_cjs.a.Body)`
+`,f=chunk4VIXEDG4_cjs.a(chunkOSF3P3SH_cjs.a.Body)`
   margin-bottom: 24px;
-`;exports.a=a;exports.b=d;exports.c=s;exports.d=l;exports.e=x;exports.f=g;exports.g=f;//# sourceMappingURL=chunk-AE4TA5U2.cjs.map
-//# sourceMappingURL=chunk-AE4TA5U2.cjs.map
+`;exports.a=a;exports.b=d;exports.c=s;exports.d=l;exports.e=x;exports.f=g;exports.g=f;//# sourceMappingURL=chunk-5W4Q4L43.cjs.map
+//# sourceMappingURL=chunk-5W4Q4L43.cjs.map

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-RUKYJM2C.cjs → chunk-6KS3I74K.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkPM4UNYHM_cjs=require('./chunk-PM4UNYHM.cjs'),chunkUYX4D44N_cjs=require('./chunk-UYX4D44N.cjs'),chunkKLVOKO56_cjs=require('./chunk-KLVOKO56.cjs'),chunkAYDT2WNR_cjs=require('./chunk-AYDT2WNR.cjs'),chunkUQH4L66A_cjs=require('./chunk-UQH4L66A.cjs'),chunkDBJQ7H6H_cjs=require('./chunk-DBJQ7H6H.cjs'),chunkGJUNE6HV_cjs=require('./chunk-GJUNE6HV.cjs'),chunkNQNIXM6Z_cjs=require('./chunk-NQNIXM6Z.cjs'),chunk4VLWKHXC_cjs=require('./chunk-4VLWKHXC.cjs'),chunkYP6LH6ZJ_cjs=require('./chunk-YP6LH6ZJ.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var ae=react.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,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:$}=chunkKLVOKO56_cjs.a({onSearch:n}),{uniqueId:p,open:o,setOpen:m,selected:r,setSelected:l,options:j,setOptions:ee,inputSearchValue:te,setInputSearchValue:d,debouncedSearchTerm:re}=chunkUYX4D44N_cjs.a({id:x,value:s,defaultOptions:T,delay:V}),{toggleOption:f,handleKeyDown:oe}=chunkPM4UNYHM_cjs.a({open:o,selected:r,maxSelected:k,onChange:D,onMaxSelected:q,setInputSearchValue:d,commandRef:c,inputRef:t,setSelected:l,setOpen:m,persistInputOnSelect:X});chunkAYDT2WNR_cjs.a({debouncedSearchTerm:re,open:o,onSearchRef:_,triggerSearchOnOpen:W}),chunkUQH4L66A_cjs.a({externalOptions:K,setOptions:ee,prevExternalOptionsRef:$}),chunkDBJQ7H6H_cjs.a({value:s,setSelected:l}),react.useImperativeHandle(P,()=>({selectedValue:[...r],input:t.current,focus:()=>t?.current?.focus(),reset:()=>l([])}),[r,t,l]);let le=react.useCallback(()=>{if(e?.filter)return e.filter},[e?.filter]);return jsxRuntime.jsxs(chunkYP6LH6ZJ_cjs.a,{ref:c,...e,onKeyDown:S=>{oe(S),e?.onKeyDown?.(S);},className:chunkQRO22BPZ_cjs.a("h-auto overflow-visible bg-transparent",e?.className),shouldFilter:e?.shouldFilter!==void 0?e.shouldFilter:!n,filter:le(),children:[jsxRuntime.jsx(chunk4VLWKHXC_cjs.a,{open:o,disabled:a,inputRef:t,selected:r,uniqueId:p,className:Y,children:jsxRuntime.jsx(chunkNQNIXM6Z_cjs.a,{selected:r,scrollbarRef:u,toggleOption:f,inputProps:U,inputRef:t,open:o,setOpen:m,placeholder:F,hidePlaceholderWhenSelected:L,disabled:a,classNames:z,badgeWrapperClassName:A,badgeClassName:G,getBadgeClassName:J,inputSearchValue:te,setInputSearchValue:d,persistInputOnBlur:Z})}),jsxRuntime.jsx(chunkGJUNE6HV_cjs.a,{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";exports.a=ae;//# sourceMappingURL=chunk-RUKYJM2C.cjs.map
-//# sourceMappingURL=chunk-RUKYJM2C.cjs.map
+'use strict';var chunkDBJQ7H6H_cjs=require('./chunk-DBJQ7H6H.cjs'),chunkPM4UNYHM_cjs=require('./chunk-PM4UNYHM.cjs'),chunkUYX4D44N_cjs=require('./chunk-UYX4D44N.cjs'),chunkKLVOKO56_cjs=require('./chunk-KLVOKO56.cjs'),chunkAYDT2WNR_cjs=require('./chunk-AYDT2WNR.cjs'),chunkUQH4L66A_cjs=require('./chunk-UQH4L66A.cjs'),chunkCXL7BWGB_cjs=require('./chunk-CXL7BWGB.cjs'),chunkNQNIXM6Z_cjs=require('./chunk-NQNIXM6Z.cjs'),chunk4VLWKHXC_cjs=require('./chunk-4VLWKHXC.cjs'),chunk2Z75NLB2_cjs=require('./chunk-2Z75NLB2.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var ae=react.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,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:$}=chunkKLVOKO56_cjs.a({onSearch:n}),{uniqueId:p,open:o,setOpen:m,selected:r,setSelected:l,options:j,setOptions:ee,inputSearchValue:te,setInputSearchValue:d,debouncedSearchTerm:re}=chunkUYX4D44N_cjs.a({id:x,value:s,defaultOptions:T,delay:V}),{toggleOption:f,handleKeyDown:oe}=chunkPM4UNYHM_cjs.a({open:o,selected:r,maxSelected:k,onChange:D,onMaxSelected:q,setInputSearchValue:d,commandRef:c,inputRef:t,setSelected:l,setOpen:m,persistInputOnSelect:X});chunkAYDT2WNR_cjs.a({debouncedSearchTerm:re,open:o,onSearchRef:_,triggerSearchOnOpen:W}),chunkUQH4L66A_cjs.a({externalOptions:K,setOptions:ee,prevExternalOptionsRef:$}),chunkDBJQ7H6H_cjs.a({value:s,setSelected:l}),react.useImperativeHandle(P,()=>({selectedValue:[...r],input:t.current,focus:()=>t?.current?.focus(),reset:()=>l([])}),[r,t,l]);let le=react.useCallback(()=>{if(e?.filter)return e.filter},[e?.filter]);return jsxRuntime.jsxs(chunk2Z75NLB2_cjs.a,{ref:c,...e,onKeyDown:S=>{oe(S),e?.onKeyDown?.(S);},className:chunkQRO22BPZ_cjs.a("h-auto overflow-visible bg-transparent",e?.className),shouldFilter:e?.shouldFilter!==void 0?e.shouldFilter:!n,filter:le(),children:[jsxRuntime.jsx(chunk4VLWKHXC_cjs.a,{open:o,disabled:a,inputRef:t,selected:r,uniqueId:p,className:Y,children:jsxRuntime.jsx(chunkNQNIXM6Z_cjs.a,{selected:r,scrollbarRef:u,toggleOption:f,inputProps:U,inputRef:t,open:o,setOpen:m,placeholder:F,hidePlaceholderWhenSelected:L,disabled:a,classNames:z,badgeWrapperClassName:A,badgeClassName:G,getBadgeClassName:J,inputSearchValue:te,setInputSearchValue:d,persistInputOnBlur:Z})}),jsxRuntime.jsx(chunkCXL7BWGB_cjs.a,{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";exports.a=ae;//# sourceMappingURL=chunk-6KS3I74K.cjs.map
+//# sourceMappingURL=chunk-6KS3I74K.cjs.map

package/dist/{chunk-RUKYJM2C.cjs.map → chunk-6KS3I74K.cjs.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":"snBAcO,IAAMA,EAAAA,CAAcC,iBACzB,CAACC,CAAAA,CAAyBC,IAA6B,CACrD,GAAM,CACJ,EAAA,CAAAC,CAAAA,CACA,MAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,WAAA,CAAAC,CAAAA,CACA,eAAgBC,CAAAA,CAAyB,GACzC,OAAA,CAASC,CAAAA,CAAkB,EAAC,CAC5B,KAAA,CAAAC,EACA,QAAA,CAAAC,CAAAA,CACA,oBAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,KAAA,CACV,iBAAAC,CAAAA,CACA,cAAA,CAAAC,EACA,WAAA,CAAAC,CAAAA,CAAc,EACd,aAAA,CAAAC,CAAAA,CACA,4BAAAC,CAAAA,CAA8B,IAAA,CAC9B,SAAAC,CAAAA,CACA,SAAA,CAAAC,EACA,UAAA,CAAAC,CAAAA,CACA,sBAAAC,CAAAA,CACA,cAAA,CAAAC,EACA,iBAAA,CAAAC,CAAAA,CAAoB,IAAM,EAAA,CAC1B,eAAA,CAAAC,EAAkB,IAAA,CAClB,YAAA,CAAAC,EACA,UAAA,CAAAC,CAAAA,CACA,qBAAAC,CAAAA,CAAuB,KAAA,CACvB,mBAAAC,CAAAA,CAAqB,KACvB,EAAI3B,CAAAA,CAEE,CAAE,SAAA4B,CAAAA,CAAU,UAAA,CAAAC,CAAAA,CAAY,WAAA,CAAAC,EAAa,YAAA,CAAAC,CAAAA,CAAc,uBAAAC,CAAuB,CAAA,CAAIC,oBAAQ,CAC1F,QAAA,CAAAxB,CACF,CAAC,CAAA,CAEK,CACJ,QAAA,CAAAyB,CAAAA,CACA,KAAAC,CAAAA,CACA,OAAA,CAAAC,EACA,QAAA,CAAAC,CAAAA,CACA,YAAAC,CAAAA,CACA,OAAA,CAAAC,EACA,UAAA,CAAAC,EAAAA,CACA,iBAAAC,EAAAA,CACA,mBAAA,CAAAC,EACA,mBAAA,CAAAC,EACF,EAAIC,mBAAAA,CAAe,CACjB,GAAA1C,CAAAA,CACA,KAAA,CAAAC,EACA,cAAA,CAAgBG,CAAAA,CAChB,MAAAE,CACF,CAAC,EAEK,CAAE,YAAA,CAAAqC,EAAc,aAAA,CAAAC,EAAc,EAAIC,mBAAAA,CAAgB,CACtD,KAAAZ,CAAAA,CACA,QAAA,CAAAE,EACA,WAAA,CAAAvB,CAAAA,CACA,SAAAV,CAAAA,CACA,aAAA,CAAAW,EACA,mBAAA,CAAA2B,CAAAA,CACA,WAAAb,CAAAA,CACA,QAAA,CAAAD,EACA,WAAA,CAAAU,CAAAA,CACA,QAAAF,CAAAA,CACA,oBAAA,CAAAV,CACF,CAAC,CAAA,CAEDsB,oBAAU,CACR,mBAAA,CAAAL,GACA,IAAA,CAAAR,CAAAA,CACA,YAAAL,CAAAA,CACA,mBAAA,CAAApB,CACF,CAAC,CAAA,CAEDuC,oBAAe,CACb,eAAA,CAAA1C,CAAAA,CACA,UAAA,CAAAiC,GACA,sBAAA,CAAAR,CACF,CAAC,CAAA,CAEDkB,mBAAAA,CAAgB,CACd,KAAA,CAAA/C,CAAAA,CACA,YAAAmC,CACF,CAAC,EAEDa,yBAAAA,CACElD,CAAAA,CACA,KAAO,CACL,aAAA,CAAe,CAAC,GAAGoC,CAAQ,EAC3B,KAAA,CAAOT,CAAAA,CAAS,QAChB,KAAA,CAAO,IAAMA,GAAU,OAAA,EAAS,KAAA,GAChC,KAAA,CAAO,IAAMU,EAAY,EAAE,CAC7B,CAAA,CAAA,CACA,CAACD,EAAUT,CAAAA,CAAUU,CAAW,CAClC,CAAA,CAEA,IAAMc,EAAAA,CAAgBC,iBAAAA,CAAY,IAAM,CACtC,GAAI7B,GAAc,MAAA,CAChB,OAAOA,EAAa,MAKxB,CAAA,CAAG,CAACA,CAAAA,EAAc,MAAM,CAAC,CAAA,CAEzB,OACE8B,gBAACC,mBAAAA,CAAA,CACC,IAAK1B,CAAAA,CACJ,GAAGL,EACJ,SAAA,CAAYgC,CAAAA,EAAM,CAChBV,EAAAA,CAAcU,CAAC,EACfhC,CAAAA,EAAc,SAAA,GAAYgC,CAAC,EAC7B,CAAA,CACA,UAAWC,mBAAAA,CAAG,wCAAA,CAA0CjC,GAAc,SAAS,CAAA,CAC/E,aACEA,CAAAA,EAAc,YAAA,GAAiB,OAAYA,CAAAA,CAAa,YAAA,CAAe,CAACf,CAAAA,CAE1E,OAAQ2C,EAAAA,EAAc,CAEtB,UAAAM,cAAAA,CAACC,mBAAAA,CAAA,CAAyB,IAAA,CAAAxB,CAAAA,CAAM,SAAAlB,CAAAA,CAAU,QAAA,CAAAW,EAAU,QAAA,CAAAS,CAAAA,CAAU,SAAAH,CAAAA,CAAU,SAAA,CAAAhB,EACtE,QAAA,CAAAwC,cAAAA,CAACE,oBAAA,CAEG,QAAA,CAAAvB,EACA,YAAA,CAAAN,CAAAA,CACA,aAAAc,CAAAA,CACA,UAAA,CAAApB,EACA,QAAA,CAAAG,CAAAA,CACA,KAAAO,CAAAA,CACA,OAAA,CAAAC,EACA,WAAA,CAAA/B,CAAAA,CACA,4BAAAW,CAAAA,CACA,QAAA,CAAAC,EACA,UAAA,CAAAE,CAAAA,CACA,sBAAAC,CAAAA,CACA,cAAA,CAAAC,EACA,iBAAA,CAAAC,CAAAA,CACA,iBAAAmB,EAAAA,CACA,mBAAA,CAAAC,EACA,kBAAA,CAAAf,CAAAA,CAEJ,EACF,CAAA,CAEA+B,cAAAA,CAACG,oBAAA,CAEG,QAAA,CAAA3B,EACA,YAAA,CAAAH,CAAAA,CACA,KAAAI,CAAAA,CACA,OAAA,CAAAxB,EACA,OAAA,CAAA4B,CAAAA,CACA,SAAAF,CAAAA,CACA,YAAA,CAAAQ,EACA,QAAA,CAAApC,CAAAA,CACA,SAAAmB,CAAAA,CACA,cAAA,CAAAf,EACA,gBAAA,CAAAD,CAAAA,CACA,gBAAAW,CAAAA,CAEJ,CAAA,CAAA,CACF,CAEJ,CACF,EAEAzB,GAAY,WAAA,CAAc,aAAA","file":"chunk-RUKYJM2C.cjs","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-6KS3I74K.cjs","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-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-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-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-CPEWTLAE.js

@@ -0,0 +1,2 @@
+import {a as a$5}from'./chunk-QUFJJ2ZK.js';import {a as a$4}from'./chunk-JSZPJR5B.js';import {a as a$3}from'./chunk-I6NU6VMR.js';import {a as a$2}from'./chunk-U2NQ2N4H.js';import {a as a$1}from'./chunk-OG3L66IK.js';import {a}from'./chunk-5PADPZSD.js';import {a as a$d}from'./chunk-I3PBCRDH.js';import {a as a$c}from'./chunk-MGZVO7VI.js';import {a as a$b}from'./chunk-W6B5AU65.js';import {a as a$a}from'./chunk-7NXMBOO7.js';import {a as a$9}from'./chunk-NJXHNMOB.js';import {a as a$8}from'./chunk-RTKHP5OA.js';import {a as a$7}from'./chunk-F6SYEEZO.js';import {a as a$6}from'./chunk-PX3IJWAH.js';import {a as a$l}from'./chunk-WIGQLN2C.js';import {a as a$k}from'./chunk-DNPQ36WQ.js';import {a as a$j}from'./chunk-NLKM5PI4.js';import {a as a$i}from'./chunk-XVHEDWN4.js';import {a as a$h}from'./chunk-4VDKQLUF.js';import {a as a$g}from'./chunk-LJ7YN6O3.js';import {a as a$f}from'./chunk-BWBQ6SML.js';import {a as a$e}from'./chunk-EL4AJ72L.js';import {a as a$t}from'./chunk-K4DB7GQS.js';import {a as a$s}from'./chunk-FLPFIURR.js';import {a as a$r}from'./chunk-6F2OXLMV.js';import {a as a$q}from'./chunk-2JWWFAPQ.js';import {a as a$p}from'./chunk-EOEMWUJE.js';import {a as a$o}from'./chunk-PBQX3UAR.js';import {a as a$n}from'./chunk-KXSM6XDD.js';import {a as a$m}from'./chunk-UBKVKUGP.js';import {a as a$x}from'./chunk-2PCM6BBV.js';import {a as a$w}from'./chunk-YKKL3ZVE.js';import {a as a$v}from'./chunk-ULNVK7BP.js';import {a as a$u}from'./chunk-7D2VBGLE.js';import {b}from'./chunk-RFBBAUMM.js';var N={};b(N,{Afternoon:()=>a$x,Bank:()=>a$w,Books:()=>a$v,CalendarClock:()=>a$u,CarePlan:()=>a$t,Celebrate:()=>a$s,ClientFile:()=>a$r,Clock:()=>a$q,Evening:()=>a$p,Fax:()=>a$o,Form:()=>a$n,FramedPainting:()=>a$m,HandHeart:()=>a$l,HandMoney:()=>a$k,HealthRecord:()=>a$j,Heart:()=>a$i,Hospital:()=>a$h,House:()=>a$g,InsuranceCard:()=>a$f,Invoices:()=>a$e,Key:()=>a$d,Message:()=>a$c,MoneyLayered:()=>a$b,Morning:()=>a$a,NoteWithPen:()=>a$9,Patients:()=>a$8,Person:()=>a$7,ReceptionBell:()=>a$6,Rose:()=>a$5,Shield:()=>a$4,TaskList:()=>a$3,Timer:()=>a$2,Tools:()=>a$1,Transcripts:()=>a});export{N as a};//# sourceMappingURL=chunk-CPEWTLAE.js.map
+//# sourceMappingURL=chunk-CPEWTLAE.js.map

package/dist/{chunk-EXJ23J6S.js.map → chunk-CPEWTLAE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/AnimatedIcon/index.tsx"],"names":["AnimatedIcon_exports","__export","Afternoon","Bank","Books","CalendarClock","CarePlan","Celebrate","ClientFile","Clock","Evening","Fax","Form","FramedPainting","HandHeart","HandMoney","HealthRecord","Heart","Hospital","House","InsuranceCard","Invoices","Key","Message","MoneyLayered","Morning","NoteWithPen","Patients","Person","ReceptionBell","Rose","Shield","TaskList","Timer","Tools","Transcripts"],"mappings":"m9CAAA,IAAAA,CAAAA,CAAA,GAAAC,CAAAA,CAAAD,CAAAA,CAAA,eAAAE,GAAAA,CAAA,IAAA,CAAA,IAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,GAAAA,CAAA,aAAA,CAAA,IAAAC,GAAAA,CAAA,QAAA,CAAA,IAAAC,IAAA,SAAA,CAAA,IAAAC,GAAAA,CAAA,UAAA,CAAA,IAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,GAAAA,CAAA,OAAA,CAAA,IAAAC,GAAAA,CAAA,QAAAC,GAAAA,CAAA,IAAA,CAAA,IAAAC,GAAAA,CAAA,cAAA,CAAA,IAAAC,IAAA,SAAA,CAAA,IAAAC,GAAAA,CAAA,SAAA,CAAA,IAAAC,GAAAA,CAAA,iBAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,GAAAA,CAAA,QAAA,CAAA,IAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,GAAAA,CAAA,aAAA,CAAA,IAAAC,IAAA,QAAA,CAAA,IAAAC,GAAAA,CAAA,GAAA,CAAA,IAAAC,GAAAA,CAAA,OAAA,CAAA,IAAAC,GAAAA,CAAA,YAAA,CAAA,IAAAC,GAAAA,CAAA,YAAAC,GAAAA,CAAA,WAAA,CAAA,IAAAC,GAAAA,CAAA,QAAA,CAAA,IAAAC,GAAAA,CAAA,MAAA,CAAA,IAAAC,GAAAA,CAAA,aAAA,CAAA,IAAAC,IAAA,IAAA,CAAA,IAAAC,GAAAA,CAAA,MAAA,CAAA,IAAAC,GAAAA,CAAA,aAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,IAAA,WAAA,CAAA,IAAAC,CAAAA,CAAAA,CAAAA","file":"chunk-EXJ23J6S.js","sourcesContent":["export { Afternoon } from './icons/Afternoon';\nexport { Bank } from './icons/Bank';\nexport { Books } from './icons/Books';\nexport { CalendarClock } from './icons/CalendarClock';\nexport { CarePlan } from './icons/CarePlan';\nexport { Celebrate } from './icons/Celebrate';\nexport { ClientFile } from './icons/ClientFile';\nexport { Clock } from './icons/Clock';\nexport { Evening } from './icons/Evening';\nexport { Fax } from './icons/Fax';\nexport { Form } from './icons/Form';\nexport { FramedPainting } from './icons/FramedPainting';\nexport { HandHeart } from './icons/HandHeart';\nexport { HandMoney } from './icons/HandMoney';\nexport { HealthRecord } from './icons/HealthRecord';\nexport { Heart } from './icons/Heart';\nexport { Hospital } from './icons/Hospital';\nexport { House } from './icons/House';\nexport { InsuranceCard } from './icons/InsuranceCard';\nexport { Invoices } from './icons/Invoices';\nexport { Key } from './icons/Key';\nexport { Message } from './icons/Message';\nexport { MoneyLayered } from './icons/MoneyLayered';\nexport { Morning } from './icons/Morning';\nexport { NoteWithPen } from './icons/NoteWithPen';\nexport { Patients } from './icons/Patients';\nexport { Person } from './icons/Person';\nexport { ReceptionBell } from './icons/ReceptionBell';\nexport { Rose } from './icons/Rose';\nexport { Shield } from './icons/Shield';\nexport { TaskList } from './icons/TaskList';\nexport { Timer } from './icons/Timer';\nexport { Tools } from './icons/Tools';\nexport { Transcripts } from './icons/Transcripts';\n"]}
+{"version":3,"sources":["../src/AnimatedIcon/index.tsx"],"names":["AnimatedIcon_exports","__export","Afternoon","Bank","Books","CalendarClock","CarePlan","Celebrate","ClientFile","Clock","Evening","Fax","Form","FramedPainting","HandHeart","HandMoney","HealthRecord","Heart","Hospital","House","InsuranceCard","Invoices","Key","Message","MoneyLayered","Morning","NoteWithPen","Patients","Person","ReceptionBell","Rose","Shield","TaskList","Timer","Tools","Transcripts"],"mappings":"m9CAAA,IAAAA,CAAAA,CAAA,GAAAC,CAAAA,CAAAD,CAAAA,CAAA,eAAAE,GAAAA,CAAA,IAAA,CAAA,IAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,GAAAA,CAAA,aAAA,CAAA,IAAAC,GAAAA,CAAA,QAAA,CAAA,IAAAC,IAAA,SAAA,CAAA,IAAAC,GAAAA,CAAA,UAAA,CAAA,IAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,GAAAA,CAAA,OAAA,CAAA,IAAAC,GAAAA,CAAA,QAAAC,GAAAA,CAAA,IAAA,CAAA,IAAAC,GAAAA,CAAA,cAAA,CAAA,IAAAC,IAAA,SAAA,CAAA,IAAAC,GAAAA,CAAA,SAAA,CAAA,IAAAC,GAAAA,CAAA,iBAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,GAAAA,CAAA,QAAA,CAAA,IAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,GAAAA,CAAA,aAAA,CAAA,IAAAC,IAAA,QAAA,CAAA,IAAAC,GAAAA,CAAA,GAAA,CAAA,IAAAC,GAAAA,CAAA,OAAA,CAAA,IAAAC,GAAAA,CAAA,YAAA,CAAA,IAAAC,GAAAA,CAAA,YAAAC,GAAAA,CAAA,WAAA,CAAA,IAAAC,GAAAA,CAAA,QAAA,CAAA,IAAAC,GAAAA,CAAA,MAAA,CAAA,IAAAC,GAAAA,CAAA,aAAA,CAAA,IAAAC,IAAA,IAAA,CAAA,IAAAC,GAAAA,CAAA,MAAA,CAAA,IAAAC,GAAAA,CAAA,aAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,GAAAA,CAAA,KAAA,CAAA,IAAAC,IAAA,WAAA,CAAA,IAAAC,CAAAA,CAAAA,CAAAA","file":"chunk-CPEWTLAE.js","sourcesContent":["export { Afternoon } from './icons/Afternoon';\nexport { Bank } from './icons/Bank';\nexport { Books } from './icons/Books';\nexport { CalendarClock } from './icons/CalendarClock';\nexport { CarePlan } from './icons/CarePlan';\nexport { Celebrate } from './icons/Celebrate';\nexport { ClientFile } from './icons/ClientFile';\nexport { Clock } from './icons/Clock';\nexport { Evening } from './icons/Evening';\nexport { Fax } from './icons/Fax';\nexport { Form } from './icons/Form';\nexport { FramedPainting } from './icons/FramedPainting';\nexport { HandHeart } from './icons/HandHeart';\nexport { HandMoney } from './icons/HandMoney';\nexport { HealthRecord } from './icons/HealthRecord';\nexport { Heart } from './icons/Heart';\nexport { Hospital } from './icons/Hospital';\nexport { House } from './icons/House';\nexport { InsuranceCard } from './icons/InsuranceCard';\nexport { Invoices } from './icons/Invoices';\nexport { Key } from './icons/Key';\nexport { Message } from './icons/Message';\nexport { MoneyLayered } from './icons/MoneyLayered';\nexport { Morning } from './icons/Morning';\nexport { NoteWithPen } from './icons/NoteWithPen';\nexport { Patients } from './icons/Patients';\nexport { Person } from './icons/Person';\nexport { ReceptionBell } from './icons/ReceptionBell';\nexport { Rose } from './icons/Rose';\nexport { Shield } from './icons/Shield';\nexport { TaskList } from './icons/TaskList';\nexport { Timer } from './icons/Timer';\nexport { Tools } from './icons/Tools';\nexport { Transcripts } from './icons/Transcripts';\n"]}

package/dist/{chunk-GJUNE6HV.cjs → chunk-CXL7BWGB.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkASNQTAAZ_cjs=require('./chunk-ASNQTAAZ.cjs'),chunkLIMBLETB_cjs=require('./chunk-LIMBLETB.cjs'),chunkYP6LH6ZJ_cjs=require('./chunk-YP6LH6ZJ.cjs'),jsxRuntime=require('react/jsx-runtime');var g=({uniqueId:t,open:p,loading:l,options:o,selected:c,toggleOption:a,onSearch:d,scrollbarRef:r,inputRef:f,emptyIndicator:R,loadingIndicator:n,selectFirstItem:M})=>jsxRuntime.jsx("div",{className:"relative",children:p&&jsxRuntime.jsx(chunkYP6LH6ZJ_cjs.d,{id:t,className:"bg-popover text-popover-foreground animate-in absolute top-1 z-10 w-full rounded-md border shadow-xs outline-none",onMouseLeave:()=>{r.current=false;},onMouseEnter:()=>{r.current=true;},onMouseUp:()=>{f?.current?.focus();},children:l&&n?n:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(chunkASNQTAAZ_cjs.a,{onSearch:d,options:o,emptyIndicator:R}),!M&&jsxRuntime.jsx(chunkYP6LH6ZJ_cjs.h,{value:"-",className:"hidden"}),jsxRuntime.jsx(chunkLIMBLETB_cjs.a,{options:o,uniqueId:t,selected:c,toggleOption:a})]})})});exports.a=g;//# sourceMappingURL=chunk-GJUNE6HV.cjs.map
-//# sourceMappingURL=chunk-GJUNE6HV.cjs.map
+'use strict';var chunkASNQTAAZ_cjs=require('./chunk-ASNQTAAZ.cjs'),chunkUUJBL6HC_cjs=require('./chunk-UUJBL6HC.cjs'),chunk2Z75NLB2_cjs=require('./chunk-2Z75NLB2.cjs'),jsxRuntime=require('react/jsx-runtime');var g=({uniqueId:t,open:p,loading:l,options:o,selected:c,toggleOption:a,onSearch:d,scrollbarRef:r,inputRef:f,emptyIndicator:R,loadingIndicator:n,selectFirstItem:M})=>jsxRuntime.jsx("div",{className:"relative",children:p&&jsxRuntime.jsx(chunk2Z75NLB2_cjs.d,{id:t,className:"bg-popover text-popover-foreground animate-in absolute top-1 z-10 w-full rounded-md border shadow-xs outline-none",onMouseLeave:()=>{r.current=false;},onMouseEnter:()=>{r.current=true;},onMouseUp:()=>{f?.current?.focus();},children:l&&n?n:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(chunkASNQTAAZ_cjs.a,{onSearch:d,options:o,emptyIndicator:R}),!M&&jsxRuntime.jsx(chunk2Z75NLB2_cjs.h,{value:"-",className:"hidden"}),jsxRuntime.jsx(chunkUUJBL6HC_cjs.a,{options:o,uniqueId:t,selected:c,toggleOption:a})]})})});exports.a=g;//# sourceMappingURL=chunk-CXL7BWGB.cjs.map
+//# sourceMappingURL=chunk-CXL7BWGB.cjs.map

package/dist/{chunk-GJUNE6HV.cjs.map → chunk-CXL7BWGB.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/multiselect/components/MultiSelectDropdown.tsx"],"names":["MultiSelectDropdown","uniqueId","open","loading","options","selected","toggleOption","onSearch","scrollbarRef","inputRef","emptyIndicator","loadingIndicator","selectFirstItem","jsx","CommandList","jsxs","Fragment","EmptyItem","CommandItem","MultiSelectCommandGroup"],"mappings":"+MAgBO,IAAMA,CAAAA,CAAsB,CAAC,CAClC,QAAA,CAAAC,CAAAA,CACA,KAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,YAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CACF,CAAA,GAEIC,cAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,UAAA,CACZ,QAAA,CAAAX,GACCW,cAAAA,CAACC,mBAAAA,CAAA,CACC,EAAA,CAAIb,CAAAA,CACJ,SAAA,CAAU,mHAAA,CACV,YAAA,CAAc,IAAM,CAElBO,CAAAA,CAAa,OAAA,CAAU,MAEzB,CAAA,CACA,aAAc,IAAM,CAElBA,CAAAA,CAAa,OAAA,CAAU,KAEzB,CAAA,CACA,UAAW,IAAM,CACfC,CAAAA,EAAU,OAAA,EAAS,KAAA,GACrB,EAEC,QAAA,CAAAN,CAAAA,EAAWQ,CAAAA,CACVA,CAAAA,CAEAI,eAAAA,CAAAC,mBAAAA,CAAA,CACE,QAAA,CAAA,CAAAH,cAAAA,CAACI,mBAAAA,CAAA,CAAgB,QAAA,CAAAV,CAAAA,CAAU,OAAA,CAAAH,EAAS,cAAA,CAAAM,CAAAA,CAAkB,CAAA,CACrD,CAACE,CAAAA,EAAmBC,cAAAA,CAACK,oBAAA,CAAY,KAAA,CAAM,GAAA,CAAI,SAAA,CAAU,QAAA,CAAS,CAAA,CAC/DL,eAACM,mBAAAA,CAAA,CAA8B,OAAA,CAAAf,CAAAA,CAAS,QAAA,CAAAH,CAAAA,CAAU,QAAA,CAAAI,CAAAA,CAAU,YAAA,CAAAC,CAAAA,CAAgB,CAAA,CAAA,CAC9E,CAAA,CAEJ,CAAA,CAEJ","file":"chunk-GJUNE6HV.cjs","sourcesContent":["import { CommandItem, CommandList } from '@/v2/command/command';\nimport { MultiSelectProps } from '../types';\nimport { MultiSelectCommandGroup } from './MultiSelectCommandGroup';\nimport { EmptyItem } from './EmptyItem';\nimport type { UseRefsReturn } from '../hooks/useRefs';\nimport { UseMultiSelectReturn } from '../hooks/useMultiSelect';\nimport { UseInteractionsReturn } from '../hooks/useInteractions';\n\ntype Props = Pick<\n  MultiSelectProps,\n  'loading' | 'loadingIndicator' | 'emptyIndicator' | 'onSearch' | 'selectFirstItem'\n> &\n  Pick<UseRefsReturn, 'inputRef' | 'scrollbarRef'> &\n  Pick<UseMultiSelectReturn, 'uniqueId' | 'open' | 'selected' | 'options'> &\n  Pick<UseInteractionsReturn, 'toggleOption'>;\n\nexport const MultiSelectDropdown = ({\n  uniqueId,\n  open,\n  loading,\n  options,\n  selected,\n  toggleOption,\n  onSearch,\n  scrollbarRef,\n  inputRef,\n  emptyIndicator,\n  loadingIndicator,\n  selectFirstItem,\n}: Props) => {\n  return (\n    <div className=\"relative\">\n      {open && (\n        <CommandList\n          id={uniqueId}\n          className=\"bg-popover text-popover-foreground animate-in absolute top-1 z-10 w-full rounded-md border shadow-xs outline-none\"\n          onMouseLeave={() => {\n            // eslint-disable-next-line no-param-reassign\n            scrollbarRef.current = false;\n            // setOnScrollbar(false);\n          }}\n          onMouseEnter={() => {\n            // eslint-disable-next-line no-param-reassign\n            scrollbarRef.current = true;\n            // setOnScrollbar(true);\n          }}\n          onMouseUp={() => {\n            inputRef?.current?.focus();\n          }}\n        >\n          {loading && loadingIndicator ? (\n            loadingIndicator\n          ) : (\n            <>\n              <EmptyItem {...{ onSearch, options, emptyIndicator }} />\n              {!selectFirstItem && <CommandItem value=\"-\" className=\"hidden\" />}\n              <MultiSelectCommandGroup {...{ options, uniqueId, selected, toggleOption }} />\n            </>\n          )}\n        </CommandList>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/v2/multiselect/components/MultiSelectDropdown.tsx"],"names":["MultiSelectDropdown","uniqueId","open","loading","options","selected","toggleOption","onSearch","scrollbarRef","inputRef","emptyIndicator","loadingIndicator","selectFirstItem","jsx","CommandList","jsxs","Fragment","EmptyItem","CommandItem","MultiSelectCommandGroup"],"mappings":"+MAgBO,IAAMA,CAAAA,CAAsB,CAAC,CAClC,QAAA,CAAAC,CAAAA,CACA,KAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,YAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CACF,CAAA,GAEIC,cAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,UAAA,CACZ,QAAA,CAAAX,GACCW,cAAAA,CAACC,mBAAAA,CAAA,CACC,EAAA,CAAIb,CAAAA,CACJ,SAAA,CAAU,mHAAA,CACV,YAAA,CAAc,IAAM,CAElBO,CAAAA,CAAa,OAAA,CAAU,MAEzB,CAAA,CACA,aAAc,IAAM,CAElBA,CAAAA,CAAa,OAAA,CAAU,KAEzB,CAAA,CACA,UAAW,IAAM,CACfC,CAAAA,EAAU,OAAA,EAAS,KAAA,GACrB,EAEC,QAAA,CAAAN,CAAAA,EAAWQ,CAAAA,CACVA,CAAAA,CAEAI,eAAAA,CAAAC,mBAAAA,CAAA,CACE,QAAA,CAAA,CAAAH,cAAAA,CAACI,mBAAAA,CAAA,CAAgB,QAAA,CAAAV,CAAAA,CAAU,OAAA,CAAAH,EAAS,cAAA,CAAAM,CAAAA,CAAkB,CAAA,CACrD,CAACE,CAAAA,EAAmBC,cAAAA,CAACK,oBAAA,CAAY,KAAA,CAAM,GAAA,CAAI,SAAA,CAAU,QAAA,CAAS,CAAA,CAC/DL,eAACM,mBAAAA,CAAA,CAA8B,OAAA,CAAAf,CAAAA,CAAS,QAAA,CAAAH,CAAAA,CAAU,QAAA,CAAAI,CAAAA,CAAU,YAAA,CAAAC,CAAAA,CAAgB,CAAA,CAAA,CAC9E,CAAA,CAEJ,CAAA,CAEJ","file":"chunk-CXL7BWGB.cjs","sourcesContent":["import { CommandItem, CommandList } from '@/v2/command/command';\nimport { MultiSelectProps } from '../types';\nimport { MultiSelectCommandGroup } from './MultiSelectCommandGroup';\nimport { EmptyItem } from './EmptyItem';\nimport type { UseRefsReturn } from '../hooks/useRefs';\nimport { UseMultiSelectReturn } from '../hooks/useMultiSelect';\nimport { UseInteractionsReturn } from '../hooks/useInteractions';\n\ntype Props = Pick<\n  MultiSelectProps,\n  'loading' | 'loadingIndicator' | 'emptyIndicator' | 'onSearch' | 'selectFirstItem'\n> &\n  Pick<UseRefsReturn, 'inputRef' | 'scrollbarRef'> &\n  Pick<UseMultiSelectReturn, 'uniqueId' | 'open' | 'selected' | 'options'> &\n  Pick<UseInteractionsReturn, 'toggleOption'>;\n\nexport const MultiSelectDropdown = ({\n  uniqueId,\n  open,\n  loading,\n  options,\n  selected,\n  toggleOption,\n  onSearch,\n  scrollbarRef,\n  inputRef,\n  emptyIndicator,\n  loadingIndicator,\n  selectFirstItem,\n}: Props) => {\n  return (\n    <div className=\"relative\">\n      {open && (\n        <CommandList\n          id={uniqueId}\n          className=\"bg-popover text-popover-foreground animate-in absolute top-1 z-10 w-full rounded-md border shadow-xs outline-none\"\n          onMouseLeave={() => {\n            // eslint-disable-next-line no-param-reassign\n            scrollbarRef.current = false;\n            // setOnScrollbar(false);\n          }}\n          onMouseEnter={() => {\n            // eslint-disable-next-line no-param-reassign\n            scrollbarRef.current = true;\n            // setOnScrollbar(true);\n          }}\n          onMouseUp={() => {\n            inputRef?.current?.focus();\n          }}\n        >\n          {loading && loadingIndicator ? (\n            loadingIndicator\n          ) : (\n            <>\n              <EmptyItem {...{ onSearch, options, emptyIndicator }} />\n              {!selectFirstItem && <CommandItem value=\"-\" className=\"hidden\" />}\n              <MultiSelectCommandGroup {...{ options, uniqueId, selected, toggleOption }} />\n            </>\n          )}\n        </CommandList>\n      )}\n    </div>\n  );\n};\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":"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","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-ECCFWHQW.js

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

package/dist/{chunk-SFG5QRNB.js.map → chunk-ECCFWHQW.js.map}

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

package/dist/{chunk-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