@solace-health/ui 0.10.683 → 0.10.685

package/dist/{chunk-ODTRMWR3.cjs → chunk-6KS3I74K.cjs}

@@ -1,2 +1,2 @@
-'use strict';var 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'),chunkCXL7BWGB_cjs=require('./chunk-CXL7BWGB.cjs'),chunkNQNIXM6Z_cjs=require('./chunk-NQNIXM6Z.cjs'),chunk4VLWKHXC_cjs=require('./chunk-4VLWKHXC.cjs'),chunkPM4UNYHM_cjs=require('./chunk-PM4UNYHM.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-ODTRMWR3.cjs.map
-//# sourceMappingURL=chunk-ODTRMWR3.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-ODTRMWR3.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":"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","file":"chunk-ODTRMWR3.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-5Z2VFNRC.js → chunk-6UCV7ESA.js}

@@ -1,4 +1,4 @@
-import {f as f$1}from'./chunk-S2IU53RU.js';import {a}from'./chunk-E2FC3CGK.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-E2FC3CGK.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-5Z2VFNRC.js.map
-//# sourceMappingURL=chunk-5Z2VFNRC.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-5Z2VFNRC.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-5Z2VFNRC.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-57V57PQP.cjs → chunk-7GQ7HR7O.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunkHHOJPS3W_cjs=require('./chunk-HHOJPS3W.cjs'),chunk2SD5VE4C_cjs=require('./chunk-2SD5VE4C.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(chunk2SD5VE4C_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-57V57PQP.cjs.map
-//# sourceMappingURL=chunk-57V57PQP.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-57V57PQP.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-57V57PQP.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-MUCGZZPS.cjs → chunk-AFLOBN2B.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunk2SD5VE4C_cjs=require('./chunk-2SD5VE4C.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(chunk2SD5VE4C_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(chunk2SD5VE4C_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-MUCGZZPS.cjs.map
-//# sourceMappingURL=chunk-MUCGZZPS.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-MUCGZZPS.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-MUCGZZPS.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-ZOB2RSJM.cjs → chunk-BP3RKMSA.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkEOPHXSAH_cjs=require('./chunk-EOPHXSAH.cjs'),chunk2SD5VE4C_cjs=require('./chunk-2SD5VE4C.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(chunk2SD5VE4C_cjs.a.Display,{children:o}),r]})});exports.a=y;//# sourceMappingURL=chunk-ZOB2RSJM.cjs.map
-//# sourceMappingURL=chunk-ZOB2RSJM.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-ZOB2RSJM.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-ZOB2RSJM.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-G7X7YVZR.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-G7X7YVZR.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-JV6XCZQQ.cjs → chunk-DRJ5UCD6.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunk3JUINTQB_cjs=require('./chunk-3JUINTQB.cjs'),chunk2SD5VE4C_cjs=require('./chunk-2SD5VE4C.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(chunk2SD5VE4C_cjs.a.Body,{children:jsxRuntime.jsx(A,{children:"Guaranteed Security"})}),jsxRuntime.jsx(chunk2SD5VE4C_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-JV6XCZQQ.cjs.map
-//# sourceMappingURL=chunk-JV6XCZQQ.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-JV6XCZQQ.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":"oZAQA,IAAMA,CAAAA,CAAYC,kBAAAA,CAAOC,YAAAA,CAAS,GAAG,CAAA;AAAA,cAAA,EACrB,CAAC,CAAE,IAAA,CAAAC,CAAAA,CAAM,cAAA,CAAAC,CAAe,CAAA,GAAOA,CAAAA,CAAiBD,CAAAA,CAAAA,CAAQA,CAAAA,EAAQ,EAAA,EAAM,EAAG,CAAA;AAAA,WAAA,EAC5E,CAAC,CAAE,cAAA,CAAAC,CAAe,CAAA,GAAOA,CAAAA,CAAiB,EAAI,EAAG,CAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAI9C,CAAC,CAAE,cAAA,CAAAA,CAAe,CAAA,GAC9BA,CAAAA,CACI,OACA,4EAA4E,CAAA;AAAA;AAAA;;AAAA,EAAA,EAIhF,CAAC,CAAE,cAAA,CAAAA,CAAe,CAAA,GAClB,CAACA,CAAAA,EACD,CAAA;AAAA;AAAA,GAAA,CAEA;AAAA,CAAA,CAGEC,CAAAA,CAAgBJ,kBAAAA,CAAOC,YAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CASnCI,EAAiBL,kBAAAA,CAAO,IAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMxBM,EAAcN,kBAAAA,CAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CASrBO,CAAAA,CAAY,CAAC,CACjB,gBAAA,CAAAC,EACA,IAAA,CAAAN,CAAAA,CAAO,EAAA,CACP,cAAA,CAAAC,CAAAA,CAAiB,KACnB,IAIM,CACJ,GAAM,CAACM,CAAAA,CAAOC,CAAQ,CAAA,CAAIC,eAAwB,EAAE,CAAA,CAC9C,CAACC,CAAAA,CAAWC,CAAG,CAAA,CAAIC,cAAU,KAAO,CACxC,IAAA,CAAM,CACJ,KAAA,CAAOX,CAAAA,CAAiBD,EAAOA,CAAAA,CAAO,EAAA,CACtC,eAAA,CAAiB,MAAA,CACjB,KAAA,CAAOa,mBAAAA,CAAW,KACpB,CACF,CAAA,CAAE,CAAA,CAGFC,eAAAA,CAAU,IAAM,CACdH,EAAI,CAAE,KAAA,CAAOV,CAAAA,CAAiBD,CAAAA,CAAOA,CAAAA,CAAO,EAAA,CAAI,UAAW,IAAK,CAAC,EACnE,CAAA,CAAG,CAACC,EAAgBD,CAAI,CAAC,CAAA,CAEzBc,eAAAA,CAAU,IAAM,CACd,IAAIC,mBAAAA,CAAWT,CAAgB,CAAA,CAAE,QAAA,CAAS,YAAY,CAAA,CAAE,KAAMU,CAAAA,EAAS,CACrER,CAAAA,CAASQ,CAAI,EACf,CAAC,EACH,CAAA,CAAG,EAAE,CAAA,CAEL,GAAM,CAACC,EAAeC,CAAgB,CAAA,CAAIN,aAAAA,CAAU,KAAO,CACzD,IAAA,CAAM,CACJ,OAAA,CAAS,CACX,CAAA,CACA,KAAA,CAAO,GACT,CAAA,CAAE,EAEIO,CAAAA,CAAeC,CAAAA,GAAuB,CAC1C,KAAA,CAAOA,CAAAA,CAAW,GAAA,CAAMpB,EAAOA,CAAAA,CAAO,EAAA,CACtC,gBAAiBoB,CAAAA,CAAW,SAAA,CAAY,MAC1C,CAAA,CAAA,CAEMC,CAAAA,CAAmBD,CAAAA,GAAuB,CAC9C,OAAA,CAASA,CAAAA,CAAW,EAAI,CAC1B,CAAA,CAAA,CAEME,CAAAA,CAAe,IAAM,CACzBX,CAAAA,CAAIQ,EAAY,IAAI,CAAC,CAAA,CACrBD,CAAAA,CAAiBG,CAAAA,CAAgB,IAAI,CAAC,EACxC,CAAA,CAEME,CAAAA,CAAe,IAAM,CACzBZ,CAAAA,CAAIQ,EAAY,KAAK,CAAC,CAAA,CACtBD,CAAAA,CAAiBG,CAAAA,CAAgB,KAAK,CAAC,EACzC,CAAA,CAEA,OAAKd,CAAAA,CAGHiB,eAAAA,CAAC3B,CAAAA,CAAA,CACC,KAAA,CAAOa,CAAAA,CACP,YAAA,CAAcT,CAAAA,CAAiB,MAAA,CAAYqB,CAAAA,CAC3C,aAAcrB,CAAAA,CAAiB,MAAA,CAAYsB,EAC3C,IAAA,CAAMvB,CAAAA,CACN,eAAgBC,CAAAA,CAEhB,QAAA,CAAA,CAAAwB,cAAAA,CAAC,KAAA,CAAA,CAAI,GAAA,CAAI,YAAA,CAAa,IAAKlB,CAAAA,CAAO,MAAA,CAAQP,CAAAA,CAAM,KAAA,CAAOA,CAAAA,CAAM,CAAA,CAC7DwB,gBAACtB,CAAAA,CAAA,CAAc,KAAA,CAAOe,CAAAA,CACpB,QAAA,CAAA,CAAAQ,cAAAA,CAACC,oBAAW,IAAA,CAAX,CACC,QAAA,CAAAD,cAAAA,CAACtB,CAAAA,CAAA,CAAe,+BAAmB,CAAA,CACrC,CAAA,CACAsB,cAAAA,CAACC,mBAAAA,CAAW,IAAA,CAAX,CAAgB,UACf,QAAA,CAAAD,cAAAA,CAACrB,CAAAA,CAAA,CAAY,QAAA,CAAA,mHAAA,CAGb,CAAA,CACF,GACF,CAAA,CAAA,CACF,CAAA,CAtBiB,IAwBrB,CAAA,CAEOuB,CAAAA,CAAQtB","file":"chunk-JV6XCZQQ.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-YXFB677F.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-YXFB677F.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-4KNOWFXL.js → chunk-FJNUYBHI.js}

