@solace-health/ui 0.10.674 → 0.10.676

package/dist/{chunk-ZP5TG7V6.cjs → chunk-2E7IHWVD.cjs}

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

package/dist/{chunk-ZP5TG7V6.cjs.map → chunk-2E7IHWVD.cjs.map}

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

package/dist/{chunk-HCMJMPCZ.cjs → chunk-2KZYFEKJ.cjs}

@@ -1,5 +1,5 @@
-'use strict';var chunkO4VBODYC_cjs=require('./chunk-O4VBODYC.cjs'),chunkWTNXRFXW_cjs=require('./chunk-WTNXRFXW.cjs'),core=require('@dnd-kit/core'),sortable=require('@dnd-kit/sortable'),N=require('@emotion/styled'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var N__default=/*#__PURE__*/_interopDefault(N);var P=N__default.default.div`
+'use strict';var chunkWTNXRFXW_cjs=require('./chunk-WTNXRFXW.cjs'),chunkO4VBODYC_cjs=require('./chunk-O4VBODYC.cjs'),core=require('@dnd-kit/core'),sortable=require('@dnd-kit/sortable'),N=require('@emotion/styled'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var N__default=/*#__PURE__*/_interopDefault(N);var P=N__default.default.div`
   display: flex;
   flex-direction: column;
-`;function k({id:c,onClickElement:i=()=>null,elements:t=[],onChange:E,onDragOver:p=()=>null,className:x="",disabled:h=false}){let{setNodeRef:u}=core.useDroppable({id:c}),v=({active:n,over:r,delta:o})=>{if(Math.abs(o.x)<1&&Math.abs(o.y)<1)return i(n.id);let d=t.findIndex(e=>e.id===n.id),a=t.findIndex(e=>e.id===r?.id),l=e=>sortable.arrayMove(e,d,a);return r?.id&&p(l(t)),false},S=({active:n,over:r,delta:o})=>{if(Math.abs(o.x)<1&&Math.abs(o.y)<1)return i(n.id);let d=t.findIndex(e=>e.id===n.id),a=t.findIndex(e=>e.id===r?.id),l=e=>sortable.arrayMove(e,d,a);return r?.id&&E(l(t)),null},y=core.useSensors(core.useSensor(chunkWTNXRFXW_cjs.a),core.useSensor(chunkWTNXRFXW_cjs.b));return jsxRuntime.jsx(core.DndContext,{collisionDetection:core.closestCorners,onDragOver:v,onDragEnd:S,sensors:y,children:jsxRuntime.jsx(sortable.SortableContext,{id:c,items:t,strategy:sortable.verticalListSortingStrategy,children:jsxRuntime.jsx(P,{ref:u,className:x,children:t.map(n=>jsxRuntime.jsx(chunkO4VBODYC_cjs.a,{onClickElement:i,id:n.id,disabled:h,children:n.children},n.id))})})})}exports.a=k;//# sourceMappingURL=chunk-HCMJMPCZ.cjs.map
-//# sourceMappingURL=chunk-HCMJMPCZ.cjs.map
+`;function k({id:c,onClickElement:i=()=>null,elements:t=[],onChange:E,onDragOver:p=()=>null,className:x="",disabled:h=false}){let{setNodeRef:u}=core.useDroppable({id:c}),v=({active:n,over:r,delta:o})=>{if(Math.abs(o.x)<1&&Math.abs(o.y)<1)return i(n.id);let d=t.findIndex(e=>e.id===n.id),a=t.findIndex(e=>e.id===r?.id),l=e=>sortable.arrayMove(e,d,a);return r?.id&&p(l(t)),false},S=({active:n,over:r,delta:o})=>{if(Math.abs(o.x)<1&&Math.abs(o.y)<1)return i(n.id);let d=t.findIndex(e=>e.id===n.id),a=t.findIndex(e=>e.id===r?.id),l=e=>sortable.arrayMove(e,d,a);return r?.id&&E(l(t)),null},y=core.useSensors(core.useSensor(chunkWTNXRFXW_cjs.a),core.useSensor(chunkWTNXRFXW_cjs.b));return jsxRuntime.jsx(core.DndContext,{collisionDetection:core.closestCorners,onDragOver:v,onDragEnd:S,sensors:y,children:jsxRuntime.jsx(sortable.SortableContext,{id:c,items:t,strategy:sortable.verticalListSortingStrategy,children:jsxRuntime.jsx(P,{ref:u,className:x,children:t.map(n=>jsxRuntime.jsx(chunkO4VBODYC_cjs.a,{onClickElement:i,id:n.id,disabled:h,children:n.children},n.id))})})})}exports.a=k;//# sourceMappingURL=chunk-2KZYFEKJ.cjs.map
+//# sourceMappingURL=chunk-2KZYFEKJ.cjs.map

package/dist/{chunk-HCMJMPCZ.cjs.map → chunk-2KZYFEKJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/SortableList/index.tsx"],"names":["ElementsContainer","styled","SortableList","id","onClickElement","elements","onChange","onDragOver","className","disabled","setNodeRef","useDroppable","handleDragOver","active","over","delta","activeIndex","element","overIndex","updatedItems","elementToUpdate","arrayMove","handleDragEnd","sensors","useSensors","useSensor","MouseSensor","KeyboardSensor","jsx","DndContext","closestCorners","SortableContext","verticalListSortingStrategy","SortableElement"],"mappings":"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","file":"chunk-HCMJMPCZ.cjs","sourcesContent":["import {\n  useDroppable,\n  DndContext,\n  DragEndEvent,\n  DragOverEvent,\n  closestCorners,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, arrayMove, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nimport styled from '@emotion/styled';\nimport { KeyboardSensor, MouseSensor } from './sensors';\nimport SortableElement from './SortableElement';\n\nconst ElementsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport type Element = {\n  id: string;\n  children: JSX.Element;\n};\n\nexport type SortableListProps = {\n  id: string;\n  elements: Element[];\n  onChange: (elements: Element[]) => void;\n  onDragOver?: (elements: Element[]) => void;\n  onClickElement?: (elementId: string) => void;\n  className: string;\n  disabled?: boolean;\n};\n\nexport default function SortableList({\n  id,\n  onClickElement = () => null,\n  elements = [],\n  onChange,\n  onDragOver = () => null,\n  className = '',\n  disabled = false,\n}: SortableListProps) {\n  const { setNodeRef } = useDroppable({ id });\n\n  const handleDragOver = ({ active, over, delta }: DragOverEvent) => {\n    const belowDragDistanceThreshold = Math.abs(delta.x) < 1 && Math.abs(delta.y) < 1;\n    if (belowDragDistanceThreshold) {\n      return onClickElement(active.id as string);\n    }\n\n    const activeIndex = elements.findIndex((element) => element.id === active.id);\n    const overIndex = elements.findIndex((element) => element.id === over?.id);\n\n    const updatedItems = (elementToUpdate: any) =>\n      arrayMove<Element>(elementToUpdate, activeIndex, overIndex);\n\n    if (over?.id) {\n      onDragOver(updatedItems(elements));\n    }\n    return false;\n  };\n\n  const handleDragEnd = ({ active, over, delta }: DragEndEvent) => {\n    const belowDragDistanceThreshold = Math.abs(delta.x) < 1 && Math.abs(delta.y) < 1;\n    if (belowDragDistanceThreshold) {\n      return onClickElement(active.id as string);\n    }\n\n    const activeIndex = elements.findIndex((element) => element.id === active.id);\n    const overIndex = elements.findIndex((element) => element.id === over?.id);\n\n    const updatedItems = (elementToUpdate: any) =>\n      arrayMove<Element>(elementToUpdate, activeIndex, overIndex);\n\n    if (over?.id) {\n      onChange(updatedItems(elements));\n    }\n\n    return null;\n  };\n\n  const sensors = useSensors(useSensor(MouseSensor), useSensor(KeyboardSensor));\n\n  return (\n    <DndContext\n      collisionDetection={closestCorners}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      sensors={sensors}\n    >\n      <SortableContext id={id} items={elements} strategy={verticalListSortingStrategy}>\n        <ElementsContainer ref={setNodeRef} className={className}>\n          {elements.map((element) => (\n            <SortableElement\n              key={element.id}\n              onClickElement={onClickElement}\n              id={element.id}\n              disabled={disabled}\n            >\n              {element.children}\n            </SortableElement>\n          ))}\n        </ElementsContainer>\n      </SortableContext>\n    </DndContext>\n  );\n}\n"]}
+{"version":3,"sources":["../src/SortableList/index.tsx"],"names":["ElementsContainer","styled","SortableList","id","onClickElement","elements","onChange","onDragOver","className","disabled","setNodeRef","useDroppable","handleDragOver","active","over","delta","activeIndex","element","overIndex","updatedItems","elementToUpdate","arrayMove","handleDragEnd","sensors","useSensors","useSensor","MouseSensor","KeyboardSensor","jsx","DndContext","closestCorners","SortableContext","verticalListSortingStrategy","SortableElement"],"mappings":"8WAeA,IAAMA,CAAAA,CAAoBC,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA,CAAA,CAoBlB,SAARC,CAAAA,CAA8B,CACnC,EAAA,CAAAC,CAAAA,CACA,eAAAC,CAAAA,CAAiB,IAAM,IAAA,CACvB,QAAA,CAAAC,CAAAA,CAAW,GACX,QAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CAAa,IAAM,IAAA,CACnB,SAAA,CAAAC,CAAAA,CAAY,EAAA,CACZ,QAAA,CAAAC,CAAAA,CAAW,KACb,CAAA,CAAsB,CACpB,GAAM,CAAE,UAAA,CAAAC,CAAW,CAAA,CAAIC,iBAAAA,CAAa,CAAE,GAAAR,CAAG,CAAC,CAAA,CAEpCS,CAAAA,CAAiB,CAAC,CAAE,OAAAC,CAAAA,CAAQ,IAAA,CAAAC,CAAAA,CAAM,KAAA,CAAAC,CAAM,CAAA,GAAqB,CAEjE,GADmC,IAAA,CAAK,GAAA,CAAIA,CAAAA,CAAM,CAAC,CAAA,CAAI,CAAA,EAAK,KAAK,GAAA,CAAIA,CAAAA,CAAM,CAAC,CAAA,CAAI,CAAA,CAE9E,OAAOX,EAAeS,CAAAA,CAAO,EAAY,CAAA,CAG3C,IAAMG,CAAAA,CAAcX,CAAAA,CAAS,UAAWY,CAAAA,EAAYA,CAAAA,CAAQ,EAAA,GAAOJ,CAAAA,CAAO,EAAE,CAAA,CACtEK,CAAAA,CAAYb,CAAAA,CAAS,SAAA,CAAWY,CAAAA,EAAYA,CAAAA,CAAQ,EAAA,GAAOH,CAAAA,EAAM,EAAE,EAEnEK,CAAAA,CAAgBC,CAAAA,EACpBC,kBAAAA,CAAmBD,CAAAA,CAAiBJ,CAAAA,CAAaE,CAAS,CAAA,CAE5D,OAAIJ,CAAAA,EAAM,EAAA,EACRP,CAAAA,CAAWY,CAAAA,CAAad,CAAQ,CAAC,EAE5B,KACT,CAAA,CAEMiB,CAAAA,CAAgB,CAAC,CAAE,MAAA,CAAAT,CAAAA,CAAQ,IAAA,CAAAC,CAAAA,CAAM,KAAA,CAAAC,CAAM,CAAA,GAAoB,CAE/D,GADmC,KAAK,GAAA,CAAIA,CAAAA,CAAM,CAAC,CAAA,CAAI,CAAA,EAAK,IAAA,CAAK,IAAIA,CAAAA,CAAM,CAAC,CAAA,CAAI,CAAA,CAE9E,OAAOX,CAAAA,CAAeS,EAAO,EAAY,CAAA,CAG3C,IAAMG,CAAAA,CAAcX,CAAAA,CAAS,SAAA,CAAWY,CAAAA,EAAYA,CAAAA,CAAQ,EAAA,GAAOJ,CAAAA,CAAO,EAAE,CAAA,CACtEK,CAAAA,CAAYb,CAAAA,CAAS,UAAWY,CAAAA,EAAYA,CAAAA,CAAQ,EAAA,GAAOH,CAAAA,EAAM,EAAE,CAAA,CAEnEK,EAAgBC,CAAAA,EACpBC,kBAAAA,CAAmBD,CAAAA,CAAiBJ,CAAAA,CAAaE,CAAS,CAAA,CAE5D,OAAIJ,CAAAA,EAAM,EAAA,EACRR,CAAAA,CAASa,CAAAA,CAAad,CAAQ,CAAC,CAAA,CAG1B,IACT,CAAA,CAEMkB,CAAAA,CAAUC,eAAAA,CAAWC,cAAAA,CAAUC,mBAAW,CAAA,CAAGD,eAAUE,mBAAc,CAAC,CAAA,CAE5E,OACEC,cAAAA,CAACC,eAAAA,CAAA,CACC,kBAAA,CAAoBC,mBAAAA,CACpB,UAAA,CAAYlB,CAAAA,CACZ,SAAA,CAAWU,CAAAA,CACX,QAASC,CAAAA,CAET,QAAA,CAAAK,cAAAA,CAACG,wBAAAA,CAAA,CAAgB,EAAA,CAAI5B,CAAAA,CAAI,KAAA,CAAOE,CAAAA,CAAU,QAAA,CAAU2B,oCAAAA,CAClD,QAAA,CAAAJ,cAAAA,CAAC5B,CAAAA,CAAA,CAAkB,GAAA,CAAKU,CAAAA,CAAY,SAAA,CAAWF,CAAAA,CAC5C,QAAA,CAAAH,CAAAA,CAAS,GAAA,CAAKY,CAAAA,EACbW,cAAAA,CAACK,mBAAAA,CAAA,CAEC,cAAA,CAAgB7B,CAAAA,CAChB,EAAA,CAAIa,EAAQ,EAAA,CACZ,QAAA,CAAUR,CAAAA,CAET,QAAA,CAAAQ,CAAAA,CAAQ,QAAA,CAAA,CALJA,CAAAA,CAAQ,EAMf,CACD,CAAA,CACH,CAAA,CACF,CAAA,CACF,CAEJ","file":"chunk-2KZYFEKJ.cjs","sourcesContent":["import {\n  useDroppable,\n  DndContext,\n  DragEndEvent,\n  DragOverEvent,\n  closestCorners,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, arrayMove, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nimport styled from '@emotion/styled';\nimport { KeyboardSensor, MouseSensor } from './sensors';\nimport SortableElement from './SortableElement';\n\nconst ElementsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport type Element = {\n  id: string;\n  children: JSX.Element;\n};\n\nexport type SortableListProps = {\n  id: string;\n  elements: Element[];\n  onChange: (elements: Element[]) => void;\n  onDragOver?: (elements: Element[]) => void;\n  onClickElement?: (elementId: string) => void;\n  className: string;\n  disabled?: boolean;\n};\n\nexport default function SortableList({\n  id,\n  onClickElement = () => null,\n  elements = [],\n  onChange,\n  onDragOver = () => null,\n  className = '',\n  disabled = false,\n}: SortableListProps) {\n  const { setNodeRef } = useDroppable({ id });\n\n  const handleDragOver = ({ active, over, delta }: DragOverEvent) => {\n    const belowDragDistanceThreshold = Math.abs(delta.x) < 1 && Math.abs(delta.y) < 1;\n    if (belowDragDistanceThreshold) {\n      return onClickElement(active.id as string);\n    }\n\n    const activeIndex = elements.findIndex((element) => element.id === active.id);\n    const overIndex = elements.findIndex((element) => element.id === over?.id);\n\n    const updatedItems = (elementToUpdate: any) =>\n      arrayMove<Element>(elementToUpdate, activeIndex, overIndex);\n\n    if (over?.id) {\n      onDragOver(updatedItems(elements));\n    }\n    return false;\n  };\n\n  const handleDragEnd = ({ active, over, delta }: DragEndEvent) => {\n    const belowDragDistanceThreshold = Math.abs(delta.x) < 1 && Math.abs(delta.y) < 1;\n    if (belowDragDistanceThreshold) {\n      return onClickElement(active.id as string);\n    }\n\n    const activeIndex = elements.findIndex((element) => element.id === active.id);\n    const overIndex = elements.findIndex((element) => element.id === over?.id);\n\n    const updatedItems = (elementToUpdate: any) =>\n      arrayMove<Element>(elementToUpdate, activeIndex, overIndex);\n\n    if (over?.id) {\n      onChange(updatedItems(elements));\n    }\n\n    return null;\n  };\n\n  const sensors = useSensors(useSensor(MouseSensor), useSensor(KeyboardSensor));\n\n  return (\n    <DndContext\n      collisionDetection={closestCorners}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      sensors={sensors}\n    >\n      <SortableContext id={id} items={elements} strategy={verticalListSortingStrategy}>\n        <ElementsContainer ref={setNodeRef} className={className}>\n          {elements.map((element) => (\n            <SortableElement\n              key={element.id}\n              onClickElement={onClickElement}\n              id={element.id}\n              disabled={disabled}\n            >\n              {element.children}\n            </SortableElement>\n          ))}\n        </ElementsContainer>\n      </SortableContext>\n    </DndContext>\n  );\n}\n"]}

package/dist/{chunk-3GWTFO2L.js → chunk-2LPWHSFQ.js}

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

package/dist/{chunk-3GWTFO2L.js.map → chunk-2LPWHSFQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/combobox/combobox.tsx"],"names":["Combobox","classNames","disabled","options","preSearchOptions","onSearchChange","onChange","onOpenChange","placeholder","searchLabel","notFoundMessage","value","size","error","open","setOpen","useState","isSearching","setIsSearching","optionsToDisplay","jsxs","Popover","PopoverTrigger","cn","jsx","LuSearch","item","LuChevronsUpDown","PopoverContent","Command","CommandInput","val","CommandList","CommandEmpty","CommandGroup","CommandItem","currentValue","LuCheck"],"mappings":"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","file":"chunk-3GWTFO2L.js","sourcesContent":["import { LuCheck, LuChevronsUpDown, LuSearch } from 'react-icons/lu';\nimport { useState } from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/v2/popover/popover';\nimport { cn } from '@/lib/utils';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/v2/command/command';\n\nexport type ComboboxOption = {\n  label: string | React.ReactNode;\n  value: string;\n  additionalSearchText?: string;\n  disabled?: boolean;\n};\n\nexport type ComboboxProps = {\n  classNames?: {\n    content?: string;\n    input?: string;\n    item?: string;\n    trigger?: string;\n  };\n  disabled?: boolean;\n  options: ComboboxOption[];\n  preSearchOptions?: ComboboxOption[];\n  onSearchChange?: (value: string) => void;\n  onChange?: (value: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  placeholder?: string;\n  searchLabel?: string;\n  notFoundMessage?: string;\n  value?: string;\n  size?: 'default' | 'sm';\n  error?: boolean;\n};\n\nexport const Combobox = ({\n  classNames = undefined,\n  disabled = false,\n  options,\n  preSearchOptions = undefined,\n  onSearchChange = undefined,\n  onChange = undefined,\n  onOpenChange = undefined,\n  placeholder = 'Select an option',\n  searchLabel = 'Search...',\n  notFoundMessage = 'Not found.',\n  value = undefined,\n  size = 'default',\n  error = false,\n}: ComboboxProps) => {\n  const [open, setOpen] = useState(false);\n\n  // Allow filtering down to just a subset of options before searching\n  // NOTE: preSearchOptions is optional, while options is a required prop that we can fallback to\n  const [isSearching, setIsSearching] = useState(false);\n  const optionsToDisplay = isSearching ? options : preSearchOptions || options;\n\n  const handleOpenChange = () => {\n    setOpen(!open);\n    setIsSearching(false);\n    onOpenChange?.(!open);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger\n        aria-invalid={error}\n        disabled={disabled}\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-dark-green inline-flex h-12 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-md border px-4 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:bg-gray-200 disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5\",\n          size === 'sm' && \"py-xs h-8 px-3 [&_svg:not([class*='size-'])]:size-4\",\n          classNames?.trigger,\n        )}\n      >\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          {!value && <LuSearch className={cn(error && 'text-red')} />}\n          <span className=\"block min-w-0 truncate\">\n            {value ? options.find((item) => item.value === value)?.label : placeholder}\n          </span>\n        </div>\n        <LuChevronsUpDown className=\"opacity-50\" />\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        className={cn('w-[var(--radix-popover-trigger-width)] p-0', classNames?.content)}\n      >\n        <Command>\n          <CommandInput\n            placeholder={searchLabel}\n            className={cn('h-9', classNames?.input)}\n            onValueChange={(val) => {\n              setIsSearching(!!val);\n              onSearchChange?.(val);\n            }}\n          />\n          <CommandList onWheel={(e) => e.stopPropagation()}>\n            <CommandEmpty>{notFoundMessage}</CommandEmpty>\n            <CommandGroup>\n              {optionsToDisplay.map((item) => (\n                <CommandItem\n                  key={item.value}\n                  value={item.value}\n                  keywords={[\n                    typeof item.label === 'string' ? item.label : '',\n                    item.additionalSearchText ?? '',\n                  ]}\n                  onSelect={(currentValue) => {\n                    onChange?.(currentValue === value ? '' : currentValue);\n                    setOpen(false);\n                    onOpenChange?.(false);\n                  }}\n                  className={classNames?.item}\n                  disabled={item.disabled}\n                >\n                  {item.label}\n                  <LuCheck\n                    className={cn('ml-auto', value === item.value ? 'opacity-100' : 'opacity-0')}\n                  />\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n};\n"]}
+{"version":3,"sources":["../src/v2/combobox/combobox.tsx"],"names":["Combobox","classNames","disabled","options","preSearchOptions","onSearchChange","onChange","onOpenChange","placeholder","searchLabel","notFoundMessage","value","size","error","open","setOpen","useState","isSearching","setIsSearching","optionsToDisplay","jsxs","Popover","PopoverTrigger","cn","jsx","LuSearch","item","LuChevronsUpDown","PopoverContent","Command","CommandInput","val","CommandList","CommandEmpty","CommandGroup","CommandItem","currentValue","LuCheck"],"mappings":"oRAyCO,IAAMA,CAAAA,CAAW,CAAC,CACvB,UAAA,CAAAC,EAAa,MAAA,CACb,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,OAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CAAmB,OACnB,cAAA,CAAAC,CAAAA,CAAiB,MAAA,CACjB,QAAA,CAAAC,CAAAA,CAAW,MAAA,CACX,YAAA,CAAAC,GAAAA,CAAe,OACf,WAAA,CAAAC,CAAAA,CAAc,kBAAA,CACd,WAAA,CAAAC,CAAAA,CAAc,WAAA,CACd,eAAA,CAAAC,CAAAA,CAAkB,aAClB,KAAA,CAAAC,CAAAA,CAAQ,MAAA,CACR,IAAA,CAAAC,CAAAA,CAAO,SAAA,CACP,KAAA,CAAAC,CAAAA,CAAQ,KACV,CAAA,GAAqB,CACnB,GAAM,CAACC,CAAAA,CAAMC,CAAO,CAAA,CAAIC,QAAAA,CAAS,KAAK,CAAA,CAIhC,CAACC,CAAAA,CAAaC,CAAc,CAAA,CAAIF,QAAAA,CAAS,KAAK,CAAA,CAC9CG,EAAmBF,CAAAA,CAAcd,CAAAA,CAAUC,CAAAA,EAAoBD,CAAAA,CAQrE,OACEiB,IAAAA,CAACC,CAAAA,CAAA,CAAQ,KAAMP,CAAAA,CAAM,YAAA,CAPE,IAAM,CAC7BC,CAAAA,CAAQ,CAACD,CAAI,CAAA,CACbI,EAAe,KAAK,CAAA,CACpBX,GAAAA,GAAe,CAACO,CAAI,EACtB,CAAA,CAII,QAAA,CAAA,CAAAM,KAACE,CAAAA,CAAA,CACC,cAAA,CAAcT,CAAAA,CACd,QAAA,CAAUX,CAAAA,CACV,SAAA,CAAWqB,GAAAA,CACT,+fACAX,CAAAA,GAAS,IAAA,EAAQ,qDAAA,CACjBX,CAAAA,EAAY,OACd,CAAA,CAEA,QAAA,CAAA,CAAAmB,IAAAA,CAAC,OAAI,SAAA,CAAU,wCAAA,CACZ,QAAA,CAAA,CAAA,CAACT,CAAAA,EAASa,GAAAA,CAACC,QAAAA,CAAA,CAAS,SAAA,CAAWF,IAAGV,CAAAA,EAAS,UAAU,CAAA,CAAG,CAAA,CACzDW,IAAC,MAAA,CAAA,CAAK,SAAA,CAAU,wBAAA,CACb,QAAA,CAAAb,EAAQR,CAAAA,CAAQ,IAAA,CAAMuB,CAAAA,EAASA,CAAAA,CAAK,KAAA,GAAUf,CAAK,CAAA,EAAG,KAAA,CAAQH,EACjE,CAAA,CAAA,CACF,CAAA,CACAgB,GAAAA,CAACG,gBAAAA,CAAA,CAAiB,SAAA,CAAU,YAAA,CAAa,CAAA,CAAA,CAC3C,EACAH,GAAAA,CAACI,CAAAA,CAAA,CACC,KAAA,CAAM,OAAA,CACN,SAAA,CAAWL,GAAAA,CAAG,4CAAA,CAA8CtB,GAAY,OAAO,CAAA,CAE/E,QAAA,CAAAmB,IAAAA,CAACS,GAAAA,CAAA,CACC,QAAA,CAAA,CAAAL,GAAAA,CAACM,IAAA,CACC,WAAA,CAAarB,CAAAA,CACb,SAAA,CAAWc,GAAAA,CAAG,KAAA,CAAOtB,CAAAA,EAAY,KAAK,EACtC,aAAA,CAAgB8B,CAAAA,EAAQ,CACtBb,CAAAA,CAAe,CAAC,CAACa,CAAG,CAAA,CACpB1B,IAAiB0B,CAAG,EACtB,CAAA,CACF,CAAA,CACAX,IAAAA,CAACY,CAAAA,CAAA,CAAY,OAAA,CAAU,GAAM,CAAA,CAAE,eAAA,EAAgB,CAC7C,QAAA,CAAA,CAAAR,GAAAA,CAACS,CAAAA,CAAA,CAAc,QAAA,CAAAvB,EAAgB,CAAA,CAC/Bc,GAAAA,CAACU,CAAAA,CAAA,CACE,QAAA,CAAAf,CAAAA,CAAiB,GAAA,CAAKO,CAAAA,EACrBN,KAACe,CAAAA,CAAA,CAEC,KAAA,CAAOT,CAAAA,CAAK,KAAA,CACZ,QAAA,CAAU,CACR,OAAOA,EAAK,KAAA,EAAU,QAAA,CAAWA,CAAAA,CAAK,KAAA,CAAQ,EAAA,CAC9CA,CAAAA,CAAK,oBAAA,EAAwB,EAC/B,EACA,QAAA,CAAWU,CAAAA,EAAiB,CAC1B9B,CAAAA,GAAW8B,CAAAA,GAAiBzB,CAAAA,CAAQ,EAAA,CAAKyB,CAAY,EACrDrB,CAAAA,CAAQ,KAAK,CAAA,CACbR,GAAAA,GAAe,KAAK,EACtB,CAAA,CACA,SAAA,CAAWN,GAAY,IAAA,CACvB,QAAA,CAAUyB,CAAAA,CAAK,QAAA,CAEd,QAAA,CAAA,CAAAA,CAAAA,CAAK,KAAA,CACNF,GAAAA,CAACa,QAAA,CACC,SAAA,CAAWd,GAAAA,CAAG,SAAA,CAAWZ,CAAAA,GAAUe,CAAAA,CAAK,KAAA,CAAQ,aAAA,CAAgB,WAAW,CAAA,CAC7E,CAAA,CAAA,CAAA,CAjBKA,CAAAA,CAAK,KAkBZ,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,GACF,CAEJ","file":"chunk-2LPWHSFQ.js","sourcesContent":["import { LuCheck, LuChevronsUpDown, LuSearch } from 'react-icons/lu';\nimport { useState } from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/v2/popover/popover';\nimport { cn } from '@/lib/utils';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/v2/command/command';\n\nexport type ComboboxOption = {\n  label: string | React.ReactNode;\n  value: string;\n  additionalSearchText?: string;\n  disabled?: boolean;\n};\n\nexport type ComboboxProps = {\n  classNames?: {\n    content?: string;\n    input?: string;\n    item?: string;\n    trigger?: string;\n  };\n  disabled?: boolean;\n  options: ComboboxOption[];\n  preSearchOptions?: ComboboxOption[];\n  onSearchChange?: (value: string) => void;\n  onChange?: (value: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  placeholder?: string;\n  searchLabel?: string;\n  notFoundMessage?: string;\n  value?: string;\n  size?: 'default' | 'sm';\n  error?: boolean;\n};\n\nexport const Combobox = ({\n  classNames = undefined,\n  disabled = false,\n  options,\n  preSearchOptions = undefined,\n  onSearchChange = undefined,\n  onChange = undefined,\n  onOpenChange = undefined,\n  placeholder = 'Select an option',\n  searchLabel = 'Search...',\n  notFoundMessage = 'Not found.',\n  value = undefined,\n  size = 'default',\n  error = false,\n}: ComboboxProps) => {\n  const [open, setOpen] = useState(false);\n\n  // Allow filtering down to just a subset of options before searching\n  // NOTE: preSearchOptions is optional, while options is a required prop that we can fallback to\n  const [isSearching, setIsSearching] = useState(false);\n  const optionsToDisplay = isSearching ? options : preSearchOptions || options;\n\n  const handleOpenChange = () => {\n    setOpen(!open);\n    setIsSearching(false);\n    onOpenChange?.(!open);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger\n        aria-invalid={error}\n        disabled={disabled}\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-dark-green inline-flex h-12 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-md border px-4 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:bg-gray-200 disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5\",\n          size === 'sm' && \"py-xs h-8 px-3 [&_svg:not([class*='size-'])]:size-4\",\n          classNames?.trigger,\n        )}\n      >\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          {!value && <LuSearch className={cn(error && 'text-red')} />}\n          <span className=\"block min-w-0 truncate\">\n            {value ? options.find((item) => item.value === value)?.label : placeholder}\n          </span>\n        </div>\n        <LuChevronsUpDown className=\"opacity-50\" />\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        className={cn('w-[var(--radix-popover-trigger-width)] p-0', classNames?.content)}\n      >\n        <Command>\n          <CommandInput\n            placeholder={searchLabel}\n            className={cn('h-9', classNames?.input)}\n            onValueChange={(val) => {\n              setIsSearching(!!val);\n              onSearchChange?.(val);\n            }}\n          />\n          <CommandList onWheel={(e) => e.stopPropagation()}>\n            <CommandEmpty>{notFoundMessage}</CommandEmpty>\n            <CommandGroup>\n              {optionsToDisplay.map((item) => (\n                <CommandItem\n                  key={item.value}\n                  value={item.value}\n                  keywords={[\n                    typeof item.label === 'string' ? item.label : '',\n                    item.additionalSearchText ?? '',\n                  ]}\n                  onSelect={(currentValue) => {\n                    onChange?.(currentValue === value ? '' : currentValue);\n                    setOpen(false);\n                    onOpenChange?.(false);\n                  }}\n                  className={classNames?.item}\n                  disabled={item.disabled}\n                >\n                  {item.label}\n                  <LuCheck\n                    className={cn('ml-auto', value === item.value ? 'opacity-100' : 'opacity-0')}\n                  />\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n};\n"]}

package/dist/{chunk-33G563Q2.js → chunk-2PBC7BZ2.js}

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

package/dist/{chunk-33G563Q2.js.map → chunk-2PBC7BZ2.js.map}

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

package/dist/chunk-3OB5RPDJ.js

@@ -0,0 +1,2 @@
+import {a as a$3}from'./chunk-ICD3QXDI.js';import {a as a$2}from'./chunk-M6HXWFO4.js';import {a as a$1}from'./chunk-KJCEU5SV.js';import {a as a$4}from'./chunk-NF5N7YWV.js';var a={Body:a$4,Display:a$3,Header:a$2,Truncated:a$1};export{a};//# sourceMappingURL=chunk-3OB5RPDJ.js.map
+//# sourceMappingURL=chunk-3OB5RPDJ.js.map

package/dist/{chunk-3KRYWKCE.js.map → chunk-3OB5RPDJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Typography/index.ts"],"names":["Typography_default","Body_default","Display_default","Header_default","Truncated_default"],"mappings":"4KAKA,IAAOA,CAAAA,CAAQ,CACb,IAAA,CAAAC,GAAAA,CACA,QAAAC,GAAAA,CACA,MAAA,CAAAC,GAAAA,CACA,SAAA,CAAAC,GACF","file":"chunk-3KRYWKCE.js","sourcesContent":["import Body from './Body';\nimport Display from './Display';\nimport Header from './Header';\nimport Truncated from './Truncated';\n\nexport default {\n  Body,\n  Display,\n  Header,\n  Truncated,\n};\n"]}
+{"version":3,"sources":["../src/Typography/index.ts"],"names":["Typography_default","Body_default","Display_default","Header_default","Truncated_default"],"mappings":"4KAKA,IAAOA,CAAAA,CAAQ,CACb,IAAA,CAAAC,GAAAA,CACA,QAAAC,GAAAA,CACA,MAAA,CAAAC,GAAAA,CACA,SAAA,CAAAC,GACF","file":"chunk-3OB5RPDJ.js","sourcesContent":["import Body from './Body';\nimport Display from './Display';\nimport Header from './Header';\nimport Truncated from './Truncated';\n\nexport default {\n  Body,\n  Display,\n  Header,\n  Truncated,\n};\n"]}

package/dist/{chunk-4DM2CCF4.cjs → chunk-3OXBPQMW.cjs}

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

package/dist/{chunk-4DM2CCF4.cjs.map → chunk-3OXBPQMW.cjs.map}

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

package/dist/{chunk-MQIWR2UP.cjs → chunk-3QI4QR3H.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkOCM6L6SZ_cjs=require('./chunk-OCM6L6SZ.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),reactDropzone=require('react-dropzone'),lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');var P={"image/jpeg":[".jpeg",".jpg"],"image/png":[".png"],"image/avif":[".avif"],"image/heic":[".heic"],"image/webp":[".webp"],"application/pdf":[".pdf"],"text/csv":[".csv"],"application/xml":[".xml",".xlsx"],"application/msword":[".doc"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"]},A=[],F={},j=()=>null,L=({accept:m=P,files:n=A,maxFiles:o=5,maxSizeInMb:l=10,onDrop:f=j,className:g=void 0,wrapperClassName:u=void 0,extraInputProps:c=F,isLoading:d=false,icon:b=void 0,title:x=void 0,subtitle:v=void 0})=>{let i=n.length>=o,{getRootProps:y,getInputProps:h,isDragActive:p}=reactDropzone.useDropzone({maxFiles:o,multiple:o>1,onDrop:f,maxSize:l*1024*1024,accept:m,onDropRejected:r=>{r.length>0&&r[0].errors[0].code==="too-many-files"?chunkOCM6L6SZ_cjs.a.error(`Too many files. Please upload up to ${o} files at a time.`):r.length>0&&r[0].errors[0].code==="file-too-large"?chunkOCM6L6SZ_cjs.a.error(`File is too large. Please upload files smaller than ${l} MB.`):chunkOCM6L6SZ_cjs.a.error("File type not supported");},disabled:n.length>=o}),N={...h(),...c,disabled:d||c.disabled};return jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("flex min-h-48 flex-col gap-4 hover:cursor-pointer",p&&"border-grey-700 opacity-75",i&&"hover:cursor-not-allowed",u),...y(),children:jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("bg-grey-100 border-grey-300 flex w-full flex-col items-center justify-center rounded-lg border-2 border-dashed py-10 text-center",i&&!p&&"border-red-300",g),children:i?jsxRuntime.jsxs("div",{className:"text flex flex-col items-center",children:[jsxRuntime.jsx(lu.LuFileWarning,{className:"h-8 w-8 text-red-500"}),jsxRuntime.jsxs("div",{className:"strong mt-4",children:["Maximum ",o," file limit reached"]})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("input",{...N}),d?jsxRuntime.jsx("div",{className:"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-gray-700"}):b??jsxRuntime.jsx(lu.LuUpload,{className:"h-8 w-8 text-gray-700"}),jsxRuntime.jsxs("div",{className:"text-grey-700 mt-4 flex flex-col gap-1",children:[x??jsxRuntime.jsx("p",{className:"text-body-lg",children:"Drag an image or click to browse"}),v??jsxRuntime.jsxs("p",{className:"text-body-sm",children:[l," MB max file size"]})]})]})})})};exports.a=L;//# sourceMappingURL=chunk-MQIWR2UP.cjs.map
-//# sourceMappingURL=chunk-MQIWR2UP.cjs.map
+'use strict';var chunkYZSNGPIP_cjs=require('./chunk-YZSNGPIP.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),reactDropzone=require('react-dropzone'),lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');var P={"image/jpeg":[".jpeg",".jpg"],"image/png":[".png"],"image/avif":[".avif"],"image/heic":[".heic"],"image/webp":[".webp"],"application/pdf":[".pdf"],"text/csv":[".csv"],"application/xml":[".xml",".xlsx"],"application/msword":[".doc"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"]},A=[],F={},j=()=>null,L=({accept:m=P,files:n=A,maxFiles:o=5,maxSizeInMb:l=10,onDrop:f=j,className:g=void 0,wrapperClassName:u=void 0,extraInputProps:c=F,isLoading:d=false,icon:b=void 0,title:x=void 0,subtitle:v=void 0})=>{let i=n.length>=o,{getRootProps:y,getInputProps:h,isDragActive:p}=reactDropzone.useDropzone({maxFiles:o,multiple:o>1,onDrop:f,maxSize:l*1024*1024,accept:m,onDropRejected:r=>{r.length>0&&r[0].errors[0].code==="too-many-files"?chunkYZSNGPIP_cjs.b.error(`Too many files. Please upload up to ${o} files at a time.`):r.length>0&&r[0].errors[0].code==="file-too-large"?chunkYZSNGPIP_cjs.b.error(`File is too large. Please upload files smaller than ${l} MB.`):chunkYZSNGPIP_cjs.b.error("File type not supported");},disabled:n.length>=o}),N={...h(),...c,disabled:d||c.disabled};return jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("flex min-h-48 flex-col gap-4 hover:cursor-pointer",p&&"border-grey-700 opacity-75",i&&"hover:cursor-not-allowed",u),...y(),children:jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("bg-grey-100 border-grey-300 flex w-full flex-col items-center justify-center rounded-lg border-2 border-dashed py-10 text-center",i&&!p&&"border-red-300",g),children:i?jsxRuntime.jsxs("div",{className:"text flex flex-col items-center",children:[jsxRuntime.jsx(lu.LuFileWarning,{className:"h-8 w-8 text-red-500"}),jsxRuntime.jsxs("div",{className:"strong mt-4",children:["Maximum ",o," file limit reached"]})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("input",{...N}),d?jsxRuntime.jsx("div",{className:"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-gray-700"}):b??jsxRuntime.jsx(lu.LuUpload,{className:"h-8 w-8 text-gray-700"}),jsxRuntime.jsxs("div",{className:"text-grey-700 mt-4 flex flex-col gap-1",children:[x??jsxRuntime.jsx("p",{className:"text-body-lg",children:"Drag an image or click to browse"}),v??jsxRuntime.jsxs("p",{className:"text-body-sm",children:[l," MB max file size"]})]})]})})})};exports.a=L;//# sourceMappingURL=chunk-3QI4QR3H.cjs.map
+//# sourceMappingURL=chunk-3QI4QR3H.cjs.map

package/dist/{chunk-MQIWR2UP.cjs.map → chunk-3QI4QR3H.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/dropzone/dropzone.tsx"],"names":["defaultAcceptedFileTypes","stableArray","stableObject","stableFunc","Dropzone","accept","files","maxFiles","maxSizeInMb","onDrop","className","wrapperClassName","extraInputProps","isLoading","icon","title","subtitle","overMaxFileLimit","getRootProps","getInputProps","isDragActive","useDropzone","errorList","toast","inputProps","jsx","cn","jsxs","LuFileWarning","Fragment","LuUpload"],"mappings":"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","file":"chunk-MQIWR2UP.cjs","sourcesContent":["import { Accept, useDropzone } from 'react-dropzone';\nimport { LuFileWarning, LuUpload } from 'react-icons/lu';\nimport { toast } from '@/v2/toast/toaster';\nimport { cn } from '@/lib/utils';\n\nconst defaultAcceptedFileTypes = {\n  'image/jpeg': ['.jpeg', '.jpg'],\n  'image/png': ['.png'],\n  'image/avif': ['.avif'],\n  'image/heic': ['.heic'],\n  'image/webp': ['.webp'],\n  'application/pdf': ['.pdf'],\n  'text/csv': ['.csv'],\n  'application/xml': ['.xml', '.xlsx'],\n  'application/msword': ['.doc'],\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['.docx'],\n};\nconst stableArray: File[] = [];\nconst stableObject = {};\nconst stableFunc = () => null;\n\nexport type DropzoneProps = {\n  accept?: Accept;\n  files?: File[];\n  maxFiles?: number;\n  maxSizeInMb?: number;\n  onDrop?: (acceptedFiles: File[]) => void;\n  className?: string;\n  wrapperClassName?: string;\n  extraInputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  isLoading?: boolean;\n  icon?: React.ReactNode;\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n};\n\nexport const Dropzone = ({\n  accept = defaultAcceptedFileTypes,\n  files = stableArray,\n  maxFiles = 5,\n  maxSizeInMb = 10,\n  onDrop = stableFunc,\n  className = undefined,\n  wrapperClassName = undefined,\n  extraInputProps = stableObject,\n  isLoading = false,\n  icon = undefined,\n  title = undefined,\n  subtitle = undefined,\n}: DropzoneProps) => {\n  const overMaxFileLimit = files.length >= maxFiles;\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    maxFiles,\n    multiple: maxFiles > 1,\n    onDrop,\n    maxSize: maxSizeInMb * 1024 * 1024,\n    accept,\n    onDropRejected: (errorList) => {\n      if (errorList.length > 0 && errorList[0].errors[0].code === 'too-many-files') {\n        toast.error(`Too many files. Please upload up to ${maxFiles} files at a time.`);\n      } else if (errorList.length > 0 && errorList[0].errors[0].code === 'file-too-large') {\n        toast.error(`File is too large. Please upload files smaller than ${maxSizeInMb} MB.`);\n      } else {\n        toast.error('File type not supported');\n      }\n    },\n    disabled: files.length >= maxFiles,\n  });\n\n  const inputProps = {\n    ...getInputProps(),\n    ...extraInputProps,\n    disabled: isLoading || extraInputProps.disabled,\n  };\n\n  return (\n    <div\n      className={cn(\n        'flex min-h-48 flex-col gap-4 hover:cursor-pointer',\n        isDragActive && 'border-grey-700 opacity-75',\n        overMaxFileLimit && 'hover:cursor-not-allowed',\n        wrapperClassName,\n      )}\n      {...getRootProps()}\n    >\n      <div\n        className={cn(\n          'bg-grey-100 border-grey-300 flex w-full flex-col items-center justify-center rounded-lg border-2 border-dashed py-10 text-center',\n          overMaxFileLimit && !isDragActive && 'border-red-300',\n          className,\n        )}\n      >\n        {overMaxFileLimit ? (\n          <div className=\"text flex flex-col items-center\">\n            <LuFileWarning className=\"h-8 w-8 text-red-500\" />\n            <div className=\"strong mt-4\">Maximum {maxFiles} file limit reached</div>\n          </div>\n        ) : (\n          <>\n            <input {...inputProps} />\n            {isLoading ? (\n              <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-gray-700\" />\n            ) : (\n              (icon ?? <LuUpload className=\"h-8 w-8 text-gray-700\" />)\n            )}\n            <div className=\"text-grey-700 mt-4 flex flex-col gap-1\">\n              {title ?? <p className=\"text-body-lg\">Drag an image or click to browse</p>}\n              {subtitle ?? <p className=\"text-body-sm\">{maxSizeInMb} MB max file size</p>}\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/v2/dropzone/dropzone.tsx"],"names":["defaultAcceptedFileTypes","stableArray","stableObject","stableFunc","Dropzone","accept","files","maxFiles","maxSizeInMb","onDrop","className","wrapperClassName","extraInputProps","isLoading","icon","title","subtitle","overMaxFileLimit","getRootProps","getInputProps","isDragActive","useDropzone","errorList","toast","inputProps","jsx","cn","jsxs","LuFileWarning","Fragment","LuUpload"],"mappings":"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","file":"chunk-3QI4QR3H.cjs","sourcesContent":["import { Accept, useDropzone } from 'react-dropzone';\nimport { LuFileWarning, LuUpload } from 'react-icons/lu';\nimport { toast } from '@/v2/toast/toaster';\nimport { cn } from '@/lib/utils';\n\nconst defaultAcceptedFileTypes = {\n  'image/jpeg': ['.jpeg', '.jpg'],\n  'image/png': ['.png'],\n  'image/avif': ['.avif'],\n  'image/heic': ['.heic'],\n  'image/webp': ['.webp'],\n  'application/pdf': ['.pdf'],\n  'text/csv': ['.csv'],\n  'application/xml': ['.xml', '.xlsx'],\n  'application/msword': ['.doc'],\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['.docx'],\n};\nconst stableArray: File[] = [];\nconst stableObject = {};\nconst stableFunc = () => null;\n\nexport type DropzoneProps = {\n  accept?: Accept;\n  files?: File[];\n  maxFiles?: number;\n  maxSizeInMb?: number;\n  onDrop?: (acceptedFiles: File[]) => void;\n  className?: string;\n  wrapperClassName?: string;\n  extraInputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  isLoading?: boolean;\n  icon?: React.ReactNode;\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n};\n\nexport const Dropzone = ({\n  accept = defaultAcceptedFileTypes,\n  files = stableArray,\n  maxFiles = 5,\n  maxSizeInMb = 10,\n  onDrop = stableFunc,\n  className = undefined,\n  wrapperClassName = undefined,\n  extraInputProps = stableObject,\n  isLoading = false,\n  icon = undefined,\n  title = undefined,\n  subtitle = undefined,\n}: DropzoneProps) => {\n  const overMaxFileLimit = files.length >= maxFiles;\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    maxFiles,\n    multiple: maxFiles > 1,\n    onDrop,\n    maxSize: maxSizeInMb * 1024 * 1024,\n    accept,\n    onDropRejected: (errorList) => {\n      if (errorList.length > 0 && errorList[0].errors[0].code === 'too-many-files') {\n        toast.error(`Too many files. Please upload up to ${maxFiles} files at a time.`);\n      } else if (errorList.length > 0 && errorList[0].errors[0].code === 'file-too-large') {\n        toast.error(`File is too large. Please upload files smaller than ${maxSizeInMb} MB.`);\n      } else {\n        toast.error('File type not supported');\n      }\n    },\n    disabled: files.length >= maxFiles,\n  });\n\n  const inputProps = {\n    ...getInputProps(),\n    ...extraInputProps,\n    disabled: isLoading || extraInputProps.disabled,\n  };\n\n  return (\n    <div\n      className={cn(\n        'flex min-h-48 flex-col gap-4 hover:cursor-pointer',\n        isDragActive && 'border-grey-700 opacity-75',\n        overMaxFileLimit && 'hover:cursor-not-allowed',\n        wrapperClassName,\n      )}\n      {...getRootProps()}\n    >\n      <div\n        className={cn(\n          'bg-grey-100 border-grey-300 flex w-full flex-col items-center justify-center rounded-lg border-2 border-dashed py-10 text-center',\n          overMaxFileLimit && !isDragActive && 'border-red-300',\n          className,\n        )}\n      >\n        {overMaxFileLimit ? (\n          <div className=\"text flex flex-col items-center\">\n            <LuFileWarning className=\"h-8 w-8 text-red-500\" />\n            <div className=\"strong mt-4\">Maximum {maxFiles} file limit reached</div>\n          </div>\n        ) : (\n          <>\n            <input {...inputProps} />\n            {isLoading ? (\n              <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-gray-700\" />\n            ) : (\n              (icon ?? <LuUpload className=\"h-8 w-8 text-gray-700\" />)\n            )}\n            <div className=\"text-grey-700 mt-4 flex flex-col gap-1\">\n              {title ?? <p className=\"text-body-lg\">Drag an image or click to browse</p>}\n              {subtitle ?? <p className=\"text-body-sm\">{maxSizeInMb} MB max file size</p>}\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/{chunk-ZMFI2NIG.cjs → chunk-3VRRIYBD.cjs}

@@ -1,4 +1,4 @@
-'use strict';var chunkY7Y434UN_cjs=require('./chunk-Y7Y434UN.cjs'),chunk4VIXEDG4_cjs=require('./chunk-4VIXEDG4.cjs'),r=require('@emotion/styled');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var l=r__default.default.div`
+'use strict';var chunkOSF3P3SH_cjs=require('./chunk-OSF3P3SH.cjs'),chunk4VIXEDG4_cjs=require('./chunk-4VIXEDG4.cjs'),r=require('@emotion/styled');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var l=r__default.default.div`
   margin-bottom: 32px;
 `,p=r__default.default.div`
   display: ${e=>e.isColumns?"grid":"flex"};
@@ -77,7 +77,7 @@
   &:checked + label::before {
     background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC42NjY3IDEuNTAwMTJMNC4yNTAwNCA3LjkxNjc5TDEuMzMzMzcgNS4wMDAxMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
   }
-`,c=r__default.default(chunkY7Y434UN_cjs.a.Body)`
+`,c=r__default.default(chunkOSF3P3SH_cjs.a.Body)`
   margin-bottom: 5px;
   font-weight: bold;
 `,b=r__default.default.div`
@@ -205,5 +205,5 @@
   height: 100%;
   border-radius: 4px;
   cursor: pointer;
-`;exports.a=l;exports.b=p;exports.c=d;exports.d=s;exports.e=c;exports.f=b;exports.g=m;exports.h=g;exports.i=x;//# sourceMappingURL=chunk-ZMFI2NIG.cjs.map
-//# sourceMappingURL=chunk-ZMFI2NIG.cjs.map
+`;exports.a=l;exports.b=p;exports.c=d;exports.d=s;exports.e=c;exports.f=b;exports.g=m;exports.h=g;exports.i=x;//# sourceMappingURL=chunk-3VRRIYBD.cjs.map
+//# sourceMappingURL=chunk-3VRRIYBD.cjs.map

package/dist/{chunk-ZMFI2NIG.cjs.map → chunk-3VRRIYBD.cjs.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":"kQAIO,IAAMA,CAAAA,CAAYC,kBAAAA,CAAO,GAAA;AAAA;AAAA,CAAA,CAInBC,EAAaD,kBAAAA,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,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA,CAAA,CAKhBC,EAAUL,kBAAAA,CAAO,GAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAUjBM,EAAiBN,kBAAAA,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,kBAAAA,CAAOQ,mBAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA,CAAA,CAK9BC,EAAcT,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAWrBU,EAAgBV,kBAAAA,CAAO,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,UAAA,EAQxBI,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA;;AAAA,UAAA,EAKjBA,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMhBO,EAAqBX,kBAAAA,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,oBAAW,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,oBAAW,KAAK,CAAA;AAAA;AAAA,CAAA,CAIfS,EAAiBb,kBAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunk-ZMFI2NIG.cjs","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":"kQAIO,IAAMA,CAAAA,CAAYC,kBAAAA,CAAO,GAAA;AAAA;AAAA,CAAA,CAInBC,EAAaD,kBAAAA,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,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA,CAAA,CAKhBC,EAAUL,kBAAAA,CAAO,GAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAUjBM,EAAiBN,kBAAAA,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,kBAAAA,CAAOQ,mBAAAA,CAAW,IAAI,CAAA;AAAA;AAAA;AAAA,CAAA,CAK9BC,EAAcT,kBAAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CAWrBU,EAAgBV,kBAAAA,CAAO,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,UAAA,EAQxBI,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA;;AAAA,UAAA,EAKjBA,oBAAW,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAMhBO,EAAqBX,kBAAAA,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,oBAAW,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,oBAAW,KAAK,CAAA;AAAA;AAAA,CAAA,CAIfS,EAAiBb,kBAAAA,CAAO,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunk-3VRRIYBD.cjs","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-4DEFQPOE.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunk5BEYNDKX_cjs=require('./chunk-5BEYNDKX.cjs'),chunkREP4R7U4_cjs=require('./chunk-REP4R7U4.cjs'),chunkBPSZMTUI_cjs=require('./chunk-BPSZMTUI.cjs'),chunkUYGKNVLZ_cjs=require('./chunk-UYGKNVLZ.cjs'),chunkT6XACZKQ_cjs=require('./chunk-T6XACZKQ.cjs'),chunkWDAF2QM6_cjs=require('./chunk-WDAF2QM6.cjs'),chunkFXIF5JQX_cjs=require('./chunk-FXIF5JQX.cjs'),chunkACWFJUDA_cjs=require('./chunk-ACWFJUDA.cjs'),chunkHI6FIR5J_cjs=require('./chunk-HI6FIR5J.cjs'),chunkJI2GW5IZ_cjs=require('./chunk-JI2GW5IZ.cjs'),chunkIJP2DRIS_cjs=require('./chunk-IJP2DRIS.cjs'),chunkIKQ5LXIY_cjs=require('./chunk-IKQ5LXIY.cjs'),chunkJALF66QK_cjs=require('./chunk-JALF66QK.cjs'),chunkXDP3A3VB_cjs=require('./chunk-XDP3A3VB.cjs'),chunkOROOZF5A_cjs=require('./chunk-OROOZF5A.cjs'),chunkY6YEY2GD_cjs=require('./chunk-Y6YEY2GD.cjs'),chunkGSKQVD6V_cjs=require('./chunk-GSKQVD6V.cjs'),chunkW2JDYJWP_cjs=require('./chunk-W2JDYJWP.cjs'),chunkFLDQM7J7_cjs=require('./chunk-FLDQM7J7.cjs'),chunkWPE7CTAK_cjs=require('./chunk-WPE7CTAK.cjs'),chunkARV65ODL_cjs=require('./chunk-ARV65ODL.cjs'),chunkGP42BOZM_cjs=require('./chunk-GP42BOZM.cjs'),chunkYU2PMKIB_cjs=require('./chunk-YU2PMKIB.cjs'),chunkXAX3KSMS_cjs=require('./chunk-XAX3KSMS.cjs'),chunkLKE2OGMK_cjs=require('./chunk-LKE2OGMK.cjs'),chunkN4HXKAM6_cjs=require('./chunk-N4HXKAM6.cjs'),chunkXDRJTYVR_cjs=require('./chunk-XDRJTYVR.cjs'),chunk2YLKPVZ3_cjs=require('./chunk-2YLKPVZ3.cjs'),chunkHNKAIRF5_cjs=require('./chunk-HNKAIRF5.cjs'),chunkZ6VLOKLS_cjs=require('./chunk-Z6VLOKLS.cjs'),chunkXWLDAO2O_cjs=require('./chunk-XWLDAO2O.cjs'),chunkKG3TN2GB_cjs=require('./chunk-KG3TN2GB.cjs'),chunkEMQYMZBW_cjs=require('./chunk-EMQYMZBW.cjs'),chunkNJJEUYK4_cjs=require('./chunk-NJJEUYK4.cjs'),chunkWH6WPZPG_cjs=require('./chunk-WH6WPZPG.cjs');var N={};chunkWH6WPZPG_cjs.b(N,{Afternoon:()=>chunkEMQYMZBW_cjs.a,Bank:()=>chunkNJJEUYK4_cjs.a,Books:()=>chunkLKE2OGMK_cjs.a,CalendarClock:()=>chunkN4HXKAM6_cjs.a,CarePlan:()=>chunkXDRJTYVR_cjs.a,Celebrate:()=>chunk2YLKPVZ3_cjs.a,ClientFile:()=>chunkHNKAIRF5_cjs.a,Clock:()=>chunkZ6VLOKLS_cjs.a,Evening:()=>chunkXWLDAO2O_cjs.a,Fax:()=>chunkKG3TN2GB_cjs.a,Form:()=>chunkGSKQVD6V_cjs.a,FramedPainting:()=>chunkW2JDYJWP_cjs.a,HandHeart:()=>chunkFLDQM7J7_cjs.a,HandMoney:()=>chunkWPE7CTAK_cjs.a,HealthRecord:()=>chunkARV65ODL_cjs.a,Heart:()=>chunkGP42BOZM_cjs.a,Hospital:()=>chunkYU2PMKIB_cjs.a,House:()=>chunkXAX3KSMS_cjs.a,InsuranceCard:()=>chunkHI6FIR5J_cjs.a,Invoices:()=>chunkJI2GW5IZ_cjs.a,Key:()=>chunkIJP2DRIS_cjs.a,Message:()=>chunkIKQ5LXIY_cjs.a,MoneyLayered:()=>chunkJALF66QK_cjs.a,Morning:()=>chunkXDP3A3VB_cjs.a,NoteWithPen:()=>chunkOROOZF5A_cjs.a,Patients:()=>chunkY6YEY2GD_cjs.a,Person:()=>chunk5BEYNDKX_cjs.a,ReceptionBell:()=>chunkREP4R7U4_cjs.a,Rose:()=>chunkBPSZMTUI_cjs.a,Shield:()=>chunkUYGKNVLZ_cjs.a,TaskList:()=>chunkT6XACZKQ_cjs.a,Timer:()=>chunkWDAF2QM6_cjs.a,Tools:()=>chunkFXIF5JQX_cjs.a,Transcripts:()=>chunkACWFJUDA_cjs.a});exports.a=N;//# sourceMappingURL=chunk-4DEFQPOE.cjs.map
+//# sourceMappingURL=chunk-4DEFQPOE.cjs.map

package/dist/{chunk-HG62Z4MZ.cjs.map → chunk-4DEFQPOE.cjs.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":"uuDAAA,IAAAA,CAAAA,CAAA,GAAAC,mBAAAA,CAAAD,CAAAA,CAAA,eAAAE,mBAAAA,CAAA,IAAA,CAAA,IAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,mBAAAA,CAAA,aAAA,CAAA,IAAAC,mBAAAA,CAAA,QAAA,CAAA,IAAAC,oBAAA,SAAA,CAAA,IAAAC,mBAAAA,CAAA,UAAA,CAAA,IAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,mBAAAA,CAAA,OAAA,CAAA,IAAAC,mBAAAA,CAAA,QAAAC,mBAAAA,CAAA,IAAA,CAAA,IAAAC,mBAAAA,CAAA,cAAA,CAAA,IAAAC,oBAAA,SAAA,CAAA,IAAAC,mBAAAA,CAAA,SAAA,CAAA,IAAAC,mBAAAA,CAAA,iBAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,mBAAAA,CAAA,QAAA,CAAA,IAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,mBAAAA,CAAA,aAAA,CAAA,IAAAC,oBAAA,QAAA,CAAA,IAAAC,mBAAAA,CAAA,GAAA,CAAA,IAAAC,mBAAAA,CAAA,OAAA,CAAA,IAAAC,mBAAAA,CAAA,YAAA,CAAA,IAAAC,mBAAAA,CAAA,YAAAC,mBAAAA,CAAA,WAAA,CAAA,IAAAC,mBAAAA,CAAA,QAAA,CAAA,IAAAC,mBAAAA,CAAA,MAAA,CAAA,IAAAC,mBAAAA,CAAA,aAAA,CAAA,IAAAC,oBAAA,IAAA,CAAA,IAAAC,mBAAAA,CAAA,MAAA,CAAA,IAAAC,mBAAAA,CAAA,aAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,oBAAA,WAAA,CAAA,IAAAC,mBAAAA,CAAAA,CAAAA","file":"chunk-HG62Z4MZ.cjs","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":"uuDAAA,IAAAA,CAAAA,CAAA,GAAAC,mBAAAA,CAAAD,CAAAA,CAAA,eAAAE,mBAAAA,CAAA,IAAA,CAAA,IAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,mBAAAA,CAAA,aAAA,CAAA,IAAAC,mBAAAA,CAAA,QAAA,CAAA,IAAAC,oBAAA,SAAA,CAAA,IAAAC,mBAAAA,CAAA,UAAA,CAAA,IAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,mBAAAA,CAAA,OAAA,CAAA,IAAAC,mBAAAA,CAAA,QAAAC,mBAAAA,CAAA,IAAA,CAAA,IAAAC,mBAAAA,CAAA,cAAA,CAAA,IAAAC,oBAAA,SAAA,CAAA,IAAAC,mBAAAA,CAAA,SAAA,CAAA,IAAAC,mBAAAA,CAAA,iBAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,mBAAAA,CAAA,QAAA,CAAA,IAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,mBAAAA,CAAA,aAAA,CAAA,IAAAC,oBAAA,QAAA,CAAA,IAAAC,mBAAAA,CAAA,GAAA,CAAA,IAAAC,mBAAAA,CAAA,OAAA,CAAA,IAAAC,mBAAAA,CAAA,YAAA,CAAA,IAAAC,mBAAAA,CAAA,YAAAC,mBAAAA,CAAA,WAAA,CAAA,IAAAC,mBAAAA,CAAA,QAAA,CAAA,IAAAC,mBAAAA,CAAA,MAAA,CAAA,IAAAC,mBAAAA,CAAA,aAAA,CAAA,IAAAC,oBAAA,IAAA,CAAA,IAAAC,mBAAAA,CAAA,MAAA,CAAA,IAAAC,mBAAAA,CAAA,aAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,mBAAAA,CAAA,KAAA,CAAA,IAAAC,oBAAA,WAAA,CAAA,IAAAC,mBAAAA,CAAAA,CAAAA","file":"chunk-4DEFQPOE.cjs","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-UUJBL6HC.cjs → chunk-5CLOPWXC.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkBBJ3KAN6_cjs=require('./chunk-BBJ3KAN6.cjs'),chunk2Z75NLB2_cjs=require('./chunk-2Z75NLB2.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');var S=({options:o,selected:l,toggleOption:i,onSearch:c,uniqueId:p})=>{let d=chunkBBJ3KAN6_cjs.a({selected:l,options:o});return jsxRuntime.jsx(chunk2Z75NLB2_cjs.f,{className:"h-full overflow-auto",children:jsxRuntime.jsx("div",{className:"flex flex-col gap-1",children:(c?d:o).map(e=>{let s=l.some(t=>t.value===e.value);return jsxRuntime.jsxs(chunk2Z75NLB2_cjs.h,{value:e.value,keywords:typeof e.label=="string"?[e.label]:void 0,disabled:e.disable,onMouseDown:t=>{t.preventDefault(),t.stopPropagation();},onSelect:()=>i(e),className:chunkQRO22BPZ_cjs.a("flex cursor-pointer items-center justify-between p-3 data-[selected=true]:bg-green-200 hover:data-[selected=true]:bg-green-200",e.disable&&"text-muted-foreground cursor-default",s&&"bg-green-100"),children:[e.label,s&&jsxRuntime.jsx(lu.LuCheck,{className:"h-4 w-4 text-green-800"})]},e.value)})})},`${p}-command-group`)};exports.a=S;//# sourceMappingURL=chunk-UUJBL6HC.cjs.map
-//# sourceMappingURL=chunk-UUJBL6HC.cjs.map
+'use strict';var chunkBBJ3KAN6_cjs=require('./chunk-BBJ3KAN6.cjs'),chunkZK5EVH4P_cjs=require('./chunk-ZK5EVH4P.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');var S=({options:o,selected:l,toggleOption:i,onSearch:c,uniqueId:p})=>{let d=chunkBBJ3KAN6_cjs.a({selected:l,options:o});return jsxRuntime.jsx(chunkZK5EVH4P_cjs.f,{className:"h-full overflow-auto",children:jsxRuntime.jsx("div",{className:"flex flex-col gap-1",children:(c?d:o).map(e=>{let s=l.some(t=>t.value===e.value);return jsxRuntime.jsxs(chunkZK5EVH4P_cjs.h,{value:e.value,keywords:typeof e.label=="string"?[e.label]:void 0,disabled:e.disable,onMouseDown:t=>{t.preventDefault(),t.stopPropagation();},onSelect:()=>i(e),className:chunkQRO22BPZ_cjs.a("flex cursor-pointer items-center justify-between p-3 data-[selected=true]:bg-green-200 hover:data-[selected=true]:bg-green-200",e.disable&&"text-muted-foreground cursor-default",s&&"bg-green-100"),children:[e.label,s&&jsxRuntime.jsx(lu.LuCheck,{className:"h-4 w-4 text-green-800"})]},e.value)})})},`${p}-command-group`)};exports.a=S;//# sourceMappingURL=chunk-5CLOPWXC.cjs.map
+//# sourceMappingURL=chunk-5CLOPWXC.cjs.map

package/dist/{chunk-UUJBL6HC.cjs.map → chunk-5CLOPWXC.cjs.map}

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

package/dist/{chunk-XSNK4HFH.cjs → chunk-5NLNW6KG.cjs}

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

package/dist/{chunk-XSNK4HFH.cjs.map → chunk-5NLNW6KG.cjs.map}

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

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

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

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

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

package/dist/chunk-5ZFDBYDZ.cjs

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

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

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