@veeqo/ui 9.4.0 → 9.5.0

package/dist/components/Calendars/components/Calendar/Calendar.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { StyledCalendar } from './styled.js';
 import { CalendarGrid } from '../subcomponents/CalendarGrid/CalendarGrid.js';
 import { visibleDurationMap } from '../../data/constants.js';
@@ -14,9 +14,9 @@ const Calendar = ({ value, onChange, isDisabled, ...props }) => {
         maxValue: props.maxValue,
         minValue: props.minValue,
     });
-    return (React.createElement(StyledCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
-        React.createElement(CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
-        React.createElement(CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
+    return (React__default.createElement(StyledCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+        React__default.createElement(CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
+        React__default.createElement(CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
 };
 
 export { Calendar };

package/dist/components/Calendars/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from 'src/components/DateInputField/types';\nimport { StyledCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledCalendar>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAmBa,MAAA,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,CAAA;QAEF,KAAC,CAAA,aAAA,CAAA,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,CAAA,CACa;AAErB;;;;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from 'src/components/DateInputField/types';\nimport { StyledCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledCalendar>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAmBa,MAAA,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,CAAA;QAEFA,cAAC,CAAA,aAAA,CAAA,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,CAAA,CACa;AAErB;;;;"}

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { StyledRangeCalendar } from './styled.js';
 import { CalendarGrid } from '../subcomponents/CalendarGrid/CalendarGrid.js';
 import { visibleDurationMap } from '../../data/constants.js';
@@ -14,9 +14,9 @@ const RangeCalendar = ({ value, onChange, isDisabled, ...props }) => {
         maxValue: props.maxValue,
         minValue: props.minValue,
     });
-    return (React.createElement(StyledRangeCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
-        React.createElement(CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
-        React.createElement(CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
+    return (React__default.createElement(StyledRangeCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+        React__default.createElement(CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
+        React__default.createElement(CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
 };
 
 export { RangeCalendar };

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';\n\nimport { DateValidationProps } from 'src/components/DateInputField/types';\nimport { StyledRangeCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { useRangeCalendarState } from '../../data/useRangeCalendar';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RangeCalendarProps<DateValue> & {\n  value: DateRange | null | undefined;\n  onChange?: RangeCalendarProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const RangeCalendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useRangeCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledRangeCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledRangeCalendar>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAmBa,MAAA,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACxF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAClB,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,CAAA;QAEF,KAAC,CAAA,aAAA,CAAA,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,CAAA,CACkB;AAE1B;;;;"}
+{"version":3,"file":"RangeCalendar.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';\n\nimport { DateValidationProps } from 'src/components/DateInputField/types';\nimport { StyledRangeCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { useRangeCalendarState } from '../../data/useRangeCalendar';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RangeCalendarProps<DateValue> & {\n  value: DateRange | null | undefined;\n  onChange?: RangeCalendarProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const RangeCalendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useRangeCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledRangeCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledRangeCalendar>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAmBa,MAAA,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACxF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAClB,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,CAAA;QAEFA,cAAC,CAAA,aAAA,CAAA,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,CAAA,CACkB;AAE1B;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { DodecadeCalendar } from './subCalendars/DodecadeCalendar.js';
 import { YearCalendar } from './subCalendars/YearCalendar.js';
 import { MonthCalendar } from './subCalendars/MonthCalendar.js';
@@ -6,12 +6,12 @@ import { CalendarLevel } from '../../../types.js';
 
 const CalendarGrid = ({ level, currentYear, onFocusMonth, onFocusYear, }) => {
     if (level === CalendarLevel.YEAR) {
-        return React.createElement(YearCalendar, { onFocusMonth: onFocusMonth });
+        return React__default.createElement(YearCalendar, { onFocusMonth: onFocusMonth });
     }
     if (level === CalendarLevel.DODECADE) {
-        return React.createElement(DodecadeCalendar, { currentYear: currentYear, onFocusYear: onFocusYear });
+        return React__default.createElement(DodecadeCalendar, { currentYear: currentYear, onFocusYear: onFocusYear });
     }
-    return React.createElement(MonthCalendar, null);
+    return React__default.createElement(MonthCalendar, null);
 };
 
 export { CalendarGrid };

package/dist/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarGrid.js","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { MonthCalendar, YearCalendar, DodecadeCalendar } from './subCalendars';\nimport { CalendarLevel } from '../../../types';\n\ntype CalendarGridProps = {\n  level: CalendarLevel;\n  currentYear: number;\n  onFocusYear: (year: number) => () => void;\n  onFocusMonth: (month: number) => () => void;\n};\n\nexport const CalendarGrid = ({\n  level,\n  currentYear,\n  onFocusMonth,\n  onFocusYear,\n}: CalendarGridProps) => {\n  if (level === CalendarLevel.YEAR) {\n    return <YearCalendar onFocusMonth={onFocusMonth} />;\n  }\n\n  if (level === CalendarLevel.DODECADE) {\n    return <DodecadeCalendar currentYear={currentYear} onFocusYear={onFocusYear} />;\n  }\n\n  return <MonthCalendar />;\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,GACO,KAAI;AACtB,IAAA,IAAI,KAAK,KAAK,aAAa,CAAC,IAAI,EAAE;AAChC,QAAA,OAAO,oBAAC,YAAY,EAAA,EAAC,YAAY,EAAE,YAAY,GAAI;AACpD;AAED,IAAA,IAAI,KAAK,KAAK,aAAa,CAAC,QAAQ,EAAE;QACpC,OAAO,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAA,CAAI;AAChF;IAED,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG;AAC1B;;;;"}
+{"version":3,"file":"CalendarGrid.js","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { MonthCalendar, YearCalendar, DodecadeCalendar } from './subCalendars';\nimport { CalendarLevel } from '../../../types';\n\ntype CalendarGridProps = {\n  level: CalendarLevel;\n  currentYear: number;\n  onFocusYear: (year: number) => () => void;\n  onFocusMonth: (month: number) => () => void;\n};\n\nexport const CalendarGrid = ({\n  level,\n  currentYear,\n  onFocusMonth,\n  onFocusYear,\n}: CalendarGridProps) => {\n  if (level === CalendarLevel.YEAR) {\n    return <YearCalendar onFocusMonth={onFocusMonth} />;\n  }\n\n  if (level === CalendarLevel.DODECADE) {\n    return <DodecadeCalendar currentYear={currentYear} onFocusYear={onFocusYear} />;\n  }\n\n  return <MonthCalendar />;\n};\n"],"names":["React"],"mappings":";;;;;;AAWO,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,GACO,KAAI;AACtB,IAAA,IAAI,KAAK,KAAK,aAAa,CAAC,IAAI,EAAE;AAChC,QAAA,OAAOA,6BAAC,YAAY,EAAA,EAAC,YAAY,EAAE,YAAY,GAAI;AACpD;AAED,IAAA,IAAI,KAAK,KAAK,aAAa,CAAC,QAAQ,EAAE;QACpC,OAAOA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAA,CAAI;AAChF;IAED,OAAOA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG;AAC1B;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React__default from 'react';
 import { Grid } from '../../../../../Grid/index.js';
 import { SubCalendarOption } from './styled.js';
 import { getYearsAround } from './utils.js';
 
-const DodecadeCalendar = ({ currentYear, onFocusYear }) => (React.createElement(Grid, { columns: 3, spacing: "sm", role: "grid" }, getYearsAround(currentYear).map((year) => (React.createElement(SubCalendarOption, { key: `year-option-${year}`, "aria-label": `Go to ${year}`, onClick: onFocusYear(year) }, year)))));
+const DodecadeCalendar = ({ currentYear, onFocusYear }) => (React__default.createElement(Grid, { columns: 3, spacing: "sm", role: "grid" }, getYearsAround(currentYear).map((year) => (React__default.createElement(SubCalendarOption, { key: `year-option-${year}`, "aria-label": `Go to ${year}`, onClick: onFocusYear(year) }, year)))));
 
 export { DodecadeCalendar };
 //# sourceMappingURL=DodecadeCalendar.js.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DodecadeCalendar.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../../../../Grid';\nimport { SubCalendarOption } from './styled';\nimport { getYearsAround } from './utils';\n\ntype DodecadeCalendarProps = {\n  currentYear: number;\n  onFocusYear: (year: number) => () => void;\n};\n\nexport const DodecadeCalendar = ({ currentYear, onFocusYear }: DodecadeCalendarProps) => (\n  <Grid columns={3} spacing=\"sm\" role=\"grid\">\n    {getYearsAround(currentYear).map((year) => (\n      <SubCalendarOption\n        key={`year-option-${year}`}\n        aria-label={`Go to ${year}`}\n        onClick={onFocusYear(year)}\n      >\n        {year}\n      </SubCalendarOption>\n    ))}\n  </Grid>\n);\n"],"names":[],"mappings":";;;;;AAUO,MAAM,gBAAgB,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAyB,MAClF,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAA,EACvC,cAAc,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MACpC,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,GAAG,EAAE,CAAe,YAAA,EAAA,IAAI,EAAE,EACd,YAAA,EAAA,CAAA,MAAA,EAAS,IAAI,CAAA,CAAE,EAC3B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,EAEzB,EAAA,IAAI,CACa,CACrB,CAAC,CACG;;;;"}
+{"version":3,"file":"DodecadeCalendar.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../../../../Grid';\nimport { SubCalendarOption } from './styled';\nimport { getYearsAround } from './utils';\n\ntype DodecadeCalendarProps = {\n  currentYear: number;\n  onFocusYear: (year: number) => () => void;\n};\n\nexport const DodecadeCalendar = ({ currentYear, onFocusYear }: DodecadeCalendarProps) => (\n  <Grid columns={3} spacing=\"sm\" role=\"grid\">\n    {getYearsAround(currentYear).map((year) => (\n      <SubCalendarOption\n        key={`year-option-${year}`}\n        aria-label={`Go to ${year}`}\n        onClick={onFocusYear(year)}\n      >\n        {year}\n      </SubCalendarOption>\n    ))}\n  </Grid>\n);\n"],"names":["React"],"mappings":";;;;;AAUO,MAAM,gBAAgB,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAyB,MAClFA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAA,EACvC,cAAc,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MACpCA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,GAAG,EAAE,CAAe,YAAA,EAAA,IAAI,EAAE,EACd,YAAA,EAAA,CAAA,MAAA,EAAS,IAAI,CAAA,CAAE,EAC3B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,EAEzB,EAAA,IAAI,CACa,CACrB,CAAC,CACG;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/MonthCalendar.js

@@ -1,12 +1,12 @@
 import { today, getLocalTimeZone } from '@internationalized/date';
-import React from 'react';
+import React__default from 'react';
 import { CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell } from 'react-aria-components';
 
 const MonthCalendar = (props) => {
     const todayDate = today(getLocalTimeZone());
-    return (React.createElement(CalendarGrid, { weekdayStyle: "short", ...props },
-        React.createElement(CalendarGridHeader, null, (day) => React.createElement(CalendarHeaderCell, null, day.slice(0, 2))),
-        React.createElement(CalendarGridBody, null, (date) => React.createElement(CalendarCell, { date: date, "data-today": date.compare(todayDate) === 0 }))));
+    return (React__default.createElement(CalendarGrid, { weekdayStyle: "short", ...props },
+        React__default.createElement(CalendarGridHeader, null, (day) => React__default.createElement(CalendarHeaderCell, null, day.slice(0, 2))),
+        React__default.createElement(CalendarGridBody, null, (date) => React__default.createElement(CalendarCell, { date: date, "data-today": date.compare(todayDate) === 0 }))));
 };
 
 export { MonthCalendar };

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/MonthCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthCalendar.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/MonthCalendar.tsx"],"sourcesContent":["import { getLocalTimeZone, today } from '@internationalized/date';\nimport React from 'react';\nimport {\n  CalendarGrid as AriaCalendarGrid,\n  CalendarHeaderCell,\n  CalendarGridHeader,\n  CalendarGridBody,\n  CalendarCell,\n  CalendarGridProps,\n} from 'react-aria-components';\n\nexport const MonthCalendar = (props: CalendarGridProps) => {\n  const todayDate = today(getLocalTimeZone());\n\n  return (\n    <AriaCalendarGrid weekdayStyle=\"short\" {...props}>\n      <CalendarGridHeader>\n        {(day) => <CalendarHeaderCell>{day.slice(0, 2)}</CalendarHeaderCell>}\n      </CalendarGridHeader>\n      <CalendarGridBody>\n        {(date) => <CalendarCell date={date} data-today={date.compare(todayDate) === 0} />}\n      </CalendarGridBody>\n    </AriaCalendarGrid>\n  );\n};\n"],"names":["AriaCalendarGrid"],"mappings":";;;;AAWa,MAAA,aAAa,GAAG,CAAC,KAAwB,KAAI;AACxD,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;IAE3C,QACE,oBAACA,YAAgB,EAAA,EAAC,YAAY,EAAC,OAAO,KAAK,KAAK,EAAA;AAC9C,QAAA,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAChB,IAAA,EAAA,CAAC,GAAG,KAAK,KAAC,CAAA,aAAA,CAAA,kBAAkB,QAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAsB,CACjD;QACrB,KAAC,CAAA,aAAA,CAAA,gBAAgB,EACd,IAAA,EAAA,CAAC,IAAI,KAAK,KAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,IAAI,EAAE,IAAI,gBAAc,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAI,CAAA,CACjE,CACF;AAEvB;;;;"}
+{"version":3,"file":"MonthCalendar.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/MonthCalendar.tsx"],"sourcesContent":["import { getLocalTimeZone, today } from '@internationalized/date';\nimport React from 'react';\nimport {\n  CalendarGrid as AriaCalendarGrid,\n  CalendarHeaderCell,\n  CalendarGridHeader,\n  CalendarGridBody,\n  CalendarCell,\n  CalendarGridProps,\n} from 'react-aria-components';\n\nexport const MonthCalendar = (props: CalendarGridProps) => {\n  const todayDate = today(getLocalTimeZone());\n\n  return (\n    <AriaCalendarGrid weekdayStyle=\"short\" {...props}>\n      <CalendarGridHeader>\n        {(day) => <CalendarHeaderCell>{day.slice(0, 2)}</CalendarHeaderCell>}\n      </CalendarGridHeader>\n      <CalendarGridBody>\n        {(date) => <CalendarCell date={date} data-today={date.compare(todayDate) === 0} />}\n      </CalendarGridBody>\n    </AriaCalendarGrid>\n  );\n};\n"],"names":["React","AriaCalendarGrid"],"mappings":";;;;AAWa,MAAA,aAAa,GAAG,CAAC,KAAwB,KAAI;AACxD,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;IAE3C,QACEA,6BAACC,YAAgB,EAAA,EAAC,YAAY,EAAC,OAAO,KAAK,KAAK,EAAA;AAC9C,QAAAD,cAAA,CAAA,aAAA,CAAC,kBAAkB,EAChB,IAAA,EAAA,CAAC,GAAG,KAAKA,cAAC,CAAA,aAAA,CAAA,kBAAkB,QAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAsB,CACjD;QACrBA,cAAC,CAAA,aAAA,CAAA,gBAAgB,EACd,IAAA,EAAA,CAAC,IAAI,KAAKA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,IAAI,EAAE,IAAI,gBAAc,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAI,CAAA,CACjE,CACF;AAEvB;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import React__default from 'react';
 import { Grid } from '../../../../../Grid/index.js';
 import { SubCalendarOption } from './styled.js';
 
 const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
 const YearCalendar = ({ onFocusMonth }) => {
-    return (React.createElement(Grid, { columns: 3, spacing: "sm", role: "grid" }, MONTHS.map((month, monthIndex) => (React.createElement(SubCalendarOption, { key: `month-option-${month}`, "aria-label": `Go to ${month}`, onClick: onFocusMonth(monthIndex) }, month)))));
+    return (React__default.createElement(Grid, { columns: 3, spacing: "sm", role: "grid" }, MONTHS.map((month, monthIndex) => (React__default.createElement(SubCalendarOption, { key: `month-option-${month}`, "aria-label": `Go to ${month}`, onClick: onFocusMonth(monthIndex) }, month)))));
 };
 
 export { YearCalendar };

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"YearCalendar.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../../../../Grid';\nimport { SubCalendarOption } from './styled';\n\ntype MonthCalendarProps = {\n  onFocusMonth: (monthIndex: number) => () => void;\n};\n\nconst MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\nexport const YearCalendar = ({ onFocusMonth }: MonthCalendarProps) => {\n  return (\n    <Grid columns={3} spacing=\"sm\" role=\"grid\">\n      {MONTHS.map((month, monthIndex) => (\n        <SubCalendarOption\n          key={`month-option-${month}`}\n          aria-label={`Go to ${month}`}\n          onClick={onFocusMonth(monthIndex)}\n        >\n          {month}\n        </SubCalendarOption>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAQA,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;MAEtF,YAAY,GAAG,CAAC,EAAE,YAAY,EAAsB,KAAI;IACnE,QACE,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EACvC,EAAA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,MAC5B,KAAC,CAAA,aAAA,CAAA,iBAAiB,EAChB,EAAA,GAAG,EAAE,CAAA,aAAA,EAAgB,KAAK,CAAE,CAAA,EAAA,YAAA,EAChB,CAAS,MAAA,EAAA,KAAK,CAAE,CAAA,EAC5B,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,EAAA,EAEhC,KAAK,CACY,CACrB,CAAC,CACG;AAEX;;;;"}
+{"version":3,"file":"YearCalendar.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../../../../Grid';\nimport { SubCalendarOption } from './styled';\n\ntype MonthCalendarProps = {\n  onFocusMonth: (monthIndex: number) => () => void;\n};\n\nconst MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\nexport const YearCalendar = ({ onFocusMonth }: MonthCalendarProps) => {\n  return (\n    <Grid columns={3} spacing=\"sm\" role=\"grid\">\n      {MONTHS.map((month, monthIndex) => (\n        <SubCalendarOption\n          key={`month-option-${month}`}\n          aria-label={`Go to ${month}`}\n          onClick={onFocusMonth(monthIndex)}\n        >\n          {month}\n        </SubCalendarOption>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":";;;;AAQA,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;MAEtF,YAAY,GAAG,CAAC,EAAE,YAAY,EAAsB,KAAI;IACnE,QACEA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EACvC,EAAA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,MAC5BA,cAAC,CAAA,aAAA,CAAA,iBAAiB,EAChB,EAAA,GAAG,EAAE,CAAA,aAAA,EAAgB,KAAK,CAAE,CAAA,EAAA,YAAA,EAChB,CAAS,MAAA,EAAA,KAAK,CAAE,CAAA,EAC5B,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,EAAA,EAEhC,KAAK,CACY,CACrB,CAAC,CACG;AAEX;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarHeader.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Button } from 'react-aria-components';
 import { Button as Button$1 } from '../../../Button/Button.js';
 import { RightArrowIcon } from '../../../../tempIcons/RightArrowIcon.js';
@@ -10,14 +10,14 @@ import { CalendarLevel } from '../../types.js';
 import { levelMoveLabelMap } from '../../data/constants.js';
 import { CalendarHeading } from './CalendarHeading.js';
 
-const CalendarHeader = ({ level, currentYear, handleSwitchLevel, isDisabled, }) => (React.createElement(Stack, { as: "header", direction: "horizontal", alignX: "between", alignY: "center", spacing: "0" },
-    React.createElement(Button, { slot: "previous", isDisabled: isDisabled, type: "button" },
-        React.createElement(LeftArrowIcon, null)),
-    React.createElement(Stack, { direction: "horizontal", alignY: "center", alignX: "stretch", spacing: "xs", style: { margin: '0 4px' } },
-        React.createElement(CalendarHeading, { level: level, currentYear: currentYear }),
-        React.createElement(Button$1, { type: "button", "aria-label": levelMoveLabelMap[level], variant: "flat", iconSlot: level === CalendarLevel.DODECADE ? React.createElement(UpArrowIcon, null) : React.createElement(DownArrowIcon, null), size: "sm", onClick: handleSwitchLevel, disabled: isDisabled })),
-    React.createElement(Button, { slot: "next", isDisabled: isDisabled, type: "button" },
-        React.createElement(RightArrowIcon, null))));
+const CalendarHeader = ({ level, currentYear, handleSwitchLevel, isDisabled, }) => (React__default.createElement(Stack, { as: "header", direction: "horizontal", alignX: "between", alignY: "center", spacing: "0" },
+    React__default.createElement(Button, { slot: "previous", isDisabled: isDisabled, type: "button" },
+        React__default.createElement(LeftArrowIcon, null)),
+    React__default.createElement(Stack, { direction: "horizontal", alignY: "center", alignX: "stretch", spacing: "xs", style: { margin: '0 4px' } },
+        React__default.createElement(CalendarHeading, { level: level, currentYear: currentYear }),
+        React__default.createElement(Button$1, { type: "button", "aria-label": levelMoveLabelMap[level], variant: "flat", iconSlot: level === CalendarLevel.DODECADE ? React__default.createElement(UpArrowIcon, null) : React__default.createElement(DownArrowIcon, null), size: "sm", onClick: handleSwitchLevel, disabled: isDisabled })),
+    React__default.createElement(Button, { slot: "next", isDisabled: isDisabled, type: "button" },
+        React__default.createElement(RightArrowIcon, null))));
 
 export { CalendarHeader };
 //# sourceMappingURL=CalendarHeader.js.map

package/dist/components/Calendars/components/subcomponents/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from 'react-aria-components';\n\nimport { Button as VQBtn } from '../../../Button';\nimport { RightArrowIcon } from '../../../../tempIcons/RightArrowIcon';\nimport { LeftArrowIcon } from '../../../../tempIcons/LeftArrowIcon';\nimport { Stack } from '../../../Stack';\nimport { UpArrowIcon } from '../../../../tempIcons/UpArrowIcon';\nimport { DownArrowIcon } from '../../../../tempIcons/DownArrowIcon';\nimport { CalendarLevel } from '../../types';\nimport { levelMoveLabelMap } from '../../data/constants';\nimport { CalendarHeading } from './CalendarHeading';\n\ntype CalendarHeaderProps = {\n  level: CalendarLevel;\n  currentYear: number;\n  handleSwitchLevel: () => void;\n  isDisabled?: boolean;\n};\n\nexport const CalendarHeader = ({\n  level,\n  currentYear,\n  handleSwitchLevel,\n  isDisabled,\n}: CalendarHeaderProps) => (\n  <Stack as=\"header\" direction=\"horizontal\" alignX=\"between\" alignY=\"center\" spacing=\"0\">\n    <Button slot=\"previous\" isDisabled={isDisabled} type=\"button\">\n      <LeftArrowIcon />\n    </Button>\n    <Stack\n      direction=\"horizontal\"\n      alignY=\"center\"\n      alignX=\"stretch\"\n      spacing=\"xs\"\n      style={{ margin: '0 4px' }}\n    >\n      <CalendarHeading level={level} currentYear={currentYear} />\n      <VQBtn\n        type=\"button\"\n        aria-label={levelMoveLabelMap[level]}\n        variant=\"flat\"\n        iconSlot={level === CalendarLevel.DODECADE ? <UpArrowIcon /> : <DownArrowIcon />}\n        size=\"sm\"\n        onClick={handleSwitchLevel}\n        disabled={isDisabled}\n      />\n    </Stack>\n    <Button slot=\"next\" isDisabled={isDisabled} type=\"button\">\n      <RightArrowIcon />\n    </Button>\n  </Stack>\n);\n"],"names":["VQBtn"],"mappings":";;;;;;;;;;;;AAoBa,MAAA,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,UAAU,GACU,MACpB,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAA;AACpF,IAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,UAAU,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;QAC3D,KAAC,CAAA,aAAA,CAAA,aAAa,OAAG,CACV;IACT,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAA;QAE1B,KAAC,CAAA,aAAA,CAAA,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAI,CAAA;QAC3D,KAAC,CAAA,aAAA,CAAAA,QAAK,IACJ,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,iBAAiB,CAAC,KAAK,CAAC,EACpC,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAK,KAAK,aAAa,CAAC,QAAQ,GAAG,KAAA,CAAA,aAAA,CAAC,WAAW,EAAG,IAAA,CAAA,GAAG,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,EAChF,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,EAAA,CACpB,CACI;AACR,IAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;AACvD,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,CAAG,CACX,CACH;;;;"}
+{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from 'react-aria-components';\n\nimport { Button as VQBtn } from '../../../Button';\nimport { RightArrowIcon } from '../../../../tempIcons/RightArrowIcon';\nimport { LeftArrowIcon } from '../../../../tempIcons/LeftArrowIcon';\nimport { Stack } from '../../../Stack';\nimport { UpArrowIcon } from '../../../../tempIcons/UpArrowIcon';\nimport { DownArrowIcon } from '../../../../tempIcons/DownArrowIcon';\nimport { CalendarLevel } from '../../types';\nimport { levelMoveLabelMap } from '../../data/constants';\nimport { CalendarHeading } from './CalendarHeading';\n\ntype CalendarHeaderProps = {\n  level: CalendarLevel;\n  currentYear: number;\n  handleSwitchLevel: () => void;\n  isDisabled?: boolean;\n};\n\nexport const CalendarHeader = ({\n  level,\n  currentYear,\n  handleSwitchLevel,\n  isDisabled,\n}: CalendarHeaderProps) => (\n  <Stack as=\"header\" direction=\"horizontal\" alignX=\"between\" alignY=\"center\" spacing=\"0\">\n    <Button slot=\"previous\" isDisabled={isDisabled} type=\"button\">\n      <LeftArrowIcon />\n    </Button>\n    <Stack\n      direction=\"horizontal\"\n      alignY=\"center\"\n      alignX=\"stretch\"\n      spacing=\"xs\"\n      style={{ margin: '0 4px' }}\n    >\n      <CalendarHeading level={level} currentYear={currentYear} />\n      <VQBtn\n        type=\"button\"\n        aria-label={levelMoveLabelMap[level]}\n        variant=\"flat\"\n        iconSlot={level === CalendarLevel.DODECADE ? <UpArrowIcon /> : <DownArrowIcon />}\n        size=\"sm\"\n        onClick={handleSwitchLevel}\n        disabled={isDisabled}\n      />\n    </Stack>\n    <Button slot=\"next\" isDisabled={isDisabled} type=\"button\">\n      <RightArrowIcon />\n    </Button>\n  </Stack>\n);\n"],"names":["React","VQBtn"],"mappings":";;;;;;;;;;;;AAoBa,MAAA,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,UAAU,GACU,MACpBA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAA;AACpF,IAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,UAAU,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;QAC3DA,cAAC,CAAA,aAAA,CAAA,aAAa,OAAG,CACV;IACTA,cAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAA;QAE1BA,cAAC,CAAA,aAAA,CAAA,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAI,CAAA;QAC3DA,cAAC,CAAA,aAAA,CAAAC,QAAK,IACJ,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,iBAAiB,CAAC,KAAK,CAAC,EACpC,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAK,KAAK,aAAa,CAAC,QAAQ,GAAGD,cAAA,CAAA,aAAA,CAAC,WAAW,EAAG,IAAA,CAAA,GAAGA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,EAChF,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,EAAA,CACpB,CACI;AACR,IAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;AACvD,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,CAAG,CACX,CACH;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarHeading.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useMemo } from 'react';
+import React__default, { forwardRef, useMemo } from 'react';
 import { useContextProps, HeadingContext } from 'react-aria-components';
 import { Text } from '../../../Text/Text.js';
 import { CalendarLevel } from '../../types.js';
@@ -14,7 +14,7 @@ const CalendarHeading = forwardRef((props, ref) => {
             return currentYear.toString();
         return trimMonths(generatedTitle);
     }, [level, currentYear, generatedTitle]);
-    return (React.createElement(Text, { variant: "headingSmall", ...rest, ref: refUpdated, style: { whiteSpace: 'nowrap' } }, text));
+    return (React__default.createElement(Text, { variant: "headingSmall", ...rest, ref: refUpdated, style: { whiteSpace: 'nowrap' } }, text));
 });
 
 export { CalendarHeading };

package/dist/components/Calendars/components/subcomponents/CalendarHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeading.js","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeading.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { HeadingContext, useContextProps } from 'react-aria-components';\nimport type { HeadingProps } from 'react-aria-components';\n\nimport { Text } from '../../../Text';\nimport { CalendarLevel } from '../../types';\nimport { trimMonths } from './utils';\n\ntype CalendarHeaderProps = HeadingProps & { level: CalendarLevel; currentYear: number };\n\nexport const CalendarHeading = forwardRef(\n  (props: CalendarHeaderProps, ref: React.ForwardedRef<HTMLHeadingElement>) => {\n    const [updatedProps, refUpdated] = useContextProps(props, ref, HeadingContext);\n    const { children: generatedTitle, level, currentYear, ...rest } = updatedProps;\n\n    const text = useMemo(() => {\n      if (level === CalendarLevel.DODECADE) return `${currentYear - 5} - ${currentYear + 6}`;\n      if (level === CalendarLevel.YEAR) return currentYear.toString();\n      return trimMonths(generatedTitle as string);\n    }, [level, currentYear, generatedTitle]);\n\n    return (\n      <Text variant=\"headingSmall\" {...rest} ref={refUpdated} style={{ whiteSpace: 'nowrap' }}>\n        {text}\n      </Text>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;AAUa,MAAA,eAAe,GAAG,UAAU,CACvC,CAAC,KAA0B,EAAE,GAA2C,KAAI;AAC1E,IAAA,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC;AAC9E,IAAA,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,YAAY;AAE9E,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;AACxB,QAAA,IAAI,KAAK,KAAK,aAAa,CAAC,QAAQ;YAAE,OAAO,CAAA,EAAG,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,CAAC,CAAA,CAAE;AACtF,QAAA,IAAI,KAAK,KAAK,aAAa,CAAC,IAAI;AAAE,YAAA,OAAO,WAAW,CAAC,QAAQ,EAAE;AAC/D,QAAA,OAAO,UAAU,CAAC,cAAwB,CAAC;KAC5C,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC;IAExC,QACE,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EACpF,EAAA,IAAI,CACA;AAEX,CAAC;;;;"}
+{"version":3,"file":"CalendarHeading.js","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeading.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { HeadingContext, useContextProps } from 'react-aria-components';\nimport type { HeadingProps } from 'react-aria-components';\n\nimport { Text } from '../../../Text';\nimport { CalendarLevel } from '../../types';\nimport { trimMonths } from './utils';\n\ntype CalendarHeaderProps = HeadingProps & { level: CalendarLevel; currentYear: number };\n\nexport const CalendarHeading = forwardRef(\n  (props: CalendarHeaderProps, ref: React.ForwardedRef<HTMLHeadingElement>) => {\n    const [updatedProps, refUpdated] = useContextProps(props, ref, HeadingContext);\n    const { children: generatedTitle, level, currentYear, ...rest } = updatedProps;\n\n    const text = useMemo(() => {\n      if (level === CalendarLevel.DODECADE) return `${currentYear - 5} - ${currentYear + 6}`;\n      if (level === CalendarLevel.YEAR) return currentYear.toString();\n      return trimMonths(generatedTitle as string);\n    }, [level, currentYear, generatedTitle]);\n\n    return (\n      <Text variant=\"headingSmall\" {...rest} ref={refUpdated} style={{ whiteSpace: 'nowrap' }}>\n        {text}\n      </Text>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;;AAUa,MAAA,eAAe,GAAG,UAAU,CACvC,CAAC,KAA0B,EAAE,GAA2C,KAAI;AAC1E,IAAA,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC;AAC9E,IAAA,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,YAAY;AAE9E,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;AACxB,QAAA,IAAI,KAAK,KAAK,aAAa,CAAC,QAAQ;YAAE,OAAO,CAAA,EAAG,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,CAAC,CAAA,CAAE;AACtF,QAAA,IAAI,KAAK,KAAK,aAAa,CAAC,IAAI;AAAE,YAAA,OAAO,WAAW,CAAC,QAAQ,EAAE;AAC/D,QAAA,OAAO,UAAU,CAAC,cAAwB,CAAC;KAC5C,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC;IAExC,QACEA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EACpF,EAAA,IAAI,CACA;AAEX,CAAC;;;;"}

package/dist/components/Card/Card.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { CardHeader } from '../CardHeader/CardHeader.js';
 import { Body, Section, Footer, Surface, FullBleed } from './styled.js';
 
@@ -11,12 +11,12 @@ const Card = ({ className, style, title, subtitle, headerActionSlot, action, col
     const toggleCollapsed = () => {
         setIsCollapsed(!isCollapsed);
     };
-    const headerMarkup = title && (React.createElement(CardHeader, { title: title, subtitle: subtitle, actionSlot: headerActionSlot, action: action, onClickClose: onClose, isCollapsed: isCollapsed, onClickCollapse: collapsable ? toggleCollapsed : undefined }));
+    const headerMarkup = title && (React__default.createElement(CardHeader, { title: title, subtitle: subtitle, actionSlot: headerActionSlot, action: action, onClickClose: onClose, isCollapsed: isCollapsed, onClickCollapse: collapsable ? toggleCollapsed : undefined }));
     const showBody = (collapsable && !isCollapsed) || !collapsable;
-    const bodyMarkup = (React.createElement(Body, { animate: showBody ? 'expanded' : 'collapsed', variants: collapseAnimationVariants, transition: { duration: 0.3, ease: 'easeOut' } },
-        React.createElement(Section, null, children)));
-    const footerMarkup = renderFooter !== undefined && React.createElement(Footer, null, renderFooter());
-    return (React.createElement(Surface, { className: className, style: style, elevation: elevation, accent: accent },
+    const bodyMarkup = (React__default.createElement(Body, { animate: showBody ? 'expanded' : 'collapsed', variants: collapseAnimationVariants, transition: { duration: 0.3, ease: 'easeOut' } },
+        React__default.createElement(Section, null, children)));
+    const footerMarkup = renderFooter !== undefined && React__default.createElement(Footer, null, renderFooter());
+    return (React__default.createElement(Surface, { className: className, style: style, elevation: elevation, accent: accent },
         headerMarkup,
         bodyMarkup,
         footerMarkup));

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\n\nimport { CardHeader } from '../CardHeader';\nimport { Surface, Body, FullBleed, Footer, CardElevation, Section } from './styled';\n\nconst collapseAnimationVariants = {\n  expanded: { height: 'auto' },\n  collapsed: { height: 0 },\n};\n\ntype CardAction = {\n  title: string;\n  onClick: () => void;\n};\n\nexport type CardProps = {\n  className?: string;\n  style?: React.CSSProperties;\n  title?: string;\n  subtitle?: string;\n  headerActionSlot?: React.ReactNode;\n  action?: CardAction;\n  collapsable?: boolean;\n  elevation?: CardElevation;\n  accent?: 'info' | 'success' | 'error';\n  children: ReactNode;\n  onClose?: () => void;\n  renderFooter?: () => ReactNode;\n};\n\nexport const Card = ({\n  className,\n  style,\n  title,\n  subtitle,\n  headerActionSlot,\n  action,\n  collapsable,\n  elevation,\n  accent,\n  children,\n  onClose,\n  renderFooter,\n}: CardProps) => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const toggleCollapsed = () => {\n    setIsCollapsed(!isCollapsed);\n  };\n\n  const headerMarkup = title && (\n    <CardHeader\n      title={title}\n      subtitle={subtitle}\n      actionSlot={headerActionSlot}\n      action={action}\n      onClickClose={onClose}\n      isCollapsed={isCollapsed}\n      onClickCollapse={collapsable ? toggleCollapsed : undefined}\n    />\n  );\n\n  const showBody = (collapsable && !isCollapsed) || !collapsable;\n  const bodyMarkup = (\n    <Body\n      animate={showBody ? 'expanded' : 'collapsed'}\n      variants={collapseAnimationVariants}\n      transition={{ duration: 0.3, ease: 'easeOut' }}\n    >\n      <Section>{children}</Section>\n    </Body>\n  );\n\n  const footerMarkup = renderFooter !== undefined && <Footer>{renderFooter()}</Footer>;\n\n  return (\n    <Surface className={className} style={style} elevation={elevation} accent={accent}>\n      {headerMarkup}\n      {bodyMarkup}\n      {footerMarkup}\n    </Surface>\n  );\n};\n\nCard.Surface = Surface;\nCard.Section = Section;\nCard.FullBleed = FullBleed;\nCard.Footer = Footer;\n"],"names":[],"mappings":";;;;AAKA,MAAM,yBAAyB,GAAG;AAChC,IAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;AAC5B,IAAA,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;CACzB;AAsBM,MAAM,IAAI,GAAG,CAAC,EACnB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,YAAY,GACF,KAAI;IACd,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAErD,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,KAAC;IAED,MAAM,YAAY,GAAG,KAAK,KACxB,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,gBAAgB,EAC5B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,OAAO,EACrB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,WAAW,GAAG,eAAe,GAAG,SAAS,EAC1D,CAAA,CACH;IAED,MAAM,QAAQ,GAAG,CAAC,WAAW,IAAI,CAAC,WAAW,KAAK,CAAC,WAAW;AAC9D,IAAA,MAAM,UAAU,IACd,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,EAC5C,QAAQ,EAAE,yBAAyB,EACnC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAA;AAE9C,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CACxB,CACR;AAED,IAAA,MAAM,YAAY,GAAG,YAAY,KAAK,SAAS,IAAI,KAAC,CAAA,aAAA,CAAA,MAAM,EAAE,IAAA,EAAA,YAAY,EAAE,CAAU;AAEpF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAA;QAC9E,YAAY;QACZ,UAAU;QACV,YAAY,CACL;AAEd;AAEA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,IAAI,CAAC,SAAS,GAAG,SAAS;AAC1B,IAAI,CAAC,MAAM,GAAG,MAAM;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\n\nimport { CardHeader } from '../CardHeader';\nimport { Surface, Body, FullBleed, Footer, CardElevation, Section } from './styled';\n\nconst collapseAnimationVariants = {\n  expanded: { height: 'auto' },\n  collapsed: { height: 0 },\n};\n\ntype CardAction = {\n  title: string;\n  onClick: () => void;\n};\n\nexport type CardProps = {\n  className?: string;\n  style?: React.CSSProperties;\n  title?: string;\n  subtitle?: string;\n  headerActionSlot?: React.ReactNode;\n  action?: CardAction;\n  collapsable?: boolean;\n  elevation?: CardElevation;\n  accent?: 'info' | 'success' | 'error';\n  children: ReactNode;\n  onClose?: () => void;\n  renderFooter?: () => ReactNode;\n};\n\nexport const Card = ({\n  className,\n  style,\n  title,\n  subtitle,\n  headerActionSlot,\n  action,\n  collapsable,\n  elevation,\n  accent,\n  children,\n  onClose,\n  renderFooter,\n}: CardProps) => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const toggleCollapsed = () => {\n    setIsCollapsed(!isCollapsed);\n  };\n\n  const headerMarkup = title && (\n    <CardHeader\n      title={title}\n      subtitle={subtitle}\n      actionSlot={headerActionSlot}\n      action={action}\n      onClickClose={onClose}\n      isCollapsed={isCollapsed}\n      onClickCollapse={collapsable ? toggleCollapsed : undefined}\n    />\n  );\n\n  const showBody = (collapsable && !isCollapsed) || !collapsable;\n  const bodyMarkup = (\n    <Body\n      animate={showBody ? 'expanded' : 'collapsed'}\n      variants={collapseAnimationVariants}\n      transition={{ duration: 0.3, ease: 'easeOut' }}\n    >\n      <Section>{children}</Section>\n    </Body>\n  );\n\n  const footerMarkup = renderFooter !== undefined && <Footer>{renderFooter()}</Footer>;\n\n  return (\n    <Surface className={className} style={style} elevation={elevation} accent={accent}>\n      {headerMarkup}\n      {bodyMarkup}\n      {footerMarkup}\n    </Surface>\n  );\n};\n\nCard.Surface = Surface;\nCard.Section = Section;\nCard.FullBleed = FullBleed;\nCard.Footer = Footer;\n"],"names":["React"],"mappings":";;;;AAKA,MAAM,yBAAyB,GAAG;AAChC,IAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;AAC5B,IAAA,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;CACzB;AAsBM,MAAM,IAAI,GAAG,CAAC,EACnB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,YAAY,GACF,KAAI;IACd,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAErD,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,KAAC;IAED,MAAM,YAAY,GAAG,KAAK,KACxBA,cAAC,CAAA,aAAA,CAAA,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,gBAAgB,EAC5B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,OAAO,EACrB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,WAAW,GAAG,eAAe,GAAG,SAAS,EAC1D,CAAA,CACH;IAED,MAAM,QAAQ,GAAG,CAAC,WAAW,IAAI,CAAC,WAAW,KAAK,CAAC,WAAW;AAC9D,IAAA,MAAM,UAAU,IACdA,cAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,EAC5C,QAAQ,EAAE,yBAAyB,EACnC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAA;AAE9C,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CACxB,CACR;AAED,IAAA,MAAM,YAAY,GAAG,YAAY,KAAK,SAAS,IAAIA,cAAC,CAAA,aAAA,CAAA,MAAM,EAAE,IAAA,EAAA,YAAY,EAAE,CAAU;AAEpF,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAA;QAC9E,YAAY;QACZ,UAAU;QACV,YAAY,CACL;AAEd;AAEA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,IAAI,CAAC,SAAS,GAAG,SAAS;AAC1B,IAAI,CAAC,MAAM,GAAG,MAAM;;;;"}

package/dist/components/CardHeader/CardHeader.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Text } from '../Text/Text.js';
 import { Button } from '../Button/Button.js';
 import { Header, HeaderGrid } from './styled.js';
@@ -6,14 +6,14 @@ import { DownArrowIcon } from '../../tempIcons/DownArrowIcon.js';
 import { UpArrowIcon } from '../../tempIcons/UpArrowIcon.js';
 import { CrossIcon } from '../../tempIcons/CrossIcon.js';
 
-const CardHeader = ({ id, title, subtitle, headerVariant = 'headingSmall', action, actionSlot, isCollapsed, onClickCollapse, onClickClose, }) => (React.createElement(Header, null,
-    React.createElement(HeaderGrid, null,
-        React.createElement(Text, { id: id, variant: headerVariant }, title),
-        action && (React.createElement(Button, { variant: "link", onClick: action.onClick }, action.title)),
+const CardHeader = ({ id, title, subtitle, headerVariant = 'headingSmall', action, actionSlot, isCollapsed, onClickCollapse, onClickClose, }) => (React__default.createElement(Header, null,
+    React__default.createElement(HeaderGrid, null,
+        React__default.createElement(Text, { id: id, variant: headerVariant }, title),
+        action && (React__default.createElement(Button, { variant: "link", onClick: action.onClick }, action.title)),
         actionSlot,
-        onClickCollapse && (React.createElement(Button, { variant: "flat", iconSlot: isCollapsed ? React.createElement(DownArrowIcon, null) : React.createElement(UpArrowIcon, null), onClick: onClickCollapse })),
-        onClickClose && (React.createElement(Button, { variant: "flat", iconSlot: React.createElement(CrossIcon, null), onClick: onClickClose, "aria-label": "Close" }))),
-    subtitle && React.createElement(Text, { variant: "subheadingSmall" }, subtitle)));
+        onClickCollapse && (React__default.createElement(Button, { variant: "flat", iconSlot: isCollapsed ? React__default.createElement(DownArrowIcon, null) : React__default.createElement(UpArrowIcon, null), onClick: onClickCollapse })),
+        onClickClose && (React__default.createElement(Button, { variant: "flat", iconSlot: React__default.createElement(CrossIcon, null), onClick: onClickClose, "aria-label": "Close" }))),
+    subtitle && React__default.createElement(Text, { variant: "subheadingSmall" }, subtitle)));
 
 export { CardHeader };
 //# sourceMappingURL=CardHeader.js.map

package/dist/components/CardHeader/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\nimport { Header, HeaderGrid } from './styled';\nimport { HeaderVariant } from '../Text/types';\nimport { DownArrowIcon } from '../../tempIcons/DownArrowIcon';\nimport { UpArrowIcon } from '../../tempIcons/UpArrowIcon';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\n\ntype CardHeaderAction = {\n  title: string;\n  onClick: () => void;\n};\n\nexport interface CardHeaderProps {\n  id?: string;\n  title?: string;\n  subtitle?: string;\n  headerVariant?: HeaderVariant;\n  action?: CardHeaderAction;\n  actionSlot?: React.ReactNode;\n  isCollapsed?: boolean;\n  onClickCollapse?: () => void;\n  onClickClose?: () => void;\n}\n\nexport const CardHeader = ({\n  id,\n  title,\n  subtitle,\n  headerVariant = 'headingSmall',\n  action,\n  actionSlot,\n  isCollapsed,\n  onClickCollapse,\n  onClickClose,\n}: CardHeaderProps) => (\n  <Header>\n    <HeaderGrid>\n      <Text id={id} variant={headerVariant}>\n        {title}\n      </Text>\n      {action && (\n        <Button variant=\"link\" onClick={action.onClick}>\n          {action.title}\n        </Button>\n      )}\n      {actionSlot}\n      {onClickCollapse && (\n        <Button\n          variant=\"flat\"\n          iconSlot={isCollapsed ? <DownArrowIcon /> : <UpArrowIcon />}\n          onClick={onClickCollapse}\n        />\n      )}\n      {onClickClose && (\n        <Button variant=\"flat\" iconSlot={<CrossIcon />} onClick={onClickClose} aria-label=\"Close\" />\n      )}\n    </HeaderGrid>\n    {subtitle && <Text variant=\"subheadingSmall\">{subtitle}</Text>}\n  </Header>\n);\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,GAAG,cAAc,EAC9B,MAAM,EACN,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACI,MAChB,oBAAC,MAAM,EAAA,IAAA;AACL,IAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;QACT,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EACjC,EAAA,KAAK,CACD;AACN,QAAA,MAAM,KACL,KAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAA,EAC3C,MAAM,CAAC,KAAK,CACN,CACV;QACA,UAAU;AACV,QAAA,eAAe,KACd,KAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,GAAG,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA,CAAG,EAC3D,OAAO,EAAE,eAAe,GACxB,CACH;QACA,YAAY,KACX,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,oBAAC,SAAS,EAAA,IAAA,CAAG,EAAE,OAAO,EAAE,YAAY,EAAa,YAAA,EAAA,OAAO,EAAG,CAAA,CAC7F,CACU;AACZ,IAAA,QAAQ,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,iBAAiB,EAAA,EAAE,QAAQ,CAAQ,CACvD;;;;"}
+{"version":3,"file":"CardHeader.js","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\nimport { Header, HeaderGrid } from './styled';\nimport { HeaderVariant } from '../Text/types';\nimport { DownArrowIcon } from '../../tempIcons/DownArrowIcon';\nimport { UpArrowIcon } from '../../tempIcons/UpArrowIcon';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\n\ntype CardHeaderAction = {\n  title: string;\n  onClick: () => void;\n};\n\nexport interface CardHeaderProps {\n  id?: string;\n  title?: string;\n  subtitle?: string;\n  headerVariant?: HeaderVariant;\n  action?: CardHeaderAction;\n  actionSlot?: React.ReactNode;\n  isCollapsed?: boolean;\n  onClickCollapse?: () => void;\n  onClickClose?: () => void;\n}\n\nexport const CardHeader = ({\n  id,\n  title,\n  subtitle,\n  headerVariant = 'headingSmall',\n  action,\n  actionSlot,\n  isCollapsed,\n  onClickCollapse,\n  onClickClose,\n}: CardHeaderProps) => (\n  <Header>\n    <HeaderGrid>\n      <Text id={id} variant={headerVariant}>\n        {title}\n      </Text>\n      {action && (\n        <Button variant=\"link\" onClick={action.onClick}>\n          {action.title}\n        </Button>\n      )}\n      {actionSlot}\n      {onClickCollapse && (\n        <Button\n          variant=\"flat\"\n          iconSlot={isCollapsed ? <DownArrowIcon /> : <UpArrowIcon />}\n          onClick={onClickCollapse}\n        />\n      )}\n      {onClickClose && (\n        <Button variant=\"flat\" iconSlot={<CrossIcon />} onClick={onClickClose} aria-label=\"Close\" />\n      )}\n    </HeaderGrid>\n    {subtitle && <Text variant=\"subheadingSmall\">{subtitle}</Text>}\n  </Header>\n);\n"],"names":["React"],"mappings":";;;;;;;;AA2BO,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,GAAG,cAAc,EAC9B,MAAM,EACN,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACI,MAChBA,6BAAC,MAAM,EAAA,IAAA;AACL,IAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;QACTA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EACjC,EAAA,KAAK,CACD;AACN,QAAA,MAAM,KACLA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAA,EAC3C,MAAM,CAAC,KAAK,CACN,CACV;QACA,UAAU;AACV,QAAA,eAAe,KACdA,cAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,WAAW,GAAGA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,GAAGA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA,CAAG,EAC3D,OAAO,EAAE,eAAe,GACxB,CACH;QACA,YAAY,KACXA,cAAC,CAAA,aAAA,CAAA,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAEA,6BAAC,SAAS,EAAA,IAAA,CAAG,EAAE,OAAO,EAAE,YAAY,EAAa,YAAA,EAAA,OAAO,EAAG,CAAA,CAC7F,CACU;AACZ,IAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,iBAAiB,EAAA,EAAE,QAAQ,CAAQ,CACvD;;;;"}

package/dist/components/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-import React, { useMemo, useRef, useCallback, useEffect } from 'react';
+import React__default, { useMemo, useRef, useCallback, useEffect } from 'react';
 import { Choice } from '../Choice/Choice.js';
 import { Input } from './styled.js';
 import { generateId } from '../../utils/generateId.js';
@@ -18,8 +18,8 @@ const Checkbox = ({ checked, indeterminate, value, name, disabled, ariaLabel, cl
         }
         checkboxRef.current.indeterminate = false;
     }, [indeterminate]);
-    return (React.createElement(Choice, { id: id, disabled: disabled, className: className, ...otherProps },
-        React.createElement(Input, { ref: checkboxRef, id: id, type: "checkbox", checked: checked, value: value, name: name, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange })));
+    return (React__default.createElement(Choice, { id: id, disabled: disabled, className: className, ...otherProps },
+        React__default.createElement(Input, { ref: checkboxRef, id: id, type: "checkbox", checked: checked, value: value, name: name, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange })));
 };
 
 export { Checkbox };

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Choice, ForwardedChoiceProps } from '../Choice';\nimport { Input } from './styled';\nimport { generateId } from '../../utils/generateId';\n\nexport type CheckboxValue = string | number;\n\nexport interface CheckboxProps extends ForwardedChoiceProps {\n  checked: boolean;\n  indeterminate?: boolean;\n  value?: CheckboxValue;\n  name?: string;\n  disabled?: boolean;\n  ariaLabel?: string;\n  onChange: (checked: boolean, value?: CheckboxValue) => void;\n  className?: string;\n}\n\nexport const Checkbox = ({\n  checked,\n  indeterminate,\n  value,\n  name,\n  disabled,\n  ariaLabel,\n  className,\n  onChange,\n  ...otherProps\n}: CheckboxProps) => {\n  const id = useMemo(() => generateId('checkbox'), []);\n  const checkboxRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(e.currentTarget.checked, value);\n    },\n    [onChange, value],\n  );\n\n  useEffect(() => {\n    if (!checkboxRef.current) return;\n    if (indeterminate === true) {\n      checkboxRef.current.indeterminate = true;\n      return;\n    }\n    checkboxRef.current.indeterminate = false;\n  }, [indeterminate]);\n\n  return (\n    <Choice id={id} disabled={disabled} className={className} {...otherProps}>\n      <Input\n        ref={checkboxRef}\n        id={id}\n        type=\"checkbox\"\n        checked={checked}\n        value={value}\n        name={name}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        onChange={handleChange}\n      />\n    </Choice>\n  );\n};\n"],"names":[],"mappings":";;;;;AAkBa,MAAA,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,aAAa,EACb,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACC,KAAI;AAClB,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,UAAU,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC;AAElD,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,KAAI;QACzC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1C,KAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAED,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE;QAC1B,IAAI,aAAa,KAAK,IAAI,EAAE;AAC1B,YAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI;YACxC;AACD;AACD,QAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK;AAC3C,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,KAAM,UAAU,EAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EACJ,EAAA,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,CAAA,CACK;AAEb;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Choice, ForwardedChoiceProps } from '../Choice';\nimport { Input } from './styled';\nimport { generateId } from '../../utils/generateId';\n\nexport type CheckboxValue = string | number;\n\nexport interface CheckboxProps extends ForwardedChoiceProps {\n  checked: boolean;\n  indeterminate?: boolean;\n  value?: CheckboxValue;\n  name?: string;\n  disabled?: boolean;\n  ariaLabel?: string;\n  onChange: (checked: boolean, value?: CheckboxValue) => void;\n  className?: string;\n}\n\nexport const Checkbox = ({\n  checked,\n  indeterminate,\n  value,\n  name,\n  disabled,\n  ariaLabel,\n  className,\n  onChange,\n  ...otherProps\n}: CheckboxProps) => {\n  const id = useMemo(() => generateId('checkbox'), []);\n  const checkboxRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(e.currentTarget.checked, value);\n    },\n    [onChange, value],\n  );\n\n  useEffect(() => {\n    if (!checkboxRef.current) return;\n    if (indeterminate === true) {\n      checkboxRef.current.indeterminate = true;\n      return;\n    }\n    checkboxRef.current.indeterminate = false;\n  }, [indeterminate]);\n\n  return (\n    <Choice id={id} disabled={disabled} className={className} {...otherProps}>\n      <Input\n        ref={checkboxRef}\n        id={id}\n        type=\"checkbox\"\n        checked={checked}\n        value={value}\n        name={name}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        onChange={handleChange}\n      />\n    </Choice>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAkBa,MAAA,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,aAAa,EACb,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACC,KAAI;AAClB,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,UAAU,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC;AAElD,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,KAAI;QACzC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1C,KAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAED,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE;QAC1B,IAAI,aAAa,KAAK,IAAI,EAAE;AAC1B,YAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI;YACxC;AACD;AACD,QAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK;AAC3C,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,KAAM,UAAU,EAAA;AACtE,QAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EACJ,EAAA,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,CAAA,CACK;AAEb;;;;"}

package/dist/components/Choice/Choice.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Stack } from '../Stack/Stack.js';
 import { theme } from '../../theme/index.js';
 import { RootLayout, InputLayout, AccessoryLayout, TextLayout, BlockTooltip, HintText, ErrorText, BorderedWrapper, Wrapper } from './components/styled.js';
@@ -13,23 +13,23 @@ const generateClassNames = (prefix) => ({
 });
 const Choice = ({ id, className, label, hint, tooltip, tooltipContent, error, bordered, Badge, Accessory, Footer, children, disabled = false, labelVariant = 'body', inputPosition = 'left', }) => {
     const classNames = generateClassNames(className);
-    const contentMarkup = (React.createElement(RootLayout, null,
-        inputPosition === 'left' && (React.createElement(InputLayout, { align: Accessory ? 'center' : 'top' }, children)),
-        Accessory && React.createElement(AccessoryLayout, null, Accessory),
-        label || hint || error || Badge || Footer ? (React.createElement(TextLayout, null,
-            React.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
+    const contentMarkup = (React__default.createElement(RootLayout, null,
+        inputPosition === 'left' && (React__default.createElement(InputLayout, { align: Accessory ? 'center' : 'top' }, children)),
+        Accessory && React__default.createElement(AccessoryLayout, null, Accessory),
+        label || hint || error || Badge || Footer ? (React__default.createElement(TextLayout, null,
+            React__default.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
                 Badge,
-                label && (React.createElement(Text, { variant: labelVariant, className: classNames.label }, label)),
-                (tooltip || tooltipContent) && (React.createElement(BlockTooltip, { text: tooltip, content: tooltipContent, className: classNames.tooltip },
-                    React.createElement(HelpIcon, { "data-testid": "tooltip-help", name: "help", width: theme.sizes.base, color: theme.colors.neutral.ink.lightest })))),
-            hint && React.createElement(HintText, { className: classNames.hint }, hint),
-            error && React.createElement(ErrorText, { className: classNames.error }, error),
+                label && (React__default.createElement(Text, { variant: labelVariant, className: classNames.label }, label)),
+                (tooltip || tooltipContent) && (React__default.createElement(BlockTooltip, { text: tooltip, content: tooltipContent, className: classNames.tooltip },
+                    React__default.createElement(HelpIcon, { "data-testid": "tooltip-help", name: "help", width: theme.sizes.base, color: theme.colors.neutral.ink.lightest })))),
+            hint && React__default.createElement(HintText, { className: classNames.hint }, hint),
+            error && React__default.createElement(ErrorText, { className: classNames.error }, error),
             Footer)) : null,
-        inputPosition === 'right' && (React.createElement(InputLayout, { align: Accessory ? 'center' : 'top' }, children))));
+        inputPosition === 'right' && (React__default.createElement(InputLayout, { align: Accessory ? 'center' : 'top' }, children))));
     if (bordered) {
-        return (React.createElement(BorderedWrapper, { disabled: disabled, htmlFor: id, className: className }, contentMarkup));
+        return (React__default.createElement(BorderedWrapper, { disabled: disabled, htmlFor: id, className: className }, contentMarkup));
     }
-    return (React.createElement(Wrapper, { disabled: disabled, htmlFor: id, className: className }, contentMarkup));
+    return (React__default.createElement(Wrapper, { disabled: disabled, htmlFor: id, className: className }, contentMarkup));
 };
 
 export { Choice };

package/dist/components/Choice/Choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Choice.js","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Stack } from '../Stack';\nimport { theme } from '../../theme';\n\nimport {\n  Wrapper,\n  BorderedWrapper,\n  RootLayout,\n  InputLayout,\n  AccessoryLayout,\n  TextLayout,\n  HintText,\n  ErrorText,\n  BlockTooltip,\n} from './components/styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { Text } from '../Text';\nimport { TextVariant } from '../Text/types';\n\nexport interface ForwardedChoiceProps {\n  className?: string;\n  disabled?: boolean;\n  label?: ReactNode;\n  hint?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n  error?: ReactNode;\n  bordered?: boolean;\n  Badge?: ReactNode;\n  Accessory?: ReactNode;\n  Footer?: ReactNode;\n  inputPosition?: 'left' | 'right';\n  labelVariant?: TextVariant;\n}\n\nexport interface ChoiceProps extends ForwardedChoiceProps {\n  id: string;\n  children: ReactNode;\n}\n\nconst generateClassNames = (prefix?: string): any => ({\n  hint: prefix ? 'choice__hint' : undefined,\n  label: prefix ? 'choice__label' : undefined,\n  tooltip: prefix ? 'choice__tooltip' : undefined,\n  error: prefix ? 'choice__error' : undefined,\n});\n\nexport const Choice = ({\n  id,\n  className,\n  label,\n  hint,\n  tooltip,\n  tooltipContent,\n  error,\n  bordered,\n  Badge,\n  Accessory,\n  Footer,\n  children,\n  disabled = false,\n  labelVariant = 'body',\n  inputPosition = 'left',\n}: ChoiceProps) => {\n  const classNames = generateClassNames(className);\n\n  const contentMarkup = (\n    <RootLayout>\n      {inputPosition === 'left' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n      {Accessory && <AccessoryLayout>{Accessory}</AccessoryLayout>}\n      {label || hint || error || Badge || Footer ? (\n        <TextLayout>\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n            {Badge}\n            {label && (\n              <Text variant={labelVariant} className={classNames.label}>\n                {label}\n              </Text>\n            )}\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent} className={classNames.tooltip}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  name=\"help\"\n                  width={theme.sizes.base}\n                  color={theme.colors.neutral.ink.lightest}\n                />\n              </BlockTooltip>\n            )}\n          </Stack>\n          {hint && <HintText className={classNames.hint}>{hint}</HintText>}\n          {error && <ErrorText className={classNames.error}>{error}</ErrorText>}\n          {Footer}\n        </TextLayout>\n      ) : null}\n      {inputPosition === 'right' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n    </RootLayout>\n  );\n\n  if (bordered) {\n    return (\n      <BorderedWrapper disabled={disabled} htmlFor={id} className={className}>\n        {contentMarkup}\n      </BorderedWrapper>\n    );\n  }\n\n  return (\n    <Wrapper disabled={disabled} htmlFor={id} className={className}>\n      {contentMarkup}\n    </Wrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAwCA,MAAM,kBAAkB,GAAG,CAAC,MAAe,MAAW;IACpD,IAAI,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IACzC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;IAC3C,OAAO,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;IAC/C,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;AAC5C,CAAA,CAAC;AAEW,MAAA,MAAM,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,cAAc,EACd,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,MAAM,EACrB,aAAa,GAAG,MAAM,GACV,KAAI;AAChB,IAAA,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,CAAC;AAEhD,IAAA,MAAM,aAAa,IACjB,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;QACR,aAAa,KAAK,MAAM,KACvB,oBAAC,WAAW,EAAA,EAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,EAAA,EAAG,QAAQ,CAAe,CAC3E;AACA,QAAA,SAAS,IAAI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA,EAAE,SAAS,CAAmB;AAC3D,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,IACxC,oBAAC,UAAU,EAAA,IAAA;AACT,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;gBACvD,KAAK;AACL,gBAAA,KAAK,KACJ,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,EACrD,EAAA,KAAK,CACD,CACR;gBACA,CAAC,OAAO,IAAI,cAAc,MACzB,KAAA,CAAA,aAAA,CAAC,YAAY,EAAC,EAAA,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAA;AACjF,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,aAAA,EACK,cAAc,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EACxC,CAAA,CACW,CAChB,CACK;YACP,IAAI,IAAI,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,IAAI,EAAG,EAAA,IAAI,CAAY;YAC/D,KAAK,IAAI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,KAAK,EAAG,EAAA,KAAK,CAAa;AACpE,YAAA,MAAM,CACI,IACX,IAAI;QACP,aAAa,KAAK,OAAO,KACxB,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,EAAA,EAAG,QAAQ,CAAe,CAC3E,CACU,CACd;AAED,IAAA,IAAI,QAAQ,EAAE;AACZ,QAAA,QACE,KAAC,CAAA,aAAA,CAAA,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IACnE,aAAa,CACE;AAErB;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC3D,aAAa,CACN;AAEd;;;;"}
+{"version":3,"file":"Choice.js","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Stack } from '../Stack';\nimport { theme } from '../../theme';\n\nimport {\n  Wrapper,\n  BorderedWrapper,\n  RootLayout,\n  InputLayout,\n  AccessoryLayout,\n  TextLayout,\n  HintText,\n  ErrorText,\n  BlockTooltip,\n} from './components/styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { Text } from '../Text';\nimport { TextVariant } from '../Text/types';\n\nexport interface ForwardedChoiceProps {\n  className?: string;\n  disabled?: boolean;\n  label?: ReactNode;\n  hint?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n  error?: ReactNode;\n  bordered?: boolean;\n  Badge?: ReactNode;\n  Accessory?: ReactNode;\n  Footer?: ReactNode;\n  inputPosition?: 'left' | 'right';\n  labelVariant?: TextVariant;\n}\n\nexport interface ChoiceProps extends ForwardedChoiceProps {\n  id: string;\n  children: ReactNode;\n}\n\nconst generateClassNames = (prefix?: string): any => ({\n  hint: prefix ? 'choice__hint' : undefined,\n  label: prefix ? 'choice__label' : undefined,\n  tooltip: prefix ? 'choice__tooltip' : undefined,\n  error: prefix ? 'choice__error' : undefined,\n});\n\nexport const Choice = ({\n  id,\n  className,\n  label,\n  hint,\n  tooltip,\n  tooltipContent,\n  error,\n  bordered,\n  Badge,\n  Accessory,\n  Footer,\n  children,\n  disabled = false,\n  labelVariant = 'body',\n  inputPosition = 'left',\n}: ChoiceProps) => {\n  const classNames = generateClassNames(className);\n\n  const contentMarkup = (\n    <RootLayout>\n      {inputPosition === 'left' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n      {Accessory && <AccessoryLayout>{Accessory}</AccessoryLayout>}\n      {label || hint || error || Badge || Footer ? (\n        <TextLayout>\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n            {Badge}\n            {label && (\n              <Text variant={labelVariant} className={classNames.label}>\n                {label}\n              </Text>\n            )}\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent} className={classNames.tooltip}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  name=\"help\"\n                  width={theme.sizes.base}\n                  color={theme.colors.neutral.ink.lightest}\n                />\n              </BlockTooltip>\n            )}\n          </Stack>\n          {hint && <HintText className={classNames.hint}>{hint}</HintText>}\n          {error && <ErrorText className={classNames.error}>{error}</ErrorText>}\n          {Footer}\n        </TextLayout>\n      ) : null}\n      {inputPosition === 'right' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n    </RootLayout>\n  );\n\n  if (bordered) {\n    return (\n      <BorderedWrapper disabled={disabled} htmlFor={id} className={className}>\n        {contentMarkup}\n      </BorderedWrapper>\n    );\n  }\n\n  return (\n    <Wrapper disabled={disabled} htmlFor={id} className={className}>\n      {contentMarkup}\n    </Wrapper>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AAwCA,MAAM,kBAAkB,GAAG,CAAC,MAAe,MAAW;IACpD,IAAI,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IACzC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;IAC3C,OAAO,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;IAC/C,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;AAC5C,CAAA,CAAC;AAEW,MAAA,MAAM,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,cAAc,EACd,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,MAAM,EACrB,aAAa,GAAG,MAAM,GACV,KAAI;AAChB,IAAA,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,CAAC;AAEhD,IAAA,MAAM,aAAa,IACjBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;QACR,aAAa,KAAK,MAAM,KACvBA,6BAAC,WAAW,EAAA,EAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,EAAA,EAAG,QAAQ,CAAe,CAC3E;AACA,QAAA,SAAS,IAAIA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA,EAAE,SAAS,CAAmB;AAC3D,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,IACxCA,6BAAC,UAAU,EAAA,IAAA;AACT,YAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;gBACvD,KAAK;AACL,gBAAA,KAAK,KACJA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,EACrD,EAAA,KAAK,CACD,CACR;gBACA,CAAC,OAAO,IAAI,cAAc,MACzBA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAC,EAAA,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAA;AACjF,oBAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,aAAA,EACK,cAAc,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EACxC,CAAA,CACW,CAChB,CACK;YACP,IAAI,IAAIA,cAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,IAAI,EAAG,EAAA,IAAI,CAAY;YAC/D,KAAK,IAAIA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,KAAK,EAAG,EAAA,KAAK,CAAa;AACpE,YAAA,MAAM,CACI,IACX,IAAI;QACP,aAAa,KAAK,OAAO,KACxBA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,EAAA,EAAG,QAAQ,CAAe,CAC3E,CACU,CACd;AAED,IAAA,IAAI,QAAQ,EAAE;AACZ,QAAA,QACEA,cAAC,CAAA,aAAA,CAAA,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IACnE,aAAa,CACE;AAErB;AAED,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC3D,aAAa,CACN;AAEd;;;;"}

package/dist/components/ChoiceList/ChoiceList.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React__default, { Component } from 'react';
 import { Radio } from '../Radio/Radio.js';
 import { Checkbox } from '../Checkbox/Checkbox.js';
 import { Fieldset, Legend } from './styled.js';
@@ -35,9 +35,9 @@ class ChoiceList extends Component {
     render() {
         const { allowMultiple, options, selected, title, disabled, bordered } = this.props;
         const InputComponent = allowMultiple ? Checkbox : Radio;
-        return (React.createElement(Fieldset, { disabled: disabled },
-            title && React.createElement(Legend, null, title),
-            options.map((option) => (React.createElement(InputComponent, { key: option.value, bordered: bordered, checked: selected.includes(option.value), onChange: (checked) => this.handleChange(option.value, checked), ...option })))));
+        return (React__default.createElement(Fieldset, { disabled: disabled },
+            title && React__default.createElement(Legend, null, title),
+            options.map((option) => (React__default.createElement(InputComponent, { key: option.value, bordered: bordered, checked: selected.includes(option.value), onChange: (checked) => this.handleChange(option.value, checked), ...option })))));
     }
 }
 

package/dist/components/ChoiceList/ChoiceList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceList.js","sources":["../../../src/components/ChoiceList/ChoiceList.tsx"],"sourcesContent":["import React, { Component, ReactNode } from 'react';\nimport { Radio } from '../Radio';\nimport { Checkbox } from '../Checkbox';\n\nimport { Fieldset, Legend } from './styled';\n\n/* TODO: - Implement error prop */\n\ntype ChoiceListOptionValue = string | number;\n\nexport interface ChoiceListOption {\n  value: ChoiceListOptionValue;\n  name?: string;\n  label: string;\n  hint?: string;\n  disabled?: boolean;\n  Badge?: ReactNode;\n  Accessory?: ReactNode;\n  Footer?: ReactNode;\n}\n\nexport interface ChoiceListProps {\n  options: ChoiceListOption[];\n  selected: ChoiceListOptionValue[];\n  title?: string;\n  allowMultiple?: boolean;\n  disabled?: boolean;\n  bordered?: boolean;\n  error?: string;\n  onChange: (selected: ChoiceListOptionValue[]) => void;\n}\n\nexport class ChoiceList extends Component<ChoiceListProps> {\n  handleChange = (value: ChoiceListOptionValue, checked: boolean) => {\n    const { allowMultiple } = this.props;\n\n    if (allowMultiple) {\n      this.handleChangeMultiple(value, checked);\n      return;\n    }\n\n    this.handleChangeSingle(value, checked);\n  };\n\n  handleChangeSingle = (value: ChoiceListOptionValue, checked: boolean) => {\n    const { onChange } = this.props;\n\n    if (checked) {\n      onChange([value]);\n    }\n  };\n\n  handleChangeMultiple = (value: ChoiceListOptionValue, checked: boolean) => {\n    const { selected, onChange } = this.props;\n    let newSelected = [];\n\n    if (checked) {\n      newSelected = [...selected, value];\n    } else {\n      newSelected = selected.filter((selectedValue) => selectedValue !== value);\n    }\n\n    onChange(newSelected);\n  };\n\n  render() {\n    const { allowMultiple, options, selected, title, disabled, bordered } = this.props;\n\n    const InputComponent = allowMultiple ? Checkbox : Radio;\n\n    return (\n      <Fieldset disabled={disabled}>\n        {title && <Legend>{title}</Legend>}\n        {options.map((option) => (\n          <InputComponent\n            key={option.value}\n            bordered={bordered}\n            checked={selected.includes(option.value)}\n            onChange={(checked: boolean) => this.handleChange(option.value, checked)}\n            {...option}\n          />\n        ))}\n      </Fieldset>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;AAgCM,MAAO,UAAW,SAAQ,SAA0B,CAAA;AAA1D,IAAA,WAAA,GAAA;;AACE,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAA4B,EAAE,OAAgB,KAAI;AAChE,YAAA,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK;AAEpC,YAAA,IAAI,aAAa,EAAE;AACjB,gBAAA,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC;gBACzC;AACD;AAED,YAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC;AACzC,SAAC;AAED,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAA4B,EAAE,OAAgB,KAAI;AACtE,YAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAE/B,YAAA,IAAI,OAAO,EAAE;AACX,gBAAA,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;AAClB;AACH,SAAC;AAED,QAAA,IAAA,CAAA,oBAAoB,GAAG,CAAC,KAA4B,EAAE,OAAgB,KAAI;YACxE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;YACzC,IAAI,WAAW,GAAG,EAAE;AAEpB,YAAA,IAAI,OAAO,EAAE;AACX,gBAAA,WAAW,GAAG,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC;AACnC;AAAM,iBAAA;AACL,gBAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,aAAa,KAAK,aAAa,KAAK,KAAK,CAAC;AAC1E;YAED,QAAQ,CAAC,WAAW,CAAC;AACvB,SAAC;;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;QAElF,MAAM,cAAc,GAAG,aAAa,GAAG,QAAQ,GAAG,KAAK;AAEvD,QAAA,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAA;AACzB,YAAA,KAAK,IAAI,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA,EAAE,KAAK,CAAU;YACjC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClB,KAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,QAAQ,EAAE,CAAC,OAAgB,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAA,GACpE,MAAM,EAAA,CACV,CACH,CAAC,CACO;;AAGhB;;;;"}
+{"version":3,"file":"ChoiceList.js","sources":["../../../src/components/ChoiceList/ChoiceList.tsx"],"sourcesContent":["import React, { Component, ReactNode } from 'react';\nimport { Radio } from '../Radio';\nimport { Checkbox } from '../Checkbox';\n\nimport { Fieldset, Legend } from './styled';\n\n/* TODO: - Implement error prop */\n\ntype ChoiceListOptionValue = string | number;\n\nexport interface ChoiceListOption {\n  value: ChoiceListOptionValue;\n  name?: string;\n  label: string;\n  hint?: string;\n  disabled?: boolean;\n  Badge?: ReactNode;\n  Accessory?: ReactNode;\n  Footer?: ReactNode;\n}\n\nexport interface ChoiceListProps {\n  options: ChoiceListOption[];\n  selected: ChoiceListOptionValue[];\n  title?: string;\n  allowMultiple?: boolean;\n  disabled?: boolean;\n  bordered?: boolean;\n  error?: string;\n  onChange: (selected: ChoiceListOptionValue[]) => void;\n}\n\nexport class ChoiceList extends Component<ChoiceListProps> {\n  handleChange = (value: ChoiceListOptionValue, checked: boolean) => {\n    const { allowMultiple } = this.props;\n\n    if (allowMultiple) {\n      this.handleChangeMultiple(value, checked);\n      return;\n    }\n\n    this.handleChangeSingle(value, checked);\n  };\n\n  handleChangeSingle = (value: ChoiceListOptionValue, checked: boolean) => {\n    const { onChange } = this.props;\n\n    if (checked) {\n      onChange([value]);\n    }\n  };\n\n  handleChangeMultiple = (value: ChoiceListOptionValue, checked: boolean) => {\n    const { selected, onChange } = this.props;\n    let newSelected = [];\n\n    if (checked) {\n      newSelected = [...selected, value];\n    } else {\n      newSelected = selected.filter((selectedValue) => selectedValue !== value);\n    }\n\n    onChange(newSelected);\n  };\n\n  render() {\n    const { allowMultiple, options, selected, title, disabled, bordered } = this.props;\n\n    const InputComponent = allowMultiple ? Checkbox : Radio;\n\n    return (\n      <Fieldset disabled={disabled}>\n        {title && <Legend>{title}</Legend>}\n        {options.map((option) => (\n          <InputComponent\n            key={option.value}\n            bordered={bordered}\n            checked={selected.includes(option.value)}\n            onChange={(checked: boolean) => this.handleChange(option.value, checked)}\n            {...option}\n          />\n        ))}\n      </Fieldset>\n    );\n  }\n}\n"],"names":["React"],"mappings":";;;;;AAgCM,MAAO,UAAW,SAAQ,SAA0B,CAAA;AAA1D,IAAA,WAAA,GAAA;;AACE,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAA4B,EAAE,OAAgB,KAAI;AAChE,YAAA,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK;AAEpC,YAAA,IAAI,aAAa,EAAE;AACjB,gBAAA,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC;gBACzC;AACD;AAED,YAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC;AACzC,SAAC;AAED,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAA4B,EAAE,OAAgB,KAAI;AACtE,YAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAE/B,YAAA,IAAI,OAAO,EAAE;AACX,gBAAA,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;AAClB;AACH,SAAC;AAED,QAAA,IAAA,CAAA,oBAAoB,GAAG,CAAC,KAA4B,EAAE,OAAgB,KAAI;YACxE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;YACzC,IAAI,WAAW,GAAG,EAAE;AAEpB,YAAA,IAAI,OAAO,EAAE;AACX,gBAAA,WAAW,GAAG,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC;AACnC;AAAM,iBAAA;AACL,gBAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,aAAa,KAAK,aAAa,KAAK,KAAK,CAAC;AAC1E;YAED,QAAQ,CAAC,WAAW,CAAC;AACvB,SAAC;;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;QAElF,MAAM,cAAc,GAAG,aAAa,GAAG,QAAQ,GAAG,KAAK;AAEvD,QAAA,QACEA,cAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAA;AACzB,YAAA,KAAK,IAAIA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA,EAAE,KAAK,CAAU;YACjC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBA,cAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,QAAQ,EAAE,CAAC,OAAgB,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAA,GACpE,MAAM,EAAA,CACV,CACH,CAAC,CACO;;AAGhB;;;;"}

package/dist/components/CopyToClipboard/CopyToClipboard.js

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React__default, { useCallback } from 'react';
 import styled from 'styled-components';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { colors } from '../../theme/modules/colors.js';
@@ -17,7 +17,7 @@ const XSButton = styled(Button).withConfig({ displayName: "vui--XSButton", compo
  * A dynamic button to facilitate copying text to a users' keyboard when clicked.
  */
 const CopyToClipboard = ({ className, text, onCopy }) => {
-    const [copied, setCopied] = React.useState(false);
+    const [copied, setCopied] = React__default.useState(false);
     const handleCopy = useCallback(() => {
         navigator.clipboard.writeText(text);
         if (onCopy)
@@ -25,8 +25,8 @@ const CopyToClipboard = ({ className, text, onCopy }) => {
         setCopied(true);
         setTimeout(() => setCopied(false), 2500);
     }, [onCopy, text]);
-    return (React.createElement(Tooltip, { text: copied ? 'Copied!' : 'Copy to clipboard' },
-        React.createElement(XSButton, { variant: "flat", size: "sm", className: className, "aria-label": `${copied ? 'Copied' : 'Copy'} "${text}" to clipboard`, iconSlot: copied ? (React.createElement(SuccessIcon, { color: colors.secondary.green.base, ...iconSizes })) : (React.createElement(ClipboardIcon, { color: colors.secondary.blue.base, ...iconSizes })), onClick: handleCopy })));
+    return (React__default.createElement(Tooltip, { text: copied ? 'Copied!' : 'Copy to clipboard' },
+        React__default.createElement(XSButton, { variant: "flat", size: "sm", className: className, "aria-label": `${copied ? 'Copied' : 'Copy'} "${text}" to clipboard`, iconSlot: copied ? (React__default.createElement(SuccessIcon, { color: colors.secondary.green.base, ...iconSizes })) : (React__default.createElement(ClipboardIcon, { color: colors.secondary.blue.base, ...iconSizes })), onClick: handleCopy })));
 };
 
 export { CopyToClipboard };

package/dist/components/CopyToClipboard/CopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport styled from 'styled-components';\nimport { Tooltip } from '../Tooltip';\nimport { colors } from '../../theme/modules/colors';\nimport { SuccessIcon } from '../../tempIcons/SuccessIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Button } from '../Button';\nimport { ClipboardIcon } from '../../tempIcons/ClipboardIcon';\n\nexport interface CopyToClipboardProps {\n  className?: string;\n  text: string;\n  onCopy?: () => void;\n}\n\nconst iconSizes = { width: sizes.base, height: sizes.base };\n\n/**\n * Created in here to fix orders table sizes. Bad pattern to use in main button component, as\n * touch target is below A11y guidelines.\n */\nconst XSButton = styled(Button)`\n  padding: 1px;\n  height: unset;\n\n  span {\n    height: ${sizes.base};\n    width: ${sizes.base};\n    top: unset;\n  }\n`;\n\n/**\n * A dynamic button to facilitate copying text to a users' keyboard when clicked.\n */\nexport const CopyToClipboard = ({ className, text, onCopy }: CopyToClipboardProps) => {\n  const [copied, setCopied] = React.useState(false);\n\n  const handleCopy = useCallback(() => {\n    navigator.clipboard.writeText(text);\n    if (onCopy) onCopy();\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2500);\n  }, [onCopy, text]);\n\n  return (\n    <Tooltip text={copied ? 'Copied!' : 'Copy to clipboard'}>\n      <XSButton\n        variant=\"flat\"\n        size=\"sm\"\n        className={className}\n        aria-label={`${copied ? 'Copied' : 'Copy'} \"${text}\" to clipboard`}\n        iconSlot={\n          copied ? (\n            <SuccessIcon color={colors.secondary.green.base} {...iconSizes} />\n          ) : (\n            <ClipboardIcon color={colors.secondary.blue.base} {...iconSizes} />\n          )\n        }\n        onClick={handleCopy}\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBA,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE;AAE3D;;;AAGG;AACH,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAKjB,KAAK,CAAC,IAAI,CACX,OAAA,EAAA,KAAK,CAAC,IAAI,cAGtB;AAED;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAwB,KAAI;AACnF,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AAEjD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;QACpB,SAAS,CAAC,IAAI,CAAC;QACf,UAAU,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;AAC1C,KAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAElB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,EAAA;AACrD,QAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,SAAS,EACR,YAAA,EAAA,CAAA,EAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA,EAAA,EAAK,IAAI,CAAgB,cAAA,CAAA,EAClE,QAAQ,EACN,MAAM,IACJ,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,KAElE,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,CACpE,EAEH,OAAO,EAAE,UAAU,EACnB,CAAA,CACM;AAEd;;;;"}
+{"version":3,"file":"CopyToClipboard.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport styled from 'styled-components';\nimport { Tooltip } from '../Tooltip';\nimport { colors } from '../../theme/modules/colors';\nimport { SuccessIcon } from '../../tempIcons/SuccessIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Button } from '../Button';\nimport { ClipboardIcon } from '../../tempIcons/ClipboardIcon';\n\nexport interface CopyToClipboardProps {\n  className?: string;\n  text: string;\n  onCopy?: () => void;\n}\n\nconst iconSizes = { width: sizes.base, height: sizes.base };\n\n/**\n * Created in here to fix orders table sizes. Bad pattern to use in main button component, as\n * touch target is below A11y guidelines.\n */\nconst XSButton = styled(Button)`\n  padding: 1px;\n  height: unset;\n\n  span {\n    height: ${sizes.base};\n    width: ${sizes.base};\n    top: unset;\n  }\n`;\n\n/**\n * A dynamic button to facilitate copying text to a users' keyboard when clicked.\n */\nexport const CopyToClipboard = ({ className, text, onCopy }: CopyToClipboardProps) => {\n  const [copied, setCopied] = React.useState(false);\n\n  const handleCopy = useCallback(() => {\n    navigator.clipboard.writeText(text);\n    if (onCopy) onCopy();\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2500);\n  }, [onCopy, text]);\n\n  return (\n    <Tooltip text={copied ? 'Copied!' : 'Copy to clipboard'}>\n      <XSButton\n        variant=\"flat\"\n        size=\"sm\"\n        className={className}\n        aria-label={`${copied ? 'Copied' : 'Copy'} \"${text}\" to clipboard`}\n        iconSlot={\n          copied ? (\n            <SuccessIcon color={colors.secondary.green.base} {...iconSizes} />\n          ) : (\n            <ClipboardIcon color={colors.secondary.blue.base} {...iconSizes} />\n          )\n        }\n        onClick={handleCopy}\n      />\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAgBA,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE;AAE3D;;;AAGG;AACH,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAKjB,KAAK,CAAC,IAAI,CACX,OAAA,EAAA,KAAK,CAAC,IAAI,cAGtB;AAED;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAwB,KAAI;AACnF,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AAEjD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;QACpB,SAAS,CAAC,IAAI,CAAC;QACf,UAAU,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;AAC1C,KAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAElB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,EAAA;AACrD,QAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,SAAS,EACR,YAAA,EAAA,CAAA,EAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA,EAAA,EAAK,IAAI,CAAgB,cAAA,CAAA,EAClE,QAAQ,EACN,MAAM,IACJA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,KAElEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,CACpE,EAEH,OAAO,EAAE,UAAU,EACnB,CAAA,CACM;AAEd;;;;"}