@@ -1,4 +1,4 @@
-import {a}from'./chunk-E2FC3CGK.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-E2FC3CGK.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-4KNOWFXL.js.map
-//# sourceMappingURL=chunk-4KNOWFXL.js.map
+`;export{l as a,p as b,d as c,s as d,c as e,b as f,m as g,g as h,x as i};//# sourceMappingURL=chunk-FJNUYBHI.js.map
+//# sourceMappingURL=chunk-FJNUYBHI.js.map

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

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

package/dist/{chunk-BK62VLAO.js → chunk-FMJA3TQV.js}

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

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

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

package/dist/{chunk-ZLB5E27H.cjs → chunk-FN2BETSB.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkXXSXRWO7_cjs=require('./chunk-XXSXRWO7.cjs'),chunkRXA7SZM5_cjs=require('./chunk-RXA7SZM5.cjs'),chunkIU2NQFWH_cjs=require('./chunk-IU2NQFWH.cjs'),chunkS7P3YEK4_cjs=require('./chunk-S7P3YEK4.cjs'),chunkDSY3LUZW_cjs=require('./chunk-DSY3LUZW.cjs'),chunkBEN5GUVV_cjs=require('./chunk-BEN5GUVV.cjs');var x={Area:chunkXXSXRWO7_cjs.a,Text:chunkIU2NQFWH_cjs.a,Number:chunkDSY3LUZW_cjs.a,Password:chunkRXA7SZM5_cjs.a,Mask:chunkS7P3YEK4_cjs.a,OTP:chunkBEN5GUVV_cjs.a};exports.a=x;//# sourceMappingURL=chunk-ZLB5E27H.cjs.map
-//# sourceMappingURL=chunk-ZLB5E27H.cjs.map
+'use strict';var chunkRXA7SZM5_cjs=require('./chunk-RXA7SZM5.cjs'),chunkIU2NQFWH_cjs=require('./chunk-IU2NQFWH.cjs'),chunkXXSXRWO7_cjs=require('./chunk-XXSXRWO7.cjs'),chunkS7P3YEK4_cjs=require('./chunk-S7P3YEK4.cjs'),chunkDSY3LUZW_cjs=require('./chunk-DSY3LUZW.cjs'),chunkBEN5GUVV_cjs=require('./chunk-BEN5GUVV.cjs');var x={Area:chunkXXSXRWO7_cjs.a,Text:chunkIU2NQFWH_cjs.a,Number:chunkDSY3LUZW_cjs.a,Password:chunkRXA7SZM5_cjs.a,Mask:chunkS7P3YEK4_cjs.a,OTP:chunkBEN5GUVV_cjs.a};exports.a=x;//# sourceMappingURL=chunk-FN2BETSB.cjs.map
+//# sourceMappingURL=chunk-FN2BETSB.cjs.map

package/dist/{chunk-ZLB5E27H.cjs.map → chunk-FN2BETSB.cjs.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":"6TAQA,IAAOA,CAAAA,CAAQ,CACb,IAAA,CAAAC,mBAAAA,CACA,IAAA,CAAAC,mBAAAA,CACA,MAAA,CAAAC,mBAAAA,CACA,QAAA,CAAAC,mBAAAA,CACA,IAAA,CAAAC,mBAAAA,CACA,IAAAC,mBACF","file":"chunk-ZLB5E27H.cjs","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":"6TAQA,IAAOA,CAAAA,CAAQ,CACb,IAAA,CAAAC,mBAAAA,CACA,IAAA,CAAAC,mBAAAA,CACA,MAAA,CAAAC,mBAAAA,CACA,QAAA,CAAAC,mBAAAA,CACA,IAAA,CAAAC,mBAAAA,CACA,IAAAC,mBACF","file":"chunk-FN2BETSB.cjs","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-ZZWICH2S.js → chunk-FUT74EQ7.js}

@@ -1,2 +1,2 @@
-import {a as a$4,d,c as c$1,g,i}from'./chunk-MGE3NPBN.js';import {a as a$3}from'./chunk-WEDRHQPW.js';import {a as a$2,b,c}from'./chunk-QXJK4OO3.js';import {b as b$2}from'./chunk-SFZYM6JO.js';import {b as b$1}from'./chunk-6ZOLJV4E.js';import {a as a$1,b as b$3}from'./chunk-7QWN4Z56.js';import {a}from'./chunk-YTIIAU4W.js';import {useState,useRef,useEffect,useMemo}from'react';import {LuCalendar,LuZoomOut,LuZoomIn,LuRefreshCcw}from'react-icons/lu';import M from'dayjs';import Te from'dayjs/plugin/customParseFormat.js';import {useIMask}from'react-imask';import {isMatch}from'react-day-picker';import {jsxs,jsx}from'react/jsx-runtime';import ve from'react-easy-crop';import {DateTime,Duration}from'luxon';function fe(a){let o=a.replace(/\D/g,"").slice(0,8);return o.length<=2?o:o.length<=4?`${o.slice(0,2)}/${o.slice(2)}`:`${o.slice(0,2)}/${o.slice(2,4)}/${o.slice(4)}`}function ge(a){if(a.length!==10)return;let o=a.split("/");if(o.length!==3||o[2].length!==4)return;let e=parseInt(o[0],10),n=parseInt(o[1],10),t=parseInt(o[2],10);if(Number.isNaN(e)||Number.isNaN(n)||Number.isNaN(t))return;let l=new Date(t,e-1,n);if(!(l.getFullYear()!==t||l.getMonth()!==e-1||l.getDate()!==n))return l}function De({className:a$3,wrapperClassName:o,value:e,onChange:n,disabled:t=false,calendarProps:l,placeholder:b$3="MM/DD/YYYY",variant:g}){let[c$1,u]=useState(false),[v,h]=useState(e),[I,i]=useState(e?M(e).format("MM/DD/YYYY"):""),s=useRef(e?M(e).format("MM/DD/YYYY"):"");useEffect(()=>{let r=e?M(e).format("MM/DD/YYYY"):"";r!==s.current&&(s.current=r,i(r),e&&h(e));},[e]);let D=r=>{let f=fe(r.target.value);i(f);let T=ge(f);T?(s.current=f,n?.(T)):f===""&&(s.current="",n?.(void 0));},d=r=>{r.key==="ArrowDown"&&(r.preventDefault(),u(true)),!/[0-9/]/.test(r.key)&&!["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(r.key)&&!r.metaKey&&!r.ctrlKey&&r.preventDefault();};return jsxs("div",{className:a("relative w-full",o),children:[jsx("input",{type:"text","data-slot":"input",className:a(a$1({variant:g}),"pr-10",a$3),value:I,placeholder:b$3,onChange:D,onKeyDown:d,disabled:t}),jsxs(a$2,{open:!t&&c$1,onOpenChange:u,children:[jsx(b,{asChild:true,children:jsx(b$1,{variant:"ghost-icon",size:"sm",className:"absolute top-1/2 right-1 -translate-y-1/2",disabled:t,"aria-label":"Select date",type:"button",children:jsx(LuCalendar,{})})}),jsx(c,{className:"w-auto overflow-hidden p-0",align:"end",sideOffset:10,children:jsx(b$2,{mode:"single",selected:e,month:v,onMonthChange:h,onSelect:r=>{let f=r?M(r).format("MM/DD/YYYY"):"";s.current=f,i(f),n?.(r),u(false);},...l})})]})]})}var Pe=({alt:a$1,className:o="",containerClassName:e="",imagePreview:n=void 0,cropper:t=void 0})=>{let[l,b]=useState(false),g=!n||!l,c=!!t;return jsxs("div",{className:a("flex max-w-[386px] flex-col",o),children:[jsxs("div",{className:a("relative h-60 rounded-md border",e),children:[n&&c?jsx(ve,{image:n,crop:t.crop,zoom:t.zoom,aspect:t.aspect,objectFit:"contain",onCropChange:t.setCrop,onZoomChange:t.setZoom,onCropComplete:t.onCropComplete,onMediaLoaded:()=>b(true),showGrid:false}):n&&jsx("img",{alt:a$1,className:`m-auto h-full w-full object-contain transition-opacity duration-300 ${l?"opacity-100":"opacity-0"}`,src:n,onLoad:()=>b(true),draggable:false}),g&&jsx("div",{"aria-label":n?"Loading image":"Awaiting image",className:"from-grey-300 to-grey-300 absolute inset-0 animate-pulse bg-gradient-to-r"})]}),!g&&c&&jsxs("div",{className:"mt-3 flex flex-col items-center justify-between gap-1 px-1 sm:flex-row sm:gap-4",children:[jsxs("div",{className:"flex w-full items-center gap-3",children:[jsx(b$1,{"aria-label":"zoom out",onClick:()=>t.setZoom(Math.max(t.zoom-.1,1)),className:"h-8",variant:"ghost-icon",children:jsx(LuZoomOut,{})}),jsx(a$3,{value:[t.zoom],min:1,max:3,step:.01,onValueChange:u=>t.setZoom(u[0]),className:"w-full sm:flex-50",classNames:{thumb:"border-2 border-green-800",range:"bg-green-900"}}),jsx(b$1,{"aria-label":"zoom in",onClick:()=>t.setZoom(Math.min(t.zoom+.1,3)),variant:"ghost-icon",className:"h-8",children:jsx(LuZoomIn,{})})]}),jsxs(b$1,{onClick:t.reset,variant:"ghost",className:"h-8 p-2",children:[jsx(LuRefreshCcw,{}),"Reset"]})]})]})};var W="00:00",ee="24:00",te=a=>DateTime.fromFormat(a,"HH:mm").isValid,oe=({startTime:a$1=W,endTime:o=ee,interval:e=30,onChange:n=void 0,className:t="",placeholder:l="Select one",size:b="default",portal:g$1=true,triggerIcon:c,getSublabel:u,...v})=>{te(a$1)||(console.error(`Invalid startTime: ${a$1}`),a$1=W),te(o)||(console.error(`Invalid endTime: ${o}`),o=ee);let h=useMemo(()=>{let i=DateTime.fromFormat(o,"HH:mm"),s=Duration.fromObject({minutes:e}),D=[],d=DateTime.fromFormat(a$1,"HH:mm");for(;d<=i;){let r=d.toFormat("HH:mm");r==="00:00"&&d.equals(i)&&(r="24:00"),D.push({label:d.toFormat("h:mm a"),value:{hour:d.toFormat("HH"),min:d.toFormat("mm"),raw:r,formatted:d.toFormat("h:mm a")}}),d=d.plus(s);}return D},[a$1,o,e]);return jsxs(a$4,{onValueChange:i=>{let s=h.find(D=>D.value.raw===i);s&&n?.(s);},...v,children:[jsx(d,{className:a("max-w-[240px] md:w-[150px]",t),size:b,triggerIcon:c,children:jsx(c$1,{placeholder:l})}),jsx(g,{position:"popper",className:"max-h-90",portal:g$1,children:h.map(i$1=>{let s=u?.(i$1);return jsx(i,{className:a(s?"h-auto py-2":"h-10"),value:i$1.value.raw,sublabel:s,children:i$1.label},i$1.value.raw)})})]})},Qe=oe;M.extend(Te);var ae="MM/DD/YYYY",ke="00/00/0000",X=["MM/DD/YYYY","MM/D/YYYY","M/DD/YYYY","M/D/YYYY","YYYY-MM-DD"];function w(a){return a?M(a).format(ae):""}function Me({className:a$3="",wrapperClassName:o="",value:e=void 0,onChange:n=void 0,disabled:t=false,calendarProps:l=void 0,placeholder:b$1,inputProps:g=void 0,showCalendarIcon:c$1=true,editable:u=false}){let[v,h]=useState(false),I=b$1??(u?ae:"Pick a date"),[i,s]=useState(void 0),D=useRef(e);e!==D.current&&(D.current=e,i!==void 0&&s(void 0));let d=i??e,r=p=>l?.disabled?!isMatch(p,l.disabled):true,f=useRef(n);f.current=n;let T=useRef(r);T.current=r;let{ref:q,setValue:E}=useIMask({mask:ke,lazy:true,overwrite:false},{onComplete:p=>{let C=M(p,X,true);C.isValid()&&T.current(C.toDate())&&f.current?.(C.toDate());}}),ie=p=>{n?.(p),E(w(p)),h(false);},se=p=>{let C=p.clipboardData.getData("text").trim(),H=M(C,X,true);if(H.isValid()&&r(H.toDate())){p.preventDefault();let J=H.toDate();n?.(J),E(w(J));}},pe=()=>{E(w(e));},le=()=>{let p=q.current?.value??"";if(p===""){e!==void 0&&n?.(void 0);return}let C=M(p,X,true);C.isValid()&&r(C.toDate())&&n?.(C.toDate()),E(w(e));},me=a(a$1(),c$1&&"pl-10",v?"border-dark-green":"",a$3);return jsxs(a$2,{open:!t&&v,onOpenChange:h,children:[jsx(b,{asChild:true,children:jsxs("div",{className:a("relative flex w-full items-center rounded-md",o),children:[u?jsx("input",{ref:q,defaultValue:w(e),className:me,placeholder:I,disabled:t,onFocus:pe,onPaste:se,onBlur:p=>{le(),g?.onBlur?.(p);}}):jsx(b$3,{className:a(c$1&&"pl-10",v?"border-dark-green":"",a$3),...g,value:w(e),placeholder:I,readOnly:true,disabled:t}),c$1&&jsx("div",{className:a("absolute top-1/2 left-4 h-4 w-4 -translate-y-1/2",t?"text-gray-400":"cursor-pointer text-black"),children:jsx(LuCalendar,{size:16})})]})}),jsx(c,{className:"w-auto overflow-hidden p-0",align:"start",onOpenAutoFocus:u?p=>p.preventDefault():void 0,children:jsx(b$2,{mode:"single",selected:e?M(e).toDate():void 0,onSelect:ie,...u?{month:d,onMonthChange:s}:{},...l})})]})}export{Me as a,De as b,Pe as c,oe as d,Qe as e};//# sourceMappingURL=chunk-ZZWICH2S.js.map
-//# sourceMappingURL=chunk-ZZWICH2S.js.map
+import {a as a$4,d,c as c$1,g,i}from'./chunk-MGE3NPBN.js';import {a as a$3}from'./chunk-WEDRHQPW.js';import {a as a$2,b,c}from'./chunk-QXJK4OO3.js';import {b as b$2}from'./chunk-SFZYM6JO.js';import {b as b$1}from'./chunk-6ZOLJV4E.js';import {a as a$1,b as b$3}from'./chunk-7QWN4Z56.js';import {a}from'./chunk-YTIIAU4W.js';import {useState,useRef,useEffect,useMemo}from'react';import {LuCalendar,LuZoomOut,LuZoomIn,LuRefreshCcw}from'react-icons/lu';import w from'dayjs';import Te from'dayjs/plugin/customParseFormat.js';import {useIMask}from'react-imask';import {isMatch}from'react-day-picker';import {jsxs,jsx}from'react/jsx-runtime';import ve from'react-easy-crop';import {DateTime,Duration}from'luxon';function fe(a){let o=a.replace(/\D/g,"").slice(0,8);return o.length<=2?o:o.length<=4?`${o.slice(0,2)}/${o.slice(2)}`:`${o.slice(0,2)}/${o.slice(2,4)}/${o.slice(4)}`}function ge(a){if(a.length!==10)return;let o=a.split("/");if(o.length!==3||o[2].length!==4)return;let e=parseInt(o[0],10),n=parseInt(o[1],10),t=parseInt(o[2],10);if(Number.isNaN(e)||Number.isNaN(n)||Number.isNaN(t))return;let l=new Date(t,e-1,n);if(!(l.getFullYear()!==t||l.getMonth()!==e-1||l.getDate()!==n))return l}function De({className:a$3,wrapperClassName:o,value:e,onChange:n,disabled:t=false,calendarProps:l,placeholder:b$3="MM/DD/YYYY",variant:g}){let[c$1,u]=useState(false),[v,h]=useState(e),[I,i]=useState(e?w(e).format("MM/DD/YYYY"):""),s=useRef(e?w(e).format("MM/DD/YYYY"):"");useEffect(()=>{let r=e?w(e).format("MM/DD/YYYY"):"";r!==s.current&&(s.current=r,i(r),e&&h(e));},[e]);let D=r=>{let f=fe(r.target.value);i(f);let T=ge(f);T?(s.current=f,n?.(T)):f===""&&(s.current="",n?.(void 0));},d=r=>{r.key==="ArrowDown"&&(r.preventDefault(),u(true)),!/[0-9/]/.test(r.key)&&!["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(r.key)&&!r.metaKey&&!r.ctrlKey&&r.preventDefault();};return jsxs("div",{className:a("relative w-full",o),children:[jsx("input",{type:"text","data-slot":"input",className:a(a$1({variant:g}),"pr-10",a$3),value:I,placeholder:b$3,onChange:D,onKeyDown:d,disabled:t}),jsxs(a$2,{open:!t&&c$1,onOpenChange:u,children:[jsx(b,{asChild:true,children:jsx(b$1,{variant:"ghost-icon",size:"sm",className:"absolute top-1/2 right-1 -translate-y-1/2",disabled:t,"aria-label":"Select date",type:"button",children:jsx(LuCalendar,{})})}),jsx(c,{className:"w-auto overflow-hidden p-0",align:"end",sideOffset:10,children:jsx(b$2,{mode:"single",selected:e,month:v,onMonthChange:h,onSelect:r=>{let f=r?w(r).format("MM/DD/YYYY"):"";s.current=f,i(f),n?.(r),u(false);},...l})})]})]})}var Pe=({alt:a$1,className:o="",containerClassName:e="",imagePreview:n=void 0,cropper:t=void 0})=>{let[l,b]=useState(false),g=!n||!l,c=!!t;return jsxs("div",{className:a("flex max-w-[386px] flex-col",o),children:[jsxs("div",{className:a("relative h-60 rounded-md border",e),children:[n&&c?jsx(ve,{image:n,crop:t.crop,zoom:t.zoom,aspect:t.aspect,objectFit:"contain",onCropChange:t.setCrop,onZoomChange:t.setZoom,onCropComplete:t.onCropComplete,onMediaLoaded:()=>b(true),showGrid:false}):n&&jsx("img",{alt:a$1,className:`m-auto h-full w-full object-contain transition-opacity duration-300 ${l?"opacity-100":"opacity-0"}`,src:n,onLoad:()=>b(true),draggable:false}),g&&jsx("div",{"aria-label":n?"Loading image":"Awaiting image",className:"from-grey-300 to-grey-300 absolute inset-0 animate-pulse bg-gradient-to-r"})]}),!g&&c&&jsxs("div",{className:"mt-3 flex flex-col items-center justify-between gap-1 px-1 sm:flex-row sm:gap-4",children:[jsxs("div",{className:"flex w-full items-center gap-3",children:[jsx(b$1,{"aria-label":"zoom out",onClick:()=>t.setZoom(Math.max(t.zoom-.1,1)),className:"h-8",variant:"ghost-icon",children:jsx(LuZoomOut,{})}),jsx(a$3,{value:[t.zoom],min:1,max:3,step:.01,onValueChange:u=>t.setZoom(u[0]),className:"w-full sm:flex-50",classNames:{thumb:"border-2 border-green-800",range:"bg-green-900"}}),jsx(b$1,{"aria-label":"zoom in",onClick:()=>t.setZoom(Math.min(t.zoom+.1,3)),variant:"ghost-icon",className:"h-8",children:jsx(LuZoomIn,{})})]}),jsxs(b$1,{onClick:t.reset,variant:"ghost",className:"h-8 p-2",children:[jsx(LuRefreshCcw,{}),"Reset"]})]})]})};var W="00:00",ee="24:00",te=a=>DateTime.fromFormat(a,"HH:mm").isValid,oe=({startTime:a$1=W,endTime:o=ee,interval:e=30,onChange:n=void 0,className:t="",placeholder:l="Select one",size:b="default",portal:g$1=true,triggerIcon:c,getSublabel:u,...v})=>{te(a$1)||(console.error(`Invalid startTime: ${a$1}`),a$1=W),te(o)||(console.error(`Invalid endTime: ${o}`),o=ee);let h=useMemo(()=>{let i=DateTime.fromFormat(o,"HH:mm"),s=Duration.fromObject({minutes:e}),D=[],d=DateTime.fromFormat(a$1,"HH:mm");for(;d<=i;){let r=d.toFormat("HH:mm");r==="00:00"&&d.equals(i)&&(r="24:00"),D.push({label:d.toFormat("h:mm a"),value:{hour:d.toFormat("HH"),min:d.toFormat("mm"),raw:r,formatted:d.toFormat("h:mm a")}}),d=d.plus(s);}return D},[a$1,o,e]);return jsxs(a$4,{onValueChange:i=>{let s=h.find(D=>D.value.raw===i);s&&n?.(s);},...v,children:[jsx(d,{className:a("max-w-[240px] md:w-[150px]",t),size:b,triggerIcon:c,children:jsx(c$1,{placeholder:l})}),jsx(g,{position:"popper",className:"max-h-90",portal:g$1,children:h.map(i$1=>{let s=u?.(i$1);return jsx(i,{className:a(s?"h-auto py-2":"h-10"),value:i$1.value.raw,sublabel:s,children:i$1.label},i$1.value.raw)})})]})},Qe=oe;w.extend(Te);var ae="MM/DD/YYYY",ke="00/00/0000",X=["MM/DD/YYYY","MM/D/YYYY","M/DD/YYYY","M/D/YYYY","YYYY-MM-DD"];function S(a){return a?w(a).format(ae):""}function we({className:a$3="",wrapperClassName:o="",value:e=void 0,onChange:n=void 0,disabled:t=false,calendarProps:l=void 0,placeholder:b$1,inputProps:g=void 0,showCalendarIcon:c$1=true,editable:u=false}){let[v,h]=useState(false),I=b$1??(u?ae:"Pick a date"),[i,s]=useState(void 0),D=useRef(e);e!==D.current&&(D.current=e,i!==void 0&&s(void 0));let d=i??e,r=p=>l?.disabled?!isMatch(p,l.disabled):true,f=useRef(n);f.current=n;let T=useRef(r);T.current=r;let{ref:q,setValue:E}=useIMask({mask:ke,lazy:true,overwrite:false},{onComplete:p=>{let C=w(p,X,true);C.isValid()&&T.current(C.toDate())&&f.current?.(C.toDate());}}),ie=p=>{n?.(p),E(S(p)),h(false);},se=p=>{let C=p.clipboardData.getData("text").trim(),H=w(C,X,true);if(H.isValid()&&r(H.toDate())){p.preventDefault();let J=H.toDate();n?.(J),E(S(J));}},pe=()=>{E(S(e));},le=()=>{let p=q.current?.value??"";if(p===""){e!==void 0&&n?.(void 0);return}let C=w(p,X,true);C.isValid()&&r(C.toDate())&&n?.(C.toDate()),E(S(e));},me=a(a$1(),c$1&&"pl-10",v?"border-dark-green":"",a$3);return jsxs(a$2,{open:!t&&v,onOpenChange:h,children:[jsx(b,{asChild:true,children:jsxs("div",{className:a("relative flex w-full items-center rounded-md",o),children:[u?jsx("input",{ref:q,defaultValue:S(e),className:me,placeholder:I,disabled:t,onFocus:pe,onPaste:se,onBlur:p=>{le(),g?.onBlur?.(p);}}):jsx(b$3,{className:a(c$1&&"pl-10",v?"border-dark-green":"",a$3),...g,value:S(e),placeholder:I,readOnly:true,disabled:t}),c$1&&jsx("div",{className:a("absolute top-1/2 left-4 h-4 w-4 -translate-y-1/2",t?"text-gray-400":"cursor-pointer text-black"),children:jsx(LuCalendar,{size:16})})]})}),jsx(c,{className:"w-auto overflow-hidden p-0",align:"start",onOpenAutoFocus:u?p=>p.preventDefault():void 0,children:jsx(b$2,{mode:"single",selected:e?w(e).toDate():void 0,onSelect:ie,...u?{month:d,onMonthChange:s}:{},...l})})]})}export{we as a,De as b,Pe as c,oe as d,Qe as e};//# sourceMappingURL=chunk-FUT74EQ7.js.map
+//# sourceMappingURL=chunk-FUT74EQ7.js.map