react-magma-dom 2.5.12 → 2.5.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/components/Accordion/Accordion.stories.d.ts +8 -0
  2. package/dist/components/Datagrid/Datagrid.stories.d.ts +8 -8
  3. package/dist/components/Heading/Heading.stories.d.ts +1 -1
  4. package/dist/components/Table/Table.stories.d.ts +546 -3
  5. package/dist/components/Tabs/Tabs.stories.d.ts +2 -0
  6. package/dist/components/Tag/Tag.stories.d.ts +20 -20
  7. package/dist/esm/index.js +19 -5
  8. package/dist/esm/index.js.map +1 -1
  9. package/dist/properties.json +84 -84
  10. package/dist/react-magma-dom.cjs.development.js +18 -4
  11. package/dist/react-magma-dom.cjs.development.js.map +1 -1
  12. package/dist/react-magma-dom.cjs.production.min.js +1 -1
  13. package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
  14. package/package.json +1 -1
package/dist/react-magma-dom.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"react-magma-dom.cjs.production.min.js","sources":["../src/theme/components/transition.ts","../src/theme/magma.ts","../src/theme/ThemeContext.ts","../src/components/StyledButton/styles.ts","../src/utils/index.ts","../src/i18n/default.ts","../src/i18n/index.ts","../src/components/Spinner/index.tsx","../src/components/StyledButton/index.tsx","../src/inverse/index.ts","../src/components/Button/index.tsx","../src/components/IconButton/index.tsx","../src/components/AlertBase/index.tsx","../src/components/ProgressRing/index.tsx","../src/components/Announce/index.tsx","../src/components/Alert/index.tsx","../src/components/AppBar/AppBar.tsx","../src/components/Badge/index.tsx","../src/components/Banner/index.tsx","../src/components/HideAtBreakpoint/index.tsx","../src/components/Breadcrumb/Breadcrumb.tsx","../src/components/Hyperlink/index.tsx","../src/components/Breadcrumb/BreadcrumbItem.tsx","../src/components/BreakpointsContainer/index.tsx","../src/components/Card/Card.tsx","../src/components/Typography/index.tsx","../src/components/Card/CardBody.tsx","../src/components/Heading/index.tsx","../src/components/Card/CardHeading.tsx","../src/components/SelectionControls/InputStyles.tsx","../src/utils/UtilityStyles.tsx","../src/components/InputBase/index.tsx","../src/components/Label/index.tsx","../src/components/Input/InputMessage.tsx","../src/components/Checkbox/index.tsx","../src/components/FormGroup/index.tsx","../src/components/SelectionControls/StyledLabel.tsx","../src/components/SelectionControls/StyledContainer.tsx","../src/components/Container/Container.tsx","../src/hooks/useControlled.ts","../src/hooks/useDataPagination.ts","../src/components/IndeterminateCheckbox/index.tsx","../src/components/VisuallyHidden/index.tsx","../src/components/Table/Table.tsx","../src/components/Table/TableBody.tsx","../src/components/Table/TableCell.tsx","../src/components/Table/TableHeaderCell.tsx","../src/components/Table/TableHead.tsx","../src/components/Pagination/usePagination.ts","../src/hooks/useDescendants.ts","../src/components/Dropdown/Dropdown.tsx","../src/components/Dropdown/DropdownButton.tsx","../src/components/Dropdown/DropdownContent.tsx","../src/components/Dropdown/DropdownDivider.tsx","../src/components/Dropdown/DropdownHeader.tsx","../src/components/Dropdown/DropdownMenuItem.tsx","../src/components/Tooltip/index.tsx","../src/components/Dropdown/DropdownSplitButton.tsx","../src/components/Table/TablePagination.tsx","../src/components/Table/TableRow.tsx","../src/components/Datagrid/components.tsx","../src/components/Datagrid/Datagrid.tsx","../src/components/DatePicker/CalendarContext.ts","../src/components/DatePicker/utils.ts","../src/components/DatePicker/CalendarHeader.tsx","../src/components/DatePicker/CalendarDay.tsx","../src/components/DatePicker/HelperInformation.tsx","../src/hooks/useFocusLock.ts","../src/components/DatePicker/CalendarMonth.tsx","../src/components/FormFieldContainer/FormFieldContainer.tsx","../src/components/Input/index.tsx","../src/components/DatePicker/index.tsx","../src/components/Dropdown/DropdownMenuNavItem.tsx","../src/components/Flex/Flex.tsx","../src/components/List/List.tsx","../src/components/Paragraph/index.tsx","../src/components/Form/index.tsx","../src/components/ProgressBar/index.tsx","../src/components/List/ListItem.tsx","../src/components/LoadingIndicator/index.tsx","../src/components/Select/shared.ts","../src/components/Select/components.tsx","../src/components/Select/SelectTriggerButton.tsx","../src/components/Tabs/shared.ts","../src/components/NativeSelect/NativeSelect.tsx","../src/components/Tabs/TabsContainer.tsx","../src/components/Tabs/TabsScrollButtons.tsx","../src/components/Tabs/utils.ts","../src/components/Tabs/Tabs.tsx","../src/hooks/useForceUpdate.ts","../src/components/Tabs/Tab.tsx","../src/components/Tabs/TabPanel.tsx","../src/components/Tabs/TabPanelsContainer.tsx","../src/components/NavTabs/NavTabs.tsx","../src/components/NavTabs/NavTab.tsx","../src/components/Pagination/PageButton.tsx","../src/components/Pagination/Pagination.tsx","../src/components/Radio/index.tsx","../src/components/PasswordInput/index.tsx","../src/components/RadioGroup/index.tsx","../src/components/Modal/Modal.tsx","../src/components/Transition/Transition.tsx","../src/components/Search/index.tsx","../src/components/Select/ItemsList.tsx","../src/components/Select/index.tsx","../src/components/Select/SelectContainer.tsx","../src/components/Select/Select.tsx","../src/components/Select/MultiSelect.tsx","../src/components/Combobox/ComboboxInput.tsx","../src/components/Combobox/shared.ts","../src/components/Combobox/Combobox.tsx","../src/components/Combobox/MultiCombobox.tsx","../src/components/Spacer/Spacer.tsx","../src/components/Combobox/index.tsx","../src/components/SkipLink/index.tsx","../src/components/Tag/Tag.tsx","../src/components/Toggle/index.tsx","../src/components/Toast/ToastsContainer.tsx","../src/components/Toast/index.tsx","../src/components/Accordion/useAccordion.ts","../src/components/Textarea/index.tsx","../src/components/TimePicker/AmPmToggle.tsx","../src/components/TimePicker/TimePicker.tsx","../src/components/TimePicker/useTimePicker.ts","../src/theme/GlobalStyles/index.tsx","../src/components/Accordion/Accordion.tsx","../src/components/Accordion/useAccordionItem.ts","../src/components/Accordion/AccordionItem.tsx","../src/components/Accordion/useAccordionButton.ts","../src/components/Drawer/Drawer.tsx","../src/components/Accordion/AccordionButton.tsx","../src/components/Accordion/AccordionPanel.tsx","../src/components/Grid/Grid.tsx","../src/components/BlockQuote/BlockQuote.tsx","../src/components/BlockQuote/BlockQuoteItem.tsx","../src/components/Dropdown/DropdownMenuGroup.tsx","../src/components/SkipLinkContent/index.tsx","../src/hooks/useMediaQuery.ts"],"sourcesContent":["import * as React from 'react';\nimport { Variant } from 'framer-motion';\nexport type MotionVariants<T extends string> = Record<T, Variant>;\n\nexport interface ThemeTransitions {\n [key: string]: {\n motion: MotionVariants<'enter' | 'exit'>;\n baseStyle: React.CSSProperties;\n };\n}\n\nexport const transitions: ThemeTransitions = {\n fade: {\n motion: {\n exit: {\n opacity: 0,\n transition: {\n opacity: {\n duration: 0.1,\n ease: 'easeOut',\n },\n },\n },\n enter: {\n opacity: 1,\n transition: {\n duration: 0.2,\n ease: 'easeIn',\n },\n },\n },\n baseStyle: {},\n },\n slideTop: {\n motion: {\n exit: {\n y: '-100%',\n transition: {\n y: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n y: '0',\n transition: {\n y: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {\n position: 'fixed',\n top: 0,\n right: 0,\n left: 0,\n },\n },\n slideBottom: {\n motion: {\n exit: {\n y: '100%',\n transition: {\n y: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n y: '0',\n transition: {\n y: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {\n position: 'fixed',\n bottom: 0,\n right: 0,\n left: 0,\n },\n },\n slideRight: {\n motion: {\n exit: {\n x: '100%',\n transition: {\n x: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n x: '0',\n transition: {\n x: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {\n position: 'fixed',\n top: 0,\n right: 0,\n bottom: 0,\n },\n },\n slideLeft: {\n motion: {\n exit: {\n x: '-100%',\n transition: {\n x: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n x: '0',\n transition: {\n x: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {\n position: 'fixed',\n top: 0,\n bottom: 0,\n left: 0,\n },\n },\n nudgeTop: {\n motion: {\n exit: {\n y: '-50px',\n transition: {\n y: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n y: '0',\n transition: {\n y: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {},\n },\n nudgeBottom: {\n motion: {\n exit: {\n y: '50px',\n transition: {\n y: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n y: '0',\n transition: {\n y: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {},\n },\n nudgeRight: {\n motion: {\n exit: {\n x: '50px',\n transition: {\n x: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n x: '0',\n transition: {\n x: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {},\n },\n nudgeLeft: {\n motion: {\n exit: {\n x: '-50px',\n transition: {\n x: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n x: '0',\n transition: {\n x: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {},\n },\n scale: {\n motion: {\n exit: {\n scale: 0.95,\n transition: {\n scale: {\n duration: 0.1,\n ease: 'easeOut',\n },\n },\n },\n enter: {\n scale: 1,\n transition: {\n scale: {\n duration: 0.25,\n ease: 'easeInOut',\n },\n },\n },\n },\n baseStyle: {},\n },\n rotate45: {\n motion: {\n exit: {\n rotate: 0,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n enter: {\n rotate: -45,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n },\n baseStyle: {},\n },\n rotate90: {\n motion: {\n exit: {\n rotate: 0,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n enter: {\n rotate: -90,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n },\n baseStyle: {},\n },\n rotate180: {\n motion: {\n exit: {\n rotate: 0,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n enter: {\n rotate: -180,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n },\n baseStyle: {},\n },\n collapse: {\n motion: {\n exit: {\n height: 0,\n transition: {\n height: { duration: 0.2, ease: 'easeInOut' },\n },\n },\n enter: {\n height: 'auto',\n transition: {\n height: { duration: 0.3, ease: 'easeInOut' },\n },\n },\n },\n baseStyle: {\n overflow: 'hidden',\n },\n },\n};\n","import { ThemeTransitions, transitions } from './components/transition';\n\nexport interface Colors {\n primary: string;\n primaryInverse: string;\n focus: string;\n focusInverse: string;\n foundation: string;\n foundation02: string;\n foundation03: string;\n foundation04: string;\n pop: string;\n pop02: string;\n pop03: string;\n pop04: string;\n pop05: string;\n pop06: string;\n success: string;\n success02: string;\n successInverse: string;\n danger: string;\n dangerInverse: string;\n neutral: string;\n neutral02: string;\n neutral03: string;\n neutral04: string;\n neutral05: string;\n neutral06: string;\n neutral07: string;\n neutral08: string;\n disabledText: string;\n disabledInverseText: string;\n toggleBoxShadow: string;\n shade: string;\n shade02: string;\n tint: string;\n tint02: string;\n tint03: string;\n tint04: string;\n tone: string;\n tone02: string;\n border: string;\n borderInverse: string;\n}\n\nexport interface Breakpoints {\n xs: number;\n small: number;\n medium: number;\n large: number;\n xl: number;\n}\n\nexport interface IconSizes {\n xSmall: number;\n small: number;\n medium: number;\n large: number;\n xLarge: number;\n}\n\nexport interface SpacingScale {\n spacing01: string;\n spacing02: string;\n spacing03: string;\n spacing04: string;\n spacing05: string;\n spacing06: string;\n spacing07: string;\n spacing08: string;\n spacing09: string;\n spacing10: string;\n spacing11: string;\n spacing12: string;\n spacing13: string;\n spacing14: string;\n}\n\nexport interface TypographyExpressiveSizes {\n headingXLarge: any;\n headingLarge: any;\n headingMedium: any;\n headingSmall: any;\n headingXSmall: any;\n headingXXSmall: any;\n bodyLarge: any;\n bodyMedium: any;\n bodySmall: any;\n bodyXSmall: any;\n}\n\nexport interface TypeScaleSize {\n fontSize: string;\n letterSpacing?: string;\n lineHeight: string;\n}\n\nexport interface TypeScale {\n size01: TypeScaleSize;\n size02: TypeScaleSize;\n size03: TypeScaleSize;\n size04: TypeScaleSize;\n size05: TypeScaleSize;\n size06: TypeScaleSize;\n size07: TypeScaleSize;\n size08: TypeScaleSize;\n size09: TypeScaleSize;\n size10: TypeScaleSize;\n size11: TypeScaleSize;\n size12: TypeScaleSize;\n size13: TypeScaleSize;\n}\n\nexport interface VisualStyle {\n mobile: TypeScaleSize;\n desktop: TypeScaleSize;\n fontWeight?: number;\n}\n\nexport interface TypographyVisualStyles {\n headingXLarge: VisualStyle;\n headingLarge: VisualStyle;\n headingMedium: VisualStyle;\n headingSmall: VisualStyle;\n headingXSmall: VisualStyle;\n heading2XSmall: VisualStyle;\n bodyLarge: VisualStyle;\n bodyMedium: VisualStyle;\n bodySmall: VisualStyle;\n bodyXSmall: VisualStyle;\n}\n\ninterface AppBar {\n backgroundColor: string;\n height: string;\n padding: string;\n textColor: string;\n compact: {\n height: string;\n padding: string;\n };\n inverse: {\n backgroundColor: string;\n textColor: string;\n };\n}\nexport interface Modal {\n width: {\n small: string;\n medium: string;\n large: string;\n };\n}\n\ninterface Drawer {\n default: {\n maxWidth: string;\n minHeight: string;\n borderRadius: string;\n margin: string;\n top: string;\n bottom: string;\n left: string;\n right: string;\n position: string;\n };\n right: {\n left: string;\n height: string;\n width: string;\n };\n left: {\n right: string;\n height: string;\n width: string;\n };\n top: {\n bottom: string;\n height: string;\n };\n bottom: {\n top: string;\n height: string;\n };\n}\n\ninterface Combobox {\n menu: {\n maxHeight: string;\n };\n}\n\ninterface Dropdown {\n content: {\n maxHeight: string;\n };\n}\n\ninterface Dropdown {\n content: {\n maxHeight: string;\n };\n}\n\ninterface Select {\n menu: {\n maxHeight: string;\n };\n}\n\ninterface Tabs {\n approxTabSize: {\n horizontal: number;\n vertical: number;\n };\n}\n\nexport interface Tooltip {\n arrowSize: string;\n arrowSizeDoubled: string;\n backgroundColor: string;\n fontWeight: number | string;\n maxWidth: string;\n textColor: string;\n typeScale: TypeScaleSize;\n zIndex: number;\n inverse: any;\n}\n\nexport interface ThemeInterface {\n appBar: AppBar;\n breakpoints: Breakpoints;\n bodyFont: string;\n bodyExpressiveFont: string;\n bodyNarrativeFont: string;\n borderRadius: string;\n colors: Colors;\n combobox: Combobox;\n direction: string;\n drawer: Drawer;\n dropdown: Dropdown;\n headingFont: string;\n iconSizes: IconSizes;\n iterableColors: string[];\n spacingMultiplier: number;\n spaceScale: SpacingScale;\n headingExpressiveFont: string;\n headingNarrativeFont: string;\n select: Select;\n typeScale: TypeScale;\n typographyVisualStyles: TypographyVisualStyles;\n typographyExpressiveVisualStyles: TypographyVisualStyles;\n typographyNarrativeVisualStyles: TypographyVisualStyles;\n modal: Modal;\n tabs: Tabs;\n tooltip: Tooltip;\n transitions: ThemeTransitions;\n}\n\nconst typeScale = {\n size01: {\n fontSize: '12px',\n letterSpacing: '.32px',\n lineHeight: '16px',\n },\n size02: {\n fontSize: '14px',\n letterSpacing: '.16px',\n lineHeight: '20px',\n },\n size03: {\n fontSize: '16px',\n lineHeight: '24px',\n },\n size04: {\n fontSize: '18px',\n lineHeight: '24px',\n },\n size05: {\n fontSize: '20px',\n lineHeight: '32px',\n },\n size06: {\n fontSize: '24px',\n lineHeight: '32px',\n },\n size07: {\n fontSize: '28px',\n lineHeight: '40px',\n },\n size08: {\n fontSize: '32px',\n lineHeight: '40px',\n },\n size09: {\n fontSize: '36px',\n lineHeight: '48px',\n },\n size10: {\n fontSize: '42px',\n lineHeight: '48px',\n },\n size11: {\n fontSize: '48px',\n lineHeight: '56px',\n },\n size12: {\n fontSize: '54px',\n lineHeight: '64px',\n },\n size13: {\n fontSize: '60px',\n lineHeight: '72px',\n },\n};\n\nconst colors = {\n primary: '#006298', // link color blue\n primaryInverse: '#70CDFF', // link color inverse blue\n focus: '#027EE1',\n focusInverse: 'rgba(255,255,255,0.7)',\n foundation: '#00263E',\n foundation02: '#003865',\n foundation03: '#00A9E0',\n foundation04: '#71C5E8',\n pop: '#E0004D',\n pop02: '#FC4C02',\n pop03: '#F2A900',\n pop04: '#FFC72C',\n pop05: '#92278F',\n pop06: '#007A6D',\n success: '#3A8200',\n success02: '#48A200',\n successInverse: '#91CF60',\n danger: '#C61D23',\n dangerInverse: '#F59295',\n neutral: '#3F3F3F', // main dark grey text color\n neutral02: '#575757',\n neutral03: '#707070',\n neutral04: '#8f8f8f', // lightest gray that meets 3:1 contrast ratio\n neutral05: '#BFBFBF',\n neutral06: '#DFDFDF',\n neutral07: '#F7F7F7',\n neutral08: '#FFFFFF', // white\n disabledText: 'rgba(114,114,114,0.6)',\n disabledInverseText: 'rgba(255,255,255,0.25)',\n toggleBoxShadow:\n '0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 0 4px 0 rgba(0, 0, 0, 0.24),0 0 5px 0 rgba(0, 0, 0, 0.22)',\n shade: 'rgba(0,0,0,0.05)',\n shade02: 'rgba(0,0,0,0.3)',\n tint: 'rgba(255,255,255,0.05)',\n tint02: 'rgba(255,255,255,0.1)',\n tint03: 'rgba(255,255,255,0.1)',\n tint04: 'rgba(255,255,255,0.4)',\n tone: 'rgba(63,63,63,0.07)',\n tone02: 'rgba(63,63,63,0.1)',\n border: '#DFDFDF',\n borderInverse: 'rgba(255,255,255,0.25)',\n};\n\nconst spaceScale = {\n spacing01: '2px',\n spacing02: '4px',\n spacing03: '8px',\n spacing04: '12px',\n spacing05: '16px',\n spacing06: '24px',\n spacing07: '28px',\n spacing08: '32px',\n spacing09: '40px',\n spacing10: '48px',\n spacing11: '56px',\n spacing12: '64px',\n spacing13: '96px',\n spacing14: '160px',\n};\n\nexport const magma = {\n bodyFont: '\"Open Sans\",Helvetica,sans-serif',\n bodyExpressiveFont: '\"Open Sans\",Helvetica,sans-serif',\n bodyNarrativeFont: \"'Noto Serif',Times New Roman,serif\",\n borderRadius: '4px',\n colors: colors,\n headingFont: '\"Open Sans\",Helvetica,sans-serif',\n headingExpressiveFont: '\"Open Sans\",Helvetica,sans-serif',\n headingNarrativeFont: \"'Noto Serif',Times New Roman,serif\",\n direction: 'ltr',\n spacingMultiplier: 8,\n transitions,\n // breakpoints\n breakpoints: {\n xs: 0,\n small: 600,\n medium: 768,\n large: 1024,\n xl: 1200,\n },\n\n spaceScale: spaceScale,\n\n iconSizes: {\n xSmall: 16,\n small: 20,\n medium: 24,\n large: 32,\n xLarge: 54,\n },\n\n // Typography\n typeScale: typeScale,\n typographyVisualStyles: {\n headingXLarge: {\n mobile: typeScale.size07,\n desktop: typeScale.size09,\n fontWeight: 600,\n },\n headingLarge: {\n mobile: typeScale.size06,\n desktop: typeScale.size07,\n fontWeight: 600,\n },\n headingMedium: {\n mobile: typeScale.size05,\n desktop: typeScale.size06,\n fontWeight: 600,\n },\n headingSmall: {\n mobile: typeScale.size04,\n desktop: typeScale.size05,\n fontWeight: 600,\n },\n headingXSmall: {\n mobile: typeScale.size04,\n desktop: typeScale.size04,\n fontWeight: 600,\n },\n heading2XSmall: {\n mobile: typeScale.size01,\n desktop: typeScale.size01,\n fontWeight: 700,\n },\n bodyLarge: {\n mobile: typeScale.size04,\n desktop: typeScale.size05,\n },\n bodyMedium: {\n mobile: typeScale.size03,\n desktop: typeScale.size03,\n },\n bodySmall: {\n mobile: typeScale.size02,\n desktop: typeScale.size02,\n },\n bodyXSmall: {\n mobile: typeScale.size01,\n desktop: typeScale.size01,\n },\n },\n typographyExpressiveVisualStyles: {\n headingXLarge: {\n mobile: typeScale.size08,\n desktop: typeScale.size11,\n fontWeight: 600,\n },\n headingLarge: {\n mobile: typeScale.size07,\n desktop: typeScale.size09,\n fontWeight: 300,\n },\n headingMedium: {\n mobile: typeScale.size06,\n desktop: typeScale.size07,\n fontWeight: 300,\n },\n headingSmall: {\n mobile: typeScale.size05,\n desktop: typeScale.size06,\n fontWeight: 300,\n },\n headingXSmall: {\n mobile: typeScale.size04,\n desktop: typeScale.size05,\n fontWeight: 300,\n },\n heading2XSmall: {\n mobile: typeScale.size03,\n desktop: typeScale.size03,\n fontWeight: 700,\n },\n bodyLarge: {\n mobile: typeScale.size05,\n desktop: typeScale.size06,\n },\n bodyMedium: {\n mobile: typeScale.size03,\n desktop: typeScale.size03,\n },\n bodySmall: {\n mobile: typeScale.size02,\n desktop: typeScale.size02,\n },\n bodyXSmall: {\n mobile: typeScale.size01,\n desktop: typeScale.size01,\n },\n },\n typographyNarrativeVisualStyles: {\n headingXLarge: {\n mobile: typeScale.size07,\n desktop: typeScale.size08,\n fontWeight: 700,\n },\n headingLarge: {\n mobile: typeScale.size06,\n desktop: typeScale.size07,\n fontWeight: 700,\n },\n headingMedium: {\n mobile: typeScale.size05,\n desktop: typeScale.size06,\n fontWeight: 700,\n },\n headingSmall: {\n mobile: typeScale.size04,\n desktop: typeScale.size05,\n fontWeight: 700,\n },\n headingXSmall: {\n mobile: typeScale.size04,\n desktop: typeScale.size04,\n fontWeight: 700,\n },\n heading2XSmall: {\n mobile: typeScale.size01,\n desktop: typeScale.size01,\n fontWeight: 700,\n },\n bodyLarge: {\n mobile: typeScale.size04,\n desktop: typeScale.size05,\n },\n bodyMedium: {\n mobile: typeScale.size03,\n desktop: typeScale.size03,\n },\n bodySmall: {\n mobile: typeScale.size02,\n desktop: typeScale.size02,\n },\n bodyXSmall: {\n mobile: typeScale.size01,\n desktop: typeScale.size01,\n },\n },\n\n appBar: {\n backgroundColor: colors.neutral08,\n height: '88px',\n padding: `${spaceScale.spacing06} ${spaceScale.spacing05}`,\n textColor: colors.neutral,\n compact: {\n height: '56px',\n padding: `${spaceScale.spacing05} ${spaceScale.spacing05} ${spaceScale.spacing05} ${spaceScale.spacing06}`,\n },\n inverse: {\n backgroundColor: colors.foundation02,\n textColor: colors.neutral08,\n },\n },\n\n combobox: {\n menu: {\n maxHeight: '250px',\n },\n },\n\n modal: {\n width: {\n small: '300px',\n medium: '600px',\n large: '900px',\n },\n },\n\n drawer: {\n default: {\n maxWidth: '100%',\n minHeight: '300px',\n margin: '0',\n borderRadius: '0',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n position: 'relative',\n },\n right: {\n left: 'auto',\n height: '100%',\n width: '300px',\n position: 'fixed',\n },\n left: {\n right: 'auto',\n height: '100%',\n width: '300px',\n },\n top: {\n bottom: 'auto',\n height: '300px',\n },\n bottom: {\n top: 'auto',\n height: '300px',\n position: 'fixed',\n },\n },\n\n dropdown: {\n content: {\n maxHeight: '250px',\n },\n },\n\n iterableColors: [\n '#0085CC',\n '#E0004D',\n '#FA6600',\n '#48A200',\n '#B12FAD',\n '#00A393',\n '#00507A',\n '#8F0033',\n '#B84900',\n '#255200',\n '#711E6E',\n '#005249',\n ],\n\n tabs: {\n approxTabSize: {\n horizontal: 120,\n vertical: 80,\n },\n },\n\n select: {\n menu: {\n maxHeight: '250px',\n },\n },\n\n tag: {\n border: '0',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'space-around',\n },\n\n tooltip: {\n arrowSize: '4px',\n arrowSizeDoubled: '8px',\n backgroundColor: colors.neutral,\n fontWeight: 600,\n maxWidth: '300px',\n textColor: colors.neutral08,\n typeScale: typeScale.size01,\n zIndex: 999,\n inverse: {\n backgroundColor: colors.neutral08,\n textColor: colors.neutral,\n },\n },\n};\n","import * as React from 'react';\nimport { magma } from './magma';\n\nexport const ThemeContext = React.createContext(\n magma // default value\n);\n","import { darken, lighten, tint } from 'polished';\n\nconst DEFAULT_STYLE_PROPS = {\n color: 'primary',\n shape: 'fill',\n size: 'medium',\n textTransform: 'uppercase',\n variant: 'solid',\n};\n\nexport function buildPropsWithDefaultButtonStyles(props) {\n return { ...DEFAULT_STYLE_PROPS, ...props };\n}\n\nexport function buildButtonBorderRadius(props) {\n switch (props.shape) {\n case 'round':\n return '100%';\n case 'leftCap':\n return `${props.theme.borderRadius} 0 0 ${props.theme.borderRadius}`;\n case 'rightCap':\n return `0 ${props.theme.borderRadius} ${props.theme.borderRadius} 0`;\n default:\n //fill\n return props.theme.borderRadius;\n }\n}\n\nexport function buildButtonFontSize(props) {\n switch (props.size) {\n case 'small':\n return props.theme.typeScale.size01.fontSize;\n case 'large':\n return props.theme.typeScale.size04.fontSize;\n default:\n //medium\n return props.theme.typeScale.size03.fontSize;\n }\n}\n\nexport function buildButtonLineHeight(props) {\n switch (props.size) {\n case 'small':\n return props.theme.typeScale.size01.lineHeight;\n case 'large':\n return props.theme.typeScale.size04.lineHeight;\n default:\n //medium\n return props.theme.typeScale.size03.lineHeight;\n }\n}\n\nexport function buildButtonSize(props) {\n switch (props.size) {\n case 'small':\n return props.theme.spaceScale.spacing07;\n case 'large':\n return props.theme.spaceScale.spacing11;\n default:\n //medium\n return props.theme.spaceScale.spacing09;\n }\n}\n\nexport function buildButtonPadding(props) {\n switch (props.size) {\n case 'small':\n return `${props.theme.spaceScale.spacing02} ${props.theme.spaceScale.spacing03}`;\n case 'large':\n return `${props.theme.spaceScale.spacing04} ${props.theme.spaceScale.spacing06}`;\n default:\n //medium\n return `${props.theme.spaceScale.spacing04} ${props.theme.spaceScale.spacing05}`;\n }\n}\n\nexport function buildButtonBackground(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.variant !== 'solid' && props.color !== 'marketing') {\n return 'rgba(0,0,0,0)';\n }\n if (props.disabled) {\n return props.theme.colors.neutral06;\n }\n if (props.color === 'marketing') {\n return props.theme.colors.pop04;\n }\n if (props.isInverse) {\n return props.theme.colors.neutral08;\n }\n switch (props.color) {\n case 'secondary':\n return props.theme.colors.neutral08;\n case 'success':\n return props.theme.colors.success;\n case 'danger':\n return props.theme.colors.danger;\n default:\n return props.theme.colors.primary;\n }\n}\n\nexport function buildBorderColor(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.disabled && props.isInverse && props.variant === 'outline') {\n return props.theme.colors.disabledInverseText;\n }\n if (props.disabled) {\n return props.theme.colors.neutral06;\n }\n if (props.color === 'marketing') {\n return props.theme.colors.pop04;\n }\n if (props.isInverse) {\n return props.theme.colors.neutral08;\n }\n if (props.color === 'secondary') {\n return props.theme.colors.neutral05;\n }\n if (props.variant === 'solid') {\n switch (props.color) {\n case 'success':\n return props.theme.colors.success;\n case 'danger':\n return props.theme.colors.danger;\n default:\n return props.theme.colors.primary;\n }\n }\n}\n\nexport function buildColor(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.disabled && props.isInverse && props.variant !== 'solid') {\n return props.theme.colors.disabledInverseText;\n }\n if (props.disabled) {\n return props.theme.colors.disabledText;\n }\n if (props.color === 'marketing') {\n return props.theme.colors.foundation02;\n }\n if (\n (!props.isInverse && props.variant === 'solid') ||\n (props.isInverse && props.variant !== 'solid')\n ) {\n if (props.color === 'secondary' && !props.isInverse) {\n return props.theme.colors.neutral;\n }\n return props.theme.colors.neutral08;\n }\n switch (props.color) {\n case 'secondary':\n return props.theme.colors.neutral;\n case 'success':\n return props.theme.colors.success;\n case 'danger':\n return props.theme.colors.danger;\n default:\n return props.theme.colors.primary;\n }\n}\n\nexport function buildFocusBackground(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.color === 'marketing') {\n return lighten(0.1, props.theme.colors.pop04);\n }\n if (\n (props.variant !== 'solid' && !props.isInverse) ||\n (props.variant === 'solid' && props.isInverse)\n ) {\n switch (props.color) {\n case 'secondary':\n return tint(0.9, props.theme.colors.neutral);\n case 'success':\n return tint(0.9, props.theme.colors.success);\n case 'danger':\n return tint(0.9, props.theme.colors.danger);\n default:\n return tint(0.9, props.theme.colors.primary);\n }\n }\n if (props.variant !== 'solid' && props.isInverse) {\n return 'rgba(0, 0, 0, 0.3)';\n }\n switch (props.color) {\n case 'secondary':\n return darken(0.1, props.theme.colors.neutral08);\n case 'success':\n return darken(0.1, props.theme.colors.success);\n case 'danger':\n return darken(0.1, props.theme.colors.danger);\n default:\n return darken(0.1, props.theme.colors.primary);\n }\n}\n\nexport function buildFocusColor(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n if (props.color === 'marketing') {\n return props.theme.colors.foundation02;\n }\n if (\n (props.variant !== 'solid' && !props.isInverse) ||\n (props.variant === 'solid' && props.isInverse)\n ) {\n switch (props.color) {\n case 'secondary':\n return props.theme.colors.neutral;\n case 'success':\n return darken(0.1, props.theme.colors.success);\n case 'danger':\n return darken(0.1, props.theme.colors.danger);\n default:\n return darken(0.1, props.theme.colors.primary);\n }\n }\n if (props.variant !== 'solid' && props.isInverse) {\n return props.theme.colors.neutral08;\n }\n if (props.color === 'secondary' && !props.isInverse) {\n return props.theme.colors.neutral;\n }\n return props.theme.colors.neutral08;\n}\n\nexport function buildAfterBackground(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (\n (props.variant !== 'solid' && !props.isInverse) ||\n (props.variant === 'solid' && props.isInverse)\n ) {\n switch (props.color) {\n case 'secondary':\n return props.theme.colors.neutral;\n case 'success':\n return props.theme.colors.success;\n case 'danger':\n return props.theme.colors.danger;\n default:\n return props.theme.colors.primary;\n }\n }\n if (\n props.variant === 'solid' &&\n !props.isInverse &&\n props.color === 'secondary'\n ) {\n return props.theme.colors.neutral;\n }\n return props.theme.colors.neutral08;\n}\n\nexport function buildActiveBackground(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.color === 'marketing') {\n return lighten(0.2, props.theme.colors.pop04);\n }\n if (\n (props.variant !== 'solid' && !props.isInverse) ||\n (props.variant === 'solid' && props.isInverse)\n ) {\n switch (props.color) {\n case 'secondary':\n return tint(0.7, props.theme.colors.neutral);\n case 'success':\n return tint(0.7, props.theme.colors.success);\n case 'danger':\n return tint(0.7, props.theme.colors.danger);\n default:\n return tint(0.7, props.theme.colors.primary);\n }\n }\n if (props.variant !== 'solid' && props.isInverse) {\n return 'rgba(0, 0, 0, 0.5);';\n }\n switch (props.color) {\n case 'secondary':\n return darken(0.2, props.theme.colors.neutral08);\n case 'success':\n return darken(0.2, props.theme.colors.success);\n case 'danger':\n return darken(0.2, props.theme.colors.danger);\n default:\n return darken(0.2, props.theme.colors.primary);\n }\n}\n\nexport function buildActiveColor(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.color === 'marketing') {\n return props.theme.colors.foundation02;\n }\n if (\n (props.variant !== 'solid' && !props.isInverse) ||\n (props.variant === 'solid' && props.isInverse)\n ) {\n switch (props.color) {\n case 'secondary':\n return props.theme.colors.neutral;\n case 'success':\n return darken(0.2, props.theme.colors.success);\n case 'danger':\n return darken(0.2, props.theme.colors.danger);\n default:\n return darken(0.2, props.theme.colors.primary);\n }\n }\n if (props.variant !== 'solid' && props.isInverse) {\n return props.theme.colors.neutral08;\n }\n if (props.color === 'secondary' && !props.isInverse) {\n return props.theme.colors.neutral;\n }\n return props.theme.colors.neutral08;\n}\n","import React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nexport function generateId(id?: string) {\n return id ? id : uuidv4();\n}\n\nexport function useGenerateId(newId?: string) {\n const [id, updateId] = React.useState<string>(newId);\n\n React.useEffect(() => {\n updateId(generateId(newId));\n }, []);\n\n React.useEffect(() => {\n newId && updateId(generateId(newId));\n }, [newId]);\n\n return id;\n}\n\nexport function omit(props, obj) {\n return props.reduce(\n (newObj, val) => (({ [val]: dropped, ...rest }) => rest)(newObj),\n obj\n );\n}\n\nexport type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;\n\ntype Without<T, U> = { [P in Exclude<keyof T, keyof U>]?: never };\n\nexport type XOR<T, U> = T | U extends object\n ? (Without<T, U> & U) | (Without<U, T> & T)\n : T | U;\n\nexport function usePrevious(value) {\n const ref = React.useRef();\n React.useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n\nexport function debounce(func, wait) {\n let timeout;\n function debounced(...args) {\n // tslint:disable-next-line\n const context = this;\n if (timeout) clearTimeout(timeout);\n timeout = setTimeout(() => {\n timeout = null;\n func.apply(context, args);\n }, wait);\n }\n\n debounced.clear = () => {\n clearTimeout(timeout);\n };\n\n return debounced;\n}\n\n// Based on https://stackoverflow.com/a/24394376\nlet cachedType;\n\nexport function detectScrollType() {\n if (cachedType) {\n return cachedType;\n }\n\n const dummy = document.createElement('div');\n dummy.appendChild(document.createTextNode('ABCD'));\n dummy.dir = 'rtl';\n dummy.style.fontSize = '14px';\n dummy.style.width = '4px';\n dummy.style.height = '1px';\n dummy.style.position = 'absolute';\n dummy.style.top = '-1000px';\n dummy.style.overflow = 'scroll';\n\n document.body.appendChild(dummy);\n\n cachedType = 'reverse';\n\n if (dummy.scrollLeft > 0) {\n cachedType = 'default';\n } else {\n dummy.scrollLeft = 1;\n if (dummy.scrollLeft === 0) {\n cachedType = 'negative';\n }\n }\n}\n\nexport function getNormalizedScrollLeft(element, direction) {\n const scrollLeft = element.scrollLeft;\n\n // Perform the calculations only when direction is rtl to avoid messing up the ltr bahavior\n if (direction !== 'rtl') {\n return scrollLeft;\n }\n\n const type = detectScrollType();\n\n switch (type) {\n case 'negative':\n return (\n Number(element.scrollWidth) -\n Number(element.clientWidth) +\n Number(scrollLeft)\n );\n case 'reverse':\n return (\n Number(element.scrollWidth) -\n Number(element.clientWidth) -\n Number(scrollLeft)\n );\n default:\n return scrollLeft;\n }\n}\n\nfunction easeInOutSin(time) {\n return (1 + Math.sin(Math.PI * time - Math.PI / 2)) / 2;\n}\n\nexport function animate(property, element, to, options: any = {}) {\n const { ease = easeInOutSin, duration = 300 } = options;\n\n let start = null;\n const from = Number(element[property]);\n let cancelled = false;\n\n const cancel = () => {\n cancelled = true;\n };\n\n const step = timestamp => {\n if (cancelled) {\n return;\n }\n\n if (start === null) {\n start = timestamp;\n }\n const time = Math.min(1, (timestamp - start) / duration);\n\n element[property] = ease(time) * (to - from) + from;\n\n if (time >= 1) {\n requestAnimationFrame(() => {});\n return;\n }\n\n requestAnimationFrame(step);\n };\n\n if (from === to) {\n return cancel;\n }\n\n requestAnimationFrame(step);\n return cancel;\n}\n\nexport function assignRef(ref, value) {\n if (ref === null) return;\n if (typeof ref === 'function') {\n ref(value);\n } else {\n try {\n ref.current = value;\n } catch (error) {\n throw new Error(`Cannot assign value \"${value}\" to ref \"${ref}\"`);\n }\n }\n}\n\nexport function useForkedRef(...refs) {\n return React.useMemo(() => {\n if (refs.every(ref => ref === null)) {\n return null;\n }\n return (node: any) => {\n refs.forEach(ref => {\n assignRef(ref, node);\n });\n };\n }, [...refs]);\n}\n\nexport function stringIncludesUnit(x) {\n return x.includes('px') || x.includes('em') || x.includes('%');\n}\n\nexport function convertStyleValueToString(\n value: string | number,\n defaultValue?: string\n): string {\n return value\n ? typeof value === 'number' ||\n (typeof value === 'string' && !stringIncludesUnit(value))\n ? `${value}px`\n : value\n : defaultValue || 'initial';\n}\n\nexport function getNodeText(node) {\n if (['string', 'number'].includes(typeof node)) return node;\n if (node instanceof Array) return node.map(getNodeText).join('');\n if (typeof node === 'object' && node) return getNodeText(node.props.children);\n}\n\nconst candidateSelectors = [\n 'input',\n 'select',\n 'textarea',\n 'a[href]',\n 'button',\n '[tabindex]:not([tabindex=\"-1\"])',\n 'audio[controls]',\n 'video[controls]',\n '[contenteditable]:not([contenteditable=\"false\"])',\n].join(',');\n\nexport function getTrapElements(container): Array<HTMLElement> {\n return Array.from(container.current.querySelectorAll(candidateSelectors));\n}\n\nexport function toCamelCase(str) {\n return str\n .toLowerCase()\n .replace(/[^a-z 0-9]/gi, '')\n .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (ltr, index) =>\n index === 0 ? ltr.toLowerCase() : ltr.toUpperCase()\n )\n .replace(/\\s+/g, '');\n}\n","import { I18nInterface } from './interface';\n\nexport const defaultI18n: I18nInterface = {\n locale: null,\n dateFormat: 'MM/dd/yyyy',\n timeFormat: '12',\n example:\n 'i18n defaults must be set in packages/react-magma-dom/src/i18n/default.ts',\n months: {\n long: {\n january: 'January',\n february: 'February',\n march: 'March',\n april: 'April',\n may: 'May',\n june: 'June',\n july: 'July',\n august: 'August',\n september: 'September',\n october: 'October',\n november: 'November',\n december: 'December',\n },\n short: {\n january: 'Jan',\n february: 'Feb',\n march: 'Mar',\n april: 'Apr',\n may: 'May',\n june: 'Jun',\n july: 'Jul',\n august: 'Aug',\n september: 'Sep',\n october: 'Oct',\n november: 'Nov',\n december: 'Dec',\n },\n },\n days: {\n long: {\n monday: 'Monday',\n tuesday: 'Tuesday',\n wednesday: 'Wednesday',\n thursday: 'Thursday',\n friday: 'Friday',\n saturday: 'Saturday',\n sunday: 'Sunday',\n },\n short: {\n monday: 'Mon',\n tuesday: 'Tues',\n wednesday: 'Wed',\n thursday: 'Thur',\n friday: 'Fri',\n saturday: 'Sat',\n sunday: 'Sun',\n },\n min: {\n monday: 'M',\n tuesday: 'T',\n wednesday: 'W',\n thursday: 'T',\n friday: 'F',\n saturday: 'S',\n sunday: 'S',\n },\n },\n emptyItemsListText: 'No Options',\n alert: {\n dismissAriaLabel: 'Close this message',\n },\n breadcrumb: {\n navAriaLabel: 'Breadcrumb',\n },\n charts: {\n line: {\n chartTabLabel: 'Chart',\n dataLegendsLabel:\n 'Select one or more of the categories below to filter out the ones you don’t want to see.',\n dataTabLabel: 'Data',\n keyboardInstructions:\n 'In the chart below, use your up and down arrows to move between each line. Use your left and right arrows to move between points on a line.',\n keyboardInstructionsHeader: 'Keyboard Instructions',\n keyboardInstructionsTooltip: 'Keyboard Instructions',\n legendButtonAriaLabel: 'Toggle data for {name}',\n },\n },\n combobox: {\n clearIndicatorAriaLabel:\n 'reset selection for {labelText}. {selectedItem} is selected',\n createLabel: 'Create \"{inputValue}\"',\n },\n datePicker: {\n startOfWeek: 'sunday',\n calendarIconAriaLabel: 'Toggle Calendar Widget',\n calendarOpenAnnounce:\n 'Calendar Widget is now open. Press the question mark key to get the keyboard shortcuts for changing dates.',\n calendarCloseAriaLabel: 'Close Calendar Widget',\n previousMonthAriaLabel: 'Previous Month',\n nextMonthAriaLabel: 'Next Month',\n disabledDayAriaLabel: 'Not Available. ',\n selectedDayAriaLabel: '(Selected)',\n todayAriaLabel: '(Today)',\n helpModal: {\n header: 'Keyboard Shortcuts',\n helpButtonAriaLabel: 'Calendar Widget Help',\n enter: {\n ariaLabel: 'Enter key',\n explanation: 'Select the date in focus.',\n },\n rightAndLeftArrowKeys: {\n ariaLabel: 'Right and left arrow keys',\n explanation: 'Move backward (left) and forward (right) by one day.',\n },\n upAndDownArrowKeys: {\n ariaLabel: 'up and down arrow keys',\n explanation: 'Move backward (up) and forward (down) by one week.',\n },\n pageUpAndPageDownKeys: {\n ariaLabel: 'page up and page down keys',\n displayValue: 'PGUP/PGDN',\n explanation: 'Switch months.',\n },\n homeAndEndKeys: {\n ariaLabel: 'Home and end keys',\n displayValue: 'HOME/END',\n explanation: 'Go to the first or last day of a week.',\n },\n escape: {\n ariaLabel: 'Escape key',\n displayValue: 'ESC',\n explanation: 'Return to the date input field.',\n },\n questionMark: {\n ariaLabel: 'Question Mark',\n explanation: 'Open this panel.',\n },\n },\n },\n dropdown: {\n menuItemSelectedAriaLabel: '(selected)',\n toggleMenuAriaLabel: 'Toggle menu',\n },\n dropzone: {\n browseFiles: 'Browse Files',\n dragMessage: 'Drag and drop or browse files to upload.',\n errors: {\n 'too-many-errors': {\n message: 'Files must not have any errors.',\n },\n 'too-many-files': {\n message: 'You must upload a maximum of',\n },\n 'too-few-files': {\n message: 'You must upload a minimum of',\n },\n 'file-invalid-type': {\n header: 'Invalid File Type',\n message: 'Upload only the allowed file types',\n },\n 'file-too-large': {\n header: 'File exceeds size limit',\n message: 'Upload only files with a maximum size of',\n },\n 'file-too-small': {\n header: 'File size is below the limit',\n message: 'Upload only files with a minimum size of',\n },\n required: {\n message: 'You must upload at least one file.',\n },\n },\n files: 'files',\n bytes: 'Bytes',\n deleteFile: 'Delete file',\n removeFile: 'Remove file',\n },\n header: {\n navigationButtonLabel: 'Open navigation menu',\n search: {\n input: {\n ariaLabel: 'Search',\n placeholder: 'Search',\n },\n iconAriaLabel: 'Search',\n },\n },\n indeterminateCheckbox: {\n isCheckedAnnounce: 'All subitems are checked for {labelText} checkbox',\n isIndeterminateAnnounce:\n 'Some, but not all, subitems are checked for {labelText} checkbox',\n isUncheckedAnnounce: 'No subitems are checked for {labelText} checkbox',\n },\n input: {\n isClearableAriaLabel: 'Clear Input',\n },\n loadingIndicator: {\n progressBar: {\n messages: {\n first: 'Please be patient as this could take up to a minute to load.',\n second: 'Thank you for your patience. Still loading...',\n third: 'Thank you for waiting. We’re almost there!',\n },\n },\n spinner: {\n messages: {\n first: 'Loading...',\n second: 'Thank you for your patience. Still loading...',\n third: 'Sorry for the delay. This is taking longer than expected.',\n },\n },\n },\n modal: {\n closeAriaLabel: 'Close dialog',\n },\n multiSelect: {\n placeholder: 'Select...',\n selectedItemButtonAriaLabel: 'reset item {selectedItem}',\n },\n multiCombobox: {\n selectedItemButtonAriaLabel: 'reset item {selectedItem}',\n },\n pagination: {\n nextButtonLabel: 'Next Page',\n previousButtonLabel: 'Previous Page',\n pageButtonLabel: 'Go to Page',\n },\n password: {\n shown: {\n ariaLabel:\n 'Show password. Note: this will visually expose your password on the screen',\n buttonText: 'Show',\n announce: 'Password is now visible',\n },\n hidden: {\n ariaLabel: 'Hide password',\n buttonText: 'Hide',\n announce: 'Password is now hidden',\n },\n },\n search: {\n input: {\n ariaLabel: 'Search',\n placeholder: 'Search',\n },\n iconAriaLabel: 'Search',\n },\n select: {\n placeholder: 'Select...',\n clearIndicatorAriaLabel:\n 'reset selection for {labelText}. {selectedItem} is selected',\n },\n skipLink: {\n buttonText: 'Skip Navigation',\n },\n spinner: {\n ariaLabel: 'Loading',\n },\n table: {\n pagination: {\n ofLabel: 'of',\n nextAriaLabel: 'Next page',\n previousAriaLabel: 'Previous page',\n rowsPerPageLabel: 'Rows per page',\n },\n },\n tabs: {\n horizontalTabsInstructions:\n 'use the right and left arrow keys to activate other tabs',\n verticalTabsInstructions:\n 'use the down and up arrow keys to activate other tabs',\n nextButtonLabel: 'Scroll tabs forward',\n previousButtonLabel: 'Scroll tabs back',\n },\n tag: {\n deleteAriaLabel: 'Delete {labelText} tag',\n },\n timePicker: {\n hoursAriaLabel: 'Hour',\n minutesAriaLabel: 'Minute',\n amButtonAriaLabel:\n 'AM selected. To change to PM press the p or enter button.',\n pmButtonAriaLabel:\n 'PM selected. To change to AM press the a or enter button.',\n amSelectedAnnounce: 'AM is now selected',\n pmSelectedAnnounce: 'PM is now selected',\n },\n wizard: {\n actions: {\n next: 'next',\n previous: 'previous',\n cancel: 'cancel',\n submit: 'submit',\n },\n optional: 'optional',\n navigationLabel: 'Navigation for the wizard',\n },\n};\n","import * as React from 'react';\nimport { defaultI18n } from './default';\nimport { I18nInterface } from './interface';\n\nexport const I18nContext = React.createContext<I18nInterface>(defaultI18n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { stringIncludesUnit } from '../../utils';\nimport { ThemeInterface } from '../../theme/magma';\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n /**\n * The color of the spinner border\n * @default \"#006298\"\n */\n color?: string;\n /**\n * The height and width of the spinner. Can be a string or number; if number is provided, the size is in px.\n * @default 16\n */\n size?: string | number;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n testId?: string;\n}\n\nconst StyledSpinner = styled.span<SpinnerProps>`\n animation: spinner-border 0.75s linear infinite;\n border: 2px solid ${props => props.color};\n border-right-color: transparent;\n border-radius: 50%;\n display: inline-block;\n height: ${props => props.size};\n width: ${props => props.size};\n\n @keyframes spinner-border {\n to {\n transform: rotate(360deg);\n }\n }\n`;\n\nexport const Spinner = React.forwardRef<HTMLSpanElement, SpinnerProps>(\n (props, ref) => {\n const { 'aria-label': ariaLabel, color, size, testId, ...other } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const sizeString = size\n ? typeof size === 'number' ||\n (typeof size === 'string' && !stringIncludesUnit(size))\n ? `${size}px`\n : size\n : theme.spaceScale.spacing05;\n\n return (\n <StyledSpinner\n {...other}\n aria-label={ariaLabel ? ariaLabel : i18n.spinner.ariaLabel}\n color={color ? color : theme.colors.primary}\n data-testid={testId}\n ref={ref}\n role=\"img\"\n size={sizeString}\n />\n );\n }\n);\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '@emotion/styled';\nimport {\n buildActiveBackground,\n buildActiveColor,\n buildAfterBackground,\n buildButtonBorderRadius,\n buildButtonFontSize,\n buildButtonLineHeight,\n buildButtonSize,\n buildButtonPadding,\n buildBorderColor,\n buildButtonBackground,\n buildColor,\n buildFocusBackground,\n buildFocusColor,\n} from './styles';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ButtonType, ButtonProps, ButtonSize, ButtonVariant } from '../Button';\nimport { Spinner } from '../Spinner';\n\nexport interface StyledButtonProps extends ButtonProps {\n href?: string;\n iconOnly?: boolean;\n}\n\nexport const buttonStyles = props => css`\n align-items: center;\n background: ${buildButtonBackground(props)};\n border: ${props.variant === 'outline' ||\n (props.variant !== 'link' && props.color === 'secondary' && !props.isInverse)\n ? '2px solid'\n : '0'};\n border-color: ${buildBorderColor(props)};\n border-radius: ${buildButtonBorderRadius(props)};\n color: ${buildColor(props)};\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n display: ${props.isFullWidth ? 'flex' : 'inline-flex'};\n flex-shrink: 0;\n font-family: ${props.theme.bodyFont};\n font-size: ${buildButtonFontSize(props)};\n font-weight: 600;\n height: ${buildButtonSize(props)};\n justify-content: center;\n letter-spacing: ${props.size === 'small'\n ? props.theme.typeScale.size01.letterSpacing\n : 'inherit'};\n line-height: ${buildButtonLineHeight(props)};\n margin: ${props.isFullWidth\n ? `${props.theme.spaceScale.spacing02} 0`\n : props.theme.spaceScale.spacing02};\n min-width: ${props.size === 'small' ? '0' : props.theme.spaceScale.spacing13};\n overflow: hidden;\n padding: ${buildButtonPadding(props)};\n position: relative;\n text-align: center;\n text-decoration: none;\n text-transform: ${props.textTransform || 'uppercase'};\n touch-action: manipulation;\n transition: background 0.35s, border-color 0.35s, box-shadow 0.35s,\n color 0.35s;\n vertical-align: middle;\n white-space: nowrap;\n width: ${props.iconOnly\n ? buildButtonSize(props)\n : props.isFullWidth\n ? '100%'\n : 'auto'};\n\n &:not(:disabled) {\n &:focus {\n outline: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: 3px;\n }\n\n &:hover,\n &:focus {\n background: ${buildFocusBackground(props)};\n color: ${buildFocusColor(props)};\n }\n\n &:after {\n background: ${buildAfterBackground(props)};\n border-radius: 50%;\n content: '';\n height: ${props.theme.spaceScale.spacing07};\n left: 50%;\n opacity: 0;\n padding: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) scale(1);\n transition: opacity 1s, transform 0.5s;\n width: ${props.theme.spaceScale.spacing07};\n }\n\n &:active {\n background: ${buildActiveBackground(props)};\n color: ${buildActiveColor(props)};\n &:after {\n opacity: 0.4;\n transform: translate(-50%, -50%) scale(0);\n transition: transform 0s;\n }\n }\n }\n\n svg {\n flex-shrink: 0;\n }\n\n ${props.iconOnly &&\n css`\n display: inline-flex;\n justify-content: center;\n line-height: 1;\n min-width: 0;\n padding: 0;\n `}\n`;\n\nexport const BaseStyledButton = styled.button`\n ${buttonStyles}\n`;\n\nconst SpinnerWrapper = styled.span`\n position: absolute;\n display: flex;\n`;\n\nconst ChildrenWrapper = styled.span<{ isLoading: boolean; testId?: string }>`\n visibility: ${props => (props.isLoading ? 'hidden' : 'visible')};\n display: inline-flex;\n align-items: center;\n`;\n\nexport const StyledButton = React.forwardRef<\n HTMLButtonElement,\n StyledButtonProps\n>((props, ref) => {\n const {\n size,\n variant,\n isInverse,\n children,\n type = ButtonType.button,\n testId,\n isLoading,\n } = props;\n const theme = React.useContext(ThemeContext);\n\n const spinnerColor =\n isInverse &&\n (variant === ButtonVariant.outline || variant === ButtonVariant.link)\n ? theme.colors.neutral08\n : theme.colors.neutral03;\n\n const spinnerSize =\n size === ButtonSize.small\n ? theme.iconSizes.xSmall\n : size === ButtonSize.large\n ? theme.iconSizes.large\n : theme.iconSizes.medium;\n\n return (\n <BaseStyledButton\n {...props}\n data-testid={testId}\n ref={ref}\n type={type}\n theme={theme}\n disabled={isLoading || props.disabled}\n >\n {isLoading && (\n <SpinnerWrapper>\n <Spinner\n testId={`${testId}-spinner`}\n color={spinnerColor}\n size={spinnerSize}\n />\n </SpinnerWrapper>\n )}\n <ChildrenWrapper isLoading={isLoading} testId={`${testId}-children`}>\n {children}\n </ChildrenWrapper>\n </BaseStyledButton>\n );\n});\n","import * as React from 'react';\n\ninterface InverseInterface {\n isInverse?: boolean;\n}\n\nexport const InverseContext = React.createContext<InverseInterface>({\n isInverse: false,\n});\n\nexport function useIsInverse(inverseProp?: boolean) {\n const inverseContext = React.useContext(InverseContext);\n\n return typeof inverseProp !== 'undefined'\n ? Boolean(inverseProp)\n : inverseContext.isInverse;\n}\n","import * as React from 'react';\nimport { StyledButton } from '../StyledButton';\nimport { useIsInverse } from '../../inverse';\n\nexport enum ButtonVariant {\n solid = 'solid', //default\n outline = 'outline',\n link = 'link',\n}\n\nexport enum ButtonColor {\n primary = 'primary', //default\n secondary = 'secondary',\n success = 'success',\n danger = 'danger',\n marketing = 'marketing',\n}\n\nexport enum ButtonShape {\n fill = 'fill', //default\n leftCap = 'leftCap',\n rightCap = 'rightCap',\n round = 'round', // default for icon only buttons\n}\n\nexport enum ButtonSize {\n large = 'large',\n medium = 'medium', //default\n small = 'small',\n}\n\nexport enum ButtonTextTransform {\n uppercase = 'uppercase', //default\n none = 'none',\n}\n\nexport enum ButtonType {\n button = 'button',\n submit = 'submit',\n reset = 'reset',\n}\n\nexport interface ButtonStyles {\n /**\n * The color of the button, indicating its function in the UI\n * @default ButtonColor.primary\n */\n color?: ButtonColor;\n /**\n * Set the button to display full-width.\n * @default false\n */\n isFullWidth?: boolean;\n isInverse?: boolean;\n /**\n * Defines the border radius\n * @default ButtonShape.fill\n */\n shape?: ButtonShape;\n /**\n * Set the button to a loading state\n * @default false\n */\n isLoading?: boolean;\n /**\n * The relative size of the button\n * @default ButtonSize.medium\n */\n size?: ButtonSize;\n /**\n * Determines whether the button appears in all-caps\n * @default ButtonTextTransform.uppercase\n */\n textTransform?: ButtonTextTransform;\n /**\n * The variant of the button\n * @default ButtonVariant.solid\n */\n variant?: ButtonVariant;\n}\n\n/**\n * @children required\n */\ninterface BaseButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n testId?: string;\n /**\n * @internal\n */\n theme?: any;\n /**\n * The type attribute of the button\n * ButtonType.button\n */\n type?: ButtonType;\n}\n\nexport type ButtonProps = BaseButtonProps & ButtonStyles;\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref) => {\n const { children, ...rest } = props;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <StyledButton {...rest} isInverse={isInverse} ref={ref}>\n {children}\n </StyledButton>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { StyledButton } from '../StyledButton';\nimport {\n ButtonProps,\n ButtonColor,\n ButtonShape,\n ButtonSize,\n ButtonVariant,\n ButtonTextTransform,\n} from '../Button';\nimport { IconProps } from 'react-magma-icons';\nimport { omit, Omit, XOR } from '../../utils';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useIsInverse } from '../../inverse';\n\nexport enum ButtonIconPosition {\n left = 'left',\n right = 'right',\n}\n\nexport interface IconOnlyButtonProps extends Omit<ButtonProps, 'children'> {\n /**\n * Icon to display within the component\n */\n icon: React.ReactElement<IconProps>;\n /**\n * The text the screen reader will announce. Required for icon-only buttons\n */\n 'aria-label': string;\n}\n\nexport interface IconTextButtonProps extends ButtonProps {\n /**\n * Icon to display within the component\n */\n icon: React.ReactElement<IconProps>;\n children: React.ReactChild | React.ReactChild[];\n /**\n * Position within the button for the icon to appear\n * @default ButtonIconPosition.right\n */\n iconPosition?: ButtonIconPosition;\n}\n\nexport type IconButtonProps = XOR<IconOnlyButtonProps, IconTextButtonProps>;\n\nexport interface SpanProps {\n size?: ButtonSize;\n}\n\nconst SpanTextLeft = styled.span<SpanProps>`\n padding-right: ${props => getIconPadding(props)};\n`;\n\nconst SpanTextRight = styled.span<SpanProps>`\n padding-left: ${props => getIconPadding(props)};\n`;\n\nfunction getIconPadding(props) {\n switch (props.size) {\n case 'large':\n return props.theme.spaceScale.spacing05;\n case 'small':\n return props.theme.spaceScale.spacing02;\n default:\n return props.theme.spaceScale.spacing03;\n }\n}\n\nfunction getIconSize(size, theme) {\n switch (size) {\n case 'large':\n return theme.iconSizes.large;\n case 'small':\n return theme.iconSizes.small;\n default:\n return theme.iconSizes.medium;\n }\n}\n\nexport function instanceOfIconOnly(object: any): object is IconOnlyButtonProps {\n return 'icon' in object && !('children' in object);\n}\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n (props, ref) => {\n let icon;\n let iconPosition;\n let children;\n const { color, shape, size, testId, textTransform, variant, ...rest } =\n props;\n\n const theme = React.useContext(ThemeContext);\n\n if (instanceOfIconOnly(props)) {\n icon = props.icon;\n } else {\n icon = props.icon;\n iconPosition = props.iconPosition;\n children = props.children;\n }\n\n const other = omit(['iconPosition', 'textPosition'], rest);\n\n const isInverse = useIsInverse(props.isInverse);\n\n if (icon && !children) {\n return (\n <StyledButton\n {...other}\n ref={ref}\n color={color ? color : ButtonColor.primary}\n iconOnly\n testId={testId}\n isInverse={isInverse}\n shape={shape ? shape : ButtonShape.round}\n size={size ? size : ButtonSize.medium}\n variant={variant ? variant : ButtonVariant.solid}\n >\n {React.Children.only(\n React.cloneElement(icon, {\n size: icon.props.size\n ? icon.props.size\n : getIconSize(size, theme),\n })\n )}\n </StyledButton>\n );\n }\n return (\n <StyledButton\n {...other}\n ref={ref}\n color={color ? color : ButtonColor.primary}\n isInverse={isInverse}\n shape={shape ? shape : ButtonShape.fill}\n size={size ? size : ButtonSize.medium}\n testId={testId}\n textTransform={\n textTransform ? textTransform : ButtonTextTransform.uppercase\n }\n variant={variant ? variant : ButtonVariant.solid}\n >\n {iconPosition === ButtonIconPosition.right && (\n <SpanTextLeft size={size} theme={theme}>\n {children}\n </SpanTextLeft>\n )}\n {React.Children.only(\n React.cloneElement(icon, {\n size: icon.props.size ? icon.props.size : getIconSize(size, theme),\n 'data-testid': `${testId}-icon`,\n })\n )}\n {iconPosition !== ButtonIconPosition.right && (\n <SpanTextRight size={size} theme={theme}>\n {children}\n </SpanTextRight>\n )}\n </StyledButton>\n );\n }\n);\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '../../theme/styled';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport {\n InfoIcon,\n CheckCircleIcon,\n WarningIcon,\n ErrorIcon,\n IconProps,\n CloseIcon,\n} from 'react-magma-icons';\nimport { ButtonVariant } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { ProgressRing } from '../ProgressRing';\nimport { useGenerateId } from '../../utils';\nimport { I18nContext } from '../../i18n';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\nexport const VARIANT_ICON: {\n [name: string]: React.FunctionComponent<IconProps>;\n} = {\n info: InfoIcon,\n muted: InfoIcon,\n success: CheckCircleIcon,\n warning: WarningIcon,\n danger: ErrorIcon,\n};\n\nexport enum AlertVariant {\n info = 'info', //default,\n muted = 'muted',\n success = 'success',\n warning = 'warning',\n danger = 'danger',\n}\n\nexport interface AlertBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n closeAriaLabel?: string;\n forceDismiss?: () => void;\n hasTimerRing?: boolean;\n isExiting?: boolean;\n isDismissed?: boolean;\n isDismissible?: boolean;\n isInverse?: boolean;\n isPaused?: boolean;\n isToast?: boolean;\n onDismiss?: () => void;\n testId?: string;\n toastDuration?: number;\n variant?: AlertVariant;\n}\n\nexport const transitionDuration = 500;\n\nexport function buildAlertBackground(props) {\n switch (props.variant) {\n case 'muted':\n return 'rgba(0, 0, 0, 0)';\n case 'success':\n return props.theme.colors.success;\n case 'warning':\n return props.theme.colors.pop04;\n case 'danger':\n return props.theme.colors.danger;\n default:\n return props.theme.colors.neutral;\n }\n}\n\nconst StyledAlert = styled.div<AlertBaseProps>`\n align-items: stretch;\n animation: ${props =>\n props.isExiting\n ? `fadeout ${transitionDuration}ms`\n : `fadein ${transitionDuration}ms`};\n \n display: flex;\n flex-direction: column;\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n margin-bottom: ${props => props.theme.spaceScale.spacing06};\n max-width: 100%;\n padding: 0;\n position: relative;\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n }\n\n &:focus {\n outline: 2px dotted ${props =>\n props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n }\n }\n\n ${props =>\n props.isToast &&\n css`\n animation: ${props.isExiting\n ? `slideout ${transitionDuration}ms`\n : `slidein ${transitionDuration}ms`};\n min-width: 375px;\n margin: 0 auto;\n\n @media (max-width: ${props.theme.breakpoints.small}px) {\n min-width: 0;\n width: 100%;\n }\n `}\n\n @keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeout {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n\n \n @keyframes slidein {\n from {\n left: -500px;\n }\n to {\n left: 0;\n }\n }\n\n @keyframes slideout {\n from {\n left: 0;\n }\n to {\n left: -500px;\n }\n }\n\n a {\n color: inherit;\n font-weight: 600;\n text-decoration: underline;\n\n &:focus {\n outline: 2px dotted ${props =>\n props.variant === 'warning'\n ? props.theme.colors.focus\n : props.theme.colors.focusInverse};\n }\n }\n }\n`;\n\nconst StyledAlertInner = styled.div<AlertBaseProps>`\n background-color: ${props => buildAlertBackground(props)};\n border-radius: ${props => props.theme.borderRadius};\n color: ${props =>\n props.variant === AlertVariant.muted\n ? props.theme.colors.neutral03\n : props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: flex;\n position: relative;\n padding-right: 12px; \n\n ${props =>\n props.isToast &&\n css`\n border: 1px solid ${props.theme.colors.neutral08};\n box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);\n height: ${props.theme.spaceScale.spacing11};\n `}\n`;\n\nconst AlertContents = styled.div`\n align-self: center;\n flex-grow: 1;\n padding: ${props => props.theme.spaceScale.spacing04} 0;\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n padding-left: ${props => props.theme.spaceScale.spacing04};\n }\n`;\n\nconst IconWrapperStyles = css`\n align-items: center;\n display: flex;\n flex-shrink: 0;\n margin-right: 1px;\n`;\n\nconst IconWrapper = styled.span<{ isToast?: boolean; theme: any }>`\n ${IconWrapperStyles}\n padding: 0 ${props => props.theme.spaceScale.spacing03} 0 ${props =>\n props.theme.spaceScale.spacing04};\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n display: none;\n }\n`;\n\nconst ProgressRingWrapper = styled.div`\n opacity: 0.7;\n margin-top: ${props => props.theme.spaceScale.spacing01};\n position: absolute;\n top: ${props => props.theme.spaceScale.spacing02};\n right: ${props => props.theme.spaceScale.spacing02};\n`;\n\nconst DismissibleIconWrapper = styled.span<AlertBaseProps>`\n ${IconWrapperStyles}\n`;\n\nconst whitelistProps = ['icon', 'isInverse', 'theme', 'variant'];\n\nconst shouldForwardProp = prop => {\n return isPropValid(prop) || whitelistProps.includes(prop);\n};\n\nconst DismissButton = styled(IconButton, { shouldForwardProp })<{\n alertVariant?: AlertVariant;\n}>`\n align-self: stretch;\n border-radius: 0 ${props => props.theme.borderRadius}\n ${props => props.theme.borderRadius} 0;\n color: inherit;\n height: auto;\n padding: 0 ${props => props.theme.spaceScale.spacing04};\n width: auto;\n\n &&:focus:not(:disabled) {\n outline: 2px dotted\n ${({ alertVariant, theme }) =>\n alertVariant === 'warning'\n ? theme.colors.focus\n : theme.colors.focusInverse};\n outline-offset: 0 !important;\n }\n\n &:hover,\n &:focus {\n :not(:disabled):before {\n background: ${({ alertVariant, theme }) =>\n alertVariant === 'warning'\n ? theme.colors.focus\n : theme.colors.focusInverse};\n opacity: 0.15;\n }\n\n &:after {\n display: none;\n }\n }\n`;\n\nfunction renderIcon(variant = 'info', isToast?: boolean, theme?: any) {\n const Icon = VARIANT_ICON[variant];\n\n return (\n <IconWrapper isToast={isToast} theme={theme}>\n <Icon size={theme.iconSizes.medium} />\n </IconWrapper>\n );\n}\n\nexport const AlertBase = React.forwardRef<HTMLDivElement, AlertBaseProps>(\n (props, ref) => {\n const {\n children,\n closeAriaLabel,\n forceDismiss,\n hasTimerRing,\n id: defaultId,\n isDismissed,\n isDismissible,\n isExiting: externalIsExiting,\n isPaused,\n isToast,\n onDismiss,\n testId,\n toastDuration,\n variant,\n ...other\n } = props;\n\n const id = useGenerateId(defaultId);\n const [isExiting, setIsExiting] = React.useState(false);\n\n const isInverse = useIsInverse(props.isInverse);\n\n React.useEffect(() => {\n if (isExiting) {\n setTimeout(() => {\n setIsExiting(false);\n onDismiss && typeof onDismiss === 'function' && onDismiss();\n }, transitionDuration - 300);\n }\n }, [isExiting]);\n\n React.useEffect(() => {\n if (isDismissed) {\n handleDismiss();\n }\n }, [isDismissed]);\n\n function handleDismiss() {\n setIsExiting(true);\n }\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledAlert\n {...other}\n data-testid={testId}\n id={id}\n tabIndex={-1}\n isInverse={isInverse}\n isExiting={isExiting}\n isToast={isToast}\n ref={ref}\n theme={theme}\n >\n <InverseContext.Provider\n value={{\n isInverse: variant !== AlertVariant.warning,\n }}\n >\n <StyledAlertInner\n isInverse={variant !== AlertVariant.warning}\n isToast={isToast}\n theme={theme}\n variant={variant}\n >\n {renderIcon(variant, isToast, theme)}\n <AlertContents theme={theme}>{children}</AlertContents>\n {isDismissible && (\n <DismissibleIconWrapper variant={variant} theme={theme}>\n {hasTimerRing && isToast && (\n <ProgressRingWrapper theme={theme}>\n <ProgressRing\n color={\n variant === AlertVariant.warning\n ? theme.colors.neutral\n : theme.colors.neutral08\n }\n isActive={!isPaused}\n />\n </ProgressRingWrapper>\n )}\n <DismissButton\n alertVariant={variant}\n aria-label={\n closeAriaLabel\n ? closeAriaLabel\n : i18n.alert.dismissAriaLabel\n }\n icon={\n <CloseIcon\n size={\n hasTimerRing\n ? theme.iconSizes.xSmall\n : theme.iconSizes.small\n }\n />\n }\n isInverse\n onClick={forceDismiss || handleDismiss}\n theme={theme}\n variant={ButtonVariant.link}\n />\n </DismissibleIconWrapper>\n )}\n </StyledAlertInner>\n </InverseContext.Provider>\n </StyledAlert>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface ProgressRingProps\n extends React.HTMLAttributes<HTMLDivElement> {\n color?: string;\n duration?: number;\n isActive?: boolean;\n percentage?: number;\n radius?: number;\n strokeWidth?: number;\n testId?: string;\n}\n\nconst Circle = styled.circle`\n transition: stroke-dashoffset 0.35s;\n transform: rotate(-90deg);\n transform-origin: 50% 50%;\n`;\n\nexport const ProgressRing = React.forwardRef<HTMLDivElement, ProgressRingProps>(\n (props, ref) => {\n const {\n color,\n duration = 5000,\n isActive,\n radius = 21,\n strokeWidth = 3,\n testId,\n ...other\n } = props;\n\n const [percentage, setPercentage] = React.useState(100);\n\n React.useEffect(() => {\n const intervalDuration = duration / 50;\n\n let interval = null;\n\n if (isActive) {\n interval = setInterval(() => {\n setPercentage(percentage - 2);\n }, intervalDuration);\n\n if (percentage <= 0) {\n clearInterval(interval);\n }\n } else {\n clearInterval(interval);\n }\n\n return () => clearInterval(interval);\n }, [percentage, isActive]);\n\n const normalizedRadius = radius - strokeWidth * 2;\n const circumference = normalizedRadius * 2 * Math.PI;\n const strokeDashoffset = circumference - (percentage / 100) * circumference;\n\n const theme = React.useContext(ThemeContext);\n\n return (\n <div {...other} ref={ref} data-testid={testId}>\n <svg height={radius * 2} width={radius * 2}>\n <Circle\n cx={radius}\n cy={radius}\n fill=\"transparent\"\n r={normalizedRadius}\n stroke={color ? color : theme.colors.neutral}\n strokeWidth={strokeWidth}\n strokeDasharray={`${circumference} ${circumference}`}\n style={{ strokeDashoffset }}\n />\n </svg>\n </div>\n );\n }\n);\n","import * as React from 'react';\n\n/**\n * @children required\n */\nexport interface AnnounceProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Value of the `aria-live` attribute\n * @default AnnouncePoliteness.polite\n */\n politeness?: AnnouncePoliteness;\n /*\n * Test ID attached to an internal element as `data-testid` for consumer testing\n */\n testId?: string;\n}\n\nexport enum AnnouncePoliteness {\n polite = 'polite', //default\n off = 'off',\n assertive = 'assertive',\n}\n\nexport const Announce = React.forwardRef<HTMLDivElement, AnnounceProps>(\n (props, ref) => {\n const { children, politeness, testId, ...other } = props;\n\n return (\n <div\n {...other}\n aria-live={politeness || AnnouncePoliteness.polite}\n ref={ref}\n data-testid={testId}\n >\n {children}\n </div>\n );\n }\n);\n","import * as React from 'react';\nimport { AlertBase, AlertVariant } from '../AlertBase';\n\n/**\n * @children required\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The text read by screen readers for the close button\n * @default \"Close this message\"\n */\n closeAriaLabel?: string;\n /**\n * If true, the component will be able to be dismissed and will include a close button\n * @default false\n */\n isDismissible?: boolean;\n isInverse?: boolean;\n /**\n * Action that fires when the close button is clicked (required when isDismissible is true)\n */\n onDismiss?: () => void;\n testId?: string;\n /**\n * The variant of the alert, indicating its function in the UI\n * @default `AlertVariant.info`\n */\n variant?: AlertVariant;\n}\n\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n (props, ref) => {\n return <AlertBase ref={ref} {...props} />;\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * If true, the component will render at a shorter height with less padding\n * @default false\n **/\n isCompact?: boolean;\n isInverse?: boolean;\n position?: AppBarPosition;\n testId?: string;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nexport enum AppBarPosition {\n absolute = 'absolute',\n fixed = 'fixed',\n relative = 'relative',\n static = 'static', // default\n sticky = 'sticky',\n}\n\nconst StyledHeader = styled.header<{\n isCompact?: boolean;\n isInverse?: boolean;\n position: AppBarPosition;\n}>`\n align-items: center;\n background: ${props =>\n props.isInverse\n ? props.theme.appBar.inverse.backgroundColor\n : props.theme.appBar.backgroundColor};\n border-bottom: 1px solid\n ${props =>\n props.isInverse\n ? props.theme.colors.foundation\n : props.theme.colors.neutral06};\n box-shadow: ${props =>\n props.position === AppBarPosition.sticky ||\n props.position === AppBarPosition.fixed\n ? '0 2px 3px 0 rgb(0 0 0 / 37%)'\n : '0 0 0'};\n color: ${props =>\n props.isInverse\n ? props.theme.appBar.inverse.textColor\n : props.theme.appBar.textColor};\n display: flex;\n height: ${props =>\n props.isCompact\n ? props.theme.appBar.compact.height\n : props.theme.appBar.height};\n left: 0;\n padding: ${props =>\n props.isCompact\n ? props.theme.appBar.compact.padding\n : props.theme.appBar.padding};\n position: ${props => props.position};\n right: 0;\n top: 0;\n z-index: 10;\n`;\n\nexport const AppBar = React.forwardRef<HTMLDivElement, AppBarProps>(\n (props, ref) => {\n const {\n children,\n position = AppBarPosition.static,\n testId,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <InverseContext.Provider\n value={{\n isInverse,\n }}\n >\n <StyledHeader\n {...other}\n data-testid={testId}\n position={position}\n ref={ref}\n theme={theme}\n >\n {children}\n </StyledHeader>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { darken, lighten } from 'polished';\n\n/**\n * @children required\n */\nexport interface BadgeProps extends React.HTMLAttributes<HTMLButtonElement> {\n /**\n * The color variant of the badge\n * @default BadgeColor.primary\n */\n color?: BadgeColor;\n /**\n * Action that fires when the badge is clicked. Causes the Badge to render as a button instead of a span.\n */\n onClick?: () => void;\n testId?: string;\n /**\n * Indicates the style variant of the component\n * @default BadgeVariant.label\n */\n variant?: BadgeVariant;\n}\n\nexport enum BadgeColor {\n danger = 'danger',\n primary = 'primary',\n secondary = 'secondary', // default\n success = 'success',\n light = 'light',\n}\n\nexport enum BadgeVariant {\n counter = 'counter',\n label = 'label', // default\n}\n\nexport function buildBadgeBackground(props) {\n switch (props.color) {\n case 'danger':\n return props.theme.colors.danger;\n case 'light':\n return props.theme.colors.neutral07;\n case 'primary':\n return props.theme.colors.primary;\n case 'secondary':\n return props.theme.colors.neutral02;\n case 'success':\n return props.theme.colors.success;\n\n default:\n return props.theme.colors.neutral02;\n }\n}\n\nexport function buildBadgeFocusBackground(props) {\n switch (props.color) {\n case 'danger':\n return darken(0.1, props.theme.colors.danger);\n case 'light':\n return lighten(0.05, props.theme.colors.neutral07);\n case 'primary':\n return darken(0.1, props.theme.colors.primary);\n case 'secondary':\n return darken(0.1, props.theme.colors.neutral02);\n case 'success':\n return darken(0.1, props.theme.colors.success);\n\n default:\n return darken(0.1, props.theme.colors.neutral02);\n }\n}\n\nexport function buildBadgeActiveBackground(props) {\n switch (props.color) {\n case 'danger':\n return darken(0.2, props.theme.colors.danger);\n case 'light':\n return lighten(0.1, props.theme.colors.neutral07);\n case 'primary':\n return darken(0.2, props.theme.colors.primary);\n case 'secondary':\n return darken(0.2, props.theme.colors.neutral02);\n case 'success':\n return darken(0.2, props.theme.colors.success);\n\n default:\n return darken(0.2, props.theme.colors.neutral02);\n }\n}\n\nexport const baseBadgeStyles = props => css`\n background: ${buildBadgeBackground(props)};\n border: 1px solid;\n border-color: ${props.color === BadgeColor.light\n ? props.theme.colors.neutral06\n : 'transparent'};\n border-radius: ${props.variant === BadgeVariant.counter\n ? props.theme.spaceScale.spacing06\n : props.theme.borderRadius};\n color: ${props.color === 'light'\n ? props.theme.colors.neutral\n : props.theme.colors.neutral08};\n display: inline-block;\n font-weight: bold;\n font-size: ${props.variant === BadgeVariant.counter\n ? props.theme.typeScale.size02.fontSize\n : props.theme.typeScale.size01.fontSize};\n letter-spacing: ${props.variant === BadgeVariant.counter\n ? props.theme.typeScale.size02.letterSpacing\n : props.theme.typeScale.size01.letterSpacing};\n line-height: ${props.variant === BadgeVariant.counter\n ? props.theme.typeScale.size02.lineHeight\n : props.theme.typeScale.size01.lineHeight};\n margin: ${props.variant === BadgeVariant.counter\n ? `0 0 0 ${props.theme.spaceScale.spacing03}`\n : `0 ${props.theme.spaceScale.spacing03} 0 0`};\n max-height: ${props.variant === BadgeVariant.counter\n ? props.theme.spaceScale.spacing06\n : 'auto'};\n min-width: ${props.theme.spaceScale.spacing06};\n padding: ${props.variant === BadgeVariant.counter\n ? `1px ${props.theme.spaceScale.spacing02}`\n : `${props.theme.spaceScale.spacing01} ${props.theme.spaceScale.spacing02}`};\n text-align: ${props.variant == BadgeVariant.counter ? 'center' : 'inherit'};\n`;\n\nconst StyledSpan = styled.span<BadgeProps>`\n ${baseBadgeStyles};\n`;\n\nconst StyledButton = styled.button<BadgeProps>`\n ${baseBadgeStyles};\n cursor: pointer;\n transition: background 0.35s;\n\n &:hover,\n &:focus {\n background: ${props => buildBadgeFocusBackground(props)};\n }\n\n &:active {\n background: ${props => buildBadgeActiveBackground(props)};\n }\n`;\n\nfunction getStyledBadgeComponent(isClickable: boolean) {\n return isClickable ? StyledButton : StyledSpan;\n}\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n (props, ref) => {\n const { children, onClick, testId, variant, ...other } = props;\n\n const BadgeComponent = getStyledBadgeComponent(Boolean(onClick));\n\n const theme = React.useContext(ThemeContext);\n\n return (\n <BadgeComponent\n {...other}\n data-testid={testId}\n variant={variant ? variant : BadgeVariant.label}\n onClick={onClick}\n ref={ref}\n theme={theme}\n >\n {children}\n </BadgeComponent>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { AlertProps } from '../Alert';\nimport { AlertVariant, buildAlertBackground, VARIANT_ICON } from '../AlertBase';\nimport { CloseIcon } from 'react-magma-icons';\nimport { Button, ButtonSize, ButtonVariant, ButtonColor } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\n\n/**\n * @children required\n */\nexport interface BannerProps extends AlertProps {\n /**\n * The text displayed inside of the action button\n */\n actionButtonText?: string;\n /**\n * Action that fires when the action button is clicked. Must be present for button to appear\n */\n actionButtonOnClick?: () => void;\n /**\n * If true, the component will be able to be dismissed and will include a close button\n * @default false\n */\n isDismissible?: boolean;\n}\n\nconst StyledBanner = styled.div<AlertProps>`\n align-items: stretch;\n background: ${props => buildAlertBackground(props)};\n color: ${props =>\n props.variant === 'warning'\n ? props.theme.colors.neutral\n : props.theme.colors.neutral08};\n display: flex;\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n position: relative;\n text-align: left;\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n text-align: left;\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n }\n`;\n\nconst BannerContents = styled.div`\n align-items: center;\n display: flex;\n flex-grow: 1;\n justify-content: flex-start;\n padding: ${props => props.theme.spaceScale.spacing04};\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n justify-content: flex-start;\n }\n`;\n\nconst ButtonWrapper = styled.span`\n align-items: center;\n display: flex;\n flex-shrink: 0;\n`;\n\nconst allowedProps = ['icon', 'isInverse', 'theme', 'variant'];\n\nconst shouldForwardProp = prop => {\n return isPropValid(prop) || allowedProps.includes(prop);\n};\n\nconst DismissButton = styled(IconButton, { shouldForwardProp })<{\n alertVariant?: AlertVariant;\n}>`\n align-self: stretch;\n border-radius: 0;\n color: ${({ alertVariant, theme }) =>\n alertVariant === 'warning' ? theme.colors.neutral : theme.colors.neutral08};\n height: auto;\n padding: 0 ${props => props.theme.spaceScale.spacing05};\n width: auto;\n\n &&:focus:not(:disabled) {\n outline: 2px dotted\n ${({ alertVariant, theme }) =>\n alertVariant === 'warning'\n ? theme.colors.neutral\n : theme.colors.neutral08};\n outline-offset: 0 !important;\n }\n\n &:hover,\n &:focus {\n :not(:disabled) {\n &:before {\n background: ${({ alertVariant, theme }) =>\n alertVariant === 'warning'\n ? theme.colors.neutral\n : theme.colors.neutral08};\n opacity: 0.15;\n }\n\n &:after {\n display: none;\n }\n }\n }\n`;\n\nconst IconWrapper = styled.span`\n display: inline-flex;\n padding-right: ${props => props.theme.spaceScale.spacing03};\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n display: none;\n }\n`;\n\nfunction renderIcon(variant = 'info', theme: any) {\n const Icon = VARIANT_ICON[variant];\n\n return (\n <IconWrapper theme={theme}>\n <Icon size={theme.iconSizes.medium} />\n </IconWrapper>\n );\n}\n\nfunction getButtonColor(variant: AlertVariant) {\n switch (variant) {\n case 'success':\n return ButtonColor.success;\n case 'warning':\n return ButtonColor.secondary;\n case 'danger':\n return ButtonColor.danger;\n default:\n return ButtonColor.primary;\n }\n}\n\nexport const Banner = React.forwardRef<HTMLDivElement, BannerProps>(\n (props, ref) => {\n const {\n actionButtonText,\n actionButtonOnClick,\n children,\n closeAriaLabel,\n isDismissible,\n onDismiss,\n testId,\n variant,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledBanner\n {...other}\n data-testid={testId}\n ref={ref}\n theme={theme}\n variant={variant}\n >\n <BannerContents theme={theme}>\n {renderIcon(variant, theme)}\n {children}\n {actionButtonText && actionButtonOnClick && (\n <Button\n color={getButtonColor(variant)}\n isInverse\n onClick={actionButtonOnClick}\n style={{ margin: `0 0 0 ${theme.spaceScale.spacing08}` }}\n size={ButtonSize.small}\n >\n {actionButtonText}\n </Button>\n )}\n </BannerContents>\n\n {isDismissible && (\n <ButtonWrapper>\n <DismissButton\n alertVariant={variant}\n aria-label={\n closeAriaLabel ? closeAriaLabel : i18n.alert.dismissAriaLabel\n }\n icon={<CloseIcon size={theme.iconSizes.small} />}\n isInverse\n onClick={onDismiss}\n theme={theme}\n variant={ButtonVariant.link}\n />\n </ButtonWrapper>\n )}\n </StyledBanner>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '@emotion/styled';\n\n/**\n * @children required\n */\nexport interface HideAtBreakpointProps\n extends React.HTMLAttributes<HTMLDivElement> {\n displayType?: HideAtBreakpointDisplayType;\n /**\n * Maximum width at which to hide the content\n */\n maxWidth?: number;\n /**\n * Minimum width at which to hide the content\n */\n minWidth?: number;\n testId?: string;\n}\n\nexport enum HideAtBreakpointDisplayType {\n block = 'block', // default\n flex = 'flex',\n inline = 'inline',\n inlineFlex = 'inline-flex',\n}\n\nconst Container = styled.div<HideAtBreakpointProps>`\n display: ${props => props.displayType};\n\n @media (min-width: ${props => props.minWidth}px) {\n display: none;\n }\n\n @media (max-width: ${props => props.maxWidth}px) {\n display: none;\n }\n`;\n\nexport const HideAtBreakpoint = React.forwardRef<\n HTMLDivElement,\n HideAtBreakpointProps\n>((props, ref) => {\n const {\n children,\n displayType = HideAtBreakpointDisplayType.block,\n minWidth,\n maxWidth,\n testId,\n ...other\n } = props;\n\n return (\n <Container\n {...other}\n data-testid={testId}\n displayType={displayType}\n maxWidth={maxWidth}\n minWidth={minWidth}\n ref={ref}\n >\n {children}\n </Container>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n isInverse?: boolean;\n testId?: string;\n}\n\nconst StyledList = styled('ol', {\n shouldForwardProp: isPropValid,\n})<BreadcrumbProps>`\n display: flex;\n flex-wrap: wrap;\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n list-style: none;\n margin: 0;\n padding: 0;\n`;\n\nexport const Breadcrumb = React.forwardRef<HTMLOListElement, BreadcrumbProps>(\n (props, ref) => {\n const {\n 'aria-label': ariaLabel,\n children,\n isInverse: isInverseProp,\n testId,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n const isInverse = useIsInverse(isInverseProp);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <nav\n {...other}\n aria-label={ariaLabel ? ariaLabel : i18n.breadcrumb.navAriaLabel}\n data-testid={testId}\n >\n <StyledList isInverse={isInverse} ref={ref} theme={theme}>\n {children}\n </StyledList>\n </nav>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport { ButtonStyles } from '../Button';\nimport styled from '@emotion/styled';\nimport { css, ClassNames } from '@emotion/core';\nimport { omit, Omit } from '../../utils';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { BaseStyledButton, buttonStyles } from '../StyledButton';\nimport { ThemeInterface } from '../../theme/magma';\nimport { useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface HyperlinkProps\n extends ButtonStyles,\n Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {\n children: React.ReactNode;\n /**\n * How the hyperlink is styled (can look like either a plain link or a button)\n */\n styledAs?: 'Button' | 'Link';\n testId?: string;\n /**\n * The href value of the link\n */\n to: string;\n}\n\nconst linkStyles = props => css`\n color: ${props.isInverse\n ? props.theme.colors.primaryInverse\n : props.theme.colors.primary};\n text-decoration: underline;\n &:not([disabled]) {\n &:hover,\n &:focus {\n color: ${props.isInverse\n ? props.theme.colors.primaryInverse\n : props.theme.colors.foundation02};\n }\n &:focus {\n outline: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: 3px;\n }\n }\n`;\n\nconst StyledLink = styled.a<{ isInverse?: boolean; theme: ThemeInterface }>`\n ${linkStyles}\n`;\n\nexport const Hyperlink = React.forwardRef<HTMLAnchorElement, HyperlinkProps>(\n (props, ref) => {\n const { children, to, styledAs, testId, ...rest } = props;\n\n const other = omit(['positionTop', 'positionLeft', 'type'], rest);\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(props.isInverse);\n\n if (typeof children === 'function') {\n const composedStyle =\n styledAs === 'Button'\n ? buttonStyles({ ...props, theme })\n : linkStyles({ ...props, theme });\n\n return (\n <ClassNames>\n {({ css: composedCss }) => {\n const className = composedCss(composedStyle);\n return (children as (props: object) => React.ReactNode)({\n to,\n className,\n isInverse,\n });\n }}\n </ClassNames>\n );\n } else {\n const LinkStyledAsButton = BaseStyledButton.withComponent('a');\n const HyperlinkComponent =\n styledAs === 'Button' ? LinkStyledAsButton : StyledLink;\n\n return (\n <HyperlinkComponent\n {...other}\n ref={ref}\n data-testid={testId}\n href={to}\n isInverse={isInverse}\n theme={theme}\n >\n {children}\n </HyperlinkComponent>\n );\n }\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { Hyperlink } from '../Hyperlink';\nimport { useIsInverse } from '../../inverse';\nimport { ChevronRightIcon } from 'react-magma-icons';\n\n/**\n * @children required\n */\nexport interface BreadcrumbItemProps\n extends React.HTMLAttributes<HTMLLIElement> {\n testId?: string;\n /**\n * The href value of the link. If left blank, the breadcrumb item will render as a span with aria-current=\"page\" on it.\n */\n to?: string;\n}\n\nconst StyledItem = styled.li`\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n`;\n\nconst StyledSpan = styled.span<{ isInverse?: boolean }>`\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral03};\n\n svg {\n margin: 0 ${props => props.theme.spaceScale.spacing02};\n }\n`;\n\nexport const BreadcrumbItem = React.forwardRef<\n HTMLLIElement,\n BreadcrumbItemProps\n>((props, ref) => {\n const { children, to, testId, ...other } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse();\n\n return (\n <StyledItem {...other} data-testid={testId} ref={ref}>\n {to ? (\n <>\n <Hyperlink to={to} isInverse={isInverse}>\n {children}\n </Hyperlink>\n <StyledSpan isInverse={isInverse} theme={theme}>\n <ChevronRightIcon size={theme.iconSizes.small} />\n </StyledSpan>\n </>\n ) : (\n <StyledSpan aria-current=\"page\" isInverse={isInverse} theme={theme}>\n {children}\n </StyledSpan>\n )}\n </StyledItem>\n );\n});\n","import * as React from 'react';\nimport { HideAtBreakpoint } from '../HideAtBreakpoint';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport enum BreakpointScreenSize {\n xs = 'xs', //default\n small = 'small',\n medium = 'medium',\n large = 'large',\n xl = 'xl',\n}\n\n/**\n * @children required\n */\nexport interface BreakpointsContainerProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Object that defines the pixel size of individual breakpoints\n * @default { xs: 0, small: 600, medium: 768, large: 1024, xl: 1200 }\n */\n breakpoints?: object;\n}\n\nexport interface BreakpointProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The relative screen size for the breakpoint. Will go from pixel width specified up to the next breakpoint.\n * @default BreakpointScreenSize.xs\n */\n screenSize?: BreakpointScreenSize;\n testId?: string;\n}\n\nexport const Breakpoint: React.FunctionComponent<BreakpointProps> = ({\n children,\n screenSize,\n testId,\n ...other\n}: BreakpointProps) => {\n return <div {...other}>{children}</div>;\n};\n\nfunction getMinWidth(\n screenSize: BreakpointScreenSize,\n breakpointValues: object,\n definedBreakpoints: any\n) {\n const sizes = Object.keys(breakpointValues);\n\n const newSizes = sizes.slice(sizes.indexOf(screenSize) + 1);\n\n const nextSize = newSizes.find(newSize =>\n definedBreakpoints.includes(newSize)\n );\n\n return breakpointValues[nextSize];\n}\n\nexport const BreakpointsContainer: React.FunctionComponent<BreakpointsContainerProps> = ({\n children,\n breakpoints,\n ...other\n}: BreakpointsContainerProps) => {\n const definedBreakpoints = [];\n\n React.Children.forEach(children, (child: React.ReactElement) => {\n definedBreakpoints.push(child.props.screenSize);\n });\n\n const theme = React.useContext(ThemeContext);\n\n const defaultBreakpoints = theme.breakpoints;\n\n const breakpointValues = breakpoints ? breakpoints : defaultBreakpoints;\n\n return (\n <>\n {React.Children.map(children, (child: React.ReactElement) => {\n return child.props.screenSize ? (\n <HideAtBreakpoint\n {...other}\n maxWidth={breakpointValues[child.props.screenSize] - 1}\n minWidth={getMinWidth(\n child.props.screenSize,\n breakpointValues,\n definedBreakpoints\n )}\n testId={child.props.testId}\n >\n {child}\n </HideAtBreakpoint>\n ) : (\n child\n );\n })}\n </>\n );\n};\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface CardProps extends React.LabelHTMLAttributes<HTMLDivElement> {\n /**\n * Sets the alignment of the card content\n * @default CardAlignment.left\n */\n align?: CardAlignment;\n /**\n * Color for the background and border-color, set by CSS.\n */\n background?: string;\n /**\n * If a value is passed, the card will be styled as a callout for the specified type.\n * @default none\n */\n calloutType?: CardCalloutType;\n /**\n * If true, card will render with a box-shadow\n * @default false\n */\n hasDropShadow?: boolean;\n isInverse?: boolean;\n testId?: string;\n /**\n * Width of the component, set by CSS.\n */\n width?: string | number;\n}\n\nexport enum CardAlignment {\n center = 'center',\n left = 'left',\n right = 'right',\n}\n\nexport enum CardCalloutType {\n danger = 'danger',\n primary = 'primary',\n success = 'success',\n warning = 'warning',\n}\n\nexport function buildCalloutBackground(\n props: CardProps & { theme: ThemeInterface }\n) {\n if (props.isInverse) {\n switch (props.calloutType) {\n case 'danger':\n return props.theme.colors.dangerInverse;\n case 'success':\n return props.theme.colors.successInverse;\n case 'warning':\n return props.theme.colors.pop04;\n default:\n return props.theme.colors.foundation04;\n }\n }\n\n switch (props.calloutType) {\n case 'danger':\n return props.theme.colors.danger;\n case 'success':\n return props.theme.colors.success;\n case 'warning':\n return props.theme.colors.pop04;\n default:\n return props.theme.colors.primary;\n }\n}\n\nconst StyledCard = styled.div<CardProps>`\n background: ${props =>\n props.background\n ? props.background\n : props.isInverse\n ? props.theme.colors.foundation\n : props.theme.colors.neutral08};\n border: 1px solid\n ${props =>\n props.background ? props.background : props.theme.colors.neutral06};\n border-radius: ${props => props.theme.borderRadius};\n box-shadow: ${props =>\n props.hasDropShadow ? '0 2px 6px 0 rgba(0,0,0,0.18)' : '0 0 0'};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: flex;\n flex-direction: column;\n overflow: visible;\n padding-left: ${props =>\n props.calloutType ? props.theme.spaceScale.spacing02 : '0'};\n position: relative;\n text-align: ${props => props.align};\n width: ${props => props.width};\n\n ${props =>\n props.calloutType &&\n css`\n &:before {\n background: ${buildCalloutBackground(props)};\n border-radius: ${props.theme.borderRadius} 0 0\n ${props.theme.borderRadius};\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n left: 0;\n width: ${props.theme.spaceScale.spacing02};\n }\n `}\n`;\n\ninterface NavTabsContextInterface {\n isInverse?: boolean;\n}\n\nexport const CardContext = React.createContext<NavTabsContextInterface>({\n isInverse: false,\n});\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n (props, ref) => {\n const { align, children, testId, width, ...other } = props;\n\n const isInverse = useIsInverse(props.isInverse);\n\n const theme = React.useContext(ThemeContext);\n\n const widthString = width\n ? typeof width === 'number'\n ? `${width}px`\n : width\n : 'auto';\n\n return (\n <StyledCard\n {...other}\n align={align ? align : CardAlignment.left}\n data-testid={testId}\n isInverse={isInverse}\n ref={ref}\n theme={theme}\n width={widthString}\n >\n <CardContext.Provider\n value={{\n isInverse,\n }}\n >\n {children}\n </CardContext.Provider>\n </StyledCard>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\n\nexport interface TypographyProps<T = HTMLParagraphElement>\n extends React.HTMLAttributes<T> {\n as?: string;\n children?: any;\n color?: TypographyColor;\n contextVariant?: TypographyContextVariant;\n element?: string;\n isInverse?: boolean;\n noMargins?: boolean;\n ref?: any;\n testId?: string;\n theme?: any;\n visualStyle?: TypographyVisualStyle;\n}\n\nexport enum TypographyColor {\n danger = 'danger',\n default = 'default', // default\n success = 'success',\n subdued = 'subdued',\n}\n\nexport enum TypographyContextVariant {\n default = 'default', // default\n expressive = 'expressive',\n narrative = 'narrative',\n}\n\nexport enum TypographyVisualStyle {\n headingXLarge = 'headingXLarge',\n headingLarge = 'headingLarge',\n headingMedium = 'headingMedium',\n headingSmall = 'headingSmall',\n headingXSmall = 'headingXSmall',\n heading2XSmall = 'heading2XSmall',\n bodyLarge = 'bodyLarge',\n bodyMedium = 'bodyMedium',\n bodySmall = 'bodySmall',\n bodyXSmall = 'bodyXSmall',\n}\n\nexport function getBodyFontFamily(props) {\n switch (props.contextVariant) {\n case TypographyContextVariant.expressive:\n return props.theme.bodyExpressiveFont;\n case TypographyContextVariant.narrative:\n return props.theme.bodyNarrativeFont;\n default:\n return props.theme.bodyFont;\n }\n}\n\nexport const colorStyles = props => css`\n color: ${props.isInverse\n ? props.theme.colors.neutral08\n : props.contextVariant === 'expressive'\n ? props.theme.colors.foundation02\n : props.theme.colors.neutral};\n\n ${props.color === TypographyColor.danger &&\n !props.isInverse &&\n css`\n color: ${props.theme.colors.danger};\n `}\n\n ${props.color === TypographyColor.success &&\n !props.isInverse &&\n css`\n color: ${props.theme.colors.success};\n `}\n\n${props.color === TypographyColor.subdued &&\n !props.isInverse &&\n css`\n color: ${props.theme.colors.neutral03};\n `}\n\n ${props.color === TypographyColor.danger &&\n props.isInverse &&\n css`\n color: ${props.theme.colors.dangerInverse};\n `}\n\n ${props.color === TypographyColor.success &&\n props.isInverse &&\n css`\n color: ${props.theme.colors.successInverse};\n `}\n\n${props.color === TypographyColor.subdued &&\n props.isInverse &&\n css`\n color: ${props.theme.colors.focusInverse};\n `}\n`;\n\nconst baseParagraphStyles = props => css`\n ${colorStyles(props)}\n font-family: ${getBodyFontFamily(props)};\n font-weight: normal;\n`;\n\nexport const paragraphLargeStyles = props => css`\n ${baseParagraphStyles(props)}\n\n margin: ${props.noMargins ? '0' : `${props.theme.spaceScale.spacing06} 0`};\n\n font-size: ${props.theme.typographyVisualStyles.bodyLarge.mobile.fontSize};\n line-height: ${props.theme.typographyVisualStyles.bodyLarge.mobile\n .lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.bodyLarge.desktop.fontSize};\n line-height: ${props.theme.typographyVisualStyles.bodyLarge.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === TypographyContextVariant.expressive &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.bodyLarge.mobile\n .fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.bodyLarge.mobile\n .lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.bodyLarge\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.bodyLarge\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const paragraphMediumStyles = props => css`\n ${baseParagraphStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.bodyMedium.mobile.fontSize};\n line-height: ${props.theme.typographyVisualStyles.bodyMedium.mobile\n .lineHeight};\n margin: ${props.noMargins ? '0' : `${props.theme.spaceScale.spacing06} 0`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.bodyMedium.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.bodyMedium.desktop\n .lineHeight};\n }\n`;\n\nexport const paragraphSmallStyles = props => css`\n ${baseParagraphStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.bodySmall.mobile.fontSize};\n letter-spacing: ${props.theme.typographyVisualStyles.bodySmall.mobile\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.bodySmall.mobile\n .lineHeight};\n margin: ${props.noMargins ? '0' : `${props.theme.spaceScale.spacing05} 0`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.bodySmall.desktop.fontSize};\n letter-spacing: ${props.theme.typographyVisualStyles.bodySmall.desktop\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.bodySmall.desktop\n .lineHeight};\n }\n`;\n\nexport const paragraphXSmallStyles = props => css`\n ${baseParagraphStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.bodyXSmall.mobile.fontSize};\n letter-spacing: ${props.theme.typographyVisualStyles.bodyXSmall.mobile\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.bodyXSmall.mobile\n .lineHeight};\n margin: ${props.noMargins ? '0' : `${props.theme.spaceScale.spacing03} 0`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.bodyXSmall.desktop\n .fontSize};\n letter-spacing: ${props.theme.typographyVisualStyles.bodyXSmall.desktop\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.bodyXSmall.desktop\n .lineHeight};\n }\n`;\n\nfunction getHeadingFontFamily(props) {\n switch (props.contextVariant) {\n case TypographyContextVariant.expressive:\n return props.theme.headingExpressiveFont;\n case TypographyContextVariant.narrative:\n return props.theme.headingNarrativeFont;\n default:\n return props.theme.headingFont;\n }\n}\n\nconst baseHeadingStyles = props => css`\n border-bottom: 2px solid transparent;\n font-family: ${getHeadingFontFamily(props)};\n padding: 0;\n\n &:focus {\n border-bottom: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline: 0;\n transition: border 0.1s linear;\n }\n\n ${colorStyles(props)}\n`;\n\nexport const headingXLargeStyles = props => css`\n ${baseHeadingStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.headingXLarge.mobile\n .fontSize};\n font-weight: ${props.theme.typographyVisualStyles.headingXLarge.fontWeight};\n line-height: ${props.theme.typographyVisualStyles.headingXLarge.mobile\n .lineHeight};\n margin: ${props.noMargins ? 0 : `0 0 ${props.theme.spaceScale.spacing05}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.headingXLarge.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.headingXLarge.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingXLarge\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.headingXLarge\n .fontWeight};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingXLarge\n .mobile.lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingXLarge\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingXLarge\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingXLarge\n .mobile.fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.headingXLarge\n .fontWeight};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingXLarge\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingXLarge\n .desktop.fontSize};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingXLarge\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const headingLargeStyles = props => css`\n ${baseHeadingStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.headingLarge.mobile.fontSize};\n font-weight: ${props.theme.typographyVisualStyles.headingLarge.fontWeight};\n line-height: ${props.theme.typographyVisualStyles.headingLarge.mobile\n .lineHeight};\n margin: ${props.noMargins\n ? 0\n : `${props.theme.spaceScale.spacing10} 0 ${props.theme.spaceScale.spacing05}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.headingLarge.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.headingLarge.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingLarge\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.headingLarge\n .fontWeight};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingLarge\n .mobile.lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingLarge\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingLarge\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingLarge.mobile\n .fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.headingLarge\n .fontWeight};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingLarge\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingLarge\n .desktop.fontSize};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingLarge\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const headingMediumStyles = props => css`\n ${baseHeadingStyles(props)};\n\n font-size: ${props.theme.typographyVisualStyles.headingMedium.mobile\n .fontSize};\n font-weight: ${props.theme.typographyVisualStyles.headingMedium.fontWeight};\n line-height: ${props.theme.typographyVisualStyles.headingMedium.mobile\n .lineHeight};\n margin: ${props.noMargins\n ? 0\n : `${props.theme.spaceScale.spacing09} 0 ${props.theme.spaceScale.spacing05}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.headingMedium.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.headingMedium.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingMedium\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.headingMedium\n .fontWeight};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingMedium\n .mobile.lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingMedium\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingMedium\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingMedium\n .mobile.fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.headingMedium\n .fontWeight};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingMedium\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingMedium\n .desktop.fontSize};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingMedium\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const headingSmallStyles = props => css`\n ${baseHeadingStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.headingSmall.mobile.fontSize};\n font-weight: ${props.theme.typographyVisualStyles.headingSmall.fontWeight};\n line-height: ${props.theme.typographyVisualStyles.headingSmall.mobile\n .lineHeight};\n margin: ${props.noMargins\n ? 0\n : `${props.theme.spaceScale.spacing08} 0 ${props.theme.spaceScale.spacing05}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.headingSmall.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.headingSmall.desktop\n .lineHeight};\n }\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingSmall\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.headingSmall\n .fontWeight};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingSmall\n .mobile.lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingSmall\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingSmall\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingSmall.mobile\n .fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.headingSmall\n .fontWeight};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingSmall\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingSmall\n .desktop.fontSize};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingSmall\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const headingXSmallStyles = props => css`\n ${baseHeadingStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.headingXSmall.mobile\n .fontSize};\n font-weight: ${props.theme.typographyVisualStyles.headingXSmall.fontWeight};\n line-height: ${props.theme.typographyVisualStyles.headingXSmall.mobile\n .lineHeight};\n margin: ${props.noMargins\n ? 0\n : `${props.theme.spaceScale.spacing06} 0 ${props.theme.spaceScale.spacing05}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.headingXSmall.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.headingXSmall.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingXSmall\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.headingXSmall\n .fontWeight};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingXSmall\n .mobile.lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingXSmall\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingXSmall\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingXSmall\n .mobile.fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.headingXSmall\n .fontWeight};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingXSmall\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingXSmall\n .desktop.fontSize};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingXSmall\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const heading2XSmallStyles = props => css`\n ${baseHeadingStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.heading2XSmall.mobile\n .fontSize};\n font-weight: ${props.theme.typographyVisualStyles.heading2XSmall.fontWeight};\n letter-spacing: ${props.theme.typographyVisualStyles.heading2XSmall.mobile\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.heading2XSmall.mobile\n .lineHeight};\n text-transform: uppercase;\n margin: ${props.noMargins\n ? 0\n : `${props.theme.spaceScale.spacing06} 0 ${props.theme.spaceScale.spacing03}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.heading2XSmall.desktop\n .fontSize};\n letter-spacing: ${props.theme.typographyVisualStyles.heading2XSmall.desktop\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.heading2XSmall.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.heading2XSmall\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.heading2XSmall\n .fontWeight};\n letter-spacing: ${props.theme.typographyExpressiveVisualStyles\n .heading2XSmall.mobile.letterSpacing};\n line-height: ${props.theme.typographyExpressiveVisualStyles.heading2XSmall\n .mobile.lineHeight};\n text-transform: none;\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.heading2XSmall\n .desktop.fontSize};\n letter-spacing: ${props.theme.typographyExpressiveVisualStyles\n .heading2XSmall.desktop.letterSpacing};\n line-height: ${props.theme.typographyExpressiveVisualStyles.heading2XSmall\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .mobile.fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .fontWeight};\n letter-spacing: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .mobile.letterSpacing};\n line-height: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .desktop.fontSize};\n letter-spacing: ${props.theme.typographyNarrativeVisualStyles\n .heading2XSmall.desktop.letterSpacing};\n line-height: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .desktop.lineHeight};\n }\n `};\n`;\n\nfunction getTypographyStyles(props) {\n switch (props.visualStyle) {\n case TypographyVisualStyle.headingXLarge:\n return headingXLargeStyles(props);\n case TypographyVisualStyle.headingLarge:\n return headingLargeStyles(props);\n case TypographyVisualStyle.headingMedium:\n return headingMediumStyles(props);\n case TypographyVisualStyle.headingSmall:\n return headingSmallStyles(props);\n case TypographyVisualStyle.headingXSmall:\n return headingXSmallStyles(props);\n case TypographyVisualStyle.heading2XSmall:\n return heading2XSmallStyles(props);\n case TypographyVisualStyle.bodyLarge:\n return paragraphLargeStyles(props);\n case TypographyVisualStyle.bodyMedium:\n return paragraphMediumStyles(props);\n case TypographyVisualStyle.bodySmall:\n return paragraphSmallStyles(props);\n case TypographyVisualStyle.bodyXSmall:\n return paragraphXSmallStyles(props);\n default:\n return headingLargeStyles(props);\n }\n}\n\nexport const TypographyComponent = styled.p<TypographyProps>`\n ${props => getTypographyStyles(props)}\n`;\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { CardProps } from '../Card';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\n/**\n * @children required\n */\nexport interface CardBodyProps\n extends React.LabelHTMLAttributes<HTMLDivElement> {\n testId?: string;\n}\n\nconst StyledCardBody = styled.div<CardProps>`\n padding: ${props => props.theme.spaceScale.spacing05};\n text-align: ${props => props.align};\n\n @media (min-width: ${props => props.theme.breakpoints.small}px) {\n padding: ${props => props.theme.spaceScale.spacing06};\n }\n`;\n\nexport const CardBody = React.forwardRef<HTMLDivElement, CardBodyProps>(\n (props, ref) => {\n const { children, testId, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledCardBody {...other} data-testid={testId} ref={ref} theme={theme}>\n {children}\n </StyledCardBody>\n );\n }\n);\n","import * as React from 'react';\nimport { useIsInverse } from '../../inverse';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport {\n TypographyColor,\n TypographyContextVariant,\n TypographyVisualStyle,\n TypographyComponent,\n TypographyProps,\n} from '../Typography';\n\n/**\n * @children required\n */\nexport interface HeadingProps extends TypographyProps<HTMLHeadingElement> {\n /**\n * The color of the component, that helps to convey meaning or relative emphasis\n * @default TypographyColor.default\n */\n color?: TypographyColor;\n /**\n * Additional styles for typography based on the context of the content\n * @default TypographyColor.default\n */\n contextVariant?: TypographyContextVariant;\n isInverse?: boolean;\n /**\n * Number to indicate which level heading will render (e.g. h1, h2 etc.)\n */\n level: 1 | 2 | 3 | 4 | 5 | 6;\n testId?: string;\n /**\n * Applies visual styles including font-size, font-weight, line-height and margins\n */\n visualStyle?: TypographyVisualStyle;\n}\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n (props, ref) => {\n const { level, testId, visualStyle, children, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n const stylesFromLevel = {\n 1: TypographyVisualStyle.headingXLarge,\n 2: TypographyVisualStyle.headingLarge,\n 3: TypographyVisualStyle.headingMedium,\n 4: TypographyVisualStyle.headingSmall,\n 5: TypographyVisualStyle.headingXSmall,\n 6: TypographyVisualStyle.heading2XSmall,\n };\n\n const headingElement = `h${level}`;\n\n return (\n <TypographyComponent\n {...other}\n as={headingElement}\n data-testid={testId}\n isInverse={useIsInverse(props.isInverse)}\n ref={ref}\n visualStyle={visualStyle ? visualStyle : stylesFromLevel[level]}\n theme={theme}\n >\n {children}\n </TypographyComponent>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { CardContext } from './Card';\nimport { Heading } from '../Heading';\nimport { TypographyColor, TypographyVisualStyle } from '../Typography';\n\n/**\n * @children required\n */\nexport interface CardHeadingProps\n extends React.LabelHTMLAttributes<HTMLHeadingElement> {\n /**\n * Number to indicate which level heading will render (e.g. h1, h2 etc.)\n * @default 4\n */\n headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n isInverse?: boolean;\n testId?: string;\n}\n\nconst StyledCardHeading = styled(Heading)`\n margin-top: 0;\n`;\n\nexport const CardHeading = React.forwardRef<\n HTMLHeadingElement,\n CardHeadingProps\n>((props, ref) => {\n const { headingLevel, children, ...other } = props;\n\n const context = React.useContext(CardContext);\n\n return (\n <StyledCardHeading\n {...other}\n color={TypographyColor.default}\n isInverse={context.isInverse}\n level={headingLevel ? headingLevel : 4}\n ref={ref}\n testId={props.testId}\n visualStyle={TypographyVisualStyle.headingSmall}\n >\n {children}\n </StyledCardHeading>\n );\n});\n","import { css } from '@emotion/core';\n\nexport const DisplayInputStyles = props => css`\n align-items: center;\n display: flex;\n height: ${props.theme.spaceScale.spacing06};\n flex-shrink: 0;\n justify-content: center;\n position: relative;\n transition: all 0.2s ease-out;\n width: ${props.theme.spaceScale.spacing06};\n\n &:before,\n &:after {\n // focus and active states\n content: '';\n position: absolute;\n }\n\n &:after {\n // active state\n border-radius: 50%;\n height: ${props.theme.spaceScale.spacing09};\n left: -${props.theme.spaceScale.spacing03};\n opacity: 0;\n padding: 50%;\n top: -${props.theme.spaceScale.spacing03};\n transform: scale(1);\n transition: opacity 1s, transform 0.5s;\n width: ${props.theme.spaceScale.spacing09};\n }\n`;\n\nexport const DisplayInputActiveStyles = css`\n opacity: 0.4;\n transform: scale(0);\n transition: transform 0s;\n`;\n\nexport function buildDisplayInputActiveBackground(props) {\n return props.isInverse\n ? props.theme.colors.neutral08\n : props.color\n ? props.color\n : props.theme.colors.primary;\n}\n\nexport function buildDisplayInputBorderColor(props) {\n if (props.hasError) {\n if (props.isInverse) {\n return props.theme.colors.dangerInverse;\n }\n return props.theme.colors.danger;\n }\n return 'transparent';\n}\n\nexport function buildDisplayInputFocusStyles(props) {\n return css`\n height: 30px;\n position: absolute;\n width: 30px;\n outline: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n `;\n}\n","import { css } from '@emotion/core';\n\nexport const HiddenStyles = css`\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n position: absolute;\n overflow: hidden;\n top: auto;\n white-space: nowrap;\n width: 1px;\n`;\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ButtonVariant, ButtonType, ButtonSize, ButtonShape } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { ClearIcon, IconProps } from 'react-magma-icons';\nimport { useIsInverse } from '../../inverse';\nimport { ThemeInterface } from '../../theme/magma';\nimport { I18nContext } from '../../i18n';\nimport { useForkedRef } from '../../utils';\n\nexport enum InputSize {\n large = 'large',\n medium = 'medium', //default\n}\n\nexport enum InputType {\n email = 'email',\n file = 'file',\n number = 'number',\n password = 'password',\n search = 'search',\n text = 'text', // default\n}\n\nexport enum InputIconPosition {\n top = 'top',\n left = 'left',\n right = 'right', // default\n}\n\nexport interface InputBaseProps\n extends React.InputHTMLAttributes<HTMLInputElement> {\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * @internal\n */\n hasError?: boolean;\n /**\n * Icon to display within the component\n */\n icon?: React.ReactElement<IconProps>;\n /**\n * Text for the aria-label attribute for an icon, if provided\n */\n iconAriaLabel?: string;\n /**\n * Position within the component for the icon to appear\n * @default InputIconPosition.right\n */\n iconPosition?: InputIconPosition;\n /**\n * Reference to the icon element\n */\n iconRef?: React.Ref<HTMLButtonElement>;\n /**\n * Relative size of the component\n * @default InputSize.medium\n */\n inputSize?: InputSize;\n /**\n * Style properties for the input element\n */\n inputStyle?: React.CSSProperties;\n /**\n * Clear contents of input by clicking a clear button\n * @default false\n */\n isClearable?: boolean;\n /**\n * Function to be called when the contents of input are cleared by clicking a clear button\n */\n onClear?: () => void;\n isInverse?: boolean;\n /**\n * For use in predictive search which moves the icon to the left\n */\n isPredictive?: boolean;\n /**\n * Action that will fire when icon is clicked\n */\n onIconClick?: () => void;\n /**\n * Action that will fire when icon receives keypress\n */\n onIconKeyDown?: (event) => void;\n testId?: string;\n /**\n * @internal\n */\n theme?: any;\n /**\n * The type attribute of the form field\n * @default InputType.text\n */\n type?: InputType;\n}\n\nexport interface InputWrapperStylesProps {\n width?: string;\n iconPosition?: InputIconPosition;\n isInverse?: boolean;\n isClearable?: boolean;\n isPredictive?: boolean;\n theme?: ThemeInterface;\n hasError?: boolean;\n disabled?: boolean;\n}\n\nexport const inputWrapperStyles = (props: InputWrapperStylesProps) => css`\n align-items: center;\n display: flex;\n flex-shrink: 0;\n position: relative;\n width: ${props.width || 'auto'};\n background-color: ${props.theme.colors.neutral08};\n border-radius: ${props.theme.borderRadius};\n border: 1px solid\n ${props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral03};\n\n &:focus-within {\n outline: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: 4px;\n }\n\n ${props.hasError &&\n css`\n border-color: ${props.theme.colors.danger};\n box-shadow: 0 0 0 1px\n ${props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.danger};\n `}\n\n ${props.disabled &&\n css`\n border-color: ${props.theme.colors.neutral05};\n background-color: ${props.disabled\n ? props.theme.colors.neutral07\n : props.theme.colors.neutral08};\n `}\n button {\n bottom: ${props.iconPosition === InputIconPosition.top\n ? '40px'\n : 'inherit'};\n right: ${props.iconPosition === InputIconPosition.top ? '-4px' : 'inherit'};\n }\n`;\n\nexport interface InputBaseStylesProps {\n isInverse?: boolean;\n iconPosition?: InputIconPosition;\n inputSize?: InputSize;\n isPredictive?: boolean;\n theme?: ThemeInterface;\n disabled?: boolean;\n}\n\nexport const inputBaseStyles = (props: InputBaseStylesProps) => css`\n border: 0;\n border-radius: ${props.theme.borderRadius};\n background: ${props.theme.colors.neutral08};\n color: ${props.theme.colors.neutral};\n display: block;\n font-size: ${props.theme.typeScale.size03.fontSize};\n line-height: ${props.theme.typeScale.size03.lineHeight};\n font-family: ${props.theme.bodyFont};\n height: ${props.theme.spaceScale.spacing09};\n padding: ${props.theme.spaceScale.spacing03};\n -webkit-appearance: none;\n width: 100%;\n\n ${props.iconPosition === 'left' &&\n css`\n padding-left: ${props.theme.spaceScale.spacing09};\n `}\n\n ${props.iconPosition === 'right' &&\n css`\n padding-right: ${props.theme.spaceScale.spacing09};\n `}\n\n ${props.inputSize === 'large' &&\n css`\n font-size: ${props.theme.typeScale.size04.fontSize};\n line-height: ${props.theme.typeScale.size04.lineHeight};\n height: ${props.theme.spaceScale.spacing11};\n padding: ${props.theme.spaceScale.spacing04};\n `}\n\n ${props.iconPosition === 'left' &&\n props.inputSize === 'large' &&\n css`\n padding-left: ${props.theme.spaceScale.spacing10};\n `}\n\n ${props.iconPosition === 'right' &&\n props.inputSize === 'large' &&\n css`\n padding-right: ${props.theme.spaceScale.spacing10};\n `}\n\n &::placeholder {\n color: ${props.theme.colors.neutral03};\n opacity: 1;\n }\n\n &:focus {\n outline: 0;\n }\n\n &[type='search'] {\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n }\n\n ${props.disabled &&\n css`\n background: ${props.theme.colors.neutral07};\n color: ${props.theme.colors.disabledText};\n cursor: not-allowed;\n\n &::placeholder {\n color: ${props.theme.colors.disabledText};\n }\n `}\n`;\n\nexport const InputWrapper = styled.div<InputWrapperStylesProps>`\n ${inputWrapperStyles}\n`;\n\nconst StyledInput = styled.input<InputBaseStylesProps>`\n ${inputBaseStyles}\n`;\n\nconst IconWrapper = styled.span<{\n iconPosition?: InputIconPosition;\n inputSize?: InputSize;\n isClearable?: boolean;\n isPredictive?: boolean;\n disabled?: boolean;\n}>`\n bottom: ${props => (props.iconPosition === 'top' ? '45px' : 'inherit')};\n color: ${props => props.theme.colors.neutral};\n left: ${props =>\n props.iconPosition === 'left' ? props.theme.spaceScale.spacing03 : 'auto'};\n right: ${props =>\n props.iconPosition === 'right'\n ? props.theme.spaceScale.spacing03\n : props.iconPosition === 'top'\n ? '3px'\n : 'auto'};\n position: absolute;\n top: ${props =>\n props.iconPosition === 'top'\n ? 'inherit'\n : props => props.theme.spaceScale.spacing03};\n\n ${props =>\n props.inputSize === 'large' &&\n css`\n bottom: ${props.iconPosition === 'top' ? '56px' : 'inherit'};\n left: ${props.iconPosition === 'left'\n ? props.theme.spaceScale.spacing04\n : 'auto'};\n right: ${props.iconPosition === 'right'\n ? props.theme.spaceScale.spacing04\n : props.iconPosition === 'top'\n ? '3px'\n : 'auto'};\n top: ${props.iconPosition === 'top'\n ? 'inherit'\n : props.theme.spaceScale.spacing04};\n `}\n`;\n\nconst IconButtonContainer = styled.span<{\n iconPosition?: InputIconPosition;\n size?: InputSize;\n theme: ThemeInterface;\n isClearable?: boolean;\n disabled?: boolean;\n}>`\n background-color: ${({ disabled, theme }) =>\n disabled ? theme.colors.neutral07 : theme.colors.neutral08};\n bottom: ${props => (props.iconPosition === 'top' ? '40px' : 'inherit')};\n height: auto;\n margin: 0;\n position: relative;\n right: ${props =>\n props.size === InputSize.large\n ? props.theme.spaceScale.spacing02\n : props.theme.spaceScale.spacing01};\n\n svg {\n height: ${props =>\n props.size === InputSize.large\n ? `${props.theme.iconSizes.large}px`\n : `${props.theme.iconSizes.medium}px`};\n width: ${props =>\n props.size === InputSize.large\n ? `${props.theme.iconSizes.large}px`\n : `${props.theme.iconSizes.medium}px`};\n }\n`;\n\nconst IsClearableContainer = styled.span<{\n size?: InputSize;\n theme: ThemeInterface;\n isClearable?: boolean;\n disabled?: boolean;\n}>`\n background-color: ${({ disabled, theme }) =>\n disabled ? theme.colors.neutral07 : theme.colors.neutral08};\n position: relative;\n right: ${props =>\n props.size === InputSize.large\n ? props.theme.spaceScale.spacing02\n : props.theme.spaceScale.spacing01};\n`;\n\nfunction getIconSize(size: string, theme: ThemeInterface) {\n switch (size) {\n case 'large':\n return theme.iconSizes.large;\n default:\n return theme.iconSizes.medium;\n }\n}\n\nexport const InputBase = React.forwardRef<HTMLInputElement, InputBaseProps>(\n (props, forwardedRef) => {\n const {\n children,\n containerStyle,\n defaultValue,\n disabled,\n hasError,\n icon,\n iconAriaLabel,\n iconRef,\n isClearable,\n isPredictive,\n onClear,\n onIconClick,\n onIconKeyDown,\n inputSize,\n inputStyle,\n testId,\n type,\n ...other\n } = props;\n\n const i18n = React.useContext(I18nContext);\n\n const theme = React.useContext(ThemeContext);\n const iconPosition =\n icon && onIconClick\n ? InputIconPosition.right\n : icon && !props.iconPosition\n ? InputIconPosition.left\n : props.iconPosition;\n\n const [value, setValue] = React.useState<\n string | ReadonlyArray<string> | number\n >(props.defaultValue || props.value || '');\n\n React.useEffect(() => {\n if (props.value !== undefined && props.value !== null) {\n setValue(props.value);\n }\n }, [props.value]);\n\n const inputRef = React.useRef<HTMLInputElement>();\n const ref = useForkedRef(forwardedRef, inputRef);\n\n function handleClearInput() {\n onClear && typeof onClear === 'function' && onClear();\n setValue('');\n inputRef.current.focus();\n }\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(event);\n\n setValue(event.target.value);\n }\n\n return (\n <InputWrapper\n disabled={disabled}\n iconPosition={iconPosition}\n isInverse={props.isInverse}\n theme={theme}\n style={containerStyle}\n hasError={hasError}\n isClearable={isClearable}\n >\n <StyledInput\n {...other}\n aria-invalid={hasError}\n disabled={disabled}\n data-testid={testId}\n iconPosition={iconPosition}\n inputSize={inputSize ? inputSize : InputSize.medium}\n isInverse={useIsInverse(props.isInverse)}\n isPredictive={isPredictive}\n ref={ref}\n onChange={handleChange}\n style={inputStyle}\n theme={theme}\n type={type ? type : InputType.text}\n value={value}\n />\n {isClearable && value && (\n <IsClearableContainer theme={theme} disabled={disabled}>\n <IconButton\n aria-label={i18n.input.isClearableAriaLabel}\n disabled={disabled}\n icon={<ClearIcon />}\n isInverse={false}\n onClick={handleClearInput}\n onKeyDown={onIconKeyDown}\n ref={iconRef}\n shape={ButtonShape.fill}\n size={\n inputSize === InputSize.large\n ? ButtonSize.medium\n : ButtonSize.small\n }\n testId=\"clear-button\"\n type={ButtonType.button}\n variant={ButtonVariant.link}\n />\n </IsClearableContainer>\n )}\n\n {icon && !onIconClick && (\n <IconWrapper\n aria-label={iconAriaLabel}\n iconPosition={iconPosition}\n inputSize={inputSize ? inputSize : InputSize.medium}\n isPredictive={isPredictive}\n theme={theme}\n disabled={disabled}\n >\n {React.Children.only(\n React.cloneElement(icon, {\n size: getIconSize(\n inputSize ? inputSize : InputSize.medium,\n theme\n ),\n })\n )}\n </IconWrapper>\n )}\n\n {onIconClick && (\n <IconButtonContainer\n iconPosition={iconPosition}\n size={\n inputSize === InputSize.large ? InputSize.large : InputSize.medium\n }\n theme={theme}\n disabled={disabled}\n >\n <IconButton\n aria-label={iconAriaLabel}\n icon={icon}\n isInverse={false}\n onClick={onIconClick}\n onKeyDown={onIconKeyDown}\n ref={iconRef}\n disabled={disabled}\n shape={ButtonShape.fill}\n size={\n inputSize === InputSize.large\n ? ButtonSize.medium\n : ButtonSize.small\n }\n type={ButtonType.button}\n variant={ButtonVariant.link}\n />\n </IconButtonContainer>\n )}\n\n {children}\n </InputWrapper>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { InputIconPosition, InputSize } from '../InputBase';\nimport { useIsInverse } from '../../inverse';\n\nexport enum LabelPosition {\n left = 'left',\n top = 'top', // default\n}\n\nexport interface LabelProps\n extends React.LabelHTMLAttributes<HTMLLabelElement> {\n actionable?: boolean;\n iconPosition?: InputIconPosition;\n isInverse?: boolean;\n labelPosition?: LabelPosition;\n size?: InputSize;\n theme?: any;\n testId?: string;\n}\n\nconst StyledLabel = styled.label<{\n iconPosition: InputIconPosition;\n isInverse: boolean;\n theme: any;\n size: InputSize;\n labelPosition: LabelPosition;\n}>`\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: inline-block;\n font-size: ${props =>\n props.size === InputSize.large\n ? props.theme.typeScale.size03.fontSize\n : props.theme.typeScale.size02.fontSize};\n font-weight: 600;\n letter-spacing: ${props =>\n props.size === InputSize.large\n ? 'inherit'\n : props.theme.typeScale.size02.letterSpacing};\n line-height: ${props =>\n props.size === InputSize.large\n ? props.theme.typeScale.size03.lineHeight\n : props.theme.typeScale.size02.lineHeight};\n margin: ${props =>\n props.labelPosition === LabelPosition.left\n ? `0 ${props.theme.spaceScale.spacing05} 0 0`\n : `0 0 ${props.theme.spaceScale.spacing03}`};\n max-width: ${props =>\n props.iconPosition === InputIconPosition.top\n ? 'calc(100% - 51px)'\n : '100%'};\n text-align: left;\n white-space: ${props =>\n props.iconPosition === InputIconPosition.top ? 'inherit' : 'nowrap'};\n`;\n\nconst StyledSpan = StyledLabel.withComponent('span');\n\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n (props, ref) => {\n const {\n actionable = true,\n children,\n iconPosition,\n labelPosition,\n size,\n testId,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n\n return actionable ? (\n <StyledLabel\n {...other}\n data-testid={testId}\n isInverse={useIsInverse(props.isInverse)}\n iconPosition={iconPosition}\n labelPosition={labelPosition || LabelPosition.top}\n ref={ref}\n size={size ? size : InputSize.medium}\n theme={theme}\n >\n {children}\n </StyledLabel>\n ) : (\n <StyledSpan\n {...other}\n data-testid={testId}\n isInverse={useIsInverse(props.isInverse)}\n iconPosition={iconPosition}\n labelPosition={labelPosition || LabelPosition.top}\n ref={ref}\n size={size ? size : InputSize.medium}\n theme={theme}\n >\n {children}\n </StyledSpan>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ErrorIcon } from 'react-magma-icons';\nimport { Announce } from '../Announce';\nimport { InputSize } from '../InputBase';\n\nexport interface InputMessageProps\n extends React.HTMLAttributes<HTMLDivElement> {\n hasError?: boolean;\n id?: string;\n inputSize?: InputSize;\n isInverse?: boolean;\n}\n\nfunction BuildMessageColor(props) {\n const { isInverse, hasError, theme } = props;\n if (isInverse) {\n return hasError ? theme.colors.dangerInverse : theme.colors.neutral08;\n }\n return hasError ? theme.colors.danger : theme.colors.neutral03;\n}\n\nconst Message = styled.div<InputMessageProps>`\n align-items: center;\n border-radius: ${props => props.theme.borderRadius};\n color: ${props => BuildMessageColor(props)};\n display: flex;\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n margin-top: ${props =>\n props.inputSize === InputSize.large\n ? props.theme.spaceScale.spacing03\n : props.theme.spaceScale.spacing02};\n text-align: left;\n`;\n\nconst IconWrapper = styled.span`\n display: inline-flex;\n flex-shrink: 0;\n padding-right: ${props => props.theme.spaceScale.spacing02};\n`;\n\nexport const InputMessage: React.FunctionComponent<InputMessageProps> = ({\n children,\n id,\n isInverse,\n hasError,\n ...other\n}: InputMessageProps) => {\n const theme = React.useContext(ThemeContext);\n\n return (\n <Announce>\n <Message\n {...other}\n data-testid=\"inputMessage\"\n id={id}\n isInverse={isInverse}\n hasError={hasError}\n theme={theme}\n >\n {hasError && (\n <IconWrapper aria-label=\"Error\" role=\"img\" theme={theme}>\n <ErrorIcon size={theme.iconSizes.small} />\n </IconWrapper>\n )}\n <div>{children}</div>\n </Message>\n </Announce>\n );\n};\n","import * as React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport {\n DisplayInputStyles,\n DisplayInputActiveStyles,\n buildDisplayInputActiveBackground,\n buildDisplayInputBorderColor,\n buildDisplayInputFocusStyles,\n} from '../SelectionControls/InputStyles';\nimport { FormGroupContext } from '../FormGroup';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\nimport { InputMessage } from '../Input/InputMessage';\nimport { CheckBoxIcon, CheckBoxOutlineBlankIcon } from 'react-magma-icons';\nimport { StyledLabel } from '../SelectionControls/StyledLabel';\nimport { StyledContainer } from '../SelectionControls/StyledContainer';\nimport styled from '@emotion/styled';\nimport { omit, useGenerateId } from '../../utils';\nimport { useIsInverse } from '../../inverse';\n\nexport enum CheckboxTextPosition {\n left = 'left',\n right = 'right', // default\n}\n\nexport interface CheckboxProps\n extends React.InputHTMLAttributes<HTMLInputElement> {\n /**\n * If true, element is checked (i.e. selected)\n * @default false\n */\n checked?: boolean;\n /**\n * Hex code for the background color\n * @default #0000FF\n */\n color?: string;\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * If true, checkbox is checked on first render\n */\n defaultChecked?: boolean;\n /**\n * If true, element is disabled\n * @default false\n */\n disabled?: boolean;\n /**\n * Content of the error message for an individual checkbox. If a value is provided, the input will be styled as an error state and the error message will display.\n */\n errorMessage?: React.ReactNode;\n /*\n * @internal\n */\n hasError?: boolean;\n /**\n * Style properties for the checkbox element\n */\n inputStyle?: React.CSSProperties;\n isInverse?: boolean;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isTextVisuallyHidden?: boolean;\n /**\n * Style properties for the label element\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content of label; can be node or string\n */\n labelText: React.ReactNode;\n testId?: string;\n /**\n * Whether the label appears to the left of the right of the checkbox\n * @default CheckboxTextPosition.right\n */\n textPosition?: CheckboxTextPosition;\n}\n\nexport const HiddenLabelText = styled.span`\n ${HiddenStyles};\n`;\n\nexport const HiddenInput = styled.input`\n ${HiddenStyles};\n`;\n\nfunction buildCheckIconColor(props) {\n if (props.disabled) {\n if (props.isInverse) {\n return props.theme.colors.tint04;\n }\n return props.theme.colors.neutral05;\n }\n if (props.isInverse) {\n return props.theme.colors.neutral08;\n }\n if (props.isChecked || props.isIndeterminate) {\n return props.color;\n }\n return props.theme.colors.neutral02;\n}\n\nexport const StyledFakeInput = styled.span<{\n isChecked?: boolean;\n color: string;\n disabled?: boolean;\n isIndeterminate?: boolean;\n isInverse?: boolean;\n hasError?: boolean;\n textPosition?: CheckboxTextPosition;\n theme?: any;\n}>`\n ${DisplayInputStyles};\n border: 2px solid;\n border-color: ${props => buildDisplayInputBorderColor(props)};\n color: ${props => buildCheckIconColor(props)};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n margin: ${props =>\n props.textPosition === 'left'\n ? `${props.theme.spaceScale.spacing01} 0 0 ${props.theme.spaceScale.spacing03}`\n : `0 ${props.theme.spaceScale.spacing03} 0 0`};\n\n svg {\n flex-shrink: 0;\n pointer-events: none;\n transition: all 0.2s ease-out;\n }\n\n ${HiddenInput}:focus + label & {\n &:before {\n ${props => buildDisplayInputFocusStyles(props)};\n }\n }\n\n &:after {\n // active state\n background: ${props => buildDisplayInputActiveBackground(props)};\n top: -10px;\n left: -10px;\n }\n\n /* prettier-ignore */\n ${HiddenInput}:not(:disabled):active + label & {\n &:after {\n ${DisplayInputActiveStyles}\n }\n }\n`;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n (props, ref) => {\n const { checked, id: defaultId, defaultChecked, onChange } = props;\n const [isChecked, updateIsChecked] = React.useState(\n Boolean(defaultChecked) || Boolean(checked)\n );\n\n const id = useGenerateId(defaultId);\n const isControlled = typeof checked === 'boolean' ? true : false;\n\n React.useEffect(() => {\n if (typeof checked === 'boolean') {\n updateIsChecked(checked);\n }\n }, [checked]);\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { checked: targetChecked } = event.target;\n\n onChange && typeof onChange === 'function' && onChange(event);\n\n if (!isControlled) {\n updateIsChecked(targetChecked);\n }\n }\n\n const theme = React.useContext(ThemeContext);\n const context = React.useContext(FormGroupContext);\n\n const {\n color = theme.colors.primary,\n containerStyle,\n disabled,\n errorMessage,\n inputStyle,\n labelStyle,\n labelText,\n isTextVisuallyHidden,\n testId,\n textPosition,\n ...rest\n } = props;\n const other = omit(['defaultChecked'], rest);\n\n const descriptionId = errorMessage && `${id}__desc`;\n const groupDescriptionId = context.descriptionId;\n\n const describedBy =\n descriptionId && groupDescriptionId\n ? `${groupDescriptionId} ${descriptionId}`\n : descriptionId\n ? descriptionId\n : groupDescriptionId\n ? groupDescriptionId\n : null;\n\n const hasError = context.hasError || !!errorMessage;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <>\n <StyledContainer style={containerStyle}>\n <HiddenInput\n {...other}\n aria-describedby={describedBy}\n id={id}\n data-testid={testId}\n checked={isChecked}\n disabled={disabled}\n ref={ref}\n type=\"checkbox\"\n onChange={handleChange}\n />\n <StyledLabel htmlFor={id} isInverse={isInverse} style={labelStyle}>\n {!isTextVisuallyHidden &&\n textPosition === CheckboxTextPosition.left &&\n labelText}\n\n <StyledFakeInput\n isChecked={isChecked}\n color={color}\n disabled={disabled}\n hasError={hasError}\n isInverse={isInverse}\n style={inputStyle}\n textPosition={textPosition}\n theme={theme}\n >\n {isChecked ? (\n <CheckBoxIcon size={theme.iconSizes.medium} />\n ) : (\n <CheckBoxOutlineBlankIcon size={theme.iconSizes.medium} />\n )}\n </StyledFakeInput>\n\n {isTextVisuallyHidden ? (\n <HiddenLabelText>{labelText}</HiddenLabelText>\n ) : (\n textPosition !== CheckboxTextPosition.left &&\n labelText &&\n labelText\n )}\n </StyledLabel>\n </StyledContainer>\n {!!errorMessage && (\n <InputMessage id={descriptionId} hasError isInverse={isInverse}>\n {errorMessage}\n </InputMessage>\n )}\n </>\n );\n }\n);\n","import * as React from 'react';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\nimport { InputMessage } from '../Input/InputMessage';\nimport { Label } from '../Label';\nimport styled from '../../theme/styled';\nimport { omit, useGenerateId } from '../../utils';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * Content of the error message. If a value is provided, the form fields will be styled to show an error state\n */\n errorMessage?: React.ReactNode;\n /**\n * Content of the helper message\n */\n helperMessage?: React.ReactNode;\n isInverse?: boolean;\n /**\n * If true, label text for the form group will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isTextVisuallyHidden?: boolean;\n /**\n * ID of the element that labels the form group, used in the aria-labelledby attribute for the group. Alternatively, the labelText prop can be used\n */\n labelledById?: string;\n /**\n * Style properties for the label of the form group\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content of label for form group; can be a node or a string. Alternatively, the labelledById prop can be used\n */\n labelText?: React.ReactNode;\n testId?: string;\n}\n\nexport interface FormGroupContextInterface {\n descriptionId?: string;\n hasError?: boolean;\n}\n\nexport const FormGroupContext = React.createContext<FormGroupContextInterface>({\n hasError: false,\n});\n\nconst HiddenLabel = styled.label`\n ${HiddenStyles};\n`;\n\nexport const FormGroup = React.forwardRef<HTMLDivElement, FormGroupProps>(\n (props, ref) => {\n const id = useGenerateId(props.id);\n\n const {\n containerStyle,\n errorMessage,\n helperMessage,\n labelledById,\n labelStyle,\n labelText,\n isTextVisuallyHidden,\n testId,\n children,\n ...rest\n } = props;\n const other = omit(['id'], rest);\n\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <div\n {...other}\n aria-labelledby={labelledById ? labelledById : id}\n data-testid={testId}\n ref={ref}\n role=\"group\"\n style={containerStyle}\n >\n <FormGroupContext.Provider\n value={{\n descriptionId,\n hasError: !!errorMessage,\n }}\n >\n {labelText && isTextVisuallyHidden && (\n <HiddenLabel id={id} style={labelStyle}>\n {labelText}\n </HiddenLabel>\n )}\n\n {labelText && !isTextVisuallyHidden && (\n <Label\n id={id}\n isInverse={isInverse}\n style={labelStyle}\n theme={theme}\n >\n {labelText}\n </Label>\n )}\n {children}\n\n <InputMessage\n id={descriptionId}\n hasError={!!errorMessage}\n isInverse={isInverse}\n >\n {(errorMessage || helperMessage) && (\n <>{errorMessage ? errorMessage : helperMessage}</>\n )}\n </InputMessage>\n </FormGroupContext.Provider>\n </div>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface StyledLabelProps {\n children?: any;\n htmlFor: string;\n isInverse?: boolean;\n style?: React.CSSProperties;\n}\n\nconst StyledLabelComponent = styled.label<StyledLabelProps>`\n align-items: flex-start;\n color: ${props =>\n props.isInverse ? props.theme.colors.neutral08 : 'inherit'};\n display: flex;\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n margin: 0;\n padding: ${props => props.theme.spaceScale.spacing03} 0;\n`;\n\nexport const StyledLabel: React.FunctionComponent<StyledLabelProps> = ({\n children,\n htmlFor,\n isInverse,\n style,\n}: StyledLabelProps) => (\n <ThemeContext.Consumer>\n {theme => (\n <StyledLabelComponent\n htmlFor={htmlFor}\n isInverse={isInverse}\n style={style}\n theme={theme}\n >\n {children}\n </StyledLabelComponent>\n )}\n </ThemeContext.Consumer>\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\n\nexport interface ContainerProps {\n children?: any;\n style?: React.CSSProperties;\n}\n\nconst StyledContainerComponent = styled.div<ContainerProps>`\n align-items: baseline;\n display: flex;\n flex-wrap: nowrap;\n position: relative;\n`;\n\nexport const StyledContainer: React.FunctionComponent<ContainerProps> = ({\n children,\n style,\n}: ContainerProps) => (\n <StyledContainerComponent style={style}>{children}</StyledContainerComponent>\n);\n","import * as React from 'react';\nimport { ThemeInterface } from '../../theme/magma';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { InverseContext, useIsInverse } from '../../inverse';\nimport { convertStyleValueToString } from '../../utils';\nimport styled from '@emotion/styled';\n\n/**\n * @children required\n */\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n isInverse?: boolean;\n /**\n * Left/right padding, set by CSS. If a number is provided, value will be in pixels\n */\n gutterWidth?: number | string;\n /**\n * Max-width of the component, set by CSS. If a number is provided, value will be in pixels\n */\n maxWidth?: number | string;\n testId?: string;\n}\n\nconst StyledContainer = styled.div<{\n gutterWidth: string;\n isInverse?: boolean;\n maxWidth: string;\n theme: ThemeInterface;\n}>`\n background: ${props =>\n props.isInverse\n ? props.theme.colors.foundation\n : props.theme.colors.neutral08};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: flow-root;\n margin: 0 auto;\n max-width: ${props => props.maxWidth};\n padding: ${props => `0 ${props.gutterWidth}`};\n`;\n\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n (props, ref) => {\n const theme = React.useContext(ThemeContext);\n const {\n children,\n gutterWidth = theme.spaceScale.spacing06,\n maxWidth,\n testId,\n ...other\n } = props;\n\n const gutterWidthString = convertStyleValueToString(gutterWidth);\n const maxWidthString = convertStyleValueToString(maxWidth, 'none');\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <InverseContext.Provider\n value={{\n isInverse,\n }}\n >\n <StyledContainer\n ref={ref}\n data-testid={testId}\n gutterWidth={gutterWidthString}\n isInverse={isInverse}\n maxWidth={maxWidthString}\n theme={theme}\n {...other}\n >\n {children}\n </StyledContainer>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\n\nexport function useControlled({ controlled, default: defaultProp }) {\n const { current: isControlled } = React.useRef(controlled !== undefined);\n const [valueState, setValue] = React.useState(defaultProp);\n const value = isControlled ? controlled : valueState;\n\n const setValueIfUncontrolled = React.useCallback(newValue => {\n if (!isControlled) {\n setValue(newValue);\n }\n }, []);\n\n return [value, setValueIfUncontrolled];\n}\n","import { useControlled } from './useControlled';\n\nexport interface UseDataPaginationProps<PaginatedItem> {\n /**\n * Number of items per page by default when uncontrolled\n * @default 10\n */\n defaultItemsPerPage?: number;\n /**\n * Array of items to be displayed\n */\n items?: PaginatedItem[];\n /**\n * Number of items per page\n */\n itemsPerPage?: number;\n /**\n * Event that fires when the number of items per page is changed\n */\n onItemsPerPageChange?: (newRowsPerPage: number) => void;\n}\nexport interface UseDataPaginationReturn<PaginatedItem> {\n getPageItems: (page: number) => PaginatedItem[];\n itemsPerPage: number;\n length: number;\n onItemsPerPageChange: (newItemsPerPage: number) => void;\n}\n\nexport function useDataPagination<T>(\n props: UseDataPaginationProps<T> = {}\n): UseDataPaginationReturn<T> {\n const {\n defaultItemsPerPage = 10,\n items = [],\n itemsPerPage: itemsPerPageProp,\n onItemsPerPageChange,\n } = props;\n\n const [itemsPerPage, setItemsPerPageState] = useControlled({\n controlled: itemsPerPageProp,\n default: defaultItemsPerPage,\n });\n\n function handleItemsPerPageChange(newItemsPerPage: number) {\n if (!itemsPerPageProp) {\n setItemsPerPageState(newItemsPerPage);\n }\n\n onItemsPerPageChange &&\n typeof onItemsPerPageChange === 'function' &&\n onItemsPerPageChange(newItemsPerPage);\n }\n\n const getPageItems = (page: number) => {\n const isLastPage = page * itemsPerPage >= items.length;\n\n const start = (page - 1) * itemsPerPage;\n const end = isLastPage ? items.length : page * itemsPerPage;\n\n return items.slice(start, end);\n };\n\n const length = Math.ceil(items.length / itemsPerPage);\n\n return {\n getPageItems,\n itemsPerPage,\n length,\n onItemsPerPageChange: handleItemsPerPageChange,\n };\n}\n","import * as React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport {\n CheckboxProps,\n HiddenLabelText,\n HiddenInput,\n StyledFakeInput,\n} from '../Checkbox';\nimport {\n CheckBoxIcon,\n CheckBoxOutlineBlankIcon,\n IndeterminateCheckBoxIcon,\n} from 'react-magma-icons';\nimport { FormGroupContext } from '../FormGroup';\nimport { InputMessage } from '../Input/InputMessage';\nimport { StyledLabel } from '../SelectionControls/StyledLabel';\nimport { StyledContainer } from '../SelectionControls/StyledContainer';\nimport { useGenerateId, Omit } from '../../utils';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { Announce } from '../Announce';\nimport { I18nContext } from '../../i18n';\nimport { useIsInverse } from '../../inverse';\n\nexport interface IndeterminateCheckboxProps\n extends Omit<CheckboxProps, 'checked'> {\n /**\n * Status of the indeterminate, three-state checkbox, which includes and indeterminate (e.g. mixed) option.\n * @default IndeterminateCheckboxStatus.unchecked\n */\n status: IndeterminateCheckboxStatus;\n testId?: string;\n}\n\nexport enum IndeterminateCheckboxStatus {\n checked = 'checked',\n indeterminate = 'indeterminate',\n unchecked = 'unchecked', //default\n}\n\nexport const IndeterminateCheckbox = React.forwardRef<\n HTMLInputElement,\n IndeterminateCheckboxProps\n>((props, ref) => {\n const [isChecked, updateIsChecked] = React.useState(\n props.status === 'indeterminate'\n ? false\n : Boolean(props.status === 'checked')\n );\n\n const id = useGenerateId(props.id);\n\n React.useEffect(() => {\n updateIsChecked(\n props.status === 'indeterminate'\n ? false\n : Boolean(props.status === 'checked')\n );\n }, [props.status]);\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { checked: targetChecked } = event.target;\n\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(event);\n\n if (props.status !== 'indeterminate') {\n updateIsChecked(targetChecked);\n }\n }\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n const context = React.useContext(FormGroupContext);\n\n const {\n color = theme.colors.primary,\n containerStyle,\n disabled,\n errorMessage,\n inputStyle,\n labelStyle,\n labelText,\n isTextVisuallyHidden,\n status,\n testId,\n ...other\n } = props;\n\n const isIndeterminate = status === 'indeterminate';\n const isUnchecked = status === 'unchecked';\n\n function replaceLabelTextForAnnounceText(baseAnnounceText) {\n return baseAnnounceText.replace(\n /\\{labelText\\}/g,\n getStringifiedLabelText(labelText)\n );\n }\n\n function getStringifiedLabelText(node) {\n if (['string', 'number'].includes(typeof node)) return node;\n if (node instanceof Array)\n return node.map(getStringifiedLabelText).join('');\n if (typeof node === 'object' && node)\n return getStringifiedLabelText(node.props.children);\n }\n\n const showAnnounce = isChecked || isIndeterminate || isUnchecked;\n const announceText = isChecked\n ? replaceLabelTextForAnnounceText(\n i18n.indeterminateCheckbox.isCheckedAnnounce\n )\n : isIndeterminate\n ? replaceLabelTextForAnnounceText(\n i18n.indeterminateCheckbox.isIndeterminateAnnounce\n )\n : isUnchecked\n ? replaceLabelTextForAnnounceText(\n i18n.indeterminateCheckbox.isUncheckedAnnounce\n )\n : '';\n\n const descriptionId = errorMessage ? `${id}__desc` : null;\n const groupDescriptionId = context.descriptionId;\n\n const describedBy =\n descriptionId && groupDescriptionId\n ? `${groupDescriptionId} ${descriptionId}`\n : descriptionId\n ? descriptionId\n : groupDescriptionId\n ? groupDescriptionId\n : null;\n\n const hasError = context.hasError || !!errorMessage;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <>\n <StyledContainer style={containerStyle}>\n <HiddenInput\n {...other}\n aria-describedby={describedBy}\n checked={isChecked}\n data-testid={testId}\n disabled={disabled}\n id={id}\n ref={ref}\n type=\"checkbox\"\n onChange={handleChange}\n />\n <StyledLabel htmlFor={id} isInverse={isInverse} style={labelStyle}>\n <StyledFakeInput\n isChecked={isChecked}\n color={color}\n disabled={disabled}\n hasError={hasError}\n isIndeterminate={isIndeterminate}\n isInverse={isInverse}\n style={inputStyle}\n theme={theme}\n >\n {isIndeterminate ? (\n <IndeterminateCheckBoxIcon\n testId=\"indeterminateIcon\"\n size={theme.iconSizes.medium}\n />\n ) : isChecked ? (\n <CheckBoxIcon size={theme.iconSizes.medium} />\n ) : (\n <CheckBoxOutlineBlankIcon size={theme.iconSizes.medium} />\n )}\n </StyledFakeInput>\n {isTextVisuallyHidden ? (\n <HiddenLabelText>{labelText}</HiddenLabelText>\n ) : (\n labelText\n )}\n </StyledLabel>\n <Announce>\n {showAnnounce && <VisuallyHidden>{announceText}</VisuallyHidden>}\n </Announce>\n </StyledContainer>\n {!!errorMessage && (\n <InputMessage\n id={descriptionId}\n hasError\n isInverse={isInverse}\n style={{ paddingLeft: theme.spaceScale.spacing08 }}\n >\n {errorMessage}\n </InputMessage>\n )}\n </>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\n\n/**\n * @children required\n */\nexport interface VisuallyHiddenProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n}\n\nconst VisuallyHiddenDiv = styled.div`\n ${HiddenStyles}\n`;\n\nexport const VisuallyHidden: React.FunctionComponent<VisuallyHiddenProps> = props => {\n const { children, testId, ...other } = props;\n return (\n <VisuallyHiddenDiv {...other} data-testid={testId}>\n {children}\n </VisuallyHiddenDiv>\n );\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { useIsInverse } from '../../inverse';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\n/**\n * @children required\n */\nexport interface TableProps extends React.HTMLAttributes<HTMLTableElement> {\n /**\n * Relative padding of the table cells\n * @default TableDensity.normal\n */\n density?: TableDensity;\n /**\n * If true, row will be visually highlighted on hover\n */\n hasHoverStyles?: boolean;\n /**\n * If true, columns will have vertical borders\n */\n hasVerticalBorders?: boolean;\n /**\n * If true, every other row will have a background color\n */\n hasZebraStripes?: boolean;\n isInverse?: boolean;\n /**\n * @internal\n */\n isSelectable?: boolean;\n /**\n * Minimum width for the table in pixels\n * @default 600\n */\n minWidth?: number;\n rowCount?: number;\n selectedItems?: Array<number>;\n testId?: string;\n}\n\nexport enum TableDensity {\n compact = 'compact',\n loose = 'loose',\n normal = 'normal', // default\n}\n\nexport enum TableCellAlign {\n center = 'center',\n inherit = 'inherit',\n justify = 'justify',\n left = 'left', // default\n right = 'right',\n}\n\nexport enum TableSortDirection {\n ascending = 'ascending',\n descending = 'descending',\n none = 'none', // default\n}\n\nexport enum TableRowColor {\n danger = 'danger',\n info = 'info',\n success = 'success',\n warning = 'warning',\n}\n\ninterface TableContextInterface {\n density?: TableDensity;\n hasHoverStyles?: boolean;\n hasVerticalBorders?: boolean;\n hasZebraStripes?: boolean;\n isInverse?: boolean;\n isSelectable?: boolean;\n rowCount?: number;\n selectedItems?: Array<number>;\n}\n\nexport const TableContext = React.createContext<TableContextInterface>({\n density: TableDensity.normal,\n hasHoverStyles: false,\n hasZebraStripes: false,\n hasVerticalBorders: false,\n isInverse: false,\n isSelectable: false,\n rowCount: 0,\n selectedItems: [],\n});\n\nconst TableContainer = styled.div`\n overflow-x: auto;\n`;\n\nconst StyledTable = styled.table<{ isInverse?: boolean; minWidth: number }>`\n border-collapse: collapse;\n border-spacing: 0;\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: table;\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n min-width: ${props => props.minWidth}px;\n width: 100%;\n`;\n\nexport const Table = React.forwardRef<HTMLTableElement, TableProps>(\n (props, ref) => {\n const {\n children,\n density,\n hasHoverStyles,\n hasVerticalBorders,\n hasZebraStripes,\n isSelectable,\n minWidth,\n rowCount,\n selectedItems,\n testId,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <TableContext.Provider\n value={{\n density,\n hasHoverStyles,\n hasZebraStripes,\n hasVerticalBorders,\n isInverse: isInverse,\n isSelectable,\n }}\n >\n <TableContainer>\n <StyledTable\n {...other}\n data-testid={testId}\n isInverse={isInverse}\n minWidth={minWidth || theme.breakpoints.small}\n ref={ref}\n theme={theme}\n >\n {children}\n </StyledTable>\n </TableContainer>\n </TableContext.Provider>\n );\n }\n);\n","import * as React from 'react';\n\n/**\n * @children required\n */\nexport interface TableBodyProps\n extends React.HTMLAttributes<HTMLTableSectionElement> {\n testId?: string;\n}\n\nexport const TableBody = React.forwardRef<\n HTMLTableSectionElement,\n TableBodyProps\n>((props, ref) => {\n const { children, testId, ...other } = props;\n return (\n <tbody {...other} ref={ref} data-testid={testId}>\n {children}\n </tbody>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { TableCellAlign, TableContext, TableDensity } from './Table';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface TableCellProps\n extends React.HTMLAttributes<HTMLTableCellElement> {\n /**\n * Text alignment of the cell content. Right alignment should be used for numeric values\n * @default TableCellAlign.left\n */\n align?: TableCellAlign;\n testId?: string;\n /**\n * Width of the component, set by CSS\n * @default auto\n */\n width?: string | number;\n}\n\nexport const baseTableCellStyle = props => css`\n border-right: ${props.hasVerticalBorders ? '1px solid' : 0};\n border-color: ${props.isInverse\n ? props.theme.colors.tint04\n : props.theme.colors.neutral06};\n display: table-cell;\n font-size: inherit;\n line-height: inherit;\n padding: ${buildCellPaddingStyle(props.density, props.theme)};\n text-align: ${props.textAlign};\n\n &:last-of-type {\n border-right: 0;\n }\n`;\n\nexport function buildCellPaddingStyle(density, theme: any) {\n switch (density) {\n case 'compact':\n return `${theme.spaceScale.spacing02} ${theme.spaceScale.spacing03}`;\n case 'loose':\n return `${theme.spaceScale.spacing06} ${theme.spaceScale.spacing08}`;\n\n default:\n return `${theme.spaceScale.spacing04} ${theme.spaceScale.spacing05}`;\n }\n}\n\nconst StyledCell = styled.td<{\n density?: TableDensity;\n hasVerticalBorders?: boolean;\n isInverse?: boolean;\n textAlign?: TableCellAlign;\n theme?: any;\n width?: string;\n}>`\n ${baseTableCellStyle}\n\n ${props =>\n props.width &&\n css`\n width: ${props.width};\n `}\n`;\n\nexport const TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n (props, ref) => {\n const { align, children, testId, width, ...other } = props;\n const tableContext = React.useContext(TableContext);\n const theme = React.useContext(ThemeContext);\n\n const widthString = typeof width === 'number' ? `${width}px` : width;\n\n return (\n <StyledCell\n {...other}\n data-testid={testId}\n density={tableContext.density}\n hasVerticalBorders={tableContext.hasVerticalBorders}\n isInverse={tableContext.isInverse}\n ref={ref}\n textAlign={align || TableCellAlign.left}\n theme={theme}\n width={widthString}\n >\n {children}\n </StyledCell>\n );\n }\n);\n\nTableCell.displayName = 'TableCell';\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { baseTableCellStyle, buildCellPaddingStyle } from './TableCell';\nimport {\n TableCellAlign,\n TableContext,\n TableDensity,\n TableSortDirection,\n} from './Table';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { SortDoubleArrowIcon, SouthIcon, NorthIcon } from 'react-magma-icons';\n\nexport interface TableHeaderCellProps\n extends React.HTMLAttributes<HTMLTableHeaderCellElement> {\n /**\n * Text alignment of the cell content. Right alignment should be used for numeric values\n * @default TableCellAlign.left\n */\n align?: TableCellAlign;\n /**\n * @default false\n * If true, style as a row header rather than a column header\n */\n isRowHeader?: boolean;\n /**\n * If true, the header will render a button for sorting\n */\n isSortable?: boolean;\n /**\n * Event that fires when clicking the table header cell sort button\n */\n onSort?: () => void;\n /**\n * Direction and range of data cells that are covered by the header cell\n * @default TableHeaderCellScope.col\n */\n scope?: TableHeaderCellScope;\n /**\n * Direction by which the column is sorted\n * @default TableSortDirection.none\n */\n sortDirection?: TableSortDirection;\n testId?: string;\n /**\n * Width of the component, set by CSS\n * @default auto\n */\n width?: string | number;\n}\n\nexport enum TableHeaderCellScope {\n col = 'col',\n colgroup = 'colgroup',\n row = 'row',\n rowgroup = 'rowgroup',\n}\n\nconst StyledTableHeaderCell = styled.th<{\n density?: TableDensity;\n hasVerticalBorders?: boolean;\n isInverse?: boolean;\n isRowHeader?: boolean;\n isSortable?: boolean;\n textAlign?: TableCellAlign;\n width?: string;\n}>`\n ${props => {\n return props.isRowHeader\n ? {}\n : {\n background: props.isInverse\n ? props.theme.colors.tint03\n : props.theme.colors.neutral07,\n borderBottom: '2px solid',\n fontWeight: 'bold',\n verticalAlign: 'bottom',\n };\n }}\n\n ${baseTableCellStyle}\n\n ${props =>\n props.isSortable &&\n css`\n padding: 0;\n `}\n\n ${props =>\n props.width &&\n css`\n width: ${props.width};\n `}\n`;\n\nconst SortButton = styled.button<{\n density?: TableDensity;\n isInverse?: boolean;\n textAlign?: TableCellAlign;\n}>`\n align-items: flex-end;\n background: none;\n border: 0;\n color: inherit;\n display: flex;\n justify-content: ${props =>\n props.textAlign === TableCellAlign.right ? 'flex-end' : 'flex-start'};\n margin: 0;\n padding: ${props => buildCellPaddingStyle(props.density, props.theme)}};\n text-align: left;\n width: 100%;\n\n &:focus {\n outline: 2px dotted\n ${props =>\n props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: -2px;\n }\n\n &:hover,\n &:focus {\n background: ${props =>\n props.isInverse ? props.theme.colors.tint : props.theme.colors.neutral06};\n\n svg {\n fill: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n }\n }\n`;\n\nconst IconWrapper = styled.span`\n padding-left: ${props => props.theme.spaceScale.spacing03};\n position: relative;\n top: ${props => props.theme.spaceScale.spacing02};\n`;\n\nexport const TableHeaderCell = React.forwardRef<\n HTMLTableCellElement,\n TableHeaderCellProps\n>((props, ref) => {\n const {\n align,\n children,\n isRowHeader = false,\n isSortable,\n onSort,\n scope = isRowHeader ? TableHeaderCellScope.row : TableHeaderCellScope.col,\n sortDirection,\n testId,\n width,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n const tableContext = React.useContext(TableContext);\n\n function handleSort() {\n onSort && typeof onSort === 'function' && onSort();\n }\n\n const SortIcon =\n sortDirection === TableSortDirection.ascending ? (\n <SouthIcon size={theme.iconSizes.small} />\n ) : sortDirection === TableSortDirection.descending ? (\n <NorthIcon size={theme.iconSizes.small} />\n ) : (\n <SortDoubleArrowIcon\n color={\n tableContext.isInverse\n ? theme.colors.neutral06\n : theme.colors.neutral04\n }\n size={theme.iconSizes.small}\n />\n );\n\n const widthString = typeof width === 'number' ? `${width}px` : width;\n\n return (\n <StyledTableHeaderCell\n {...other}\n data-testid={testId}\n density={tableContext.density}\n hasVerticalBorders={tableContext.hasVerticalBorders}\n isInverse={tableContext.isInverse}\n ref={ref}\n isRowHeader={isRowHeader}\n isSortable={isSortable}\n scope={scope}\n textAlign={align || TableCellAlign.left}\n theme={theme}\n width={widthString}\n >\n {isSortable ? (\n <SortButton\n density={tableContext.density}\n isInverse={tableContext.isInverse}\n onClick={handleSort}\n textAlign={align || TableCellAlign.left}\n theme={theme}\n >\n <span>{children}</span>\n <IconWrapper theme={theme}>{SortIcon}</IconWrapper>\n </SortButton>\n ) : (\n <>{children}</>\n )}\n </StyledTableHeaderCell>\n );\n});\n\nTableHeaderCell.displayName = 'TableHeaderCell';\n","import * as React from 'react';\n\n/**\n * @children required\n */\nexport interface TableHeadProps\n extends React.HTMLAttributes<HTMLTableSectionElement> {\n testId?: string;\n}\n\nexport const TableHead = React.forwardRef<\n HTMLTableSectionElement,\n TableHeadProps\n>((props, ref) => {\n const { children, testId, ...other } = props;\n return (\n <thead {...other} ref={ref} data-testid={testId}>\n {children}\n </thead>\n );\n});\n","import React from 'react';\nimport { I18nContext } from '../../i18n';\nimport { useControlled } from '../../hooks/useControlled';\n\nexport interface UsePaginationProps {\n /**\n * The total number of Pagination buttons\n * @default 1\n */\n count?: number;\n /**\n * Page selected by default when the component is uncontrolled\n */\n defaultPage?: number;\n /**\n * If true, disables all of the Pagination buttons\n * @default false\n */\n disabled?: boolean;\n /**\n * If true, hides the next page button\n * @default false\n */\n hideNextButton?: boolean;\n /**\n * If true, hides the previous page button\n * @default false\n */\n hidePreviousButton?: boolean;\n /**\n * Number of page buttons before and after the current page\n * @default 1\n */\n numberOfAdjacentPages?: number;\n /**\n * Number of page buttons at the beginning and end of the page number buttons list\n * @default 1\n */\n numberOfEdgePages?: number;\n /**\n * Event that fires when the page number changes\n */\n onPageChange?: (event: React.SyntheticEvent, newPage: number) => void;\n /**\n * Current page number\n */\n page?: number;\n /**\n * If true, shows the first page button\n * @default false\n */\n showFirstButton?: boolean;\n /**\n * If true, shows the last page button\n * @default false\n */\n showLastButton?: boolean;\n}\n\nexport function usePagination(props: Partial<UsePaginationProps> = {}) {\n const {\n count = 1,\n defaultPage = 1,\n disabled = false,\n hideNextButton = false,\n hidePreviousButton = false,\n numberOfAdjacentPages = 1,\n numberOfEdgePages = 1,\n onPageChange: handleChange,\n page: pageProp,\n showFirstButton = false,\n showLastButton = false,\n ...other\n } = props;\n\n const i18n = React.useContext(I18nContext);\n\n const [page, setPageState] = useControlled({\n controlled: pageProp,\n default: defaultPage,\n });\n\n const handleClick = (event, value) => {\n if (!pageProp) {\n setPageState(value);\n }\n\n handleChange &&\n typeof handleChange === 'function' &&\n handleChange(event, value);\n };\n\n const range = (start, end) => {\n const length = end - start + 1;\n return Array.from({ length }, (_, i) => start + i);\n };\n\n const startPages = range(1, Math.min(numberOfEdgePages, count));\n const endPages = range(\n Math.max(count - numberOfEdgePages + 1, numberOfEdgePages + 1),\n count\n );\n\n const siblingsStart = Math.max(\n Math.min(\n // Natural start\n page - numberOfAdjacentPages,\n // Lower boundary when page is high\n count - numberOfEdgePages - numberOfAdjacentPages * 2 - 1\n ),\n // Greater than startPages\n numberOfEdgePages + 2\n );\n\n const siblingsEnd = Math.min(\n Math.max(\n // Natural end\n page + numberOfAdjacentPages,\n // Upper boundary when page is low\n numberOfEdgePages + numberOfAdjacentPages * 2 + 2\n ),\n // Less than endPages\n endPages.length > 0 ? endPages[0] - 2 : count - 1\n );\n\n // Basic list of items to render\n const itemList = [\n ...(showFirstButton ? ['first'] : []),\n ...(hidePreviousButton ? [] : ['previous']),\n ...startPages,\n\n // Start ellipsis\n ...(siblingsStart > numberOfEdgePages + 2\n ? ['start-ellipsis']\n : numberOfEdgePages + 1 < count - numberOfEdgePages\n ? [numberOfEdgePages + 1]\n : []),\n\n // Sibling pages\n ...range(siblingsStart, siblingsEnd),\n\n // End ellipsis\n ...(siblingsEnd < count - numberOfEdgePages - 1\n ? ['end-ellipsis']\n : count - numberOfEdgePages > numberOfEdgePages\n ? [count - numberOfEdgePages]\n : []),\n\n ...endPages,\n ...(hideNextButton ? [] : ['next']),\n ...(showLastButton ? ['last'] : []),\n ];\n\n // Map the button type to its page number\n const buttonPage = type => {\n switch (type) {\n case 'first':\n return 1;\n case 'previous':\n return page - 1;\n case 'next':\n return page + 1;\n case 'last':\n return count;\n default:\n return null;\n }\n };\n\n // Convert the basic item list to PaginationItem props objects\n const pageButtons = itemList.map(item => {\n return typeof item === 'number'\n ? {\n onClick: event => {\n handleClick(event, item);\n },\n type: 'page',\n page: item,\n isSelected: item === page,\n disabled,\n 'aria-current': item === page ? 'true' : undefined,\n 'aria-label': `${i18n.pagination.pageButtonLabel} ${item}`,\n }\n : {\n onClick: event => {\n handleClick(event, buttonPage(item));\n },\n type: item,\n page: buttonPage(item),\n isSelected: false,\n disabled:\n disabled ||\n (item.indexOf('ellipsis') === -1 &&\n (item === 'next' || item === 'last' ? page >= count : page <= 1)),\n };\n });\n\n return {\n page,\n pageButtons,\n setPageState,\n ...other,\n };\n}\n","import React from 'react';\n\nexport function registerDescendant(\n itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n itemRef: React.MutableRefObject<Element>\n) {\n if (\n itemRefArray.current.find(\n ({ current: item }) => item === itemRef.current\n ) == null\n ) {\n const index = itemRefArray.current.findIndex(({ current: item }) => {\n if (!item || !itemRef.current) return false;\n\n return Boolean(\n item.compareDocumentPosition(itemRef.current) &\n Node.DOCUMENT_POSITION_PRECEDING\n );\n });\n\n const newItem = itemRef;\n\n itemRefArray.current =\n index === -1\n ? [...itemRefArray.current, newItem]\n : [\n ...itemRefArray.current.slice(0, index),\n newItem,\n ...itemRefArray.current.slice(index),\n ];\n }\n}\n\nexport function unregisterDescendant(\n itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n itemRef: React.MutableRefObject<Element>\n) {\n if (!itemRef.current) return;\n\n itemRefArray.current = itemRefArray.current.filter(\n item => itemRef.current !== item.current\n );\n}\n\nexport function useDescendants(): [\n React.MutableRefObject<React.MutableRefObject<Element>[]>,\n (\n refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n ref: React.MutableRefObject<Element>\n ) => void,\n (\n refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n ref: React.MutableRefObject<Element>\n ) => void\n] {\n const itemRefArray = React.useRef<React.MutableRefObject<Element>[]>([]);\n\n return [itemRefArray, registerDescendant, unregisterDescendant];\n}","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { useDescendants } from '../../hooks/useDescendants';\nimport { useForkedRef } from '../../utils';\n\nexport enum DropdownDropDirection {\n down = 'down', //default\n left = 'left',\n right = 'right',\n up = 'up',\n}\n\nexport enum DropdownAlignment {\n start = 'start', //default\n end = 'end',\n}\n\nexport interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Index of the item that will active/selected. If none is provided, no item will appear active\n * @default -1\n */\n activeIndex?: number;\n /**\n * Alignment of the dropdown content\n * @default `DropdownAlignment.start`\n */\n alignment?: DropdownAlignment;\n /**\n * Position of the dropdown content\n * @default `DropdownDropDirection.down`\n */\n dropDirection?: DropdownDropDirection;\n /**\n * Max-height of dropdown content\n * @default 250px\n */\n maxHeight?: string | number;\n /**\n * Function called on dropdown close before focusing the toggle button\n * @deprecated true\n */\n onBeforeShiftFocus?: (event: React.SyntheticEvent) => void;\n /**\n * Function called when closing the dropdown menu\n */\n onClose?: (event: React.SyntheticEvent) => void;\n /**\n * Function called when opening the dropdown menu\n */\n onOpen?: () => void;\n testId?: string;\n /**\n * Width of menu\n * @default Width of longest menu item\n */\n width?: string | number;\n}\n\nconst Container = styled.div`\n display: inline-block;\n position: relative;\n`;\n\ninterface DropdownContextInterface {\n activeItemIndex?: number;\n alignment?: DropdownAlignment;\n closeDropdown?: (event: React.SyntheticEvent | React.KeyboardEvent) => void;\n dropdownButtonId?: React.MutableRefObject<string>;\n dropDirection?: DropdownDropDirection;\n handleDropdownBlur?: (event: React.FocusEvent) => void;\n itemRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n isFixedWidth?: boolean;\n isOpen?: boolean;\n maxHeight?: string;\n menuRef?: any;\n openDropdown?: () => void;\n registerDropdownMenuItem: (\n itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n itemRef: React.MutableRefObject<Element>\n ) => void;\n setActiveItemIndex?: React.Dispatch<React.SetStateAction<number>>;\n setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n toggleRef?: any;\n width?: string;\n}\n\nexport const DropdownContext = React.createContext<DropdownContextInterface>({\n isOpen: false,\n registerDropdownMenuItem: (elements, element) => {},\n setIsOpen: () => false,\n});\n\nexport const useDropdownContext = () => React.useContext(DropdownContext);\n\nexport const Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>(\n (props, forwardedRef) => {\n const {\n activeIndex,\n alignment,\n children,\n dropDirection,\n maxHeight,\n onBeforeShiftFocus,\n onClose,\n onOpen,\n testId,\n width,\n ...other\n } = props;\n\n const [isOpen, setIsOpen] = React.useState<boolean>(false);\n\n const [activeItemIndex, setActiveItemIndex] = React.useState<number>(\n activeIndex || -1\n );\n\n const ownRef = React.useRef<any>();\n const toggleRef = React.useRef<HTMLButtonElement>();\n const menuRef = React.useRef<any>([]);\n const dropdownButtonId = React.useRef<string>('');\n\n const ref = useForkedRef(forwardedRef, ownRef);\n\n const [itemRefArray, registerDropdownMenuItem] = useDescendants();\n\n React.useEffect(() => {\n if (activeIndex >= 0) {\n setActiveItemIndex(activeIndex);\n }\n }, [activeIndex]);\n\n function openDropdown() {\n const [filteredItems] = getFilteredItem();\n\n setIsOpen(true);\n\n setTimeout(() => {\n filteredItems.length > 0 &&\n filteredItems[0].current &&\n filteredItems[0].current.focus();\n }, 0);\n\n onOpen && typeof onOpen === 'function' && onOpen();\n }\n\n function closeDropdown(event) {\n setIsOpen(false);\n\n if (onBeforeShiftFocus && typeof onBeforeShiftFocus === 'function') {\n event.preventMagmaFocus = handlePreventMagmaFocus;\n onBeforeShiftFocus(event);\n }\n\n onClose && typeof onClose === 'function' && onClose(event);\n }\n\n function getFilteredItem(): [any, number] {\n const filteredItems = itemRefArray.current.filter(\n itemRef => itemRef.current\n );\n const filteredItemIndex = filteredItems\n .map(filteredItem => filteredItem.current)\n .indexOf(document.activeElement);\n\n return [filteredItems, filteredItemIndex];\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Escape') {\n closeDropdown(event);\n }\n\n if (event.key === 'ArrowDown') {\n const [filteredItems, filteredItemIndex] = getFilteredItem();\n\n if (filteredItems.length === 0) {\n return;\n }\n\n event.preventDefault();\n\n if (\n filteredItemIndex === -1 ||\n filteredItemIndex === filteredItems.length - 1\n ) {\n filteredItems[0].current.focus();\n } else {\n filteredItems[filteredItemIndex + 1].current.focus();\n }\n }\n\n if (event.key === 'ArrowUp') {\n const [filteredItems, filteredItemIndex] = getFilteredItem();\n\n if (filteredItems.length === 0) {\n return;\n }\n\n event.preventDefault();\n\n if (filteredItemIndex === -1 || filteredItemIndex === 0) {\n filteredItems[filteredItems.length - 1].current.focus();\n } else {\n filteredItems[filteredItemIndex - 1].current.focus();\n }\n }\n }\n\n function handleDropdownBlur(event: React.FocusEvent) {\n const { currentTarget, relatedTarget } = event;\n\n const isInMenu =\n relatedTarget && currentTarget.contains(relatedTarget as Node);\n\n if (!isInMenu && isOpen) {\n closeDropdown(event);\n }\n }\n\n function handlePreventMagmaFocus() {}\n\n const maxHeightString =\n typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n\n const widthString = typeof width === 'number' ? `${width}px` : width;\n\n return (\n <DropdownContext.Provider\n value={{\n activeItemIndex,\n alignment,\n closeDropdown,\n dropdownButtonId,\n dropDirection,\n handleDropdownBlur,\n itemRefArray,\n isFixedWidth: !!width,\n isOpen,\n maxHeight: maxHeightString,\n menuRef,\n openDropdown,\n registerDropdownMenuItem,\n setActiveItemIndex,\n setIsOpen,\n toggleRef,\n width: widthString,\n }}\n >\n <Container\n {...other}\n ref={ref}\n data-testid={testId}\n onKeyDown={isOpen ? handleKeyDown : null}\n onBlur={handleDropdownBlur}\n >\n {children}\n </Container>\n </DropdownContext.Provider>\n );\n }\n);\n","import { css } from '@emotion/core';\nimport * as React from 'react';\nimport { IconButton, ButtonIconPosition } from '../IconButton';\nimport {\n ArrowDropUpIcon,\n ArrowLeftIcon,\n ArrowRightIcon,\n ArrowDropDownIcon,\n IconProps,\n} from 'react-magma-icons';\nimport { DropdownContext, DropdownDropDirection } from './Dropdown';\nimport { Omit, useForkedRef, useGenerateId, XOR } from '../../utils';\nimport { ButtonProps, ButtonSize } from '../Button';\nimport { useIsInverse } from '../../inverse';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\n\nexport interface IconOnlyDropdownButtonProps\n extends Omit<ButtonProps, 'children'> {\n /**\n * Icon to display within the component\n */\n icon?: React.ReactElement<IconProps>;\n /**\n * The text the screen reader will announce. Required for icon-only buttons\n */\n 'aria-label': string;\n}\n\nexport interface IconTextDropdownButtonProps extends ButtonProps {\n /**\n * Icon to display within the component\n */\n icon?: React.ReactElement<IconProps>;\n /**\n * Position within the button for the icon to appear\n * @default `ButtonIconPosition.right`\n */\n iconPosition?: ButtonIconPosition;\n /**\n * The content of the component\n */\n children: React.ReactChild | React.ReactChild[];\n}\n\nexport type DropdownButtonProps = XOR<\n IconOnlyDropdownButtonProps,\n IconTextDropdownButtonProps\n>;\n\nfunction instanceOfIconOnlyDropdownButton(\n object: any\n): object is IconOnlyDropdownButtonProps {\n return 'icon' in object && !('children' in object);\n}\n\nfunction getButtonPadding(theme: ThemeInterface, size?: ButtonSize) {\n switch (size) {\n case 'small':\n return theme.spaceScale.spacing02;\n case 'large':\n return theme.spaceScale.spacing05;\n default:\n return theme.spaceScale.spacing03;\n }\n}\n\nconst StyledIconButton = styled(IconButton)`\n ${props =>\n props.iconPosition === ButtonIconPosition.right &&\n props.children &&\n css`\n padding-right: ${getButtonPadding(props.theme, props.size)};\n `}\n ${props =>\n props.iconPosition === ButtonIconPosition.left &&\n props.children &&\n css`\n padding-left: ${getButtonPadding(props.theme, props.size)};\n `}\n`;\n\nexport const DropdownButton = React.forwardRef<\n HTMLButtonElement,\n DropdownButtonProps\n>((props, forwardedRef) => {\n const context = React.useContext(DropdownContext);\n const theme = React.useContext(ThemeContext);\n\n context.dropdownButtonId.current = useGenerateId(props.id);\n\n const ref = useForkedRef(context.toggleRef, forwardedRef);\n\n function getButtonIcon(dropDirection: DropdownDropDirection) {\n switch (dropDirection) {\n case DropdownDropDirection.left:\n return <ArrowLeftIcon testId=\"caretLeft\" />;\n case DropdownDropDirection.right:\n return <ArrowRightIcon testId=\"caretRight\" />;\n case DropdownDropDirection.up:\n return <ArrowDropUpIcon testId=\"caretUp\" />;\n\n default:\n return <ArrowDropDownIcon testId=\"caretDown\" />;\n }\n }\n\n const buttonIcon = getButtonIcon(context.dropDirection);\n\n let children;\n const { icon = buttonIcon, iconPosition, ...other } = props;\n\n const isInverse = useIsInverse(props.isInverse);\n\n if (!instanceOfIconOnlyDropdownButton(props)) {\n children = props.children;\n }\n\n function handleClick(event: React.SyntheticEvent) {\n if (context.isOpen) {\n context.closeDropdown(event);\n } else {\n context.openDropdown();\n }\n }\n\n const iconPositionToUse = props.icon\n ? iconPosition\n ? iconPosition\n : ButtonIconPosition.left\n : context.dropDirection === DropdownDropDirection.left\n ? ButtonIconPosition.left\n : ButtonIconPosition.right;\n\n return (\n <StyledIconButton\n {...other}\n aria-expanded={context.isOpen}\n aria-haspopup=\"true\"\n icon={icon}\n iconPosition={iconPositionToUse}\n id={context.dropdownButtonId.current}\n isInverse={isInverse}\n onClick={handleClick}\n ref={ref}\n theme={theme}\n >\n {children}\n </StyledIconButton>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { Card } from '../Card';\nimport {\n DropdownContext,\n DropdownAlignment,\n DropdownDropDirection,\n} from './Dropdown';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useForkedRef } from '../../utils';\n\n/**\n * @children required\n */\nexport interface DropdownContentProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n}\n\nconst StyledCard = styled(Card)<{\n alignment?: DropdownAlignment;\n dropDirection?: DropdownDropDirection;\n isOpen?: boolean;\n maxHeight?: string;\n width?: string;\n}>`\n display: ${props => (props.isOpen ? 'block' : 'none')};\n left: ${props => props.theme.spaceScale.spacing02};\n max-height: ${props =>\n props.maxHeight ? props.maxHeight : props.theme.dropdown.content.maxHeight};\n opacity: ${props => (props.isOpen ? '1' : '0')};\n outline: 0;\n overflow-y: auto;\n padding: ${props => props.theme.spaceScale.spacing03} 0;\n position: absolute;\n transition: opacity 0.3s;\n white-space: nowrap;\n z-index: 2;\n\n ${props =>\n props.width &&\n css`\n white-space: normal;\n width: ${props.width};\n `}\n\n ${props =>\n props.dropDirection === 'up' &&\n css`\n top: auto;\n bottom: 100%;\n `}\n\n ${props =>\n props.dropDirection === 'left' &&\n css`\n left: auto;\n right: 100%;\n top: ${props.theme.spaceScale.spacing02};\n `}\n\n ${props =>\n props.dropDirection === 'right' &&\n css`\n left: 100%;\n top: ${props.theme.spaceScale.spacing02};\n `}\n\n ${props =>\n props.alignment === 'end' &&\n props.dropDirection !== 'left' &&\n props.dropDirection !== 'right' &&\n css`\n left: auto;\n right: ${props.theme.spaceScale.spacing02};\n `}\n\n ${props =>\n props.alignment === 'end' &&\n (props.dropDirection === 'left' || props.dropDirection === 'right') &&\n css`\n bottom: ${props.theme.spaceScale.spacing02};\n top: auto;\n `}\n`;\n\nconst StyledDiv = styled.div`\n padding: ${props => props.theme.spaceScale.spacing02} 0;\n`;\n\nexport const DropdownContent = React.forwardRef<\n HTMLDivElement,\n DropdownContentProps\n>((props, forwardedRef) => {\n const { children, testId, ...other } = props;\n const context = React.useContext(DropdownContext);\n const theme = React.useContext(ThemeContext);\n const ref = useForkedRef(forwardedRef, context.menuRef);\n\n return (\n <StyledCard\n {...other}\n alignment={context.alignment}\n dropDirection={context.dropDirection}\n hasDropShadow\n isInverse={false}\n isOpen={context.isOpen}\n maxHeight={context.maxHeight}\n ref={ref}\n tabIndex={-1}\n testId={testId || 'dropdownContent'}\n theme={theme}\n width={context.width}\n >\n <StyledDiv\n aria-labelledby={context.dropdownButtonId.current}\n role=\"menu\"\n theme={theme}\n >\n {children}\n </StyledDiv>\n </StyledCard>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface DropdownDividerProps\n extends React.HTMLAttributes<HTMLHRElement> {\n testId?: string;\n}\n\nconst StyledHr = styled.hr`\n background: ${props => props.theme.colors.neutral06};\n border: 0;\n height: 1px;\n margin: ${props => props.theme.spaceScale.spacing02} 0;\n`;\n\nexport const DropdownDivider: React.FunctionComponent<DropdownDividerProps> = (\n props: DropdownDividerProps\n) => {\n const { testId, ...other } = props;\n\n const theme = React.useContext(ThemeContext);\n return <StyledHr {...other} data-testid={testId} theme={theme} />;\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\n/**\n * @children required\n */\nexport interface DropdownHeaderProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n}\n\nconst StyledDiv = styled.div`\n color: ${props => props.theme.colors.neutral03};\n font-size: ${props => props.theme.typeScale.size01.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size01.letterSpacing};\n line-height: ${props => props.theme.typeScale.size01.lineHeight};\n font-weight: bold;\n margin: 0;\n padding: ${props =>\n `${props.theme.spaceScale.spacing03} ${props.theme.spaceScale.spacing05} ${props.theme.spaceScale.spacing02}`};\n text-transform: uppercase;\n`;\n\nexport const DropdownHeader = React.forwardRef<\n HTMLDivElement,\n DropdownHeaderProps\n>((props, ref) => {\n const { children, testId, ...other } = props;\n\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledDiv {...other} data-testid={testId} theme={theme}>\n {children}\n </StyledDiv>\n );\n});\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { DropdownContext } from './Dropdown';\nimport { IconProps, CheckIcon } from 'react-magma-icons';\nimport { Omit, useForkedRef } from '../../utils';\n\nexport interface DropdownMenuItemProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n /**\n * Leading icon for the menu item\n */\n icon?: React.ReactElement<IconProps>;\n /**\n * @internal\n */\n index?: number;\n /**\n * @internal\n */\n isActive?: boolean;\n /**\n * If true, item will be disabled; it will appear dimmed and onClick event (or any other events) will not fire\n * @default false\n */\n disabled?: boolean;\n /**\n * Action that fires when the menu item is clicked. If the menuitem also has a value prop, the value will be passed to the onClick handler\n */\n onClick?: (value?: string | number) => void;\n /**\n * Value of the component, gets passed to the onClick event\n */\n value?: string | number;\n}\n\nexport const MenuItemStyles = props => {\n return css`\n align-items: center;\n color: ${props.disabled\n ? props.theme.colors.disabledText\n : props.theme.colors.neutral};\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n display: flex;\n font-size: ${props.theme.typeScale.size03.fontSize};\n line-height: ${props.theme.typeScale.size03.lineHeight};\n margin: 0;\n padding: ${props.isInactive\n ? `${props.theme.spaceScale.spacing03} ${props.theme.spaceScale.spacing05} ${props.theme.spaceScale.spacing03} ${props.theme.spaceScale.spacing11}`\n : `${props.theme.spaceScale.spacing03} ${props.theme.spaceScale.spacing05}`};\n white-space: ${props.isFixedWidth ? 'normal' : 'nowrap'};\n\n &:hover,\n &:focus {\n background: ${props.disabled ? 'none' : props.theme.colors.neutral07};\n color: ${props.disabled\n ? props.theme.colors.disabledText\n : props.theme.colors.neutral};\n }\n\n &:focus {\n outline-offset: -3px;\n }\n `;\n};\n\nconst StyledItem = styled.div<{\n as?: string;\n disabled?: boolean;\n isFixedWidth?: boolean;\n isInactive?: boolean;\n value?: string | number;\n}>`\n ${MenuItemStyles}\n`;\n\nexport const IconWrapper = styled.span`\n color: ${props => props.theme.colors.neutral03};\n display: inline-flex;\n margin-right: ${props => props.theme.spaceScale.spacing05};\n\n svg {\n height: ${props => props.theme.iconSizes.medium}px;\n width: ${props => props.theme.iconSizes.medium}px;\n }\n`;\n\nexport const DropdownMenuItem = React.forwardRef<\n HTMLDivElement,\n DropdownMenuItemProps\n>((props, forwardedRef) => {\n const { children, disabled, icon, onClick, value, ...other } = props;\n\n const ownRef = React.useRef<HTMLDivElement>();\n const theme = React.useContext(ThemeContext);\n const context = React.useContext(DropdownContext);\n\n const ref = useForkedRef(forwardedRef, ownRef);\n\n const index = context.itemRefArray.current.findIndex(({ current: item }) => {\n if (!item || !ownRef.current) return false;\n\n return item === ownRef.current;\n });\n\n function handleClick(event: React.SyntheticEvent | React.KeyboardEvent) {\n if (context.activeItemIndex >= 0) {\n context.setActiveItemIndex(index);\n }\n\n if (onClick && !disabled) {\n onClick(value);\n }\n\n if (!disabled && context.activeItemIndex < 0) {\n context.closeDropdown(event);\n }\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n handleClick(event);\n }\n }\n\n const isActive =\n context.activeItemIndex >= 0 && context.activeItemIndex === index;\n\n const isInactive =\n context.activeItemIndex >= 0 && context.activeItemIndex !== index;\n\n React.useEffect(() => {\n if (!disabled)\n context.registerDropdownMenuItem(context.itemRefArray, ownRef);\n }, []);\n\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledItem\n {...other}\n aria-disabled={disabled}\n disabled={disabled}\n isFixedWidth={context.isFixedWidth}\n isInactive={isInactive}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n ref={disabled ? null : ref}\n role=\"menuitem\"\n theme={theme}\n tabIndex={disabled ? null : -1}\n value={value}\n >\n {icon && <IconWrapper theme={theme}>{icon}</IconWrapper>}\n {isActive && (\n <IconWrapper theme={theme}>\n <CheckIcon aria-label={i18n.dropdown.menuItemSelectedAriaLabel} />\n </IconWrapper>\n )}\n {children}\n </StyledItem>\n );\n});\n\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useForkedRef, useGenerateId } from '../../utils';\nimport { usePopper } from 'react-popper';\nimport { useIsInverse } from '../../inverse';\n\nexport enum TooltipPosition {\n bottom = 'bottom',\n left = 'left',\n right = 'right',\n top = 'top', //default\n}\n\nexport const EnumTooltipPosition = TooltipPosition;\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Style properties for the arrow element\n */\n arrowStyle?: React.CSSProperties;\n /**\n * The element that triggers the tooltip when it is hovered or focused. Must be a react element (not a string) and should be a focusable element to meet a11y requirements\n */\n children: React.ReactElement;\n /**\n * Style properties for the component container element which includes both the tooltip trigger and the tooltip popover content\n */\n containerStyle?: React.CSSProperties;\n /**\n * The content of the tooltip\n */\n content: React.ReactNode;\n isInverse?: boolean;\n /**\n * Override the default opening of the tooltip on hover/focus to remain open\n */\n open?: boolean;\n /**\n * Position the tooltip appears in relation to its trigger\n */\n position?: TooltipPosition;\n testId?: string;\n /**\n * Style properties for the inner tooltip content\n */\n tooltipStyle?: React.CSSProperties;\n}\n\nexport interface ITooltipState {\n id?: string;\n isVisible?: boolean;\n}\n\nconst TooltipContainer = styled.div`\n display: inline;\n pointer-events: auto;\n`;\n\nexport const TooltipArrow = styled.span<{\n position?: any;\n isInverse?: boolean;\n}>`\n &&,\n &&:before {\n display: block;\n height: ${props => props.theme.tooltip.arrowSizeDoubled};\n position: absolute;\n width: ${props => props.theme.tooltip.arrowSizeDoubled};\n z-index: -1;\n }\n\n &&::before {\n content: '';\n transform: rotate(45deg);\n background: ${props =>\n props.isInverse\n ? props.theme.tooltip.inverse.backgroundColor\n : props.theme.tooltip.backgroundColor};\n }\n`;\n\nexport const StyledTooltip = styled.div<{\n isInverse?: boolean;\n isVisible?: boolean;\n position: TooltipPosition;\n visible?: boolean;\n}>`\n background: ${props =>\n props.isInverse\n ? props.theme.tooltip.inverse.backgroundColor\n : props.theme.tooltip.backgroundColor};\n border-radius: ${props => props.theme.borderRadius};\n color: ${props =>\n props.isInverse\n ? props.theme.tooltip.inverse.textColor\n : props.theme.tooltip.textColor};\n font-size: ${props => props.theme.tooltip.typeScale.fontSize};\n letter-spacing: ${props => props.theme.tooltip.typeScale.letterSpacing};\n line-height: ${props => props.theme.tooltip.typeScale.lineHeight};\n font-weight: ${props => props.theme.tooltip.fontWeight};\n max-width: ${props => props.theme.tooltip.maxWidth};\n min-height: 2.5em;\n padding: ${props => props.theme.spaceScale.spacing03}\n ${props => props.theme.spaceScale.spacing04};\n z-index: ${props => props.theme.tooltip.zIndex};\n\n &[data-popper-placement='top'] {\n margin-bottom: 14px;\n & > span:last-child {\n bottom: 10px;\n }\n }\n\n &[data-popper-placement='bottom'] {\n margin-top: 14px;\n & > span:last-child {\n top: 10px;\n }\n }\n\n &[data-popper-placement='left'] {\n margin-right: 14px;\n & > span:last-child {\n right: 10px;\n }\n }\n\n &[data-popper-placement='right'] {\n margin-left: 14px;\n & > span:last-child {\n left: 10px;\n }\n }\n`;\n\n// Using any for the ref because it is put ont he passed in children which does not have a specific type\nexport const Tooltip = React.forwardRef<any, TooltipProps>((props, ref) => {\n const [isVisible, setIsVisible] = React.useState<boolean>(props.open);\n const [referenceElement, setReferenceElement] =\n React.useState<HTMLElement>(null);\n const [popperElement, setPopperElement] =\n React.useState<HTMLDivElement>(null);\n const [arrowElement, setArrowElement] = React.useState<HTMLSpanElement>(null);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, {\n modifiers: [\n { name: 'arrow', options: { element: arrowElement } },\n {\n name: 'offset',\n options: {\n offset: [0, 0],\n },\n },\n ],\n placement: props.position || TooltipPosition.top,\n });\n\n const combinedRef = useForkedRef(ref, setReferenceElement);\n\n React.useEffect(() => {\n const handleEsc = event => {\n if (event.key === 'Escape') {\n hideTooltip();\n }\n };\n window.addEventListener('keydown', handleEsc);\n\n return () => {\n window.removeEventListener('keydown', handleEsc);\n };\n }, []);\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Escape') {\n hideTooltip();\n }\n }\n\n function showTooltip() {\n setIsVisible(true);\n }\n\n function hideTooltip() {\n setIsVisible(props.open);\n }\n\n const {\n arrowStyle,\n children,\n content,\n containerStyle,\n id: defaultId,\n position,\n testId,\n tooltipStyle,\n ...other\n } = props;\n\n const id = useGenerateId(defaultId);\n const theme = React.useContext(ThemeContext);\n\n if (Array.isArray(children)) {\n throw new Error('Tooltip children can only be one element.');\n }\n\n const tooltipTrigger = React.cloneElement(children, {\n 'aria-describedby': isVisible ? id : null,\n onBlur: hideTooltip,\n onFocus: showTooltip,\n ref: combinedRef,\n });\n\n const combinedTooltipStyles = {\n ...styles.popper,\n ...tooltipStyle,\n };\n\n const combinedArrowStyle = { ...styles.arrow, ...arrowStyle };\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <TooltipContainer\n {...other}\n data-testid={testId}\n onKeyDown={handleKeyDown}\n onMouseLeave={hideTooltip}\n onMouseEnter={showTooltip}\n style={containerStyle}\n >\n {tooltipTrigger}\n {isVisible && (\n <div\n ref={setPopperElement}\n style={combinedTooltipStyles}\n {...attributes.popper}\n >\n <StyledTooltip\n id={id}\n isInverse={isInverse}\n position={position ? position : TooltipPosition.top}\n theme={theme}\n role=\"tooltip\"\n {...attributes.popper}\n >\n {content}\n <TooltipArrow\n isInverse={isInverse}\n ref={setArrowElement}\n style={combinedArrowStyle}\n theme={theme}\n />\n </StyledTooltip>\n </div>\n )}\n </TooltipContainer>\n );\n});\n","import * as React from 'react';\n\nimport { Button, ButtonShape, ButtonStyles, ButtonVariant } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { ArrowDropUpIcon, ArrowDropDownIcon } from 'react-magma-icons';\nimport { DropdownContext, DropdownDropDirection } from './Dropdown';\nimport { I18nContext } from '../../i18n';\nimport { useForkedRef, useGenerateId } from '../../utils';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface DropdownSplitButtonProps extends ButtonStyles {\n /**\n * The text the screen reader will announce. Required for icon-only buttons\n */\n 'aria-label': string;\n /**\n * The content of the component. If no children are provided, the button will render in an icon only style\n */\n children?: any;\n /**\n * Icon to display within the component\n */\n id?: string;\n /**\n * If true, element is disabled\n */\n disabled?: boolean;\n /**\n * Function that fires when the button is clicked\n */\n onClick?: () => void;\n}\n\nexport const DropdownSplitButton = React.forwardRef<\n HTMLButtonElement,\n DropdownSplitButtonProps\n>((props, forwardedRef) => {\n const {\n 'aria-label': ariaLabel,\n children,\n id,\n variant = ButtonVariant.solid,\n onClick,\n ...other\n } = props;\n\n const context = React.useContext(DropdownContext);\n\n const theme = React.useContext(ThemeContext);\n\n const ref = useForkedRef(forwardedRef, context.toggleRef);\n\n context.dropdownButtonId.current = useGenerateId(id);\n\n const buttonIcon =\n context.dropDirection === DropdownDropDirection.up ? (\n <ArrowDropUpIcon size={theme.iconSizes.medium} testId=\"caretUp\" />\n ) : (\n <ArrowDropDownIcon size={theme.iconSizes.medium} testId=\"caretDown\" />\n );\n\n function handleClick(event: React.SyntheticEvent) {\n if (context.isOpen) {\n context.closeDropdown(event);\n } else {\n context.openDropdown();\n }\n }\n\n const i18n = React.useContext(I18nContext);\n\n return (\n <>\n <Button\n {...other}\n id={context.dropdownButtonId.current}\n onClick={onClick}\n shape={ButtonShape.leftCap}\n style={{ borderRight: 0, marginRight: 0 }}\n variant={variant}\n >\n {children}\n </Button>\n <IconButton\n {...other}\n aria-expanded={context.isOpen}\n aria-label={ariaLabel ? ariaLabel : i18n.dropdown.toggleMenuAriaLabel}\n aria-haspopup=\"true\"\n icon={buttonIcon}\n onClick={handleClick}\n shape={ButtonShape.rightCap}\n style={{\n marginLeft:\n variant === ButtonVariant.outline ? 0 : theme.spaceScale.spacing01,\n }}\n ref={ref}\n variant={variant}\n />\n </>\n );\n});\n","import * as React from 'react';\nimport { IconButton } from '../IconButton';\nimport { ButtonColor, ButtonVariant } from '../Button';\nimport { EastIcon, WestIcon } from 'react-magma-icons';\nimport { Label } from '../Label';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { I18nContext } from '../../i18n';\nimport { useIsInverse } from '../../inverse';\nimport { usePagination } from '../Pagination/usePagination';\nimport { XOR } from '../../utils';\nimport { useControlled } from '../../hooks/useControlled';\nimport {\n Dropdown,\n DropdownAlignment,\n DropdownDropDirection,\n DropdownButton,\n DropdownContent,\n DropdownMenuItem,\n} from '../Dropdown';\n\nexport interface BaseTablePaginationProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Position of the dropdown content\n * @default `DropdownDropDirection.up`\n */\n dropdownDropDirection?: DropdownDropDirection;\n /**\n * Total number of rows\n */\n itemCount: number;\n isInverse?: boolean;\n /**\n * Event that fires when the page number changes\n */\n onPageChange?: (event: React.SyntheticEvent, newPage: number) => void;\n /**\n * Event that fires when the number of rows per page changes\n */\n onRowsPerPageChange?: (newRowsPerPage: number) => void;\n /**\n * Values added to the rows per page select\n */\n rowsPerPageValues?: number[];\n testId?: string;\n}\n\nexport interface ControlledPageProps {\n /**\n * Current page number\n */\n page?: number;\n}\n\nexport interface UncontrolledPageProps {\n /**\n * Page selected by default when the component is uncontrolled\n * @default 1\n */\n defaultPage?: number;\n}\n\nexport type PagePaginationProps = XOR<\n ControlledPageProps,\n UncontrolledPageProps\n>;\n\nexport interface ControlledRowsPerPageProps {\n /**\n * Number of rows per page\n */\n rowsPerPage?: number;\n}\n\nexport interface UncontrolledRowsPerPageProps {\n /**\n * Number of rows per page by default when component is uncontrolled\n * @default 10\n */\n defaultRowsPerPage?: number;\n}\n\nexport type RowsPaginationProps = XOR<\n ControlledRowsPerPageProps,\n UncontrolledRowsPerPageProps\n>;\n\nexport type TablePaginationProps = BaseTablePaginationProps &\n PagePaginationProps &\n RowsPaginationProps;\n\nconst StyledContainer = styled.div<{\n isInverse?: boolean;\n theme: ThemeInterface;\n}>`\n align-items: center;\n background: ${props =>\n props.isInverse ? props.theme.colors.tint03 : props.theme.colors.neutral07};\n border-top: 1px solid\n ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral06};\n display: flex;\n justify-content: flex-end;\n padding: ${props => props.theme.spaceScale.spacing02};\n`;\n\nconst PageCount = styled(Label)<{ theme: ThemeInterface }>`\n margin: 0 ${props => props.theme.spaceScale.spacing08};\n`;\n\nconst RowsPerPageLabel = styled.span`\n font-weight: 600;\n line-height: 20px;\n margin: 0 16px 0 0;\n text-align: left;\n`;\n\nexport const TablePagination = React.forwardRef<\n HTMLDivElement,\n TablePaginationProps\n>((props, ref) => {\n const {\n testId,\n defaultPage,\n defaultRowsPerPage = 10,\n dropdownDropDirection = DropdownDropDirection.up,\n itemCount,\n onPageChange,\n onRowsPerPageChange,\n page: pageProp,\n rowsPerPage: rowsPerPageProp,\n rowsPerPageValues = [10, 20, 50, 100],\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n const [rowsPerPage, setRowsPerPageState] = useControlled({\n controlled: rowsPerPageProp,\n default: defaultRowsPerPage,\n });\n\n const { page, pageButtons, setPageState } = usePagination({\n count: itemCount / rowsPerPage,\n defaultPage,\n numberOfEdgePages: 0,\n numberOfAdjacentPages: 0,\n onPageChange,\n page: pageProp,\n });\n\n const [activeIndex, setActiveIndex] = React.useState(rowsPerPage);\n const isLastPage = page * rowsPerPage >= itemCount;\n\n const displayPageStart = (page - 1) * rowsPerPage + 1;\n const displayPageEnd = isLastPage ? itemCount : page * rowsPerPage;\n\n const rowsPerPageItems = rowsPerPageValues.map(value => ({\n label: value.toString(),\n value,\n }));\n\n function handleRowsPerPageChange(value: number) {\n if (!pageProp) {\n setPageState(1);\n\n onPageChange &&\n typeof onPageChange === 'function' &&\n onPageChange({} as React.SyntheticEvent, 1);\n }\n\n if (!rowsPerPageProp) {\n setRowsPerPageState(value);\n }\n\n onRowsPerPageChange &&\n typeof onRowsPerPageChange === 'function' &&\n onRowsPerPageChange(value);\n setActiveIndex(rowsPerPage);\n }\n\n const previousButton = pageButtons[0];\n const nextButton = pageButtons[pageButtons.length - 1];\n\n return (\n <StyledContainer\n {...other}\n data-testid={testId}\n isInverse={isInverse}\n ref={ref}\n theme={theme}\n >\n <RowsPerPageLabel>\n {i18n.table.pagination.rowsPerPageLabel}:\n </RowsPerPageLabel>\n <Dropdown\n alignment={DropdownAlignment.end}\n dropDirection={dropdownDropDirection}\n activeIndex={activeIndex}\n >\n <DropdownButton\n aria-label={i18n.table.pagination.rowsPerPageLabel}\n color={ButtonColor.secondary}\n style={{ minWidth: 0 }}\n testId=\"rowPerPageDropdownButton\"\n >\n {rowsPerPageItems.find(item => item.value === rowsPerPage).label}\n </DropdownButton>\n <DropdownContent>\n {rowsPerPageItems.map((row, index) => (\n <DropdownMenuItem\n key={index}\n onClick={handleRowsPerPageChange}\n value={row.value}\n >\n {row.label}\n </DropdownMenuItem>\n ))}\n </DropdownContent>\n </Dropdown>\n\n <PageCount isInverse={isInverse} theme={theme}>\n {`${displayPageStart}-${displayPageEnd} ${i18n.table.pagination.ofLabel} ${itemCount}`}\n </PageCount>\n\n <IconButton\n aria-label={i18n.table.pagination.previousAriaLabel}\n color={ButtonColor.secondary}\n disabled={previousButton.disabled}\n icon={<WestIcon />}\n isInverse={isInverse}\n onClick={previousButton.onClick}\n testId=\"previousBtn\"\n variant={ButtonVariant.link}\n />\n <IconButton\n aria-label={i18n.table.pagination.nextAriaLabel}\n color={ButtonColor.secondary}\n disabled={nextButton.disabled}\n icon={<EastIcon />}\n isInverse={isInverse}\n onClick={nextButton.onClick}\n testId=\"nextBtn\"\n variant={ButtonVariant.link}\n />\n </StyledContainer>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { TableContext, TableRowColor, TableCell, TableHeaderCell } from './';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { Checkbox } from '../Checkbox';\nimport {\n IndeterminateCheckbox,\n IndeterminateCheckboxStatus,\n} from '../IndeterminateCheckbox';\n\n/**\n * @children required\n */\nexport interface TableRowProps\n extends React.HTMLAttributes<HTMLTableRowElement> {\n /**\n * The color scheme of the table row, giving contextual meaning to the content\n */\n color?: TableRowColor;\n headerRowStatus?: IndeterminateCheckboxStatus;\n isSelected?: boolean;\n isSelectableDisabled?: boolean;\n onHeaderRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onTableRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n rowIndex?: number;\n testId?: string;\n}\n\nfunction buildTableRowBackground(props) {\n switch (props.color) {\n case 'success':\n return props.theme.colors.success;\n case 'warning':\n return props.theme.colors.pop04;\n case 'danger':\n return props.theme.colors.danger;\n case 'info':\n return props.theme.colors.primary;\n default:\n return 'inherit';\n }\n}\n\nfunction buildTableRowColor(props) {\n if (props.color === 'warning') {\n return props.theme.colors.neutral;\n }\n\n if (props.color) {\n return props.theme.colors.neutral08;\n }\n\n return 'inherit';\n}\n\nconst StyledTableRow = styled.tr<{\n color?: string;\n hasHoverStyles?: boolean;\n hasZebraStripes?: boolean;\n isInverse?: boolean;\n}>`\n border-bottom: 1px solid\n ${props =>\n props.isInverse\n ? props.theme.colors.tint04\n : props.theme.colors.neutral06};\n color: inherit;\n display: table-row;\n outline: 0;\n vertical-align: top;\n\n &:last-child {\n border-bottom: 0;\n }\n\n ${props =>\n !props.color &&\n css`\n &:nth-of-type(even) {\n background: ${props.hasZebraStripes\n ? props.isInverse\n ? props.theme.colors.tint\n : props.theme.colors.tone\n : 'none'};\n }\n `};\n\n ${props =>\n props.hasHoverStyles &&\n !props.color &&\n css`\n &:hover {\n background: ${\n props.isInverse ? props.theme.colors.tint02 : props.theme.colors.tone02\n };\n `}\n\n ${props =>\n props.color &&\n css`\n background: ${buildTableRowBackground(props)};\n color: ${buildTableRowColor(props)};\n `};\n`;\n\nexport const TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n (props, ref) => {\n const {\n children,\n headerRowStatus,\n isSelected,\n isSelectableDisabled,\n onHeaderRowSelect,\n onTableRowSelect,\n rowIndex,\n testId,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n const tableContext = React.useContext(TableContext);\n\n let isHeaderRow = false;\n\n React.Children.forEach(children, (child: any) => {\n if (child.type.displayName === 'TableHeaderCell') {\n isHeaderRow = true;\n return;\n }\n });\n\n function getIsCheckboxInverse() {\n if (props.color && props.color === TableRowColor.warning) {\n return false;\n }\n if (props.color && props.color !== TableRowColor.warning) {\n return true;\n }\n\n return tableContext.isInverse;\n }\n\n return (\n <StyledTableRow\n {...other}\n data-testid={testId}\n hasHoverStyles={tableContext.hasHoverStyles && !isHeaderRow}\n hasZebraStripes={tableContext.hasZebraStripes}\n isInverse={tableContext.isInverse}\n ref={ref}\n theme={theme}\n >\n {tableContext.isSelectable && isHeaderRow && (\n <TableHeaderCell width={theme.spaceScale.spacing05}>\n <IndeterminateCheckbox\n status={headerRowStatus}\n isInverse={getIsCheckboxInverse()}\n labelStyle={{ padding: 0 }}\n labelText=\"Select all rows\"\n isTextVisuallyHidden\n onChange={onHeaderRowSelect}\n />\n </TableHeaderCell>\n )}\n {tableContext.isSelectable && !isHeaderRow && (\n <TableCell\n width={theme.spaceScale.spacing05}\n style={{ verticalAlign: 'middle' }}\n >\n <Checkbox\n checked={isSelected}\n disabled={isSelectableDisabled}\n labelStyle={{ padding: 0 }}\n labelText={`Select row ${rowIndex} of ${tableContext.rowCount}`}\n isTextVisuallyHidden\n isInverse={getIsCheckboxInverse()}\n onChange={onTableRowSelect}\n />\n </TableCell>\n )}\n\n {children}\n </StyledTableRow>\n );\n }\n);\n","import * as React from 'react';\nimport { TablePagination } from '../Table';\nimport { DatagridComponents } from './Datagrid';\n\nexport const DefaultPagination = props => {\n return <TablePagination {...props} />;\n};\n\nexport function defaultComponents<T>(components: DatagridComponents) {\n return {\n Pagination: DefaultPagination,\n ...components,\n };\n}\n","import * as React from 'react';\nimport { useControlled } from '../../hooks/useControlled';\nimport { useDataPagination } from '../../hooks/useDataPagination';\nimport { XOR } from '../../utils';\nimport { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';\nimport {\n Table,\n TableBody,\n TableRow,\n TableCell,\n TableHead,\n TableHeaderCell,\n TableProps,\n TableHeaderCellProps,\n TableRowColor,\n TablePaginationProps,\n} from '../Table';\nimport { defaultComponents } from './components';\n\nexport interface DatagridColumn extends TableHeaderCellProps {\n /**\n * Unique identifier for each column\n */\n field: string;\n /**\n * Header text for each column\n */\n header: string;\n /**\n * @default false\n * Set to true if you want the column to be the header for each row\n */\n isRowHeader?: boolean;\n}\n\nexport interface DatagridRow {\n /**\n * Unique identifier for each row\n */\n id: string | number;\n /**\n * The color scheme of the table row, giving contextual meaning to the content\n */\n color?: TableRowColor;\n /**\n * If true, the select box will be disabled\n */\n isSelectableDisabled?: boolean;\n /**\n * Used to allow each unique column field as a key with the row content as the value\n */\n [key: string]: any;\n}\n\nexport interface DatagridComponents {\n Pagination?: React.FunctionComponent<TablePaginationProps>;\n}\n\nexport interface DatagridComponentsProps {\n pagination?: Partial<\n Omit<\n TablePaginationProps,\n 'page' | 'defaultPage' | 'rowsPerPage' | 'defaultRowsPerPage'\n >\n >;\n}\n\n/**\n * @children required\n */\nexport interface BaseDatagridProps extends TableProps {\n /**\n * Column data to be displayed in the table header\n */\n columns: DatagridColumn[];\n /**\n * Custom components to replace internally used components with\n * @default { Pagination }\n */\n components?: DatagridComponents;\n /**\n * Props to be passed to the default components used internally to build the datagrid\n */\n componentsProps?: DatagridComponentsProps;\n /**\n * Pass in false to turn off pagination\n * @default true\n */\n hasPagination?: boolean;\n /**\n * Row data to be displayed in each row in the table\n */\n rows: DatagridRow[];\n /**\n * Function called when the checkbox in the table header is clicked on\n */\n onHeaderSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /**\n * Function called when the checkbox in each table row is clicked on\n */\n onRowSelect?: (\n id: string | number,\n event: React.ChangeEvent<HTMLInputElement>\n ) => void;\n /**\n * Function called when the rows selected in the table changes\n */\n onSelectedRowsChange?: (newSelectedRows: (string | number)[]) => void;\n /**\n * Pagination data used to create the pagination footer. Created using the usePagination hook.\n */\n paginationProps?: Partial<TablePaginationProps>;\n}\n\nexport interface ControlledSelectedRowsProps {\n /**\n * Array of rows that are selected in the table when component is controlled\n */\n selectedRows?: (string | number)[];\n}\n\nexport interface UncontrolledSelectedRowsProps {\n /**\n * Array of rows that are selected in the table on render when component is uncontrolled\n */\n defaultSelectedRows?: (string | number)[];\n}\n\nexport type DatagridSelectedRowsProps = XOR<\n ControlledSelectedRowsProps,\n UncontrolledSelectedRowsProps\n>;\n\nexport type DatagridProps = BaseDatagridProps & DatagridSelectedRowsProps;\n\nexport const Datagrid = React.forwardRef<HTMLTableElement, DatagridProps>(\n (props, ref) => {\n const {\n columns,\n components: customComponents,\n componentsProps = {},\n defaultSelectedRows = [],\n onHeaderSelect,\n onRowSelect,\n onSelectedRowsChange,\n paginationProps = {},\n rows,\n selectedRows: selectedRowsProp,\n hasPagination = true,\n ...other\n } = props;\n const [rowsToShow, setRowsToShow] = React.useState<DatagridRow[]>([]);\n const [selectedRows, updatedSelectedRows] = useControlled({\n controlled: selectedRowsProp,\n default: defaultSelectedRows,\n });\n\n const isControlled = selectedRowsProp ? true : false;\n\n const {\n getPageItems,\n itemsPerPage: rowsPerPage,\n onItemsPerPageChange,\n } = useDataPagination({\n defaultItemsPerPage: paginationProps.defaultRowsPerPage,\n items: rows,\n itemsPerPage: paginationProps.rowsPerPage,\n onItemsPerPageChange: paginationProps.onRowsPerPageChange,\n });\n\n const [currentPage, setCurrentPage] = useControlled({\n controlled: paginationProps.page,\n default: paginationProps.defaultPage || 1,\n });\n\n React.useEffect(() => {\n setRowsToShow(hasPagination ? getPageItems(currentPage) : rows);\n }, [currentPage, rowsPerPage]);\n\n const { Pagination } = defaultComponents({\n ...customComponents,\n });\n\n const { defaultPage: _, ...passedOnPaginationProps } = paginationProps;\n\n passedOnPaginationProps.page = currentPage;\n passedOnPaginationProps.itemCount = rows.length;\n passedOnPaginationProps.rowsPerPage = rowsPerPage;\n passedOnPaginationProps.onRowsPerPageChange = onItemsPerPageChange;\n passedOnPaginationProps.onPageChange = React.useCallback(\n (event, newPage: number) => {\n if (!paginationProps.page) {\n setCurrentPage(newPage);\n }\n\n paginationProps.onPageChange &&\n typeof paginationProps.onPageChange === 'function' &&\n paginationProps.onPageChange(event, newPage);\n },\n [paginationProps.onPageChange]\n );\n\n const filteredRows = rowsToShow.filter(row => !row.isSelectableDisabled);\n\n const headerRowStatus =\n selectedRows.length === filteredRows.length\n ? IndeterminateCheckboxStatus.checked\n : selectedRows.length > 0\n ? IndeterminateCheckboxStatus.indeterminate\n : IndeterminateCheckboxStatus.unchecked;\n\n function handleRowSelect(\n id: string | number,\n event: React.ChangeEvent<HTMLInputElement>\n ) {\n const { checked } = event.target;\n const newSelectedRows = [...selectedRows];\n\n checked\n ? newSelectedRows.push(id)\n : newSelectedRows.splice(newSelectedRows.indexOf(id), 1);\n\n handleSelectedRowsChange(newSelectedRows);\n\n onRowSelect &&\n typeof onRowSelect === 'function' &&\n onRowSelect(id, event);\n }\n\n function handleHeaderSelect(event: React.ChangeEvent<HTMLInputElement>) {\n if (\n headerRowStatus === IndeterminateCheckboxStatus.indeterminate ||\n headerRowStatus === IndeterminateCheckboxStatus.checked\n ) {\n handleSelectedRowsChange([]);\n } else {\n handleSelectedRowsChange(filteredRows.map(row => row.id));\n }\n\n onHeaderSelect &&\n typeof onHeaderSelect === 'function' &&\n onHeaderSelect(event);\n }\n\n function handleSelectedRowsChange(newSelectedRows) {\n if (isControlled) {\n onSelectedRowsChange &&\n typeof onSelectedRowsChange === 'function' &&\n onSelectedRowsChange(newSelectedRows);\n } else {\n updatedSelectedRows(newSelectedRows);\n }\n }\n\n return (\n <>\n <Table {...other} ref={ref}>\n <TableHead>\n <TableRow\n headerRowStatus={headerRowStatus}\n onHeaderRowSelect={handleHeaderSelect}\n >\n {columns.map(({ field, header, ...other }) => (\n <TableHeaderCell\n key={`headercell${field}`}\n {...other}\n isRowHeader={false}\n >\n {header}\n </TableHeaderCell>\n ))}\n </TableRow>\n </TableHead>\n\n <TableBody>\n {rowsToShow.map(({ id, color, isSelectableDisabled, ...other }) => (\n <TableRow\n key={`row${id}`}\n color={color}\n isSelected={\n selectedRows ? selectedRows.indexOf(id) > -1 : false\n }\n isSelectableDisabled={isSelectableDisabled}\n onTableRowSelect={event => handleRowSelect(id, event)}\n >\n {columns.map(({ field, isRowHeader }: DatagridColumn) => {\n return isRowHeader ? (\n <TableHeaderCell\n key={`cell${field}`}\n isRowHeader={isRowHeader}\n >\n {other[field]}\n </TableHeaderCell>\n ) : (\n <TableCell key={`cell${field}`}>{other[field]}</TableCell>\n );\n })}\n </TableRow>\n ))}\n </TableBody>\n </Table>\n {hasPagination && (\n <Pagination\n isInverse={props.isInverse}\n itemCount={rows.length}\n {...passedOnPaginationProps}\n {...componentsProps.pagination}\n />\n )}\n </>\n );\n }\n);\n","import * as React from 'react';\n\nexport interface CalendarContextInterface {\n chosenDate: Date;\n focusedDate: Date;\n dateFocused?: boolean;\n maxDate?: Date;\n minDate?: Date;\n helperInformationShown?: boolean;\n buildCalendarMonth: (date: Date, enableOutsideDates?: boolean) => Date[][];\n showHelperInformation: () => void;\n hideHelperInformation: () => void;\n onDateChange: (day: Date, event: React.SyntheticEvent) => void;\n onKeyDown: (event: React.KeyboardEvent) => void;\n onPrevMonthClick: () => void;\n onNextMonthClick: () => void;\n setDateFocused: (value: boolean) => void;\n}\n\nexport const CalendarContext = React.createContext<CalendarContextInterface>({\n chosenDate: new Date(),\n focusedDate: new Date(),\n buildCalendarMonth: (newDate: Date, enableOutsideDates: boolean) => [\n [newDate],\n ],\n showHelperInformation: () => {},\n hideHelperInformation: () => {},\n onDateChange: (newDate: Date, event: React.SyntheticEvent) => {},\n onKeyDown: (event: React.KeyboardEvent) => {},\n onPrevMonthClick: () => {},\n onNextMonthClick: () => {},\n setDateFocused: (value: boolean) => {},\n});\n","import {\n subDays,\n subWeeks,\n subMonths,\n addDays,\n addWeeks,\n addMonths,\n getDay,\n format,\n startOfWeek,\n endOfWeek,\n startOfMonth,\n endOfMonth,\n differenceInDays,\n} from 'date-fns';\nimport { enUS } from 'date-fns/locale';\n\nexport function handleKeyPress(\n e: React.KeyboardEvent,\n prevDate: Date,\n toggleCalendar?: (calendarOpened: boolean) => void,\n showHelperInformation?: () => void,\n onDateChange?: (day: Date) => void,\n iconRef?: React.RefObject<any>\n) {\n const { key } = e;\n\n if (key === 'Enter' || key === ' ') {\n if (!(e.target as HTMLElement).getAttribute('aria-disabled')) {\n onDateChange(prevDate);\n }\n }\n\n switch (key) {\n case 'ArrowUp':\n e.preventDefault();\n return subWeeks(prevDate, 1);\n\n case 'ArrowLeft':\n e.preventDefault();\n return subDays(prevDate, 1);\n\n case 'Home':\n e.preventDefault();\n return startOfWeek(prevDate);\n\n case 'PageUp':\n e.preventDefault();\n return subMonths(prevDate, 1);\n\n case 'ArrowDown':\n e.preventDefault();\n return addWeeks(prevDate, 1);\n\n case 'ArrowRight':\n e.preventDefault();\n return addDays(prevDate, 1);\n\n case 'End':\n e.preventDefault();\n return endOfWeek(prevDate);\n\n case 'PageDown':\n e.preventDefault();\n return addMonths(prevDate, 1);\n\n case 'Escape':\n e.preventDefault();\n toggleCalendar(false);\n iconRef.current.focus();\n break;\n\n case '?':\n e.preventDefault();\n showHelperInformation();\n break;\n\n default:\n break;\n }\n}\n\nexport function getCalendarMonthWeeks(\n month,\n enableOutsideDays,\n firstDayOfWeek = 0\n): Date[][] {\n const firstOfMonth = startOfMonth(month);\n const lastOfMonth = endOfMonth(month);\n\n const prevDays = (getDay(firstOfMonth) + 7 - firstDayOfWeek) % 7;\n const nextDays = (firstDayOfWeek + 6 - getDay(lastOfMonth)) % 7;\n const firstDay = subDays(firstOfMonth, prevDays);\n const lastDay = addDays(lastOfMonth, nextDays);\n\n const totalDays = differenceInDays(lastDay, firstDay) + 1;\n\n const currentDay = firstDay;\n const weeksInMonth = [];\n\n for (let i = 0; i < totalDays; i += 1) {\n if (i % 7 === 0) {\n weeksInMonth.push([]);\n }\n\n let day = null;\n if ((i >= prevDays && i < totalDays - nextDays) || enableOutsideDays) {\n day = addDays(currentDay, i);\n }\n\n weeksInMonth[weeksInMonth.length - 1].push(day);\n }\n\n return weeksInMonth;\n}\n\nexport function getPrevMonthFromDate(prevDate) {\n return startOfMonth(subMonths(prevDate, 1));\n}\n\nexport function getNextMonthFromDate(prevDate) {\n return startOfMonth(addMonths(prevDate, 1));\n}\n\nexport function i18nFormat(date, formatStr = 'PP', locale = enUS) {\n return (\n date &&\n format(getDateFromString(date), formatStr, {\n locale,\n })\n );\n}\n\nexport function getDateFromString(date) {\n return date ? (date instanceof Date ? date : new Date(date)) : null;\n}\n","import * as React from 'react';\nimport { Announce } from '../Announce';\nimport { CalendarContext } from './CalendarContext';\nimport { ArrowBackIcon, ArrowForwardIcon } from 'react-magma-icons';\nimport { ButtonType, ButtonVariant } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { addMonths, subMonths } from 'date-fns';\nimport { enUS } from 'date-fns/locale';\nimport styled from '../../theme/styled';\nimport { useForkedRef, usePrevious } from '../../utils';\nimport { i18nFormat as format } from './utils';\nimport { I18nContext } from '../../i18n';\n\ninterface CalendarHeaderProps {\n focusHeader?: boolean;\n}\n\nconst CalendarHeaderContainer = styled.div`\n align-items: center;\n display: flex;\n padding: ${props => props.theme.spaceScale.spacing10} 0\n ${props => props.theme.spaceScale.spacing03};\n margin-top: -${props => props.theme.spaceScale.spacing01};\n`;\n\nconst CalendarIconButton = styled.div<{ next?: boolean }>`\n flex-grow: 0;\n flex-width: 10%;\n flex-basis: 10%;\n order: ${props => (props.next ? 2 : 0)};\n`;\n\nconst CalendarHeaderText = styled.div`\n caption-side: initial;\n color: ${props => props.theme.colors.neutral};\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n order: 1;\n text-align: center;\n flex-grow: 0;\n flex-width: 90%;\n flex-basis: 90%;\n`;\n\nexport const CalendarHeader = React.forwardRef<\n HTMLDivElement,\n CalendarHeaderProps\n>((props, forwardedRef) => {\n const calendarHeader = React.useRef<HTMLDivElement>();\n const { focusedDate, onPrevMonthClick, onNextMonthClick } =\n React.useContext(CalendarContext);\n const prevFocusHeader = usePrevious(props.focusHeader);\n const ref = useForkedRef(forwardedRef, calendarHeader);\n\n React.useEffect(() => {\n if (!prevFocusHeader && props.focusHeader) {\n calendarHeader.current.focus();\n }\n }, [props.focusHeader]);\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const locale = i18n.locale || enUS;\n\n const currentMonth = format(focusedDate, 'MMMM yyyy', locale);\n\n const capitalizeCurrentMonth =\n currentMonth &&\n currentMonth.charAt(0).toUpperCase() + currentMonth.slice(1);\n\n return (\n <CalendarHeaderContainer theme={theme}>\n <CalendarHeaderText tabIndex={-1} theme={theme} ref={ref}>\n <Announce>{capitalizeCurrentMonth}</Announce>\n </CalendarHeaderText>\n <CalendarIconButton>\n <IconButton\n aria-label={`${i18n.datePicker.previousMonthAriaLabel} ${format(\n subMonths(new Date(focusedDate), 1),\n 'MMMM yyyy',\n locale\n )}`}\n icon={<ArrowBackIcon />}\n type={ButtonType.button}\n variant={ButtonVariant.link}\n onClick={onPrevMonthClick}\n />\n </CalendarIconButton>\n <CalendarIconButton next>\n <IconButton\n aria-label={`${i18n.datePicker.nextMonthAriaLabel} ${format(\n addMonths(new Date(focusedDate), 1),\n 'MMMM yyyy',\n locale\n )}`}\n icon={<ArrowForwardIcon />}\n type={ButtonType.button}\n variant={ButtonVariant.link}\n onClick={onNextMonthClick}\n />\n </CalendarIconButton>\n </CalendarHeaderContainer>\n );\n});\n","import * as React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '../../theme/styled';\nimport { isAfter, isBefore, isSameDay } from 'date-fns';\nimport { enUS } from 'date-fns/locale';\nimport { CalendarContext } from './CalendarContext';\nimport { I18nContext } from '../../i18n';\nimport { i18nFormat as format } from './utils';\n\ninterface CalendarDayProps {\n day: Date;\n dayFocusable?: boolean;\n onDateChange?: (day: Date, event: React.SyntheticEvent) => void;\n}\n\nconst CalendarDayCell = styled.td`\n border: 1px solid ${props => props.theme.colors.neutral06};\n color: ${props => props.theme.colors.neutral};\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n height: ${props => props.theme.spaceScale.spacing09};\n padding: 0;\n position: relative;\n text-align: center;\n width: ${props => props.theme.spaceScale.spacing09};\n`;\n\nconst CalendarDayInner = styled.button<{\n isChosen?: boolean;\n isFocused?: boolean;\n disabled?: boolean;\n}>`\n align-items: center;\n background: ${props =>\n props.isChosen\n ? props.theme.colors.foundation02\n : props.theme.colors.neutral08};\n border: 2px solid transparent;\n border-radius: 100%;\n color: ${props =>\n props.isChosen\n ? props.theme.colors.neutral08\n : props.disabled\n ? props.theme.colors.disabledText\n : props.theme.colors.neutral};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n display: flex;\n height: calc(${props => props.theme.spaceScale.spacing09} - 4px);\n justify-content: center;\n margin: ${props => props.theme.spaceScale.spacing01};\n overflow: hidden;\n outline-offset: 0;\n position: relative;\n transition: background 0.5s ease-in-out 0s;\n width: calc(${props => props.theme.spaceScale.spacing09} - 4px);\n\n &:focus {\n outline: 2px dotted ${props => props.theme.colors.focus};\n }\n\n &:before {\n background: ${props => props.theme.colors.neutral};\n content: '';\n height: 200%;\n left: 0;\n opacity: 0;\n position: absolute;\n top: -50%;\n transition: 0.2s;\n width: 200%;\n }\n\n &:hover {\n &:before {\n opacity: ${props => (props.disabled ? 0 : 0.1)};\n }\n }\n`;\n\nconst EmptyCell = styled.td`\n border: 0;\n padding: 0;\n`;\n\nconst TodayIndicator = styled.span`\n border-left: 8px solid ${props => props.theme.colors.pop};\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n bottom: -6px;\n display: block;\n height: 0;\n position: absolute;\n transform: rotate(45deg);\n right: -2px;\n width: 0;\n`;\n\nexport const CalendarDay: React.FunctionComponent<CalendarDayProps> = (\n props: CalendarDayProps\n) => {\n const dayRef = React.useRef<HTMLButtonElement>();\n const {\n dateFocused,\n focusedDate,\n chosenDate,\n maxDate,\n minDate,\n setDateFocused,\n onDateChange,\n } = React.useContext(CalendarContext);\n const [focused, setFocused] = React.useState<boolean>(false);\n const { day, dayFocusable } = props;\n\n React.useEffect(() => {\n if (dateFocused && isSameDay(props.day, focusedDate)) {\n dayRef.current.focus();\n setFocused(true);\n } else {\n if (focused) {\n setFocused(false);\n }\n }\n }, [focusedDate, dateFocused]);\n\n function onCalendarDayFocus() {\n setDateFocused(true);\n }\n\n function onDayClick(event: React.SyntheticEvent) {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onDateChange(day, event);\n }\n\n const disabled: boolean =\n (maxDate ? isAfter(props.day, maxDate) : false) ||\n (minDate ? isBefore(props.day, minDate) : false);\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n if (day) {\n const sameDateAsFocusedDate = isSameDay(day, focusedDate);\n const sameDateAsChosenDate = isSameDay(day, chosenDate);\n const sameDateAsToday = isSameDay(day, new Date());\n const locale = i18n.locale || enUS;\n const ariaLabel = `${\n disabled ? i18n.datePicker.disabledDayAriaLabel : ''\n } ${format(day, 'EEEE, MMMM do yyyy', locale)} ${\n sameDateAsToday ? i18n.datePicker.todayAriaLabel : ''\n } ${sameDateAsChosenDate ? i18n.datePicker.selectedDayAriaLabel : ''}`;\n\n return (\n <CalendarDayCell onFocus={onCalendarDayFocus} theme={theme}>\n <CalendarDayInner\n aria-disabled={disabled}\n aria-label={ariaLabel}\n disabled={disabled}\n isChosen={sameDateAsChosenDate}\n isFocused={dayFocusable && sameDateAsFocusedDate}\n onClick={onDayClick}\n ref={dayRef}\n tabIndex={sameDateAsFocusedDate ? 0 : -1}\n type=\"button\"\n theme={theme}\n >\n {format(day, 'd', locale)}\n </CalendarDayInner>\n {sameDateAsToday && (\n <TodayIndicator data-testid=\"todayIndicator\" theme={theme} />\n )}\n </CalendarDayCell>\n );\n } else {\n return <EmptyCell />;\n }\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from '../Button';\n\nimport { IconButton } from '../IconButton';\nimport { Heading } from '../Heading';\nimport { ArrowBackIcon, CloseIcon } from 'react-magma-icons';\nimport { TypographyVisualStyle } from '../Typography';\n\nimport { I18nContext } from '../../i18n';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\ninterface HelperInformationProps {\n isOpen?: boolean;\n onClose?: (event?: React.SyntheticEvent) => void;\n}\n\nconst List = styled.ul`\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: left;\n`;\n\nconst Item = styled.li`\n display: flex;\n list-style: none;\n margin-bottom: 12px;\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n align-items: center;\n span {\n flex: 0 0 100px;\n overflow: hidden;\n line-height: 28px;\n min-height: 36px;\n height: max-content;\n text-align: center;\n }\n div {\n flex: 1;\n }\n`;\n\nconst KeyboardShortcutButtonWrapper = styled.span`\n background: rgb(242, 242, 242);\n font-family: monospace;\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n margin-right: ${props => props.theme.spaceScale.spacing03};\n text-transform: uppercase;\n padding: ${props => props.theme.spaceScale.spacing02}\n ${props => props.theme.spaceScale.spacing04};\n`;\n\nconst StyledPopup = styled.div`\n position: relative;\n background: white;\n`;\n\nconst StyledNavContainer = styled.div`\n display: flex;\n justify-content: space-between;\n padding: 2px;\n`;\nconst StyledContent = styled.div`\n z-index: 9999;\n position: relative;\n background: white;\n h2 {\n margin: 10px 0 12px 0;\n }\n`;\n\nexport const HelperInformation: React.FunctionComponent<\n HelperInformationProps\n> = (props: HelperInformationProps) => {\n const i18n = React.useContext(I18nContext);\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledPopup>\n <StyledNavContainer>\n <IconButton\n icon={<ArrowBackIcon />}\n size={ButtonSize.small}\n style={{ top: '4px', left: '-12px' }}\n variant={ButtonVariant.link}\n onClick={props.onClose}\n >\n Back to Calendar\n </IconButton>\n <IconButton\n aria-label={i18n.datePicker.calendarCloseAriaLabel}\n color={ButtonColor.secondary}\n icon={<CloseIcon />}\n size={ButtonSize.medium}\n style={{ left: '16px' }}\n type={ButtonType.button}\n onClick={props.onClose}\n variant={ButtonVariant.link}\n />\n </StyledNavContainer>\n <StyledContent>\n <Heading level={2} visualStyle={TypographyVisualStyle.headingXSmall}>\n {i18n.datePicker.helpModal.header}\n </Heading>\n <List id=\"DayPickerKeyboardShortcuts_description\">\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n aria-label={i18n.datePicker.helpModal.enter.ariaLabel}\n role=\"img\"\n theme={theme}\n >\n ↵\n </KeyboardShortcutButtonWrapper>\n <div>{i18n.datePicker.helpModal.enter.explanation}</div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={\n i18n.datePicker.helpModal.rightAndLeftArrowKeys.ariaLabel\n }\n >\n ←/→\n </KeyboardShortcutButtonWrapper>\n <div>\n {i18n.datePicker.helpModal.rightAndLeftArrowKeys.explanation}\n </div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={\n i18n.datePicker.helpModal.upAndDownArrowKeys.ariaLabel\n }\n >\n ↑/↓\n </KeyboardShortcutButtonWrapper>\n <div>\n {i18n.datePicker.helpModal.upAndDownArrowKeys.explanation}\n </div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={\n i18n.datePicker.helpModal.pageUpAndPageDownKeys.ariaLabel\n }\n >\n {i18n.datePicker.helpModal.pageUpAndPageDownKeys.displayValue}\n </KeyboardShortcutButtonWrapper>\n <div>\n {i18n.datePicker.helpModal.pageUpAndPageDownKeys.explanation}\n </div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={i18n.datePicker.helpModal.homeAndEndKeys.ariaLabel}\n >\n {i18n.datePicker.helpModal.homeAndEndKeys.displayValue}\n </KeyboardShortcutButtonWrapper>\n <div>{i18n.datePicker.helpModal.homeAndEndKeys.explanation}</div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={i18n.datePicker.helpModal.escape.ariaLabel}\n >\n {i18n.datePicker.helpModal.escape.displayValue}\n </KeyboardShortcutButtonWrapper>\n <div>{i18n.datePicker.helpModal.escape.explanation}</div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={i18n.datePicker.helpModal.questionMark.ariaLabel}\n >\n ?\n </KeyboardShortcutButtonWrapper>\n <div>{i18n.datePicker.helpModal.questionMark.explanation}</div>\n </Item>\n </List>\n </StyledContent>\n </StyledPopup>\n );\n};\n","import * as React from 'react';\n\nexport interface FocusableElement extends HTMLElement {\n focus(options?: FocusOptions): void;\n}\n\nexport function useFocusLock(\n active: boolean,\n header?: React.MutableRefObject<FocusableElement>,\n body?: React.MutableRefObject<FocusableElement>\n): React.MutableRefObject<any> {\n const rootNode = React.useRef<HTMLElement>(null);\n const focusableItems = React.useRef<Array<HTMLElement>>([]);\n\n const updateFocusableItems = () => {\n focusableItems.current = rootNode.current?.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"]), video'\n ) as unknown as Array<HTMLElement>;\n };\n\n React.useEffect(() => {\n if (active) {\n updateFocusableItems();\n\n if (header && header.current) {\n header.current.focus();\n } else if (focusableItems.current && focusableItems.current.length > 0) {\n const { 0: firstItem } = focusableItems.current;\n\n firstItem.focus();\n } else if (body && body.current) {\n (body.current.firstChild as HTMLElement).setAttribute('tabIndex', '-1');\n (body.current.firstChild as HTMLElement).focus();\n }\n }\n }, [active]);\n\n React.useEffect(() => {\n const observer: MutationObserver = new MutationObserver(() => {\n updateFocusableItems();\n });\n\n updateFocusableItems();\n\n rootNode.current &&\n observer.observe(rootNode.current, { childList: true, subtree: true });\n return () => {\n observer.disconnect();\n };\n }, [rootNode]);\n\n React.useEffect(() => {\n const handleKeyPress = (event: KeyboardEvent) => {\n if (!focusableItems.current) return;\n\n const { key, shiftKey } = event;\n const {\n length,\n 0: firstItem,\n [length - 1]: lastItem,\n } = focusableItems.current;\n\n if (active && key === 'Tab') {\n // If no focusable items are\n if (length === 0) {\n event.preventDefault();\n return;\n }\n\n // If only one item then prevent tabbing when locked\n if (length === 1) {\n event.preventDefault();\n if (firstItem !== document.activeElement) {\n firstItem.focus();\n }\n\n return;\n }\n\n // If focused on last item then focus on first item when tab is pressed\n if (!shiftKey && document.activeElement === lastItem) {\n event.preventDefault();\n firstItem.focus();\n return;\n }\n\n // If focused on first item then focus on last item when shift + tab is pressed\n if (\n shiftKey &&\n (document.activeElement === firstItem ||\n document.activeElement === header.current)\n ) {\n event.preventDefault();\n lastItem.focus();\n return;\n }\n }\n };\n\n window.addEventListener('keydown', handleKeyPress);\n\n return () => {\n window.removeEventListener('keydown', handleKeyPress);\n };\n }, [active, focusableItems]);\n\n return rootNode;\n}\n","import * as React from 'react';\nimport { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { Tooltip } from '../Tooltip';\nimport { CloseIcon, KeyboardIcon } from 'react-magma-icons';\nimport { CalendarContext } from './CalendarContext';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CalendarDay } from './CalendarDay';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '../../theme/styled';\nimport { HelperInformation } from './HelperInformation';\nimport { usePrevious } from '../../utils';\nimport { I18nContext } from '../../i18n';\nimport { useFocusLock } from '../../hooks/useFocusLock';\n\ninterface CalendarMonthProps {\n calendarOpened?: boolean;\n focusOnOpen?: boolean;\n handleCloseButtonClick: (event: React.SyntheticEvent) => void;\n setDateFocused?: (value: boolean) => void;\n}\n\nconst CalendarContainer = styled.div`\n background: ${props => props.theme.colors.neutral08};\n padding: 0 ${props => props.theme.spaceScale.spacing05}\n ${props => props.theme.spaceScale.spacing03};\n overflow: visible;\n`;\n\nconst MonthContainer = styled.div`\n background: ${props => props.theme.colors.neutral08};\n text-align: center;\n user-select: none;\n vertical-align: top;\n`;\n\nconst Table = styled.table`\n border-collapse: collapse;\n border-spacing: 0;\n margin-bottom: ${props => props.theme.spaceScale.spacing03};\n`;\n\nconst Th = styled.th`\n border: 0;\n color: ${props => props.theme.colors.neutral};\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n font-weight: normal;\n padding: 0;\n text-align: center;\n`;\n\nconst HelperButton = styled.span<{ theme?: any }>`\n top: ${props => props.theme.spaceScale.spacing01};\n position: absolute;\n left: ${props => props.theme.spaceScale.spacing01};\n z-index: 2;\n`;\n\nconst CloseButton = styled.span<{ theme?: any }>`\n position: absolute;\n right: ${props => props.theme.spaceScale.spacing01};\n top: ${props => props.theme.spaceScale.spacing01};\n z-index: 1;\n`;\n\nexport const CalendarMonth: React.FunctionComponent<CalendarMonthProps> = (\n props: CalendarMonthProps\n) => {\n const lastFocus = React.useRef<any>();\n const headingRef = React.useRef<any>();\n const context = React.useContext(CalendarContext);\n const [dayFocusable, setDayFocusable] = React.useState<boolean>(false);\n const [focusHeader, setFocusHeader] = React.useState<boolean>(false);\n const prevCalendarOpened = usePrevious(props.calendarOpened);\n\n const focusTrapElement = useFocusLock(props.calendarOpened, headingRef);\n\n React.useEffect(() => {\n if (!prevCalendarOpened && props.calendarOpened) {\n lastFocus.current = document.activeElement;\n\n if (props.focusOnOpen) {\n setDayFocusable(true);\n context.setDateFocused(true);\n }\n }\n\n if (props.calendarOpened && !props.focusOnOpen && !focusHeader) {\n setFocusHeader(true);\n }\n\n if (prevCalendarOpened && !props.calendarOpened) {\n setFocusHeader(false);\n }\n }, [props.calendarOpened, props.focusOnOpen]);\n\n function onCalendarTableFocus() {\n setDayFocusable(true);\n }\n\n function onCalendarTableBlur() {\n setDayFocusable(false);\n context.setDateFocused(false);\n }\n\n function turnOffDateFocused() {\n context.setDateFocused(false);\n }\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const days = [\n 'sunday',\n 'monday',\n 'tuesday',\n 'wednesday',\n 'thursday',\n 'friday',\n 'saturday',\n ];\n const startOfWeek = days.indexOf(i18n.datePicker.startOfWeek);\n const sortedDays = days.slice(startOfWeek).concat(days.slice(0, startOfWeek));\n const tableDaysHeaders = sortedDays.map((day, index) => (\n <Th key={index} theme={theme}>\n {i18n.days.min[day]}\n </Th>\n ));\n\n return (\n <>\n <CalendarContainer\n data-testid=\"calendarMonthContainer\"\n tabIndex={-1}\n theme={theme}\n onKeyDown={context.onKeyDown}\n >\n {context.helperInformationShown ? (\n <HelperInformation\n isOpen={context.helperInformationShown}\n onClose={context.hideHelperInformation}\n />\n ) : (\n <MonthContainer\n data-testid=\"monthContainer\"\n data-visible=\"true\"\n theme={theme}\n ref={focusTrapElement}\n >\n <CalendarHeader ref={headingRef} focusHeader={focusHeader} />\n\n <Table\n role=\"presentation\"\n onBlur={onCalendarTableBlur}\n onFocus={onCalendarTableFocus}\n theme={theme}\n >\n <tbody>\n <tr>{tableDaysHeaders}</tr>\n {context\n .buildCalendarMonth(context.focusedDate)\n .map((week, i) => (\n <tr key={i}>\n {week.map((day, dayOfWeek) => (\n <CalendarDay\n key={dayOfWeek}\n day={day}\n dayFocusable={dayFocusable}\n onDateChange={context.onDateChange}\n />\n ))}\n </tr>\n ))}\n </tbody>\n </Table>\n <Tooltip\n content={'Keyboard instructions'}\n tooltipStyle={{ position: 'fixed' }}\n >\n <HelperButton theme={theme}>\n <IconButton\n aria-label={i18n.datePicker.helpModal.helpButtonAriaLabel}\n icon={<KeyboardIcon />}\n onClick={context.showHelperInformation}\n size={ButtonSize.small}\n onFocus={turnOffDateFocused}\n type={ButtonType.button}\n variant={ButtonVariant.link}\n />\n </HelperButton>\n </Tooltip>\n\n <CloseButton theme={theme}>\n <IconButton\n aria-label={i18n.datePicker.calendarCloseAriaLabel}\n color={ButtonColor.secondary}\n icon={<CloseIcon />}\n onClick={props.handleCloseButtonClick}\n size={ButtonSize.medium}\n type={ButtonType.button}\n variant={ButtonVariant.link}\n />\n </CloseButton>\n </MonthContainer>\n )}\n </CalendarContainer>\n </>\n );\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { InputIconPosition, InputSize } from '../InputBase';\nimport { InputMessage } from '../Input/InputMessage';\nimport { Label } from '../Label';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface FormFieldContainerProps\n extends FormFieldContainerBaseProps,\n React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface FormFieldContainerBaseProps {\n /**\n * Is the wrapped input hidden with display:none? This would make the input look like an actionable item, so FormFieldContainer uses a span in lieu of a label.\n */\n actionable?: boolean;\n /**\n * Style properties for the outer container\n */\n containerStyle?: React.CSSProperties;\n /**\n * Content of the error message. If a value is provided, the field will be styled as an error state and the error message will display.\n */\n errorMessage?: React.ReactNode;\n /**\n * ID of the form field. Also used in the descrption ID.\n */\n fieldId: string;\n /**\n * Content of the helper message.\n */\n helperMessage?: React.ReactNode;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isLabelVisuallyHidden?: boolean;\n /**\n * Style properties for the label element\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content for label; can be a node or a string\n */\n labelText?: React.ReactNode;\n /**\n * Style properties for the helper or error message\n */\n messageStyle?: React.CSSProperties;\n /**\n * Relative size of the component\n * @default InputSize.medium\n */\n iconPosition?: InputIconPosition;\n inputSize?: InputSize;\n testId?: string;\n isInverse?: boolean;\n}\n\nconst StyledFormFieldContainer = styled.div<{ isInverse?: boolean }>`\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n`;\n\nexport const FormFieldContainer = React.forwardRef<\n HTMLDivElement,\n FormFieldContainerProps\n>((props, ref) => {\n const {\n actionable = true,\n children,\n containerStyle,\n errorMessage,\n fieldId,\n helperMessage,\n iconPosition,\n inputSize,\n isInverse: isInverseProp,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n messageStyle,\n testId,\n ...rest\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n const descriptionId =\n errorMessage || helperMessage ? `${fieldId}__desc` : null;\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledFormFieldContainer\n {...rest}\n data-testid={props.testId}\n isInverse={isInverse}\n ref={ref}\n style={containerStyle}\n theme={theme}\n >\n {labelText && (\n <Label\n actionable={actionable}\n htmlFor={fieldId}\n iconPosition={iconPosition}\n size={inputSize}\n style={labelStyle}\n >\n {isLabelVisuallyHidden ? (\n <VisuallyHidden>{labelText}</VisuallyHidden>\n ) : (\n labelText\n )}\n </Label>\n )}\n {children}\n {(errorMessage || helperMessage) && (\n <InputMessage\n hasError={!!errorMessage}\n id={descriptionId}\n isInverse={isInverse}\n style={messageStyle}\n >\n {(errorMessage || helperMessage) && (\n <>{errorMessage ? errorMessage : helperMessage}</>\n )}\n </InputMessage>\n )}\n </StyledFormFieldContainer>\n </InverseContext.Provider>\n );\n});\n","import * as React from 'react';\nimport {\n FormFieldContainer,\n FormFieldContainerBaseProps,\n} from '../FormFieldContainer';\nimport { InputBase, InputBaseProps, InputSize } from '../InputBase';\nimport { useGenerateId } from '../../utils';\nimport { useIsInverse } from '../../inverse';\n\nexport interface InputProps\n extends Omit<FormFieldContainerBaseProps, 'fieldId'>,\n InputBaseProps {}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n (props, ref) => {\n const {\n children,\n containerStyle,\n errorMessage,\n helperMessage,\n iconPosition,\n id: defaultId,\n inputSize = InputSize.medium,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n messageStyle,\n ...other\n } = props;\n\n const id = useGenerateId(defaultId);\n\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <FormFieldContainer\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n helperMessage={helperMessage}\n iconPosition={iconPosition}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n isInverse={isInverse}\n inputSize={inputSize}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={messageStyle}\n >\n <InputBase\n {...other}\n aria-describedby={\n descriptionId ? descriptionId : props['aria-describedby']\n }\n aria-invalid={!!errorMessage}\n hasError={!!errorMessage}\n iconPosition={iconPosition}\n id={id}\n inputSize={inputSize}\n isInverse={isInverse}\n ref={ref}\n >\n {children}\n </InputBase>\n </FormFieldContainer>\n );\n }\n);\n","import * as React from 'react';\nimport { CalendarContext } from './CalendarContext';\nimport { CalendarMonth } from './CalendarMonth';\nimport { Announce } from '../Announce';\nimport { Input } from '../Input';\nimport { InputType } from '../InputBase';\nimport { isAfter, isBefore, isValid, isSameDay } from 'date-fns';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '../../theme/styled';\nimport { EventIcon } from 'react-magma-icons';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport {\n handleKeyPress,\n getCalendarMonthWeeks,\n getPrevMonthFromDate,\n getNextMonthFromDate,\n i18nFormat as format,\n getDateFromString,\n} from './utils';\nimport { omit, useGenerateId, Omit, useForkedRef } from '../../utils';\nimport { I18nContext } from '../../i18n';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\nexport interface DatePickerProps\n extends Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'value' | 'onChange'\n > {\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * Default selected date value\n */\n defaultDate?: Date;\n /**\n * Content of the error message. If a value is provided, the component will be styled to show an error state\n */\n errorMessage?: React.ReactNode;\n /**\n * Content of the helper message\n */\n helperMessage?: React.ReactNode;\n /**\n * Style properties for the input element\n */\n inputStyle?: React.CSSProperties;\n /**\n * Clear contents of input by clicking a clear button\n * @default false\n */\n isClearable?: boolean;\n isInverse?: boolean;\n /**\n * Style properties for the label element\n */\n labelStyle?: React.CSSProperties;\n /**\n * Text for label\n */\n labelText: React.ReactNode;\n /**\n * Maximum date allowed to be chosen in the calendar\n */\n maxDate?: Date;\n /**\n * Style properties for the helper or error message\n */\n messageStyle?: React.CSSProperties;\n /**\n * Minimum date allowed to be chosen in the calendar\n */\n minDate?: Date;\n /**\n * Text for input placeholder\n */\n placeholder?: string;\n /**\n * If true, this component must have a value\n * @default false\n */\n required?: boolean;\n testId?: string;\n /**\n * Value of the date input, used when setting the date value externally\n */\n value?: Date;\n /**\n * Event fired in multiple instances when internal values are changed and can be used as a generic state change event\n */\n onChange?: (\n value: string,\n event: React.ChangeEvent | React.SyntheticEvent\n ) => void;\n /**\n * Event that will fire when day is changed\n */\n onDateChange?: (day: Date, event: React.SyntheticEvent) => void;\n /**\n * Event that will fire when the text input loses focus\n */\n onInputBlur?: (event: React.FocusEvent) => void;\n /**\n * Event that will fire when the text input is changed\n */\n onInputChange?: (event: React.ChangeEvent) => void;\n /**\n * Event that will fire when the text input gains focus\n */\n onInputFocus?: (event: React.FocusEvent) => void;\n}\n\nconst DatePickerContainer = styled.div`\n position: relative;\n`;\n\nconst DatePickerCalendar = styled.div<{ opened: boolean }>`\n border: 1px solid ${props => props.theme.colors.neutral06};\n border-radius: ${props => props.theme.borderRadius};\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);\n display: ${props => (props.opened ? 'block' : 'none')};\n margin-top: -${props => props.theme.spaceScale.spacing07};\n opacity: ${props => (props.opened ? '1' : '0')};\n overflow: hidden;\n position: absolute;\n transition: opacity 0.2s ease-in-out 0s;\n width: 320px;\n z-index: ${props => (props.opened ? '998' : '-1')};\n`;\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n (props, forwardedRef) => {\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n const iconRef = React.useRef<HTMLButtonElement>();\n const inputRef = React.useRef<HTMLInputElement>();\n const lastFocus = React.useRef<any>();\n const id: string = useGenerateId(props.id);\n const [helperInformationShown, setHelperInformationShown] =\n React.useState<boolean>(false);\n const [calendarOpened, setCalendarOpened] = React.useState<boolean>(false);\n const [dateFocused, setDateFocused] = React.useState<boolean>(false);\n\n const [focusedDate, setFocusedDate] = React.useState<Date>(\n setDateFromConsumer(props.value || props.defaultDate) ||\n setDefaultFocusedDate()\n );\n const [chosenDate, setChosenDate] = React.useState<Date | null>(\n setDateFromConsumer(props.value || props.defaultDate)\n );\n\n const ref = useForkedRef(forwardedRef, inputRef);\n\n React.useEffect(() => {\n if (!calendarOpened) {\n setDateFocused(false);\n }\n }, [calendarOpened]);\n\n React.useEffect(() => {\n if (props.value) {\n setChosenDate(setDateFromConsumer(props.value));\n setFocusedDate(\n setDateFromConsumer(props.value) || setDefaultFocusedDate()\n );\n }\n }, [props.value]);\n\n function showHelperInformation() {\n lastFocus.current = document.activeElement;\n setHelperInformationShown(true);\n }\n\n function hideHelperInformation() {\n setHelperInformationShown(false);\n lastFocus.current.focus();\n }\n\n function setDateFromConsumer(date: Date): Date {\n const convertedDate = getDateFromString(date);\n const convertedMinDate = getDateFromString(props.minDate);\n const convertedMaxDate = getDateFromString(props.maxDate);\n\n return date &&\n inDateRange(convertedDate, convertedMinDate, convertedMaxDate)\n ? convertedDate\n : null;\n }\n\n function setDefaultFocusedDate(): Date {\n const newDate = new Date();\n const convertedMinDate = getDateFromString(props.minDate);\n const convertedMaxDate = getDateFromString(props.maxDate);\n\n if (inDateRange(newDate, convertedMinDate, convertedMaxDate)) {\n return newDate;\n } else if (convertedMaxDate || convertedMinDate) {\n return convertedMinDate ? convertedMinDate : convertedMaxDate;\n }\n }\n\n function inDateRange(\n date: Date,\n minDateValue?: Date,\n maxDateValue?: Date\n ): boolean {\n return (\n (maxDateValue\n ? isBefore(date, maxDateValue) || isSameDay(date, maxDateValue)\n : true) &&\n (minDateValue\n ? isAfter(date, minDateValue) || isSameDay(date, minDateValue)\n : true)\n );\n }\n\n function buildCalendarMonth(date: Date, enableOutsideDates: boolean) {\n const days = [\n 'sunday',\n 'monday',\n 'tuesday',\n 'wednesday',\n 'thursday',\n 'friday',\n 'saturday',\n ];\n const { startOfWeek } = i18n.datePicker;\n return getCalendarMonthWeeks(\n date,\n enableOutsideDates,\n days.indexOf(startOfWeek)\n );\n }\n\n function onPrevMonthClick() {\n setFocusedDate(getPrevMonthFromDate);\n }\n\n function onNextMonthClick() {\n setFocusedDate(getNextMonthFromDate);\n }\n\n function onDateChange(day: Date) {\n setChosenDate(day);\n setCalendarOpened(false);\n }\n\n function reset() {\n setFocusedDate(setDefaultFocusedDate());\n setChosenDate(null);\n setDateFocused(false);\n }\n\n function isValidDateFromString(value: string, day: Date) {\n const isValidDateFormat = /^\\d{1,2}\\/\\d{1,2}\\/\\d{4}$/.test(value);\n const isValidDate = isValid(day);\n\n return isValidDateFormat && isValidDate;\n }\n\n function handleInputChange(event) {\n const { value } = event.target;\n const day = new Date(value);\n setCalendarOpened(false);\n\n props.onInputChange &&\n typeof props.onInputChange === 'function' &&\n props.onInputChange(event);\n\n const isValidDay = isValidDateFromString(value, day);\n\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(isValidDay ? day.toISOString() : value, event);\n }\n\n function handleInputFocus(event: React.FocusEvent) {\n props.onInputFocus &&\n typeof props.onInputFocus === 'function' &&\n props.onInputFocus(event);\n }\n\n function handleInputBlur(event: React.FocusEvent) {\n const { value } = inputRef.current;\n const day = new Date(value);\n const convertedMinDate = getDateFromString(props.minDate);\n const convertedMaxDate = getDateFromString(props.maxDate);\n\n if (\n isValidDateFromString(value, day) &&\n inDateRange(day, convertedMinDate, convertedMaxDate)\n ) {\n handleDateChange(day, event);\n } else {\n reset && typeof reset === 'function' && reset();\n }\n\n props.onInputBlur &&\n typeof props.onInputBlur === 'function' &&\n props.onInputBlur(event);\n }\n\n function handleInputKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Escape') {\n event.preventDefault();\n setCalendarOpened(false);\n inputRef.current.focus();\n }\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (dateFocused && document.activeElement.closest('table')) {\n const newChosenDate = handleKeyPress(\n event,\n focusedDate,\n setCalendarOpened,\n showHelperInformation,\n onDateChange,\n iconRef\n );\n if (newChosenDate) {\n setFocusedDate(newChosenDate);\n }\n } else {\n if (event.key === 'Escape') {\n setCalendarOpened(false);\n iconRef.current.focus();\n }\n\n if (event.key === '?') {\n showHelperInformation();\n }\n }\n }\n\n function handleDateChange(\n day: Date,\n event: React.SyntheticEvent | React.ChangeEvent\n ) {\n props.onDateChange &&\n typeof props.onDateChange === 'function' &&\n props.onDateChange(day, event);\n\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(day.toISOString(), event);\n\n onDateChange(day);\n setFocusedDate(day);\n }\n\n function handleDaySelection(day: Date, event: React.SyntheticEvent) {\n handleDateChange(day, event);\n inputRef.current.focus();\n }\n\n function handleCalendarBlur(event: React.SyntheticEvent) {\n const { currentTarget } = event;\n\n // timeout needed for active element to update. Browser behavior.\n // https://bugzilla.mozilla.org/show_bug.cgi?id=452307\n setTimeout(() => {\n const isInCalendar = currentTarget.contains(document.activeElement);\n\n if (!isInCalendar && !helperInformationShown) {\n setCalendarOpened(false);\n }\n }, 0);\n }\n\n function handleCloseButtonClick(event: React.SyntheticEvent) {\n iconRef.current.focus();\n setCalendarOpened(false);\n }\n\n function toggleCalendarOpened() {\n setCalendarOpened(opened => !opened);\n }\n\n const { placeholder, testId, ...rest } = props;\n const other = omit(\n ['onDateChange', 'onInputChange', 'onInputBlur', 'onInputFocus'],\n rest\n );\n\n const isInverse = useIsInverse(props.isInverse);\n\n const minDate = getDateFromString(props.minDate);\n const maxDate = getDateFromString(props.maxDate);\n\n const dateFormat = i18n.dateFormat;\n\n const inputValue = chosenDate ? format(chosenDate, dateFormat) : '';\n\n return (\n <CalendarContext.Provider\n value={{\n chosenDate,\n focusedDate,\n dateFocused,\n maxDate,\n minDate,\n helperInformationShown,\n buildCalendarMonth,\n showHelperInformation,\n hideHelperInformation,\n onKeyDown: handleKeyDown,\n onPrevMonthClick,\n onNextMonthClick,\n onDateChange: handleDaySelection,\n setDateFocused,\n }}\n >\n <DatePickerContainer data-testid={testId} onBlur={handleCalendarBlur}>\n <Announce>\n {calendarOpened && (\n <VisuallyHidden>\n {i18n.datePicker.calendarOpenAnnounce}\n </VisuallyHidden>\n )}\n </Announce>\n <Input\n {...other}\n icon={<EventIcon />}\n iconAriaLabel={i18n.datePicker.calendarIconAriaLabel}\n iconRef={iconRef}\n onIconClick={toggleCalendarOpened}\n onIconKeyDown={handleInputKeyDown}\n id={id}\n isInverse={isInverse}\n ref={ref}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n onFocus={handleInputFocus}\n onKeyDown={handleInputKeyDown}\n placeholder={placeholder ? placeholder : dateFormat.toLowerCase()}\n type={InputType.text}\n value={inputValue}\n />\n <InverseContext.Provider value={{ isInverse: false }}>\n <DatePickerCalendar\n data-testid=\"calendarContainer\"\n opened={calendarOpened}\n theme={theme}\n >\n <CalendarMonth\n focusOnOpen={\n calendarOpened && Boolean(focusedDate) && Boolean(chosenDate)\n }\n handleCloseButtonClick={handleCloseButtonClick}\n calendarOpened={calendarOpened}\n setDateFocused={setDateFocused}\n />\n </DatePickerCalendar>\n </InverseContext.Provider>\n </DatePickerContainer>\n </CalendarContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { MenuItemStyles, IconWrapper } from './DropdownMenuItem';\nimport { DropdownContext } from './Dropdown';\nimport { IconProps } from 'react-magma-icons';\nimport { Omit, useForkedRef } from '../../utils';\n\nexport interface DropdownMenuNavItemProps\n extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {\n /**\n * Leading icon for the menu item\n */\n icon?: React.ReactElement<IconProps>;\n /**\n * The href value of the link\n */\n to: string;\n}\n\nconst StyledItem = styled.a<{\n disabled?: boolean;\n isFixedWidth?: boolean;\n isInactive?: boolean;\n}>`\n ${MenuItemStyles}\n text-decoration: none;\n`;\n\nexport const DropdownMenuNavItem = React.forwardRef<\n HTMLAnchorElement,\n DropdownMenuNavItemProps\n>((props, forwardedRef) => {\n const { children, icon, to, ...other } = props;\n\n const ownRef = React.useRef<HTMLDivElement>();\n const theme = React.useContext(ThemeContext);\n const context = React.useContext(DropdownContext);\n\n const ref = useForkedRef(forwardedRef, ownRef);\n\n React.useEffect(() => {\n context.registerDropdownMenuItem(context.itemRefArray, ownRef);\n }, []);\n\n return (\n <StyledItem\n {...other}\n href={to}\n isFixedWidth={context.isFixedWidth}\n ref={ref}\n role=\"menuitem\"\n tabIndex={-1}\n theme={theme}\n >\n {icon && <IconWrapper theme={theme}>{icon}</IconWrapper>}\n {children}\n </StyledItem>\n );\n});\n\nDropdownMenuNavItem.displayName = 'DropdownMenuNavItem';\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport enum FlexAlignContent {\n center = 'center',\n flexStart = 'flex-start',\n flexEnd = 'flex-end',\n spaceBetween = 'space-between',\n spaceAround = 'space-around',\n stretch = 'stretch', // default\n}\n\nexport enum FlexAlignItems {\n baseline = 'baseline',\n center = 'center',\n flexStart = 'flex-start',\n flexEnd = 'flex-end',\n stretch = 'stretch', // default\n}\n\nexport enum FlexBehavior {\n container = 'container',\n item = 'item',\n both = 'both',\n}\n\nexport enum FlexDirection {\n column = 'column',\n columnReverse = 'column-reverse',\n row = 'row', // default\n rowReverse = 'row-reverse',\n}\n\nexport enum FlexJustify {\n center = 'center',\n flexStart = 'flex-start', //default\n flexEnd = 'flex-end',\n spaceBetween = 'space-between',\n spaceAround = 'space-around',\n spaceEvenly = 'space-evenly',\n}\n\nexport enum FlexWrap {\n nowrap = 'nowrap',\n wrap = 'wrap', //default\n wrapReverse = 'wrap-reverse',\n}\n\n/**\n * @children required\n */\nexport interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Defines the align-content style property. It's applied for all screen sizes.\n * @default FlexAlignContent.stretch\n */\n alignContent?: FlexAlignContent;\n /**\n * Defines the align-items style property. It's applied for all screen sizes.\n * @default FlexAlignItems.stretch\n */\n alignItems?: FlexAlignItems;\n /**\n * Defines the flex behavior for the component. Options are container, item or both. You should be wrapping items with a container.\n */\n behavior: FlexBehavior;\n /**\n * Defines the flex-direction style property. It's applied for all screen sizes.\n * @default FlexDirection.row\n */\n direction?: FlexDirection;\n /**\n * If true, the component will have the flex item behavior. You should be wrapping items with a container.\n */\n justify?: FlexJustify;\n /**\n * Defines the space between the type item component. Spacing will be this number multiplied by 8px. It can only be used on a type container component.\n * @default 0\n */\n spacing?: number;\n testId?: string;\n /**\n * Defines the flex-wrap style property. It's applied for all screen sizes.\n * @default FlexWrap.wrap\n */\n wrap?: FlexWrap;\n /**\n * Defines the number of grids the component is going to use. It's applied for all the screen sizes with the lowest priority.\n * @default false\n */\n xs?: false | true | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n /**\n * Defines the number of grids the component is going to use. It's applied for the small breakpoint and wider screens.\n * @default false\n */\n sm?: false | true | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n /**\n * Defines the number of grids the component is going to use. It's applied for the medium breakpoint and wider screens.\n * @default false\n */\n md?: false | true | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n /**\n * Defines the number of grids the component is going to use. It's applied for the large breakpoint and wider screens.\n * @default false\n */\n lg?: false | true | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n /**\n * Defines the number of grids the component is going to use. It's applied for the extra-large breakpoint and wider screens.\n * @default false\n */\n xl?: false | true | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n}\n\nfunction getWidth(size) {\n return `${Math.round((size / 12) * 10e7) / 10e5}%`;\n}\n\nconst StyledFlex = styled.div<FlexProps>`\n ${props =>\n props.behavior !== FlexBehavior.item &&\n css`\n align-content: ${props.alignContent};\n align-items: ${props.alignItems};\n flex-direction: ${props.direction};\n display: flex;\n flex-wrap: ${props.wrap};\n justify-content: ${props.justify};\n margin: ${0 - props.spacing * 4}px;\n width: calc(100% + ${props.spacing * props.theme.spacingMultiplier}px);\n\n > div {\n padding: ${props.spacing * 4}px;\n }\n `};\n\n ${props =>\n props.behavior !== FlexBehavior.container &&\n css`\n flex-grow: ${props.xs === true ? '1' : '0'};\n flex-basis: ${props.xs === true ? '0' : getWidth(props.xs)};\n max-width: ${props.xs === true ? '100%' : getWidth(props.xs)};\n\n ${props.sm &&\n css`\n @media (min-width: ${props.theme.breakpoints.small}px) {\n flex-grow: ${props.sm === true ? '1' : '0'};\n flex-basis: ${props.sm === true ? '0' : getWidth(props.sm)};\n max-width: ${props.sm === true ? '100%' : getWidth(props.sm)};\n }\n `};\n\n ${props.md &&\n css`\n @media (min-width: ${props.theme.breakpoints.medium}px) {\n flex-grow: ${props.md === true ? '1' : '0'};\n flex-basis: ${props.md === true ? '0' : getWidth(props.md)};\n max-width: ${props.md === true ? '100%' : getWidth(props.md)};\n }\n `};\n\n ${props.lg &&\n css`\n @media (min-width: ${props.theme.breakpoints.large}px) {\n flex-grow: ${props.lg === true ? '1' : '0'};\n flex-basis: ${props.lg === true ? '0' : getWidth(props.lg)};\n max-width: ${props.lg === true ? '100%' : getWidth(props.lg)};\n }\n `};\n\n ${props.xl &&\n css`\n @media (min-width: ${props.theme.breakpoints.xl}px) {\n flex-grow: ${props.xl === true ? '1' : '0'};\n flex-basis: ${props.xl === true ? '0' : getWidth(props.xl)};\n max-width: ${props.xl === true ? '100%' : getWidth(props.xl)};\n }\n `};\n `};\n`;\n\nexport const Flex = React.forwardRef<HTMLDivElement, FlexProps>(\n (props, ref) => {\n const {\n children,\n alignContent = FlexAlignContent.stretch,\n alignItems = FlexAlignItems.stretch,\n direction = FlexDirection.row,\n justify = FlexJustify.flexStart,\n spacing = 0,\n testId,\n wrap = FlexWrap.wrap,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledFlex\n {...other}\n alignContent={alignContent}\n alignItems={alignItems}\n data-testid={testId}\n direction={direction}\n justify={justify}\n ref={ref}\n spacing={spacing}\n theme={theme}\n wrap={wrap}\n >\n {children}\n </StyledFlex>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { magma, ThemeInterface } from '../../theme/magma';\nimport { TypographyVisualStyle, TypographyComponent } from '../Typography';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface ListProps extends React.HTMLAttributes<HTMLDivElement> {\n description?: boolean;\n /**\n * Allows an ordered list to start at a determined value of a letter or number.\n */\n hasStart?: string;\n /**\n * For use with inline icons within list items.\n */\n icon?: React.ReactElement<any> | React.ReactElement<any>[];\n /**\n * Aligns the icon at the top, or center of each list item.\n */\n iconAlign?: IconAlignment;\n /**\n * Sizes the icon between small, medium, and large.\n * @default 'medium'\n *\n */\n iconSize?: IconSizes;\n isInverse?: boolean;\n /**\n * @default false\n */\n isOrdered?: boolean;\n /**\n * If list is ordered, then this allows the list to reverse the content.\n * @default false\n */\n isReversed?: boolean;\n /**\n * Options for list type bullet formatting.\n */\n listType?: ulListType | olListType;\n /**\n * Adds a bottom margin to each list item with the Magma space scale.\n */\n spacingStyle?: keyof typeof magma.spaceScale;\n testId?: string;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n /**\n * Applies visual styles including font-size, font-weight, line-height and margins\n * @default TypographyVisualStyle.bodyMedium\n */\n\n visualStyle?: TypographyVisualStyle;\n}\n\nexport enum IconSizes {\n small = 'small',\n medium = 'medium',\n large = 'large',\n}\n\nexport enum IconAlignment {\n center = 'center',\n top = 'top',\n}\n\nexport enum ulListType {\n circle = 'circle',\n disc = 'disc',\n square = 'square',\n}\n\nexport enum olListType {\n lowercase = 'a',\n uppercase = 'A',\n lowercaseRoman = 'i',\n uppercaseRoman = 'I',\n numbers = '1',\n}\n\nexport function getIconSizes(props) {\n switch (props.iconSize) {\n case IconSizes.small:\n return props.theme.iconSizes.small;\n case IconSizes.large:\n return props.theme.iconSizes.large;\n default:\n return props.theme.iconSizes.medium;\n }\n}\n\nexport function getListAlignment(props) {\n switch (props.iconAlign) {\n case IconAlignment.center:\n return `center`;\n case IconAlignment.top:\n return `flex-start`;\n default:\n return `center`;\n }\n}\n\nexport function getListDisplay(props) {\n if (props.icon) {\n return 'grid';\n }\n return 'list-item';\n}\n\nconst ListStyles = props => css`\n margin: 0;\n padding: 0;\n list-style-type: ${props.listType};\n color: ${props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n li {\n align-items: ${getListAlignment(props)};\n margin-bottom: ${props.spacingStyle};\n grid-template-areas: 'a b';\n grid-template-columns: auto 1fr;\n }\n span {\n margin: ${props.iconSize === 'small'\n ? '0 16px 0 0'\n : props.iconSize === 'large'\n ? '0 26px 0 0'\n : '0 18px 0 0'};\n }\n p {\n font-size: 0.8em;\n font-weight: 400;\n margin-bottom: 8px;\n margin-left: 0;\n grid-template: 'b';\n grid-column-start: 2;\n }\n svg {\n height: ${getIconSizes(props)}px;\n width: ${getIconSizes(props)}px;\n }\n`;\n\nconst StyledList = styled(TypographyComponent)`\n ${ListStyles};\n`;\n\nexport const List = React.forwardRef<HTMLDivElement, ListProps>(\n (props, ref) => {\n const {\n children,\n color,\n description,\n testId,\n hasStart,\n icon,\n iconAlign,\n iconSize,\n isInverse: isInverseProp,\n isOrdered,\n isReversed,\n listType,\n spacingStyle,\n visualStyle,\n ...rest\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledList\n as={isOrdered ? 'ol' : 'ul'}\n data-testid={props.testId}\n description={description}\n icon={icon}\n iconAlign={iconAlign}\n iconSize={iconSize}\n isInverse={isInverse}\n type={listType ? listType : 'inherit'}\n reversed={isReversed}\n ref={ref}\n spacingStyle={magma.spaceScale[spacingStyle] || spacingStyle}\n start={hasStart}\n theme={theme}\n visualStyle={\n visualStyle ? visualStyle : TypographyVisualStyle.bodyMedium\n }\n {...rest}\n >\n {children}\n </StyledList>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport { useIsInverse } from '../../inverse';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport {\n TypographyVisualStyle,\n TypographyColor,\n TypographyContextVariant,\n TypographyComponent,\n} from '../Typography';\n\n/**\n * @children required\n */\nexport interface ParagraphProps\n extends React.HTMLAttributes<HTMLParagraphElement> {\n /**\n * The color of the component, helping to convey meaning or relative emphasis\n * @default TypographyColor.default\n */\n color?: TypographyColor;\n /**\n * Additional styles for typography based on the context of the content\n * @default TypographyContextVariant.default\n */\n contextVariant?: TypographyContextVariant;\n isInverse?: boolean;\n /**\n * If true, the component will not have the default top and bottom margin and instead will a margin value of 0\n * @default false\n */\n noMargins?: boolean;\n testId?: string;\n /**\n * @internal\n */\n theme?: any;\n /**\n * Applies visual styles including font-size, font-weight, line-height and margins\n * @default TypographyVisualStyle.bodyMedium\n */\n visualStyle?: TypographyVisualStyle;\n}\n\nexport const Paragraph = React.forwardRef<HTMLParagraphElement, ParagraphProps>(\n (props, ref) => {\n const { color, testId, visualStyle, children, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n return (\n <TypographyComponent\n {...other}\n color={color || TypographyColor.default}\n data-testid={testId}\n isInverse={useIsInverse(props.isInverse)}\n ref={ref}\n theme={theme}\n visualStyle={visualStyle || TypographyVisualStyle.bodyMedium}\n >\n {children}\n </TypographyComponent>\n );\n }\n);\n","import * as React from 'react';\nimport { Alert } from '../Alert';\nimport { AlertVariant } from '../AlertBase';\nimport { Heading } from '../Heading';\nimport { Paragraph } from '../Paragraph';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { InverseContext, useIsInverse } from '../../inverse';\nimport styled from '@emotion/styled';\nimport { TypographyContextVariant, TypographyVisualStyle } from '../Typography';\n\n/**\n * @children required\n */\nexport interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {\n /**\n * React Node containing the form action buttons; will appear under the form fields\n */\n actions: React.ReactNode;\n /**\n * General description of the form\n */\n description?: string;\n /**\n * Additional form level validation message\n */\n errorMessage?: string;\n /**\n * Title of the form\n */\n header: string;\n /**\n * Additional styles to the form heading for typography based on the context of the content\n * @default TypographyColor.default\n */\n headingContextVariant?: TypographyContextVariant;\n /**\n * Number to indicate which level heading will render for the form header (e.g. h1, h2 etc.)\n * @default 3\n */\n headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n /**\n * Applies visual styles to the form heading including font-size, font-weight, line-height and margins\n */\n headingVisualStyle?: TypographyVisualStyle;\n isInverse?: boolean;\n /**\n * Handler for form submission\n */\n testId?: string;\n}\n\nconst StyledForm = styled.form<{ isInverse?: boolean; theme: ThemeInterface }>`\n background: ${props =>\n props.isInverse\n ? props.theme.colors.foundation\n : props.theme.colors.neutral08};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n`;\n\nconst FormActions = styled.div`\n display: flex;\n justify-content: flex-end;\n`;\n\nexport const Form = React.forwardRef<HTMLFormElement, FormProps>(\n (props, ref) => {\n const {\n actions,\n children,\n header,\n headingContextVariant,\n headingLevel = 3,\n headingVisualStyle,\n description,\n errorMessage,\n testId,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <InverseContext.Provider\n value={{\n isInverse,\n }}\n >\n <StyledForm\n ref={ref}\n data-testid={testId}\n isInverse={isInverse}\n theme={theme}\n {...other}\n >\n <Heading\n contextVariant={headingContextVariant}\n level={headingLevel}\n visualStyle={headingVisualStyle}\n >\n {header}\n </Heading>\n {description && <Paragraph>{description}</Paragraph>}\n {errorMessage && (\n <Alert variant={AlertVariant.danger}>{errorMessage}</Alert>\n )}\n <div>{children}</div>\n <FormActions>{actions}</FormActions>\n </StyledForm>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { convertStyleValueToString, useGenerateId } from '../../utils';\nimport { useIsInverse } from '../../inverse';\nimport { VisuallyHidden } from '../VisuallyHidden';\n\nexport interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The color variant of the progress bar\n * @default ProgressBarColor.primary\n */\n color?: ProgressBarColor;\n /**\n * The height of the progress bar. Can be a string or number; if number is provided height is in px\n * @default 8\n */\n height?: number | string;\n /**\n * If true, the progress bar with have a shimmer animation\n * @default false\n */\n isAnimated?: boolean;\n isInverse?: boolean;\n /**\n * @internal\n */\n isLoadingIndicator?: boolean;\n /**\n * If true, the label with the percentage value will display to the right of the progress bar\n * @default false\n */\n isLabelVisible?: boolean;\n /**\n * The percentage of which the bar is filled\n * @default 0\n */\n percentage?: number;\n testId?: string;\n}\n\nexport enum ProgressBarColor {\n danger = 'danger',\n primary = 'primary', // default\n pop = 'pop',\n pop02 = 'pop02',\n success = 'success',\n}\n\nfunction buildProgressBarBackground(props) {\n if (props.isInverse) {\n switch (props.color) {\n case 'danger':\n return props.theme.colors.dangerInverse;\n case 'success':\n return props.theme.colors.successInverse;\n default:\n return props.theme.colors.primaryInverse;\n }\n }\n switch (props.color) {\n case 'danger':\n return props.theme.colors.danger;\n case 'pop':\n return props.theme.colors.pop;\n case 'pop02':\n return props.theme.colors.pop02;\n case 'success':\n return props.theme.colors.success;\n default:\n return props.theme.colors.primary;\n }\n}\n\nconst Container = styled.div<{ isLoadingIndicator?: boolean }>`\n align-items: center;\n display: ${props => (props.isLoadingIndicator ? 'block' : 'flex')};\n`;\n\nconst Track = styled.div<ProgressBarProps>`\n background: ${props =>\n props.isInverse ? 'rgba(0,0,0,0.25)' : props.theme.colors.neutral08};\n box-shadow: inset 0 0 0 1px\n ${props =>\n props.isInverse\n ? `${props.theme.colors.neutral08}80`\n : props.theme.colors.neutral04};\n border-radius: 50em;\n overflow: hidden;\n display: flex;\n height: ${props => props.height};\n /* padding: 1px; */\n width: 100%;\n`;\n\nconst Bar = styled.div<ProgressBarProps>`\n background: ${props => buildProgressBarBackground(props)};\n border-radius: 50em;\n display: flex;\n transition: width 0.3s;\n width: ${props => props.percentage}%;\n\n ${props =>\n props.isAnimated &&\n css`\n background-image: linear-gradient(\n to right,\n ${buildProgressBarBackground(props)} 0%,\n rgba(255, 255, 255, 0.5) 20%,\n ${buildProgressBarBackground(props)} 40%,\n ${buildProgressBarBackground(props)} 100%\n );\n background-repeat: no-repeat;\n background-size: 1800px 104px;\n display: inline-block;\n position: relative;\n\n animation-duration: 1s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeholderShimmer;\n animation-timing-function: linear;\n\n @keyframes placeholderShimmer {\n 0% {\n background-position: -600px 0;\n }\n\n 100% {\n background-position: 600px 0;\n }\n }\n `}\n`;\n\nconst Percentage = styled.span`\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n margin-left: ${props => props.theme.spaceScale.spacing03};\n`;\n\nconst TopPercentage = styled.div`\n font-size: ${props => props.theme.typeScale.size05.fontSize};\n line-height: ${props => props.theme.typeScale.size05.lineHeight};\n margin-bottom: ${props => props.theme.spaceScale.spacing03};\n text-align: center;\n`;\n\nexport const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n (props, ref) => {\n const {\n color,\n height,\n id: defaultId,\n isAnimated,\n isLabelVisible,\n isLoadingIndicator,\n percentage,\n testId,\n ...other\n } = props;\n\n const id = useGenerateId(defaultId);\n const labelId = `${id}__label`;\n\n const percentageValue = percentage ? percentage : 0;\n\n const theme = React.useContext(ThemeContext);\n\n const heightString = convertStyleValueToString(\n height,\n theme.spaceScale.spacing03\n );\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <Container\n {...other}\n id={defaultId}\n isLoadingIndicator={isLoadingIndicator}\n >\n {isLoadingIndicator && (\n <TopPercentage theme={theme}>{percentageValue}%</TopPercentage>\n )}\n <Track\n data-testid={testId}\n height={heightString}\n isInverse={isInverse}\n ref={ref}\n theme={theme}\n >\n <Bar\n aria-labelledby={labelId}\n aria-valuenow={percentageValue}\n aria-valuemin={0}\n aria-valuemax={100}\n color={color}\n isAnimated={isAnimated}\n isInverse={isInverse}\n percentage={percentageValue}\n role=\"progressbar\"\n theme={theme}\n />\n </Track>\n {isLabelVisible ? (\n <Percentage id={labelId} theme={theme}>\n {percentageValue}%\n </Percentage>\n ) : (\n <VisuallyHidden id={labelId}>{percentageValue}%</VisuallyHidden>\n )}\n </Container>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { getListDisplay, ListProps } from './';\nimport { magma } from '../../theme/magma';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface ListItemProps\n extends ListProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * Option for changing icon background with all Magma colors.\n */\n iconBackground?: keyof typeof magma.colors;\n /**\n * Option for changing icon color with all Magma colors.\n */\n iconColor?: keyof typeof magma.colors;\n}\n\nconst ListItemStyles = props => css`\n display: ${getListDisplay(props)};\n margin: 0;\n padding: 0;\n margin-left: ${props.icon ? 'inherit' : '1.1em'};\n color: ${props.description && !props.isInverse\n ? props.theme.colors.neutral03\n : 'inherit'};\n list-style-type: ${props.icon || props.description ? 'none' : 'inherit'};\n`;\n\nconst IconStyles = props => css`\n background: ${props.iconBackground};\n color: ${props.iconColor};\n border-radius: 50%;\n display: inline-flex;\n padding: 10px;\n`;\n\nconst StyledListItem = styled.li`\n ${ListItemStyles};\n`;\n\nconst StyledIcon = styled.span`\n ${IconStyles};\n`;\n\nexport const ListItem = React.forwardRef<HTMLDivElement, ListItemProps>(\n (props, ref) => {\n const {\n children,\n description,\n icon,\n iconAlign,\n iconBackground,\n iconColor,\n testId,\n isInverse: isInverseProp,\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledListItem\n as={description ? 'p' : 'li'}\n description={description}\n icon={icon}\n iconAlign={iconAlign}\n isInverse={isInverse}\n theme={theme}\n testId={testId}\n >\n {icon && (\n <StyledIcon\n iconBackground={\n magma.colors[iconBackground] || magma.colors.primary\n }\n iconColor={magma.colors[iconColor] || magma.colors.neutral08}\n theme={theme}\n >\n {icon}\n </StyledIcon>\n )}\n {children}\n </StyledListItem>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport { ProgressBar, ProgressBarColor } from '../ProgressBar';\nimport { Spinner } from '../Spinner';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { I18nContext } from '../../i18n';\n\nexport interface LoadingIndicatorProps\n extends React.HTMLAttributes<HTMLDivElement | HTMLSpanElement> {\n /**\n * @internal\n */\n css?: any; // Adding css prop to fix emotion error\n /**\n * Message displayed for the first five seconds\n * @default \"Loading...\"\n */\n message1?: string;\n /**\n * Message displayed for the first five seconds\n * @default \"Thank you for your patience. Still loading...\"\n */\n message2?: string;\n /**\n * Message displayed after 15 seconds\n * @default \"Sorry for the delay. This is taking longer than expected.\"\n */\n message3?: string;\n /**\n * Message displayed for the first five seconds\n * @default 0\n */\n percentage?: number;\n testId?: string;\n /**\n * Type of loading indictor to display, can be progress bar or spinner\n * @default LoadingIndicatorType.spinner\n */\n type?: LoadingIndicatorType;\n}\n\nexport enum LoadingIndicatorType {\n progressbar = 'progressbar',\n spinner = 'spinner', // default\n}\n\nexport interface LoadingIndicatorState {\n messageLevel: number;\n}\n\nconst StyledLoadingIndicator = styled.div`\n text-align: center;\n`;\n\nconst MessageContainer = styled.div<{ theme: ThemeInterface }>`\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n margin-top: ${props => props.theme.spaceScale.spacing05};\n min-height: 5em;\n position: relative;\n text-align: center;\n`;\n\nconst Message = styled.div<{ hide?: boolean }>`\n opacity: ${props => (props.hide ? '0' : '1')};\n position: absolute;\n transition: opacity 0.3s;\n width: 100%;\n`;\n\nexport const LoadingIndicator = React.forwardRef<\n HTMLDivElement,\n LoadingIndicatorProps\n>((props, ref) => {\n const [messageLevel, setMessageLevel] = React.useState<1 | 2 | 3>(1);\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n React.useEffect(() => {\n const { type: loadingIndicatorType } = props;\n const messageLevel2Timeout = setTimeout(\n () => {\n setMessageLevel(2);\n },\n loadingIndicatorType === LoadingIndicatorType.progressbar ? 10000 : 5000\n );\n\n const messageLevel3Timeout = setTimeout(\n () => {\n setMessageLevel(3);\n },\n loadingIndicatorType === LoadingIndicatorType.progressbar ? 30000 : 15000\n );\n\n return () => {\n clearTimeout(messageLevel2Timeout);\n clearTimeout(messageLevel3Timeout);\n };\n }, []);\n\n const { color, testId, type, ...other } = props;\n let { message1, message2, message3 } = props;\n\n message1 = message1\n ? message1\n : type === LoadingIndicatorType.progressbar\n ? i18n.loadingIndicator.progressBar.messages.first\n : i18n.loadingIndicator.spinner.messages.first;\n\n message2 = message2\n ? message2\n : type === LoadingIndicatorType.progressbar\n ? i18n.loadingIndicator.progressBar.messages.second\n : i18n.loadingIndicator.spinner.messages.second;\n\n message3 = message3\n ? message3\n : type === LoadingIndicatorType.progressbar\n ? i18n.loadingIndicator.progressBar.messages.third\n : i18n.loadingIndicator.spinner.messages.third;\n\n return (\n <StyledLoadingIndicator aria-busy=\"true\" data-testid={testId} ref={ref}>\n {type === LoadingIndicatorType.progressbar ? (\n <ProgressBar\n {...other}\n color={color as ProgressBarColor}\n height={theme.spaceScale.spacing03}\n isAnimated\n isLoadingIndicator\n />\n ) : (\n <Spinner {...other} size={theme.spaceScale.spacing10} />\n )}\n\n <MessageContainer theme={theme}>\n <Message aria-hidden={messageLevel !== 1} hide={messageLevel !== 1}>\n {message1}\n </Message>\n <Message aria-hidden={messageLevel !== 2} hide={messageLevel !== 2}>\n {message2}\n </Message>\n <Message aria-hidden={messageLevel !== 3} hide={messageLevel !== 3}>\n {message3}\n </Message>\n </MessageContainer>\n </StyledLoadingIndicator>\n );\n});\n","import styled from '../../theme/styled';\n\nimport { inputBaseStyles } from '../InputBase';\nimport { Card } from '../Card';\n\nexport const SelectContainer = styled.div`\n position: relative;\n`;\n\nexport const StyledButton = styled.div`\n ${inputBaseStyles}\n align-items: center;\n display: flex;\n text-align: left;\n`;\n\nexport const SelectText = styled.span`\n flex-grow: 1;\n padding: 0 8px 0 4px;\n`;\n\nexport const StyledCard = styled(Card)<{\n isOpen?: boolean;\n}>`\n display: ${props => (props.isOpen ? 'block' : 'none')};\n left: 4px;\n margin-top: 4px;\n padding: 4px 0 0;\n position: absolute;\n right: 4px;\n top: auto;\n z-index: 2;\n`;\n\nexport const StyledList = styled('ul')<{ isOpen?: boolean; maxHeight: string }>`\n display: ${props => (props.isOpen ? 'block' : 'none')};\n list-style: none;\n margin: 0 0 4px;\n outline: none;\n padding: 0;\n max-height: ${props => props.maxHeight};\n overflow-y: auto;\n`;\n\nexport const StyledItem = styled('li')<{ isFocused?: boolean }>`\n align-self: center;\n background: ${props =>\n props.isFocused ? props.theme.colors.neutral06 : 'transparent'};\n border: 2px dotted;\n border-color: ${props =>\n props.isFocused ? props.theme.colors.focus : 'transparent'};\n cursor: default;\n line-height: 24px;\n margin: 0;\n padding: 8px 16px;\n`;\n\nexport const SelectedItemsWrapper = styled.span`\n display: flex;\n flex-grow: 1;\n flex-wrap: wrap;\n padding: 0 0 0 4px;\n`;\n\nexport const SelectedItemButton = styled.button`\n align-self: center;\n background: ${props => props.theme.colors.neutral06};\n border-radius: 4px;\n border: 0;\n box-shadow: 0 0 0;\n display: flex;\n font-size: 12px;\n line-height: 16px;\n height: 24px;\n margin: 4px 2px 4px 4px;\n padding: ${props => props.theme.spaceScale.spacing02}\n ${props => props.theme.spaceScale.spacing02}\n ${props => props.theme.spaceScale.spacing02}\n ${props => props.theme.spaceScale.spacing03};\n position: relative;\n white-space: nowrap;\n`;\n\nexport const IconWrapper = styled.span`\n padding-left: 12px;\n`;\n","import * as React from 'react';\nimport { IconButton, IconButtonProps } from '../IconButton';\nimport { Spinner, SpinnerProps } from '../Spinner';\nimport { IconProps, ArrowDropDownIcon } from 'react-magma-icons';\nimport { StyledItem } from './shared';\nimport { ThemeInterface } from '../../theme/magma';\n\nexport type ItemRenderOptions<T> = {\n key: string;\n isFocused?: boolean;\n item: T;\n itemRef: React.Ref<HTMLLIElement>;\n itemString: string;\n theme: ThemeInterface;\n [key: string]: any;\n};\n\nexport type SelectComponents<T> = {\n ClearIndicator?: React.FunctionComponent<IconButtonProps>;\n DropdownIndicator?: React.FunctionComponent<Partial<IconProps>>;\n LoadingIndicator?: React.FunctionComponent<SpinnerProps>;\n Item?: React.FunctionComponent<ItemRenderOptions<T>>;\n};\n\nexport const DefaultClearIndicator = props => {\n return <IconButton testId=\"clearIndicator\" {...props} />;\n};\n\nexport const DefaultDropdownIndicator = props => {\n return (\n <ArrowDropDownIcon\n size={24}\n style={{ flexShrink: 0 }}\n testId=\"caretDown\"\n {...props}\n />\n );\n};\n\nexport const DefaultLoadingIndicator = props => {\n return <Spinner testId=\"loadingIndicator\" {...props} />;\n};\n\nexport function DefaultItem<T>({\n itemRef,\n itemString,\n ...props\n}: ItemRenderOptions<T>) {\n return (\n <StyledItem {...props} ref={itemRef}>\n {itemString}\n </StyledItem>\n );\n}\n\nexport function defaultComponents<T>(props: SelectComponents<T>) {\n return {\n ClearIndicator: DefaultClearIndicator,\n DropdownIndicator: DefaultDropdownIndicator,\n LoadingIndicator: DefaultLoadingIndicator,\n Item: DefaultItem,\n ...props,\n };\n}\n","import React from 'react';\nimport {\n inputBaseStyles,\n inputWrapperStyles,\n InputBaseStylesProps,\n InputWrapperStylesProps,\n} from '../InputBase';\nimport { defaultComponents, SelectComponents } from '../Select/components';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '../../theme/styled';\n\nconst StyledButton = styled.div<InputBaseStylesProps & InputWrapperStylesProps>`\n ${inputBaseStyles}\n ${inputWrapperStyles}\n\n align-items: center;\n display: flex;\n height: auto;\n min-height: ${props => props.theme.spaceScale.spacing09};\n padding: 0 ${props => props.theme.spaceScale.spacing03} 0\n ${props => props.theme.spaceScale.spacing02};\n text-align: left;\n`;\n\nconst ChildrenContainer = styled.div`\n align-items: center;\n display: flex;\n flex-grow: 1;\n flex-wrap: wrap;\n`;\n\ninterface SelectTriggerButtonInterface<T> {\n ariaDescribedBy?: string;\n children: React.ReactNode | React.ReactNode[];\n customComponents?: SelectComponents<T>;\n hasError?: boolean;\n disabled?: boolean;\n isInverse?: boolean;\n style?: React.CSSProperties;\n toggleButtonProps: any;\n tabindex?: number;\n}\n\nexport function SelectTriggerButton<T>(props: SelectTriggerButtonInterface<T>) {\n const {\n ariaDescribedBy,\n children,\n customComponents,\n hasError,\n disabled,\n isInverse,\n style: passedInStyle,\n toggleButtonProps,\n } = props;\n const theme = React.useContext(ThemeContext);\n\n const { DropdownIndicator } = defaultComponents<T>({\n ...customComponents,\n });\n\n const style = { ...passedInStyle, cursor: 'default' };\n\n return (\n <StyledButton\n {...toggleButtonProps}\n aria-describedby={ariaDescribedBy}\n data-testid=\"selectTriggerButton\"\n hasError={hasError}\n disabled={disabled}\n isInverse={isInverse}\n role=\"button\"\n style={style}\n theme={theme}\n tabIndex={disabled ? undefined : 0}\n >\n <ChildrenContainer>{children}</ChildrenContainer>\n <DropdownIndicator />\n </StyledButton>\n );\n}\n","export enum TabsOrientation {\n horizontal = 'horizontal',\n vertical = 'vertical',\n}\n","import * as React from 'react';\nimport styled from '../../theme/styled';\n\nimport { inputBaseStyles } from '../InputBase';\nimport {\n FormFieldContainer,\n FormFieldContainerBaseProps,\n} from '../FormFieldContainer';\nimport { SelectTriggerButton } from '../Select/SelectTriggerButton';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useIsInverse } from '../../inverse';\nimport { useGenerateId } from '../../utils';\n\n/**\n * @children required\n */\nexport interface NativeSelectProps\n extends Omit<FormFieldContainerBaseProps, 'inputSize'>,\n React.SelectHTMLAttributes<HTMLSelectElement> {\n testId?: string;\n optionLabel?: string;\n}\nconst StyledNativeSelect = styled.select`\n ${inputBaseStyles};\n background: inherit;\n`;\n\nexport const NativeSelect = React.forwardRef<HTMLDivElement, NativeSelectProps>(\n (props, ref) => {\n const {\n children,\n containerStyle,\n disabled,\n errorMessage,\n id: defaultId,\n helperMessage,\n isInverse: isInverseProp,\n labelStyle,\n labelText,\n messageStyle,\n testId,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n const id = useGenerateId(defaultId);\n\n return (\n <FormFieldContainer\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n labelStyle={labelStyle}\n labelText={labelText}\n isInverse={isInverse}\n helperMessage={helperMessage}\n messageStyle={messageStyle}\n ref={ref}\n >\n <SelectTriggerButton\n disabled={disabled}\n hasError={!!errorMessage}\n isInverse={isInverse}\n toggleButtonProps={''}\n >\n <StyledNativeSelect\n {...other}\n data-testid={testId}\n disabled={disabled}\n id={id}\n isInverse={isInverse}\n theme={theme}\n >\n {children}\n </StyledNativeSelect>\n </SelectTriggerButton>\n </FormFieldContainer>\n );\n }\n);\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { useIsInverse } from '../../inverse';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\n\ninterface TabsContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The index of the current active tab. You can use this for managing state of the tabs component by your custom logic.\n */\n activeIndex?: number;\n isInverse?: boolean;\n testId?: string;\n}\n\ninterface TabsContainerContextInterface {\n activeTabIndex: number;\n isInverseContainer: boolean;\n setActiveTabIndex: React.Dispatch<React.SetStateAction<number>>;\n}\n\nexport const TabsContainerContext = React.createContext<TabsContainerContextInterface>(\n {\n activeTabIndex: 0,\n isInverseContainer: false,\n setActiveTabIndex: () => 0,\n }\n);\n\nconst StyledTabsContainer = styled.div<{\n isInverse?: boolean;\n theme: ThemeInterface;\n}>`\n background: ${props =>\n props.isInverse ? props.theme.colors.foundation02 : 'none'};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: flex;\n flex-wrap: wrap;\n position: relative;\n`;\n\nexport const TabsContainer = React.forwardRef<\n HTMLDivElement,\n TabsContainerProps\n>((props, ref) => {\n const { activeIndex, children, testId } = props;\n\n React.useEffect(() => {\n if (activeIndex >= 0) {\n setActiveTabIndex(activeIndex);\n }\n }, [activeIndex]);\n\n const [activeTabIndex, setActiveTabIndex] = React.useState(activeIndex || 0);\n\n const isInverse = useIsInverse(props.isInverse);\n\n React.useEffect(() => {\n setIsInverseContainer(isInverse);\n }, [props.isInverse]);\n\n const [isInverseContainer, setIsInverseContainer] = React.useState(\n Boolean(props.isInverse)\n );\n\n const theme = React.useContext(ThemeContext);\n\n return (\n <TabsContainerContext.Provider\n value={{\n activeTabIndex,\n setActiveTabIndex,\n isInverseContainer,\n }}\n >\n <StyledTabsContainer\n ref={ref}\n data-testid={testId}\n theme={theme}\n {...props}\n >\n {children}\n </StyledTabsContainer>\n </TabsContainerContext.Provider>\n );\n});\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/core';\nimport { transparentize } from 'polished';\nimport { TabsOrientation } from './shared';\nimport { ThemeInterface } from '../../theme/magma';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\n\nimport {\n ArrowBackIosIcon,\n ExpandLessIcon,\n ExpandMoreIcon,\n ArrowForwardIosIcon,\n} from 'react-magma-icons';\n\nexport interface ScrollButtonProps\n extends React.HTMLAttributes<HTMLButtonElement> {\n backgroundColor?: string;\n buttonVisible?: boolean;\n isInverse?: boolean;\n orientation?: TabsOrientation;\n theme?: ThemeInterface;\n}\n\nconst StyledScrollButton = styled.button<ScrollButtonProps>`\n align-items: center;\n backdrop-filter: blur(1px);\n border: 0;\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n cursor: pointer;\n display: ${props => (props.buttonVisible ? 'flex' : 'none')};\n justify-content: center;\n outline-offset: 0;\n position: absolute;\n -webkit-appearance: none;\n z-index: 2;\n\n bottom: 0;\n top: 0;\n width: 44px;\n\n ${props =>\n props.orientation === 'vertical' &&\n css`\n left: 0;\n height: 44px;\n right: 0;\n width: 100%;\n `}\n`;\n\nconst StyledButtonPrev = styled(StyledScrollButton)<ScrollButtonProps>`\n background: ${props => `linear-gradient(\n 90deg,\n ${props.backgroundColor} 0%,\n ${transparentize(0.5, props.backgroundColor)} 100%\n )`};\n left: 0;\n\n ${props =>\n props.orientation === 'vertical' &&\n css`\n background: ${`linear-gradient(\n ${props.backgroundColor} 0%,\n ${transparentize(0.5, props.backgroundColor)} 100%\n )`};\n\n bottom: auto;\n `}\n`;\n\nconst StyledButtonNext = styled(StyledScrollButton)<{\n backgroundColor?: string;\n orientation?: TabsOrientation;\n}>`\n background: ${props => `linear-gradient(\n 90deg,\n ${transparentize(0.5, props.backgroundColor)} 0%,\n ${props.backgroundColor} 100%\n )`};\n right: 0;\n\n ${props =>\n props.orientation === 'vertical' &&\n css`\n background: linear-gradient(\n ${transparentize(0.5, props.backgroundColor)} 0%,\n ${props.backgroundColor} 100%\n );\n top: auto;\n `}\n`;\n\nexport const ButtonPrev = React.forwardRef<\n HTMLButtonElement,\n ScrollButtonProps\n>((props, ref) => {\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledButtonPrev\n aria-label={i18n.tabs.previousButtonLabel}\n backgroundColor={props.backgroundColor}\n buttonVisible={props.buttonVisible}\n data-testid=\"buttonPrev\"\n isInverse={props.isInverse}\n onClick={props.onClick}\n orientation={props.orientation}\n ref={ref}\n theme={props.theme}\n >\n {props.orientation === TabsOrientation.vertical ? (\n <ExpandLessIcon size={theme.iconSizes.small} />\n ) : (\n <ArrowBackIosIcon size={theme.iconSizes.small} />\n )}\n </StyledButtonPrev>\n );\n});\n\nexport const ButtonNext = React.forwardRef<\n HTMLButtonElement,\n ScrollButtonProps\n>((props, ref) => {\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledButtonNext\n aria-label={i18n.tabs.nextButtonLabel}\n backgroundColor={props.backgroundColor}\n buttonVisible={props.buttonVisible}\n data-testid=\"buttonNext\"\n isInverse={props.isInverse}\n onClick={props.onClick}\n orientation={props.orientation}\n ref={ref}\n theme={props.theme}\n >\n {props.orientation === TabsOrientation.vertical ? (\n <ExpandMoreIcon size={theme.iconSizes.small} />\n ) : (\n <ArrowForwardIosIcon size={theme.iconSizes.small} />\n )}\n </StyledButtonNext>\n );\n});\n","import React from 'react';\nimport { TabsOrientation } from './shared';\nimport {\n animate,\n debounce,\n getNormalizedScrollLeft,\n detectScrollType,\n} from '../../utils';\n\nexport function useTabsMeta(theme, orientation, backgroundColor, isInverse) {\n const isRtl = theme.direction === 'rtl';\n const vertical = orientation === TabsOrientation.vertical;\n const scrollStart = vertical ? 'scrollTop' : 'scrollLeft';\n const clientSize = vertical ? 'clientHeight' : 'clientWidth';\n\n const approxTabSize = vertical\n ? theme.tabs.approxTabSize.vertical\n : theme.tabs.approxTabSize.horizontal;\n\n const background = backgroundColor\n ? backgroundColor\n : isInverse\n ? theme.colors.foundation\n : theme.colors.neutral08;\n\n const [displayScroll, setDisplayScroll] = React.useState({\n start: false,\n end: false,\n });\n\n const tabsWrapperRef = React.useRef<HTMLDivElement>();\n const prevButtonRef = React.useRef<HTMLButtonElement>();\n const nextButtonRef = React.useRef<HTMLButtonElement>();\n\n function scroll(scrollValue) {\n animate(scrollStart, tabsWrapperRef.current, scrollValue);\n }\n\n function moveTabsScroll(delta) {\n let scrollValue = tabsWrapperRef.current[scrollStart];\n\n if (vertical) {\n scrollValue += delta;\n } else {\n scrollValue += delta * (isRtl ? -1 : 1);\n // Fix for Edge\n scrollValue *= isRtl && detectScrollType() === 'reverse' ? -1 : 1;\n }\n\n scroll(scrollValue);\n }\n\n function handleStartScrollClick() {\n moveTabsScroll(-tabsWrapperRef.current[clientSize] + approxTabSize);\n }\n\n function handleEndScrollClick() {\n moveTabsScroll(tabsWrapperRef.current[clientSize] - approxTabSize);\n }\n\n function updateScrollButtonState() {\n const {\n scrollTop,\n scrollHeight,\n clientHeight,\n scrollWidth,\n clientWidth,\n } = tabsWrapperRef.current;\n let showStartScroll;\n let showEndScroll;\n\n if (vertical) {\n showStartScroll = scrollTop > 1;\n showEndScroll = scrollTop < scrollHeight - clientHeight - 1;\n } else {\n const scrollLeft = getNormalizedScrollLeft(\n tabsWrapperRef.current,\n theme.direction\n );\n // use 1 for the potential rounding error with browser zooms.\n showStartScroll = isRtl\n ? scrollLeft < scrollWidth - clientWidth - 1\n : scrollLeft > 1;\n showEndScroll = !isRtl\n ? scrollLeft < scrollWidth - clientWidth - 1\n : scrollLeft > 1;\n }\n\n if (\n showStartScroll !== displayScroll.start ||\n showEndScroll !== displayScroll.end\n ) {\n setDisplayScroll({ start: showStartScroll, end: showEndScroll });\n }\n }\n\n React.useEffect(() => {\n const handleResize = debounce(updateScrollButtonState, 100);\n\n window.addEventListener('resize', handleResize);\n return () => {\n handleResize.clear();\n window.removeEventListener('resize', handleResize);\n };\n }, [updateScrollButtonState]);\n\n const handleTabsScroll = React.useCallback(\n debounce(updateScrollButtonState, 100),\n [updateScrollButtonState]\n );\n\n React.useEffect(() => {\n return () => {\n handleTabsScroll.clear();\n };\n }, [handleTabsScroll]);\n\n React.useEffect(updateScrollButtonState);\n\n return [\n { vertical, background, displayScroll, scrollStart },\n { handleStartScrollClick, handleEndScrollClick, handleTabsScroll, scroll },\n { prevButtonRef, nextButtonRef, tabsWrapperRef },\n ];\n}\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { TabsContainerContext } from './TabsContainer';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { Omit, getNormalizedScrollLeft } from '../../utils';\nimport { useDescendants } from '../../hooks/useDescendants';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { ButtonNext, ButtonPrev } from './TabsScrollButtons';\nimport { useTabsMeta } from './utils';\nimport { I18nContext } from '../../i18n';\n\nexport enum TabsAlignment {\n center = 'center',\n left = 'left',\n right = 'right',\n}\n\nexport enum TabsBorderPosition {\n bottom = 'bottom',\n left = 'left',\n right = 'right',\n top = 'top',\n}\n\nexport enum TabsIconPosition {\n bottom = 'bottom',\n left = 'left',\n right = 'right',\n top = 'top',\n}\n\nexport enum TabsOrientation {\n horizontal = 'horizontal',\n vertical = 'vertical',\n}\n\nexport interface VerticalTabsProps {\n orientation?: TabsOrientation.vertical;\n borderPosition?: TabsBorderPosition.left | TabsBorderPosition.right;\n}\nexport interface HorizontalTabsProps {\n orientation?: TabsOrientation.horizontal;\n borderPosition?: TabsBorderPosition.bottom | TabsBorderPosition.top;\n}\n\nexport declare type Orientation = HorizontalTabsProps | VerticalTabsProps;\n\nexport interface TabsProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n /**\n * Alignment of the tabs menu\n * @default TabsAlignment.left\n */\n alignment?: TabsAlignment;\n /**\n * The text the screen reader will announce that describes your tablist.\n */\n 'aria-label'?: string;\n /**\n * Background color for the tabs menu\n */\n backgroundColor?: string;\n /**\n * The orientation of icon on Tab\n */\n iconPosition?: TabsIconPosition;\n /**\n * If true, the components takes the full width of the screen\n */\n isFullWidth?: boolean;\n isInverse?: boolean;\n /**\n * The onChange handler for managing state of Tabs component by your custom logic.\n */\n onChange?: (newActiveIndex: number) => void;\n orientation?: TabsOrientation;\n testId?: string;\n}\n\ninterface TabsContextInterface {\n borderPosition?: TabsBorderPosition;\n buttonRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n changeHandler: (\n newActiveIndex: number,\n event?: React.MouseEvent<HTMLButtonElement, MouseEvent>\n ) => void;\n iconPosition?: TabsIconPosition;\n isInverse?: boolean;\n isFullWidth?: boolean;\n orientation?: TabsOrientation;\n registerTabButton: (\n itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n itemRef: React.MutableRefObject<Element>\n ) => void;\n}\n\nexport const TabsContext = React.createContext<TabsContextInterface>({\n borderPosition: TabsBorderPosition.bottom,\n changeHandler: () => {},\n iconPosition: TabsIconPosition.left,\n isInverse: false,\n isFullWidth: false,\n orientation: TabsOrientation.horizontal,\n registerTabButton: (elements, element) => {},\n});\n\nexport const StyledContainer = styled('div', {\n shouldForwardProp: isPropValid,\n})<{\n as?: string;\n orientation: TabsOrientation;\n isInverse: boolean;\n backgroundColor: string;\n theme: ThemeInterface;\n}>`\n background-color: ${props =>\n props.backgroundColor\n ? props.backgroundColor\n : props.isInverse\n ? props.theme.colors.foundation\n : 'transparent'};\n background: backgroundColor;\n display: flex;\n height: ${props => (props.orientation === 'vertical' ? '100%' : 'auto')};\n\n position: relative;\n width: ${props => (props.orientation === 'vertical' ? 'auto' : '100%')};\n`;\n\nexport const StyledTabsWrapper = styled('div', {\n shouldForwardProp: isPropValid,\n})<{\n orientation: TabsOrientation;\n}>`\n display: flex;\n flex-grow: 1;\n overflow-x: ${props => (props.orientation === 'vertical' ? '' : 'auto')};\n overflow-y: ${props => (props.orientation === 'vertical' ? 'auto' : '')};\n\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n scrollbar-width: none;\n`;\n\nexport const StyledTabs = styled('ul', { shouldForwardProp: isPropValid })<{\n alignment?: TabsAlignment;\n orientation: TabsOrientation;\n}>`\n align-items: center;\n display: flex;\n flex-direction: ${props =>\n props.orientation === 'vertical' ? 'column' : 'row'};\n justify-content: ${props =>\n props.alignment === 'center'\n ? 'center'\n : props.alignment === 'right'\n ? 'flex-end'\n : ''};\n margin: 0;\n padding: 0;\n width: ${props => (props.orientation === 'vertical' ? 'auto' : '100%')};\n`;\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TabsProps & Orientation>(\n (props, ref) => {\n const {\n alignment,\n backgroundColor,\n borderPosition,\n children,\n isFullWidth,\n orientation,\n onChange,\n iconPosition,\n testId,\n ...rest\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const { activeTabIndex, setActiveTabIndex, isInverseContainer } =\n React.useContext(TabsContainerContext);\n\n const isInverse =\n typeof props.isInverse !== 'undefined'\n ? Boolean(props.isInverse)\n : isInverseContainer;\n\n const [tabsMeta, tabsHandleMethods, tabsRefs] = useTabsMeta(\n theme,\n orientation,\n backgroundColor,\n isInverse\n );\n\n const { vertical, background, displayScroll, scrollStart } = tabsMeta;\n const {\n handleStartScrollClick,\n handleEndScrollClick,\n handleTabsScroll,\n scroll,\n } = tabsHandleMethods;\n const { prevButtonRef, nextButtonRef, tabsWrapperRef } = tabsRefs;\n\n const start = vertical ? 'top' : 'left';\n const end = vertical ? 'bottom' : 'right';\n\n const [buttonRefArray, registerTabButton] = useDescendants();\n\n const childrenWrapperRef = React.useRef<HTMLUListElement>();\n\n function getTabsMeta() {\n const tabsNode = tabsWrapperRef.current;\n let tabsMeta;\n if (tabsNode) {\n const rect = tabsNode.getBoundingClientRect();\n tabsMeta = {\n clientWidth: tabsNode.clientWidth,\n scrollLeft: tabsNode.scrollLeft,\n scrollTop: tabsNode.scrollTop,\n scrollLeftNormalized: getNormalizedScrollLeft(\n tabsNode,\n theme.direction\n ),\n scrollWidth: tabsNode.scrollWidth,\n top: rect.top,\n bottom: rect.bottom,\n left: rect.left,\n right: rect.right,\n };\n }\n\n let tabMeta;\n if (tabsNode) {\n const childrenArray = childrenWrapperRef.current.children;\n if (childrenArray.length > 0) {\n const tab = childrenArray[activeTabIndex];\n tabMeta = tab ? (tab as any).getBoundingClientRect() : null;\n }\n }\n return { tabsMeta, tabMeta };\n }\n\n function scrollSelectedIntoView() {\n const { tabsMeta, tabMeta } = getTabsMeta();\n\n if (!tabMeta || !tabsMeta) {\n return;\n }\n\n const prevButtonOffset = vertical\n ? Number(prevButtonRef.current.offsetHeight)\n : Number(prevButtonRef.current.offsetWidth);\n const nextButtonOffset = vertical\n ? Number(nextButtonRef.current.offsetHeight)\n : Number(nextButtonRef.current.offsetWidth);\n\n if (tabMeta[start] < Number(tabsMeta[start]) + prevButtonOffset) {\n // left side of button is out of view\n const nextScrollStart =\n Number(tabsMeta[scrollStart]) +\n (Number(tabMeta[start]) - Number(tabsMeta[start])) -\n prevButtonOffset;\n scroll(nextScrollStart);\n } else if (tabMeta[end] > Number(tabsMeta[end]) - nextButtonOffset) {\n // right side of button is out of view\n const nextScrollStart =\n Number(tabsMeta[scrollStart]) +\n (Number(tabMeta[end]) - Number(tabsMeta[end])) +\n nextButtonOffset;\n scroll(nextScrollStart);\n }\n }\n\n React.useEffect(scrollSelectedIntoView, []);\n\n React.useEffect(scrollSelectedIntoView, [activeTabIndex]);\n\n function changeHandler(\n newActiveIndex: number,\n event?: React.MouseEvent<HTMLButtonElement, MouseEvent>\n ): void {\n if (\n (event.target as HTMLInputElement).children[0] &&\n (event.target as HTMLInputElement).children[0].hasAttribute('disabled')\n ) {\n event.preventDefault();\n return undefined;\n }\n\n onChange && typeof onChange === 'function' && onChange(newActiveIndex);\n\n newActiveIndex === activeTabIndex\n ? scrollSelectedIntoView()\n : setActiveTabIndex(newActiveIndex);\n }\n\n function tabIsEnabled(tabIndex) {\n return (\n buttonRefArray.current[tabIndex].current.getAttribute('disabled') ===\n null\n );\n }\n\n function findPreviousEnabledTabIndex(modifiedActiveTabIndex?: number) {\n const currentTabIndex = modifiedActiveTabIndex\n ? modifiedActiveTabIndex\n : activeTabIndex;\n const newActiveTabIndex = currentTabIndex > 0 ? currentTabIndex - 1 : 0;\n\n if (tabIsEnabled(newActiveTabIndex)) {\n return newActiveTabIndex;\n } else if (newActiveTabIndex - 1 >= 0) {\n return findPreviousEnabledTabIndex(newActiveTabIndex);\n } else {\n return activeTabIndex;\n }\n }\n\n function findNextEnabledTabIndex(\n lastChildIndex: number,\n modifiedActiveTabIndex?: number\n ) {\n const currentTabIndex =\n modifiedActiveTabIndex === 0 || modifiedActiveTabIndex\n ? modifiedActiveTabIndex\n : activeTabIndex;\n const newActiveTabIndex =\n currentTabIndex < lastChildIndex ? currentTabIndex + 1 : lastChildIndex;\n\n if (tabIsEnabled(newActiveTabIndex)) {\n return newActiveTabIndex;\n } else if (newActiveTabIndex + 1 <= lastChildIndex) {\n return findNextEnabledTabIndex(lastChildIndex, newActiveTabIndex);\n } else {\n return activeTabIndex;\n }\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n const target = event.target as HTMLButtonElement;\n\n const role = target.getAttribute('role');\n if (role !== 'tab') {\n return;\n }\n\n const lastChildIndex = buttonRefArray.current.length - 1;\n let newActiveTabIndex = null;\n let previousItemKey =\n orientation !== TabsOrientation.vertical ? 'ArrowLeft' : 'ArrowUp';\n let nextItemKey =\n orientation !== TabsOrientation.vertical ? 'ArrowRight' : 'ArrowDown';\n\n switch (event.key) {\n case previousItemKey:\n newActiveTabIndex = findPreviousEnabledTabIndex();\n break;\n case nextItemKey:\n newActiveTabIndex = findNextEnabledTabIndex(lastChildIndex);\n break;\n case 'Home':\n newActiveTabIndex = tabIsEnabled(0)\n ? 0\n : findNextEnabledTabIndex(lastChildIndex, 0);\n break;\n case 'End':\n newActiveTabIndex = tabIsEnabled(lastChildIndex)\n ? lastChildIndex\n : findPreviousEnabledTabIndex(lastChildIndex);\n break;\n default:\n break;\n }\n\n if (newActiveTabIndex !== null) {\n onChange &&\n typeof onChange === 'function' &&\n onChange(newActiveTabIndex);\n setActiveTabIndex(newActiveTabIndex);\n (\n buttonRefArray.current[newActiveTabIndex].current as HTMLButtonElement\n ).focus();\n event.preventDefault();\n }\n }\n\n const i18n = React.useContext(I18nContext);\n const ariaLabel = `${rest['aria-label'] || ''}, ${\n orientation === TabsOrientation.vertical\n ? i18n.tabs.verticalTabsInstructions\n : i18n.tabs.horizontalTabsInstructions\n }`;\n\n return (\n <StyledContainer\n data-testid={testId}\n backgroundColor={background}\n isInverse={isInverse}\n orientation={orientation || TabsOrientation.horizontal}\n ref={ref}\n theme={theme}\n {...rest}\n >\n <ButtonPrev\n backgroundColor={background}\n buttonVisible={displayScroll.start}\n isInverse={isInverse}\n onClick={handleStartScrollClick}\n orientation={orientation || TabsOrientation.horizontal}\n ref={prevButtonRef}\n theme={theme}\n />\n <StyledTabsWrapper\n data-testid=\"tabsWrapper\"\n onScroll={handleTabsScroll}\n orientation={orientation}\n ref={tabsWrapperRef}\n >\n <StyledTabs\n alignment={alignment ? alignment : TabsAlignment.left}\n aria-label={ariaLabel}\n aria-orientation={orientation || TabsOrientation.horizontal}\n onKeyDown={handleKeyDown}\n orientation={orientation}\n ref={childrenWrapperRef}\n role=\"tablist\"\n >\n <TabsContext.Provider\n value={{\n borderPosition,\n buttonRefArray,\n changeHandler,\n iconPosition,\n isInverse,\n isFullWidth,\n orientation,\n registerTabButton,\n }}\n >\n {children}\n </TabsContext.Provider>\n </StyledTabs>\n </StyledTabsWrapper>\n <ButtonNext\n backgroundColor={background}\n buttonVisible={displayScroll.end}\n isInverse={isInverse}\n onClick={handleEndScrollClick}\n orientation={orientation || TabsOrientation.horizontal}\n ref={nextButtonRef}\n theme={theme}\n />\n </StyledContainer>\n );\n }\n);\n","import React from 'react';\n\nexport function useForceUpdate() {\n const [, setTick] = React.useState(0);\n const update = React.useCallback(() => {\n setTick(tick => tick + 1);\n }, []);\n return update;\n}","import React from 'react';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { css } from '@emotion/core';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { TabsIconPosition, TabsBorderPosition, TabsContext } from './Tabs';\nimport { TabsOrientation } from './shared';\nimport { useForkedRef } from '../../utils';\nimport { useForceUpdate } from '../../hooks/useForceUpdate';\nimport { TabsContainerContext } from './TabsContainer';\nimport { ThemeInterface } from '../../theme/magma';\n\nexport interface TabProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /**\n * Icon to display within the component\n */\n icon?: React.ReactElement<any> | React.ReactElement<any>[];\n /**\n * If true, the component will display with the active/selected state\n * @default false\n */\n isActive?: boolean;\n isInverse?: boolean;\n testId?: string;\n /**\n * @internal\n */\n theme?: any;\n}\n\nexport const StyledTabsChild = styled('li', {\n shouldForwardProp: isPropValid,\n})<{\n borderPosition?: TabsBorderPosition;\n isActive?: boolean;\n isFullWidth?: boolean;\n isInverse?: boolean;\n orientation: TabsOrientation;\n theme: ThemeInterface;\n}>`\n flex-grow: 0;\n flex-shrink: ${props => (props.isFullWidth ? '1' : '0')};\n height: ${props => (props.orientation === 'vertical' ? 'auto' : '100%')};\n list-style: none;\n margin: 0;\n max-width: ${props => (props.isFullWidth ? '100%' : '250px')};\n padding: 0;\n position: relative;\n white-space: normal;\n width: ${props =>\n props.isFullWidth || props.orientation === 'vertical' ? '100%' : 'auto'};\n\n &:after {\n background: ${props =>\n props.isInverse ? props.theme.colors.pop02 : props.theme.colors.primary};\n border-radius: 2px;\n content: '';\n display: block;\n height: 4px;\n opacity: ${props => (props.isActive ? '1' : '0')};\n position: absolute;\n transition: 0.4s all;\n width: auto;\n\n bottom: ${props => (props.borderPosition === 'top' ? 'auto' : '0')};\n left: ${props => (props.isActive ? '0' : '50%')};\n right: ${props => (props.isActive ? '0' : '50%')};\n top: ${props => (props.borderPosition === 'top' ? '0' : 'auto')};\n\n ${props =>\n props.orientation === 'vertical' &&\n css`\n height: auto;\n\n bottom: ${props.isActive ? '0' : '50%'};\n left: ${props.borderPosition === 'right' ? 'auto' : '0'};\n right: ${props.borderPosition === 'right' ? '0' : 'auto'};\n top: ${props.isActive ? '0' : '50%'};\n\n width: 4px;\n `}\n }\n`;\n\nfunction getFlexDirection(position: TabsIconPosition) {\n switch (position) {\n case TabsIconPosition.left:\n return 'row';\n case TabsIconPosition.right:\n return 'row-reverse';\n case TabsIconPosition.top:\n return 'column';\n case TabsIconPosition.bottom:\n return 'column-reverse';\n default:\n return 'column';\n }\n}\n\nexport const TabStyles = props => css`\n align-items: center;\n background: transparent;\n border: 0;\n color: ${props.isActive && !props.isInverse\n ? props.theme.colors.primary\n : props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral03};\n cursor: ${props.disabled ? 'auto' : 'pointer'};\n display: flex;\n flex-direction: ${getFlexDirection(props.iconPosition)};\n flex-grow: 0;\n flex-shrink: ${props.isFullWidth ? '1' : '0'};\n font-weight: 600;\n font-size: ${props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props.theme.typeScale.size02.letterSpacing};\n line-height: ${props.theme.typeScale.size02.lineHeight};\n height: 100%;\n justify-content: ${props.iconPosition === 'left' ? 'flex-start' : 'center'};\n opacity: ${props.disabled\n ? 0.4\n : props.isInverse && !props.isActive\n ? 0.7\n : 1};\n padding: ${props.theme.spaceScale.spacing04}\n ${props.theme.spaceScale.spacing05};\n position: relative;\n pointer-events: ${props.disabled ? 'none' : ''};\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n width: ${props.isFullWidth ? '100%' : 'auto'};\n\n ${props.orientation === 'vertical' &&\n css`\n align-items: flex-start;\n justify-content: ${props.iconPosition === 'left'\n ? 'flex-start'\n : 'flex-end'};\n text-align: left;\n width: 100%;\n\n align-items: center;\n `}\n\n &:hover,\n &:focus {\n background-color: ${props.isActive\n ? ''\n : props.isInverse\n ? props.theme.colors.shade02\n : props.theme.colors.shade};\n color: ${props.isActive\n ? props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.primary\n : props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral02};\n }\n\n &:focus {\n outline-offset: -2px;\n outline: ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus}\n dotted 2px;\n }\n`;\n\nconst StyledTab = styled('button', { shouldForwardProp: isPropValid })<{\n borderPosition?: TabsBorderPosition;\n iconPosition?: TabsIconPosition;\n isActive?: boolean;\n isFullWidth?: boolean;\n isInverse?: boolean;\n orientation: TabsOrientation;\n theme: ThemeInterface;\n}>`\n ${TabStyles}\n`;\n\nfunction getIconMargin(props) {\n if (props.isIconOnly) {\n return `0`;\n }\n\n switch (props.iconPosition) {\n case TabsIconPosition.left:\n return `0 ${props.theme.spaceScale.spacing03} 0 0`;\n case TabsIconPosition.right:\n return `0 0 0 ${props.theme.spaceScale.spacing03}`;\n case TabsIconPosition.top:\n return `0 0 ${props.theme.spaceScale.spacing02}`;\n case TabsIconPosition.bottom:\n return `${props.theme.spaceScale.spacing02} 0 0`;\n default:\n return `0 0 ${props.theme.spaceScale.spacing02}`;\n }\n}\n\nexport const StyledIcon = styled.span<{\n iconPosition: TabsIconPosition;\n isIconOnly?: boolean;\n theme: ThemeInterface;\n}>`\n display: flex;\n margin: ${props => getIconMargin(props)};\n\n svg {\n height: ${props => props.theme.iconSizes.small}px;\n width: ${props => props.theme.iconSizes.small}px;\n }\n`;\n\nexport const Tab = React.forwardRef<HTMLButtonElement, TabProps>(\n (props, forwardedRef) => {\n const { children, icon, disabled, testId, ...rest } = props;\n const { activeTabIndex } = React.useContext(TabsContainerContext);\n const { buttonRefArray, registerTabButton } = React.useContext(TabsContext);\n const ownRef = React.useRef<HTMLDivElement>();\n const forceUpdate = useForceUpdate();\n\n const index = buttonRefArray.current.findIndex(({ current: item }) => {\n if (!item || !ownRef.current) return false;\n\n return item === ownRef.current;\n });\n\n const isActive = index === activeTabIndex;\n\n const ref = useForkedRef(forwardedRef, ownRef);\n\n const {\n changeHandler,\n orientation,\n borderPosition,\n iconPosition,\n isInverse,\n isFullWidth,\n } = React.useContext(TabsContext);\n\n const handleClick = (index, e) => {\n changeHandler(index, e);\n\n props.onClick && typeof props.onClick === 'function' && props.onClick(e);\n };\n\n React.useEffect(() => {\n registerTabButton(buttonRefArray, ownRef);\n\n forceUpdate();\n }, []);\n\n const theme = React.useContext(ThemeContext);\n const isIconOnly = !children;\n\n const tabIconPosition = iconPosition\n ? iconPosition\n : orientation === 'vertical'\n ? TabsIconPosition.left\n : TabsIconPosition.top;\n\n return (\n <StyledTabsChild\n borderPosition={borderPosition}\n data-testid=\"tabContainer\"\n isActive={isActive}\n isFullWidth={isFullWidth}\n isInverse={isInverse}\n orientation={orientation}\n role=\"presentation\"\n theme={theme}\n >\n <StyledTab\n {...rest}\n aria-selected={isActive}\n data-testid={testId}\n disabled={disabled}\n iconPosition={tabIconPosition}\n isActive={isActive}\n isInverse={isInverse}\n isFullWidth={isFullWidth}\n onClick={e => handleClick(index, e)}\n orientation={orientation}\n ref={ref}\n role=\"tab\"\n tabIndex={isActive ? 0 : -1}\n theme={theme}\n >\n {icon && (\n <StyledIcon\n theme={theme}\n iconPosition={tabIconPosition}\n isIconOnly={isIconOnly}\n >\n {icon}\n </StyledIcon>\n )}\n {children}\n </StyledTab>\n </StyledTabsChild>\n );\n }\n);\n","import React from 'react';\nimport { TabsContainerContext } from './TabsContainer';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '@emotion/styled';\nimport { ThemeInterface } from '../../theme/magma';\n\nconst StyledTabPanel = styled.div<{\n isInverse?: boolean;\n theme: ThemeInterface;\n}>`\n background: ${props =>\n props.isInverse\n ? props.theme.colors.foundation02\n : props.theme.colors.neutral08};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n flex: 1;\n height: 100%;\n padding: 20px;\n`;\n\nexport interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * @internal\n */\n index?: number;\n isInverse?: boolean;\n testId?: string;\n}\n\nexport const TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(\n (props, ref) => {\n const { index, isInverse, testId, children, ...other } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const { activeTabIndex } = React.useContext(TabsContainerContext);\n const activeTab = activeTabIndex === index;\n\n return activeTab ? (\n <StyledTabPanel\n ref={ref}\n data-testid={testId}\n isInverse={isInverse}\n theme={theme}\n {...other}\n >\n {children}\n </StyledTabPanel>\n ) : null;\n }\n);\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { TabsContainerContext } from './TabsContainer';\n\ninterface TabPanelContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n isInverse?: boolean;\n testId?: string;\n}\n\nconst StyledContainer = styled.div`\n flex-grow: 1;\n`;\n\nexport const TabPanelsContainer = React.forwardRef<\n HTMLDivElement,\n TabPanelContainerProps\n>((props, ref) => {\n const { children, testId, ...rest } = props;\n\n const { isInverseContainer } = React.useContext(TabsContainerContext);\n\n return (\n <StyledContainer ref={ref} data-testid={testId} {...rest}>\n {React.Children.map(children, (child: React.ReactElement<any>, index) => {\n const isInverse =\n typeof child.props.isInverse !== 'undefined'\n ? child.props.isInverse\n : typeof props.isInverse !== 'undefined'\n ? props.isInverse\n : isInverseContainer;\n\n return React.cloneElement(child, { index, isInverse, key: index });\n })}\n {children}\n </StyledContainer>\n );\n});\n","import * as React from 'react';\nimport {\n StyledContainer,\n StyledTabsWrapper,\n StyledTabs,\n TabsAlignment,\n TabsBorderPosition,\n TabsIconPosition,\n TabsProps,\n Orientation,\n} from '../Tabs';\nimport { TabsOrientation } from '../Tabs/shared';\nimport { Omit } from '../../utils';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ButtonNext, ButtonPrev } from '../Tabs/TabsScrollButtons';\nimport { useTabsMeta } from '../Tabs/utils';\nimport { useIsInverse } from '../../inverse';\n\nexport interface NavTabsProps extends Omit<TabsProps, 'onChange'> {}\n\ninterface NavTabsContextInterface {\n borderPosition?: TabsBorderPosition;\n iconPosition?: TabsIconPosition;\n isInverse?: boolean;\n isFullWidth?: boolean;\n orientation?: TabsOrientation;\n}\n\nexport const NavTabsContext = React.createContext<NavTabsContextInterface>({\n borderPosition: TabsBorderPosition.bottom,\n iconPosition: TabsIconPosition.left,\n isInverse: false,\n isFullWidth: false,\n orientation: TabsOrientation.horizontal,\n});\n\nexport const NavTabs = React.forwardRef<\n HTMLDivElement,\n NavTabsProps & Orientation\n>((props, ref) => {\n const {\n alignment,\n backgroundColor,\n borderPosition,\n children,\n iconPosition,\n isFullWidth,\n orientation,\n testId,\n ...rest\n } = props;\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n const background = backgroundColor\n ? backgroundColor\n : isInverse\n ? theme.colors.foundation\n : theme.colors.neutral08;\n\n const [tabsMeta, tabsHandleMethods, tabsRefs] = useTabsMeta(\n theme,\n orientation,\n backgroundColor,\n isInverse\n );\n\n const { displayScroll } = tabsMeta;\n const {\n handleStartScrollClick,\n handleEndScrollClick,\n handleTabsScroll,\n } = tabsHandleMethods;\n const { prevButtonRef, nextButtonRef, tabsWrapperRef } = tabsRefs;\n\n return (\n <StyledContainer\n aria-label={rest['aria-label']}\n as=\"nav\"\n backgroundColor={backgroundColor}\n data-testid={testId}\n isInverse={isInverse}\n orientation={orientation || TabsOrientation.horizontal}\n ref={ref}\n theme={theme}\n {...rest}\n >\n <ButtonPrev\n backgroundColor={background}\n buttonVisible={displayScroll.start}\n isInverse={isInverse}\n onClick={handleStartScrollClick}\n orientation={orientation || TabsOrientation.horizontal}\n ref={prevButtonRef}\n theme={theme}\n />\n\n <StyledTabsWrapper\n data-testid=\"navTabsWrapper\"\n onScroll={handleTabsScroll}\n orientation={orientation || TabsOrientation.horizontal}\n ref={tabsWrapperRef}\n >\n <StyledTabs\n alignment={alignment ? alignment : TabsAlignment.left}\n orientation={orientation}\n >\n <NavTabsContext.Provider\n value={{\n borderPosition,\n iconPosition,\n isInverse: isInverse,\n isFullWidth,\n orientation,\n }}\n >\n {children}\n </NavTabsContext.Provider>\n </StyledTabs>\n </StyledTabsWrapper>\n <ButtonNext\n backgroundColor={background}\n buttonVisible={displayScroll.end}\n isInverse={isInverse}\n onClick={handleEndScrollClick}\n orientation={orientation || TabsOrientation.horizontal}\n ref={nextButtonRef}\n theme={theme}\n />\n </StyledContainer>\n );\n});\n","import * as React from 'react';\nimport styled from '@emotion/styled';\nimport { jsx } from '@emotion/core';\n\nimport { NavTabsContext } from './NavTabs';\nimport {\n StyledTabsChild,\n StyledIcon,\n TabStyles,\n TabsIconPosition,\n} from '../Tabs';\nimport { TabsOrientation } from '../Tabs/shared';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { omit, XOR } from '../../utils';\n\n/**\n * @children required\n */\nexport interface BaseNavTabProps\n extends React.HTMLAttributes<HTMLAnchorElement> {\n /**\n * @internal\n */\n css?: any; // Adding css prop to fix emotion error\n /**\n * Icon to display within the component\n */\n icon?: React.ReactElement<any> | React.ReactElement<any>[];\n /**\n * If true, the component will display with the active/selected state\n */\n isActive?: boolean;\n isInverse?: boolean;\n /**\n * Determines if the tabs are displayed vertically or horizontally\n * @default TabsOrientation.horizontal\n */\n orientation?: TabsOrientation;\n testId?: string;\n to?: string;\n /**\n * @internal\n */\n theme?: any;\n}\n\nexport interface NavTabChildrenProps extends BaseNavTabProps {\n children: JSX.Element | string;\n /**\n * The href value of the tab link\n */\n to: string;\n}\n\nexport interface NavTabComponentProps extends BaseNavTabProps {\n /**\n * The prop for custom component instead of `a` in NavTab.\n */\n component: React.ReactNode;\n /**\n * The orientation of icon on NavTab\n */\n iconPosition?: TabsIconPosition;\n /**\n * If true, the tab will take up the full width of its container\n * @default false\n */\n isFullWidth?: boolean;\n}\n\nexport type NavTabProps = XOR<NavTabChildrenProps, NavTabComponentProps>;\n\nfunction instanceOfNavComponentTab(\n object: any\n): object is NavTabComponentProps {\n return 'component' in object && !('children' in object);\n}\n\nfunction instanceOfNavChildrenTab(object: any): object is NavTabChildrenProps {\n return !('component' in object) && 'children' in object;\n}\n\nconst StyledTab = styled.a<{\n borderPosition?: any;\n iconPosition?: TabsIconPosition;\n isActive?: boolean;\n isFullWidth?: boolean;\n isInverse?: boolean;\n orientation: TabsOrientation;\n theme: any;\n}>`\n ${TabStyles}\n`;\n\nexport const StyledCustomTab = React.forwardRef<any, NavTabComponentProps>(\n (props, ref) => {\n const { children, component, icon, style, onClick, ...rest } = props;\n\n if (React.isValidElement(component) && React.isValidElement(component)) {\n const cloneElement = (element, newProps) => {\n return jsx(element.type, {\n key: element.key,\n ref: element.ref,\n ...element.props,\n ...newProps,\n });\n };\n\n const other = omit(\n ['iconPosition', 'isInverse', 'isActive', 'isFullWidth'],\n rest\n );\n\n return cloneElement(component, {\n ...other,\n css: TabStyles(props),\n ...style,\n onClick,\n ref,\n children: (\n <>\n {icon}\n {component.props.children}\n </>\n ),\n });\n }\n }\n);\n\n// Using any type because we do not know the element type of a custom tab\nexport const NavTab = React.forwardRef<any, NavTabProps>((props, ref) => {\n let children;\n let component;\n const { isActive, icon, testId, to, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n if (instanceOfNavComponentTab(props)) {\n component = props.component;\n } else if (instanceOfNavChildrenTab(props)) {\n children = props.children;\n }\n\n const isIconOnly = !children;\n\n const {\n orientation,\n borderPosition,\n iconPosition,\n isInverse,\n isFullWidth,\n } = React.useContext(NavTabsContext);\n\n const tabIconPosition = iconPosition\n ? iconPosition\n : orientation === 'vertical'\n ? TabsIconPosition.left\n : TabsIconPosition.top;\n\n return (\n <StyledTabsChild\n borderPosition={borderPosition}\n data-testid=\"tabContainer\"\n isActive={isActive}\n isFullWidth={isFullWidth}\n isInverse={isInverse}\n orientation={orientation}\n theme={theme}\n >\n {component ? (\n <StyledCustomTab\n {...other}\n component={component}\n data-testid={testId}\n iconPosition={tabIconPosition}\n icon={\n icon && (\n <StyledIcon theme={theme} iconPosition={tabIconPosition}>\n {icon}\n </StyledIcon>\n )\n }\n isActive={isActive}\n isInverse={isInverse}\n isFullWidth={isFullWidth}\n orientation={orientation}\n theme={theme}\n />\n ) : (\n <StyledTab\n {...other}\n ref={ref}\n data-testid={testId}\n href={to}\n isActive={isActive}\n isFullWidth={isFullWidth}\n iconPosition={tabIconPosition}\n isInverse={isInverse}\n orientation={orientation}\n theme={theme}\n >\n {icon && (\n <StyledIcon\n theme={theme}\n iconPosition={tabIconPosition}\n isIconOnly={isIconOnly}\n >\n {icon}\n </StyledIcon>\n )}\n {children}\n </StyledTab>\n )}\n </StyledTabsChild>\n );\n});\n","import * as React from 'react';\nimport { Button, ButtonColor, ButtonProps, ButtonVariant } from '../Button';\nimport { BuildBorder, hoverBorder } from './Pagination';\nimport { darken } from 'polished';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface PageButtonProps extends ButtonProps {\n isSelected?: boolean;\n}\n\nexport function pageButtonTypeSize(props) {\n if (props.size === 'large') {\n return `${props.theme.typeScale.size05.fontSize}`;\n }\n return `${props.theme.typeScale.size03.fontSize}`;\n}\n\nfunction buttonSize(props) {\n switch (props.size) {\n case 'large':\n return `${props.theme.spaceScale.spacing11}`;\n default:\n return `${props.theme.spaceScale.spacing09}`;\n }\n}\n\nfunction boxShadowColor(props) {\n if (props.color === 'primary') {\n if (props.isInverse) {\n return `-${props.theme.spaceScale.spacing01} 0 0 ${props.theme.colors.neutral08}`;\n }\n return `-${props.theme.spaceScale.spacing01} 0 0 ${props.theme.colors.primary}`;\n }\n}\n\nfunction hoverBoxShadowColor(props) {\n if (props.color === 'primary') {\n if (props.isInverse) {\n return `-${props.theme.spaceScale.spacing01} 0 0 ${props.theme.colors.neutral08}`;\n }\n return `-${props.theme.spaceScale.spacing01} 0 0 ${darken(\n 0.1,\n props.theme.colors.primary\n )}`;\n }\n}\n\nconst StyledPageButton = styled(Button)`\n border: none;\n border-top: ${BuildBorder};\n border-right: ${BuildBorder};\n border-bottom: ${BuildBorder};\n border-radius: 0;\n box-shadow: ${boxShadowColor};\n font-size: ${pageButtonTypeSize} !important;\n height: ${buttonSize};\n margin: 0;\n min-width: 0;\n padding: 0;\n width: ${buttonSize};\n &:focus {\n border-color: ${hoverBorder};\n box-shadow: ${hoverBoxShadowColor};\n outline: 0 !important;\n outline-offset: 0;\n overflow: visible;\n z-index: 1;\n }\n &:focus:before {\n content: '';\n border: ${props =>\n props.isInverse\n ? `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.focusInverse}`\n : `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.focus}`};\n border-style: dotted;\n height: calc(100% + 14px);\n left: -7px;\n position: absolute;\n top: -7px;\n width: calc(100% + 14px);\n }\n`;\n\nexport const PageButton = React.forwardRef<HTMLButtonElement, PageButtonProps>(\n (props, ref) => {\n const { children, isInverse, isSelected, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledPageButton\n ref={ref}\n {...other}\n color={isSelected ? ButtonColor.primary : ButtonColor.secondary}\n theme={theme}\n isInverse={isInverse}\n variant={\n isInverse && !isSelected ? ButtonVariant.outline : ButtonVariant.solid\n }\n >\n {children}\n </StyledPageButton>\n );\n }\n);\n","import * as React from 'react';\nimport { ButtonColor, ButtonShape, ButtonSize, ButtonVariant } from '../Button';\nimport { darken } from 'polished';\nimport { I18nContext } from '../../i18n';\nimport { IconButton } from '../IconButton';\nimport { PageButton, pageButtonTypeSize } from './PageButton';\nimport { ArrowBackIcon, ArrowForwardIcon } from 'react-magma-icons';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { usePagination } from './usePagination';\n\nexport interface BasePaginationProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n isInverse?: boolean;\n page?: number;\n /**\n * The total number of Pagination buttons\n * @default 1\n */\n count?: number;\n /**\n * If true, disables all of the Pagination buttons\n * @default false\n */\n disabled?: boolean;\n /**\n * If true, hides the next page button\n * @default false\n */\n hideNextButton?: boolean;\n /**\n * If true, hides the previous page button\n * @default false\n */\n hidePreviousButton?: boolean;\n /**\n * Number of page buttons before and after the current page\n * @default 1\n */\n numberOfAdjacentPages?: number;\n /**\n * Number of page buttons at the beginning and end of the page number buttons list\n * @default 1\n */\n numberOfEdgePages?: number;\n /**\n * Event that fires when the page number changes\n */\n onPageChange?: (event: React.SyntheticEvent, newPage: number) => void;\n /**\n * Size toggles between default and large variant buttons.\n */\n size?: PageButtonSize;\n /**\n * If true, shows the first page button\n * @default false\n */\n showFirstButton?: boolean;\n /**\n * If true, shows the last page button\n * @default false\n */\n showLastButton?: boolean;\n}\n\nexport interface ControlledPaginationProps extends BasePaginationProps {\n defaultPage: never;\n /**\n * Current page number\n */\n page?: number;\n}\nexport interface UncontrolledPaginationProps extends BasePaginationProps {\n /**\n * Page selected by default when the component is uncontrolled\n */\n defaultPage?: number;\n page: number;\n}\nexport type PaginationProps =\n | ControlledPaginationProps\n | UncontrolledPaginationProps;\n\nexport enum PageButtonSize {\n medium = 'medium',\n large = 'large',\n}\n\nconst StyledNav = styled.nav`\n min-width: 0;\n`;\n\nconst StyledList = styled.ul`\n display: flex;\n margin: 0;\n padding: 0;\n`;\n\nconst StyledListItem = styled.li`\n list-style-type: none;\n &:last-child {\n button {\n border-left: none;\n }\n }\n`;\n\nexport function BuildBorder(props) {\n switch (props.color) {\n case 'primary':\n if (props.isInverse) {\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.neutral08}`;\n }\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.primary}`;\n default:\n if (props.isInverse) {\n if (props.disabled) {\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.tint04}`;\n }\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.neutral08}`;\n }\n if (props.disabled) {\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.neutral06}`;\n }\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.neutral05}`;\n }\n}\n\nexport function hoverBorder(props) {\n switch (props.color) {\n case 'primary':\n if (props.isInverse) {\n return `${props.theme.colors.neutral08}`;\n }\n return `${darken(0.1, props.theme.colors.primary)}`;\n default:\n if (props.isInverse) {\n return `${props.theme.colors.neutral08}`;\n }\n return `${props.theme.colors.neutral05}`;\n }\n}\n\nfunction BuildButtonSize(props) {\n switch (props.size) {\n case 'large':\n return `${props.theme.spaceScale.spacing11}`;\n default:\n return `${props.theme.spaceScale.spacing09}`;\n }\n}\n\nconst NavButton = styled(IconButton)`\n border-top: ${BuildBorder};\n border-right: ${BuildBorder};\n border-bottom: ${BuildBorder};\n border-left: ${BuildBorder};\n height: ${BuildButtonSize};\n margin: 0;\n padding: 0;\n width: ${BuildButtonSize};\n &:focus {\n z-index: 1;\n outline: 0 !important;\n outline-offset: 0;\n overflow: visible;\n }\n &:focus:before {\n content: '';\n border: ${props =>\n props.isInverse\n ? `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.focusInverse}`\n : `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.focus}`};\n border-style: dotted;\n height: calc(100% + 14px);\n left: -7px;\n position: absolute;\n top: -7px;\n width: calc(100% + 14px);\n }\n`;\n\nconst StyledEllipsis = styled.div`\n align-items: center;\n border-top: ${BuildBorder};\n border-right: ${BuildBorder};\n border-bottom: ${BuildBorder};\n display: flex;\n font-size: ${pageButtonTypeSize};\n height: ${BuildButtonSize};\n justify-content: center;\n width: ${BuildButtonSize};\n`;\n\nexport const Pagination = React.forwardRef<HTMLDivElement, PaginationProps>(\n (props, ref) => {\n const {\n count,\n defaultPage,\n disabled,\n hideNextButton,\n hidePreviousButton,\n isInverse,\n numberOfAdjacentPages,\n numberOfEdgePages,\n page,\n size = PageButtonSize.medium,\n showFirstButton,\n showLastButton,\n testId,\n onPageChange,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n const buttonSize =\n size === PageButtonSize.large ? ButtonSize.large : ButtonSize.medium;\n\n const { pageButtons } = usePagination({\n count,\n defaultPage,\n disabled,\n hideNextButton,\n hidePreviousButton,\n numberOfAdjacentPages,\n numberOfEdgePages,\n onPageChange,\n page,\n showFirstButton,\n showLastButton,\n });\n\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledNav {...other} theme={theme} data-testid={testId} ref={ref}>\n <StyledList>\n {pageButtons.map(\n ({ 'aria-current': ariaCurrent, page, type, ...other }, index) => {\n if (type === 'start-ellipsis' || type === 'end-ellipsis') {\n return (\n <StyledEllipsis\n key={index}\n isInverse={isInverse}\n size={size}\n theme={theme}\n >\n ...\n </StyledEllipsis>\n );\n } else if (type === 'page') {\n return (\n <StyledListItem\n aria-current={Boolean(ariaCurrent)}\n key={index}\n >\n <PageButton\n isInverse={isInverse}\n size={buttonSize}\n {...other}\n >\n {page}\n </PageButton>\n </StyledListItem>\n );\n } else if (type === 'previous' || type === 'next') {\n return (\n <StyledListItem key={index}>\n <NavButton\n variant={\n isInverse ? ButtonVariant.outline : ButtonVariant.solid\n }\n color={ButtonColor.secondary}\n aria-label={i18n.pagination[`${type}ButtonLabel`]}\n icon={\n type === 'previous' ? (\n <ArrowBackIcon />\n ) : (\n <ArrowForwardIcon />\n )\n }\n isInverse={isInverse}\n theme={theme}\n shape={\n type === 'previous'\n ? ButtonShape.leftCap\n : ButtonShape.rightCap\n }\n size={buttonSize}\n {...other}\n />\n </StyledListItem>\n );\n }\n }\n )}\n </StyledList>\n </StyledNav>\n );\n }\n);\n","import * as React from 'react';\nimport {\n DisplayInputStyles,\n DisplayInputActiveStyles,\n buildDisplayInputActiveBackground,\n buildDisplayInputFocusStyles,\n} from '../SelectionControls/InputStyles';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\nimport { RadioContext } from '../RadioGroup';\nimport {\n RadioButtonCheckedIcon,\n RadioButtonUncheckedIcon,\n} from 'react-magma-icons';\nimport { StyledLabel } from '../SelectionControls/StyledLabel';\nimport { StyledContainer } from '../SelectionControls/StyledContainer';\n// Using the base `styled` from `emotion` until import mapping is fixed: https://github.com/emotion-js/emotion/pull/1220\n// import styled from '../../theme/styled';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useGenerateId } from '../../utils';\n\nexport enum RadioTextPosition {\n left = 'left',\n right = 'right', // default\n}\n\nexport interface RadioProps\n extends React.InputHTMLAttributes<HTMLInputElement> {\n /**\n * @internal\n */\n css?: any; // Adding css prop to fix emotion error\n /**\n * Hex code for the background color\n * @default #0000FF\n */\n color?: string;\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * Style properties for the radio button element\n */\n inputStyle?: React.CSSProperties;\n isInverse?: boolean;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isTextVisuallyHidden?: boolean;\n /**\n * Style properties for the label element\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content of label; can be node or string\n */\n labelText: React.ReactNode;\n testId?: string;\n /**\n * Whether the label appears to the left of the right of the radio button\n * @default RadioTextPosition.right\n */\n textPosition?: RadioTextPosition;\n}\n\nconst HiddenLabelText = styled.span`\n ${HiddenStyles};\n`;\n\nconst HiddenInput = styled.input<{ indeterminate?: boolean }>`\n ${HiddenStyles};\n`;\n\nfunction buildRadioIconColor(props) {\n if (props.disabled) {\n if (props.isInverse) {\n return props.theme.colors.tint04;\n }\n return props.theme.colors.neutral05;\n }\n if (props.isInverse) {\n return props.theme.colors.neutral08;\n }\n if (props.isChecked) {\n return props.color;\n }\n return props.theme.colors.neutral02;\n}\n\nexport function buildErrorBorder(props) {\n if (props.hasError) {\n if (props.isInverse) {\n return `0 0 0 2px ${props.theme.colors.dangerInverse}`;\n }\n return `0 0 0 2px ${props.theme.colors.danger}`;\n }\n return `inherit`;\n}\n\nconst StyledFakeInput = styled.span<{\n isChecked?: boolean;\n hasError?: boolean;\n isInverse: boolean;\n disabled: boolean;\n color: string;\n textPosition?: RadioTextPosition;\n theme?: any;\n}>`\n ${DisplayInputStyles};\n color: ${props => buildRadioIconColor(props)};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n margin: ${props =>\n props.textPosition === 'left'\n ? `0 0 0 ${props.theme.spaceScale.spacing03}`\n : `0 ${props.theme.spaceScale.spacing03} 0 0`};\n box-shadow: ${buildErrorBorder};\n\n ${HiddenInput}:checked:not (:disabled) + label & {\n background: ${props => {\n if (props.isInverse) {\n return props.theme.colors.neutral08;\n }\n }};\n }\n\n ${HiddenInput}:focus + label & {\n // focus state\n &:before {\n ${props => buildDisplayInputFocusStyles(props)};\n }\n }\n\n &:after {\n // active state\n background: ${props => buildDisplayInputActiveBackground(props)};\n }\n\n ${HiddenInput}:not(:disabled):active + label & {\n &:after {\n ${DisplayInputActiveStyles}\n }\n }\n`;\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n (props, ref) => {\n const id = useGenerateId(props.id);\n const context = React.useContext(RadioContext);\n const theme = React.useContext(ThemeContext);\n const {\n color = theme.colors.primary,\n containerStyle,\n disabled,\n inputStyle,\n isInverse,\n isTextVisuallyHidden,\n labelStyle,\n labelText,\n required,\n testId,\n textPosition,\n value,\n ...other\n } = props;\n\n return (\n <StyledContainer style={containerStyle}>\n <HiddenInput\n {...other}\n aria-labelledby={context.descriptionId}\n id={id}\n ref={ref}\n checked={context.selectedValue === value}\n data-testid={testId}\n disabled={disabled}\n name={context.name}\n required={context.required || required}\n type=\"radio\"\n value={value}\n onBlur={context.onBlur}\n onChange={context.onChange}\n onFocus={context.onFocus}\n />\n <StyledLabel\n htmlFor={id}\n isInverse={context.isInverse || isInverse}\n style={labelStyle}\n >\n {!isTextVisuallyHidden &&\n textPosition === RadioTextPosition.left &&\n labelText}\n\n <StyledFakeInput\n isChecked={context.selectedValue === value}\n color={color}\n disabled={disabled}\n isInverse={context.isInverse || isInverse}\n hasError={context.hasError}\n style={inputStyle}\n textPosition={textPosition}\n theme={theme}\n >\n {context.selectedValue === value ? (\n <RadioButtonCheckedIcon />\n ) : (\n <RadioButtonUncheckedIcon />\n )}\n </StyledFakeInput>\n {isTextVisuallyHidden ? (\n <HiddenLabelText>{labelText}</HiddenLabelText>\n ) : (\n textPosition !== RadioTextPosition.left && labelText && labelText\n )}\n </StyledLabel>\n </StyledContainer>\n );\n }\n);\n","import * as React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { Announce } from '../Announce';\nimport { InputBase, InputSize, InputType } from '../InputBase';\nimport { Button, ButtonVariant, ButtonType, ButtonSize } from '../Button';\nimport {\n FormFieldContainer,\n FormFieldContainerBaseProps,\n} from '../FormFieldContainer';\nimport { useIsInverse } from '../../inverse';\nimport { VisuallyHidden } from '../VisuallyHidden';\n\nimport { useGenerateId } from '../../utils';\n\nexport interface PasswordInputProps\n extends Omit<FormFieldContainerBaseProps, 'fieldId'>,\n React.InputHTMLAttributes<HTMLInputElement> {\n hiddenPasswordAnnounceText?: string;\n /**\n * Aria-label for the \"Hide Password\" button\n * @default \"Hide password\"\n */\n hidePasswordButtonAriaLabel?: string;\n /**\n * Text displayed on screen for the \"Hide Password\" button\n * @default \"Hide\"\n */\n hidePasswordButtonText?: string;\n isInverse?: boolean;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isPasswordMaskButtonHidden?: boolean;\n shownPasswordAnnounceText?: string;\n /**\n * Aria-label for the \"Show Password\" button\n * @default \"Show password. Note: this will visually expose your password on the screen\"\n */\n showPasswordButtonAriaLabel?: string;\n /**\n * Text displayed on screen for the \"Show Password\" button\n * @default \"Show\"\n */\n showPasswordButtonText?: string;\n testId?: string;\n}\n\nexport const PasswordInput = React.forwardRef<\n HTMLInputElement,\n PasswordInputProps\n>((props, ref) => {\n const [passwordShown, setPasswordShown] = React.useState<boolean>(false);\n\n function togglePasswordShown() {\n setPasswordShown(prevPasswordShown => !prevPasswordShown);\n }\n\n const {\n containerStyle,\n errorMessage,\n helperMessage,\n hiddenPasswordAnnounceText,\n hidePasswordButtonAriaLabel,\n hidePasswordButtonText,\n isPasswordMaskButtonHidden,\n id: defaultId,\n inputSize = InputSize.medium,\n labelStyle,\n labelText,\n isLabelVisuallyHidden,\n messageStyle,\n shownPasswordAnnounceText,\n showPasswordButtonAriaLabel,\n showPasswordButtonText,\n type,\n ...other\n } = props;\n\n const i18n = React.useContext(I18nContext);\n\n const id = useGenerateId(defaultId);\n\n const HIDDEN_PASSWORD_ANNOUNCE_TEXT = hiddenPasswordAnnounceText\n ? hiddenPasswordAnnounceText\n : i18n.password.hidden.announce;\n const HIDE_PASSWORD_BUTTON_ARIA_LABEL = hidePasswordButtonAriaLabel\n ? hidePasswordButtonAriaLabel\n : i18n.password.hidden.ariaLabel;\n const HIDE_PASSWORD_BUTTON_TEXT = hidePasswordButtonText\n ? hidePasswordButtonText\n : i18n.password.hidden.buttonText;\n const SHOWN_PASSWORD_ANNOUNCE_TEXT = shownPasswordAnnounceText\n ? shownPasswordAnnounceText\n : i18n.password.shown.announce;\n const SHOW_PASSWORD_BUTTON_ARIA_LABEL = showPasswordButtonAriaLabel\n ? showPasswordButtonAriaLabel\n : i18n.password.shown.ariaLabel;\n const SHOW_PASSWORD_BUTTON_TEXT = showPasswordButtonText\n ? showPasswordButtonText\n : i18n.password.shown.buttonText;\n\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <FormFieldContainer\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n helperMessage={helperMessage}\n inputSize={inputSize}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n isInverse={isInverse}\n labelStyle={labelStyle}\n labelText={labelText}\n >\n <InputBase\n autoCorrect=\"off\"\n autoCapitalize=\"none\"\n {...other}\n aria-describedby={\n descriptionId ? descriptionId : props['aria-describedby']\n }\n aria-invalid={!!errorMessage}\n hasError={!!errorMessage}\n id={id}\n inputSize={inputSize}\n isInverse={isInverse}\n ref={ref}\n type={passwordShown ? InputType.text : InputType.password}\n >\n {!isPasswordMaskButtonHidden && (\n <>\n <Button\n aria-label={\n passwordShown\n ? HIDE_PASSWORD_BUTTON_ARIA_LABEL\n : SHOW_PASSWORD_BUTTON_ARIA_LABEL\n }\n isInverse={false}\n onClick={togglePasswordShown}\n size={ButtonSize.small}\n style={{\n borderRadius: theme.borderRadius,\n height:\n inputSize == InputSize.large\n ? theme.spaceScale.spacing10\n : theme.spaceScale.spacing08,\n margin: ' 0 3px 0 0 ',\n }}\n type={ButtonType.button}\n variant={ButtonVariant.link}\n >\n {passwordShown\n ? HIDE_PASSWORD_BUTTON_TEXT\n : SHOW_PASSWORD_BUTTON_TEXT}\n </Button>\n <VisuallyHidden>\n <Announce>\n {passwordShown\n ? SHOWN_PASSWORD_ANNOUNCE_TEXT\n : HIDDEN_PASSWORD_ANNOUNCE_TEXT}\n </Announce>\n </VisuallyHidden>\n </>\n )}\n </InputBase>\n </FormFieldContainer>\n );\n});\n","import * as React from 'react';\nimport { Label } from '../Label';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\nimport { InputMessage } from '../Input/InputMessage';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useIsInverse } from '../../inverse';\n\nimport styled from '../../theme/styled';\nimport { omit, useGenerateId } from '../../utils';\n\nconst HiddenLabel = styled.label`\n ${HiddenStyles};\n`;\n\n/**\n * @children required\n */\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Action that fires when the radio group loses focus\n */\n onBlur?: (event?: React.FocusEvent) => void;\n /**\n * Action that fires when selected value of the radio group changes\n */\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /**\n * Action that fires when one of the radio buttons within the group receives focus\n */\n onFocus?: (event: React.FocusEvent) => void;\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * Content of the error message. If a value is provided, the radio buttons will be styled to show an error state\n */\n errorMessage?: React.ReactNode;\n /**\n * Content of the helper message\n */\n helperMessage?: React.ReactNode;\n isInverse?: boolean;\n /**\n * If true, label text for the radio group will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isTextVisuallyHidden?: boolean;\n /**\n * ID of the element that labels the radio group, used in the aria-labelledby attribute for the group. Alternatively, the labelText prop can be used\n */\n labelledById?: string;\n /**\n * Style properties for the label of the radio group\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content of label of the radio group; can be node or string. Alternatively, the labelledById prop can be used\n */\n labelText?: React.ReactNode;\n /**\n * Name attribute the radio group\n */\n name: string;\n /**\n * If true, the user must select one radio button for the form to be valid\n * @default false\n */\n required?: boolean;\n testId?: string;\n /**\n * Value of the radio button that is the default selected value for the group\n */\n value?: string;\n}\n\nexport interface RadioContextInterface {\n descriptionId?: string;\n hasError?: boolean;\n isInverse?: boolean;\n required?: boolean;\n name: string;\n selectedValue?: string;\n onBlur?: (event: React.FocusEvent) => void;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onFocus?: (event: React.FocusEvent) => void;\n}\n\nexport const RadioContext = React.createContext<RadioContextInterface>({\n hasError: false,\n name: 'defaultName',\n});\n\nexport const RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(\n (props, ref) => {\n const id = useGenerateId(props.id);\n const [selectedValue, setSelectedValue] = React.useState<string>(\n props.value\n );\n\n React.useEffect(() => {\n setSelectedValue(props.value);\n }, [props.value]);\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { value: newSelectedValue } = event.target;\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(event);\n setSelectedValue(newSelectedValue);\n }\n\n const {\n containerStyle,\n errorMessage,\n helperMessage,\n required,\n isTextVisuallyHidden,\n labelledById,\n labelStyle,\n labelText,\n testId,\n name,\n children,\n ...rest\n } = props;\n const other = omit(['onBlur', 'onChange', 'onFocus', 'id'], rest);\n\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <div\n {...other}\n aria-labelledby={labelledById ? labelledById : id}\n style={containerStyle}\n data-testid={testId}\n ref={ref}\n role=\"radiogroup\"\n >\n <RadioContext.Provider\n value={{\n descriptionId,\n hasError: !!errorMessage,\n isInverse,\n required,\n name,\n selectedValue,\n onBlur: props.onBlur,\n onChange: handleChange,\n onFocus: props.onFocus,\n }}\n >\n {labelText && isTextVisuallyHidden && (\n <HiddenLabel id={id} style={labelStyle}>\n {labelText}\n </HiddenLabel>\n )}\n\n {labelText && !isTextVisuallyHidden && (\n <Label\n id={id}\n style={labelStyle}\n isInverse={isInverse}\n theme={theme}\n >\n {labelText}\n </Label>\n )}\n {children}\n\n <InputMessage\n id={descriptionId}\n hasError={!!errorMessage}\n isInverse={isInverse}\n >\n {(errorMessage || helperMessage) && (\n <>{errorMessage ? errorMessage : helperMessage}</>\n )}\n </InputMessage>\n </RadioContext.Provider>\n </div>\n );\n }\n);\n","import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport styled from '@emotion/styled';\nimport { Global, css } from '@emotion/core';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { magma } from '../../theme/magma';\nimport { I18nContext } from '../../i18n';\nimport { ButtonColor, ButtonVariant } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { CloseIcon } from 'react-magma-icons';\nimport { Heading } from '../Heading';\nimport { TypographyVisualStyle } from '../Typography';\nimport { Transition, TransitionProps } from '../Transition';\nimport { ThemeInterface } from '../../theme/magma';\nimport { omit, useGenerateId, usePrevious } from '../../utils';\nimport { useFocusLock } from '../../hooks/useFocusLock';\n\nexport enum ModalSize {\n large = 'large',\n medium = 'medium', //default\n small = 'small',\n}\n\n/**\n * @children required\n */\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The text read by screen readers for the close button\n * @default \"Close dialog\"\n */\n closeAriaLabel?: string;\n /**\n * Style for the modal container\n */\n closeButtonSize?: keyof typeof magma.iconSizes;\n /**\n * Style for the modal container\n */\n containerStyle?: React.CSSProperties;\n /**\n * The content of the modal header\n */\n header?: React.ReactNode;\n /**\n * If true, clicking the backdrop will not dismiss the modal\n * @default false\n */\n isBackgroundClickDisabled?: boolean;\n /**\n * If true, the close button the the modal will be suppressed\n * @default false\n */\n isCloseButtonHidden?: boolean;\n /**\n * If true, pressing the Escape key will not dismiss the modal\n * @false\n */\n isEscKeyDownDisabled?: boolean;\n /**\n * If true, the modal will be visible\n * @default false\n */\n isOpen?: boolean;\n /**\n * If true, the modal will removed from the DOM when closed\n * @default true\n */\n unmountOnExit?: boolean;\n /**\n * @internal\n */\n containerTransition?: Omit<TransitionProps, 'isOpen'>;\n /**\n * Action that fires when the close button is clicked\n */\n onClose?: () => void;\n /**\n * Action that fires when the Escape key is pressed\n */\n onEscKeyDown?: (event: KeyboardEvent) => void;\n /**\n * The relative size of the modal\n * @default ModalSize.medium\n */\n size?: ModalSize;\n testId?: string;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nconst ModalContainer = styled(Transition)<{\n theme: ThemeInterface;\n}>`\n bottom: 0;\n left: 0;\n overflow-y: auto;\n padding: ${props => props.theme.spaceScale.spacing03};\n right: 0;\n top: 0;\n z-index: 998;\n`;\n\nconst ModalBackdrop = styled(Transition)<{ isExiting?: boolean }>`\n backdrop-filter: blur(3px);\n background: rgba(0, 0, 0, 0.6);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n z-index: 997;\n position: fixed;\n`;\n\nconst ModalContent = styled.div<ModalProps & { isExiting?: boolean }>`\n background: ${props => props.theme.colors.neutral08};\n border: 1px solid;\n border-color: ${props => props.theme.colors.neutral06};\n border-radius: ${props => props.theme.borderRadius};\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n color: ${props => props.theme.colors.neutral};\n margin: 0 auto;\n position: relative;\n z-index: 1000;\n\n max-width: ${props => {\n switch (props.size) {\n case 'large':\n return props.theme.modal.width.large;\n case 'small':\n return props.theme.modal.width.small;\n default:\n return props.theme.modal.width.medium;\n }\n }};\n\n @media (min-width: ${props => props.theme.breakpoints.small}px) {\n margin: ${props => props.theme.spaceScale.spacing08} auto;\n }\n`;\n\nconst ModalHeader = styled.div<{ theme?: ThemeInterface }>`\n padding: ${props => props.theme.spaceScale.spacing03}\n ${props => props.theme.spaceScale.spacing05} 0\n ${props => props.theme.spaceScale.spacing05};\n @media (min-width: ${props => props.theme.breakpoints.small}px) {\n padding: ${props => props.theme.spaceScale.spacing05}\n ${props => props.theme.spaceScale.spacing06} 0\n ${props => props.theme.spaceScale.spacing06};\n }\n`;\n\nconst H1 = styled(Heading)<{ theme?: ThemeInterface }>`\n font-size: ${props =>\n props.theme.typographyVisualStyles.headingSmall.desktop.fontSize};\n line-height: ${props =>\n props.theme.typographyVisualStyles.headingSmall.desktop.lineHeight};\n margin: 0;\n padding-right: ${props => props.theme.spaceScale.spacing10};\n`;\n\nconst CloseBtn = styled.span`\n position: absolute;\n top: 0;\n right: 0;\n`;\nconst ModalBody = styled.div<{ theme?: ThemeInterface }>`\n padding: ${props => props.theme.spaceScale.spacing05};\n\n @media (min-width: ${props => props.theme.breakpoints.small}px) {\n padding: ${props => props.theme.spaceScale.spacing06};\n }\n`;\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n (props, ref) => {\n const lastFocus = React.useRef<any>();\n const headingRef = React.useRef<any>();\n const bodyRef = React.useRef<any>();\n\n const id = useGenerateId(props.id);\n const headingId = `${id}_heading`;\n const contentId = `${id}_content`;\n\n const [isModalOpen, setIsModalOpen] = React.useState<boolean>(props.isOpen);\n const [isExiting, setIsExiting] = React.useState<boolean>(false);\n const [currentTarget, setCurrentTarget] = React.useState(null);\n\n const focusTrapElement = useFocusLock(\n isModalOpen,\n props.header ? headingRef : null,\n bodyRef\n );\n\n const prevOpen = usePrevious(props.isOpen);\n\n React.useEffect(() => {\n if (!prevOpen && props.isOpen) {\n setIsModalOpen(true);\n } else if (prevOpen && !props.isOpen && isModalOpen) {\n handleClose();\n }\n }, [props.isOpen]);\n\n React.useEffect(() => {\n if (isModalOpen) {\n lastFocus.current = document.activeElement;\n\n if (!props.isEscKeyDownDisabled) {\n document.body.addEventListener('keydown', handleEscapeKeyDown, false);\n }\n }\n\n return () => {\n document.body.removeEventListener(\n 'keydown',\n handleEscapeKeyDown,\n false\n );\n };\n }, [isModalOpen]);\n\n function handleModalClick(event: React.SyntheticEvent) {\n if (\n !document.getElementById(contentId).contains(event.target as Node) &&\n event.target === currentTarget\n ) {\n handleClose(event);\n }\n }\n\n function handleModalOnMouseDown(event: React.SyntheticEvent) {\n setCurrentTarget(event.target);\n }\n\n function handleEscapeKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n\n props.onEscKeyDown &&\n typeof props.onEscKeyDown === 'function' &&\n props.onEscKeyDown(event);\n\n handleClose(event);\n }\n }\n\n function handleClose(event?) {\n if (event) {\n event.stopPropagation();\n }\n setIsExiting(true);\n\n setTimeout(() => {\n setIsExiting(false);\n setIsModalOpen(false);\n\n if (lastFocus.current) {\n lastFocus.current.focus();\n }\n\n props.onClose && typeof props.onClose === 'function' && props.onClose();\n }, 300);\n }\n\n const {\n children,\n closeAriaLabel,\n closeButtonSize,\n containerStyle,\n containerTransition = { slideTop: true },\n isBackgroundClickDisabled,\n isEscKeyDownDisabled,\n header,\n isCloseButtonHidden,\n isOpen,\n unmountOnExit = true,\n testId,\n ...rest\n } = props;\n\n const other = omit(['onEscKeyDown'], rest);\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const CloseIconButton = (\n <CloseIcon\n color={theme.colors.neutral03}\n size={\n magma.iconSizes[closeButtonSize]\n ? magma.iconSizes[closeButtonSize]\n : magma.iconSizes.small\n }\n />\n );\n\n return isModalOpen\n ? ReactDOM.createPortal(\n <div ref={focusTrapElement}>\n <Global\n styles={css`\n html {\n overflow: ${isOpen} ? hidden : auto;\n }\n `}\n />\n <ModalContainer\n aria-labelledby={header ? headingId : null}\n aria-label=\"modal\"\n aria-describedby=\"modal\"\n aria-modal={true}\n data-testid={testId}\n id={id}\n onClick={isBackgroundClickDisabled ? null : handleModalClick}\n onMouseDown={\n isBackgroundClickDisabled ? null : handleModalOnMouseDown\n }\n role=\"dialog\"\n style={containerStyle}\n theme={theme}\n isOpen={isModalOpen}\n {...containerTransition}\n unmountOnExit={unmountOnExit}\n >\n <ModalContent\n {...other}\n data-testid=\"modal-content\"\n id={contentId}\n isExiting={isExiting}\n ref={ref}\n theme={theme}\n >\n {header && (\n <ModalHeader theme={theme}>\n {header && (\n <H1\n id={headingId}\n level={1}\n ref={headingRef}\n visualStyle={TypographyVisualStyle.headingSmall}\n tabIndex={-1}\n theme={theme}\n >\n {header}\n </H1>\n )}\n </ModalHeader>\n )}\n <ModalBody ref={bodyRef} theme={theme}>\n {children}\n </ModalBody>\n {!isCloseButtonHidden && (\n <CloseBtn>\n <IconButton\n aria-label={\n closeAriaLabel\n ? closeAriaLabel\n : i18n.modal.closeAriaLabel\n }\n color={ButtonColor.secondary}\n icon={CloseIconButton}\n onClick={handleClose}\n testId=\"modal-closebtn\"\n variant={ButtonVariant.link}\n />\n </CloseBtn>\n )}\n </ModalContent>\n </ModalContainer>\n <ModalBackdrop\n data-testid=\"modal-backdrop\"\n isExiting={isExiting}\n onMouseDown={\n isBackgroundClickDisabled\n ? event => event.preventDefault()\n : null\n }\n fade\n isOpen={isModalOpen}\n unmountOnExit\n />\n </div>,\n document.getElementsByTagName('body')[0]\n )\n : null;\n }\n);\n","import * as React from 'react';\nimport { AnimatePresence, motion, HTMLMotionProps } from 'framer-motion';\nimport { MotionVariants } from '../../theme/components/transition';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\n\n/**\n * @children required\n */\nexport interface TransitionProps extends HTMLMotionProps<'div'> {\n /**\n * If `true`, the element will unmount when `in={false}` and animation is done\n * @default false\n */\n unmountOnExit?: boolean;\n /**\n * If `true`, the content will animate in\n * @default false\n */\n isOpen?: boolean;\n /**\n * Custom variants to be applied to the enter and exit transitions.\n * @internal\n */\n customTransition?: MotionVariants<'enter' | 'exit'>;\n testId?: string;\n /**\n * Should children fade in/out\n * @default false\n */\n fade?: boolean;\n /**\n * Should children scale in/out\n * @default false\n */\n scale?: boolean;\n /**\n * Should children slide in/out from the top of the screen\n * @default false\n */\n slideTop?: boolean;\n /**\n * Should children slide in/out from the bottom of the screen\n * @default false\n */\n slideBottom?: boolean;\n /**\n * Should children slide in/out from the left of the screen\n * @default false\n */\n slideLeft?: boolean;\n /**\n * Should children slide in/out from the right of the screen\n * @default false\n */\n slideRight?: boolean;\n /**\n * Should the children get nudged in 50px from the top\n * @default false\n */\n nudgeTop?: boolean;\n /**\n * Should the children get nudged in 50px from the bottom\n * @default false\n */\n nudgeBottom?: boolean;\n /**\n * Should the children get nudged in 50px from the left\n * @default false\n */\n nudgeLeft?: boolean;\n /**\n * Should the children get nudged in 50px from the right\n * @default false\n */\n nudgeRight?: boolean;\n /**\n * Should children collapse in/out\n * @default false\n */\n collapse?: boolean;\n /**\n * Should children rotate 45 degrees\n * @default false\n */\n rotate45?: boolean;\n /**\n * Should children rotate 90 degrees\n * @default false\n */\n rotate90?: boolean;\n /**\n * Should children rotate 180 degrees\n * @default false\n */\n rotate180?: boolean;\n}\n\nexport const Transition = React.forwardRef<HTMLDivElement, TransitionProps>(\n (props, ref) => {\n const theme: ThemeInterface = React.useContext(ThemeContext);\n\n const {\n style,\n unmountOnExit,\n isOpen,\n testId,\n initial = 'exit',\n exit = 'exit',\n customTransition = {\n enter: { transition: {} },\n exit: { transition: {} },\n },\n ...rest\n } = props;\n\n const shouldExpand = unmountOnExit ? isOpen && unmountOnExit : true;\n\n const variants = Object.keys(rest).reduce(\n (acc, key) => {\n if (rest[key] && theme.transitions[key]) {\n const themeVariant = theme.transitions[key];\n rest[key] = undefined;\n return {\n baseStyle: {\n ...acc.baseStyle,\n ...themeVariant.baseStyle,\n },\n motion: {\n ...acc,\n enter: {\n ...acc.motion.enter,\n ...themeVariant.motion.enter,\n transition: {\n ...('transition' in acc.motion.enter\n ? acc.motion.enter.transition\n : {}),\n ...('transition' in themeVariant.motion.enter\n ? themeVariant.motion.enter.transition\n : {}),\n },\n },\n exit: {\n ...acc.motion.exit,\n ...themeVariant.motion.exit,\n transition: {\n ...('transition' in acc.motion.exit\n ? acc.motion.exit.transition\n : {}),\n ...('transition' in themeVariant.motion.exit\n ? themeVariant.motion.exit.transition\n : {}),\n },\n },\n },\n };\n }\n return acc;\n },\n { motion: customTransition, baseStyle: {} }\n );\n\n return (\n <AnimatePresence initial={false}>\n {shouldExpand && (\n <motion.div\n ref={ref}\n initial={initial}\n exit={exit}\n data-testid={testId}\n animate={isOpen || unmountOnExit ? 'enter' : 'exit'}\n variants={variants.motion}\n style={{ ...variants.baseStyle, ...style }}\n {...rest}\n />\n )}\n </AnimatePresence>\n );\n }\n);\n","import * as React from 'react';\n// import styled from '../../theme/styled';\nimport {\n InputBase,\n InputBaseProps,\n InputIconPosition,\n InputSize,\n InputType,\n} from '../InputBase';\nimport { I18nContext } from '../../i18n';\nimport { useIsInverse } from '../../inverse';\nimport { SearchIcon } from 'react-magma-icons';\nimport { Spinner } from '../Spinner';\n\nexport interface SearchProps extends InputBaseProps {\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * Text for icon button aria-label\n * @default \"Search\"\n */\n iconAriaLabel?: string;\n /**\n * Relative size of the component\n * @default InputSize.medium\n */\n inputSize?: InputSize;\n /**\n * Style properties for the input element\n */\n inputStyle?: React.CSSProperties;\n /**\n * Clear contents of input by clicking a clear button\n */\n iconPosition?: InputIconPosition;\n isClearable?: boolean;\n /**\n * If true, the component will show a loading animation instead of a search button\n * @default false\n */\n isLoading?: boolean;\n isInverse?: boolean;\n /**\n * Text for input aria-label\n * @default \"Search\"\n */\n labelText?: string;\n /**\n * Action that will fire when search icon button is clicked\n */\n onSearch: (term: string) => void;\n testId?: string;\n /**\n * Value of the input element\n */\n value?: string;\n}\n\nexport const Search = React.forwardRef<HTMLInputElement, SearchProps>(\n (props, ref) => {\n const {\n iconAriaLabel,\n isClearable,\n isLoading,\n labelText,\n placeholder,\n onSearch,\n ...other\n } = props;\n\n const i18n = React.useContext(I18nContext);\n\n const [value, setValue] = React.useState<string>(props.value);\n\n const icon = isLoading ? <Spinner /> : <SearchIcon />;\n\n React.useEffect(() => {\n setValue(props.value);\n }, [props.value]);\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(event);\n setValue(event.target.value);\n }\n\n // handle search on enter\n function handleKeyPress(event: React.KeyboardEvent) {\n if (event.key === 'Enter') {\n event.preventDefault();\n handleSearch();\n }\n }\n\n function handleSearch() {\n onSearch(value);\n }\n\n return (\n <InputBase\n {...other}\n aria-label={labelText ? labelText : i18n.search.input.ariaLabel}\n icon={icon}\n iconAriaLabel={\n iconAriaLabel ? iconAriaLabel : i18n.search.iconAriaLabel\n }\n isClearable={isClearable}\n isInverse={useIsInverse(props.isInverse)}\n onChange={handleChange}\n onIconClick={\n props.isPredictive ? null : isLoading ? null : handleSearch\n }\n onKeyDown={handleKeyPress}\n placeholder={placeholder ? placeholder : i18n.search.input.placeholder}\n type={InputType.search}\n value={value}\n ref={ref}\n />\n );\n }\n);\n","import React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { StyledCard, StyledList, StyledItem } from './shared';\nimport {\n UseSelectGetMenuPropsOptions,\n UseSelectGetItemPropsOptions,\n} from 'downshift';\nimport { instanceOfToBeCreatedItemObject } from '.';\nimport {\n defaultComponents,\n SelectComponents,\n ItemRenderOptions,\n} from './components';\nimport styled from '../../theme/styled';\nimport { convertStyleValueToString } from '../../utils';\n\ninterface ItemsListProps<T> {\n customComponents?: SelectComponents<T>;\n getItemProps: (options?: UseSelectGetItemPropsOptions<T>) => any;\n getMenuProps: (options?: UseSelectGetMenuPropsOptions) => any;\n highlightedIndex?: number;\n isOpen?: boolean;\n items: T[];\n itemToString: (item: T) => string;\n maxHeight?: number | string;\n menuStyle?: React.CSSProperties;\n}\n\nconst NoItemsMessage = styled.span`\n color: ${props => props.theme.colors.neutral04};\n display: block;\n padding-top: ${props => props.theme.spaceScale.spacing03};\n text-align: center;\n`;\n\nexport function ItemsList<T>(props: ItemsListProps<T>) {\n const {\n customComponents,\n isOpen,\n getMenuProps,\n items,\n itemToString,\n highlightedIndex,\n getItemProps,\n maxHeight,\n menuStyle,\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const hasItems = items && items.length > 0;\n\n const heightString = convertStyleValueToString(maxHeight);\n const { Item } = defaultComponents<T>({\n ...customComponents,\n });\n\n return (\n <StyledCard\n hasDropShadow\n isInverse={false}\n isOpen={isOpen}\n style={menuStyle}\n >\n <StyledList isOpen={isOpen} {...getMenuProps()} maxHeight={heightString}>\n {isOpen && hasItems ? (\n items.map((item, index) => {\n const itemString = instanceOfToBeCreatedItemObject(item)\n ? item.label\n : itemToString(item);\n\n const { ref, ...otherDownshiftItemProps } = getItemProps({\n item,\n index,\n });\n\n const key = `${itemString}${index}`;\n\n const itemProps: ItemRenderOptions<T> = {\n isFocused: highlightedIndex === index,\n itemRef: ref,\n item,\n itemString,\n key,\n theme,\n ...otherDownshiftItemProps,\n };\n\n return <Item<T> {...itemProps} key={key} />;\n })\n ) : (\n <StyledItem tabIndex={-1}>\n <NoItemsMessage theme={theme}>\n {i18n.emptyItemsListText}\n </NoItemsMessage>\n </StyledItem>\n )}\n </StyledList>\n </StyledCard>\n );\n}\n","import * as React from 'react';\nimport {\n useSelect,\n useMultipleSelection,\n UseSelectProps,\n UseMultipleSelectionProps,\n} from 'downshift';\n\nimport { Select as InternalSelect } from './Select';\nimport { MultiSelect } from './MultiSelect';\nimport { SelectComponents } from './components';\nimport { useGenerateId, XOR, Omit } from '../../utils';\nimport { LabelPosition } from '../Label';\nimport { useIsInverse } from '../../inverse';\n\nexport type SelectOptions =\n | string\n | { value: string; label: string; [key: string]: any }\n | any;\n\nexport interface InternalSelectProps<T> {\n /**\n * This complex object includes all the compositional components that are used. If you wish to overwrite a component, pass in a component to the appropriate namespace\n */\n components?: SelectComponents<T>;\n /**\n * Style properties for the component container\n */\n containerStyle?: React.CSSProperties;\n /**\n * Content of the error message. If a value is provided, the component will be styled to show an error state\n */\n errorMessage?: React.ReactNode;\n /**\n * Content of the helper message\n */\n helperMessage?: React.ReactNode;\n /**\n * Style properties for the select trigger or combobox input\n */\n inputStyle?: React.CSSProperties;\n /**\n * If true, the component include a button for clearing the field\n * @default false\n */\n isClearable?: boolean;\n /**\n * Max-height for the item menu list ul element\n */\n itemListMaxHeight?: number | string;\n /**\n * If true, item will be disabled; it will appear dimmed and events will not fire\n * @default false\n */\n disabled?: boolean;\n isInverse?: boolean;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isLabelVisuallyHidden?: boolean;\n /**\n * If true, multiple items may be selected\n * @default false\n */\n isMulti?: boolean;\n /**\n * Position of text label relative to form field\n */\n labelPosition?: LabelPosition;\n /**\n * Style properties for the label\n */\n labelStyle?: React.CSSProperties;\n /**\n * Text for label\n */\n labelText: string;\n /**\n * Style properties for the items menu\n */\n menuStyle?: React.CSSProperties;\n /**\n * Style properties for the helper or error message\n */\n messageStyle?: React.CSSProperties;\n /**\n * Text for select trigger button or combobox input placeholder\n */\n placeholder?: string;\n testId?: string;\n}\n\nexport interface InternalMultiProps<T> {\n /**\n * Event that fires when the clear button is clicked on a multi-selected item\n */\n onRemoveSelectedItem?: (removedItem: T) => void;\n}\n\nexport interface SelectProps<T extends SelectOptions>\n extends UseSelectProps<T>,\n InternalSelectProps<T> {\n /**\n * Id of the element that describes the select trigger button\n */\n ariaDescribedBy?: string;\n /**\n * @internal\n */\n hasError?: boolean;\n /**\n * Reference to the trigger button element in the select\n */\n innerRef?: React.Ref<HTMLButtonElement>;\n /**\n * @internal\n */\n isMulti?: false;\n /**\n * Event that fires when the trigger button loses focus\n */\n onBlur?: (event: React.FocusEvent) => void;\n /**\n * Event that fires when the trigger button gains focus\n */\n onFocus?: (event: React.FocusEvent) => void;\n /**\n * Event that fires when the trigger button receives keypress\n */\n onKeyDown?: (event: React.KeyboardEvent) => void;\n /**\n * Event that will fire when a character is typed while focused on the trigger button\n */\n onKeyPress?: (event: React.KeyboardEvent) => void;\n /**\n * Event that will fire when a keypress is released while focused on the trigger button\n */\n onKeyUp?: (event: React.KeyboardEvent) => void;\n}\n\nexport interface MultiSelectProps<T extends SelectOptions>\n extends UseMultipleSelectionProps<T>,\n Omit<SelectProps<T>, 'onStateChange' | 'stateReducer' | 'isMulti'>,\n InternalMultiProps<T> {\n /**\n * @internal\n */\n hasError?: boolean;\n isInverse?: boolean;\n /**\n * @internal\n */\n isMulti: true;\n}\n\nexport function instanceOfMultiSelect<T>(\n object: any\n): object is MultiSelectProps<T> {\n return 'isMulti' in object && object.type !== 'combo';\n}\n\nexport function instanceOfDefaultItemObject(\n object: any\n): object is { label: string; value: string; [key: string]: any } {\n return object && 'label' in object;\n}\n\nexport function instanceOfToBeCreatedItemObject(\n object: any\n): object is {\n label: string;\n value: string;\n react_magma__created_item: boolean;\n} {\n return (\n typeof object !== 'string' &&\n object &&\n 'react_magma__created_item' in object\n );\n}\n\nexport type XORSelectProps<T> = XOR<SelectProps<T>, MultiSelectProps<T>>;\n\nexport const SelectStateChangeTypes = useSelect.stateChangeTypes;\nexport const MultipleSelectionStateChangeTypes =\n useMultipleSelection.stateChangeTypes;\n\nexport function Select<T>(props: XORSelectProps<T>) {\n const {\n containerStyle,\n id: defaultId,\n isMulti,\n labelPosition,\n errorMessage,\n messageStyle,\n helperMessage,\n testId,\n } = props;\n\n function itemToString(item: T) {\n return item && typeof item === 'string'\n ? item\n : item && instanceOfDefaultItemObject(item)\n ? item.label\n : '';\n }\n\n const hasError = !!errorMessage;\n\n const id = useGenerateId(defaultId);\n\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <div style={containerStyle} data-testid={testId}>\n {isMulti && instanceOfMultiSelect<T>(props) ? (\n <MultiSelect\n ariaDescribedBy={descriptionId}\n id={id}\n isInverse={isInverse}\n labelPosition={labelPosition || LabelPosition.top}\n itemToString={itemToString}\n {...(props as MultiSelectProps<T>)}\n hasError={hasError}\n />\n ) : (\n <InternalSelect\n ariaDescribedBy={descriptionId}\n errorMessage={errorMessage}\n id={id}\n isInverse={isInverse}\n itemToString={itemToString}\n labelPosition={labelPosition || LabelPosition.top}\n hasError={hasError}\n helperMessage={helperMessage}\n messageStyle={messageStyle}\n {...(props as SelectProps<T>)}\n />\n )}\n </div>\n );\n}\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { Label, LabelPosition } from '../Label';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { UseSelectGetLabelPropsOptions } from 'downshift';\nimport { InputMessage } from '../Input/InputMessage';\n\nexport const SelectContainerElement = styled.div<{\n labelPosition?: LabelPosition;\n}>`\n align-items: baseline;\n display: ${props =>\n props.labelPosition == LabelPosition.left ? 'flex' : 'block'};\n position: relative;\n`;\n\nconst InputMessageContainer = styled.div`\n flex-grow: 1;\n`;\n\ninterface SelectContainerInterface<T> {\n children: React.ReactNode[];\n containerStyle?: React.CSSProperties;\n errorMessage?: React.ReactNode;\n descriptionId?: string;\n getLabelProps: (options?: UseSelectGetLabelPropsOptions) => any;\n hasError?: boolean;\n helperMessage?: React.ReactNode;\n isInverse?: boolean;\n isLabelVisuallyHidden?: boolean;\n labelPosition?: LabelPosition;\n labelStyle?: React.CSSProperties;\n labelText: string;\n messageStyle?: React.CSSProperties;\n}\n\nexport function SelectContainer<T>(props: SelectContainerInterface<T>) {\n const {\n children,\n descriptionId,\n errorMessage,\n getLabelProps,\n helperMessage,\n isInverse,\n isLabelVisuallyHidden,\n labelPosition,\n labelStyle,\n labelText,\n messageStyle,\n } = props;\n\n const hasError = !!errorMessage;\n\n return (\n <SelectContainerElement\n labelPosition={labelPosition}\n data-testid=\"selectContainerElement\"\n >\n <Label\n {...getLabelProps()}\n isInverse={isInverse}\n labelPosition={labelPosition}\n style={labelStyle}\n >\n {isLabelVisuallyHidden ? (\n <VisuallyHidden>{labelText}</VisuallyHidden>\n ) : (\n labelText\n )}\n </Label>\n <InputMessageContainer>\n {children}\n {!(\n labelPosition === LabelPosition.left &&\n !(errorMessage || helperMessage)\n ) &&\n (errorMessage || helperMessage) && (\n <InputMessage\n id={descriptionId}\n isInverse={isInverse}\n hasError={hasError}\n style={messageStyle}\n >\n {(errorMessage || helperMessage) && (\n <>{errorMessage ? errorMessage : helperMessage}</>\n )}\n </InputMessage>\n )}\n </InputMessageContainer>\n </SelectContainerElement>\n );\n}\n","import * as React from 'react';\nimport { SelectProps } from '.';\nimport { useSelect } from 'downshift';\nimport { SelectText } from './shared';\nimport { defaultComponents } from './components';\nimport { CloseIcon } from 'react-magma-icons';\nimport { ButtonSize, ButtonVariant } from '../Button';\nimport { ItemsList } from './ItemsList';\nimport { SelectContainer } from './SelectContainer';\nimport { SelectTriggerButton } from './SelectTriggerButton';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { useForkedRef } from '../../utils';\n\nexport function Select<T>(props: SelectProps<T>) {\n const {\n ariaDescribedBy,\n components: customComponents,\n defaultSelectedItem,\n errorMessage,\n hasError,\n helperMessage,\n inputStyle,\n isLabelVisuallyHidden,\n innerRef,\n itemListMaxHeight,\n itemToString,\n items,\n labelStyle,\n labelText,\n initialSelectedItem,\n isClearable,\n disabled,\n isInverse,\n labelPosition,\n menuStyle,\n onBlur,\n onFocus,\n onIsOpenChange,\n onKeyDown,\n onKeyPress,\n onKeyUp,\n messageStyle,\n placeholder,\n selectedItem: passedInSelectedItem,\n } = props;\n\n const toggleButtonRef = React.useRef<HTMLButtonElement>();\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const ref = useForkedRef(innerRef || null, toggleButtonRef);\n\n function getValidItem(itemToCheck: T, key: string): object {\n return items.findIndex(\n i => itemToString(i) === itemToString(itemToCheck)\n ) !== -1\n ? { [key]: itemToCheck }\n : { [key]: null };\n }\n\n function handleOnIsOpenChange(changes) {\n const {\n isOpen: changedIsOpen,\n selectedItem: changedSelectedItem,\n } = changes;\n\n if (changedIsOpen && changedSelectedItem) {\n setHighlightedIndex(\n items.findIndex(\n i => itemToString(i) === itemToString(changedSelectedItem)\n )\n );\n }\n\n onIsOpenChange &&\n typeof onIsOpenChange === 'function' &&\n onIsOpenChange(changes);\n }\n\n function stateReducer(state, actionAndChanges) {\n const { type, changes } = actionAndChanges;\n switch (type) {\n case useSelect.stateChangeTypes.ToggleButtonKeyDownCharacter:\n return {\n ...changes,\n selectedItem: state.selectedItem,\n };\n default:\n return changes;\n }\n }\n\n const {\n isOpen,\n selectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n highlightedIndex,\n getItemProps,\n reset,\n openMenu,\n setHighlightedIndex,\n } = useSelect<T>({\n ...props,\n onIsOpenChange: handleOnIsOpenChange,\n stateReducer,\n ...(defaultSelectedItem &&\n getValidItem(defaultSelectedItem, 'defaultSelectedItem')),\n ...(initialSelectedItem &&\n getValidItem(initialSelectedItem, 'initialSelectedItem')),\n ...(passedInSelectedItem &&\n getValidItem(passedInSelectedItem, 'selectedItem')),\n });\n\n const { ClearIndicator } = defaultComponents<T>({\n ...customComponents,\n });\n\n const toggleButtonProps = getToggleButtonProps({\n disabled: disabled,\n onBlur,\n onKeyDown: event => {\n if (\n getToggleButtonProps().id === document.activeElement.id &&\n (event.key === 'Enter' || event.key === ' ')\n ) {\n event.preventDefault();\n openMenu();\n }\n\n onKeyDown && typeof onKeyDown === 'function' && onKeyDown(event);\n },\n onKeyPress,\n onKeyUp,\n onFocus,\n ref,\n });\n\n function defaultHandleClearIndicatorClick(event: React.SyntheticEvent) {\n event.stopPropagation();\n\n if (toggleButtonRef.current) {\n toggleButtonRef.current.focus();\n }\n\n reset();\n }\n\n const clearIndicatorAriaLabel = i18n.select.clearIndicatorAriaLabel\n .replace(/\\{labelText\\}/g, labelText)\n .replace(/\\{selectedItem\\}/g, itemToString(selectedItem));\n\n const selectText = itemToString(selectedItem)\n ? itemToString(selectedItem)\n : typeof placeholder === 'string'\n ? placeholder\n : i18n.select.placeholder;\n\n return (\n <SelectContainer\n errorMessage={errorMessage}\n descriptionId={ariaDescribedBy}\n getLabelProps={getLabelProps}\n helperMessage={helperMessage}\n isInverse={isInverse}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelPosition={labelPosition}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={messageStyle}\n >\n <SelectTriggerButton\n ariaDescribedBy={ariaDescribedBy}\n customComponents={customComponents}\n toggleButtonProps={toggleButtonProps}\n hasError={hasError}\n disabled={disabled}\n isInverse={isInverse}\n style={inputStyle}\n >\n <SelectText data-testid=\"selectedItemText\">{selectText}</SelectText>\n {isClearable && selectedItem && (\n <ClearIndicator\n aria-label={clearIndicatorAriaLabel}\n icon={<CloseIcon size={theme.iconSizes.xSmall} />}\n onClick={defaultHandleClearIndicatorClick}\n size={ButtonSize.small}\n style={{ marginTop: '0', marginBottom: '0' }}\n testId=\"clearIndicator\"\n variant={ButtonVariant.link}\n />\n )}\n </SelectTriggerButton>\n <ItemsList\n customComponents={customComponents}\n getItemProps={getItemProps}\n getMenuProps={getMenuProps}\n highlightedIndex={highlightedIndex}\n isOpen={isOpen}\n maxHeight={itemListMaxHeight || theme.select.menu.maxHeight}\n items={items}\n itemToString={itemToString}\n menuStyle={menuStyle}\n />\n </SelectContainer>\n );\n}\n","import * as React from 'react';\nimport { MultiSelectProps } from '.';\nimport { useSelect, useMultipleSelection } from 'downshift';\nimport { CloseIcon } from 'react-magma-icons';\nimport { ItemsList } from './ItemsList';\nimport { SelectContainer } from './SelectContainer';\nimport { SelectTriggerButton } from './SelectTriggerButton';\nimport { SelectedItemButton, IconWrapper } from './shared';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\n\nexport function MultiSelect<T>(props: MultiSelectProps<T>) {\n const {\n ariaDescribedBy,\n components: customComponents,\n errorMessage,\n hasError,\n helperMessage,\n inputStyle,\n isLabelVisuallyHidden,\n innerRef,\n itemToString,\n items,\n labelPosition,\n labelStyle,\n labelText,\n disabled,\n isInverse,\n itemListMaxHeight,\n menuStyle,\n messageStyle,\n onBlur,\n onFocus,\n onKeyDown,\n onKeyPress,\n onKeyUp,\n onRemoveSelectedItem,\n placeholder,\n } = props;\n\n function checkSelectedItemValidity(itemToCheck: T) {\n return (\n items.findIndex(i => itemToString(i) === itemToString(itemToCheck)) !== -1\n );\n }\n\n const {\n getSelectedItemProps,\n getDropdownProps,\n addSelectedItem,\n removeSelectedItem,\n selectedItems,\n setActiveIndex,\n } = useMultipleSelection<T>({\n ...props,\n ...(props.initialSelectedItems && {\n initialSelectedItems: props.initialSelectedItems.filter(\n checkSelectedItemValidity\n ),\n }),\n ...(props.selectedItems && {\n selectedItems: props.selectedItems.filter(checkSelectedItemValidity),\n }),\n });\n\n function getFilteredItems(unfilteredItems) {\n return unfilteredItems.filter(\n item =>\n selectedItems.findIndex(\n selectedItem => itemToString(selectedItem) === itemToString(item)\n ) < 0\n );\n }\n\n const {\n stateReducer: passedInStateReducer,\n onStateChange,\n ...selectProps\n } = props;\n\n function stateReducer(state, actionAndChanges) {\n const { type, changes } = actionAndChanges;\n switch (type) {\n case useSelect.stateChangeTypes.ToggleButtonKeyDownCharacter:\n return {\n ...changes,\n selectedItem: state.selectedItem,\n };\n default:\n return changes;\n }\n }\n\n const {\n isOpen,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n highlightedIndex,\n getItemProps,\n selectItem,\n openMenu,\n } = useSelect({\n ...selectProps,\n items: getFilteredItems(items),\n onSelectedItemChange: defaultOnSelectedItemChange,\n stateReducer,\n });\n\n function defaultOnSelectedItemChange(changes) {\n const { selectedItem: newSelectedItem } = changes;\n\n if (newSelectedItem) {\n addSelectedItem(newSelectedItem);\n selectItem(null);\n }\n }\n\n function handleRemoveSelectedItem(event: React.SyntheticEvent, selectedItem) {\n event.stopPropagation();\n\n onRemoveSelectedItem && typeof onRemoveSelectedItem === 'function'\n ? onRemoveSelectedItem(selectedItem)\n : removeSelectedItem(selectedItem);\n }\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const toggleButtonProps = getToggleButtonProps({\n ...getDropdownProps({\n onBlur,\n onKeyDown: event => {\n if (\n document.activeElement.tagName.toLowerCase() === 'button' &&\n (event.key === 'Backspace' ||\n event.key === 'Delete' ||\n event.key === 'ArrowLeft')\n ) {\n event.nativeEvent.preventDownshiftDefault = true;\n }\n\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n openMenu();\n }\n\n onKeyDown && typeof onKeyDown === 'function' && onKeyDown(event);\n },\n onKeyPress,\n onKeyUp,\n onFocus,\n preventKeyAction: isOpen,\n ...(innerRef && { ref: innerRef }),\n }),\n disabled: disabled,\n });\n\n return (\n <SelectContainer\n descriptionId={ariaDescribedBy}\n errorMessage={errorMessage}\n getLabelProps={getLabelProps}\n helperMessage={helperMessage}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelPosition={labelPosition}\n labelStyle={labelStyle}\n labelText={labelText}\n isInverse={isInverse}\n messageStyle={messageStyle}\n >\n <SelectTriggerButton\n ariaDescribedBy={ariaDescribedBy}\n toggleButtonProps={toggleButtonProps}\n hasError={hasError}\n disabled={disabled}\n isInverse={isInverse}\n style={inputStyle}\n >\n {selectedItems && selectedItems.length > 0\n ? selectedItems.map((multiSelectedItem, index) => {\n const multiSelectedItemString = itemToString(multiSelectedItem);\n return (\n <SelectedItemButton\n aria-label={i18n.multiSelect.selectedItemButtonAriaLabel.replace(\n /\\{selectedItem\\}/g,\n multiSelectedItemString\n )}\n key={`selected-item-${index}`}\n {...getSelectedItemProps({\n selectedItem: multiSelectedItem,\n index,\n })}\n onClick={event =>\n handleRemoveSelectedItem(event, multiSelectedItem)\n }\n onFocus={() => setActiveIndex(index)}\n theme={theme}\n >\n {multiSelectedItemString}\n <IconWrapper>\n <CloseIcon size={theme.iconSizes.xSmall} />\n </IconWrapper>\n </SelectedItemButton>\n );\n })\n : typeof placeholder === 'string'\n ? placeholder\n : i18n.multiSelect.placeholder}\n </SelectTriggerButton>\n <ItemsList\n customComponents={customComponents}\n getItemProps={getItemProps}\n getMenuProps={getMenuProps}\n highlightedIndex={highlightedIndex}\n isOpen={isOpen}\n items={getFilteredItems(items)}\n itemToString={itemToString}\n maxHeight={itemListMaxHeight || theme.select.menu.maxHeight}\n menuStyle={menuStyle}\n />\n </SelectContainer>\n );\n}\n","import React from 'react';\nimport { inputBaseStyles } from '../InputBase';\nimport { defaultComponents, SelectComponents } from '../Select/components';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/core';\nimport {\n UseComboboxGetToggleButtonPropsOptions,\n UseComboboxGetComboboxPropsOptions,\n UseComboboxGetInputPropsOptions,\n} from 'downshift';\n\nimport { SelectedItemsWrapper } from '../Select/shared';\n\nconst ComboBoxContainer = styled.div<{\n hasError?: boolean;\n isInverse?: boolean;\n theme?: any;\n}>`\n display: flex;\n`;\n\nconst InputContainer = styled.div<{\n hasError?: boolean;\n disabled?: boolean;\n isFocused?: boolean;\n isInverse?: boolean;\n theme?: any;\n}>`\n align-items: center;\n background: ${props => props.theme.colors.neutral08};\n border: 1px solid;\n border-color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral03};\n border-radius: ${props => props.theme.borderRadius};\n display: flex;\n min-height: ${props => props.theme.spaceScale.spacing09};\n min-width: ${props => props.theme.spaceScale.spacing13};\n padding: 0 ${props => props.theme.spaceScale.spacing03} 0 0;\n width: 100%;\n\n ${props =>\n props.isFocused &&\n css`\n outline: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: 4px;\n `}\n\n ${props =>\n props.hasError &&\n css`\n border-color: ${props.theme.colors.danger};\n box-shadow: 0 0 0 1px\n ${props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.danger};\n `}\n\n ${props =>\n props.disabled &&\n css`\n background: ${props.theme.colors.neutral07};\n border-color: ${props.theme.colors.neutral05};\n color: ${props.theme.colors.disabledText};\n cursor: not-allowed;\n outline: 0;\n\n &::placeholder {\n color: ${props.theme.colors.disabledText};\n }\n `}\n`;\n\nconst StyledInput = styled.input`\n ${inputBaseStyles}\n border: 0;\n display: flex;\n flex-grow: 1;\n height: ${props => props.theme.spaceScale.spacing08};\n min-width: ${props => props.theme.spaceScale.spacing07};\n padding-left: ${props => props.theme.spaceScale.spacing02};\n width: 0;\n\n &:focus {\n outline: 0;\n }\n`;\n\ninterface ComboboxInputProps<T> {\n ariaDescribedBy?: string;\n children?: React.ReactNode | React.ReactNode[];\n customComponents?: SelectComponents<T>;\n getComboboxProps: (options?: UseComboboxGetComboboxPropsOptions) => any;\n getInputProps: (options?: UseComboboxGetInputPropsOptions) => any;\n getToggleButtonProps: (\n options?: UseComboboxGetToggleButtonPropsOptions\n ) => any;\n hasError?: boolean;\n innerRef?: React.Ref<HTMLInputElement>;\n inputStyle?: React.CSSProperties;\n disabled?: boolean;\n isInverse?: boolean;\n isLoading?: boolean;\n onInputBlur?: (event: React.FocusEvent) => void;\n onInputFocus?: (event: React.FocusEvent) => void;\n onInputKeyDown?: (event: React.KeyboardEvent) => void;\n onInputKeyPress?: (event: React.KeyboardEvent) => void;\n onInputKeyUp?: (event: React.KeyboardEvent) => void;\n placeholder?: string;\n selectedItems?: React.ReactNode;\n toggleButtonRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport function ComboboxInput<T>(props: ComboboxInputProps<T>) {\n const {\n ariaDescribedBy,\n children,\n customComponents,\n getComboboxProps,\n getInputProps,\n getToggleButtonProps,\n hasError,\n innerRef,\n inputStyle,\n disabled,\n isInverse,\n isLoading,\n onInputBlur,\n onInputFocus,\n onInputKeyDown,\n onInputKeyPress,\n onInputKeyUp,\n placeholder,\n selectedItems,\n toggleButtonRef,\n } = props;\n const theme = React.useContext(ThemeContext);\n\n const [isFocused, setIsFocused] = React.useState<boolean>(false);\n\n const { DropdownIndicator, LoadingIndicator } = defaultComponents<T>({\n ...customComponents,\n });\n\n function handleBlur(e: React.FocusEvent) {\n setIsFocused(false);\n\n onInputBlur && typeof onInputBlur === 'function' && onInputBlur(e);\n }\n\n function handleFocus(e: React.FocusEvent) {\n setIsFocused(true);\n\n onInputFocus && typeof onInputFocus === 'function' && onInputFocus(e);\n }\n\n const inputProps = getInputProps({\n disabled: disabled,\n onBlur: handleBlur,\n onFocus: handleFocus,\n onKeyDown: onInputKeyDown,\n onKeyPress: onInputKeyPress,\n onKeyUp: onInputKeyUp,\n ...(innerRef && { ref: innerRef }),\n });\n\n return (\n <ComboBoxContainer\n {...getComboboxProps()}\n hasError={hasError}\n disabled={disabled}\n isInverse={isInverse}\n theme={theme}\n >\n <InputContainer\n {...getToggleButtonProps({\n disabled,\n ...(toggleButtonRef && { ref: toggleButtonRef }),\n })}\n hasError={hasError}\n disabled={disabled}\n isFocused={isFocused}\n isInverse={isInverse}\n style={inputStyle}\n theme={theme}\n >\n <SelectedItemsWrapper>\n {selectedItems}\n <StyledInput\n {...inputProps}\n aria-describedby={ariaDescribedBy}\n aria-invalid={hasError}\n disabled={disabled}\n placeholder={placeholder}\n theme={theme}\n />\n </SelectedItemsWrapper>\n {children}\n {isLoading && (\n <LoadingIndicator\n style={{ flexShrink: 0, marginRight: theme.spaceScale.spacing02 }}\n />\n )}\n <DropdownIndicator\n aria-label=\"toggle menu\"\n color={theme.colors.neutral}\n />\n </InputContainer>\n </ComboBoxContainer>\n );\n}\n","import React from 'react';\n\nexport function useComboboxItems(defaultItems, items) {\n const afterInitialRender = React.useRef(false);\n const allItems = React.useRef(defaultItems || items);\n const [displayItems, setDisplayItems] = React.useState(defaultItems || items);\n\n function updateItemsRef(newItem) {\n const newItems = [...allItems.current, newItem];\n allItems.current = newItems;\n setDisplayItems(newItems);\n }\n\n React.useEffect(() => {\n if (!afterInitialRender.current) {\n afterInitialRender.current = true;\n return;\n }\n\n const cleanItems = items ? items : [];\n\n allItems.current = cleanItems;\n setDisplayItems(cleanItems);\n }, [items]);\n\n return [allItems, displayItems, setDisplayItems, updateItemsRef];\n}\n\nfunction inputValueInList(items, inputValue, itemToString) {\n return (\n items.current.filter(\n item => itemToString(item).toLowerCase() === inputValue.toLowerCase()\n ).length > 0\n );\n}\n\nexport function defaultOnInputValueChange(\n changes,\n items,\n itemToString,\n disableCreateItem,\n setDisplayItems,\n setHighlightedIndex,\n onInputChange,\n createLabel\n) {\n const { inputValue: inputBaseValue, isOpen } = changes;\n\n if (isOpen) {\n const inputValue =\n typeof inputBaseValue === 'string'\n ? inputBaseValue\n : itemToString(inputBaseValue);\n\n const filteredItems = inputValue\n ? items.current\n .filter(item =>\n itemToString(item)\n .toLowerCase()\n .startsWith(inputValue.toLowerCase())\n )\n .concat(\n !disableCreateItem &&\n inputValue &&\n !inputValueInList(items, inputValue, itemToString)\n ? {\n label: createLabel.replace(/\\{inputValue\\}/g, inputValue),\n value: inputValue,\n react_magma__created_item: true,\n }\n : null\n )\n .filter(Boolean)\n : items.current;\n\n setHighlightedIndex(0);\n setDisplayItems(filteredItems);\n }\n\n onInputChange &&\n typeof onInputChange === 'function' &&\n onInputChange(changes);\n}\n","import * as React from 'react';\nimport { instanceOfDefaultItemObject } from '../Select';\nimport { useCombobox } from 'downshift';\nimport { CloseIcon } from 'react-magma-icons';\nimport { defaultComponents } from '../Select/components';\nimport { SelectContainer } from '../Select/SelectContainer';\nimport { ItemsList } from '../Select/ItemsList';\nimport { ComboboxInput } from './ComboboxInput';\nimport { ButtonShape, ButtonSize, ButtonVariant } from '../Button';\nimport { useComboboxItems, defaultOnInputValueChange } from './shared';\nimport { ComboboxProps } from '.';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { useForkedRef } from '../../utils';\n\nexport function InternalCombobox<T>(props: ComboboxProps<T>) {\n const {\n ariaDescribedBy,\n components: customComponents,\n defaultItems,\n defaultSelectedItem,\n disableCreateItem,\n errorMessage,\n hasError,\n helperMessage,\n initialSelectedItem,\n inputStyle,\n isClearable,\n disabled,\n innerRef,\n isLabelVisuallyHidden,\n isLoading,\n isInverse,\n itemListMaxHeight,\n items,\n itemToString,\n labelPosition,\n labelStyle,\n labelText,\n menuStyle,\n messageStyle,\n newItemTransform,\n onInputBlur,\n onInputChange,\n onInputFocus,\n onInputKeyDown,\n onInputKeyPress,\n onInputKeyUp,\n onInputValueChange,\n onIsOpenChange,\n onItemCreated,\n placeholder,\n selectedItem: passedInSelectedItem,\n toggleButtonRef,\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n function isCreatedItem(item) {\n return (\n !(typeof item === 'string') &&\n instanceOfDefaultItemObject(item) &&\n item.react_magma__created_item\n );\n }\n\n function defaultNewItemTransform(newItem) {\n return newItem.value;\n }\n\n function defaultOnSelectedItemChange(changes) {\n if (isCreatedItem(changes.selectedItem)) {\n const {\n react_magma__created_item,\n ...createdItem\n } = changes.selectedItem;\n\n const newItem =\n react_magma__created_item &&\n newItemTransform &&\n typeof newItemTransform === 'function'\n ? newItemTransform(createdItem)\n : defaultNewItemTransform(createdItem);\n\n items && onItemCreated && typeof onItemCreated === 'function'\n ? onItemCreated(newItem)\n : updateItemsRef(newItem);\n\n selectItem(newItem);\n setInputValue(itemToString(newItem));\n\n if (process.env.NODE_ENV === 'development') {\n if (!items && !disableCreateItem) {\n console.warn(\n 'React Magma Warning: Switching from uncontrolled to controlled items. If allowing new items to be created you should handle the onItemCreated event and control the items list in your code.'\n );\n }\n }\n } else {\n props.onSelectedItemChange &&\n typeof props.onSelectedItemChange === 'function' &&\n props.onSelectedItemChange(changes);\n }\n }\n\n function stateReducer(state, actionAndChanges) {\n const { type, changes } = actionAndChanges;\n\n switch (type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter: {\n const inputValue = isCreatedItem(displayItems[0])\n ? ''\n : changes.inputValue;\n return {\n ...changes,\n inputValue,\n };\n }\n case useCombobox.stateChangeTypes.ItemClick: {\n const inputValue = isCreatedItem(displayItems[0])\n ? ''\n : changes.inputValue;\n return {\n ...changes,\n inputValue,\n };\n }\n case useCombobox.stateChangeTypes.InputBlur:\n return {\n ...changes,\n inputValue:\n state.inputValue && !state.selectedItem\n ? ''\n : itemToString(state.selectedItem),\n selectedItem: state.selectedItem ? state.selectedItem : '',\n };\n case useCombobox.stateChangeTypes.FunctionReset:\n return {\n ...changes,\n inputValue: changes.selectedItem\n ? itemToString(changes.selectedItem)\n : '',\n };\n default:\n return changes;\n }\n }\n\n const [\n allItems,\n displayItems,\n setDisplayItems,\n updateItemsRef,\n ] = useComboboxItems(defaultItems, items);\n\n function getValidItem(itemToCheck: T, key: string): object {\n return allItems.current.findIndex(\n i => itemToString(i) === itemToString(itemToCheck)\n ) !== -1\n ? { [key]: itemToCheck }\n : { [key]: null };\n }\n\n function handleOnIsOpenChange(changes) {\n const {\n isOpen: changedIsOpen,\n selectedItem: changedSelectedItem,\n } = changes;\n\n if (!changedIsOpen) {\n setDisplayItems(allItems.current);\n }\n\n if (changedIsOpen && changedSelectedItem) {\n setHighlightedIndex(\n displayItems.findIndex(\n i => itemToString(i) === itemToString(changedSelectedItem)\n )\n );\n }\n\n onIsOpenChange &&\n typeof onIsOpenChange === 'function' &&\n onIsOpenChange(changes);\n }\n\n const {\n isOpen,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getComboboxProps,\n highlightedIndex,\n getItemProps,\n reset,\n selectItem,\n selectedItem,\n setInputValue,\n setHighlightedIndex,\n } = useCombobox({\n ...props,\n itemToString,\n items: displayItems,\n onInputValueChange:\n onInputValueChange && typeof onInputValueChange === 'function'\n ? changes => onInputValueChange(changes, setDisplayItems)\n : changes =>\n defaultOnInputValueChange(\n changes,\n allItems,\n itemToString,\n disableCreateItem,\n setDisplayItems,\n setHighlightedIndex,\n onInputChange,\n i18n.combobox.createLabel\n ),\n onIsOpenChange: handleOnIsOpenChange,\n onSelectedItemChange: defaultOnSelectedItemChange,\n stateReducer,\n ...(defaultSelectedItem &&\n getValidItem(defaultSelectedItem, 'defaultSelectedItem')),\n ...(initialSelectedItem &&\n getValidItem(initialSelectedItem, 'initialSelectedItem')),\n ...(passedInSelectedItem &&\n getValidItem(passedInSelectedItem, 'selectedItem')),\n });\n\n const { ClearIndicator } = defaultComponents<T>({\n ...customComponents,\n });\n\n const inputRef = React.useRef<HTMLInputElement>();\n const ref = useForkedRef(innerRef || null, inputRef);\n\n function defaultHandleClearIndicatorClick(event: React.SyntheticEvent) {\n event.stopPropagation();\n\n if (inputRef.current) {\n inputRef.current.focus();\n }\n\n reset();\n }\n\n const clearIndicatorAriaLabel = i18n.combobox.clearIndicatorAriaLabel\n .replace(/\\{labelText\\}/g, labelText)\n .replace(/\\{selectedItem\\}/g, itemToString(selectedItem));\n\n return (\n <SelectContainer\n descriptionId={ariaDescribedBy}\n errorMessage={errorMessage}\n getLabelProps={getLabelProps}\n hasError={hasError}\n helperMessage={helperMessage}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n isInverse={isInverse}\n labelPosition={labelPosition}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={messageStyle}\n >\n <ComboboxInput\n ariaDescribedBy={ariaDescribedBy}\n customComponents={customComponents}\n disabled={disabled}\n getComboboxProps={getComboboxProps}\n getInputProps={getInputProps}\n getToggleButtonProps={getToggleButtonProps}\n hasError={hasError}\n innerRef={ref}\n inputStyle={inputStyle}\n isInverse={isInverse}\n isLoading={isLoading}\n onInputBlur={onInputBlur}\n onInputFocus={onInputFocus}\n onInputKeyDown={onInputKeyDown}\n onInputKeyPress={onInputKeyPress}\n onInputKeyUp={onInputKeyUp}\n placeholder={placeholder}\n toggleButtonRef={toggleButtonRef}\n >\n {isClearable && selectedItem && (\n <ClearIndicator\n aria-label={clearIndicatorAriaLabel}\n icon={<CloseIcon />}\n onClick={defaultHandleClearIndicatorClick}\n shape={ButtonShape.fill}\n size={ButtonSize.small}\n variant={ButtonVariant.link}\n />\n )}\n </ComboboxInput>\n <ItemsList\n customComponents={customComponents}\n getItemProps={getItemProps}\n getMenuProps={getMenuProps}\n highlightedIndex={highlightedIndex}\n isOpen={isOpen}\n items={displayItems}\n itemToString={itemToString}\n maxHeight={itemListMaxHeight || theme.combobox.menu.maxHeight}\n menuStyle={menuStyle}\n />\n </SelectContainer>\n );\n}\n","import * as React from 'react';\nimport { instanceOfDefaultItemObject } from '../Select';\nimport { useCombobox, useMultipleSelection } from 'downshift';\nimport { CloseIcon } from 'react-magma-icons';\nimport { SelectContainer } from '../Select/SelectContainer';\nimport { ItemsList } from '../Select/ItemsList';\nimport { ComboboxInput } from './ComboboxInput';\nimport { SelectedItemButton, IconWrapper } from '../Select/shared';\nimport { useComboboxItems, defaultOnInputValueChange } from './shared';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { MultiComboboxProps } from '.';\n\nexport function MultiCombobox<T>(props: MultiComboboxProps<T>) {\n const [inputValue, setInputValue] = React.useState('');\n const {\n ariaDescribedBy,\n components: customComponents,\n errorMessage,\n defaultItems,\n disableCreateItem,\n hasError,\n helperMessage,\n inputStyle,\n disabled,\n innerRef,\n isLabelVisuallyHidden,\n isLoading,\n isInverse,\n itemListMaxHeight,\n items,\n itemToString,\n labelPosition,\n labelStyle,\n labelText,\n menuStyle,\n messageStyle,\n newItemTransform,\n onInputBlur,\n onInputChange,\n onInputFocus,\n onInputKeyDown,\n onInputKeyPress,\n onInputKeyUp,\n onInputValueChange,\n onIsOpenChange,\n onItemCreated,\n onRemoveSelectedItem,\n placeholder,\n toggleButtonRef,\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const [\n allItems,\n displayItems,\n setDisplayItems,\n updateItemsRef,\n ] = useComboboxItems(defaultItems, items);\n\n function checkSelectedItemValidity(itemToCheck) {\n return (\n allItems.current.findIndex(\n i => itemToString(i) === itemToString(itemToCheck)\n ) !== -1\n );\n }\n\n const {\n getSelectedItemProps,\n getDropdownProps,\n addSelectedItem,\n removeSelectedItem,\n setActiveIndex,\n selectedItems,\n } = useMultipleSelection({\n ...props,\n ...(props.initialSelectedItems && {\n initialSelectedItems: props.initialSelectedItems.filter(\n checkSelectedItemValidity\n ),\n }),\n ...(props.selectedItems && {\n selectedItems: props.selectedItems.filter(checkSelectedItemValidity),\n }),\n });\n\n function isCreatedItem(item) {\n return (\n !(typeof item === 'string') &&\n instanceOfDefaultItemObject(item) &&\n item.react_magma__created_item\n );\n }\n\n function getFilteredItems(unfilteredItems) {\n return unfilteredItems.filter(item => {\n const itemString =\n typeof item === 'object' && item.react_magma__created_item\n ? item.value\n : itemToString(item);\n return (\n (selectedItems.findIndex(\n selectedItem => itemToString(selectedItem) === itemToString(item)\n ) < 0 &&\n itemString.toLowerCase().startsWith(inputValue.toLowerCase())) ||\n isCreatedItem(item)\n );\n });\n }\n\n function defaultNewItemTransform(newItem) {\n return newItem.value;\n }\n\n function defaultOnSelectedItemChange(changes) {\n if (isCreatedItem(changes.selectedItem)) {\n const {\n react_magma__created_item,\n ...createdItem\n } = changes.selectedItem;\n\n const newItem =\n react_magma__created_item &&\n newItemTransform &&\n typeof newItemTransform === 'function'\n ? newItemTransform(createdItem)\n : defaultNewItemTransform(createdItem);\n\n items && onItemCreated && typeof onItemCreated === 'function'\n ? onItemCreated(newItem)\n : updateItemsRef(newItem);\n addSelectedItem(newItem);\n\n if (process.env.NODE_ENV === 'development') {\n if (!items && !disableCreateItem) {\n console.warn(\n 'React Magma Warning: Switching from uncontrolled to controlled items. If allowing new items to be created you should handle the onItemCreated event and control the items list in your code.'\n );\n }\n }\n } else if (changes.selectedItem) {\n addSelectedItem(changes.selectedItem);\n }\n\n selectItem(null);\n setInputValue('');\n }\n\n const {\n stateReducer: passedInStateReducer,\n onStateChange,\n ...comboboxProps\n } = props;\n\n function handleOnIsOpenChange(changes) {\n const { isOpen: changedIsOpen } = changes;\n\n if (!changedIsOpen) {\n setDisplayItems(allItems.current);\n }\n\n onIsOpenChange &&\n typeof onIsOpenChange === 'function' &&\n onIsOpenChange(changes);\n }\n\n function stateReducer(state, actionAndChanges) {\n const { type, changes } = actionAndChanges;\n switch (type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter: {\n const newSelectedItem = getFilteredItems(displayItems)[\n state.highlightedIndex\n ];\n return {\n ...changes,\n ...(newSelectedItem && {\n selectedItem: newSelectedItem,\n }),\n inputValue: '',\n };\n }\n case useCombobox.stateChangeTypes.ItemClick: {\n return {\n ...changes,\n inputValue: '',\n };\n }\n case useCombobox.stateChangeTypes.InputBlur:\n return {\n ...changes,\n inputValue: '',\n };\n default:\n return changes;\n }\n }\n\n function handleInputChange(changes) {\n setInputValue(changes.inputValue);\n\n onInputChange &&\n typeof onInputChange === 'function' &&\n onInputChange(changes);\n }\n\n const {\n isOpen,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getComboboxProps,\n highlightedIndex,\n getItemProps,\n selectItem,\n setHighlightedIndex,\n } = useCombobox({\n ...comboboxProps,\n itemToString,\n items: getFilteredItems(displayItems),\n onInputValueChange:\n onInputValueChange && typeof onInputValueChange === 'function'\n ? changes => onInputValueChange(changes, setDisplayItems)\n : changes =>\n defaultOnInputValueChange(\n changes,\n allItems,\n itemToString,\n disableCreateItem,\n setDisplayItems,\n setHighlightedIndex,\n handleInputChange,\n i18n.combobox.createLabel\n ),\n onIsOpenChange: handleOnIsOpenChange,\n onSelectedItemChange: defaultOnSelectedItemChange,\n stateReducer,\n });\n\n function handleRemoveSelectedItem(event: React.SyntheticEvent, selectedItem) {\n event.stopPropagation();\n\n onRemoveSelectedItem && typeof onRemoveSelectedItem === 'function'\n ? onRemoveSelectedItem(selectedItem)\n : removeSelectedItem(selectedItem);\n }\n\n function handleInputFocus(event: React.FocusEvent) {\n setActiveIndex(-1);\n\n onInputFocus && typeof onInputFocus === 'function' && onInputFocus(event);\n }\n\n const selectedItemsContent =\n selectedItems && selectedItems.length > 0 ? (\n <>\n {selectedItems.map((multiSelectedItem, index) => (\n <SelectedItemButton\n aria-label={i18n.multiCombobox.selectedItemButtonAriaLabel.replace(\n /\\{selectedItem\\}/g,\n itemToString(multiSelectedItem)\n )}\n key={`selected-item-${index}`}\n {...getSelectedItemProps({\n selectedItem: multiSelectedItem,\n index,\n })}\n onClick={event =>\n handleRemoveSelectedItem(event, multiSelectedItem)\n }\n onFocus={() => setActiveIndex(index)}\n theme={theme}\n >\n {itemToString(multiSelectedItem)}\n <IconWrapper>\n <CloseIcon size={theme.iconSizes.xSmall} />\n </IconWrapper>\n </SelectedItemButton>\n ))}\n </>\n ) : null;\n\n return (\n <SelectContainer\n descriptionId={ariaDescribedBy}\n errorMessage={errorMessage}\n getLabelProps={getLabelProps}\n helperMessage={helperMessage}\n isInverse={isInverse}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelPosition={labelPosition}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={messageStyle}\n >\n <ComboboxInput\n ariaDescribedBy={ariaDescribedBy}\n customComponents={customComponents}\n getComboboxProps={getComboboxProps}\n getInputProps={options => ({\n ...getInputProps({\n ...options,\n ...getDropdownProps({\n onKeyDown: onInputKeyDown,\n preventKeyAction: isOpen,\n ...(innerRef && { ref: innerRef }),\n }),\n }),\n })}\n getToggleButtonProps={getToggleButtonProps}\n inputStyle={inputStyle}\n disabled={disabled}\n isInverse={isInverse}\n isLoading={isLoading}\n hasError={hasError}\n onInputBlur={onInputBlur}\n onInputFocus={handleInputFocus}\n onInputKeyDown={onInputKeyDown}\n onInputKeyPress={onInputKeyPress}\n onInputKeyUp={onInputKeyUp}\n placeholder={placeholder}\n selectedItems={selectedItemsContent}\n toggleButtonRef={toggleButtonRef}\n />\n <ItemsList\n customComponents={customComponents}\n getItemProps={getItemProps}\n getMenuProps={getMenuProps}\n highlightedIndex={highlightedIndex}\n isOpen={isOpen}\n items={getFilteredItems(displayItems)}\n itemToString={itemToString}\n maxHeight={itemListMaxHeight || theme.combobox.menu.maxHeight}\n menuStyle={menuStyle}\n />\n </SelectContainer>\n );\n}\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { convertStyleValueToString } from '../../utils';\n\nexport interface SpacerProps extends React.HTMLAttributes<HTMLSpanElement> {\n /**\n * Determines whether the spacer takes up space horizontally, vertically or both.\n */\n axis?: SpacerAxis;\n /**\n * Height and/or width of the component. If a number is provided, will be set in pixels.\n */\n size: number | string;\n testId?: string;\n}\n\nexport enum SpacerAxis {\n horizontal = 'horizontal',\n vertical = 'vertical',\n both = 'both', // default\n}\n\nfunction getHeight(axis: SpacerAxis, size: number | string) {\n return axis === SpacerAxis.horizontal\n ? '1px'\n : convertStyleValueToString(size);\n}\nfunction getWidth(axis: SpacerAxis, size: number | string) {\n return axis === SpacerAxis.vertical ? '1px' : convertStyleValueToString(size);\n}\n\nconst StyledSpacer = styled.span<SpacerProps>`\n display: ${props =>\n props.axis === SpacerAxis.horizontal ? 'inline-block' : 'block'};\n height: ${props => getHeight(props.axis, props.size)};\n min-height: ${props => getHeight(props.axis, props.size)};\n min-width: ${props => getWidth(props.axis, props.size)};\n width: ${props => getWidth(props.axis, props.size)};\n`;\n\nexport const Spacer = React.forwardRef<HTMLSpanElement, SpacerProps>(\n (props, ref) => {\n const { testId, axis = SpacerAxis.both, ...other } = props;\n\n return (\n <StyledSpacer {...other} axis={axis} data-testid={testId} ref={ref} />\n );\n }\n);\n","import React from 'react';\nimport {\n useCombobox,\n UseComboboxProps,\n UseComboboxState,\n UseMultipleSelectionProps,\n} from 'downshift';\nimport {\n SelectOptions,\n instanceOfDefaultItemObject,\n InternalSelectProps,\n InternalMultiProps,\n} from '../Select';\nimport { InternalCombobox } from './Combobox';\nimport { MultiCombobox } from './MultiCombobox';\nimport { useGenerateId, XOR, Omit } from '../../utils';\nimport { LabelPosition } from '../Label';\nimport { useIsInverse } from '../../inverse';\n\nexport interface ComboboxProps<T extends SelectOptions>\n extends Omit<UseComboboxProps<T>, 'items'>,\n InternalSelectProps<T> {\n /**\n * Id of the element that describes the combobox input\n */\n ariaDescribedBy?: string;\n /**\n * Default selectable options. Allows for uncontrolled component and internal creation of items. Can be an array of strings or objects\n */\n defaultItems?: T[];\n /**\n * If true, the new items cannot be created by typing in the text field\n * @default false\n */\n disableCreateItem?: boolean;\n /**\n * @internal\n */\n hasError?: boolean;\n /**\n * Position of text label relative to form field\n */\n labelPosition?: LabelPosition;\n /**\n * Reference to the input element in the combobox\n */\n innerRef?: React.Ref<HTMLInputElement>;\n /**\n * If true, the loading component is shown\n * @default false\n */\n /**\n * @internal\n */\n isMulti?: false;\n isLoading?: boolean;\n /**\n * Default selectable options. Can be an array of strings or objects\n */\n items?: T[];\n /**\n * Function passed in that transforms a newly created item to whatever format your items are in\n */\n newItemTransform?: (item: { label: string; value: string }) => T;\n /**\n * Event that fires when the input loses focus\n */\n onInputBlur?: (event: React.FocusEvent) => void;\n /**\n * Event that fires when the input's value is changed\n */\n onInputChange?: (changes: Partial<UseComboboxState<T>>) => void;\n /**\n * Event that fires when the input gains focus\n */\n onInputFocus?: (event: React.FocusEvent) => void;\n /**\n * Event that will fire when input receives keypress.\n */\n onInputKeyDown?: (event: React.KeyboardEvent) => void;\n /**\n * Event that will fire when a character is typed in the input\n */\n onInputKeyPress?: (event: React.KeyboardEvent) => void;\n /**\n * Event that will fire when a keypress is released on the input\n */\n onInputKeyUp?: (event: React.KeyboardEvent) => void;\n /**\n * Event that fires when the selected item changes\n */\n onInputValueChange?: (\n changes: Partial<UseComboboxState<T>>,\n updateInputItems?: React.Dispatch<React.SetStateAction<T[]>>\n ) => void;\n /**\n * Event that fires when a new item is created with the create item option is clicked in the item list menu\n */\n onItemCreated?: (newItem: T) => void;\n /**\n * Reference to the toggle button element wrapping the input in the combobox\n */\n toggleButtonRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport interface MultiComboboxProps<T extends SelectOptions>\n extends UseMultipleSelectionProps<T>,\n Omit<ComboboxProps<T>, 'onStateChange' | 'stateReducer' | 'isMulti'>,\n InternalMultiProps<T> {\n /**\n * @internal\n */\n isMulti: true;\n}\n\nexport function instanceOfMultiCombobox<T>(\n object: any\n): object is MultiComboboxProps<T> {\n return 'isMulti' in object;\n}\n\nexport type XORComboboxProps<T> = XOR<ComboboxProps<T>, MultiComboboxProps<T>>;\n\nexport const ComboboxStateChangeTypes = useCombobox.stateChangeTypes;\n\nexport function Combobox<T>(props: XORComboboxProps<T>) {\n const {\n containerStyle,\n errorMessage,\n id: defaultId,\n isMulti,\n labelPosition,\n messageStyle,\n helperMessage,\n testId,\n } = props;\n\n function itemToString(item: T) {\n return item && typeof item === 'string'\n ? item\n : item && instanceOfDefaultItemObject(item)\n ? item.label\n : '';\n }\n\n const hasError = !!errorMessage;\n\n const id = useGenerateId(defaultId);\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <div style={containerStyle} data-testid={testId}>\n {isMulti && instanceOfMultiCombobox<T>(props) ? (\n <MultiCombobox\n ariaDescribedBy={descriptionId}\n errorMessage={errorMessage}\n hasError={hasError}\n helperMessage={helperMessage}\n isInverse={isInverse}\n itemToString={itemToString}\n labelPosition={labelPosition || LabelPosition.top}\n messageStyle={messageStyle}\n {...(props as MultiComboboxProps<T>)}\n />\n ) : (\n <InternalCombobox\n ariaDescribedBy={descriptionId}\n errorMessage={errorMessage}\n hasError={hasError}\n helperMessage={helperMessage}\n isInverse={isInverse}\n itemToString={itemToString}\n labelPosition={labelPosition || LabelPosition.top}\n messageStyle={messageStyle}\n {...(props as ComboboxProps<T>)}\n />\n )}\n </div>\n );\n}\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ButtonColor, ButtonVariant } from '../Button';\nimport { Hyperlink, HyperlinkProps } from '../Hyperlink';\nimport { I18nContext } from '../../i18n';\n\nexport const TARGET_ID = 'reactMagmaMainContent';\n\nexport interface SkipLinkProps extends HyperlinkProps {\n /**\n * The text in the skip link\n * @default \"Skip Navigation\"\n */\n buttonText?: string;\n /**\n * Number of pixels from the left of the screen for the skip link to be positioned\n * @default 10\n */\n positionLeft?: number;\n /**\n * Number of pixels from the top of the screen for the skip link to be positioned\n * @default 10\n */\n positionTop?: number;\n testId?: string;\n}\n\nconst handleClick = e => {\n e.preventDefault();\n\n const targetAnchor = document.getElementById(TARGET_ID);\n\n if (!targetAnchor) {\n return;\n }\n\n const targetHeading = targetAnchor.getElementsByTagName('h1')[0];\n\n if (targetHeading) {\n targetHeading.setAttribute('tabIndex', '-1');\n targetHeading.focus();\n return;\n }\n targetAnchor.focus();\n};\n\nconst StyledSkipLink = styled(Hyperlink)<{\n positionLeft: number;\n positionTop: number;\n}>`\n left: -9999px;\n position: fixed;\n top: -9999px;\n\n &:focus {\n left: ${props => props.positionLeft}px;\n top: ${props => props.positionTop}px;\n z-index: 99999;\n }\n }\n`;\n\nexport const SkipLink: React.FunctionComponent<SkipLinkProps> = props => {\n const {\n buttonText,\n color,\n positionLeft,\n positionTop,\n testId,\n variant,\n ...other\n } = props;\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledSkipLink\n {...other}\n color={color ? color : ButtonColor.primary}\n testId={testId}\n onClick={e => {\n handleClick(e);\n }}\n positionLeft={positionLeft ? positionLeft : 10}\n positionTop={positionTop ? positionTop : 10}\n styledAs=\"Button\"\n to={`#${TARGET_ID}`}\n variant={variant ? variant : ButtonVariant.solid}\n >\n {buttonText ? buttonText : i18n.skipLink.buttonText}\n </StyledSkipLink>\n );\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\n\nimport { CancelIcon, IconProps } from 'react-magma-icons';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { useIsInverse } from '../../inverse';\nimport { Omit, XOR, getNodeText } from '../../utils';\nimport { I18nContext } from '../../i18n';\n\nexport enum TagColor {\n danger = 'danger',\n primary = 'primary',\n lowContrast = 'lowContrast',\n highContrast = 'highContrast',\n success = 'success',\n}\n\nexport enum TagSize {\n medium = 'medium',\n small = 'small',\n}\n\n/**\n * @children required\n */\n\nexport interface BaseTagProps\n extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onClick'> {\n /**\n * Color changes between 'primary', 'low contrast', and 'high contrast' style variants between each Tag.\n */\n color?: TagColor;\n\n /**\n * Size toggles between a default, and a small size Tag.\n */\n size?: TagSize;\n\n /**\n * Gets the active Tag label for use with the aria-label attribute inline for accessibility.\n */\n labelText?: React.ReactNode;\n\n /**\n * Disabled Tag state.\n */\n disabled?: boolean;\n\n testId?: string;\n\n /**\n * Allows passing a Magma icon to the Tag.\n */\n icon?: React.ReactElement<IconProps>;\n\n /**\n * Passes a clickable state to the Tag.\n */\n isClickable?: boolean;\n\n /**\n * Allows for Inverse styling of each Tag.\n */\n isInverse?: boolean;\n\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nexport interface DeletableTagProps extends BaseTagProps {\n onDelete: () => void;\n}\n\nexport interface ClickableTagProps extends BaseTagProps {\n onClick?: () => void;\n}\n\nexport type TagProps = XOR<DeletableTagProps, ClickableTagProps>;\n\nfunction buildBoxShadow(props) {\n if (props.color === 'lowContrast') {\n if (props.isInverse) {\n if (props.disabled) {\n return `0 0 0 1px ${props.theme.colors.neutral08}40`;\n }\n return `0 0 0 1px ${props.theme.colors.neutral08}80`;\n }\n if (props.disabled) {\n return `0 0 0 1px ${props.theme.colors.neutral06}`;\n }\n return `inset 0 0 0 1px ${props.theme.colors.neutral05}`;\n }\n}\n\nfunction buildButtonBackground(props) {\n if (props.isInverse) {\n if (props.disabled) {\n // Disabled inverse state background colors\n switch (props.color) {\n case 'primary':\n return `${props.theme.colors.neutral06}`;\n case 'highContrast':\n return `${props.theme.colors.neutral06}`;\n case 'lowContrast':\n return `none`;\n default:\n return `${props.theme.colors.neutral06}`;\n }\n }\n // Inverse background colors\n switch (props.color) {\n case 'danger':\n return `${props.theme.colors.dangerInverse}`;\n case 'success':\n return `${props.theme.colors.successInverse}`;\n case 'primary':\n return `${props.theme.colors.primaryInverse}`;\n case 'lowContrast':\n return `none;`;\n case 'highContrast':\n return `${props.theme.colors.neutral08}`;\n default:\n return `${props.theme.colors.neutral03}`;\n }\n } else if (props.disabled && !props.isInverse) {\n // Disabled state background colors\n switch (props.color) {\n case 'primary':\n return `${props.theme.colors.neutral06}`;\n case 'highContrast':\n return `${props.theme.colors.neutral06}`;\n case 'lowContrast':\n return `${props.theme.colors.neutral08}`;\n default:\n return `${props.theme.colors.neutral06}`;\n }\n }\n // Default state background colors\n switch (props.color) {\n case 'danger':\n return `${props.theme.colors.danger}`;\n case 'success':\n return `${props.theme.colors.success}`;\n case 'primary':\n return `${props.theme.colors.primary}`;\n case 'lowContrast':\n return `${props.theme.colors.neutral08}`;\n case 'highContrast':\n return `${props.theme.colors.neutral}`;\n default:\n return `${props.theme.colors.neutral06}`;\n }\n}\n\nfunction buildButtonTextColor(props) {\n if (props.isInverse) {\n if (props.disabled) {\n // Disabled inverse state text colors\n switch (props.color) {\n case 'primary':\n return `${props.theme.colors.neutral03}99`;\n case 'highContrast':\n return `${props.theme.colors.neutral03}99`;\n case 'lowContrast':\n return `${props.theme.colors.neutral08}40`;\n default:\n return `${props.theme.colors.neutral03}99`;\n }\n }\n // Inverse text colors\n switch (props.color) {\n case 'danger':\n return `${props.theme.colors.neutral}`;\n case 'success':\n return `${props.theme.colors.neutral}`;\n case 'primary':\n return `${props.theme.colors.neutral}`;\n case 'lowContrast':\n return `${props.theme.colors.neutral08}`;\n case 'highContrast':\n return `${props.theme.colors.neutral}`;\n default:\n return `${props.theme.colors.neutral08}`;\n }\n } else if (props.disabled && !props.isInverse) {\n // Disabled state text colors\n switch (props.color) {\n case 'primary':\n return `${props.theme.colors.neutral03}99`;\n case 'highContrast':\n return `${props.theme.colors.neutral03}99`;\n case 'lowContrast':\n return `${props.theme.colors.neutral03}99`;\n default:\n return `${props.theme.colors.neutral03}99`;\n }\n }\n // Default state text colors\n switch (props.color) {\n case 'danger':\n return `${props.theme.colors.neutral08}`;\n case 'success':\n return `${props.theme.colors.neutral08}`;\n case 'primary':\n return `${props.theme.colors.neutral08}`;\n case 'highContrast':\n return `${props.theme.colors.neutral08}`;\n default:\n return `${props.theme.colors.neutral}`;\n }\n}\n\nfunction buildSvgOpacity(props) {\n if (props.onClick || props.onDelete) {\n if (props.disabled) {\n return '60%';\n }\n return '75%';\n }\n if (props.color === 'lowContrast' && props.disabled) {\n return '25%';\n } else if (props.disabled) {\n return '60%';\n }\n return '1';\n}\n\nfunction buildTagPadding(props) {\n if (props.icon) {\n switch (props.size) {\n case 'small':\n return `0 ${props.theme.spaceScale.spacing02}`;\n default:\n return `${props.theme.spaceScale.spacing02} 6px`;\n }\n }\n switch (props.size) {\n case 'small':\n return `0 ${props.theme.spaceScale.spacing02}`;\n default:\n return `${props.theme.spaceScale.spacing02} 6px`;\n }\n}\n\nfunction buildLabelPadding(props) {\n if (props.icon) {\n switch (props.size) {\n case 'small':\n return `0 ${props.theme.spaceScale.spacing02}`;\n default:\n return `0 ${props.theme.spaceScale.spacing03}`;\n }\n }\n switch (props.size) {\n case 'small':\n return `0 ${props.theme.spaceScale.spacing02}`;\n default:\n return `0 ${props.theme.spaceScale.spacing03}`;\n }\n}\n\nconst TagStyling = props => css`\n border: ${props.theme.tag.border};\n border-radius: ${props.theme.spaceScale.spacing05};\n background: ${buildButtonBackground(props)};\n color: ${buildButtonTextColor(props)};\n box-shadow: ${buildBoxShadow(props)};\n display: ${props.theme.tag.display};\n align-items: ${props.theme.tag.alignItems};\n justify-content: ${props.theme.tag.justifyContent};\n font-size: ${props.size === 'small'\n ? `${props.theme.typeScale.size01.fontSize}`\n : `${props.theme.typeScale.size02.fontSize}`};\n font-weight: ${props.size === 'small' ? `600` : `inherit`};\n letter-spacing: ${props.size === 'small'\n ? `${props.theme.typeScale.size01.letterSpacing}`\n : `${props.theme.typeScale.size02.letterSpacing}`};\n min-width: ${props.size === 'small'\n ? props.theme.spaceScale.spacing10\n : props.theme.spaceScale.spacing12};\n padding: ${buildTagPadding(props)};\n svg:first-of-type {\n height: ${props.size === 'small'\n ? `${props.theme.iconSizes.xSmall}px`\n : `${props.theme.iconSizes.small}px`};\n opacity: ${props.disabled ? '60%' : 'inherit'};\n width: ${props.size === 'small'\n ? `${props.theme.iconSizes.xSmall}px`\n : `${props.theme.iconSizes.small}px`};\n }\n svg:last-child {\n opacity: ${buildSvgOpacity(props)};\n width: ${props.size === 'small'\n ? `${props.theme.iconSizes.xSmall}px`\n : `${props.theme.iconSizes.small}px`};\n }\n &:hover {\n svg {\n opacity: ${props.disabled ? '60%' : '1'};\n }\n }\n`;\n\nconst StyledButton = styled.button<{\n disabled?: boolean;\n isClickable?: boolean;\n isInverse?: boolean;\n size: string;\n}>`\n ${TagStyling};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n`;\n\nconst StyledSpan = styled.span<{\n disabled?: boolean;\n isInverse?: boolean;\n size: string;\n}>`\n ${TagStyling};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'inherit')};\n`;\n\nconst LabelWrap = styled.span<{\n size: string;\n icon?: any;\n}>`\n padding: ${buildLabelPadding};\n`;\n\nfunction getStyledTag(isClickable: boolean) {\n return isClickable ? StyledButton : StyledSpan;\n}\n\nexport const Tag = React.forwardRef<HTMLButtonElement, TagProps>(\n (props, ref) => {\n const {\n children,\n color,\n labelText = children,\n onClick,\n onDelete,\n isInverse: isInverseProp,\n size = TagSize.medium,\n testId,\n ...rest\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(isInverseProp);\n\n const i18n = React.useContext(I18nContext);\n\n const deleteAriaLabel = i18n.tag.deleteAriaLabel.replace(\n /\\{labelText\\}/g,\n getNodeText(labelText)\n );\n\n const { icon } = props;\n\n const StyledTag = getStyledTag(Boolean(onClick || onDelete));\n\n function handleClick() {\n if (onClick && typeof onClick === 'function') {\n onClick();\n } else if (onDelete && typeof onDelete === 'function') {\n onDelete();\n }\n }\n\n return (\n <StyledTag\n color={color}\n icon={icon}\n onClick={handleClick}\n isInverse={isInverse}\n ref={ref}\n data-testid={props.testId}\n size={size}\n theme={theme}\n {...rest}\n >\n {icon}\n <LabelWrap size={size} {...rest} theme={theme}>\n {children}\n </LabelWrap>\n {onDelete && (\n <CancelIcon\n aria-label={deleteAriaLabel}\n size={theme.iconSizes.small}\n />\n )}\n </StyledTag>\n );\n }\n);\n","import * as React from 'react';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\nimport { CheckIcon } from 'react-magma-icons';\nimport { FormGroupContext } from '../FormGroup';\nimport { InputMessage } from '../Input/InputMessage';\nimport { StyledLabel } from '../SelectionControls/StyledLabel';\nimport { StyledContainer } from '../SelectionControls/StyledContainer';\nimport { css } from '@emotion/core';\n// Using the base `styled` from `emotion` until import mapping is fixed: https://github.com/emotion-js/emotion/pull/1220\n// import styled from '../../theme/styled';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useGenerateId } from '../../utils';\nimport { useIsInverse } from '../../inverse';\n\nexport enum ToggleTextPosition {\n left = 'left', // default\n right = 'right',\n}\n\nexport interface ToggleProps\n extends React.InputHTMLAttributes<HTMLInputElement> {\n /**\n * If true, element is checked (i.e. selected)\n * @default false\n */\n checked?: boolean;\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * If true, checkbox is checked on first render\n */\n defaultChecked?: boolean;\n /**\n * Content of the error message for toggle. If a value is provided, the component will be styled as an error state and the error message will display.\n */\n errorMessage?: React.ReactNode;\n /**\n * @internal\n */\n hasError?: boolean;\n isInverse?: boolean;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isTextVisuallyHidden?: boolean;\n /**\n * Style properties for the label element\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content for label; can be a node or a string\n */\n labelText: React.ReactNode;\n testId?: string;\n /**\n * Whether the label appears to the left of the right of the toggle switch\n * @default ToggleTextPosition.left\n */\n textPosition?: ToggleTextPosition;\n /**\n * @internal\n */\n theme?: any;\n /**\n * Style properties for the part of the component that slides back and forth on the track\n */\n thumbStyle?: React.CSSProperties;\n /**\n * Style properties for track on which the toggle thumb slides\n */\n trackStyle?: React.CSSProperties;\n}\n\nconst HiddenLabelText = styled.span`\n ${HiddenStyles};\n`;\n\nconst HiddenInput = styled.input`\n ${HiddenStyles};\n`;\n\nconst Track = styled.span<{\n isChecked?: boolean;\n disabled?: boolean;\n hasError?: boolean;\n isInverse?: boolean;\n theme?: any;\n}>`\n background: ${props => props.theme.colors.neutral04};\n border: 2px solid;\n border-color: ${props =>\n props.hasError ? props.theme.colors.danger : props.theme.colors.neutral04};\n border-radius: 12px;\n box-shadow: ${props =>\n props.isInverse && props.hasError\n ? `0 0 0 1px ${props.theme.colors.neutral08}`\n : '0 0 0'};\n cursor: pointer;\n height: 24px;\n position: relative;\n width: 48px;\n\n ${props =>\n props.isChecked &&\n css`\n background: ${props.theme.colors.success02};\n border-color: ${props.hasError\n ? props.theme.colors.danger\n : props.theme.colors.success02};\n `}\n\n ${props =>\n props.disabled &&\n css`\n background: ${props.theme.colors.neutral06};\n border-color: ${props.theme.colors.neutral06};\n cursor: not-allowed;\n `}\n\n ${HiddenInput}:focus + label & {\n outline: 2px dotted\n ${props =>\n props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: 3px;\n }\n\n &:before {\n // active state\n background: ${props => props.theme.colors.neutral};\n border-radius: 50%;\n content: '';\n display: block;\n height: 40px;\n left: -12px;\n opacity: 0;\n margin-top: -22px;\n padding: 50%;\n position: absolute;\n top: 50%;\n transform: scale(1);\n transition: opacity 1s, transform 0.25s;\n width: 40px;\n\n ${props =>\n props.isChecked &&\n css`\n background: ${props.theme.colors.success02};\n left: 12px;\n `}\n }\n\n ${HiddenInput}:not(:disabled):active + label & {\n &:before {\n opacity: 0.4;\n transform: scale(0);\n transition: transform 0s;\n }\n }\n`;\n\nconst Thumb = styled.span<{\n isChecked?: boolean;\n disabled?: boolean;\n theme?: any;\n}>`\n background: ${props => props.theme.colors.neutral08};\n border-radius: 100%;\n height: 20px;\n left: 0;\n margin-top: -10px;\n position: absolute;\n top: 50%;\n transition: left 0.25s;\n width: 20px;\n\n ${props =>\n props.isChecked &&\n css`\n left: 24px;\n `}\n`;\n\nconst IconContainer = styled.span<{ disabled?: boolean; theme?: any }>`\n color: ${props =>\n props.disabled\n ? props.theme.colors.neutral05\n : props.theme.colors.neutral08};\n left: ${props => props.theme.spaceScale.spacing02};\n position: absolute;\n top: ${props => props.theme.spaceScale.spacing01};\n\n svg {\n display: block;\n }\n`;\n\nconst SpanTextLeft = styled.span`\n padding-right: 10px;\n`;\n\nconst SpanTextRight = styled.span`\n padding-left: 10px;\n`;\n\nconst renderLabelText = (\n isTextVisuallyHidden: boolean,\n labelText: React.ReactNode,\n textPosition: ToggleTextPosition,\n labelStyle: React.CSSProperties\n) => {\n if (isTextVisuallyHidden) {\n return <HiddenLabelText>{labelText}</HiddenLabelText>;\n }\n\n return textPosition === ToggleTextPosition.left ? (\n <SpanTextLeft style={labelStyle}>{labelText}</SpanTextLeft>\n ) : (\n <SpanTextRight style={labelStyle}>{labelText}</SpanTextRight>\n );\n};\n\nexport const Toggle = React.forwardRef<HTMLInputElement, ToggleProps>(\n (props, ref) => {\n const {\n containerStyle,\n checked,\n defaultChecked,\n disabled,\n errorMessage,\n id: defaultId,\n isTextVisuallyHidden,\n labelStyle,\n labelText,\n onChange,\n textPosition,\n testId,\n trackStyle,\n thumbStyle,\n ...other\n } = props;\n const [isChecked, updateIsChecked] = React.useState(\n Boolean(defaultChecked) || Boolean(checked)\n );\n\n const id = useGenerateId(defaultId);\n const isControlled = typeof checked === 'boolean' ? true : false;\n\n React.useEffect(() => {\n if (typeof checked === 'boolean') {\n updateIsChecked(checked);\n }\n }, [checked]);\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { checked: targetChecked } = event.target;\n\n onChange && typeof onChange === 'function' && onChange(event);\n\n if (!isControlled) {\n updateIsChecked(targetChecked);\n }\n }\n\n const theme = React.useContext(ThemeContext);\n const context = React.useContext(FormGroupContext);\n\n const descriptionId = errorMessage ? `${id}__desc` : null;\n const groupDescriptionId = context.descriptionId;\n\n const describedBy =\n descriptionId && groupDescriptionId\n ? `${groupDescriptionId} ${descriptionId}`\n : descriptionId\n ? descriptionId\n : groupDescriptionId\n ? groupDescriptionId\n : null;\n\n const hasError = context.hasError || !!errorMessage;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <>\n <StyledContainer>\n <HiddenInput\n {...other}\n aria-checked={isChecked}\n aria-describedby={describedBy}\n id={id}\n data-testid={testId}\n disabled={disabled}\n checked={isChecked}\n type=\"checkbox\"\n onChange={handleChange}\n ref={ref}\n role=\"switch\"\n />\n <StyledLabel\n htmlFor={id}\n isInverse={isInverse}\n style={containerStyle}\n >\n {textPosition !== ToggleTextPosition.right &&\n renderLabelText(\n isTextVisuallyHidden,\n labelText,\n ToggleTextPosition.left,\n labelStyle\n )}\n <Track\n isChecked={isChecked}\n data-testid=\"toggle-track\"\n disabled={disabled}\n hasError={hasError}\n isInverse={isInverse}\n style={trackStyle}\n theme={theme}\n >\n <IconContainer disabled={disabled} theme={theme}>\n <CheckIcon size={theme.iconSizes.xSmall} />\n </IconContainer>\n <Thumb\n isChecked={isChecked}\n disabled={disabled}\n style={thumbStyle}\n theme={theme}\n />\n </Track>\n {textPosition === ToggleTextPosition.right &&\n renderLabelText(\n isTextVisuallyHidden,\n labelText,\n ToggleTextPosition.right,\n labelStyle\n )}\n </StyledLabel>\n </StyledContainer>\n {!!errorMessage && (\n <InputMessage id={descriptionId} hasError isInverse={isInverse}>\n {errorMessage}\n </InputMessage>\n )}\n </>\n );\n }\n);\n","import * as React from 'react';\n\nexport interface ToastsContainerProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Number of additional pixels from bottom of screen\n * @default 0\n */\n bottomOffset?: number;\n /**\n * @internal\n */\n toastsArray?: any;\n testId?: string;\n}\n\nexport interface ToastsContextInterface {\n bottomOffset?: number;\n toastsArray?: any;\n}\n\nexport const ToastsContext = React.createContext<ToastsContextInterface>({\n toastsArray: { current: [] },\n bottomOffset: 0,\n});\n\nexport const ToastsContainer = React.forwardRef<\n HTMLDivElement,\n ToastsContainerProps\n>((props, ref) => {\n const { bottomOffset, children, testId } = props;\n const toastsArray = React.useRef([]);\n\n return (\n <ToastsContext.Provider value={{ bottomOffset, toastsArray }}>\n <div ref={ref} data-testid={testId}>\n {children}\n </div>\n </ToastsContext.Provider>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { AlertBase, AlertBaseProps, transitionDuration } from '../AlertBase';\nimport { getTrapElements } from '../../utils';\nimport { useGenerateId } from '../../utils';\nimport { ToastsContext } from './ToastsContainer';\n\n/**\n * @children required\n */\nexport interface ToastProps extends AlertBaseProps {\n /**\n * CSS properties for the alert component within the toast container\n */\n alertStyle?: React.CSSProperties;\n /**\n * CSS properties for the component container\n */\n containerStyle?: React.CSSProperties;\n /**\n * If true, the component will persist until dismissed by the user\n * @default false\n */\n disableAutoDismiss?: boolean;\n /**\n * Number of milliseconds the toast displays before it closes\n * @default 5000\n */\n toastDuration?: number;\n /**\n * Action that fires when the close button is clicked (required when dismissible is true)\n */\n onDismiss: () => void;\n /**\n * Action that fires when the mouse enters the component\n */\n onMouseEnter?: (event: React.SyntheticEvent) => void;\n /**\n * Action that fires when the mouse leaves the component\n */\n onMouseLeave?: (event: React.SyntheticEvent) => void;\n}\n\nconst ToastWrapper = styled.div<{\n bottomOffsetForContainer?: number;\n bottomOffsetForToast?: number;\n}>`\n bottom: ${props => props.bottomOffsetForToast + 20}px;\n display: flex;\n left: 20px;\n justify-content: flex-start;\n max-width: 600px;\n min-width: 320px;\n position: fixed;\n transform: translateY(${props => 0 - props.bottomOffsetForContainer}px);\n transition: bottom 0.3s;\n z-index: 999;\n\n @media (max-width: 600px) {\n bottom: ${props => props.bottomOffsetForToast + 10}px;\n left: 10px;\n right: 10px;\n }\n`;\n\nconst DEFAULT_TOAST_DURATION = 5000;\nconst TOAST_HEIGHT = 65;\n\nexport const Toast = React.forwardRef<HTMLDivElement, ToastProps>(\n (props, ref) => {\n const timerAutoHide = React.useRef<any>();\n const [isDismissed, setIsDismissed] = React.useState<boolean>(false);\n const [isPaused, setIsPaused] = React.useState<boolean>(false);\n const [timerTimeRemaining, setTimerTimeRemaining] =\n React.useState<number>();\n\n const {\n alertStyle,\n id: defaultId,\n testId,\n variant,\n disableAutoDismiss,\n children,\n containerStyle,\n toastDuration,\n ...other\n } = props;\n\n const id = useGenerateId(defaultId);\n\n const lastFocus = React.useRef<any>();\n\n const { bottomOffset, toastsArray } = React.useContext(ToastsContext);\n\n const timerStartTime = Date.now();\n\n const containerElement = React.useRef<any>();\n\n function dismissToast() {\n setIsDismissed(true);\n\n setTimeout(() => {\n if (toastsArray.current) {\n toastsArray.current = toastsArray.current.filter(\n toastId => toastId !== containerElement.current\n );\n }\n }, 0);\n }\n\n function clearTimeoutAndDismiss() {\n clearTimeout(timerAutoHide.current);\n\n dismissToast();\n\n if (lastFocus.current) {\n lastFocus.current.focus();\n }\n }\n\n function setAutoHideTimer(duration = DEFAULT_TOAST_DURATION) {\n clearTimeout(timerAutoHide.current);\n const totalDuration = duration + transitionDuration;\n\n timerAutoHide.current = setTimeout(() => {\n dismissToast();\n }, totalDuration);\n }\n\n function handlePause() {\n const duration = timerTimeRemaining\n ? timerTimeRemaining\n : toastDuration\n ? toastDuration\n : DEFAULT_TOAST_DURATION;\n const timeRemaining = duration - (Date.now() - timerStartTime);\n\n clearTimeout(timerAutoHide.current);\n setTimerTimeRemaining(timeRemaining);\n\n setIsPaused(true);\n }\n\n function handleResume() {\n setAutoHideTimer(timerTimeRemaining);\n setIsPaused(false);\n }\n\n function handleMouseEnter(event: React.SyntheticEvent) {\n props.onMouseEnter &&\n typeof props.onMouseEnter === 'function' &&\n props.onMouseEnter(event);\n\n if (!props.disableAutoDismiss) {\n handlePause();\n }\n }\n\n function handleMouseLeave(event: React.SyntheticEvent) {\n props.onMouseLeave &&\n typeof props.onMouseLeave === 'function' &&\n props.onMouseLeave(event);\n\n if (!props.disableAutoDismiss) {\n handleResume();\n }\n }\n\n function calculateAndSetBottomOffsetForToast() {\n updateBottomOffsetForToast(\n typeof toastsArray.current[0] === 'undefined'\n ? 0\n : toastsArray.current.indexOf(containerElement.current) * TOAST_HEIGHT\n );\n }\n\n const [bottomOffsetForToast, updateBottomOffsetForToast] =\n React.useState(0);\n\n React.useEffect(() => {\n lastFocus.current = document.activeElement;\n\n if (!props.disableAutoDismiss) {\n setAutoHideTimer(props.toastDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, []);\n\n React.useEffect(() => {\n if (!disableAutoDismiss) {\n const focusableElements = getTrapElements(containerElement);\n focusableElements.forEach(element => {\n element.addEventListener('focus', handlePause);\n element.addEventListener('blur', handleResume);\n });\n }\n }, []);\n\n React.useEffect(() => {\n if (toastsArray) {\n toastsArray.current = toastsArray.current.includes(\n containerElement.current\n )\n ? toastsArray.current\n : toastsArray.current.concat([containerElement.current]);\n\n calculateAndSetBottomOffsetForToast();\n }\n }, []);\n\n React.useEffect(() => {\n calculateAndSetBottomOffsetForToast();\n }, [toastsArray.current]);\n\n return (\n <ToastWrapper\n bottomOffsetForToast={bottomOffsetForToast}\n bottomOffsetForContainer={bottomOffset}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={containerElement}\n style={containerStyle}\n data-testid={testId}\n >\n <AlertBase\n {...other}\n forceDismiss={clearTimeoutAndDismiss}\n hasTimerRing={!disableAutoDismiss}\n id={id}\n isDismissible\n isDismissed={isDismissed}\n isPaused={isPaused}\n isToast\n onDismiss={props.onDismiss}\n ref={ref}\n style={{ ...alertStyle }}\n toastDuration={toastDuration ? toastDuration : DEFAULT_TOAST_DURATION}\n variant={variant}\n >\n {children}\n </AlertBase>\n </ToastWrapper>\n );\n }\n);\n","import * as React from 'react';\nimport { useDescendants } from '../../hooks/useDescendants';\n\nexport enum AccordionIconPosition {\n left = 'left',\n none = 'none',\n right = 'right', // default\n}\n\nexport interface UseAccordionProps {\n /**\n * Index of the accordion panel expanded by default. If multiple panels are allowed, takes an array.\n * @default null\n */\n defaultIndex?: number[] | number;\n /**\n * Position of the chevron icon. If 'none', the icon will not render at all.\n * @default AccordionIconPosition.right\n */\n iconPosition?: AccordionIconPosition;\n index?: number[] | number;\n isInverse?: boolean;\n /**\n * If true, multiple accordion items may be expanded at once\n * @default true\n */\n isMulti?: boolean;\n /**\n * Event that fires when an accordion button is clicked\n */\n onExpandedChange?: (event: any) => void;\n testId?: string;\n}\n\ninterface AccordionContextInterface {\n buttonRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n expandedIndex?: number[] | number;\n iconPosition?: AccordionIconPosition;\n isControlled?: boolean;\n isMulti?: boolean;\n onExpandedChange?: any;\n setExpandedIndex?: any;\n registerAccordionButton: (\n itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n itemRef: React.MutableRefObject<Element>\n ) => void;\n}\n\nexport const AccordionContext = React.createContext<AccordionContextInterface>({\n isControlled: false,\n iconPosition: AccordionIconPosition.right,\n isMulti: false,\n registerAccordionButton: (elements, element) => {},\n});\n\nexport function useAccordion(props: UseAccordionProps) {\n const {\n isMulti = true,\n defaultIndex = isMulti ? [] : null,\n index,\n iconPosition = AccordionIconPosition.right,\n onExpandedChange,\n } = props;\n\n const isControlled = typeof index !== 'undefined';\n\n const indexProp = isControlled ? index : defaultIndex;\n\n const [expandedIndex, setExpandedIndex] = React.useState(indexProp);\n\n React.useEffect(() => {\n if (isControlled) {\n setExpandedIndex(index);\n }\n }, [index]);\n\n const [buttonRefArray, registerAccordionButton] = useDescendants();\n\n const contextValue = {\n buttonRefArray,\n expandedIndex,\n iconPosition,\n isControlled,\n isMulti,\n onExpandedChange,\n registerAccordionButton,\n setExpandedIndex,\n };\n\n return {\n contextValue,\n };\n}\n\nexport type UseAccordionReturn = ReturnType<typeof useAccordion>;\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport {\n inputBaseStyles,\n InputBaseStylesProps,\n InputWrapperStylesProps,\n inputWrapperStyles,\n} from '../InputBase';\nimport {\n FormFieldContainer,\n FormFieldContainerBaseProps,\n} from '../FormFieldContainer';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useGenerateId, Omit } from '../../utils';\nimport { useIsInverse } from '../../inverse';\n\nexport interface TextareaProps\n extends Omit<FormFieldContainerBaseProps, 'inputSize' | 'fieldId'>,\n React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n isInverse?: boolean;\n testId?: string;\n /**\n * Style properties for the textarea element\n */\n textareaStyle?: React.CSSProperties;\n /**\n * Value for the textarea\n */\n value?: string | ReadonlyArray<string> | number;\n}\n\nconst StyledTextArea = styled.textarea<\n InputWrapperStylesProps & InputBaseStylesProps\n>`\n ${inputBaseStyles};\n ${inputWrapperStyles};\n height: 4.5em;\n padding: ${props =>\n `${props.theme.spaceScale.spacing02} ${props.theme.spaceScale.spacing03}`};\n`;\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n (props, ref) => {\n const {\n containerStyle,\n errorMessage,\n helperMessage,\n id: defaultId,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n messageStyle,\n testId,\n textareaStyle,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const id = useGenerateId(defaultId);\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n const [value, setValue] = React.useState<\n string | ReadonlyArray<string> | number\n >(props.defaultValue || props.value || '');\n\n React.useEffect(() => {\n setValue(props.value);\n }, [props.value]);\n function handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(event);\n\n setValue(event.target.value);\n }\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <FormFieldContainer\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n helperMessage={helperMessage}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n isInverse={isInverse}\n labelStyle={labelStyle}\n labelText={labelText}\n >\n <StyledTextArea\n {...other}\n aria-describedby={\n descriptionId ? descriptionId : props['aria-describedby']\n }\n aria-invalid={!!errorMessage}\n data-testid={testId}\n hasError={!!errorMessage}\n id={id}\n isInverse={isInverse}\n onChange={handleChange}\n ref={ref}\n style={textareaStyle}\n theme={theme}\n value={value}\n width=\"100%\"\n />\n </FormFieldContainer>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\n\ninterface AmPmToggleProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children: string;\n}\n\nconst StyledAmPmToggle = styled.button<{ theme: ThemeInterface }>`\n background: none;\n border: 0;\n border-radius: 3px;\n margin-left: 3px;\n padding: 0 3px;\n\n &:focus {\n outline: 0;\n background: ${props => props.theme.colors.foundation};\n color: ${props => props.theme.colors.neutral08};\n }\n`;\n\nexport const AmPmToggle = React.forwardRef<HTMLButtonElement, AmPmToggleProps>(\n (props, ref) => {\n const { children, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledAmPmToggle\n {...other}\n data-testid=\"amPmTimeButton\"\n ref={ref}\n theme={theme}\n type=\"button\"\n >\n {children}\n </StyledAmPmToggle>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { Announce } from '../Announce';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { AmPmToggle } from './AmPmToggle';\nimport { ScheduleIcon } from 'react-magma-icons';\nimport { useTimePicker, UseTimePickerProps } from './useTimePicker';\n\nimport { I18nContext } from '../../i18n';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useIsInverse } from '../../inverse';\nimport { FormFieldContainer } from '../FormFieldContainer';\nimport { inputWrapperStyles } from '../InputBase';\n\nexport interface TimePickerProps extends UseTimePickerProps {\n /**\n * Style properties for the outer input\n */\n inputStyle?: React.CSSProperties;\n}\n\nconst InputsContainer = styled.div<{\n hasError?: boolean;\n isInverse?: boolean;\n}>`\n ${inputWrapperStyles};\n height: ${props => props.theme.spaceScale.spacing09};\n padding: ${props => props.theme.spaceScale.spacing03};\n width: 144px;\n`;\n\nconst Divider = styled.span`\n display: inline-block;\n margin: 0 1px;\n position: relative;\n top: -1px;\n`;\n\nconst StyledNumInput = styled.input`\n border: 0;\n border-radius: ${props => props.theme.borderRadius};\n margin-right: ${props => props.theme.spaceScale.spacing01};\n padding: 0 ${props => props.theme.spaceScale.spacing01};\n text-align: right;\n width: ${props => props.theme.spaceScale.spacing06};\n\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n -moz-appearance: textfield;\n\n &:focus {\n outline: 0;\n background: ${props => props.theme.colors.foundation02};\n color: ${props => props.theme.colors.neutral08};\n }\n`;\n\nexport const TimePicker = React.forwardRef<HTMLInputElement, TimePickerProps>(\n (props, ref) => {\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const {\n containerStyle,\n errorMessage,\n helperMessage,\n inputStyle,\n labelStyle,\n labelText,\n minutesStep,\n onChange,\n ...other\n } = props;\n\n const isInverse = useIsInverse(props.isInverse);\n\n const {\n am,\n amPm,\n amPmRef,\n descriptionId,\n hour,\n hourId,\n hourRef,\n id,\n time,\n minute,\n minuteId,\n minuteRef,\n toggleAmPm,\n handleHourChange,\n handleMinuteChange,\n handleHourKeyDown,\n handleMinuteKeyDown,\n handleAmPmKeyDown,\n } = useTimePicker(props);\n\n const hoursLabel = `${labelText}, ${i18n.timePicker.hoursAriaLabel}`;\n const minutesLabel = `${labelText}, ${i18n.timePicker.minutesAriaLabel}`;\n const amPmLabel = `${labelText}, ${\n amPm === am\n ? i18n.timePicker.amButtonAriaLabel\n : i18n.timePicker.pmButtonAriaLabel\n }`;\n\n return (\n <FormFieldContainer\n {...other}\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n helperMessage={helperMessage}\n isInverse={isInverse}\n labelText={labelText}\n >\n <InputsContainer\n isInverse={isInverse}\n hasError={!!errorMessage}\n theme={theme}\n >\n <ScheduleIcon\n color={theme.colors.neutral}\n style={{ marginRight: theme.spaceScale.spacing02 }}\n />\n <StyledNumInput\n aria-label={hoursLabel}\n aria-describedby={descriptionId}\n data-testid=\"hoursTimeInput\"\n id={hourId}\n maxLength={2}\n max=\"12\"\n min=\"1\"\n onChange={handleHourChange}\n onKeyDown={handleHourKeyDown}\n placeholder=\"--\"\n ref={hourRef}\n theme={theme}\n type=\"number\"\n value={hour}\n />\n <Divider> : </Divider>\n <StyledNumInput\n aria-label={minutesLabel}\n data-testid=\"minutesTimeInput\"\n id={minuteId}\n maxLength={2}\n max=\"59\"\n min=\"0\"\n onChange={handleMinuteChange}\n onKeyDown={handleMinuteKeyDown}\n placeholder=\"--\"\n ref={minuteRef}\n step={minutesStep || 1}\n theme={theme}\n type=\"number\"\n value={minute}\n />\n <AmPmToggle\n aria-label={amPmLabel}\n ref={amPmRef}\n onClick={toggleAmPm}\n onKeyDown={handleAmPmKeyDown}\n >\n {amPm}\n </AmPmToggle>\n <VisuallyHidden>\n <Announce>\n {amPm === am\n ? i18n.timePicker.amSelectedAnnounce\n : i18n.timePicker.pmSelectedAnnounce}\n </Announce>\n </VisuallyHidden>\n </InputsContainer>\n <input id={id} ref={ref} type=\"hidden\" value={time} />\n </FormFieldContainer>\n );\n }\n);\n","import * as React from 'react';\nimport { useGenerateId, Omit } from '../../utils';\nimport { FormFieldContainerBaseProps } from '../FormFieldContainer';\n\nimport { enUS } from 'date-fns/locale';\nimport { I18nContext } from '../../i18n';\n\nexport interface UseTimePickerProps\n extends Omit<FormFieldContainerBaseProps, 'inputSize' | 'fieldId'> {\n /**\n * ID of the hidden input that stores the time value. Also the prefix for other fields.\n */\n id?: string;\n /**\n * Style properties for the outer input\n */\n inputStyle?: React.CSSProperties;\n isInverse?: boolean;\n /**\n * Style properties for the label\n */\n minutesStep?: number;\n /**\n * Full time value passed in and converted to use in hour, minute, and AM/PM fields\n */\n value?: string;\n /**\n * Function called when the component is changed to a new time\n */\n onChange?: (value: string) => void;\n}\n\nexport function useTimePicker(props: UseTimePickerProps) {\n const { errorMessage, helperMessage, onChange } = props;\n const i18n = React.useContext(I18nContext);\n\n const locale = i18n.locale || enUS;\n const am = locale.localize.dayPeriod('am', { width: 'abbreviated' });\n const pm = locale.localize.dayPeriod('pm', { width: 'abbreviated' });\n\n const [hour, setHour] = React.useState<string>('');\n const [minute, setMinute] = React.useState<string>('');\n const [amPm, setAmPm] = React.useState<string>(am);\n const [time, setTime] = React.useState<string>('');\n const hourRef = React.useRef<HTMLInputElement>();\n const minuteRef = React.useRef<HTMLInputElement>();\n const amPmRef = React.useRef<HTMLButtonElement>();\n const id = useGenerateId(props.id);\n\n React.useEffect(() => {\n if (validTime(props.value)) {\n convertPassedInTime(props.value);\n }\n }, [props.value]);\n\n const hourId = `${id}__hour`;\n const minuteId = `${id}__minute`;\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n function updateTime(newTime: string) {\n setTime(newTime);\n onChange && typeof onChange === 'function' && onChange(newTime);\n }\n\n function validTime(passedInTime: string) {\n const amPmRegex = `${am}|${am.toLowerCase()}|${pm}|${pm.toLowerCase()}`;\n const timeRegex = new RegExp(\n `^([01]?[0-9]|2[0-3]):[0-5][0-9]( (${amPmRegex}))?$`,\n 'g'\n );\n return timeRegex.test(passedInTime);\n }\n\n function convertPassedInTime(passedInTime: string) {\n const [timeHour, timeMinuteAndAmPm] = passedInTime.split(':');\n const timeMinute = timeMinuteAndAmPm.substring(0, 2);\n\n const timeAmPm =\n Number(timeHour) > 12\n ? pm\n : timeMinuteAndAmPm.length > 2\n ? timeMinuteAndAmPm.split(' ')[1].toUpperCase()\n : am;\n\n setHour(calculateHour(Number(timeHour)));\n setMinute(timeMinute);\n setAmPm(timeAmPm);\n updateTime(`${timeHour}:${timeMinute} ${timeAmPm}`);\n }\n\n function calculateHour(newHour: number): string {\n if (newHour < 10) {\n return `0${newHour}`;\n } else if (newHour > 12) {\n return `0${newHour.toString().substring(0, 1)}`;\n }\n\n return newHour.toString();\n }\n\n function calculateMinute(newMinute: number): string {\n if (newMinute === 0) {\n return `00`;\n } else if (newMinute < 10) {\n return `0${newMinute}`;\n } else if (newMinute > 59) {\n return `0${newMinute.toString().substring(0, 1)}`;\n }\n\n return newMinute.toString();\n }\n\n function handleHourChange(event: React.ChangeEvent<HTMLInputElement>) {\n const newHour = calculateHour(Number(event.target.value));\n\n setHour(newHour);\n updateTime(`${newHour}:${minute} ${amPm}`);\n }\n\n function handleMinuteChange(event: React.ChangeEvent<HTMLInputElement>) {\n const newMinute = calculateMinute(Number(event.target.value));\n\n setMinute(newMinute);\n updateTime(`${hour}:${newMinute} ${amPm}`);\n }\n\n function toggleAmPm() {\n const newAmPm = amPm === am ? pm : am;\n\n setAmPm(newAmPm);\n updateTime(`${hour}:${minute} ${newAmPm}`);\n }\n\n function handleHourKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Backspace') {\n setHour('');\n }\n\n if (event.key === 'ArrowRight') {\n minuteRef.current.focus();\n }\n }\n\n function handleMinuteKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Backspace') {\n setMinute('');\n }\n\n if (event.key === 'ArrowLeft') {\n hourRef.current.focus();\n }\n\n if (event.key === 'ArrowRight') {\n amPmRef.current.focus();\n }\n }\n\n function handleAmPmKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'ArrowLeft') {\n minuteRef.current.focus();\n }\n\n if (\n event.key === 'ArrowUp' ||\n event.key === 'ArrowDown' ||\n ((event.key === 'A' || event.key === 'a') && amPm === pm) ||\n ((event.key === 'P' || event.key === 'p') && amPm === am)\n ) {\n event.preventDefault();\n toggleAmPm();\n }\n }\n\n return {\n amPm,\n am,\n amPmRef,\n toggleAmPm,\n id,\n time,\n hour,\n hourId,\n hourRef,\n minute,\n minuteId,\n minuteRef,\n descriptionId,\n handleHourChange,\n handleMinuteChange,\n handleHourKeyDown,\n handleMinuteKeyDown,\n handleAmPmKeyDown,\n };\n}\n\nexport type UseTimePickerReturn = ReturnType<typeof useTimePicker>;\n","import * as React from 'react';\nimport { Global, css } from '@emotion/core';\nimport { ThemeContext } from '../ThemeContext';\nimport { useIsInverse } from '../../inverse';\n\nfunction getStyles(theme, isInverse: boolean) {\n return css`\n @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');\n @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');\n\n *,\n *:before,\n *:after {\n box-sizing: border-box;\n }\n\n *:focus {\n outline: 2px dotted\n ${isInverse ? theme.colors.focusInverse : theme.colors.focus};\n outline-offset: 4px;\n }\n\n html {\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n font-size: ${theme.typeScale.size03.fontSize};\n line-height: ${theme.typeScale.size03.lineHeight};\n scroll-behavior: smooth;\n }\n\n html,\n body {\n background: ${isInverse\n ? theme.colors.foundation\n : theme.colors.neutral08};\n color: ${isInverse ? theme.colors.neutral08 : theme.colors.neutral};\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: ${theme.bodyFont};\n font-style: normal;\n font-weight: 400;\n font-size: ${theme.typeScale.size03.fontSize};\n line-height: ${theme.typeScale.size03.lineHeight};\n }\n\n a {\n color: ${isInverse ? theme.colors.neutral07 : theme.colors.primary};\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ${isInverse ? theme.colors.neutral06 : theme.colors.focus};\n }\n }\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font: inherit;\n margin: 0;\n }\n\n svg:not(:root) {\n overflow: hidden;\n }\n `;\n}\n\nexport const GlobalStyles: React.FunctionComponent = () => {\n const isInverse = useIsInverse();\n return (\n <ThemeContext.Consumer>\n {theme => <Global styles={getStyles(theme, isInverse)} />}\n </ThemeContext.Consumer>\n );\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { InverseContext, useIsInverse } from '../../inverse';\nimport {\n UseAccordionProps,\n AccordionContext,\n useAccordion,\n} from './useAccordion';\nimport { ThemeInterface } from '../../theme/magma';\n\n/**\n * @children required\n */\ninterface BaseAccordionProps\n extends UseAccordionProps,\n React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nexport interface AccordionMultipleProps extends BaseAccordionProps {\n /**\n * Zero-based indices of item to expanded initially. When isMulti is true this is an array of numbers.\n * @default []\n */\n defaultIndex?: number[];\n /**\n * Not used in uncontrolled accordion\n */\n index?: never;\n /**\n * If true, multiple accordion items may be expanded at once\n */\n isMulti: true;\n}\n\nexport interface AccordionSingleProps\n extends UseAccordionProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * Zero-based index of item to expanded initially. When isMulti is a false this is a number.\n * @default null\n */\n defaultIndex?: number;\n /**\n * Not used in uncontrolled accordion\n */\n index?: never;\n /**\n * If true, multiple accordion items may be expanded at once\n */\n isMulti: false;\n}\n\nexport interface AccordionMultipleControlledProps\n extends UseAccordionProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * Zero-based indices of expanded items. When isMulti is true this is an array of numbers.\n * @default []\n */\n index?: number[];\n /**\n * Not used in controlled accordion\n */\n defaultIndex?: never;\n isMulti?: true;\n}\n\nexport interface AccordionSingleControlledProps\n extends UseAccordionProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * Zero-based index of expanded item. When isMulti is a false this is a number.\n * @default null\n */\n index?: number;\n /**\n * Not used in controlled accordion\n */\n defaultIndex?: never;\n isMulti: false;\n}\n\nexport type AccordionProps =\n | AccordionMultipleProps\n | AccordionSingleProps\n | AccordionMultipleControlledProps\n | AccordionSingleControlledProps;\n\nconst StyledAccordion = styled.div<AccordionProps>`\n background: transparent;\n border-bottom: 1px solid ${props => props.theme.colors.neutral06};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n`;\n\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n (props, ref) => {\n const {\n children,\n isInverse: isInverseProp,\n onExpandedChange,\n testId,\n ...rest\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n const { contextValue } = useAccordion(props);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <AccordionContext.Provider value={contextValue}>\n <StyledAccordion\n {...rest}\n data-testid={testId}\n isInverse={isInverse}\n ref={ref}\n theme={theme}\n >\n {React.Children.map(\n children,\n (child: React.ReactElement<any>, index) => {\n return React.cloneElement(child, { index, key: index });\n }\n )}\n </StyledAccordion>\n </AccordionContext.Provider>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\n\nimport { AccordionContext } from './useAccordion';\nimport { useGenerateId } from '../../utils';\n\nexport interface UseAccordionItemProps {\n /**\n * @internal\n */\n index?: number;\n isDisabled?: boolean;\n testId?: string;\n}\n\ninterface AccordionItemContextInterface {\n buttonId?: string;\n index?: number;\n isDisabled?: boolean;\n isExpanded?: boolean;\n panelId?: string;\n setIsExpanded?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextInterface>(\n {\n isDisabled: false,\n isExpanded: false,\n setIsExpanded: () => {},\n }\n);\n\nexport function useAccordionItem(props: UseAccordionItemProps) {\n const { index, isDisabled } = props;\n\n const [isExpanded, setIsExpanded] = React.useState<boolean>(false);\n const { expandedIndex, isMulti } = React.useContext(AccordionContext);\n\n const idPrefix = useGenerateId();\n\n const buttonId = `${idPrefix}_btn`;\n const panelId = `${idPrefix}_panel`;\n\n React.useEffect(() => {\n const newIsExpanded = isMulti\n ? Array.isArray(expandedIndex) && expandedIndex.includes(index) \n : expandedIndex == index;\n \n setIsExpanded(newIsExpanded);\n });\n\n const contextValue = {\n buttonId,\n index,\n isDisabled,\n isExpanded,\n panelId,\n setIsExpanded,\n };\n\n return {\n contextValue,\n };\n}\n\nexport type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>;\n","import * as React from 'react';\nimport {\n AccordionItemContext,\n UseAccordionItemProps,\n useAccordionItem,\n} from './useAccordionItem';\nimport { ThemeInterface } from '../../theme/magma';\nimport styled from '../../theme/styled';\n\n/**\n * @children required\n */\nexport interface AccordionItemProps\n extends UseAccordionItemProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nconst StyledItem = styled.div`\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n background: none;\n color: inherit;\n font: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n }\n`;\n\nexport const AccordionItem = React.forwardRef<\n HTMLDivElement,\n AccordionItemProps\n>((props, ref) => {\n const { children, testId, ...rest } = props;\n\n const { contextValue } = useAccordionItem(props);\n\n return (\n <AccordionItemContext.Provider value={contextValue}>\n <StyledItem ref={ref} data-testid={testId} {...rest}>\n {children}\n </StyledItem>\n </AccordionItemContext.Provider>\n );\n});\n","import * as React from 'react';\n\nimport { AccordionContext } from './useAccordion';\nimport { AccordionItemContext } from './useAccordionItem';\nimport { useForceUpdate } from '../../hooks/useForceUpdate';\nimport { useForkedRef } from '../../utils';\n\nexport interface UseAccordionButtonProps {\n testId?: string;\n isInverse?: boolean;\n}\n\nexport function useAccordionButton(\n props: UseAccordionButtonProps,\n forwardedRef\n) {\n const {\n buttonRefArray,\n expandedIndex,\n iconPosition,\n isControlled,\n isMulti,\n registerAccordionButton,\n onExpandedChange,\n setExpandedIndex,\n } = React.useContext(AccordionContext);\n\n const { buttonId, index, isDisabled, isExpanded, panelId } = React.useContext(\n AccordionItemContext\n );\n\n const handleClick = () => {\n typeof onExpandedChange === 'function' && onExpandedChange(index);\n\n if (!isControlled) {\n isMulti && Array.isArray(expandedIndex)\n ? isExpanded\n ? setExpandedIndex(expandedIndex.filter(item => item !== index))\n : setExpandedIndex(expandedIndex.concat([index]))\n : isExpanded\n ? setExpandedIndex(null)\n : setExpandedIndex(index);\n }\n };\n\n const focusFirst = () => {\n (buttonRefArray.current[0].current as HTMLButtonElement).focus();\n };\n\n const focusNext = () => {\n (buttonRefArray.current[index + 1].current as HTMLButtonElement).focus();\n };\n\n const focusPrev = () => {\n (buttonRefArray.current[index - 1].current as HTMLButtonElement).focus();\n };\n\n const focusLast = () => {\n const arrLength = buttonRefArray.current.length;\n (buttonRefArray.current[arrLength - 1]\n .current as HTMLButtonElement).focus();\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n const arrLength = buttonRefArray.current.length;\n\n switch (event.key) {\n case 'ArrowDown': {\n index === arrLength - 1 ? focusFirst() : focusNext();\n break;\n }\n case 'ArrowUp': {\n index === 0 ? focusLast() : focusPrev();\n break;\n }\n case 'Home': {\n focusFirst();\n break;\n }\n case 'End': {\n focusLast();\n break;\n }\n default:\n return;\n }\n };\n\n const ownRef = React.useRef<HTMLDivElement>();\n const forceUpdate = useForceUpdate();\n\n const ref = useForkedRef(forwardedRef, ownRef);\n\n React.useEffect(() => {\n if (!isDisabled) {\n registerAccordionButton(buttonRefArray, ownRef);\n }\n\n forceUpdate();\n }, []);\n\n return {\n buttonId,\n handleClick,\n handleKeyDown,\n iconPosition,\n index,\n isDisabled,\n isExpanded,\n panelId,\n ref,\n };\n}\n\nexport type UseAccordionButtonReturn = ReturnType<typeof useAccordionButton>;\n","import * as React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { Modal, ModalProps } from '../Modal';\nimport { TransitionProps } from '../Transition';\n\nexport enum DrawerPosition {\n top = 'top',\n bottom = 'bottom',\n left = 'left',\n right = 'right',\n}\n\nconst transitionPreset: {\n [key in DrawerPosition]: Omit<TransitionProps, 'isOpen'>;\n} = {\n top: { slideTop: true },\n bottom: { slideBottom: true },\n left: { slideLeft: true },\n right: { slideRight: true },\n};\n\n/**\n * @children required\n */\nexport interface DrawerProps extends Omit<ModalProps, 'size'> {\n testId?: string;\n /**\n * Style properties for the drawer\n */\n drawerStyle?: React.CSSProperties;\n /**\n * Style properties for the drawer container\n */\n containerStyle?: React.CSSProperties;\n /**\n * Set the position of the drawer\n */\n position?: DrawerPosition;\n}\n\nexport const Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(\n (props, ref) => {\n const { style, containerStyle, position, ...rest } = props;\n const theme = React.useContext(ThemeContext);\n const drawerStyle = {\n ...theme.drawer.default,\n ...theme.drawer[DrawerPosition[position]],\n } as React.CSSProperties;\n return (\n <Modal\n containerStyle={{\n padding: '0',\n ...containerStyle,\n }}\n containerTransition={transitionPreset[DrawerPosition[position]]}\n style={{ ...drawerStyle, ...style }}\n {...rest}\n />\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { useIsInverse } from '../../inverse';\nimport { AccordionIconPosition } from './useAccordion';\nimport { Spacer } from '../Spacer';\nimport { ExpandMoreIcon } from 'react-magma-icons';\nimport {\n useAccordionButton,\n UseAccordionButtonProps,\n} from './useAccordionButton';\nimport { Transition } from '../Transition';\n\n/**\n * @children required\n */\nexport interface AccordionButtonProps\n extends UseAccordionButtonProps,\n React.HTMLAttributes<HTMLButtonElement> {\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nconst StyledButton = styled.button<{\n isInverse?: boolean;\n isExpanded?: boolean;\n}>`\n background: transparent;\n border: 0;\n border-top: 1px solid ${props =>\n props.isInverse ? props.theme.colors.tint04 : props.theme.colors.neutral06};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n cursor: pointer;\n display: flex;\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n font-weight: 600;\n padding: 12px 16px;\n text-align: left;\n width: 100%;\n\n &:focus {\n outline: 2px dotted ${props =>\n props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n }\n outline-offset: -3px;\n }\n\n &&[disabled] {\n color: ${props =>\n props.isInverse\n ? props.theme.colors.disabledInverseText\n : props.theme.colors.disabledText};\n cursor: not-allowed;\n }\n`;\n\nconst TextWrapper = styled.span`\n flex-grow: 1;\n`;\n\nexport const AccordionButton = React.forwardRef<\n HTMLButtonElement,\n AccordionButtonProps\n>((props, forwardedRef) => {\n const { children, testId, isInverse: isInverseProp, ...rest } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n const {\n iconPosition,\n buttonId,\n isDisabled,\n isExpanded,\n panelId,\n handleClick,\n handleKeyDown,\n ref,\n } = useAccordionButton(props, forwardedRef);\n\n const caret = (\n <Transition\n isOpen={isExpanded}\n rotate180\n style={{ height: theme.spaceScale.spacing06 }}\n >\n <ExpandMoreIcon />\n </Transition>\n );\n\n return (\n <StyledButton\n {...rest}\n aria-controls={panelId}\n aria-expanded={Boolean(isExpanded)}\n data-testid={testId}\n disabled={isDisabled}\n id={buttonId}\n isExpanded={isExpanded}\n isInverse={isInverse}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n ref={ref}\n theme={theme}\n >\n {iconPosition === AccordionIconPosition.left && (\n <>\n {caret}\n <Spacer size={12} />\n </>\n )}\n <TextWrapper>{children}</TextWrapper>\n {iconPosition === AccordionIconPosition.right && (\n <>\n <Spacer size={12} />\n {caret}\n </>\n )}\n </StyledButton>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { useIsInverse } from '../../inverse';\nimport { AccordionItemContext } from './useAccordionItem';\nimport { Transition } from '../Transition';\n\n/**\n * @children required\n */\nexport interface AccordionPanelProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n isInverse?: boolean;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nconst StyledPanel = styled.div<AccordionPanelProps>`\n background: transparent;\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n padding: ${props =>\n `${props.theme.spaceScale.spacing03} ${props.theme.spaceScale.spacing05} ${props.theme.spaceScale.spacing04}`};\n`;\n\nexport const AccordionPanel = React.forwardRef<\n HTMLDivElement,\n AccordionPanelProps\n>((props, ref) => {\n const { children, testId, isInverse: isInverseProp, ...rest } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n const { buttonId, isExpanded, panelId } =\n React.useContext(AccordionItemContext);\n\n return (\n <Transition isOpen={isExpanded} collapse unmountOnExit>\n <StyledPanel\n {...rest}\n aria-labelledby={buttonId}\n aria-hidden={!isExpanded}\n data-testid={testId}\n id={panelId}\n isInverse={isInverse}\n ref={ref}\n theme={theme}\n >\n {children}\n </StyledPanel>\n </Transition>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport * as CSS from 'csstype';\n\nexport enum GridDisplay {\n grid = 'grid', // default\n inlineGrid = 'inline-grid',\n}\n\nexport enum GridJustifyItems {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n}\n\nexport enum GridJustifyContent {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n spaceAround = 'space-around',\n spaceBetween = 'space-between',\n spaceEvenly = 'space-evenly',\n}\n\nexport enum GridAlignItems {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n}\n\nexport enum GridAlignContent {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n spaceAround = 'space-around',\n spaceBetween = 'space-between',\n spaceEvenly = 'space-evenly',\n}\n\nexport enum GridItemJustifySelf {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n}\n\nexport enum GridItemAlignSelf {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n}\n\nexport enum GridAutoFlow {\n row = 'row',\n column = 'column',\n rowDense = 'row-dense',\n columnDense = 'column-dense',\n}\n\n/**\n * @children required\n */\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Defines the display style property. Sets grid or inline-grid.\n * @default GridDisplay.grid\n */\n gridDisplay?: GridDisplay;\n /**\n * Set the columns in the grid.\n */\n gridTemplateColumns?: CSS.Property.GridTemplateColumns;\n /**\n * Set the rows in the grid.\n */\n gridTemplateRows?: CSS.Property.GridTemplateRows;\n /**\n * Set the areas in the grid.\n */\n gridTemplateAreas?: CSS.Property.GridTemplateAreas;\n /**\n * Set the space between columns and / or rows in the grid.\n */\n gridGap?: CSS.Property.GridGap;\n /**\n * Align grid items along the inline (row) axis. Applies to all items in the grid.\n */\n gridJustifyItems?: GridJustifyItems;\n /**\n * Sets the alignment of the grid within the grid container along the inline row axis.\n */\n gridJustifyContent?: GridJustifyContent;\n /**\n * Align grid items along the block (column) axis. Applies to all items in the grid.\n */\n gridAlignItems?: GridAlignItems;\n /**\n * Sets the alignment of the grid within the grid container along the block (column) axis.\n */\n gridAlignContent?: GridAlignContent;\n /**\n * If you have grid items that you don’t explicitly place on the grid, the auto-placement algorithm kicks in to automatically place the items.\n */\n gridAutoFlow?: GridAutoFlow;\n}\n\n/**\n * @children required\n */\nexport interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Defines the span of a column on a grid item.\n */\n gridColumn?: CSS.Property.GridColumn;\n /**\n * Defines the span of a row on a grid item.\n */\n gridRow?: CSS.Property.GridRow;\n /**\n * Define which grid area a grid item belongs to.\n */\n gridArea?: CSS.Property.GridArea;\n /**\n * Aligns the grid item within the cell along the inline (row) axis. Applies to a grid item inside a single cell.\n */\n gridItemJustifySelf?: GridItemJustifySelf;\n /**\n * Aligns the grid item within the cell along the block (column) axis. Applies to a grid item inside a single cell.\n */\n gridItemAlignSelf?: GridItemAlignSelf;\n}\n\nexport const Grid = styled.div<GridProps>`\n ${props =>\n css({\n display: props.gridDisplay || GridDisplay.grid,\n 'grid-template-rows': props.gridTemplateRows,\n 'grid-template-columns': props.gridTemplateColumns,\n 'grid-areas': props.gridTemplateAreas,\n 'grid-gap': props.gridGap,\n 'justify-items': props.gridJustifyItems,\n 'justify-content': props.gridJustifyContent,\n 'align-items': props.gridAlignItems,\n 'align-content': props.gridAlignContent,\n 'grid-auto-flow': props.gridAutoFlow,\n })}\n`;\n\nexport const GridItem = styled.div<GridItemProps>`\n ${props =>\n css({\n 'grid-column': props.gridColumn,\n 'grid-row': props.gridRow,\n 'grid-area': props.gridArea,\n 'justify-self': props.gridItemJustifySelf,\n 'align-self': props.gridItemAlignSelf,\n })}\n`;\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { magma, ThemeInterface } from '../../theme/magma';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface BlockQuoteProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Style properties for the left border color which accept custom CSS hex values.\n */\n borderStyle?: keyof typeof magma.colors | string;\n isInverse?: boolean;\n /**\n * @internal\n */\n testId?: string;\n theme?: ThemeInterface;\n}\n\nconst BlockQuoteStyles = props => css`\n border-left: 4px solid\n ${props.isInverse\n ? props.borderStyle || props.theme.colors.neutral08\n : props.borderStyle || props.theme.colors.neutral06};\n padding: 10px 0 4px 20px;\n margin: 0;\n`;\n\nconst StyledBlockQuote = styled.figure<BlockQuoteProps>`\n ${BlockQuoteStyles};\n`;\n\nexport const BlockQuote = React.forwardRef<HTMLDivElement, BlockQuoteProps>(\n (props, ref) => {\n const {\n borderStyle,\n children,\n testId,\n isInverse: isInverseProp,\n ...rest\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledBlockQuote\n borderStyle={magma.colors[borderStyle] || borderStyle}\n theme={theme}\n isInverse={isInverse}\n ref={ref}\n data-testid={props.testId}\n {...rest}\n >\n {children}\n </StyledBlockQuote>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useIsInverse } from '../../inverse';\nimport { BlockQuoteProps } from '.';\nimport {\n TypographyVisualStyle,\n TypographyColor,\n TypographyContextVariant,\n TypographyComponent,\n} from '../Typography';\n/**\n * @children required\n */\nexport interface BlockQuoteItemProps\n extends BlockQuoteProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * The color of the component, helping to convey meaning or relative emphasis\n * @default TypographyColor.default\n */\n color?: TypographyColor;\n /**\n * Additional styles for typography based on the context of the content\n * @default TypographyContextVariant.default\n */\n contextVariant?: TypographyContextVariant;\n /**\n * If true, adds in an attribution line for the quote\n * @default false\n */\n hasAttribution?: boolean;\n isInverse?: boolean;\n testId?: string;\n /**\n * Applies visual styles including font-size, font-weight, line-height and margins\n * @default TypographyVisualStyle.bodyMedium\n */\n visualStyle?: TypographyVisualStyle;\n}\n\nexport const blockQuoteStyles = props => css`\n margin: 0;\n padding: 8px 0;\n blockquote {\n margin: 0;\n }\n //Inverse\n ${props.isInverse &&\n css`\n color: ${props.theme.colors.neutral08};\n `}\n //Inverse & Attribution\n ${props.isInverse &&\n props.hasAttribution &&\n css`\n color: ${props.theme.colors.neutral05};\n `}\n`;\n\nconst StyledBlockQuoteItem = styled(TypographyComponent)`\n ${blockQuoteStyles}\n`;\n\nexport const BlockQuoteItem = React.forwardRef<\n HTMLDivElement,\n BlockQuoteItemProps\n>((props, ref) => {\n const { children, color, hasAttribution, testId, visualStyle, ...rest } =\n props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse();\n\n return (\n <StyledBlockQuoteItem\n as={hasAttribution ? 'figcaption' : 'blockquote'}\n color={\n hasAttribution\n ? color || TypographyColor.subdued\n : color || TypographyColor.default\n }\n theme={theme}\n hasAttribution={hasAttribution}\n isInverse={isInverse}\n ref={ref}\n data-testid={props.testId}\n visualStyle={\n hasAttribution\n ? visualStyle || TypographyVisualStyle.bodyMedium\n : visualStyle || TypographyVisualStyle.bodyLarge\n }\n {...rest}\n >\n {hasAttribution ? (\n <>\n &#x02015;&nbsp;\n {children}\n </>\n ) : (\n <>\n &ldquo;\n {children}\n &rdquo;\n </>\n )}\n </StyledBlockQuoteItem>\n );\n});\n","import * as React from 'react';\nimport { useGenerateId } from '../../utils';\nimport { DropdownHeader } from './DropdownHeader';\n\n/**\n * @children required\n */\nexport interface DropdownMenuGroupProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Header text to use for the menu group\n */\n header?: React.ReactNode;\n}\n\nexport const DropdownMenuGroup: React.FunctionComponent<DropdownMenuGroupProps> = (\n props: DropdownMenuGroupProps\n) => {\n const { children, id: defaultId, header, ...other } = props;\n\n const id = useGenerateId(defaultId);\n\n return (\n <div {...other} aria-labelledby={id} role=\"group\">\n {header && <DropdownHeader id={id}>{header}</DropdownHeader>}\n {children}\n </div>\n );\n};\n","import * as React from 'react';\n\nimport { TARGET_ID } from '../SkipLink';\n\n/**\n * @children required\n */\nexport interface SkipLinkContentProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n}\n\nexport const SkipLinkContent: React.FunctionComponent<SkipLinkContentProps> = props => {\n const { children, testId } = props;\n return (\n <div\n data-testid={testId}\n id={TARGET_ID}\n tabIndex={-1}\n style={{ outline: 0 }}\n >\n {children}\n </div>\n );\n};\n","import React from 'react';\n\nexport function useMediaQuery(queryInput) {\n const query = queryInput.replace(/^@media( ?)/m, '');\n\n const supportMatchMedia =\n typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';\n\n const matchMedia = supportMatchMedia ? window.matchMedia : null;\n\n const [match, setMatch] = React.useState(() => {\n if (supportMatchMedia) {\n return matchMedia(query).matches;\n }\n\n return false;\n });\n\n React.useEffect(() => {\n let active = true;\n\n if (!supportMatchMedia) {\n return undefined;\n }\n\n const queryList = matchMedia(query);\n\n const updateMatch = () => {\n if (active) {\n setMatch(queryList.matches);\n }\n };\n\n updateMatch();\n queryList.addEventListener('change', updateMatch);\n\n return () => {\n active = false;\n queryList.removeEventListener('change', updateMatch);\n };\n }, [query, matchMedia, supportMatchMedia]);\n\n return match;\n}\n"],"names":["typeScale","size01","fontSize","letterSpacing","lineHeight","size02","size03","size04","size05","size06","size07","size08","size09","size10","size11","size12","size13","colors","primary","primaryInverse","focus","focusInverse","foundation","foundation02","foundation03","foundation04","pop","pop02","pop03","pop04","pop05","pop06","success","success02","successInverse","danger","dangerInverse","neutral","neutral02","neutral03","neutral04","neutral05","neutral06","neutral07","neutral08","disabledText","disabledInverseText","toggleBoxShadow","shade","shade02","tint","tint02","tint03","tint04","tone","tone02","border","borderInverse","spaceScale","spacing01","spacing02","spacing03","spacing04","spacing05","spacing06","spacing07","spacing08","spacing09","spacing10","spacing11","spacing12","spacing13","spacing14","magma","bodyFont","bodyExpressiveFont","bodyNarrativeFont","borderRadius","headingFont","headingExpressiveFont","headingNarrativeFont","direction","spacingMultiplier","transitions","fade","motion","exit","opacity","transition","duration","ease","enter","baseStyle","slideTop","y","type","damping","stiffness","position","top","right","left","slideBottom","bottom","slideRight","x","slideLeft","nudgeTop","nudgeBottom","nudgeRight","nudgeLeft","scale","rotate45","rotate","rotate90","rotate180","collapse","height","overflow","breakpoints","xs","small","medium","large","xl","iconSizes","xSmall","xLarge","typographyVisualStyles","headingXLarge","mobile","desktop","fontWeight","headingLarge","headingMedium","headingSmall","headingXSmall","heading2XSmall","bodyLarge","bodyMedium","bodySmall","bodyXSmall","typographyExpressiveVisualStyles","typographyNarrativeVisualStyles","appBar","backgroundColor","padding","textColor","compact","inverse","combobox","menu","maxHeight","modal","width","drawer","maxWidth","minHeight","margin","dropdown","content","iterableColors","tabs","approxTabSize","horizontal","vertical","select","tag","display","alignItems","justifyContent","tooltip","arrowSize","arrowSizeDoubled","zIndex","ThemeContext","React","DEFAULT_STYLE_PROPS","color","shape","size","textTransform","variant","buildPropsWithDefaultButtonStyles","props","buildButtonSize","theme","cachedType","defaultI18n","locale","dateFormat","timeFormat","example","months","january","february","march","april","may","june","july","august","september","october","november","december","days","monday","tuesday","wednesday","thursday","friday","saturday","sunday","min","emptyItemsListText","alert","dismissAriaLabel","breadcrumb","navAriaLabel","charts","line","chartTabLabel","dataLegendsLabel","dataTabLabel","keyboardInstructions","keyboardInstructionsHeader","keyboardInstructionsTooltip","legendButtonAriaLabel","clearIndicatorAriaLabel","createLabel","datePicker","startOfWeek","calendarIconAriaLabel","calendarOpenAnnounce","calendarCloseAriaLabel","previousMonthAriaLabel","nextMonthAriaLabel","disabledDayAriaLabel","selectedDayAriaLabel","todayAriaLabel","helpModal","header","helpButtonAriaLabel","ariaLabel","explanation","rightAndLeftArrowKeys","upAndDownArrowKeys","pageUpAndPageDownKeys","displayValue","homeAndEndKeys","escape","questionMark","menuItemSelectedAriaLabel","toggleMenuAriaLabel","dropzone","browseFiles","dragMessage","errors","message","required","files","bytes","deleteFile","removeFile","navigationButtonLabel","search","input","placeholder","iconAriaLabel","indeterminateCheckbox","isCheckedAnnounce","isIndeterminateAnnounce","isUncheckedAnnounce","isClearableAriaLabel","loadingIndicator","progressBar","messages","first","second","third","spinner","closeAriaLabel","multiSelect","selectedItemButtonAriaLabel","multiCombobox","pagination","nextButtonLabel","previousButtonLabel","pageButtonLabel","password","shown","buttonText","announce","hidden","skipLink","table","ofLabel","nextAriaLabel","previousAriaLabel","rowsPerPageLabel","horizontalTabsInstructions","verticalTabsInstructions","deleteAriaLabel","timePicker","hoursAriaLabel","minutesAriaLabel","amButtonAriaLabel","pmButtonAriaLabel","amSelectedAnnounce","pmSelectedAnnounce","wizard","actions","next","previous","cancel","submit","optional","navigationLabel","I18nContext","generateId","id","uuidv4","useGenerateId","newId","useState","updateId","useEffect","omit","obj","reduce","newObj","val","usePrevious","value","ref","useRef","current","debounce","func","wait","timeout","debounced","args","context","this","clearTimeout","setTimeout","apply","clear","detectScrollType","dummy","document","createElement","appendChild","createTextNode","dir","style","body","scrollLeft","getNormalizedScrollLeft","element","Number","scrollWidth","clientWidth","easeInOutSin","time","Math","sin","PI","assignRef","error","Error","useForkedRef","refs","useMemo","every","node","forEach","stringIncludesUnit","includes","convertStyleValueToString","defaultValue","getNodeText","Array","map","join","children","candidateSelectors","StyledSpinner","styled","span","Spinner","testId","other","i18n","sizeString","role","buttonStyles","css","disabled","isInverse","buildButtonBackground","buildBorderColor","buildButtonBorderRadius","buildColor","isFullWidth","buildButtonFontSize","buildButtonLineHeight","buildButtonPadding","iconOnly","lighten","darken","buildFocusBackground","buildFocusColor","buildAfterBackground","buildActiveBackground","buildActiveColor","BaseStyledButton","SpinnerWrapper","ChildrenWrapper","isLoading","StyledButton","ButtonType","button","spinnerColor","ButtonVariant","outline","link","spinnerSize","ButtonSize","InverseContext","useIsInverse","inverseProp","inverseContext","Boolean","ButtonColor","ButtonShape","ButtonTextTransform","ButtonIconPosition","Button","rest","SpanTextLeft","getIconPadding","SpanTextRight","getIconSize","AlertVariant","IconButton","icon","iconPosition","object","round","solid","only","fill","uppercase","Circle","circle","ProgressRing","isActive","radius","strokeWidth","percentage","setPercentage","interval","setInterval","clearInterval","normalizedRadius","circumference","strokeDashoffset","cx","cy","r","stroke","strokeDasharray","VARIANT_ICON","info","InfoIcon","muted","CheckCircleIcon","warning","WarningIcon","ErrorIcon","buildAlertBackground","AnnouncePoliteness","StyledAlert","div","isExiting","isToast","StyledAlertInner","AlertContents","IconWrapperStyles","IconWrapper","ProgressRingWrapper","DismissibleIconWrapper","whitelistProps","DismissButton","shouldForwardProp","prop","isPropValid","alertVariant","AlertBase","forceDismiss","hasTimerRing","defaultId","isDismissed","isDismissible","externalIsExiting","isPaused","onDismiss","toastDuration","setIsExiting","handleDismiss","transitionDuration","tabIndex","Provider","renderIcon","CloseIcon","onClick","Alert","AppBarPosition","Announce","politeness","polite","BadgeColor","BadgeVariant","StyledHeader","sticky","fixed","isCompact","AppBar","baseBadgeStyles","buildBadgeBackground","light","counter","StyledSpan","buildBadgeFocusBackground","buildBadgeActiveBackground","Badge","BadgeComponent","label","StyledBanner","BannerContents","ButtonWrapper","allowedProps","getButtonColor","secondary","HideAtBreakpointDisplayType","Banner","actionButtonText","actionButtonOnClick","StyledList","Breadcrumb","isInverseProp","linkStyles","StyledLink","Hyperlink","to","styledAs","composedStyle","ClassNames","className","composedCss","LinkStyledAsButton","withComponent","href","StyledItem","li","BreadcrumbItem","ChevronRightIcon","BreakpointScreenSize","Container","displayType","minWidth","HideAtBreakpoint","block","getMinWidth","screenSize","breakpointValues","definedBreakpoints","sizes","Object","keys","slice","indexOf","find","newSize","CardAlignment","CardCalloutType","TypographyColor","TypographyContextVariant","TypographyVisualStyle","StyledCard","background","hasDropShadow","calloutType","align","buildCalloutBackground","CardContext","Card","StyledCardBody","CardBody","colorStyles","contextVariant","subdued","baseParagraphStyles","expressive","narrative","getBodyFontFamily","baseHeadingStyles","getHeadingFontFamily","headingLargeStyles","noMargins","TypographyComponent","p","visualStyle","headingXLargeStyles","headingMediumStyles","headingSmallStyles","headingXSmallStyles","heading2XSmallStyles","paragraphLargeStyles","paragraphMediumStyles","paragraphSmallStyles","paragraphXSmallStyles","getTypographyStyles","Heading","level","stylesFromLevel","as","StyledCardHeading","CardHeading","headingLevel","DisplayInputStyles","DisplayInputActiveStyles","buildDisplayInputActiveBackground","buildDisplayInputFocusStyles","InputSize","InputType","InputIconPosition","HiddenStyles","inputWrapperStyles","hasError","inputBaseStyles","inputSize","InputWrapper","StyledInput","IconButtonContainer","IsClearableContainer","LabelPosition","InputBase","forwardedRef","containerStyle","iconRef","isClearable","isPredictive","onClear","onIconClick","onIconKeyDown","inputStyle","setValue","inputRef","onChange","event","target","text","ClearIcon","onKeyDown","Message","BuildMessageColor","InputMessage","CheckboxTextPosition","StyledLabel","labelPosition","Label","actionable","FormGroupContext","HiddenLabel","FormGroup","errorMessage","helperMessage","labelledById","labelStyle","labelText","isTextVisuallyHidden","descriptionId","StyledLabelComponent","htmlFor","Consumer","StyledContainerComponent","StyledContainer","HiddenLabelText","HiddenInput","StyledFakeInput","buildDisplayInputBorderColor","isChecked","isIndeterminate","buildCheckIconColor","textPosition","Checkbox","checked","defaultChecked","updateIsChecked","isControlled","groupDescriptionId","describedBy","targetChecked","CheckBoxIcon","CheckBoxOutlineBlankIcon","gutterWidth","gutterWidthString","maxWidthString","useControlled","controlled","defaultProp","undefined","newValue","useDataPagination","defaultItemsPerPage","items","itemsPerPageProp","itemsPerPage","onItemsPerPageChange","setItemsPerPageState","length","ceil","getPageItems","page","newItemsPerPage","IndeterminateCheckboxStatus","VisuallyHiddenDiv","VisuallyHidden","TableDensity","TableCellAlign","TableSortDirection","TableRowColor","IndeterminateCheckbox","status","isUnchecked","replaceLabelTextForAnnounceText","baseAnnounceText","replace","getStringifiedLabelText","showAnnounce","announceText","IndeterminateCheckBoxIcon","paddingLeft","TableContext","density","normal","hasHoverStyles","hasZebraStripes","hasVerticalBorders","isSelectable","rowCount","selectedItems","TableContainer","StyledTable","Table","TableBody","baseTableCellStyle","buildCellPaddingStyle","textAlign","StyledCell","td","TableCell","tableContext","displayName","TableHeaderCellScope","TableHead","StyledTableHeaderCell","th","isRowHeader","borderBottom","verticalAlign","isSortable","SortButton","TableHeaderCell","onSort","scope","row","col","sortDirection","SortIcon","ascending","SouthIcon","descending","NorthIcon","SortDoubleArrowIcon","usePagination","count","defaultPage","hideNextButton","hidePreviousButton","numberOfAdjacentPages","numberOfEdgePages","handleChange","onPageChange","pageProp","showFirstButton","showLastButton","useContext","setPageState","handleClick","range","start","end","from","_","i","startPages","endPages","max","siblingsStart","siblingsEnd","itemList","buttonPage","pageButtons","item","isSelected","registerDescendant","itemRefArray","itemRef","index","findIndex","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","newItem","unregisterDescendant","filter","useDescendants","DropdownDropDirection","DropdownAlignment","DropdownContext","isOpen","registerDropdownMenuItem","elements","setIsOpen","Dropdown","activeIndex","alignment","dropDirection","onBeforeShiftFocus","onClose","onOpen","activeItemIndex","setActiveItemIndex","ownRef","toggleRef","menuRef","dropdownButtonId","closeDropdown","preventMagmaFocus","handlePreventMagmaFocus","getFilteredItem","filteredItems","filteredItemIndex","filteredItem","activeElement","handleDropdownBlur","relatedTarget","currentTarget","contains","isFixedWidth","openDropdown","key","preventDefault","onBlur","getButtonPadding","StyledIconButton","DropdownButton","buttonIcon","ArrowLeftIcon","ArrowRightIcon","up","ArrowDropUpIcon","ArrowDropDownIcon","getButtonIcon","iconPositionToUse","StyledDiv","DropdownContent","StyledHr","hr","DropdownHeader","MenuItemStyles","isInactive","DropdownMenuItem","CheckIcon","TooltipPosition","DropdownSplitButton","leftCap","borderRight","marginRight","rightCap","marginLeft","PageCount","RowsPerPageLabel","TablePagination","defaultRowsPerPage","dropdownDropDirection","itemCount","onRowsPerPageChange","rowsPerPageProp","rowsPerPage","rowsPerPageValues","setRowsPerPageState","setActiveIndex","displayPageStart","displayPageEnd","rowsPerPageItems","toString","handleRowsPerPageChange","previousButton","nextButton","WestIcon","EastIcon","StyledTableRow","tr","buildTableRowBackground","buildTableRowColor","TableRow","headerRowStatus","isSelectableDisabled","onHeaderRowSelect","onTableRowSelect","rowIndex","isHeaderRow","getIsCheckboxInverse","child","DefaultPagination","Datagrid","columns","customComponents","components","componentsProps","defaultSelectedRows","onHeaderSelect","onRowSelect","onSelectedRowsChange","paginationProps","rows","selectedRowsProp","selectedRows","hasPagination","rowsToShow","setRowsToShow","updatedSelectedRows","currentPage","setCurrentPage","Pagination","passedOnPaginationProps","newPage","filteredRows","indeterminate","unchecked","handleSelectedRowsChange","newSelectedRows","field","push","splice","handleRowSelect","CalendarContext","chosenDate","Date","focusedDate","buildCalendarMonth","newDate","enableOutsideDates","showHelperInformation","hideHelperInformation","onDateChange","onPrevMonthClick","onNextMonthClick","setDateFocused","EnumTooltipPosition","TooltipContainer","TooltipArrow","StyledTooltip","Tooltip","open","isVisible","setIsVisible","referenceElement","setReferenceElement","popperElement","setPopperElement","setArrowElement","usePopper","modifiers","name","options","offset","placement","styles","attributes","combinedRef","showTooltip","hideTooltip","handleEsc","window","addEventListener","removeEventListener","arrowStyle","tooltipStyle","isArray","tooltipTrigger","onFocus","combinedTooltipStyles","popper","combinedArrowStyle","arrow","onMouseLeave","onMouseEnter","getPrevMonthFromDate","prevDate","startOfMonth","subMonths","getNextMonthFromDate","addMonths","i18nFormat","date","formatStr","enUS","format","getDateFromString","CalendarHeaderContainer","CalendarIconButton","CalendarHeaderText","CalendarHeader","calendarHeader","prevFocusHeader","focusHeader","currentMonth","capitalizeCurrentMonth","charAt","toUpperCase","ArrowBackIcon","ArrowForwardIcon","CalendarDayCell","CalendarDayInner","isChosen","EmptyCell","TodayIndicator","CalendarDay","dayRef","dateFocused","maxDate","minDate","focused","setFocused","day","dayFocusable","isSameDay","isAfter","isBefore","sameDateAsFocusedDate","sameDateAsChosenDate","sameDateAsToday","isFocused","List","ul","Item","KeyboardShortcutButtonWrapper","StyledPopup","StyledNavContainer","StyledContent","HelperInformation","useFocusLock","active","rootNode","focusableItems","updateFocusableItems","_rootNode$current","querySelectorAll","firstChild","setAttribute","observer","MutationObserver","observe","childList","subtree","disconnect","handleKeyPress","shiftKey","firstItem","lastItem","CalendarContainer","MonthContainer","Th","HelperButton","CloseButton","CalendarMonth","lastFocus","headingRef","setDayFocusable","setFocusHeader","prevCalendarOpened","calendarOpened","focusTrapElement","focusOnOpen","tableDaysHeaders","concat","helperInformationShown","week","dayOfWeek","KeyboardIcon","handleCloseButtonClick","StyledFormFieldContainer","FormFieldContainer","fieldId","isLabelVisuallyHidden","messageStyle","Input","DatePickerContainer","DatePickerCalendar","opened","DatePicker","setHelperInformationShown","setCalendarOpened","setDateFromConsumer","defaultDate","setDefaultFocusedDate","setFocusedDate","setChosenDate","convertedDate","convertedMinDate","convertedMaxDate","inDateRange","minDateValue","maxDateValue","reset","isValidDateFromString","isValidDateFormat","test","isValidDate","isValid","handleInputKeyDown","handleDateChange","toISOString","inputValue","month","enableOutsideDays","firstDayOfWeek","firstOfMonth","lastOfMonth","endOfMonth","prevDays","getDay","nextDays","firstDay","subDays","lastDay","addDays","totalDays","differenceInDays","currentDay","weeksInMonth","getCalendarMonthWeeks","closest","newChosenDate","e","toggleCalendar","getAttribute","subWeeks","addWeeks","endOfWeek","EventIcon","onInputChange","isValidDay","onInputBlur","onInputFocus","toLowerCase","a","DropdownMenuNavItem","FlexAlignContent","FlexAlignItems","FlexBehavior","FlexDirection","FlexJustify","FlexWrap","getWidth","IconSizes","IconAlignment","ulListType","olListType","StyledFlex","behavior","alignContent","wrap","justify","spacing","container","sm","md","lg","Flex","stretch","flexStart","Paragraph","StyledForm","FormActions","Form","headingContextVariant","headingVisualStyle","description","getIconSizes","iconSize","getListAlignment","iconAlign","center","getListDisplay","ProgressBarColor","ListStyles","listType","spacingStyle","hasStart","isOrdered","isReversed","reversed","ListItemStyles","IconStyles","iconBackground","iconColor","StyledListItem","StyledIcon","ListItem","buildProgressBarBackground","LoadingIndicatorType","isLoadingIndicator","Track","Bar","isAnimated","Percentage","TopPercentage","ProgressBar","isLabelVisible","labelId","percentageValue","heightString","StyledLoadingIndicator","MessageContainer","hide","LoadingIndicator","messageLevel","setMessageLevel","loadingIndicatorType","messageLevel2Timeout","progressbar","messageLevel3Timeout","message1","message2","message3","SelectText","SelectedItemsWrapper","SelectedItemButton","DefaultClearIndicator","DefaultDropdownIndicator","flexShrink","DefaultLoadingIndicator","DefaultItem","itemString","defaultComponents","ClearIndicator","DropdownIndicator","ChildrenContainer","SelectTriggerButton","ariaDescribedBy","passedInStyle","toggleButtonProps","cursor","TabsOrientation","StyledNativeSelect","NativeSelect","TabsContainerContext","createContext","activeTabIndex","isInverseContainer","setActiveTabIndex","StyledTabsContainer","TabsContainer","forwardRef","setIsInverseContainer","StyledScrollButton","buttonVisible","orientation","StyledButtonPrev","transparentize","StyledButtonNext","ButtonPrev","ExpandLessIcon","ArrowBackIosIcon","ButtonNext","ExpandMoreIcon","ArrowForwardIosIcon","useTabsMeta","isRtl","scrollStart","clientSize","displayScroll","setDisplayScroll","tabsWrapperRef","prevButtonRef","nextButtonRef","scroll","scrollValue","property","requestAnimationFrame","step","timestamp","animate","moveTabsScroll","delta","updateScrollButtonState","showStartScroll","showEndScroll","scrollTop","scrollHeight","clientHeight","handleResize","handleTabsScroll","useCallback","handleStartScrollClick","handleEndScrollClick","TabsAlignment","TabsBorderPosition","TabsIconPosition","TabsContext","borderPosition","changeHandler","registerTabButton","StyledTabsWrapper","StyledTabs","Tabs","tabsMeta","tabsHandleMethods","tabsRefs","buttonRefArray","childrenWrapperRef","scrollSelectedIntoView","tabMeta","tabsNode","rect","getBoundingClientRect","scrollLeftNormalized","childrenArray","tab","getTabsMeta","prevButtonOffset","offsetHeight","offsetWidth","nextButtonOffset","nextScrollStart","tabIsEnabled","findPreviousEnabledTabIndex","modifiedActiveTabIndex","currentTabIndex","newActiveTabIndex","findNextEnabledTabIndex","lastChildIndex","onScroll","previousItemKey","nextItemKey","newActiveIndex","hasAttribute","useForceUpdate","setTick","tick","StyledTabsChild","TabStyles","getFlexDirection","StyledTab","isIconOnly","getIconMargin","Tab","forceUpdate","tabIconPosition","StyledTabPanel","TabPanel","TabPanelsContainer","Children","cloneElement","NavTabsContext","NavTabs","StyledCustomTab","newProps","component","jsx","NavTab","instanceOfNavChildrenTab","pageButtonTypeSize","buttonSize","boxShadowColor","hoverBoxShadowColor","PageButtonSize","StyledPageButton","BuildBorder","hoverBorder","PageButton","StyledNav","nav","BuildButtonSize","RadioTextPosition","NavButton","StyledEllipsis","ariaCurrent","PasswordInput","passwordShown","setPasswordShown","hiddenPasswordAnnounceText","hidePasswordButtonAriaLabel","hidePasswordButtonText","isPasswordMaskButtonHidden","shownPasswordAnnounceText","showPasswordButtonAriaLabel","showPasswordButtonText","HIDDEN_PASSWORD_ANNOUNCE_TEXT","HIDE_PASSWORD_BUTTON_ARIA_LABEL","HIDE_PASSWORD_BUTTON_TEXT","SHOWN_PASSWORD_ANNOUNCE_TEXT","SHOW_PASSWORD_BUTTON_ARIA_LABEL","SHOW_PASSWORD_BUTTON_TEXT","autoCorrect","autoCapitalize","prevPasswordShown","RadioContext","RadioGroup","selectedValue","setSelectedValue","newSelectedValue","buildErrorBorder","ModalSize","buildRadioIconColor","Radio","RadioButtonCheckedIcon","RadioButtonUncheckedIcon","Transition","unmountOnExit","initial","customTransition","shouldExpand","variants","acc","themeVariant","AnimatePresence","ModalContainer","ModalBackdrop","ModalContent","ModalHeader","H1","CloseBtn","ModalBody","Modal","bodyRef","headingId","contentId","isModalOpen","setIsModalOpen","setCurrentTarget","prevOpen","handleEscapeKeyDown","stopPropagation","onEscKeyDown","handleClose","isEscKeyDownDisabled","closeButtonSize","containerTransition","isBackgroundClickDisabled","isCloseButtonHidden","CloseIconButton","ReactDOM","createPortal","Global","getElementById","onMouseDown","getElementsByTagName","Search","onSearch","SearchIcon","handleSearch","NoItemsMessage","ItemsList","getMenuProps","itemToString","highlightedIndex","getItemProps","menuStyle","hasItems","otherDownshiftItemProps","itemProps","SelectContainerElement","InputMessageContainer","SelectContainer","getLabelProps","Select","defaultSelectedItem","innerRef","itemListMaxHeight","initialSelectedItem","onIsOpenChange","onKeyPress","onKeyUp","passedInSelectedItem","selectedItem","toggleButtonRef","getValidItem","itemToCheck","useSelect","changes","changedSelectedItem","setHighlightedIndex","stateReducer","state","actionAndChanges","stateChangeTypes","ToggleButtonKeyDownCharacter","getToggleButtonProps","openMenu","selectText","marginTop","marginBottom","MultiSelect","onRemoveSelectedItem","checkSelectedItemValidity","useMultipleSelection","initialSelectedItems","getSelectedItemProps","getDropdownProps","addSelectedItem","removeSelectedItem","getFilteredItems","unfilteredItems","selectProps","onSelectedItemChange","newSelectedItem","selectItem","tagName","nativeEvent","preventDownshiftDefault","preventKeyAction","multiSelectedItem","multiSelectedItemString","handleRemoveSelectedItem","instanceOfDefaultItemObject","SelectStateChangeTypes","MultipleSelectionStateChangeTypes","ComboBoxContainer","InputContainer","ComboboxInput","getComboboxProps","getInputProps","onInputKeyDown","onInputKeyPress","onInputKeyUp","setIsFocused","inputProps","useComboboxItems","defaultItems","afterInitialRender","allItems","displayItems","setDisplayItems","cleanItems","newItems","defaultOnInputValueChange","disableCreateItem","inputBaseValue","startsWith","inputValueInList","react_magma__created_item","InternalCombobox","newItemTransform","onInputValueChange","onItemCreated","isCreatedItem","updateItemsRef","useCombobox","changedIsOpen","createdItem","defaultNewItemTransform","setInputValue","InputKeyDownEnter","ItemClick","InputBlur","FunctionReset","MultiCombobox","comboboxProps","handleInputChange","selectedItemsContent","SpacerAxis","ComboboxStateChangeTypes","TARGET_ID","StyledSkipLink","positionLeft","positionTop","getHeight","axis","TagColor","TagSize","StyledSpacer","Spacer","both","buildLabelPadding","ToggleTextPosition","TagStyling","buildButtonTextColor","buildBoxShadow","buildTagPadding","onDelete","buildSvgOpacity","LabelWrap","Tag","StyledTag","CancelIcon","ToastsContext","toastsArray","bottomOffset","ToastsContainer","ToastWrapper","bottomOffsetForToast","bottomOffsetForContainer","Toast","timerAutoHide","setIsDismissed","setIsPaused","timerTimeRemaining","setTimerTimeRemaining","alertStyle","disableAutoDismiss","timerStartTime","now","containerElement","dismissToast","toastId","setAutoHideTimer","handlePause","timeRemaining","handleResume","calculateAndSetBottomOffsetForToast","updateBottomOffsetForToast","AccordionIconPosition","Thumb","IconContainer","renderLabelText","Toggle","trackStyle","thumbStyle","StyledTextArea","textarea","Textarea","textareaStyle","StyledAmPmToggle","AmPmToggle","InputsContainer","Divider","StyledNumInput","TimePicker","minutesStep","am","localize","dayPeriod","pm","hour","setHour","minute","setMinute","amPm","setAmPm","setTime","hourRef","minuteRef","amPmRef","updateTime","newTime","calculateHour","newHour","substring","toggleAmPm","newAmPm","passedInTime","amPmRegex","RegExp","split","timeHour","timeMinuteAndAmPm","timeMinute","timeAmPm","convertPassedInTime","hourId","minuteId","handleHourChange","handleMinuteChange","newMinute","calculateMinute","handleHourKeyDown","handleMinuteKeyDown","handleAmPmKeyDown","useTimePicker","hoursLabel","minutesLabel","amPmLabel","ScheduleIcon","maxLength","getStyles","AccordionContext","isMulti","registerAccordionButton","useAccordion","defaultIndex","onExpandedChange","expandedIndex","setExpandedIndex","contextValue","StyledAccordion","Accordion","AccordionItemContext","isDisabled","isExpanded","setIsExpanded","useAccordionItem","idPrefix","buttonId","panelId","newIsExpanded","AccordionItem","useAccordionButton","focusFirst","focusLast","handleKeyDown","arrLength","DrawerPosition","TextWrapper","AccordionButton","caret","StyledPanel","AccordionPanel","GridDisplay","GridJustifyItems","GridJustifyContent","GridAlignItems","GridAlignContent","GridItemJustifySelf","GridItemAlignSelf","GridAutoFlow","transitionPreset","Drawer","drawerStyle","Grid","gridDisplay","grid","gridTemplateRows","gridTemplateColumns","gridTemplateAreas","gridGap","gridJustifyItems","gridJustifyContent","gridAlignItems","gridAlignContent","gridAutoFlow","GridItem","gridColumn","gridRow","gridArea","gridItemJustifySelf","gridItemAlignSelf","BlockQuoteStyles","borderStyle","StyledBlockQuote","figure","BlockQuote","blockQuoteStyles","hasAttribution","StyledBlockQuoteItem","BlockQuoteItem","InternalSelect","targetAnchor","targetHeading","queryInput","query","supportMatchMedia","matchMedia","matches","match","setMatch","queryList","updateMatch"],"mappings":"isCAWO,ICwPDA,EAAY,CAChBC,OAAQ,CACNC,SAAU,OACVC,cAAe,QACfC,WAAY,QAEdC,OAAQ,CACNH,SAAU,OACVC,cAAe,QACfC,WAAY,QAEdE,OAAQ,CACNJ,SAAU,OACVE,WAAY,QAEdG,OAAQ,CACNL,SAAU,OACVE,WAAY,QAEdI,OAAQ,CACNN,SAAU,OACVE,WAAY,QAEdK,OAAQ,CACNP,SAAU,OACVE,WAAY,QAEdM,OAAQ,CACNR,SAAU,OACVE,WAAY,QAEdO,OAAQ,CACNT,SAAU,OACVE,WAAY,QAEdQ,OAAQ,CACNV,SAAU,OACVE,WAAY,QAEdS,OAAQ,CACNX,SAAU,OACVE,WAAY,QAEdU,OAAQ,CACNZ,SAAU,OACVE,WAAY,QAEdW,OAAQ,CACNb,SAAU,OACVE,WAAY,QAEdY,OAAQ,CACNd,SAAU,OACVE,WAAY,SAIVa,EAAS,CACbC,QAAS,UACTC,eAAgB,UAChBC,MAAO,UACPC,aAAc,wBACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,aAAc,UACdC,IAAK,UACLC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,QAAS,UACTC,UAAW,UACXC,eAAgB,UAChBC,OAAQ,UACRC,cAAe,UACfC,QAAS,UACTC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,aAAc,wBACdC,oBAAqB,yBACrBC,gBACE,iGACFC,MAAO,mBACPC,QAAS,kBACTC,KAAM,yBACNC,OAAQ,wBACRC,OAAQ,wBACRC,OAAQ,wBACRC,KAAM,sBACNC,OAAQ,qBACRC,OAAQ,UACRC,cAAe,0BAGXC,EAAa,CACjBC,UAAW,MACXC,UAAW,MACXC,UAAW,MACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,SAGAC,EAAQ,CACnBC,SAAU,mCACVC,mBAAoB,mCACpBC,kBAAmB,qCACnBC,aAAc,MACd5D,OAAQA,EACR6D,YAAa,mCACbC,sBAAuB,mCACvBC,qBAAsB,qCACtBC,UAAW,MACXC,kBAAmB,EACnBC,YDzX2C,CAC3CC,KAAM,CACJC,OAAQ,CACNC,KAAM,CACJC,QAAS,EACTC,WAAY,CACVD,QAAS,CACPE,SAAU,GACVC,KAAM,aAIZC,MAAO,CACLJ,QAAS,EACTC,WAAY,CACVC,SAAU,GACVC,KAAM,YAIZE,UAAW,IAEbC,SAAU,CACRR,OAAQ,CACNC,KAAM,CACJQ,EAAG,QACHN,WAAY,CACVM,EAAG,CACDL,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLG,EAAG,IACHN,WAAY,CACVM,EAAG,CACDC,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,CACTM,SAAU,QACVC,IAAK,EACLC,MAAO,EACPC,KAAM,IAGVC,YAAa,CACXjB,OAAQ,CACNC,KAAM,CACJQ,EAAG,OACHN,WAAY,CACVM,EAAG,CACDL,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLG,EAAG,IACHN,WAAY,CACVM,EAAG,CACDC,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,CACTM,SAAU,QACVK,OAAQ,EACRH,MAAO,EACPC,KAAM,IAGVG,WAAY,CACVnB,OAAQ,CACNC,KAAM,CACJmB,EAAG,OACHjB,WAAY,CACViB,EAAG,CACDhB,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLc,EAAG,IACHjB,WAAY,CACViB,EAAG,CACDV,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,CACTM,SAAU,QACVC,IAAK,EACLC,MAAO,EACPG,OAAQ,IAGZG,UAAW,CACTrB,OAAQ,CACNC,KAAM,CACJmB,EAAG,QACHjB,WAAY,CACViB,EAAG,CACDhB,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLc,EAAG,IACHjB,WAAY,CACViB,EAAG,CACDV,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,CACTM,SAAU,QACVC,IAAK,EACLI,OAAQ,EACRF,KAAM,IAGVM,SAAU,CACRtB,OAAQ,CACNC,KAAM,CACJQ,EAAG,QACHN,WAAY,CACVM,EAAG,CACDL,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLG,EAAG,IACHN,WAAY,CACVM,EAAG,CACDC,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,IAEbgB,YAAa,CACXvB,OAAQ,CACNC,KAAM,CACJQ,EAAG,OACHN,WAAY,CACVM,EAAG,CACDL,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLG,EAAG,IACHN,WAAY,CACVM,EAAG,CACDC,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,IAEbiB,WAAY,CACVxB,OAAQ,CACNC,KAAM,CACJmB,EAAG,OACHjB,WAAY,CACViB,EAAG,CACDhB,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLc,EAAG,IACHjB,WAAY,CACViB,EAAG,CACDV,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,IAEbkB,UAAW,CACTzB,OAAQ,CACNC,KAAM,CACJmB,EAAG,QACHjB,WAAY,CACViB,EAAG,CACDhB,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLc,EAAG,IACHjB,WAAY,CACViB,EAAG,CACDV,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,IAEbmB,MAAO,CACL1B,OAAQ,CACNC,KAAM,CACJyB,MAAO,IACPvB,WAAY,CACVuB,MAAO,CACLtB,SAAU,GACVC,KAAM,aAIZC,MAAO,CACLoB,MAAO,EACPvB,WAAY,CACVuB,MAAO,CACLtB,SAAU,IACVC,KAAM,gBAKdE,UAAW,IAEboB,SAAU,CACR3B,OAAQ,CACNC,KAAM,CACJ2B,OAAQ,EACRzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,OAIhBE,MAAO,CACLsB,QAAS,GACTzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,QAKlBG,UAAW,IAEbsB,SAAU,CACR7B,OAAQ,CACNC,KAAM,CACJ2B,OAAQ,EACRzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,OAIhBE,MAAO,CACLsB,QAAS,GACTzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,QAKlBG,UAAW,IAEbuB,UAAW,CACT9B,OAAQ,CACNC,KAAM,CACJ2B,OAAQ,EACRzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,OAIhBE,MAAO,CACLsB,QAAS,IACTzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,QAKlBG,UAAW,IAEbwB,SAAU,CACR/B,OAAQ,CACNC,KAAM,CACJ+B,OAAQ,EACR7B,WAAY,CACV6B,OAAQ,CAAE5B,SAAU,GAAKC,KAAM,eAGnCC,MAAO,CACL0B,OAAQ,OACR7B,WAAY,CACV6B,OAAQ,CAAE5B,SAAU,GAAKC,KAAM,gBAIrCE,UAAW,CACT0B,SAAU,YC+BdC,YAAa,CACXC,GAAI,EACJC,MAAO,IACPC,OAAQ,IACRC,MAAO,KACPC,GAAI,MAGNlE,WAAYA,EAEZmE,UAAW,CACTC,OAAQ,GACRL,MAAO,GACPC,OAAQ,GACRC,MAAO,GACPI,OAAQ,IAIV/H,UAAWA,EACXgI,uBAAwB,CACtBC,cAAe,CACbC,OAAQlI,EAAUU,OAClByH,QAASnI,EAAUY,OACnBwH,WAAY,KAEdC,aAAc,CACZH,OAAQlI,EAAUS,OAClB0H,QAASnI,EAAUU,OACnB0H,WAAY,KAEdE,cAAe,CACbJ,OAAQlI,EAAUQ,OAClB2H,QAASnI,EAAUS,OACnB2H,WAAY,KAEdG,aAAc,CACZL,OAAQlI,EAAUO,OAClB4H,QAASnI,EAAUQ,OACnB4H,WAAY,KAEdI,cAAe,CACbN,OAAQlI,EAAUO,OAClB4H,QAASnI,EAAUO,OACnB6H,WAAY,KAEdK,eAAgB,CACdP,OAAQlI,EAAUC,OAClBkI,QAASnI,EAAUC,OACnBmI,WAAY,KAEdM,UAAW,CACTR,OAAQlI,EAAUO,OAClB4H,QAASnI,EAAUQ,QAErBmI,WAAY,CACVT,OAAQlI,EAAUM,OAClB6H,QAASnI,EAAUM,QAErBsI,UAAW,CACTV,OAAQlI,EAAUK,OAClB8H,QAASnI,EAAUK,QAErBwI,WAAY,CACVX,OAAQlI,EAAUC,OAClBkI,QAASnI,EAAUC,SAGvB6I,iCAAkC,CAChCb,cAAe,CACbC,OAAQlI,EAAUW,OAClBwH,QAASnI,EAAUc,OACnBsH,WAAY,KAEdC,aAAc,CACZH,OAAQlI,EAAUU,OAClByH,QAASnI,EAAUY,OACnBwH,WAAY,KAEdE,cAAe,CACbJ,OAAQlI,EAAUS,OAClB0H,QAASnI,EAAUU,OACnB0H,WAAY,KAEdG,aAAc,CACZL,OAAQlI,EAAUQ,OAClB2H,QAASnI,EAAUS,OACnB2H,WAAY,KAEdI,cAAe,CACbN,OAAQlI,EAAUO,OAClB4H,QAASnI,EAAUQ,OACnB4H,WAAY,KAEdK,eAAgB,CACdP,OAAQlI,EAAUM,OAClB6H,QAASnI,EAAUM,OACnB8H,WAAY,KAEdM,UAAW,CACTR,OAAQlI,EAAUQ,OAClB2H,QAASnI,EAAUS,QAErBkI,WAAY,CACVT,OAAQlI,EAAUM,OAClB6H,QAASnI,EAAUM,QAErBsI,UAAW,CACTV,OAAQlI,EAAUK,OAClB8H,QAASnI,EAAUK,QAErBwI,WAAY,CACVX,OAAQlI,EAAUC,OAClBkI,QAASnI,EAAUC,SAGvB8I,gCAAiC,CAC/Bd,cAAe,CACbC,OAAQlI,EAAUU,OAClByH,QAASnI,EAAUW,OACnByH,WAAY,KAEdC,aAAc,CACZH,OAAQlI,EAAUS,OAClB0H,QAASnI,EAAUU,OACnB0H,WAAY,KAEdE,cAAe,CACbJ,OAAQlI,EAAUQ,OAClB2H,QAASnI,EAAUS,OACnB2H,WAAY,KAEdG,aAAc,CACZL,OAAQlI,EAAUO,OAClB4H,QAASnI,EAAUQ,OACnB4H,WAAY,KAEdI,cAAe,CACbN,OAAQlI,EAAUO,OAClB4H,QAASnI,EAAUO,OACnB6H,WAAY,KAEdK,eAAgB,CACdP,OAAQlI,EAAUC,OAClBkI,QAASnI,EAAUC,OACnBmI,WAAY,KAEdM,UAAW,CACTR,OAAQlI,EAAUO,OAClB4H,QAASnI,EAAUQ,QAErBmI,WAAY,CACVT,OAAQlI,EAAUM,OAClB6H,QAASnI,EAAUM,QAErBsI,UAAW,CACTV,OAAQlI,EAAUK,OAClB8H,QAASnI,EAAUK,QAErBwI,WAAY,CACVX,OAAQlI,EAAUC,OAClBkI,QAASnI,EAAUC,SAIvB+I,OAAQ,CACNC,gBAAiBhI,EAAO2B,UACxByE,OAAQ,OACR6B,QAAYxF,EAAWM,cAAaN,EAAWK,UAC/CoF,UAAWlI,EAAOoB,QAClB+G,QAAS,CACP/B,OAAQ,OACR6B,QAAYxF,EAAWK,cAAaL,EAAWK,cAAaL,EAAWK,cAAaL,EAAWM,WAEjGqF,QAAS,CACPJ,gBAAiBhI,EAAOM,aACxB4H,UAAWlI,EAAO2B,YAItB0G,SAAU,CACRC,KAAM,CACJC,UAAW,UAIfC,MAAO,CACLC,MAAO,CACLjC,MAAO,QACPC,OAAQ,QACRC,MAAO,UAIXgC,OAAQ,SACG,CACPC,SAAU,OACVC,UAAW,QACXC,OAAQ,IACRjF,aAAc,IACdsB,IAAK,IACLC,MAAO,IACPG,OAAQ,IACRF,KAAM,IACNH,SAAU,YAEZE,MAAO,CACLC,KAAM,OACNgB,OAAQ,OACRqC,MAAO,QACPxD,SAAU,SAEZG,KAAM,CACJD,MAAO,OACPiB,OAAQ,OACRqC,MAAO,SAETvD,IAAK,CACHI,OAAQ,OACRc,OAAQ,SAEVd,OAAQ,CACNJ,IAAK,OACLkB,OAAQ,QACRnB,SAAU,UAId6D,SAAU,CACRC,QAAS,CACPR,UAAW,UAIfS,eAAgB,CACd,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAGFC,KAAM,CACJC,cAAe,CACbC,WAAY,IACZC,SAAU,KAIdC,OAAQ,CACNf,KAAM,CACJC,UAAW,UAIfe,IAAK,CACH/G,OAAQ,IACRgH,QAAS,cACTC,WAAY,SACZC,eAAgB,gBAGlBC,QAAS,CACPC,UAAW,MACXC,iBAAkB,MAClB5B,gBAAiBhI,EAAOoB,QACxB+F,WAAY,IACZwB,SAAU,QACVT,UAAWlI,EAAO2B,UAClB5C,UAAWA,EAAUC,OACrB6K,OAAQ,IACRzB,QAAS,CACPJ,gBAAiBhI,EAAO2B,UACxBuG,UAAWlI,EAAOoB,WC3pBX0I,EAAeC,gBAC1BvG,GCFIwG,EAAsB,CAC1BC,MAAO,UACPC,MAAO,OACPC,KAAM,SACNC,cAAe,YACfC,QAAS,kBAGKC,EAAkCC,eACpCP,EAAwBO,YAyCtBC,EAAgBD,UACtBA,EAAMJ,UACP,eACII,EAAME,MAAMhI,WAAWO,cAC3B,eACIuH,EAAME,MAAMhI,WAAWW,yBAGvBmH,EAAME,MAAMhI,WAAWS,eCIhCwH,EC9DSC,EAA6B,CACxCC,OAAQ,KACRC,WAAY,aACZC,WAAY,KACZC,QACE,4EACFC,OAAQ,MACA,CACJC,QAAS,UACTC,SAAU,WACVC,MAAO,QACPC,MAAO,QACPC,IAAK,MACLC,KAAM,OACNC,KAAM,OACNC,OAAQ,SACRC,UAAW,YACXC,QAAS,UACTC,SAAU,WACVC,SAAU,kBAEL,CACLX,QAAS,MACTC,SAAU,MACVC,MAAO,MACPC,MAAO,MACPC,IAAK,MACLC,KAAM,MACNC,KAAM,MACNC,OAAQ,MACRC,UAAW,MACXC,QAAS,MACTC,SAAU,MACVC,SAAU,QAGdC,KAAM,MACE,CACJC,OAAQ,SACRC,QAAS,UACTC,UAAW,YACXC,SAAU,WACVC,OAAQ,SACRC,SAAU,WACVC,OAAQ,gBAEH,CACLN,OAAQ,MACRC,QAAS,OACTC,UAAW,MACXC,SAAU,OACVC,OAAQ,MACRC,SAAU,MACVC,OAAQ,OAEVC,IAAK,CACHP,OAAQ,IACRC,QAAS,IACTC,UAAW,IACXC,SAAU,IACVC,OAAQ,IACRC,SAAU,IACVC,OAAQ,MAGZE,mBAAoB,aACpBC,MAAO,CACLC,iBAAkB,sBAEpBC,WAAY,CACVC,aAAc,cAEhBC,OAAQ,CACNC,KAAM,CACJC,cAAe,QACfC,iBACE,2FACFC,aAAc,OACdC,qBACE,8IACFC,2BAA4B,wBAC5BC,4BAA6B,wBAC7BC,sBAAuB,2BAG3B9E,SAAU,CACR+E,wBACE,8DACFC,YAAa,yBAEfC,WAAY,CACVC,YAAa,SACbC,sBAAuB,yBACvBC,qBACE,6GACFC,uBAAwB,wBACxBC,uBAAwB,iBACxBC,mBAAoB,aACpBC,qBAAsB,kBACtBC,qBAAsB,aACtBC,eAAgB,UAChBC,UAAW,CACTC,OAAQ,qBACRC,oBAAqB,uBACrBxJ,MAAO,CACLyJ,UAAW,YACXC,YAAa,6BAEfC,sBAAuB,CACrBF,UAAW,4BACXC,YAAa,wDAEfE,mBAAoB,CAClBH,UAAW,yBACXC,YAAa,sDAEfG,sBAAuB,CACrBJ,UAAW,6BACXK,aAAc,YACdJ,YAAa,kBAEfK,eAAgB,CACdN,UAAW,oBACXK,aAAc,WACdJ,YAAa,0CAEfM,OAAQ,CACNP,UAAW,aACXK,aAAc,MACdJ,YAAa,mCAEfO,aAAc,CACZR,UAAW,gBACXC,YAAa,sBAInBtF,SAAU,CACR8F,0BAA2B,aAC3BC,oBAAqB,eAEvBC,SAAU,CACRC,YAAa,eACbC,YAAa,2CACbC,OAAQ,mBACa,CACjBC,QAAS,oDAEO,CAChBA,QAAS,gDAEM,CACfA,QAAS,oDAEU,CACnBjB,OAAQ,oBACRiB,QAAS,uDAEO,CAChBjB,OAAQ,0BACRiB,QAAS,6DAEO,CAChBjB,OAAQ,+BACRiB,QAAS,4CAEXC,SAAU,CACRD,QAAS,uCAGbE,MAAO,QACPC,MAAO,QACPC,WAAY,cACZC,WAAY,eAEdtB,OAAQ,CACNuB,sBAAuB,uBACvBC,OAAQ,CACNC,MAAO,CACLvB,UAAW,SACXwB,YAAa,UAEfC,cAAe,WAGnBC,sBAAuB,CACrBC,kBAAmB,oDACnBC,wBACE,mEACFC,oBAAqB,oDAEvBN,MAAO,CACLO,qBAAsB,eAExBC,iBAAkB,CAChBC,YAAa,CACXC,SAAU,CACRC,MAAO,+DACPC,OAAQ,gDACRC,MAAO,gDAGXC,QAAS,CACPJ,SAAU,CACRC,MAAO,aACPC,OAAQ,gDACRC,MAAO,+DAIb/H,MAAO,CACLiI,eAAgB,gBAElBC,YAAa,CACXf,YAAa,YACbgB,4BAA6B,6BAE/BC,cAAe,CACbD,4BAA6B,6BAE/BE,WAAY,CACVC,gBAAiB,YACjBC,oBAAqB,gBACrBC,gBAAiB,cAEnBC,SAAU,CACRC,MAAO,CACL/C,UACE,6EACFgD,WAAY,OACZC,SAAU,2BAEZC,OAAQ,CACNlD,UAAW,gBACXgD,WAAY,OACZC,SAAU,2BAGd3B,OAAQ,CACNC,MAAO,CACLvB,UAAW,SACXwB,YAAa,UAEfC,cAAe,UAEjBvG,OAAQ,CACNsG,YAAa,YACbvC,wBACE,+DAEJkE,SAAU,CACRH,WAAY,mBAEdX,QAAS,CACPrC,UAAW,WAEboD,MAAO,CACLV,WAAY,CACVW,QAAS,KACTC,cAAe,YACfC,kBAAmB,gBACnBC,iBAAkB,kBAGtB1I,KAAM,CACJ2I,2BACE,2DACFC,yBACE,wDACFf,gBAAiB,sBACjBC,oBAAqB,oBAEvBzH,IAAK,CACHwI,gBAAiB,0BAEnBC,WAAY,CACVC,eAAgB,OAChBC,iBAAkB,SAClBC,kBACE,6DACFC,kBACE,6DACFC,mBAAoB,qBACpBC,mBAAoB,sBAEtBC,OAAQ,CACNC,QAAS,CACPC,KAAM,OACNC,SAAU,WACVC,OAAQ,SACRC,OAAQ,UAEVC,SAAU,WACVC,gBAAiB,8BCnSRC,EAAc/I,gBAAmCY,YFD9CoI,EAAWC,UAClBA,GAAUC,gBAGHC,EAAcC,SACLpJ,EAAMqJ,SAAiBD,GAAvCH,OAAIK,cAEXtJ,EAAMuJ,WAAU,WACdD,EAASN,EAAWI,MACnB,IAEHpJ,EAAMuJ,WAAU,WACdH,GAASE,EAASN,EAAWI,MAC5B,CAACA,IAEGH,WAGOO,EAAKhJ,EAAOiJ,UACnBjJ,EAAMkJ,QACX,SAACC,EAAQC,UAAS,wBAAIA,WAAJ,CAAuCD,KACzDF,YAYYI,EAAYC,OACpBC,EAAM/J,EAAMgK,gBAClBhK,EAAMuJ,WAAU,WACdQ,EAAIE,QAAUH,KAETC,EAAIE,iBAGGC,EAASC,EAAMC,OACzBC,WACKC,+BAAaC,2BAAAA,sBAEdC,EAAUC,KACZJ,GAASK,aAAaL,GAC1BA,EAAUM,YAAW,WACnBN,EAAU,KACVF,EAAKS,MAAMJ,EAASD,KACnBH,UAGLE,EAAUO,MAAQ,WAChBH,aAAaL,IAGRC,EAMT,SAAgBQ,OACVnK,SACKA,MAGHoK,EAAQC,SAASC,cAAc,OACrCF,EAAMG,YAAYF,SAASG,eAAe,SAC1CJ,EAAMK,IAAM,MACZL,EAAMM,MAAMnW,SAAW,OACvB6V,EAAMM,MAAM3M,MAAQ,MACpBqM,EAAMM,MAAMhP,OAAS,MACrB0O,EAAMM,MAAMnQ,SAAW,WACvB6P,EAAMM,MAAMlQ,IAAM,UAClB4P,EAAMM,MAAM/O,SAAW,SAEvB0O,SAASM,KAAKJ,YAAYH,GAE1BpK,EAAa,UAEToK,EAAMQ,WAAa,EACrB5K,EAAa,WAEboK,EAAMQ,WAAa,EACM,IAArBR,EAAMQ,aACR5K,EAAa,sBAKH6K,EAAwBC,EAASxR,OACzCsR,EAAaE,EAAQF,cAGT,QAAdtR,SACKsR,SAGIT,SAGN,kBAEDY,OAAOD,EAAQE,aACfD,OAAOD,EAAQG,aACfF,OAAOH,OAEN,iBAEDG,OAAOD,EAAQE,aACfD,OAAOD,EAAQG,aACfF,OAAOH,kBAGFA,GAIb,SAASM,EAAaC,UACZ,EAAIC,KAAKC,IAAID,KAAKE,GAAKH,EAAOC,KAAKE,GAAK,IAAM,WA0CxCC,EAAUnC,EAAKD,MACjB,OAARC,KACe,mBAARA,EACTA,EAAID,YAGFC,EAAIE,QAAUH,EACd,MAAOqC,SACD,IAAIC,8BAA8BtC,eAAkBC,QAKhE,SAAgBsC,+BAAgBC,2BAAAA,yBACvBtM,EAAMuM,SAAQ,kBACfD,EAAKE,OAAM,SAAAzC,UAAe,OAARA,KACb,KAEF,SAAC0C,GACNH,EAAKI,SAAQ,SAAA3C,GACXmC,EAAUnC,EAAK0C,mBAGdH,aAGOK,EAAmBlR,UAC1BA,EAAEmR,SAAS,OAASnR,EAAEmR,SAAS,OAASnR,EAAEmR,SAAS,cAG5CC,EACd/C,EACAgD,UAEOhD,EACc,iBAAVA,GACW,iBAAVA,IAAuB6C,EAAmB7C,GAC7CA,OACHA,EACFgD,GAAgB,mBAGNC,EAAYN,SACtB,CAAC,SAAU,UAAUG,gBAAgBH,GAAcA,EACnDA,aAAgBO,MAAcP,EAAKQ,IAAIF,GAAaG,KAAK,IACzC,iBAATT,GAAqBA,EAAaM,EAAYN,EAAKjM,MAAM2M,iBAGtE,MAAMC,EAAqB,CACzB,QACA,SACA,WACA,UACA,SACA,kCACA,kBACA,kBACA,oDACAF,KAAK,8CGvMDG,EAAgBC,EAAOC,kTAEP,SAAA/M,UAASA,EAAMN,SAIzB,SAAAM,UAASA,EAAMJ,QAChB,SAAAI,UAASA,EAAMJ,QASboN,EAAUxN,cACrB,SAACQ,EAAOuJ,OACgB3F,EAA6C5D,EAA3D,cAAyBN,EAAkCM,EAAlCN,MAAOE,EAA2BI,EAA3BJ,KAAMqN,EAAqBjN,EAArBiN,OAAWC,IAAUlN,KAE7DE,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExB6E,EAAaxN,EACC,iBAATA,GACU,iBAATA,IAAsBuM,EAAmBvM,GAC5CA,OACHA,EACFM,EAAMhI,WAAWK,iBAGnBiH,gBAACqN,mBACKK,gBACQtJ,GAAwBuJ,EAAKlH,QAAQrC,UACjDlE,MAAOA,GAAgBQ,EAAMzK,OAAOC,sBACvBuX,EACb1D,IAAKA,EACL8D,KAAK,MACLzN,KAAMwN,mHCpCDE,EAAe,SAAAtN,UAASuN,gDLiDCvN,MAGd,WAFtBA,EAAQD,EAAkCC,IAEhCF,SAAuC,cAAhBE,EAAMN,YAC9B,mBAELM,EAAMwN,gBACDxN,EAAME,MAAMzK,OAAOyB,aAER,cAAhB8I,EAAMN,aACDM,EAAME,MAAMzK,OAAOY,SAExB2J,EAAMyN,iBACDzN,EAAME,MAAMzK,OAAO2B,iBAEpB4I,EAAMN,WACP,mBACIM,EAAME,MAAMzK,OAAO2B,cACvB,iBACI4I,EAAME,MAAMzK,OAAOe,YACvB,gBACIwJ,EAAME,MAAMzK,OAAOkB,sBAEnBqJ,EAAME,MAAMzK,OAAOC,SKtEhBgY,CAAsB1N,cACR,YAAlBA,EAAMF,SACG,SAAlBE,EAAMF,SAAsC,cAAhBE,EAAMN,QAA0BM,EAAMyN,UAC/D,YACA,8BLsE2BzN,OAC/BA,EAAQD,EAAkCC,IAEhCwN,UAAYxN,EAAMyN,WAA+B,YAAlBzN,EAAMF,eACtCE,EAAME,MAAMzK,OAAO6B,uBAExB0I,EAAMwN,gBACDxN,EAAME,MAAMzK,OAAOyB,aAER,cAAhB8I,EAAMN,aACDM,EAAME,MAAMzK,OAAOY,SAExB2J,EAAMyN,iBACDzN,EAAME,MAAMzK,OAAO2B,aAER,cAAhB4I,EAAMN,aACDM,EAAME,MAAMzK,OAAOwB,aAEN,UAAlB+I,EAAMF,eACAE,EAAMN,WACP,iBACIM,EAAME,MAAMzK,OAAOe,YACvB,gBACIwJ,EAAME,MAAMzK,OAAOkB,sBAEnBqJ,EAAME,MAAMzK,OAAOC,SK9FhBiY,CAAiB3N,8BLpBKA,UAC9BA,EAAML,WACP,cACI,WACJ,iBACOK,EAAME,MAAM7G,qBAAoB2G,EAAME,MAAM7G,iBACnD,sBACS2G,EAAME,MAAM7G,iBAAgB2G,EAAME,MAAM7G,iCAG7C2G,EAAME,MAAM7G,cKWNuU,CAAwB5N,sBLkGhBA,OACzBA,EAAQD,EAAkCC,IAEhCwN,UAAYxN,EAAMyN,WAA+B,UAAlBzN,EAAMF,eACtCE,EAAME,MAAMzK,OAAO6B,uBAExB0I,EAAMwN,gBACDxN,EAAME,MAAMzK,OAAO4B,gBAER,cAAhB2I,EAAMN,aACDM,EAAME,MAAMzK,OAAOM,iBAGxBiK,EAAMyN,WAA+B,UAAlBzN,EAAMF,SAC1BE,EAAMyN,WAA+B,UAAlBzN,EAAMF,cAEN,cAAhBE,EAAMN,OAA0BM,EAAMyN,UAGnCzN,EAAME,MAAMzK,OAAO2B,UAFjB4I,EAAME,MAAMzK,OAAOoB,eAItBmJ,EAAMN,WACP,mBACIM,EAAME,MAAMzK,OAAOoB,YACvB,iBACImJ,EAAME,MAAMzK,OAAOe,YACvB,gBACIwJ,EAAME,MAAMzK,OAAOkB,sBAEnBqJ,EAAME,MAAMzK,OAAOC,SK9HrBmY,CAAW7N,cACVA,EAAMwN,SAAW,cAAgB,sBAChCxN,EAAM8N,YAAc,OAAS,4CAEzB9N,EAAME,MAAMhH,gCLZO8G,UAC1BA,EAAMJ,UACP,eACII,EAAME,MAAM1L,UAAUC,OAAOC,aACjC,eACIsL,EAAME,MAAM1L,UAAUO,OAAOL,wBAG7BsL,EAAME,MAAM1L,UAAUM,OAAOJ,UKK3BqZ,CAAoB/N,8BAEvBC,EAAgBD,6CAEO,UAAfA,EAAMJ,KACpBI,EAAME,MAAM1L,UAAUC,OAAOE,cAC7B,mCLPgCqL,UAC5BA,EAAMJ,UACP,eACII,EAAME,MAAM1L,UAAUC,OAAOG,eACjC,eACIoL,EAAME,MAAM1L,UAAUO,OAAOH,0BAG7BoL,EAAME,MAAM1L,UAAUM,OAAOF,YKAzBoZ,CAAsBhO,cAC3BA,EAAM8N,YACT9N,EAAME,MAAMhI,WAAWE,eAC1B4H,EAAME,MAAMhI,WAAWE,wBACC,UAAf4H,EAAMJ,KAAmB,IAAMI,EAAME,MAAMhI,WAAWa,+CLYlCiH,UACzBA,EAAMJ,UACP,eACOI,EAAME,MAAMhI,WAAWE,cAAa4H,EAAME,MAAMhI,WAAWG,cAClE,eACO2H,EAAME,MAAMhI,WAAWI,cAAa0H,EAAME,MAAMhI,WAAWM,yBAG3DwH,EAAME,MAAMhI,WAAWI,cAAa0H,EAAME,MAAMhI,WAAWK,WKlB9D0V,CAAmBjO,+EAIZA,EAAMH,eAAiB,qKAMhCG,EAAMkO,SACXjO,EAAgBD,GAChBA,EAAM8N,YACN,OACA,uDAKI9N,EAAMyN,UACJzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,kEL2FMoK,MAGf,eAFpBA,EAAQD,EAAkCC,IAEhCN,aACDyO,UAAQ,GAAKnO,EAAME,MAAMzK,OAAOY,UAGpB,UAAlB2J,EAAMF,UAAwBE,EAAMyN,WAClB,UAAlBzN,EAAMF,SAAuBE,EAAMyN,iBAE5BzN,EAAMN,WACP,mBACIhI,OAAK,GAAKsI,EAAME,MAAMzK,OAAOoB,aACjC,iBACIa,OAAK,GAAKsI,EAAME,MAAMzK,OAAOe,aACjC,gBACIkB,OAAK,GAAKsI,EAAME,MAAMzK,OAAOkB,uBAE7Be,OAAK,GAAKsI,EAAME,MAAMzK,OAAOC,YAGpB,UAAlBsK,EAAMF,SAAuBE,EAAMyN,gBAC9B,4BAEDzN,EAAMN,WACP,mBACI0O,SAAO,GAAKpO,EAAME,MAAMzK,OAAO2B,eACnC,iBACIgX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOe,aACnC,gBACI4X,SAAO,GAAKpO,EAAME,MAAMzK,OAAOkB,uBAE/ByX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOC,UKrHxB2Y,CAAqBrO,sBLyHTA,MAEV,eADpBA,EAAQD,EAAkCC,IAChCN,aACDM,EAAME,MAAMzK,OAAOM,gBAGP,UAAlBiK,EAAMF,UAAwBE,EAAMyN,WAClB,UAAlBzN,EAAMF,SAAuBE,EAAMyN,iBAE5BzN,EAAMN,WACP,mBACIM,EAAME,MAAMzK,OAAOoB,YACvB,iBACIuX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOe,aACnC,gBACI4X,SAAO,GAAKpO,EAAME,MAAMzK,OAAOkB,uBAE/ByX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOC,eAGtB,UAAlBsK,EAAMF,SAAuBE,EAAMyN,WAGnB,cAAhBzN,EAAMN,OAA0BM,EAAMyN,UAFjCzN,EAAME,MAAMzK,OAAO2B,UAGnB4I,EAAME,MAAMzK,OAAOoB,QKhJfyX,CAAgBtO,oCLqJMA,MAId,WAHrBA,EAAQD,EAAkCC,IAGjCF,UAAwBE,EAAMyN,WAClB,UAAlBzN,EAAMF,SAAuBE,EAAMyN,iBAE5BzN,EAAMN,WACP,mBACIM,EAAME,MAAMzK,OAAOoB,YACvB,iBACImJ,EAAME,MAAMzK,OAAOe,YACvB,gBACIwJ,EAAME,MAAMzK,OAAOkB,sBAEnBqJ,EAAME,MAAMzK,OAAOC,cAIZ,UAAlBsK,EAAMF,SACLE,EAAMyN,WACS,cAAhBzN,EAAMN,MAIDM,EAAME,MAAMzK,OAAO2B,UAFjB4I,EAAME,MAAMzK,OAAOoB,QKxKV0X,CAAqBvO,2CAGzBA,EAAME,MAAMhI,WAAWO,0JAQxBuH,EAAME,MAAMhI,WAAWO,4CLkKAuH,MAGhB,eAFpBA,EAAQD,EAAkCC,IAEhCN,aACDyO,UAAQ,GAAKnO,EAAME,MAAMzK,OAAOY,UAGpB,UAAlB2J,EAAMF,UAAwBE,EAAMyN,WAClB,UAAlBzN,EAAMF,SAAuBE,EAAMyN,iBAE5BzN,EAAMN,WACP,mBACIhI,OAAK,GAAKsI,EAAME,MAAMzK,OAAOoB,aACjC,iBACIa,OAAK,GAAKsI,EAAME,MAAMzK,OAAOe,aACjC,gBACIkB,OAAK,GAAKsI,EAAME,MAAMzK,OAAOkB,uBAE7Be,OAAK,GAAKsI,EAAME,MAAMzK,OAAOC,YAGpB,UAAlBsK,EAAMF,SAAuBE,EAAMyN,gBAC9B,6BAEDzN,EAAMN,WACP,mBACI0O,SAAO,GAAKpO,EAAME,MAAMzK,OAAO2B,eACnC,iBACIgX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOe,aACnC,gBACI4X,SAAO,GAAKpO,EAAME,MAAMzK,OAAOkB,uBAE/ByX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOC,UK9LxB8Y,CAAsBxO,sBLkMTA,MAGX,eAFpBA,EAAQD,EAAkCC,IAEhCN,aACDM,EAAME,MAAMzK,OAAOM,gBAGP,UAAlBiK,EAAMF,UAAwBE,EAAMyN,WAClB,UAAlBzN,EAAMF,SAAuBE,EAAMyN,iBAE5BzN,EAAMN,WACP,mBACIM,EAAME,MAAMzK,OAAOoB,YACvB,iBACIuX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOe,aACnC,gBACI4X,SAAO,GAAKpO,EAAME,MAAMzK,OAAOkB,uBAE/ByX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOC,eAGtB,UAAlBsK,EAAMF,SAAuBE,EAAMyN,WAGnB,cAAhBzN,EAAMN,OAA0BM,EAAMyN,UAFjCzN,EAAME,MAAMzK,OAAO2B,UAGnB4I,EAAME,MAAMzK,OAAOoB,QK1Nf4X,CAAiBzO,iHAa5BA,EAAMkO,iBAUGQ,2DACTpB,MAGEqB,iHAKAC,uEACU,SAAA5O,UAAUA,EAAM6O,UAAY,SAAW,wDAK1CC,GAAetP,cAG1B,SAACQ,EAAOuJ,OAEN3J,EAOEI,EAPFJ,KACAE,EAMEE,EANFF,QACA2N,EAKEzN,EALFyN,UACAd,EAIE3M,EAJF2M,WAIE3M,EAHFzF,KAAAA,aAAOwU,mBAAWC,SAClB/B,EAEEjN,EAFFiN,OACA4B,EACE7O,EADF6O,UAEI3O,EAAQV,aAAiBD,GAEzB0P,GACJxB,GACC3N,IAAYoP,sBAAcC,SAAWrP,IAAYoP,sBAAcE,KAE5DlP,EAAMzK,OAAOsB,UADbmJ,EAAMzK,OAAO2B,UAGbiY,EACJzP,IAAS0P,mBAAWrT,MAChBiE,EAAM7D,UAAUC,OAChBsD,IAAS0P,mBAAWnT,MACpB+D,EAAM7D,UAAUF,MAChB+D,EAAM7D,UAAUH,cAGpBsD,gBAACkP,mBACK1O,iBACSiN,EACb1D,IAAKA,EACLhP,KAAMA,EACN2F,MAAOA,EACPsN,SAAUqB,GAAa7O,EAAMwN,WAE5BqB,GACCrP,gBAACmP,OACCnP,gBAACwN,GACCC,OAAWA,aACXvN,MAAOuP,EACPrP,KAAMyP,KAIZ7P,gBAACoP,GAAgBC,UAAWA,EAAW5B,OAAWA,eAC/CN,OCrLI4C,GAAiB/P,gBAAsC,CAClEiO,WAAW,aAGG+B,GAAaC,OACrBC,EAAiBlQ,aAAiB+P,gBAEV,IAAhBE,EACVE,QAAQF,GACRC,EAAejC,cCXTyB,GAMAU,GAQAC,GAOAP,GAMAQ,GAKAf,oBAhCAG,GAAAA,wBAAAA,yCAEVA,qBACAA,gBAGUU,GAAAA,sBAAAA,2CAEVA,yBACAA,qBACAA,mBACAA,0BAGUC,GAAAA,sBAAAA,qCAEVA,qBACAA,uBACAA,kBAGUP,GAAAA,qBAAAA,sCAEVA,mBACAA,kBAGUQ,GAAAA,8BAAAA,uDAEVA,gBAGUf,GAAAA,qBAAAA,wCAEVA,mBACAA,iBA6DF,UCpFYgB,GDoFCC,GAASxQ,cACpB,SAACQ,EAAOuJ,OACEoD,EAAsB3M,EAAtB2M,SAAasD,IAASjQ,MAExByN,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAACsP,oBAAiBmB,GAAMxC,UAAWA,EAAWlE,IAAKA,IAChDoD,sEC5FGoD,GAAAA,6BAAAA,4CAEVA,iBAiCF,IAAMG,GAAepD,EAAOC,gDACT,SAAA/M,UAASmQ,GAAenQ,MAGrCoQ,GAAgBtD,EAAOC,+CACX,SAAA/M,UAASmQ,GAAenQ,MAG1C,SAASmQ,GAAenQ,UACdA,EAAMJ,UACP,eACII,EAAME,MAAMhI,WAAWK,cAC3B,eACIyH,EAAME,MAAMhI,WAAWE,yBAEvB4H,EAAME,MAAMhI,WAAWG,WAIpC,SAASgY,GAAYzQ,EAAMM,UACjBN,OACD,eACIM,EAAM7D,UAAUF,UACpB,eACI+D,EAAM7D,UAAUJ,qBAEhBiE,EAAM7D,UAAUH,QAQ7B,4BCvDYoU,GDuDCC,GAAa/Q,cACxB,SAACQ,EAAOuJ,OACFiH,EACAC,EACA9D,EAR2B+D,EASvBhR,EACNM,EADMN,MAAOC,EACbK,EADaL,MAAOC,EACpBI,EADoBJ,KAAMqN,EAC1BjN,EAD0BiN,OAAQpN,EAClCG,EADkCH,cAAeC,EACjDE,EADiDF,QAAYmQ,IAC7DjQ,MAEIE,EAAQV,aAAiBD,GAX1B,SAD0BmR,EAcR1Q,MAbI,aAAc0Q,GAcvCF,EAAOxQ,EAAMwQ,MAEbA,EAAOxQ,EAAMwQ,KACbC,EAAezQ,EAAMyQ,aACrB9D,EAAW3M,EAAM2M,cAGbO,EAAQlE,EAAK,CAAC,eAAgB,gBAAiBiH,GAE/CxC,EAAY+B,GAAaxP,EAAMyN,kBAEjC+C,IAAS7D,EAETnN,gBAACsP,oBACK5B,GACJ3D,IAAKA,EACL7J,MAAOA,GAAgBkQ,oBAAYla,QACnCwY,YACAjB,OAAQA,EACRQ,UAAWA,EACX9N,MAAOA,GAAgBkQ,oBAAYc,MACnC/Q,KAAMA,GAAc0P,mBAAWpT,OAC/B4D,QAASA,GAAoBoP,sBAAc0B,QAE1CpR,WAAeqR,KACdrR,eAAmBgR,EAAM,CACvB5Q,KAAM4Q,EAAKxQ,MAAMJ,KACb4Q,EAAKxQ,MAAMJ,KACXyQ,GAAYzQ,EAAMM,OAO9BV,gBAACsP,oBACK5B,GACJ3D,IAAKA,EACL7J,MAAOA,GAAgBkQ,oBAAYla,QACnC+X,UAAWA,EACX9N,MAAOA,GAAgBkQ,oBAAYiB,KACnClR,KAAMA,GAAc0P,mBAAWpT,OAC/B+Q,OAAQA,EACRpN,cACEA,GAAgCiQ,4BAAoBiB,UAEtDjR,QAASA,GAAoBoP,sBAAc0B,QAE1CH,IAAiBV,2BAAmBnV,OACnC4E,gBAAC0Q,IAAatQ,KAAMA,EAAMM,MAAOA,GAC9ByM,GAGJnN,WAAeqR,KACdrR,eAAmBgR,EAAM,CACvB5Q,KAAM4Q,EAAKxQ,MAAMJ,KAAO4Q,EAAKxQ,MAAMJ,KAAOyQ,GAAYzQ,EAAMM,iBAC1C+M,aAGrBwD,IAAiBV,2BAAmBnV,OACnC4E,gBAAC4Q,IAAcxQ,KAAMA,EAAMM,MAAOA,GAC/ByM,0EE9IPqE,GAASlE,EAAOmE,+HAMTC,GAAe1R,cAC1B,SAACQ,EAAOuJ,OAEJ7J,EAOEM,EAPFN,QAOEM,EANF/F,SAAAA,aAAW,MACXkX,EAKEnR,EALFmR,WAKEnR,EAJFoR,OAAAA,aAAS,OAIPpR,EAHFqR,YAAAA,aAAc,IACdpE,EAEEjN,EAFFiN,OACGC,IACDlN,QAEgCR,WAAe,KAA5C8R,OAAYC,OAEnB/R,aAAgB,eAGVgS,EAAW,YAEXL,GACFK,EAAWC,aAAY,WACrBF,EAAcD,EAAa,KANNrX,EAAW,IAS9BqX,GAAc,GAChBI,cAAcF,IAGhBE,cAAcF,GAGT,kBAAME,cAAcF,MAC1B,CAACF,EAAYH,QAEVQ,EAAmBP,EAAuB,EAAdC,EAC5BO,EAAmC,EAAnBD,EAAuBpG,KAAKE,GAC5CoG,EAAmBD,EAAiBN,EAAa,IAAOM,EAExD1R,EAAQV,aAAiBD,UAG7BC,uCAAS0N,GAAO3D,IAAKA,gBAAkB0D,IACrCzN,uBAAK3D,OAAiB,EAATuV,EAAYlT,MAAgB,EAATkT,GAC9B5R,gBAACwR,IACCc,GAAIV,EACJW,GAAIX,EACJN,KAAK,cACLkB,EAAGL,EACHM,OAAQvS,GAAgBQ,EAAMzK,OAAOoB,QACrCwa,YAAaA,EACba,gBAAoBN,MAAiBA,EACrC/G,MAAO,CAAEgH,iBAAAA,4LDpDRM,GAET,CACFC,KAAMC,WACNC,MAAOD,WACP7b,QAAS+b,kBACTC,QAASC,cACT9b,OAAQ+b,sBA6BMC,GAAqB3S,UAC3BA,EAAMF,aACP,cACI,uBACJ,iBACIE,EAAME,MAAMzK,OAAOe,YACvB,iBACIwJ,EAAME,MAAMzK,OAAOY,UACvB,gBACI2J,EAAME,MAAMzK,OAAOkB,sBAEnBqJ,EAAME,MAAMzK,OAAOoB,UArCpByZ,GAAAA,uBAAAA,sCAEVA,iBACAA,qBACAA,qBACAA,mBAoCF,IEtDYsC,GFsDNC,GAAc/F,EAAOgG,69BAEZ,SAAA9S,UACXA,EAAM+S,4CAMK,SAAA/S,UAASA,EAAME,MAAM1L,UAAUM,OAAOJ,YACpC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUM,OAAOF,cACpC,SAAAoL,UAASA,EAAME,MAAMhI,WAAWM,aAK5B,SAAAwH,UAASA,EAAME,MAAMnE,YAAYE,SACvC,SAAA+D,UAASA,EAAME,MAAM1L,UAAUK,OAAOH,YACjC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUK,OAAOF,iBACzC,SAAAqL,UAASA,EAAME,MAAM1L,UAAUK,OAAOD,cAI/B,SAAAoL,UACpBA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,SAIzB,SAAAoK,UACAA,EAAMgT,SACNzF,mBACevN,EAAM+S,+FAME/S,EAAME,MAAMnE,YAAYE,4DAiDvB,SAAA+D,SACF,YAAlBA,EAAMF,QACFE,EAAME,MAAMzK,OAAOG,MACnBoK,EAAME,MAAMzK,OAAOI,gBAMzBod,GAAmBnG,EAAOgG,mKACV,SAAA9S,UAAS2S,GAAqB3S,MACjC,SAAAA,UAASA,EAAME,MAAM7G,gBAC7B,SAAA2G,UACPA,EAAMF,UAAYwQ,qBAAagC,MAC3BtS,EAAME,MAAMzK,OAAOsB,UACnBiJ,EAAMyN,UACNzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,WAKvB,SAAAmJ,UACAA,EAAMgT,SACNzF,0BACsBvN,EAAME,MAAMzK,OAAO2B,4DAE7B4I,EAAME,MAAMhI,WAAWW,0CAIjCqa,GAAgBpG,EAAOgG,iJAGhB,SAAA9S,UAASA,EAAME,MAAMhI,WAAWI,aAEtB,SAAA0H,UAASA,EAAME,MAAMnE,YAAYE,SACpC,SAAA+D,UAASA,EAAME,MAAMhI,WAAWI,aAI9C6a,wIAOAC,GAActG,EAAOC,kHACvBoG,IACW,SAAAnT,UAASA,EAAME,MAAMhI,WAAWG,aAAe,SAAA2H,UAC1DA,EAAME,MAAMhI,WAAWI,aAEJ,SAAA0H,UAASA,EAAME,MAAMnE,YAAYE,SAKlDoX,GAAsBvG,EAAOgG,gHAEnB,SAAA9S,UAASA,EAAME,MAAMhI,WAAWC,aAEvC,SAAA6H,UAASA,EAAME,MAAMhI,WAAWE,aAC9B,SAAA4H,UAASA,EAAME,MAAMhI,WAAWE,aAGrCkb,GAAyBxG,EAAOC,+BAClCoG,IAGEI,GAAiB,CAAC,OAAQ,YAAa,QAAS,WAMhDC,GAAgB1G,EAAOyD,GAAY,CAAEkD,kBAJjB,SAAAC,UACjBC,EAAYD,IAASH,GAAenH,SAASsH,KAGhC5G,qaAID,SAAA9M,UAASA,EAAME,MAAM7G,gBACpC,SAAA2G,UAASA,EAAME,MAAM7G,gBAGZ,SAAA2G,UAASA,EAAME,MAAMhI,WAAWI,aAKvC,gBAAiB4H,IAAAA,YACA,cADd0T,aAEC1T,EAAMzK,OAAOG,MACbsK,EAAMzK,OAAOI,gBAOL,gBAAiBqK,IAAAA,YACZ,cADF0T,aAEX1T,EAAMzK,OAAOG,MACbsK,EAAMzK,OAAOI,gBAoBZge,GAAYrU,cACvB,SAACQ,EAAOuJ,OAEJoD,EAeE3M,EAfF2M,SACAzG,EAcElG,EAdFkG,eACA4N,EAaE9T,EAbF8T,aACAC,EAYE/T,EAZF+T,aACIC,EAWFhU,EAXFyI,GACAwL,EAUEjU,EAVFiU,YACAC,EASElU,EATFkU,cACWC,EAQTnU,EAPFoU,SACApB,EAMEhT,EANFgT,QACAqB,EAKErU,EALFqU,UACApH,EAIEjN,EAJFiN,OACAqH,EAGEtU,EAFFF,QACGoN,IACDlN,MAEEyI,EAAKE,EAAcqL,KACSxU,YAAe,GAA1CuT,OAAWwB,OAEZ9G,EAAY+B,GAAaxP,EAAMyN,oBAiB5B+G,IACPD,GAAa,GAhBf/U,aAAgB,WACVuT,GACF5I,YAAW,WACToK,GAAa,GACbF,GAAkC,mBAAdA,GAA4BA,MAC/CI,OAEJ,CAAC1B,IAEJvT,aAAgB,WACVyU,GACFO,MAED,CAACP,QAME/T,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,UAG5B/I,gBAACqT,oBACK3F,iBACSD,EACbxE,GAAIA,EACJiM,UAAW,EACXjH,UAAWA,EACXsF,UAAWA,EACXC,QAASA,EACTzJ,IAAKA,EACLrJ,MAAOA,IAEPV,gBAAC+P,GAAeoF,UACdrL,MAAO,CACLmE,UAAW3N,IAAYwQ,qBAAakC,UAGtChT,gBAACyT,IACCxF,UAAW3N,IAAYwQ,qBAAakC,QACpCQ,QAASA,EACT9S,MAAOA,EACPJ,QAASA,GA9ErB,SAAoBA,EAAkBkT,EAAmB9S,mBAArCJ,IAAAA,EAAU,QAI1BN,gBAAC4T,IAAYJ,QAASA,EAAS9S,MAAOA,GACpCV,gBAJS2S,GAAarS,IAIhBF,KAAMM,EAAM7D,UAAUH,UA2ErB0Y,CAAW9U,EAASkT,EAAS9S,GAC9BV,gBAAC0T,IAAchT,MAAOA,GAAQyM,GAC7BuH,GACC1U,gBAAC8T,IAAuBxT,QAASA,EAASI,MAAOA,GAC9C6T,GAAgBf,GACfxT,gBAAC6T,IAAoBnT,MAAOA,GAC1BV,gBAAC0R,IACCxR,MACEI,IAAYwQ,qBAAakC,QACrBtS,EAAMzK,OAAOoB,QACbqJ,EAAMzK,OAAO2B,UAEnB+Z,UAAWiD,KAIjB5U,gBAACgU,IACCI,aAAc9T,eAEZoG,GAEIiH,EAAKnL,MAAMC,iBAEjBuO,KACEhR,gBAACqV,aACCjV,KACEmU,EACI7T,EAAM7D,UAAUC,OAChB4D,EAAM7D,UAAUJ,QAI1BwR,aACAqH,QAAShB,GAAgBU,EACzBtU,MAAOA,EACPJ,QAASoP,sBAAcE,cGpW5B2F,GAAQvV,cACnB,SAACQ,EAAOuJ,UACC/J,gBAACqU,kBAAUtK,IAAKA,GAASvJ,8CDfpC,SAAY4S,GACVA,kBACAA,YACAA,wBAHF,CAAYA,KAAAA,QAMZ,OECYoC,GFDCC,GAAWzV,cACtB,SAACQ,EAAOuJ,OACEoD,EAA2C3M,EAA3C2M,SAAUuI,EAAiClV,EAAjCkV,WAAYjI,EAAqBjN,EAArBiN,OAAWC,IAAUlN,aAGjDR,uCACM0N,eACOgI,GAActC,GAAmBuC,OAC5C5L,IAAKA,gBACQ0D,IAEZN,2CEVGqI,GAAAA,yBAAAA,gDAEVA,iBACAA,uBACAA,mBACAA,mBAGF,UCLYI,GAQAC,GDHNC,GAAexI,EAAOpJ,yQAMZ,SAAA1D,UACZA,EAAMyN,UACFzN,EAAME,MAAM1C,OAAOK,QAAQJ,gBAC3BuC,EAAME,MAAM1C,OAAOC,mBAErB,SAAAuC,UACAA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAOK,WACnBkK,EAAME,MAAMzK,OAAOyB,aACb,SAAA8I,UACZA,EAAMtF,WAAasa,uBAAeO,QAClCvV,EAAMtF,WAAasa,uBAAeQ,MAC9B,+BACA,WACG,SAAAxV,UACPA,EAAMyN,UACFzN,EAAME,MAAM1C,OAAOK,QAAQF,UAC3BqC,EAAME,MAAM1C,OAAOG,aAEf,SAAAqC,UACRA,EAAMyV,UACFzV,EAAME,MAAM1C,OAAOI,QAAQ/B,OAC3BmE,EAAME,MAAM1C,OAAO3B,UAEd,SAAAmE,UACTA,EAAMyV,UACFzV,EAAME,MAAM1C,OAAOI,QAAQF,QAC3BsC,EAAME,MAAM1C,OAAOE,WACb,SAAAsC,UAASA,EAAMtF,YAMhBgb,GAASlW,cACpB,SAACQ,EAAOuJ,OAEJoD,EAIE3M,EAJF2M,WAIE3M,EAHFtF,SAAAA,aAAWsa,gCACX/H,EAEEjN,EAFFiN,OACGC,IACDlN,MACEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAAC+P,GAAeoF,UACdrL,MAAO,CACLmE,UAAAA,IAGFjO,gBAAC8V,oBACKpI,iBACSD,EACbvS,SAAUA,EACV6O,IAAKA,EACLrJ,MAAOA,IAENyM,qDCrECyI,GAAAA,qBAAAA,wCAEVA,qBACAA,yBACAA,qBACAA,kBAGUC,GAAAA,uBAAAA,4CAEVA,iBAyDK,mBAAMM,GAAkB,SAAA3V,UAASuN,6BAtDHvN,UAC3BA,EAAMN,WACP,gBACIM,EAAME,MAAMzK,OAAOkB,WACvB,eACIqJ,EAAME,MAAMzK,OAAO0B,cACvB,iBACI6I,EAAME,MAAMzK,OAAOC,YACvB,mBACIsK,EAAME,MAAMzK,OAAOqB,cACvB,iBACIkJ,EAAME,MAAMzK,OAAOe,uBAGnBwJ,EAAME,MAAMzK,OAAOqB,WAyChB8e,CAAqB5V,qCAEnBA,EAAMN,QAAU0V,mBAAWS,MACvC7V,EAAME,MAAMzK,OAAOyB,UACnB,gCACa8I,EAAMF,UAAYuV,qBAAaS,QAC5C9V,EAAME,MAAMhI,WAAWM,UACvBwH,EAAME,MAAM7G,uBACS,UAAhB2G,EAAMN,MACXM,EAAME,MAAMzK,OAAOoB,QACnBmJ,EAAME,MAAMzK,OAAO2B,8DAGV4I,EAAMF,UAAYuV,qBAAaS,QACxC9V,EAAME,MAAM1L,UAAUK,OAAOH,SAC7BsL,EAAME,MAAM1L,UAAUC,OAAOC,4BACfsL,EAAMF,UAAYuV,qBAAaS,QAC7C9V,EAAME,MAAM1L,UAAUK,OAAOF,cAC7BqL,EAAME,MAAM1L,UAAUC,OAAOE,8BAClBqL,EAAMF,UAAYuV,qBAAaS,QAC1C9V,EAAME,MAAM1L,UAAUK,OAAOD,WAC7BoL,EAAME,MAAM1L,UAAUC,OAAOG,sBACvBoL,EAAMF,UAAYuV,qBAAaS,iBAC5B9V,EAAME,MAAMhI,WAAWG,eAC3B2H,EAAME,MAAMhI,WAAWG,gCAClB2H,EAAMF,UAAYuV,qBAAaS,QACzC9V,EAAME,MAAMhI,WAAWM,UACvB,qBACSwH,EAAME,MAAMhI,WAAWM,sBACzBwH,EAAMF,UAAYuV,qBAAaS,eAC/B9V,EAAME,MAAMhI,WAAWE,UAC3B4H,EAAME,MAAMhI,WAAWC,cAAa6H,EAAME,MAAMhI,WAAWE,yBACpD4H,EAAMF,SAAWuV,qBAAaS,QAAU,SAAW,gBAG7DC,GAAajJ,EAAOC,gCACtB4I,IAGE7G,GAAehC,EAAOkC,wLACxB2G,IAMc,SAAA3V,mBAnFwBA,UAChCA,EAAMN,WACP,gBACI0O,SAAO,GAAKpO,EAAME,MAAMzK,OAAOkB,YACnC,eACIwX,UAAQ,IAAMnO,EAAME,MAAMzK,OAAO0B,eACrC,iBACIiX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOC,aACnC,mBACI0Y,SAAO,GAAKpO,EAAME,MAAMzK,OAAOqB,eACnC,iBACIsX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOe,wBAG/B4X,SAAO,GAAKpO,EAAME,MAAMzK,OAAOqB,YAqEjBkf,CAA0BhW,MAInC,SAAAA,mBArEyBA,UACjCA,EAAMN,WACP,gBACI0O,SAAO,GAAKpO,EAAME,MAAMzK,OAAOkB,YACnC,eACIwX,UAAQ,GAAKnO,EAAME,MAAMzK,OAAO0B,eACpC,iBACIiX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOC,aACnC,mBACI0Y,SAAO,GAAKpO,EAAME,MAAMzK,OAAOqB,eACnC,iBACIsX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOe,wBAG/B4X,SAAO,GAAKpO,EAAME,MAAMzK,OAAOqB,YAuDjBmf,CAA2BjW,MAQzCkW,GAAQ1W,cACnB,SAACQ,EAAOuJ,OACEoD,EAAiD3M,EAAjD2M,SAAUmI,EAAuC9U,EAAvC8U,QAAS7H,EAA8BjN,EAA9BiN,OAAQnN,EAAsBE,EAAtBF,QAAYoN,IAAUlN,MAEnDmW,EAAyCxG,QAAQmF,GAPpChG,GAAeiH,GAS5B7V,EAAQV,aAAiBD,UAG7BC,gBAAC2W,mBACKjJ,iBACSD,EACbnN,QAASA,GAAoBuV,qBAAae,MAC1CtB,QAASA,EACTvL,IAAKA,EACLrJ,MAAOA,IAENyM,+HC5IH0J,GAAevJ,EAAOgG,6TAEZ,SAAA9S,UAAS2S,GAAqB3S,MACnC,SAAAA,SACW,YAAlBA,EAAMF,QACFE,EAAME,MAAMzK,OAAOoB,QACnBmJ,EAAME,MAAMzK,OAAO2B,aAEZ,SAAA4I,UAASA,EAAME,MAAM1L,UAAUM,OAAOJ,YACpC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUM,OAAOF,cAIhC,SAAAoL,UAASA,EAAME,MAAMnE,YAAYE,SAEvC,SAAA+D,UAASA,EAAME,MAAM1L,UAAUK,OAAOH,YACjC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUK,OAAOF,iBACzC,SAAAqL,UAASA,EAAME,MAAM1L,UAAUK,OAAOD,cAInD0hB,GAAiBxJ,EAAOgG,4MAKjB,SAAA9S,UAASA,EAAME,MAAMhI,WAAWI,aAEtB,SAAA0H,UAASA,EAAME,MAAMnE,YAAYE,SAKlDsa,GAAgBzJ,EAAOC,sFAMvByJ,GAAe,CAAC,OAAQ,YAAa,QAAS,WAM9ChD,GAAgB1G,EAAOyD,GAAY,CAAEkD,kBAJjB,SAAAC,UACjBC,EAAYD,IAAS8C,GAAapK,SAASsH,KAG9B5G,gbAKX,gBAAiB5M,IAAAA,YACP,cADP0T,aACmB1T,EAAMzK,OAAOoB,QAAUqJ,EAAMzK,OAAO2B,aAEtD,SAAA4I,UAASA,EAAME,MAAMhI,WAAWK,aAKvC,gBAAiB2H,IAAAA,YACA,cADd0T,aAEC1T,EAAMzK,OAAOoB,QACbqJ,EAAMzK,OAAO2B,aAQH,gBAAiB8I,IAAAA,YACZ,cADF0T,aAEX1T,EAAMzK,OAAOoB,QACbqJ,EAAMzK,OAAO2B,aAWrBgc,GAActG,EAAOC,mIAER,SAAA/M,UAASA,EAAME,MAAMhI,WAAWG,aAE5B,SAAA2H,UAASA,EAAME,MAAMnE,YAAYE,SAexD,SAASwa,GAAe3W,UACdA,OACD,iBACI8P,oBAAYpZ,YAChB,iBACIoZ,oBAAY8G,cAChB,gBACI9G,oBAAYjZ,sBAEZiZ,oBAAYla,SAIzB,aC7HYihB,GD6HCC,GAASpX,cACpB,SAACQ,EAAOuJ,OAEJsN,EASE7W,EATF6W,iBACAC,EAQE9W,EARF8W,oBACAnK,EAOE3M,EAPF2M,SACAzG,EAMElG,EANFkG,eACAgO,EAKElU,EALFkU,cACAG,EAIErU,EAJFqU,UACApH,EAGEjN,EAHFiN,OACAnN,EAEEE,EAFFF,QACGoN,IACDlN,MAEEE,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,UAG5B/I,gBAAC6W,oBACKnJ,iBACSD,EACb1D,IAAKA,EACLrJ,MAAOA,EACPJ,QAASA,IAETN,gBAAC8W,IAAepW,MAAOA,GAhD/B,SAAoBJ,EAAkBI,mBAAlBJ,IAAAA,EAAU,QAI1BN,gBAAC4T,IAAYlT,MAAOA,GAClBV,gBAJS2S,GAAarS,IAIhBF,KAAMM,EAAM7D,UAAUH,UA4CvB0Y,CAAW9U,EAASI,GACpByM,EACAkK,GAAoBC,GACnBtX,gBAACwQ,IACCtQ,MAAO+W,GAAe3W,GACtB2N,aACAqH,QAASgC,EACTjM,MAAO,CAAEvM,gBAAiB4B,EAAMhI,WAAWQ,WAC3CkH,KAAM0P,mBAAWrT,OAEhB4a,IAKN3C,GACC1U,gBAAC+W,QACC/W,gBAACgU,IACCI,aAAc9T,eAEZoG,GAAkCiH,EAAKnL,MAAMC,iBAE/CuO,KAAMhR,gBAACqV,aAAUjV,KAAMM,EAAM7D,UAAUJ,QACvCwR,aACAqH,QAAST,EACTnU,MAAOA,EACPJ,QAASoP,sBAAcE,8DEtL/B2H,GAAajK,EAAO,KAAM,CAC9B2G,kBAAmBE,GADF7G,6KAKJ,SAAA9M,UAASA,EAAME,MAAM1L,UAAUK,OAAOH,YACjC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUK,OAAOF,iBACzC,SAAAqL,UAASA,EAAME,MAAM1L,UAAUK,OAAOD,cAM1CoiB,GAAaxX,cACxB,SAACQ,EAAOuJ,OAEU3F,EAKZ5D,EALF,cACA2M,EAIE3M,EAJF2M,SACWsK,EAGTjX,EAHFyN,UACAR,EAEEjN,EAFFiN,OACGC,IACDlN,MAEEE,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GACxBkF,EAAY+B,GAAayH,UAG7BzX,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,uCACM0N,gBACQtJ,GAAwBuJ,EAAKjL,WAAWC,2BACvC8K,IAEbzN,gBAACuX,IAAWtJ,UAAWA,EAAWlE,IAAKA,EAAKrJ,MAAOA,GAChDyM,iDCtBPuK,GAAa,SAAAlX,UAASuN,eACjBvN,EAAMyN,UACXzN,EAAME,MAAMzK,OAAOE,eACnBqK,EAAME,MAAMzK,OAAOC,8EAKVsK,EAAMyN,UACXzN,EAAME,MAAMzK,OAAOE,eACnBqK,EAAME,MAAMzK,OAAOM,6CAInBiK,EAAMyN,UACJzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,iCAMzBuhB,kDACFD,OAGSE,GAAY5X,cACvB,SAACQ,EAAOuJ,OACEoD,EAA4C3M,EAA5C2M,SAAU0K,EAAkCrX,EAAlCqX,GAAIC,EAA8BtX,EAA9BsX,SAAUrK,EAAoBjN,EAApBiN,OAE1BC,EAAQlE,EAAK,CAAC,cAAe,eAAgB,UAFChJ,OAG9CE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAaxP,EAAMyN,cAEb,mBAAbd,EAAyB,KAC5B4K,EACS,WAAbD,EACIhK,OAAkBtN,GAAOE,MAAAA,KACzBgX,QAAgBlX,GAAOE,MAAAA,YAG3BV,gBAACgY,mBACE,gBACOC,GAAYC,IADhBnK,KAC4BgK,UACtB5K,EAAgD,CACtD0K,GAAAA,EACAI,UAAAA,EACAhK,UAAAA,WAMFkK,EAAqBjJ,EAAiBkJ,cAAc,4DAKxDpY,gBAHa,WAAb8X,EAAwBK,EAAqBR,oBAIvCjK,GACJ3D,IAAKA,gBACQ0D,EACb4K,KAAMR,EACN5J,UAAWA,EACXvN,MAAOA,IAENyM,oCC3ELmL,GAAahL,EAAOiL,2FAOpBhC,GAAajJ,EAAOC,4EACf,SAAA/M,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOsB,aAGX,SAAAiJ,UAASA,EAAME,MAAMhI,WAAWE,aAInC4f,GAAiBxY,cAG5B,SAACQ,EAAOuJ,OACAoD,EAAmC3M,EAAnC2M,SAAU0K,EAAyBrX,EAAzBqX,GAAIpK,EAAqBjN,EAArBiN,OAAWC,IAAUlN,MACrCE,EAAQV,aAAiBD,GACzBkO,EAAY+B,YAGhBhQ,gBAACsY,oBAAe5K,iBAAoBD,EAAQ1D,IAAKA,IAC9C8N,EACC7X,gCACEA,gBAAC4X,IAAUC,GAAIA,EAAI5J,UAAWA,GAC3Bd,GAEHnN,gBAACuW,IAAWtI,UAAWA,EAAWvN,MAAOA,GACvCV,gBAACyY,oBAAiBrY,KAAMM,EAAM7D,UAAUJ,UAI5CuD,gBAACuW,mBAAwB,OAAOtI,UAAWA,EAAWvN,MAAOA,GAC1DyM,qEHtCCgK,GAAAA,sCAAAA,uDAEVA,eACAA,mBACAA,4BAGF,IIvBYuB,GJuBNC,8DACO,SAAAnY,UAASA,EAAMoY,qCAEL,SAAApY,UAASA,EAAMqY,mDAIf,SAAArY,UAASA,EAAM5B,iCAKzBka,GAAmB9Y,cAG9B,SAACQ,EAAOuJ,OAENoD,EAME3M,EANF2M,WAME3M,EALFoY,YAAAA,aAAczB,oCAA4B4B,QAC1CF,EAIErY,EAJFqY,SACAja,EAGE4B,EAHF5B,SACA6O,EAEEjN,EAFFiN,OACGC,IACDlN,aAGFR,gBAAC2Y,oBACKjL,iBACSD,EACbmL,YAAaA,EACbha,SAAUA,EACVia,SAAUA,EACV9O,IAAKA,IAEJoD,0EInBP,SAAS6L,GACPC,EACAC,EACAC,OAEMC,EAAQC,OAAOC,KAAKJ,UAQnBA,EANUE,EAAMG,MAAMH,EAAMI,QAAQP,GAAc,GAE/BQ,MAAK,SAAAC,UAC7BP,EAAmBvM,SAAS8M,QAhDpBhB,GAAAA,+BAAAA,0CAEVA,iBACAA,mBACAA,iBACAA,kBC6BUiB,GAMAC,6CANAD,GAAAA,wBAAAA,2CAEVA,eACAA,kBAGUC,GAAAA,0BAAAA,6CAEVA,qBACAA,qBACAA,qBA+BF,UC5DYC,GAOAC,GAMAC,GD+CNC,GAAa1M,EAAOgG,iSACV,SAAA9S,UACZA,EAAMyZ,WACFzZ,EAAMyZ,WACNzZ,EAAMyN,UACNzN,EAAME,MAAMzK,OAAOK,WACnBkK,EAAME,MAAMzK,OAAO2B,aAErB,SAAA4I,UACAA,EAAMyZ,WAAazZ,EAAMyZ,WAAazZ,EAAME,MAAMzK,OAAOyB,aAC5C,SAAA8I,UAASA,EAAME,MAAM7G,gBACxB,SAAA2G,UACZA,EAAM0Z,cAAgB,+BAAiC,WAChD,SAAA1Z,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,WAIT,SAAAmJ,UACdA,EAAM2Z,YAAc3Z,EAAME,MAAMhI,WAAWE,UAAY,OAE3C,SAAA4H,UAASA,EAAM4Z,SACpB,SAAA5Z,UAASA,EAAM9B,SAEtB,SAAA8B,UACAA,EAAM2Z,aACNpM,sCAvDFvN,MAEIA,EAAMyN,iBACAzN,EAAM2Z,iBACP,gBACI3Z,EAAME,MAAMzK,OAAOmB,kBACvB,iBACIoJ,EAAME,MAAMzK,OAAOiB,mBACvB,iBACIsJ,EAAME,MAAMzK,OAAOY,qBAEnB2J,EAAME,MAAMzK,OAAOQ,oBAIxB+J,EAAM2Z,iBACP,gBACI3Z,EAAME,MAAMzK,OAAOkB,WACvB,iBACIqJ,EAAME,MAAMzK,OAAOe,YACvB,iBACIwJ,EAAME,MAAMzK,OAAOY,qBAEnB2J,EAAME,MAAMzK,OAAOC,SAkCVmkB,CAAuB7Z,qBACpBA,EAAME,MAAM7G,qBACzB2G,EAAME,MAAM7G,qFAMP2G,EAAME,MAAMhI,WAAWE,qCAS3B0hB,GAActa,gBAA6C,CACtEiO,WAAW,IAGAsM,GAAOva,cAClB,SAACQ,EAAOuJ,OACEqQ,EAA6C5Z,EAA7C4Z,MAAOjN,EAAsC3M,EAAtC2M,SAAUM,EAA4BjN,EAA5BiN,OAAQ/O,EAAoB8B,EAApB9B,MAAUgP,IAAUlN,MAE/CyN,EAAY+B,GAAaxP,EAAMyN,WAE/BvN,EAAQV,aAAiBD,UAS7BC,gBAACga,oBACKtM,GACJ0M,MAAOA,GAAgBT,sBAActe,mBACxBoS,EACbQ,UAAWA,EACXlE,IAAKA,EACLrJ,MAAOA,EACPhC,MAdgBA,EACC,iBAAVA,EACFA,OACHA,EACF,SAYAsB,gBAACsa,GAAYnF,UACXrL,MAAO,CACLmE,UAAAA,IAGDd,gCElJLqN,GAAiBlN,EAAOgG,sHACjB,SAAA9S,UAASA,EAAME,MAAMhI,WAAWK,aAC7B,SAAAyH,UAASA,EAAM4Z,SAER,SAAA5Z,UAASA,EAAME,MAAMnE,YAAYE,SACzC,SAAA+D,UAASA,EAAME,MAAMhI,WAAWM,aAIlCyhB,GAAWza,cACtB,SAACQ,EAAOuJ,OACEoD,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,MACjCE,EAAQV,aAAiBD,UAG7BC,gBAACwa,oBAAmB9M,iBAAoBD,EAAQ1D,IAAKA,EAAKrJ,MAAOA,IAC9DyM,ODVG0M,GAAAA,0BAAAA,6CAEVA,qBACAA,qBACAA,sBAGUC,GAAAA,mCAAAA,wDAEVA,2BACAA,0BAGUC,GAAAA,gCAAAA,iEAEVA,+BACAA,iCACAA,+BACAA,iCACAA,mCACAA,yBACAA,2BACAA,yBACAA,2BAcK,OAAMW,GAAc,SAAAla,UAASuN,eACzBvN,EAAMyN,UACXzN,EAAME,MAAMzK,OAAO2B,UACM,eAAzB4I,EAAMma,eACNna,EAAME,MAAMzK,OAAOM,aACnBiK,EAAME,MAAMzK,OAAOoB,YAErBmJ,EAAMN,QAAU2Z,wBAAgB1iB,SACjCqJ,EAAMyN,WACPF,eACWvN,EAAME,MAAMzK,OAAOkB,gBAG5BqJ,EAAMN,QAAU2Z,wBAAgB7iB,UACjCwJ,EAAMyN,WACPF,eACWvN,EAAME,MAAMzK,OAAOe,iBAG9BwJ,EAAMN,QAAU2Z,wBAAgBe,UAC/Bpa,EAAMyN,WACPF,eACWvN,EAAME,MAAMzK,OAAOsB,mBAG5BiJ,EAAMN,QAAU2Z,wBAAgB1iB,QAClCqJ,EAAMyN,WACNF,eACWvN,EAAME,MAAMzK,OAAOmB,uBAG5BoJ,EAAMN,QAAU2Z,wBAAgB7iB,SAClCwJ,EAAMyN,WACNF,eACWvN,EAAME,MAAMzK,OAAOiB,wBAG9BsJ,EAAMN,QAAU2Z,wBAAgBe,SAChCpa,EAAMyN,WACNF,eACWvN,EAAME,MAAMzK,OAAOI,uBAI1BwkB,GAAsB,SAAAra,UAASuN,MACjC2M,GAAYla,4BAxDkBA,UACxBA,EAAMma,qBACPb,iCAAyBgB,kBACrBta,EAAME,MAAM/G,wBAChBmgB,iCAAyBiB,iBACrBva,EAAME,MAAM9G,iCAEZ4G,EAAME,MAAMhH,UAkDRshB,CAAkBxa,4BAqG7Bya,GAAoB,SAAAza,UAASuN,yDAXnC,SAA8BvN,UACpBA,EAAMma,qBACPb,iCAAyBgB,kBACrBta,EAAME,MAAM3G,2BAChB+f,iCAAyBiB,iBACrBva,EAAME,MAAM1G,oCAEZwG,EAAME,MAAM5G,aAMRohB,CAAqB1a,kDAK9BA,EAAMyN,UACJzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,mDAKzBskB,GAAYla,QAsDH2a,GAAqB,SAAA3a,UAASuN,MACvCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBK,aAAaH,OAAOhI,yBACrDsL,EAAME,MAAM1D,uBAAuBK,aAAaD,2BAChDoD,EAAME,MAAM1D,uBAAuBK,aAAaH,OAC5D9H,sBACOoL,EAAM4a,UACZ,EACG5a,EAAME,MAAMhI,WAAWU,gBAAeoH,EAAME,MAAMhI,WAAWK,gCAE/CyH,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBK,aAAaF,QAC1DjI,yBACYsL,EAAME,MAAM1D,uBAAuBK,aAAaF,QAC5D/H,gBAGsB,eAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCT,aACvDH,OAAOhI,yBACKsL,EAAME,MAAM5C,iCAAiCT,aACzDD,2BACYoD,EAAME,MAAM5C,iCAAiCT,aACzDH,OAAO9H,iCAEWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCT,aACvDF,QAAQjI,yBACIsL,EAAME,MAAM5C,iCAAiCT,aACzDF,QAAQ/H,qBAIY,cAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCV,aAAaH,OACnEhI,yBACYsL,EAAME,MAAM3C,gCAAgCV,aACxDD,2BACYoD,EAAME,MAAM3C,gCAAgCV,aACxDH,OAAO9H,iCACWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCV,aACtDF,QAAQjI,yBACIsL,EAAME,MAAM3C,gCAAgCV,aACxDF,QAAQ/H,uBAgQJimB,GAAsB/N,EAAOgO,6BACtC,SAAA9a,UA5BJ,SAA6BA,UACnBA,EAAM+a,kBACPxB,8BAAsB9c,qBAzUI,SAAAuD,UAASuN,MACxCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBC,cAAcC,OAC3DhI,yBACYsL,EAAME,MAAM1D,uBAAuBC,cAAcG,2BACjDoD,EAAME,MAAM1D,uBAAuBC,cAAcC,OAC7D9H,sBACOoL,EAAM4a,UAAY,SAAW5a,EAAME,MAAMhI,WAAWK,gCAEzCyH,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBC,cAAcE,QAC3DjI,yBACYsL,EAAME,MAAM1D,uBAAuBC,cAAcE,QAC7D/H,gBAGsB,eAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCb,cACvDC,OAAOhI,yBACKsL,EAAME,MAAM5C,iCAAiCb,cACzDG,2BACYoD,EAAME,MAAM5C,iCAAiCb,cACzDC,OAAO9H,iCAEWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCb,cACvDE,QAAQjI,yBACIsL,EAAME,MAAM5C,iCAAiCb,cACzDE,QAAQ/H,qBAIY,cAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCd,cACtDC,OAAOhI,yBACKsL,EAAME,MAAM3C,gCAAgCd,cACxDG,2BACYoD,EAAME,MAAM3C,gCAAgCd,cACxDC,OAAO9H,iCACWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCd,cACtDE,QAAQjI,yBACIsL,EAAME,MAAM3C,gCAAgCd,cACxDE,QAAQ/H,sBA4RJomB,CAAoBhb,QACxBuZ,8BAAsB1c,oBAClB8d,GAAmB3a,QACvBuZ,8BAAsBzc,qBAtOI,SAAAkD,UAASuN,MACxCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBM,cAAcJ,OAC3DhI,yBACYsL,EAAME,MAAM1D,uBAAuBM,cAAcF,2BACjDoD,EAAME,MAAM1D,uBAAuBM,cAAcJ,OAC7D9H,sBACOoL,EAAM4a,UACZ,EACG5a,EAAME,MAAMhI,WAAWS,gBAAeqH,EAAME,MAAMhI,WAAWK,gCAE/CyH,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBM,cAAcH,QAC3DjI,yBACYsL,EAAME,MAAM1D,uBAAuBM,cAAcH,QAC7D/H,gBAGsB,eAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCR,cACvDJ,OAAOhI,yBACKsL,EAAME,MAAM5C,iCAAiCR,cACzDF,2BACYoD,EAAME,MAAM5C,iCAAiCR,cACzDJ,OAAO9H,iCAEWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCR,cACvDH,QAAQjI,yBACIsL,EAAME,MAAM5C,iCAAiCR,cACzDH,QAAQ/H,qBAIY,cAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCT,cACtDJ,OAAOhI,yBACKsL,EAAME,MAAM3C,gCAAgCT,cACxDF,2BACYoD,EAAME,MAAM3C,gCAAgCT,cACxDJ,OAAO9H,iCACWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCT,cACtDH,QAAQjI,yBACIsL,EAAME,MAAM3C,gCAAgCT,cACxDH,QAAQ/H,sBAuLJqmB,CAAoBjb,QACxBuZ,8BAAsBxc,oBAnLG,SAAAiD,UAASuN,MACvCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBO,aAAaL,OAAOhI,yBACrDsL,EAAME,MAAM1D,uBAAuBO,aAAaH,2BAChDoD,EAAME,MAAM1D,uBAAuBO,aAAaL,OAC5D9H,sBACOoL,EAAM4a,UACZ,EACG5a,EAAME,MAAMhI,WAAWQ,gBAAesH,EAAME,MAAMhI,WAAWK,gCAE/CyH,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBO,aAAaJ,QAC1DjI,yBACYsL,EAAME,MAAM1D,uBAAuBO,aAAaJ,QAC5D/H,gBAEsB,eAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCP,aACvDL,OAAOhI,yBACKsL,EAAME,MAAM5C,iCAAiCP,aACzDH,2BACYoD,EAAME,MAAM5C,iCAAiCP,aACzDL,OAAO9H,iCAEWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCP,aACvDJ,QAAQjI,yBACIsL,EAAME,MAAM5C,iCAAiCP,aACzDJ,QAAQ/H,qBAIY,cAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCR,aAAaL,OACnEhI,yBACYsL,EAAME,MAAM3C,gCAAgCR,aACxDH,2BACYoD,EAAME,MAAM3C,gCAAgCR,aACxDL,OAAO9H,iCACWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCR,aACtDJ,QAAQjI,yBACIsL,EAAME,MAAM3C,gCAAgCR,aACxDJ,QAAQ/H,sBAsIJsmB,CAAmBlb,QACvBuZ,8BAAsBvc,qBAlII,SAAAgD,UAASuN,MACxCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBQ,cAAcN,OAC3DhI,yBACYsL,EAAME,MAAM1D,uBAAuBQ,cAAcJ,2BACjDoD,EAAME,MAAM1D,uBAAuBQ,cAAcN,OAC7D9H,sBACOoL,EAAM4a,UACZ,EACG5a,EAAME,MAAMhI,WAAWM,gBAAewH,EAAME,MAAMhI,WAAWK,gCAE/CyH,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBQ,cAAcL,QAC3DjI,yBACYsL,EAAME,MAAM1D,uBAAuBQ,cAAcL,QAC7D/H,gBAGsB,eAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCN,cACvDN,OAAOhI,yBACKsL,EAAME,MAAM5C,iCAAiCN,cACzDJ,2BACYoD,EAAME,MAAM5C,iCAAiCN,cACzDN,OAAO9H,iCAEWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCN,cACvDL,QAAQjI,yBACIsL,EAAME,MAAM5C,iCAAiCN,cACzDL,QAAQ/H,qBAIY,cAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCP,cACtDN,OAAOhI,yBACKsL,EAAME,MAAM3C,gCAAgCP,cACxDJ,2BACYoD,EAAME,MAAM3C,gCAAgCP,cACxDN,OAAO9H,iCACWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCP,cACtDL,QAAQjI,yBACIsL,EAAME,MAAM3C,gCAAgCP,cACxDL,QAAQ/H,sBAmFJumB,CAAoBnb,QACxBuZ,8BAAsBtc,sBA/EK,SAAA+C,UAASuN,MACzCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBS,eAAeP,OAC5DhI,yBACYsL,EAAME,MAAM1D,uBAAuBS,eAAeL,8BAC/CoD,EAAME,MAAM1D,uBAAuBS,eAAeP,OACjE/H,8BACYqL,EAAME,MAAM1D,uBAAuBS,eAAeP,OAC9D9H,+CAEOoL,EAAM4a,UACZ,EACG5a,EAAME,MAAMhI,WAAWM,gBAAewH,EAAME,MAAMhI,WAAWG,gCAE/C2H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBS,eAAeN,QAC5DjI,4BACesL,EAAME,MAAM1D,uBAAuBS,eAAeN,QACjEhI,8BACYqL,EAAME,MAAM1D,uBAAuBS,eAAeN,QAC9D/H,gBAGsB,eAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCL,eACvDP,OAAOhI,yBACKsL,EAAME,MAAM5C,iCAAiCL,eACzDL,8BACeoD,EAAME,MAAM5C,iCAC3BL,eAAeP,OAAO/H,8BACVqL,EAAME,MAAM5C,iCAAiCL,eACzDP,OAAO9H,qDAGWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCL,eACvDN,QAAQjI,4BACOsL,EAAME,MAAM5C,iCAC3BL,eAAeN,QAAQhI,8BACXqL,EAAME,MAAM5C,iCAAiCL,eACzDN,QAAQ/H,qBAIY,cAAzBoL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCN,eACtDP,OAAOhI,yBACKsL,EAAME,MAAM3C,gCAAgCN,eACxDL,8BACeoD,EAAME,MAAM3C,gCAAgCN,eAC3DP,OAAO/H,8BACKqL,EAAME,MAAM3C,gCAAgCN,eACxDP,OAAO9H,iCACWoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCN,eACtDN,QAAQjI,4BACOsL,EAAME,MAAM3C,gCAC3BN,eAAeN,QAAQhI,8BACXqL,EAAME,MAAM3C,gCAAgCN,eACxDN,QAAQ/H,sBAkBJwmB,CAAqBpb,QACzBuZ,8BAAsBrc,iBAvcK,SAAA8C,UAASuN,MACzC8M,GAAoBra,cAEZA,EAAM4a,UAAY,IAAS5a,EAAME,MAAMhI,WAAWM,6BAE/CwH,EAAME,MAAM1D,uBAAuBU,UAAUR,OAAOhI,yBAClDsL,EAAME,MAAM1D,uBAAuBU,UAAUR,OACzD9H,iCAEkBoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBU,UAAUP,QAAQjI,yBACnDsL,EAAME,MAAM1D,uBAAuBU,UAAUP,QACzD/H,gBAGHoL,EAAMma,iBAAmBb,iCAAyBgB,YACpD/M,mBACevN,EAAME,MAAM5C,iCAAiCJ,UAAUR,OACjEhI,yBACYsL,EAAME,MAAM5C,iCAAiCJ,UAAUR,OACnE9H,iCAEkBoL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCJ,UACvDP,QAAQjI,yBACIsL,EAAME,MAAM5C,iCAAiCJ,UACzDP,QAAQ/H,sBA8aJymB,CAAqBrb,QACzBuZ,8BAAsBpc,kBA1aM,SAAA6C,UAASuN,MAC1C8M,GAAoBra,iBAETA,EAAME,MAAM1D,uBAAuBW,WAAWT,OAAOhI,yBACnDsL,EAAME,MAAM1D,uBAAuBW,WAAWT,OAC1D9H,sBACOoL,EAAM4a,UAAY,IAAS5a,EAAME,MAAMhI,WAAWM,qCAEvCwH,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBW,WAAWR,QACxDjI,yBACYsL,EAAME,MAAM1D,uBAAuBW,WAAWR,QAC1D/H,iBA+ZM0mB,CAAsBtb,QAC1BuZ,8BAAsBnc,iBA5ZK,SAAA4C,UAASuN,MACzC8M,GAAoBra,iBAETA,EAAME,MAAM1D,uBAAuBY,UAAUV,OAAOhI,4BAC/CsL,EAAME,MAAM1D,uBAAuBY,UAAUV,OAC5D/H,8BACYqL,EAAME,MAAM1D,uBAAuBY,UAAUV,OACzD9H,sBACOoL,EAAM4a,UAAY,IAAS5a,EAAME,MAAMhI,WAAWK,qCAEvCyH,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBY,UAAUT,QAAQjI,4BAChDsL,EAAME,MAAM1D,uBAAuBY,UAAUT,QAC5DhI,8BACYqL,EAAME,MAAM1D,uBAAuBY,UAAUT,QACzD/H,iBA8YM2mB,CAAqBvb,QACzBuZ,8BAAsBlc,kBA3YM,SAAA2C,UAASuN,MAC1C8M,GAAoBra,iBAETA,EAAME,MAAM1D,uBAAuBa,WAAWX,OAAOhI,4BAChDsL,EAAME,MAAM1D,uBAAuBa,WAAWX,OAC7D/H,8BACYqL,EAAME,MAAM1D,uBAAuBa,WAAWX,OAC1D9H,sBACOoL,EAAM4a,UAAY,IAAS5a,EAAME,MAAMhI,WAAWG,qCAEvC2H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBa,WAAWV,QACxDjI,4BACesL,EAAME,MAAM1D,uBAAuBa,WAAWV,QAC7DhI,8BACYqL,EAAME,MAAM1D,uBAAuBa,WAAWV,QAC1D/H,iBA4XM4mB,CAAsBxb,kBAEtB2a,GAAmB3a,IAKnByb,CAAoBzb,qDE1hBpB0b,GAAUlc,cACrB,SAACQ,EAAOuJ,OACEoS,EAAmD3b,EAAnD2b,MAAO1O,EAA4CjN,EAA5CiN,OAAQ8N,EAAoC/a,EAApC+a,YAAapO,EAAuB3M,EAAvB2M,SAAaO,IAAUlN,MACrDE,EAAQV,aAAiBD,GAEzBqc,EAAkB,GACnBrC,8BAAsB9c,gBACtB8c,8BAAsB1c,eACtB0c,8BAAsBzc,gBACtByc,8BAAsBxc,eACtBwc,8BAAsBvc,gBACtBuc,8BAAsBtc,uBAMzBuC,gBAACqb,oBACK3N,GACJ2O,OALuBF,gBAMV1O,EACbQ,UAAW+B,GAAaxP,EAAMyN,WAC9BlE,IAAKA,EACLwR,YAAaA,GAA4Ba,EAAgBD,GACzDzb,MAAOA,IAENyM,qCC3CHmP,GAAoBhP,EAAO4O,GAAP5O,uCAIbiP,GAAcvc,cAGzB,SAACQ,EAAOuJ,OACAyS,EAAqChc,EAArCgc,aAAcrP,EAAuB3M,EAAvB2M,SAAaO,IAAUlN,MAEvCgK,EAAUxK,aAAiBsa,WAG/Bta,gBAACsc,oBACK5O,GACJxN,MAAO2Z,gCACP5L,UAAWzD,EAAQyD,UACnBkO,MAAOK,GAA8B,EACrCzS,IAAKA,EACL0D,OAAQjN,EAAMiN,OACd8N,YAAaxB,8BAAsBxc,eAElC4P,MCxCMsP,GAAqB,SAAAjc,UAASuN,gDAG/BvN,EAAME,MAAMhI,WAAWM,wGAKxBwH,EAAME,MAAMhI,WAAWM,8FAYpBwH,EAAME,MAAMhI,WAAWS,oBACxBqH,EAAME,MAAMhI,WAAWG,yCAGxB2H,EAAME,MAAMhI,WAAWG,4EAGtB2H,EAAME,MAAMhI,WAAWS,2CAIvBujB,uJAMGC,GAAkCnc,UACzCA,EAAMyN,UACTzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAMN,MACNM,EAAMN,MACNM,EAAME,MAAMzK,OAAOC,iBAaT0mB,GAA6Bpc,UACpCuN,qEAKDvN,EAAMyN,UACJzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,WC/DtB,mBCUKymB,GAKAC,GASAC,GDxBCC,mYCUDH,GAAAA,oBAAAA,qCAEVA,oBAGUC,GAAAA,oBAAAA,qCAEVA,eACAA,mBACAA,uBACAA,mBACAA,gBAGUC,GAAAA,4BAAAA,yCAEVA,eACAA,iBAoFK,IAAME,GAAqB,SAACzc,UAAmCuN,+EAK3DvN,EAAM9B,OAAS,4BACJ8B,EAAME,MAAMzK,OAAO2B,4BACtB4I,EAAME,MAAM7G,kCAEzB2G,EAAMyN,UACJzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOsB,gDAInBiJ,EAAMyN,UACJzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,8BAIzBoK,EAAM0c,UACRnP,sBACkBvN,EAAME,MAAMzK,OAAOkB,gCAE/BqJ,EAAMyN,UACJzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOkB,gBAGzBqJ,EAAMwN,UACRD,sBACkBvN,EAAME,MAAMzK,OAAOwB,+BACf+I,EAAMwN,SACtBxN,EAAME,MAAMzK,OAAO0B,UACnB6I,EAAME,MAAMzK,OAAO2B,iCAGb4I,EAAMyQ,eAAiB8L,0BAAkB5hB,IAC/C,OACA,oBACKqF,EAAMyQ,eAAiB8L,0BAAkB5hB,IAAM,OAAS,iBAaxDgiB,GAAkB,SAAC3c,UAAgCuN,gCAE7CvN,EAAME,MAAM7G,4BACf2G,EAAME,MAAMzK,OAAO2B,oBACxB4I,EAAME,MAAMzK,OAAOoB,oCAEfmJ,EAAME,MAAM1L,UAAUM,OAAOJ,yBAC3BsL,EAAME,MAAM1L,UAAUM,OAAOF,2BAC7BoL,EAAME,MAAMhH,oBACjB8G,EAAME,MAAMhI,WAAWS,sBACtBqH,EAAME,MAAMhI,WAAWG,iDAIT,SAAvB2H,EAAMyQ,cACRlD,sBACkBvN,EAAME,MAAMhI,WAAWS,mBAGhB,UAAvBqH,EAAMyQ,cACRlD,uBACmBvN,EAAME,MAAMhI,WAAWS,mBAGpB,UAApBqH,EAAM4c,WACRrP,mBACevN,EAAME,MAAM1L,UAAUO,OAAOL,yBAC3BsL,EAAME,MAAM1L,UAAUO,OAAOH,sBAClCoL,EAAME,MAAMhI,WAAWW,sBACtBmH,EAAME,MAAMhI,WAAWI,mBAGT,SAAvB0H,EAAMyQ,cACU,UAApBzQ,EAAM4c,WACNrP,sBACkBvN,EAAME,MAAMhI,WAAWU,mBAGZ,UAAvBoH,EAAMyQ,cACQ,UAApBzQ,EAAM4c,WACNrP,uBACmBvN,EAAME,MAAMhI,WAAWU,wCAI/BoH,EAAME,MAAMzK,OAAOsB,+MAiB5BiJ,EAAMwN,UACRD,oBACgBvN,EAAME,MAAMzK,OAAO0B,oBACxB6I,EAAME,MAAMzK,OAAO4B,yDAIjB2I,EAAME,MAAMzK,OAAO4B,wBAKrBwlB,GAAe/P,EAAOgG,8BAC/B2J,IAGEK,GAAchQ,EAAO3H,gCACvBwX,IAGEvJ,GAActG,EAAOC,kIAOf,SAAA/M,SAAiC,QAAvBA,EAAMyQ,aAAyB,OAAS,aACnD,SAAAzQ,UAASA,EAAME,MAAMzK,OAAOoB,WAC7B,SAAAmJ,SACiB,SAAvBA,EAAMyQ,aAA0BzQ,EAAME,MAAMhI,WAAWG,UAAY,UAC5D,SAAA2H,SACgB,UAAvBA,EAAMyQ,aACFzQ,EAAME,MAAMhI,WAAWG,UACA,QAAvB2H,EAAMyQ,aACN,MACA,UAEC,SAAAzQ,SACkB,QAAvBA,EAAMyQ,aACF,UACA,SAAAzQ,UAASA,EAAME,MAAMhI,WAAWG,cAEpC,SAAA2H,SACoB,UAApBA,EAAM4c,WACNrP,gBACmC,QAAvBvN,EAAMyQ,aAAyB,OAAS,mBACnB,SAAvBzQ,EAAMyQ,aACVzQ,EAAME,MAAMhI,WAAWI,UACvB,iBAC4B,UAAvB0H,EAAMyQ,aACXzQ,EAAME,MAAMhI,WAAWI,UACA,QAAvB0H,EAAMyQ,aACN,MACA,eAC0B,QAAvBzQ,EAAMyQ,aACT,UACAzQ,EAAME,MAAMhI,WAAWI,qCAI3BykB,GAAsBjQ,EAAOC,2LAOb,gBAAa7M,IAAAA,eAAVsN,SACVtN,EAAMzK,OAAO0B,UAAY+I,EAAMzK,OAAO2B,aACzC,SAAA4I,SAAiC,QAAvBA,EAAMyQ,aAAyB,OAAS,aAInD,SAAAzQ,UACPA,EAAMJ,OAASyc,kBAAUlgB,MACrB6D,EAAME,MAAMhI,WAAWE,UACvB4H,EAAME,MAAMhI,WAAWC,aAGjB,SAAA6H,UACRA,EAAMJ,OAASyc,kBAAUlgB,MAClB6D,EAAME,MAAM7D,UAAUF,WACtB6D,EAAME,MAAM7D,UAAUH,eACtB,SAAA8D,UACPA,EAAMJ,OAASyc,kBAAUlgB,MAClB6D,EAAME,MAAM7D,UAAUF,WACtB6D,EAAME,MAAM7D,UAAUH,eAI7B8gB,GAAuBlQ,EAAOC,yFAMd,gBAAa7M,IAAAA,eAAVsN,SACVtN,EAAMzK,OAAO0B,UAAY+I,EAAMzK,OAAO2B,aAE1C,SAAA4I,UACPA,EAAMJ,OAASyc,kBAAUlgB,MACrB6D,EAAME,MAAMhI,WAAWE,UACvB4H,EAAME,MAAMhI,WAAWC,aAG/B,SAASkY,GAAYzQ,EAAcM,UACzBN,OACD,eACIM,EAAM7D,UAAUF,qBAEhB+D,EAAM7D,UAAUH,QAI7B,aClVY+gB,GDkVCC,GAAY1d,cACvB,SAACQ,EAAOmd,OAEJxQ,EAkBE3M,EAlBF2M,SACAyQ,EAiBEpd,EAjBFod,eACA9Q,EAgBEtM,EAfFwN,SACAkP,EAcE1c,EAdF0c,SACAlM,EAaExQ,EAbFwQ,KACAnL,EAYErF,EAZFqF,cACAgY,EAWErd,EAXFqd,QACAC,EAUEtd,EAVFsd,YACAC,EASEvd,EATFud,aACAC,EAQExd,EARFwd,QACAC,EAOEzd,EAPFyd,YACAC,EAME1d,EANF0d,cACAd,EAKE5c,EALF4c,UACAe,EAIE3d,EAJF2d,WACA1Q,EAGEjN,EAHFiN,OACA1S,EAEEyF,EAFFzF,KACG2S,IACDlN,MAEEmN,EAAO3N,aAAiB+I,GAExBrI,EAAQV,aAAiBD,GACzBkR,EACJD,GAAQiN,EACJlB,0BAAkB3hB,MAClB4V,IAASxQ,EAAMyQ,aACf8L,0BAAkB1hB,KAClBmF,EAAMyQ,eAEcjR,WAExBQ,EAAMsM,cAAgBtM,EAAMsJ,OAAS,IAFhCA,OAAOsU,OAIdpe,aAAgB,WACVQ,MAAAA,EAAMsJ,OACRsU,EAAS5d,EAAMsJ,SAEhB,CAACtJ,EAAMsJ,YAEJuU,EAAWre,WACX+J,EAAMsC,EAAasR,EAAcU,UAiBrCre,gBAACqd,IACCrP,SAAUA,EACViD,aAAcA,EACdhD,UAAWzN,EAAMyN,UACjBvN,MAAOA,EACP2K,MAAOuS,EACPV,SAAUA,EACVY,YAAaA,GAEb9d,gBAACsd,oBACK5P,kBACUwP,EACdlP,SAAUA,gBACGP,EACbwD,aAAcA,EACdmM,UAAWA,GAAwBP,kBAAUngB,OAC7CuR,UAAW+B,GAAaxP,EAAMyN,WAC9B8P,aAAcA,EACdhU,IAAKA,EACLuU,kBA5BgBC,GACpB/d,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASC,GAEjBH,EAASG,EAAMC,OAAO1U,QAwBlBuB,MAAO8S,EACPzd,MAAOA,EACP3F,KAAMA,GAAc+hB,kBAAU2B,KAC9B3U,MAAOA,KAERgU,GAAehU,GACd9J,gBAACwd,IAAqB9c,MAAOA,EAAOsN,SAAUA,GAC5ChO,gBAAC+Q,iBACapD,EAAKhI,MAAMO,qBACvB8H,SAAUA,EACVgD,KAAMhR,gBAAC0e,kBACPzQ,WAAW,EACXqH,mBA9CR0I,GAA8B,mBAAZA,GAA0BA,IAC5CI,EAAS,IACTC,EAASpU,QAAQ7T,SA6CTuoB,UAAWT,EACXnU,IAAK8T,EACL1d,MAAOkQ,oBAAYiB,KACnBlR,KACEgd,IAAcP,kBAAUlgB,MACpBmT,mBAAWpT,OACXoT,mBAAWrT,MAEjBgR,OAAO,eACP1S,KAAMwU,mBAAWC,OACjBlP,QAASoP,sBAAcE,QAK5BoB,IAASiN,GACRje,gBAAC4T,iBACa/N,EACZoL,aAAcA,EACdmM,UAAWA,GAAwBP,kBAAUngB,OAC7CqhB,aAAcA,EACdrd,MAAOA,EACPsN,SAAUA,GAEThO,WAAeqR,KACdrR,eAAmBgR,EAAM,CACvB5Q,KAAMyQ,GACJuM,GAAwBP,kBAAUngB,OAClCgE,OAOTud,GACCje,gBAACud,IACCtM,aAAcA,EACd7Q,KACEgd,IAAcP,kBAAUlgB,MAAQkgB,kBAAUlgB,MAAQkgB,kBAAUngB,OAE9DgE,MAAOA,EACPsN,SAAUA,GAEVhO,gBAAC+Q,iBACalL,EACZmL,KAAMA,EACN/C,WAAW,EACXqH,QAAS2I,EACTU,UAAWT,EACXnU,IAAK8T,EACL7P,SAAUA,EACV7N,MAAOkQ,oBAAYiB,KACnBlR,KACEgd,IAAcP,kBAAUlgB,MACpBmT,mBAAWpT,OACXoT,mBAAWrT,MAEjB1B,KAAMwU,mBAAWC,OACjBlP,QAASoP,sBAAcE,QAK5BzC,kDE/dHyR,GAAUtR,EAAOgG,iNAEJ,SAAA9S,UAASA,EAAME,MAAM7G,gBAC7B,SAAA2G,UAXX,SAA2BA,OACN0c,EAAoB1c,EAApB0c,SAAUxc,EAAUF,EAAVE,aAAUF,EAA/ByN,UAECiP,EAAWxc,EAAMzK,OAAOmB,cAAgBsJ,EAAMzK,OAAO2B,UAEvDslB,EAAWxc,EAAMzK,OAAOkB,OAASuJ,EAAMzK,OAAOsB,UAMnCsnB,CAAkBre,MAEvB,SAAAA,UAASA,EAAME,MAAM1L,UAAUK,OAAOH,YACjC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUK,OAAOF,iBACzC,SAAAqL,UAASA,EAAME,MAAM1L,UAAUK,OAAOD,cACvC,SAAAoL,UACZA,EAAM4c,YAAcP,kBAAUlgB,MAC1B6D,EAAME,MAAMhI,WAAWG,UACvB2H,EAAME,MAAMhI,WAAWE,aAIzBgb,GAActG,EAAOC,4FAGR,SAAA/M,UAASA,EAAME,MAAMhI,WAAWE,aAGtCkmB,GAA2D,gBACtE3R,IAAAA,SACAlE,IAAAA,GACAgF,IAAAA,UACAiP,IAAAA,SACGxP,UAEGhN,EAAQV,aAAiBD,UAG7BC,gBAACyV,QACCzV,gBAAC4e,oBACKlR,iBACQ,eACZzE,GAAIA,EACJgF,UAAWA,EACXiP,SAAUA,EACVxc,MAAOA,IAENwc,GACCld,gBAAC4T,iBAAuB,QAAQ/F,KAAK,MAAMnN,MAAOA,GAChDV,gBAACkT,aAAU9S,KAAMM,EAAM7D,UAAUJ,SAGrCuD,2BAAMmN,mFD9DFsQ,GAAAA,wBAAAA,uCAEVA,aAcF,aEHYsB,GFGNC,GAAc1R,EAAOsJ,qOAOhB,SAAApW,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,WAEZ,SAAAmJ,UACXA,EAAMJ,OAASyc,kBAAUlgB,MACrB6D,EAAME,MAAM1L,UAAUM,OAAOJ,SAC7BsL,EAAME,MAAM1L,UAAUK,OAAOH,YAEjB,SAAAsL,UAChBA,EAAMJ,OAASyc,kBAAUlgB,MACrB,UACA6D,EAAME,MAAM1L,UAAUK,OAAOF,iBACpB,SAAAqL,UACbA,EAAMJ,OAASyc,kBAAUlgB,MACrB6D,EAAME,MAAM1L,UAAUM,OAAOF,WAC7BoL,EAAME,MAAM1L,UAAUK,OAAOD,cACzB,SAAAoL,UACRA,EAAMye,gBAAkBxB,sBAAcpiB,UAC7BmF,EAAME,MAAMhI,WAAWK,wBACrByH,EAAME,MAAMhI,WAAWG,aACvB,SAAA2H,UACXA,EAAMyQ,eAAiB8L,0BAAkB5hB,IACrC,oBACA,UAES,SAAAqF,UACbA,EAAMyQ,eAAiB8L,0BAAkB5hB,IAAM,UAAY,YAGzDob,GAAayI,GAAY5G,cAAc,+CAEhC8G,GAAQlf,cACnB,SAACQ,EAAOuJ,SASFvJ,EAPF2e,WAAAA,gBACAhS,EAME3M,EANF2M,SACA8D,EAKEzQ,EALFyQ,aACAgO,EAIEze,EAJFye,cACA7e,EAGEI,EAHFJ,KACAqN,EAEEjN,EAFFiN,OACGC,IACDlN,MACEE,EAAQV,aAAiBD,UAG7BC,gBADKmf,EACJH,GAaAzI,oBAZK7I,iBACSD,EACbQ,UAAW+B,GAAaxP,EAAMyN,WAC9BgD,aAAcA,EACdgO,cAAeA,GAAiBxB,sBAActiB,IAC9C4O,IAAKA,EACL3J,KAAMA,GAAcyc,kBAAUngB,OAC9BgE,MAAOA,IAENyM,8IGnCIiS,GAAmBpf,gBAA+C,CAC7Ekd,UAAU,IAGNmC,GAAc/R,EAAOsJ,iCACvBoG,IAGSsC,GAAYtf,cACvB,SAACQ,EAAOuJ,OACAd,EAAKE,EAAc3I,EAAMyI,IAG7B2U,EAUEpd,EAVFod,eACA2B,EASE/e,EATF+e,aACAC,EAQEhf,EARFgf,cACAC,EAOEjf,EAPFif,aACAC,EAMElf,EANFkf,WACAC,EAKEnf,EALFmf,UACAC,EAIEpf,EAJFof,qBACAnS,EAGEjN,EAHFiN,OACAN,EAEE3M,EAFF2M,SAGIO,EAAQlE,EAAK,CAAC,QADhBhJ,OAGEqf,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAChEvI,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,uCACM0N,qBACa+R,GAA8BxW,gBAClCwE,EACb1D,IAAKA,EACL8D,KAAK,QACLxC,MAAOuS,IAEP5d,gBAACof,GAAiBjK,UAChBrL,MAAO,CACL+V,cAAAA,EACA3C,WAAYqC,IAGbI,GAAaC,GACZ5f,gBAACqf,IAAYpW,GAAIA,EAAIoC,MAAOqU,GACzBC,GAIJA,IAAcC,GACb5f,gBAACkf,IACCjW,GAAIA,EACJgF,UAAWA,EACX5C,MAAOqU,EACPhf,MAAOA,GAENif,GAGJxS,EAEDnN,gBAAC8e,IACC7V,GAAI4W,EACJ3C,WAAYqC,EACZtR,UAAWA,IAETsR,GAAgBC,IAChBxf,gCAAGuf,GAA8BC,SC7GzCM,GAAuBxS,EAAOsJ,gKAEzB,SAAApW,UACPA,EAAMyN,UAAYzN,EAAME,MAAMzK,OAAO2B,UAAY,aAEtC,SAAA4I,UAASA,EAAME,MAAM1L,UAAUM,OAAOJ,YACpC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUM,OAAOF,cAE1C,SAAAoL,UAASA,EAAME,MAAMhI,WAAWG,aAGhCmmB,GAAyD,gBACpE7R,IAAAA,SACA4S,IAAAA,QACA9R,IAAAA,UACA5C,IAAAA,aAEArL,gBAACD,EAAaigB,eACX,SAAAtf,UACCV,gBAAC8f,IACCC,QAASA,EACT9R,UAAWA,EACX5C,MAAOA,EACP3K,MAAOA,GAENyM,OC5BH8S,GAA2B3S,EAAOgG,iHAO3B4M,GAA2D,mBAItElgB,gBAACigB,IAAyB5U,QAF1BA,SADA8B,yJHGU4R,GAAAA,+BAAAA,8CAEVA,iBA8DK,IAAMoB,0DACTnD,QAGSoD,uDACTpD,QAmBSqD,0DAUT5D,sCAEc,SAAAjc,mBLxE2BA,UACvCA,EAAM0c,SACJ1c,EAAMyN,UACDzN,EAAME,MAAMzK,OAAOmB,cAErBoJ,EAAME,MAAMzK,OAAOkB,OAErB,cKiEkBmpB,CAA6B9f,gBAC7C,SAAAA,UA7BX,SAA6BA,UACvBA,EAAMwN,SACJxN,EAAMyN,UACDzN,EAAME,MAAMzK,OAAOoC,OAErBmI,EAAME,MAAMzK,OAAOwB,UAExB+I,EAAMyN,UACDzN,EAAME,MAAMzK,OAAO2B,UAExB4I,EAAM+f,WAAa/f,EAAMggB,gBACpBhgB,EAAMN,MAERM,EAAME,MAAMzK,OAAOqB,UAgBRmpB,CAAoBjgB,iBAC5B,SAAAA,UAAUA,EAAMwN,SAAW,cAAgB,wBAC3C,SAAAxN,SACe,SAAvBA,EAAMkgB,aACClgB,EAAME,MAAMhI,WAAWC,kBAAiB6H,EAAME,MAAMhI,WAAWG,eAC7D2H,EAAME,MAAMhI,WAAWG,2FAQhCunB,iCAEI,SAAA5f,UAASoc,GAA6Bpc,+BAM5B,SAAAA,UAASmc,GAAkCnc,+BAMzD4f,+CAEI1D,SAKKiE,GAAW3gB,cACtB,SAACQ,EAAOuJ,OACE6W,EAAqDpgB,EAArDogB,QAAapM,EAAwChU,EAA5CyI,GAA+BqV,EAAa9d,EAAb8d,WACXte,WACnCmQ,QAF2D3P,EAA7BqgB,iBAEH1Q,QAAQyQ,IAD9BL,OAAWO,OAIZ7X,EAAKE,EAAcqL,GACnBuM,EAAkC,kBAAZH,EAE5B5gB,aAAgB,WACS,kBAAZ4gB,GACTE,EAAgBF,KAEjB,CAACA,QAYElgB,EAAQV,aAAiBD,GACzByK,EAAUxK,aAAiBof,MAc7B5e,EAXFN,MAAAA,aAAQQ,EAAMzK,OAAOC,UACrB0nB,EAUEpd,EAVFod,eACA5P,EASExN,EATFwN,SACAuR,EAQE/e,EARF+e,aACApB,EAOE3d,EAPF2d,WACAuB,EAMElf,EANFkf,WACAC,EAKEnf,EALFmf,UACAC,EAIEpf,EAJFof,qBACAnS,EAGEjN,EAHFiN,OACAiT,EAEElgB,EAFFkgB,aAGIhT,EAAQlE,EAAK,CAAC,oBADhBhJ,OAGEqf,EAAgBN,GAAmBtW,WACnC+X,EAAqBxW,EAAQqV,cAE7BoB,EACJpB,GAAiBmB,EACVA,MAAsBnB,EACzBA,GAEAmB,GAEA,KAEA9D,EAAW1S,EAAQ0S,YAAcqC,EAEjCtR,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gCACEA,gBAACkgB,IAAgB7U,MAAOuS,GACtB5d,gBAACogB,oBACK1S,sBACcuT,EAClBhY,GAAIA,gBACSwE,EACbmT,QAASL,EACTvS,SAAUA,EACVjE,IAAKA,EACLhP,KAAK,WACLujB,kBAxDcC,OACH2C,EAAkB3C,EAAMC,OAAjCoC,QAERtC,GAAgC,mBAAbA,GAA2BA,EAASC,GAElDwC,GACHD,EAAgBI,OAoDdlhB,gBAACgf,IAAYe,QAAS9W,EAAIgF,UAAWA,EAAW5C,MAAOqU,IACnDE,GACAc,IAAiB3B,6BAAqB1jB,MACtCskB,EAEF3f,gBAACqgB,IACCE,UAAWA,EACXrgB,MAAOA,EACP8N,SAAUA,EACVkP,SAAUA,EACVjP,UAAWA,EACX5C,MAAO8S,EACPuC,aAAcA,EACdhgB,MAAOA,GAGLV,gBADDugB,EACEY,eAEAC,4BAFahhB,KAAMM,EAAM7D,UAAUH,UAMvCkjB,EACC5f,gBAACmgB,QAAiBR,GAElBe,IAAiB3B,6BAAqB1jB,MACtCskB,GACAA,MAIHJ,GACDvf,gBAAC8e,IAAa7V,GAAI4W,EAAe3C,YAASjP,UAAWA,GAClDsR,yDI9OPW,uEAMU,SAAA1f,UACZA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAOK,WACnBkK,EAAME,MAAMzK,OAAO2B,uBAChB,SAAA4I,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,yDAGZ,SAAAmJ,UAASA,EAAM5B,wBACjB,SAAA4B,cAAcA,EAAM6gB,mBAGpB1I,GAAY3Y,cACvB,SAACQ,EAAOuJ,OACArJ,EAAQV,aAAiBD,GAE7BoN,EAKE3M,EALF2M,WAKE3M,EAJF6gB,YAAAA,aAAc3gB,EAAMhI,WAAWM,YAC/B4F,EAGE4B,EAHF5B,SACA6O,EAEEjN,EAFFiN,OACGC,IACDlN,MAEE8gB,EAAoBzU,EAA0BwU,GAC9CE,EAAiB1U,EAA0BjO,EAAU,QAErDqP,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAAC+P,GAAeoF,UACdrL,MAAO,CACLmE,UAAAA,IAGFjO,gBAACkgB,kBACCnW,IAAKA,gBACQ0D,EACb4T,YAAaC,EACbrT,UAAWA,EACXrP,SAAU2iB,EACV7gB,MAAOA,GACHgN,GAEHP,gBCxEKqU,UAAgBC,IAAAA,WAAqBC,YAClCX,EAAiB/gB,cAA4B2hB,IAAfF,GAAvCxX,UACuBjK,WAAe0hB,GAA3BtD,aASZ,CARO2C,EAAeU,OAEEzhB,eAAkB,SAAA4hB,GAC1Cb,GACH3C,EAASwD,KAEV,cCiBWC,GACdrhB,YAAAA,IAAAA,EAAmC,UAO/BA,EAJFshB,sBAIEthB,EAHFuhB,MAAAA,aAAQ,KACMC,EAEZxhB,EAFFyhB,aACAC,EACE1hB,EADF0hB,uBAG2CV,GAAc,CACzDC,WAAYO,qBAPU,OAMjBC,OAAcE,OAwBfC,EAASrW,KAAKsW,KAAKN,EAAMK,OAASH,SAEjC,CACLK,aAZmB,SAACC,UAMbR,EAAMxI,OAHEgJ,EAAO,GAAKN,EAFRM,EAAON,GAAgBF,EAAMK,OAGvBL,EAAMK,OAASG,EAAON,IAS/CA,aAAAA,EACAG,OAAAA,EACAF,8BAzBgCM,GAC3BR,GACHG,EAAqBK,GAGvBN,GACkC,mBAAzBA,GACPA,EAAqBM,YCjBfC,4BCrBNC,GAAoBpV,EAAOgG,8BAC7B0J,IAGS2F,GAA+D,SAAAniB,OAClE2M,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,aAErCR,gBAAC0iB,oBAAsBhV,iBAAoBD,IACxCN,4IDaKsV,GAAAA,sCAAAA,2DAEVA,iCACAA,yBAGF,UEEYG,GAMAC,GAQAC,GAMAC,GFtBCC,GAAwBhjB,cAGnC,SAACQ,EAAOuJ,SAC6B/J,WAClB,kBAAjBQ,EAAMyiB,QAEF9S,QAAyB,YAAjB3P,EAAMyiB,SAHb1C,OAAWO,OAMZ7X,EAAKE,EAAc3I,EAAMyI,IAE/BjJ,aAAgB,WACd8gB,EACmB,kBAAjBtgB,EAAMyiB,QAEF9S,QAAyB,YAAjB3P,EAAMyiB,WAEnB,CAACziB,EAAMyiB,aAcJviB,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GACxByB,EAAUxK,aAAiBof,MAc7B5e,EAXFN,MAAAA,aAAQQ,EAAMzK,OAAOC,UACrB0nB,EAUEpd,EAVFod,eACA5P,EASExN,EATFwN,SACAuR,EAQE/e,EARF+e,aACApB,EAOE3d,EAPF2d,WACAuB,EAMElf,EANFkf,WACAC,EAKEnf,EALFmf,UACAC,EAIEpf,EAJFof,qBACAqD,EAGEziB,EAHFyiB,OACAxV,EAEEjN,EAFFiN,OACGC,IACDlN,MAEEggB,EAA6B,kBAAXyC,EAClBC,EAAyB,cAAXD,WAEXE,EAAgCC,UAChCA,EAAiBC,QACtB,iBACAC,EAAwB3D,aAInB2D,EAAwB7W,SAC3B,CAAC,SAAU,UAAUG,gBAAgBH,GAAcA,EACnDA,aAAgBO,MACXP,EAAKQ,IAAIqW,GAAyBpW,KAAK,IAC5B,iBAATT,GAAqBA,EACvB6W,EAAwB7W,EAAKjM,MAAM2M,qBAGxCoW,EAAehD,GAAaC,GAAmB0C,EAC/CM,EAAejD,EACjB4C,EACExV,EAAK7H,sBAAsBC,mBAE7Bya,EACA2C,EACExV,EAAK7H,sBAAsBE,yBAE7Bkd,EACAC,EACExV,EAAK7H,sBAAsBG,qBAE7B,GAEE4Z,EAAgBN,EAAkBtW,WAAa,KAC/C+X,EAAqBxW,EAAQqV,cAE7BoB,EACJpB,GAAiBmB,EACVA,MAAsBnB,EACzBA,GAEAmB,GAEA,KAEA9D,EAAW1S,EAAQ0S,YAAcqC,EAEjCtR,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gCACEA,gBAACkgB,IAAgB7U,MAAOuS,GACtB5d,gBAACogB,oBACK1S,sBACcuT,EAClBL,QAASL,gBACI9S,EACbO,SAAUA,EACV/E,GAAIA,EACJc,IAAKA,EACLhP,KAAK,WACLujB,kBA3FcC,OACH2C,EAAkB3C,EAAMC,OAAjCoC,QAERpgB,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASC,GAEI,kBAAjB/d,EAAMyiB,QACRnC,EAAgBI,OAqFdlhB,gBAACgf,IAAYe,QAAS9W,EAAIgF,UAAWA,EAAW5C,MAAOqU,GACrD1f,gBAACqgB,IACCE,UAAWA,EACXrgB,MAAOA,EACP8N,SAAUA,EACVkP,SAAUA,EACVsD,gBAAiBA,EACjBvS,UAAWA,EACX5C,MAAO8S,EACPzd,MAAOA,GAEN8f,EACCxgB,gBAACyjB,6BACChW,OAAO,oBACPrN,KAAMM,EAAM7D,UAAUH,SAGxBsD,gBADEugB,EACDY,eAEAC,4BAFahhB,KAAMM,EAAM7D,UAAUH,UAKvCkjB,EACC5f,gBAACmgB,QAAiBR,GAElBA,GAGJ3f,gBAACyV,QACE8N,GAAgBvjB,gBAAC2iB,QAAgBa,OAGnCjE,GACDvf,gBAAC8e,IACC7V,GAAI4W,EACJ3C,YACAjP,UAAWA,EACX5C,MAAO,CAAEqY,YAAahjB,EAAMhI,WAAWQ,YAEtCqmB,wJEtJCqD,GAAAA,uBAAAA,4CAEVA,iBACAA,oBAGUC,GAAAA,yBAAAA,4CAEVA,qBACAA,qBACAA,eACAA,kBAGUC,GAAAA,6BAAAA,sDAEVA,2BACAA,gBAGUC,GAAAA,wBAAAA,2CAEVA,eACAA,qBACAA,4BAcWY,GAAe3jB,gBAA2C,CACrE4jB,QAAShB,qBAAaiB,OACtBC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,EACpB/V,WAAW,EACXgW,cAAc,EACdC,SAAU,EACVC,cAAe,KAGXC,GAAiB9W,EAAOgG,6CAIxB+Q,GAAc/W,EAAO9F,6LAGhB,SAAAhH,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,WAEZ,SAAAmJ,UAASA,EAAME,MAAM1L,UAAUM,OAAOJ,YACpC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUM,OAAOF,cACxC,SAAAoL,UAASA,EAAMqY,YAIjByL,GAAQtkB,cACnB,SAACQ,EAAOuJ,OAEJoD,EAWE3M,EAXF2M,SACAyW,EAUEpjB,EAVFojB,QACAE,EASEtjB,EATFsjB,eACAE,EAQExjB,EARFwjB,mBACAD,EAOEvjB,EAPFujB,gBACAE,EAMEzjB,EANFyjB,aACApL,EAKErY,EALFqY,SACAqL,EAIE1jB,EAFFiN,OACGC,IACDlN,MAEEE,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAAC2jB,GAAaxO,UACZrL,MAAO,CACL8Z,QAAAA,EACAE,eAAAA,EACAC,gBAAAA,EACAC,mBAAAA,EACA/V,UAAWA,EACXgW,aAAAA,IAGFjkB,gBAACokB,QACCpkB,gBAACqkB,oBACK3W,iBACSD,EACbQ,UAAWA,EACX4K,SAAUA,GAAYnY,EAAMnE,YAAYE,MACxCsN,IAAKA,EACLrJ,MAAOA,IAENyM,iCC1IAoX,GAAYvkB,cAGvB,SAACQ,EAAOuJ,OACAoD,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,aAErCR,yCAAW0N,GAAO3D,IAAKA,gBAAkB0D,IACtCN,+CCIMqX,GAAqB,SAAAhkB,UAASuN,sBACzBvN,EAAMwjB,mBAAqB,YAAc,mBACzCxjB,EAAMyN,UAClBzN,EAAME,MAAMzK,OAAOoC,OACnBmI,EAAME,MAAMzK,OAAOyB,+EAIZ+sB,GAAsBjkB,EAAMojB,QAASpjB,EAAME,sBACxCF,EAAMkkB,wDAOND,GAAsBb,EAASljB,UACrCkjB,OACD,iBACOljB,EAAMhI,WAAWE,cAAa8H,EAAMhI,WAAWG,cACtD,eACO6H,EAAMhI,WAAWM,cAAa0H,EAAMhI,WAAWQ,yBAG/CwH,EAAMhI,WAAWI,cAAa4H,EAAMhI,WAAWK,WAI/D,IAAM4rB,GAAarX,EAAOsX,sCAQtBJ,IAEA,SAAAhkB,UACAA,EAAM9B,OACNqP,eACWvN,EAAM9B,gCAIRmmB,GAAY7kB,cACvB,SAACQ,EAAOuJ,OACEqQ,EAA6C5Z,EAA7C4Z,MAAOjN,EAAsC3M,EAAtC2M,SAAUM,EAA4BjN,EAA5BiN,OAAQ/O,EAAoB8B,EAApB9B,MAAUgP,IAAUlN,MAC/CskB,EAAe9kB,aAAiB2jB,IAChCjjB,EAAQV,aAAiBD,UAK7BC,gBAAC2kB,oBACKjX,iBACSD,EACbmW,QAASkB,EAAalB,QACtBI,mBAAoBc,EAAad,mBACjC/V,UAAW6W,EAAa7W,UACxBlE,IAAKA,EACL2a,UAAWtK,GAASyI,uBAAexnB,KACnCqF,MAAOA,EACPhC,MAZiC,iBAAVA,EAAwBA,OAAYA,IAc1DyO,MAMT0X,GAAUE,YAAc,yBCzCZC,4BCzCCC,GAAYjlB,cAGvB,SAACQ,EAAOuJ,OACAoD,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,aAErCR,yCAAW0N,GAAO3D,IAAKA,gBAAkB0D,IACtCN,4GDkCK6X,GAAAA,+BAAAA,4CAEVA,uBACAA,aACAA,sHAGIE,GAAwB5X,EAAO6X,2DASjC,SAAA3kB,UACOA,EAAM4kB,YACT,GACA,CACEnL,WAAYzZ,EAAMyN,UACdzN,EAAME,MAAMzK,OAAOmC,OACnBoI,EAAME,MAAMzK,OAAO0B,UACvB0tB,aAAc,YACdjoB,WAAY,OACZkoB,cAAe,YAIrBd,IAEA,SAAAhkB,UACAA,EAAM+kB,kBAKJ,SAAA/kB,UACFA,EAAM9B,OACNqP,eACWvN,EAAM9B,2CAIf8mB,GAAalY,EAAOkC,2YAUL,SAAAhP,UACjBA,EAAMkkB,YAAc7B,uBAAeznB,MAAQ,WAAa,gBAE/C,SAAAoF,UAASikB,GAAsBjkB,EAAMojB,QAASpjB,EAAME,UAMzD,SAAAF,UACAA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,SAMb,SAAAoK,UACZA,EAAMyN,UAAYzN,EAAME,MAAMzK,OAAOiC,KAAOsI,EAAME,MAAMzK,OAAOyB,aAGvD,SAAA8I,UACNA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,WAKzBuc,GAActG,EAAOC,mFACT,SAAA/M,UAASA,EAAME,MAAMhI,WAAWG,aAEzC,SAAA2H,UAASA,EAAME,MAAMhI,WAAWE,aAG5B6sB,GAAkBzlB,cAG7B,SAACQ,EAAOuJ,OAENqQ,EAUE5Z,EAVF4Z,MACAjN,EASE3M,EATF2M,WASE3M,EARF4kB,YAAAA,gBACAG,EAOE/kB,EAPF+kB,WACAG,EAMEllB,EANFklB,SAMEllB,EALFmlB,MAAAA,aAAQP,EAAcJ,6BAAqBY,IAAMZ,6BAAqBa,MACtEC,EAIEtlB,EAJFslB,cACArY,EAGEjN,EAHFiN,OACA/O,EAEE8B,EAFF9B,MACGgP,IACDlN,MACEE,EAAQV,aAAiBD,GACzB+kB,EAAe9kB,aAAiB2jB,IAMhCoC,EACJD,IAAkBhD,2BAAmBkD,UACnChmB,gBAACimB,aAAU7lB,KAAMM,EAAM7D,UAAUJ,QAC/BqpB,IAAkBhD,2BAAmBoD,WACvClmB,gBAACmmB,aAAU/lB,KAAMM,EAAM7D,UAAUJ,QAEjCuD,gBAAComB,uBACClmB,MACE4kB,EAAa7W,UACTvN,EAAMzK,OAAOyB,UACbgJ,EAAMzK,OAAOuB,UAEnB4I,KAAMM,EAAM7D,UAAUJ,eAO1BuD,gBAACklB,oBACKxX,iBACSD,EACbmW,QAASkB,EAAalB,QACtBI,mBAAoBc,EAAad,mBACjC/V,UAAW6W,EAAa7W,UACxBlE,IAAKA,EACLqb,YAAaA,EACbG,WAAYA,EACZI,MAAOA,EACPjB,UAAWtK,GAASyI,uBAAexnB,KACnCqF,MAAOA,EACPhC,MAfiC,iBAAVA,EAAwBA,OAAYA,IAiB1D6mB,EACCvlB,gBAACwlB,IACC5B,QAASkB,EAAalB,QACtB3V,UAAW6W,EAAa7W,UACxBqH,mBAxCNoQ,GAA4B,mBAAXA,GAAyBA,KAyCpChB,UAAWtK,GAASyI,uBAAexnB,KACnCqF,MAAOA,GAEPV,4BAAOmN,GACPnN,gBAAC4T,IAAYlT,MAAOA,GAAQqlB,IAG9B/lB,gCAAGmN,OAMXsY,GAAgBV,YAAc,gNE5JdsB,GAAc7lB,YAAAA,IAAAA,EAAqC,UAc7DA,EAZF8lB,MAAAA,aAAQ,MAYN9lB,EAXF+lB,YAAAA,aAAc,MAWZ/lB,EAVFwN,SAAAA,kBAUExN,EATFgmB,eAAAA,kBASEhmB,EARFimB,mBAAAA,kBAQEjmB,EAPFkmB,sBAAAA,aAAwB,MAOtBlmB,EANFmmB,kBAAAA,aAAoB,IACNC,EAKZpmB,EALFqmB,aACMC,EAIJtmB,EAJF+hB,OAIE/hB,EAHFumB,gBAAAA,kBAGEvmB,EAFFwmB,eAAAA,gBACGtZ,IACDlN,MAEEmN,EAAO3N,EAAMinB,WAAWle,KAEDyY,GAAc,CACzCC,WAAYqF,UACHP,IAFJhE,OAAM2E,OAKPC,EAAc,SAAC5I,EAAOzU,GACrBgd,GACHI,EAAapd,GAGf8c,GAC0B,mBAAjBA,GACPA,EAAarI,EAAOzU,IAGlBsd,EAAQ,SAACC,EAAOC,UAEbta,MAAMua,KAAK,CAAEnF,OADLkF,EAAMD,EAAQ,IACC,SAACG,EAAGC,UAAMJ,EAAQI,MAG5CC,EAAaN,EAAM,EAAGrb,KAAKzJ,IAAIqkB,EAAmBL,IAClDqB,EAAWP,EACfrb,KAAK6b,IAAItB,EAAQK,EAAoB,EAAGA,EAAoB,GAC5DL,GAGIuB,EAAgB9b,KAAK6b,IACzB7b,KAAKzJ,IAEHigB,EAAOmE,EAEPJ,EAAQK,EAA4C,EAAxBD,EAA4B,GAG1DC,EAAoB,GAGhBmB,EAAc/b,KAAKzJ,IACvByJ,KAAK6b,IAEHrF,EAAOmE,EAEPC,EAA4C,EAAxBD,EAA4B,GAGlDiB,EAASvF,OAAS,EAAIuF,EAAS,GAAK,EAAIrB,EAAQ,GAI5CyB,YACAhB,EAAkB,CAAC,SAAW,GAC9BN,EAAqB,GAAK,CAAC,YAC5BiB,EAGCG,EAAgBlB,EAAoB,EACpC,CAAC,kBACDA,EAAoB,EAAIL,EAAQK,EAChC,CAACA,EAAoB,GACrB,GAGDS,EAAMS,EAAeC,GAGpBA,EAAcxB,EAAQK,EAAoB,EAC1C,CAAC,gBACDL,EAAQK,EAAoBA,EAC5B,CAACL,EAAQK,GACT,GAEDgB,EACCnB,EAAiB,GAAK,CAAC,QACvBQ,EAAiB,CAAC,QAAU,IAI5BgB,EAAa,SAAAjtB,UACTA,OACD,eACI,MACJ,kBACIwnB,EAAO,MACX,cACIA,EAAO,MACX,cACI+D,iBAEA,OAKP2B,EAAcF,EAAS9a,KAAI,SAAAib,SACR,iBAATA,EACV,CACE5S,QAAS,SAAAiJ,GACP4I,EAAY5I,EAAO2J,IAErBntB,KAAM,OACNwnB,KAAM2F,EACNC,WAAYD,IAAS3F,EACrBvU,SAAAA,iBACgBka,IAAS3F,EAAO,YAASZ,eACxBhU,EAAK7G,WAAWG,oBAAmBihB,GAEtD,CACE5S,QAAS,SAAAiJ,GACP4I,EAAY5I,EAAOyJ,EAAWE,KAEhCntB,KAAMmtB,EACN3F,KAAMyF,EAAWE,GACjBC,YAAY,EACZna,SACEA,IAC+B,IAA9Bka,EAAK1O,QAAQ,cACF,SAAT0O,GAA4B,SAATA,EAAkB3F,GAAQ+D,EAAQ/D,GAAQ,iBAKxEA,KAAAA,EACA0F,YAAAA,EACAf,aAAAA,GACGxZ,YCvMS0a,GACdC,EACAC,MAKO,MAFLD,EAAape,QAAQwP,MACnB,qBAAGxP,UAA6Bqe,EAAQre,WAE1C,KACMse,EAAQF,EAAape,QAAQue,WAAU,gBAAYN,IAATje,iBACzCie,IAASI,EAAQre,UAEfkG,QACL+X,EAAKO,wBAAwBH,EAAQre,SACnCye,KAAKC,gCAILC,EAAUN,EAEhBD,EAAape,SACA,IAAXse,YACQF,EAAape,SAAS2e,cAErBP,EAAape,QAAQsP,MAAM,EAAGgP,IACjCK,GACGP,EAAape,QAAQsP,MAAMgP,cAK1BM,GACdR,EACAC,GAEKA,EAAQre,UAEboe,EAAape,QAAUoe,EAAape,QAAQ6e,QAC1C,SAAAZ,UAAQI,EAAQre,UAAYie,EAAKje,YAIrC,SAAgB8e,WAaP,CAFc/oB,EAAMgK,OAA0C,IAE/Coe,GAAoBS,WCpDhCG,GAOAC,mIAPAD,GAAAA,gCAAAA,+CAEVA,eACAA,iBACAA,YAGUC,GAAAA,4BAAAA,6CAEVA,aA6CF,OAAMtQ,GAAYrL,EAAOgG,yEA4BZ4V,GAAkBlpB,gBAA8C,CAC3EmpB,QAAQ,EACRC,yBAA0B,SAACC,EAAU5d,KACrC6d,UAAW,kBAAM,KAKNC,GAAWvpB,cACtB,SAACQ,EAAOmd,OAEJ6L,EAWEhpB,EAXFgpB,YACAC,EAUEjpB,EAVFipB,UACAtc,EASE3M,EATF2M,SACAuc,EAQElpB,EARFkpB,cACAlrB,EAOEgC,EAPFhC,UACAmrB,EAMEnpB,EANFmpB,mBACAC,EAKEppB,EALFopB,QACAC,EAIErpB,EAJFqpB,OACApc,EAGEjN,EAHFiN,OACA/O,EAEE8B,EAFF9B,MACGgP,IACDlN,QAEwBR,YAAwB,GAA7CmpB,OAAQG,SAE+BtpB,WAC5CwpB,IAAgB,GADXM,OAAiBC,OAIlBC,EAAShqB,WACTiqB,EAAYjqB,WACZkqB,EAAUlqB,SAAkB,IAC5BmqB,EAAmBnqB,SAAqB,IAExC+J,EAAMsC,EAAasR,EAAcqM,KAEUjB,KAA1CV,OAAce,gBAsBZgB,EAAc7L,GACrB+K,GAAU,GAENK,GAAoD,mBAAvBA,IAC/BpL,EAAM8L,kBAAoBC,EAC1BX,EAAmBpL,IAGrBqL,GAA8B,mBAAZA,GAA0BA,EAAQrL,YAG7CgM,QACDC,EAAgBnC,EAAape,QAAQ6e,QACzC,SAAAR,UAAWA,EAAQre,WAEfwgB,EAAoBD,EACvBvd,KAAI,SAAAyd,UAAgBA,EAAazgB,WACjCuP,QAAQxO,SAAS2f,qBAEb,CAACH,EAAeC,YA4ChBG,EAAmBrM,OACHsM,EAAkBtM,EAAlBsM,gBAGrBA,IAHuCtM,EAAjCuM,cAGyBC,SAASF,KAEzB1B,GACfiB,EAAc7L,YAIT+L,YA9FTtqB,aAAgB,WACVwpB,GAAe,GACjBO,EAAmBP,KAEpB,CAACA,IAkGFxpB,gBAACkpB,GAAgB/T,UACfrL,MAAO,CACLggB,gBAAAA,EACAL,UAAAA,EACAW,cAAAA,EACAD,iBAAAA,EACAT,cAAAA,EACAkB,mBAAAA,EACAvC,aAAAA,EACA2C,eAAgBtsB,EAChByqB,OAAAA,EACA3qB,UAhBiB,iBAAdA,EAA4BA,OAAgBA,EAiB/C0rB,QAAAA,EACAe,4BA5GGT,EAAiBD,OAExBjB,GAAU,GAEV3e,YAAW,WACT6f,EAAcpI,OAAS,GACrBoI,EAAc,GAAGvgB,SACjBugB,EAAc,GAAGvgB,QAAQ7T,UAC1B,GAEHyzB,GAA4B,mBAAXA,GAAyBA,KAmGtCT,yBAAAA,EACAW,mBAAAA,EACAT,UAAAA,EACAW,UAAAA,EACAvrB,MArB+B,iBAAVA,EAAwBA,OAAYA,IAwB3DsB,gBAAC2Y,oBACKjL,GACJ3D,IAAKA,gBACQ0D,EACbkR,UAAWwK,WArFM5K,MACH,WAAdA,EAAM2M,KACRd,EAAc7L,GAGE,cAAdA,EAAM2M,IAAqB,OACcX,IAApCC,OAAeC,UAEO,IAAzBD,EAAcpI,cAIlB7D,EAAM4M,kBAGmB,IAAvBV,GACAA,IAAsBD,EAAcpI,OAAS,EAE7CoI,EAAc,GAAGvgB,QAAQ7T,QAEzBo0B,EAAcC,EAAoB,GAAGxgB,QAAQ7T,WAI/B,YAAdmoB,EAAM2M,IAAmB,OACgBX,IAApCC,OAAeC,UAEO,IAAzBD,EAAcpI,cAIlB7D,EAAM4M,kBAEqB,IAAvBV,GAAkD,IAAtBA,EAC9BD,EAAcA,EAAcpI,OAAS,GAAGnY,QAAQ7T,QAEhDo0B,EAAcC,EAAoB,GAAGxgB,QAAQ7T,UAiDT,KACpCg1B,OAAQR,IAEPzd,kCCvMX,SAASke,GAAiB3qB,EAAuBN,UACvCA,OACD,eACIM,EAAMhI,WAAWE,cACrB,eACI8H,EAAMhI,WAAWK,yBAEjB2H,EAAMhI,WAAWG,WAI9B,sBAAMyyB,GAAmBhe,EAAOyD,GAAPzD,mCACrB,SAAA9M,UACAA,EAAMyQ,eAAiBV,2BAAmBnV,OAC1CoF,EAAM2M,UACNY,uBACmBsd,GAAiB7qB,EAAME,MAAOF,EAAMJ,sCAEvD,SAAAI,UACAA,EAAMyQ,eAAiBV,2BAAmBlV,MAC1CmF,EAAM2M,UACNY,sBACkBsd,GAAiB7qB,EAAME,MAAOF,EAAMJ,sCAI7CmrB,GAAiBvrB,cAG5B,SAACQ,EAAOmd,OACFnT,EAAUxK,aAAiBkpB,IAC3BxoB,EAAQV,aAAiBD,GAE/ByK,EAAQ2f,iBAAiBlgB,QAAUd,EAAc3I,EAAMyI,QAoBnDkE,EA1DJ+D,EAwCMnH,EAAMsC,EAAa7B,EAAQyf,UAAWtM,GAgBtC6N,WAdiB9B,UACbA,QACDV,8BAAsB3tB,YAClB2E,gBAACyrB,iBAAche,OAAO,mBAC1Bub,8BAAsB5tB,aAClB4E,gBAAC0rB,kBAAeje,OAAO,oBAC3Bub,8BAAsB2C,UAClB3rB,gBAAC4rB,mBAAgBne,OAAO,2BAGxBzN,gBAAC6rB,qBAAkBpe,OAAO,eAIpBqe,CAActhB,EAAQkf,iBAGalpB,EAA9CwQ,KAAAA,aAAOwa,IAAYva,EAA2BzQ,EAA3ByQ,aAAiBvD,IAAUlN,MAEhDyN,EAAY+B,GAAaxP,EAAMyN,cA3D9B,SAFPiD,EA+DsC1Q,KA7DT,aAAc0Q,KA8DzC/D,EAAW3M,EAAM2M,cAWb4e,EAAoBvrB,EAAMwQ,KAC5BC,GAEEV,2BAAmBlV,KACrBmP,EAAQkf,gBAAkBV,8BAAsB3tB,KAChDkV,2BAAmBlV,KACnBkV,2BAAmBnV,aAGrB4E,gBAACsrB,oBACK5d,mBACWlD,EAAQ2e,uBACT,OACdnY,KAAMA,EACNC,aAAc8a,EACd9iB,GAAIuB,EAAQ2f,iBAAiBlgB,QAC7BgE,UAAWA,EACXqH,iBAzBiBiJ,GACf/T,EAAQ2e,OACV3e,EAAQ4f,cAAc7L,GAEtB/T,EAAQygB,gBAsBRlhB,IAAKA,EACLrJ,MAAOA,IAENyM,+GChID6M,GAAa1M,EAAOiN,GAAPjN,gSAON,SAAA9M,UAAUA,EAAM2oB,OAAS,QAAU,UACtC,SAAA3oB,UAASA,EAAME,MAAMhI,WAAWE,aAC1B,SAAA4H,UACZA,EAAMhC,UAAYgC,EAAMhC,UAAYgC,EAAME,MAAM3B,SAASC,QAAQR,aACxD,SAAAgC,UAAUA,EAAM2oB,OAAS,IAAM,OAG/B,SAAA3oB,UAASA,EAAME,MAAMhI,WAAWG,aAMzC,SAAA2H,UACAA,EAAM9B,OACNqP,kCAEWvN,EAAM9B,gCAGjB,SAAA8B,SACwB,OAAxBA,EAAMkpB,qBAMN,SAAAlpB,SACwB,SAAxBA,EAAMkpB,eACN3b,kCAGSvN,EAAME,MAAMhI,WAAWE,oCAGhC,SAAA4H,SACwB,UAAxBA,EAAMkpB,eACN3b,uBAESvN,EAAME,MAAMhI,WAAWE,oCAGhC,SAAA4H,SACoB,QAApBA,EAAMipB,WACkB,SAAxBjpB,EAAMkpB,eACkB,UAAxBlpB,EAAMkpB,eACN3b,yBAEWvN,EAAME,MAAMhI,WAAWE,oCAGnC,SAAA4H,SACqB,QAApBA,EAAMipB,YACmB,SAAxBjpB,EAAMkpB,eAAoD,UAAxBlpB,EAAMkpB,gBACzC3b,gBACYvN,EAAME,MAAMhI,WAAWE,6CAKjCozB,GAAY1e,EAAOgG,2CACZ,SAAA9S,UAASA,EAAME,MAAMhI,WAAWE,aAGhCqzB,GAAkBjsB,cAG7B,SAACQ,EAAOmd,OACAxQ,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,MACjCgK,EAAUxK,aAAiBkpB,IAC3BxoB,EAAQV,aAAiBD,GACzBgK,EAAMsC,EAAasR,EAAcnT,EAAQ0f,gBAG7ClqB,gBAACga,oBACKtM,GACJ+b,UAAWjf,EAAQif,UACnBC,cAAelf,EAAQkf,cACvBxP,iBACAjM,WAAW,EACXkb,OAAQ3e,EAAQ2e,OAChB3qB,UAAWgM,EAAQhM,UACnBuL,IAAKA,EACLmL,UAAW,EACXzH,OAAQA,GAAU,kBAClB/M,MAAOA,EACPhC,MAAO8L,EAAQ9L,QAEfsB,gBAACgsB,sBACkBxhB,EAAQ2f,iBAAiBlgB,QAC1C4D,KAAK,OACLnN,MAAOA,GAENyM,qBC/GH+e,GAAW5e,EAAO6e,2FACR,SAAA3rB,UAASA,EAAME,MAAMzK,OAAOyB,aAGhC,SAAA8I,UAASA,EAAME,MAAMhI,WAAWE,sCCDtCozB,GAAY1e,EAAOgG,0LACd,SAAA9S,UAASA,EAAME,MAAMzK,OAAOsB,aACxB,SAAAiJ,UAASA,EAAME,MAAM1L,UAAUC,OAAOC,YACjC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUC,OAAOE,iBACzC,SAAAqL,UAASA,EAAME,MAAM1L,UAAUC,OAAOG,cAG1C,SAAAoL,UACNA,EAAME,MAAMhI,WAAWG,cAAa2H,EAAME,MAAMhI,WAAWK,cAAayH,EAAME,MAAMhI,WAAWE,aAIzFwzB,GAAiBpsB,cAG5B,SAACQ,EAAOuJ,OACAoD,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,MAEjCE,EAAQV,aAAiBD,UAG7BC,gBAACgsB,oBAActe,iBAAoBD,EAAQ/M,MAAOA,IAC/CyM,wFCIMkf,GAAiB,SAAA7rB,UACrBuN,kCAEIvN,EAAMwN,SACXxN,EAAME,MAAMzK,OAAO4B,aACnB2I,EAAME,MAAMzK,OAAOoB,mBACbmJ,EAAMwN,SAAW,cAAgB,qCAE9BxN,EAAME,MAAM1L,UAAUM,OAAOJ,yBAC3BsL,EAAME,MAAM1L,UAAUM,OAAOF,gCAEjCoL,EAAM8rB,WACV9rB,EAAME,MAAMhI,WAAWG,cAAa2H,EAAME,MAAMhI,WAAWK,cAAayH,EAAME,MAAMhI,WAAWG,cAAa2H,EAAME,MAAMhI,WAAWW,UACnImH,EAAME,MAAMhI,WAAWG,cAAa2H,EAAME,MAAMhI,WAAWK,0BACnDyH,EAAMwqB,aAAe,SAAW,wCAI/BxqB,EAAMwN,SAAW,OAASxN,EAAME,MAAMzK,OAAO0B,oBAClD6I,EAAMwN,SACXxN,EAAME,MAAMzK,OAAO4B,aACnB2I,EAAME,MAAMzK,OAAOoB,kEASvBihB,GAAahL,EAAOgG,8BAOtB+Y,IAGSzY,GAActG,EAAOC,8IACvB,SAAA/M,UAASA,EAAME,MAAMzK,OAAOsB,aAErB,SAAAiJ,UAASA,EAAME,MAAMhI,WAAWK,aAGpC,SAAAyH,UAASA,EAAME,MAAM7D,UAAUH,UAChC,SAAA8D,UAASA,EAAME,MAAM7D,UAAUH,UAI/B6vB,GAAmBvsB,cAG9B,SAACQ,EAAOmd,OACAxQ,EAAuD3M,EAAvD2M,SAAUa,EAA6CxN,EAA7CwN,SAAUgD,EAAmCxQ,EAAnCwQ,KAAMsE,EAA6B9U,EAA7B8U,QAASxL,EAAoBtJ,EAApBsJ,MAAU4D,IAAUlN,MAEzDwpB,EAAShqB,WACTU,EAAQV,aAAiBD,GACzByK,EAAUxK,aAAiBkpB,IAE3Bnf,EAAMsC,EAAasR,EAAcqM,GAEjCzB,EAAQ/d,EAAQ6d,aAAape,QAAQue,WAAU,gBAAYN,IAATje,iBACjDie,IAAS8B,EAAO/f,UAEdie,IAAS8B,EAAO/f,oBAGhBkd,EAAY5I,GACf/T,EAAQsf,iBAAmB,GAC7Btf,EAAQuf,mBAAmBxB,GAGzBjT,IAAYtH,GACdsH,EAAQxL,IAGLkE,GAAYxD,EAAQsf,gBAAkB,GACzCtf,EAAQ4f,cAAc7L,OAWpB5M,EACJnH,EAAQsf,iBAAmB,GAAKtf,EAAQsf,kBAAoBvB,EAExD+D,EACJ9hB,EAAQsf,iBAAmB,GAAKtf,EAAQsf,kBAAoBvB,EAE9DvoB,aAAgB,WACTgO,GACHxD,EAAQ4e,yBAAyB5e,EAAQ6d,aAAc2B,KACxD,QAEGrc,EAAO3N,aAAiB+I,UAG5B/I,gBAACsY,oBACK5K,mBACWM,EACfA,SAAUA,EACVgd,aAAcxgB,EAAQwgB,aACtBsB,WAAYA,EACZhX,QAAS6R,EACTxI,mBA5BmBJ,GACH,UAAdA,EAAM2M,KAAiC,MAAd3M,EAAM2M,MACjC3M,EAAM4M,iBACNhE,EAAY5I,KA0BZxU,IAAKiE,EAAW,KAAOjE,EACvB8D,KAAK,WACLnN,MAAOA,EACPwU,SAAUlH,EAAW,MAAQ,EAC7BlE,MAAOA,IAENkH,GAAQhR,gBAAC4T,IAAYlT,MAAOA,GAAQsQ,GACpCW,GACC3R,gBAAC4T,IAAYlT,MAAOA,GAClBV,gBAACwsB,0BAAsB7e,EAAK5O,SAAS8F,6BAGxCsI,MAKPof,GAAiBxH,YAAc,mCChKnB0H,yDC0BCC,GAAsB1sB,cAGjC,SAACQ,EAAOmd,OAEQvZ,EAMZ5D,EANF,cACA2M,EAKE3M,EALF2M,SACAlE,EAIEzI,EAJFyI,KAIEzI,EAHFF,QAAAA,aAAUoP,sBAAc0B,QACxBkE,EAEE9U,EAFF8U,QACG5H,IACDlN,MAEEgK,EAAUxK,aAAiBkpB,IAE3BxoB,EAAQV,aAAiBD,GAEzBgK,EAAMsC,EAAasR,EAAcnT,EAAQyf,WAE/Czf,EAAQ2f,iBAAiBlgB,QAAUd,EAAcF,OAE3CuiB,EACJhhB,EAAQkf,gBAAkBV,8BAAsB2C,GAC9C3rB,gBAAC4rB,mBAAgBxrB,KAAMM,EAAM7D,UAAUH,OAAQ+Q,OAAO,YAEtDzN,gBAAC6rB,qBAAkBzrB,KAAMM,EAAM7D,UAAUH,OAAQ+Q,OAAO,cAWtDE,EAAO3N,aAAiB+I,UAG5B/I,gCACEA,gBAACwQ,oBACK9C,GACJzE,GAAIuB,EAAQ2f,iBAAiBlgB,QAC7BqL,QAASA,EACTnV,MAAOkQ,oBAAYsc,QACnBthB,MAAO,CAAEuhB,YAAa,EAAGC,YAAa,GACtCvsB,QAASA,IAER6M,GAEHnN,gBAAC+Q,oBACKrD,mBACWlD,EAAQ2e,oBACX/kB,GAAwBuJ,EAAK5O,SAAS+F,oCACpC,OACdkM,KAAMwa,EACNlW,iBA5BeiJ,GACf/T,EAAQ2e,OACV3e,EAAQ4f,cAAc7L,GAEtB/T,EAAQygB,gBAyBN9qB,MAAOkQ,oBAAYyc,SACnBzhB,MAAO,CACL0hB,WACEzsB,IAAYoP,sBAAcC,QAAU,EAAIjP,EAAMhI,WAAWC,WAE7DoR,IAAKA,EACLzJ,QAASA,4KCHX4f,2FAKU,SAAA1f,UACZA,EAAMyN,UAAYzN,EAAME,MAAMzK,OAAOmC,OAASoI,EAAME,MAAMzK,OAAO0B,sCAE/D,SAAA6I,UACAA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOyB,+DAGhB,SAAA8I,UAASA,EAAME,MAAMhI,WAAWE,iBAGvCo0B,KAAmB9N,wDACX,SAAA1e,UAASA,EAAME,MAAMhI,WAAWQ,iBAGxC+zB,yJAOOC,GAAkBltB,cAG7B,SAACQ,EAAOuJ,OAEN0D,EAWEjN,EAXFiN,OACA8Y,EAUE/lB,EAVF+lB,cAUE/lB,EATF2sB,mBAAAA,aAAqB,OASnB3sB,EARF4sB,sBAAAA,aAAwBpE,8BAAsB2C,KAC9C0B,EAOE7sB,EAPF6sB,UACAxG,EAMErmB,EANFqmB,aACAyG,EAKE9sB,EALF8sB,oBACMxG,EAIJtmB,EAJF+hB,KACagL,EAGX/sB,EAHFgtB,cAGEhtB,EAFFitB,kBAAAA,aAAoB,CAAC,GAAI,GAAI,GAAI,OAC9B/f,IACDlN,MAEEE,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExBkF,EAAY+B,GAAaxP,EAAMyN,aAEMuT,GAAc,CACvDC,WAAY8L,UACHJ,IAFJK,OAAaE,SAKwBrH,GAAc,CACxDC,MAAO+G,EAAYG,EACnBjH,YAAAA,EACAI,kBAAmB,EACnBD,sBAAuB,EACvBG,aAAAA,EACAtE,KAAMuE,IANAvE,IAAAA,KAAM0F,IAAAA,YAAaf,IAAAA,eASWlnB,WAAewtB,GAA9ChE,OAAamE,OAGdC,GAAoBrL,EAAO,GAAKiL,EAAc,EAC9CK,EAHatL,EAAOiL,GAAeH,EAGLA,EAAY9K,EAAOiL,EAEjDM,EAAmBL,EAAkBxgB,KAAI,SAAAnD,SAAU,CACvD8M,MAAO9M,EAAMikB,WACbjkB,MAAAA,eAGOkkB,EAAwBlkB,GAC1Bgd,IACHI,EAAa,GAEbL,GAC0B,mBAAjBA,GACPA,EAAa,GAA4B,IAGxC0G,GACHG,EAAoB5jB,GAGtBwjB,GACiC,mBAAxBA,GACPA,EAAoBxjB,GACpB6jB,EAAeH,OAGbS,EAAiBhG,EAAY,GAC7BiG,EAAajG,EAAYA,EAAY7F,OAAS,UAGlDpiB,gBAACkgB,oBACKxS,iBACSD,EACbQ,UAAWA,EACXlE,IAAKA,EACLrJ,MAAOA,IAEPV,gBAACitB,QACEtf,EAAKnG,MAAMV,WAAWc,sBAEzB5H,gBAACupB,IACCE,UAAWR,0BAAkB3B,IAC7BoC,cAAe0D,EACf5D,YAAaA,GAEbxpB,gBAACurB,iBACa5d,EAAKnG,MAAMV,WAAWc,iBAClC1H,MAAOkQ,oBAAY8G,UACnB7L,MAAO,CAAEwN,SAAU,GACnBpL,OAAO,4BAENqgB,EAAiBrU,MAAK,SAAAyO,UAAQA,EAAKpe,QAAU0jB,KAAa5W,OAE7D5W,gBAACisB,QACE6B,EAAiB7gB,KAAI,SAAC2Y,EAAK2C,UAC1BvoB,gBAACusB,IACCrB,IAAK3C,EACLjT,QAAS0Y,EACTlkB,MAAO8b,EAAI9b,OAEV8b,EAAIhP,YAMb5W,gBAACgtB,IAAU/e,UAAWA,EAAWvN,MAAOA,GAClCktB,MAAoBC,MAAkBlgB,EAAKnG,MAAMV,WAAWW,YAAW4lB,GAG7ErtB,gBAAC+Q,iBACapD,EAAKnG,MAAMV,WAAWa,kBAClCzH,MAAOkQ,oBAAY8G,UACnBlJ,SAAUigB,EAAejgB,SACzBgD,KAAMhR,gBAACmuB,iBACPlgB,UAAWA,EACXqH,QAAS2Y,EAAe3Y,QACxB7H,OAAO,cACPnN,QAASoP,sBAAcE,OAEzB5P,gBAAC+Q,iBACapD,EAAKnG,MAAMV,WAAWY,cAClCxH,MAAOkQ,oBAAY8G,UACnBlJ,SAAUkgB,EAAWlgB,SACrBgD,KAAMhR,gBAACouB,iBACPngB,UAAWA,EACXqH,QAAS4Y,EAAW5Y,QACpB7H,OAAO,UACPnN,QAASoP,sBAAcE,4IClMzBye,GAAiB/gB,EAAOghB,2NAOxB,SAAA9tB,UACAA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAOoC,OACnBmI,EAAME,MAAMzK,OAAOyB,aAUzB,SAAA8I,UACCA,EAAMN,OACP6N,wCAEkBvN,EAAMujB,gBAChBvjB,EAAMyN,UACJzN,EAAME,MAAMzK,OAAOiC,KACnBsI,EAAME,MAAMzK,OAAOqC,KACrB,sCAIR,SAAAkI,UACAA,EAAMsjB,iBACLtjB,EAAMN,OACP6N,4BAGIvN,EAAMyN,UAAYzN,EAAME,MAAMzK,OAAOkC,OAASqI,EAAME,MAAMzK,OAAOsC,qCAIrE,SAAAiI,UACAA,EAAMN,OACN6N,oBAvEJ,SAAiCvN,UACvBA,EAAMN,WACP,iBACIM,EAAME,MAAMzK,OAAOe,YACvB,iBACIwJ,EAAME,MAAMzK,OAAOY,UACvB,gBACI2J,EAAME,MAAMzK,OAAOkB,WACvB,cACIqJ,EAAME,MAAMzK,OAAOC,sBAEnB,WA6DOq4B,CAAwB/tB,aAzD5C,SAA4BA,SACN,YAAhBA,EAAMN,MACDM,EAAME,MAAMzK,OAAOoB,QAGxBmJ,EAAMN,MACDM,EAAME,MAAMzK,OAAO2B,UAGrB,UAiDM42B,CAAmBhuB,iCAIrBiuB,GAAWzuB,cACtB,SAACQ,EAAOuJ,OAEJoD,EASE3M,EATF2M,SACAuhB,EAQEluB,EARFkuB,gBACAvG,EAOE3nB,EAPF2nB,WACAwG,EAMEnuB,EANFmuB,qBACAC,EAKEpuB,EALFouB,kBACAC,EAIEruB,EAJFquB,iBACAC,EAGEtuB,EAHFsuB,SACArhB,EAEEjN,EAFFiN,OACGC,IACDlN,MACEE,EAAQV,aAAiBD,GACzB+kB,EAAe9kB,aAAiB2jB,IAElCoL,GAAc,WASTC,YACHxuB,EAAMN,OAASM,EAAMN,QAAU6iB,sBAAc/P,cAG7CxS,EAAMN,OAASM,EAAMN,QAAU6iB,sBAAc/P,UAI1C8R,EAAa7W,kBAftBjO,WAAe0M,QAAQS,GAAU,SAAC8hB,GACD,oBAA3BA,EAAMl0B,KAAKgqB,cACbgK,GAAc,MAiBhB/uB,gBAACquB,oBACK3gB,iBACSD,EACbqW,eAAgBgB,EAAahB,iBAAmBiL,EAChDhL,gBAAiBe,EAAaf,gBAC9B9V,UAAW6W,EAAa7W,UACxBlE,IAAKA,EACLrJ,MAAOA,IAENokB,EAAab,cAAgB8K,GAC5B/uB,gBAACylB,IAAgB/mB,MAAOgC,EAAMhI,WAAWK,WACvCiH,gBAACgjB,IACCC,OAAQyL,EACRzgB,UAAW+gB,IACXtP,WAAY,CAAExhB,QAAS,GACvByhB,UAAU,kBACVC,wBACAtB,SAAUsQ,KAIf9J,EAAab,eAAiB8K,GAC7B/uB,gBAAC6kB,IACCnmB,MAAOgC,EAAMhI,WAAWK,UACxBsS,MAAO,CAAEia,cAAe,WAExBtlB,gBAAC2gB,IACCC,QAASuH,EACTna,SAAU2gB,EACVjP,WAAY,CAAExhB,QAAS,GACvByhB,wBAAyBmP,SAAehK,EAAaZ,SACrDtE,wBACA3R,UAAW+gB,IACX1Q,SAAUuQ,KAKf1hB,MCjLI+hB,GAAoB,SAAA1uB,UACxBR,gBAACktB,oBAAoB1sB,yQCkIjB2uB,GAAWnvB,cACtB,SAACQ,EAAOuJ,OAEJqlB,EAYE5uB,EAZF4uB,QACYC,EAWV7uB,EAXF8uB,aAWE9uB,EAVF+uB,gBAAAA,aAAkB,OAUhB/uB,EATFgvB,oBAAAA,aAAsB,KACtBC,EAQEjvB,EARFivB,eACAC,EAOElvB,EAPFkvB,YACAC,EAMEnvB,EANFmvB,uBAMEnvB,EALFovB,gBAAAA,aAAkB,KAClBC,EAIErvB,EAJFqvB,KACcC,EAGZtvB,EAHFuvB,eAGEvvB,EAFFwvB,cAAAA,gBACGtiB,IACDlN,QACgCR,WAA8B,IAA3DiwB,OAAYC,SACyB1O,GAAc,CACxDC,WAAYqO,UACHN,IAFJO,OAAcI,OAKfpP,IAAe+O,IAMjBjO,GAAkB,CACpBC,oBAAqB8N,EAAgBzC,mBACrCpL,MAAO8N,EACP5N,aAAc2N,EAAgBpC,YAC9BtL,qBAAsB0N,EAAgBtC,sBAPtChL,IAAAA,aACckL,IAAdvL,aACAC,IAAAA,uBAQoCV,GAAc,CAClDC,WAAYmO,EAAgBrN,aACnBqN,EAAgBrJ,aAAe,IAFnC6J,OAAaC,OAKpBrwB,aAAgB,WACdkwB,EAAcF,EAAgB1N,EAAa8N,GAAeP,KACzD,CAACO,EAAa5C,QDzKgB8B,EC2KzBgB,GD3KyBhB,OC4K5BD,MD1KLiB,WAAYpB,IACTI,ICwKKgB,WAImBC,IAA4BX,MAEvDW,EAAwBhO,KAAO6N,EAC/BG,EAAwBlD,UAAYwC,EAAKzN,OACzCmO,EAAwB/C,YAAcA,EACtC+C,EAAwBjD,oBAAsBpL,EAC9CqO,EAAwB1J,aAAe7mB,eACrC,SAACue,EAAOiS,GACDZ,EAAgBrN,MACnB8N,EAAeG,GAGjBZ,EAAgB/I,cAC0B,mBAAjC+I,EAAgB/I,cACvB+I,EAAgB/I,aAAatI,EAAOiS,KAExC,CAACZ,EAAgB/I,mBAGb4J,EAAeR,EAAWnH,QAAO,SAAAlD,UAAQA,EAAI+I,wBAE7CD,EACJqB,EAAa3N,SAAWqO,EAAarO,OACjCK,oCAA4B7B,QAC5BmP,EAAa3N,OAAS,EACtBK,oCAA4BiO,cAC5BjO,oCAA4BkO,mBAmCzBC,EAAyBC,GAC5B9P,EACF4O,GACkC,mBAAzBA,GACPA,EAAqBkB,GAEvBV,EAAoBU,UAKtB7wB,gCACEA,gBAACskB,oBAAU5W,GAAO3D,IAAKA,IACrB/J,gBAACilB,QACCjlB,gBAACyuB,IACCC,gBAAiBA,EACjBE,2BA/BkBrQ,GAExBmQ,IAAoBjM,oCAA4BiO,eAChDhC,IAAoBjM,oCAA4B7B,QAEhDgQ,EAAyB,IAEzBA,EAAyBH,EAAaxjB,KAAI,SAAA2Y,UAAOA,EAAI3c,OAGvDwmB,GAC4B,mBAAnBA,GACPA,EAAelR,KAqBR6Q,EAAQniB,KAAI,gBAAG6jB,IAAAA,MAAO5sB,IAAAA,OAAWwJ,iBAChC1N,gBAACylB,kBACCyF,iBAAkB4F,GACdpjB,GACJ0X,aAAa,IAEZlhB,QAMTlE,gBAACukB,QACE0L,EAAWhjB,KAAI,gBAAGhE,IAAAA,GAAI/I,IAAAA,MAAOyuB,IAAAA,qBAAyBjhB,iBACrD1N,gBAACyuB,IACCvD,UAAWjiB,EACX/I,MAAOA,EACPioB,aACE4H,GAAeA,EAAavW,QAAQvQ,IAAO,EAE7C0lB,qBAAsBA,EACtBE,iBAAkB,SAAAtQ,mBAvE5BtV,EACAsV,OAEQqC,EAAYrC,EAAMC,OAAlBoC,QACFiQ,YAAsBd,GAE5BnP,EACIiQ,EAAgBE,KAAK9nB,GACrB4nB,EAAgBG,OAAOH,EAAgBrX,QAAQvQ,GAAK,GAExD2nB,EAAyBC,GAEzBnB,GACyB,mBAAhBA,GACPA,EAAYzmB,EAAIsV,GAyDmB0S,CAAgBhoB,EAAIsV,KAE9C6Q,EAAQniB,KAAI,gBAAG6jB,IAAAA,MAAO1L,IAAAA,mBACdA,EACLplB,gBAACylB,IACCyF,WAAY4F,EACZ1L,YAAaA,GAEZ1X,EAAMojB,IAGT9wB,gBAAC6kB,IAAUqG,WAAY4F,GAAUpjB,EAAMojB,aAOlDd,GACChwB,gBAACswB,iBACCriB,UAAWzN,EAAMyN,UACjBof,UAAWwC,EAAKzN,QACZmO,EACAhB,EAAgBzoB,iBC/RnBoqB,GAAkBlxB,gBAA8C,CAC3EmxB,WAAY,IAAIC,KAChBC,YAAa,IAAID,KACjBE,mBAAoB,SAACC,EAAeC,SAAgC,CAClE,CAACD,KAEHE,sBAAuB,aACvBC,sBAAuB,aACvBC,aAAc,SAACJ,EAAehT,KAC9BI,UAAW,SAACJ,KACZqT,iBAAkB,aAClBC,iBAAkB,aAClBC,eAAgB,SAAChoB,wGNxBP2iB,GAAAA,0BAAAA,6CAEVA,eACAA,iBACAA,aAGF,aAAasF,GAAsBtF,wBAwC7BuF,GAAmB1kB,EAAOgG,qEAKnB2e,GAAe3kB,EAAOC,qPAOrB,SAAA/M,UAASA,EAAME,MAAMf,QAAQE,oBAE9B,SAAAW,UAASA,EAAME,MAAMf,QAAQE,oBAOxB,SAAAW,UACZA,EAAMyN,UACFzN,EAAME,MAAMf,QAAQtB,QAAQJ,gBAC5BuC,EAAME,MAAMf,QAAQ1B,mBAIjBi0B,GAAgB5kB,EAAOgG,quBAMpB,SAAA9S,UACZA,EAAMyN,UACFzN,EAAME,MAAMf,QAAQtB,QAAQJ,gBAC5BuC,EAAME,MAAMf,QAAQ1B,mBACT,SAAAuC,UAASA,EAAME,MAAM7G,gBAC7B,SAAA2G,UACPA,EAAMyN,UACFzN,EAAME,MAAMf,QAAQtB,QAAQF,UAC5BqC,EAAME,MAAMf,QAAQxB,aACb,SAAAqC,UAASA,EAAME,MAAMf,QAAQ3K,UAAUE,YAClC,SAAAsL,UAASA,EAAME,MAAMf,QAAQ3K,UAAUG,iBAC1C,SAAAqL,UAASA,EAAME,MAAMf,QAAQ3K,UAAUI,cACvC,SAAAoL,UAASA,EAAME,MAAMf,QAAQvC,cAC/B,SAAAoD,UAASA,EAAME,MAAMf,QAAQf,YAE/B,SAAA4B,UAASA,EAAME,MAAMhI,WAAWG,aACvC,SAAA2H,UAASA,EAAME,MAAMhI,WAAWI,aACzB,SAAA0H,UAASA,EAAME,MAAMf,QAAQG,UAgC7BqyB,GAAUnyB,cAAoC,SAACQ,EAAOuJ,SAC/B/J,WAAwBQ,EAAM4xB,MAAzDC,OAAWC,SAEhBtyB,WAA4B,MADvBuyB,OAAkBC,SAGvBxyB,WAA+B,MAD1ByyB,OAAeC,SAEkB1yB,WAAgC,MAAnD2yB,SAEUC,YAAUL,EAAkBE,EAAe,CACxEI,UAAW,CACT,CAAEC,KAAM,QAASC,QAAS,CAAEtnB,eAC5B,CACEqnB,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,MAIlBC,UAAWzyB,EAAMtF,UAAYuxB,wBAAgBtxB,MAVvC+3B,IAAAA,OAAQC,IAAAA,WAaVC,EAAc/mB,EAAatC,EAAKyoB,YAqB7Ba,IACPf,GAAa,YAGNgB,IACPhB,EAAa9xB,EAAM4xB,MAxBrBpyB,aAAgB,eACRuzB,EAAY,SAAAhV,GACE,WAAdA,EAAM2M,KACRoI,YAGJE,OAAOC,iBAAiB,UAAWF,GAE5B,WACLC,OAAOE,oBAAoB,UAAWH,MAEvC,QAiBDI,EASEnzB,EATFmzB,WACAxmB,EAQE3M,EARF2M,SACAnO,EAOEwB,EAPFxB,QACA4e,EAMEpd,EANFod,eACIpJ,EAKFhU,EALFyI,GACA/N,EAIEsF,EAJFtF,SACAuS,EAGEjN,EAHFiN,OACAmmB,EAEEpzB,EAFFozB,aACGlmB,IACDlN,MAEEyI,EAAKE,EAAcqL,GACnB9T,EAAQV,aAAiBD,MAE3BiN,MAAM6mB,QAAQ1mB,SACV,IAAIf,MAAM,iDAGZ0nB,EAAiB9zB,eAAmBmN,EAAU,oBAC9BklB,EAAYppB,EAAK,KACrCmiB,OAAQkI,EACRS,QAASV,EACTtpB,IAAKqpB,IAGDY,OACDd,EAAOe,OACPL,GAGCM,OAA0BhB,EAAOiB,MAAUR,GAE3C1lB,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAACgyB,oBACKtkB,iBACSD,EACbkR,mBArDmBJ,GACH,WAAdA,EAAM2M,KACRoI,KAoDAc,aAAcd,EACde,aAAchB,EACdhoB,MAAOuS,IAENkW,EACAzB,GACCryB,qCACE+J,IAAK2oB,EACLrnB,MAAO2oB,GACHb,EAAWc,QAEfj0B,gBAACkyB,kBACCjpB,GAAIA,EACJgF,UAAWA,EACX/S,SAAUA,GAAsBuxB,wBAAgBtxB,IAChDuF,MAAOA,EACPmN,KAAK,WACDslB,EAAWc,QAEdj1B,EACDgB,gBAACiyB,IACChkB,UAAWA,EACXlE,IAAK4oB,EACLtnB,MAAO6oB,EACPxzB,MAAOA,mBOvIL4zB,GAAqBC,UAC5BC,eAAaC,YAAUF,EAAU,aAG1BG,GAAqBH,UAC5BC,eAAaG,YAAUJ,EAAU,IAG1C,SAAgBK,GAAWC,EAAMC,EAAkBj0B,mBAAlBi0B,IAAAA,EAAY,eAAMj0B,IAAAA,EAASk0B,QAExDF,GACAG,SAAOC,GAAkBJ,GAAOC,EAAW,CACzCj0B,OAAAA,aAKUo0B,GAAkBJ,UACzBA,EAAQA,aAAgBzD,KAAOyD,EAAO,IAAIzD,KAAKyD,GAAS,yDCpH3DK,GAA0B5nB,EAAOgG,mHAG1B,SAAA9S,UAASA,EAAME,MAAMhI,WAAWU,aACvC,SAAAoH,UAASA,EAAME,MAAMhI,WAAWG,aACrB,SAAA2H,UAASA,EAAME,MAAMhI,WAAWC,aAG3Cw8B,GAAqB7nB,EAAOgG,gGAIvB,SAAA9S,UAAUA,EAAMiI,KAAO,EAAI,KAGhC2sB,GAAqB9nB,EAAOgG,sMAEvB,SAAA9S,UAASA,EAAME,MAAMzK,OAAOoB,WACxB,SAAAmJ,UAASA,EAAME,MAAM1L,UAAUM,OAAOJ,YACpC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUM,OAAOF,cAQ1CigC,GAAiBr1B,cAG5B,SAACQ,EAAOmd,OACF2X,EAAiBt1B,aAErBA,aAAiBkxB,IADXG,IAAAA,YAAaO,IAAAA,iBAAkBC,IAAAA,iBAEjC0D,EAAkB1rB,EAAYrJ,EAAMg1B,aACpCzrB,EAAMsC,EAAasR,EAAc2X,GAEvCt1B,aAAgB,YACTu1B,GAAmB/0B,EAAMg1B,aAC5BF,EAAerrB,QAAQ7T,UAExB,CAACoK,EAAMg1B,kBAEJ90B,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExBlI,EAAS8M,EAAK9M,QAAUk0B,OAExBU,EAAeT,GAAO3D,EAAa,YAAaxwB,GAEhD60B,EACJD,GACAA,EAAaE,OAAO,GAAGC,cAAgBH,EAAalc,MAAM,UAG1DvZ,gBAACk1B,IAAwBx0B,MAAOA,GAC9BV,gBAACo1B,IAAmBlgB,UAAW,EAAGxU,MAAOA,EAAOqJ,IAAKA,GACnD/J,gBAACyV,QAAUigB,IAEb11B,gBAACm1B,QACCn1B,gBAAC+Q,iBACgBpD,EAAKpK,WAAWK,2BAA0BoxB,GACvDP,YAAU,IAAIrD,KAAKC,GAAc,GACjC,YACAxwB,GAEFmQ,KAAMhR,gBAAC61B,sBACP96B,KAAMwU,mBAAWC,OACjBlP,QAASoP,sBAAcE,KACvB0F,QAASsc,KAGb5xB,gBAACm1B,IAAmB1sB,SAClBzI,gBAAC+Q,iBACgBpD,EAAKpK,WAAWM,uBAAsBmxB,GACnDL,YAAU,IAAIvD,KAAKC,GAAc,GACjC,YACAxwB,GAEFmQ,KAAMhR,gBAAC81B,yBACP/6B,KAAMwU,mBAAWC,OACjBlP,QAASoP,sBAAcE,KACvB0F,QAASuc,SCrFbkE,GAAkBzoB,EAAOsX,oMACT,SAAApkB,UAASA,EAAME,MAAMzK,OAAOyB,aACvC,SAAA8I,UAASA,EAAME,MAAMzK,OAAOoB,WACxB,SAAAmJ,UAASA,EAAME,MAAM1L,UAAUM,OAAOJ,YACpC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUM,OAAOF,cAC3C,SAAAoL,UAASA,EAAME,MAAMhI,WAAWS,aAIjC,SAAAqH,UAASA,EAAME,MAAMhI,WAAWS,aAGrC68B,GAAmB1oB,EAAOkC,yrBAMhB,SAAAhP,UACZA,EAAMy1B,SACFz1B,EAAME,MAAMzK,OAAOM,aACnBiK,EAAME,MAAMzK,OAAO2B,aAGhB,SAAA4I,UACPA,EAAMy1B,SACFz1B,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAMwN,SACNxN,EAAME,MAAMzK,OAAO4B,aACnB2I,EAAME,MAAMzK,OAAOoB,WACf,SAAAmJ,UAAUA,EAAMwN,SAAW,cAAgB,aAEtC,SAAAxN,UAASA,EAAME,MAAMhI,WAAWS,aAErC,SAAAqH,UAASA,EAAME,MAAMhI,WAAWC,aAK5B,SAAA6H,UAASA,EAAME,MAAMhI,WAAWS,aAGtB,SAAAqH,UAASA,EAAME,MAAMzK,OAAOG,SAIpC,SAAAoK,UAASA,EAAME,MAAMzK,OAAOoB,WAa7B,SAAAmJ,UAAUA,EAAMwN,SAAW,EAAI,MAK1CkoB,GAAY5oB,EAAOsX,oDAKnBuR,GAAiB7oB,EAAOC,0QACH,SAAA/M,UAASA,EAAME,MAAMzK,OAAOS,OAY1C0/B,GAAyD,SACpE51B,OAEM61B,EAASr2B,aASXA,aAAiBkxB,IAPnBoF,IAAAA,YACAjF,IAAAA,YACAF,IAAAA,WACAoF,IAAAA,QACAC,IAAAA,QACA1E,IAAAA,eACAH,IAAAA,eAE4B3xB,YAAwB,GAA/Cy2B,OAASC,OACRC,EAAsBn2B,EAAtBm2B,IAAKC,EAAiBp2B,EAAjBo2B,aAEb52B,aAAgB,WACVs2B,GAAeO,YAAUr2B,EAAMm2B,IAAKtF,IACtCgF,EAAOpsB,QAAQ7T,QACfsgC,GAAW,IAEPD,GACFC,GAAW,KAGd,CAACrF,EAAaiF,QAeXtoB,IACHuoB,GAAUO,UAAQt2B,EAAMm2B,IAAKJ,MAC7BC,GAAUO,WAASv2B,EAAMm2B,IAAKH,GAE3B91B,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,MAE1B4tB,EAAK,KACDK,EAAwBH,YAAUF,EAAKtF,GACvC4F,EAAuBJ,YAAUF,EAAKxF,GACtC+F,EAAkBL,YAAUF,EAAK,IAAIvF,MACrCvwB,EAAS8M,EAAK9M,QAAUk0B,OACxB3wB,GACJ4J,EAAWL,EAAKpK,WAAWO,qBAAuB,QAChDkxB,GAAO2B,EAAK,qBAAsB91B,QACpCq2B,EAAkBvpB,EAAKpK,WAAWS,eAAiB,SACjDizB,EAAuBtpB,EAAKpK,WAAWQ,qBAAuB,WAGhE/D,gBAAC+1B,IAAgBhC,mBA/BnBjC,GAAe,IA+BiCpxB,MAAOA,GACnDV,gBAACg2B,oBACgBhoB,eACH5J,EACZ4J,SAAUA,EACVioB,SAAUgB,EACVE,UAAWP,GAAgBI,EAC3B1hB,iBAnCYiJ,GACdvQ,EACFuQ,EAAM4M,iBAIRwG,EAAagF,EAAKpY,IA8BZxU,IAAKssB,EACLnhB,SAAU8hB,EAAwB,GAAK,EACvCj8B,KAAK,SACL2F,MAAOA,GAENs0B,GAAO2B,EAAK,IAAK91B,IAEnBq2B,GACCl3B,gBAACm2B,kBAA2B,iBAAiBz1B,MAAOA,YAKnDV,gBAACk2B,UChKNkB,GAAO9pB,EAAO+pB,8FAOdC,GAAOhqB,EAAOiL,gVAIL,SAAA/X,UAASA,EAAME,MAAM1L,UAAUK,OAAOH,YACpC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUK,OAAOD,cAejDmiC,GAAgCjqB,EAAOC,qOAG9B,SAAA/M,UAASA,EAAME,MAAM1L,UAAUK,OAAOH,YACjC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUK,OAAOF,iBACzC,SAAAqL,UAASA,EAAME,MAAM1L,UAAUK,OAAOD,cACrC,SAAAoL,UAASA,EAAME,MAAMhI,WAAWG,aAErC,SAAA2H,UAASA,EAAME,MAAMhI,WAAWE,aACvC,SAAA4H,UAASA,EAAME,MAAMhI,WAAWI,aAGhC0+B,GAAclqB,EAAOgG,qEAKrBmkB,GAAqBnqB,EAAOgG,8FAK5BokB,GAAgBpqB,EAAOgG,gIAShBqkB,GAET,SAACn3B,OACGmN,EAAO3N,aAAiB+I,GACxBrI,EAAQV,aAAiBD,UAG7BC,gBAACw3B,QACCx3B,gBAACy3B,QACCz3B,gBAAC+Q,IACCC,KAAMhR,gBAAC61B,sBACPz1B,KAAM0P,mBAAWrT,MACjB4O,MAAO,CAAElQ,IAAK,MAAOE,KAAM,SAC3BiF,QAASoP,sBAAcE,KACvB0F,QAAS9U,EAAMopB,6BAIjB5pB,gBAAC+Q,iBACapD,EAAKpK,WAAWI,uBAC5BzD,MAAOkQ,oBAAY8G,UACnBlG,KAAMhR,gBAACqV,kBACPjV,KAAM0P,mBAAWpT,OACjB2O,MAAO,CAAEhQ,KAAM,QACfN,KAAMwU,mBAAWC,OACjB8F,QAAS9U,EAAMopB,QACftpB,QAASoP,sBAAcE,QAG3B5P,gBAAC03B,QACC13B,gBAACkc,IAAQC,MAAO,EAAGZ,YAAaxB,8BAAsBvc,eACnDmQ,EAAKpK,WAAWU,UAAUC,QAE7BlE,gBAACo3B,IAAKnuB,GAAG,0CACPjJ,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,iBACa5pB,EAAKpK,WAAWU,UAAUtJ,MAAMyJ,UAC5CyJ,KAAK,MACLnN,MAAOA,QAITV,2BAAM2N,EAAKpK,WAAWU,UAAUtJ,MAAM0J,cAExCrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eAELiN,EAAKpK,WAAWU,UAAUK,sBAAsBF,kBAKpDpE,2BACG2N,EAAKpK,WAAWU,UAAUK,sBAAsBD,cAGrDrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eAELiN,EAAKpK,WAAWU,UAAUM,mBAAmBH,kBAKjDpE,2BACG2N,EAAKpK,WAAWU,UAAUM,mBAAmBF,cAGlDrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eAELiN,EAAKpK,WAAWU,UAAUO,sBAAsBJ,WAGjDuJ,EAAKpK,WAAWU,UAAUO,sBAAsBC,cAEnDzE,2BACG2N,EAAKpK,WAAWU,UAAUO,sBAAsBH,cAGrDrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eACKiN,EAAKpK,WAAWU,UAAUS,eAAeN,WAEpDuJ,EAAKpK,WAAWU,UAAUS,eAAeD,cAE5CzE,2BAAM2N,EAAKpK,WAAWU,UAAUS,eAAeL,cAEjDrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eACKiN,EAAKpK,WAAWU,UAAUU,OAAOP,WAE5CuJ,EAAKpK,WAAWU,UAAUU,OAAOF,cAEpCzE,2BAAM2N,EAAKpK,WAAWU,UAAUU,OAAON,cAEzCrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eACKiN,EAAKpK,WAAWU,UAAUW,aAAaR,gBAIrDpE,2BAAM2N,EAAKpK,WAAWU,UAAUW,aAAaP,2BCvLzCuzB,GACdC,EACA3zB,EACAoH,OAEMwsB,EAAW93B,SAA0B,MACrC+3B,EAAiB/3B,SAAiC,IAElDg4B,EAAuB,iBAC3BD,EAAe9tB,iBAAU6tB,EAAS7tB,gBAATguB,EAAkBC,iBACzC,2FAIJl4B,aAAgB,WACV63B,IACFG,IAEI9zB,GAAUA,EAAO+F,QACnB/F,EAAO+F,QAAQ7T,QACN2hC,EAAe9tB,SAAW8tB,EAAe9tB,QAAQmY,OAAS,EAC1C2V,EAAe9tB,QAAhC,GAEE7T,QACDkV,GAAQA,EAAKrB,UACrBqB,EAAKrB,QAAQkuB,WAA2BC,aAAa,WAAY,MACjE9sB,EAAKrB,QAAQkuB,WAA2B/hC,YAG5C,CAACyhC,IAEJ73B,aAAgB,eACRq4B,EAA6B,IAAIC,kBAAiB,WACtDN,cAGFA,IAEAF,EAAS7tB,SACPouB,EAASE,QAAQT,EAAS7tB,QAAS,CAAEuuB,WAAW,EAAMC,SAAS,IAC1D,WACLJ,EAASK,gBAEV,CAACZ,IAEJ93B,aAAgB,eACR24B,EAAiB,SAACpa,MACjBwZ,EAAe9tB,aAEP2uB,EAAara,EAAbqa,WAKTb,EAAe9tB,QAHjBmY,IAAAA,OACGyW,IAAH,GACcC,IAAb1W,EAAS,MAGRyV,GAAkB,QAPItZ,EAAlB2M,IAOqB,IAEZ,IAAX9I,cACF7D,EAAM4M,oBAKO,IAAX/I,SACF7D,EAAM4M,sBACF0N,IAAc7tB,SAAS2f,eACzBkO,EAAUziC,aAOTwiC,GAAY5tB,SAAS2f,gBAAkBmO,SAC1Cva,EAAM4M,sBACN0N,EAAUziC,WAMVwiC,IACC5tB,SAAS2f,gBAAkBkO,GAC1B7tB,SAAS2f,gBAAkBzmB,EAAO+F,gBAEpCsU,EAAM4M,sBACN2N,EAAS1iC,kBAMfo9B,OAAOC,iBAAiB,UAAWkF,GAE5B,WACLnF,OAAOE,oBAAoB,UAAWiF,MAEvC,CAACd,EAAQE,IAELD,kBCpFHiB,GAAoBzrB,EAAOgG,8FACjB,SAAA9S,UAASA,EAAME,MAAMzK,OAAO2B,aAC7B,SAAA4I,UAASA,EAAME,MAAMhI,WAAWK,aACzC,SAAAyH,UAASA,EAAME,MAAMhI,WAAWG,aAIhCmgC,GAAiB1rB,EAAOgG,iHACd,SAAA9S,UAASA,EAAME,MAAMzK,OAAO2B,aAMtC0sB,GAAQhX,EAAO9F,qGAGF,SAAAhH,UAASA,EAAME,MAAMhI,WAAWG,aAG7CogC,GAAK3rB,EAAO6X,0JAEP,SAAA3kB,UAASA,EAAME,MAAMzK,OAAOoB,WACxB,SAAAmJ,UAASA,EAAME,MAAM1L,UAAUK,OAAOH,YACpC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUK,OAAOD,cAMjD8jC,GAAe5rB,EAAOC,0FACnB,SAAA/M,UAASA,EAAME,MAAMhI,WAAWC,aAE/B,SAAA6H,UAASA,EAAME,MAAMhI,WAAWC,aAIpCwgC,GAAc7rB,EAAOC,2FAEhB,SAAA/M,UAASA,EAAME,MAAMhI,WAAWC,aAClC,SAAA6H,UAASA,EAAME,MAAMhI,WAAWC,aAI5BygC,GAA6D,SACxE54B,OAEM64B,EAAYr5B,WACZs5B,EAAat5B,WACbwK,EAAUxK,aAAiBkxB,MACOlxB,YAAwB,GAAzD42B,OAAc2C,SACiBv5B,YAAwB,GAAvDw1B,OAAagE,OACdC,EAAqB5vB,EAAYrJ,EAAMk5B,gBAEvCC,EAAmB/B,GAAap3B,EAAMk5B,eAAgBJ,GAE5Dt5B,aAAgB,YACTy5B,GAAsBj5B,EAAMk5B,iBAC/BL,EAAUpvB,QAAUe,SAAS2f,cAEzBnqB,EAAMo5B,cACRL,GAAgB,GAChB/uB,EAAQsnB,gBAAe,MAIvBtxB,EAAMk5B,gBAAmBl5B,EAAMo5B,aAAgBpE,GACjDgE,GAAe,GAGbC,IAAuBj5B,EAAMk5B,gBAC/BF,GAAe,KAEhB,CAACh5B,EAAMk5B,eAAgBl5B,EAAMo5B,kBAe1Bl5B,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExBjH,EAAO,CACX,SACA,SACA,UACA,YACA,WACA,SACA,YAEI0B,EAAc1B,EAAK0X,QAAQ7L,EAAKpK,WAAWC,aAE3Cq2B,EADa/3B,EAAKyX,MAAM/V,GAAas2B,OAAOh4B,EAAKyX,MAAM,EAAG/V,IAC5ByJ,KAAI,SAAC0pB,EAAKpO,UAC5CvoB,gBAACi5B,IAAG/N,IAAK3C,EAAO7nB,MAAOA,GACpBiN,EAAK7L,KAAKQ,IAAIq0B,cAKjB32B,gCACEA,gBAAC+4B,kBACa,yBACZ7jB,UAAW,EACXxU,MAAOA,EACPie,UAAWnU,EAAQmU,WAElBnU,EAAQuvB,uBACP/5B,gBAAC23B,IACCxO,OAAQ3e,EAAQuvB,uBAChBnQ,QAASpf,EAAQknB,wBAGnB1xB,gBAACg5B,kBACa,gCACC,OACbt4B,MAAOA,EACPqJ,IAAK4vB,GAEL35B,gBAACq1B,IAAetrB,IAAKuvB,EAAY9D,YAAaA,IAE9Cx1B,gBAACskB,IACCzW,KAAK,eACLud,kBApDVmO,GAAgB,GAChB/uB,EAAQsnB,gBAAe,IAoDbiC,mBAzDVwF,GAAgB,IA0DN74B,MAAOA,GAEPV,6BACEA,0BAAK65B,GACJrvB,EACE8mB,mBAAmB9mB,EAAQ6mB,aAC3BpkB,KAAI,SAAC+sB,EAAMvS,UACVznB,sBAAIkrB,IAAKzD,GACNuS,EAAK/sB,KAAI,SAAC0pB,EAAKsD,UACdj6B,gBAACo2B,IACClL,IAAK+O,EACLtD,IAAKA,EACLC,aAAcA,EACdjF,aAAcnnB,EAAQmnB,wBAOpC3xB,gBAACmyB,IACCnzB,QAAS,wBACT40B,aAAc,CAAE14B,SAAU,UAE1B8E,gBAACk5B,IAAax4B,MAAOA,GACnBV,gBAAC+Q,iBACapD,EAAKpK,WAAWU,UAAUE,oBACtC6M,KAAMhR,gBAACk6B,qBACP5kB,QAAS9K,EAAQinB,sBACjBrxB,KAAM0P,mBAAWrT,MACjBs3B,mBA/EdvpB,EAAQsnB,gBAAe,IAgFT/2B,KAAMwU,mBAAWC,OACjBlP,QAASoP,sBAAcE,SAK7B5P,gBAACm5B,IAAYz4B,MAAOA,GAClBV,gBAAC+Q,iBACapD,EAAKpK,WAAWI,uBAC5BzD,MAAOkQ,oBAAY8G,UACnBlG,KAAMhR,gBAACqV,kBACPC,QAAS9U,EAAM25B,uBACf/5B,KAAM0P,mBAAWpT,OACjB3B,KAAMwU,mBAAWC,OACjBlP,QAASoP,sBAAcE,mNCzIjCwqB,GAA2B9sB,EAAOgG,uCAC7B,SAAA9S,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,WAGdgjC,GAAqBr6B,cAGhC,SAACQ,EAAOuJ,SAiBJvJ,EAfF2e,WAAAA,gBACAhS,EAcE3M,EAdF2M,SACAyQ,EAaEpd,EAbFod,eACA2B,EAYE/e,EAZF+e,aACA+a,EAWE95B,EAXF85B,QACA9a,EAUEhf,EAVFgf,cACAvO,EASEzQ,EATFyQ,aACAmM,EAQE5c,EARF4c,UACW3F,EAOTjX,EAPFyN,UACAssB,EAME/5B,EANF+5B,sBACA7a,EAKElf,EALFkf,WACAC,EAIEnf,EAJFmf,UACA6a,EAGEh6B,EAHFg6B,aAEG/pB,IACDjQ,MACEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,GAEzBoI,EACJN,GAAgBC,EAAmB8a,WAAkB,YAGrDt6B,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,gBAACo6B,oBACK3pB,iBACSjQ,EAAMiN,OACnBQ,UAAWA,EACXlE,IAAKA,EACLsB,MAAOuS,EACPld,MAAOA,IAENif,GACC3f,gBAACkf,IACCC,WAAYA,EACZY,QAASua,EACTrpB,aAAcA,EACd7Q,KAAMgd,EACN/R,MAAOqU,GAEN6a,EACCv6B,gBAAC2iB,QAAgBhD,GAEjBA,GAILxS,GACCoS,GAAgBC,IAChBxf,gBAAC8e,IACC5B,WAAYqC,EACZtW,GAAI4W,EACJ5R,UAAWA,EACX5C,MAAOmvB,IAELjb,GAAgBC,IAChBxf,gCAAGuf,GAA8BC,yKCvHlCib,GAAQz6B,cACnB,SAACQ,EAAOuJ,OAEJoD,EAYE3M,EAZF2M,SACAyQ,EAWEpd,EAXFod,eACA2B,EAUE/e,EAVF+e,aACAC,EASEhf,EATFgf,cACAvO,EAQEzQ,EARFyQ,aACIuD,EAOFhU,EAPFyI,KAOEzI,EANF4c,UAAAA,aAAYP,kBAAUngB,SACtB69B,EAKE/5B,EALF+5B,sBACA7a,EAIElf,EAJFkf,WACAC,EAGEnf,EAHFmf,UACA6a,EAEEh6B,EAFFg6B,aACG9sB,IACDlN,MAEEyI,EAAKE,EAAcqL,GAEnBqL,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAEhEgF,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAACq6B,IACCzc,eAAgBA,EAChB2B,aAAcA,EACd+a,QAASrxB,EACTuW,cAAeA,EACfvO,aAAcA,EACdspB,sBAAuBA,EACvBtsB,UAAWA,EACXmP,UAAWA,EACXsC,WAAYA,EACZC,UAAWA,EACX6a,aAAcA,GAEdx6B,gBAAC0d,oBACKhQ,sBAEFmS,GAAgCrf,EAAM,qCAExB+e,EAChBrC,WAAYqC,EACZtO,aAAcA,EACdhI,GAAIA,EACJmU,UAAWA,EACXnP,UAAWA,EACXlE,IAAKA,IAEJoD,mCCkDLutB,GAAsBptB,EAAOgG,+CAI7BqnB,GAAqBrtB,EAAOgG,0SACZ,SAAA9S,UAASA,EAAME,MAAMzK,OAAOyB,aAC/B,SAAA8I,UAASA,EAAME,MAAM7G,gBAE3B,SAAA2G,UAAUA,EAAMo6B,OAAS,QAAU,UAC/B,SAAAp6B,UAASA,EAAME,MAAMhI,WAAWO,aACpC,SAAAuH,UAAUA,EAAMo6B,OAAS,IAAM,OAK/B,SAAAp6B,UAAUA,EAAMo6B,OAAS,MAAQ,QAGjCC,GAAa76B,cACxB,SAACQ,EAAOmd,OACAjd,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GACxB8U,EAAU7d,WACVqe,EAAWre,WACXq5B,EAAYr5B,WACZiJ,EAAaE,EAAc3I,EAAMyI,MAErCjJ,YAAwB,GADnB+5B,OAAwBe,SAEa96B,YAAwB,GAA7D05B,OAAgBqB,SACe/6B,YAAwB,GAAvDs2B,OAAaxE,SAEkB9xB,WACpCg7B,EAAoBx6B,EAAMsJ,OAAStJ,EAAMy6B,cACvCC,KAFG7J,OAAa8J,SAIgBn7B,WAClCg7B,EAAoBx6B,EAAMsJ,OAAStJ,EAAMy6B,cADpC9J,OAAYiK,OAIbrxB,EAAMsC,EAAasR,EAAcU,YAiB9BoT,IACP4H,EAAUpvB,QAAUe,SAAS2f,cAC7BmQ,GAA0B,YAQnBE,EAAoBnG,OACrBwG,EAAgBpG,GAAkBJ,GAClCyG,EAAmBrG,GAAkBz0B,EAAMg2B,SAC3C+E,EAAmBtG,GAAkBz0B,EAAM+1B,gBAE1C1B,GACL2G,EAAYH,EAAeC,EAAkBC,GAC3CF,EACA,cAGGH,QACD3J,EAAU,IAAIH,KACdkK,EAAmBrG,GAAkBz0B,EAAMg2B,SAC3C+E,EAAmBtG,GAAkBz0B,EAAM+1B,gBAE7CiF,EAAYjK,EAAS+J,EAAkBC,GAClChK,EACEgK,GAAoBD,EACtBA,GAAsCC,OADxC,WAKAC,EACP3G,EACA4G,EACAC,WAGGA,GACG3E,WAASlC,EAAM6G,IAAiB7E,YAAUhC,EAAM6G,OAEnDD,GACG3E,UAAQjC,EAAM4G,IAAiB5E,YAAUhC,EAAM4G,aA+B9C9J,EAAagF,GACpByE,EAAczE,GACdoE,GAAkB,YAGXY,IACPR,EAAeD,KACfE,EAAc,MACdtJ,GAAe,YAGR8J,EAAsB9xB,EAAe6sB,OACtCkF,EAAoB,4BAA4BC,KAAKhyB,GACrDiyB,EAAcC,UAAQrF,UAErBkF,GAAqBE,WA6CrBE,EAAmB1d,GACR,WAAdA,EAAM2M,MACR3M,EAAM4M,iBACN4P,GAAkB,GAClB1c,EAASpU,QAAQ7T,kBA6BZ8lC,EACPvF,EACApY,GAEA/d,EAAMmxB,cAC0B,mBAAvBnxB,EAAMmxB,cACbnxB,EAAMmxB,aAAagF,EAAKpY,GAE1B/d,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASqY,EAAIwF,cAAe5d,GAEpCoT,EAAagF,GACbwE,EAAexE,GAnMjB32B,aAAgB,WACT05B,GACH5H,GAAe,KAEhB,CAAC4H,IAEJ15B,aAAgB,WACVQ,EAAMsJ,QACRsxB,EAAcJ,EAAoBx6B,EAAMsJ,QACxCqxB,EACEH,EAAoBx6B,EAAMsJ,QAAUoxB,QAGvC,CAAC16B,EAAMsJ,YAqNFlE,EAAiCpF,EAAjCoF,YAAa6H,EAAoBjN,EAApBiN,OACfC,EAAQlE,EACZ,CAAC,eAAgB,gBAAiB,cAAe,kBAFVhJ,OAMnCyN,EAAY+B,GAAaxP,EAAMyN,WAE/BuoB,EAAUvB,GAAkBz0B,EAAMg2B,SAClCD,EAAUtB,GAAkBz0B,EAAM+1B,SAElCz1B,EAAa6M,EAAK7M,WAElBs7B,EAAajL,EAAa6D,GAAO7D,EAAYrwB,GAAc,UAG/Dd,gBAACkxB,GAAgB/b,UACfrL,MAAO,CACLqnB,WAAAA,EACAE,YAAAA,EACAiF,YAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAuD,uBAAAA,EACAzI,4BA3LsBuD,EAAYrD,URvI5C,SACE6K,EACAC,EACAC,YAAAA,IAAAA,EAAiB,WAEXC,EAAehI,eAAa6H,GAC5BI,EAAcC,aAAWL,GAEzBM,GAAYC,SAAOJ,GAAgB,EAAID,GAAkB,EACzDM,GAAYN,EAAiB,EAAIK,SAAOH,IAAgB,EACxDK,EAAWC,UAAQP,EAAcG,GACjCK,EAAUC,UAAQR,EAAaI,GAE/BK,EAAYC,mBAAiBH,EAASF,GAAY,EAElDM,EAAaN,EACbO,EAAe,GAEZ5V,EAAI,EAAGA,EAAIyV,EAAWzV,GAAK,EAAG,CACjCA,EAAI,GAAM,GACZ4V,EAAatM,KAAK,QAGhB4F,EAAM,MACLlP,GAAKkV,GAAYlV,EAAIyV,EAAYL,GAAaP,KACjD3F,EAAMsG,UAAQG,EAAY3V,IAG5B4V,EAAaA,EAAajb,OAAS,GAAG2O,KAAK4F,UAGtC0G,EQmHIC,CACLzI,EACArD,EAZW,CACX,SACA,SACA,UACA,YACA,WACA,SACA,YAMKhY,QAJiB7L,EAAKpK,WAArBC,eAkLJiuB,sBAAAA,EACAC,iCAvOJoJ,GAA0B,GAC1BzB,EAAUpvB,QAAQ7T,SAuOduoB,mBAhGiBJ,MACjB+X,GAAetrB,SAAS2f,cAAc4S,QAAQ,SAAU,KACpDC,WRvSZC,EACAlJ,EACAmJ,EACAjM,EACAE,EACA9T,OAEQqN,EAAQuS,EAARvS,WAEI,UAARA,GAA2B,MAARA,GACfuS,EAAEjf,OAAuBmf,aAAa,kBAC1ChM,EAAa4C,GAITrJ,OACD,iBACHuS,EAAEtS,iBACKyS,WAASrJ,EAAU,OAEvB,mBACHkJ,EAAEtS,iBACK4R,UAAQxI,EAAU,OAEtB,cACHkJ,EAAEtS,iBACK3nB,cAAY+wB,OAEhB,gBACHkJ,EAAEtS,iBACKsJ,YAAUF,EAAU,OAExB,mBACHkJ,EAAEtS,iBACK0S,WAAStJ,EAAU,OAEvB,oBACHkJ,EAAEtS,iBACK8R,UAAQ1I,EAAU,OAEtB,aACHkJ,EAAEtS,iBACK2S,YAAUvJ,OAEd,kBACHkJ,EAAEtS,iBACKwJ,YAAUJ,EAAU,OAExB,SACHkJ,EAAEtS,iBACFuS,GAAe,GACf7f,EAAQ5T,QAAQ7T,kBAGb,IACHqnC,EAAEtS,iBACFsG,KQ+OwBkH,CACpBpa,EACA8S,EACA0J,EACAtJ,EACAE,EACA9T,GAEE2f,GACFrC,EAAeqC,OAGC,WAAdjf,EAAM2M,MACR6P,GAAkB,GAClBld,EAAQ5T,QAAQ7T,SAGA,MAAdmoB,EAAM2M,KACRuG,KA6EAG,4BA5KJuJ,EAAe7G,KA6KXzC,4BAzKJsJ,EAAezG,KA0KX/C,sBA1DsBgF,EAAWpY,GACrC2d,EAAiBvF,EAAKpY,GACtBF,EAASpU,QAAQ7T,SAyDb07B,eAAAA,IAGF9xB,gBAAC06B,kBAAiCjtB,EAAQ2d,gBAzDlB7M,OAClBuM,EAAkBvM,EAAlBuM,cAIRngB,YAAW,WACYmgB,EAAcC,SAAS/f,SAAS2f,gBAE/BoP,GACpBgB,GAAkB,KAEnB,KA+CC/6B,gBAACyV,QACEikB,GACC15B,gBAAC2iB,QACEhV,EAAKpK,WAAWG,uBAIvB1D,gBAACy6B,oBACK/sB,GACJsD,KAAMhR,gBAAC+9B,kBACPl4B,cAAe8H,EAAKpK,WAAWE,sBAC/Boa,QAASA,EACTI,uBAlDN8c,GAAkB,SAAAH,UAAWA,MAmDvB1c,cAAe+d,EACfhzB,GAAIA,EACJgF,UAAWA,EACXlE,IAAKA,EACLuU,kBA3KmBC,OACjBzU,EAAUyU,EAAMC,OAAhB1U,MACF6sB,EAAM,IAAIvF,KAAKtnB,GACrBixB,GAAkB,GAElBv6B,EAAMw9B,eAC2B,mBAAxBx9B,EAAMw9B,eACbx9B,EAAMw9B,cAAczf,OAEhB0f,EAAarC,EAAsB9xB,EAAO6sB,GAEhDn2B,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAAS2f,EAAatH,EAAIwF,cAAgBryB,EAAOyU,IA+JnD6M,gBAtJiB7M,OACfzU,EAAUuU,EAASpU,QAAnBH,MACF6sB,EAAM,IAAIvF,KAAKtnB,GACfwxB,EAAmBrG,GAAkBz0B,EAAMg2B,SAC3C+E,EAAmBtG,GAAkBz0B,EAAM+1B,SAG/CqF,EAAsB9xB,EAAO6sB,IAC7B6E,EAAY7E,EAAK2E,EAAkBC,GAEnCW,EAAiBvF,EAAKpY,GAEtBod,GAAwCA,IAG1Cn7B,EAAM09B,aACyB,mBAAtB19B,EAAM09B,aACb19B,EAAM09B,YAAY3f,IAsIdwV,iBA7JkBxV,GACxB/d,EAAM29B,cAC0B,mBAAvB39B,EAAM29B,cACb39B,EAAM29B,aAAa5f,IA2JfI,UAAWsd,EACXr2B,YAAaA,GAA4B9E,EAAWs9B,cACpDrjC,KAAM+hB,kBAAU2B,KAChB3U,MAAOsyB,KAETp8B,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,WAAW,IAC3CjO,gBAAC26B,kBACa,oBACZC,OAAQlB,EACRh5B,MAAOA,GAEPV,gBAACo5B,IACCQ,YACEF,GAAkBvpB,QAAQkhB,IAAgBlhB,QAAQghB,GAEpDgJ,gCA/EoB5b,GAC9BV,EAAQ5T,QAAQ7T,QAChB2kC,GAAkB,IA8ERrB,eAAgBA,EAChB5H,eAAgBA,uCChb1BxZ,GAAahL,EAAO+wB,sDAKtBhS,IAISiS,GAAsBt+B,cAGjC,SAACQ,EAAOmd,OACAxQ,EAAiC3M,EAAjC2M,SAAU6D,EAAuBxQ,EAAvBwQ,KAAM6G,EAAiBrX,EAAjBqX,GAAOnK,IAAUlN,MAEnCwpB,EAAShqB,WACTU,EAAQV,aAAiBD,GACzByK,EAAUxK,aAAiBkpB,IAE3Bnf,EAAMsC,EAAasR,EAAcqM,UAEvChqB,aAAgB,WACdwK,EAAQ4e,yBAAyB5e,EAAQ6d,aAAc2B,KACtD,IAGDhqB,gBAACsY,oBACK5K,GACJ2K,KAAMR,EACNmT,aAAcxgB,EAAQwgB,aACtBjhB,IAAKA,EACL8D,KAAK,WACLqH,UAAW,EACXxU,MAAOA,IAENsQ,GAAQhR,gBAAC4T,IAAYlT,MAAOA,GAAQsQ,GACpC7D,MAKPmxB,GAAoBvZ,YAAc,6BCxDtBwZ,GASAC,GAQAC,GAMAC,GAOAC,GASAC,+FAuEZ,SAASC,GAASz+B,UACN2L,KAAKoF,MAAO/Q,EAAO,GAAM,KAAQ,SA/GjCm+B,GAAAA,2BAAAA,8CAEVA,0BACAA,sBACAA,gCACAA,8BACAA,sBAGUC,GAAAA,yBAAAA,gDAEVA,mBACAA,0BACAA,sBACAA,sBAGUC,GAAAA,uBAAAA,gDAEVA,eACAA,gBAGUC,GAAAA,wBAAAA,2CAEVA,kCACAA,aACAA,6BAGUC,GAAAA,sBAAAA,yCAEVA,0BACAA,sBACAA,gCACAA,8BACAA,+BAGUC,GAAAA,mBAAAA,sCAEVA,eACAA,8BAwEF,OCzDYE,GAMAC,GAKAC,GAMAC,GDwCNC,GAAa5xB,EAAOgG,0CACtB,SAAA9S,UACAA,EAAM2+B,WAAaV,qBAAavW,MAChCna,uBACmBvN,EAAM4+B,6BACR5+B,EAAMf,8BACHe,EAAMvG,qCAEXuG,EAAM6+B,yBACA7+B,EAAM8+B,mBACf,EAAoB,EAAhB9+B,EAAM++B,gCACC/+B,EAAM++B,QAAU/+B,EAAME,MAAMxG,uCAGpB,EAAhBsG,EAAM++B,qCAIrB,SAAA/+B,UACAA,EAAM2+B,WAAaV,qBAAae,WAChCzxB,oBAC4B,IAAbvN,EAAMhE,GAAc,IAAM,oBACZ,IAAbgE,EAAMhE,GAAc,IAAMqiC,GAASr+B,EAAMhE,mBAC7B,IAAbgE,EAAMhE,GAAc,OAASqiC,GAASr+B,EAAMhE,QAEvDgE,EAAMi/B,IACR1xB,2BACuBvN,EAAME,MAAMnE,YAAYE,wBACjB,IAAb+D,EAAMi/B,GAAc,IAAM,oBACZ,IAAbj/B,EAAMi/B,GAAc,IAAMZ,GAASr+B,EAAMi/B,mBAC7B,IAAbj/B,EAAMi/B,GAAc,OAASZ,GAASr+B,EAAMi/B,gCAI3Dj/B,EAAMk/B,IACR3xB,2BACuBvN,EAAME,MAAMnE,YAAYG,yBACjB,IAAb8D,EAAMk/B,GAAc,IAAM,oBACZ,IAAbl/B,EAAMk/B,GAAc,IAAMb,GAASr+B,EAAMk/B,mBAC7B,IAAbl/B,EAAMk/B,GAAc,OAASb,GAASr+B,EAAMk/B,gCAI3Dl/B,EAAMm/B,IACR5xB,2BACuBvN,EAAME,MAAMnE,YAAYI,wBACjB,IAAb6D,EAAMm/B,GAAc,IAAM,oBACZ,IAAbn/B,EAAMm/B,GAAc,IAAMd,GAASr+B,EAAMm/B,mBAC7B,IAAbn/B,EAAMm/B,GAAc,OAASd,GAASr+B,EAAMm/B,gCAI3Dn/B,EAAM5D,IACRmR,2BACuBvN,EAAME,MAAMnE,YAAYK,qBACjB,IAAb4D,EAAM5D,GAAc,IAAM,oBACZ,IAAb4D,EAAM5D,GAAc,IAAMiiC,GAASr+B,EAAM5D,mBAC7B,IAAb4D,EAAM5D,GAAc,OAASiiC,GAASr+B,EAAM5D,sDAMtDgjC,GAAO5/B,cAClB,SAACQ,EAAOuJ,OAEJoD,EASE3M,EATF2M,WASE3M,EARF4+B,aAAAA,aAAeb,yBAAiBsB,YAQ9Br/B,EAPFf,WAAAA,aAAa++B,uBAAeqB,YAO1Br/B,EANFvG,UAAAA,aAAYykC,sBAAc9Y,QAMxBplB,EALF8+B,QAAAA,aAAUX,oBAAYmB,cAKpBt/B,EAJF++B,QAAAA,aAAU,IACV9xB,EAGEjN,EAHFiN,SAGEjN,EAFF6+B,KAAAA,aAAOT,iBAASS,OACb3xB,IACDlN,MAEEE,EAAQV,aAAiBD,UAG7BC,gBAACk/B,oBACKxxB,GACJ0xB,aAAcA,EACd3/B,WAAYA,gBACCgO,EACbxT,UAAWA,EACXqlC,QAASA,EACTv1B,IAAKA,EACLw1B,QAASA,EACT7+B,MAAOA,EACP2+B,KAAMA,IAELlyB,qDExKI4yB,GAAY//B,cACvB,SAACQ,EAAOuJ,OACE7J,EAAmDM,EAAnDN,MAAOuN,EAA4CjN,EAA5CiN,OAAQ8N,EAAoC/a,EAApC+a,YAAapO,EAAuB3M,EAAvB2M,SAAaO,IAAUlN,MACrDE,EAAQV,aAAiBD,UAG7BC,gBAACqb,oBACK3N,GACJxN,MAAOA,GAAS2Z,8CACHpM,EACbQ,UAAW+B,GAAaxP,EAAMyN,WAC9BlE,IAAKA,EACLrJ,MAAOA,EACP6a,YAAaA,GAAexB,8BAAsBpc,aAEjDwP,2ICNH6yB,mEACU,SAAAx/B,UACZA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAOK,WACnBkK,EAAME,MAAMzK,OAAO2B,uBAChB,SAAA4I,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,eAGrB4oC,sHAKOC,GAAOlgC,cAClB,SAACQ,EAAOuJ,OAEJvB,EAUEhI,EAVFgI,QACA2E,EASE3M,EATF2M,SACAjJ,EAQE1D,EARF0D,OACAi8B,EAOE3/B,EAPF2/B,wBAOE3/B,EANFgc,aAAAA,aAAe,IACf4jB,EAKE5/B,EALF4/B,mBACAC,EAIE7/B,EAJF6/B,YACA9gB,EAGE/e,EAHF+e,aACA9R,EAEEjN,EAFFiN,OACGC,IACDlN,MAEEE,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAAC+P,GAAeoF,UACdrL,MAAO,CACLmE,UAAAA,IAGFjO,gBAACggC,kBACCj2B,IAAKA,gBACQ0D,EACbQ,UAAWA,EACXvN,MAAOA,GACHgN,GAEJ1N,gBAACkc,IACCvB,eAAgBwlB,EAChBhkB,MAAOK,EACPjB,YAAa6kB,GAEZl8B,GAEFm8B,GAAergC,gBAAC+/B,QAAWM,GAC3B9gB,GACCvf,gBAACuV,IAAMjV,QAASwQ,qBAAa3Z,QAASooB,GAExCvf,2BAAMmN,GACNnN,gBAACigC,QAAaz3B,sLFzBR83B,GAAa9/B,UACnBA,EAAM+/B,eACPzB,kBAAUriC,aACN+D,EAAME,MAAM7D,UAAUJ,WAC1BqiC,kBAAUniC,aACN6D,EAAME,MAAM7D,UAAUF,qBAEtB6D,EAAME,MAAM7D,UAAUH,iBAInB8jC,GAAiBhgC,UACvBA,EAAMigC,gBACP1B,sBAAc2B,2BAEd3B,sBAAc5jC,wDAOPwlC,GAAengC,UACzBA,EAAMwQ,KACD,OAEF,aAnDG8tB,GAAAA,oBAAAA,qCAEVA,mBACAA,kBAGUC,GAAAA,wBAAAA,2CAEVA,cAGUC,GAAAA,qBAAAA,wCAEVA,eACAA,oBAGUC,GAAAA,qBAAAA,sCAEVA,iBACAA,sBACAA,sBACAA,eAgCF,yBG1EY2B,GH0ENC,GAAa,SAAArgC,UAASuN,4CAGPvN,EAAMsgC,mBAChBtgC,EAAMyN,UACXzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,2BAENmpC,GAAiBhgC,qBACfA,EAAMugC,uFAKM,UAAnBvgC,EAAM+/B,SACZ,aACmB,UAAnB//B,EAAM+/B,SACN,aACA,sIAWMD,GAAa9/B,eACd8/B,GAAa9/B,8BAIpB+W,GAAajK,EAAO+N,GAAP/N,4BACfuzB,IAGSzJ,GAAOp3B,cAClB,SAACQ,EAAOuJ,OAEJoD,EAeE3M,EAfF2M,SACAjN,EAcEM,EAbF6/B,YACA5yB,EAYEjN,EAXFwgC,SACAhwB,EAUExQ,EAVFwQ,KACAyvB,EASEjgC,EATFigC,UACAF,EAQE//B,EARF+/B,SACW9oB,EAOTjX,EAPFyN,UACAgzB,EAMEzgC,EANFygC,UACAC,EAKE1gC,EALF0gC,WACAJ,EAIEtgC,EAJFsgC,SACAC,EAGEvgC,EAHFugC,aACAxlB,EAEE/a,EAFF+a,YACG9K,IACDjQ,MACEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,UAG7BzX,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,gBAACuX,kBACC8E,GAAI4kB,EAAY,KAAO,mBACVzgC,EAAMiN,OACnB4yB,YAAaA,EACbrvB,KAAMA,EACNyvB,UAAWA,EACXF,SAAUA,EACVtyB,UAAWA,EACXlT,KAAM+lC,GAAsB,UAC5BK,SAAUD,EACVn3B,IAAKA,EACLg3B,aAActnC,EAAMf,WAAWqoC,IAAiBA,EAChD1Z,MAAO2Z,EACPtgC,MAAOA,EACP6a,YACEA,GAA4BxB,8BAAsBpc,YAEhD8S,GAEHtD,OI7KLi0B,GAAiB,SAAA5gC,UAASuN,iBACnB4yB,GAAengC,sCAGXA,EAAMwQ,KAAO,UAAY,kBAC/BxQ,EAAM6/B,cAAgB7/B,EAAMyN,UACjCzN,EAAME,MAAMzK,OAAOsB,UACnB,8BACeiJ,EAAMwQ,MAAQxQ,EAAM6/B,YAAc,OAAS,sCAG1DgB,GAAa,SAAA7gC,UAASuN,oBACZvN,EAAM8gC,yBACX9gC,EAAM+gC,qFAMXC,GAAiBl0B,EAAOiL,8BAC1B6oB,IAGEK,GAAan0B,EAAOC,gCACtB8zB,IAGSK,GAAW1hC,cACtB,SAACQ,EAAOuJ,OAEJoD,EAQE3M,EARF2M,SACAkzB,EAOE7/B,EAPF6/B,YACArvB,EAMExQ,EANFwQ,KACAyvB,EAKEjgC,EALFigC,UACAa,EAIE9gC,EAJF8gC,eACAC,EAGE/gC,EAHF+gC,UACA9zB,EAEEjN,EAFFiN,OACWgK,EACTjX,EADFyN,UAEIvN,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,UAG7BzX,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,gBAACwhC,IACCnlB,GAAIgkB,EAAc,IAAM,KACxBA,YAAaA,EACbrvB,KAAMA,EACNyvB,UAAWA,EACXxyB,UAAWA,EACXvN,MAAOA,EACP+M,OAAQA,GAEPuD,GACChR,gBAACyhC,IACCH,eACE7nC,EAAMxD,OAAOqrC,IAAmB7nC,EAAMxD,OAAOC,QAE/CqrC,UAAW9nC,EAAMxD,OAAOsrC,IAAc9nC,EAAMxD,OAAO2B,UACnD8I,MAAOA,GAENsQ,GAGJ7D,2GDtCX,SAASw0B,GAA2BnhC,MAC9BA,EAAMyN,iBACAzN,EAAMN,WACP,gBACIM,EAAME,MAAMzK,OAAOmB,kBACvB,iBACIoJ,EAAME,MAAMzK,OAAOiB,8BAEnBsJ,EAAME,MAAMzK,OAAOE,sBAGxBqK,EAAMN,WACP,gBACIM,EAAME,MAAMzK,OAAOkB,WACvB,aACIqJ,EAAME,MAAMzK,OAAOS,QACvB,eACI8J,EAAME,MAAMzK,OAAOU,UACvB,iBACI6J,EAAME,MAAMzK,OAAOe,uBAEnBwJ,EAAME,MAAMzK,OAAOC,UA7BpB0qC,GAAAA,2BAAAA,8CAEVA,qBACAA,aACAA,iBACAA,qBA4BF,IEjCYgB,GFiCNjpB,GAAYrL,EAAOgG,iEAEZ,SAAA9S,UAAUA,EAAMqhC,mBAAqB,QAAU,UAGtDC,GAAQx0B,EAAOgG,2MACL,SAAA9S,UACZA,EAAMyN,UAAY,mBAAqBzN,EAAME,MAAMzK,OAAO2B,aAExD,SAAA4I,UACAA,EAAMyN,UACCzN,EAAME,MAAMzK,OAAO2B,eACtB4I,EAAME,MAAMzK,OAAOuB,aAIjB,SAAAgJ,UAASA,EAAMnE,UAKrB0lC,GAAMz0B,EAAOgG,0IACH,SAAA9S,UAASmhC,GAA2BnhC,MAIzC,SAAAA,UAASA,EAAMsR,cAEtB,SAAAtR,UACAA,EAAMwhC,YACNj0B,oDAGM4zB,GAA2BnhC,oCAE3BmhC,GAA2BnhC,WAC3BmhC,GAA2BnhC,wXAyB/ByhC,GAAa30B,EAAOC,8GACX,SAAA/M,UAASA,EAAME,MAAM1L,UAAUK,OAAOH,YACjC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUK,OAAOF,iBACzC,SAAAqL,UAASA,EAAME,MAAM1L,UAAUK,OAAOD,cACtC,SAAAoL,UAASA,EAAME,MAAMhI,WAAWG,aAG3CqpC,GAAgB50B,EAAOgG,8GACd,SAAA9S,UAASA,EAAME,MAAM1L,UAAUQ,OAAON,YACpC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUQ,OAAOJ,cACpC,SAAAoL,UAASA,EAAME,MAAMhI,WAAWG,aAItCspC,GAAcniC,cACzB,SAACQ,EAAOuJ,OAEJ7J,EASEM,EATFN,MACA7D,EAQEmE,EARFnE,OACImY,EAOFhU,EAPFyI,GACA+4B,EAMExhC,EANFwhC,WACAI,EAKE5hC,EALF4hC,eACAP,EAIErhC,EAJFqhC,mBACA/vB,EAGEtR,EAHFsR,WACArE,EAEEjN,EAFFiN,OACGC,IACDlN,MAGE6hC,EADKl5B,EAAcqL,aAGnB8tB,EAAkBxwB,GAA0B,EAE5CpR,EAAQV,aAAiBD,GAEzBwiC,EAAe11B,EACnBxQ,EACAqE,EAAMhI,WAAWG,WAGboV,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAAC2Y,oBACKjL,GACJzE,GAAIuL,EACJqtB,mBAAoBA,IAEnBA,GACC7hC,gBAACkiC,IAAcxhC,MAAOA,GAAQ4hC,OAEhCtiC,gBAAC8hC,kBACcr0B,EACbpR,OAAQkmC,EACRt0B,UAAWA,EACXlE,IAAKA,EACLrJ,MAAOA,GAEPV,gBAAC+hC,sBACkBM,kBACFC,kBACA,kBACA,IACfpiC,MAAOA,EACP8hC,WAAYA,EACZ/zB,UAAWA,EACX6D,WAAYwwB,EACZz0B,KAAK,cACLnN,MAAOA,KAGV0hC,EACCpiC,gBAACiiC,IAAWh5B,GAAIo5B,EAAS3hC,MAAOA,GAC7B4hC,OAGHtiC,gBAAC2iB,IAAe1Z,GAAIo5B,GAAUC,yCE1KxC,SAAYV,GACVA,4BACAA,oBAFF,CAAYA,KAAAA,QASZ,+BAAMY,4GAIAC,uEACS,SAAAjiC,UAASA,EAAME,MAAM1L,UAAUK,OAAOH,+BACjC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUK,OAAOF,iCACzC,SAAAqL,UAASA,EAAME,MAAM1L,UAAUK,OAAOD,6BACvC,SAAAoL,UAASA,EAAME,MAAMhI,WAAWK,oEAM1C6lB,4DACO,SAAApe,UAAUA,EAAMkiC,KAAO,IAAM,gEAM7BC,GAAmB3iC,cAG9B,SAACQ,EAAOuJ,SACgC/J,WAA0B,GAA3D4iC,OAAcC,OAEfniC,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAE9B/I,aAAgB,eACA8iC,EAAyBtiC,EAA/BzF,KACFgoC,EAAuBp4B,YAC3B,WACEk4B,EAAgB,KAElBC,IAAyBlB,GAAqBoB,YAAc,IAAQ,KAGhEC,EAAuBt4B,YAC3B,WACEk4B,EAAgB,KAElBC,IAAyBlB,GAAqBoB,YAAc,IAAQ,aAG/D,WACLt4B,aAAaq4B,GACbr4B,aAAau4B,MAEd,QAEK/iC,EAAkCM,EAAlCN,MAAOuN,EAA2BjN,EAA3BiN,OAAQ1S,EAAmByF,EAAnBzF,KAAS2S,IAAUlN,MACpC0iC,EAAiC1iC,EAAjC0iC,SAAUC,EAAuB3iC,EAAvB2iC,SAAUC,EAAa5iC,EAAb4iC,gBAE1BF,EAAWA,IAEPnoC,IAAS6mC,GAAqBoB,YAC9Br1B,EAAKxH,iBAAiBC,YAAYC,SAASC,MAC3CqH,EAAKxH,iBAAiBM,QAAQJ,SAASC,OAE3C68B,EAAWA,IAEPpoC,IAAS6mC,GAAqBoB,YAC9Br1B,EAAKxH,iBAAiBC,YAAYC,SAASE,OAC3CoH,EAAKxH,iBAAiBM,QAAQJ,SAASE,QAE3C68B,EAAWA,IAEProC,IAAS6mC,GAAqBoB,YAC9Br1B,EAAKxH,iBAAiBC,YAAYC,SAASG,MAC3CmH,EAAKxH,iBAAiBM,QAAQJ,SAASG,OAGzCxG,gBAACwiC,gBAAiC,qBAAoB/0B,EAAQ1D,IAAKA,GAChEhP,IAAS6mC,GAAqBoB,YAC7BhjC,gBAACmiC,oBACKz0B,GACJxN,MAAOA,EACP7D,OAAQqE,EAAMhI,WAAWG,UACzBmpC,cACAH,yBAGF7hC,gBAACwN,mBAAYE,GAAOtN,KAAMM,EAAMhI,WAAWU,aAG7C4G,gBAACyiC,IAAiB/hC,MAAOA,GACvBV,gBAAC4e,kBAAsC,IAAjBgkB,EAAoBF,KAAuB,IAAjBE,GAC7CM,GAEHljC,gBAAC4e,kBAAsC,IAAjBgkB,EAAoBF,KAAuB,IAAjBE,GAC7CO,GAEHnjC,gBAAC4e,kBAAsC,IAAjBgkB,EAAoBF,KAAuB,IAAjBE,GAC7CQ,QClIEC,GAAa/1B,EAAOC,mEAKpByM,GAAa1M,EAAOiN,GAAPjN,gKAGb,SAAA9M,UAAUA,EAAM2oB,OAAS,QAAU,UAUnC5R,GAAajK,EAAO,KAAPA,yJACb,SAAA9M,UAAUA,EAAM2oB,OAAS,QAAU,UAKhC,SAAA3oB,UAASA,EAAMhC,aAIlB8Z,GAAahL,EAAO,KAAPA,2LAEV,SAAA9M,UACZA,EAAM22B,UAAY32B,EAAME,MAAMzK,OAAOyB,UAAY,iBAEnC,SAAA8I,UACdA,EAAM22B,UAAY32B,EAAME,MAAMzK,OAAOG,MAAQ,iBAOpCktC,GAAuBh2B,EAAOC,uGAO9Bg2B,GAAqBj2B,EAAOkC,qUAEzB,SAAAhP,UAASA,EAAME,MAAMzK,OAAOyB,aAS/B,SAAA8I,UAASA,EAAME,MAAMhI,WAAWE,aACvC,SAAA4H,UAASA,EAAME,MAAMhI,WAAWE,aAChC,SAAA4H,UAASA,EAAME,MAAMhI,WAAWE,aAChC,SAAA4H,UAASA,EAAME,MAAMhI,WAAWG,aAKzB+a,GAActG,EAAOC,4EC3DrBi2B,GAAwB,SAAAhjC,UAC5BR,gBAAC+Q,kBAAWtD,OAAO,kBAAqBjN,KAGpCijC,GAA2B,SAAAjjC,UAEpCR,gBAAC6rB,mCACCzrB,KAAM,GACNiL,MAAO,CAAEq4B,WAAY,GACrBj2B,OAAO,aACHjN,KAKGmjC,GAA0B,SAAAnjC,UAC9BR,gBAACwN,iBAAQC,OAAO,oBAAuBjN,cAGhCojC,UACdtb,IAAAA,QACAub,IAAAA,WACGrjC,iBAGDR,gBAACsY,oBAAe9X,GAAOuJ,IAAKue,IACzBub,YAKSC,GAAqBtjC,aAEjCujC,eAAgBP,GAChBQ,kBAAmBP,GACnBd,iBAAkBgB,GAClBrM,KAAMsM,IACHpjC,GClDP,IAAM8O,GAAehC,EAAOgG,yKACxB6J,GACAF,IAKY,SAAAzc,UAASA,EAAME,MAAMhI,WAAWS,aACjC,SAAAqH,UAASA,EAAME,MAAMhI,WAAWG,aACzC,SAAA2H,UAASA,EAAME,MAAMhI,WAAWE,aAIhCqrC,GAAoB32B,EAAOgG,gHAmBjB4wB,GAAuB1jC,OAEnC2jC,EAQE3jC,EARF2jC,gBACAh3B,EAOE3M,EAPF2M,SACAkiB,EAME7uB,EANF6uB,iBACAnS,EAKE1c,EALF0c,SACAlP,EAIExN,EAJFwN,SACAC,EAGEzN,EAHFyN,UACOm2B,EAEL5jC,EAFF6K,MACAg5B,EACE7jC,EADF6jC,kBAEI3jC,EAAQV,EAAMinB,WAAWlnB,GAEvBikC,EAAsBF,QACzBzU,IADG2U,kBAIF34B,OAAa+4B,GAAeE,OAAQ,mBAGxCtkC,gBAACsP,oBACK+0B,sBACcF,gBACN,sBACZjnB,SAAUA,EACVlP,SAAUA,EACVC,UAAWA,EACXJ,KAAK,SACLxC,MAAOA,EACP3K,MAAOA,EACPwU,SAAUlH,OAAW2T,EAAY,IAEjC3hB,gBAACikC,QAAmB92B,GACpBnN,gBAACgkC,gBC5EKO,gJCuBNC,GAAqBl3B,EAAOhO,0DAC9B6d,IAISsnB,GAAezkC,cAC1B,SAACQ,EAAOuJ,OAEJoD,EAYE3M,EAZF2M,SACAyQ,EAWEpd,EAXFod,eACA5P,EAUExN,EAVFwN,SACAuR,EASE/e,EATF+e,aACI/K,EAQFhU,EARFyI,GACAuW,EAOEhf,EAPFgf,cACW/H,EAMTjX,EANFyN,UACAyR,EAKElf,EALFkf,WACAC,EAIEnf,EAJFmf,UACA6a,EAGEh6B,EAHFg6B,aACA/sB,EAEEjN,EAFFiN,OACGC,IACDlN,MACEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,GACzBxO,EAAKE,EAAcqL,UAGvBxU,gBAACq6B,IACCzc,eAAgBA,EAChB2B,aAAcA,EACd+a,QAASrxB,EACTyW,WAAYA,EACZC,UAAWA,EACX1R,UAAWA,EACXuR,cAAeA,EACfgb,aAAcA,EACdzwB,IAAKA,GAEL/J,gBAACkkC,IACCl2B,SAAUA,EACVkP,WAAYqC,EACZtR,UAAWA,EACXo2B,kBAAmB,IAEnBrkC,gBAACwkC,oBACK92B,iBACSD,EACbO,SAAUA,EACV/E,GAAIA,EACJgF,UAAWA,EACXvN,MAAOA,IAENyM,QCrDAu3B,GAAuB1kC,EAAM2kC,cACxC,CACEC,eAAgB,EAChBC,oBAAoB,EACpBC,kBAAmB,kBAAM,KAIvBC,2EAIU,SAAAvkC,UACZA,EAAMyN,UAAYzN,EAAME,MAAMzK,OAAOM,aAAe,oBAC7C,SAAAiK,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,6DAMd2tC,GAAgBhlC,EAAMilC,YAGjC,SAACzkC,EAAOuJ,OACAyf,EAAkChpB,EAAlCgpB,YAAarc,EAAqB3M,EAArB2M,SAAUM,EAAWjN,EAAXiN,OAE/BzN,EAAMuJ,WAAU,WACVigB,GAAe,GACjBsb,EAAkBtb,KAEnB,CAACA,UAEwCxpB,EAAMqJ,SAASmgB,GAAe,GAAnEob,OAAgBE,OAEjB72B,EAAY+B,GAAaxP,EAAMyN,WAErCjO,EAAMuJ,WAAU,WACd27B,EAAsBj3B,KACrB,CAACzN,EAAMyN,kBAE0CjO,EAAMqJ,SACxD8G,QAAQ3P,EAAMyN,YADT42B,OAAoBK,OAIrBxkC,EAAQV,EAAMinB,WAAWlnB,UAG7BC,gBAAC0kC,GAAqBvvB,UACpBrL,MAAO,CACL86B,eAAAA,EACAE,kBAAAA,EACAD,mBAAAA,IAGF7kC,gBAAC+kC,kBACCh7B,IAAKA,gBACQ0D,EACb/M,MAAOA,GACHF,GAEH2M,QFpFT,SAAYo3B,GACVA,0BACAA,sBAFF,CAAYA,KAAAA,6HGyBNY,+HAIK,SAAA3kC,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,sCAEd,SAAAmJ,UAAUA,EAAM4kC,cAAgB,OAAS,oIAWlD,SAAA5kC,SACsB,aAAtBA,EAAM6kC,sBASJC,KAA0BH,iEAChB,SAAA3kC,kDAERA,EAAMvC,+BACNsnC,iBAAe,GAAK/kC,EAAMvC,8CAI9B,SAAAuC,SACsB,aAAtBA,EAAM6kC,aACNt3B,mDAEQvN,EAAMvC,mCACNsnC,iBAAe,GAAK/kC,EAAMvC,mFAOhCunC,KAA0BL,iEAIhB,SAAA3kC,sDAEN+kC,iBAAe,GAAK/kC,EAAMvC,kCAC1BuC,EAAMvC,gDAIZ,SAAAuC,SACsB,aAAtBA,EAAM6kC,aACNt3B,qCAEMw3B,iBAAe,GAAK/kC,EAAMvC,wBAC1BuC,EAAMvC,mEAMHwnC,GAAazlC,EAAMilC,YAG9B,SAACzkC,EAAOuJ,OACFrJ,EAAQV,EAAMinB,WAAWlnB,GACzB4N,EAAO3N,EAAMinB,WAAWle,UAG5B/I,gBAACslC,iBACa33B,EAAKzO,KAAK8H,oBACtB/I,gBAAiBuC,EAAMvC,gBACvBmnC,cAAe5kC,EAAM4kC,4BACT,aACZn3B,UAAWzN,EAAMyN,UACjBqH,QAAS9U,EAAM8U,QACf+vB,YAAa7kC,EAAM6kC,YACnBt7B,IAAKA,EACLrJ,MAAOF,EAAME,OAGXV,gBADDQ,EAAM6kC,cAAgBd,GAAgBllC,SACpCqmC,iBAEAC,oBAFevlC,KAAMM,EAAM7D,UAAUJ,YAQjCmpC,GAAa5lC,EAAMilC,YAG9B,SAACzkC,EAAOuJ,OACFrJ,EAAQV,EAAMinB,WAAWlnB,GACzB4N,EAAO3N,EAAMinB,WAAWle,UAG5B/I,gBAACwlC,iBACa73B,EAAKzO,KAAK6H,gBACtB9I,gBAAiBuC,EAAMvC,gBACvBmnC,cAAe5kC,EAAM4kC,4BACT,aACZn3B,UAAWzN,EAAMyN,UACjBqH,QAAS9U,EAAM8U,QACf+vB,YAAa7kC,EAAM6kC,YACnBt7B,IAAKA,EACLrJ,MAAOF,EAAME,OAGXV,gBADDQ,EAAM6kC,cAAgBd,GAAgBllC,SACpCwmC,iBAEAC,uBAFe1lC,KAAMM,EAAM7D,UAAUJ,qBCxI9BspC,GAAYrlC,EAAO2kC,EAAapnC,EAAiBgQ,OACzD+3B,EAA4B,QAApBtlC,EAAMzG,UACdoF,EAAWgmC,IAAgBd,GAAgBllC,SAC3C4mC,EAAc5mC,EAAW,YAAc,aACvC6mC,EAAa7mC,EAAW,eAAiB,cAEzCF,EAAgBE,EAClBqB,EAAMxB,KAAKC,cAAcE,SACzBqB,EAAMxB,KAAKC,cAAcC,WAEvB6a,EAAahc,IAEfgQ,EACAvN,EAAMzK,OAAOK,WACboK,EAAMzK,OAAO2B,aAEyBoI,EAAMqJ,SAAS,CACvDge,OAAO,EACPC,KAAK,IAFA6e,OAAeC,OAKhBC,EAAiBrmC,EAAMgK,SACvBs8B,EAAgBtmC,EAAMgK,SACtBu8B,EAAgBvmC,EAAMgK,kBAEnBw8B,EAAOC,InF6FlB,SAAwBC,EAAUj7B,EAASoM,EAAIkb,YAAAA,IAAAA,EAAe,UACZA,EAAxCr4B,KAAAA,aAAOmR,MAAiCknB,EAAnBt4B,SAAAA,aAAW,MAEpC4sB,EAAQ,KACNE,EAAO7b,OAAOD,EAAQi7B,IA2BxBnf,IAAS1P,GAIb8uB,uBAxBa,SAAPC,EAAOC,GAKG,OAAVxf,IACFA,EAAQwf,OAEJ/6B,EAAOC,KAAKzJ,IAAI,GAAIukC,EAAYxf,GAAS5sB,GAE/CgR,EAAQi7B,GAAYhsC,EAAKoR,IAAS+L,EAAK0P,GAAQA,EAE3Czb,GAAQ,EACV66B,uBAAsB,eAIxBA,sBAAsBC,MmFxHtBE,CAAQb,EAAaI,EAAep8B,QAASw8B,YAGtCM,EAAeC,OAClBP,EAAcJ,EAAep8B,QAAQg8B,GAErC5mC,EACFonC,GAAeO,GAEfP,GAAeO,GAAShB,GAAS,EAAI,GAErCS,GAAeT,GAAgC,YAAvBl7B,KAAoC,EAAI,GAGlE07B,EAAOC,YAWAQ,QAQHC,EACAC,IAFAd,EAAep8B,QALjBm9B,IAAAA,UAGAz7B,IAAAA,YACAC,IAAAA,eAKEvM,EACF6nC,EAAkBE,EAAY,EAC9BD,EAAgBC,IAVhBC,eACAC,aAS0D,MACrD,KACC/7B,EAAaC,EACjB66B,EAAep8B,QACfvJ,EAAMzG,WAGRitC,EAAkBlB,EACdz6B,EAAaI,EAAcC,EAAc,EACzCL,EAAa,EACjB47B,EAAiBnB,EAEbz6B,EAAa,EADbA,EAAaI,EAAcC,EAAc,EAK7Cs7B,IAAoBf,EAAc9e,OAClC8f,IAAkBhB,EAAc7e,KAEhC8e,EAAiB,CAAE/e,MAAO6f,EAAiB5f,IAAK6f,IAIpDnnC,EAAMuJ,WAAU,eACRg+B,EAAer9B,EAAS+8B,EAAyB,YAEvDzT,OAAOC,iBAAiB,SAAU8T,GAC3B,WACLA,EAAa18B,QACb2oB,OAAOE,oBAAoB,SAAU6T,MAEtC,CAACN,QAEEO,EAAmBxnC,EAAMynC,YAC7Bv9B,EAAS+8B,EAAyB,KAClC,CAACA,WAGHjnC,EAAMuJ,WAAU,kBACP,WACLi+B,EAAiB38B,WAElB,CAAC28B,IAEJxnC,EAAMuJ,UAAU09B,GAET,CACL,CAAE5nC,SAAAA,EAAU4a,WAAAA,EAAYksB,cAAAA,EAAeF,YAAAA,GACvC,CAAEyB,kCApEFX,GAAgBV,EAAep8B,QAAQi8B,GAAc/mC,IAoE3BwoC,gCAhE1BZ,EAAeV,EAAep8B,QAAQi8B,GAAc/mC,IAgEJqoC,iBAAAA,EAAkBhB,OAAAA,GAClE,CAAEF,cAAAA,EAAeC,cAAAA,EAAeF,eAAAA,QC9GxBuB,GAMAC,GAOAC,kIAbAF,GAAAA,wBAAAA,2CAEVA,eACAA,kBAGUC,GAAAA,6BAAAA,gDAEVA,eACAA,iBACAA,cAGUC,GAAAA,2BAAAA,8CAEVA,eACAA,iBACAA,aAGF,SAAYvD,GACVA,0BACAA,sBAFF,CAAYA,0BAAAA,6BAiEL,IAAMwD,GAAc/nC,EAAM2kC,cAAoC,CACnEqD,eAAgBH,2BAAmBtsC,OACnC0sC,cAAe,aACfh3B,aAAc62B,yBAAiBzsC,KAC/B4S,WAAW,EACXK,aAAa,EACb+2B,YAAad,wBAAgBnlC,WAC7B8oC,kBAAmB,SAAC7e,EAAU5d,OAGnByU,KAAyB,OACpCjM,kBAAmBE,mEAQC,SAAA3T,UAClBA,EAAMvC,gBACFuC,EAAMvC,gBACNuC,EAAMyN,UACNzN,EAAME,MAAMzK,OAAOK,WACnB,oEAGI,SAAAkK,SAAgC,aAAtBA,EAAM6kC,YAA6B,OAAS,sCAGvD,SAAA7kC,SAAgC,aAAtBA,EAAM6kC,YAA6B,OAAS,cAGpD8C,KAA2B,OACtCl0B,kBAAmBE,wFAML,SAAA3T,SAAgC,aAAtBA,EAAM6kC,YAA6B,GAAK,yBAClD,SAAA7kC,SAAgC,aAAtBA,EAAM6kC,YAA6B,OAAS,sEASzD+C,KAAoB,MAAQn0B,kBAAmBE,4FAMxC,SAAA3T,SACM,aAAtBA,EAAM6kC,YAA6B,SAAW,6BAC7B,SAAA7kC,SACG,WAApBA,EAAMipB,UACF,SACoB,UAApBjpB,EAAMipB,UACN,WACA,mCAGG,SAAAjpB,SAAgC,aAAtBA,EAAM6kC,YAA6B,OAAS,cAGpDgD,GAAOroC,EAAMilC,YACxB,SAACzkC,EAAOuJ,OAEJ0f,EAUEjpB,EAVFipB,UACAxrB,EASEuC,EATFvC,gBACA+pC,EAQExnC,EARFwnC,eACA76B,EAOE3M,EAPF2M,SACAmB,EAME9N,EANF8N,YACA+2B,EAKE7kC,EALF6kC,YACA/mB,EAIE9d,EAJF8d,SACArN,EAGEzQ,EAHFyQ,aACAxD,EAEEjN,EAFFiN,OACGgD,IACDjQ,MAEEE,EAAQV,EAAMinB,WAAWlnB,KAG7BC,EAAMinB,WAAWyd,IADXE,IAAAA,eAAgBE,IAAAA,kBAAmBD,IAAAA,mBAGrC52B,OACuB,IAApBzN,EAAMyN,UACTkC,QAAQ3P,EAAMyN,WACd42B,IAE0CkB,GAC9CrlC,EACA2kC,EACApnC,EACAgQ,GAJKq6B,OAAUC,OAAmBC,OAO5BnpC,EAAqDipC,EAArDjpC,SAAU4a,EAA2CquB,EAA3CruB,WAAYksB,EAA+BmC,EAA/BnC,cAAeF,EAAgBqC,EAAhBrC,YAE3CyB,EAIEa,EAJFb,uBACAC,EAGEY,EAHFZ,qBACAH,EAEEe,EAFFf,iBACAhB,EACE+B,EADF/B,OAEMF,EAAiDkC,EAAjDlC,cAAeC,EAAkCiC,EAAlCjC,cAAeF,EAAmBmC,EAAnBnC,eAEhChf,EAAQhoB,EAAW,MAAQ,OAC3BioB,EAAMjoB,EAAW,SAAW,UAEU0pB,KAArC0f,OAAgBP,OAEjBQ,EAAqB1oC,EAAMgK,kBAkCxB2+B,yBA9BHL,EAmBAM,EApBEC,EAAWxC,EAAep8B,WAE5B4+B,EAAU,KACNC,EAAOD,EAASE,wBACtBT,EAAW,CACT18B,YAAai9B,EAASj9B,YACtBL,WAAYs9B,EAASt9B,WACrB67B,UAAWyB,EAASzB,UACpB4B,qBAAsBx9B,EACpBq9B,EACAnoC,EAAMzG,WAER0R,YAAak9B,EAASl9B,YACtBxQ,IAAK2tC,EAAK3tC,IACVI,OAAQutC,EAAKvtC,OACbF,KAAMytC,EAAKztC,KACXD,MAAO0tC,EAAK1tC,UAKZytC,EAAU,KACNI,EAAgBP,EAAmBz+B,QAAQkD,YAC7C87B,EAAc7mB,OAAS,EAAG,KACtB8mB,EAAMD,EAAcrE,GAC1BgE,EAAUM,EAAOA,EAAYH,wBAA0B,YAGpD,CAAET,SAAAA,EAAUM,QAAAA,GAIWO,GAAtBb,IAAAA,SAAUM,IAAAA,WAEbA,GAAYN,OAIXc,EACF19B,OADqBrM,EACdinC,EAAcr8B,QAAQo/B,aACtB/C,EAAcr8B,QAAQq/B,aAC3BC,EACF79B,OADqBrM,EACdknC,EAAct8B,QAAQo/B,aACtB9C,EAAct8B,QAAQq/B,gBAE7BV,EAAQvhB,GAAS3b,OAAO48B,EAASjhB,IAAU+hB,EAAkB,KAEzDI,EACJ99B,OAAO48B,EAASrC,KACfv6B,OAAOk9B,EAAQvhB,IAAU3b,OAAO48B,EAASjhB,KAC1C+hB,EACF5C,EAAOgD,QACF,GAAIZ,EAAQthB,GAAO5b,OAAO48B,EAAShhB,IAAQiiB,EAAkB,KAE5DC,EACJ99B,OAAO48B,EAASrC,KACfv6B,OAAOk9B,EAAQthB,IAAQ5b,OAAO48B,EAAShhB,KACxCiiB,EACF/C,EAAOgD,cA2BFC,EAAav0B,UAGlB,OADAuzB,EAAex+B,QAAQiL,GAAUjL,QAAQ0zB,aAAa,qBAKjD+L,EAA4BC,OAC7BC,EAAkBD,GAEpB/E,EACEiF,EAAoBD,EAAkB,EAAIA,EAAkB,EAAI,SAElEH,EAAaI,GACRA,EACEA,EAAoB,GAAK,EAC3BH,EAA4BG,GAE5BjF,WAIFkF,EACPC,EACAJ,OAEMC,EACuB,IAA3BD,GAAgCA,EAC5BA,EACA/E,EACAiF,EACJD,EAAkBG,EAAiBH,EAAkB,EAAIG,SAEvDN,EAAaI,GACRA,EACEA,EAAoB,GAAKE,EAC3BD,EAAwBC,EAAgBF,GAExCjF,EA7DX5kC,EAAMuJ,UAAUo/B,EAAwB,IAExC3oC,EAAMuJ,UAAUo/B,EAAwB,CAAC/D,QA+GnCj3B,EAAO3N,EAAMinB,WAAWle,GACxB3E,GAAeqM,EAAK,eAAiB,UACzC40B,IAAgBd,wBAAgBllC,SAC5BsO,EAAKzO,KAAK4I,yBACV6F,EAAKzO,KAAK2I,mCAId7H,gBAACkgB,gCACczS,EACbxP,gBAAiBgc,EACjBhM,UAAWA,EACXo3B,YAAaA,GAAed,wBAAgBnlC,WAC5C2K,IAAKA,EACLrJ,MAAOA,GACH+P,GAEJzQ,gBAACylC,IACCxnC,gBAAiBgc,EACjBmrB,cAAee,EAAc9e,MAC7BpZ,UAAWA,EACXqH,QAASoyB,EACTrC,YAAaA,GAAed,wBAAgBnlC,WAC5C2K,IAAKu8B,EACL5lC,MAAOA,IAETV,gBAACmoC,kBACa,cACZ6B,SAAUxC,EACVnC,YAAaA,EACbt7B,IAAKs8B,GAELrmC,gBAACooC,IACC3e,UAAWA,GAAwBme,sBAAcvsC,kBACrC+I,qBACMihC,GAAed,wBAAgBnlC,WACjDuf,mBApFeJ,MAIR,QAHEA,EAAMC,OAEDmf,aAAa,aAK3BoM,EAAiBtB,EAAex+B,QAAQmY,OAAS,EACnDynB,EAAoB,KACpBI,EACF5E,IAAgBd,wBAAgBllC,SAAW,YAAc,UACvD6qC,EACF7E,IAAgBd,wBAAgBllC,SAAW,aAAe,mBAEpDkf,EAAM2M,UACP+e,EACHJ,EAAoBH,eAEjBQ,EACHL,EAAoBC,EAAwBC,aAEzC,OACHF,EAAoBJ,EAAa,GAC7B,EACAK,EAAwBC,EAAgB,aAEzC,MACHF,EAAoBJ,EAAaM,GAC7BA,EACAL,EAA4BK,GAMV,OAAtBF,IACFvrB,GACsB,mBAAbA,GACPA,EAASurB,GACX/E,EAAkB+E,GAEhBpB,EAAex+B,QAAQ4/B,GAAmB5/B,QAC1C7T,QACFmoB,EAAM4M,oBAyCFka,YAAaA,EACbt7B,IAAK2+B,EACL76B,KAAK,WAEL7N,gBAAC+nC,GAAY5yB,UACXrL,MAAO,CACLk+B,eAAAA,EACAS,eAAAA,EACAR,uBAzJVkC,EACA5rB,GAGGA,EAAMC,OAA4BrR,SAAS,IAC3CoR,EAAMC,OAA4BrR,SAAS,GAAGi9B,aAAa,YAE5D7rB,EAAM4M,kBAIR7M,GAAgC,mBAAbA,GAA2BA,EAAS6rB,GAEvDA,IAAmBvF,EACf+D,IACA7D,EAAkBqF,KA2IZl5B,aAAAA,EACAhD,UAAAA,EACAK,YAAAA,EACA+2B,YAAAA,EACA6C,kBAAAA,IAGD/6B,KAIPnN,gBAAC4lC,IACC3nC,gBAAiBgc,EACjBmrB,cAAee,EAAc7e,IAC7BrZ,UAAWA,EACXqH,QAASqyB,EACTtC,YAAaA,GAAed,wBAAgBnlC,WAC5C2K,IAAKw8B,EACL7lC,MAAOA,iBCpcD2pC,SACLC,EAAWtqC,EAAMqJ,SAAS,aACpBrJ,EAAMynC,aAAY,WAC/B6C,GAAQ,SAAAC,UAAQA,EAAO,OACtB,sDCyBQC,KAAyB,MACpCv2B,kBAAmBE,2EAUJ,SAAA3T,UAAUA,EAAM8N,YAAc,IAAM,kBACzC,SAAA9N,SAAgC,aAAtBA,EAAM6kC,YAA6B,OAAS,iDAGnD,SAAA7kC,UAAUA,EAAM8N,YAAc,OAAS,oEAI3C,SAAA9N,UACPA,EAAM8N,aAAqC,aAAtB9N,EAAM6kC,YAA6B,OAAS,iCAGnD,SAAA7kC,UACZA,EAAMyN,UAAYzN,EAAME,MAAMzK,OAAOU,MAAQ6J,EAAME,MAAMzK,OAAOC,6EAKvD,SAAAsK,UAAUA,EAAMmR,SAAW,IAAM,mEAKlC,SAAAnR,SAAmC,QAAzBA,EAAMwnC,eAA2B,OAAS,gBACtD,SAAAxnC,UAAUA,EAAMmR,SAAW,IAAM,mBAChC,SAAAnR,UAAUA,EAAMmR,SAAW,IAAM,iBACnC,SAAAnR,SAAmC,QAAzBA,EAAMwnC,eAA2B,IAAM,cAEtD,SAAAxnC,SACsB,aAAtBA,EAAM6kC,aACNt3B,4BAGYvN,EAAMmR,SAAW,IAAM,eACA,UAAzBnR,EAAMwnC,eAA6B,OAAS,cAClB,UAAzBxnC,EAAMwnC,eAA6B,IAAM,eAC3CxnC,EAAMmR,SAAW,IAAM,mDAsBzB84B,GAAY,SAAAjqC,UAASuN,kEAIvBvN,EAAMmR,WAAanR,EAAMyN,UAC9BzN,EAAME,MAAMzK,OAAOC,QACnBsK,EAAMyN,UACNzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOsB,qBACbiJ,EAAMwN,SAAW,OAAS,0CAxBtC,SAA0B9S,UAChBA,QACD4sC,yBAAiBzsC,WACb,WACJysC,yBAAiB1sC,YACb,mBACJ0sC,yBAAiB3sC,UACb,cACJ2sC,yBAAiBvsC,aACb,+BAEA,UAeOmvC,CAAiBlqC,EAAMyQ,0CAE1BzQ,EAAM8N,YAAc,IAAM,kCAE5B9N,EAAME,MAAM1L,UAAUK,OAAOH,4BACxBsL,EAAME,MAAM1L,UAAUK,OAAOF,8BAChCqL,EAAME,MAAM1L,UAAUK,OAAOD,2CAEF,SAAvBoL,EAAMyQ,aAA0B,aAAe,qBACvDzQ,EAAMwN,SACb,GACAxN,EAAMyN,YAAczN,EAAMmR,SAC1B,GACA,cACOnR,EAAME,MAAMhI,WAAWI,cAC9B0H,EAAME,MAAMhI,WAAWK,+CAETyH,EAAMwN,SAAW,OAAS,6EAInCxN,EAAM8N,YAAc,OAAS,WAEd,aAAtB9N,EAAM6kC,aACRt3B,gDAE4C,SAAvBvN,EAAMyQ,aACrB,aACA,oHASgBzQ,EAAMmR,SACtB,GACAnR,EAAMyN,UACNzN,EAAME,MAAMzK,OAAOgC,QACnBuI,EAAME,MAAMzK,OAAO+B,gBACdwI,EAAMmR,SACXnR,EAAMyN,UACJzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOC,QACrBsK,EAAMyN,UACNzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOqB,mDAKZkJ,EAAMyN,UACXzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,yCAKvBu0C,KAAmB,UAAY12B,kBAAmBE,yCASpDs2B,OAsBShJ,6EAMD,SAAAjhC,UAzBZ,SAAuBA,MACjBA,EAAMoqC,4BAIFpqC,EAAMyQ,mBACP62B,yBAAiBzsC,gBACRmF,EAAME,MAAMhI,WAAWG,sBAChCivC,yBAAiB1sC,qBACJoF,EAAME,MAAMhI,WAAWG,eACpCivC,yBAAiB3sC,iBACNqF,EAAME,MAAMhI,WAAWE,eAClCkvC,yBAAiBvsC,cACViF,EAAME,MAAMhI,WAAWE,sCAEnB4H,EAAME,MAAMhI,WAAWE,WAUtBiyC,CAAcrqC,qBAGrB,SAAAA,UAASA,EAAME,MAAM7D,UAAUJ,qBAChC,SAAA+D,UAASA,EAAME,MAAM7D,UAAUJ,gBAI/BquC,GAAM9qC,EAAMilC,YACvB,SAACzkC,EAAOmd,OACExQ,EAA8C3M,EAA9C2M,SAAU6D,EAAoCxQ,EAApCwQ,KAAMhD,EAA8BxN,EAA9BwN,SAAUP,EAAoBjN,EAApBiN,OAAWgD,IAASjQ,MAC9CokC,EAAmB5kC,EAAMinB,WAAWyd,IAApCE,iBACsC5kC,EAAMinB,WAAW8gB,IAAvDU,IAAAA,eAAgBP,IAAAA,kBAClBle,EAAShqB,EAAMgK,SACf+gC,EAAcV,KAEd9hB,EAAQkgB,EAAex+B,QAAQue,WAAU,gBAAYN,IAATje,iBAC3Cie,IAAS8B,EAAO/f,UAEdie,IAAS8B,EAAO/f,WAGnB0H,EAAW4W,IAAUqc,EAErB76B,EAAMsC,EAAasR,EAAcqM,KASnChqB,EAAMinB,WAAW8gB,IANnBE,IAAAA,cACA5C,IAAAA,YACA2C,IAAAA,eACA/2B,IAAAA,aACAhD,IAAAA,UACAK,IAAAA,YASFtO,EAAMuJ,WAAU,WACd2+B,EAAkBO,EAAgBze,GAElC+gB,MACC,QAEGrqC,EAAQV,EAAMinB,WAAWlnB,GACzB6qC,GAAcz9B,EAEd69B,EAAkB/5B,IAEJ,aAAhBo0B,EACAyC,yBAAiBzsC,KACjBysC,yBAAiB3sC,YAGnB6E,gBAACwqC,IACCxC,eAAgBA,gBACJ,eACZr2B,SAAUA,EACVrD,YAAaA,EACbL,UAAWA,EACXo3B,YAAaA,EACbx3B,KAAK,eACLnN,MAAOA,GAEPV,gBAAC2qC,oBACKl6B,mBACWkB,gBACFlE,EACbO,SAAUA,EACViD,aAAc+5B,EACdr5B,SAAUA,EACV1D,UAAWA,EACXK,YAAaA,EACbgH,QAAS,SAAAmoB,UAzCK,SAAClV,EAAOkV,GAC1BwK,EAAc1f,EAAOkV,GAErBj9B,EAAM8U,SAAoC,mBAAlB9U,EAAM8U,SAA0B9U,EAAM8U,QAAQmoB,GAsCpDtW,CAAYoB,EAAOkV,IACjC4H,YAAaA,EACbt7B,IAAKA,EACL8D,KAAK,MACLqH,SAAUvD,EAAW,GAAK,EAC1BjR,MAAOA,IAENsQ,GACChR,gBAACyhC,IACC/gC,MAAOA,EACPuQ,aAAc+5B,EACdJ,WAAYA,GAEX55B,GAGJ7D,oDCtSL89B,uEAIU,SAAAzqC,UACZA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAOM,aACnBiK,EAAME,MAAMzK,OAAO2B,uBAChB,SAAA4I,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,+CAed6zC,GAAWlrC,EAAMilC,YAC5B,SAACzkC,EAAOuJ,OACEwe,EAAiD/nB,EAAjD+nB,MAAOta,EAA0CzN,EAA1CyN,UAAWR,EAA+BjN,EAA/BiN,OAAQN,EAAuB3M,EAAvB2M,SAAaO,IAAUlN,MAEnDE,EAAQV,EAAMinB,WAAWlnB,UAEJC,EAAMinB,WAAWyd,IAApCE,iBAC6Brc,EAGnCvoB,gBAACirC,kBACClhC,IAAKA,gBACQ0D,EACbQ,UAAWA,EACXvN,MAAOA,GACHgN,GAEHP,GAED,iCC1CF+S,gGAIOirB,GAAqBnrC,EAAMilC,YAGtC,SAACzkC,EAAOuJ,OACAoD,EAA8B3M,EAA9B2M,SAAUM,EAAoBjN,EAApBiN,OAAWgD,IAASjQ,MAE9BqkC,EAAuB7kC,EAAMinB,WAAWyd,IAAxCG,0BAGN7kC,gBAACkgB,kBAAgBnW,IAAKA,gBAAkB0D,GAAYgD,GACjDzQ,EAAMorC,SAASn+B,IAAIE,GAAU,SAAC8hB,EAAgC1G,UAQtDvoB,EAAMqrC,aAAapc,EAAO,CAAE1G,MAAAA,EAAOta,eANP,IAA1BghB,EAAMzuB,MAAMyN,UACfghB,EAAMzuB,MAAMyN,eACe,IAApBzN,EAAMyN,UACbzN,EAAMyN,UACN42B,EAE+C3Z,IAAK3C,OAE3Dpb,yHCLMm+B,GAAiBtrC,gBAA6C,CACzEgoC,eAAgBH,2BAAmBtsC,OACnC0V,aAAc62B,yBAAiBzsC,KAC/B4S,WAAW,EACXK,aAAa,EACb+2B,YAAad,GAAgBnlC,aAGlBmsC,GAAUvrC,cAGrB,SAACQ,EAAOuJ,OAEN0f,EASEjpB,EATFipB,UACAxrB,EAQEuC,EARFvC,gBACA+pC,EAOExnC,EAPFwnC,eACA76B,EAME3M,EANF2M,SACA8D,EAKEzQ,EALFyQ,aACA3C,EAIE9N,EAJF8N,YACA+2B,EAGE7kC,EAHF6kC,YACA53B,EAEEjN,EAFFiN,OACGgD,IACDjQ,MACEE,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAaxP,EAAMyN,WAE/BgM,EAAahc,IAEfgQ,EACAvN,EAAMzK,OAAOK,WACboK,EAAMzK,OAAO2B,aAE+BmuC,GAC9CrlC,EACA2kC,EACApnC,EACAgQ,GAJes6B,OAAmBC,OAO5BrC,OAAAA,cAENuB,EAGEa,EAHFb,uBACAC,EAEEY,EAFFZ,qBACAH,EACEe,EADFf,iBAEMlB,EAAiDkC,EAAjDlC,cAAeC,EAAkCiC,EAAlCjC,cAAeF,EAAmBmC,EAAnBnC,sBAGpCrmC,gBAACkgB,+BACazP,EAAK,cACjB4L,GAAG,MACHpe,gBAAiBA,gBACJwP,EACbQ,UAAWA,EACXo3B,YAAaA,GAAed,GAAgBnlC,WAC5C2K,IAAKA,EACLrJ,MAAOA,GACH+P,GAEJzQ,gBAACylC,IACCxnC,gBAAiBgc,EACjBmrB,cAAee,EAAc9e,MAC7BpZ,UAAWA,EACXqH,QAASoyB,EACTrC,YAAaA,GAAed,GAAgBnlC,WAC5C2K,IAAKu8B,EACL5lC,MAAOA,IAGTV,gBAACmoC,kBACa,iBACZ6B,SAAUxC,EACVnC,YAAaA,GAAed,GAAgBnlC,WAC5C2K,IAAKs8B,GAELrmC,gBAACooC,IACC3e,UAAWA,GAAwBme,sBAAcvsC,KACjDgqC,YAAaA,GAEbrlC,gBAACsrC,GAAen2B,UACdrL,MAAO,CACLk+B,eAAAA,EACA/2B,aAAAA,EACAhD,UAAWA,EACXK,YAAAA,EACA+2B,YAAAA,IAGDl4B,KAIPnN,gBAAC4lC,IACC3nC,gBAAiBgc,EACjBmrB,cAAee,EAAc7e,IAC7BrZ,UAAWA,EACXqH,QAASqyB,EACTtC,YAAaA,GAAed,GAAgBnlC,WAC5C2K,IAAKw8B,EACL7lC,MAAOA,kGC9CTiqC,iDASFF,OAGSe,GAAkBxrC,cAC7B,SAACQ,EAAOuJ,OAIkB0B,EAASggC,EAHfC,EAA6ClrC,EAA7CkrC,UAAW16B,EAAkCxQ,EAAlCwQ,KAAM3F,EAA4B7K,EAA5B6K,MAAOiK,EAAqB9U,EAArB8U,QAAY7E,IAASjQ,SAE3DR,iBAAqB0rC,IAAc1rC,iBAAqB0rC,UACpCjgC,EAcFigC,EAdWD,OASjBjiC,EACZ,CAAC,eAAgB,YAAa,WAAY,eAC1CiH,IAKA1C,IAAK08B,GAAUjqC,IACZ6K,GACHiK,QAAAA,EACAvL,IAAAA,EACAoD,SACEnN,gCACGgR,EACA06B,EAAUlrC,MAAM2M,YAtBdw+B,MAAIlgC,EAAQ1Q,QACjBmwB,IAAKzf,EAAQyf,IACbnhB,IAAK0B,EAAQ1B,KACV0B,EAAQjL,MACRirC,OA2BAG,GAAS5rC,cAAmC,SAACQ,EAAOuJ,OAC3DoD,EACAu+B,EA5DJx6B,EA6DQS,EAAyCnR,EAAzCmR,SAAUX,EAA+BxQ,EAA/BwQ,KAAMvD,EAAyBjN,EAAzBiN,OAAQoK,EAAiBrX,EAAjBqX,GAAOnK,IAAUlN,MAC3CE,EAAQV,aAAiBD,GA5DxB,cAFPmR,EAgE8B1Q,MA9DI,aAAc0Q,GA+D9Cw6B,EAAYlrC,EAAMkrC,UA5DtB,SAAkCx6B,WACvB,cAAeA,IAAW,aAAcA,EA4DtC26B,CAAyBrrC,KAClC2M,EAAW3M,EAAM2M,cAGby9B,GAAcz9B,IAQhBnN,aAAiBsrC,IALnBjG,IAAAA,YAGAp3B,IAAAA,UACAK,IAAAA,YAGI08B,IALJ/5B,eAOkB,aAAhBo0B,EACAyC,yBAAiBzsC,KACjBysC,yBAAiB3sC,YAGnB6E,gBAACwqC,IACCxC,iBAdFA,6BAec,eACZr2B,SAAUA,EACVrD,YAAaA,EACbL,UAAWA,EACXo3B,YAAaA,EACb3kC,MAAOA,GAENgrC,EACC1rC,gBAACwrC,oBACK99B,GACJg+B,UAAWA,gBACEj+B,EACbwD,aAAc+5B,EACdh6B,KACEA,GACEhR,gBAACyhC,IAAW/gC,MAAOA,EAAOuQ,aAAc+5B,GACrCh6B,GAIPW,SAAUA,EACV1D,UAAWA,EACXK,YAAaA,EACb+2B,YAAaA,EACb3kC,MAAOA,KAGTV,gBAAC2qC,oBACKj9B,GACJ3D,IAAKA,gBACQ0D,EACb4K,KAAMR,EACNlG,SAAUA,EACVrD,YAAaA,EACb2C,aAAc+5B,EACd/8B,UAAWA,EACXo3B,YAAaA,EACb3kC,MAAOA,IAENsQ,GACChR,gBAACyhC,IACC/gC,MAAOA,EACPuQ,aAAc+5B,EACdJ,WAAYA,GAEX55B,GAGJ7D,yDCvMK2+B,GAAmBtrC,SACd,UAAfA,EAAMJ,QACEI,EAAME,MAAM1L,UAAUQ,OAAON,YAE/BsL,EAAME,MAAM1L,UAAUM,OAAOJ,SAGzC,SAAS62C,GAAWvrC,UACVA,EAAMJ,UACP,iBACOI,EAAME,MAAMhI,WAAWW,2BAEvBmH,EAAME,MAAMhI,WAAWS,WAIvC,SAAS6yC,GAAexrC,MACF,YAAhBA,EAAMN,aACJM,EAAMyN,cACGzN,EAAME,MAAMhI,WAAWC,kBAAiB6H,EAAME,MAAMzK,OAAO2B,cAE7D4I,EAAME,MAAMhI,WAAWC,kBAAiB6H,EAAME,MAAMzK,OAAOC,QAI1E,SAAS+1C,GAAoBzrC,MACP,YAAhBA,EAAMN,aACJM,EAAMyN,cACGzN,EAAME,MAAMhI,WAAWC,kBAAiB6H,EAAME,MAAMzK,OAAO2B,cAE7D4I,EAAME,MAAMhI,WAAWC,kBAAiBiW,SACjD,GACApO,EAAME,MAAMzK,OAAOC,SAKzB,mBCoCYg2C,GDpCNC,GAAmB7+B,EAAOkD,GAAPlD,wmBAET8+B,GACEA,GACCA,GAEHJ,GACDF,GACHC,GAIDA,GAESM,GACFJ,IAQJ,SAAAzrC,UACRA,EAAMyN,UACCzN,EAAME,MAAMhI,WAAWC,oBAAmB6H,EAAME,MAAMzK,OAAOI,aAC7DmK,EAAME,MAAMhI,WAAWC,oBAAmB6H,EAAME,MAAMzK,OAAOG,SAU7Dk2C,GAAatsC,cACxB,SAACQ,EAAOuJ,OACEoD,EAA8C3M,EAA9C2M,SAAUc,EAAoCzN,EAApCyN,UAAWka,EAAyB3nB,EAAzB2nB,WAAeza,IAAUlN,MAChDE,EAAQV,aAAiBD,UAG7BC,gBAACmsC,kBACCpiC,IAAKA,GACD2D,GACJxN,MAAOioB,EAAa/X,oBAAYla,QAAUka,oBAAY8G,UACtDxW,MAAOA,EACPuN,UAAWA,EACX3N,QACE2N,IAAcka,EAAazY,sBAAcC,QAAUD,sBAAc0B,QAGlEjE,sPChBT,SAAY++B,GACVA,kBACAA,gBAFF,CAAYA,KAAAA,QAKZ,IAAMK,GAAYj/B,EAAOk/B,yCAInBj1B,GAAajK,EAAO+pB,sEAMpBmK,GAAiBl0B,EAAOiL,gIASd6zB,GAAY5rC,UAClBA,EAAMN,WACP,iBACCM,EAAMyN,UACEzN,EAAME,MAAMhI,WAAWC,oBAAmB6H,EAAME,MAAMzK,OAAO2B,UAE/D4I,EAAME,MAAMhI,WAAWC,oBAAmB6H,EAAME,MAAMzK,OAAOC,uBAEnEsK,EAAMyN,UACJzN,EAAMwN,SACExN,EAAME,MAAMhI,WAAWC,oBAAmB6H,EAAME,MAAMzK,OAAOoC,OAE/DmI,EAAME,MAAMhI,WAAWC,oBAAmB6H,EAAME,MAAMzK,OAAO2B,UAErE4I,EAAMwN,SACExN,EAAME,MAAMhI,WAAWC,oBAAmB6H,EAAME,MAAMzK,OAAOyB,UAE/D8I,EAAME,MAAMhI,WAAWC,oBAAmB6H,EAAME,MAAMzK,OAAOwB,oBAI7D40C,GAAY7rC,UAClBA,EAAMN,WACP,iBACCM,EAAMyN,aACEzN,EAAME,MAAMzK,OAAO2B,aAErBgX,SAAO,GAAKpO,EAAME,MAAMzK,OAAOC,wBAErCsK,EAAMyN,aACEzN,EAAME,MAAMzK,OAAO2B,aAErB4I,EAAME,MAAMzK,OAAOwB,WAInC,SAASg1C,GAAgBjsC,UACfA,EAAMJ,UACP,iBACOI,EAAME,MAAMhI,WAAWW,2BAEvBmH,EAAME,MAAMhI,WAAWS,WAIvC,OCpIYuzC,GDoINC,GAAYr/B,EAAOyD,GAAPzD,seACF8+B,GACEA,GACCA,GACFA,GACLK,GAGDA,IASG,SAAAjsC,UACRA,EAAMyN,UACCzN,EAAME,MAAMhI,WAAWC,oBAAmB6H,EAAME,MAAMzK,OAAOI,aAC7DmK,EAAME,MAAMhI,WAAWC,oBAAmB6H,EAAME,MAAMzK,OAAOG,SAUpEw2C,GAAiBt/B,EAAOgG,gNAEd84B,GACEA,GACCA,GAEJN,GACHW,GAEDA,IAGEnc,GAAatwB,cACxB,SAACQ,EAAOuJ,OAEJuc,EAeE9lB,EAfF8lB,MACAC,EAcE/lB,EAdF+lB,YACAvY,EAaExN,EAbFwN,SACAwY,EAYEhmB,EAZFgmB,eACAC,EAWEjmB,EAXFimB,mBACAxY,EAUEzN,EAVFyN,UACAyY,EASElmB,EATFkmB,sBACAC,EAQEnmB,EARFmmB,kBACApE,EAOE/hB,EAPF+hB,OAOE/hB,EANFJ,KAAAA,aAAO8rC,GAAexvC,SACtBqqB,EAKEvmB,EALFumB,gBACAC,EAIExmB,EAJFwmB,eACAvZ,EAGEjN,EAHFiN,OACAoZ,EAEErmB,EAFFqmB,aACGnZ,IACDlN,MACEE,EAAQV,aAAiBD,GACzBgsC,EACJ3rC,IAAS8rC,GAAevvC,MAAQmT,mBAAWnT,MAAQmT,mBAAWpT,OAExDurB,EAAgB5B,GAAc,CACpCC,MAAAA,EACAC,YAAAA,EACAvY,SAAAA,EACAwY,eAAAA,EACAC,mBAAAA,EACAC,sBAAAA,EACAC,kBAAAA,EACAE,aAAAA,EACAtE,KAAAA,EACAwE,gBAAAA,EACAC,eAAAA,IAXMiB,YAcFta,EAAO3N,aAAiB+I,UAG5B/I,gBAACusC,oBAAc7+B,GAAOhN,MAAOA,gBAAoB+M,EAAQ1D,IAAKA,IAC5D/J,gBAACuX,QACE0Q,EAAYhb,KACX,WAAwDsb,OAArCskB,IAAhB,gBAA6BtqB,IAAAA,KAAMxnB,IAAAA,KAAS2S,gBAChC,mBAAT3S,GAAsC,iBAATA,EAE7BiF,gBAAC4sC,IACC1hB,IAAK3C,EACLta,UAAWA,EACX7N,KAAMA,EACNM,MAAOA,UAKO,SAAT3F,EAEPiF,gBAACwhC,mBACerxB,QAAQ08B,GACtB3hB,IAAK3C,GAELvoB,gBAACssC,kBACCr+B,UAAWA,EACX7N,KAAM2rC,GACFr+B,GAEH6U,IAIW,aAATxnB,GAAgC,SAATA,EAE9BiF,gBAACwhC,IAAetW,IAAK3C,GACnBvoB,gBAAC2sC,kBACCrsC,QACE2N,EAAYyB,sBAAcC,QAAUD,sBAAc0B,MAEpDlR,MAAOkQ,oBAAY8G,uBACPvJ,EAAK7G,WAAc/L,iBAC/BiW,KAEIhR,gBADO,aAATjF,EACG86B,gBAEAC,yBAGL7nB,UAAWA,EACXvN,MAAOA,EACPP,MACW,aAATpF,EACIsV,oBAAYsc,QACZtc,oBAAYyc,SAElB1sB,KAAM2rC,GACFr+B,UAxBL,2VExNRo/B,GAAgB9sC,cAG3B,SAACQ,EAAOuJ,SACkC/J,YAAwB,GAA3D+sC,OAAeC,OAOpBpvB,EAkBEpd,EAlBFod,eACA2B,EAiBE/e,EAjBF+e,aACAC,EAgBEhf,EAhBFgf,cACAytB,EAeEzsC,EAfFysC,2BACAC,EAcE1sC,EAdF0sC,4BACAC,EAaE3sC,EAbF2sC,uBACAC,EAYE5sC,EAZF4sC,2BACI54B,EAWFhU,EAXFyI,KAWEzI,EAVF4c,UAAAA,aAAYP,kBAAUngB,SACtBgjB,EASElf,EATFkf,WACAC,EAQEnf,EARFmf,UACA4a,EAOE/5B,EAPF+5B,sBACAC,EAMEh6B,EALF6sC,0BACAC,EAIE9sC,EAJF8sC,4BACAC,EAGE/sC,EAHF+sC,uBAEG7/B,IACDlN,MAEEmN,EAAO3N,aAAiB+I,GAExBE,EAAKE,EAAcqL,GAEnBg5B,EAAgCP,GAElCt/B,EAAKzG,SAASI,OAAOD,SACnBomC,EAAkCP,GAEpCv/B,EAAKzG,SAASI,OAAOlD,UACnBspC,EAA4BP,GAE9Bx/B,EAAKzG,SAASI,OAAOF,WACnBumC,EAA+BN,GAEjC1/B,EAAKzG,SAASC,MAAME,SAClBumC,EAAkCN,GAEpC3/B,EAAKzG,SAASC,MAAM/C,UAClBypC,EAA4BN,GAE9B5/B,EAAKzG,SAASC,MAAMC,WAElByY,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAChEvI,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAACq6B,IACCzc,eAAgBA,EAChB2B,aAAcA,EACd+a,QAASrxB,EACTuW,cAAeA,EACfpC,UAAWA,EACXmd,sBAAuBA,EACvBtsB,UAAWA,EACXyR,WAAYA,EACZC,UAAWA,GAEX3f,gBAAC0d,kBACCowB,YAAY,MACZC,eAAe,QACXrgC,sBAEFmS,GAAgCrf,EAAM,qCAExB+e,EAChBrC,WAAYqC,EACZtW,GAAIA,EACJmU,UAAWA,EACXnP,UAAWA,EACXlE,IAAKA,EACLhP,KAAMgyC,EAAgBjwB,kBAAU2B,KAAO3B,kBAAU5V,YAE/CkmC,GACAptC,gCACEA,gBAACwQ,iBAEGu8B,EACIU,EACAG,EAEN3/B,WAAW,EACXqH,mBAxFV03B,GAAiB,SAAAgB,UAAsBA,MAyF7B5tC,KAAM0P,mBAAWrT,MACjB4O,MAAO,CACLxR,aAAc6G,EAAM7G,aACpBwC,OACE+gB,GAAaP,kBAAUlgB,MACnB+D,EAAMhI,WAAWU,UACjBsH,EAAMhI,WAAWQ,UACvB4F,OAAQ,eAEV/D,KAAMwU,mBAAWC,OACjBlP,QAASoP,sBAAcE,MAEtBm9B,EACGW,EACAG,GAEN7tC,gBAAC2iB,QACC3iB,gBAACyV,QACEs3B,EACGY,EACAH,oKC3JdnuB,GAAc/R,EAAOsJ,iCACvBoG,IA6ESixB,GAAejuC,gBAA2C,CACrEkd,UAAU,EACV4V,KAAM,gBAGKob,GAAaluC,cACxB,SAACQ,EAAOuJ,OACAd,EAAKE,EAAc3I,EAAMyI,MACWjJ,WACxCQ,EAAMsJ,OADDqkC,OAAeC,OAItBpuC,aAAgB,WACdouC,EAAiB5tC,EAAMsJ,SACtB,CAACtJ,EAAMsJ,YAWR8T,EAYEpd,EAZFod,eACA2B,EAWE/e,EAXF+e,aACAC,EAUEhf,EAVFgf,cACApa,EASE5E,EATF4E,SACAwa,EAQEpf,EARFof,qBACAH,EAOEjf,EAPFif,aACAC,EAMElf,EANFkf,WACAC,EAKEnf,EALFmf,UACAlS,EAIEjN,EAJFiN,OACAqlB,EAGEtyB,EAHFsyB,KACA3lB,EAEE3M,EAFF2M,SAGIO,EAAQlE,EAAK,CAAC,SAAU,WAAY,UAAW,QADjDhJ,OAGEqf,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAEhEvI,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,uCACM0N,qBACa+R,GAA8BxW,EAC/CoC,MAAOuS,gBACMnQ,EACb1D,IAAKA,EACL8D,KAAK,eAEL7N,gBAACiuC,GAAa94B,UACZrL,MAAO,CACL+V,cAAAA,EACA3C,WAAYqC,EACZtR,UAAAA,EACA7I,SAAAA,EACA0tB,KAAAA,EACAqb,cAAAA,EACA/iB,OAAQ5qB,EAAM4qB,OACd9M,kBAhDcC,OACL8vB,EAAqB9vB,EAAMC,OAAlC1U,MACRtJ,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASC,GACjB6vB,EAAiBC,IA4CXta,QAASvzB,EAAMuzB,UAGhBpU,GAAaC,GACZ5f,gBAACqf,IAAYpW,GAAIA,EAAIoC,MAAOqU,GACzBC,GAIJA,IAAcC,GACb5f,gBAACkf,IACCjW,GAAIA,EACJoC,MAAOqU,EACPzR,UAAWA,EACXvN,MAAOA,GAENif,GAGJxS,EAEDnN,gBAAC8e,IACC7V,GAAI4W,EACJ3C,WAAYqC,EACZtR,UAAWA,IAETsR,GAAgBC,IAChBxf,gCAAGuf,GAA8BC,uKF/JnCktB,GAAAA,4BAAAA,2CAEVA,iBA4CF,IAAMvsB,wDACFnD,QAGEoD,qDACFpD,iBAmBYsxB,GAAiB9tC,UAC3BA,EAAM0c,SACJ1c,EAAMyN,uBACYzN,EAAME,MAAMzK,OAAOmB,2BAErBoJ,EAAME,MAAMzK,OAAOkB,iBAK3C,IGpFYo3C,GHoFNluB,wDASF5D,cACO,SAAAjc,UApCX,SAA6BA,UACvBA,EAAMwN,SACJxN,EAAMyN,UACDzN,EAAME,MAAMzK,OAAOoC,OAErBmI,EAAME,MAAMzK,OAAOwB,UAExB+I,EAAMyN,UACDzN,EAAME,MAAMzK,OAAO2B,UAExB4I,EAAM+f,UACD/f,EAAMN,MAERM,EAAME,MAAMzK,OAAOqB,UAuBRk3C,CAAoBhuC,iBAC5B,SAAAA,UAAUA,EAAMwN,SAAW,cAAgB,wBAC3C,SAAAxN,SACe,SAAvBA,EAAMkgB,sBACOlgB,EAAME,MAAMhI,WAAWG,eAC3B2H,EAAME,MAAMhI,WAAWG,kCACpBy1C,OAEZluB,qDACc,SAAA5f,MACRA,EAAMyN,iBACDzN,EAAME,MAAMzK,OAAO2B,iBAK9BwoB,iCAGI,SAAA5f,UAASoc,GAA6Bpc,+BAM5B,SAAAA,UAASmc,GAAkCnc,UAGzD4f,+CAEI1D,SAKK+xB,GAAQzuC,cACnB,SAACQ,EAAOuJ,OACAd,EAAKE,EAAc3I,EAAMyI,IACzBuB,EAAUxK,aAAiBiuC,IAC3BvtC,EAAQV,aAAiBD,KAe3BS,EAbFN,MAAAA,aAAQQ,EAAMzK,OAAOC,UACrB0nB,EAYEpd,EAZFod,eACA5P,EAWExN,EAXFwN,SACAmQ,EAUE3d,EAVF2d,WACAlQ,EASEzN,EATFyN,UACA2R,EAQEpf,EARFof,qBACAF,EAOElf,EAPFkf,WACAC,EAMEnf,EANFmf,UACAva,EAKE5E,EALF4E,SACAqI,EAIEjN,EAJFiN,OACAiT,EAGElgB,EAHFkgB,aACA5W,EAEEtJ,EAFFsJ,MACG4D,IACDlN,aAGFR,gBAACkgB,IAAgB7U,MAAOuS,GACtB5d,gBAACogB,oBACK1S,qBACalD,EAAQqV,cACzB5W,GAAIA,EACJc,IAAKA,EACL6W,QAASpW,EAAQ2jC,gBAAkBrkC,gBACtB2D,EACbO,SAAUA,EACV8kB,KAAMtoB,EAAQsoB,KACd1tB,SAAUoF,EAAQpF,UAAYA,EAC9BrK,KAAK,QACL+O,MAAOA,EACPshB,OAAQ5gB,EAAQ4gB,OAChB9M,SAAU9T,EAAQ8T,SAClByV,QAASvpB,EAAQupB,WAEnB/zB,gBAACgf,IACCe,QAAS9W,EACTgF,UAAWzD,EAAQyD,WAAaA,EAChC5C,MAAOqU,IAELE,GACAc,IAAiBgsB,0BAAkBrxC,MACnCskB,EAEF3f,gBAACqgB,IACCE,UAAW/V,EAAQ2jC,gBAAkBrkC,EACrC5J,MAAOA,EACP8N,SAAUA,EACVC,UAAWzD,EAAQyD,WAAaA,EAChCiP,SAAU1S,EAAQ0S,SAClB7R,MAAO8S,EACPuC,aAAcA,EACdhgB,MAAOA,GAGLV,gBADDwK,EAAQ2jC,gBAAkBrkC,EACxB4kC,yBAEAC,kCAGJ/uB,EACC5f,gBAACmgB,QAAiBR,GAElBe,IAAiBgsB,0BAAkBrxC,MAAQskB,GAAaA,0FIlHvDivB,GAAa5uC,cACxB,SAACQ,EAAOuJ,OACArJ,EAAwBV,aAAiBD,GAG7CsL,EAWE7K,EAXF6K,MACAwjC,EAUEruC,EAVFquC,cACA1lB,EASE3oB,EATF2oB,OACA1b,EAQEjN,EARFiN,SAQEjN,EAPFsuC,QAAAA,aAAU,WAORtuC,EANFlG,KAAAA,aAAO,WAMLkG,EALFuuC,iBAAAA,aAAmB,CACjBp0C,MAAO,CAAEH,WAAY,IACrBF,KAAM,CAAEE,WAAY,OAEnBiW,IACDjQ,MAEEwuC,GAAeH,GAAgB1lB,GAAU0lB,EAEzCI,EAAW51B,OAAOC,KAAK7I,GAAM/G,QACjC,SAACwlC,EAAKhkB,MACAza,EAAKya,IAAQxqB,EAAMvG,YAAY+wB,GAAM,KACjCikB,EAAezuC,EAAMvG,YAAY+wB,UACvCza,EAAKya,QAAOvJ,EACL,CACL/mB,eACKs0C,EAAIt0C,UACJu0C,EAAav0C,WAElBP,YACK60C,GACHv0C,WACKu0C,EAAI70C,OAAOM,MACXw0C,EAAa90C,OAAOM,OACvBH,gBACM,eAAgB00C,EAAI70C,OAAOM,MAC3Bu0C,EAAI70C,OAAOM,MAAMH,WACjB,GACA,eAAgB20C,EAAa90C,OAAOM,MACpCw0C,EAAa90C,OAAOM,MAAMH,WAC1B,MAGRF,UACK40C,EAAI70C,OAAOC,KACX60C,EAAa90C,OAAOC,MACvBE,gBACM,eAAgB00C,EAAI70C,OAAOC,KAC3B40C,EAAI70C,OAAOC,KAAKE,WAChB,GACA,eAAgB20C,EAAa90C,OAAOC,KACpC60C,EAAa90C,OAAOC,KAAKE,WACzB,gBAMP00C,IAET,CAAE70C,OAAQ00C,EAAkBn0C,UAAW,YAIvCoF,gBAACovC,mBAAgBN,SAAS,GACvBE,GACChvC,gBAAC3F,SAAOiZ,mBACNvJ,IAAKA,EACL+kC,QAASA,EACTx0C,KAAMA,gBACOmT,EACbq5B,QAAS3d,GAAU0lB,EAAgB,QAAU,OAC7CI,SAAUA,EAAS50C,OACnBgR,WAAY4jC,EAASr0C,UAAcyQ,IAC/BoF,uND7JJ89B,GAAAA,oBAAAA,qCAEVA,mBACAA,iBAyEF,OAAMc,KAAwBT,4FAMjB,SAAApuC,UAASA,EAAME,MAAMhI,WAAWG,2CAMvCy2C,KAAuBV,wLAWvBW,qEACU,SAAA/uC,UAASA,EAAME,MAAMzK,OAAO2B,+CAE1B,SAAA4I,UAASA,EAAME,MAAMzK,OAAOyB,+BAC3B,SAAA8I,UAASA,EAAME,MAAM7G,gEAE7B,SAAA2G,UAASA,EAAME,MAAMzK,OAAOoB,sEAKxB,SAAAmJ,UACHA,EAAMJ,UACP,eACII,EAAME,MAAMjC,MAAMC,MAAM/B,UAC5B,eACI6D,EAAME,MAAMjC,MAAMC,MAAMjC,qBAExB+D,EAAME,MAAMjC,MAAMC,MAAMhC,iCAIhB,SAAA8D,UAASA,EAAME,MAAMnE,YAAYE,uBAC1C,SAAA+D,UAASA,EAAME,MAAMhI,WAAWQ,uBAIxCs2C,iEACO,SAAAhvC,UAASA,EAAME,MAAMhI,WAAWG,iBACvC,SAAA2H,UAASA,EAAME,MAAMhI,WAAWK,mBAChC,SAAAyH,UAASA,EAAME,MAAMhI,WAAWK,mCACf,SAAAyH,UAASA,EAAME,MAAMnE,YAAYE,wBACzC,SAAA+D,UAASA,EAAME,MAAMhI,WAAWK,iBACvC,SAAAyH,UAASA,EAAME,MAAMhI,WAAWM,mBAChC,SAAAwH,UAASA,EAAME,MAAMhI,WAAWM,kBAIlCy2C,KAAYvzB,kDACH,SAAA1b,UACXA,EAAME,MAAM1D,uBAAuBO,aAAaJ,QAAQjI,4BAC3C,SAAAsL,UACbA,EAAME,MAAM1D,uBAAuBO,aAAaJ,QAAQ/H,yCAEzC,SAAAoL,UAASA,EAAME,MAAMhI,WAAWU,iBAG7Cs2C,8GAKAC,+DACO,SAAAnvC,UAASA,EAAME,MAAMhI,WAAWK,mCAEtB,SAAAyH,UAASA,EAAME,MAAMnE,YAAYE,wBACzC,SAAA+D,UAASA,EAAME,MAAMhI,WAAWM,kBAIlC42C,GAAQ5vC,cACnB,SAACQ,EAAOuJ,OACAsvB,EAAYr5B,WACZs5B,EAAat5B,WACb6vC,EAAU7vC,WAEViJ,EAAKE,EAAc3I,EAAMyI,IACzB6mC,EAAe7mC,aACf8mC,EAAe9mC,eAEiBjJ,WAAwBQ,EAAM2oB,QAA7D6mB,OAAaC,SACcjwC,YAAwB,GAAnDuT,OAAWwB,SACwB/U,WAAe,MAAlD8qB,OAAeolB,OAEhBvW,EAAmB/B,GACvBoY,EACAxvC,EAAM0D,OAASo1B,EAAa,KAC5BuW,GAGIM,EAAWtmC,EAAYrJ,EAAM2oB,iBAyC1BinB,EAAoB7xB,GACT,WAAdA,EAAM2M,MACR3M,EAAM4M,iBACN5M,EAAM8xB,kBAEN7vC,EAAM8vC,cAC0B,mBAAvB9vC,EAAM8vC,cACb9vC,EAAM8vC,aAAa/xB,GAErBgyB,EAAYhyB,aAIPgyB,EAAYhyB,GACfA,GACFA,EAAM8xB,kBAERt7B,GAAa,GAEbpK,YAAW,WACToK,GAAa,GACbk7B,GAAe,GAEX5W,EAAUpvB,SACZovB,EAAUpvB,QAAQ7T,QAGpBoK,EAAMopB,SAAoC,mBAAlBppB,EAAMopB,SAA0BppB,EAAMopB,YAC7D,KAnEL5pB,aAAgB,YACTmwC,GAAY3vC,EAAM2oB,OACrB8mB,GAAe,GACNE,IAAa3vC,EAAM2oB,QAAU6mB,GACtCO,MAED,CAAC/vC,EAAM2oB,SAEVnpB,aAAgB,kBACVgwC,IACF3W,EAAUpvB,QAAUe,SAAS2f,cAExBnqB,EAAMgwC,sBACTxlC,SAASM,KAAKmoB,iBAAiB,UAAW2c,GAAqB,IAI5D,WACLplC,SAASM,KAAKooB,oBACZ,UACA0c,GACA,MAGH,CAACJ,QA+CF7iC,EAaE3M,EAbF2M,SACAzG,EAYElG,EAZFkG,eACA+pC,EAWEjwC,EAXFiwC,gBACA7yB,EAUEpd,EAVFod,iBAUEpd,EATFkwC,oBAAAA,aAAsB,CAAE71C,UAAU,KAClC81C,EAQEnwC,EARFmwC,0BACAH,EAOEhwC,EANF0D,OACA0sC,EAKEpwC,EALFowC,oBACAznB,EAIE3oB,EAJF2oB,SAIE3oB,EAHFquC,cAAAA,gBACAphC,EAEEjN,EAFFiN,OAIIC,EAAQlE,EAAK,CAAC,kBAFhBhJ,OAGEE,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExB8nC,EACJ7wC,gBAACqV,aACCnV,MAAOQ,EAAMzK,OAAOsB,UACpB6I,KACE3G,EAAMoD,UAAU4zC,GACZh3C,EAAMoD,UAAU4zC,GAChBh3C,EAAMoD,UAAUJ,eAKnBuzC,EACHc,EAASC,aACP/wC,uBAAK+J,IAAK4vB,GACR35B,gBAACgxC,UACC9d,OAAQnlB,uBAEQob,sCAIlBnpB,gBAACqvC,oCACkBnrC,EAAS4rC,EAAY,kBAC3B,2BACM,sBACL,gBACCriC,EACbxE,GAAIA,EACJqM,QAASq7B,EAA4B,cA5FrBpyB,GAErBvT,SAASimC,eAAelB,GAAWhlB,SAASxM,EAAMC,SACnDD,EAAMC,SAAWsM,GAEjBylB,EAAYhyB,IAwFN2yB,YACEP,EAA4B,cArFRpyB,GAC9B2xB,EAAiB3xB,EAAMC,SAsFf3Q,KAAK,SACLxC,MAAOuS,EACPld,MAAOA,EACPyoB,OAAQ6mB,GACJU,GACJ7B,cAAeA,IAEf7uC,gBAACuvC,oBACK7hC,iBACQ,gBACZzE,GAAI8mC,EACJx8B,UAAWA,EACXxJ,IAAKA,EACLrJ,MAAOA,IAENwD,GACClE,gBAACwvC,IAAY9uC,MAAOA,GACjBwD,GACClE,gBAACyvC,IACCxmC,GAAI6mC,EACJ3zB,MAAO,EACPpS,IAAKuvB,EACL/d,YAAaxB,8BAAsBxc,aACnC2X,UAAW,EACXxU,MAAOA,GAENwD,IAKTlE,gBAAC2vC,IAAU5lC,IAAK8lC,EAASnvC,MAAOA,GAC7ByM,IAEDyjC,GACA5wC,gBAAC0vC,QACC1vC,gBAAC+Q,iBAEGrK,GAEIiH,EAAKlP,MAAMiI,eAEjBxG,MAAOkQ,oBAAY8G,UACnBlG,KAAM6/B,EACNv7B,QAASi7B,EACT9iC,OAAO,iBACPnN,QAASoP,sBAAcE,UAMjC5P,gBAACsvC,kBACa,iBACZ/7B,UAAWA,EACX29B,YACEP,EACI,SAAApyB,UAASA,EAAM4M,kBACf,KAEN/wB,QACA+uB,OAAQ6mB,EACRnB,oBAGJ7jC,SAASmmC,qBAAqB,QAAQ,IAExC,4FEvUKC,GAASpxC,cACpB,SAACQ,EAAOuJ,OAEJlE,EAOErF,EAPFqF,cACAiY,EAMEtd,EANFsd,YACAzO,EAKE7O,EALF6O,UACAsQ,EAIEnf,EAJFmf,UACA/Z,EAGEpF,EAHFoF,YACAyrC,EAEE7wC,EAFF6wC,SACG3jC,IACDlN,MAEEmN,EAAO3N,aAAiB+I,KAEJ/I,WAAuBQ,EAAMsJ,OAAhDA,OAAOsU,OAERpN,EAAmBhR,gBAAZqP,EAAa7B,EAAc8jC,4BAqB/BC,IACPF,EAASvnC,UApBX9J,aAAgB,WACdoe,EAAS5d,EAAMsJ,SACd,CAACtJ,EAAMsJ,QAsBR9J,gBAAC0d,oBACKhQ,gBACQiS,GAAwBhS,EAAKjI,OAAOC,MAAMvB,UACtD4M,KAAMA,EACNnL,cACEA,GAAgC8H,EAAKjI,OAAOG,cAE9CiY,YAAaA,EACb7P,UAAW+B,GAAaxP,EAAMyN,WAC9BqQ,kBA7BkBC,GACpB/d,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASC,GACjBH,EAASG,EAAMC,OAAO1U,QA0BpBmU,YACEzd,EAAMud,cAAsB1O,EAAP,KAA0BkiC,EAEjD5yB,mBAzBoBJ,GACJ,UAAdA,EAAM2M,MACR3M,EAAM4M,iBACNomB,MAuBA3rC,YAAaA,GAA4B+H,EAAKjI,OAAOC,MAAMC,YAC3D7K,KAAM+hB,kBAAUpX,OAChBoE,MAAOA,EACPC,IAAKA,mBC1FPynC,GAAiBlkC,EAAOC,uGACnB,SAAA/M,UAASA,EAAME,MAAMzK,OAAOuB,aAEtB,SAAAgJ,UAASA,EAAME,MAAMhI,WAAWG,sBAIjC44C,GAAajxC,OAEzB6uB,EASE7uB,EATF6uB,iBACAlG,EAQE3oB,EARF2oB,OACAuoB,EAOElxC,EAPFkxC,aACA3vB,EAMEvhB,EANFuhB,MACA4vB,EAKEnxC,EALFmxC,aACAC,EAIEpxC,EAJFoxC,iBACAC,EAGErxC,EAHFqxC,aACArzC,EAEEgC,EAFFhC,UACAszC,EACEtxC,EADFsxC,UAGIpxC,EAAQV,EAAMinB,WAAWlnB,GACzB4N,EAAO3N,EAAMinB,WAAWle,GAExBgpC,EAAWhwB,GAASA,EAAMK,OAAS,EAEnCmgB,EAAe11B,EAA0BrO,GACvC84B,EAASwM,QACZzU,IADGiI,YAKNt3B,gBAACga,IACCE,iBACAjM,WAAW,EACXkb,OAAQA,EACR9d,MAAOymC,GAEP9xC,gBAACuX,kBAAW4R,OAAQA,GAAYuoB,KAAgBlzC,UAAW+jC,IACxDpZ,GAAU4oB,EACThwB,EAAM9U,KAAI,SAACib,EAAMK,OCqGzBrX,EDpGgB2yB,EC2GI,iBAPpB3yB,EDpG6DgX,IC4G3DhX,GACA,8BAA+BA,ED5GnBgX,EAAKtR,MACL+6B,EAAazpB,KAE2B2pB,EAAa,CACvD3pB,KAAAA,EACAK,MAAAA,IAFMxe,IAAAA,IAAQioC,UAKV9mB,KAAS2Y,EAAatb,EAEtB0pB,KACJ9a,UAAWya,IAAqBrpB,EAChCD,QAASve,EACTme,KAAAA,EACA2b,WAAAA,EACA3Y,IAAAA,EACAxqB,MAAAA,GACGsxC,UAGEhyC,gBAACs3B,mBAAY2a,GAAW/mB,IAAKA,QAGtClrB,gBAACsY,IAAWpD,UAAW,GACrBlV,gBAACwxC,IAAe9wC,MAAOA,GACpBiN,EAAKpL,uBExFb,IAAM2vC,gGAIA,SAAA1xC,UACTA,EAAMye,eAAiBxB,sBAAcpiB,KAAO,OAAS,iCAInD82C,8GAoBUC,GAAmB5xC,OAE/B2M,EAWE3M,EAXF2M,SACA0S,EAUErf,EAVFqf,cACAN,EASE/e,EATF+e,aAEAC,EAOEhf,EAPFgf,cACAvR,EAMEzN,EANFyN,UACAssB,EAKE/5B,EALF+5B,sBACAtb,EAIEze,EAJFye,cACAS,EAGElf,EAHFkf,WACAC,EAEEnf,EAFFmf,UACA6a,EACEh6B,EADFg6B,aAGItd,IAAaqC,SAGjBvf,gBAACkyC,IACCjzB,cAAeA,gBACH,0BAEZjf,gBAACkf,qBACKmzB,EAVN7xC,EARF6xC,kBAmBIpkC,UAAWA,EACXgR,cAAeA,EACf5T,MAAOqU,IAEN6a,EACCv6B,gBAAC2iB,QAAgBhD,GAEjBA,GAGJ3f,gBAACmyC,QACEhlC,IAEC8R,IAAkBxB,sBAAcpiB,OAC9BkkB,IAAgBC,KAEjBD,GAAgBC,IACfxf,gBAAC8e,IACC7V,GAAI4W,EACJ5R,UAAWA,EACXiP,SAAUA,EACV7R,MAAOmvB,IAELjb,GAAgBC,IAChBxf,gCAAGuf,GAA8BC,eCtEjC8yB,GAAU9xC,OAEtB2jC,EA6BE3jC,EA7BF2jC,gBACY9U,EA4BV7uB,EA5BF8uB,WACAijB,EA2BE/xC,EA3BF+xC,oBACAhzB,EA0BE/e,EA1BF+e,aACArC,EAyBE1c,EAzBF0c,SACAsC,EAwBEhf,EAxBFgf,cACArB,EAuBE3d,EAvBF2d,WACAoc,EAsBE/5B,EAtBF+5B,sBACAiY,EAqBEhyC,EArBFgyC,SACAC,EAoBEjyC,EApBFiyC,kBACAd,EAmBEnxC,EAnBFmxC,aACA5vB,EAkBEvhB,EAlBFuhB,MACArC,EAiBElf,EAjBFkf,WACAC,EAgBEnf,EAhBFmf,UACA+yB,EAeElyC,EAfFkyC,oBACA50B,EAcEtd,EAdFsd,YACA9P,EAaExN,EAbFwN,SACAC,EAYEzN,EAZFyN,UACAgR,EAWEze,EAXFye,cACA6yB,EAUEtxC,EAVFsxC,UACA1mB,EASE5qB,EATF4qB,OACA2I,EAQEvzB,EARFuzB,QACA4e,EAOEnyC,EAPFmyC,eACAh0B,EAMEne,EANFme,UACAi0B,EAKEpyC,EALFoyC,WACAC,EAIEryC,EAJFqyC,QACArY,EAGEh6B,EAHFg6B,aACA50B,EAEEpF,EAFFoF,YACcktC,EACZtyC,EADFuyC,aAGIC,EAAkBhzC,WAClBU,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExBgB,EAAMsC,EAAammC,GAAY,KAAMQ,YAElCC,EAAaC,EAAgBhoB,kBAG7B,IAFAnJ,EAAMyG,WACX,SAAAf,UAAKkqB,EAAalqB,KAAOkqB,EAAauB,cAEjChoB,GAAMgoB,aACNhoB,GAAM,cA8CXioB,iBACC3yC,GACHmyC,wBA7C4BS,OAGZC,EACZD,EADFL,aACEK,EAFFjqB,QAImBkqB,GACnBC,EACEvxB,EAAMyG,WACJ,SAAAf,UAAKkqB,EAAalqB,KAAOkqB,EAAa0B,OAK5CV,GAC4B,mBAAnBA,GACPA,EAAeS,IA8BjBG,sBA3BoBC,EAAOC,OACbL,EAAYK,EAAZL,eAAYK,EAAlB14C,WAEDo4C,YAAUO,iBAAiBC,yCAEzBP,GACHL,aAAcS,EAAMT,8BAGfK,KAmBPb,GACFU,EAAaV,EAAqB,uBAChCG,GACFO,EAAaP,EAAqB,uBAChCI,GACFG,EAAaH,EAAsB,kBAnBrC3pB,IAAAA,OACA4pB,IAAAA,aACAa,IAAAA,qBACAvB,IAAAA,cACAX,IAAAA,aACAE,IAAAA,iBACAC,IAAAA,aACAlW,IAAAA,MACAkY,IAAAA,SACAP,IAAAA,oBAaMvP,EAAmBD,QACtBzU,IADG0U,eAIFM,GAAoBuP,EAAqB,CAC7C5lC,SAAUA,EACVod,OAAAA,EACAzM,UAAW,SAAAJ,GAEPq1B,IAAuB3qC,KAAO+B,SAAS2f,cAAc1hB,IACtC,UAAdsV,EAAM2M,KAAiC,MAAd3M,EAAM2M,MAEhC3M,EAAM4M,iBACN0oB,KAGFl1B,GAAkC,mBAAdA,GAA4BA,EAAUJ,IAE5Dq0B,WAAAA,EACAC,QAAAA,EACA9e,QAAAA,EACAhqB,IAAAA,IAaI1G,GAA0BsK,EAAKrO,OAAO+D,wBACzCggB,QAAQ,iBAAkB1D,GAC1B0D,QAAQ,oBAAqBsuB,EAAaoB,IAEvCe,GAAanC,EAAaoB,GAC5BpB,EAAaoB,GACU,iBAAhBntC,EACPA,EACA+H,EAAKrO,OAAOsG,mBAGd5F,gBAACoyC,IACC7yB,aAAcA,EACdM,cAAeskB,EACfkO,cAAeA,EACf7yB,cAAeA,EACfvR,UAAWA,EACXssB,sBAAuBA,EACvBtb,cAAeA,EACfS,WAAYA,EACZC,UAAWA,EACX6a,aAAcA,GAEdx6B,gBAACkkC,IACCC,gBAAiBA,EACjB9U,iBAAkBA,EAClBgV,kBAAmBA,GACnBnnB,SAAUA,EACVlP,SAAUA,EACVC,UAAWA,EACX5C,MAAO8S,GAEPne,gBAACqjC,kBAAuB,oBAAoByQ,IAC3Ch2B,GAAei1B,GACd/yC,gBAAC+jC,gBACa1gC,GACZ2N,KAAMhR,gBAACqV,aAAUjV,KAAMM,EAAM7D,UAAUC,SACvCwY,iBA/CgCiJ,GACxCA,EAAM8xB,kBAEF2C,EAAgB/oC,SAClB+oC,EAAgB/oC,QAAQ7T,QAG1BulC,KAyCQv7B,KAAM0P,mBAAWrT,MACjB4O,MAAO,CAAE0oC,UAAW,IAAKC,aAAc,KACvCvmC,OAAO,iBACPnN,QAASoP,sBAAcE,QAI7B5P,gBAACyxC,IACCpiB,iBAAkBA,EAClBwiB,aAAcA,EACdH,aAAcA,EACdE,iBAAkBA,EAClBzoB,OAAQA,EACR3qB,UAAWi0C,GAAqB/xC,EAAMpB,OAAOf,KAAKC,UAClDujB,MAAOA,EACP4vB,aAAcA,EACdG,UAAWA,sDChMHmC,GAAezzC,OAE3B2jC,EAyBE3jC,EAzBF2jC,gBACY9U,EAwBV7uB,EAxBF8uB,WACA/P,EAuBE/e,EAvBF+e,aACArC,EAsBE1c,EAtBF0c,SACAsC,EAqBEhf,EArBFgf,cACArB,EAoBE3d,EApBF2d,WACAoc,EAmBE/5B,EAnBF+5B,sBACAiY,EAkBEhyC,EAlBFgyC,SACAb,EAiBEnxC,EAjBFmxC,aACA5vB,EAgBEvhB,EAhBFuhB,MACA9C,EAeEze,EAfFye,cACAS,EAcElf,EAdFkf,WACAC,EAaEnf,EAbFmf,UACA3R,EAYExN,EAZFwN,SACAC,EAWEzN,EAXFyN,UACAwkC,EAUEjyC,EAVFiyC,kBACAX,EASEtxC,EATFsxC,UACAtX,EAQEh6B,EARFg6B,aACApP,EAOE5qB,EAPF4qB,OACA2I,EAMEvzB,EANFuzB,QACApV,EAKEne,EALFme,UACAi0B,EAIEpyC,EAJFoyC,WACAC,EAGEryC,EAHFqyC,QACAqB,EAEE1zC,EAFF0zC,qBACAtuC,EACEpF,EADFoF,qBAGOuuC,EAA0BjB,UAE0C,IAAzEnxB,EAAMyG,WAAU,SAAAf,UAAKkqB,EAAalqB,KAAOkqB,EAAauB,YAWtDkB,4BACC5zC,EACCA,EAAM6zC,sBAAwB,CAChCA,qBAAsB7zC,EAAM6zC,qBAAqBvrB,OAC/CqrB,IAGA3zC,EAAM2jB,eAAiB,CACzBA,cAAe3jB,EAAM2jB,cAAc2E,OAAOqrB,MAd5CG,IAAAA,qBACAC,IAAAA,iBACAC,IAAAA,gBACAC,IAAAA,mBACAtwB,IAAAA,cACAwJ,IAAAA,wBAaO+mB,EAAiBC,UACjBA,EAAgB7rB,QACrB,SAAAZ,UACE/D,EAAcqE,WACZ,SAAAuqB,UAAgBpB,EAAaoB,KAAkBpB,EAAazpB,MAC1D,SAOL0sB,IACDp0C,QAwBA2yC,iBACCyB,GACH7yB,MAAO2yB,EAAiB3yB,GACxB8yB,8BAImCzB,OACb0B,EAAoB1B,EAAlCL,aAEJ+B,IACFN,EAAgBM,GAChBC,EAAW,QARbxB,sBA1BoBC,EAAOC,OACbL,EAAYK,EAAZL,eAAYK,EAAlB14C,WAEDo4C,YAAUO,iBAAiBC,yCAEzBP,GACHL,aAAcS,EAAMT,8BAGfK,OAKXjqB,IAAAA,OACAyqB,IAAAA,qBACAvB,IAAAA,cACAX,IAAAA,aACAE,IAAAA,iBACAC,IAAAA,aACAkD,IAAAA,WACAlB,IAAAA,SAyBInzC,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExBs7B,GAAoBuP,OACrBW,KACDnpB,OAAAA,EACAzM,UAAW,SAAAJ,GAE0C,WAAjDvT,SAAS2f,cAAcqqB,QAAQ5W,eAChB,cAAd7f,EAAM2M,KACS,WAAd3M,EAAM2M,KACQ,cAAd3M,EAAM2M,MAER3M,EAAM02B,YAAYC,yBAA0B,GAG5B,UAAd32B,EAAM2M,KAAiC,MAAd3M,EAAM2M,MACjC3M,EAAM4M,iBACN0oB,KAGFl1B,GAAkC,mBAAdA,GAA4BA,EAAUJ,IAE5Dq0B,WAAAA,EACAC,QAAAA,EACA9e,QAAAA,EACAohB,iBAAkBhsB,GACdqpB,GAAY,CAAEzoC,IAAKyoC,MAEzBxkC,SAAUA,YAIVhO,gBAACoyC,IACCvyB,cAAeskB,EACf5kB,aAAcA,EACd8yB,cAAeA,EACf7yB,cAAeA,EACf+a,sBAAuBA,EACvBtb,cAAeA,EACfS,WAAYA,EACZC,UAAWA,EACX1R,UAAWA,EACXusB,aAAcA,GAEdx6B,gBAACkkC,IACCC,gBAAiBA,EACjBE,kBAAmBA,GACnBnnB,SAAUA,EACVlP,SAAUA,EACVC,UAAWA,EACX5C,MAAO8S,GAENgG,GAAiBA,EAAc/B,OAAS,EACrC+B,EAAclX,KAAI,SAACmoC,EAAmB7sB,OAC9B8sB,EAA0B1D,EAAayD,UAE3Cp1C,gBAACujC,+BACa51B,EAAKhH,YAAYC,4BAA4Byc,QACvD,oBACAgyB,GAEFnqB,qBAAsB3C,GAClB+rB,EAAqB,CACvBvB,aAAcqC,EACd7sB,MAAAA,KAEFjT,QAAS,SAAAiJ,mBA3ESA,EAA6Bw0B,GAC7Dx0B,EAAM8xB,kBAEN6D,GAAwD,mBAAzBA,EAC3BA,EAAqBnB,GACrB0B,EAAmB1B,GAuEPuC,CAAyB/2B,EAAO62B,IAElCrhB,QAAS,kBAAMpG,EAAepF,IAC9B7nB,MAAOA,IAEN20C,EACDr1C,gBAAC4T,QACC5T,gBAACqV,aAAUjV,KAAMM,EAAM7D,UAAUC,cAKlB,iBAAhB8I,EACPA,EACA+H,EAAKhH,YAAYf,aAEvB5F,gBAACyxC,IACCpiB,iBAAkBA,EAClBwiB,aAAcA,EACdH,aAAcA,EACdE,iBAAkBA,EAClBzoB,OAAQA,EACRpH,MAAO2yB,EAAiB3yB,GACxB4vB,aAAcA,EACdnzC,UAAWi0C,GAAqB/xC,EAAMpB,OAAOf,KAAKC,UAClDszC,UAAWA,cH1DHyD,GACdrkC,UAEOA,GAAU,UAAWA,MAmBjBskC,GAAyBrC,YAAUO,iBACnC+B,GACXrB,uBAAqBV,iBI5KjBgC,kGAQAC,yFAQU,SAAAn1C,UAASA,EAAME,MAAMzK,OAAO2B,+CAE1B,SAAA4I,UACdA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOsB,+BACR,SAAAiJ,UAASA,EAAME,MAAM7G,4CAExB,SAAA2G,UAASA,EAAME,MAAMhI,WAAWS,2BACjC,SAAAqH,UAASA,EAAME,MAAMhI,WAAWa,2BAChC,SAAAiH,UAASA,EAAME,MAAMhI,WAAWG,gCAG3C,SAAA2H,UACAA,EAAM22B,WACNppB,4BAEMvN,EAAMyN,UACJzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,2DAI3B,SAAAoK,UACAA,EAAM0c,UACNnP,sBACkBvN,EAAME,MAAMzK,OAAOkB,gCAE/BqJ,EAAMyN,UACJzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOkB,yCAGzB,SAAAqJ,UACFA,EAAMwN,UACND,oBACgBvN,EAAME,MAAMzK,OAAO0B,2BACjB6I,EAAME,MAAMzK,OAAOwB,oBAC1B+I,EAAME,MAAMzK,OAAO4B,mEAKjB2I,EAAME,MAAMzK,OAAO4B,+CAK9BylB,sDACFH,iDAIQ,SAAA3c,UAASA,EAAME,MAAMhI,WAAWQ,2BAC7B,SAAAsH,UAASA,EAAME,MAAMhI,WAAWO,8BAC7B,SAAAuH,UAASA,EAAME,MAAMhI,WAAWE,qDAiClCg9C,GAAiBp1C,OAE7B2jC,EAoBE3jC,EApBF2jC,gBACAh3B,EAmBE3M,EAnBF2M,SACAkiB,EAkBE7uB,EAlBF6uB,iBACAwmB,EAiBEr1C,EAjBFq1C,iBACAC,EAgBEt1C,EAhBFs1C,cACAlC,EAeEpzC,EAfFozC,qBACA12B,EAcE1c,EAdF0c,SACAs1B,EAaEhyC,EAbFgyC,SACAr0B,EAYE3d,EAZF2d,WACAnQ,EAWExN,EAXFwN,SACAC,EAUEzN,EAVFyN,UACAoB,EASE7O,EATF6O,UACA6uB,EAQE19B,EARF09B,YACAC,EAOE39B,EAPF29B,aACA4X,EAMEv1C,EANFu1C,eACAC,EAKEx1C,EALFw1C,gBACAC,EAIEz1C,EAJFy1C,aACArwC,EAGEpF,EAHFoF,YACAue,EAEE3jB,EAFF2jB,cACA6uB,EACExyC,EADFwyC,gBAEItyC,EAAQV,EAAMinB,WAAWlnB,KAEGC,EAAMqJ,UAAkB,GAAnD8tB,OAAW+e,SAE8BpS,QAC3CzU,IADG2U,IAAAA,kBAAmBrB,IAAAA,iBAgBrBwT,EAAaL,KACjB9nC,SAAUA,EACVod,gBAdkBqS,GAClByY,GAAa,GAEbhY,GAAsC,mBAAhBA,GAA8BA,EAAYT,IAYhE1J,iBATmB0J,GACnByY,GAAa,GAEb/X,GAAwC,mBAAjBA,GAA+BA,EAAaV,IAOnE9e,UAAWo3B,EACXnD,WAAYoD,EACZnD,QAASoD,GACLzD,GAAY,CAAEzoC,IAAKyoC,YAIvBxyC,gBAAC01C,oBACKG,KACJ34B,SAAUA,EACVlP,SAAUA,EACVC,UAAWA,EACXvN,MAAOA,IAEPV,gBAAC21C,oBACK/B,KACF5lC,SAAAA,GACIglC,GAAmB,CAAEjpC,IAAKipC,MAEhC91B,SAAUA,EACVlP,SAAUA,EACVmpB,UAAWA,EACXlpB,UAAWA,EACX5C,MAAO8S,EACPzd,MAAOA,IAEPV,gBAACsjC,QACEnf,EACDnkB,gBAACsd,oBACK64B,sBACchS,iBACJjnB,EACdlP,SAAUA,EACVpI,YAAaA,EACblF,MAAOA,MAGVyM,EACAkC,GACCrP,gBAAC2iC,GACCt3B,MAAO,CAAEq4B,WAAY,EAAG7W,YAAansB,EAAMhI,WAAWE,aAG1DoH,gBAACgkC,gBACY,cACX9jC,MAAOQ,EAAMzK,OAAOoB,qBChNd++C,GAAiBC,EAAct0B,OACvCu0B,EAAqBt2C,EAAMgK,QAAO,GAClCusC,EAAWv2C,EAAMgK,OAAOqsC,GAAgBt0B,KACN/hB,EAAMqJ,SAASgtC,GAAgBt0B,GAAhEy0B,OAAcC,cAQrBz2C,EAAMuJ,WAAU,cACT+sC,EAAmBrsC,aAKlBysC,EAAa30B,GAAgB,GAEnCw0B,EAAStsC,QAAUysC,EACnBD,EAAgBC,QAPdJ,EAAmBrsC,SAAU,IAQ9B,CAAC8X,IAEG,CAACw0B,EAAUC,EAAcC,WAlBR7tB,OAChB+tB,YAAeJ,EAAStsC,SAAS2e,IACvC2tB,EAAStsC,QAAU0sC,EACnBF,EAAgBE,cA0BJC,GACdxD,EACArxB,EACA4vB,EACAkF,EACAJ,EACAnD,EACAtV,EACA16B,OAEoBwzC,EAA2B1D,EAAvChX,cAAuCgX,EAAXjqB,OAExB,KACJiT,EACsB,iBAAnB0a,EACHA,EACAnF,EAAamF,GAEbtsB,EAAgB4R,EAClBra,EAAM9X,QACH6e,QAAO,SAAAZ,UACNypB,EAAazpB,GACVkW,cACA2Y,WAAW3a,EAAWgC,kBAE1BtE,OACE+c,IACCza,GAnCd,SAA0Bra,EAAOqa,EAAYuV,UAEzC5vB,EAAM9X,QAAQ6e,QACZ,SAAAZ,UAAQypB,EAAazpB,GAAMkW,gBAAkBhC,EAAWgC,iBACxDhc,OAAS,EAgCA40B,CAAiBj1B,EAAOqa,EAAYuV,GAMnC,KALA,CACE/6B,MAAOtT,EAAY+f,QAAQ,kBAAmB+Y,GAC9CtyB,MAAOsyB,EACP6a,2BAA2B,IAIlCnuB,OAAO3Y,SACV4R,EAAM9X,QAEVqpC,EAAoB,GACpBmD,EAAgBjsB,GAGlBwT,GAC2B,mBAAlBA,GACPA,EAAcoV,iDClEF8D,GAAoB12C,OAEhC2jC,EAqCE3jC,EArCF2jC,gBACY9U,EAoCV7uB,EApCF8uB,WACA+mB,EAmCE71C,EAnCF61C,aACA9D,EAkCE/xC,EAlCF+xC,oBACAsE,EAiCEr2C,EAjCFq2C,kBACAt3B,EAgCE/e,EAhCF+e,aACArC,EA+BE1c,EA/BF0c,SACAsC,EA8BEhf,EA9BFgf,cACAkzB,EA6BElyC,EA7BFkyC,oBACAv0B,EA4BE3d,EA5BF2d,WACAL,EA2BEtd,EA3BFsd,YACA9P,EA0BExN,EA1BFwN,SACAwkC,EAyBEhyC,EAzBFgyC,SACAjY,EAwBE/5B,EAxBF+5B,sBACAlrB,EAuBE7O,EAvBF6O,UACApB,EAsBEzN,EAtBFyN,UACAwkC,EAqBEjyC,EArBFiyC,kBACA1wB,EAoBEvhB,EApBFuhB,MACA4vB,EAmBEnxC,EAnBFmxC,aACA1yB,EAkBEze,EAlBFye,cACAS,EAiBElf,EAjBFkf,WACAC,EAgBEnf,EAhBFmf,UACAmyB,EAeEtxC,EAfFsxC,UACAtX,EAcEh6B,EAdFg6B,aACA2c,EAaE32C,EAbF22C,iBACAjZ,EAYE19B,EAZF09B,YACAF,EAWEx9B,EAXFw9B,cACAG,EAUE39B,EAVF29B,aACA4X,EASEv1C,EATFu1C,eACAC,EAQEx1C,EARFw1C,gBACAC,EAOEz1C,EAPFy1C,aACAmB,EAME52C,EANF42C,mBACAzE,EAKEnyC,EALFmyC,eACA0E,EAIE72C,EAJF62C,cACAzxC,EAGEpF,EAHFoF,YACcktC,EAEZtyC,EAFFuyC,aACAC,EACExyC,EADFwyC,gBAGItyC,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,YAErBuuC,EAAcpvB,WAED,iBAATA,IACTqtB,GAA4BrtB,IAC5BA,EAAK+uB,gCA2FLb,GAAiBC,EAAct0B,GAJjCw0B,OACAC,OACAC,OACAc,gBAGOtE,GAAaC,EAAgBhoB,kBAG7B,IAFAqrB,EAAStsC,QAAQue,WACtB,SAAAf,UAAKkqB,EAAalqB,KAAOkqB,EAAauB,cAEjChoB,GAAMgoB,aACNhoB,GAAM,eAwCXssB,mBACCh3C,GACHmxC,aAAAA,EACA5vB,MAAOy0B,EACPY,mBACEA,GAAoD,mBAAvBA,EACzB,SAAAhE,UAAWgE,EAAmBhE,EAASqD,IACvC,SAAArD,UACEwD,GACExD,EACAmD,EACA5E,EACAkF,EACAJ,EACAnD,GACAtV,EACArwB,EAAKrP,SAASgF,cAExBqvC,wBAvD4BS,OAElBqE,EAENrE,EAFFjqB,OACckqB,EACZD,EADFL,aAGG0E,GACHhB,EAAgBF,EAAStsC,SAGvBwtC,GAAiBpE,GACnBC,GACEkD,EAAahuB,WACX,SAAAf,UAAKkqB,EAAalqB,KAAOkqB,EAAa0B,OAK5CV,GAC4B,mBAAnBA,GACPA,EAAeS,IAoCjByB,8BArJmCzB,MAC/BkE,EAAclE,EAAQL,cAAe,OAInCK,EAAQL,aAFVkE,IAAAA,0BACGS,UAGC9uB,EACJquB,GACAE,GAC4B,mBAArBA,EACHA,EAAiBO,YAfM9uB,UACxBA,EAAQ9e,MAeP6tC,CAAwBD,GAE9B31B,GAASs1B,GAA0C,mBAAlBA,EAC7BA,EAAczuB,GACd2uB,EAAe3uB,GAEnBmsB,GAAWnsB,GACXgvB,GAAcjG,EAAa/oB,SAU3BpoB,EAAMq0C,sBACkC,mBAA/Br0C,EAAMq0C,sBACbr0C,EAAMq0C,qBAAqBzB,IAuH/BG,sBAnHoBC,EAAOC,OACbL,EAAYK,EAAZL,eAAYK,EAAlB14C,WAGDy8C,cAAY9D,iBAAiBmE,uBAS7BL,cAAY9D,iBAAiBoE,sBAK3B1E,GACHhX,WALiBkb,EAAcd,EAAa,IAC1C,GACApD,EAAQhX,kBAMTob,cAAY9D,iBAAiBqE,sBAE3B3E,GACHhX,WACEoX,EAAMpX,aAAeoX,EAAMT,aACvB,GACApB,EAAa6B,EAAMT,cACzBA,aAAcS,EAAMT,aAAeS,EAAMT,aAAe,UAEvDyE,cAAY9D,iBAAiBsE,0BAE3B5E,GACHhX,WAAYgX,EAAQL,aAChBpB,EAAayB,EAAQL,cACrB,oBAGCK,KA6EPb,GACFU,GAAaV,EAAqB,uBAChCG,GACFO,GAAaP,EAAqB,uBAChCI,GACFG,GAAaH,EAAsB,kBAvCrC3pB,MAAAA,OACAyqB,MAAAA,qBACAvB,MAAAA,cACAX,MAAAA,aACAoE,MAAAA,cACAD,MAAAA,iBACAjE,MAAAA,iBACAC,MAAAA,aACAlW,MAAAA,MACAoZ,MAAAA,WACAhC,MAAAA,aACA6E,MAAAA,cACAtE,MAAAA,oBA8BMvP,GAAmBD,QACtBzU,IADG0U,eAIF1lB,GAAWre,WACX+J,GAAMsC,EAAammC,GAAY,KAAMn0B,IAYrChb,GAA0BsK,EAAKrP,SAAS+E,wBAC3CggB,QAAQ,iBAAkB1D,GAC1B0D,QAAQ,oBAAqBsuB,EAAaoB,YAG3C/yC,gBAACoyC,IACCvyB,cAAeskB,EACf5kB,aAAcA,EACd8yB,cAAeA,GACfn1B,SAAUA,EACVsC,cAAeA,EACf+a,sBAAuBA,EACvBtsB,UAAWA,EACXgR,cAAeA,EACfS,WAAYA,EACZC,UAAWA,EACX6a,aAAcA,GAEdx6B,gBAAC41C,IACCzR,gBAAiBA,EACjB9U,iBAAkBA,EAClBrhB,SAAUA,EACV6nC,iBAAkBA,GAClBC,cAAeA,GACflC,qBAAsBA,GACtB12B,SAAUA,EACVs1B,SAAUzoC,GACVoU,WAAYA,EACZlQ,UAAWA,EACXoB,UAAWA,EACX6uB,YAAaA,EACbC,aAAcA,EACd4X,eAAgBA,EAChBC,gBAAiBA,EACjBC,aAAcA,EACdrwC,YAAaA,EACbotC,gBAAiBA,GAEhBl1B,GAAei1B,IACd/yC,gBAAC+jC,iBACa1gC,GACZ2N,KAAMhR,gBAACqV,kBACPC,iBApDgCiJ,GACxCA,EAAM8xB,kBAEFhyB,GAASpU,SACXoU,GAASpU,QAAQ7T,QAGnBulC,MA8CQx7B,MAAOkQ,oBAAYiB,KACnBlR,KAAM0P,mBAAWrT,MACjB6D,QAASoP,sBAAcE,QAI7B5P,gBAACyxC,IACCpiB,iBAAkBA,EAClBwiB,aAAcA,GACdH,aAAcA,GACdE,iBAAkBA,GAClBzoB,OAAQA,GACRpH,MAAOy0B,EACP7E,aAAcA,EACdnzC,UAAWi0C,GAAqB/xC,EAAMpC,SAASC,KAAKC,UACpDszC,UAAWA,uFCnSHmG,GAAiBz3C,SACKR,WAAe,IAA5Co8B,OAAYwb,OAEjBzT,EAkCE3jC,EAlCF2jC,gBACY9U,EAiCV7uB,EAjCF8uB,WACA/P,EAgCE/e,EAhCF+e,aACA82B,EA+BE71C,EA/BF61C,aACAQ,EA8BEr2C,EA9BFq2C,kBACA35B,EA6BE1c,EA7BF0c,SACAsC,EA4BEhf,EA5BFgf,cACArB,EA2BE3d,EA3BF2d,WACAnQ,EA0BExN,EA1BFwN,SACAwkC,EAyBEhyC,EAzBFgyC,SACAjY,EAwBE/5B,EAxBF+5B,sBACAlrB,EAuBE7O,EAvBF6O,UACApB,EAsBEzN,EAtBFyN,UACAwkC,EAqBEjyC,EArBFiyC,kBACA1wB,EAoBEvhB,EApBFuhB,MACA4vB,EAmBEnxC,EAnBFmxC,aACA1yB,EAkBEze,EAlBFye,cACAS,EAiBElf,EAjBFkf,WACAC,EAgBEnf,EAhBFmf,UACAmyB,EAeEtxC,EAfFsxC,UACAtX,EAcEh6B,EAdFg6B,aACA2c,EAaE32C,EAbF22C,iBACAjZ,EAYE19B,EAZF09B,YACAF,EAWEx9B,EAXFw9B,cACAG,EAUE39B,EAVF29B,aACA4X,EASEv1C,EATFu1C,eACAC,EAQEx1C,EARFw1C,gBACAC,EAOEz1C,EAPFy1C,aACAmB,EAME52C,EANF42C,mBACAzE,EAKEnyC,EALFmyC,eACA0E,EAIE72C,EAJF62C,cACAnD,EAGE1zC,EAHF0zC,qBACAtuC,EAEEpF,EAFFoF,YACAotC,EACExyC,EADFwyC,gBAGItyC,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,KAO1BqtC,GAAiBC,EAAct0B,GAJjCw0B,OACAC,OACAC,OACAc,gBAGOpD,EAA0BjB,UAIxB,IAFPqD,EAAStsC,QAAQue,WACf,SAAAf,UAAKkqB,EAAalqB,KAAOkqB,EAAauB,YAYxCkB,4BACC5zC,EACCA,EAAM6zC,sBAAwB,CAChCA,qBAAsB7zC,EAAM6zC,qBAAqBvrB,OAC/CqrB,IAGA3zC,EAAM2jB,eAAiB,CACzBA,cAAe3jB,EAAM2jB,cAAc2E,OAAOqrB,MAd5CG,KAAAA,qBACAC,KAAAA,iBACAC,KAAAA,gBACAC,KAAAA,mBACA9mB,KAAAA,eACAxJ,KAAAA,uBAaOmzB,GAAcpvB,WAED,iBAATA,IACTqtB,GAA4BrtB,IAC5BA,EAAK+uB,mCAIAvC,GAAiBC,UACjBA,EAAgB7rB,QAAO,SAAAZ,OACtB2b,EACY,iBAAT3b,GAAqBA,EAAK+uB,0BAC7B/uB,EAAKpe,MACL6nC,EAAazpB,UAEhB/D,GAAcqE,WACb,SAAAuqB,UAAgBpB,EAAaoB,KAAkBpB,EAAazpB,MAC1D,GACF2b,EAAWzF,cAAc2Y,WAAW3a,EAAWgC,gBACjDkZ,GAAcpvB,UA8CfgwB,KACD13C,eA6CK23C,GAAkB/E,GACzBwE,EAAcxE,EAAQhX,YAEtB4B,GAC2B,mBAAlBA,GACPA,EAAcoV,UAcdoE,mBACCU,IACHvG,aAAAA,EACA5vB,MAAO2yB,GAAiB8B,GACxBY,mBACEA,GAAoD,mBAAvBA,EACzB,SAAAhE,UAAWgE,EAAmBhE,EAASqD,IACvC,SAAArD,UACEwD,GACExD,EACAmD,EACA5E,EACAkF,EACAJ,EACAnD,GACA6E,GACAxqC,EAAKrP,SAASgF,cAExBqvC,wBAhF4BS,GACMA,EAA1BjqB,QAGNstB,EAAgBF,EAAStsC,SAG3B0oC,GAC4B,mBAAnBA,GACPA,EAAeS,IAwEjByB,8BAzHmCzB,MAC/BkE,GAAclE,EAAQL,cAAe,OAInCK,EAAQL,aAFVkE,IAAAA,0BACGS,UAGC9uB,EACJquB,GACAE,GAC4B,mBAArBA,EACHA,EAAiBO,YAfM9uB,UACxBA,EAAQ9e,MAeP6tC,CAAwBD,GAE9B31B,GAASs1B,GAA0C,mBAAlBA,EAC7BA,EAAczuB,GACd2uB,EAAe3uB,GACnB4rB,GAAgB5rB,QASPwqB,EAAQL,cACjByB,GAAgBpB,EAAQL,cAG1BgC,GAAW,MACX6C,EAAc,KA2FdrE,sBAtEoBC,EAAOC,OACbL,EAAYK,EAAZL,eAAYK,EAAlB14C,WAEDy8C,cAAY9D,iBAAiBmE,sBAC1B/C,EAAkBJ,GAAiB8B,GACvChD,EAAM5B,8BAGHwB,EACC0B,GAAmB,CACrB/B,aAAc+B,IAEhB1Y,WAAY,UAGXob,cAAY9D,iBAAiBoE,eAM7BN,cAAY9D,iBAAiBqE,sBAE3B3E,GACHhX,WAAY,oBAGPgX,OAaXjqB,MAAAA,OACAyqB,MAAAA,qBACAvB,MAAAA,cACAX,MAAAA,aACAoE,MAAAA,cACAD,MAAAA,iBACAjE,MAAAA,iBACAC,MAAAA,aACAkD,MAAAA,WACAzB,MAAAA,oBAsCI8E,GACJj0B,IAAiBA,GAAc/B,OAAS,EACtCpiB,gCACGmkB,GAAclX,KAAI,SAACmoC,EAAmB7sB,UACrCvoB,gBAACujC,+BACa51B,EAAK9G,cAAcD,4BAA4Byc,QACzD,oBACAsuB,EAAayD,IAEflqB,qBAAsB3C,GAClB+rB,GAAqB,CACvBvB,aAAcqC,EACd7sB,MAAAA,KAEFjT,QAAS,SAAAiJ,mBA5BeA,EAA6Bw0B,GAC7Dx0B,EAAM8xB,kBAEN6D,GAAwD,mBAAzBA,EAC3BA,EAAqBnB,GACrB0B,GAAmB1B,GAwBbuC,CAAyB/2B,EAAO62B,IAElCrhB,QAAS,kBAAMpG,GAAepF,IAC9B7nB,MAAOA,IAENixC,EAAayD,GACdp1C,gBAAC4T,QACC5T,gBAACqV,aAAUjV,KAAMM,EAAM7D,UAAUC,eAKvC,YAGJkD,gBAACoyC,IACCvyB,cAAeskB,EACf5kB,aAAcA,EACd8yB,cAAeA,GACf7yB,cAAeA,EACfvR,UAAWA,EACXssB,sBAAuBA,EACvBtb,cAAeA,EACfS,WAAYA,EACZC,UAAWA,EACX6a,aAAcA,GAEdx6B,gBAAC41C,IACCzR,gBAAiBA,EACjB9U,iBAAkBA,EAClBwmB,iBAAkBA,GAClBC,cAAe,SAAA/iB,eACV+iB,QACE/iB,EACAwhB,MACD51B,UAAWo3B,EACXZ,iBAAkBhsB,IACdqpB,GAAY,CAAEzoC,IAAKyoC,SAI7BoB,qBAAsBA,GACtBz1B,WAAYA,EACZnQ,SAAUA,EACVC,UAAWA,EACXoB,UAAWA,EACX6N,SAAUA,EACVghB,YAAaA,EACbC,sBArEoB5f,GACxBoP,IAAgB,GAEhBwQ,GAAwC,mBAAjBA,GAA+BA,EAAa5f,IAmE/Dw3B,eAAgBA,EAChBC,gBAAiBA,EACjBC,aAAcA,EACdrwC,YAAaA,EACbue,cAAei0B,GACfpF,gBAAiBA,IAEnBhzC,gBAACyxC,IACCpiB,iBAAkBA,EAClBwiB,aAAcA,GACdH,aAAcA,GACdE,iBAAkBA,GAClBzoB,OAAQA,GACRpH,MAAO2yB,GAAiB8B,GACxB7E,aAAcA,EACdnzC,UAAWi0C,GAAqB/xC,EAAMpC,SAASC,KAAKC,UACpDszC,UAAWA,eCjUPuG,GC2GCC,GAA2Bd,cAAY9D,2FCrHvC6E,GAAY,wBAwCnBC,GAAiBlrC,EAAOsK,GAAPtK,6KAST,SAAA9M,UAASA,EAAMi4C,gBAChB,SAAAj4C,UAASA,EAAMk4C,oCFlC5B,SAASC,GAAUC,EAAkBx4C,UAC5Bw4C,IAASP,mBAAWj5C,WACvB,MACAyN,EAA0BzM,GAEhC,SAASy+B,GAAS+Z,EAAkBx4C,UAC3Bw4C,IAASP,mBAAWh5C,SAAW,MAAQwN,EAA0BzM,IAZ9Di4C,GAAAA,qBAAAA,gDAEVA,uBACAA,eAYF,aGpBYQ,GAQAC,GHYNC,GAAezrC,EAAOC,gHACf,SAAA/M,UACTA,EAAMo4C,OAASP,mBAAWj5C,WAAa,eAAiB,WAChD,SAAAoB,UAASm4C,GAAUn4C,EAAMo4C,KAAMp4C,EAAMJ,SACjC,SAAAI,UAASm4C,GAAUn4C,EAAMo4C,KAAMp4C,EAAMJ,SACtC,SAAAI,UAASq+B,GAASr+B,EAAMo4C,KAAMp4C,EAAMJ,SACxC,SAAAI,UAASq+B,GAASr+B,EAAMo4C,KAAMp4C,EAAMJ,SAGlC44C,GAASh5C,cACpB,SAACQ,EAAOuJ,OACE0D,EAA6CjN,EAA7CiN,SAA6CjN,EAArCo4C,KAAAA,aAAOP,mBAAWY,OAASvrC,IAAUlN,aAGnDR,gBAAC+4C,oBAAiBrrC,GAAOkrC,KAAMA,gBAAmBnrC,EAAQ1D,IAAKA,6FG2MrE,SAASmvC,GAAkB14C,MACrBA,EAAMwQ,YACAxQ,EAAMJ,UACP,mBACSI,EAAME,MAAMhI,WAAWE,6BAEvB4H,EAAME,MAAMhI,WAAWG,iBAGjC2H,EAAMJ,UACP,mBACSI,EAAME,MAAMhI,WAAWE,6BAEvB4H,EAAME,MAAMhI,WAAWG,YA1P7BggD,GAAAA,mBAAAA,sCAEVA,qBACAA,6BACAA,+BACAA,sBAGUC,GAAAA,kBAAAA,qCAEVA,iBAoPF,OC1PYK,GD0PNC,GAAa,SAAA54C,UAASuN,gBAChBvN,EAAME,MAAMnB,IAAI/G,yBACTgI,EAAME,MAAMhI,WAAWK,yBAzK1C,SAA+ByH,MACzBA,EAAMyN,UAAW,IACfzN,EAAMwN,gBAEAxN,EAAMN,WACP,cAEA,wBACOM,EAAME,MAAMzK,OAAOyB,cAC1B,4CAGO8I,EAAME,MAAMzK,OAAOyB,iBAI3B8I,EAAMN,WACP,kBACOM,EAAME,MAAMzK,OAAOmB,kBAC1B,mBACOoJ,EAAME,MAAMzK,OAAOiB,mBAC1B,mBACOsJ,EAAME,MAAMzK,OAAOE,mBAC1B,gCAEA,wBACOqK,EAAME,MAAMzK,OAAO2B,2BAEnB4I,EAAME,MAAMzK,OAAOsB,gBAE5B,GAAIiJ,EAAMwN,WAAaxN,EAAMyN,iBAE1BzN,EAAMN,WACP,cAEA,wBACOM,EAAME,MAAMzK,OAAOyB,cAC1B,uBACO8I,EAAME,MAAMzK,OAAO2B,2BAEnB4I,EAAME,MAAMzK,OAAOyB,iBAI3B8I,EAAMN,WACP,kBACOM,EAAME,MAAMzK,OAAOkB,WAC1B,mBACOqJ,EAAME,MAAMzK,OAAOe,YAC1B,mBACOwJ,EAAME,MAAMzK,OAAOC,YAC1B,uBACOsK,EAAME,MAAMzK,OAAO2B,cAC1B,wBACO4I,EAAME,MAAMzK,OAAOoB,yBAEnBmJ,EAAME,MAAMzK,OAAOyB,WAkHnBwW,CAAsB1N,aA9GtC,SAA8BA,MACxBA,EAAMyN,UAAW,IACfzN,EAAMwN,gBAEAxN,EAAMN,WACP,cAEA,sBACOM,EAAME,MAAMzK,OAAOsB,mBAC1B,qBACOiJ,EAAME,MAAMzK,OAAO2B,8BAEnB4I,EAAME,MAAMzK,OAAOsB,sBAI3BiJ,EAAMN,WACP,aAEA,cAEA,mBACOM,EAAME,MAAMzK,OAAOoB,YAC1B,uBACOmJ,EAAME,MAAMzK,OAAO2B,cAC1B,wBACO4I,EAAME,MAAMzK,OAAOoB,yBAEnBmJ,EAAME,MAAMzK,OAAO2B,gBAE5B,GAAI4I,EAAMwN,WAAaxN,EAAMyN,iBAE1BzN,EAAMN,WACP,cAEA,mBAEA,6BAGOM,EAAME,MAAMzK,OAAOsB,sBAI3BiJ,EAAMN,WACP,aAEA,cAEA,cAEA,wBACOM,EAAME,MAAMzK,OAAO2B,2BAEnB4I,EAAME,MAAMzK,OAAOoB,SAyDxBgiD,CAAqB74C,kBA1LhC,SAAwBA,MACF,gBAAhBA,EAAMN,aACJM,EAAMyN,UACJzN,EAAMwN,sBACYxN,EAAME,MAAMzK,OAAO2B,4BAErB4I,EAAME,MAAMzK,OAAO2B,eAErC4I,EAAMwN,sBACYxN,EAAME,MAAMzK,OAAOyB,8BAEd8I,EAAME,MAAMzK,OAAOwB,UAgLlC6hD,CAAe94C,eAClBA,EAAME,MAAMnB,IAAIC,wBACZgB,EAAME,MAAMnB,IAAIE,+BACZe,EAAME,MAAMnB,IAAIG,6BACP,UAAfc,EAAMJ,QACZI,EAAME,MAAM1L,UAAUC,OAAOC,YAC7BsL,EAAME,MAAM1L,UAAUK,OAAOH,yBACN,UAAfsL,EAAMJ,wCACY,UAAfI,EAAMJ,QACjBI,EAAME,MAAM1L,UAAUC,OAAOE,iBAC7BqL,EAAME,MAAM1L,UAAUK,OAAOF,4BACR,UAAfqL,EAAMJ,KACfI,EAAME,MAAMhI,WAAWU,UACvBoH,EAAME,MAAMhI,WAAWY,sBApD7B,SAAyBkH,MACnBA,EAAMwQ,YACAxQ,EAAMJ,UACP,mBACSI,EAAME,MAAMhI,WAAWE,yBAEzB4H,EAAME,MAAMhI,WAAWE,wBAG/B4H,EAAMJ,UACP,mBACSI,EAAME,MAAMhI,WAAWE,yBAEzB4H,EAAME,MAAMhI,WAAWE,kBAwC1B2gD,CAAgB/4C,gCAEA,UAAfA,EAAMJ,KACTI,EAAME,MAAM7D,UAAUC,YACtB0D,EAAME,MAAM7D,UAAUJ,uBAClB+D,EAAMwN,SAAW,MAAQ,oBACZ,UAAfxN,EAAMJ,KACRI,EAAME,MAAM7D,UAAUC,YACtB0D,EAAME,MAAM7D,UAAUJ,uCA5EjC,SAAyB+D,UACnBA,EAAM8U,SAAW9U,EAAMg5C,SACrBh5C,EAAMwN,SACD,MAEF,MAEW,gBAAhBxN,EAAMN,OAA2BM,EAAMwN,SAClC,MACExN,EAAMwN,SACR,MAEF,IAmEMyrC,CAAgBj5C,aACH,UAAfA,EAAMJ,KACRI,EAAME,MAAM7D,UAAUC,YACtB0D,EAAME,MAAM7D,UAAUJ,oCAIhB+D,EAAMwN,SAAW,MAAQ,8BAKpCsB,GAAehC,EAAOkC,kDAMxB4pC,IACQ,SAAA54C,UAAUA,EAAMwN,SAAW,cAAgB,aAGjDuI,GAAajJ,EAAOC,gDAKtB6rC,IACQ,SAAA54C,UAAUA,EAAMwN,SAAW,cAAgB,aAGjD0rC,GAAYpsC,EAAOC,yCAIZ2rC,IAOAS,GAAM35C,cACjB,SAACQ,EAAOuJ,OAEJoD,EASE3M,EATF2M,SACAjN,EAQEM,EARFN,QAQEM,EAPFmf,UAAAA,aAAYxS,IACZmI,EAME9U,EANF8U,QACAkkC,EAKEh5C,EALFg5C,SACW/hC,EAITjX,EAJFyN,YAIEzN,EAHFJ,KAAAA,aAAO04C,gBAAQp8C,SAEZ+T,IACDjQ,MAEEE,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAayH,GAIzB1P,EAFO/H,aAAiB+I,GAEDxJ,IAAIwI,gBAAgBsb,QAC/C,iBACAtW,EAAY4S,IAGN3O,EAASxQ,EAATwQ,KAEF4oC,EAAyBzpC,QAAQmF,GAAWkkC,GA9B/BlqC,GAAeiH,UAyChCvW,gBAAC45C,iBACC15C,MAAOA,EACP8Q,KAAMA,EACNsE,mBAXEA,GAA8B,mBAAZA,EACpBA,IACSkkC,GAAgC,mBAAbA,GAC5BA,KASAvrC,UAAWA,EACXlE,IAAKA,gBACQvJ,EAAMiN,OACnBrN,KAAMA,EACNM,MAAOA,GACH+P,GAEHO,EACDhR,gBAAC05C,kBAAUt5C,KAAMA,GAAUqQ,GAAM/P,MAAOA,IACrCyM,GAEFqsC,GACCx5C,gBAAC65C,2BACa9xC,EACZ3H,KAAMM,EAAM7D,UAAUJ,YEpXrBq9C,GAAgB95C,gBAA4C,CACvE+5C,YAAa,CAAE9vC,QAAS,IACxB+vC,aAAc,IAGHC,GAAkBj6C,cAG7B,SAACQ,EAAOuJ,OACAiwC,EAAmCx5C,EAAnCw5C,aAAc7sC,EAAqB3M,EAArB2M,SAAUM,EAAWjN,EAAXiN,OAC1BssC,EAAc/5C,SAAa,WAG/BA,gBAAC85C,GAAc3kC,UAASrL,MAAO,CAAEkwC,aAAAA,EAAcD,YAAAA,IAC7C/5C,uBAAK+J,IAAKA,gBAAkB0D,GACzBN,kHCOH+sC,GAAe5sC,EAAOgG,oVAIhB,SAAA9S,UAASA,EAAM25C,qBAAuB,MAOxB,SAAA35C,UAAS,EAAIA,EAAM45C,4BAK/B,SAAA55C,UAASA,EAAM25C,qBAAuB,MASvCE,GAAQr6C,cACnB,SAACQ,EAAOuJ,OACAuwC,EAAgBt6C,aACgBA,YAAwB,GAAvDyU,OAAa8lC,SACYv6C,YAAwB,GAAjD4U,OAAU4lC,SAEfx6C,aADKy6C,OAAoBC,OAIzBC,EASEn6C,EATFm6C,WACInmC,EAQFhU,EARFyI,GACAwE,EAOEjN,EAPFiN,OACAnN,EAMEE,EANFF,QACAs6C,EAKEp6C,EALFo6C,mBACAztC,EAIE3M,EAJF2M,SACAyQ,EAGEpd,EAHFod,eACA9I,EAEEtU,EAFFsU,cACGpH,IACDlN,MAEEyI,EAAKE,EAAcqL,GAEnB6kB,EAAYr5B,aAEoBA,aAAiB85C,IAA/CE,IAAAA,aAAcD,IAAAA,YAEhBc,EAAiBzpB,KAAK0pB,MAEtBC,EAAmB/6C,oBAEhBg7C,IACPT,GAAe,GAEf5vC,YAAW,WACLovC,EAAY9vC,UACd8vC,EAAY9vC,QAAU8vC,EAAY9vC,QAAQ6e,QACxC,SAAAmyB,UAAWA,IAAYF,EAAiB9wC,cAG3C,YAaIixC,EAAiBzgD,YAAAA,IAAAA,EAvDC,KAwDzBiQ,aAAa4vC,EAAcrwC,SAG3BqwC,EAAcrwC,QAAUU,YAAW,WACjCqwC,MAHoBvgD,E1GpEM,c0G2ErB0gD,QAMDC,GALWX,GAEb3lC,GAnEqB,MAsESsc,KAAK0pB,MAAQD,GAE/CnwC,aAAa4vC,EAAcrwC,SAC3BywC,EAAsBU,GAEtBZ,GAAY,YAGLa,IACPH,EAAiBT,GACjBD,GAAY,YAuBLc,IACPC,OACoC,IAA3BxB,EAAY9vC,QAAQ,GACvB,EAzGS,GA0GT8vC,EAAY9vC,QAAQuP,QAAQuhC,EAAiB9wC,gBAKnDjK,WAAe,GADVm6C,OAAsBoB,cAG7Bv7C,aAAgB,kBACdq5B,EAAUpvB,QAAUe,SAAS2f,cAExBnqB,EAAMo6C,oBACTM,EAAiB16C,EAAMsU,eAGlB,WACLpK,aAAa4vC,EAAcrwC,YAE5B,IAEHjK,aAAgB,WACT46C,GlHmCF5tC,MAAMua,KkHlCmCwzB,ElHkCpB9wC,QAAQiuB,iBAAiB9qB,IkHjC7BV,SAAQ,SAAAjB,GACxBA,EAAQgoB,iBAAiB,QAAS0nB,GAClC1vC,EAAQgoB,iBAAiB,OAAQ4nB,QAGpC,IAEHr7C,aAAgB,WACV+5C,IACFA,EAAY9vC,QAAU8vC,EAAY9vC,QAAQ2C,SACxCmuC,EAAiB9wC,SAEf8vC,EAAY9vC,QACZ8vC,EAAY9vC,QAAQ6vB,OAAO,CAACihB,EAAiB9wC,UAEjDqxC,OAED,IAEHt7C,aAAgB,WACds7C,MACC,CAACvB,EAAY9vC,UAGdjK,gBAACk6C,IACCC,qBAAsBA,EACtBC,yBAA0BJ,EAC1B3lB,sBAzEsB9V,GACxB/d,EAAM6zB,cAC0B,mBAAvB7zB,EAAM6zB,cACb7zB,EAAM6zB,aAAa9V,GAEhB/d,EAAMo6C,oBACTO,KAoEA/mB,sBAhEsB7V,GACxB/d,EAAM4zB,cAC0B,mBAAvB5zB,EAAM4zB,cACb5zB,EAAM4zB,aAAa7V,GAEhB/d,EAAMo6C,oBACTS,KA2DAtxC,IAAKgxC,EACL1vC,MAAOuS,gBACMnQ,GAEbzN,gBAACqU,oBACK3G,GACJ4G,wBAtHJ5J,aAAa4vC,EAAcrwC,SAE3B+wC,IAEI3hB,EAAUpvB,SACZovB,EAAUpvB,QAAQ7T,SAkHhBme,cAAeqmC,EACf3xC,GAAIA,EACJyL,iBACAD,YAAaA,EACbG,SAAUA,EACVpB,WACAqB,UAAWrU,EAAMqU,UACjB9K,IAAKA,EACLsB,WAAYsvC,GACZ7lC,cAAeA,GA9KM,IA+KrBxU,QAASA,IAER6M,qMFnOCgsC,GAAAA,6BAAAA,4CAEVA,iBA4DF,gBG1EYqC,GH0ENr7B,yDACFnD,QAGEoD,sDACFpD,QAGE8kB,8DAOU,SAAAthC,UAASA,EAAME,MAAMzK,OAAOuB,+CAE1B,SAAAgJ,UACdA,EAAM0c,SAAW1c,EAAME,MAAMzK,OAAOkB,OAASqJ,EAAME,MAAMzK,OAAOuB,+CAEpD,SAAAgJ,UACZA,EAAMyN,WAAazN,EAAM0c,sBACR1c,EAAME,MAAMzK,OAAO2B,UAChC,uEAMJ,SAAA4I,UACAA,EAAM+f,WACNxS,oBACgBvN,EAAME,MAAMzK,OAAOgB,2BACjBuJ,EAAM0c,SAClB1c,EAAME,MAAMzK,OAAOkB,OACnBqJ,EAAME,MAAMzK,OAAOgB,mCAGzB,SAAAuJ,UACAA,EAAMwN,UACND,oBACgBvN,EAAME,MAAMzK,OAAOyB,2BACjB8I,EAAME,MAAMzK,OAAOyB,qDAIrC0oB,2CAEI,SAAA5f,UACAA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,qDAMb,SAAAoK,UAASA,EAAME,MAAMzK,OAAOoB,sNAexC,SAAAmJ,UACAA,EAAM+f,WACNxS,oBACgBvN,EAAME,MAAMzK,OAAOgB,4CAKrCmpB,oKASEq7B,8DAKU,SAAAj7C,UAASA,EAAME,MAAMzK,OAAO2B,mIAUxC,SAAA4I,UACAA,EAAM+f,oBAMJm7B,iEACK,SAAAl7C,UACPA,EAAMwN,SACFxN,EAAME,MAAMzK,OAAOwB,UACnB+I,EAAME,MAAMzK,OAAO2B,sBACjB,SAAA4I,UAASA,EAAME,MAAMhI,WAAWE,uCAEjC,SAAA4H,UAASA,EAAME,MAAMhI,WAAWC,oCAOnC+X,qGAIAE,oGAIA+qC,GAAkB,SACtB/7B,EACAD,EACAe,EACAhB,UAEIE,EACK5f,gBAACmgB,QAAiBR,GAGpBe,IAAiBy4B,2BAAmB99C,KACzC2E,gBAAC0Q,IAAarF,MAAOqU,GAAaC,GAElC3f,gBAAC4Q,IAAcvF,MAAOqU,GAAaC,IAI1Bi8B,GAAS57C,cACpB,SAACQ,EAAOuJ,OAEJ6T,EAeEpd,EAfFod,eACAgD,EAcEpgB,EAdFogB,QACAC,EAaErgB,EAbFqgB,eACA7S,EAYExN,EAZFwN,SACAuR,EAWE/e,EAXF+e,aACI/K,EAUFhU,EAVFyI,GACA2W,EASEpf,EATFof,qBACAF,EAQElf,EARFkf,WACAC,EAOEnf,EAPFmf,UACArB,EAME9d,EANF8d,SACAoC,EAKElgB,EALFkgB,aACAjT,EAIEjN,EAJFiN,OACAouC,EAGEr7C,EAHFq7C,WACAC,EAEEt7C,EAFFs7C,WACGpuC,IACDlN,QACiCR,WACnCmQ,QAAQ0Q,IAAmB1Q,QAAQyQ,IAD9BL,OAAWO,OAIZ7X,EAAKE,EAAcqL,GACnBuM,EAAkC,kBAAZH,EAE5B5gB,aAAgB,WACS,kBAAZ4gB,GACTE,EAAgBF,KAEjB,CAACA,QAYElgB,EAAQV,aAAiBD,GACzByK,EAAUxK,aAAiBof,IAE3BS,EAAgBN,EAAkBtW,WAAa,KAC/C+X,EAAqBxW,EAAQqV,cAE7BoB,EACJpB,GAAiBmB,EACVA,MAAsBnB,EACzBA,GAEAmB,GAEA,KAEA9D,EAAW1S,EAAQ0S,YAAcqC,EAEjCtR,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gCACEA,gBAACkgB,QACClgB,gBAACogB,oBACK1S,kBACU6S,qBACIU,EAClBhY,GAAIA,gBACSwE,EACbO,SAAUA,EACV4S,QAASL,EACTxlB,KAAK,WACLujB,kBAzCcC,OACH2C,EAAkB3C,EAAMC,OAAjCoC,QAERtC,GAAgC,mBAAbA,GAA2BA,EAASC,GAElDwC,GACHD,EAAgBI,IAoCZnX,IAAKA,EACL8D,KAAK,YAEP7N,gBAACgf,IACCe,QAAS9W,EACTgF,UAAWA,EACX5C,MAAOuS,GAEN8C,IAAiBy4B,2BAAmB/9C,OACnCugD,GACE/7B,EACAD,EACAw5B,2BAAmB99C,KACnBqkB,GAEJ1f,gBAAC8hC,IACCvhB,UAAWA,gBACC,eACZvS,SAAUA,EACVkP,SAAUA,EACVjP,UAAWA,EACX5C,MAAOwwC,EACPn7C,MAAOA,GAEPV,gBAAC07C,IAAc1tC,SAAUA,EAAUtN,MAAOA,GACxCV,gBAACwsB,aAAUpsB,KAAMM,EAAM7D,UAAUC,UAEnCkD,gBAACy7C,IACCl7B,UAAWA,EACXvS,SAAUA,EACV3C,MAAOywC,EACPp7C,MAAOA,KAGVggB,IAAiBy4B,2BAAmB/9C,OACnCugD,GACE/7B,EACAD,EACAw5B,2BAAmB/9C,MACnBskB,OAILH,GACDvf,gBAAC8e,IAAa7V,GAAI4W,EAAe3C,YAASjP,UAAWA,GAClDsR,0JIvTPw8B,GAAiBzuC,EAAO0uC,+EAG1B7+B,GACAF,IAES,SAAAzc,UACNA,EAAME,MAAMhI,WAAWE,cAAa4H,EAAME,MAAMhI,WAAWG,aAGrDojD,GAAWj8C,cACtB,SAACQ,EAAOuJ,OAEJ6T,EAWEpd,EAXFod,eACA2B,EAUE/e,EAVF+e,aACAC,EASEhf,EATFgf,cACIhL,EAQFhU,EARFyI,GACAsxB,EAOE/5B,EAPF+5B,sBACA7a,EAMElf,EANFkf,WACAC,EAKEnf,EALFmf,UACA6a,EAIEh6B,EAHFiN,OACAyuC,EAEE17C,EAFF07C,cACGxuC,IACDlN,MAEEE,EAAQV,aAAiBD,GAEzBkJ,EAAKE,EAAcqL,GACnBqL,EAAgBN,GAAgBC,EAAmBvW,WAAa,OAE5CjJ,WAExBQ,EAAMsM,cAAgBtM,EAAMsJ,OAAS,IAFhCA,OAAOsU,OAIdpe,aAAgB,WACdoe,EAAS5d,EAAMsJ,SACd,CAACtJ,EAAMsJ,YASJmE,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAACq6B,IACCzc,eAAgBA,EAChB2B,aAAcA,EACd+a,QAASrxB,EACTuW,cAAeA,EACf+a,sBAAuBA,EACvBtsB,UAAWA,EACXyR,WAAYA,EACZC,UAAWA,GAEX3f,gBAAC+7C,oBACKruC,sBAEFmS,GAAgCrf,EAAM,qCAExB+e,gBACH9R,EACbyP,WAAYqC,EACZtW,GAAIA,EACJgF,UAAWA,EACXqQ,kBA/BgBC,GACpB/d,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASC,GAEjBH,EAASG,EAAMC,OAAO1U,QA2BlBC,IAAKA,EACLsB,MAAO6wC,EACPx7C,MAAOA,EACPoJ,MAAOA,EACPpL,MAAM,8BCnGVy9C,uKASY,SAAA37C,UAASA,EAAME,MAAMzK,OAAOK,wBACjC,SAAAkK,UAASA,EAAME,MAAMzK,OAAO2B,kBAI5BwkD,GAAap8C,cACxB,SAACQ,EAAOuJ,OACEoD,EAAuB3M,EAAvB2M,SAAaO,IAAUlN,MACzBE,EAAQV,aAAiBD,UAG7BC,gBAACm8C,oBACKzuC,iBACQ,iBACZ3D,IAAKA,EACLrJ,MAAOA,EACP3F,KAAK,WAEJoS,0HChBHkvC,GAAkB/uC,EAAOgG,iFAI3B2J,IACQ,SAAAzc,UAASA,EAAME,MAAMhI,WAAWS,aAC/B,SAAAqH,UAASA,EAAME,MAAMhI,WAAWG,aAIvCyjD,GAAUhvC,EAAOC,0GAOjBgvC,GAAiBjvC,EAAO3H,kUAEX,SAAAnF,UAASA,EAAME,MAAM7G,gBACtB,SAAA2G,UAASA,EAAME,MAAMhI,WAAWC,aACnC,SAAA6H,UAASA,EAAME,MAAMhI,WAAWC,aAEpC,SAAA6H,UAASA,EAAME,MAAMhI,WAAWM,aAUzB,SAAAwH,UAASA,EAAME,MAAMzK,OAAOM,gBACjC,SAAAiK,UAASA,EAAME,MAAMzK,OAAO2B,aAI5B4kD,GAAax8C,cACxB,SAACQ,EAAOuJ,OACArJ,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAG5B6U,EASEpd,EATFod,eACA2B,EAQE/e,EARF+e,aACAC,EAOEhf,EAPFgf,cACArB,EAME3d,EAJFmf,UACA88B,EAGEj8C,EAHFi8C,YAEG/uC,IACDlN,MAEEyN,EAAY+B,GAAaxP,EAAMyN,sBC5CXzN,OACpB+e,EAA0C/e,EAA1C+e,aAAcC,EAA4Bhf,EAA5Bgf,cAAelB,EAAa9d,EAAb8d,SAG/Bzd,EAFOb,aAAiB+I,GAEVlI,QAAUk0B,OACxB2nB,EAAK77C,EAAO87C,SAASC,UAAU,KAAM,CAAEl+C,MAAO,gBAC9Cm+C,EAAKh8C,EAAO87C,SAASC,UAAU,KAAM,CAAEl+C,MAAO,kBAE5BsB,WAAuB,IAAxC88C,OAAMC,SACe/8C,WAAuB,IAA5Cg9C,OAAQC,SACSj9C,WAAuB08C,GAAxCQ,OAAMC,SACWn9C,WAAuB,IAAxC8L,OAAMsxC,OACPC,EAAUr9C,WACVs9C,EAAYt9C,WACZu9C,EAAUv9C,WACViJ,EAAKE,EAAc3I,EAAMyI,aAYtBu0C,EAAWC,GAClBL,EAAQK,GACRn/B,GAAgC,mBAAbA,GAA2BA,EAASm/B,YA6BhDC,EAAcC,UACjBA,EAAU,OACDA,EACFA,EAAU,OACRA,EAAQ5vB,WAAW6vB,UAAU,EAAG,GAGtCD,EAAQ5vB,oBA6BR8vB,QACDC,EAAUZ,IAASR,EAAKG,EAAKH,EAEnCS,EAAQW,GACRN,EAAcV,MAAQE,MAAUc,UAjFlC99C,aAAgB,eAeG+9C,EACXC,EADWD,EAdHv9C,EAAMsJ,MAedk0C,EAAetB,MAAMA,EAAGte,kBAAiBye,MAAMA,EAAGze,cACtC,IAAI6f,4CACiBD,SACrC,KAEeliB,KAAKiiB,aAGKA,SACWA,EAAaG,MAAM,KAAlDC,OAAUC,OACXC,EAAaD,EAAkBR,UAAU,EAAG,GAE5CU,EACJ5yC,OAAOyyC,GAAY,GACftB,EACAuB,EAAkBh8B,OAAS,EAC3Bg8B,EAAkBF,MAAM,KAAK,GAAGtoB,cAChC8mB,EAENK,EAAQW,EAAchyC,OAAOyyC,KAC7BlB,EAAUoB,GACVlB,EAAQmB,GACRd,EAAcW,MAAYE,MAAcC,GApCtCC,CAAoB/9C,EAAMsJ,SAE3B,CAACtJ,EAAMsJ,QAwHH,CACLozC,KAAAA,EACAR,GAAAA,EACAa,QAAAA,EACAM,WAAAA,EACA50C,GAAAA,EACA6C,KAAAA,EACAgxC,KAAAA,EACA0B,OA9HgBv1C,WA+HhBo0C,QAAAA,EACAL,OAAAA,EACAyB,SAhIkBx1C,aAiIlBq0C,UAAAA,EACAz9B,cAjIoBN,GAAgBC,EAAmBvW,WAAa,KAkIpEy1C,0BA3EwBngC,OAClBo/B,EAAUD,EAAchyC,OAAO6S,EAAMC,OAAO1U,QAElDizC,EAAQY,GACRH,EAAcG,MAAWX,MAAUE,IAwEnCyB,4BArE0BpgC,OACpBqgC,WApBiBA,UACL,IAAdA,OAEOA,EAAY,OACVA,EACFA,EAAY,OACVA,EAAU7wB,WAAW6vB,UAAU,EAAG,GAGxCgB,EAAU7wB,WAWC8wB,CAAgBnzC,OAAO6S,EAAMC,OAAO1U,QAEtDmzC,EAAU2B,GACVpB,EAAcV,MAAQ8B,MAAa1B,IAkEnC4B,2BAxDyBvgC,GACP,cAAdA,EAAM2M,KACR6xB,EAAQ,IAGQ,eAAdx+B,EAAM2M,KACRoyB,EAAUrzC,QAAQ7T,SAmDpB2oD,6BA/C2BxgC,GACT,cAAdA,EAAM2M,KACR+xB,EAAU,IAGM,cAAd1+B,EAAM2M,KACRmyB,EAAQpzC,QAAQ7T,QAGA,eAAdmoB,EAAM2M,KACRqyB,EAAQtzC,QAAQ7T,SAsClB4oD,2BAlCyBzgC,GACP,cAAdA,EAAM2M,KACRoyB,EAAUrzC,QAAQ7T,QAIJ,YAAdmoB,EAAM2M,KACQ,cAAd3M,EAAM2M,MACU,MAAd3M,EAAM2M,KAA6B,MAAd3M,EAAM2M,KAAgBgyB,IAASL,KACtC,MAAdt+B,EAAM2M,KAA6B,MAAd3M,EAAM2M,KAAgBgyB,IAASR,KAEtDn+B,EAAM4M,iBACN0yB,ODxEEoB,CAAcz+C,GAlBhBk8C,IAAAA,GACAQ,IAAAA,KACAK,IAAAA,QACA19B,IAAAA,cACAi9B,IAAAA,KACA0B,IAAAA,OACAnB,IAAAA,QACAp0C,IAAAA,GACA6C,IAAAA,KACAkxC,IAAAA,OACAyB,IAAAA,SACAnB,IAAAA,UACAO,IAAAA,WACAa,IAAAA,iBACAC,IAAAA,mBACAG,IAAAA,kBACAC,IAAAA,oBACAC,IAAAA,kBAGIE,EAAgBv/B,OAAchS,EAAK3F,WAAWC,eAC9Ck3C,EAAkBx/B,OAAchS,EAAK3F,WAAWE,iBAChDk3C,EAAez/B,QACnBu9B,IAASR,EACL/uC,EAAK3F,WAAWG,kBAChBwF,EAAK3F,WAAWI,0BAIpBpI,gBAACq6B,oBACK3sB,GACJkQ,eAAgBA,EAChB2B,aAAcA,EACd+a,QAASrxB,EACTuW,cAAeA,EACfvR,UAAWA,EACX0R,UAAWA,IAEX3f,gBAACq8C,IACCpuC,UAAWA,EACXiP,WAAYqC,EACZ7e,MAAOA,GAEPV,gBAACq/C,gBACCn/C,MAAOQ,EAAMzK,OAAOoB,QACpBgU,MAAO,CAAEwhB,YAAansB,EAAMhI,WAAWE,aAEzCoH,gBAACu8C,iBACa2C,qBACMr/B,gBACN,iBACZ5W,GAAIu1C,EACJc,UAAW,EACX13B,IAAI,KACJtlB,IAAI,IACJgc,SAAUogC,EACV//B,UAAWmgC,EACXl5C,YAAY,KACZmE,IAAKszC,EACL38C,MAAOA,EACP3F,KAAK,SACL+O,MAAOgzC,IAET98C,gBAACs8C,eACDt8C,gBAACu8C,iBACa4C,gBACA,mBACZl2C,GAAIw1C,EACJa,UAAW,EACX13B,IAAI,KACJtlB,IAAI,IACJgc,SAAUqgC,EACVhgC,UAAWogC,EACXn5C,YAAY,KACZmE,IAAKuzC,EACL1W,KAAM6V,GAAe,EACrB/7C,MAAOA,EACP3F,KAAK,SACL+O,MAAOkzC,IAETh9C,gBAACo8C,iBACagD,EACZr1C,IAAKwzC,EACLjoC,QAASuoC,EACTl/B,UAAWqgC,GAEV9B,GAEHl9C,gBAAC2iB,QACC3iB,gBAACyV,QACEynC,IAASR,EACN/uC,EAAK3F,WAAWK,mBAChBsF,EAAK3F,WAAWM,sBAI1BtI,yBAAOiJ,GAAIA,EAAIc,IAAKA,EAAKhP,KAAK,SAAS+O,MAAOgC,QE1KtD,SAASyzC,GAAU7+C,EAAOuN,UACjBF,2TAYCE,EAAYvN,EAAMzK,OAAOI,aAAeqK,EAAMzK,OAAOG,qGAO5CsK,EAAM1L,UAAUM,OAAOJ,yBACrBwL,EAAM1L,UAAUM,OAAOF,4DAMxB6Y,EACVvN,EAAMzK,OAAOK,WACboK,EAAMzK,OAAO2B,oBACRqW,EAAYvN,EAAMzK,OAAO2B,UAAY8I,EAAMzK,OAAOoB,iDAM5CqJ,EAAMhH,yDAGRgH,EAAM1L,UAAUM,OAAOJ,yBACrBwL,EAAM1L,UAAUM,OAAOF,wBAI7B6Y,EAAYvN,EAAMzK,OAAO0B,UAAY+I,EAAMzK,OAAOC,2EAMhD+X,EAAYvN,EAAMzK,OAAOyB,UAAYgJ,EAAMzK,OAAOG,2GLpDvDolD,GAAAA,gCAAAA,+CAEVA,eACAA,qBA0CWgE,GAAmBx/C,gBAA+C,CAC7E+gB,cAAc,EACd9P,aAAcuqC,8BAAsBpgD,MACpCqkD,SAAS,EACTC,wBAAyB,SAACr2B,EAAU5d,gBAGtBk0C,GAAan/C,SAOvBA,EALFi/C,QAAAA,kBAKEj/C,EAJFo/C,aACAr3B,EAGE/nB,EAHF+nB,QAGE/nB,EAFFyQ,aAAAA,aAAeuqC,8BAAsBpgD,QACrCykD,EACEr/C,EADFq/C,iBAGI9+B,OAAgC,IAAVwH,IAIcvoB,WAFxB+gB,EAAewH,aARhBk3B,EAAU,GAAK,QAUzBK,OAAeC,OAEtB//C,aAAgB,WACV+gB,GACFg/B,EAAiBx3B,KAElB,CAACA,UAE8CQ,WAa3C,CACLi3B,aAZmB,CACnBvX,oBACAqX,cAAAA,EACA7uC,aAAAA,EACA8P,aAAAA,EACA0+B,QAAAA,EACAI,iBAAAA,EACAH,6BACAK,iBAAAA,mEMSEE,GAAkB3yC,EAAOgG,oGAEF,SAAA9S,UAASA,EAAME,MAAMzK,OAAOyB,aAC9C,SAAA8I,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,WAGd6oD,GAAYlgD,cACvB,SAACQ,EAAOuJ,OAEJoD,EAKE3M,EALF2M,SACWsK,EAITjX,EAJFyN,UACA4xC,EAGEr/C,EAFFiN,OACGgD,IACDjQ,MAEEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,KAENkoC,GAAan/C,UAGpCR,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,gBAACw/C,GAAiBrqC,UAASrL,QAJvBk2C,cAKFhgD,gBAACigD,oBACKxvC,iBACShD,EACbQ,UAAWA,EACXlE,IAAKA,EACLrJ,MAAOA,IAENV,WAAeiN,IACdE,GACA,SAAC8hB,EAAgC1G,UACxBvoB,eAAmBivB,EAAO,CAAE1G,MAAAA,EAAO2C,IAAK3C,aC7GlD43B,GAAuBngD,gBAClC,CACEogD,YAAY,EACZC,YAAY,EACZC,cAAe,wBAIHC,GAAiB//C,OACvB+nB,EAAsB/nB,EAAtB+nB,MAAO63B,EAAe5/C,EAAf4/C,aAEqBpgD,YAAwB,GAArDqgD,OAAYC,SACgBtgD,aAAiBw/C,IAA5CM,IAAAA,cAAeL,IAAAA,QAEjBe,EAAWr3C,IAEXs3C,EAAcD,SACdE,EAAaF,kBAEnBxgD,aAAgB,eACR2gD,EAAgBlB,EAClBzyC,MAAM6mB,QAAQisB,IAAkBA,EAAclzC,SAAS2b,GACvDu3B,GAAiBv3B,EAErB+3B,EAAcK,MAYT,CACLX,aAVmB,CACnBS,SAAAA,EACAl4B,MAAAA,EACA63B,WAAAA,EACAC,WAAAA,EACAK,QAAAA,EACAJ,cAAAA,oCCnCEhoC,GAAahL,EAAOgG,oMAgBbstC,GAAgB5gD,cAG3B,SAACQ,EAAOuJ,OACAoD,EAA8B3M,EAA9B2M,SAAUM,EAAoBjN,EAApBiN,OAAWgD,IAASjQ,QAEb+/C,GAAiB//C,UAGxCR,gBAACmgD,GAAqBhrC,UAASrL,QAHzBk2C,cAIJhgD,gBAACsY,kBAAWvO,IAAKA,gBAAkB0D,GAAYgD,GAC5CtD,gBCpCO0zC,GACdrgD,EACAmd,SAWI3d,aAAiBw/C,IARnB/W,IAAAA,eACAqX,IAAAA,cACA7uC,IAAAA,aACA8P,IAAAA,aACA0+B,IAAAA,QACAC,IAAAA,wBACAG,IAAAA,iBACAE,IAAAA,mBAG2D//C,aAC3DmgD,IADMM,IAAAA,SAAUl4B,IAAAA,MAAO63B,IAAAA,WAAYC,IAAAA,WAAYK,IAAAA,QAkB3CI,EAAa,WAChBrY,EAAex+B,QAAQ,GAAGA,QAA8B7T,SAWrD2qD,EAAY,WAEftY,EAAex+B,QADEw+B,EAAex+B,QAAQmY,OACL,GACjCnY,QAA8B7T,SA4B7B4zB,EAAShqB,WACT+qC,EAAcV,KAEdtgC,EAAMsC,EAAasR,EAAcqM,UAEvChqB,aAAgB,WACTogD,GACHV,EAAwBjX,EAAgBze,GAG1C+gB,MACC,IAEI,CACL0V,SAAAA,EACAt5B,YAxEkB,WACU,mBAArB04B,GAAmCA,EAAiBt3B,GAEtDxH,IACH0+B,GAAWzyC,MAAM6mB,QAAQisB,GAEnBC,EADFM,EACmBP,EAAch3B,QAAO,SAAAZ,UAAQA,IAASK,KACtCu3B,EAAchmB,OAAO,CAACvR,KAEzCw3B,EADAM,EACiB,KACA93B,KA+DvBy4B,cAzCoB,SAACziC,OACf0iC,EAAYxY,EAAex+B,QAAQmY,cAEjC7D,EAAM2M,SACP,YACH3C,IAAU04B,EAAY,EAAIH,IAlB7BrY,EAAex+B,QAAQse,EAAQ,GAAGte,QAA8B7T,kBAqB1D,UACO,IAAVmyB,EAAcw4B,IAlBjBtY,EAAex+B,QAAQse,EAAQ,GAAGte,QAA8B7T,kBAqB1D,OACH0qD,cAGG,MACHC,2BAyBJ9vC,aAAAA,EACAsX,MAAAA,EACA63B,WAAAA,EACAC,WAAAA,EACAK,QAAAA,EACA32C,IAAAA,gBCzGQm3C,wCCsBN5xC,GAAehC,EAAOkC,0aAMF,SAAAhP,UACtBA,EAAMyN,UAAYzN,EAAME,MAAMzK,OAAOoC,OAASmI,EAAME,MAAMzK,OAAOyB,aAC1D,SAAA8I,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,WAGZ,SAAAmJ,UAASA,EAAME,MAAM1L,UAAUM,OAAOJ,YACpC,SAAAsL,UAASA,EAAME,MAAM1L,UAAUM,OAAOF,cAO7B,SAAAoL,UACpBA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAOI,aACnBmK,EAAME,MAAMzK,OAAOG,SAMhB,SAAAoK,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO6B,oBACnB0I,EAAME,MAAMzK,OAAO4B,gBAKvBspD,GAAc7zC,EAAOC,0CAId6zC,GAAkBphD,cAG7B,SAACQ,EAAOmd,OACAxQ,EAAwD3M,EAAxD2M,SAAUM,EAA8CjN,EAA9CiN,OAAmBgK,EAA2BjX,EAAtCyN,UAA6BwC,IAASjQ,MAC1DE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,KAW3BopC,GAAmBrgD,EAAOmd,GAR5B1M,IAAAA,aACAwvC,IAAAA,SACAL,IAAAA,WACAC,IAAAA,WACAK,IAAAA,QACAv5B,IAAAA,YACA65B,IAAAA,cACAj3C,IAAAA,IAGIs3C,EACJrhD,gBAAC4uC,IACCzlB,OAAQk3B,EACRlkD,aACAkP,MAAO,CAAEhP,OAAQqE,EAAMhI,WAAWM,YAElCgH,gBAAC6lC,+BAKH7lC,gBAACsP,oBACKmB,mBACWiwC,kBACAvwC,QAAQkwC,iBACV5yC,EACbO,SAAUoyC,EACVn3C,GAAIw3C,EACJJ,WAAYA,EACZpyC,UAAWA,EACXqH,QAAS6R,EACTxI,UAAWqiC,EACXj3C,IAAKA,EACLrJ,MAAOA,IAENuQ,IAAiBuqC,8BAAsBngD,MACtC2E,gCACGqhD,EACDrhD,gBAACg5C,IAAO54C,KAAM,MAGlBJ,gBAACmhD,QAAah0C,GACb8D,IAAiBuqC,8BAAsBpgD,OACtC4E,gCACEA,gBAACg5C,IAAO54C,KAAM,KACbihD,4CCtGLC,GAAch0C,EAAOgG,oFAEhB,SAAA9S,UACPA,EAAMyN,UACFzN,EAAME,MAAMzK,OAAO2B,UACnB4I,EAAME,MAAMzK,OAAOoB,WACd,SAAAmJ,UACNA,EAAME,MAAMhI,WAAWG,cAAa2H,EAAME,MAAMhI,WAAWK,cAAayH,EAAME,MAAMhI,WAAWI,aAGzFyoD,GAAiBvhD,cAG5B,SAACQ,EAAOuJ,OACAoD,EAAwD3M,EAAxD2M,SAAUM,EAA8CjN,EAA9CiN,OAAmBgK,EAA2BjX,EAAtCyN,UAA6BwC,IAASjQ,MAC1DE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,KAG7BzX,aAAiBmgD,IADDE,IAAAA,kBAIhBrgD,gBAAC4uC,IAAWzlB,OAAQk3B,EAAYjkD,YAASyyC,kBACvC7uC,gBAACshD,oBACK7wC,uBANFgwC,wBAQYJ,gBACD5yC,EACbxE,KAVwBy3C,QAWxBzyC,UAAWA,EACXlE,IAAKA,EACLrJ,MAAOA,IAENyM,iDFlDG+zC,GAAAA,yBAAAA,sCAEVA,mBACAA,eACAA,iBAGF,UGPYM,GAKAC,GAOAC,GAUAC,GAOAC,GAUAC,GAOAC,GAOAC,GH9CNC,GAEF,CACF7mD,IAAK,CAAEN,UAAU,GACjBU,OAAQ,CAAED,aAAa,GACvBD,KAAM,CAAEK,WAAW,GACnBN,MAAO,CAAEI,YAAY,IAsBVymD,GAASjiD,cACpB,SAACQ,EAAOuJ,OACEsB,EAA6C7K,EAA7C6K,MAAOuS,EAAsCpd,EAAtCod,eAAgB1iB,EAAsBsF,EAAtBtF,SAAauV,IAASjQ,MAC/CE,EAAQV,aAAiBD,GACzBmiD,OACDxhD,EAAM/B,eACN+B,EAAM/B,OAAOuiD,uBAAehmD,YAG/B8E,gBAAC4vC,kBACChyB,kBACE1f,QAAS,KACN0f,GAEL8yB,oBAAqBsR,GAAiBd,uBAAehmD,IACrDmQ,WAAY62C,EAAgB72C,IACxBoF,QGnDA+wC,GAAAA,sBAAAA,qCAEVA,6BAGUC,GAAAA,2BAAAA,4CAEVA,aACAA,mBACAA,sBAGUC,GAAAA,6BAAAA,8CAEVA,aACAA,mBACAA,qBACAA,8BACAA,gCACAA,+BAGUC,GAAAA,yBAAAA,0CAEVA,aACAA,mBACAA,sBAGUC,GAAAA,2BAAAA,4CAEVA,aACAA,mBACAA,qBACAA,8BACAA,gCACAA,+BAGUC,GAAAA,8BAAAA,+CAEVA,aACAA,mBACAA,sBAGUC,GAAAA,4BAAAA,6CAEVA,aACAA,mBACAA,sBAGUC,GAAAA,uBAAAA,oCAEVA,mBACAA,wBACAA,8BA4EF,UAAaI,GAAO70C,EAAOgG,+BACvB,SAAA9S,UACAuN,MAAI,CACFvO,QAASgB,EAAM4hD,aAAeZ,oBAAYa,0BACpB7hD,EAAM8hD,yCACH9hD,EAAM+hD,iCACjB/hD,EAAMgiD,6BACRhiD,EAAMiiD,wBACDjiD,EAAMkiD,mCACJliD,EAAMmiD,iCACVniD,EAAMoiD,+BACJpiD,EAAMqiD,kCACLriD,EAAMsiD,iCAIjBC,GAAWz1C,EAAOgG,+BAC3B,SAAA9S,UACAuN,MAAI,eACavN,EAAMwiD,sBACTxiD,EAAMyiD,oBACLziD,EAAM0iD,wBACH1iD,EAAM2iD,iCACR3iD,EAAM4iD,6FCzIpBC,GAAmB,SAAA7iD,UAASuN,+BAE5BvN,EAAMyN,UACJzN,EAAM8iD,aAAe9iD,EAAME,MAAMzK,OAAO2B,UACxC4I,EAAM8iD,aAAe9iD,EAAME,MAAMzK,OAAOyB,yEAK1C6rD,GAAmBj2C,EAAOk2C,kCAC5BH,IAGSI,GAAazjD,cACxB,SAACQ,EAAOuJ,OAEJu5C,EAKE9iD,EALF8iD,YACAn2C,EAIE3M,EAJF2M,SACAM,EAGEjN,EAFFyN,UACGwC,IACDjQ,MACEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,UAG7BzX,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,gBAACujD,kBACCD,YAAa7pD,EAAMxD,OAAOqtD,IAAgBA,EAC1C5iD,MAAOA,EACPuN,UAAWA,EACXlE,IAAKA,gBACQvJ,EAAMiN,QACfgD,GAEHtD,uECjBEu2C,GAAmB,SAAAljD,UAASuN,qDAOrCvN,EAAMyN,WACRF,eACWvN,EAAME,MAAMzK,OAAO2B,mBAG1B4I,EAAMyN,WACVzN,EAAMmjD,gBACN51C,eACWvN,EAAME,MAAMzK,OAAOwB,oBAI1BmsD,GAAuBt2C,EAAO+N,GAAP/N,2BACzBo2C,IAGSG,GAAiB7jD,cAG5B,SAACQ,EAAOuJ,OACAoD,EACN3M,EADM2M,SAAUjN,EAChBM,EADgBN,MAAOyjD,EACvBnjD,EADuBmjD,eAAgBl2C,EACvCjN,EAD+C+a,YAAgB9K,IAC/DjQ,MACIE,EAAQV,aAAiBD,GACzBkO,EAAY+B,YAGhBhQ,gBAAC4jD,kBACCvnC,GAAIsnC,EAAiB,aAAe,aACpCzjD,MACEyjD,EACIzjD,GAAS2Z,wBAAgBe,QACzB1a,GAAS2Z,gCAEfnZ,MAAOA,EACPijD,eAAgBA,EAChB11C,UAAWA,EACXlE,IAAKA,gBACQvJ,EAAMiN,OACnB8N,YACEooC,EACIpoC,GAAexB,8BAAsBpc,WACrC4d,GAAexB,8BAAsBrc,WAEvC+S,GAEHkzC,EACC3jD,qCAEGmN,GAGHnN,oCAEGmN,uX/GrEyD,gBAClEA,IAAAA,SAGGO,iBAEI1N,uCAAS0N,GAAQP,iCAmB8D,gBACtFA,IAAAA,SACA5Q,IAAAA,YACGmR,UAEGyL,EAAqB,GAE3BnZ,WAAe0M,QAAQS,GAAU,SAAC8hB,GAChC9V,EAAmB4X,KAAK9B,EAAMzuB,MAAMyY,mBAGhCvY,EAAQV,aAAiBD,GAIzBmZ,EAAmB3c,GAFEmE,EAAMnE,mBAK/ByD,gCACGA,WAAeiN,IAAIE,GAAU,SAAC8hB,UACtBA,EAAMzuB,MAAMyY,WACjBjZ,gBAAC8Y,oBACKpL,GACJ9O,SAAUsa,EAAiB+V,EAAMzuB,MAAMyY,YAAc,EACrDJ,SAAUG,GACRiW,EAAMzuB,MAAMyY,WACZC,EACAC,GAEF1L,OAAQwhB,EAAMzuB,MAAMiN,SAEnBwhB,GAGHA,kI0FiCkBzuB,OAExBod,EAQEpd,EARFod,eACA2B,EAOE/e,EAPF+e,aAEAkgC,EAKEj/C,EALFi/C,QACAxgC,EAIEze,EAJFye,cACAub,EAGEh6B,EAHFg6B,aACAhb,EAEEhf,EAFFgf,cACA/R,EACEjN,EADFiN,OAWIyP,IAAaqC,EAEbtW,EAAKE,EAZP3I,EANFyI,IAmBI4W,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAEhEgF,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,uBAAKqL,MAAOuS,gBAA6BnQ,GAErCzN,gBADDy/C,GApCE,YAoCoCj/C,EACpCy3C,GAYAf,kBAXC/S,gBAAiBtkB,EACjBN,aAAcA,EACdrC,SAAUA,EACVsC,cAAeA,EACfvR,UAAWA,EACX0jC,sBAxBczpB,UACbA,GAAwB,iBAATA,EAClBA,EACAA,GAAQqtB,GAA4BrtB,GACpCA,EAAKtR,MACL,IAoBEqI,cAAeA,GAAiBxB,sBAActiB,IAC9Cq/B,aAAcA,GACTh6B,4N5DpJ+D,SAC5EA,OAEQiN,EAAqBjN,EAArBiN,OAAWC,IAAUlN,MAEvBE,EAAQV,aAAiBD,UACxBC,gBAACksB,oBAAaxe,iBAAoBD,EAAQ/M,MAAOA,0DkFPwB,SAChFF,OAEQ2M,EAA8C3M,EAA9C2M,SAAcqH,EAAgChU,EAApCyI,GAAe/E,EAAqB1D,EAArB0D,OAAWwJ,IAAUlN,MAEhDyI,EAAKE,EAAcqL,UAGvBxU,uCAAS0N,qBAAwBzE,EAAI4E,KAAK,UACvC3J,GAAUlE,gBAACosB,IAAenjB,GAAIA,GAAK/E,GACnCiJ,qOXiD8C,eAC7Cc,EAAY+B,YAEhBhQ,gBAACD,EAAaigB,eACX,SAAAtf,UAASV,gBAACgxC,UAAO9d,OAAQqsB,GAAU7+C,EAAOuN,sqBpB8GvBzN,OAEtBod,EAQEpd,EARFod,eAEA6hC,EAMEj/C,EANFi/C,QACAxgC,EAKEze,EALFye,cACAM,EAIE/e,EAJF+e,aACAib,EAGEh6B,EAHFg6B,aACAhb,EAEEhf,EAFFgf,cACA/R,EACEjN,EADFiN,gBAGOkkC,EAAazpB,UACbA,GAAwB,iBAATA,EAClBA,EACAA,GAAQqtB,GAA4BrtB,GACpCA,EAAKtR,MACL,OAhDN1F,EAmDMgM,IAAaqC,EAEbtW,EAAKE,EAZP3I,EAPFyI,IAqBI4W,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAEhEgF,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,uBAAKqL,MAAOuS,gBAA6BnQ,GACtCgyC,GA3DE,YAFPvuC,EA6DyC1Q,IA3DK,UAAhB0Q,EAAOnW,KA4D/BiF,gBAACi0C,kBACC9P,gBAAiBtkB,EACjB5W,GAAIA,EACJgF,UAAWA,EACXgR,cAAeA,GAAiBxB,sBAActiB,IAC9Cw2C,aAAcA,GACTnxC,GACL0c,SAAUA,KAGZld,gBAAC8jD,kBACC3f,gBAAiBtkB,EACjBN,aAAcA,EACdtW,GAAIA,EACJgF,UAAWA,EACX0jC,aAAcA,EACd1yB,cAAeA,GAAiBxB,sBAActiB,IAC9C+hB,SAAUA,EACVsC,cAAeA,EACfgb,aAAcA,GACTh6B,yDUjLiD,SAAAA,OAE5D4G,EAOE5G,EAPF4G,WACAlH,EAMEM,EANFN,MACAu4C,EAKEj4C,EALFi4C,aACAC,EAIEl4C,EAJFk4C,YACAjrC,EAGEjN,EAHFiN,OACAnN,EAEEE,EAFFF,QACGoN,IACDlN,MACEmN,EAAO3N,aAAiB+I,UAG5B/I,gBAACw4C,oBACK9qC,GACJxN,MAAOA,GAAgBkQ,oBAAYla,QACnCuX,OAAQA,EACR6H,QAAS,SAAAmoB,IApDK,SAAAA,GAClBA,EAAEtS,qBAEI44B,EAAe/4C,SAASimC,eAAesH,OAExCwL,OAICC,EAAgBD,EAAa5S,qBAAqB,MAAM,MAE1D6S,SACFA,EAAc5rB,aAAa,WAAY,WACvC4rB,EAAc5tD,QAGhB2tD,EAAa3tD,SAqCP+wB,CAAYsW,IAEdgb,aAAcA,GAA8B,GAC5CC,YAAaA,GAA4B,GACzC5gC,SAAS,SACTD,OAAQ0gC,GACRj4C,QAASA,GAAoBoP,sBAAc0B,QAE1ChK,GAA0BuG,EAAKpG,SAASH,qCsB5E+B,SAAA5G,UAG1ER,qCAF2BQ,EAAXiN,OAIdxE,GAAIsvC,GACJrjC,UAAW,EACX7J,MAAO,CAAEsE,QAAS,IANOnP,EAArB2M,w/BCXoB82C,OACtBC,EAAQD,EAAW5gC,QAAQ,eAAgB,IAE3C8gC,EACc,oBAAX3wB,aAAuD,IAAtBA,OAAO4wB,WAE3CA,EAAaD,EAAoB3wB,OAAO4wB,WAAa,OAEjCpkD,EAAMqJ,UAAS,mBACnC86C,GACKC,EAAWF,GAAOG,WAFtBC,OAAOC,cAQdvkD,EAAMuJ,WAAU,eACVsuB,GAAS,KAERssB,OAICK,EAAYJ,EAAWF,GAEvBO,EAAc,WACd5sB,GACF0sB,EAASC,EAAUH,iBAIvBI,IACAD,EAAU/wB,iBAAiB,SAAUgxB,GAE9B,WACL5sB,GAAS,EACT2sB,EAAU9wB,oBAAoB,SAAU+wB,OAEzC,CAACP,EAAOE,EAAYD,IAEhBG"}
1
+ {"version":3,"file":"react-magma-dom.cjs.production.min.js","sources":["../src/theme/components/transition.ts","../src/theme/magma.ts","../src/theme/ThemeContext.ts","../src/components/StyledButton/styles.ts","../src/utils/index.ts","../src/i18n/default.ts","../src/i18n/index.ts","../src/components/Spinner/index.tsx","../src/components/StyledButton/index.tsx","../src/inverse/index.ts","../src/components/Button/index.tsx","../src/components/IconButton/index.tsx","../src/components/AlertBase/index.tsx","../src/components/ProgressRing/index.tsx","../src/components/Announce/index.tsx","../src/components/Alert/index.tsx","../src/components/AppBar/AppBar.tsx","../src/components/Badge/index.tsx","../src/components/Banner/index.tsx","../src/components/HideAtBreakpoint/index.tsx","../src/components/Breadcrumb/Breadcrumb.tsx","../src/components/Hyperlink/index.tsx","../src/components/Breadcrumb/BreadcrumbItem.tsx","../src/components/BreakpointsContainer/index.tsx","../src/components/Card/Card.tsx","../src/components/Typography/index.tsx","../src/components/Card/CardBody.tsx","../src/components/Heading/index.tsx","../src/components/Card/CardHeading.tsx","../src/components/SelectionControls/InputStyles.tsx","../src/utils/UtilityStyles.tsx","../src/components/InputBase/index.tsx","../src/components/Label/index.tsx","../src/components/Input/InputMessage.tsx","../src/components/Checkbox/index.tsx","../src/components/FormGroup/index.tsx","../src/components/SelectionControls/StyledLabel.tsx","../src/components/SelectionControls/StyledContainer.tsx","../src/components/Container/Container.tsx","../src/hooks/useControlled.ts","../src/hooks/useDataPagination.ts","../src/components/IndeterminateCheckbox/index.tsx","../src/components/VisuallyHidden/index.tsx","../src/components/Table/Table.tsx","../src/components/Table/TableBody.tsx","../src/components/Table/TableCell.tsx","../src/components/Table/TableHeaderCell.tsx","../src/components/Table/TableHead.tsx","../src/components/Pagination/usePagination.ts","../src/hooks/useDescendants.ts","../src/components/Dropdown/Dropdown.tsx","../src/components/Dropdown/DropdownButton.tsx","../src/components/Dropdown/DropdownContent.tsx","../src/components/Dropdown/DropdownDivider.tsx","../src/components/Dropdown/DropdownHeader.tsx","../src/components/Dropdown/DropdownMenuItem.tsx","../src/components/Tooltip/index.tsx","../src/components/Dropdown/DropdownSplitButton.tsx","../src/components/Table/TablePagination.tsx","../src/components/Table/TableRow.tsx","../src/components/Datagrid/components.tsx","../src/components/Datagrid/Datagrid.tsx","../src/components/DatePicker/CalendarContext.ts","../src/components/DatePicker/utils.ts","../src/components/DatePicker/CalendarHeader.tsx","../src/components/DatePicker/CalendarDay.tsx","../src/components/DatePicker/HelperInformation.tsx","../src/hooks/useFocusLock.ts","../src/components/DatePicker/CalendarMonth.tsx","../src/components/FormFieldContainer/FormFieldContainer.tsx","../src/components/Input/index.tsx","../src/components/DatePicker/index.tsx","../src/components/Dropdown/DropdownMenuNavItem.tsx","../src/components/Flex/Flex.tsx","../src/components/List/List.tsx","../src/components/Paragraph/index.tsx","../src/components/Form/index.tsx","../src/components/ProgressBar/index.tsx","../src/components/List/ListItem.tsx","../src/components/LoadingIndicator/index.tsx","../src/components/Select/shared.ts","../src/components/Select/components.tsx","../src/components/Select/SelectTriggerButton.tsx","../src/components/Tabs/shared.ts","../src/components/NativeSelect/NativeSelect.tsx","../src/components/Tabs/TabsContainer.tsx","../src/components/Tabs/TabsScrollButtons.tsx","../src/components/Tabs/utils.ts","../src/components/Tabs/Tabs.tsx","../src/hooks/useForceUpdate.ts","../src/components/Tabs/Tab.tsx","../src/components/Tabs/TabPanel.tsx","../src/components/Tabs/TabPanelsContainer.tsx","../src/components/NavTabs/NavTabs.tsx","../src/components/NavTabs/NavTab.tsx","../src/components/Pagination/PageButton.tsx","../src/components/Pagination/Pagination.tsx","../src/components/Radio/index.tsx","../src/components/PasswordInput/index.tsx","../src/components/RadioGroup/index.tsx","../src/components/Modal/Modal.tsx","../src/components/Transition/Transition.tsx","../src/components/Search/index.tsx","../src/components/Select/ItemsList.tsx","../src/components/Select/index.tsx","../src/components/Select/SelectContainer.tsx","../src/components/Select/Select.tsx","../src/components/Select/MultiSelect.tsx","../src/components/Combobox/ComboboxInput.tsx","../src/components/Combobox/shared.ts","../src/components/Combobox/Combobox.tsx","../src/components/Combobox/MultiCombobox.tsx","../src/components/Spacer/Spacer.tsx","../src/components/Combobox/index.tsx","../src/components/SkipLink/index.tsx","../src/components/Tag/Tag.tsx","../src/components/Toggle/index.tsx","../src/components/Toast/ToastsContainer.tsx","../src/components/Toast/index.tsx","../src/components/Accordion/useAccordion.ts","../src/components/Textarea/index.tsx","../src/components/TimePicker/AmPmToggle.tsx","../src/components/TimePicker/TimePicker.tsx","../src/components/TimePicker/useTimePicker.ts","../src/theme/GlobalStyles/index.tsx","../src/components/Accordion/Accordion.tsx","../src/components/Accordion/useAccordionItem.ts","../src/components/Accordion/AccordionItem.tsx","../src/components/Accordion/useAccordionButton.ts","../src/components/Drawer/Drawer.tsx","../src/components/Accordion/AccordionButton.tsx","../src/components/Accordion/AccordionPanel.tsx","../src/components/Grid/Grid.tsx","../src/components/BlockQuote/BlockQuote.tsx","../src/components/BlockQuote/BlockQuoteItem.tsx","../src/components/Dropdown/DropdownMenuGroup.tsx","../src/components/SkipLinkContent/index.tsx","../src/hooks/useMediaQuery.ts"],"sourcesContent":["import * as React from 'react';\nimport { Variant } from 'framer-motion';\nexport type MotionVariants<T extends string> = Record<T, Variant>;\n\nexport interface ThemeTransitions {\n [key: string]: {\n motion: MotionVariants<'enter' | 'exit'>;\n baseStyle: React.CSSProperties;\n };\n}\n\nexport const transitions: ThemeTransitions = {\n fade: {\n motion: {\n exit: {\n opacity: 0,\n transition: {\n opacity: {\n duration: 0.1,\n ease: 'easeOut',\n },\n },\n },\n enter: {\n opacity: 1,\n transition: {\n duration: 0.2,\n ease: 'easeIn',\n },\n },\n },\n baseStyle: {},\n },\n slideTop: {\n motion: {\n exit: {\n y: '-100%',\n transition: {\n y: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n y: '0',\n transition: {\n y: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {\n position: 'fixed',\n top: 0,\n right: 0,\n left: 0,\n },\n },\n slideBottom: {\n motion: {\n exit: {\n y: '100%',\n transition: {\n y: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n y: '0',\n transition: {\n y: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {\n position: 'fixed',\n bottom: 0,\n right: 0,\n left: 0,\n },\n },\n slideRight: {\n motion: {\n exit: {\n x: '100%',\n transition: {\n x: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n x: '0',\n transition: {\n x: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {\n position: 'fixed',\n top: 0,\n right: 0,\n bottom: 0,\n },\n },\n slideLeft: {\n motion: {\n exit: {\n x: '-100%',\n transition: {\n x: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n x: '0',\n transition: {\n x: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {\n position: 'fixed',\n top: 0,\n bottom: 0,\n left: 0,\n },\n },\n nudgeTop: {\n motion: {\n exit: {\n y: '-50px',\n transition: {\n y: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n y: '0',\n transition: {\n y: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {},\n },\n nudgeBottom: {\n motion: {\n exit: {\n y: '50px',\n transition: {\n y: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n y: '0',\n transition: {\n y: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {},\n },\n nudgeRight: {\n motion: {\n exit: {\n x: '50px',\n transition: {\n x: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n x: '0',\n transition: {\n x: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {},\n },\n nudgeLeft: {\n motion: {\n exit: {\n x: '-50px',\n transition: {\n x: {\n duration: 0.15,\n ease: 'easeInOut',\n },\n },\n },\n enter: {\n x: '0',\n transition: {\n x: {\n type: 'spring',\n damping: 25,\n stiffness: 180,\n },\n },\n },\n },\n baseStyle: {},\n },\n scale: {\n motion: {\n exit: {\n scale: 0.95,\n transition: {\n scale: {\n duration: 0.1,\n ease: 'easeOut',\n },\n },\n },\n enter: {\n scale: 1,\n transition: {\n scale: {\n duration: 0.25,\n ease: 'easeInOut',\n },\n },\n },\n },\n baseStyle: {},\n },\n rotate45: {\n motion: {\n exit: {\n rotate: 0,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n enter: {\n rotate: -45,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n },\n baseStyle: {},\n },\n rotate90: {\n motion: {\n exit: {\n rotate: 0,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n enter: {\n rotate: -90,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n },\n baseStyle: {},\n },\n rotate180: {\n motion: {\n exit: {\n rotate: 0,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n enter: {\n rotate: -180,\n transition: {\n rotate: {\n type: 'tween',\n stiffness: 50,\n duration: 0.15,\n },\n },\n },\n },\n baseStyle: {},\n },\n collapse: {\n motion: {\n exit: {\n height: 0,\n opacity: 0,\n transition: {\n height: { duration: 0.2, ease: 'easeInOut', delay: 0.1 },\n opacity: { property: 1, duration: 0.1, delay: 0 },\n },\n },\n enter: {\n height: 'auto',\n opacity: 1,\n transition: {\n height: { duration: 0.3, ease: 'easeInOut', delay: 0 },\n opacity: { property: 0, duration: 0.1, delay: 0.2 }\n },\n },\n },\n baseStyle: {\n overflow: 'visible',\n },\n },\n};\n","import { ThemeTransitions, transitions } from './components/transition';\n\nexport interface Colors {\n primary: string;\n primaryInverse: string;\n focus: string;\n focusInverse: string;\n foundation: string;\n foundation02: string;\n foundation03: string;\n foundation04: string;\n pop: string;\n pop02: string;\n pop03: string;\n pop04: string;\n pop05: string;\n pop06: string;\n success: string;\n success02: string;\n successInverse: string;\n danger: string;\n dangerInverse: string;\n neutral: string;\n neutral02: string;\n neutral03: string;\n neutral04: string;\n neutral05: string;\n neutral06: string;\n neutral07: string;\n neutral08: string;\n disabledText: string;\n disabledInverseText: string;\n toggleBoxShadow: string;\n shade: string;\n shade02: string;\n tint: string;\n tint02: string;\n tint03: string;\n tint04: string;\n tone: string;\n tone02: string;\n border: string;\n borderInverse: string;\n}\n\nexport interface Breakpoints {\n xs: number;\n small: number;\n medium: number;\n large: number;\n xl: number;\n}\n\nexport interface IconSizes {\n xSmall: number;\n small: number;\n medium: number;\n large: number;\n xLarge: number;\n}\n\nexport interface SpacingScale {\n spacing01: string;\n spacing02: string;\n spacing03: string;\n spacing04: string;\n spacing05: string;\n spacing06: string;\n spacing07: string;\n spacing08: string;\n spacing09: string;\n spacing10: string;\n spacing11: string;\n spacing12: string;\n spacing13: string;\n spacing14: string;\n}\n\nexport interface TypographyExpressiveSizes {\n headingXLarge: any;\n headingLarge: any;\n headingMedium: any;\n headingSmall: any;\n headingXSmall: any;\n headingXXSmall: any;\n bodyLarge: any;\n bodyMedium: any;\n bodySmall: any;\n bodyXSmall: any;\n}\n\nexport interface TypeScaleSize {\n fontSize: string;\n letterSpacing?: string;\n lineHeight: string;\n}\n\nexport interface TypeScale {\n size01: TypeScaleSize;\n size02: TypeScaleSize;\n size03: TypeScaleSize;\n size04: TypeScaleSize;\n size05: TypeScaleSize;\n size06: TypeScaleSize;\n size07: TypeScaleSize;\n size08: TypeScaleSize;\n size09: TypeScaleSize;\n size10: TypeScaleSize;\n size11: TypeScaleSize;\n size12: TypeScaleSize;\n size13: TypeScaleSize;\n}\n\nexport interface VisualStyle {\n mobile: TypeScaleSize;\n desktop: TypeScaleSize;\n fontWeight?: number;\n}\n\nexport interface TypographyVisualStyles {\n headingXLarge: VisualStyle;\n headingLarge: VisualStyle;\n headingMedium: VisualStyle;\n headingSmall: VisualStyle;\n headingXSmall: VisualStyle;\n heading2XSmall: VisualStyle;\n bodyLarge: VisualStyle;\n bodyMedium: VisualStyle;\n bodySmall: VisualStyle;\n bodyXSmall: VisualStyle;\n}\n\ninterface AppBar {\n backgroundColor: string;\n height: string;\n padding: string;\n textColor: string;\n compact: {\n height: string;\n padding: string;\n };\n inverse: {\n backgroundColor: string;\n textColor: string;\n };\n}\nexport interface Modal {\n width: {\n small: string;\n medium: string;\n large: string;\n };\n}\n\ninterface Drawer {\n default: {\n maxWidth: string;\n minHeight: string;\n borderRadius: string;\n margin: string;\n top: string;\n bottom: string;\n left: string;\n right: string;\n position: string;\n };\n right: {\n left: string;\n height: string;\n width: string;\n };\n left: {\n right: string;\n height: string;\n width: string;\n };\n top: {\n bottom: string;\n height: string;\n };\n bottom: {\n top: string;\n height: string;\n };\n}\n\ninterface Combobox {\n menu: {\n maxHeight: string;\n };\n}\n\ninterface Dropdown {\n content: {\n maxHeight: string;\n };\n}\n\ninterface Dropdown {\n content: {\n maxHeight: string;\n };\n}\n\ninterface Select {\n menu: {\n maxHeight: string;\n };\n}\n\ninterface Tabs {\n approxTabSize: {\n horizontal: number;\n vertical: number;\n };\n}\n\nexport interface Tooltip {\n arrowSize: string;\n arrowSizeDoubled: string;\n backgroundColor: string;\n fontWeight: number | string;\n maxWidth: string;\n textColor: string;\n typeScale: TypeScaleSize;\n zIndex: number;\n inverse: any;\n}\n\nexport interface ThemeInterface {\n appBar: AppBar;\n breakpoints: Breakpoints;\n bodyFont: string;\n bodyExpressiveFont: string;\n bodyNarrativeFont: string;\n borderRadius: string;\n colors: Colors;\n combobox: Combobox;\n direction: string;\n drawer: Drawer;\n dropdown: Dropdown;\n headingFont: string;\n iconSizes: IconSizes;\n iterableColors: string[];\n spacingMultiplier: number;\n spaceScale: SpacingScale;\n headingExpressiveFont: string;\n headingNarrativeFont: string;\n select: Select;\n typeScale: TypeScale;\n typographyVisualStyles: TypographyVisualStyles;\n typographyExpressiveVisualStyles: TypographyVisualStyles;\n typographyNarrativeVisualStyles: TypographyVisualStyles;\n modal: Modal;\n tabs: Tabs;\n tooltip: Tooltip;\n transitions: ThemeTransitions;\n}\n\nconst typeScale = {\n size01: {\n fontSize: '12px',\n letterSpacing: '.32px',\n lineHeight: '16px',\n },\n size02: {\n fontSize: '14px',\n letterSpacing: '.16px',\n lineHeight: '20px',\n },\n size03: {\n fontSize: '16px',\n lineHeight: '24px',\n },\n size04: {\n fontSize: '18px',\n lineHeight: '24px',\n },\n size05: {\n fontSize: '20px',\n lineHeight: '32px',\n },\n size06: {\n fontSize: '24px',\n lineHeight: '32px',\n },\n size07: {\n fontSize: '28px',\n lineHeight: '40px',\n },\n size08: {\n fontSize: '32px',\n lineHeight: '40px',\n },\n size09: {\n fontSize: '36px',\n lineHeight: '48px',\n },\n size10: {\n fontSize: '42px',\n lineHeight: '48px',\n },\n size11: {\n fontSize: '48px',\n lineHeight: '56px',\n },\n size12: {\n fontSize: '54px',\n lineHeight: '64px',\n },\n size13: {\n fontSize: '60px',\n lineHeight: '72px',\n },\n};\n\nconst colors = {\n primary: '#006298', // link color blue\n primaryInverse: '#70CDFF', // link color inverse blue\n focus: '#027EE1',\n focusInverse: 'rgba(255,255,255,0.7)',\n foundation: '#00263E',\n foundation02: '#003865',\n foundation03: '#00A9E0',\n foundation04: '#71C5E8',\n pop: '#E0004D',\n pop02: '#FC4C02',\n pop03: '#F2A900',\n pop04: '#FFC72C',\n pop05: '#92278F',\n pop06: '#007A6D',\n success: '#3A8200',\n success02: '#48A200',\n successInverse: '#91CF60',\n danger: '#C61D23',\n dangerInverse: '#F59295',\n neutral: '#3F3F3F', // main dark grey text color\n neutral02: '#575757',\n neutral03: '#707070',\n neutral04: '#8f8f8f', // lightest gray that meets 3:1 contrast ratio\n neutral05: '#BFBFBF',\n neutral06: '#DFDFDF',\n neutral07: '#F7F7F7',\n neutral08: '#FFFFFF', // white\n disabledText: 'rgba(114,114,114,0.6)',\n disabledInverseText: 'rgba(255,255,255,0.25)',\n toggleBoxShadow:\n '0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 0 4px 0 rgba(0, 0, 0, 0.24),0 0 5px 0 rgba(0, 0, 0, 0.22)',\n shade: 'rgba(0,0,0,0.05)',\n shade02: 'rgba(0,0,0,0.3)',\n tint: 'rgba(255,255,255,0.05)',\n tint02: 'rgba(255,255,255,0.1)',\n tint03: 'rgba(255,255,255,0.1)',\n tint04: 'rgba(255,255,255,0.4)',\n tone: 'rgba(63,63,63,0.07)',\n tone02: 'rgba(63,63,63,0.1)',\n border: '#DFDFDF',\n borderInverse: 'rgba(255,255,255,0.25)',\n};\n\nconst spaceScale = {\n spacing01: '2px',\n spacing02: '4px',\n spacing03: '8px',\n spacing04: '12px',\n spacing05: '16px',\n spacing06: '24px',\n spacing07: '28px',\n spacing08: '32px',\n spacing09: '40px',\n spacing10: '48px',\n spacing11: '56px',\n spacing12: '64px',\n spacing13: '96px',\n spacing14: '160px',\n};\n\nexport const magma = {\n bodyFont: '\"Open Sans\",Helvetica,sans-serif',\n bodyExpressiveFont: '\"Open Sans\",Helvetica,sans-serif',\n bodyNarrativeFont: \"'Noto Serif',Times New Roman,serif\",\n borderRadius: '4px',\n colors: colors,\n headingFont: '\"Open Sans\",Helvetica,sans-serif',\n headingExpressiveFont: '\"Open Sans\",Helvetica,sans-serif',\n headingNarrativeFont: \"'Noto Serif',Times New Roman,serif\",\n direction: 'ltr',\n spacingMultiplier: 8,\n transitions,\n // breakpoints\n breakpoints: {\n xs: 0,\n small: 600,\n medium: 768,\n large: 1024,\n xl: 1200,\n },\n\n spaceScale: spaceScale,\n\n iconSizes: {\n xSmall: 16,\n small: 20,\n medium: 24,\n large: 32,\n xLarge: 54,\n },\n\n // Typography\n typeScale: typeScale,\n typographyVisualStyles: {\n headingXLarge: {\n mobile: typeScale.size07,\n desktop: typeScale.size09,\n fontWeight: 600,\n },\n headingLarge: {\n mobile: typeScale.size06,\n desktop: typeScale.size07,\n fontWeight: 600,\n },\n headingMedium: {\n mobile: typeScale.size05,\n desktop: typeScale.size06,\n fontWeight: 600,\n },\n headingSmall: {\n mobile: typeScale.size04,\n desktop: typeScale.size05,\n fontWeight: 600,\n },\n headingXSmall: {\n mobile: typeScale.size04,\n desktop: typeScale.size04,\n fontWeight: 600,\n },\n heading2XSmall: {\n mobile: typeScale.size01,\n desktop: typeScale.size01,\n fontWeight: 700,\n },\n bodyLarge: {\n mobile: typeScale.size04,\n desktop: typeScale.size05,\n },\n bodyMedium: {\n mobile: typeScale.size03,\n desktop: typeScale.size03,\n },\n bodySmall: {\n mobile: typeScale.size02,\n desktop: typeScale.size02,\n },\n bodyXSmall: {\n mobile: typeScale.size01,\n desktop: typeScale.size01,\n },\n },\n typographyExpressiveVisualStyles: {\n headingXLarge: {\n mobile: typeScale.size08,\n desktop: typeScale.size11,\n fontWeight: 600,\n },\n headingLarge: {\n mobile: typeScale.size07,\n desktop: typeScale.size09,\n fontWeight: 300,\n },\n headingMedium: {\n mobile: typeScale.size06,\n desktop: typeScale.size07,\n fontWeight: 300,\n },\n headingSmall: {\n mobile: typeScale.size05,\n desktop: typeScale.size06,\n fontWeight: 300,\n },\n headingXSmall: {\n mobile: typeScale.size04,\n desktop: typeScale.size05,\n fontWeight: 300,\n },\n heading2XSmall: {\n mobile: typeScale.size03,\n desktop: typeScale.size03,\n fontWeight: 700,\n },\n bodyLarge: {\n mobile: typeScale.size05,\n desktop: typeScale.size06,\n },\n bodyMedium: {\n mobile: typeScale.size03,\n desktop: typeScale.size03,\n },\n bodySmall: {\n mobile: typeScale.size02,\n desktop: typeScale.size02,\n },\n bodyXSmall: {\n mobile: typeScale.size01,\n desktop: typeScale.size01,\n },\n },\n typographyNarrativeVisualStyles: {\n headingXLarge: {\n mobile: typeScale.size07,\n desktop: typeScale.size08,\n fontWeight: 700,\n },\n headingLarge: {\n mobile: typeScale.size06,\n desktop: typeScale.size07,\n fontWeight: 700,\n },\n headingMedium: {\n mobile: typeScale.size05,\n desktop: typeScale.size06,\n fontWeight: 700,\n },\n headingSmall: {\n mobile: typeScale.size04,\n desktop: typeScale.size05,\n fontWeight: 700,\n },\n headingXSmall: {\n mobile: typeScale.size04,\n desktop: typeScale.size04,\n fontWeight: 700,\n },\n heading2XSmall: {\n mobile: typeScale.size01,\n desktop: typeScale.size01,\n fontWeight: 700,\n },\n bodyLarge: {\n mobile: typeScale.size04,\n desktop: typeScale.size05,\n },\n bodyMedium: {\n mobile: typeScale.size03,\n desktop: typeScale.size03,\n },\n bodySmall: {\n mobile: typeScale.size02,\n desktop: typeScale.size02,\n },\n bodyXSmall: {\n mobile: typeScale.size01,\n desktop: typeScale.size01,\n },\n },\n\n appBar: {\n backgroundColor: colors.neutral08,\n height: '88px',\n padding: `${spaceScale.spacing06} ${spaceScale.spacing05}`,\n textColor: colors.neutral,\n compact: {\n height: '56px',\n padding: `${spaceScale.spacing05} ${spaceScale.spacing05} ${spaceScale.spacing05} ${spaceScale.spacing06}`,\n },\n inverse: {\n backgroundColor: colors.foundation02,\n textColor: colors.neutral08,\n },\n },\n\n combobox: {\n menu: {\n maxHeight: '250px',\n },\n },\n\n modal: {\n width: {\n small: '300px',\n medium: '600px',\n large: '900px',\n },\n },\n\n drawer: {\n default: {\n maxWidth: '100%',\n minHeight: '300px',\n margin: '0',\n borderRadius: '0',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n position: 'relative',\n },\n right: {\n left: 'auto',\n height: '100%',\n width: '300px',\n position: 'fixed',\n },\n left: {\n right: 'auto',\n height: '100%',\n width: '300px',\n },\n top: {\n bottom: 'auto',\n height: '300px',\n },\n bottom: {\n top: 'auto',\n height: '300px',\n position: 'fixed',\n },\n },\n\n dropdown: {\n content: {\n maxHeight: '250px',\n },\n },\n\n iterableColors: [\n '#0085CC',\n '#E0004D',\n '#FA6600',\n '#48A200',\n '#B12FAD',\n '#00A393',\n '#00507A',\n '#8F0033',\n '#B84900',\n '#255200',\n '#711E6E',\n '#005249',\n ],\n\n tabs: {\n approxTabSize: {\n horizontal: 120,\n vertical: 80,\n },\n },\n\n select: {\n menu: {\n maxHeight: '250px',\n },\n },\n\n tag: {\n border: '0',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'space-around',\n },\n\n tooltip: {\n arrowSize: '4px',\n arrowSizeDoubled: '8px',\n backgroundColor: colors.neutral,\n fontWeight: 600,\n maxWidth: '300px',\n textColor: colors.neutral08,\n typeScale: typeScale.size01,\n zIndex: 999,\n inverse: {\n backgroundColor: colors.neutral08,\n textColor: colors.neutral,\n },\n },\n};\n","import * as React from 'react';\nimport { magma } from './magma';\n\nexport const ThemeContext = React.createContext(\n magma // default value\n);\n","import { darken, lighten, tint } from 'polished';\n\nconst DEFAULT_STYLE_PROPS = {\n color: 'primary',\n shape: 'fill',\n size: 'medium',\n textTransform: 'uppercase',\n variant: 'solid',\n};\n\nexport function buildPropsWithDefaultButtonStyles(props) {\n return { ...DEFAULT_STYLE_PROPS, ...props };\n}\n\nexport function buildButtonBorderRadius(props) {\n switch (props.shape) {\n case 'round':\n return '100%';\n case 'leftCap':\n return `${props.theme.borderRadius} 0 0 ${props.theme.borderRadius}`;\n case 'rightCap':\n return `0 ${props.theme.borderRadius} ${props.theme.borderRadius} 0`;\n default:\n //fill\n return props.theme.borderRadius;\n }\n}\n\nexport function buildButtonFontSize(props) {\n switch (props.size) {\n case 'small':\n return props.theme.typeScale.size01.fontSize;\n case 'large':\n return props.theme.typeScale.size04.fontSize;\n default:\n //medium\n return props.theme.typeScale.size03.fontSize;\n }\n}\n\nexport function buildButtonLineHeight(props) {\n switch (props.size) {\n case 'small':\n return props.theme.typeScale.size01.lineHeight;\n case 'large':\n return props.theme.typeScale.size04.lineHeight;\n default:\n //medium\n return props.theme.typeScale.size03.lineHeight;\n }\n}\n\nexport function buildButtonSize(props) {\n switch (props.size) {\n case 'small':\n return props.theme.spaceScale.spacing07;\n case 'large':\n return props.theme.spaceScale.spacing11;\n default:\n //medium\n return props.theme.spaceScale.spacing09;\n }\n}\n\nexport function buildButtonPadding(props) {\n switch (props.size) {\n case 'small':\n return `${props.theme.spaceScale.spacing02} ${props.theme.spaceScale.spacing03}`;\n case 'large':\n return `${props.theme.spaceScale.spacing04} ${props.theme.spaceScale.spacing06}`;\n default:\n //medium\n return `${props.theme.spaceScale.spacing04} ${props.theme.spaceScale.spacing05}`;\n }\n}\n\nexport function buildButtonBackground(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.variant !== 'solid' && props.color !== 'marketing') {\n return 'rgba(0,0,0,0)';\n }\n if (props.disabled) {\n return props.theme.colors.neutral06;\n }\n if (props.color === 'marketing') {\n return props.theme.colors.pop04;\n }\n if (props.isInverse) {\n return props.theme.colors.neutral08;\n }\n switch (props.color) {\n case 'secondary':\n return props.theme.colors.neutral08;\n case 'success':\n return props.theme.colors.success;\n case 'danger':\n return props.theme.colors.danger;\n default:\n return props.theme.colors.primary;\n }\n}\n\nexport function buildBorderColor(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.disabled && props.isInverse && props.variant === 'outline') {\n return props.theme.colors.disabledInverseText;\n }\n if (props.disabled) {\n return props.theme.colors.neutral06;\n }\n if (props.color === 'marketing') {\n return props.theme.colors.pop04;\n }\n if (props.isInverse) {\n return props.theme.colors.neutral08;\n }\n if (props.color === 'secondary') {\n return props.theme.colors.neutral05;\n }\n if (props.variant === 'solid') {\n switch (props.color) {\n case 'success':\n return props.theme.colors.success;\n case 'danger':\n return props.theme.colors.danger;\n default:\n return props.theme.colors.primary;\n }\n }\n}\n\nexport function buildColor(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.disabled && props.isInverse && props.variant !== 'solid') {\n return props.theme.colors.disabledInverseText;\n }\n if (props.disabled) {\n return props.theme.colors.disabledText;\n }\n if (props.color === 'marketing') {\n return props.theme.colors.foundation02;\n }\n if (\n (!props.isInverse && props.variant === 'solid') ||\n (props.isInverse && props.variant !== 'solid')\n ) {\n if (props.color === 'secondary' && !props.isInverse) {\n return props.theme.colors.neutral;\n }\n return props.theme.colors.neutral08;\n }\n switch (props.color) {\n case 'secondary':\n return props.theme.colors.neutral;\n case 'success':\n return props.theme.colors.success;\n case 'danger':\n return props.theme.colors.danger;\n default:\n return props.theme.colors.primary;\n }\n}\n\nexport function buildFocusBackground(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.color === 'marketing') {\n return lighten(0.1, props.theme.colors.pop04);\n }\n if (\n (props.variant !== 'solid' && !props.isInverse) ||\n (props.variant === 'solid' && props.isInverse)\n ) {\n switch (props.color) {\n case 'secondary':\n return tint(0.9, props.theme.colors.neutral);\n case 'success':\n return tint(0.9, props.theme.colors.success);\n case 'danger':\n return tint(0.9, props.theme.colors.danger);\n default:\n return tint(0.9, props.theme.colors.primary);\n }\n }\n if (props.variant !== 'solid' && props.isInverse) {\n return 'rgba(0, 0, 0, 0.3)';\n }\n switch (props.color) {\n case 'secondary':\n return darken(0.1, props.theme.colors.neutral08);\n case 'success':\n return darken(0.1, props.theme.colors.success);\n case 'danger':\n return darken(0.1, props.theme.colors.danger);\n default:\n return darken(0.1, props.theme.colors.primary);\n }\n}\n\nexport function buildFocusColor(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n if (props.color === 'marketing') {\n return props.theme.colors.foundation02;\n }\n if (\n (props.variant !== 'solid' && !props.isInverse) ||\n (props.variant === 'solid' && props.isInverse)\n ) {\n switch (props.color) {\n case 'secondary':\n return props.theme.colors.neutral;\n case 'success':\n return darken(0.1, props.theme.colors.success);\n case 'danger':\n return darken(0.1, props.theme.colors.danger);\n default:\n return darken(0.1, props.theme.colors.primary);\n }\n }\n if (props.variant !== 'solid' && props.isInverse) {\n return props.theme.colors.neutral08;\n }\n if (props.color === 'secondary' && !props.isInverse) {\n return props.theme.colors.neutral;\n }\n return props.theme.colors.neutral08;\n}\n\nexport function buildAfterBackground(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (\n (props.variant !== 'solid' && !props.isInverse) ||\n (props.variant === 'solid' && props.isInverse)\n ) {\n switch (props.color) {\n case 'secondary':\n return props.theme.colors.neutral;\n case 'success':\n return props.theme.colors.success;\n case 'danger':\n return props.theme.colors.danger;\n default:\n return props.theme.colors.primary;\n }\n }\n if (\n props.variant === 'solid' &&\n !props.isInverse &&\n props.color === 'secondary'\n ) {\n return props.theme.colors.neutral;\n }\n return props.theme.colors.neutral08;\n}\n\nexport function buildActiveBackground(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.color === 'marketing') {\n return lighten(0.2, props.theme.colors.pop04);\n }\n if (\n (props.variant !== 'solid' && !props.isInverse) ||\n (props.variant === 'solid' && props.isInverse)\n ) {\n switch (props.color) {\n case 'secondary':\n return tint(0.7, props.theme.colors.neutral);\n case 'success':\n return tint(0.7, props.theme.colors.success);\n case 'danger':\n return tint(0.7, props.theme.colors.danger);\n default:\n return tint(0.7, props.theme.colors.primary);\n }\n }\n if (props.variant !== 'solid' && props.isInverse) {\n return 'rgba(0, 0, 0, 0.5);';\n }\n switch (props.color) {\n case 'secondary':\n return darken(0.2, props.theme.colors.neutral08);\n case 'success':\n return darken(0.2, props.theme.colors.success);\n case 'danger':\n return darken(0.2, props.theme.colors.danger);\n default:\n return darken(0.2, props.theme.colors.primary);\n }\n}\n\nexport function buildActiveColor(props) {\n props = buildPropsWithDefaultButtonStyles(props);\n\n if (props.color === 'marketing') {\n return props.theme.colors.foundation02;\n }\n if (\n (props.variant !== 'solid' && !props.isInverse) ||\n (props.variant === 'solid' && props.isInverse)\n ) {\n switch (props.color) {\n case 'secondary':\n return props.theme.colors.neutral;\n case 'success':\n return darken(0.2, props.theme.colors.success);\n case 'danger':\n return darken(0.2, props.theme.colors.danger);\n default:\n return darken(0.2, props.theme.colors.primary);\n }\n }\n if (props.variant !== 'solid' && props.isInverse) {\n return props.theme.colors.neutral08;\n }\n if (props.color === 'secondary' && !props.isInverse) {\n return props.theme.colors.neutral;\n }\n return props.theme.colors.neutral08;\n}\n","import React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nexport function generateId(id?: string) {\n return id ? id : uuidv4();\n}\n\nexport function useGenerateId(newId?: string) {\n const [id, updateId] = React.useState<string>(newId);\n\n React.useEffect(() => {\n updateId(generateId(newId));\n }, []);\n\n React.useEffect(() => {\n newId && updateId(generateId(newId));\n }, [newId]);\n\n return id;\n}\n\nexport function omit(props, obj) {\n return props.reduce(\n (newObj, val) => (({ [val]: dropped, ...rest }) => rest)(newObj),\n obj\n );\n}\n\nexport type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;\n\ntype Without<T, U> = { [P in Exclude<keyof T, keyof U>]?: never };\n\nexport type XOR<T, U> = T | U extends object\n ? (Without<T, U> & U) | (Without<U, T> & T)\n : T | U;\n\nexport function usePrevious(value) {\n const ref = React.useRef();\n React.useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n\nexport function debounce(func, wait) {\n let timeout;\n function debounced(...args) {\n // tslint:disable-next-line\n const context = this;\n if (timeout) clearTimeout(timeout);\n timeout = setTimeout(() => {\n timeout = null;\n func.apply(context, args);\n }, wait);\n }\n\n debounced.clear = () => {\n clearTimeout(timeout);\n };\n\n return debounced;\n}\n\n// Based on https://stackoverflow.com/a/24394376\nlet cachedType;\n\nexport function detectScrollType() {\n if (cachedType) {\n return cachedType;\n }\n\n const dummy = document.createElement('div');\n dummy.appendChild(document.createTextNode('ABCD'));\n dummy.dir = 'rtl';\n dummy.style.fontSize = '14px';\n dummy.style.width = '4px';\n dummy.style.height = '1px';\n dummy.style.position = 'absolute';\n dummy.style.top = '-1000px';\n dummy.style.overflow = 'scroll';\n\n document.body.appendChild(dummy);\n\n cachedType = 'reverse';\n\n if (dummy.scrollLeft > 0) {\n cachedType = 'default';\n } else {\n dummy.scrollLeft = 1;\n if (dummy.scrollLeft === 0) {\n cachedType = 'negative';\n }\n }\n}\n\nexport function getNormalizedScrollLeft(element, direction) {\n const scrollLeft = element.scrollLeft;\n\n // Perform the calculations only when direction is rtl to avoid messing up the ltr bahavior\n if (direction !== 'rtl') {\n return scrollLeft;\n }\n\n const type = detectScrollType();\n\n switch (type) {\n case 'negative':\n return (\n Number(element.scrollWidth) -\n Number(element.clientWidth) +\n Number(scrollLeft)\n );\n case 'reverse':\n return (\n Number(element.scrollWidth) -\n Number(element.clientWidth) -\n Number(scrollLeft)\n );\n default:\n return scrollLeft;\n }\n}\n\nfunction easeInOutSin(time) {\n return (1 + Math.sin(Math.PI * time - Math.PI / 2)) / 2;\n}\n\nexport function animate(property, element, to, options: any = {}) {\n const { ease = easeInOutSin, duration = 300 } = options;\n\n let start = null;\n const from = Number(element[property]);\n let cancelled = false;\n\n const cancel = () => {\n cancelled = true;\n };\n\n const step = timestamp => {\n if (cancelled) {\n return;\n }\n\n if (start === null) {\n start = timestamp;\n }\n const time = Math.min(1, (timestamp - start) / duration);\n\n element[property] = ease(time) * (to - from) + from;\n\n if (time >= 1) {\n requestAnimationFrame(() => {});\n return;\n }\n\n requestAnimationFrame(step);\n };\n\n if (from === to) {\n return cancel;\n }\n\n requestAnimationFrame(step);\n return cancel;\n}\n\nexport function assignRef(ref, value) {\n if (ref === null) return;\n if (typeof ref === 'function') {\n ref(value);\n } else {\n try {\n ref.current = value;\n } catch (error) {\n throw new Error(`Cannot assign value \"${value}\" to ref \"${ref}\"`);\n }\n }\n}\n\nexport function useForkedRef(...refs) {\n return React.useMemo(() => {\n if (refs.every(ref => ref === null)) {\n return null;\n }\n return (node: any) => {\n refs.forEach(ref => {\n assignRef(ref, node);\n });\n };\n }, [...refs]);\n}\n\nexport function stringIncludesUnit(x) {\n return x.includes('px') || x.includes('em') || x.includes('%');\n}\n\nexport function convertStyleValueToString(\n value: string | number,\n defaultValue?: string\n): string {\n return value\n ? typeof value === 'number' ||\n (typeof value === 'string' && !stringIncludesUnit(value))\n ? `${value}px`\n : value\n : defaultValue || 'initial';\n}\n\nexport function getNodeText(node) {\n if (['string', 'number'].includes(typeof node)) return node;\n if (node instanceof Array) return node.map(getNodeText).join('');\n if (typeof node === 'object' && node) return getNodeText(node.props.children);\n}\n\nconst candidateSelectors = [\n 'input',\n 'select',\n 'textarea',\n 'a[href]',\n 'button',\n '[tabindex]:not([tabindex=\"-1\"])',\n 'audio[controls]',\n 'video[controls]',\n '[contenteditable]:not([contenteditable=\"false\"])',\n].join(',');\n\nexport function getTrapElements(container): Array<HTMLElement> {\n return Array.from(container.current.querySelectorAll(candidateSelectors));\n}\n\nexport function toCamelCase(str) {\n return str\n .toLowerCase()\n .replace(/[^a-z 0-9]/gi, '')\n .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (ltr, index) =>\n index === 0 ? ltr.toLowerCase() : ltr.toUpperCase()\n )\n .replace(/\\s+/g, '');\n}\n","import { I18nInterface } from './interface';\n\nexport const defaultI18n: I18nInterface = {\n locale: null,\n dateFormat: 'MM/dd/yyyy',\n timeFormat: '12',\n example:\n 'i18n defaults must be set in packages/react-magma-dom/src/i18n/default.ts',\n months: {\n long: {\n january: 'January',\n february: 'February',\n march: 'March',\n april: 'April',\n may: 'May',\n june: 'June',\n july: 'July',\n august: 'August',\n september: 'September',\n october: 'October',\n november: 'November',\n december: 'December',\n },\n short: {\n january: 'Jan',\n february: 'Feb',\n march: 'Mar',\n april: 'Apr',\n may: 'May',\n june: 'Jun',\n july: 'Jul',\n august: 'Aug',\n september: 'Sep',\n october: 'Oct',\n november: 'Nov',\n december: 'Dec',\n },\n },\n days: {\n long: {\n monday: 'Monday',\n tuesday: 'Tuesday',\n wednesday: 'Wednesday',\n thursday: 'Thursday',\n friday: 'Friday',\n saturday: 'Saturday',\n sunday: 'Sunday',\n },\n short: {\n monday: 'Mon',\n tuesday: 'Tues',\n wednesday: 'Wed',\n thursday: 'Thur',\n friday: 'Fri',\n saturday: 'Sat',\n sunday: 'Sun',\n },\n min: {\n monday: 'M',\n tuesday: 'T',\n wednesday: 'W',\n thursday: 'T',\n friday: 'F',\n saturday: 'S',\n sunday: 'S',\n },\n },\n emptyItemsListText: 'No Options',\n alert: {\n dismissAriaLabel: 'Close this message',\n },\n breadcrumb: {\n navAriaLabel: 'Breadcrumb',\n },\n charts: {\n line: {\n chartTabLabel: 'Chart',\n dataLegendsLabel:\n 'Select one or more of the categories below to filter out the ones you don’t want to see.',\n dataTabLabel: 'Data',\n keyboardInstructions:\n 'In the chart below, use your up and down arrows to move between each line. Use your left and right arrows to move between points on a line.',\n keyboardInstructionsHeader: 'Keyboard Instructions',\n keyboardInstructionsTooltip: 'Keyboard Instructions',\n legendButtonAriaLabel: 'Toggle data for {name}',\n },\n },\n combobox: {\n clearIndicatorAriaLabel:\n 'reset selection for {labelText}. {selectedItem} is selected',\n createLabel: 'Create \"{inputValue}\"',\n },\n datePicker: {\n startOfWeek: 'sunday',\n calendarIconAriaLabel: 'Toggle Calendar Widget',\n calendarOpenAnnounce:\n 'Calendar Widget is now open. Press the question mark key to get the keyboard shortcuts for changing dates.',\n calendarCloseAriaLabel: 'Close Calendar Widget',\n previousMonthAriaLabel: 'Previous Month',\n nextMonthAriaLabel: 'Next Month',\n disabledDayAriaLabel: 'Not Available. ',\n selectedDayAriaLabel: '(Selected)',\n todayAriaLabel: '(Today)',\n helpModal: {\n header: 'Keyboard Shortcuts',\n helpButtonAriaLabel: 'Calendar Widget Help',\n enter: {\n ariaLabel: 'Enter key',\n explanation: 'Select the date in focus.',\n },\n rightAndLeftArrowKeys: {\n ariaLabel: 'Right and left arrow keys',\n explanation: 'Move backward (left) and forward (right) by one day.',\n },\n upAndDownArrowKeys: {\n ariaLabel: 'up and down arrow keys',\n explanation: 'Move backward (up) and forward (down) by one week.',\n },\n pageUpAndPageDownKeys: {\n ariaLabel: 'page up and page down keys',\n displayValue: 'PGUP/PGDN',\n explanation: 'Switch months.',\n },\n homeAndEndKeys: {\n ariaLabel: 'Home and end keys',\n displayValue: 'HOME/END',\n explanation: 'Go to the first or last day of a week.',\n },\n escape: {\n ariaLabel: 'Escape key',\n displayValue: 'ESC',\n explanation: 'Return to the date input field.',\n },\n questionMark: {\n ariaLabel: 'Question Mark',\n explanation: 'Open this panel.',\n },\n },\n },\n dropdown: {\n menuItemSelectedAriaLabel: '(selected)',\n toggleMenuAriaLabel: 'Toggle menu',\n },\n dropzone: {\n browseFiles: 'Browse Files',\n dragMessage: 'Drag and drop or browse files to upload.',\n errors: {\n 'too-many-errors': {\n message: 'Files must not have any errors.',\n },\n 'too-many-files': {\n message: 'You must upload a maximum of',\n },\n 'too-few-files': {\n message: 'You must upload a minimum of',\n },\n 'file-invalid-type': {\n header: 'Invalid File Type',\n message: 'Upload only the allowed file types',\n },\n 'file-too-large': {\n header: 'File exceeds size limit',\n message: 'Upload only files with a maximum size of',\n },\n 'file-too-small': {\n header: 'File size is below the limit',\n message: 'Upload only files with a minimum size of',\n },\n required: {\n message: 'You must upload at least one file.',\n },\n },\n files: 'files',\n bytes: 'Bytes',\n deleteFile: 'Delete file',\n removeFile: 'Remove file',\n },\n header: {\n navigationButtonLabel: 'Open navigation menu',\n search: {\n input: {\n ariaLabel: 'Search',\n placeholder: 'Search',\n },\n iconAriaLabel: 'Search',\n },\n },\n indeterminateCheckbox: {\n isCheckedAnnounce: 'All subitems are checked for {labelText} checkbox',\n isIndeterminateAnnounce:\n 'Some, but not all, subitems are checked for {labelText} checkbox',\n isUncheckedAnnounce: 'No subitems are checked for {labelText} checkbox',\n },\n input: {\n isClearableAriaLabel: 'Clear Input',\n },\n loadingIndicator: {\n progressBar: {\n messages: {\n first: 'Please be patient as this could take up to a minute to load.',\n second: 'Thank you for your patience. Still loading...',\n third: 'Thank you for waiting. We’re almost there!',\n },\n },\n spinner: {\n messages: {\n first: 'Loading...',\n second: 'Thank you for your patience. Still loading...',\n third: 'Sorry for the delay. This is taking longer than expected.',\n },\n },\n },\n modal: {\n closeAriaLabel: 'Close dialog',\n },\n multiSelect: {\n placeholder: 'Select...',\n selectedItemButtonAriaLabel: 'reset item {selectedItem}',\n },\n multiCombobox: {\n selectedItemButtonAriaLabel: 'reset item {selectedItem}',\n },\n pagination: {\n nextButtonLabel: 'Next Page',\n previousButtonLabel: 'Previous Page',\n pageButtonLabel: 'Go to Page',\n },\n password: {\n shown: {\n ariaLabel:\n 'Show password. Note: this will visually expose your password on the screen',\n buttonText: 'Show',\n announce: 'Password is now visible',\n },\n hidden: {\n ariaLabel: 'Hide password',\n buttonText: 'Hide',\n announce: 'Password is now hidden',\n },\n },\n search: {\n input: {\n ariaLabel: 'Search',\n placeholder: 'Search',\n },\n iconAriaLabel: 'Search',\n },\n select: {\n placeholder: 'Select...',\n clearIndicatorAriaLabel:\n 'reset selection for {labelText}. {selectedItem} is selected',\n },\n skipLink: {\n buttonText: 'Skip Navigation',\n },\n spinner: {\n ariaLabel: 'Loading',\n },\n table: {\n pagination: {\n ofLabel: 'of',\n nextAriaLabel: 'Next page',\n previousAriaLabel: 'Previous page',\n rowsPerPageLabel: 'Rows per page',\n },\n },\n tabs: {\n horizontalTabsInstructions:\n 'use the right and left arrow keys to activate other tabs',\n verticalTabsInstructions:\n 'use the down and up arrow keys to activate other tabs',\n nextButtonLabel: 'Scroll tabs forward',\n previousButtonLabel: 'Scroll tabs back',\n },\n tag: {\n deleteAriaLabel: 'Delete {labelText} tag',\n },\n timePicker: {\n hoursAriaLabel: 'Hour',\n minutesAriaLabel: 'Minute',\n amButtonAriaLabel:\n 'AM selected. To change to PM press the p or enter button.',\n pmButtonAriaLabel:\n 'PM selected. To change to AM press the a or enter button.',\n amSelectedAnnounce: 'AM is now selected',\n pmSelectedAnnounce: 'PM is now selected',\n },\n wizard: {\n actions: {\n next: 'next',\n previous: 'previous',\n cancel: 'cancel',\n submit: 'submit',\n },\n optional: 'optional',\n navigationLabel: 'Navigation for the wizard',\n },\n};\n","import * as React from 'react';\nimport { defaultI18n } from './default';\nimport { I18nInterface } from './interface';\n\nexport const I18nContext = React.createContext<I18nInterface>(defaultI18n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { stringIncludesUnit } from '../../utils';\nimport { ThemeInterface } from '../../theme/magma';\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n /**\n * The color of the spinner border\n * @default \"#006298\"\n */\n color?: string;\n /**\n * The height and width of the spinner. Can be a string or number; if number is provided, the size is in px.\n * @default 16\n */\n size?: string | number;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n testId?: string;\n}\n\nconst StyledSpinner = styled.span<SpinnerProps>`\n animation: spinner-border 0.75s linear infinite;\n border: 2px solid ${props => props.color};\n border-right-color: transparent;\n border-radius: 50%;\n display: inline-block;\n height: ${props => props.size};\n width: ${props => props.size};\n\n @keyframes spinner-border {\n to {\n transform: rotate(360deg);\n }\n }\n`;\n\nexport const Spinner = React.forwardRef<HTMLSpanElement, SpinnerProps>(\n (props, ref) => {\n const { 'aria-label': ariaLabel, color, size, testId, ...other } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const sizeString = size\n ? typeof size === 'number' ||\n (typeof size === 'string' && !stringIncludesUnit(size))\n ? `${size}px`\n : size\n : theme.spaceScale.spacing05;\n\n return (\n <StyledSpinner\n {...other}\n aria-label={ariaLabel ? ariaLabel : i18n.spinner.ariaLabel}\n color={color ? color : theme.colors.primary}\n data-testid={testId}\n ref={ref}\n role=\"img\"\n size={sizeString}\n />\n );\n }\n);\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '@emotion/styled';\nimport {\n buildActiveBackground,\n buildActiveColor,\n buildAfterBackground,\n buildButtonBorderRadius,\n buildButtonFontSize,\n buildButtonLineHeight,\n buildButtonSize,\n buildButtonPadding,\n buildBorderColor,\n buildButtonBackground,\n buildColor,\n buildFocusBackground,\n buildFocusColor,\n} from './styles';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ButtonType, ButtonProps, ButtonSize, ButtonVariant } from '../Button';\nimport { Spinner } from '../Spinner';\n\nexport interface StyledButtonProps extends ButtonProps {\n href?: string;\n iconOnly?: boolean;\n}\n\nexport const buttonStyles = props => css`\n align-items: center;\n background: ${buildButtonBackground(props)};\n border: ${props.variant === 'outline' ||\n (props.variant !== 'link' && props.color === 'secondary' && !props.isInverse)\n ? '2px solid'\n : '0'};\n border-color: ${buildBorderColor(props)};\n border-radius: ${buildButtonBorderRadius(props)};\n color: ${buildColor(props)};\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n display: ${props.isFullWidth ? 'flex' : 'inline-flex'};\n flex-shrink: 0;\n font-family: ${props.theme.bodyFont};\n font-size: ${buildButtonFontSize(props)};\n font-weight: 600;\n height: ${buildButtonSize(props)};\n justify-content: center;\n letter-spacing: ${props.size === 'small'\n ? props.theme.typeScale.size01.letterSpacing\n : 'inherit'};\n line-height: ${buildButtonLineHeight(props)};\n margin: ${props.isFullWidth\n ? `${props.theme.spaceScale.spacing02} 0`\n : props.theme.spaceScale.spacing02};\n min-width: ${props.size === 'small' ? '0' : props.theme.spaceScale.spacing13};\n overflow: hidden;\n padding: ${buildButtonPadding(props)};\n position: relative;\n text-align: center;\n text-decoration: none;\n text-transform: ${props.textTransform || 'uppercase'};\n touch-action: manipulation;\n transition: background 0.35s, border-color 0.35s, box-shadow 0.35s,\n color 0.35s;\n vertical-align: middle;\n white-space: nowrap;\n width: ${props.iconOnly\n ? buildButtonSize(props)\n : props.isFullWidth\n ? '100%'\n : 'auto'};\n\n &:not(:disabled) {\n &:focus {\n outline: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: 3px;\n }\n\n &:hover,\n &:focus {\n background: ${buildFocusBackground(props)};\n color: ${buildFocusColor(props)};\n }\n\n &:after {\n background: ${buildAfterBackground(props)};\n border-radius: 50%;\n content: '';\n height: ${props.theme.spaceScale.spacing07};\n left: 50%;\n opacity: 0;\n padding: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) scale(1);\n transition: opacity 1s, transform 0.5s;\n width: ${props.theme.spaceScale.spacing07};\n }\n\n &:active {\n background: ${buildActiveBackground(props)};\n color: ${buildActiveColor(props)};\n &:after {\n opacity: 0.4;\n transform: translate(-50%, -50%) scale(0);\n transition: transform 0s;\n }\n }\n }\n\n svg {\n flex-shrink: 0;\n }\n\n ${props.iconOnly &&\n css`\n display: inline-flex;\n justify-content: center;\n line-height: 1;\n min-width: 0;\n padding: 0;\n `}\n`;\n\nexport const BaseStyledButton = styled.button`\n ${buttonStyles}\n`;\n\nconst SpinnerWrapper = styled.span`\n position: absolute;\n display: flex;\n`;\n\nconst ChildrenWrapper = styled.span<{ isLoading: boolean; testId?: string }>`\n visibility: ${props => (props.isLoading ? 'hidden' : 'visible')};\n display: inline-flex;\n align-items: center;\n`;\n\nexport const StyledButton = React.forwardRef<\n HTMLButtonElement,\n StyledButtonProps\n>((props, ref) => {\n const {\n size,\n variant,\n isInverse,\n children,\n type = ButtonType.button,\n testId,\n isLoading,\n } = props;\n const theme = React.useContext(ThemeContext);\n\n const spinnerColor =\n isInverse &&\n (variant === ButtonVariant.outline || variant === ButtonVariant.link)\n ? theme.colors.neutral08\n : theme.colors.neutral03;\n\n const spinnerSize =\n size === ButtonSize.small\n ? theme.iconSizes.xSmall\n : size === ButtonSize.large\n ? theme.iconSizes.large\n : theme.iconSizes.medium;\n\n return (\n <BaseStyledButton\n {...props}\n data-testid={testId}\n ref={ref}\n type={type}\n theme={theme}\n disabled={isLoading || props.disabled}\n >\n {isLoading && (\n <SpinnerWrapper>\n <Spinner\n testId={`${testId}-spinner`}\n color={spinnerColor}\n size={spinnerSize}\n />\n </SpinnerWrapper>\n )}\n <ChildrenWrapper isLoading={isLoading} testId={`${testId}-children`}>\n {children}\n </ChildrenWrapper>\n </BaseStyledButton>\n );\n});\n","import * as React from 'react';\n\ninterface InverseInterface {\n isInverse?: boolean;\n}\n\nexport const InverseContext = React.createContext<InverseInterface>({\n isInverse: false,\n});\n\nexport function useIsInverse(inverseProp?: boolean) {\n const inverseContext = React.useContext(InverseContext);\n\n return typeof inverseProp !== 'undefined'\n ? Boolean(inverseProp)\n : inverseContext.isInverse;\n}\n","import * as React from 'react';\nimport { StyledButton } from '../StyledButton';\nimport { useIsInverse } from '../../inverse';\n\nexport enum ButtonVariant {\n solid = 'solid', //default\n outline = 'outline',\n link = 'link',\n}\n\nexport enum ButtonColor {\n primary = 'primary', //default\n secondary = 'secondary',\n success = 'success',\n danger = 'danger',\n marketing = 'marketing',\n}\n\nexport enum ButtonShape {\n fill = 'fill', //default\n leftCap = 'leftCap',\n rightCap = 'rightCap',\n round = 'round', // default for icon only buttons\n}\n\nexport enum ButtonSize {\n large = 'large',\n medium = 'medium', //default\n small = 'small',\n}\n\nexport enum ButtonTextTransform {\n uppercase = 'uppercase', //default\n none = 'none',\n}\n\nexport enum ButtonType {\n button = 'button',\n submit = 'submit',\n reset = 'reset',\n}\n\nexport interface ButtonStyles {\n /**\n * The color of the button, indicating its function in the UI\n * @default ButtonColor.primary\n */\n color?: ButtonColor;\n /**\n * Set the button to display full-width.\n * @default false\n */\n isFullWidth?: boolean;\n isInverse?: boolean;\n /**\n * Defines the border radius\n * @default ButtonShape.fill\n */\n shape?: ButtonShape;\n /**\n * Set the button to a loading state\n * @default false\n */\n isLoading?: boolean;\n /**\n * The relative size of the button\n * @default ButtonSize.medium\n */\n size?: ButtonSize;\n /**\n * Determines whether the button appears in all-caps\n * @default ButtonTextTransform.uppercase\n */\n textTransform?: ButtonTextTransform;\n /**\n * The variant of the button\n * @default ButtonVariant.solid\n */\n variant?: ButtonVariant;\n}\n\n/**\n * @children required\n */\ninterface BaseButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n testId?: string;\n /**\n * @internal\n */\n theme?: any;\n /**\n * The type attribute of the button\n * ButtonType.button\n */\n type?: ButtonType;\n}\n\nexport type ButtonProps = BaseButtonProps & ButtonStyles;\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref) => {\n const { children, ...rest } = props;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <StyledButton {...rest} isInverse={isInverse} ref={ref}>\n {children}\n </StyledButton>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { StyledButton } from '../StyledButton';\nimport {\n ButtonProps,\n ButtonColor,\n ButtonShape,\n ButtonSize,\n ButtonVariant,\n ButtonTextTransform,\n} from '../Button';\nimport { IconProps } from 'react-magma-icons';\nimport { omit, Omit, XOR } from '../../utils';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useIsInverse } from '../../inverse';\n\nexport enum ButtonIconPosition {\n left = 'left',\n right = 'right',\n}\n\nexport interface IconOnlyButtonProps extends Omit<ButtonProps, 'children'> {\n /**\n * Icon to display within the component\n */\n icon: React.ReactElement<IconProps>;\n /**\n * The text the screen reader will announce. Required for icon-only buttons\n */\n 'aria-label': string;\n}\n\nexport interface IconTextButtonProps extends ButtonProps {\n /**\n * Icon to display within the component\n */\n icon: React.ReactElement<IconProps>;\n children: React.ReactChild | React.ReactChild[];\n /**\n * Position within the button for the icon to appear\n * @default ButtonIconPosition.right\n */\n iconPosition?: ButtonIconPosition;\n}\n\nexport type IconButtonProps = XOR<IconOnlyButtonProps, IconTextButtonProps>;\n\nexport interface SpanProps {\n size?: ButtonSize;\n}\n\nconst SpanTextLeft = styled.span<SpanProps>`\n padding-right: ${props => getIconPadding(props)};\n`;\n\nconst SpanTextRight = styled.span<SpanProps>`\n padding-left: ${props => getIconPadding(props)};\n`;\n\nfunction getIconPadding(props) {\n switch (props.size) {\n case 'large':\n return props.theme.spaceScale.spacing05;\n case 'small':\n return props.theme.spaceScale.spacing02;\n default:\n return props.theme.spaceScale.spacing03;\n }\n}\n\nfunction getIconSize(size, theme) {\n switch (size) {\n case 'large':\n return theme.iconSizes.large;\n case 'small':\n return theme.iconSizes.small;\n default:\n return theme.iconSizes.medium;\n }\n}\n\nexport function instanceOfIconOnly(object: any): object is IconOnlyButtonProps {\n return 'icon' in object && !('children' in object);\n}\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n (props, ref) => {\n let icon;\n let iconPosition;\n let children;\n const { color, shape, size, testId, textTransform, variant, ...rest } =\n props;\n\n const theme = React.useContext(ThemeContext);\n\n if (instanceOfIconOnly(props)) {\n icon = props.icon;\n } else {\n icon = props.icon;\n iconPosition = props.iconPosition;\n children = props.children;\n }\n\n const other = omit(['iconPosition', 'textPosition'], rest);\n\n const isInverse = useIsInverse(props.isInverse);\n\n if (icon && !children) {\n return (\n <StyledButton\n {...other}\n ref={ref}\n color={color ? color : ButtonColor.primary}\n iconOnly\n testId={testId}\n isInverse={isInverse}\n shape={shape ? shape : ButtonShape.round}\n size={size ? size : ButtonSize.medium}\n variant={variant ? variant : ButtonVariant.solid}\n >\n {React.Children.only(\n React.cloneElement(icon, {\n size: icon.props.size\n ? icon.props.size\n : getIconSize(size, theme),\n })\n )}\n </StyledButton>\n );\n }\n return (\n <StyledButton\n {...other}\n ref={ref}\n color={color ? color : ButtonColor.primary}\n isInverse={isInverse}\n shape={shape ? shape : ButtonShape.fill}\n size={size ? size : ButtonSize.medium}\n testId={testId}\n textTransform={\n textTransform ? textTransform : ButtonTextTransform.uppercase\n }\n variant={variant ? variant : ButtonVariant.solid}\n >\n {iconPosition === ButtonIconPosition.right && (\n <SpanTextLeft size={size} theme={theme}>\n {children}\n </SpanTextLeft>\n )}\n {React.Children.only(\n React.cloneElement(icon, {\n size: icon.props.size ? icon.props.size : getIconSize(size, theme),\n 'data-testid': `${testId}-icon`,\n })\n )}\n {iconPosition !== ButtonIconPosition.right && (\n <SpanTextRight size={size} theme={theme}>\n {children}\n </SpanTextRight>\n )}\n </StyledButton>\n );\n }\n);\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '../../theme/styled';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport {\n InfoIcon,\n CheckCircleIcon,\n WarningIcon,\n ErrorIcon,\n IconProps,\n CloseIcon,\n} from 'react-magma-icons';\nimport { ButtonVariant } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { ProgressRing } from '../ProgressRing';\nimport { useGenerateId } from '../../utils';\nimport { I18nContext } from '../../i18n';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\nexport const VARIANT_ICON: {\n [name: string]: React.FunctionComponent<IconProps>;\n} = {\n info: InfoIcon,\n muted: InfoIcon,\n success: CheckCircleIcon,\n warning: WarningIcon,\n danger: ErrorIcon,\n};\n\nexport enum AlertVariant {\n info = 'info', //default,\n muted = 'muted',\n success = 'success',\n warning = 'warning',\n danger = 'danger',\n}\n\nexport interface AlertBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n closeAriaLabel?: string;\n forceDismiss?: () => void;\n hasTimerRing?: boolean;\n isExiting?: boolean;\n isDismissed?: boolean;\n isDismissible?: boolean;\n isInverse?: boolean;\n isPaused?: boolean;\n isToast?: boolean;\n onDismiss?: () => void;\n testId?: string;\n toastDuration?: number;\n variant?: AlertVariant;\n}\n\nexport const transitionDuration = 500;\n\nexport function buildAlertBackground(props) {\n switch (props.variant) {\n case 'muted':\n return 'rgba(0, 0, 0, 0)';\n case 'success':\n return props.theme.colors.success;\n case 'warning':\n return props.theme.colors.pop04;\n case 'danger':\n return props.theme.colors.danger;\n default:\n return props.theme.colors.neutral;\n }\n}\n\nconst StyledAlert = styled.div<AlertBaseProps>`\n align-items: stretch;\n animation: ${props =>\n props.isExiting\n ? `fadeout ${transitionDuration}ms`\n : `fadein ${transitionDuration}ms`};\n \n display: flex;\n flex-direction: column;\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n margin-bottom: ${props => props.theme.spaceScale.spacing06};\n max-width: 100%;\n padding: 0;\n position: relative;\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n }\n\n &:focus {\n outline: 2px dotted ${props =>\n props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n }\n }\n\n ${props =>\n props.isToast &&\n css`\n animation: ${props.isExiting\n ? `slideout ${transitionDuration}ms`\n : `slidein ${transitionDuration}ms`};\n min-width: 375px;\n margin: 0 auto;\n\n @media (max-width: ${props.theme.breakpoints.small}px) {\n min-width: 0;\n width: 100%;\n }\n `}\n\n @keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeout {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n\n \n @keyframes slidein {\n from {\n left: -500px;\n }\n to {\n left: 0;\n }\n }\n\n @keyframes slideout {\n from {\n left: 0;\n }\n to {\n left: -500px;\n }\n }\n\n a {\n color: inherit;\n font-weight: 600;\n text-decoration: underline;\n\n &:focus {\n outline: 2px dotted ${props =>\n props.variant === 'warning'\n ? props.theme.colors.focus\n : props.theme.colors.focusInverse};\n }\n }\n }\n`;\n\nconst StyledAlertInner = styled.div<AlertBaseProps>`\n background-color: ${props => buildAlertBackground(props)};\n border-radius: ${props => props.theme.borderRadius};\n color: ${props =>\n props.variant === AlertVariant.muted\n ? props.theme.colors.neutral03\n : props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: flex;\n position: relative;\n padding-right: 12px; \n\n ${props =>\n props.isToast &&\n css`\n border: 1px solid ${props.theme.colors.neutral08};\n box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);\n height: ${props.theme.spaceScale.spacing11};\n `}\n`;\n\nconst AlertContents = styled.div`\n align-self: center;\n flex-grow: 1;\n padding: ${props => props.theme.spaceScale.spacing04} 0;\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n padding-left: ${props => props.theme.spaceScale.spacing04};\n }\n`;\n\nconst IconWrapperStyles = css`\n align-items: center;\n display: flex;\n flex-shrink: 0;\n margin-right: 1px;\n`;\n\nconst IconWrapper = styled.span<{ isToast?: boolean; theme: any }>`\n ${IconWrapperStyles}\n padding: 0 ${props => props.theme.spaceScale.spacing03} 0 ${props =>\n props.theme.spaceScale.spacing04};\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n display: none;\n }\n`;\n\nconst ProgressRingWrapper = styled.div`\n opacity: 0.7;\n margin-top: ${props => props.theme.spaceScale.spacing01};\n position: absolute;\n top: ${props => props.theme.spaceScale.spacing02};\n right: ${props => props.theme.spaceScale.spacing02};\n`;\n\nconst DismissibleIconWrapper = styled.span<AlertBaseProps>`\n ${IconWrapperStyles}\n`;\n\nconst whitelistProps = ['icon', 'isInverse', 'theme', 'variant'];\n\nconst shouldForwardProp = prop => {\n return isPropValid(prop) || whitelistProps.includes(prop);\n};\n\nconst DismissButton = styled(IconButton, { shouldForwardProp })<{\n alertVariant?: AlertVariant;\n}>`\n align-self: stretch;\n border-radius: 0 ${props => props.theme.borderRadius}\n ${props => props.theme.borderRadius} 0;\n color: inherit;\n height: auto;\n padding: 0 ${props => props.theme.spaceScale.spacing04};\n width: auto;\n\n &&:focus:not(:disabled) {\n outline: 2px dotted\n ${({ alertVariant, theme }) =>\n alertVariant === 'warning'\n ? theme.colors.focus\n : theme.colors.focusInverse};\n outline-offset: 0 !important;\n }\n\n &:hover,\n &:focus {\n :not(:disabled):before {\n background: ${({ alertVariant, theme }) =>\n alertVariant === 'warning'\n ? theme.colors.focus\n : theme.colors.focusInverse};\n opacity: 0.15;\n }\n\n &:after {\n display: none;\n }\n }\n`;\n\nfunction renderIcon(variant = 'info', isToast?: boolean, theme?: any) {\n const Icon = VARIANT_ICON[variant];\n\n return (\n <IconWrapper isToast={isToast} theme={theme}>\n <Icon size={theme.iconSizes.medium} />\n </IconWrapper>\n );\n}\n\nexport const AlertBase = React.forwardRef<HTMLDivElement, AlertBaseProps>(\n (props, ref) => {\n const {\n children,\n closeAriaLabel,\n forceDismiss,\n hasTimerRing,\n id: defaultId,\n isDismissed,\n isDismissible,\n isExiting: externalIsExiting,\n isPaused,\n isToast,\n onDismiss,\n testId,\n toastDuration,\n variant,\n ...other\n } = props;\n\n const id = useGenerateId(defaultId);\n const [isExiting, setIsExiting] = React.useState(false);\n\n const isInverse = useIsInverse(props.isInverse);\n\n React.useEffect(() => {\n if (isExiting) {\n setTimeout(() => {\n setIsExiting(false);\n onDismiss && typeof onDismiss === 'function' && onDismiss();\n }, transitionDuration - 300);\n }\n }, [isExiting]);\n\n React.useEffect(() => {\n if (isDismissed) {\n handleDismiss();\n }\n }, [isDismissed]);\n\n function handleDismiss() {\n setIsExiting(true);\n }\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledAlert\n {...other}\n data-testid={testId}\n id={id}\n tabIndex={-1}\n isInverse={isInverse}\n isExiting={isExiting}\n isToast={isToast}\n ref={ref}\n theme={theme}\n >\n <InverseContext.Provider\n value={{\n isInverse: variant !== AlertVariant.warning,\n }}\n >\n <StyledAlertInner\n isInverse={variant !== AlertVariant.warning}\n isToast={isToast}\n theme={theme}\n variant={variant}\n >\n {renderIcon(variant, isToast, theme)}\n <AlertContents theme={theme}>{children}</AlertContents>\n {isDismissible && (\n <DismissibleIconWrapper variant={variant} theme={theme}>\n {hasTimerRing && isToast && (\n <ProgressRingWrapper theme={theme}>\n <ProgressRing\n color={\n variant === AlertVariant.warning\n ? theme.colors.neutral\n : theme.colors.neutral08\n }\n isActive={!isPaused}\n />\n </ProgressRingWrapper>\n )}\n <DismissButton\n alertVariant={variant}\n aria-label={\n closeAriaLabel\n ? closeAriaLabel\n : i18n.alert.dismissAriaLabel\n }\n icon={\n <CloseIcon\n size={\n hasTimerRing\n ? theme.iconSizes.xSmall\n : theme.iconSizes.small\n }\n />\n }\n isInverse\n onClick={forceDismiss || handleDismiss}\n theme={theme}\n variant={ButtonVariant.link}\n />\n </DismissibleIconWrapper>\n )}\n </StyledAlertInner>\n </InverseContext.Provider>\n </StyledAlert>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface ProgressRingProps\n extends React.HTMLAttributes<HTMLDivElement> {\n color?: string;\n duration?: number;\n isActive?: boolean;\n percentage?: number;\n radius?: number;\n strokeWidth?: number;\n testId?: string;\n}\n\nconst Circle = styled.circle`\n transition: stroke-dashoffset 0.35s;\n transform: rotate(-90deg);\n transform-origin: 50% 50%;\n`;\n\nexport const ProgressRing = React.forwardRef<HTMLDivElement, ProgressRingProps>(\n (props, ref) => {\n const {\n color,\n duration = 5000,\n isActive,\n radius = 21,\n strokeWidth = 3,\n testId,\n ...other\n } = props;\n\n const [percentage, setPercentage] = React.useState(100);\n\n React.useEffect(() => {\n const intervalDuration = duration / 50;\n\n let interval = null;\n\n if (isActive) {\n interval = setInterval(() => {\n setPercentage(percentage - 2);\n }, intervalDuration);\n\n if (percentage <= 0) {\n clearInterval(interval);\n }\n } else {\n clearInterval(interval);\n }\n\n return () => clearInterval(interval);\n }, [percentage, isActive]);\n\n const normalizedRadius = radius - strokeWidth * 2;\n const circumference = normalizedRadius * 2 * Math.PI;\n const strokeDashoffset = circumference - (percentage / 100) * circumference;\n\n const theme = React.useContext(ThemeContext);\n\n return (\n <div {...other} ref={ref} data-testid={testId}>\n <svg height={radius * 2} width={radius * 2}>\n <Circle\n cx={radius}\n cy={radius}\n fill=\"transparent\"\n r={normalizedRadius}\n stroke={color ? color : theme.colors.neutral}\n strokeWidth={strokeWidth}\n strokeDasharray={`${circumference} ${circumference}`}\n style={{ strokeDashoffset }}\n />\n </svg>\n </div>\n );\n }\n);\n","import * as React from 'react';\n\n/**\n * @children required\n */\nexport interface AnnounceProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Value of the `aria-live` attribute\n * @default AnnouncePoliteness.polite\n */\n politeness?: AnnouncePoliteness;\n /*\n * Test ID attached to an internal element as `data-testid` for consumer testing\n */\n testId?: string;\n}\n\nexport enum AnnouncePoliteness {\n polite = 'polite', //default\n off = 'off',\n assertive = 'assertive',\n}\n\nexport const Announce = React.forwardRef<HTMLDivElement, AnnounceProps>(\n (props, ref) => {\n const { children, politeness, testId, ...other } = props;\n\n return (\n <div\n {...other}\n aria-live={politeness || AnnouncePoliteness.polite}\n ref={ref}\n data-testid={testId}\n >\n {children}\n </div>\n );\n }\n);\n","import * as React from 'react';\nimport { AlertBase, AlertVariant } from '../AlertBase';\n\n/**\n * @children required\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The text read by screen readers for the close button\n * @default \"Close this message\"\n */\n closeAriaLabel?: string;\n /**\n * If true, the component will be able to be dismissed and will include a close button\n * @default false\n */\n isDismissible?: boolean;\n isInverse?: boolean;\n /**\n * Action that fires when the close button is clicked (required when isDismissible is true)\n */\n onDismiss?: () => void;\n testId?: string;\n /**\n * The variant of the alert, indicating its function in the UI\n * @default `AlertVariant.info`\n */\n variant?: AlertVariant;\n}\n\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n (props, ref) => {\n return <AlertBase ref={ref} {...props} />;\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * If true, the component will render at a shorter height with less padding\n * @default false\n **/\n isCompact?: boolean;\n isInverse?: boolean;\n position?: AppBarPosition;\n testId?: string;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nexport enum AppBarPosition {\n absolute = 'absolute',\n fixed = 'fixed',\n relative = 'relative',\n static = 'static', // default\n sticky = 'sticky',\n}\n\nconst StyledHeader = styled.header<{\n isCompact?: boolean;\n isInverse?: boolean;\n position: AppBarPosition;\n}>`\n align-items: center;\n background: ${props =>\n props.isInverse\n ? props.theme.appBar.inverse.backgroundColor\n : props.theme.appBar.backgroundColor};\n border-bottom: 1px solid\n ${props =>\n props.isInverse\n ? props.theme.colors.foundation\n : props.theme.colors.neutral06};\n box-shadow: ${props =>\n props.position === AppBarPosition.sticky ||\n props.position === AppBarPosition.fixed\n ? '0 2px 3px 0 rgb(0 0 0 / 37%)'\n : '0 0 0'};\n color: ${props =>\n props.isInverse\n ? props.theme.appBar.inverse.textColor\n : props.theme.appBar.textColor};\n display: flex;\n height: ${props =>\n props.isCompact\n ? props.theme.appBar.compact.height\n : props.theme.appBar.height};\n left: 0;\n padding: ${props =>\n props.isCompact\n ? props.theme.appBar.compact.padding\n : props.theme.appBar.padding};\n position: ${props => props.position};\n right: 0;\n top: 0;\n z-index: 10;\n`;\n\nexport const AppBar = React.forwardRef<HTMLDivElement, AppBarProps>(\n (props, ref) => {\n const {\n children,\n position = AppBarPosition.static,\n testId,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <InverseContext.Provider\n value={{\n isInverse,\n }}\n >\n <StyledHeader\n {...other}\n data-testid={testId}\n position={position}\n ref={ref}\n theme={theme}\n >\n {children}\n </StyledHeader>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { darken, lighten } from 'polished';\n\n/**\n * @children required\n */\nexport interface BadgeProps extends React.HTMLAttributes<HTMLButtonElement> {\n /**\n * The color variant of the badge\n * @default BadgeColor.primary\n */\n color?: BadgeColor;\n /**\n * Action that fires when the badge is clicked. Causes the Badge to render as a button instead of a span.\n */\n onClick?: () => void;\n testId?: string;\n /**\n * Indicates the style variant of the component\n * @default BadgeVariant.label\n */\n variant?: BadgeVariant;\n}\n\nexport enum BadgeColor {\n danger = 'danger',\n primary = 'primary',\n secondary = 'secondary', // default\n success = 'success',\n light = 'light',\n}\n\nexport enum BadgeVariant {\n counter = 'counter',\n label = 'label', // default\n}\n\nexport function buildBadgeBackground(props) {\n switch (props.color) {\n case 'danger':\n return props.theme.colors.danger;\n case 'light':\n return props.theme.colors.neutral07;\n case 'primary':\n return props.theme.colors.primary;\n case 'secondary':\n return props.theme.colors.neutral02;\n case 'success':\n return props.theme.colors.success;\n\n default:\n return props.theme.colors.neutral02;\n }\n}\n\nexport function buildBadgeFocusBackground(props) {\n switch (props.color) {\n case 'danger':\n return darken(0.1, props.theme.colors.danger);\n case 'light':\n return lighten(0.05, props.theme.colors.neutral07);\n case 'primary':\n return darken(0.1, props.theme.colors.primary);\n case 'secondary':\n return darken(0.1, props.theme.colors.neutral02);\n case 'success':\n return darken(0.1, props.theme.colors.success);\n\n default:\n return darken(0.1, props.theme.colors.neutral02);\n }\n}\n\nexport function buildBadgeActiveBackground(props) {\n switch (props.color) {\n case 'danger':\n return darken(0.2, props.theme.colors.danger);\n case 'light':\n return lighten(0.1, props.theme.colors.neutral07);\n case 'primary':\n return darken(0.2, props.theme.colors.primary);\n case 'secondary':\n return darken(0.2, props.theme.colors.neutral02);\n case 'success':\n return darken(0.2, props.theme.colors.success);\n\n default:\n return darken(0.2, props.theme.colors.neutral02);\n }\n}\n\nexport const baseBadgeStyles = props => css`\n background: ${buildBadgeBackground(props)};\n border: 1px solid;\n border-color: ${props.color === BadgeColor.light\n ? props.theme.colors.neutral06\n : 'transparent'};\n border-radius: ${props.variant === BadgeVariant.counter\n ? props.theme.spaceScale.spacing06\n : props.theme.borderRadius};\n color: ${props.color === 'light'\n ? props.theme.colors.neutral\n : props.theme.colors.neutral08};\n display: inline-block;\n font-weight: bold;\n font-size: ${props.variant === BadgeVariant.counter\n ? props.theme.typeScale.size02.fontSize\n : props.theme.typeScale.size01.fontSize};\n letter-spacing: ${props.variant === BadgeVariant.counter\n ? props.theme.typeScale.size02.letterSpacing\n : props.theme.typeScale.size01.letterSpacing};\n line-height: ${props.variant === BadgeVariant.counter\n ? props.theme.typeScale.size02.lineHeight\n : props.theme.typeScale.size01.lineHeight};\n margin: ${props.variant === BadgeVariant.counter\n ? `0 0 0 ${props.theme.spaceScale.spacing03}`\n : `0 ${props.theme.spaceScale.spacing03} 0 0`};\n max-height: ${props.variant === BadgeVariant.counter\n ? props.theme.spaceScale.spacing06\n : 'auto'};\n min-width: ${props.theme.spaceScale.spacing06};\n padding: ${props.variant === BadgeVariant.counter\n ? `1px ${props.theme.spaceScale.spacing02}`\n : `${props.theme.spaceScale.spacing01} ${props.theme.spaceScale.spacing02}`};\n text-align: ${props.variant == BadgeVariant.counter ? 'center' : 'inherit'};\n`;\n\nconst StyledSpan = styled.span<BadgeProps>`\n ${baseBadgeStyles};\n`;\n\nconst StyledButton = styled.button<BadgeProps>`\n ${baseBadgeStyles};\n cursor: pointer;\n transition: background 0.35s;\n\n &:hover,\n &:focus {\n background: ${props => buildBadgeFocusBackground(props)};\n }\n\n &:active {\n background: ${props => buildBadgeActiveBackground(props)};\n }\n`;\n\nfunction getStyledBadgeComponent(isClickable: boolean) {\n return isClickable ? StyledButton : StyledSpan;\n}\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n (props, ref) => {\n const { children, onClick, testId, variant, ...other } = props;\n\n const BadgeComponent = getStyledBadgeComponent(Boolean(onClick));\n\n const theme = React.useContext(ThemeContext);\n\n return (\n <BadgeComponent\n {...other}\n data-testid={testId}\n variant={variant ? variant : BadgeVariant.label}\n onClick={onClick}\n ref={ref}\n theme={theme}\n >\n {children}\n </BadgeComponent>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { AlertProps } from '../Alert';\nimport { AlertVariant, buildAlertBackground, VARIANT_ICON } from '../AlertBase';\nimport { CloseIcon } from 'react-magma-icons';\nimport { Button, ButtonSize, ButtonVariant, ButtonColor } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\n\n/**\n * @children required\n */\nexport interface BannerProps extends AlertProps {\n /**\n * The text displayed inside of the action button\n */\n actionButtonText?: string;\n /**\n * Action that fires when the action button is clicked. Must be present for button to appear\n */\n actionButtonOnClick?: () => void;\n /**\n * If true, the component will be able to be dismissed and will include a close button\n * @default false\n */\n isDismissible?: boolean;\n}\n\nconst StyledBanner = styled.div<AlertProps>`\n align-items: stretch;\n background: ${props => buildAlertBackground(props)};\n color: ${props =>\n props.variant === 'warning'\n ? props.theme.colors.neutral\n : props.theme.colors.neutral08};\n display: flex;\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n position: relative;\n text-align: left;\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n text-align: left;\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n }\n`;\n\nconst BannerContents = styled.div`\n align-items: center;\n display: flex;\n flex-grow: 1;\n justify-content: flex-start;\n padding: ${props => props.theme.spaceScale.spacing04};\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n justify-content: flex-start;\n }\n`;\n\nconst ButtonWrapper = styled.span`\n align-items: center;\n display: flex;\n flex-shrink: 0;\n`;\n\nconst allowedProps = ['icon', 'isInverse', 'theme', 'variant'];\n\nconst shouldForwardProp = prop => {\n return isPropValid(prop) || allowedProps.includes(prop);\n};\n\nconst DismissButton = styled(IconButton, { shouldForwardProp })<{\n alertVariant?: AlertVariant;\n}>`\n align-self: stretch;\n border-radius: 0;\n color: ${({ alertVariant, theme }) =>\n alertVariant === 'warning' ? theme.colors.neutral : theme.colors.neutral08};\n height: auto;\n padding: 0 ${props => props.theme.spaceScale.spacing05};\n width: auto;\n\n &&:focus:not(:disabled) {\n outline: 2px dotted\n ${({ alertVariant, theme }) =>\n alertVariant === 'warning'\n ? theme.colors.neutral\n : theme.colors.neutral08};\n outline-offset: 0 !important;\n }\n\n &:hover,\n &:focus {\n :not(:disabled) {\n &:before {\n background: ${({ alertVariant, theme }) =>\n alertVariant === 'warning'\n ? theme.colors.neutral\n : theme.colors.neutral08};\n opacity: 0.15;\n }\n\n &:after {\n display: none;\n }\n }\n }\n`;\n\nconst IconWrapper = styled.span`\n display: inline-flex;\n padding-right: ${props => props.theme.spaceScale.spacing03};\n\n @media (max-width: ${props => props.theme.breakpoints.small}px) {\n display: none;\n }\n`;\n\nfunction renderIcon(variant = 'info', theme: any) {\n const Icon = VARIANT_ICON[variant];\n\n return (\n <IconWrapper theme={theme}>\n <Icon size={theme.iconSizes.medium} />\n </IconWrapper>\n );\n}\n\nfunction getButtonColor(variant: AlertVariant) {\n switch (variant) {\n case 'success':\n return ButtonColor.success;\n case 'warning':\n return ButtonColor.secondary;\n case 'danger':\n return ButtonColor.danger;\n default:\n return ButtonColor.primary;\n }\n}\n\nexport const Banner = React.forwardRef<HTMLDivElement, BannerProps>(\n (props, ref) => {\n const {\n actionButtonText,\n actionButtonOnClick,\n children,\n closeAriaLabel,\n isDismissible,\n onDismiss,\n testId,\n variant,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledBanner\n {...other}\n data-testid={testId}\n ref={ref}\n theme={theme}\n variant={variant}\n >\n <BannerContents theme={theme}>\n {renderIcon(variant, theme)}\n {children}\n {actionButtonText && actionButtonOnClick && (\n <Button\n color={getButtonColor(variant)}\n isInverse\n onClick={actionButtonOnClick}\n style={{ margin: `0 0 0 ${theme.spaceScale.spacing08}` }}\n size={ButtonSize.small}\n >\n {actionButtonText}\n </Button>\n )}\n </BannerContents>\n\n {isDismissible && (\n <ButtonWrapper>\n <DismissButton\n alertVariant={variant}\n aria-label={\n closeAriaLabel ? closeAriaLabel : i18n.alert.dismissAriaLabel\n }\n icon={<CloseIcon size={theme.iconSizes.small} />}\n isInverse\n onClick={onDismiss}\n theme={theme}\n variant={ButtonVariant.link}\n />\n </ButtonWrapper>\n )}\n </StyledBanner>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '@emotion/styled';\n\n/**\n * @children required\n */\nexport interface HideAtBreakpointProps\n extends React.HTMLAttributes<HTMLDivElement> {\n displayType?: HideAtBreakpointDisplayType;\n /**\n * Maximum width at which to hide the content\n */\n maxWidth?: number;\n /**\n * Minimum width at which to hide the content\n */\n minWidth?: number;\n testId?: string;\n}\n\nexport enum HideAtBreakpointDisplayType {\n block = 'block', // default\n flex = 'flex',\n inline = 'inline',\n inlineFlex = 'inline-flex',\n}\n\nconst Container = styled.div<HideAtBreakpointProps>`\n display: ${props => props.displayType};\n\n @media (min-width: ${props => props.minWidth}px) {\n display: none;\n }\n\n @media (max-width: ${props => props.maxWidth}px) {\n display: none;\n }\n`;\n\nexport const HideAtBreakpoint = React.forwardRef<\n HTMLDivElement,\n HideAtBreakpointProps\n>((props, ref) => {\n const {\n children,\n displayType = HideAtBreakpointDisplayType.block,\n minWidth,\n maxWidth,\n testId,\n ...other\n } = props;\n\n return (\n <Container\n {...other}\n data-testid={testId}\n displayType={displayType}\n maxWidth={maxWidth}\n minWidth={minWidth}\n ref={ref}\n >\n {children}\n </Container>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n isInverse?: boolean;\n testId?: string;\n}\n\nconst StyledList = styled('ol', {\n shouldForwardProp: isPropValid,\n})<BreadcrumbProps>`\n display: flex;\n flex-wrap: wrap;\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n list-style: none;\n margin: 0;\n padding: 0;\n`;\n\nexport const Breadcrumb = React.forwardRef<HTMLOListElement, BreadcrumbProps>(\n (props, ref) => {\n const {\n 'aria-label': ariaLabel,\n children,\n isInverse: isInverseProp,\n testId,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n const isInverse = useIsInverse(isInverseProp);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <nav\n {...other}\n aria-label={ariaLabel ? ariaLabel : i18n.breadcrumb.navAriaLabel}\n data-testid={testId}\n >\n <StyledList isInverse={isInverse} ref={ref} theme={theme}>\n {children}\n </StyledList>\n </nav>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport { ButtonStyles } from '../Button';\nimport styled from '@emotion/styled';\nimport { css, ClassNames } from '@emotion/core';\nimport { omit, Omit } from '../../utils';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { BaseStyledButton, buttonStyles } from '../StyledButton';\nimport { ThemeInterface } from '../../theme/magma';\nimport { useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface HyperlinkProps\n extends ButtonStyles,\n Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {\n children: React.ReactNode;\n /**\n * How the hyperlink is styled (can look like either a plain link or a button)\n */\n styledAs?: 'Button' | 'Link';\n testId?: string;\n /**\n * The href value of the link\n */\n to: string;\n}\n\nconst linkStyles = props => css`\n color: ${props.isInverse\n ? props.theme.colors.primaryInverse\n : props.theme.colors.primary};\n text-decoration: underline;\n &:not([disabled]) {\n &:hover,\n &:focus {\n color: ${props.isInverse\n ? props.theme.colors.primaryInverse\n : props.theme.colors.foundation02};\n }\n &:focus {\n outline: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: 3px;\n }\n }\n`;\n\nconst StyledLink = styled.a<{ isInverse?: boolean; theme: ThemeInterface }>`\n ${linkStyles}\n`;\n\nexport const Hyperlink = React.forwardRef<HTMLAnchorElement, HyperlinkProps>(\n (props, ref) => {\n const { children, to, styledAs, testId, ...rest } = props;\n\n const other = omit(['positionTop', 'positionLeft', 'type'], rest);\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(props.isInverse);\n\n if (typeof children === 'function') {\n const composedStyle =\n styledAs === 'Button'\n ? buttonStyles({ ...props, theme })\n : linkStyles({ ...props, theme });\n\n return (\n <ClassNames>\n {({ css: composedCss }) => {\n const className = composedCss(composedStyle);\n return (children as (props: object) => React.ReactNode)({\n to,\n className,\n isInverse,\n });\n }}\n </ClassNames>\n );\n } else {\n const LinkStyledAsButton = BaseStyledButton.withComponent('a');\n const HyperlinkComponent =\n styledAs === 'Button' ? LinkStyledAsButton : StyledLink;\n\n return (\n <HyperlinkComponent\n {...other}\n ref={ref}\n data-testid={testId}\n href={to}\n isInverse={isInverse}\n theme={theme}\n >\n {children}\n </HyperlinkComponent>\n );\n }\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { Hyperlink } from '../Hyperlink';\nimport { useIsInverse } from '../../inverse';\nimport { ChevronRightIcon } from 'react-magma-icons';\n\n/**\n * @children required\n */\nexport interface BreadcrumbItemProps\n extends React.HTMLAttributes<HTMLLIElement> {\n testId?: string;\n /**\n * The href value of the link. If left blank, the breadcrumb item will render as a span with aria-current=\"page\" on it.\n */\n to?: string;\n}\n\nconst StyledItem = styled.li`\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n`;\n\nconst StyledSpan = styled.span<{ isInverse?: boolean }>`\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral03};\n\n svg {\n margin: 0 ${props => props.theme.spaceScale.spacing02};\n }\n`;\n\nexport const BreadcrumbItem = React.forwardRef<\n HTMLLIElement,\n BreadcrumbItemProps\n>((props, ref) => {\n const { children, to, testId, ...other } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse();\n\n return (\n <StyledItem {...other} data-testid={testId} ref={ref}>\n {to ? (\n <>\n <Hyperlink to={to} isInverse={isInverse}>\n {children}\n </Hyperlink>\n <StyledSpan isInverse={isInverse} theme={theme}>\n <ChevronRightIcon size={theme.iconSizes.small} />\n </StyledSpan>\n </>\n ) : (\n <StyledSpan aria-current=\"page\" isInverse={isInverse} theme={theme}>\n {children}\n </StyledSpan>\n )}\n </StyledItem>\n );\n});\n","import * as React from 'react';\nimport { HideAtBreakpoint } from '../HideAtBreakpoint';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport enum BreakpointScreenSize {\n xs = 'xs', //default\n small = 'small',\n medium = 'medium',\n large = 'large',\n xl = 'xl',\n}\n\n/**\n * @children required\n */\nexport interface BreakpointsContainerProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Object that defines the pixel size of individual breakpoints\n * @default { xs: 0, small: 600, medium: 768, large: 1024, xl: 1200 }\n */\n breakpoints?: object;\n}\n\nexport interface BreakpointProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The relative screen size for the breakpoint. Will go from pixel width specified up to the next breakpoint.\n * @default BreakpointScreenSize.xs\n */\n screenSize?: BreakpointScreenSize;\n testId?: string;\n}\n\nexport const Breakpoint: React.FunctionComponent<BreakpointProps> = ({\n children,\n screenSize,\n testId,\n ...other\n}: BreakpointProps) => {\n return <div {...other}>{children}</div>;\n};\n\nfunction getMinWidth(\n screenSize: BreakpointScreenSize,\n breakpointValues: object,\n definedBreakpoints: any\n) {\n const sizes = Object.keys(breakpointValues);\n\n const newSizes = sizes.slice(sizes.indexOf(screenSize) + 1);\n\n const nextSize = newSizes.find(newSize =>\n definedBreakpoints.includes(newSize)\n );\n\n return breakpointValues[nextSize];\n}\n\nexport const BreakpointsContainer: React.FunctionComponent<BreakpointsContainerProps> = ({\n children,\n breakpoints,\n ...other\n}: BreakpointsContainerProps) => {\n const definedBreakpoints = [];\n\n React.Children.forEach(children, (child: React.ReactElement) => {\n definedBreakpoints.push(child.props.screenSize);\n });\n\n const theme = React.useContext(ThemeContext);\n\n const defaultBreakpoints = theme.breakpoints;\n\n const breakpointValues = breakpoints ? breakpoints : defaultBreakpoints;\n\n return (\n <>\n {React.Children.map(children, (child: React.ReactElement) => {\n return child.props.screenSize ? (\n <HideAtBreakpoint\n {...other}\n maxWidth={breakpointValues[child.props.screenSize] - 1}\n minWidth={getMinWidth(\n child.props.screenSize,\n breakpointValues,\n definedBreakpoints\n )}\n testId={child.props.testId}\n >\n {child}\n </HideAtBreakpoint>\n ) : (\n child\n );\n })}\n </>\n );\n};\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface CardProps extends React.LabelHTMLAttributes<HTMLDivElement> {\n /**\n * Sets the alignment of the card content\n * @default CardAlignment.left\n */\n align?: CardAlignment;\n /**\n * Color for the background and border-color, set by CSS.\n */\n background?: string;\n /**\n * If a value is passed, the card will be styled as a callout for the specified type.\n * @default none\n */\n calloutType?: CardCalloutType;\n /**\n * If true, card will render with a box-shadow\n * @default false\n */\n hasDropShadow?: boolean;\n isInverse?: boolean;\n testId?: string;\n /**\n * Width of the component, set by CSS.\n */\n width?: string | number;\n}\n\nexport enum CardAlignment {\n center = 'center',\n left = 'left',\n right = 'right',\n}\n\nexport enum CardCalloutType {\n danger = 'danger',\n primary = 'primary',\n success = 'success',\n warning = 'warning',\n}\n\nexport function buildCalloutBackground(\n props: CardProps & { theme: ThemeInterface }\n) {\n if (props.isInverse) {\n switch (props.calloutType) {\n case 'danger':\n return props.theme.colors.dangerInverse;\n case 'success':\n return props.theme.colors.successInverse;\n case 'warning':\n return props.theme.colors.pop04;\n default:\n return props.theme.colors.foundation04;\n }\n }\n\n switch (props.calloutType) {\n case 'danger':\n return props.theme.colors.danger;\n case 'success':\n return props.theme.colors.success;\n case 'warning':\n return props.theme.colors.pop04;\n default:\n return props.theme.colors.primary;\n }\n}\n\nconst StyledCard = styled.div<CardProps>`\n background: ${props =>\n props.background\n ? props.background\n : props.isInverse\n ? props.theme.colors.foundation\n : props.theme.colors.neutral08};\n border: 1px solid\n ${props =>\n props.background ? props.background : props.theme.colors.neutral06};\n border-radius: ${props => props.theme.borderRadius};\n box-shadow: ${props =>\n props.hasDropShadow ? '0 2px 6px 0 rgba(0,0,0,0.18)' : '0 0 0'};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: flex;\n flex-direction: column;\n overflow: visible;\n padding-left: ${props =>\n props.calloutType ? props.theme.spaceScale.spacing02 : '0'};\n position: relative;\n text-align: ${props => props.align};\n width: ${props => props.width};\n\n ${props =>\n props.calloutType &&\n css`\n &:before {\n background: ${buildCalloutBackground(props)};\n border-radius: ${props.theme.borderRadius} 0 0\n ${props.theme.borderRadius};\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n left: 0;\n width: ${props.theme.spaceScale.spacing02};\n }\n `}\n`;\n\ninterface NavTabsContextInterface {\n isInverse?: boolean;\n}\n\nexport const CardContext = React.createContext<NavTabsContextInterface>({\n isInverse: false,\n});\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n (props, ref) => {\n const { align, children, testId, width, ...other } = props;\n\n const isInverse = useIsInverse(props.isInverse);\n\n const theme = React.useContext(ThemeContext);\n\n const widthString = width\n ? typeof width === 'number'\n ? `${width}px`\n : width\n : 'auto';\n\n return (\n <StyledCard\n {...other}\n align={align ? align : CardAlignment.left}\n data-testid={testId}\n isInverse={isInverse}\n ref={ref}\n theme={theme}\n width={widthString}\n >\n <CardContext.Provider\n value={{\n isInverse,\n }}\n >\n {children}\n </CardContext.Provider>\n </StyledCard>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\n\nexport interface TypographyProps<T = HTMLParagraphElement>\n extends React.HTMLAttributes<T> {\n as?: string;\n children?: any;\n color?: TypographyColor;\n contextVariant?: TypographyContextVariant;\n element?: string;\n isInverse?: boolean;\n noMargins?: boolean;\n ref?: any;\n testId?: string;\n theme?: any;\n visualStyle?: TypographyVisualStyle;\n}\n\nexport enum TypographyColor {\n danger = 'danger',\n default = 'default', // default\n success = 'success',\n subdued = 'subdued',\n}\n\nexport enum TypographyContextVariant {\n default = 'default', // default\n expressive = 'expressive',\n narrative = 'narrative',\n}\n\nexport enum TypographyVisualStyle {\n headingXLarge = 'headingXLarge',\n headingLarge = 'headingLarge',\n headingMedium = 'headingMedium',\n headingSmall = 'headingSmall',\n headingXSmall = 'headingXSmall',\n heading2XSmall = 'heading2XSmall',\n bodyLarge = 'bodyLarge',\n bodyMedium = 'bodyMedium',\n bodySmall = 'bodySmall',\n bodyXSmall = 'bodyXSmall',\n}\n\nexport function getBodyFontFamily(props) {\n switch (props.contextVariant) {\n case TypographyContextVariant.expressive:\n return props.theme.bodyExpressiveFont;\n case TypographyContextVariant.narrative:\n return props.theme.bodyNarrativeFont;\n default:\n return props.theme.bodyFont;\n }\n}\n\nexport const colorStyles = props => css`\n color: ${props.isInverse\n ? props.theme.colors.neutral08\n : props.contextVariant === 'expressive'\n ? props.theme.colors.foundation02\n : props.theme.colors.neutral};\n\n ${props.color === TypographyColor.danger &&\n !props.isInverse &&\n css`\n color: ${props.theme.colors.danger};\n `}\n\n ${props.color === TypographyColor.success &&\n !props.isInverse &&\n css`\n color: ${props.theme.colors.success};\n `}\n\n${props.color === TypographyColor.subdued &&\n !props.isInverse &&\n css`\n color: ${props.theme.colors.neutral03};\n `}\n\n ${props.color === TypographyColor.danger &&\n props.isInverse &&\n css`\n color: ${props.theme.colors.dangerInverse};\n `}\n\n ${props.color === TypographyColor.success &&\n props.isInverse &&\n css`\n color: ${props.theme.colors.successInverse};\n `}\n\n${props.color === TypographyColor.subdued &&\n props.isInverse &&\n css`\n color: ${props.theme.colors.focusInverse};\n `}\n`;\n\nconst baseParagraphStyles = props => css`\n ${colorStyles(props)}\n font-family: ${getBodyFontFamily(props)};\n font-weight: normal;\n`;\n\nexport const paragraphLargeStyles = props => css`\n ${baseParagraphStyles(props)}\n\n margin: ${props.noMargins ? '0' : `${props.theme.spaceScale.spacing06} 0`};\n\n font-size: ${props.theme.typographyVisualStyles.bodyLarge.mobile.fontSize};\n line-height: ${props.theme.typographyVisualStyles.bodyLarge.mobile\n .lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.bodyLarge.desktop.fontSize};\n line-height: ${props.theme.typographyVisualStyles.bodyLarge.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === TypographyContextVariant.expressive &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.bodyLarge.mobile\n .fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.bodyLarge.mobile\n .lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.bodyLarge\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.bodyLarge\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const paragraphMediumStyles = props => css`\n ${baseParagraphStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.bodyMedium.mobile.fontSize};\n line-height: ${props.theme.typographyVisualStyles.bodyMedium.mobile\n .lineHeight};\n margin: ${props.noMargins ? '0' : `${props.theme.spaceScale.spacing06} 0`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.bodyMedium.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.bodyMedium.desktop\n .lineHeight};\n }\n`;\n\nexport const paragraphSmallStyles = props => css`\n ${baseParagraphStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.bodySmall.mobile.fontSize};\n letter-spacing: ${props.theme.typographyVisualStyles.bodySmall.mobile\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.bodySmall.mobile\n .lineHeight};\n margin: ${props.noMargins ? '0' : `${props.theme.spaceScale.spacing05} 0`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.bodySmall.desktop.fontSize};\n letter-spacing: ${props.theme.typographyVisualStyles.bodySmall.desktop\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.bodySmall.desktop\n .lineHeight};\n }\n`;\n\nexport const paragraphXSmallStyles = props => css`\n ${baseParagraphStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.bodyXSmall.mobile.fontSize};\n letter-spacing: ${props.theme.typographyVisualStyles.bodyXSmall.mobile\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.bodyXSmall.mobile\n .lineHeight};\n margin: ${props.noMargins ? '0' : `${props.theme.spaceScale.spacing03} 0`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.bodyXSmall.desktop\n .fontSize};\n letter-spacing: ${props.theme.typographyVisualStyles.bodyXSmall.desktop\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.bodyXSmall.desktop\n .lineHeight};\n }\n`;\n\nfunction getHeadingFontFamily(props) {\n switch (props.contextVariant) {\n case TypographyContextVariant.expressive:\n return props.theme.headingExpressiveFont;\n case TypographyContextVariant.narrative:\n return props.theme.headingNarrativeFont;\n default:\n return props.theme.headingFont;\n }\n}\n\nconst baseHeadingStyles = props => css`\n border-bottom: 2px solid transparent;\n font-family: ${getHeadingFontFamily(props)};\n padding: 0;\n\n &:focus {\n border-bottom: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline: 0;\n transition: border 0.1s linear;\n }\n\n ${colorStyles(props)}\n`;\n\nexport const headingXLargeStyles = props => css`\n ${baseHeadingStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.headingXLarge.mobile\n .fontSize};\n font-weight: ${props.theme.typographyVisualStyles.headingXLarge.fontWeight};\n line-height: ${props.theme.typographyVisualStyles.headingXLarge.mobile\n .lineHeight};\n margin: ${props.noMargins ? 0 : `0 0 ${props.theme.spaceScale.spacing05}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.headingXLarge.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.headingXLarge.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingXLarge\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.headingXLarge\n .fontWeight};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingXLarge\n .mobile.lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingXLarge\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingXLarge\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingXLarge\n .mobile.fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.headingXLarge\n .fontWeight};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingXLarge\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingXLarge\n .desktop.fontSize};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingXLarge\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const headingLargeStyles = props => css`\n ${baseHeadingStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.headingLarge.mobile.fontSize};\n font-weight: ${props.theme.typographyVisualStyles.headingLarge.fontWeight};\n line-height: ${props.theme.typographyVisualStyles.headingLarge.mobile\n .lineHeight};\n margin: ${props.noMargins\n ? 0\n : `${props.theme.spaceScale.spacing10} 0 ${props.theme.spaceScale.spacing05}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.headingLarge.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.headingLarge.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingLarge\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.headingLarge\n .fontWeight};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingLarge\n .mobile.lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingLarge\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingLarge\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingLarge.mobile\n .fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.headingLarge\n .fontWeight};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingLarge\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingLarge\n .desktop.fontSize};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingLarge\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const headingMediumStyles = props => css`\n ${baseHeadingStyles(props)};\n\n font-size: ${props.theme.typographyVisualStyles.headingMedium.mobile\n .fontSize};\n font-weight: ${props.theme.typographyVisualStyles.headingMedium.fontWeight};\n line-height: ${props.theme.typographyVisualStyles.headingMedium.mobile\n .lineHeight};\n margin: ${props.noMargins\n ? 0\n : `${props.theme.spaceScale.spacing09} 0 ${props.theme.spaceScale.spacing05}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.headingMedium.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.headingMedium.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingMedium\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.headingMedium\n .fontWeight};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingMedium\n .mobile.lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingMedium\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingMedium\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingMedium\n .mobile.fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.headingMedium\n .fontWeight};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingMedium\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingMedium\n .desktop.fontSize};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingMedium\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const headingSmallStyles = props => css`\n ${baseHeadingStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.headingSmall.mobile.fontSize};\n font-weight: ${props.theme.typographyVisualStyles.headingSmall.fontWeight};\n line-height: ${props.theme.typographyVisualStyles.headingSmall.mobile\n .lineHeight};\n margin: ${props.noMargins\n ? 0\n : `${props.theme.spaceScale.spacing08} 0 ${props.theme.spaceScale.spacing05}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.headingSmall.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.headingSmall.desktop\n .lineHeight};\n }\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingSmall\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.headingSmall\n .fontWeight};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingSmall\n .mobile.lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingSmall\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingSmall\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingSmall.mobile\n .fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.headingSmall\n .fontWeight};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingSmall\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingSmall\n .desktop.fontSize};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingSmall\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const headingXSmallStyles = props => css`\n ${baseHeadingStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.headingXSmall.mobile\n .fontSize};\n font-weight: ${props.theme.typographyVisualStyles.headingXSmall.fontWeight};\n line-height: ${props.theme.typographyVisualStyles.headingXSmall.mobile\n .lineHeight};\n margin: ${props.noMargins\n ? 0\n : `${props.theme.spaceScale.spacing06} 0 ${props.theme.spaceScale.spacing05}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.headingXSmall.desktop\n .fontSize};\n line-height: ${props.theme.typographyVisualStyles.headingXSmall.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingXSmall\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.headingXSmall\n .fontWeight};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingXSmall\n .mobile.lineHeight};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.headingXSmall\n .desktop.fontSize};\n line-height: ${props.theme.typographyExpressiveVisualStyles.headingXSmall\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingXSmall\n .mobile.fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.headingXSmall\n .fontWeight};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingXSmall\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.headingXSmall\n .desktop.fontSize};\n line-height: ${props.theme.typographyNarrativeVisualStyles.headingXSmall\n .desktop.lineHeight};\n }\n `};\n`;\n\nexport const heading2XSmallStyles = props => css`\n ${baseHeadingStyles(props)}\n\n font-size: ${props.theme.typographyVisualStyles.heading2XSmall.mobile\n .fontSize};\n font-weight: ${props.theme.typographyVisualStyles.heading2XSmall.fontWeight};\n letter-spacing: ${props.theme.typographyVisualStyles.heading2XSmall.mobile\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.heading2XSmall.mobile\n .lineHeight};\n text-transform: uppercase;\n margin: ${props.noMargins\n ? 0\n : `${props.theme.spaceScale.spacing06} 0 ${props.theme.spaceScale.spacing03}`};\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyVisualStyles.heading2XSmall.desktop\n .fontSize};\n letter-spacing: ${props.theme.typographyVisualStyles.heading2XSmall.desktop\n .letterSpacing};\n line-height: ${props.theme.typographyVisualStyles.heading2XSmall.desktop\n .lineHeight};\n }\n\n ${props.contextVariant === 'expressive' &&\n css`\n font-size: ${props.theme.typographyExpressiveVisualStyles.heading2XSmall\n .mobile.fontSize};\n font-weight: ${props.theme.typographyExpressiveVisualStyles.heading2XSmall\n .fontWeight};\n letter-spacing: ${props.theme.typographyExpressiveVisualStyles\n .heading2XSmall.mobile.letterSpacing};\n line-height: ${props.theme.typographyExpressiveVisualStyles.heading2XSmall\n .mobile.lineHeight};\n text-transform: none;\n\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyExpressiveVisualStyles.heading2XSmall\n .desktop.fontSize};\n letter-spacing: ${props.theme.typographyExpressiveVisualStyles\n .heading2XSmall.desktop.letterSpacing};\n line-height: ${props.theme.typographyExpressiveVisualStyles.heading2XSmall\n .desktop.lineHeight};\n }\n `};\n\n ${props.contextVariant === 'narrative' &&\n css`\n font-size: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .mobile.fontSize};\n font-weight: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .fontWeight};\n letter-spacing: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .mobile.letterSpacing};\n line-height: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .mobile.lineHeight};\n @media (min-width: ${props.theme.breakpoints.small}px) {\n font-size: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .desktop.fontSize};\n letter-spacing: ${props.theme.typographyNarrativeVisualStyles\n .heading2XSmall.desktop.letterSpacing};\n line-height: ${props.theme.typographyNarrativeVisualStyles.heading2XSmall\n .desktop.lineHeight};\n }\n `};\n`;\n\nfunction getTypographyStyles(props) {\n switch (props.visualStyle) {\n case TypographyVisualStyle.headingXLarge:\n return headingXLargeStyles(props);\n case TypographyVisualStyle.headingLarge:\n return headingLargeStyles(props);\n case TypographyVisualStyle.headingMedium:\n return headingMediumStyles(props);\n case TypographyVisualStyle.headingSmall:\n return headingSmallStyles(props);\n case TypographyVisualStyle.headingXSmall:\n return headingXSmallStyles(props);\n case TypographyVisualStyle.heading2XSmall:\n return heading2XSmallStyles(props);\n case TypographyVisualStyle.bodyLarge:\n return paragraphLargeStyles(props);\n case TypographyVisualStyle.bodyMedium:\n return paragraphMediumStyles(props);\n case TypographyVisualStyle.bodySmall:\n return paragraphSmallStyles(props);\n case TypographyVisualStyle.bodyXSmall:\n return paragraphXSmallStyles(props);\n default:\n return headingLargeStyles(props);\n }\n}\n\nexport const TypographyComponent = styled.p<TypographyProps>`\n ${props => getTypographyStyles(props)}\n`;\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { CardProps } from '../Card';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\n/**\n * @children required\n */\nexport interface CardBodyProps\n extends React.LabelHTMLAttributes<HTMLDivElement> {\n testId?: string;\n}\n\nconst StyledCardBody = styled.div<CardProps>`\n padding: ${props => props.theme.spaceScale.spacing05};\n text-align: ${props => props.align};\n\n @media (min-width: ${props => props.theme.breakpoints.small}px) {\n padding: ${props => props.theme.spaceScale.spacing06};\n }\n`;\n\nexport const CardBody = React.forwardRef<HTMLDivElement, CardBodyProps>(\n (props, ref) => {\n const { children, testId, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledCardBody {...other} data-testid={testId} ref={ref} theme={theme}>\n {children}\n </StyledCardBody>\n );\n }\n);\n","import * as React from 'react';\nimport { useIsInverse } from '../../inverse';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport {\n TypographyColor,\n TypographyContextVariant,\n TypographyVisualStyle,\n TypographyComponent,\n TypographyProps,\n} from '../Typography';\n\n/**\n * @children required\n */\nexport interface HeadingProps extends TypographyProps<HTMLHeadingElement> {\n /**\n * The color of the component, that helps to convey meaning or relative emphasis\n * @default TypographyColor.default\n */\n color?: TypographyColor;\n /**\n * Additional styles for typography based on the context of the content\n * @default TypographyColor.default\n */\n contextVariant?: TypographyContextVariant;\n isInverse?: boolean;\n /**\n * Number to indicate which level heading will render (e.g. h1, h2 etc.)\n */\n level: 1 | 2 | 3 | 4 | 5 | 6;\n testId?: string;\n /**\n * Applies visual styles including font-size, font-weight, line-height and margins\n */\n visualStyle?: TypographyVisualStyle;\n}\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n (props, ref) => {\n const { level, testId, visualStyle, children, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n const stylesFromLevel = {\n 1: TypographyVisualStyle.headingXLarge,\n 2: TypographyVisualStyle.headingLarge,\n 3: TypographyVisualStyle.headingMedium,\n 4: TypographyVisualStyle.headingSmall,\n 5: TypographyVisualStyle.headingXSmall,\n 6: TypographyVisualStyle.heading2XSmall,\n };\n\n const headingElement = `h${level}`;\n\n return (\n <TypographyComponent\n {...other}\n as={headingElement}\n data-testid={testId}\n isInverse={useIsInverse(props.isInverse)}\n ref={ref}\n visualStyle={visualStyle ? visualStyle : stylesFromLevel[level]}\n theme={theme}\n >\n {children}\n </TypographyComponent>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { CardContext } from './Card';\nimport { Heading } from '../Heading';\nimport { TypographyColor, TypographyVisualStyle } from '../Typography';\n\n/**\n * @children required\n */\nexport interface CardHeadingProps\n extends React.LabelHTMLAttributes<HTMLHeadingElement> {\n /**\n * Number to indicate which level heading will render (e.g. h1, h2 etc.)\n * @default 4\n */\n headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n isInverse?: boolean;\n testId?: string;\n}\n\nconst StyledCardHeading = styled(Heading)`\n margin-top: 0;\n`;\n\nexport const CardHeading = React.forwardRef<\n HTMLHeadingElement,\n CardHeadingProps\n>((props, ref) => {\n const { headingLevel, children, ...other } = props;\n\n const context = React.useContext(CardContext);\n\n return (\n <StyledCardHeading\n {...other}\n color={TypographyColor.default}\n isInverse={context.isInverse}\n level={headingLevel ? headingLevel : 4}\n ref={ref}\n testId={props.testId}\n visualStyle={TypographyVisualStyle.headingSmall}\n >\n {children}\n </StyledCardHeading>\n );\n});\n","import { css } from '@emotion/core';\n\nexport const DisplayInputStyles = props => css`\n align-items: center;\n display: flex;\n height: ${props.theme.spaceScale.spacing06};\n flex-shrink: 0;\n justify-content: center;\n position: relative;\n transition: all 0.2s ease-out;\n width: ${props.theme.spaceScale.spacing06};\n\n &:before,\n &:after {\n // focus and active states\n content: '';\n position: absolute;\n }\n\n &:after {\n // active state\n border-radius: 50%;\n height: ${props.theme.spaceScale.spacing09};\n left: -${props.theme.spaceScale.spacing03};\n opacity: 0;\n padding: 50%;\n top: -${props.theme.spaceScale.spacing03};\n transform: scale(1);\n transition: opacity 1s, transform 0.5s;\n width: ${props.theme.spaceScale.spacing09};\n }\n`;\n\nexport const DisplayInputActiveStyles = css`\n opacity: 0.4;\n transform: scale(0);\n transition: transform 0s;\n`;\n\nexport function buildDisplayInputActiveBackground(props) {\n return props.isInverse\n ? props.theme.colors.neutral08\n : props.color\n ? props.color\n : props.theme.colors.primary;\n}\n\nexport function buildDisplayInputBorderColor(props) {\n if (props.hasError) {\n if (props.isInverse) {\n return props.theme.colors.dangerInverse;\n }\n return props.theme.colors.danger;\n }\n return 'transparent';\n}\n\nexport function buildDisplayInputFocusStyles(props) {\n return css`\n height: 30px;\n position: absolute;\n width: 30px;\n outline: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n `;\n}\n","import { css } from '@emotion/core';\n\nexport const HiddenStyles = css`\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n position: absolute;\n overflow: hidden;\n top: auto;\n white-space: nowrap;\n width: 1px;\n`;\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ButtonVariant, ButtonType, ButtonSize, ButtonShape } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { ClearIcon, IconProps } from 'react-magma-icons';\nimport { useIsInverse } from '../../inverse';\nimport { ThemeInterface } from '../../theme/magma';\nimport { I18nContext } from '../../i18n';\nimport { useForkedRef } from '../../utils';\n\nexport enum InputSize {\n large = 'large',\n medium = 'medium', //default\n}\n\nexport enum InputType {\n email = 'email',\n file = 'file',\n number = 'number',\n password = 'password',\n search = 'search',\n text = 'text', // default\n}\n\nexport enum InputIconPosition {\n top = 'top',\n left = 'left',\n right = 'right', // default\n}\n\nexport interface InputBaseProps\n extends React.InputHTMLAttributes<HTMLInputElement> {\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * @internal\n */\n hasError?: boolean;\n /**\n * Icon to display within the component\n */\n icon?: React.ReactElement<IconProps>;\n /**\n * Text for the aria-label attribute for an icon, if provided\n */\n iconAriaLabel?: string;\n /**\n * Position within the component for the icon to appear\n * @default InputIconPosition.right\n */\n iconPosition?: InputIconPosition;\n /**\n * Reference to the icon element\n */\n iconRef?: React.Ref<HTMLButtonElement>;\n /**\n * Relative size of the component\n * @default InputSize.medium\n */\n inputSize?: InputSize;\n /**\n * Style properties for the input element\n */\n inputStyle?: React.CSSProperties;\n /**\n * Clear contents of input by clicking a clear button\n * @default false\n */\n isClearable?: boolean;\n /**\n * Function to be called when the contents of input are cleared by clicking a clear button\n */\n onClear?: () => void;\n isInverse?: boolean;\n /**\n * For use in predictive search which moves the icon to the left\n */\n isPredictive?: boolean;\n /**\n * Action that will fire when icon is clicked\n */\n onIconClick?: () => void;\n /**\n * Action that will fire when icon receives keypress\n */\n onIconKeyDown?: (event) => void;\n testId?: string;\n /**\n * @internal\n */\n theme?: any;\n /**\n * The type attribute of the form field\n * @default InputType.text\n */\n type?: InputType;\n}\n\nexport interface InputWrapperStylesProps {\n width?: string;\n iconPosition?: InputIconPosition;\n isInverse?: boolean;\n isClearable?: boolean;\n isPredictive?: boolean;\n theme?: ThemeInterface;\n hasError?: boolean;\n disabled?: boolean;\n}\n\nexport const inputWrapperStyles = (props: InputWrapperStylesProps) => css`\n align-items: center;\n display: flex;\n flex-shrink: 0;\n position: relative;\n width: ${props.width || 'auto'};\n background-color: ${props.theme.colors.neutral08};\n border-radius: ${props.theme.borderRadius};\n border: 1px solid\n ${props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral03};\n\n &:focus-within {\n outline: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: 4px;\n }\n\n ${props.hasError &&\n css`\n border-color: ${props.theme.colors.danger};\n box-shadow: 0 0 0 1px\n ${props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.danger};\n `}\n\n ${props.disabled &&\n css`\n border-color: ${props.theme.colors.neutral05};\n background-color: ${props.disabled\n ? props.theme.colors.neutral07\n : props.theme.colors.neutral08};\n `}\n button {\n bottom: ${props.iconPosition === InputIconPosition.top\n ? '40px'\n : 'inherit'};\n right: ${props.iconPosition === InputIconPosition.top ? '-4px' : 'inherit'};\n }\n`;\n\nexport interface InputBaseStylesProps {\n isInverse?: boolean;\n iconPosition?: InputIconPosition;\n inputSize?: InputSize;\n isPredictive?: boolean;\n theme?: ThemeInterface;\n disabled?: boolean;\n}\n\nexport const inputBaseStyles = (props: InputBaseStylesProps) => css`\n border: 0;\n border-radius: ${props.theme.borderRadius};\n background: ${props.theme.colors.neutral08};\n color: ${props.theme.colors.neutral};\n display: block;\n font-size: ${props.theme.typeScale.size03.fontSize};\n line-height: ${props.theme.typeScale.size03.lineHeight};\n font-family: ${props.theme.bodyFont};\n height: ${props.theme.spaceScale.spacing09};\n padding: ${props.theme.spaceScale.spacing03};\n -webkit-appearance: none;\n width: 100%;\n\n ${props.iconPosition === 'left' &&\n css`\n padding-left: ${props.theme.spaceScale.spacing09};\n `}\n\n ${props.iconPosition === 'right' &&\n css`\n padding-right: ${props.theme.spaceScale.spacing09};\n `}\n\n ${props.inputSize === 'large' &&\n css`\n font-size: ${props.theme.typeScale.size04.fontSize};\n line-height: ${props.theme.typeScale.size04.lineHeight};\n height: ${props.theme.spaceScale.spacing11};\n padding: ${props.theme.spaceScale.spacing04};\n `}\n\n ${props.iconPosition === 'left' &&\n props.inputSize === 'large' &&\n css`\n padding-left: ${props.theme.spaceScale.spacing10};\n `}\n\n ${props.iconPosition === 'right' &&\n props.inputSize === 'large' &&\n css`\n padding-right: ${props.theme.spaceScale.spacing10};\n `}\n\n &::placeholder {\n color: ${props.theme.colors.neutral03};\n opacity: 1;\n }\n\n &:focus {\n outline: 0;\n }\n\n &[type='search'] {\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n }\n\n ${props.disabled &&\n css`\n background: ${props.theme.colors.neutral07};\n color: ${props.theme.colors.disabledText};\n cursor: not-allowed;\n\n &::placeholder {\n color: ${props.theme.colors.disabledText};\n }\n `}\n`;\n\nexport const InputWrapper = styled.div<InputWrapperStylesProps>`\n ${inputWrapperStyles}\n`;\n\nconst StyledInput = styled.input<InputBaseStylesProps>`\n ${inputBaseStyles}\n`;\n\nconst IconWrapper = styled.span<{\n iconPosition?: InputIconPosition;\n inputSize?: InputSize;\n isClearable?: boolean;\n isPredictive?: boolean;\n disabled?: boolean;\n}>`\n bottom: ${props => (props.iconPosition === 'top' ? '45px' : 'inherit')};\n color: ${props => props.theme.colors.neutral};\n left: ${props =>\n props.iconPosition === 'left' ? props.theme.spaceScale.spacing03 : 'auto'};\n right: ${props =>\n props.iconPosition === 'right'\n ? props.theme.spaceScale.spacing03\n : props.iconPosition === 'top'\n ? '3px'\n : 'auto'};\n position: absolute;\n top: ${props =>\n props.iconPosition === 'top'\n ? 'inherit'\n : props => props.theme.spaceScale.spacing03};\n\n ${props =>\n props.inputSize === 'large' &&\n css`\n bottom: ${props.iconPosition === 'top' ? '56px' : 'inherit'};\n left: ${props.iconPosition === 'left'\n ? props.theme.spaceScale.spacing04\n : 'auto'};\n right: ${props.iconPosition === 'right'\n ? props.theme.spaceScale.spacing04\n : props.iconPosition === 'top'\n ? '3px'\n : 'auto'};\n top: ${props.iconPosition === 'top'\n ? 'inherit'\n : props.theme.spaceScale.spacing04};\n `}\n`;\n\nconst IconButtonContainer = styled.span<{\n iconPosition?: InputIconPosition;\n size?: InputSize;\n theme: ThemeInterface;\n isClearable?: boolean;\n disabled?: boolean;\n}>`\n background-color: ${({ disabled, theme }) =>\n disabled ? theme.colors.neutral07 : theme.colors.neutral08};\n bottom: ${props => (props.iconPosition === 'top' ? '40px' : 'inherit')};\n height: auto;\n margin: 0;\n position: relative;\n right: ${props =>\n props.size === InputSize.large\n ? props.theme.spaceScale.spacing02\n : props.theme.spaceScale.spacing01};\n\n svg {\n height: ${props =>\n props.size === InputSize.large\n ? `${props.theme.iconSizes.large}px`\n : `${props.theme.iconSizes.medium}px`};\n width: ${props =>\n props.size === InputSize.large\n ? `${props.theme.iconSizes.large}px`\n : `${props.theme.iconSizes.medium}px`};\n }\n`;\n\nconst IsClearableContainer = styled.span<{\n size?: InputSize;\n theme: ThemeInterface;\n isClearable?: boolean;\n disabled?: boolean;\n}>`\n background-color: ${({ disabled, theme }) =>\n disabled ? theme.colors.neutral07 : theme.colors.neutral08};\n position: relative;\n right: ${props =>\n props.size === InputSize.large\n ? props.theme.spaceScale.spacing02\n : props.theme.spaceScale.spacing01};\n`;\n\nfunction getIconSize(size: string, theme: ThemeInterface) {\n switch (size) {\n case 'large':\n return theme.iconSizes.large;\n default:\n return theme.iconSizes.medium;\n }\n}\n\nexport const InputBase = React.forwardRef<HTMLInputElement, InputBaseProps>(\n (props, forwardedRef) => {\n const {\n children,\n containerStyle,\n defaultValue,\n disabled,\n hasError,\n icon,\n iconAriaLabel,\n iconRef,\n isClearable,\n isPredictive,\n onClear,\n onIconClick,\n onIconKeyDown,\n inputSize,\n inputStyle,\n testId,\n type,\n ...other\n } = props;\n\n const i18n = React.useContext(I18nContext);\n\n const theme = React.useContext(ThemeContext);\n const iconPosition =\n icon && onIconClick\n ? InputIconPosition.right\n : icon && !props.iconPosition\n ? InputIconPosition.left\n : props.iconPosition;\n\n const [value, setValue] = React.useState<\n string | ReadonlyArray<string> | number\n >(props.defaultValue || props.value || '');\n\n React.useEffect(() => {\n if (props.value !== undefined && props.value !== null) {\n setValue(props.value);\n }\n }, [props.value]);\n\n const inputRef = React.useRef<HTMLInputElement>();\n const ref = useForkedRef(forwardedRef, inputRef);\n\n function handleClearInput() {\n onClear && typeof onClear === 'function' && onClear();\n setValue('');\n inputRef.current.focus();\n }\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(event);\n\n setValue(event.target.value);\n }\n\n return (\n <InputWrapper\n disabled={disabled}\n iconPosition={iconPosition}\n isInverse={props.isInverse}\n theme={theme}\n style={containerStyle}\n hasError={hasError}\n isClearable={isClearable}\n >\n <StyledInput\n {...other}\n aria-invalid={hasError}\n disabled={disabled}\n data-testid={testId}\n iconPosition={iconPosition}\n inputSize={inputSize ? inputSize : InputSize.medium}\n isInverse={useIsInverse(props.isInverse)}\n isPredictive={isPredictive}\n ref={ref}\n onChange={handleChange}\n style={inputStyle}\n theme={theme}\n type={type ? type : InputType.text}\n value={value}\n />\n {isClearable && value && (\n <IsClearableContainer theme={theme} disabled={disabled}>\n <IconButton\n aria-label={i18n.input.isClearableAriaLabel}\n disabled={disabled}\n icon={<ClearIcon />}\n isInverse={false}\n onClick={handleClearInput}\n onKeyDown={onIconKeyDown}\n ref={iconRef}\n shape={ButtonShape.fill}\n size={\n inputSize === InputSize.large\n ? ButtonSize.medium\n : ButtonSize.small\n }\n testId=\"clear-button\"\n type={ButtonType.button}\n variant={ButtonVariant.link}\n />\n </IsClearableContainer>\n )}\n\n {icon && !onIconClick && (\n <IconWrapper\n aria-label={iconAriaLabel}\n iconPosition={iconPosition}\n inputSize={inputSize ? inputSize : InputSize.medium}\n isPredictive={isPredictive}\n theme={theme}\n disabled={disabled}\n >\n {React.Children.only(\n React.cloneElement(icon, {\n size: getIconSize(\n inputSize ? inputSize : InputSize.medium,\n theme\n ),\n })\n )}\n </IconWrapper>\n )}\n\n {onIconClick && (\n <IconButtonContainer\n iconPosition={iconPosition}\n size={\n inputSize === InputSize.large ? InputSize.large : InputSize.medium\n }\n theme={theme}\n disabled={disabled}\n >\n <IconButton\n aria-label={iconAriaLabel}\n icon={icon}\n isInverse={false}\n onClick={onIconClick}\n onKeyDown={onIconKeyDown}\n ref={iconRef}\n disabled={disabled}\n shape={ButtonShape.fill}\n size={\n inputSize === InputSize.large\n ? ButtonSize.medium\n : ButtonSize.small\n }\n type={ButtonType.button}\n variant={ButtonVariant.link}\n />\n </IconButtonContainer>\n )}\n\n {children}\n </InputWrapper>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { InputIconPosition, InputSize } from '../InputBase';\nimport { useIsInverse } from '../../inverse';\n\nexport enum LabelPosition {\n left = 'left',\n top = 'top', // default\n}\n\nexport interface LabelProps\n extends React.LabelHTMLAttributes<HTMLLabelElement> {\n actionable?: boolean;\n iconPosition?: InputIconPosition;\n isInverse?: boolean;\n labelPosition?: LabelPosition;\n size?: InputSize;\n theme?: any;\n testId?: string;\n}\n\nconst StyledLabel = styled.label<{\n iconPosition: InputIconPosition;\n isInverse: boolean;\n theme: any;\n size: InputSize;\n labelPosition: LabelPosition;\n}>`\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: inline-block;\n font-size: ${props =>\n props.size === InputSize.large\n ? props.theme.typeScale.size03.fontSize\n : props.theme.typeScale.size02.fontSize};\n font-weight: 600;\n letter-spacing: ${props =>\n props.size === InputSize.large\n ? 'inherit'\n : props.theme.typeScale.size02.letterSpacing};\n line-height: ${props =>\n props.size === InputSize.large\n ? props.theme.typeScale.size03.lineHeight\n : props.theme.typeScale.size02.lineHeight};\n margin: ${props =>\n props.labelPosition === LabelPosition.left\n ? `0 ${props.theme.spaceScale.spacing05} 0 0`\n : `0 0 ${props.theme.spaceScale.spacing03}`};\n max-width: ${props =>\n props.iconPosition === InputIconPosition.top\n ? 'calc(100% - 51px)'\n : '100%'};\n text-align: left;\n white-space: ${props =>\n props.iconPosition === InputIconPosition.top ? 'inherit' : 'nowrap'};\n`;\n\nconst StyledSpan = StyledLabel.withComponent('span');\n\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n (props, ref) => {\n const {\n actionable = true,\n children,\n iconPosition,\n labelPosition,\n size,\n testId,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n\n return actionable ? (\n <StyledLabel\n {...other}\n data-testid={testId}\n isInverse={useIsInverse(props.isInverse)}\n iconPosition={iconPosition}\n labelPosition={labelPosition || LabelPosition.top}\n ref={ref}\n size={size ? size : InputSize.medium}\n theme={theme}\n >\n {children}\n </StyledLabel>\n ) : (\n <StyledSpan\n {...other}\n data-testid={testId}\n isInverse={useIsInverse(props.isInverse)}\n iconPosition={iconPosition}\n labelPosition={labelPosition || LabelPosition.top}\n ref={ref}\n size={size ? size : InputSize.medium}\n theme={theme}\n >\n {children}\n </StyledSpan>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ErrorIcon } from 'react-magma-icons';\nimport { Announce } from '../Announce';\nimport { InputSize } from '../InputBase';\n\nexport interface InputMessageProps\n extends React.HTMLAttributes<HTMLDivElement> {\n hasError?: boolean;\n id?: string;\n inputSize?: InputSize;\n isInverse?: boolean;\n}\n\nfunction BuildMessageColor(props) {\n const { isInverse, hasError, theme } = props;\n if (isInverse) {\n return hasError ? theme.colors.dangerInverse : theme.colors.neutral08;\n }\n return hasError ? theme.colors.danger : theme.colors.neutral03;\n}\n\nconst Message = styled.div<InputMessageProps>`\n align-items: center;\n border-radius: ${props => props.theme.borderRadius};\n color: ${props => BuildMessageColor(props)};\n display: flex;\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n margin-top: ${props =>\n props.inputSize === InputSize.large\n ? props.theme.spaceScale.spacing03\n : props.theme.spaceScale.spacing02};\n text-align: left;\n`;\n\nconst IconWrapper = styled.span`\n display: inline-flex;\n flex-shrink: 0;\n padding-right: ${props => props.theme.spaceScale.spacing02};\n`;\n\nexport const InputMessage: React.FunctionComponent<InputMessageProps> = ({\n children,\n id,\n isInverse,\n hasError,\n ...other\n}: InputMessageProps) => {\n const theme = React.useContext(ThemeContext);\n\n return (\n <Announce>\n <Message\n {...other}\n data-testid=\"inputMessage\"\n id={id}\n isInverse={isInverse}\n hasError={hasError}\n theme={theme}\n >\n {hasError && (\n <IconWrapper aria-label=\"Error\" role=\"img\" theme={theme}>\n <ErrorIcon size={theme.iconSizes.small} />\n </IconWrapper>\n )}\n <div>{children}</div>\n </Message>\n </Announce>\n );\n};\n","import * as React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport {\n DisplayInputStyles,\n DisplayInputActiveStyles,\n buildDisplayInputActiveBackground,\n buildDisplayInputBorderColor,\n buildDisplayInputFocusStyles,\n} from '../SelectionControls/InputStyles';\nimport { FormGroupContext } from '../FormGroup';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\nimport { InputMessage } from '../Input/InputMessage';\nimport { CheckBoxIcon, CheckBoxOutlineBlankIcon } from 'react-magma-icons';\nimport { StyledLabel } from '../SelectionControls/StyledLabel';\nimport { StyledContainer } from '../SelectionControls/StyledContainer';\nimport styled from '@emotion/styled';\nimport { omit, useGenerateId } from '../../utils';\nimport { useIsInverse } from '../../inverse';\n\nexport enum CheckboxTextPosition {\n left = 'left',\n right = 'right', // default\n}\n\nexport interface CheckboxProps\n extends React.InputHTMLAttributes<HTMLInputElement> {\n /**\n * If true, element is checked (i.e. selected)\n * @default false\n */\n checked?: boolean;\n /**\n * Hex code for the background color\n * @default #0000FF\n */\n color?: string;\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * If true, checkbox is checked on first render\n */\n defaultChecked?: boolean;\n /**\n * If true, element is disabled\n * @default false\n */\n disabled?: boolean;\n /**\n * Content of the error message for an individual checkbox. If a value is provided, the input will be styled as an error state and the error message will display.\n */\n errorMessage?: React.ReactNode;\n /*\n * @internal\n */\n hasError?: boolean;\n /**\n * Style properties for the checkbox element\n */\n inputStyle?: React.CSSProperties;\n isInverse?: boolean;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isTextVisuallyHidden?: boolean;\n /**\n * Style properties for the label element\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content of label; can be node or string\n */\n labelText: React.ReactNode;\n testId?: string;\n /**\n * Whether the label appears to the left of the right of the checkbox\n * @default CheckboxTextPosition.right\n */\n textPosition?: CheckboxTextPosition;\n}\n\nexport const HiddenLabelText = styled.span`\n ${HiddenStyles};\n`;\n\nexport const HiddenInput = styled.input`\n ${HiddenStyles};\n`;\n\nfunction buildCheckIconColor(props) {\n if (props.disabled) {\n if (props.isInverse) {\n return props.theme.colors.tint04;\n }\n return props.theme.colors.neutral05;\n }\n if (props.isInverse) {\n return props.theme.colors.neutral08;\n }\n if (props.isChecked || props.isIndeterminate) {\n return props.color;\n }\n return props.theme.colors.neutral02;\n}\n\nexport const StyledFakeInput = styled.span<{\n isChecked?: boolean;\n color: string;\n disabled?: boolean;\n isIndeterminate?: boolean;\n isInverse?: boolean;\n hasError?: boolean;\n textPosition?: CheckboxTextPosition;\n theme?: any;\n}>`\n ${DisplayInputStyles};\n border: 2px solid;\n border-color: ${props => buildDisplayInputBorderColor(props)};\n color: ${props => buildCheckIconColor(props)};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n margin: ${props =>\n props.textPosition === 'left'\n ? `${props.theme.spaceScale.spacing01} 0 0 ${props.theme.spaceScale.spacing03}`\n : `0 ${props.theme.spaceScale.spacing03} 0 0`};\n\n svg {\n flex-shrink: 0;\n pointer-events: none;\n transition: all 0.2s ease-out;\n }\n\n ${HiddenInput}:focus + label & {\n &:before {\n ${props => buildDisplayInputFocusStyles(props)};\n }\n }\n\n &:after {\n // active state\n background: ${props => buildDisplayInputActiveBackground(props)};\n top: -10px;\n left: -10px;\n }\n\n /* prettier-ignore */\n ${HiddenInput}:not(:disabled):active + label & {\n &:after {\n ${DisplayInputActiveStyles}\n }\n }\n`;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n (props, ref) => {\n const { checked, id: defaultId, defaultChecked, onChange } = props;\n const [isChecked, updateIsChecked] = React.useState(\n Boolean(defaultChecked) || Boolean(checked)\n );\n\n const id = useGenerateId(defaultId);\n const isControlled = typeof checked === 'boolean' ? true : false;\n\n React.useEffect(() => {\n if (typeof checked === 'boolean') {\n updateIsChecked(checked);\n }\n }, [checked]);\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { checked: targetChecked } = event.target;\n\n onChange && typeof onChange === 'function' && onChange(event);\n\n if (!isControlled) {\n updateIsChecked(targetChecked);\n }\n }\n\n const theme = React.useContext(ThemeContext);\n const context = React.useContext(FormGroupContext);\n\n const {\n color = theme.colors.primary,\n containerStyle,\n disabled,\n errorMessage,\n inputStyle,\n labelStyle,\n labelText,\n isTextVisuallyHidden,\n testId,\n textPosition,\n ...rest\n } = props;\n const other = omit(['defaultChecked'], rest);\n\n const descriptionId = errorMessage && `${id}__desc`;\n const groupDescriptionId = context.descriptionId;\n\n const describedBy =\n descriptionId && groupDescriptionId\n ? `${groupDescriptionId} ${descriptionId}`\n : descriptionId\n ? descriptionId\n : groupDescriptionId\n ? groupDescriptionId\n : null;\n\n const hasError = context.hasError || !!errorMessage;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <>\n <StyledContainer style={containerStyle}>\n <HiddenInput\n {...other}\n aria-describedby={describedBy}\n id={id}\n data-testid={testId}\n checked={isChecked}\n disabled={disabled}\n ref={ref}\n type=\"checkbox\"\n onChange={handleChange}\n />\n <StyledLabel htmlFor={id} isInverse={isInverse} style={labelStyle}>\n {!isTextVisuallyHidden &&\n textPosition === CheckboxTextPosition.left &&\n labelText}\n\n <StyledFakeInput\n isChecked={isChecked}\n color={color}\n disabled={disabled}\n hasError={hasError}\n isInverse={isInverse}\n style={inputStyle}\n textPosition={textPosition}\n theme={theme}\n >\n {isChecked ? (\n <CheckBoxIcon size={theme.iconSizes.medium} />\n ) : (\n <CheckBoxOutlineBlankIcon size={theme.iconSizes.medium} />\n )}\n </StyledFakeInput>\n\n {isTextVisuallyHidden ? (\n <HiddenLabelText>{labelText}</HiddenLabelText>\n ) : (\n textPosition !== CheckboxTextPosition.left &&\n labelText &&\n labelText\n )}\n </StyledLabel>\n </StyledContainer>\n {!!errorMessage && (\n <InputMessage id={descriptionId} hasError isInverse={isInverse}>\n {errorMessage}\n </InputMessage>\n )}\n </>\n );\n }\n);\n","import * as React from 'react';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\nimport { InputMessage } from '../Input/InputMessage';\nimport { Label } from '../Label';\nimport styled from '../../theme/styled';\nimport { omit, useGenerateId } from '../../utils';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * Content of the error message. If a value is provided, the form fields will be styled to show an error state\n */\n errorMessage?: React.ReactNode;\n /**\n * Content of the helper message\n */\n helperMessage?: React.ReactNode;\n isInverse?: boolean;\n /**\n * If true, label text for the form group will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isTextVisuallyHidden?: boolean;\n /**\n * ID of the element that labels the form group, used in the aria-labelledby attribute for the group. Alternatively, the labelText prop can be used\n */\n labelledById?: string;\n /**\n * Style properties for the label of the form group\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content of label for form group; can be a node or a string. Alternatively, the labelledById prop can be used\n */\n labelText?: React.ReactNode;\n testId?: string;\n}\n\nexport interface FormGroupContextInterface {\n descriptionId?: string;\n hasError?: boolean;\n}\n\nexport const FormGroupContext = React.createContext<FormGroupContextInterface>({\n hasError: false,\n});\n\nconst HiddenLabel = styled.label`\n ${HiddenStyles};\n`;\n\nexport const FormGroup = React.forwardRef<HTMLDivElement, FormGroupProps>(\n (props, ref) => {\n const id = useGenerateId(props.id);\n\n const {\n containerStyle,\n errorMessage,\n helperMessage,\n labelledById,\n labelStyle,\n labelText,\n isTextVisuallyHidden,\n testId,\n children,\n ...rest\n } = props;\n const other = omit(['id'], rest);\n\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <div\n {...other}\n aria-labelledby={labelledById ? labelledById : id}\n data-testid={testId}\n ref={ref}\n role=\"group\"\n style={containerStyle}\n >\n <FormGroupContext.Provider\n value={{\n descriptionId,\n hasError: !!errorMessage,\n }}\n >\n {labelText && isTextVisuallyHidden && (\n <HiddenLabel id={id} style={labelStyle}>\n {labelText}\n </HiddenLabel>\n )}\n\n {labelText && !isTextVisuallyHidden && (\n <Label\n id={id}\n isInverse={isInverse}\n style={labelStyle}\n theme={theme}\n >\n {labelText}\n </Label>\n )}\n {children}\n\n <InputMessage\n id={descriptionId}\n hasError={!!errorMessage}\n isInverse={isInverse}\n >\n {(errorMessage || helperMessage) && (\n <>{errorMessage ? errorMessage : helperMessage}</>\n )}\n </InputMessage>\n </FormGroupContext.Provider>\n </div>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface StyledLabelProps {\n children?: any;\n htmlFor: string;\n isInverse?: boolean;\n style?: React.CSSProperties;\n}\n\nconst StyledLabelComponent = styled.label<StyledLabelProps>`\n align-items: flex-start;\n color: ${props =>\n props.isInverse ? props.theme.colors.neutral08 : 'inherit'};\n display: flex;\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n margin: 0;\n padding: ${props => props.theme.spaceScale.spacing03} 0;\n`;\n\nexport const StyledLabel: React.FunctionComponent<StyledLabelProps> = ({\n children,\n htmlFor,\n isInverse,\n style,\n}: StyledLabelProps) => (\n <ThemeContext.Consumer>\n {theme => (\n <StyledLabelComponent\n htmlFor={htmlFor}\n isInverse={isInverse}\n style={style}\n theme={theme}\n >\n {children}\n </StyledLabelComponent>\n )}\n </ThemeContext.Consumer>\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\n\nexport interface ContainerProps {\n children?: any;\n style?: React.CSSProperties;\n}\n\nconst StyledContainerComponent = styled.div<ContainerProps>`\n align-items: baseline;\n display: flex;\n flex-wrap: nowrap;\n position: relative;\n`;\n\nexport const StyledContainer: React.FunctionComponent<ContainerProps> = ({\n children,\n style,\n}: ContainerProps) => (\n <StyledContainerComponent style={style}>{children}</StyledContainerComponent>\n);\n","import * as React from 'react';\nimport { ThemeInterface } from '../../theme/magma';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { InverseContext, useIsInverse } from '../../inverse';\nimport { convertStyleValueToString } from '../../utils';\nimport styled from '@emotion/styled';\n\n/**\n * @children required\n */\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n isInverse?: boolean;\n /**\n * Left/right padding, set by CSS. If a number is provided, value will be in pixels\n */\n gutterWidth?: number | string;\n /**\n * Max-width of the component, set by CSS. If a number is provided, value will be in pixels\n */\n maxWidth?: number | string;\n testId?: string;\n}\n\nconst StyledContainer = styled.div<{\n gutterWidth: string;\n isInverse?: boolean;\n maxWidth: string;\n theme: ThemeInterface;\n}>`\n background: ${props =>\n props.isInverse\n ? props.theme.colors.foundation\n : props.theme.colors.neutral08};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: flow-root;\n margin: 0 auto;\n max-width: ${props => props.maxWidth};\n padding: ${props => `0 ${props.gutterWidth}`};\n`;\n\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n (props, ref) => {\n const theme = React.useContext(ThemeContext);\n const {\n children,\n gutterWidth = theme.spaceScale.spacing06,\n maxWidth,\n testId,\n ...other\n } = props;\n\n const gutterWidthString = convertStyleValueToString(gutterWidth);\n const maxWidthString = convertStyleValueToString(maxWidth, 'none');\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <InverseContext.Provider\n value={{\n isInverse,\n }}\n >\n <StyledContainer\n ref={ref}\n data-testid={testId}\n gutterWidth={gutterWidthString}\n isInverse={isInverse}\n maxWidth={maxWidthString}\n theme={theme}\n {...other}\n >\n {children}\n </StyledContainer>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\n\nexport function useControlled({ controlled, default: defaultProp }) {\n const { current: isControlled } = React.useRef(controlled !== undefined);\n const [valueState, setValue] = React.useState(defaultProp);\n const value = isControlled ? controlled : valueState;\n\n const setValueIfUncontrolled = React.useCallback(newValue => {\n if (!isControlled) {\n setValue(newValue);\n }\n }, []);\n\n return [value, setValueIfUncontrolled];\n}\n","import { useControlled } from './useControlled';\n\nexport interface UseDataPaginationProps<PaginatedItem> {\n /**\n * Number of items per page by default when uncontrolled\n * @default 10\n */\n defaultItemsPerPage?: number;\n /**\n * Array of items to be displayed\n */\n items?: PaginatedItem[];\n /**\n * Number of items per page\n */\n itemsPerPage?: number;\n /**\n * Event that fires when the number of items per page is changed\n */\n onItemsPerPageChange?: (newRowsPerPage: number) => void;\n}\nexport interface UseDataPaginationReturn<PaginatedItem> {\n getPageItems: (page: number) => PaginatedItem[];\n itemsPerPage: number;\n length: number;\n onItemsPerPageChange: (newItemsPerPage: number) => void;\n}\n\nexport function useDataPagination<T>(\n props: UseDataPaginationProps<T> = {}\n): UseDataPaginationReturn<T> {\n const {\n defaultItemsPerPage = 10,\n items = [],\n itemsPerPage: itemsPerPageProp,\n onItemsPerPageChange,\n } = props;\n\n const [itemsPerPage, setItemsPerPageState] = useControlled({\n controlled: itemsPerPageProp,\n default: defaultItemsPerPage,\n });\n\n function handleItemsPerPageChange(newItemsPerPage: number) {\n if (!itemsPerPageProp) {\n setItemsPerPageState(newItemsPerPage);\n }\n\n onItemsPerPageChange &&\n typeof onItemsPerPageChange === 'function' &&\n onItemsPerPageChange(newItemsPerPage);\n }\n\n const getPageItems = (page: number) => {\n const isLastPage = page * itemsPerPage >= items.length;\n\n const start = (page - 1) * itemsPerPage;\n const end = isLastPage ? items.length : page * itemsPerPage;\n\n return items.slice(start, end);\n };\n\n const length = Math.ceil(items.length / itemsPerPage);\n\n return {\n getPageItems,\n itemsPerPage,\n length,\n onItemsPerPageChange: handleItemsPerPageChange,\n };\n}\n","import * as React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport {\n CheckboxProps,\n HiddenLabelText,\n HiddenInput,\n StyledFakeInput,\n} from '../Checkbox';\nimport {\n CheckBoxIcon,\n CheckBoxOutlineBlankIcon,\n IndeterminateCheckBoxIcon,\n} from 'react-magma-icons';\nimport { FormGroupContext } from '../FormGroup';\nimport { InputMessage } from '../Input/InputMessage';\nimport { StyledLabel } from '../SelectionControls/StyledLabel';\nimport { StyledContainer } from '../SelectionControls/StyledContainer';\nimport { useGenerateId, Omit } from '../../utils';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { Announce } from '../Announce';\nimport { I18nContext } from '../../i18n';\nimport { useIsInverse } from '../../inverse';\n\nexport interface IndeterminateCheckboxProps\n extends Omit<CheckboxProps, 'checked'> {\n /**\n * Status of the indeterminate, three-state checkbox, which includes and indeterminate (e.g. mixed) option.\n * @default IndeterminateCheckboxStatus.unchecked\n */\n status: IndeterminateCheckboxStatus;\n testId?: string;\n}\n\nexport enum IndeterminateCheckboxStatus {\n checked = 'checked',\n indeterminate = 'indeterminate',\n unchecked = 'unchecked', //default\n}\n\nexport const IndeterminateCheckbox = React.forwardRef<\n HTMLInputElement,\n IndeterminateCheckboxProps\n>((props, ref) => {\n const [isChecked, updateIsChecked] = React.useState(\n props.status === 'indeterminate'\n ? false\n : Boolean(props.status === 'checked')\n );\n\n const id = useGenerateId(props.id);\n\n React.useEffect(() => {\n updateIsChecked(\n props.status === 'indeterminate'\n ? false\n : Boolean(props.status === 'checked')\n );\n }, [props.status]);\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { checked: targetChecked } = event.target;\n\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(event);\n\n if (props.status !== 'indeterminate') {\n updateIsChecked(targetChecked);\n }\n }\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n const context = React.useContext(FormGroupContext);\n\n const {\n color = theme.colors.primary,\n containerStyle,\n disabled,\n errorMessage,\n inputStyle,\n labelStyle,\n labelText,\n isTextVisuallyHidden,\n status,\n testId,\n ...other\n } = props;\n\n const isIndeterminate = status === 'indeterminate';\n const isUnchecked = status === 'unchecked';\n\n function replaceLabelTextForAnnounceText(baseAnnounceText) {\n return baseAnnounceText.replace(\n /\\{labelText\\}/g,\n getStringifiedLabelText(labelText)\n );\n }\n\n function getStringifiedLabelText(node) {\n if (['string', 'number'].includes(typeof node)) return node;\n if (node instanceof Array)\n return node.map(getStringifiedLabelText).join('');\n if (typeof node === 'object' && node)\n return getStringifiedLabelText(node.props.children);\n }\n\n const showAnnounce = isChecked || isIndeterminate || isUnchecked;\n const announceText = isChecked\n ? replaceLabelTextForAnnounceText(\n i18n.indeterminateCheckbox.isCheckedAnnounce\n )\n : isIndeterminate\n ? replaceLabelTextForAnnounceText(\n i18n.indeterminateCheckbox.isIndeterminateAnnounce\n )\n : isUnchecked\n ? replaceLabelTextForAnnounceText(\n i18n.indeterminateCheckbox.isUncheckedAnnounce\n )\n : '';\n\n const descriptionId = errorMessage ? `${id}__desc` : null;\n const groupDescriptionId = context.descriptionId;\n\n const describedBy =\n descriptionId && groupDescriptionId\n ? `${groupDescriptionId} ${descriptionId}`\n : descriptionId\n ? descriptionId\n : groupDescriptionId\n ? groupDescriptionId\n : null;\n\n const hasError = context.hasError || !!errorMessage;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <>\n <StyledContainer style={containerStyle}>\n <HiddenInput\n {...other}\n aria-describedby={describedBy}\n checked={isChecked}\n data-testid={testId}\n disabled={disabled}\n id={id}\n ref={ref}\n type=\"checkbox\"\n onChange={handleChange}\n />\n <StyledLabel htmlFor={id} isInverse={isInverse} style={labelStyle}>\n <StyledFakeInput\n isChecked={isChecked}\n color={color}\n disabled={disabled}\n hasError={hasError}\n isIndeterminate={isIndeterminate}\n isInverse={isInverse}\n style={inputStyle}\n theme={theme}\n >\n {isIndeterminate ? (\n <IndeterminateCheckBoxIcon\n testId=\"indeterminateIcon\"\n size={theme.iconSizes.medium}\n />\n ) : isChecked ? (\n <CheckBoxIcon size={theme.iconSizes.medium} />\n ) : (\n <CheckBoxOutlineBlankIcon size={theme.iconSizes.medium} />\n )}\n </StyledFakeInput>\n {isTextVisuallyHidden ? (\n <HiddenLabelText>{labelText}</HiddenLabelText>\n ) : (\n labelText\n )}\n </StyledLabel>\n <Announce>\n {showAnnounce && <VisuallyHidden>{announceText}</VisuallyHidden>}\n </Announce>\n </StyledContainer>\n {!!errorMessage && (\n <InputMessage\n id={descriptionId}\n hasError\n isInverse={isInverse}\n style={{ paddingLeft: theme.spaceScale.spacing08 }}\n >\n {errorMessage}\n </InputMessage>\n )}\n </>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\n\n/**\n * @children required\n */\nexport interface VisuallyHiddenProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n}\n\nconst VisuallyHiddenDiv = styled.div`\n ${HiddenStyles}\n`;\n\nexport const VisuallyHidden: React.FunctionComponent<VisuallyHiddenProps> = props => {\n const { children, testId, ...other } = props;\n return (\n <VisuallyHiddenDiv {...other} data-testid={testId}>\n {children}\n </VisuallyHiddenDiv>\n );\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { useIsInverse } from '../../inverse';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\n/**\n * @children required\n */\nexport interface TableProps extends React.HTMLAttributes<HTMLTableElement> {\n /**\n * Relative padding of the table cells\n * @default TableDensity.normal\n */\n density?: TableDensity;\n /**\n * If true, row will be visually highlighted on hover\n */\n hasHoverStyles?: boolean;\n /**\n * If true, columns will have vertical borders\n */\n hasVerticalBorders?: boolean;\n /**\n * If true, every other row will have a background color\n */\n hasZebraStripes?: boolean;\n isInverse?: boolean;\n /**\n * @internal\n */\n isSelectable?: boolean;\n /**\n * Minimum width for the table in pixels\n * @default 600\n */\n minWidth?: number;\n rowCount?: number;\n selectedItems?: Array<number>;\n testId?: string;\n}\n\nexport enum TableDensity {\n compact = 'compact',\n loose = 'loose',\n normal = 'normal', // default\n}\n\nexport enum TableCellAlign {\n center = 'center',\n inherit = 'inherit',\n justify = 'justify',\n left = 'left', // default\n right = 'right',\n}\n\nexport enum TableSortDirection {\n ascending = 'ascending',\n descending = 'descending',\n none = 'none', // default\n}\n\nexport enum TableRowColor {\n danger = 'danger',\n info = 'info',\n success = 'success',\n warning = 'warning',\n}\n\ninterface TableContextInterface {\n density?: TableDensity;\n hasHoverStyles?: boolean;\n hasVerticalBorders?: boolean;\n hasZebraStripes?: boolean;\n isInverse?: boolean;\n isSelectable?: boolean;\n rowCount?: number;\n selectedItems?: Array<number>;\n}\n\nexport const TableContext = React.createContext<TableContextInterface>({\n density: TableDensity.normal,\n hasHoverStyles: false,\n hasZebraStripes: false,\n hasVerticalBorders: false,\n isInverse: false,\n isSelectable: false,\n rowCount: 0,\n selectedItems: [],\n});\n\nconst TableContainer = styled.div`\n overflow-x: visible;\n`;\n\nconst StyledTable = styled.table<{ isInverse?: boolean; minWidth: number }>`\n border-collapse: collapse;\n border-spacing: 0;\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: table;\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n min-width: ${props => props.minWidth}px;\n width: 100%;\n`;\n\nexport const Table = React.forwardRef<HTMLTableElement, TableProps>(\n (props, ref) => {\n const {\n children,\n density,\n hasHoverStyles,\n hasVerticalBorders,\n hasZebraStripes,\n isSelectable,\n minWidth,\n rowCount,\n selectedItems,\n testId,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <TableContext.Provider\n value={{\n density,\n hasHoverStyles,\n hasZebraStripes,\n hasVerticalBorders,\n isInverse: isInverse,\n isSelectable,\n }}\n >\n <TableContainer>\n <StyledTable\n {...other}\n data-testid={testId}\n isInverse={isInverse}\n minWidth={minWidth || theme.breakpoints.small}\n ref={ref}\n theme={theme}\n >\n {children}\n </StyledTable>\n </TableContainer>\n </TableContext.Provider>\n );\n }\n);\n","import * as React from 'react';\n\n/**\n * @children required\n */\nexport interface TableBodyProps\n extends React.HTMLAttributes<HTMLTableSectionElement> {\n testId?: string;\n}\n\nexport const TableBody = React.forwardRef<\n HTMLTableSectionElement,\n TableBodyProps\n>((props, ref) => {\n const { children, testId, ...other } = props;\n return (\n <tbody {...other} ref={ref} data-testid={testId}>\n {children}\n </tbody>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { TableCellAlign, TableContext, TableDensity } from './Table';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface TableCellProps\n extends React.HTMLAttributes<HTMLTableCellElement> {\n /**\n * Text alignment of the cell content. Right alignment should be used for numeric values\n * @default TableCellAlign.left\n */\n align?: TableCellAlign;\n testId?: string;\n /**\n * Width of the component, set by CSS\n * @default auto\n */\n width?: string | number;\n}\n\nexport const baseTableCellStyle = props => css`\n border-right: ${props.hasVerticalBorders ? '1px solid' : 0};\n border-color: ${props.isInverse\n ? props.theme.colors.tint04\n : props.theme.colors.neutral06};\n display: table-cell;\n font-size: inherit;\n line-height: inherit;\n padding: ${buildCellPaddingStyle(props.density, props.theme)};\n text-align: ${props.textAlign};\n\n &:last-of-type {\n border-right: 0;\n }\n`;\n\nexport function buildCellPaddingStyle(density, theme: any) {\n switch (density) {\n case 'compact':\n return `${theme.spaceScale.spacing02} ${theme.spaceScale.spacing03}`;\n case 'loose':\n return `${theme.spaceScale.spacing06} ${theme.spaceScale.spacing08}`;\n\n default:\n return `${theme.spaceScale.spacing04} ${theme.spaceScale.spacing05}`;\n }\n}\n\nconst StyledCell = styled.td<{\n density?: TableDensity;\n hasVerticalBorders?: boolean;\n isInverse?: boolean;\n textAlign?: TableCellAlign;\n theme?: any;\n width?: string;\n}>`\n ${baseTableCellStyle}\n\n ${props =>\n props.width &&\n css`\n width: ${props.width};\n `}\n`;\n\nexport const TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n (props, ref) => {\n const { align, children, testId, width, ...other } = props;\n const tableContext = React.useContext(TableContext);\n const theme = React.useContext(ThemeContext);\n\n const widthString = typeof width === 'number' ? `${width}px` : width;\n\n return (\n <StyledCell\n {...other}\n data-testid={testId}\n density={tableContext.density}\n hasVerticalBorders={tableContext.hasVerticalBorders}\n isInverse={tableContext.isInverse}\n ref={ref}\n textAlign={align || TableCellAlign.left}\n theme={theme}\n width={widthString}\n >\n {children}\n </StyledCell>\n );\n }\n);\n\nTableCell.displayName = 'TableCell';\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { baseTableCellStyle, buildCellPaddingStyle } from './TableCell';\nimport {\n TableCellAlign,\n TableContext,\n TableDensity,\n TableSortDirection,\n} from './Table';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { SortDoubleArrowIcon, SouthIcon, NorthIcon } from 'react-magma-icons';\n\nexport interface TableHeaderCellProps\n extends React.HTMLAttributes<HTMLTableHeaderCellElement> {\n /**\n * Text alignment of the cell content. Right alignment should be used for numeric values\n * @default TableCellAlign.left\n */\n align?: TableCellAlign;\n /**\n * @default false\n * If true, style as a row header rather than a column header\n */\n isRowHeader?: boolean;\n /**\n * If true, the header will render a button for sorting\n */\n isSortable?: boolean;\n /**\n * Event that fires when clicking the table header cell sort button\n */\n onSort?: () => void;\n /**\n * Direction and range of data cells that are covered by the header cell\n * @default TableHeaderCellScope.col\n */\n scope?: TableHeaderCellScope;\n /**\n * Direction by which the column is sorted\n * @default TableSortDirection.none\n */\n sortDirection?: TableSortDirection;\n testId?: string;\n /**\n * Width of the component, set by CSS\n * @default auto\n */\n width?: string | number;\n}\n\nexport enum TableHeaderCellScope {\n col = 'col',\n colgroup = 'colgroup',\n row = 'row',\n rowgroup = 'rowgroup',\n}\n\nconst StyledTableHeaderCell = styled.th<{\n density?: TableDensity;\n hasVerticalBorders?: boolean;\n isInverse?: boolean;\n isRowHeader?: boolean;\n isSortable?: boolean;\n textAlign?: TableCellAlign;\n width?: string;\n}>`\n ${props => {\n return props.isRowHeader\n ? {}\n : {\n background: props.isInverse\n ? props.theme.colors.tint03\n : props.theme.colors.neutral07,\n borderBottom: '2px solid',\n fontWeight: 'bold',\n verticalAlign: 'bottom',\n };\n }}\n\n ${baseTableCellStyle}\n\n ${props =>\n props.isSortable &&\n css`\n padding: 0;\n `}\n\n ${props =>\n props.width &&\n css`\n width: ${props.width};\n `}\n`;\n\nconst SortButton = styled.button<{\n density?: TableDensity;\n isInverse?: boolean;\n textAlign?: TableCellAlign;\n}>`\n align-items: flex-end;\n background: none;\n border: 0;\n color: inherit;\n display: flex;\n justify-content: ${props =>\n props.textAlign === TableCellAlign.right ? 'flex-end' : 'flex-start'};\n margin: 0;\n padding: ${props => buildCellPaddingStyle(props.density, props.theme)}};\n text-align: left;\n width: 100%;\n\n &:focus {\n outline: 2px dotted\n ${props =>\n props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: -2px;\n }\n\n &:hover,\n &:focus {\n background: ${props =>\n props.isInverse ? props.theme.colors.tint : props.theme.colors.neutral06};\n\n svg {\n fill: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n }\n }\n`;\n\nconst IconWrapper = styled.span`\n padding-left: ${props => props.theme.spaceScale.spacing03};\n position: relative;\n top: ${props => props.theme.spaceScale.spacing02};\n`;\n\nexport const TableHeaderCell = React.forwardRef<\n HTMLTableCellElement,\n TableHeaderCellProps\n>((props, ref) => {\n const {\n align,\n children,\n isRowHeader = false,\n isSortable,\n onSort,\n scope = isRowHeader ? TableHeaderCellScope.row : TableHeaderCellScope.col,\n sortDirection,\n testId,\n width,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n const tableContext = React.useContext(TableContext);\n\n function handleSort() {\n onSort && typeof onSort === 'function' && onSort();\n }\n\n const SortIcon =\n sortDirection === TableSortDirection.ascending ? (\n <SouthIcon size={theme.iconSizes.small} />\n ) : sortDirection === TableSortDirection.descending ? (\n <NorthIcon size={theme.iconSizes.small} />\n ) : (\n <SortDoubleArrowIcon\n color={\n tableContext.isInverse\n ? theme.colors.neutral06\n : theme.colors.neutral04\n }\n size={theme.iconSizes.small}\n />\n );\n\n const widthString = typeof width === 'number' ? `${width}px` : width;\n\n return (\n <StyledTableHeaderCell\n {...other}\n data-testid={testId}\n density={tableContext.density}\n hasVerticalBorders={tableContext.hasVerticalBorders}\n isInverse={tableContext.isInverse}\n ref={ref}\n isRowHeader={isRowHeader}\n isSortable={isSortable}\n scope={scope}\n textAlign={align || TableCellAlign.left}\n theme={theme}\n width={widthString}\n >\n {isSortable ? (\n <SortButton\n density={tableContext.density}\n isInverse={tableContext.isInverse}\n onClick={handleSort}\n textAlign={align || TableCellAlign.left}\n theme={theme}\n >\n <span>{children}</span>\n <IconWrapper theme={theme}>{SortIcon}</IconWrapper>\n </SortButton>\n ) : (\n <>{children}</>\n )}\n </StyledTableHeaderCell>\n );\n});\n\nTableHeaderCell.displayName = 'TableHeaderCell';\n","import * as React from 'react';\n\n/**\n * @children required\n */\nexport interface TableHeadProps\n extends React.HTMLAttributes<HTMLTableSectionElement> {\n testId?: string;\n}\n\nexport const TableHead = React.forwardRef<\n HTMLTableSectionElement,\n TableHeadProps\n>((props, ref) => {\n const { children, testId, ...other } = props;\n return (\n <thead {...other} ref={ref} data-testid={testId}>\n {children}\n </thead>\n );\n});\n","import React from 'react';\nimport { I18nContext } from '../../i18n';\nimport { useControlled } from '../../hooks/useControlled';\n\nexport interface UsePaginationProps {\n /**\n * The total number of Pagination buttons\n * @default 1\n */\n count?: number;\n /**\n * Page selected by default when the component is uncontrolled\n */\n defaultPage?: number;\n /**\n * If true, disables all of the Pagination buttons\n * @default false\n */\n disabled?: boolean;\n /**\n * If true, hides the next page button\n * @default false\n */\n hideNextButton?: boolean;\n /**\n * If true, hides the previous page button\n * @default false\n */\n hidePreviousButton?: boolean;\n /**\n * Number of page buttons before and after the current page\n * @default 1\n */\n numberOfAdjacentPages?: number;\n /**\n * Number of page buttons at the beginning and end of the page number buttons list\n * @default 1\n */\n numberOfEdgePages?: number;\n /**\n * Event that fires when the page number changes\n */\n onPageChange?: (event: React.SyntheticEvent, newPage: number) => void;\n /**\n * Current page number\n */\n page?: number;\n /**\n * If true, shows the first page button\n * @default false\n */\n showFirstButton?: boolean;\n /**\n * If true, shows the last page button\n * @default false\n */\n showLastButton?: boolean;\n}\n\nexport function usePagination(props: Partial<UsePaginationProps> = {}) {\n const {\n count = 1,\n defaultPage = 1,\n disabled = false,\n hideNextButton = false,\n hidePreviousButton = false,\n numberOfAdjacentPages = 1,\n numberOfEdgePages = 1,\n onPageChange: handleChange,\n page: pageProp,\n showFirstButton = false,\n showLastButton = false,\n ...other\n } = props;\n\n const i18n = React.useContext(I18nContext);\n\n const [page, setPageState] = useControlled({\n controlled: pageProp,\n default: defaultPage,\n });\n\n const handleClick = (event, value) => {\n if (!pageProp) {\n setPageState(value);\n }\n\n handleChange &&\n typeof handleChange === 'function' &&\n handleChange(event, value);\n };\n\n const range = (start, end) => {\n const length = end - start + 1;\n return Array.from({ length }, (_, i) => start + i);\n };\n\n const startPages = range(1, Math.min(numberOfEdgePages, count));\n const endPages = range(\n Math.max(count - numberOfEdgePages + 1, numberOfEdgePages + 1),\n count\n );\n\n const siblingsStart = Math.max(\n Math.min(\n // Natural start\n page - numberOfAdjacentPages,\n // Lower boundary when page is high\n count - numberOfEdgePages - numberOfAdjacentPages * 2 - 1\n ),\n // Greater than startPages\n numberOfEdgePages + 2\n );\n\n const siblingsEnd = Math.min(\n Math.max(\n // Natural end\n page + numberOfAdjacentPages,\n // Upper boundary when page is low\n numberOfEdgePages + numberOfAdjacentPages * 2 + 2\n ),\n // Less than endPages\n endPages.length > 0 ? endPages[0] - 2 : count - 1\n );\n\n // Basic list of items to render\n const itemList = [\n ...(showFirstButton ? ['first'] : []),\n ...(hidePreviousButton ? [] : ['previous']),\n ...startPages,\n\n // Start ellipsis\n ...(siblingsStart > numberOfEdgePages + 2\n ? ['start-ellipsis']\n : numberOfEdgePages + 1 < count - numberOfEdgePages\n ? [numberOfEdgePages + 1]\n : []),\n\n // Sibling pages\n ...range(siblingsStart, siblingsEnd),\n\n // End ellipsis\n ...(siblingsEnd < count - numberOfEdgePages - 1\n ? ['end-ellipsis']\n : count - numberOfEdgePages > numberOfEdgePages\n ? [count - numberOfEdgePages]\n : []),\n\n ...endPages,\n ...(hideNextButton ? [] : ['next']),\n ...(showLastButton ? ['last'] : []),\n ];\n\n // Map the button type to its page number\n const buttonPage = type => {\n switch (type) {\n case 'first':\n return 1;\n case 'previous':\n return page - 1;\n case 'next':\n return page + 1;\n case 'last':\n return count;\n default:\n return null;\n }\n };\n\n // Convert the basic item list to PaginationItem props objects\n const pageButtons = itemList.map(item => {\n return typeof item === 'number'\n ? {\n onClick: event => {\n handleClick(event, item);\n },\n type: 'page',\n page: item,\n isSelected: item === page,\n disabled,\n 'aria-current': item === page ? 'true' : undefined,\n 'aria-label': `${i18n.pagination.pageButtonLabel} ${item}`,\n }\n : {\n onClick: event => {\n handleClick(event, buttonPage(item));\n },\n type: item,\n page: buttonPage(item),\n isSelected: false,\n disabled:\n disabled ||\n (item.indexOf('ellipsis') === -1 &&\n (item === 'next' || item === 'last' ? page >= count : page <= 1)),\n };\n });\n\n return {\n page,\n pageButtons,\n setPageState,\n ...other,\n };\n}\n","import React from 'react';\n\nexport function registerDescendant(\n itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n itemRef: React.MutableRefObject<Element>\n) {\n if (\n itemRefArray.current.find(\n ({ current: item }) => item === itemRef.current\n ) == null\n ) {\n const index = itemRefArray.current.findIndex(({ current: item }) => {\n if (!item || !itemRef.current) return false;\n\n return Boolean(\n item.compareDocumentPosition(itemRef.current) &\n Node.DOCUMENT_POSITION_PRECEDING\n );\n });\n\n const newItem = itemRef;\n\n itemRefArray.current =\n index === -1\n ? [...itemRefArray.current, newItem]\n : [\n ...itemRefArray.current.slice(0, index),\n newItem,\n ...itemRefArray.current.slice(index),\n ];\n }\n}\n\nexport function unregisterDescendant(\n itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n itemRef: React.MutableRefObject<Element>\n) {\n if (!itemRef.current) return;\n\n itemRefArray.current = itemRefArray.current.filter(\n item => itemRef.current !== item.current\n );\n}\n\nexport function useDescendants(): [\n React.MutableRefObject<React.MutableRefObject<Element>[]>,\n (\n refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n ref: React.MutableRefObject<Element>\n ) => void,\n (\n refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n ref: React.MutableRefObject<Element>\n ) => void\n] {\n const itemRefArray = React.useRef<React.MutableRefObject<Element>[]>([]);\n\n return [itemRefArray, registerDescendant, unregisterDescendant];\n}","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { useDescendants } from '../../hooks/useDescendants';\nimport { useForkedRef } from '../../utils';\n\nexport enum DropdownDropDirection {\n down = 'down', //default\n left = 'left',\n right = 'right',\n up = 'up',\n}\n\nexport enum DropdownAlignment {\n start = 'start', //default\n end = 'end',\n}\n\nexport interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Index of the item that will active/selected. If none is provided, no item will appear active\n * @default -1\n */\n activeIndex?: number;\n /**\n * Alignment of the dropdown content\n * @default `DropdownAlignment.start`\n */\n alignment?: DropdownAlignment;\n /**\n * Position of the dropdown content\n * @default `DropdownDropDirection.down`\n */\n dropDirection?: DropdownDropDirection;\n /**\n * Max-height of dropdown content\n * @default 250px\n */\n maxHeight?: string | number;\n /**\n * Function called on dropdown close before focusing the toggle button\n * @deprecated true\n */\n onBeforeShiftFocus?: (event: React.SyntheticEvent) => void;\n /**\n * Function called when closing the dropdown menu\n */\n onClose?: (event: React.SyntheticEvent) => void;\n /**\n * Function called when opening the dropdown menu\n */\n onOpen?: () => void;\n testId?: string;\n /**\n * Width of menu\n * @default Width of longest menu item\n */\n width?: string | number;\n}\n\nconst Container = styled.div`\n display: inline-block;\n position: relative;\n`;\n\ninterface DropdownContextInterface {\n activeItemIndex?: number;\n alignment?: DropdownAlignment;\n closeDropdown?: (event: React.SyntheticEvent | React.KeyboardEvent) => void;\n dropdownButtonId?: React.MutableRefObject<string>;\n dropDirection?: DropdownDropDirection;\n handleDropdownBlur?: (event: React.FocusEvent) => void;\n itemRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n isFixedWidth?: boolean;\n isOpen?: boolean;\n maxHeight?: string;\n menuRef?: any;\n openDropdown?: () => void;\n registerDropdownMenuItem: (\n itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n itemRef: React.MutableRefObject<Element>\n ) => void;\n setActiveItemIndex?: React.Dispatch<React.SetStateAction<number>>;\n setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n toggleRef?: any;\n width?: string;\n}\n\nexport const DropdownContext = React.createContext<DropdownContextInterface>({\n isOpen: false,\n registerDropdownMenuItem: (elements, element) => {},\n setIsOpen: () => false,\n});\n\nexport const useDropdownContext = () => React.useContext(DropdownContext);\n\nexport const Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>(\n (props, forwardedRef) => {\n const {\n activeIndex,\n alignment,\n children,\n dropDirection,\n maxHeight,\n onBeforeShiftFocus,\n onClose,\n onOpen,\n testId,\n width,\n ...other\n } = props;\n\n const [isOpen, setIsOpen] = React.useState<boolean>(false);\n\n const [activeItemIndex, setActiveItemIndex] = React.useState<number>(\n activeIndex || -1\n );\n\n const ownRef = React.useRef<any>();\n const toggleRef = React.useRef<HTMLButtonElement>();\n const menuRef = React.useRef<any>([]);\n const dropdownButtonId = React.useRef<string>('');\n\n const ref = useForkedRef(forwardedRef, ownRef);\n\n const [itemRefArray, registerDropdownMenuItem] = useDescendants();\n\n React.useEffect(() => {\n if (activeIndex >= 0) {\n setActiveItemIndex(activeIndex);\n }\n }, [activeIndex]);\n\n function openDropdown() {\n const [filteredItems] = getFilteredItem();\n\n setIsOpen(true);\n\n setTimeout(() => {\n filteredItems.length > 0 &&\n filteredItems[0].current &&\n filteredItems[0].current.focus();\n }, 0);\n\n onOpen && typeof onOpen === 'function' && onOpen();\n }\n\n function closeDropdown(event) {\n setIsOpen(false);\n\n if (onBeforeShiftFocus && typeof onBeforeShiftFocus === 'function') {\n event.preventMagmaFocus = handlePreventMagmaFocus;\n onBeforeShiftFocus(event);\n }\n\n onClose && typeof onClose === 'function' && onClose(event);\n }\n\n function getFilteredItem(): [any, number] {\n const filteredItems = itemRefArray.current.filter(\n itemRef => itemRef.current\n );\n const filteredItemIndex = filteredItems\n .map(filteredItem => filteredItem.current)\n .indexOf(document.activeElement);\n\n return [filteredItems, filteredItemIndex];\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Escape') {\n closeDropdown(event);\n }\n\n if (event.key === 'ArrowDown') {\n const [filteredItems, filteredItemIndex] = getFilteredItem();\n\n if (filteredItems.length === 0) {\n return;\n }\n\n event.preventDefault();\n\n if (\n filteredItemIndex === -1 ||\n filteredItemIndex === filteredItems.length - 1\n ) {\n filteredItems[0].current.focus();\n } else {\n filteredItems[filteredItemIndex + 1].current.focus();\n }\n }\n\n if (event.key === 'ArrowUp') {\n const [filteredItems, filteredItemIndex] = getFilteredItem();\n\n if (filteredItems.length === 0) {\n return;\n }\n\n event.preventDefault();\n\n if (filteredItemIndex === -1 || filteredItemIndex === 0) {\n filteredItems[filteredItems.length - 1].current.focus();\n } else {\n filteredItems[filteredItemIndex - 1].current.focus();\n }\n }\n }\n\n function handleDropdownBlur(event: React.FocusEvent) {\n const { currentTarget, relatedTarget } = event;\n\n const isInMenu =\n relatedTarget && currentTarget.contains(relatedTarget as Node);\n\n if (!isInMenu && isOpen) {\n closeDropdown(event);\n }\n }\n\n function handlePreventMagmaFocus() {}\n\n const maxHeightString =\n typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n\n const widthString = typeof width === 'number' ? `${width}px` : width;\n\n return (\n <DropdownContext.Provider\n value={{\n activeItemIndex,\n alignment,\n closeDropdown,\n dropdownButtonId,\n dropDirection,\n handleDropdownBlur,\n itemRefArray,\n isFixedWidth: !!width,\n isOpen,\n maxHeight: maxHeightString,\n menuRef,\n openDropdown,\n registerDropdownMenuItem,\n setActiveItemIndex,\n setIsOpen,\n toggleRef,\n width: widthString,\n }}\n >\n <Container\n {...other}\n ref={ref}\n data-testid={testId}\n onKeyDown={isOpen ? handleKeyDown : null}\n onBlur={handleDropdownBlur}\n >\n {children}\n </Container>\n </DropdownContext.Provider>\n );\n }\n);\n","import { css } from '@emotion/core';\nimport * as React from 'react';\nimport { IconButton, ButtonIconPosition } from '../IconButton';\nimport {\n ArrowDropUpIcon,\n ArrowLeftIcon,\n ArrowRightIcon,\n ArrowDropDownIcon,\n IconProps,\n} from 'react-magma-icons';\nimport { DropdownContext, DropdownDropDirection } from './Dropdown';\nimport { Omit, useForkedRef, useGenerateId, XOR } from '../../utils';\nimport { ButtonProps, ButtonSize } from '../Button';\nimport { useIsInverse } from '../../inverse';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\n\nexport interface IconOnlyDropdownButtonProps\n extends Omit<ButtonProps, 'children'> {\n /**\n * Icon to display within the component\n */\n icon?: React.ReactElement<IconProps>;\n /**\n * The text the screen reader will announce. Required for icon-only buttons\n */\n 'aria-label': string;\n}\n\nexport interface IconTextDropdownButtonProps extends ButtonProps {\n /**\n * Icon to display within the component\n */\n icon?: React.ReactElement<IconProps>;\n /**\n * Position within the button for the icon to appear\n * @default `ButtonIconPosition.right`\n */\n iconPosition?: ButtonIconPosition;\n /**\n * The content of the component\n */\n children: React.ReactChild | React.ReactChild[];\n}\n\nexport type DropdownButtonProps = XOR<\n IconOnlyDropdownButtonProps,\n IconTextDropdownButtonProps\n>;\n\nfunction instanceOfIconOnlyDropdownButton(\n object: any\n): object is IconOnlyDropdownButtonProps {\n return 'icon' in object && !('children' in object);\n}\n\nfunction getButtonPadding(theme: ThemeInterface, size?: ButtonSize) {\n switch (size) {\n case 'small':\n return theme.spaceScale.spacing02;\n case 'large':\n return theme.spaceScale.spacing05;\n default:\n return theme.spaceScale.spacing03;\n }\n}\n\nconst StyledIconButton = styled(IconButton)`\n ${props =>\n props.iconPosition === ButtonIconPosition.right &&\n props.children &&\n css`\n padding-right: ${getButtonPadding(props.theme, props.size)};\n `}\n ${props =>\n props.iconPosition === ButtonIconPosition.left &&\n props.children &&\n css`\n padding-left: ${getButtonPadding(props.theme, props.size)};\n `}\n`;\n\nexport const DropdownButton = React.forwardRef<\n HTMLButtonElement,\n DropdownButtonProps\n>((props, forwardedRef) => {\n const context = React.useContext(DropdownContext);\n const theme = React.useContext(ThemeContext);\n\n context.dropdownButtonId.current = useGenerateId(props.id);\n\n const ref = useForkedRef(context.toggleRef, forwardedRef);\n\n function getButtonIcon(dropDirection: DropdownDropDirection) {\n switch (dropDirection) {\n case DropdownDropDirection.left:\n return <ArrowLeftIcon testId=\"caretLeft\" />;\n case DropdownDropDirection.right:\n return <ArrowRightIcon testId=\"caretRight\" />;\n case DropdownDropDirection.up:\n return <ArrowDropUpIcon testId=\"caretUp\" />;\n\n default:\n return <ArrowDropDownIcon testId=\"caretDown\" />;\n }\n }\n\n const buttonIcon = getButtonIcon(context.dropDirection);\n\n let children;\n const { icon = buttonIcon, iconPosition, ...other } = props;\n\n const isInverse = useIsInverse(props.isInverse);\n\n if (!instanceOfIconOnlyDropdownButton(props)) {\n children = props.children;\n }\n\n function handleClick(event: React.SyntheticEvent) {\n if (context.isOpen) {\n context.closeDropdown(event);\n } else {\n context.openDropdown();\n }\n }\n\n const iconPositionToUse = props.icon\n ? iconPosition\n ? iconPosition\n : ButtonIconPosition.left\n : context.dropDirection === DropdownDropDirection.left\n ? ButtonIconPosition.left\n : ButtonIconPosition.right;\n\n return (\n <StyledIconButton\n {...other}\n aria-expanded={context.isOpen}\n aria-haspopup=\"true\"\n icon={icon}\n iconPosition={iconPositionToUse}\n id={context.dropdownButtonId.current}\n isInverse={isInverse}\n onClick={handleClick}\n ref={ref}\n theme={theme}\n >\n {children}\n </StyledIconButton>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { Card } from '../Card';\nimport {\n DropdownContext,\n DropdownAlignment,\n DropdownDropDirection,\n} from './Dropdown';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useForkedRef } from '../../utils';\n\n/**\n * @children required\n */\nexport interface DropdownContentProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n}\n\nconst StyledCard = styled(Card)<{\n alignment?: DropdownAlignment;\n dropDirection?: DropdownDropDirection;\n isOpen?: boolean;\n maxHeight?: string;\n width?: string;\n}>`\n display: ${props => (props.isOpen ? 'block' : 'none')};\n left: ${props => props.theme.spaceScale.spacing02};\n max-height: ${props =>\n props.maxHeight ? props.maxHeight : props.theme.dropdown.content.maxHeight};\n opacity: ${props => (props.isOpen ? '1' : '0')};\n outline: 0;\n overflow-y: auto;\n padding: ${props => props.theme.spaceScale.spacing03} 0;\n position: absolute;\n transition: opacity 0.3s;\n white-space: nowrap;\n z-index: 2;\n\n ${props =>\n props.width &&\n css`\n white-space: normal;\n width: ${props.width};\n `}\n\n ${props =>\n props.dropDirection === 'up' &&\n css`\n top: auto;\n bottom: 100%;\n `}\n\n ${props =>\n props.dropDirection === 'left' &&\n css`\n left: auto;\n right: 100%;\n top: ${props.theme.spaceScale.spacing02};\n `}\n\n ${props =>\n props.dropDirection === 'right' &&\n css`\n left: 100%;\n top: ${props.theme.spaceScale.spacing02};\n `}\n\n ${props =>\n props.alignment === 'end' &&\n props.dropDirection !== 'left' &&\n props.dropDirection !== 'right' &&\n css`\n left: auto;\n right: ${props.theme.spaceScale.spacing02};\n `}\n\n ${props =>\n props.alignment === 'end' &&\n (props.dropDirection === 'left' || props.dropDirection === 'right') &&\n css`\n bottom: ${props.theme.spaceScale.spacing02};\n top: auto;\n `}\n`;\n\nconst StyledDiv = styled.div`\n padding: ${props => props.theme.spaceScale.spacing02} 0;\n`;\n\nexport const DropdownContent = React.forwardRef<\n HTMLDivElement,\n DropdownContentProps\n>((props, forwardedRef) => {\n const { children, testId, ...other } = props;\n const context = React.useContext(DropdownContext);\n const theme = React.useContext(ThemeContext);\n const ref = useForkedRef(forwardedRef, context.menuRef);\n\n return (\n <StyledCard\n {...other}\n alignment={context.alignment}\n dropDirection={context.dropDirection}\n hasDropShadow\n isInverse={false}\n isOpen={context.isOpen}\n maxHeight={context.maxHeight}\n ref={ref}\n tabIndex={-1}\n testId={testId || 'dropdownContent'}\n theme={theme}\n width={context.width}\n >\n <StyledDiv\n aria-labelledby={context.dropdownButtonId.current}\n role=\"menu\"\n theme={theme}\n >\n {children}\n </StyledDiv>\n </StyledCard>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface DropdownDividerProps\n extends React.HTMLAttributes<HTMLHRElement> {\n testId?: string;\n}\n\nconst StyledHr = styled.hr`\n background: ${props => props.theme.colors.neutral06};\n border: 0;\n height: 1px;\n margin: ${props => props.theme.spaceScale.spacing02} 0;\n`;\n\nexport const DropdownDivider: React.FunctionComponent<DropdownDividerProps> = (\n props: DropdownDividerProps\n) => {\n const { testId, ...other } = props;\n\n const theme = React.useContext(ThemeContext);\n return <StyledHr {...other} data-testid={testId} theme={theme} />;\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\n/**\n * @children required\n */\nexport interface DropdownHeaderProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n}\n\nconst StyledDiv = styled.div`\n color: ${props => props.theme.colors.neutral03};\n font-size: ${props => props.theme.typeScale.size01.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size01.letterSpacing};\n line-height: ${props => props.theme.typeScale.size01.lineHeight};\n font-weight: bold;\n margin: 0;\n padding: ${props =>\n `${props.theme.spaceScale.spacing03} ${props.theme.spaceScale.spacing05} ${props.theme.spaceScale.spacing02}`};\n text-transform: uppercase;\n`;\n\nexport const DropdownHeader = React.forwardRef<\n HTMLDivElement,\n DropdownHeaderProps\n>((props, ref) => {\n const { children, testId, ...other } = props;\n\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledDiv {...other} data-testid={testId} theme={theme}>\n {children}\n </StyledDiv>\n );\n});\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { DropdownContext } from './Dropdown';\nimport { IconProps, CheckIcon } from 'react-magma-icons';\nimport { Omit, useForkedRef } from '../../utils';\n\nexport interface DropdownMenuItemProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n /**\n * Leading icon for the menu item\n */\n icon?: React.ReactElement<IconProps>;\n /**\n * @internal\n */\n index?: number;\n /**\n * @internal\n */\n isActive?: boolean;\n /**\n * If true, item will be disabled; it will appear dimmed and onClick event (or any other events) will not fire\n * @default false\n */\n disabled?: boolean;\n /**\n * Action that fires when the menu item is clicked. If the menuitem also has a value prop, the value will be passed to the onClick handler\n */\n onClick?: (value?: string | number) => void;\n /**\n * Value of the component, gets passed to the onClick event\n */\n value?: string | number;\n}\n\nexport const MenuItemStyles = props => {\n return css`\n align-items: center;\n color: ${props.disabled\n ? props.theme.colors.disabledText\n : props.theme.colors.neutral};\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n display: flex;\n font-size: ${props.theme.typeScale.size03.fontSize};\n line-height: ${props.theme.typeScale.size03.lineHeight};\n margin: 0;\n padding: ${props.isInactive\n ? `${props.theme.spaceScale.spacing03} ${props.theme.spaceScale.spacing05} ${props.theme.spaceScale.spacing03} ${props.theme.spaceScale.spacing11}`\n : `${props.theme.spaceScale.spacing03} ${props.theme.spaceScale.spacing05}`};\n white-space: ${props.isFixedWidth ? 'normal' : 'nowrap'};\n\n &:hover,\n &:focus {\n background: ${props.disabled ? 'none' : props.theme.colors.neutral07};\n color: ${props.disabled\n ? props.theme.colors.disabledText\n : props.theme.colors.neutral};\n }\n\n &:focus {\n outline-offset: -3px;\n }\n `;\n};\n\nconst StyledItem = styled.div<{\n as?: string;\n disabled?: boolean;\n isFixedWidth?: boolean;\n isInactive?: boolean;\n value?: string | number;\n}>`\n ${MenuItemStyles}\n`;\n\nexport const IconWrapper = styled.span`\n color: ${props => props.theme.colors.neutral03};\n display: inline-flex;\n margin-right: ${props => props.theme.spaceScale.spacing05};\n\n svg {\n height: ${props => props.theme.iconSizes.medium}px;\n width: ${props => props.theme.iconSizes.medium}px;\n }\n`;\n\nexport const DropdownMenuItem = React.forwardRef<\n HTMLDivElement,\n DropdownMenuItemProps\n>((props, forwardedRef) => {\n const { children, disabled, icon, onClick, value, ...other } = props;\n\n const ownRef = React.useRef<HTMLDivElement>();\n const theme = React.useContext(ThemeContext);\n const context = React.useContext(DropdownContext);\n\n const ref = useForkedRef(forwardedRef, ownRef);\n\n const index = context.itemRefArray.current.findIndex(({ current: item }) => {\n if (!item || !ownRef.current) return false;\n\n return item === ownRef.current;\n });\n\n function handleClick(event: React.SyntheticEvent | React.KeyboardEvent) {\n if (context.activeItemIndex >= 0) {\n context.setActiveItemIndex(index);\n }\n\n if (onClick && !disabled) {\n onClick(value);\n }\n\n if (!disabled && context.activeItemIndex < 0) {\n context.closeDropdown(event);\n }\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n handleClick(event);\n }\n }\n\n const isActive =\n context.activeItemIndex >= 0 && context.activeItemIndex === index;\n\n const isInactive =\n context.activeItemIndex >= 0 && context.activeItemIndex !== index;\n\n React.useEffect(() => {\n if (!disabled)\n context.registerDropdownMenuItem(context.itemRefArray, ownRef);\n }, []);\n\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledItem\n {...other}\n aria-disabled={disabled}\n disabled={disabled}\n isFixedWidth={context.isFixedWidth}\n isInactive={isInactive}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n ref={disabled ? null : ref}\n role=\"menuitem\"\n theme={theme}\n tabIndex={disabled ? null : -1}\n value={value}\n >\n {icon && <IconWrapper theme={theme}>{icon}</IconWrapper>}\n {isActive && (\n <IconWrapper theme={theme}>\n <CheckIcon aria-label={i18n.dropdown.menuItemSelectedAriaLabel} />\n </IconWrapper>\n )}\n {children}\n </StyledItem>\n );\n});\n\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useForkedRef, useGenerateId } from '../../utils';\nimport { usePopper } from 'react-popper';\nimport { useIsInverse } from '../../inverse';\n\nexport enum TooltipPosition {\n bottom = 'bottom',\n left = 'left',\n right = 'right',\n top = 'top', //default\n}\n\nexport const EnumTooltipPosition = TooltipPosition;\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Style properties for the arrow element\n */\n arrowStyle?: React.CSSProperties;\n /**\n * The element that triggers the tooltip when it is hovered or focused. Must be a react element (not a string) and should be a focusable element to meet a11y requirements\n */\n children: React.ReactElement;\n /**\n * Style properties for the component container element which includes both the tooltip trigger and the tooltip popover content\n */\n containerStyle?: React.CSSProperties;\n /**\n * The content of the tooltip\n */\n content: React.ReactNode;\n isInverse?: boolean;\n /**\n * Override the default opening of the tooltip on hover/focus to remain open\n */\n open?: boolean;\n /**\n * Position the tooltip appears in relation to its trigger\n */\n position?: TooltipPosition;\n testId?: string;\n /**\n * Style properties for the inner tooltip content\n */\n tooltipStyle?: React.CSSProperties;\n}\n\nexport interface ITooltipState {\n id?: string;\n isVisible?: boolean;\n}\n\nconst TooltipContainer = styled.div`\n display: inline;\n pointer-events: auto;\n`;\n\nexport const TooltipArrow = styled.span<{\n position?: any;\n isInverse?: boolean;\n}>`\n &&,\n &&:before {\n display: block;\n height: ${props => props.theme.tooltip.arrowSizeDoubled};\n position: absolute;\n width: ${props => props.theme.tooltip.arrowSizeDoubled};\n z-index: -1;\n }\n\n &&::before {\n content: '';\n transform: rotate(45deg);\n background: ${props =>\n props.isInverse\n ? props.theme.tooltip.inverse.backgroundColor\n : props.theme.tooltip.backgroundColor};\n }\n`;\n\nexport const StyledTooltip = styled.div<{\n isInverse?: boolean;\n isVisible?: boolean;\n position: TooltipPosition;\n visible?: boolean;\n}>`\n background: ${props =>\n props.isInverse\n ? props.theme.tooltip.inverse.backgroundColor\n : props.theme.tooltip.backgroundColor};\n border-radius: ${props => props.theme.borderRadius};\n color: ${props =>\n props.isInverse\n ? props.theme.tooltip.inverse.textColor\n : props.theme.tooltip.textColor};\n font-size: ${props => props.theme.tooltip.typeScale.fontSize};\n letter-spacing: ${props => props.theme.tooltip.typeScale.letterSpacing};\n line-height: ${props => props.theme.tooltip.typeScale.lineHeight};\n font-weight: ${props => props.theme.tooltip.fontWeight};\n max-width: ${props => props.theme.tooltip.maxWidth};\n min-height: 2.5em;\n padding: ${props => props.theme.spaceScale.spacing03}\n ${props => props.theme.spaceScale.spacing04};\n z-index: ${props => props.theme.tooltip.zIndex};\n\n &[data-popper-placement='top'] {\n margin-bottom: 14px;\n & > span:last-child {\n bottom: 10px;\n }\n }\n\n &[data-popper-placement='bottom'] {\n margin-top: 14px;\n & > span:last-child {\n top: 10px;\n }\n }\n\n &[data-popper-placement='left'] {\n margin-right: 14px;\n & > span:last-child {\n right: 10px;\n }\n }\n\n &[data-popper-placement='right'] {\n margin-left: 14px;\n & > span:last-child {\n left: 10px;\n }\n }\n`;\n\n// Using any for the ref because it is put ont he passed in children which does not have a specific type\nexport const Tooltip = React.forwardRef<any, TooltipProps>((props, ref) => {\n const [isVisible, setIsVisible] = React.useState<boolean>(props.open);\n const [referenceElement, setReferenceElement] =\n React.useState<HTMLElement>(null);\n const [popperElement, setPopperElement] =\n React.useState<HTMLDivElement>(null);\n const [arrowElement, setArrowElement] = React.useState<HTMLSpanElement>(null);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, {\n modifiers: [\n { name: 'arrow', options: { element: arrowElement } },\n {\n name: 'offset',\n options: {\n offset: [0, 0],\n },\n },\n ],\n placement: props.position || TooltipPosition.top,\n });\n\n const combinedRef = useForkedRef(ref, setReferenceElement);\n\n React.useEffect(() => {\n const handleEsc = event => {\n if (event.key === 'Escape') {\n hideTooltip();\n }\n };\n window.addEventListener('keydown', handleEsc);\n\n return () => {\n window.removeEventListener('keydown', handleEsc);\n };\n }, []);\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Escape') {\n hideTooltip();\n }\n }\n\n function showTooltip() {\n setIsVisible(true);\n }\n\n function hideTooltip() {\n setIsVisible(props.open);\n }\n\n const {\n arrowStyle,\n children,\n content,\n containerStyle,\n id: defaultId,\n position,\n testId,\n tooltipStyle,\n ...other\n } = props;\n\n const id = useGenerateId(defaultId);\n const theme = React.useContext(ThemeContext);\n\n if (Array.isArray(children)) {\n throw new Error('Tooltip children can only be one element.');\n }\n\n const tooltipTrigger = React.cloneElement(children, {\n 'aria-describedby': isVisible ? id : null,\n onBlur: hideTooltip,\n onFocus: showTooltip,\n ref: combinedRef,\n });\n\n const combinedTooltipStyles = {\n ...styles.popper,\n ...tooltipStyle,\n };\n\n const combinedArrowStyle = { ...styles.arrow, ...arrowStyle };\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <TooltipContainer\n {...other}\n data-testid={testId}\n onKeyDown={handleKeyDown}\n onMouseLeave={hideTooltip}\n onMouseEnter={showTooltip}\n style={containerStyle}\n >\n {tooltipTrigger}\n {isVisible && (\n <div\n ref={setPopperElement}\n style={combinedTooltipStyles}\n {...attributes.popper}\n >\n <StyledTooltip\n id={id}\n isInverse={isInverse}\n position={position ? position : TooltipPosition.top}\n theme={theme}\n role=\"tooltip\"\n {...attributes.popper}\n >\n {content}\n <TooltipArrow\n isInverse={isInverse}\n ref={setArrowElement}\n style={combinedArrowStyle}\n theme={theme}\n />\n </StyledTooltip>\n </div>\n )}\n </TooltipContainer>\n );\n});\n","import * as React from 'react';\n\nimport { Button, ButtonShape, ButtonStyles, ButtonVariant } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { ArrowDropUpIcon, ArrowDropDownIcon } from 'react-magma-icons';\nimport { DropdownContext, DropdownDropDirection } from './Dropdown';\nimport { I18nContext } from '../../i18n';\nimport { useForkedRef, useGenerateId } from '../../utils';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface DropdownSplitButtonProps extends ButtonStyles {\n /**\n * The text the screen reader will announce. Required for icon-only buttons\n */\n 'aria-label': string;\n /**\n * The content of the component. If no children are provided, the button will render in an icon only style\n */\n children?: any;\n /**\n * Icon to display within the component\n */\n id?: string;\n /**\n * If true, element is disabled\n */\n disabled?: boolean;\n /**\n * Function that fires when the button is clicked\n */\n onClick?: () => void;\n}\n\nexport const DropdownSplitButton = React.forwardRef<\n HTMLButtonElement,\n DropdownSplitButtonProps\n>((props, forwardedRef) => {\n const {\n 'aria-label': ariaLabel,\n children,\n id,\n variant = ButtonVariant.solid,\n onClick,\n ...other\n } = props;\n\n const context = React.useContext(DropdownContext);\n\n const theme = React.useContext(ThemeContext);\n\n const ref = useForkedRef(forwardedRef, context.toggleRef);\n\n context.dropdownButtonId.current = useGenerateId(id);\n\n const buttonIcon =\n context.dropDirection === DropdownDropDirection.up ? (\n <ArrowDropUpIcon size={theme.iconSizes.medium} testId=\"caretUp\" />\n ) : (\n <ArrowDropDownIcon size={theme.iconSizes.medium} testId=\"caretDown\" />\n );\n\n function handleClick(event: React.SyntheticEvent) {\n if (context.isOpen) {\n context.closeDropdown(event);\n } else {\n context.openDropdown();\n }\n }\n\n const i18n = React.useContext(I18nContext);\n\n return (\n <>\n <Button\n {...other}\n id={context.dropdownButtonId.current}\n onClick={onClick}\n shape={ButtonShape.leftCap}\n style={{ borderRight: 0, marginRight: 0 }}\n variant={variant}\n >\n {children}\n </Button>\n <IconButton\n {...other}\n aria-expanded={context.isOpen}\n aria-label={ariaLabel ? ariaLabel : i18n.dropdown.toggleMenuAriaLabel}\n aria-haspopup=\"true\"\n icon={buttonIcon}\n onClick={handleClick}\n shape={ButtonShape.rightCap}\n style={{\n marginLeft:\n variant === ButtonVariant.outline ? 0 : theme.spaceScale.spacing01,\n }}\n ref={ref}\n variant={variant}\n />\n </>\n );\n});\n","import * as React from 'react';\nimport { IconButton } from '../IconButton';\nimport { ButtonColor, ButtonVariant } from '../Button';\nimport { EastIcon, WestIcon } from 'react-magma-icons';\nimport { Label } from '../Label';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { I18nContext } from '../../i18n';\nimport { useIsInverse } from '../../inverse';\nimport { usePagination } from '../Pagination/usePagination';\nimport { XOR } from '../../utils';\nimport { useControlled } from '../../hooks/useControlled';\nimport {\n Dropdown,\n DropdownAlignment,\n DropdownDropDirection,\n DropdownButton,\n DropdownContent,\n DropdownMenuItem,\n} from '../Dropdown';\n\nexport interface BaseTablePaginationProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Position of the dropdown content\n * @default `DropdownDropDirection.up`\n */\n dropdownDropDirection?: DropdownDropDirection;\n /**\n * Total number of rows\n */\n itemCount: number;\n isInverse?: boolean;\n /**\n * Event that fires when the page number changes\n */\n onPageChange?: (event: React.SyntheticEvent, newPage: number) => void;\n /**\n * Event that fires when the number of rows per page changes\n */\n onRowsPerPageChange?: (newRowsPerPage: number) => void;\n /**\n * Values added to the rows per page select\n */\n rowsPerPageValues?: number[];\n testId?: string;\n}\n\nexport interface ControlledPageProps {\n /**\n * Current page number\n */\n page?: number;\n}\n\nexport interface UncontrolledPageProps {\n /**\n * Page selected by default when the component is uncontrolled\n * @default 1\n */\n defaultPage?: number;\n}\n\nexport type PagePaginationProps = XOR<\n ControlledPageProps,\n UncontrolledPageProps\n>;\n\nexport interface ControlledRowsPerPageProps {\n /**\n * Number of rows per page\n */\n rowsPerPage?: number;\n}\n\nexport interface UncontrolledRowsPerPageProps {\n /**\n * Number of rows per page by default when component is uncontrolled\n * @default 10\n */\n defaultRowsPerPage?: number;\n}\n\nexport type RowsPaginationProps = XOR<\n ControlledRowsPerPageProps,\n UncontrolledRowsPerPageProps\n>;\n\nexport type TablePaginationProps = BaseTablePaginationProps &\n PagePaginationProps &\n RowsPaginationProps;\n\nconst StyledContainer = styled.div<{\n isInverse?: boolean;\n theme: ThemeInterface;\n}>`\n align-items: center;\n background: ${props =>\n props.isInverse ? props.theme.colors.tint03 : props.theme.colors.neutral07};\n border-top: 1px solid\n ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral06};\n display: flex;\n justify-content: flex-end;\n padding: ${props => props.theme.spaceScale.spacing02};\n`;\n\nconst PageCount = styled(Label)<{ theme: ThemeInterface }>`\n margin: 0 ${props => props.theme.spaceScale.spacing08};\n`;\n\nconst RowsPerPageLabel = styled.span`\n font-weight: 600;\n line-height: 20px;\n margin: 0 16px 0 0;\n text-align: left;\n`;\n\nexport const TablePagination = React.forwardRef<\n HTMLDivElement,\n TablePaginationProps\n>((props, ref) => {\n const {\n testId,\n defaultPage,\n defaultRowsPerPage = 10,\n dropdownDropDirection = DropdownDropDirection.up,\n itemCount,\n onPageChange,\n onRowsPerPageChange,\n page: pageProp,\n rowsPerPage: rowsPerPageProp,\n rowsPerPageValues = [10, 20, 50, 100],\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n const [rowsPerPage, setRowsPerPageState] = useControlled({\n controlled: rowsPerPageProp,\n default: defaultRowsPerPage,\n });\n\n const { page, pageButtons, setPageState } = usePagination({\n count: itemCount / rowsPerPage,\n defaultPage,\n numberOfEdgePages: 0,\n numberOfAdjacentPages: 0,\n onPageChange,\n page: pageProp,\n });\n\n const [activeIndex, setActiveIndex] = React.useState(rowsPerPage);\n const isLastPage = page * rowsPerPage >= itemCount;\n\n const displayPageStart = (page - 1) * rowsPerPage + 1;\n const displayPageEnd = isLastPage ? itemCount : page * rowsPerPage;\n\n const rowsPerPageItems = rowsPerPageValues.map(value => ({\n label: value.toString(),\n value,\n }));\n\n function handleRowsPerPageChange(value: number) {\n if (!pageProp) {\n setPageState(1);\n\n onPageChange &&\n typeof onPageChange === 'function' &&\n onPageChange({} as React.SyntheticEvent, 1);\n }\n\n if (!rowsPerPageProp) {\n setRowsPerPageState(value);\n }\n\n onRowsPerPageChange &&\n typeof onRowsPerPageChange === 'function' &&\n onRowsPerPageChange(value);\n setActiveIndex(rowsPerPage);\n }\n\n const previousButton = pageButtons[0];\n const nextButton = pageButtons[pageButtons.length - 1];\n\n return (\n <StyledContainer\n {...other}\n data-testid={testId}\n isInverse={isInverse}\n ref={ref}\n theme={theme}\n >\n <RowsPerPageLabel>\n {i18n.table.pagination.rowsPerPageLabel}:\n </RowsPerPageLabel>\n <Dropdown\n alignment={DropdownAlignment.end}\n dropDirection={dropdownDropDirection}\n activeIndex={activeIndex}\n >\n <DropdownButton\n aria-label={i18n.table.pagination.rowsPerPageLabel}\n color={ButtonColor.secondary}\n style={{ minWidth: 0 }}\n testId=\"rowPerPageDropdownButton\"\n >\n {rowsPerPageItems.find(item => item.value === rowsPerPage).label}\n </DropdownButton>\n <DropdownContent>\n {rowsPerPageItems.map((row, index) => (\n <DropdownMenuItem\n key={index}\n onClick={handleRowsPerPageChange}\n value={row.value}\n >\n {row.label}\n </DropdownMenuItem>\n ))}\n </DropdownContent>\n </Dropdown>\n\n <PageCount isInverse={isInverse} theme={theme}>\n {`${displayPageStart}-${displayPageEnd} ${i18n.table.pagination.ofLabel} ${itemCount}`}\n </PageCount>\n\n <IconButton\n aria-label={i18n.table.pagination.previousAriaLabel}\n color={ButtonColor.secondary}\n disabled={previousButton.disabled}\n icon={<WestIcon />}\n isInverse={isInverse}\n onClick={previousButton.onClick}\n testId=\"previousBtn\"\n variant={ButtonVariant.link}\n />\n <IconButton\n aria-label={i18n.table.pagination.nextAriaLabel}\n color={ButtonColor.secondary}\n disabled={nextButton.disabled}\n icon={<EastIcon />}\n isInverse={isInverse}\n onClick={nextButton.onClick}\n testId=\"nextBtn\"\n variant={ButtonVariant.link}\n />\n </StyledContainer>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { TableContext, TableRowColor, TableCell, TableHeaderCell } from './';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { Checkbox } from '../Checkbox';\nimport {\n IndeterminateCheckbox,\n IndeterminateCheckboxStatus,\n} from '../IndeterminateCheckbox';\n\n/**\n * @children required\n */\nexport interface TableRowProps\n extends React.HTMLAttributes<HTMLTableRowElement> {\n /**\n * The color scheme of the table row, giving contextual meaning to the content\n */\n color?: TableRowColor;\n headerRowStatus?: IndeterminateCheckboxStatus;\n isSelected?: boolean;\n isSelectableDisabled?: boolean;\n onHeaderRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onTableRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n rowIndex?: number;\n testId?: string;\n}\n\nfunction buildTableRowBackground(props) {\n switch (props.color) {\n case 'success':\n return props.theme.colors.success;\n case 'warning':\n return props.theme.colors.pop04;\n case 'danger':\n return props.theme.colors.danger;\n case 'info':\n return props.theme.colors.primary;\n default:\n return 'inherit';\n }\n}\n\nfunction buildTableRowColor(props) {\n if (props.color === 'warning') {\n return props.theme.colors.neutral;\n }\n\n if (props.color) {\n return props.theme.colors.neutral08;\n }\n\n return 'inherit';\n}\n\nconst StyledTableRow = styled.tr<{\n color?: string;\n hasHoverStyles?: boolean;\n hasZebraStripes?: boolean;\n isInverse?: boolean;\n}>`\n border-bottom: 1px solid\n ${props =>\n props.isInverse\n ? props.theme.colors.tint04\n : props.theme.colors.neutral06};\n color: inherit;\n display: table-row;\n outline: 0;\n vertical-align: top;\n\n &:last-child {\n border-bottom: 0;\n }\n\n ${props =>\n !props.color &&\n css`\n &:nth-of-type(even) {\n background: ${props.hasZebraStripes\n ? props.isInverse\n ? props.theme.colors.tint\n : props.theme.colors.tone\n : 'none'};\n }\n `};\n\n ${props =>\n props.hasHoverStyles &&\n !props.color &&\n css`\n &:hover {\n background: ${\n props.isInverse ? props.theme.colors.tint02 : props.theme.colors.tone02\n };\n `}\n\n ${props =>\n props.color &&\n css`\n background: ${buildTableRowBackground(props)};\n color: ${buildTableRowColor(props)};\n `};\n`;\n\nexport const TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n (props, ref) => {\n const {\n children,\n headerRowStatus,\n isSelected,\n isSelectableDisabled,\n onHeaderRowSelect,\n onTableRowSelect,\n rowIndex,\n testId,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n const tableContext = React.useContext(TableContext);\n\n let isHeaderRow = false;\n\n React.Children.forEach(children, (child: any) => {\n if (child.type.displayName === 'TableHeaderCell') {\n isHeaderRow = true;\n return;\n }\n });\n\n function getIsCheckboxInverse() {\n if (props.color && props.color === TableRowColor.warning) {\n return false;\n }\n if (props.color && props.color !== TableRowColor.warning) {\n return true;\n }\n\n return tableContext.isInverse;\n }\n\n return (\n <StyledTableRow\n {...other}\n data-testid={testId}\n hasHoverStyles={tableContext.hasHoverStyles && !isHeaderRow}\n hasZebraStripes={tableContext.hasZebraStripes}\n isInverse={tableContext.isInverse}\n ref={ref}\n theme={theme}\n >\n {tableContext.isSelectable && isHeaderRow && (\n <TableHeaderCell width={theme.spaceScale.spacing05}>\n <IndeterminateCheckbox\n status={headerRowStatus}\n isInverse={getIsCheckboxInverse()}\n labelStyle={{ padding: 0 }}\n labelText=\"Select all rows\"\n isTextVisuallyHidden\n onChange={onHeaderRowSelect}\n />\n </TableHeaderCell>\n )}\n {tableContext.isSelectable && !isHeaderRow && (\n <TableCell\n width={theme.spaceScale.spacing05}\n style={{ verticalAlign: 'middle' }}\n >\n <Checkbox\n checked={isSelected}\n disabled={isSelectableDisabled}\n labelStyle={{ padding: 0 }}\n labelText={`Select row ${rowIndex} of ${tableContext.rowCount}`}\n isTextVisuallyHidden\n isInverse={getIsCheckboxInverse()}\n onChange={onTableRowSelect}\n />\n </TableCell>\n )}\n\n {children}\n </StyledTableRow>\n );\n }\n);\n","import * as React from 'react';\nimport { TablePagination } from '../Table';\nimport { DatagridComponents } from './Datagrid';\n\nexport const DefaultPagination = props => {\n return <TablePagination {...props} />;\n};\n\nexport function defaultComponents<T>(components: DatagridComponents) {\n return {\n Pagination: DefaultPagination,\n ...components,\n };\n}\n","import * as React from 'react';\nimport { useControlled } from '../../hooks/useControlled';\nimport { useDataPagination } from '../../hooks/useDataPagination';\nimport { XOR } from '../../utils';\nimport { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';\nimport {\n Table,\n TableBody,\n TableRow,\n TableCell,\n TableHead,\n TableHeaderCell,\n TableProps,\n TableHeaderCellProps,\n TableRowColor,\n TablePaginationProps,\n} from '../Table';\nimport { defaultComponents } from './components';\n\nexport interface DatagridColumn extends TableHeaderCellProps {\n /**\n * Unique identifier for each column\n */\n field: string;\n /**\n * Header text for each column\n */\n header: string;\n /**\n * @default false\n * Set to true if you want the column to be the header for each row\n */\n isRowHeader?: boolean;\n}\n\nexport interface DatagridRow {\n /**\n * Unique identifier for each row\n */\n id: string | number;\n /**\n * The color scheme of the table row, giving contextual meaning to the content\n */\n color?: TableRowColor;\n /**\n * If true, the select box will be disabled\n */\n isSelectableDisabled?: boolean;\n /**\n * Used to allow each unique column field as a key with the row content as the value\n */\n [key: string]: any;\n}\n\nexport interface DatagridComponents {\n Pagination?: React.FunctionComponent<TablePaginationProps>;\n}\n\nexport interface DatagridComponentsProps {\n pagination?: Partial<\n Omit<\n TablePaginationProps,\n 'page' | 'defaultPage' | 'rowsPerPage' | 'defaultRowsPerPage'\n >\n >;\n}\n\n/**\n * @children required\n */\nexport interface BaseDatagridProps extends TableProps {\n /**\n * Column data to be displayed in the table header\n */\n columns: DatagridColumn[];\n /**\n * Custom components to replace internally used components with\n * @default { Pagination }\n */\n components?: DatagridComponents;\n /**\n * Props to be passed to the default components used internally to build the datagrid\n */\n componentsProps?: DatagridComponentsProps;\n /**\n * Pass in false to turn off pagination\n * @default true\n */\n hasPagination?: boolean;\n /**\n * Row data to be displayed in each row in the table\n */\n rows: DatagridRow[];\n /**\n * Function called when the checkbox in the table header is clicked on\n */\n onHeaderSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /**\n * Function called when the checkbox in each table row is clicked on\n */\n onRowSelect?: (\n id: string | number,\n event: React.ChangeEvent<HTMLInputElement>\n ) => void;\n /**\n * Function called when the rows selected in the table changes\n */\n onSelectedRowsChange?: (newSelectedRows: (string | number)[]) => void;\n /**\n * Pagination data used to create the pagination footer. Created using the usePagination hook.\n */\n paginationProps?: Partial<TablePaginationProps>;\n}\n\nexport interface ControlledSelectedRowsProps {\n /**\n * Array of rows that are selected in the table when component is controlled\n */\n selectedRows?: (string | number)[];\n}\n\nexport interface UncontrolledSelectedRowsProps {\n /**\n * Array of rows that are selected in the table on render when component is uncontrolled\n */\n defaultSelectedRows?: (string | number)[];\n}\n\nexport type DatagridSelectedRowsProps = XOR<\n ControlledSelectedRowsProps,\n UncontrolledSelectedRowsProps\n>;\n\nexport type DatagridProps = BaseDatagridProps & DatagridSelectedRowsProps;\n\nexport const Datagrid = React.forwardRef<HTMLTableElement, DatagridProps>(\n (props, ref) => {\n const {\n columns,\n components: customComponents,\n componentsProps = {},\n defaultSelectedRows = [],\n onHeaderSelect,\n onRowSelect,\n onSelectedRowsChange,\n paginationProps = {},\n rows,\n selectedRows: selectedRowsProp,\n hasPagination = true,\n ...other\n } = props;\n const [rowsToShow, setRowsToShow] = React.useState<DatagridRow[]>([]);\n const [selectedRows, updatedSelectedRows] = useControlled({\n controlled: selectedRowsProp,\n default: defaultSelectedRows,\n });\n\n const isControlled = selectedRowsProp ? true : false;\n\n const {\n getPageItems,\n itemsPerPage: rowsPerPage,\n onItemsPerPageChange,\n } = useDataPagination({\n defaultItemsPerPage: paginationProps.defaultRowsPerPage,\n items: rows,\n itemsPerPage: paginationProps.rowsPerPage,\n onItemsPerPageChange: paginationProps.onRowsPerPageChange,\n });\n\n const [currentPage, setCurrentPage] = useControlled({\n controlled: paginationProps.page,\n default: paginationProps.defaultPage || 1,\n });\n\n React.useEffect(() => {\n setRowsToShow(hasPagination ? getPageItems(currentPage) : rows);\n }, [currentPage, rowsPerPage]);\n\n const { Pagination } = defaultComponents({\n ...customComponents,\n });\n\n const { defaultPage: _, ...passedOnPaginationProps } = paginationProps;\n\n passedOnPaginationProps.page = currentPage;\n passedOnPaginationProps.itemCount = rows.length;\n passedOnPaginationProps.rowsPerPage = rowsPerPage;\n passedOnPaginationProps.onRowsPerPageChange = onItemsPerPageChange;\n passedOnPaginationProps.onPageChange = React.useCallback(\n (event, newPage: number) => {\n if (!paginationProps.page) {\n setCurrentPage(newPage);\n }\n\n paginationProps.onPageChange &&\n typeof paginationProps.onPageChange === 'function' &&\n paginationProps.onPageChange(event, newPage);\n },\n [paginationProps.onPageChange]\n );\n\n const filteredRows = rowsToShow.filter(row => !row.isSelectableDisabled);\n\n const headerRowStatus =\n selectedRows.length === filteredRows.length\n ? IndeterminateCheckboxStatus.checked\n : selectedRows.length > 0\n ? IndeterminateCheckboxStatus.indeterminate\n : IndeterminateCheckboxStatus.unchecked;\n\n function handleRowSelect(\n id: string | number,\n event: React.ChangeEvent<HTMLInputElement>\n ) {\n const { checked } = event.target;\n const newSelectedRows = [...selectedRows];\n\n checked\n ? newSelectedRows.push(id)\n : newSelectedRows.splice(newSelectedRows.indexOf(id), 1);\n\n handleSelectedRowsChange(newSelectedRows);\n\n onRowSelect &&\n typeof onRowSelect === 'function' &&\n onRowSelect(id, event);\n }\n\n function handleHeaderSelect(event: React.ChangeEvent<HTMLInputElement>) {\n if (\n headerRowStatus === IndeterminateCheckboxStatus.indeterminate ||\n headerRowStatus === IndeterminateCheckboxStatus.checked\n ) {\n handleSelectedRowsChange([]);\n } else {\n handleSelectedRowsChange(filteredRows.map(row => row.id));\n }\n\n onHeaderSelect &&\n typeof onHeaderSelect === 'function' &&\n onHeaderSelect(event);\n }\n\n function handleSelectedRowsChange(newSelectedRows) {\n if (isControlled) {\n onSelectedRowsChange &&\n typeof onSelectedRowsChange === 'function' &&\n onSelectedRowsChange(newSelectedRows);\n } else {\n updatedSelectedRows(newSelectedRows);\n }\n }\n\n return (\n <>\n <Table {...other} ref={ref}>\n <TableHead>\n <TableRow\n headerRowStatus={headerRowStatus}\n onHeaderRowSelect={handleHeaderSelect}\n >\n {columns.map(({ field, header, ...other }) => (\n <TableHeaderCell\n key={`headercell${field}`}\n {...other}\n isRowHeader={false}\n >\n {header}\n </TableHeaderCell>\n ))}\n </TableRow>\n </TableHead>\n\n <TableBody>\n {rowsToShow.map(({ id, color, isSelectableDisabled, ...other }) => (\n <TableRow\n key={`row${id}`}\n color={color}\n isSelected={\n selectedRows ? selectedRows.indexOf(id) > -1 : false\n }\n isSelectableDisabled={isSelectableDisabled}\n onTableRowSelect={event => handleRowSelect(id, event)}\n >\n {columns.map(({ field, isRowHeader }: DatagridColumn) => {\n return isRowHeader ? (\n <TableHeaderCell\n key={`cell${field}`}\n isRowHeader={isRowHeader}\n >\n {other[field]}\n </TableHeaderCell>\n ) : (\n <TableCell key={`cell${field}`}>{other[field]}</TableCell>\n );\n })}\n </TableRow>\n ))}\n </TableBody>\n </Table>\n {hasPagination && (\n <Pagination\n isInverse={props.isInverse}\n itemCount={rows.length}\n {...passedOnPaginationProps}\n {...componentsProps.pagination}\n />\n )}\n </>\n );\n }\n);\n","import * as React from 'react';\n\nexport interface CalendarContextInterface {\n chosenDate: Date;\n focusedDate: Date;\n dateFocused?: boolean;\n maxDate?: Date;\n minDate?: Date;\n helperInformationShown?: boolean;\n buildCalendarMonth: (date: Date, enableOutsideDates?: boolean) => Date[][];\n showHelperInformation: () => void;\n hideHelperInformation: () => void;\n onDateChange: (day: Date, event: React.SyntheticEvent) => void;\n onKeyDown: (event: React.KeyboardEvent) => void;\n onPrevMonthClick: () => void;\n onNextMonthClick: () => void;\n setDateFocused: (value: boolean) => void;\n}\n\nexport const CalendarContext = React.createContext<CalendarContextInterface>({\n chosenDate: new Date(),\n focusedDate: new Date(),\n buildCalendarMonth: (newDate: Date, enableOutsideDates: boolean) => [\n [newDate],\n ],\n showHelperInformation: () => {},\n hideHelperInformation: () => {},\n onDateChange: (newDate: Date, event: React.SyntheticEvent) => {},\n onKeyDown: (event: React.KeyboardEvent) => {},\n onPrevMonthClick: () => {},\n onNextMonthClick: () => {},\n setDateFocused: (value: boolean) => {},\n});\n","import {\n subDays,\n subWeeks,\n subMonths,\n addDays,\n addWeeks,\n addMonths,\n getDay,\n format,\n startOfWeek,\n endOfWeek,\n startOfMonth,\n endOfMonth,\n differenceInDays,\n} from 'date-fns';\nimport { enUS } from 'date-fns/locale';\n\nexport function handleKeyPress(\n e: React.KeyboardEvent,\n prevDate: Date,\n toggleCalendar?: (calendarOpened: boolean) => void,\n showHelperInformation?: () => void,\n onDateChange?: (day: Date) => void,\n iconRef?: React.RefObject<any>\n) {\n const { key } = e;\n\n if (key === 'Enter' || key === ' ') {\n if (!(e.target as HTMLElement).getAttribute('aria-disabled')) {\n onDateChange(prevDate);\n }\n }\n\n switch (key) {\n case 'ArrowUp':\n e.preventDefault();\n return subWeeks(prevDate, 1);\n\n case 'ArrowLeft':\n e.preventDefault();\n return subDays(prevDate, 1);\n\n case 'Home':\n e.preventDefault();\n return startOfWeek(prevDate);\n\n case 'PageUp':\n e.preventDefault();\n return subMonths(prevDate, 1);\n\n case 'ArrowDown':\n e.preventDefault();\n return addWeeks(prevDate, 1);\n\n case 'ArrowRight':\n e.preventDefault();\n return addDays(prevDate, 1);\n\n case 'End':\n e.preventDefault();\n return endOfWeek(prevDate);\n\n case 'PageDown':\n e.preventDefault();\n return addMonths(prevDate, 1);\n\n case 'Escape':\n e.preventDefault();\n toggleCalendar(false);\n iconRef.current.focus();\n break;\n\n case '?':\n e.preventDefault();\n showHelperInformation();\n break;\n\n default:\n break;\n }\n}\n\nexport function getCalendarMonthWeeks(\n month,\n enableOutsideDays,\n firstDayOfWeek = 0\n): Date[][] {\n const firstOfMonth = startOfMonth(month);\n const lastOfMonth = endOfMonth(month);\n\n const prevDays = (getDay(firstOfMonth) + 7 - firstDayOfWeek) % 7;\n const nextDays = (firstDayOfWeek + 6 - getDay(lastOfMonth)) % 7;\n const firstDay = subDays(firstOfMonth, prevDays);\n const lastDay = addDays(lastOfMonth, nextDays);\n\n const totalDays = differenceInDays(lastDay, firstDay) + 1;\n\n const currentDay = firstDay;\n const weeksInMonth = [];\n\n for (let i = 0; i < totalDays; i += 1) {\n if (i % 7 === 0) {\n weeksInMonth.push([]);\n }\n\n let day = null;\n if ((i >= prevDays && i < totalDays - nextDays) || enableOutsideDays) {\n day = addDays(currentDay, i);\n }\n\n weeksInMonth[weeksInMonth.length - 1].push(day);\n }\n\n return weeksInMonth;\n}\n\nexport function getPrevMonthFromDate(prevDate) {\n return startOfMonth(subMonths(prevDate, 1));\n}\n\nexport function getNextMonthFromDate(prevDate) {\n return startOfMonth(addMonths(prevDate, 1));\n}\n\nexport function i18nFormat(date, formatStr = 'PP', locale = enUS) {\n return (\n date &&\n format(getDateFromString(date), formatStr, {\n locale,\n })\n );\n}\n\nexport function getDateFromString(date) {\n return date ? (date instanceof Date ? date : new Date(date)) : null;\n}\n","import * as React from 'react';\nimport { Announce } from '../Announce';\nimport { CalendarContext } from './CalendarContext';\nimport { ArrowBackIcon, ArrowForwardIcon } from 'react-magma-icons';\nimport { ButtonType, ButtonVariant } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { addMonths, subMonths } from 'date-fns';\nimport { enUS } from 'date-fns/locale';\nimport styled from '../../theme/styled';\nimport { useForkedRef, usePrevious } from '../../utils';\nimport { i18nFormat as format } from './utils';\nimport { I18nContext } from '../../i18n';\n\ninterface CalendarHeaderProps {\n focusHeader?: boolean;\n}\n\nconst CalendarHeaderContainer = styled.div`\n align-items: center;\n display: flex;\n padding: ${props => props.theme.spaceScale.spacing10} 0\n ${props => props.theme.spaceScale.spacing03};\n margin-top: -${props => props.theme.spaceScale.spacing01};\n`;\n\nconst CalendarIconButton = styled.div<{ next?: boolean }>`\n flex-grow: 0;\n flex-width: 10%;\n flex-basis: 10%;\n order: ${props => (props.next ? 2 : 0)};\n`;\n\nconst CalendarHeaderText = styled.div`\n caption-side: initial;\n color: ${props => props.theme.colors.neutral};\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n order: 1;\n text-align: center;\n flex-grow: 0;\n flex-width: 90%;\n flex-basis: 90%;\n`;\n\nexport const CalendarHeader = React.forwardRef<\n HTMLDivElement,\n CalendarHeaderProps\n>((props, forwardedRef) => {\n const calendarHeader = React.useRef<HTMLDivElement>();\n const { focusedDate, onPrevMonthClick, onNextMonthClick } =\n React.useContext(CalendarContext);\n const prevFocusHeader = usePrevious(props.focusHeader);\n const ref = useForkedRef(forwardedRef, calendarHeader);\n\n React.useEffect(() => {\n if (!prevFocusHeader && props.focusHeader) {\n calendarHeader.current.focus();\n }\n }, [props.focusHeader]);\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const locale = i18n.locale || enUS;\n\n const currentMonth = format(focusedDate, 'MMMM yyyy', locale);\n\n const capitalizeCurrentMonth =\n currentMonth &&\n currentMonth.charAt(0).toUpperCase() + currentMonth.slice(1);\n\n return (\n <CalendarHeaderContainer theme={theme}>\n <CalendarHeaderText tabIndex={-1} theme={theme} ref={ref}>\n <Announce>{capitalizeCurrentMonth}</Announce>\n </CalendarHeaderText>\n <CalendarIconButton>\n <IconButton\n aria-label={`${i18n.datePicker.previousMonthAriaLabel} ${format(\n subMonths(new Date(focusedDate), 1),\n 'MMMM yyyy',\n locale\n )}`}\n icon={<ArrowBackIcon />}\n type={ButtonType.button}\n variant={ButtonVariant.link}\n onClick={onPrevMonthClick}\n />\n </CalendarIconButton>\n <CalendarIconButton next>\n <IconButton\n aria-label={`${i18n.datePicker.nextMonthAriaLabel} ${format(\n addMonths(new Date(focusedDate), 1),\n 'MMMM yyyy',\n locale\n )}`}\n icon={<ArrowForwardIcon />}\n type={ButtonType.button}\n variant={ButtonVariant.link}\n onClick={onNextMonthClick}\n />\n </CalendarIconButton>\n </CalendarHeaderContainer>\n );\n});\n","import * as React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '../../theme/styled';\nimport { isAfter, isBefore, isSameDay } from 'date-fns';\nimport { enUS } from 'date-fns/locale';\nimport { CalendarContext } from './CalendarContext';\nimport { I18nContext } from '../../i18n';\nimport { i18nFormat as format } from './utils';\n\ninterface CalendarDayProps {\n day: Date;\n dayFocusable?: boolean;\n onDateChange?: (day: Date, event: React.SyntheticEvent) => void;\n}\n\nconst CalendarDayCell = styled.td`\n border: 1px solid ${props => props.theme.colors.neutral06};\n color: ${props => props.theme.colors.neutral};\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n height: ${props => props.theme.spaceScale.spacing09};\n padding: 0;\n position: relative;\n text-align: center;\n width: ${props => props.theme.spaceScale.spacing09};\n`;\n\nconst CalendarDayInner = styled.button<{\n isChosen?: boolean;\n isFocused?: boolean;\n disabled?: boolean;\n}>`\n align-items: center;\n background: ${props =>\n props.isChosen\n ? props.theme.colors.foundation02\n : props.theme.colors.neutral08};\n border: 2px solid transparent;\n border-radius: 100%;\n color: ${props =>\n props.isChosen\n ? props.theme.colors.neutral08\n : props.disabled\n ? props.theme.colors.disabledText\n : props.theme.colors.neutral};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n display: flex;\n height: calc(${props => props.theme.spaceScale.spacing09} - 4px);\n justify-content: center;\n margin: ${props => props.theme.spaceScale.spacing01};\n overflow: hidden;\n outline-offset: 0;\n position: relative;\n transition: background 0.5s ease-in-out 0s;\n width: calc(${props => props.theme.spaceScale.spacing09} - 4px);\n\n &:focus {\n outline: 2px dotted ${props => props.theme.colors.focus};\n }\n\n &:before {\n background: ${props => props.theme.colors.neutral};\n content: '';\n height: 200%;\n left: 0;\n opacity: 0;\n position: absolute;\n top: -50%;\n transition: 0.2s;\n width: 200%;\n }\n\n &:hover {\n &:before {\n opacity: ${props => (props.disabled ? 0 : 0.1)};\n }\n }\n`;\n\nconst EmptyCell = styled.td`\n border: 0;\n padding: 0;\n`;\n\nconst TodayIndicator = styled.span`\n border-left: 8px solid ${props => props.theme.colors.pop};\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n bottom: -6px;\n display: block;\n height: 0;\n position: absolute;\n transform: rotate(45deg);\n right: -2px;\n width: 0;\n`;\n\nexport const CalendarDay: React.FunctionComponent<CalendarDayProps> = (\n props: CalendarDayProps\n) => {\n const dayRef = React.useRef<HTMLButtonElement>();\n const {\n dateFocused,\n focusedDate,\n chosenDate,\n maxDate,\n minDate,\n setDateFocused,\n onDateChange,\n } = React.useContext(CalendarContext);\n const [focused, setFocused] = React.useState<boolean>(false);\n const { day, dayFocusable } = props;\n\n React.useEffect(() => {\n if (dateFocused && isSameDay(props.day, focusedDate)) {\n dayRef.current.focus();\n setFocused(true);\n } else {\n if (focused) {\n setFocused(false);\n }\n }\n }, [focusedDate, dateFocused]);\n\n function onCalendarDayFocus() {\n setDateFocused(true);\n }\n\n function onDayClick(event: React.SyntheticEvent) {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onDateChange(day, event);\n }\n\n const disabled: boolean =\n (maxDate ? isAfter(props.day, maxDate) : false) ||\n (minDate ? isBefore(props.day, minDate) : false);\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n if (day) {\n const sameDateAsFocusedDate = isSameDay(day, focusedDate);\n const sameDateAsChosenDate = isSameDay(day, chosenDate);\n const sameDateAsToday = isSameDay(day, new Date());\n const locale = i18n.locale || enUS;\n const ariaLabel = `${\n disabled ? i18n.datePicker.disabledDayAriaLabel : ''\n } ${format(day, 'EEEE, MMMM do yyyy', locale)} ${\n sameDateAsToday ? i18n.datePicker.todayAriaLabel : ''\n } ${sameDateAsChosenDate ? i18n.datePicker.selectedDayAriaLabel : ''}`;\n\n return (\n <CalendarDayCell onFocus={onCalendarDayFocus} theme={theme}>\n <CalendarDayInner\n aria-disabled={disabled}\n aria-label={ariaLabel}\n disabled={disabled}\n isChosen={sameDateAsChosenDate}\n isFocused={dayFocusable && sameDateAsFocusedDate}\n onClick={onDayClick}\n ref={dayRef}\n tabIndex={sameDateAsFocusedDate ? 0 : -1}\n type=\"button\"\n theme={theme}\n >\n {format(day, 'd', locale)}\n </CalendarDayInner>\n {sameDateAsToday && (\n <TodayIndicator data-testid=\"todayIndicator\" theme={theme} />\n )}\n </CalendarDayCell>\n );\n } else {\n return <EmptyCell />;\n }\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from '../Button';\n\nimport { IconButton } from '../IconButton';\nimport { Heading } from '../Heading';\nimport { ArrowBackIcon, CloseIcon } from 'react-magma-icons';\nimport { TypographyVisualStyle } from '../Typography';\n\nimport { I18nContext } from '../../i18n';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\ninterface HelperInformationProps {\n isOpen?: boolean;\n onClose?: (event?: React.SyntheticEvent) => void;\n}\n\nconst List = styled.ul`\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: left;\n`;\n\nconst Item = styled.li`\n display: flex;\n list-style: none;\n margin-bottom: 12px;\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n align-items: center;\n span {\n flex: 0 0 100px;\n overflow: hidden;\n line-height: 28px;\n min-height: 36px;\n height: max-content;\n text-align: center;\n }\n div {\n flex: 1;\n }\n`;\n\nconst KeyboardShortcutButtonWrapper = styled.span`\n background: rgb(242, 242, 242);\n font-family: monospace;\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n margin-right: ${props => props.theme.spaceScale.spacing03};\n text-transform: uppercase;\n padding: ${props => props.theme.spaceScale.spacing02}\n ${props => props.theme.spaceScale.spacing04};\n`;\n\nconst StyledPopup = styled.div`\n position: relative;\n background: white;\n`;\n\nconst StyledNavContainer = styled.div`\n display: flex;\n justify-content: space-between;\n padding: 2px;\n`;\nconst StyledContent = styled.div`\n z-index: 9999;\n position: relative;\n background: white;\n h2 {\n margin: 10px 0 12px 0;\n }\n`;\n\nexport const HelperInformation: React.FunctionComponent<\n HelperInformationProps\n> = (props: HelperInformationProps) => {\n const i18n = React.useContext(I18nContext);\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledPopup>\n <StyledNavContainer>\n <IconButton\n icon={<ArrowBackIcon />}\n size={ButtonSize.small}\n style={{ top: '4px', left: '-12px' }}\n variant={ButtonVariant.link}\n onClick={props.onClose}\n >\n Back to Calendar\n </IconButton>\n <IconButton\n aria-label={i18n.datePicker.calendarCloseAriaLabel}\n color={ButtonColor.secondary}\n icon={<CloseIcon />}\n size={ButtonSize.medium}\n style={{ left: '16px' }}\n type={ButtonType.button}\n onClick={props.onClose}\n variant={ButtonVariant.link}\n />\n </StyledNavContainer>\n <StyledContent>\n <Heading level={2} visualStyle={TypographyVisualStyle.headingXSmall}>\n {i18n.datePicker.helpModal.header}\n </Heading>\n <List id=\"DayPickerKeyboardShortcuts_description\">\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n aria-label={i18n.datePicker.helpModal.enter.ariaLabel}\n role=\"img\"\n theme={theme}\n >\n ↵\n </KeyboardShortcutButtonWrapper>\n <div>{i18n.datePicker.helpModal.enter.explanation}</div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={\n i18n.datePicker.helpModal.rightAndLeftArrowKeys.ariaLabel\n }\n >\n ←/→\n </KeyboardShortcutButtonWrapper>\n <div>\n {i18n.datePicker.helpModal.rightAndLeftArrowKeys.explanation}\n </div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={\n i18n.datePicker.helpModal.upAndDownArrowKeys.ariaLabel\n }\n >\n ↑/↓\n </KeyboardShortcutButtonWrapper>\n <div>\n {i18n.datePicker.helpModal.upAndDownArrowKeys.explanation}\n </div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={\n i18n.datePicker.helpModal.pageUpAndPageDownKeys.ariaLabel\n }\n >\n {i18n.datePicker.helpModal.pageUpAndPageDownKeys.displayValue}\n </KeyboardShortcutButtonWrapper>\n <div>\n {i18n.datePicker.helpModal.pageUpAndPageDownKeys.explanation}\n </div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={i18n.datePicker.helpModal.homeAndEndKeys.ariaLabel}\n >\n {i18n.datePicker.helpModal.homeAndEndKeys.displayValue}\n </KeyboardShortcutButtonWrapper>\n <div>{i18n.datePicker.helpModal.homeAndEndKeys.explanation}</div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={i18n.datePicker.helpModal.escape.ariaLabel}\n >\n {i18n.datePicker.helpModal.escape.displayValue}\n </KeyboardShortcutButtonWrapper>\n <div>{i18n.datePicker.helpModal.escape.explanation}</div>\n </Item>\n <Item theme={theme}>\n <KeyboardShortcutButtonWrapper\n role=\"img\"\n theme={theme}\n aria-label={i18n.datePicker.helpModal.questionMark.ariaLabel}\n >\n ?\n </KeyboardShortcutButtonWrapper>\n <div>{i18n.datePicker.helpModal.questionMark.explanation}</div>\n </Item>\n </List>\n </StyledContent>\n </StyledPopup>\n );\n};\n","import * as React from 'react';\n\nexport interface FocusableElement extends HTMLElement {\n focus(options?: FocusOptions): void;\n}\n\nexport function useFocusLock(\n active: boolean,\n header?: React.MutableRefObject<FocusableElement>,\n body?: React.MutableRefObject<FocusableElement>\n): React.MutableRefObject<any> {\n const rootNode = React.useRef<HTMLElement>(null);\n const focusableItems = React.useRef<Array<HTMLElement>>([]);\n\n const updateFocusableItems = () => {\n focusableItems.current = rootNode.current?.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"]), video'\n ) as unknown as Array<HTMLElement>;\n };\n\n React.useEffect(() => {\n if (active) {\n updateFocusableItems();\n\n if (header && header.current) {\n header.current.focus();\n } else if (focusableItems.current && focusableItems.current.length > 0) {\n const { 0: firstItem } = focusableItems.current;\n\n firstItem.focus();\n } else if (body && body.current) {\n (body.current.firstChild as HTMLElement).setAttribute('tabIndex', '-1');\n (body.current.firstChild as HTMLElement).focus();\n }\n }\n }, [active]);\n\n React.useEffect(() => {\n const observer: MutationObserver = new MutationObserver(() => {\n updateFocusableItems();\n });\n\n updateFocusableItems();\n\n rootNode.current &&\n observer.observe(rootNode.current, { childList: true, subtree: true });\n return () => {\n observer.disconnect();\n };\n }, [rootNode]);\n\n React.useEffect(() => {\n const handleKeyPress = (event: KeyboardEvent) => {\n if (!focusableItems.current) return;\n\n const { key, shiftKey } = event;\n const {\n length,\n 0: firstItem,\n [length - 1]: lastItem,\n } = focusableItems.current;\n\n if (active && key === 'Tab') {\n // If no focusable items are\n if (length === 0) {\n event.preventDefault();\n return;\n }\n\n // If only one item then prevent tabbing when locked\n if (length === 1) {\n event.preventDefault();\n if (firstItem !== document.activeElement) {\n firstItem.focus();\n }\n\n return;\n }\n\n // If focused on last item then focus on first item when tab is pressed\n if (!shiftKey && document.activeElement === lastItem) {\n event.preventDefault();\n firstItem.focus();\n return;\n }\n\n // If focused on first item then focus on last item when shift + tab is pressed\n if (\n shiftKey &&\n (document.activeElement === firstItem ||\n document.activeElement === header.current)\n ) {\n event.preventDefault();\n lastItem.focus();\n return;\n }\n }\n };\n\n window.addEventListener('keydown', handleKeyPress);\n\n return () => {\n window.removeEventListener('keydown', handleKeyPress);\n };\n }, [active, focusableItems]);\n\n return rootNode;\n}\n","import * as React from 'react';\nimport { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { Tooltip } from '../Tooltip';\nimport { CloseIcon, KeyboardIcon } from 'react-magma-icons';\nimport { CalendarContext } from './CalendarContext';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CalendarDay } from './CalendarDay';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '../../theme/styled';\nimport { HelperInformation } from './HelperInformation';\nimport { usePrevious } from '../../utils';\nimport { I18nContext } from '../../i18n';\nimport { useFocusLock } from '../../hooks/useFocusLock';\n\ninterface CalendarMonthProps {\n calendarOpened?: boolean;\n focusOnOpen?: boolean;\n handleCloseButtonClick: (event: React.SyntheticEvent) => void;\n setDateFocused?: (value: boolean) => void;\n}\n\nconst CalendarContainer = styled.div`\n background: ${props => props.theme.colors.neutral08};\n padding: 0 ${props => props.theme.spaceScale.spacing05}\n ${props => props.theme.spaceScale.spacing03};\n overflow: visible;\n`;\n\nconst MonthContainer = styled.div`\n background: ${props => props.theme.colors.neutral08};\n text-align: center;\n user-select: none;\n vertical-align: top;\n`;\n\nconst Table = styled.table`\n border-collapse: collapse;\n border-spacing: 0;\n margin-bottom: ${props => props.theme.spaceScale.spacing03};\n`;\n\nconst Th = styled.th`\n border: 0;\n color: ${props => props.theme.colors.neutral};\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n font-weight: normal;\n padding: 0;\n text-align: center;\n`;\n\nconst HelperButton = styled.span<{ theme?: any }>`\n top: ${props => props.theme.spaceScale.spacing01};\n position: absolute;\n left: ${props => props.theme.spaceScale.spacing01};\n z-index: 2;\n`;\n\nconst CloseButton = styled.span<{ theme?: any }>`\n position: absolute;\n right: ${props => props.theme.spaceScale.spacing01};\n top: ${props => props.theme.spaceScale.spacing01};\n z-index: 1;\n`;\n\nexport const CalendarMonth: React.FunctionComponent<CalendarMonthProps> = (\n props: CalendarMonthProps\n) => {\n const lastFocus = React.useRef<any>();\n const headingRef = React.useRef<any>();\n const context = React.useContext(CalendarContext);\n const [dayFocusable, setDayFocusable] = React.useState<boolean>(false);\n const [focusHeader, setFocusHeader] = React.useState<boolean>(false);\n const prevCalendarOpened = usePrevious(props.calendarOpened);\n\n const focusTrapElement = useFocusLock(props.calendarOpened, headingRef);\n\n React.useEffect(() => {\n if (!prevCalendarOpened && props.calendarOpened) {\n lastFocus.current = document.activeElement;\n\n if (props.focusOnOpen) {\n setDayFocusable(true);\n context.setDateFocused(true);\n }\n }\n\n if (props.calendarOpened && !props.focusOnOpen && !focusHeader) {\n setFocusHeader(true);\n }\n\n if (prevCalendarOpened && !props.calendarOpened) {\n setFocusHeader(false);\n }\n }, [props.calendarOpened, props.focusOnOpen]);\n\n function onCalendarTableFocus() {\n setDayFocusable(true);\n }\n\n function onCalendarTableBlur() {\n setDayFocusable(false);\n context.setDateFocused(false);\n }\n\n function turnOffDateFocused() {\n context.setDateFocused(false);\n }\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const days = [\n 'sunday',\n 'monday',\n 'tuesday',\n 'wednesday',\n 'thursday',\n 'friday',\n 'saturday',\n ];\n const startOfWeek = days.indexOf(i18n.datePicker.startOfWeek);\n const sortedDays = days.slice(startOfWeek).concat(days.slice(0, startOfWeek));\n const tableDaysHeaders = sortedDays.map((day, index) => (\n <Th key={index} theme={theme}>\n {i18n.days.min[day]}\n </Th>\n ));\n\n return (\n <>\n <CalendarContainer\n data-testid=\"calendarMonthContainer\"\n tabIndex={-1}\n theme={theme}\n onKeyDown={context.onKeyDown}\n >\n {context.helperInformationShown ? (\n <HelperInformation\n isOpen={context.helperInformationShown}\n onClose={context.hideHelperInformation}\n />\n ) : (\n <MonthContainer\n data-testid=\"monthContainer\"\n data-visible=\"true\"\n theme={theme}\n ref={focusTrapElement}\n >\n <CalendarHeader ref={headingRef} focusHeader={focusHeader} />\n\n <Table\n role=\"presentation\"\n onBlur={onCalendarTableBlur}\n onFocus={onCalendarTableFocus}\n theme={theme}\n >\n <tbody>\n <tr>{tableDaysHeaders}</tr>\n {context\n .buildCalendarMonth(context.focusedDate)\n .map((week, i) => (\n <tr key={i}>\n {week.map((day, dayOfWeek) => (\n <CalendarDay\n key={dayOfWeek}\n day={day}\n dayFocusable={dayFocusable}\n onDateChange={context.onDateChange}\n />\n ))}\n </tr>\n ))}\n </tbody>\n </Table>\n <Tooltip\n content={'Keyboard instructions'}\n tooltipStyle={{ position: 'fixed' }}\n >\n <HelperButton theme={theme}>\n <IconButton\n aria-label={i18n.datePicker.helpModal.helpButtonAriaLabel}\n icon={<KeyboardIcon />}\n onClick={context.showHelperInformation}\n size={ButtonSize.small}\n onFocus={turnOffDateFocused}\n type={ButtonType.button}\n variant={ButtonVariant.link}\n />\n </HelperButton>\n </Tooltip>\n\n <CloseButton theme={theme}>\n <IconButton\n aria-label={i18n.datePicker.calendarCloseAriaLabel}\n color={ButtonColor.secondary}\n icon={<CloseIcon />}\n onClick={props.handleCloseButtonClick}\n size={ButtonSize.medium}\n type={ButtonType.button}\n variant={ButtonVariant.link}\n />\n </CloseButton>\n </MonthContainer>\n )}\n </CalendarContainer>\n </>\n );\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { InputIconPosition, InputSize } from '../InputBase';\nimport { InputMessage } from '../Input/InputMessage';\nimport { Label } from '../Label';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface FormFieldContainerProps\n extends FormFieldContainerBaseProps,\n React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface FormFieldContainerBaseProps {\n /**\n * Is the wrapped input hidden with display:none? This would make the input look like an actionable item, so FormFieldContainer uses a span in lieu of a label.\n */\n actionable?: boolean;\n /**\n * Style properties for the outer container\n */\n containerStyle?: React.CSSProperties;\n /**\n * Content of the error message. If a value is provided, the field will be styled as an error state and the error message will display.\n */\n errorMessage?: React.ReactNode;\n /**\n * ID of the form field. Also used in the descrption ID.\n */\n fieldId: string;\n /**\n * Content of the helper message.\n */\n helperMessage?: React.ReactNode;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isLabelVisuallyHidden?: boolean;\n /**\n * Style properties for the label element\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content for label; can be a node or a string\n */\n labelText?: React.ReactNode;\n /**\n * Style properties for the helper or error message\n */\n messageStyle?: React.CSSProperties;\n /**\n * Relative size of the component\n * @default InputSize.medium\n */\n iconPosition?: InputIconPosition;\n inputSize?: InputSize;\n testId?: string;\n isInverse?: boolean;\n}\n\nconst StyledFormFieldContainer = styled.div<{ isInverse?: boolean }>`\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n`;\n\nexport const FormFieldContainer = React.forwardRef<\n HTMLDivElement,\n FormFieldContainerProps\n>((props, ref) => {\n const {\n actionable = true,\n children,\n containerStyle,\n errorMessage,\n fieldId,\n helperMessage,\n iconPosition,\n inputSize,\n isInverse: isInverseProp,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n messageStyle,\n testId,\n ...rest\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n const descriptionId =\n errorMessage || helperMessage ? `${fieldId}__desc` : null;\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledFormFieldContainer\n {...rest}\n data-testid={props.testId}\n isInverse={isInverse}\n ref={ref}\n style={containerStyle}\n theme={theme}\n >\n {labelText && (\n <Label\n actionable={actionable}\n htmlFor={fieldId}\n iconPosition={iconPosition}\n size={inputSize}\n style={labelStyle}\n >\n {isLabelVisuallyHidden ? (\n <VisuallyHidden>{labelText}</VisuallyHidden>\n ) : (\n labelText\n )}\n </Label>\n )}\n {children}\n {(errorMessage || helperMessage) && (\n <InputMessage\n hasError={!!errorMessage}\n id={descriptionId}\n isInverse={isInverse}\n style={messageStyle}\n >\n {(errorMessage || helperMessage) && (\n <>{errorMessage ? errorMessage : helperMessage}</>\n )}\n </InputMessage>\n )}\n </StyledFormFieldContainer>\n </InverseContext.Provider>\n );\n});\n","import * as React from 'react';\nimport {\n FormFieldContainer,\n FormFieldContainerBaseProps,\n} from '../FormFieldContainer';\nimport { InputBase, InputBaseProps, InputSize } from '../InputBase';\nimport { useGenerateId } from '../../utils';\nimport { useIsInverse } from '../../inverse';\n\nexport interface InputProps\n extends Omit<FormFieldContainerBaseProps, 'fieldId'>,\n InputBaseProps {}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n (props, ref) => {\n const {\n children,\n containerStyle,\n errorMessage,\n helperMessage,\n iconPosition,\n id: defaultId,\n inputSize = InputSize.medium,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n messageStyle,\n ...other\n } = props;\n\n const id = useGenerateId(defaultId);\n\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <FormFieldContainer\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n helperMessage={helperMessage}\n iconPosition={iconPosition}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n isInverse={isInverse}\n inputSize={inputSize}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={messageStyle}\n >\n <InputBase\n {...other}\n aria-describedby={\n descriptionId ? descriptionId : props['aria-describedby']\n }\n aria-invalid={!!errorMessage}\n hasError={!!errorMessage}\n iconPosition={iconPosition}\n id={id}\n inputSize={inputSize}\n isInverse={isInverse}\n ref={ref}\n >\n {children}\n </InputBase>\n </FormFieldContainer>\n );\n }\n);\n","import * as React from 'react';\nimport { CalendarContext } from './CalendarContext';\nimport { CalendarMonth } from './CalendarMonth';\nimport { Announce } from '../Announce';\nimport { Input } from '../Input';\nimport { InputType } from '../InputBase';\nimport { isAfter, isBefore, isValid, isSameDay } from 'date-fns';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '../../theme/styled';\nimport { EventIcon } from 'react-magma-icons';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport {\n handleKeyPress,\n getCalendarMonthWeeks,\n getPrevMonthFromDate,\n getNextMonthFromDate,\n i18nFormat as format,\n getDateFromString,\n} from './utils';\nimport { omit, useGenerateId, Omit, useForkedRef } from '../../utils';\nimport { I18nContext } from '../../i18n';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\nexport interface DatePickerProps\n extends Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'value' | 'onChange'\n > {\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * Default selected date value\n */\n defaultDate?: Date;\n /**\n * Content of the error message. If a value is provided, the component will be styled to show an error state\n */\n errorMessage?: React.ReactNode;\n /**\n * Content of the helper message\n */\n helperMessage?: React.ReactNode;\n /**\n * Style properties for the input element\n */\n inputStyle?: React.CSSProperties;\n /**\n * Clear contents of input by clicking a clear button\n * @default false\n */\n isClearable?: boolean;\n isInverse?: boolean;\n /**\n * Style properties for the label element\n */\n labelStyle?: React.CSSProperties;\n /**\n * Text for label\n */\n labelText: React.ReactNode;\n /**\n * Maximum date allowed to be chosen in the calendar\n */\n maxDate?: Date;\n /**\n * Style properties for the helper or error message\n */\n messageStyle?: React.CSSProperties;\n /**\n * Minimum date allowed to be chosen in the calendar\n */\n minDate?: Date;\n /**\n * Text for input placeholder\n */\n placeholder?: string;\n /**\n * If true, this component must have a value\n * @default false\n */\n required?: boolean;\n testId?: string;\n /**\n * Value of the date input, used when setting the date value externally\n */\n value?: Date;\n /**\n * Event fired in multiple instances when internal values are changed and can be used as a generic state change event\n */\n onChange?: (\n value: string,\n event: React.ChangeEvent | React.SyntheticEvent\n ) => void;\n /**\n * Event that will fire when day is changed\n */\n onDateChange?: (day: Date, event: React.SyntheticEvent) => void;\n /**\n * Event that will fire when the text input loses focus\n */\n onInputBlur?: (event: React.FocusEvent) => void;\n /**\n * Event that will fire when the text input is changed\n */\n onInputChange?: (event: React.ChangeEvent) => void;\n /**\n * Event that will fire when the text input gains focus\n */\n onInputFocus?: (event: React.FocusEvent) => void;\n}\n\nconst DatePickerContainer = styled.div`\n position: relative;\n`;\n\nconst DatePickerCalendar = styled.div<{ opened: boolean }>`\n border: 1px solid ${props => props.theme.colors.neutral06};\n border-radius: ${props => props.theme.borderRadius};\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);\n display: ${props => (props.opened ? 'block' : 'none')};\n margin-top: -${props => props.theme.spaceScale.spacing07};\n opacity: ${props => (props.opened ? '1' : '0')};\n overflow: hidden;\n position: absolute;\n transition: opacity 0.2s ease-in-out 0s;\n width: 320px;\n z-index: ${props => (props.opened ? '998' : '-1')};\n`;\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n (props, forwardedRef) => {\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n const iconRef = React.useRef<HTMLButtonElement>();\n const inputRef = React.useRef<HTMLInputElement>();\n const lastFocus = React.useRef<any>();\n const id: string = useGenerateId(props.id);\n const [helperInformationShown, setHelperInformationShown] =\n React.useState<boolean>(false);\n const [calendarOpened, setCalendarOpened] = React.useState<boolean>(false);\n const [dateFocused, setDateFocused] = React.useState<boolean>(false);\n\n const [focusedDate, setFocusedDate] = React.useState<Date>(\n setDateFromConsumer(props.value || props.defaultDate) ||\n setDefaultFocusedDate()\n );\n const [chosenDate, setChosenDate] = React.useState<Date | null>(\n setDateFromConsumer(props.value || props.defaultDate)\n );\n\n const ref = useForkedRef(forwardedRef, inputRef);\n\n React.useEffect(() => {\n if (!calendarOpened) {\n setDateFocused(false);\n }\n }, [calendarOpened]);\n\n React.useEffect(() => {\n if (props.value) {\n setChosenDate(setDateFromConsumer(props.value));\n setFocusedDate(\n setDateFromConsumer(props.value) || setDefaultFocusedDate()\n );\n }\n }, [props.value]);\n\n function showHelperInformation() {\n lastFocus.current = document.activeElement;\n setHelperInformationShown(true);\n }\n\n function hideHelperInformation() {\n setHelperInformationShown(false);\n lastFocus.current.focus();\n }\n\n function setDateFromConsumer(date: Date): Date {\n const convertedDate = getDateFromString(date);\n const convertedMinDate = getDateFromString(props.minDate);\n const convertedMaxDate = getDateFromString(props.maxDate);\n\n return date &&\n inDateRange(convertedDate, convertedMinDate, convertedMaxDate)\n ? convertedDate\n : null;\n }\n\n function setDefaultFocusedDate(): Date {\n const newDate = new Date();\n const convertedMinDate = getDateFromString(props.minDate);\n const convertedMaxDate = getDateFromString(props.maxDate);\n\n if (inDateRange(newDate, convertedMinDate, convertedMaxDate)) {\n return newDate;\n } else if (convertedMaxDate || convertedMinDate) {\n return convertedMinDate ? convertedMinDate : convertedMaxDate;\n }\n }\n\n function inDateRange(\n date: Date,\n minDateValue?: Date,\n maxDateValue?: Date\n ): boolean {\n return (\n (maxDateValue\n ? isBefore(date, maxDateValue) || isSameDay(date, maxDateValue)\n : true) &&\n (minDateValue\n ? isAfter(date, minDateValue) || isSameDay(date, minDateValue)\n : true)\n );\n }\n\n function buildCalendarMonth(date: Date, enableOutsideDates: boolean) {\n const days = [\n 'sunday',\n 'monday',\n 'tuesday',\n 'wednesday',\n 'thursday',\n 'friday',\n 'saturday',\n ];\n const { startOfWeek } = i18n.datePicker;\n return getCalendarMonthWeeks(\n date,\n enableOutsideDates,\n days.indexOf(startOfWeek)\n );\n }\n\n function onPrevMonthClick() {\n setFocusedDate(getPrevMonthFromDate);\n }\n\n function onNextMonthClick() {\n setFocusedDate(getNextMonthFromDate);\n }\n\n function onDateChange(day: Date) {\n setChosenDate(day);\n setCalendarOpened(false);\n }\n\n function reset() {\n setFocusedDate(setDefaultFocusedDate());\n setChosenDate(null);\n setDateFocused(false);\n }\n\n function isValidDateFromString(value: string, day: Date) {\n const isValidDateFormat = /^\\d{1,2}\\/\\d{1,2}\\/\\d{4}$/.test(value);\n const isValidDate = isValid(day);\n\n return isValidDateFormat && isValidDate;\n }\n\n function handleInputChange(event) {\n const { value } = event.target;\n const day = new Date(value);\n setCalendarOpened(false);\n\n props.onInputChange &&\n typeof props.onInputChange === 'function' &&\n props.onInputChange(event);\n\n const isValidDay = isValidDateFromString(value, day);\n\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(isValidDay ? day.toISOString() : value, event);\n }\n\n function handleInputFocus(event: React.FocusEvent) {\n props.onInputFocus &&\n typeof props.onInputFocus === 'function' &&\n props.onInputFocus(event);\n }\n\n function handleInputBlur(event: React.FocusEvent) {\n const { value } = inputRef.current;\n const day = new Date(value);\n const convertedMinDate = getDateFromString(props.minDate);\n const convertedMaxDate = getDateFromString(props.maxDate);\n\n if (\n isValidDateFromString(value, day) &&\n inDateRange(day, convertedMinDate, convertedMaxDate)\n ) {\n handleDateChange(day, event);\n } else {\n reset && typeof reset === 'function' && reset();\n }\n\n props.onInputBlur &&\n typeof props.onInputBlur === 'function' &&\n props.onInputBlur(event);\n }\n\n function handleInputKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Escape') {\n event.preventDefault();\n setCalendarOpened(false);\n inputRef.current.focus();\n }\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (dateFocused && document.activeElement.closest('table')) {\n const newChosenDate = handleKeyPress(\n event,\n focusedDate,\n setCalendarOpened,\n showHelperInformation,\n onDateChange,\n iconRef\n );\n if (newChosenDate) {\n setFocusedDate(newChosenDate);\n }\n } else {\n if (event.key === 'Escape') {\n setCalendarOpened(false);\n iconRef.current.focus();\n }\n\n if (event.key === '?') {\n showHelperInformation();\n }\n }\n }\n\n function handleDateChange(\n day: Date,\n event: React.SyntheticEvent | React.ChangeEvent\n ) {\n props.onDateChange &&\n typeof props.onDateChange === 'function' &&\n props.onDateChange(day, event);\n\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(day.toISOString(), event);\n\n onDateChange(day);\n setFocusedDate(day);\n }\n\n function handleDaySelection(day: Date, event: React.SyntheticEvent) {\n handleDateChange(day, event);\n inputRef.current.focus();\n }\n\n function handleCalendarBlur(event: React.SyntheticEvent) {\n const { currentTarget } = event;\n\n // timeout needed for active element to update. Browser behavior.\n // https://bugzilla.mozilla.org/show_bug.cgi?id=452307\n setTimeout(() => {\n const isInCalendar = currentTarget.contains(document.activeElement);\n\n if (!isInCalendar && !helperInformationShown) {\n setCalendarOpened(false);\n }\n }, 0);\n }\n\n function handleCloseButtonClick(event: React.SyntheticEvent) {\n iconRef.current.focus();\n setCalendarOpened(false);\n }\n\n function toggleCalendarOpened() {\n setCalendarOpened(opened => !opened);\n }\n\n const { placeholder, testId, ...rest } = props;\n const other = omit(\n ['onDateChange', 'onInputChange', 'onInputBlur', 'onInputFocus'],\n rest\n );\n\n const isInverse = useIsInverse(props.isInverse);\n\n const minDate = getDateFromString(props.minDate);\n const maxDate = getDateFromString(props.maxDate);\n\n const dateFormat = i18n.dateFormat;\n\n const inputValue = chosenDate ? format(chosenDate, dateFormat) : '';\n\n return (\n <CalendarContext.Provider\n value={{\n chosenDate,\n focusedDate,\n dateFocused,\n maxDate,\n minDate,\n helperInformationShown,\n buildCalendarMonth,\n showHelperInformation,\n hideHelperInformation,\n onKeyDown: handleKeyDown,\n onPrevMonthClick,\n onNextMonthClick,\n onDateChange: handleDaySelection,\n setDateFocused,\n }}\n >\n <DatePickerContainer data-testid={testId} onBlur={handleCalendarBlur}>\n <Announce>\n {calendarOpened && (\n <VisuallyHidden>\n {i18n.datePicker.calendarOpenAnnounce}\n </VisuallyHidden>\n )}\n </Announce>\n <Input\n {...other}\n icon={<EventIcon />}\n iconAriaLabel={i18n.datePicker.calendarIconAriaLabel}\n iconRef={iconRef}\n onIconClick={toggleCalendarOpened}\n onIconKeyDown={handleInputKeyDown}\n id={id}\n isInverse={isInverse}\n ref={ref}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n onFocus={handleInputFocus}\n onKeyDown={handleInputKeyDown}\n placeholder={placeholder ? placeholder : dateFormat.toLowerCase()}\n type={InputType.text}\n value={inputValue}\n />\n <InverseContext.Provider value={{ isInverse: false }}>\n <DatePickerCalendar\n data-testid=\"calendarContainer\"\n opened={calendarOpened}\n theme={theme}\n >\n <CalendarMonth\n focusOnOpen={\n calendarOpened && Boolean(focusedDate) && Boolean(chosenDate)\n }\n handleCloseButtonClick={handleCloseButtonClick}\n calendarOpened={calendarOpened}\n setDateFocused={setDateFocused}\n />\n </DatePickerCalendar>\n </InverseContext.Provider>\n </DatePickerContainer>\n </CalendarContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { MenuItemStyles, IconWrapper } from './DropdownMenuItem';\nimport { DropdownContext } from './Dropdown';\nimport { IconProps } from 'react-magma-icons';\nimport { Omit, useForkedRef } from '../../utils';\n\nexport interface DropdownMenuNavItemProps\n extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {\n /**\n * Leading icon for the menu item\n */\n icon?: React.ReactElement<IconProps>;\n /**\n * The href value of the link\n */\n to: string;\n}\n\nconst StyledItem = styled.a<{\n disabled?: boolean;\n isFixedWidth?: boolean;\n isInactive?: boolean;\n}>`\n ${MenuItemStyles}\n text-decoration: none;\n`;\n\nexport const DropdownMenuNavItem = React.forwardRef<\n HTMLAnchorElement,\n DropdownMenuNavItemProps\n>((props, forwardedRef) => {\n const { children, icon, to, ...other } = props;\n\n const ownRef = React.useRef<HTMLDivElement>();\n const theme = React.useContext(ThemeContext);\n const context = React.useContext(DropdownContext);\n\n const ref = useForkedRef(forwardedRef, ownRef);\n\n React.useEffect(() => {\n context.registerDropdownMenuItem(context.itemRefArray, ownRef);\n }, []);\n\n return (\n <StyledItem\n {...other}\n href={to}\n isFixedWidth={context.isFixedWidth}\n ref={ref}\n role=\"menuitem\"\n tabIndex={-1}\n theme={theme}\n >\n {icon && <IconWrapper theme={theme}>{icon}</IconWrapper>}\n {children}\n </StyledItem>\n );\n});\n\nDropdownMenuNavItem.displayName = 'DropdownMenuNavItem';\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport enum FlexAlignContent {\n center = 'center',\n flexStart = 'flex-start',\n flexEnd = 'flex-end',\n spaceBetween = 'space-between',\n spaceAround = 'space-around',\n stretch = 'stretch', // default\n}\n\nexport enum FlexAlignItems {\n baseline = 'baseline',\n center = 'center',\n flexStart = 'flex-start',\n flexEnd = 'flex-end',\n stretch = 'stretch', // default\n}\n\nexport enum FlexBehavior {\n container = 'container',\n item = 'item',\n both = 'both',\n}\n\nexport enum FlexDirection {\n column = 'column',\n columnReverse = 'column-reverse',\n row = 'row', // default\n rowReverse = 'row-reverse',\n}\n\nexport enum FlexJustify {\n center = 'center',\n flexStart = 'flex-start', //default\n flexEnd = 'flex-end',\n spaceBetween = 'space-between',\n spaceAround = 'space-around',\n spaceEvenly = 'space-evenly',\n}\n\nexport enum FlexWrap {\n nowrap = 'nowrap',\n wrap = 'wrap', //default\n wrapReverse = 'wrap-reverse',\n}\n\n/**\n * @children required\n */\nexport interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Defines the align-content style property. It's applied for all screen sizes.\n * @default FlexAlignContent.stretch\n */\n alignContent?: FlexAlignContent;\n /**\n * Defines the align-items style property. It's applied for all screen sizes.\n * @default FlexAlignItems.stretch\n */\n alignItems?: FlexAlignItems;\n /**\n * Defines the flex behavior for the component. Options are container, item or both. You should be wrapping items with a container.\n */\n behavior: FlexBehavior;\n /**\n * Defines the flex-direction style property. It's applied for all screen sizes.\n * @default FlexDirection.row\n */\n direction?: FlexDirection;\n /**\n * If true, the component will have the flex item behavior. You should be wrapping items with a container.\n */\n justify?: FlexJustify;\n /**\n * Defines the space between the type item component. Spacing will be this number multiplied by 8px. It can only be used on a type container component.\n * @default 0\n */\n spacing?: number;\n testId?: string;\n /**\n * Defines the flex-wrap style property. It's applied for all screen sizes.\n * @default FlexWrap.wrap\n */\n wrap?: FlexWrap;\n /**\n * Defines the number of grids the component is going to use. It's applied for all the screen sizes with the lowest priority.\n * @default false\n */\n xs?: false | true | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n /**\n * Defines the number of grids the component is going to use. It's applied for the small breakpoint and wider screens.\n * @default false\n */\n sm?: false | true | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n /**\n * Defines the number of grids the component is going to use. It's applied for the medium breakpoint and wider screens.\n * @default false\n */\n md?: false | true | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n /**\n * Defines the number of grids the component is going to use. It's applied for the large breakpoint and wider screens.\n * @default false\n */\n lg?: false | true | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n /**\n * Defines the number of grids the component is going to use. It's applied for the extra-large breakpoint and wider screens.\n * @default false\n */\n xl?: false | true | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n}\n\nfunction getWidth(size) {\n return `${Math.round((size / 12) * 10e7) / 10e5}%`;\n}\n\nconst StyledFlex = styled.div<FlexProps>`\n ${props =>\n props.behavior !== FlexBehavior.item &&\n css`\n align-content: ${props.alignContent};\n align-items: ${props.alignItems};\n flex-direction: ${props.direction};\n display: flex;\n flex-wrap: ${props.wrap};\n justify-content: ${props.justify};\n margin: ${0 - props.spacing * 4}px;\n width: calc(100% + ${props.spacing * props.theme.spacingMultiplier}px);\n\n > div {\n padding: ${props.spacing * 4}px;\n }\n `};\n\n ${props =>\n props.behavior !== FlexBehavior.container &&\n css`\n flex-grow: ${props.xs === true ? '1' : '0'};\n flex-basis: ${props.xs === true ? '0' : getWidth(props.xs)};\n max-width: ${props.xs === true ? '100%' : getWidth(props.xs)};\n\n ${props.sm &&\n css`\n @media (min-width: ${props.theme.breakpoints.small}px) {\n flex-grow: ${props.sm === true ? '1' : '0'};\n flex-basis: ${props.sm === true ? '0' : getWidth(props.sm)};\n max-width: ${props.sm === true ? '100%' : getWidth(props.sm)};\n }\n `};\n\n ${props.md &&\n css`\n @media (min-width: ${props.theme.breakpoints.medium}px) {\n flex-grow: ${props.md === true ? '1' : '0'};\n flex-basis: ${props.md === true ? '0' : getWidth(props.md)};\n max-width: ${props.md === true ? '100%' : getWidth(props.md)};\n }\n `};\n\n ${props.lg &&\n css`\n @media (min-width: ${props.theme.breakpoints.large}px) {\n flex-grow: ${props.lg === true ? '1' : '0'};\n flex-basis: ${props.lg === true ? '0' : getWidth(props.lg)};\n max-width: ${props.lg === true ? '100%' : getWidth(props.lg)};\n }\n `};\n\n ${props.xl &&\n css`\n @media (min-width: ${props.theme.breakpoints.xl}px) {\n flex-grow: ${props.xl === true ? '1' : '0'};\n flex-basis: ${props.xl === true ? '0' : getWidth(props.xl)};\n max-width: ${props.xl === true ? '100%' : getWidth(props.xl)};\n }\n `};\n `};\n`;\n\nexport const Flex = React.forwardRef<HTMLDivElement, FlexProps>(\n (props, ref) => {\n const {\n children,\n alignContent = FlexAlignContent.stretch,\n alignItems = FlexAlignItems.stretch,\n direction = FlexDirection.row,\n justify = FlexJustify.flexStart,\n spacing = 0,\n testId,\n wrap = FlexWrap.wrap,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledFlex\n {...other}\n alignContent={alignContent}\n alignItems={alignItems}\n data-testid={testId}\n direction={direction}\n justify={justify}\n ref={ref}\n spacing={spacing}\n theme={theme}\n wrap={wrap}\n >\n {children}\n </StyledFlex>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { magma, ThemeInterface } from '../../theme/magma';\nimport { TypographyVisualStyle, TypographyComponent } from '../Typography';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface ListProps extends React.HTMLAttributes<HTMLDivElement> {\n description?: boolean;\n /**\n * Allows an ordered list to start at a determined value of a letter or number.\n */\n hasStart?: string;\n /**\n * For use with inline icons within list items.\n */\n icon?: React.ReactElement<any> | React.ReactElement<any>[];\n /**\n * Aligns the icon at the top, or center of each list item.\n */\n iconAlign?: IconAlignment;\n /**\n * Sizes the icon between small, medium, and large.\n * @default 'medium'\n *\n */\n iconSize?: IconSizes;\n isInverse?: boolean;\n /**\n * @default false\n */\n isOrdered?: boolean;\n /**\n * If list is ordered, then this allows the list to reverse the content.\n * @default false\n */\n isReversed?: boolean;\n /**\n * Options for list type bullet formatting.\n */\n listType?: ulListType | olListType;\n /**\n * Adds a bottom margin to each list item with the Magma space scale.\n */\n spacingStyle?: keyof typeof magma.spaceScale;\n testId?: string;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n /**\n * Applies visual styles including font-size, font-weight, line-height and margins\n * @default TypographyVisualStyle.bodyMedium\n */\n\n visualStyle?: TypographyVisualStyle;\n}\n\nexport enum IconSizes {\n small = 'small',\n medium = 'medium',\n large = 'large',\n}\n\nexport enum IconAlignment {\n center = 'center',\n top = 'top',\n}\n\nexport enum ulListType {\n circle = 'circle',\n disc = 'disc',\n square = 'square',\n}\n\nexport enum olListType {\n lowercase = 'a',\n uppercase = 'A',\n lowercaseRoman = 'i',\n uppercaseRoman = 'I',\n numbers = '1',\n}\n\nexport function getIconSizes(props) {\n switch (props.iconSize) {\n case IconSizes.small:\n return props.theme.iconSizes.small;\n case IconSizes.large:\n return props.theme.iconSizes.large;\n default:\n return props.theme.iconSizes.medium;\n }\n}\n\nexport function getListAlignment(props) {\n switch (props.iconAlign) {\n case IconAlignment.center:\n return `center`;\n case IconAlignment.top:\n return `flex-start`;\n default:\n return `center`;\n }\n}\n\nexport function getListDisplay(props) {\n if (props.icon) {\n return 'grid';\n }\n return 'list-item';\n}\n\nconst ListStyles = props => css`\n margin: 0;\n padding: 0;\n list-style-type: ${props.listType};\n color: ${props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n li {\n align-items: ${getListAlignment(props)};\n margin-bottom: ${props.spacingStyle};\n grid-template-areas: 'a b';\n grid-template-columns: auto 1fr;\n }\n span {\n margin: ${props.iconSize === 'small'\n ? '0 16px 0 0'\n : props.iconSize === 'large'\n ? '0 26px 0 0'\n : '0 18px 0 0'};\n }\n p {\n font-size: 0.8em;\n font-weight: 400;\n margin-bottom: 8px;\n margin-left: 0;\n grid-template: 'b';\n grid-column-start: 2;\n }\n svg {\n height: ${getIconSizes(props)}px;\n width: ${getIconSizes(props)}px;\n }\n`;\n\nconst StyledList = styled(TypographyComponent)`\n ${ListStyles};\n`;\n\nexport const List = React.forwardRef<HTMLDivElement, ListProps>(\n (props, ref) => {\n const {\n children,\n color,\n description,\n testId,\n hasStart,\n icon,\n iconAlign,\n iconSize,\n isInverse: isInverseProp,\n isOrdered,\n isReversed,\n listType,\n spacingStyle,\n visualStyle,\n ...rest\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledList\n as={isOrdered ? 'ol' : 'ul'}\n data-testid={props.testId}\n description={description}\n icon={icon}\n iconAlign={iconAlign}\n iconSize={iconSize}\n isInverse={isInverse}\n type={listType ? listType : 'inherit'}\n reversed={isReversed}\n ref={ref}\n spacingStyle={magma.spaceScale[spacingStyle] || spacingStyle}\n start={hasStart}\n theme={theme}\n visualStyle={\n visualStyle ? visualStyle : TypographyVisualStyle.bodyMedium\n }\n {...rest}\n >\n {children}\n </StyledList>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport { useIsInverse } from '../../inverse';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport {\n TypographyVisualStyle,\n TypographyColor,\n TypographyContextVariant,\n TypographyComponent,\n} from '../Typography';\n\n/**\n * @children required\n */\nexport interface ParagraphProps\n extends React.HTMLAttributes<HTMLParagraphElement> {\n /**\n * The color of the component, helping to convey meaning or relative emphasis\n * @default TypographyColor.default\n */\n color?: TypographyColor;\n /**\n * Additional styles for typography based on the context of the content\n * @default TypographyContextVariant.default\n */\n contextVariant?: TypographyContextVariant;\n isInverse?: boolean;\n /**\n * If true, the component will not have the default top and bottom margin and instead will a margin value of 0\n * @default false\n */\n noMargins?: boolean;\n testId?: string;\n /**\n * @internal\n */\n theme?: any;\n /**\n * Applies visual styles including font-size, font-weight, line-height and margins\n * @default TypographyVisualStyle.bodyMedium\n */\n visualStyle?: TypographyVisualStyle;\n}\n\nexport const Paragraph = React.forwardRef<HTMLParagraphElement, ParagraphProps>(\n (props, ref) => {\n const { color, testId, visualStyle, children, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n return (\n <TypographyComponent\n {...other}\n color={color || TypographyColor.default}\n data-testid={testId}\n isInverse={useIsInverse(props.isInverse)}\n ref={ref}\n theme={theme}\n visualStyle={visualStyle || TypographyVisualStyle.bodyMedium}\n >\n {children}\n </TypographyComponent>\n );\n }\n);\n","import * as React from 'react';\nimport { Alert } from '../Alert';\nimport { AlertVariant } from '../AlertBase';\nimport { Heading } from '../Heading';\nimport { Paragraph } from '../Paragraph';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { InverseContext, useIsInverse } from '../../inverse';\nimport styled from '@emotion/styled';\nimport { TypographyContextVariant, TypographyVisualStyle } from '../Typography';\n\n/**\n * @children required\n */\nexport interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {\n /**\n * React Node containing the form action buttons; will appear under the form fields\n */\n actions: React.ReactNode;\n /**\n * General description of the form\n */\n description?: string;\n /**\n * Additional form level validation message\n */\n errorMessage?: string;\n /**\n * Title of the form\n */\n header: string;\n /**\n * Additional styles to the form heading for typography based on the context of the content\n * @default TypographyColor.default\n */\n headingContextVariant?: TypographyContextVariant;\n /**\n * Number to indicate which level heading will render for the form header (e.g. h1, h2 etc.)\n * @default 3\n */\n headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n /**\n * Applies visual styles to the form heading including font-size, font-weight, line-height and margins\n */\n headingVisualStyle?: TypographyVisualStyle;\n isInverse?: boolean;\n /**\n * Handler for form submission\n */\n testId?: string;\n}\n\nconst StyledForm = styled.form<{ isInverse?: boolean; theme: ThemeInterface }>`\n background: ${props =>\n props.isInverse\n ? props.theme.colors.foundation\n : props.theme.colors.neutral08};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n`;\n\nconst FormActions = styled.div`\n display: flex;\n justify-content: flex-end;\n`;\n\nexport const Form = React.forwardRef<HTMLFormElement, FormProps>(\n (props, ref) => {\n const {\n actions,\n children,\n header,\n headingContextVariant,\n headingLevel = 3,\n headingVisualStyle,\n description,\n errorMessage,\n testId,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <InverseContext.Provider\n value={{\n isInverse,\n }}\n >\n <StyledForm\n ref={ref}\n data-testid={testId}\n isInverse={isInverse}\n theme={theme}\n {...other}\n >\n <Heading\n contextVariant={headingContextVariant}\n level={headingLevel}\n visualStyle={headingVisualStyle}\n >\n {header}\n </Heading>\n {description && <Paragraph>{description}</Paragraph>}\n {errorMessage && (\n <Alert variant={AlertVariant.danger}>{errorMessage}</Alert>\n )}\n <div>{children}</div>\n <FormActions>{actions}</FormActions>\n </StyledForm>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport { css } from '@emotion/core';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { convertStyleValueToString, useGenerateId } from '../../utils';\nimport { useIsInverse } from '../../inverse';\nimport { VisuallyHidden } from '../VisuallyHidden';\n\nexport interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The color variant of the progress bar\n * @default ProgressBarColor.primary\n */\n color?: ProgressBarColor;\n /**\n * The height of the progress bar. Can be a string or number; if number is provided height is in px\n * @default 8\n */\n height?: number | string;\n /**\n * If true, the progress bar with have a shimmer animation\n * @default false\n */\n isAnimated?: boolean;\n isInverse?: boolean;\n /**\n * @internal\n */\n isLoadingIndicator?: boolean;\n /**\n * If true, the label with the percentage value will display to the right of the progress bar\n * @default false\n */\n isLabelVisible?: boolean;\n /**\n * The percentage of which the bar is filled\n * @default 0\n */\n percentage?: number;\n testId?: string;\n}\n\nexport enum ProgressBarColor {\n danger = 'danger',\n primary = 'primary', // default\n pop = 'pop',\n pop02 = 'pop02',\n success = 'success',\n}\n\nfunction buildProgressBarBackground(props) {\n if (props.isInverse) {\n switch (props.color) {\n case 'danger':\n return props.theme.colors.dangerInverse;\n case 'success':\n return props.theme.colors.successInverse;\n default:\n return props.theme.colors.primaryInverse;\n }\n }\n switch (props.color) {\n case 'danger':\n return props.theme.colors.danger;\n case 'pop':\n return props.theme.colors.pop;\n case 'pop02':\n return props.theme.colors.pop02;\n case 'success':\n return props.theme.colors.success;\n default:\n return props.theme.colors.primary;\n }\n}\n\nconst Container = styled.div<{ isLoadingIndicator?: boolean }>`\n align-items: center;\n display: ${props => (props.isLoadingIndicator ? 'block' : 'flex')};\n`;\n\nconst Track = styled.div<ProgressBarProps>`\n background: ${props =>\n props.isInverse ? 'rgba(0,0,0,0.25)' : props.theme.colors.neutral08};\n box-shadow: inset 0 0 0 1px\n ${props =>\n props.isInverse\n ? `${props.theme.colors.neutral08}80`\n : props.theme.colors.neutral04};\n border-radius: 50em;\n overflow: hidden;\n display: flex;\n height: ${props => props.height};\n /* padding: 1px; */\n width: 100%;\n`;\n\nconst Bar = styled.div<ProgressBarProps>`\n background: ${props => buildProgressBarBackground(props)};\n border-radius: 50em;\n display: flex;\n transition: width 0.3s;\n width: ${props => props.percentage}%;\n\n ${props =>\n props.isAnimated &&\n css`\n background-image: linear-gradient(\n to right,\n ${buildProgressBarBackground(props)} 0%,\n rgba(255, 255, 255, 0.5) 20%,\n ${buildProgressBarBackground(props)} 40%,\n ${buildProgressBarBackground(props)} 100%\n );\n background-repeat: no-repeat;\n background-size: 1800px 104px;\n display: inline-block;\n position: relative;\n\n animation-duration: 1s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeholderShimmer;\n animation-timing-function: linear;\n\n @keyframes placeholderShimmer {\n 0% {\n background-position: -600px 0;\n }\n\n 100% {\n background-position: 600px 0;\n }\n }\n `}\n`;\n\nconst Percentage = styled.span`\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n margin-left: ${props => props.theme.spaceScale.spacing03};\n`;\n\nconst TopPercentage = styled.div`\n font-size: ${props => props.theme.typeScale.size05.fontSize};\n line-height: ${props => props.theme.typeScale.size05.lineHeight};\n margin-bottom: ${props => props.theme.spaceScale.spacing03};\n text-align: center;\n`;\n\nexport const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n (props, ref) => {\n const {\n color,\n height,\n id: defaultId,\n isAnimated,\n isLabelVisible,\n isLoadingIndicator,\n percentage,\n testId,\n ...other\n } = props;\n\n const id = useGenerateId(defaultId);\n const labelId = `${id}__label`;\n\n const percentageValue = percentage ? percentage : 0;\n\n const theme = React.useContext(ThemeContext);\n\n const heightString = convertStyleValueToString(\n height,\n theme.spaceScale.spacing03\n );\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <Container\n {...other}\n id={defaultId}\n isLoadingIndicator={isLoadingIndicator}\n >\n {isLoadingIndicator && (\n <TopPercentage theme={theme}>{percentageValue}%</TopPercentage>\n )}\n <Track\n data-testid={testId}\n height={heightString}\n isInverse={isInverse}\n ref={ref}\n theme={theme}\n >\n <Bar\n aria-labelledby={labelId}\n aria-valuenow={percentageValue}\n aria-valuemin={0}\n aria-valuemax={100}\n color={color}\n isAnimated={isAnimated}\n isInverse={isInverse}\n percentage={percentageValue}\n role=\"progressbar\"\n theme={theme}\n />\n </Track>\n {isLabelVisible ? (\n <Percentage id={labelId} theme={theme}>\n {percentageValue}%\n </Percentage>\n ) : (\n <VisuallyHidden id={labelId}>{percentageValue}%</VisuallyHidden>\n )}\n </Container>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { getListDisplay, ListProps } from './';\nimport { magma } from '../../theme/magma';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface ListItemProps\n extends ListProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * Option for changing icon background with all Magma colors.\n */\n iconBackground?: keyof typeof magma.colors;\n /**\n * Option for changing icon color with all Magma colors.\n */\n iconColor?: keyof typeof magma.colors;\n}\n\nconst ListItemStyles = props => css`\n display: ${getListDisplay(props)};\n margin: 0;\n padding: 0;\n margin-left: ${props.icon ? 'inherit' : '1.1em'};\n color: ${props.description && !props.isInverse\n ? props.theme.colors.neutral03\n : 'inherit'};\n list-style-type: ${props.icon || props.description ? 'none' : 'inherit'};\n`;\n\nconst IconStyles = props => css`\n background: ${props.iconBackground};\n color: ${props.iconColor};\n border-radius: 50%;\n display: inline-flex;\n padding: 10px;\n`;\n\nconst StyledListItem = styled.li`\n ${ListItemStyles};\n`;\n\nconst StyledIcon = styled.span`\n ${IconStyles};\n`;\n\nexport const ListItem = React.forwardRef<HTMLDivElement, ListItemProps>(\n (props, ref) => {\n const {\n children,\n description,\n icon,\n iconAlign,\n iconBackground,\n iconColor,\n testId,\n isInverse: isInverseProp,\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledListItem\n as={description ? 'p' : 'li'}\n description={description}\n icon={icon}\n iconAlign={iconAlign}\n isInverse={isInverse}\n theme={theme}\n testId={testId}\n >\n {icon && (\n <StyledIcon\n iconBackground={\n magma.colors[iconBackground] || magma.colors.primary\n }\n iconColor={magma.colors[iconColor] || magma.colors.neutral08}\n theme={theme}\n >\n {icon}\n </StyledIcon>\n )}\n {children}\n </StyledListItem>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport { ProgressBar, ProgressBarColor } from '../ProgressBar';\nimport { Spinner } from '../Spinner';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { I18nContext } from '../../i18n';\n\nexport interface LoadingIndicatorProps\n extends React.HTMLAttributes<HTMLDivElement | HTMLSpanElement> {\n /**\n * @internal\n */\n css?: any; // Adding css prop to fix emotion error\n /**\n * Message displayed for the first five seconds\n * @default \"Loading...\"\n */\n message1?: string;\n /**\n * Message displayed for the first five seconds\n * @default \"Thank you for your patience. Still loading...\"\n */\n message2?: string;\n /**\n * Message displayed after 15 seconds\n * @default \"Sorry for the delay. This is taking longer than expected.\"\n */\n message3?: string;\n /**\n * Message displayed for the first five seconds\n * @default 0\n */\n percentage?: number;\n testId?: string;\n /**\n * Type of loading indictor to display, can be progress bar or spinner\n * @default LoadingIndicatorType.spinner\n */\n type?: LoadingIndicatorType;\n}\n\nexport enum LoadingIndicatorType {\n progressbar = 'progressbar',\n spinner = 'spinner', // default\n}\n\nexport interface LoadingIndicatorState {\n messageLevel: number;\n}\n\nconst StyledLoadingIndicator = styled.div`\n text-align: center;\n`;\n\nconst MessageContainer = styled.div<{ theme: ThemeInterface }>`\n font-size: ${props => props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props => props.theme.typeScale.size02.letterSpacing};\n line-height: ${props => props.theme.typeScale.size02.lineHeight};\n margin-top: ${props => props.theme.spaceScale.spacing05};\n min-height: 5em;\n position: relative;\n text-align: center;\n`;\n\nconst Message = styled.div<{ hide?: boolean }>`\n opacity: ${props => (props.hide ? '0' : '1')};\n position: absolute;\n transition: opacity 0.3s;\n width: 100%;\n`;\n\nexport const LoadingIndicator = React.forwardRef<\n HTMLDivElement,\n LoadingIndicatorProps\n>((props, ref) => {\n const [messageLevel, setMessageLevel] = React.useState<1 | 2 | 3>(1);\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n React.useEffect(() => {\n const { type: loadingIndicatorType } = props;\n const messageLevel2Timeout = setTimeout(\n () => {\n setMessageLevel(2);\n },\n loadingIndicatorType === LoadingIndicatorType.progressbar ? 10000 : 5000\n );\n\n const messageLevel3Timeout = setTimeout(\n () => {\n setMessageLevel(3);\n },\n loadingIndicatorType === LoadingIndicatorType.progressbar ? 30000 : 15000\n );\n\n return () => {\n clearTimeout(messageLevel2Timeout);\n clearTimeout(messageLevel3Timeout);\n };\n }, []);\n\n const { color, testId, type, ...other } = props;\n let { message1, message2, message3 } = props;\n\n message1 = message1\n ? message1\n : type === LoadingIndicatorType.progressbar\n ? i18n.loadingIndicator.progressBar.messages.first\n : i18n.loadingIndicator.spinner.messages.first;\n\n message2 = message2\n ? message2\n : type === LoadingIndicatorType.progressbar\n ? i18n.loadingIndicator.progressBar.messages.second\n : i18n.loadingIndicator.spinner.messages.second;\n\n message3 = message3\n ? message3\n : type === LoadingIndicatorType.progressbar\n ? i18n.loadingIndicator.progressBar.messages.third\n : i18n.loadingIndicator.spinner.messages.third;\n\n return (\n <StyledLoadingIndicator aria-busy=\"true\" data-testid={testId} ref={ref}>\n {type === LoadingIndicatorType.progressbar ? (\n <ProgressBar\n {...other}\n color={color as ProgressBarColor}\n height={theme.spaceScale.spacing03}\n isAnimated\n isLoadingIndicator\n />\n ) : (\n <Spinner {...other} size={theme.spaceScale.spacing10} />\n )}\n\n <MessageContainer theme={theme}>\n <Message aria-hidden={messageLevel !== 1} hide={messageLevel !== 1}>\n {message1}\n </Message>\n <Message aria-hidden={messageLevel !== 2} hide={messageLevel !== 2}>\n {message2}\n </Message>\n <Message aria-hidden={messageLevel !== 3} hide={messageLevel !== 3}>\n {message3}\n </Message>\n </MessageContainer>\n </StyledLoadingIndicator>\n );\n});\n","import styled from '../../theme/styled';\n\nimport { inputBaseStyles } from '../InputBase';\nimport { Card } from '../Card';\n\nexport const SelectContainer = styled.div`\n position: relative;\n`;\n\nexport const StyledButton = styled.div`\n ${inputBaseStyles}\n align-items: center;\n display: flex;\n text-align: left;\n`;\n\nexport const SelectText = styled.span`\n flex-grow: 1;\n padding: 0 8px 0 4px;\n`;\n\nexport const StyledCard = styled(Card)<{\n isOpen?: boolean;\n}>`\n display: ${props => (props.isOpen ? 'block' : 'none')};\n left: 4px;\n margin-top: 4px;\n padding: 4px 0 0;\n position: absolute;\n right: 4px;\n top: auto;\n z-index: 2;\n`;\n\nexport const StyledList = styled('ul')<{ isOpen?: boolean; maxHeight: string }>`\n display: ${props => (props.isOpen ? 'block' : 'none')};\n list-style: none;\n margin: 0 0 4px;\n outline: none;\n padding: 0;\n max-height: ${props => props.maxHeight};\n overflow-y: auto;\n`;\n\nexport const StyledItem = styled('li')<{ isFocused?: boolean }>`\n align-self: center;\n background: ${props =>\n props.isFocused ? props.theme.colors.neutral06 : 'transparent'};\n border: 2px dotted;\n border-color: ${props =>\n props.isFocused ? props.theme.colors.focus : 'transparent'};\n cursor: default;\n line-height: 24px;\n margin: 0;\n padding: 8px 16px;\n`;\n\nexport const SelectedItemsWrapper = styled.span`\n display: flex;\n flex-grow: 1;\n flex-wrap: wrap;\n padding: 0 0 0 4px;\n`;\n\nexport const SelectedItemButton = styled.button`\n align-self: center;\n background: ${props => props.theme.colors.neutral06};\n border-radius: 4px;\n border: 0;\n box-shadow: 0 0 0;\n display: flex;\n font-size: 12px;\n line-height: 16px;\n height: 24px;\n margin: 4px 2px 4px 4px;\n padding: ${props => props.theme.spaceScale.spacing02}\n ${props => props.theme.spaceScale.spacing02}\n ${props => props.theme.spaceScale.spacing02}\n ${props => props.theme.spaceScale.spacing03};\n position: relative;\n white-space: nowrap;\n`;\n\nexport const IconWrapper = styled.span`\n padding-left: 12px;\n`;\n","import * as React from 'react';\nimport { IconButton, IconButtonProps } from '../IconButton';\nimport { Spinner, SpinnerProps } from '../Spinner';\nimport { IconProps, ArrowDropDownIcon } from 'react-magma-icons';\nimport { StyledItem } from './shared';\nimport { ThemeInterface } from '../../theme/magma';\n\nexport type ItemRenderOptions<T> = {\n key: string;\n isFocused?: boolean;\n item: T;\n itemRef: React.Ref<HTMLLIElement>;\n itemString: string;\n theme: ThemeInterface;\n [key: string]: any;\n};\n\nexport type SelectComponents<T> = {\n ClearIndicator?: React.FunctionComponent<IconButtonProps>;\n DropdownIndicator?: React.FunctionComponent<Partial<IconProps>>;\n LoadingIndicator?: React.FunctionComponent<SpinnerProps>;\n Item?: React.FunctionComponent<ItemRenderOptions<T>>;\n};\n\nexport const DefaultClearIndicator = props => {\n return <IconButton testId=\"clearIndicator\" {...props} />;\n};\n\nexport const DefaultDropdownIndicator = props => {\n return (\n <ArrowDropDownIcon\n size={24}\n style={{ flexShrink: 0 }}\n testId=\"caretDown\"\n {...props}\n />\n );\n};\n\nexport const DefaultLoadingIndicator = props => {\n return <Spinner testId=\"loadingIndicator\" {...props} />;\n};\n\nexport function DefaultItem<T>({\n itemRef,\n itemString,\n ...props\n}: ItemRenderOptions<T>) {\n return (\n <StyledItem {...props} ref={itemRef}>\n {itemString}\n </StyledItem>\n );\n}\n\nexport function defaultComponents<T>(props: SelectComponents<T>) {\n return {\n ClearIndicator: DefaultClearIndicator,\n DropdownIndicator: DefaultDropdownIndicator,\n LoadingIndicator: DefaultLoadingIndicator,\n Item: DefaultItem,\n ...props,\n };\n}\n","import React from 'react';\nimport {\n inputBaseStyles,\n inputWrapperStyles,\n InputBaseStylesProps,\n InputWrapperStylesProps,\n} from '../InputBase';\nimport { defaultComponents, SelectComponents } from '../Select/components';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '../../theme/styled';\n\nconst StyledButton = styled.div<InputBaseStylesProps & InputWrapperStylesProps>`\n ${inputBaseStyles}\n ${inputWrapperStyles}\n\n align-items: center;\n display: flex;\n height: auto;\n min-height: ${props => props.theme.spaceScale.spacing09};\n padding: 0 ${props => props.theme.spaceScale.spacing03} 0\n ${props => props.theme.spaceScale.spacing02};\n text-align: left;\n`;\n\nconst ChildrenContainer = styled.div`\n align-items: center;\n display: flex;\n flex-grow: 1;\n flex-wrap: wrap;\n`;\n\ninterface SelectTriggerButtonInterface<T> {\n ariaDescribedBy?: string;\n children: React.ReactNode | React.ReactNode[];\n customComponents?: SelectComponents<T>;\n hasError?: boolean;\n disabled?: boolean;\n isInverse?: boolean;\n style?: React.CSSProperties;\n toggleButtonProps: any;\n tabindex?: number;\n}\n\nexport function SelectTriggerButton<T>(props: SelectTriggerButtonInterface<T>) {\n const {\n ariaDescribedBy,\n children,\n customComponents,\n hasError,\n disabled,\n isInverse,\n style: passedInStyle,\n toggleButtonProps,\n } = props;\n const theme = React.useContext(ThemeContext);\n\n const { DropdownIndicator } = defaultComponents<T>({\n ...customComponents,\n });\n\n const style = { ...passedInStyle, cursor: 'default' };\n\n return (\n <StyledButton\n {...toggleButtonProps}\n aria-describedby={ariaDescribedBy}\n data-testid=\"selectTriggerButton\"\n hasError={hasError}\n disabled={disabled}\n isInverse={isInverse}\n role=\"button\"\n style={style}\n theme={theme}\n tabIndex={disabled ? undefined : 0}\n >\n <ChildrenContainer>{children}</ChildrenContainer>\n <DropdownIndicator />\n </StyledButton>\n );\n}\n","export enum TabsOrientation {\n horizontal = 'horizontal',\n vertical = 'vertical',\n}\n","import * as React from 'react';\nimport styled from '../../theme/styled';\n\nimport { inputBaseStyles } from '../InputBase';\nimport {\n FormFieldContainer,\n FormFieldContainerBaseProps,\n} from '../FormFieldContainer';\nimport { SelectTriggerButton } from '../Select/SelectTriggerButton';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useIsInverse } from '../../inverse';\nimport { useGenerateId } from '../../utils';\n\n/**\n * @children required\n */\nexport interface NativeSelectProps\n extends Omit<FormFieldContainerBaseProps, 'inputSize'>,\n React.SelectHTMLAttributes<HTMLSelectElement> {\n testId?: string;\n optionLabel?: string;\n}\nconst StyledNativeSelect = styled.select`\n ${inputBaseStyles};\n background: inherit;\n`;\n\nexport const NativeSelect = React.forwardRef<HTMLDivElement, NativeSelectProps>(\n (props, ref) => {\n const {\n children,\n containerStyle,\n disabled,\n errorMessage,\n id: defaultId,\n helperMessage,\n isInverse: isInverseProp,\n labelStyle,\n labelText,\n messageStyle,\n testId,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n const id = useGenerateId(defaultId);\n\n return (\n <FormFieldContainer\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n labelStyle={labelStyle}\n labelText={labelText}\n isInverse={isInverse}\n helperMessage={helperMessage}\n messageStyle={messageStyle}\n ref={ref}\n >\n <SelectTriggerButton\n disabled={disabled}\n hasError={!!errorMessage}\n isInverse={isInverse}\n toggleButtonProps={''}\n >\n <StyledNativeSelect\n {...other}\n data-testid={testId}\n disabled={disabled}\n id={id}\n isInverse={isInverse}\n theme={theme}\n >\n {children}\n </StyledNativeSelect>\n </SelectTriggerButton>\n </FormFieldContainer>\n );\n }\n);\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { useIsInverse } from '../../inverse';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\n\ninterface TabsContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The index of the current active tab. You can use this for managing state of the tabs component by your custom logic.\n */\n activeIndex?: number;\n isInverse?: boolean;\n testId?: string;\n}\n\ninterface TabsContainerContextInterface {\n activeTabIndex: number;\n isInverseContainer: boolean;\n setActiveTabIndex: React.Dispatch<React.SetStateAction<number>>;\n}\n\nexport const TabsContainerContext = React.createContext<TabsContainerContextInterface>(\n {\n activeTabIndex: 0,\n isInverseContainer: false,\n setActiveTabIndex: () => 0,\n }\n);\n\nconst StyledTabsContainer = styled.div<{\n isInverse?: boolean;\n theme: ThemeInterface;\n}>`\n background: ${props =>\n props.isInverse ? props.theme.colors.foundation02 : 'none'};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n display: flex;\n flex-wrap: wrap;\n position: relative;\n`;\n\nexport const TabsContainer = React.forwardRef<\n HTMLDivElement,\n TabsContainerProps\n>((props, ref) => {\n const { activeIndex, children, testId } = props;\n\n React.useEffect(() => {\n if (activeIndex >= 0) {\n setActiveTabIndex(activeIndex);\n }\n }, [activeIndex]);\n\n const [activeTabIndex, setActiveTabIndex] = React.useState(activeIndex || 0);\n\n const isInverse = useIsInverse(props.isInverse);\n\n React.useEffect(() => {\n setIsInverseContainer(isInverse);\n }, [props.isInverse]);\n\n const [isInverseContainer, setIsInverseContainer] = React.useState(\n Boolean(props.isInverse)\n );\n\n const theme = React.useContext(ThemeContext);\n\n return (\n <TabsContainerContext.Provider\n value={{\n activeTabIndex,\n setActiveTabIndex,\n isInverseContainer,\n }}\n >\n <StyledTabsContainer\n ref={ref}\n data-testid={testId}\n theme={theme}\n {...props}\n >\n {children}\n </StyledTabsContainer>\n </TabsContainerContext.Provider>\n );\n});\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/core';\nimport { transparentize } from 'polished';\nimport { TabsOrientation } from './shared';\nimport { ThemeInterface } from '../../theme/magma';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\n\nimport {\n ArrowBackIosIcon,\n ExpandLessIcon,\n ExpandMoreIcon,\n ArrowForwardIosIcon,\n} from 'react-magma-icons';\n\nexport interface ScrollButtonProps\n extends React.HTMLAttributes<HTMLButtonElement> {\n backgroundColor?: string;\n buttonVisible?: boolean;\n isInverse?: boolean;\n orientation?: TabsOrientation;\n theme?: ThemeInterface;\n}\n\nconst StyledScrollButton = styled.button<ScrollButtonProps>`\n align-items: center;\n backdrop-filter: blur(1px);\n border: 0;\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n cursor: pointer;\n display: ${props => (props.buttonVisible ? 'flex' : 'none')};\n justify-content: center;\n outline-offset: 0;\n position: absolute;\n -webkit-appearance: none;\n z-index: 2;\n\n bottom: 0;\n top: 0;\n width: 44px;\n\n ${props =>\n props.orientation === 'vertical' &&\n css`\n left: 0;\n height: 44px;\n right: 0;\n width: 100%;\n `}\n`;\n\nconst StyledButtonPrev = styled(StyledScrollButton)<ScrollButtonProps>`\n background: ${props => `linear-gradient(\n 90deg,\n ${props.backgroundColor} 0%,\n ${transparentize(0.5, props.backgroundColor)} 100%\n )`};\n left: 0;\n\n ${props =>\n props.orientation === 'vertical' &&\n css`\n background: ${`linear-gradient(\n ${props.backgroundColor} 0%,\n ${transparentize(0.5, props.backgroundColor)} 100%\n )`};\n\n bottom: auto;\n `}\n`;\n\nconst StyledButtonNext = styled(StyledScrollButton)<{\n backgroundColor?: string;\n orientation?: TabsOrientation;\n}>`\n background: ${props => `linear-gradient(\n 90deg,\n ${transparentize(0.5, props.backgroundColor)} 0%,\n ${props.backgroundColor} 100%\n )`};\n right: 0;\n\n ${props =>\n props.orientation === 'vertical' &&\n css`\n background: linear-gradient(\n ${transparentize(0.5, props.backgroundColor)} 0%,\n ${props.backgroundColor} 100%\n );\n top: auto;\n `}\n`;\n\nexport const ButtonPrev = React.forwardRef<\n HTMLButtonElement,\n ScrollButtonProps\n>((props, ref) => {\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledButtonPrev\n aria-label={i18n.tabs.previousButtonLabel}\n backgroundColor={props.backgroundColor}\n buttonVisible={props.buttonVisible}\n data-testid=\"buttonPrev\"\n isInverse={props.isInverse}\n onClick={props.onClick}\n orientation={props.orientation}\n ref={ref}\n theme={props.theme}\n >\n {props.orientation === TabsOrientation.vertical ? (\n <ExpandLessIcon size={theme.iconSizes.small} />\n ) : (\n <ArrowBackIosIcon size={theme.iconSizes.small} />\n )}\n </StyledButtonPrev>\n );\n});\n\nexport const ButtonNext = React.forwardRef<\n HTMLButtonElement,\n ScrollButtonProps\n>((props, ref) => {\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledButtonNext\n aria-label={i18n.tabs.nextButtonLabel}\n backgroundColor={props.backgroundColor}\n buttonVisible={props.buttonVisible}\n data-testid=\"buttonNext\"\n isInverse={props.isInverse}\n onClick={props.onClick}\n orientation={props.orientation}\n ref={ref}\n theme={props.theme}\n >\n {props.orientation === TabsOrientation.vertical ? (\n <ExpandMoreIcon size={theme.iconSizes.small} />\n ) : (\n <ArrowForwardIosIcon size={theme.iconSizes.small} />\n )}\n </StyledButtonNext>\n );\n});\n","import React from 'react';\nimport { TabsOrientation } from './shared';\nimport {\n animate,\n debounce,\n getNormalizedScrollLeft,\n detectScrollType,\n} from '../../utils';\n\nexport function useTabsMeta(theme, orientation, backgroundColor, isInverse) {\n const isRtl = theme.direction === 'rtl';\n const vertical = orientation === TabsOrientation.vertical;\n const scrollStart = vertical ? 'scrollTop' : 'scrollLeft';\n const clientSize = vertical ? 'clientHeight' : 'clientWidth';\n\n const approxTabSize = vertical\n ? theme.tabs.approxTabSize.vertical\n : theme.tabs.approxTabSize.horizontal;\n\n const background = backgroundColor\n ? backgroundColor\n : isInverse\n ? theme.colors.foundation\n : theme.colors.neutral08;\n\n const [displayScroll, setDisplayScroll] = React.useState({\n start: false,\n end: false,\n });\n\n const tabsWrapperRef = React.useRef<HTMLDivElement>();\n const prevButtonRef = React.useRef<HTMLButtonElement>();\n const nextButtonRef = React.useRef<HTMLButtonElement>();\n\n function scroll(scrollValue) {\n animate(scrollStart, tabsWrapperRef.current, scrollValue);\n }\n\n function moveTabsScroll(delta) {\n let scrollValue = tabsWrapperRef.current[scrollStart];\n\n if (vertical) {\n scrollValue += delta;\n } else {\n scrollValue += delta * (isRtl ? -1 : 1);\n // Fix for Edge\n scrollValue *= isRtl && detectScrollType() === 'reverse' ? -1 : 1;\n }\n\n scroll(scrollValue);\n }\n\n function handleStartScrollClick() {\n moveTabsScroll(-tabsWrapperRef.current[clientSize] + approxTabSize);\n }\n\n function handleEndScrollClick() {\n moveTabsScroll(tabsWrapperRef.current[clientSize] - approxTabSize);\n }\n\n function updateScrollButtonState() {\n const {\n scrollTop,\n scrollHeight,\n clientHeight,\n scrollWidth,\n clientWidth,\n } = tabsWrapperRef.current;\n let showStartScroll;\n let showEndScroll;\n\n if (vertical) {\n showStartScroll = scrollTop > 1;\n showEndScroll = scrollTop < scrollHeight - clientHeight - 1;\n } else {\n const scrollLeft = getNormalizedScrollLeft(\n tabsWrapperRef.current,\n theme.direction\n );\n // use 1 for the potential rounding error with browser zooms.\n showStartScroll = isRtl\n ? scrollLeft < scrollWidth - clientWidth - 1\n : scrollLeft > 1;\n showEndScroll = !isRtl\n ? scrollLeft < scrollWidth - clientWidth - 1\n : scrollLeft > 1;\n }\n\n if (\n showStartScroll !== displayScroll.start ||\n showEndScroll !== displayScroll.end\n ) {\n setDisplayScroll({ start: showStartScroll, end: showEndScroll });\n }\n }\n\n React.useEffect(() => {\n const handleResize = debounce(updateScrollButtonState, 100);\n\n window.addEventListener('resize', handleResize);\n return () => {\n handleResize.clear();\n window.removeEventListener('resize', handleResize);\n };\n }, [updateScrollButtonState]);\n\n const handleTabsScroll = React.useCallback(\n debounce(updateScrollButtonState, 100),\n [updateScrollButtonState]\n );\n\n React.useEffect(() => {\n return () => {\n handleTabsScroll.clear();\n };\n }, [handleTabsScroll]);\n\n React.useEffect(updateScrollButtonState);\n\n return [\n { vertical, background, displayScroll, scrollStart },\n { handleStartScrollClick, handleEndScrollClick, handleTabsScroll, scroll },\n { prevButtonRef, nextButtonRef, tabsWrapperRef },\n ];\n}\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { TabsContainerContext } from './TabsContainer';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { Omit, getNormalizedScrollLeft } from '../../utils';\nimport { useDescendants } from '../../hooks/useDescendants';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { ButtonNext, ButtonPrev } from './TabsScrollButtons';\nimport { useTabsMeta } from './utils';\nimport { I18nContext } from '../../i18n';\n\nexport enum TabsAlignment {\n center = 'center',\n left = 'left',\n right = 'right',\n}\n\nexport enum TabsBorderPosition {\n bottom = 'bottom',\n left = 'left',\n right = 'right',\n top = 'top',\n}\n\nexport enum TabsIconPosition {\n bottom = 'bottom',\n left = 'left',\n right = 'right',\n top = 'top',\n}\n\nexport enum TabsOrientation {\n horizontal = 'horizontal',\n vertical = 'vertical',\n}\n\nexport interface VerticalTabsProps {\n orientation?: TabsOrientation.vertical;\n borderPosition?: TabsBorderPosition.left | TabsBorderPosition.right;\n}\nexport interface HorizontalTabsProps {\n orientation?: TabsOrientation.horizontal;\n borderPosition?: TabsBorderPosition.bottom | TabsBorderPosition.top;\n}\n\nexport declare type Orientation = HorizontalTabsProps | VerticalTabsProps;\n\nexport interface TabsProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n /**\n * Alignment of the tabs menu\n * @default TabsAlignment.left\n */\n alignment?: TabsAlignment;\n /**\n * The text the screen reader will announce that describes your tablist.\n */\n 'aria-label'?: string;\n /**\n * Background color for the tabs menu\n */\n backgroundColor?: string;\n /**\n * The orientation of icon on Tab\n */\n iconPosition?: TabsIconPosition;\n /**\n * If true, the components takes the full width of the screen\n */\n isFullWidth?: boolean;\n isInverse?: boolean;\n /**\n * The onChange handler for managing state of Tabs component by your custom logic.\n */\n onChange?: (newActiveIndex: number) => void;\n orientation?: TabsOrientation;\n testId?: string;\n}\n\ninterface TabsContextInterface {\n borderPosition?: TabsBorderPosition;\n buttonRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n changeHandler: (\n newActiveIndex: number,\n event?: React.MouseEvent<HTMLButtonElement, MouseEvent>\n ) => void;\n iconPosition?: TabsIconPosition;\n isInverse?: boolean;\n isFullWidth?: boolean;\n orientation?: TabsOrientation;\n registerTabButton: (\n itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n itemRef: React.MutableRefObject<Element>\n ) => void;\n}\n\nexport const TabsContext = React.createContext<TabsContextInterface>({\n borderPosition: TabsBorderPosition.bottom,\n changeHandler: () => {},\n iconPosition: TabsIconPosition.left,\n isInverse: false,\n isFullWidth: false,\n orientation: TabsOrientation.horizontal,\n registerTabButton: (elements, element) => {},\n});\n\nexport const StyledContainer = styled('div', {\n shouldForwardProp: isPropValid,\n})<{\n as?: string;\n orientation: TabsOrientation;\n isInverse: boolean;\n backgroundColor: string;\n theme: ThemeInterface;\n}>`\n background-color: ${props =>\n props.backgroundColor\n ? props.backgroundColor\n : props.isInverse\n ? props.theme.colors.foundation\n : 'transparent'};\n background: backgroundColor;\n display: flex;\n height: ${props => (props.orientation === 'vertical' ? '100%' : 'auto')};\n\n position: relative;\n width: ${props => (props.orientation === 'vertical' ? 'auto' : '100%')};\n`;\n\nexport const StyledTabsWrapper = styled('div', {\n shouldForwardProp: isPropValid,\n})<{\n orientation: TabsOrientation;\n}>`\n display: flex;\n flex-grow: 1;\n overflow-x: ${props => (props.orientation === 'vertical' ? '' : 'auto')};\n overflow-y: ${props => (props.orientation === 'vertical' ? 'auto' : '')};\n\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n scrollbar-width: none;\n`;\n\nexport const StyledTabs = styled('ul', { shouldForwardProp: isPropValid })<{\n alignment?: TabsAlignment;\n orientation: TabsOrientation;\n}>`\n align-items: center;\n display: flex;\n flex-direction: ${props =>\n props.orientation === 'vertical' ? 'column' : 'row'};\n justify-content: ${props =>\n props.alignment === 'center'\n ? 'center'\n : props.alignment === 'right'\n ? 'flex-end'\n : ''};\n margin: 0;\n padding: 0;\n width: ${props => (props.orientation === 'vertical' ? 'auto' : '100%')};\n`;\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TabsProps & Orientation>(\n (props, ref) => {\n const {\n alignment,\n backgroundColor,\n borderPosition,\n children,\n isFullWidth,\n orientation,\n onChange,\n iconPosition,\n testId,\n ...rest\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const { activeTabIndex, setActiveTabIndex, isInverseContainer } =\n React.useContext(TabsContainerContext);\n\n const isInverse =\n typeof props.isInverse !== 'undefined'\n ? Boolean(props.isInverse)\n : isInverseContainer;\n\n const [tabsMeta, tabsHandleMethods, tabsRefs] = useTabsMeta(\n theme,\n orientation,\n backgroundColor,\n isInverse\n );\n\n const { vertical, background, displayScroll, scrollStart } = tabsMeta;\n const {\n handleStartScrollClick,\n handleEndScrollClick,\n handleTabsScroll,\n scroll,\n } = tabsHandleMethods;\n const { prevButtonRef, nextButtonRef, tabsWrapperRef } = tabsRefs;\n\n const start = vertical ? 'top' : 'left';\n const end = vertical ? 'bottom' : 'right';\n\n const [buttonRefArray, registerTabButton] = useDescendants();\n\n const childrenWrapperRef = React.useRef<HTMLUListElement>();\n\n function getTabsMeta() {\n const tabsNode = tabsWrapperRef.current;\n let tabsMeta;\n if (tabsNode) {\n const rect = tabsNode.getBoundingClientRect();\n tabsMeta = {\n clientWidth: tabsNode.clientWidth,\n scrollLeft: tabsNode.scrollLeft,\n scrollTop: tabsNode.scrollTop,\n scrollLeftNormalized: getNormalizedScrollLeft(\n tabsNode,\n theme.direction\n ),\n scrollWidth: tabsNode.scrollWidth,\n top: rect.top,\n bottom: rect.bottom,\n left: rect.left,\n right: rect.right,\n };\n }\n\n let tabMeta;\n if (tabsNode) {\n const childrenArray = childrenWrapperRef.current.children;\n if (childrenArray.length > 0) {\n const tab = childrenArray[activeTabIndex];\n tabMeta = tab ? (tab as any).getBoundingClientRect() : null;\n }\n }\n return { tabsMeta, tabMeta };\n }\n\n function scrollSelectedIntoView() {\n const { tabsMeta, tabMeta } = getTabsMeta();\n\n if (!tabMeta || !tabsMeta) {\n return;\n }\n\n const prevButtonOffset = vertical\n ? Number(prevButtonRef.current.offsetHeight)\n : Number(prevButtonRef.current.offsetWidth);\n const nextButtonOffset = vertical\n ? Number(nextButtonRef.current.offsetHeight)\n : Number(nextButtonRef.current.offsetWidth);\n\n if (tabMeta[start] < Number(tabsMeta[start]) + prevButtonOffset) {\n // left side of button is out of view\n const nextScrollStart =\n Number(tabsMeta[scrollStart]) +\n (Number(tabMeta[start]) - Number(tabsMeta[start])) -\n prevButtonOffset;\n scroll(nextScrollStart);\n } else if (tabMeta[end] > Number(tabsMeta[end]) - nextButtonOffset) {\n // right side of button is out of view\n const nextScrollStart =\n Number(tabsMeta[scrollStart]) +\n (Number(tabMeta[end]) - Number(tabsMeta[end])) +\n nextButtonOffset;\n scroll(nextScrollStart);\n }\n }\n\n React.useEffect(scrollSelectedIntoView, []);\n\n React.useEffect(scrollSelectedIntoView, [activeTabIndex]);\n\n function changeHandler(\n newActiveIndex: number,\n event?: React.MouseEvent<HTMLButtonElement, MouseEvent>\n ): void {\n if (\n (event.target as HTMLInputElement).children[0] &&\n (event.target as HTMLInputElement).children[0].hasAttribute('disabled')\n ) {\n event.preventDefault();\n return undefined;\n }\n\n onChange && typeof onChange === 'function' && onChange(newActiveIndex);\n\n newActiveIndex === activeTabIndex\n ? scrollSelectedIntoView()\n : setActiveTabIndex(newActiveIndex);\n }\n\n function tabIsEnabled(tabIndex) {\n return (\n buttonRefArray.current[tabIndex].current.getAttribute('disabled') ===\n null\n );\n }\n\n function findPreviousEnabledTabIndex(modifiedActiveTabIndex?: number) {\n const currentTabIndex = modifiedActiveTabIndex\n ? modifiedActiveTabIndex\n : activeTabIndex;\n const newActiveTabIndex = currentTabIndex > 0 ? currentTabIndex - 1 : 0;\n\n if (tabIsEnabled(newActiveTabIndex)) {\n return newActiveTabIndex;\n } else if (newActiveTabIndex - 1 >= 0) {\n return findPreviousEnabledTabIndex(newActiveTabIndex);\n } else {\n return activeTabIndex;\n }\n }\n\n function findNextEnabledTabIndex(\n lastChildIndex: number,\n modifiedActiveTabIndex?: number\n ) {\n const currentTabIndex =\n modifiedActiveTabIndex === 0 || modifiedActiveTabIndex\n ? modifiedActiveTabIndex\n : activeTabIndex;\n const newActiveTabIndex =\n currentTabIndex < lastChildIndex ? currentTabIndex + 1 : lastChildIndex;\n\n if (tabIsEnabled(newActiveTabIndex)) {\n return newActiveTabIndex;\n } else if (newActiveTabIndex + 1 <= lastChildIndex) {\n return findNextEnabledTabIndex(lastChildIndex, newActiveTabIndex);\n } else {\n return activeTabIndex;\n }\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n const target = event.target as HTMLButtonElement;\n\n const role = target.getAttribute('role');\n if (role !== 'tab') {\n return;\n }\n\n const lastChildIndex = buttonRefArray.current.length - 1;\n let newActiveTabIndex = null;\n let previousItemKey =\n orientation !== TabsOrientation.vertical ? 'ArrowLeft' : 'ArrowUp';\n let nextItemKey =\n orientation !== TabsOrientation.vertical ? 'ArrowRight' : 'ArrowDown';\n\n switch (event.key) {\n case previousItemKey:\n newActiveTabIndex = findPreviousEnabledTabIndex();\n break;\n case nextItemKey:\n newActiveTabIndex = findNextEnabledTabIndex(lastChildIndex);\n break;\n case 'Home':\n newActiveTabIndex = tabIsEnabled(0)\n ? 0\n : findNextEnabledTabIndex(lastChildIndex, 0);\n break;\n case 'End':\n newActiveTabIndex = tabIsEnabled(lastChildIndex)\n ? lastChildIndex\n : findPreviousEnabledTabIndex(lastChildIndex);\n break;\n default:\n break;\n }\n\n if (newActiveTabIndex !== null) {\n onChange &&\n typeof onChange === 'function' &&\n onChange(newActiveTabIndex);\n setActiveTabIndex(newActiveTabIndex);\n (\n buttonRefArray.current[newActiveTabIndex].current as HTMLButtonElement\n ).focus();\n event.preventDefault();\n }\n }\n\n const i18n = React.useContext(I18nContext);\n const ariaLabel = `${rest['aria-label'] || ''}, ${\n orientation === TabsOrientation.vertical\n ? i18n.tabs.verticalTabsInstructions\n : i18n.tabs.horizontalTabsInstructions\n }`;\n\n return (\n <StyledContainer\n data-testid={testId}\n backgroundColor={background}\n isInverse={isInverse}\n orientation={orientation || TabsOrientation.horizontal}\n ref={ref}\n theme={theme}\n {...rest}\n >\n <ButtonPrev\n backgroundColor={background}\n buttonVisible={displayScroll.start}\n isInverse={isInverse}\n onClick={handleStartScrollClick}\n orientation={orientation || TabsOrientation.horizontal}\n ref={prevButtonRef}\n theme={theme}\n />\n <StyledTabsWrapper\n data-testid=\"tabsWrapper\"\n onScroll={handleTabsScroll}\n orientation={orientation}\n ref={tabsWrapperRef}\n >\n <StyledTabs\n alignment={alignment ? alignment : TabsAlignment.left}\n aria-label={ariaLabel}\n aria-orientation={orientation || TabsOrientation.horizontal}\n onKeyDown={handleKeyDown}\n orientation={orientation}\n ref={childrenWrapperRef}\n role=\"tablist\"\n >\n <TabsContext.Provider\n value={{\n borderPosition,\n buttonRefArray,\n changeHandler,\n iconPosition,\n isInverse,\n isFullWidth,\n orientation,\n registerTabButton,\n }}\n >\n {children}\n </TabsContext.Provider>\n </StyledTabs>\n </StyledTabsWrapper>\n <ButtonNext\n backgroundColor={background}\n buttonVisible={displayScroll.end}\n isInverse={isInverse}\n onClick={handleEndScrollClick}\n orientation={orientation || TabsOrientation.horizontal}\n ref={nextButtonRef}\n theme={theme}\n />\n </StyledContainer>\n );\n }\n);\n","import React from 'react';\n\nexport function useForceUpdate() {\n const [, setTick] = React.useState(0);\n const update = React.useCallback(() => {\n setTick(tick => tick + 1);\n }, []);\n return update;\n}","import React from 'react';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { css } from '@emotion/core';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { TabsIconPosition, TabsBorderPosition, TabsContext } from './Tabs';\nimport { TabsOrientation } from './shared';\nimport { useForkedRef } from '../../utils';\nimport { useForceUpdate } from '../../hooks/useForceUpdate';\nimport { TabsContainerContext } from './TabsContainer';\nimport { ThemeInterface } from '../../theme/magma';\n\nexport interface TabProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /**\n * Icon to display within the component\n */\n icon?: React.ReactElement<any> | React.ReactElement<any>[];\n /**\n * If true, the component will display with the active/selected state\n * @default false\n */\n isActive?: boolean;\n isInverse?: boolean;\n testId?: string;\n /**\n * @internal\n */\n theme?: any;\n}\n\nexport const StyledTabsChild = styled('li', {\n shouldForwardProp: isPropValid,\n})<{\n borderPosition?: TabsBorderPosition;\n isActive?: boolean;\n isFullWidth?: boolean;\n isInverse?: boolean;\n orientation: TabsOrientation;\n theme: ThemeInterface;\n}>`\n flex-grow: 0;\n flex-shrink: ${props => (props.isFullWidth ? '1' : '0')};\n height: ${props => (props.orientation === 'vertical' ? 'auto' : '100%')};\n list-style: none;\n margin: 0;\n max-width: ${props => (props.isFullWidth ? '100%' : '250px')};\n padding: 0;\n position: relative;\n white-space: normal;\n width: ${props =>\n props.isFullWidth || props.orientation === 'vertical' ? '100%' : 'auto'};\n\n &:after {\n background: ${props =>\n props.isInverse ? props.theme.colors.pop02 : props.theme.colors.primary};\n border-radius: 2px;\n content: '';\n display: block;\n height: 4px;\n opacity: ${props => (props.isActive ? '1' : '0')};\n position: absolute;\n transition: 0.4s all;\n width: auto;\n\n bottom: ${props => (props.borderPosition === 'top' ? 'auto' : '0')};\n left: ${props => (props.isActive ? '0' : '50%')};\n right: ${props => (props.isActive ? '0' : '50%')};\n top: ${props => (props.borderPosition === 'top' ? '0' : 'auto')};\n\n ${props =>\n props.orientation === 'vertical' &&\n css`\n height: auto;\n\n bottom: ${props.isActive ? '0' : '50%'};\n left: ${props.borderPosition === 'right' ? 'auto' : '0'};\n right: ${props.borderPosition === 'right' ? '0' : 'auto'};\n top: ${props.isActive ? '0' : '50%'};\n\n width: 4px;\n `}\n }\n`;\n\nfunction getFlexDirection(position: TabsIconPosition) {\n switch (position) {\n case TabsIconPosition.left:\n return 'row';\n case TabsIconPosition.right:\n return 'row-reverse';\n case TabsIconPosition.top:\n return 'column';\n case TabsIconPosition.bottom:\n return 'column-reverse';\n default:\n return 'column';\n }\n}\n\nexport const TabStyles = props => css`\n align-items: center;\n background: transparent;\n border: 0;\n color: ${props.isActive && !props.isInverse\n ? props.theme.colors.primary\n : props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral03};\n cursor: ${props.disabled ? 'auto' : 'pointer'};\n display: flex;\n flex-direction: ${getFlexDirection(props.iconPosition)};\n flex-grow: 0;\n flex-shrink: ${props.isFullWidth ? '1' : '0'};\n font-weight: 600;\n font-size: ${props.theme.typeScale.size02.fontSize};\n letter-spacing: ${props.theme.typeScale.size02.letterSpacing};\n line-height: ${props.theme.typeScale.size02.lineHeight};\n height: 100%;\n justify-content: ${props.iconPosition === 'left' ? 'flex-start' : 'center'};\n opacity: ${props.disabled\n ? 0.4\n : props.isInverse && !props.isActive\n ? 0.7\n : 1};\n padding: ${props.theme.spaceScale.spacing04}\n ${props.theme.spaceScale.spacing05};\n position: relative;\n pointer-events: ${props.disabled ? 'none' : ''};\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n width: ${props.isFullWidth ? '100%' : 'auto'};\n\n ${props.orientation === 'vertical' &&\n css`\n align-items: flex-start;\n justify-content: ${props.iconPosition === 'left'\n ? 'flex-start'\n : 'flex-end'};\n text-align: left;\n width: 100%;\n\n align-items: center;\n `}\n\n &:hover,\n &:focus {\n background-color: ${props.isActive\n ? ''\n : props.isInverse\n ? props.theme.colors.shade02\n : props.theme.colors.shade};\n color: ${props.isActive\n ? props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.primary\n : props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral02};\n }\n\n &:focus {\n outline-offset: -2px;\n outline: ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus}\n dotted 2px;\n }\n`;\n\nconst StyledTab = styled('button', { shouldForwardProp: isPropValid })<{\n borderPosition?: TabsBorderPosition;\n iconPosition?: TabsIconPosition;\n isActive?: boolean;\n isFullWidth?: boolean;\n isInverse?: boolean;\n orientation: TabsOrientation;\n theme: ThemeInterface;\n}>`\n ${TabStyles}\n`;\n\nfunction getIconMargin(props) {\n if (props.isIconOnly) {\n return `0`;\n }\n\n switch (props.iconPosition) {\n case TabsIconPosition.left:\n return `0 ${props.theme.spaceScale.spacing03} 0 0`;\n case TabsIconPosition.right:\n return `0 0 0 ${props.theme.spaceScale.spacing03}`;\n case TabsIconPosition.top:\n return `0 0 ${props.theme.spaceScale.spacing02}`;\n case TabsIconPosition.bottom:\n return `${props.theme.spaceScale.spacing02} 0 0`;\n default:\n return `0 0 ${props.theme.spaceScale.spacing02}`;\n }\n}\n\nexport const StyledIcon = styled.span<{\n iconPosition: TabsIconPosition;\n isIconOnly?: boolean;\n theme: ThemeInterface;\n}>`\n display: flex;\n margin: ${props => getIconMargin(props)};\n\n svg {\n height: ${props => props.theme.iconSizes.small}px;\n width: ${props => props.theme.iconSizes.small}px;\n }\n`;\n\nexport const Tab = React.forwardRef<HTMLButtonElement, TabProps>(\n (props, forwardedRef) => {\n const { children, icon, disabled, testId, ...rest } = props;\n const { activeTabIndex } = React.useContext(TabsContainerContext);\n const { buttonRefArray, registerTabButton } = React.useContext(TabsContext);\n const ownRef = React.useRef<HTMLDivElement>();\n const forceUpdate = useForceUpdate();\n\n const index = buttonRefArray.current.findIndex(({ current: item }) => {\n if (!item || !ownRef.current) return false;\n\n return item === ownRef.current;\n });\n\n const isActive = index === activeTabIndex;\n\n const ref = useForkedRef(forwardedRef, ownRef);\n\n const {\n changeHandler,\n orientation,\n borderPosition,\n iconPosition,\n isInverse,\n isFullWidth,\n } = React.useContext(TabsContext);\n\n const handleClick = (index, e) => {\n changeHandler(index, e);\n\n props.onClick && typeof props.onClick === 'function' && props.onClick(e);\n };\n\n React.useEffect(() => {\n registerTabButton(buttonRefArray, ownRef);\n\n forceUpdate();\n }, []);\n\n const theme = React.useContext(ThemeContext);\n const isIconOnly = !children;\n\n const tabIconPosition = iconPosition\n ? iconPosition\n : orientation === 'vertical'\n ? TabsIconPosition.left\n : TabsIconPosition.top;\n\n return (\n <StyledTabsChild\n borderPosition={borderPosition}\n data-testid=\"tabContainer\"\n isActive={isActive}\n isFullWidth={isFullWidth}\n isInverse={isInverse}\n orientation={orientation}\n role=\"presentation\"\n theme={theme}\n >\n <StyledTab\n {...rest}\n aria-selected={isActive}\n data-testid={testId}\n disabled={disabled}\n iconPosition={tabIconPosition}\n isActive={isActive}\n isInverse={isInverse}\n isFullWidth={isFullWidth}\n onClick={e => handleClick(index, e)}\n orientation={orientation}\n ref={ref}\n role=\"tab\"\n tabIndex={isActive ? 0 : -1}\n theme={theme}\n >\n {icon && (\n <StyledIcon\n theme={theme}\n iconPosition={tabIconPosition}\n isIconOnly={isIconOnly}\n >\n {icon}\n </StyledIcon>\n )}\n {children}\n </StyledTab>\n </StyledTabsChild>\n );\n }\n);\n","import React from 'react';\nimport { TabsContainerContext } from './TabsContainer';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '@emotion/styled';\nimport { ThemeInterface } from '../../theme/magma';\n\nconst StyledTabPanel = styled.div<{\n isInverse?: boolean;\n theme: ThemeInterface;\n}>`\n background: ${props =>\n props.isInverse\n ? props.theme.colors.foundation02\n : props.theme.colors.neutral08};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n flex: 1;\n height: 100%;\n padding: 20px;\n`;\n\nexport interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * @internal\n */\n index?: number;\n isInverse?: boolean;\n testId?: string;\n}\n\nexport const TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(\n (props, ref) => {\n const { index, isInverse, testId, children, ...other } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const { activeTabIndex } = React.useContext(TabsContainerContext);\n const activeTab = activeTabIndex === index;\n\n return activeTab ? (\n <StyledTabPanel\n ref={ref}\n data-testid={testId}\n isInverse={isInverse}\n theme={theme}\n {...other}\n >\n {children}\n </StyledTabPanel>\n ) : null;\n }\n);\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { TabsContainerContext } from './TabsContainer';\n\ninterface TabPanelContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n isInverse?: boolean;\n testId?: string;\n}\n\nconst StyledContainer = styled.div`\n flex-grow: 1;\n`;\n\nexport const TabPanelsContainer = React.forwardRef<\n HTMLDivElement,\n TabPanelContainerProps\n>((props, ref) => {\n const { children, testId, ...rest } = props;\n\n const { isInverseContainer } = React.useContext(TabsContainerContext);\n\n return (\n <StyledContainer ref={ref} data-testid={testId} {...rest}>\n {React.Children.map(children, (child: React.ReactElement<any>, index) => {\n const isInverse =\n typeof child.props.isInverse !== 'undefined'\n ? child.props.isInverse\n : typeof props.isInverse !== 'undefined'\n ? props.isInverse\n : isInverseContainer;\n\n return React.cloneElement(child, { index, isInverse, key: index });\n })}\n {children}\n </StyledContainer>\n );\n});\n","import * as React from 'react';\nimport {\n StyledContainer,\n StyledTabsWrapper,\n StyledTabs,\n TabsAlignment,\n TabsBorderPosition,\n TabsIconPosition,\n TabsProps,\n Orientation,\n} from '../Tabs';\nimport { TabsOrientation } from '../Tabs/shared';\nimport { Omit } from '../../utils';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ButtonNext, ButtonPrev } from '../Tabs/TabsScrollButtons';\nimport { useTabsMeta } from '../Tabs/utils';\nimport { useIsInverse } from '../../inverse';\n\nexport interface NavTabsProps extends Omit<TabsProps, 'onChange'> {}\n\ninterface NavTabsContextInterface {\n borderPosition?: TabsBorderPosition;\n iconPosition?: TabsIconPosition;\n isInverse?: boolean;\n isFullWidth?: boolean;\n orientation?: TabsOrientation;\n}\n\nexport const NavTabsContext = React.createContext<NavTabsContextInterface>({\n borderPosition: TabsBorderPosition.bottom,\n iconPosition: TabsIconPosition.left,\n isInverse: false,\n isFullWidth: false,\n orientation: TabsOrientation.horizontal,\n});\n\nexport const NavTabs = React.forwardRef<\n HTMLDivElement,\n NavTabsProps & Orientation\n>((props, ref) => {\n const {\n alignment,\n backgroundColor,\n borderPosition,\n children,\n iconPosition,\n isFullWidth,\n orientation,\n testId,\n ...rest\n } = props;\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n const background = backgroundColor\n ? backgroundColor\n : isInverse\n ? theme.colors.foundation\n : theme.colors.neutral08;\n\n const [tabsMeta, tabsHandleMethods, tabsRefs] = useTabsMeta(\n theme,\n orientation,\n backgroundColor,\n isInverse\n );\n\n const { displayScroll } = tabsMeta;\n const {\n handleStartScrollClick,\n handleEndScrollClick,\n handleTabsScroll,\n } = tabsHandleMethods;\n const { prevButtonRef, nextButtonRef, tabsWrapperRef } = tabsRefs;\n\n return (\n <StyledContainer\n aria-label={rest['aria-label']}\n as=\"nav\"\n backgroundColor={backgroundColor}\n data-testid={testId}\n isInverse={isInverse}\n orientation={orientation || TabsOrientation.horizontal}\n ref={ref}\n theme={theme}\n {...rest}\n >\n <ButtonPrev\n backgroundColor={background}\n buttonVisible={displayScroll.start}\n isInverse={isInverse}\n onClick={handleStartScrollClick}\n orientation={orientation || TabsOrientation.horizontal}\n ref={prevButtonRef}\n theme={theme}\n />\n\n <StyledTabsWrapper\n data-testid=\"navTabsWrapper\"\n onScroll={handleTabsScroll}\n orientation={orientation || TabsOrientation.horizontal}\n ref={tabsWrapperRef}\n >\n <StyledTabs\n alignment={alignment ? alignment : TabsAlignment.left}\n orientation={orientation}\n >\n <NavTabsContext.Provider\n value={{\n borderPosition,\n iconPosition,\n isInverse: isInverse,\n isFullWidth,\n orientation,\n }}\n >\n {children}\n </NavTabsContext.Provider>\n </StyledTabs>\n </StyledTabsWrapper>\n <ButtonNext\n backgroundColor={background}\n buttonVisible={displayScroll.end}\n isInverse={isInverse}\n onClick={handleEndScrollClick}\n orientation={orientation || TabsOrientation.horizontal}\n ref={nextButtonRef}\n theme={theme}\n />\n </StyledContainer>\n );\n});\n","import * as React from 'react';\nimport styled from '@emotion/styled';\nimport { jsx } from '@emotion/core';\n\nimport { NavTabsContext } from './NavTabs';\nimport {\n StyledTabsChild,\n StyledIcon,\n TabStyles,\n TabsIconPosition,\n} from '../Tabs';\nimport { TabsOrientation } from '../Tabs/shared';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { omit, XOR } from '../../utils';\n\n/**\n * @children required\n */\nexport interface BaseNavTabProps\n extends React.HTMLAttributes<HTMLAnchorElement> {\n /**\n * @internal\n */\n css?: any; // Adding css prop to fix emotion error\n /**\n * Icon to display within the component\n */\n icon?: React.ReactElement<any> | React.ReactElement<any>[];\n /**\n * If true, the component will display with the active/selected state\n */\n isActive?: boolean;\n isInverse?: boolean;\n /**\n * Determines if the tabs are displayed vertically or horizontally\n * @default TabsOrientation.horizontal\n */\n orientation?: TabsOrientation;\n testId?: string;\n to?: string;\n /**\n * @internal\n */\n theme?: any;\n}\n\nexport interface NavTabChildrenProps extends BaseNavTabProps {\n children: JSX.Element | string;\n /**\n * The href value of the tab link\n */\n to: string;\n}\n\nexport interface NavTabComponentProps extends BaseNavTabProps {\n /**\n * The prop for custom component instead of `a` in NavTab.\n */\n component: React.ReactNode;\n /**\n * The orientation of icon on NavTab\n */\n iconPosition?: TabsIconPosition;\n /**\n * If true, the tab will take up the full width of its container\n * @default false\n */\n isFullWidth?: boolean;\n}\n\nexport type NavTabProps = XOR<NavTabChildrenProps, NavTabComponentProps>;\n\nfunction instanceOfNavComponentTab(\n object: any\n): object is NavTabComponentProps {\n return 'component' in object && !('children' in object);\n}\n\nfunction instanceOfNavChildrenTab(object: any): object is NavTabChildrenProps {\n return !('component' in object) && 'children' in object;\n}\n\nconst StyledTab = styled.a<{\n borderPosition?: any;\n iconPosition?: TabsIconPosition;\n isActive?: boolean;\n isFullWidth?: boolean;\n isInverse?: boolean;\n orientation: TabsOrientation;\n theme: any;\n}>`\n ${TabStyles}\n`;\n\nexport const StyledCustomTab = React.forwardRef<any, NavTabComponentProps>(\n (props, ref) => {\n const { children, component, icon, style, onClick, ...rest } = props;\n\n if (React.isValidElement(component) && React.isValidElement(component)) {\n const cloneElement = (element, newProps) => {\n return jsx(element.type, {\n key: element.key,\n ref: element.ref,\n ...element.props,\n ...newProps,\n });\n };\n\n const other = omit(\n ['iconPosition', 'isInverse', 'isActive', 'isFullWidth'],\n rest\n );\n\n return cloneElement(component, {\n ...other,\n css: TabStyles(props),\n ...style,\n onClick,\n ref,\n children: (\n <>\n {icon}\n {component.props.children}\n </>\n ),\n });\n }\n }\n);\n\n// Using any type because we do not know the element type of a custom tab\nexport const NavTab = React.forwardRef<any, NavTabProps>((props, ref) => {\n let children;\n let component;\n const { isActive, icon, testId, to, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n if (instanceOfNavComponentTab(props)) {\n component = props.component;\n } else if (instanceOfNavChildrenTab(props)) {\n children = props.children;\n }\n\n const isIconOnly = !children;\n\n const {\n orientation,\n borderPosition,\n iconPosition,\n isInverse,\n isFullWidth,\n } = React.useContext(NavTabsContext);\n\n const tabIconPosition = iconPosition\n ? iconPosition\n : orientation === 'vertical'\n ? TabsIconPosition.left\n : TabsIconPosition.top;\n\n return (\n <StyledTabsChild\n borderPosition={borderPosition}\n data-testid=\"tabContainer\"\n isActive={isActive}\n isFullWidth={isFullWidth}\n isInverse={isInverse}\n orientation={orientation}\n theme={theme}\n >\n {component ? (\n <StyledCustomTab\n {...other}\n component={component}\n data-testid={testId}\n iconPosition={tabIconPosition}\n icon={\n icon && (\n <StyledIcon theme={theme} iconPosition={tabIconPosition}>\n {icon}\n </StyledIcon>\n )\n }\n isActive={isActive}\n isInverse={isInverse}\n isFullWidth={isFullWidth}\n orientation={orientation}\n theme={theme}\n />\n ) : (\n <StyledTab\n {...other}\n ref={ref}\n data-testid={testId}\n href={to}\n isActive={isActive}\n isFullWidth={isFullWidth}\n iconPosition={tabIconPosition}\n isInverse={isInverse}\n orientation={orientation}\n theme={theme}\n >\n {icon && (\n <StyledIcon\n theme={theme}\n iconPosition={tabIconPosition}\n isIconOnly={isIconOnly}\n >\n {icon}\n </StyledIcon>\n )}\n {children}\n </StyledTab>\n )}\n </StyledTabsChild>\n );\n});\n","import * as React from 'react';\nimport { Button, ButtonColor, ButtonProps, ButtonVariant } from '../Button';\nimport { BuildBorder, hoverBorder } from './Pagination';\nimport { darken } from 'polished';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\n\nexport interface PageButtonProps extends ButtonProps {\n isSelected?: boolean;\n}\n\nexport function pageButtonTypeSize(props) {\n if (props.size === 'large') {\n return `${props.theme.typeScale.size05.fontSize}`;\n }\n return `${props.theme.typeScale.size03.fontSize}`;\n}\n\nfunction buttonSize(props) {\n switch (props.size) {\n case 'large':\n return `${props.theme.spaceScale.spacing11}`;\n default:\n return `${props.theme.spaceScale.spacing09}`;\n }\n}\n\nfunction boxShadowColor(props) {\n if (props.color === 'primary') {\n if (props.isInverse) {\n return `-${props.theme.spaceScale.spacing01} 0 0 ${props.theme.colors.neutral08}`;\n }\n return `-${props.theme.spaceScale.spacing01} 0 0 ${props.theme.colors.primary}`;\n }\n}\n\nfunction hoverBoxShadowColor(props) {\n if (props.color === 'primary') {\n if (props.isInverse) {\n return `-${props.theme.spaceScale.spacing01} 0 0 ${props.theme.colors.neutral08}`;\n }\n return `-${props.theme.spaceScale.spacing01} 0 0 ${darken(\n 0.1,\n props.theme.colors.primary\n )}`;\n }\n}\n\nconst StyledPageButton = styled(Button)`\n border: none;\n border-top: ${BuildBorder};\n border-right: ${BuildBorder};\n border-bottom: ${BuildBorder};\n border-radius: 0;\n box-shadow: ${boxShadowColor};\n font-size: ${pageButtonTypeSize} !important;\n height: ${buttonSize};\n margin: 0;\n min-width: 0;\n padding: 0;\n width: ${buttonSize};\n &:focus {\n border-color: ${hoverBorder};\n box-shadow: ${hoverBoxShadowColor};\n outline: 0 !important;\n outline-offset: 0;\n overflow: visible;\n z-index: 1;\n }\n &:focus:before {\n content: '';\n border: ${props =>\n props.isInverse\n ? `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.focusInverse}`\n : `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.focus}`};\n border-style: dotted;\n height: calc(100% + 14px);\n left: -7px;\n position: absolute;\n top: -7px;\n width: calc(100% + 14px);\n }\n`;\n\nexport const PageButton = React.forwardRef<HTMLButtonElement, PageButtonProps>(\n (props, ref) => {\n const { children, isInverse, isSelected, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledPageButton\n ref={ref}\n {...other}\n color={isSelected ? ButtonColor.primary : ButtonColor.secondary}\n theme={theme}\n isInverse={isInverse}\n variant={\n isInverse && !isSelected ? ButtonVariant.outline : ButtonVariant.solid\n }\n >\n {children}\n </StyledPageButton>\n );\n }\n);\n","import * as React from 'react';\nimport { ButtonColor, ButtonShape, ButtonSize, ButtonVariant } from '../Button';\nimport { darken } from 'polished';\nimport { I18nContext } from '../../i18n';\nimport { IconButton } from '../IconButton';\nimport { PageButton, pageButtonTypeSize } from './PageButton';\nimport { ArrowBackIcon, ArrowForwardIcon } from 'react-magma-icons';\nimport styled from '../../theme/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { usePagination } from './usePagination';\n\nexport interface BasePaginationProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n isInverse?: boolean;\n page?: number;\n /**\n * The total number of Pagination buttons\n * @default 1\n */\n count?: number;\n /**\n * If true, disables all of the Pagination buttons\n * @default false\n */\n disabled?: boolean;\n /**\n * If true, hides the next page button\n * @default false\n */\n hideNextButton?: boolean;\n /**\n * If true, hides the previous page button\n * @default false\n */\n hidePreviousButton?: boolean;\n /**\n * Number of page buttons before and after the current page\n * @default 1\n */\n numberOfAdjacentPages?: number;\n /**\n * Number of page buttons at the beginning and end of the page number buttons list\n * @default 1\n */\n numberOfEdgePages?: number;\n /**\n * Event that fires when the page number changes\n */\n onPageChange?: (event: React.SyntheticEvent, newPage: number) => void;\n /**\n * Size toggles between default and large variant buttons.\n */\n size?: PageButtonSize;\n /**\n * If true, shows the first page button\n * @default false\n */\n showFirstButton?: boolean;\n /**\n * If true, shows the last page button\n * @default false\n */\n showLastButton?: boolean;\n}\n\nexport interface ControlledPaginationProps extends BasePaginationProps {\n defaultPage: never;\n /**\n * Current page number\n */\n page?: number;\n}\nexport interface UncontrolledPaginationProps extends BasePaginationProps {\n /**\n * Page selected by default when the component is uncontrolled\n */\n defaultPage?: number;\n page: number;\n}\nexport type PaginationProps =\n | ControlledPaginationProps\n | UncontrolledPaginationProps;\n\nexport enum PageButtonSize {\n medium = 'medium',\n large = 'large',\n}\n\nconst StyledNav = styled.nav`\n min-width: 0;\n`;\n\nconst StyledList = styled.ul`\n display: flex;\n margin: 0;\n padding: 0;\n`;\n\nconst StyledListItem = styled.li`\n list-style-type: none;\n &:last-child {\n button {\n border-left: none;\n }\n }\n`;\n\nexport function BuildBorder(props) {\n switch (props.color) {\n case 'primary':\n if (props.isInverse) {\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.neutral08}`;\n }\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.primary}`;\n default:\n if (props.isInverse) {\n if (props.disabled) {\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.tint04}`;\n }\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.neutral08}`;\n }\n if (props.disabled) {\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.neutral06}`;\n }\n return `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.neutral05}`;\n }\n}\n\nexport function hoverBorder(props) {\n switch (props.color) {\n case 'primary':\n if (props.isInverse) {\n return `${props.theme.colors.neutral08}`;\n }\n return `${darken(0.1, props.theme.colors.primary)}`;\n default:\n if (props.isInverse) {\n return `${props.theme.colors.neutral08}`;\n }\n return `${props.theme.colors.neutral05}`;\n }\n}\n\nfunction BuildButtonSize(props) {\n switch (props.size) {\n case 'large':\n return `${props.theme.spaceScale.spacing11}`;\n default:\n return `${props.theme.spaceScale.spacing09}`;\n }\n}\n\nconst NavButton = styled(IconButton)`\n border-top: ${BuildBorder};\n border-right: ${BuildBorder};\n border-bottom: ${BuildBorder};\n border-left: ${BuildBorder};\n height: ${BuildButtonSize};\n margin: 0;\n padding: 0;\n width: ${BuildButtonSize};\n &:focus {\n z-index: 1;\n outline: 0 !important;\n outline-offset: 0;\n overflow: visible;\n }\n &:focus:before {\n content: '';\n border: ${props =>\n props.isInverse\n ? `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.focusInverse}`\n : `${props.theme.spaceScale.spacing01} solid ${props.theme.colors.focus}`};\n border-style: dotted;\n height: calc(100% + 14px);\n left: -7px;\n position: absolute;\n top: -7px;\n width: calc(100% + 14px);\n }\n`;\n\nconst StyledEllipsis = styled.div`\n align-items: center;\n border-top: ${BuildBorder};\n border-right: ${BuildBorder};\n border-bottom: ${BuildBorder};\n display: flex;\n font-size: ${pageButtonTypeSize};\n height: ${BuildButtonSize};\n justify-content: center;\n width: ${BuildButtonSize};\n`;\n\nexport const Pagination = React.forwardRef<HTMLDivElement, PaginationProps>(\n (props, ref) => {\n const {\n count,\n defaultPage,\n disabled,\n hideNextButton,\n hidePreviousButton,\n isInverse,\n numberOfAdjacentPages,\n numberOfEdgePages,\n page,\n size = PageButtonSize.medium,\n showFirstButton,\n showLastButton,\n testId,\n onPageChange,\n ...other\n } = props;\n const theme = React.useContext(ThemeContext);\n const buttonSize =\n size === PageButtonSize.large ? ButtonSize.large : ButtonSize.medium;\n\n const { pageButtons } = usePagination({\n count,\n defaultPage,\n disabled,\n hideNextButton,\n hidePreviousButton,\n numberOfAdjacentPages,\n numberOfEdgePages,\n onPageChange,\n page,\n showFirstButton,\n showLastButton,\n });\n\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledNav {...other} theme={theme} data-testid={testId} ref={ref}>\n <StyledList>\n {pageButtons.map(\n ({ 'aria-current': ariaCurrent, page, type, ...other }, index) => {\n if (type === 'start-ellipsis' || type === 'end-ellipsis') {\n return (\n <StyledEllipsis\n key={index}\n isInverse={isInverse}\n size={size}\n theme={theme}\n >\n ...\n </StyledEllipsis>\n );\n } else if (type === 'page') {\n return (\n <StyledListItem\n aria-current={Boolean(ariaCurrent)}\n key={index}\n >\n <PageButton\n isInverse={isInverse}\n size={buttonSize}\n {...other}\n >\n {page}\n </PageButton>\n </StyledListItem>\n );\n } else if (type === 'previous' || type === 'next') {\n return (\n <StyledListItem key={index}>\n <NavButton\n variant={\n isInverse ? ButtonVariant.outline : ButtonVariant.solid\n }\n color={ButtonColor.secondary}\n aria-label={i18n.pagination[`${type}ButtonLabel`]}\n icon={\n type === 'previous' ? (\n <ArrowBackIcon />\n ) : (\n <ArrowForwardIcon />\n )\n }\n isInverse={isInverse}\n theme={theme}\n shape={\n type === 'previous'\n ? ButtonShape.leftCap\n : ButtonShape.rightCap\n }\n size={buttonSize}\n {...other}\n />\n </StyledListItem>\n );\n }\n }\n )}\n </StyledList>\n </StyledNav>\n );\n }\n);\n","import * as React from 'react';\nimport {\n DisplayInputStyles,\n DisplayInputActiveStyles,\n buildDisplayInputActiveBackground,\n buildDisplayInputFocusStyles,\n} from '../SelectionControls/InputStyles';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\nimport { RadioContext } from '../RadioGroup';\nimport {\n RadioButtonCheckedIcon,\n RadioButtonUncheckedIcon,\n} from 'react-magma-icons';\nimport { StyledLabel } from '../SelectionControls/StyledLabel';\nimport { StyledContainer } from '../SelectionControls/StyledContainer';\n// Using the base `styled` from `emotion` until import mapping is fixed: https://github.com/emotion-js/emotion/pull/1220\n// import styled from '../../theme/styled';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useGenerateId } from '../../utils';\n\nexport enum RadioTextPosition {\n left = 'left',\n right = 'right', // default\n}\n\nexport interface RadioProps\n extends React.InputHTMLAttributes<HTMLInputElement> {\n /**\n * @internal\n */\n css?: any; // Adding css prop to fix emotion error\n /**\n * Hex code for the background color\n * @default #0000FF\n */\n color?: string;\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * Style properties for the radio button element\n */\n inputStyle?: React.CSSProperties;\n isInverse?: boolean;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isTextVisuallyHidden?: boolean;\n /**\n * Style properties for the label element\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content of label; can be node or string\n */\n labelText: React.ReactNode;\n testId?: string;\n /**\n * Whether the label appears to the left of the right of the radio button\n * @default RadioTextPosition.right\n */\n textPosition?: RadioTextPosition;\n}\n\nconst HiddenLabelText = styled.span`\n ${HiddenStyles};\n`;\n\nconst HiddenInput = styled.input<{ indeterminate?: boolean }>`\n ${HiddenStyles};\n`;\n\nfunction buildRadioIconColor(props) {\n if (props.disabled) {\n if (props.isInverse) {\n return props.theme.colors.tint04;\n }\n return props.theme.colors.neutral05;\n }\n if (props.isInverse) {\n return props.theme.colors.neutral08;\n }\n if (props.isChecked) {\n return props.color;\n }\n return props.theme.colors.neutral02;\n}\n\nexport function buildErrorBorder(props) {\n if (props.hasError) {\n if (props.isInverse) {\n return `0 0 0 2px ${props.theme.colors.dangerInverse}`;\n }\n return `0 0 0 2px ${props.theme.colors.danger}`;\n }\n return `inherit`;\n}\n\nconst StyledFakeInput = styled.span<{\n isChecked?: boolean;\n hasError?: boolean;\n isInverse: boolean;\n disabled: boolean;\n color: string;\n textPosition?: RadioTextPosition;\n theme?: any;\n}>`\n ${DisplayInputStyles};\n color: ${props => buildRadioIconColor(props)};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n margin: ${props =>\n props.textPosition === 'left'\n ? `0 0 0 ${props.theme.spaceScale.spacing03}`\n : `0 ${props.theme.spaceScale.spacing03} 0 0`};\n box-shadow: ${buildErrorBorder};\n\n ${HiddenInput}:checked:not (:disabled) + label & {\n background: ${props => {\n if (props.isInverse) {\n return props.theme.colors.neutral08;\n }\n }};\n }\n\n ${HiddenInput}:focus + label & {\n // focus state\n &:before {\n ${props => buildDisplayInputFocusStyles(props)};\n }\n }\n\n &:after {\n // active state\n background: ${props => buildDisplayInputActiveBackground(props)};\n }\n\n ${HiddenInput}:not(:disabled):active + label & {\n &:after {\n ${DisplayInputActiveStyles}\n }\n }\n`;\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n (props, ref) => {\n const id = useGenerateId(props.id);\n const context = React.useContext(RadioContext);\n const theme = React.useContext(ThemeContext);\n const {\n color = theme.colors.primary,\n containerStyle,\n disabled,\n inputStyle,\n isInverse,\n isTextVisuallyHidden,\n labelStyle,\n labelText,\n required,\n testId,\n textPosition,\n value,\n ...other\n } = props;\n\n return (\n <StyledContainer style={containerStyle}>\n <HiddenInput\n {...other}\n aria-labelledby={context.descriptionId}\n id={id}\n ref={ref}\n checked={context.selectedValue === value}\n data-testid={testId}\n disabled={disabled}\n name={context.name}\n required={context.required || required}\n type=\"radio\"\n value={value}\n onBlur={context.onBlur}\n onChange={context.onChange}\n onFocus={context.onFocus}\n />\n <StyledLabel\n htmlFor={id}\n isInverse={context.isInverse || isInverse}\n style={labelStyle}\n >\n {!isTextVisuallyHidden &&\n textPosition === RadioTextPosition.left &&\n labelText}\n\n <StyledFakeInput\n isChecked={context.selectedValue === value}\n color={color}\n disabled={disabled}\n isInverse={context.isInverse || isInverse}\n hasError={context.hasError}\n style={inputStyle}\n textPosition={textPosition}\n theme={theme}\n >\n {context.selectedValue === value ? (\n <RadioButtonCheckedIcon />\n ) : (\n <RadioButtonUncheckedIcon />\n )}\n </StyledFakeInput>\n {isTextVisuallyHidden ? (\n <HiddenLabelText>{labelText}</HiddenLabelText>\n ) : (\n textPosition !== RadioTextPosition.left && labelText && labelText\n )}\n </StyledLabel>\n </StyledContainer>\n );\n }\n);\n","import * as React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { Announce } from '../Announce';\nimport { InputBase, InputSize, InputType } from '../InputBase';\nimport { Button, ButtonVariant, ButtonType, ButtonSize } from '../Button';\nimport {\n FormFieldContainer,\n FormFieldContainerBaseProps,\n} from '../FormFieldContainer';\nimport { useIsInverse } from '../../inverse';\nimport { VisuallyHidden } from '../VisuallyHidden';\n\nimport { useGenerateId } from '../../utils';\n\nexport interface PasswordInputProps\n extends Omit<FormFieldContainerBaseProps, 'fieldId'>,\n React.InputHTMLAttributes<HTMLInputElement> {\n hiddenPasswordAnnounceText?: string;\n /**\n * Aria-label for the \"Hide Password\" button\n * @default \"Hide password\"\n */\n hidePasswordButtonAriaLabel?: string;\n /**\n * Text displayed on screen for the \"Hide Password\" button\n * @default \"Hide\"\n */\n hidePasswordButtonText?: string;\n isInverse?: boolean;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isPasswordMaskButtonHidden?: boolean;\n shownPasswordAnnounceText?: string;\n /**\n * Aria-label for the \"Show Password\" button\n * @default \"Show password. Note: this will visually expose your password on the screen\"\n */\n showPasswordButtonAriaLabel?: string;\n /**\n * Text displayed on screen for the \"Show Password\" button\n * @default \"Show\"\n */\n showPasswordButtonText?: string;\n testId?: string;\n}\n\nexport const PasswordInput = React.forwardRef<\n HTMLInputElement,\n PasswordInputProps\n>((props, ref) => {\n const [passwordShown, setPasswordShown] = React.useState<boolean>(false);\n\n function togglePasswordShown() {\n setPasswordShown(prevPasswordShown => !prevPasswordShown);\n }\n\n const {\n containerStyle,\n errorMessage,\n helperMessage,\n hiddenPasswordAnnounceText,\n hidePasswordButtonAriaLabel,\n hidePasswordButtonText,\n isPasswordMaskButtonHidden,\n id: defaultId,\n inputSize = InputSize.medium,\n labelStyle,\n labelText,\n isLabelVisuallyHidden,\n messageStyle,\n shownPasswordAnnounceText,\n showPasswordButtonAriaLabel,\n showPasswordButtonText,\n type,\n ...other\n } = props;\n\n const i18n = React.useContext(I18nContext);\n\n const id = useGenerateId(defaultId);\n\n const HIDDEN_PASSWORD_ANNOUNCE_TEXT = hiddenPasswordAnnounceText\n ? hiddenPasswordAnnounceText\n : i18n.password.hidden.announce;\n const HIDE_PASSWORD_BUTTON_ARIA_LABEL = hidePasswordButtonAriaLabel\n ? hidePasswordButtonAriaLabel\n : i18n.password.hidden.ariaLabel;\n const HIDE_PASSWORD_BUTTON_TEXT = hidePasswordButtonText\n ? hidePasswordButtonText\n : i18n.password.hidden.buttonText;\n const SHOWN_PASSWORD_ANNOUNCE_TEXT = shownPasswordAnnounceText\n ? shownPasswordAnnounceText\n : i18n.password.shown.announce;\n const SHOW_PASSWORD_BUTTON_ARIA_LABEL = showPasswordButtonAriaLabel\n ? showPasswordButtonAriaLabel\n : i18n.password.shown.ariaLabel;\n const SHOW_PASSWORD_BUTTON_TEXT = showPasswordButtonText\n ? showPasswordButtonText\n : i18n.password.shown.buttonText;\n\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <FormFieldContainer\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n helperMessage={helperMessage}\n inputSize={inputSize}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n isInverse={isInverse}\n labelStyle={labelStyle}\n labelText={labelText}\n >\n <InputBase\n autoCorrect=\"off\"\n autoCapitalize=\"none\"\n {...other}\n aria-describedby={\n descriptionId ? descriptionId : props['aria-describedby']\n }\n aria-invalid={!!errorMessage}\n hasError={!!errorMessage}\n id={id}\n inputSize={inputSize}\n isInverse={isInverse}\n ref={ref}\n type={passwordShown ? InputType.text : InputType.password}\n >\n {!isPasswordMaskButtonHidden && (\n <>\n <Button\n aria-label={\n passwordShown\n ? HIDE_PASSWORD_BUTTON_ARIA_LABEL\n : SHOW_PASSWORD_BUTTON_ARIA_LABEL\n }\n isInverse={false}\n onClick={togglePasswordShown}\n size={ButtonSize.small}\n style={{\n borderRadius: theme.borderRadius,\n height:\n inputSize == InputSize.large\n ? theme.spaceScale.spacing10\n : theme.spaceScale.spacing08,\n margin: ' 0 3px 0 0 ',\n }}\n type={ButtonType.button}\n variant={ButtonVariant.link}\n >\n {passwordShown\n ? HIDE_PASSWORD_BUTTON_TEXT\n : SHOW_PASSWORD_BUTTON_TEXT}\n </Button>\n <VisuallyHidden>\n <Announce>\n {passwordShown\n ? SHOWN_PASSWORD_ANNOUNCE_TEXT\n : HIDDEN_PASSWORD_ANNOUNCE_TEXT}\n </Announce>\n </VisuallyHidden>\n </>\n )}\n </InputBase>\n </FormFieldContainer>\n );\n});\n","import * as React from 'react';\nimport { Label } from '../Label';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\nimport { InputMessage } from '../Input/InputMessage';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useIsInverse } from '../../inverse';\n\nimport styled from '../../theme/styled';\nimport { omit, useGenerateId } from '../../utils';\n\nconst HiddenLabel = styled.label`\n ${HiddenStyles};\n`;\n\n/**\n * @children required\n */\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Action that fires when the radio group loses focus\n */\n onBlur?: (event?: React.FocusEvent) => void;\n /**\n * Action that fires when selected value of the radio group changes\n */\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /**\n * Action that fires when one of the radio buttons within the group receives focus\n */\n onFocus?: (event: React.FocusEvent) => void;\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * Content of the error message. If a value is provided, the radio buttons will be styled to show an error state\n */\n errorMessage?: React.ReactNode;\n /**\n * Content of the helper message\n */\n helperMessage?: React.ReactNode;\n isInverse?: boolean;\n /**\n * If true, label text for the radio group will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isTextVisuallyHidden?: boolean;\n /**\n * ID of the element that labels the radio group, used in the aria-labelledby attribute for the group. Alternatively, the labelText prop can be used\n */\n labelledById?: string;\n /**\n * Style properties for the label of the radio group\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content of label of the radio group; can be node or string. Alternatively, the labelledById prop can be used\n */\n labelText?: React.ReactNode;\n /**\n * Name attribute the radio group\n */\n name: string;\n /**\n * If true, the user must select one radio button for the form to be valid\n * @default false\n */\n required?: boolean;\n testId?: string;\n /**\n * Value of the radio button that is the default selected value for the group\n */\n value?: string;\n}\n\nexport interface RadioContextInterface {\n descriptionId?: string;\n hasError?: boolean;\n isInverse?: boolean;\n required?: boolean;\n name: string;\n selectedValue?: string;\n onBlur?: (event: React.FocusEvent) => void;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onFocus?: (event: React.FocusEvent) => void;\n}\n\nexport const RadioContext = React.createContext<RadioContextInterface>({\n hasError: false,\n name: 'defaultName',\n});\n\nexport const RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(\n (props, ref) => {\n const id = useGenerateId(props.id);\n const [selectedValue, setSelectedValue] = React.useState<string>(\n props.value\n );\n\n React.useEffect(() => {\n setSelectedValue(props.value);\n }, [props.value]);\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { value: newSelectedValue } = event.target;\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(event);\n setSelectedValue(newSelectedValue);\n }\n\n const {\n containerStyle,\n errorMessage,\n helperMessage,\n required,\n isTextVisuallyHidden,\n labelledById,\n labelStyle,\n labelText,\n testId,\n name,\n children,\n ...rest\n } = props;\n const other = omit(['onBlur', 'onChange', 'onFocus', 'id'], rest);\n\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <div\n {...other}\n aria-labelledby={labelledById ? labelledById : id}\n style={containerStyle}\n data-testid={testId}\n ref={ref}\n role=\"radiogroup\"\n >\n <RadioContext.Provider\n value={{\n descriptionId,\n hasError: !!errorMessage,\n isInverse,\n required,\n name,\n selectedValue,\n onBlur: props.onBlur,\n onChange: handleChange,\n onFocus: props.onFocus,\n }}\n >\n {labelText && isTextVisuallyHidden && (\n <HiddenLabel id={id} style={labelStyle}>\n {labelText}\n </HiddenLabel>\n )}\n\n {labelText && !isTextVisuallyHidden && (\n <Label\n id={id}\n style={labelStyle}\n isInverse={isInverse}\n theme={theme}\n >\n {labelText}\n </Label>\n )}\n {children}\n\n <InputMessage\n id={descriptionId}\n hasError={!!errorMessage}\n isInverse={isInverse}\n >\n {(errorMessage || helperMessage) && (\n <>{errorMessage ? errorMessage : helperMessage}</>\n )}\n </InputMessage>\n </RadioContext.Provider>\n </div>\n );\n }\n);\n","import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport styled from '@emotion/styled';\nimport { Global, css } from '@emotion/core';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { magma } from '../../theme/magma';\nimport { I18nContext } from '../../i18n';\nimport { ButtonColor, ButtonVariant } from '../Button';\nimport { IconButton } from '../IconButton';\nimport { CloseIcon } from 'react-magma-icons';\nimport { Heading } from '../Heading';\nimport { TypographyVisualStyle } from '../Typography';\nimport { Transition, TransitionProps } from '../Transition';\nimport { ThemeInterface } from '../../theme/magma';\nimport { omit, useGenerateId, usePrevious } from '../../utils';\nimport { useFocusLock } from '../../hooks/useFocusLock';\n\nexport enum ModalSize {\n large = 'large',\n medium = 'medium', //default\n small = 'small',\n}\n\n/**\n * @children required\n */\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The text read by screen readers for the close button\n * @default \"Close dialog\"\n */\n closeAriaLabel?: string;\n /**\n * Style for the modal container\n */\n closeButtonSize?: keyof typeof magma.iconSizes;\n /**\n * Style for the modal container\n */\n containerStyle?: React.CSSProperties;\n /**\n * The content of the modal header\n */\n header?: React.ReactNode;\n /**\n * If true, clicking the backdrop will not dismiss the modal\n * @default false\n */\n isBackgroundClickDisabled?: boolean;\n /**\n * If true, the close button the the modal will be suppressed\n * @default false\n */\n isCloseButtonHidden?: boolean;\n /**\n * If true, pressing the Escape key will not dismiss the modal\n * @false\n */\n isEscKeyDownDisabled?: boolean;\n /**\n * If true, the modal will be visible\n * @default false\n */\n isOpen?: boolean;\n /**\n * If true, the modal will removed from the DOM when closed\n * @default true\n */\n unmountOnExit?: boolean;\n /**\n * @internal\n */\n containerTransition?: Omit<TransitionProps, 'isOpen'>;\n /**\n * Action that fires when the close button is clicked\n */\n onClose?: () => void;\n /**\n * Action that fires when the Escape key is pressed\n */\n onEscKeyDown?: (event: KeyboardEvent) => void;\n /**\n * The relative size of the modal\n * @default ModalSize.medium\n */\n size?: ModalSize;\n testId?: string;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nconst ModalContainer = styled(Transition)<{\n theme: ThemeInterface;\n}>`\n bottom: 0;\n left: 0;\n overflow-y: auto;\n padding: ${props => props.theme.spaceScale.spacing03};\n right: 0;\n top: 0;\n z-index: 998;\n`;\n\nconst ModalBackdrop = styled(Transition)<{ isExiting?: boolean }>`\n backdrop-filter: blur(3px);\n background: rgba(0, 0, 0, 0.6);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n z-index: 997;\n position: fixed;\n`;\n\nconst ModalContent = styled.div<ModalProps & { isExiting?: boolean }>`\n background: ${props => props.theme.colors.neutral08};\n border: 1px solid;\n border-color: ${props => props.theme.colors.neutral06};\n border-radius: ${props => props.theme.borderRadius};\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n color: ${props => props.theme.colors.neutral};\n margin: 0 auto;\n position: relative;\n z-index: 1000;\n\n max-width: ${props => {\n switch (props.size) {\n case 'large':\n return props.theme.modal.width.large;\n case 'small':\n return props.theme.modal.width.small;\n default:\n return props.theme.modal.width.medium;\n }\n }};\n\n @media (min-width: ${props => props.theme.breakpoints.small}px) {\n margin: ${props => props.theme.spaceScale.spacing08} auto;\n }\n`;\n\nconst ModalHeader = styled.div<{ theme?: ThemeInterface }>`\n padding: ${props => props.theme.spaceScale.spacing03}\n ${props => props.theme.spaceScale.spacing05} 0\n ${props => props.theme.spaceScale.spacing05};\n @media (min-width: ${props => props.theme.breakpoints.small}px) {\n padding: ${props => props.theme.spaceScale.spacing05}\n ${props => props.theme.spaceScale.spacing06} 0\n ${props => props.theme.spaceScale.spacing06};\n }\n`;\n\nconst H1 = styled(Heading)<{ theme?: ThemeInterface }>`\n font-size: ${props =>\n props.theme.typographyVisualStyles.headingSmall.desktop.fontSize};\n line-height: ${props =>\n props.theme.typographyVisualStyles.headingSmall.desktop.lineHeight};\n margin: 0;\n padding-right: ${props => props.theme.spaceScale.spacing10};\n`;\n\nconst CloseBtn = styled.span`\n position: absolute;\n top: 0;\n right: 0;\n`;\nconst ModalBody = styled.div<{ theme?: ThemeInterface }>`\n padding: ${props => props.theme.spaceScale.spacing05};\n\n @media (min-width: ${props => props.theme.breakpoints.small}px) {\n padding: ${props => props.theme.spaceScale.spacing06};\n }\n`;\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n (props, ref) => {\n const lastFocus = React.useRef<any>();\n const headingRef = React.useRef<any>();\n const bodyRef = React.useRef<any>();\n\n const id = useGenerateId(props.id);\n const headingId = `${id}_heading`;\n const contentId = `${id}_content`;\n\n const [isModalOpen, setIsModalOpen] = React.useState<boolean>(props.isOpen);\n const [isExiting, setIsExiting] = React.useState<boolean>(false);\n const [currentTarget, setCurrentTarget] = React.useState(null);\n\n const focusTrapElement = useFocusLock(\n isModalOpen,\n props.header ? headingRef : null,\n bodyRef\n );\n\n const prevOpen = usePrevious(props.isOpen);\n\n React.useEffect(() => {\n if (!prevOpen && props.isOpen) {\n setIsModalOpen(true);\n } else if (prevOpen && !props.isOpen && isModalOpen) {\n handleClose();\n }\n }, [props.isOpen]);\n\n React.useEffect(() => {\n if (isModalOpen) {\n lastFocus.current = document.activeElement;\n\n if (!props.isEscKeyDownDisabled) {\n document.body.addEventListener('keydown', handleEscapeKeyDown, false);\n }\n }\n\n return () => {\n document.body.removeEventListener(\n 'keydown',\n handleEscapeKeyDown,\n false\n );\n };\n }, [isModalOpen]);\n\n function handleModalClick(event: React.SyntheticEvent) {\n if (\n !document.getElementById(contentId).contains(event.target as Node) &&\n event.target === currentTarget\n ) {\n handleClose(event);\n }\n }\n\n function handleModalOnMouseDown(event: React.SyntheticEvent) {\n setCurrentTarget(event.target);\n }\n\n function handleEscapeKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n\n props.onEscKeyDown &&\n typeof props.onEscKeyDown === 'function' &&\n props.onEscKeyDown(event);\n\n handleClose(event);\n }\n }\n\n function handleClose(event?) {\n if (event) {\n event.stopPropagation();\n }\n setIsExiting(true);\n\n setTimeout(() => {\n setIsExiting(false);\n setIsModalOpen(false);\n\n if (lastFocus.current) {\n lastFocus.current.focus();\n }\n\n props.onClose && typeof props.onClose === 'function' && props.onClose();\n }, 300);\n }\n\n const {\n children,\n closeAriaLabel,\n closeButtonSize,\n containerStyle,\n containerTransition = { slideTop: true },\n isBackgroundClickDisabled,\n isEscKeyDownDisabled,\n header,\n isCloseButtonHidden,\n isOpen,\n unmountOnExit = true,\n testId,\n ...rest\n } = props;\n\n const other = omit(['onEscKeyDown'], rest);\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const CloseIconButton = (\n <CloseIcon\n color={theme.colors.neutral03}\n size={\n magma.iconSizes[closeButtonSize]\n ? magma.iconSizes[closeButtonSize]\n : magma.iconSizes.small\n }\n />\n );\n\n return isModalOpen\n ? ReactDOM.createPortal(\n <div ref={focusTrapElement}>\n <Global\n styles={css`\n html {\n overflow: ${isOpen} ? hidden : auto;\n }\n `}\n />\n <ModalContainer\n aria-labelledby={header ? headingId : null}\n aria-label=\"modal\"\n aria-describedby=\"modal\"\n aria-modal={true}\n data-testid={testId}\n id={id}\n onClick={isBackgroundClickDisabled ? null : handleModalClick}\n onMouseDown={\n isBackgroundClickDisabled ? null : handleModalOnMouseDown\n }\n role=\"dialog\"\n style={containerStyle}\n theme={theme}\n isOpen={isModalOpen}\n {...containerTransition}\n unmountOnExit={unmountOnExit}\n >\n <ModalContent\n {...other}\n data-testid=\"modal-content\"\n id={contentId}\n isExiting={isExiting}\n ref={ref}\n theme={theme}\n >\n {header && (\n <ModalHeader theme={theme}>\n {header && (\n <H1\n id={headingId}\n level={1}\n ref={headingRef}\n visualStyle={TypographyVisualStyle.headingSmall}\n tabIndex={-1}\n theme={theme}\n >\n {header}\n </H1>\n )}\n </ModalHeader>\n )}\n <ModalBody ref={bodyRef} theme={theme}>\n {children}\n </ModalBody>\n {!isCloseButtonHidden && (\n <CloseBtn>\n <IconButton\n aria-label={\n closeAriaLabel\n ? closeAriaLabel\n : i18n.modal.closeAriaLabel\n }\n color={ButtonColor.secondary}\n icon={CloseIconButton}\n onClick={handleClose}\n testId=\"modal-closebtn\"\n variant={ButtonVariant.link}\n />\n </CloseBtn>\n )}\n </ModalContent>\n </ModalContainer>\n <ModalBackdrop\n data-testid=\"modal-backdrop\"\n isExiting={isExiting}\n onMouseDown={\n isBackgroundClickDisabled\n ? event => event.preventDefault()\n : null\n }\n fade\n isOpen={isModalOpen}\n unmountOnExit\n />\n </div>,\n document.getElementsByTagName('body')[0]\n )\n : null;\n }\n);\n","import * as React from 'react';\nimport { AnimatePresence, motion, HTMLMotionProps } from 'framer-motion';\nimport { MotionVariants } from '../../theme/components/transition';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\n\n/**\n * @children required\n */\nexport interface TransitionProps extends HTMLMotionProps<'div'> {\n /**\n * If `true`, the element will unmount when `in={false}` and animation is done\n * @default false\n */\n unmountOnExit?: boolean;\n /**\n * If `true`, the content will animate in\n * @default false\n */\n isOpen?: boolean;\n /**\n * Custom variants to be applied to the enter and exit transitions.\n * @internal\n */\n customTransition?: MotionVariants<'enter' | 'exit'>;\n testId?: string;\n /**\n * Should children fade in/out\n * @default false\n */\n fade?: boolean;\n /**\n * Should children scale in/out\n * @default false\n */\n scale?: boolean;\n /**\n * Should children slide in/out from the top of the screen\n * @default false\n */\n slideTop?: boolean;\n /**\n * Should children slide in/out from the bottom of the screen\n * @default false\n */\n slideBottom?: boolean;\n /**\n * Should children slide in/out from the left of the screen\n * @default false\n */\n slideLeft?: boolean;\n /**\n * Should children slide in/out from the right of the screen\n * @default false\n */\n slideRight?: boolean;\n /**\n * Should the children get nudged in 50px from the top\n * @default false\n */\n nudgeTop?: boolean;\n /**\n * Should the children get nudged in 50px from the bottom\n * @default false\n */\n nudgeBottom?: boolean;\n /**\n * Should the children get nudged in 50px from the left\n * @default false\n */\n nudgeLeft?: boolean;\n /**\n * Should the children get nudged in 50px from the right\n * @default false\n */\n nudgeRight?: boolean;\n /**\n * Should children collapse in/out\n * @default false\n */\n collapse?: boolean;\n /**\n * Should children rotate 45 degrees\n * @default false\n */\n rotate45?: boolean;\n /**\n * Should children rotate 90 degrees\n * @default false\n */\n rotate90?: boolean;\n /**\n * Should children rotate 180 degrees\n * @default false\n */\n rotate180?: boolean;\n}\n\nexport const Transition = React.forwardRef<HTMLDivElement, TransitionProps>(\n (props, ref) => {\n const theme: ThemeInterface = React.useContext(ThemeContext);\n\n const {\n style,\n unmountOnExit,\n isOpen,\n testId,\n initial = 'exit',\n exit = 'exit',\n customTransition = {\n enter: { transition: {} },\n exit: { transition: {} },\n },\n ...rest\n } = props;\n\n const shouldExpand = unmountOnExit ? isOpen && unmountOnExit : true;\n\n const variants = Object.keys(rest).reduce(\n (acc, key) => {\n if (rest[key] && theme.transitions[key]) {\n const themeVariant = theme.transitions[key];\n rest[key] = undefined;\n return {\n baseStyle: {\n ...acc.baseStyle,\n ...themeVariant.baseStyle,\n },\n motion: {\n ...acc,\n enter: {\n ...acc.motion.enter,\n ...themeVariant.motion.enter,\n transition: {\n ...('transition' in acc.motion.enter\n ? acc.motion.enter.transition\n : {}),\n ...('transition' in themeVariant.motion.enter\n ? themeVariant.motion.enter.transition\n : {}),\n },\n },\n exit: {\n ...acc.motion.exit,\n ...themeVariant.motion.exit,\n transition: {\n ...('transition' in acc.motion.exit\n ? acc.motion.exit.transition\n : {}),\n ...('transition' in themeVariant.motion.exit\n ? themeVariant.motion.exit.transition\n : {}),\n },\n },\n },\n };\n }\n return acc;\n },\n { motion: customTransition, baseStyle: {} }\n );\n\n return (\n <AnimatePresence initial={false}>\n {shouldExpand && (\n <motion.div\n ref={ref}\n initial={initial}\n exit={exit}\n data-testid={testId}\n animate={isOpen || unmountOnExit ? 'enter' : 'exit'}\n variants={variants.motion}\n style={{ ...variants.baseStyle, ...style }}\n {...rest}\n />\n )}\n </AnimatePresence>\n );\n }\n);\n","import * as React from 'react';\n// import styled from '../../theme/styled';\nimport {\n InputBase,\n InputBaseProps,\n InputIconPosition,\n InputSize,\n InputType,\n} from '../InputBase';\nimport { I18nContext } from '../../i18n';\nimport { useIsInverse } from '../../inverse';\nimport { SearchIcon } from 'react-magma-icons';\nimport { Spinner } from '../Spinner';\n\nexport interface SearchProps extends InputBaseProps {\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * Text for icon button aria-label\n * @default \"Search\"\n */\n iconAriaLabel?: string;\n /**\n * Relative size of the component\n * @default InputSize.medium\n */\n inputSize?: InputSize;\n /**\n * Style properties for the input element\n */\n inputStyle?: React.CSSProperties;\n /**\n * Clear contents of input by clicking a clear button\n */\n iconPosition?: InputIconPosition;\n isClearable?: boolean;\n /**\n * If true, the component will show a loading animation instead of a search button\n * @default false\n */\n isLoading?: boolean;\n isInverse?: boolean;\n /**\n * Text for input aria-label\n * @default \"Search\"\n */\n labelText?: string;\n /**\n * Action that will fire when search icon button is clicked\n */\n onSearch: (term: string) => void;\n testId?: string;\n /**\n * Value of the input element\n */\n value?: string;\n}\n\nexport const Search = React.forwardRef<HTMLInputElement, SearchProps>(\n (props, ref) => {\n const {\n iconAriaLabel,\n isClearable,\n isLoading,\n labelText,\n placeholder,\n onSearch,\n ...other\n } = props;\n\n const i18n = React.useContext(I18nContext);\n\n const [value, setValue] = React.useState<string>(props.value);\n\n const icon = isLoading ? <Spinner /> : <SearchIcon />;\n\n React.useEffect(() => {\n setValue(props.value);\n }, [props.value]);\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(event);\n setValue(event.target.value);\n }\n\n // handle search on enter\n function handleKeyPress(event: React.KeyboardEvent) {\n if (event.key === 'Enter') {\n event.preventDefault();\n handleSearch();\n }\n }\n\n function handleSearch() {\n onSearch(value);\n }\n\n return (\n <InputBase\n {...other}\n aria-label={labelText ? labelText : i18n.search.input.ariaLabel}\n icon={icon}\n iconAriaLabel={\n iconAriaLabel ? iconAriaLabel : i18n.search.iconAriaLabel\n }\n isClearable={isClearable}\n isInverse={useIsInverse(props.isInverse)}\n onChange={handleChange}\n onIconClick={\n props.isPredictive ? null : isLoading ? null : handleSearch\n }\n onKeyDown={handleKeyPress}\n placeholder={placeholder ? placeholder : i18n.search.input.placeholder}\n type={InputType.search}\n value={value}\n ref={ref}\n />\n );\n }\n);\n","import React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { StyledCard, StyledList, StyledItem } from './shared';\nimport {\n UseSelectGetMenuPropsOptions,\n UseSelectGetItemPropsOptions,\n} from 'downshift';\nimport { instanceOfToBeCreatedItemObject } from '.';\nimport {\n defaultComponents,\n SelectComponents,\n ItemRenderOptions,\n} from './components';\nimport styled from '../../theme/styled';\nimport { convertStyleValueToString } from '../../utils';\n\ninterface ItemsListProps<T> {\n customComponents?: SelectComponents<T>;\n getItemProps: (options?: UseSelectGetItemPropsOptions<T>) => any;\n getMenuProps: (options?: UseSelectGetMenuPropsOptions) => any;\n highlightedIndex?: number;\n isOpen?: boolean;\n items: T[];\n itemToString: (item: T) => string;\n maxHeight?: number | string;\n menuStyle?: React.CSSProperties;\n}\n\nconst NoItemsMessage = styled.span`\n color: ${props => props.theme.colors.neutral04};\n display: block;\n padding-top: ${props => props.theme.spaceScale.spacing03};\n text-align: center;\n`;\n\nexport function ItemsList<T>(props: ItemsListProps<T>) {\n const {\n customComponents,\n isOpen,\n getMenuProps,\n items,\n itemToString,\n highlightedIndex,\n getItemProps,\n maxHeight,\n menuStyle,\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const hasItems = items && items.length > 0;\n\n const heightString = convertStyleValueToString(maxHeight);\n const { Item } = defaultComponents<T>({\n ...customComponents,\n });\n\n return (\n <StyledCard\n hasDropShadow\n isInverse={false}\n isOpen={isOpen}\n style={menuStyle}\n >\n <StyledList isOpen={isOpen} {...getMenuProps()} maxHeight={heightString}>\n {isOpen && hasItems ? (\n items.map((item, index) => {\n const itemString = instanceOfToBeCreatedItemObject(item)\n ? item.label\n : itemToString(item);\n\n const { ref, ...otherDownshiftItemProps } = getItemProps({\n item,\n index,\n });\n\n const key = `${itemString}${index}`;\n\n const itemProps: ItemRenderOptions<T> = {\n isFocused: highlightedIndex === index,\n itemRef: ref,\n item,\n itemString,\n key,\n theme,\n ...otherDownshiftItemProps,\n };\n\n return <Item<T> {...itemProps} key={key} />;\n })\n ) : (\n <StyledItem tabIndex={-1}>\n <NoItemsMessage theme={theme}>\n {i18n.emptyItemsListText}\n </NoItemsMessage>\n </StyledItem>\n )}\n </StyledList>\n </StyledCard>\n );\n}\n","import * as React from 'react';\nimport {\n useSelect,\n useMultipleSelection,\n UseSelectProps,\n UseMultipleSelectionProps,\n} from 'downshift';\n\nimport { Select as InternalSelect } from './Select';\nimport { MultiSelect } from './MultiSelect';\nimport { SelectComponents } from './components';\nimport { useGenerateId, XOR, Omit } from '../../utils';\nimport { LabelPosition } from '../Label';\nimport { useIsInverse } from '../../inverse';\n\nexport type SelectOptions =\n | string\n | { value: string; label: string; [key: string]: any }\n | any;\n\nexport interface InternalSelectProps<T> {\n /**\n * This complex object includes all the compositional components that are used. If you wish to overwrite a component, pass in a component to the appropriate namespace\n */\n components?: SelectComponents<T>;\n /**\n * Style properties for the component container\n */\n containerStyle?: React.CSSProperties;\n /**\n * Content of the error message. If a value is provided, the component will be styled to show an error state\n */\n errorMessage?: React.ReactNode;\n /**\n * Content of the helper message\n */\n helperMessage?: React.ReactNode;\n /**\n * Style properties for the select trigger or combobox input\n */\n inputStyle?: React.CSSProperties;\n /**\n * If true, the component include a button for clearing the field\n * @default false\n */\n isClearable?: boolean;\n /**\n * Max-height for the item menu list ul element\n */\n itemListMaxHeight?: number | string;\n /**\n * If true, item will be disabled; it will appear dimmed and events will not fire\n * @default false\n */\n disabled?: boolean;\n isInverse?: boolean;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isLabelVisuallyHidden?: boolean;\n /**\n * If true, multiple items may be selected\n * @default false\n */\n isMulti?: boolean;\n /**\n * Position of text label relative to form field\n */\n labelPosition?: LabelPosition;\n /**\n * Style properties for the label\n */\n labelStyle?: React.CSSProperties;\n /**\n * Text for label\n */\n labelText: string;\n /**\n * Style properties for the items menu\n */\n menuStyle?: React.CSSProperties;\n /**\n * Style properties for the helper or error message\n */\n messageStyle?: React.CSSProperties;\n /**\n * Text for select trigger button or combobox input placeholder\n */\n placeholder?: string;\n testId?: string;\n}\n\nexport interface InternalMultiProps<T> {\n /**\n * Event that fires when the clear button is clicked on a multi-selected item\n */\n onRemoveSelectedItem?: (removedItem: T) => void;\n}\n\nexport interface SelectProps<T extends SelectOptions>\n extends UseSelectProps<T>,\n InternalSelectProps<T> {\n /**\n * Id of the element that describes the select trigger button\n */\n ariaDescribedBy?: string;\n /**\n * @internal\n */\n hasError?: boolean;\n /**\n * Reference to the trigger button element in the select\n */\n innerRef?: React.Ref<HTMLButtonElement>;\n /**\n * @internal\n */\n isMulti?: false;\n /**\n * Event that fires when the trigger button loses focus\n */\n onBlur?: (event: React.FocusEvent) => void;\n /**\n * Event that fires when the trigger button gains focus\n */\n onFocus?: (event: React.FocusEvent) => void;\n /**\n * Event that fires when the trigger button receives keypress\n */\n onKeyDown?: (event: React.KeyboardEvent) => void;\n /**\n * Event that will fire when a character is typed while focused on the trigger button\n */\n onKeyPress?: (event: React.KeyboardEvent) => void;\n /**\n * Event that will fire when a keypress is released while focused on the trigger button\n */\n onKeyUp?: (event: React.KeyboardEvent) => void;\n}\n\nexport interface MultiSelectProps<T extends SelectOptions>\n extends UseMultipleSelectionProps<T>,\n Omit<SelectProps<T>, 'onStateChange' | 'stateReducer' | 'isMulti'>,\n InternalMultiProps<T> {\n /**\n * @internal\n */\n hasError?: boolean;\n isInverse?: boolean;\n /**\n * @internal\n */\n isMulti: true;\n}\n\nexport function instanceOfMultiSelect<T>(\n object: any\n): object is MultiSelectProps<T> {\n return 'isMulti' in object && object.type !== 'combo';\n}\n\nexport function instanceOfDefaultItemObject(\n object: any\n): object is { label: string; value: string; [key: string]: any } {\n return object && 'label' in object;\n}\n\nexport function instanceOfToBeCreatedItemObject(\n object: any\n): object is {\n label: string;\n value: string;\n react_magma__created_item: boolean;\n} {\n return (\n typeof object !== 'string' &&\n object &&\n 'react_magma__created_item' in object\n );\n}\n\nexport type XORSelectProps<T> = XOR<SelectProps<T>, MultiSelectProps<T>>;\n\nexport const SelectStateChangeTypes = useSelect.stateChangeTypes;\nexport const MultipleSelectionStateChangeTypes =\n useMultipleSelection.stateChangeTypes;\n\nexport function Select<T>(props: XORSelectProps<T>) {\n const {\n containerStyle,\n id: defaultId,\n isMulti,\n labelPosition,\n errorMessage,\n messageStyle,\n helperMessage,\n testId,\n } = props;\n\n function itemToString(item: T) {\n return item && typeof item === 'string'\n ? item\n : item && instanceOfDefaultItemObject(item)\n ? item.label\n : '';\n }\n\n const hasError = !!errorMessage;\n\n const id = useGenerateId(defaultId);\n\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <div style={containerStyle} data-testid={testId}>\n {isMulti && instanceOfMultiSelect<T>(props) ? (\n <MultiSelect\n ariaDescribedBy={descriptionId}\n id={id}\n isInverse={isInverse}\n labelPosition={labelPosition || LabelPosition.top}\n itemToString={itemToString}\n {...(props as MultiSelectProps<T>)}\n hasError={hasError}\n />\n ) : (\n <InternalSelect\n ariaDescribedBy={descriptionId}\n errorMessage={errorMessage}\n id={id}\n isInverse={isInverse}\n itemToString={itemToString}\n labelPosition={labelPosition || LabelPosition.top}\n hasError={hasError}\n helperMessage={helperMessage}\n messageStyle={messageStyle}\n {...(props as SelectProps<T>)}\n />\n )}\n </div>\n );\n}\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { Label, LabelPosition } from '../Label';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { UseSelectGetLabelPropsOptions } from 'downshift';\nimport { InputMessage } from '../Input/InputMessage';\n\nexport const SelectContainerElement = styled.div<{\n labelPosition?: LabelPosition;\n}>`\n align-items: baseline;\n display: ${props =>\n props.labelPosition == LabelPosition.left ? 'flex' : 'block'};\n position: relative;\n`;\n\nconst InputMessageContainer = styled.div`\n flex-grow: 1;\n`;\n\ninterface SelectContainerInterface<T> {\n children: React.ReactNode[];\n containerStyle?: React.CSSProperties;\n errorMessage?: React.ReactNode;\n descriptionId?: string;\n getLabelProps: (options?: UseSelectGetLabelPropsOptions) => any;\n hasError?: boolean;\n helperMessage?: React.ReactNode;\n isInverse?: boolean;\n isLabelVisuallyHidden?: boolean;\n labelPosition?: LabelPosition;\n labelStyle?: React.CSSProperties;\n labelText: string;\n messageStyle?: React.CSSProperties;\n}\n\nexport function SelectContainer<T>(props: SelectContainerInterface<T>) {\n const {\n children,\n descriptionId,\n errorMessage,\n getLabelProps,\n helperMessage,\n isInverse,\n isLabelVisuallyHidden,\n labelPosition,\n labelStyle,\n labelText,\n messageStyle,\n } = props;\n\n const hasError = !!errorMessage;\n\n return (\n <SelectContainerElement\n labelPosition={labelPosition}\n data-testid=\"selectContainerElement\"\n >\n <Label\n {...getLabelProps()}\n isInverse={isInverse}\n labelPosition={labelPosition}\n style={labelStyle}\n >\n {isLabelVisuallyHidden ? (\n <VisuallyHidden>{labelText}</VisuallyHidden>\n ) : (\n labelText\n )}\n </Label>\n <InputMessageContainer>\n {children}\n {!(\n labelPosition === LabelPosition.left &&\n !(errorMessage || helperMessage)\n ) &&\n (errorMessage || helperMessage) && (\n <InputMessage\n id={descriptionId}\n isInverse={isInverse}\n hasError={hasError}\n style={messageStyle}\n >\n {(errorMessage || helperMessage) && (\n <>{errorMessage ? errorMessage : helperMessage}</>\n )}\n </InputMessage>\n )}\n </InputMessageContainer>\n </SelectContainerElement>\n );\n}\n","import * as React from 'react';\nimport { SelectProps } from '.';\nimport { useSelect } from 'downshift';\nimport { SelectText } from './shared';\nimport { defaultComponents } from './components';\nimport { CloseIcon } from 'react-magma-icons';\nimport { ButtonSize, ButtonVariant } from '../Button';\nimport { ItemsList } from './ItemsList';\nimport { SelectContainer } from './SelectContainer';\nimport { SelectTriggerButton } from './SelectTriggerButton';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { useForkedRef } from '../../utils';\n\nexport function Select<T>(props: SelectProps<T>) {\n const {\n ariaDescribedBy,\n components: customComponents,\n defaultSelectedItem,\n errorMessage,\n hasError,\n helperMessage,\n inputStyle,\n isLabelVisuallyHidden,\n innerRef,\n itemListMaxHeight,\n itemToString,\n items,\n labelStyle,\n labelText,\n initialSelectedItem,\n isClearable,\n disabled,\n isInverse,\n labelPosition,\n menuStyle,\n onBlur,\n onFocus,\n onIsOpenChange,\n onKeyDown,\n onKeyPress,\n onKeyUp,\n messageStyle,\n placeholder,\n selectedItem: passedInSelectedItem,\n } = props;\n\n const toggleButtonRef = React.useRef<HTMLButtonElement>();\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const ref = useForkedRef(innerRef || null, toggleButtonRef);\n\n function getValidItem(itemToCheck: T, key: string): object {\n return items.findIndex(\n i => itemToString(i) === itemToString(itemToCheck)\n ) !== -1\n ? { [key]: itemToCheck }\n : { [key]: null };\n }\n\n function handleOnIsOpenChange(changes) {\n const {\n isOpen: changedIsOpen,\n selectedItem: changedSelectedItem,\n } = changes;\n\n if (changedIsOpen && changedSelectedItem) {\n setHighlightedIndex(\n items.findIndex(\n i => itemToString(i) === itemToString(changedSelectedItem)\n )\n );\n }\n\n onIsOpenChange &&\n typeof onIsOpenChange === 'function' &&\n onIsOpenChange(changes);\n }\n\n function stateReducer(state, actionAndChanges) {\n const { type, changes } = actionAndChanges;\n switch (type) {\n case useSelect.stateChangeTypes.ToggleButtonKeyDownCharacter:\n return {\n ...changes,\n selectedItem: state.selectedItem,\n };\n default:\n return changes;\n }\n }\n\n const {\n isOpen,\n selectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n highlightedIndex,\n getItemProps,\n reset,\n openMenu,\n setHighlightedIndex,\n } = useSelect<T>({\n ...props,\n onIsOpenChange: handleOnIsOpenChange,\n stateReducer,\n ...(defaultSelectedItem &&\n getValidItem(defaultSelectedItem, 'defaultSelectedItem')),\n ...(initialSelectedItem &&\n getValidItem(initialSelectedItem, 'initialSelectedItem')),\n ...(passedInSelectedItem &&\n getValidItem(passedInSelectedItem, 'selectedItem')),\n });\n\n const { ClearIndicator } = defaultComponents<T>({\n ...customComponents,\n });\n\n const toggleButtonProps = getToggleButtonProps({\n disabled: disabled,\n onBlur,\n onKeyDown: event => {\n if (\n getToggleButtonProps().id === document.activeElement.id &&\n (event.key === 'Enter' || event.key === ' ')\n ) {\n event.preventDefault();\n openMenu();\n }\n\n onKeyDown && typeof onKeyDown === 'function' && onKeyDown(event);\n },\n onKeyPress,\n onKeyUp,\n onFocus,\n ref,\n });\n\n function defaultHandleClearIndicatorClick(event: React.SyntheticEvent) {\n event.stopPropagation();\n\n if (toggleButtonRef.current) {\n toggleButtonRef.current.focus();\n }\n\n reset();\n }\n\n const clearIndicatorAriaLabel = i18n.select.clearIndicatorAriaLabel\n .replace(/\\{labelText\\}/g, labelText)\n .replace(/\\{selectedItem\\}/g, itemToString(selectedItem));\n\n const selectText = itemToString(selectedItem)\n ? itemToString(selectedItem)\n : typeof placeholder === 'string'\n ? placeholder\n : i18n.select.placeholder;\n\n return (\n <SelectContainer\n errorMessage={errorMessage}\n descriptionId={ariaDescribedBy}\n getLabelProps={getLabelProps}\n helperMessage={helperMessage}\n isInverse={isInverse}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelPosition={labelPosition}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={messageStyle}\n >\n <SelectTriggerButton\n ariaDescribedBy={ariaDescribedBy}\n customComponents={customComponents}\n toggleButtonProps={toggleButtonProps}\n hasError={hasError}\n disabled={disabled}\n isInverse={isInverse}\n style={inputStyle}\n >\n <SelectText data-testid=\"selectedItemText\">{selectText}</SelectText>\n {isClearable && selectedItem && (\n <ClearIndicator\n aria-label={clearIndicatorAriaLabel}\n icon={<CloseIcon size={theme.iconSizes.xSmall} />}\n onClick={defaultHandleClearIndicatorClick}\n size={ButtonSize.small}\n style={{ marginTop: '0', marginBottom: '0' }}\n testId=\"clearIndicator\"\n variant={ButtonVariant.link}\n />\n )}\n </SelectTriggerButton>\n <ItemsList\n customComponents={customComponents}\n getItemProps={getItemProps}\n getMenuProps={getMenuProps}\n highlightedIndex={highlightedIndex}\n isOpen={isOpen}\n maxHeight={itemListMaxHeight || theme.select.menu.maxHeight}\n items={items}\n itemToString={itemToString}\n menuStyle={menuStyle}\n />\n </SelectContainer>\n );\n}\n","import * as React from 'react';\nimport { MultiSelectProps } from '.';\nimport { useSelect, useMultipleSelection } from 'downshift';\nimport { CloseIcon } from 'react-magma-icons';\nimport { ItemsList } from './ItemsList';\nimport { SelectContainer } from './SelectContainer';\nimport { SelectTriggerButton } from './SelectTriggerButton';\nimport { SelectedItemButton, IconWrapper } from './shared';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\n\nexport function MultiSelect<T>(props: MultiSelectProps<T>) {\n const {\n ariaDescribedBy,\n components: customComponents,\n errorMessage,\n hasError,\n helperMessage,\n inputStyle,\n isLabelVisuallyHidden,\n innerRef,\n itemToString,\n items,\n labelPosition,\n labelStyle,\n labelText,\n disabled,\n isInverse,\n itemListMaxHeight,\n menuStyle,\n messageStyle,\n onBlur,\n onFocus,\n onKeyDown,\n onKeyPress,\n onKeyUp,\n onRemoveSelectedItem,\n placeholder,\n } = props;\n\n function checkSelectedItemValidity(itemToCheck: T) {\n return (\n items.findIndex(i => itemToString(i) === itemToString(itemToCheck)) !== -1\n );\n }\n\n const {\n getSelectedItemProps,\n getDropdownProps,\n addSelectedItem,\n removeSelectedItem,\n selectedItems,\n setActiveIndex,\n } = useMultipleSelection<T>({\n ...props,\n ...(props.initialSelectedItems && {\n initialSelectedItems: props.initialSelectedItems.filter(\n checkSelectedItemValidity\n ),\n }),\n ...(props.selectedItems && {\n selectedItems: props.selectedItems.filter(checkSelectedItemValidity),\n }),\n });\n\n function getFilteredItems(unfilteredItems) {\n return unfilteredItems.filter(\n item =>\n selectedItems.findIndex(\n selectedItem => itemToString(selectedItem) === itemToString(item)\n ) < 0\n );\n }\n\n const {\n stateReducer: passedInStateReducer,\n onStateChange,\n ...selectProps\n } = props;\n\n function stateReducer(state, actionAndChanges) {\n const { type, changes } = actionAndChanges;\n switch (type) {\n case useSelect.stateChangeTypes.ToggleButtonKeyDownCharacter:\n return {\n ...changes,\n selectedItem: state.selectedItem,\n };\n default:\n return changes;\n }\n }\n\n const {\n isOpen,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n highlightedIndex,\n getItemProps,\n selectItem,\n openMenu,\n } = useSelect({\n ...selectProps,\n items: getFilteredItems(items),\n onSelectedItemChange: defaultOnSelectedItemChange,\n stateReducer,\n });\n\n function defaultOnSelectedItemChange(changes) {\n const { selectedItem: newSelectedItem } = changes;\n\n if (newSelectedItem) {\n addSelectedItem(newSelectedItem);\n selectItem(null);\n }\n }\n\n function handleRemoveSelectedItem(event: React.SyntheticEvent, selectedItem) {\n event.stopPropagation();\n\n onRemoveSelectedItem && typeof onRemoveSelectedItem === 'function'\n ? onRemoveSelectedItem(selectedItem)\n : removeSelectedItem(selectedItem);\n }\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const toggleButtonProps = getToggleButtonProps({\n ...getDropdownProps({\n onBlur,\n onKeyDown: event => {\n if (\n document.activeElement.tagName.toLowerCase() === 'button' &&\n (event.key === 'Backspace' ||\n event.key === 'Delete' ||\n event.key === 'ArrowLeft')\n ) {\n event.nativeEvent.preventDownshiftDefault = true;\n }\n\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n openMenu();\n }\n\n onKeyDown && typeof onKeyDown === 'function' && onKeyDown(event);\n },\n onKeyPress,\n onKeyUp,\n onFocus,\n preventKeyAction: isOpen,\n ...(innerRef && { ref: innerRef }),\n }),\n disabled: disabled,\n });\n\n return (\n <SelectContainer\n descriptionId={ariaDescribedBy}\n errorMessage={errorMessage}\n getLabelProps={getLabelProps}\n helperMessage={helperMessage}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelPosition={labelPosition}\n labelStyle={labelStyle}\n labelText={labelText}\n isInverse={isInverse}\n messageStyle={messageStyle}\n >\n <SelectTriggerButton\n ariaDescribedBy={ariaDescribedBy}\n toggleButtonProps={toggleButtonProps}\n hasError={hasError}\n disabled={disabled}\n isInverse={isInverse}\n style={inputStyle}\n >\n {selectedItems && selectedItems.length > 0\n ? selectedItems.map((multiSelectedItem, index) => {\n const multiSelectedItemString = itemToString(multiSelectedItem);\n return (\n <SelectedItemButton\n aria-label={i18n.multiSelect.selectedItemButtonAriaLabel.replace(\n /\\{selectedItem\\}/g,\n multiSelectedItemString\n )}\n key={`selected-item-${index}`}\n {...getSelectedItemProps({\n selectedItem: multiSelectedItem,\n index,\n })}\n onClick={event =>\n handleRemoveSelectedItem(event, multiSelectedItem)\n }\n onFocus={() => setActiveIndex(index)}\n theme={theme}\n >\n {multiSelectedItemString}\n <IconWrapper>\n <CloseIcon size={theme.iconSizes.xSmall} />\n </IconWrapper>\n </SelectedItemButton>\n );\n })\n : typeof placeholder === 'string'\n ? placeholder\n : i18n.multiSelect.placeholder}\n </SelectTriggerButton>\n <ItemsList\n customComponents={customComponents}\n getItemProps={getItemProps}\n getMenuProps={getMenuProps}\n highlightedIndex={highlightedIndex}\n isOpen={isOpen}\n items={getFilteredItems(items)}\n itemToString={itemToString}\n maxHeight={itemListMaxHeight || theme.select.menu.maxHeight}\n menuStyle={menuStyle}\n />\n </SelectContainer>\n );\n}\n","import React from 'react';\nimport { inputBaseStyles } from '../InputBase';\nimport { defaultComponents, SelectComponents } from '../Select/components';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/core';\nimport {\n UseComboboxGetToggleButtonPropsOptions,\n UseComboboxGetComboboxPropsOptions,\n UseComboboxGetInputPropsOptions,\n} from 'downshift';\n\nimport { SelectedItemsWrapper } from '../Select/shared';\n\nconst ComboBoxContainer = styled.div<{\n hasError?: boolean;\n isInverse?: boolean;\n theme?: any;\n}>`\n display: flex;\n`;\n\nconst InputContainer = styled.div<{\n hasError?: boolean;\n disabled?: boolean;\n isFocused?: boolean;\n isInverse?: boolean;\n theme?: any;\n}>`\n align-items: center;\n background: ${props => props.theme.colors.neutral08};\n border: 1px solid;\n border-color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral03};\n border-radius: ${props => props.theme.borderRadius};\n display: flex;\n min-height: ${props => props.theme.spaceScale.spacing09};\n min-width: ${props => props.theme.spaceScale.spacing13};\n padding: 0 ${props => props.theme.spaceScale.spacing03} 0 0;\n width: 100%;\n\n ${props =>\n props.isFocused &&\n css`\n outline: 2px dotted\n ${props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: 4px;\n `}\n\n ${props =>\n props.hasError &&\n css`\n border-color: ${props.theme.colors.danger};\n box-shadow: 0 0 0 1px\n ${props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.danger};\n `}\n\n ${props =>\n props.disabled &&\n css`\n background: ${props.theme.colors.neutral07};\n border-color: ${props.theme.colors.neutral05};\n color: ${props.theme.colors.disabledText};\n cursor: not-allowed;\n outline: 0;\n\n &::placeholder {\n color: ${props.theme.colors.disabledText};\n }\n `}\n`;\n\nconst StyledInput = styled.input`\n ${inputBaseStyles}\n border: 0;\n display: flex;\n flex-grow: 1;\n height: ${props => props.theme.spaceScale.spacing08};\n min-width: ${props => props.theme.spaceScale.spacing07};\n padding-left: ${props => props.theme.spaceScale.spacing02};\n width: 0;\n\n &:focus {\n outline: 0;\n }\n`;\n\ninterface ComboboxInputProps<T> {\n ariaDescribedBy?: string;\n children?: React.ReactNode | React.ReactNode[];\n customComponents?: SelectComponents<T>;\n getComboboxProps: (options?: UseComboboxGetComboboxPropsOptions) => any;\n getInputProps: (options?: UseComboboxGetInputPropsOptions) => any;\n getToggleButtonProps: (\n options?: UseComboboxGetToggleButtonPropsOptions\n ) => any;\n hasError?: boolean;\n innerRef?: React.Ref<HTMLInputElement>;\n inputStyle?: React.CSSProperties;\n disabled?: boolean;\n isInverse?: boolean;\n isLoading?: boolean;\n onInputBlur?: (event: React.FocusEvent) => void;\n onInputFocus?: (event: React.FocusEvent) => void;\n onInputKeyDown?: (event: React.KeyboardEvent) => void;\n onInputKeyPress?: (event: React.KeyboardEvent) => void;\n onInputKeyUp?: (event: React.KeyboardEvent) => void;\n placeholder?: string;\n selectedItems?: React.ReactNode;\n toggleButtonRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport function ComboboxInput<T>(props: ComboboxInputProps<T>) {\n const {\n ariaDescribedBy,\n children,\n customComponents,\n getComboboxProps,\n getInputProps,\n getToggleButtonProps,\n hasError,\n innerRef,\n inputStyle,\n disabled,\n isInverse,\n isLoading,\n onInputBlur,\n onInputFocus,\n onInputKeyDown,\n onInputKeyPress,\n onInputKeyUp,\n placeholder,\n selectedItems,\n toggleButtonRef,\n } = props;\n const theme = React.useContext(ThemeContext);\n\n const [isFocused, setIsFocused] = React.useState<boolean>(false);\n\n const { DropdownIndicator, LoadingIndicator } = defaultComponents<T>({\n ...customComponents,\n });\n\n function handleBlur(e: React.FocusEvent) {\n setIsFocused(false);\n\n onInputBlur && typeof onInputBlur === 'function' && onInputBlur(e);\n }\n\n function handleFocus(e: React.FocusEvent) {\n setIsFocused(true);\n\n onInputFocus && typeof onInputFocus === 'function' && onInputFocus(e);\n }\n\n const inputProps = getInputProps({\n disabled: disabled,\n onBlur: handleBlur,\n onFocus: handleFocus,\n onKeyDown: onInputKeyDown,\n onKeyPress: onInputKeyPress,\n onKeyUp: onInputKeyUp,\n ...(innerRef && { ref: innerRef }),\n });\n\n return (\n <ComboBoxContainer\n {...getComboboxProps()}\n hasError={hasError}\n disabled={disabled}\n isInverse={isInverse}\n theme={theme}\n >\n <InputContainer\n {...getToggleButtonProps({\n disabled,\n ...(toggleButtonRef && { ref: toggleButtonRef }),\n })}\n hasError={hasError}\n disabled={disabled}\n isFocused={isFocused}\n isInverse={isInverse}\n style={inputStyle}\n theme={theme}\n >\n <SelectedItemsWrapper>\n {selectedItems}\n <StyledInput\n {...inputProps}\n aria-describedby={ariaDescribedBy}\n aria-invalid={hasError}\n disabled={disabled}\n placeholder={placeholder}\n theme={theme}\n />\n </SelectedItemsWrapper>\n {children}\n {isLoading && (\n <LoadingIndicator\n style={{ flexShrink: 0, marginRight: theme.spaceScale.spacing02 }}\n />\n )}\n <DropdownIndicator\n aria-label=\"toggle menu\"\n color={theme.colors.neutral}\n />\n </InputContainer>\n </ComboBoxContainer>\n );\n}\n","import React from 'react';\n\nexport function useComboboxItems(defaultItems, items) {\n const afterInitialRender = React.useRef(false);\n const allItems = React.useRef(defaultItems || items);\n const [displayItems, setDisplayItems] = React.useState(defaultItems || items);\n\n function updateItemsRef(newItem) {\n const newItems = [...allItems.current, newItem];\n allItems.current = newItems;\n setDisplayItems(newItems);\n }\n\n React.useEffect(() => {\n if (!afterInitialRender.current) {\n afterInitialRender.current = true;\n return;\n }\n\n const cleanItems = items ? items : [];\n\n allItems.current = cleanItems;\n setDisplayItems(cleanItems);\n }, [items]);\n\n return [allItems, displayItems, setDisplayItems, updateItemsRef];\n}\n\nfunction inputValueInList(items, inputValue, itemToString) {\n return (\n items.current.filter(\n item => itemToString(item).toLowerCase() === inputValue.toLowerCase()\n ).length > 0\n );\n}\n\nexport function defaultOnInputValueChange(\n changes,\n items,\n itemToString,\n disableCreateItem,\n setDisplayItems,\n setHighlightedIndex,\n onInputChange,\n createLabel\n) {\n const { inputValue: inputBaseValue, isOpen } = changes;\n\n if (isOpen) {\n const inputValue =\n typeof inputBaseValue === 'string'\n ? inputBaseValue\n : itemToString(inputBaseValue);\n\n const filteredItems = inputValue\n ? items.current\n .filter(item =>\n itemToString(item)\n .toLowerCase()\n .startsWith(inputValue.toLowerCase())\n )\n .concat(\n !disableCreateItem &&\n inputValue &&\n !inputValueInList(items, inputValue, itemToString)\n ? {\n label: createLabel.replace(/\\{inputValue\\}/g, inputValue),\n value: inputValue,\n react_magma__created_item: true,\n }\n : null\n )\n .filter(Boolean)\n : items.current;\n\n setHighlightedIndex(0);\n setDisplayItems(filteredItems);\n }\n\n onInputChange &&\n typeof onInputChange === 'function' &&\n onInputChange(changes);\n}\n","import * as React from 'react';\nimport { instanceOfDefaultItemObject } from '../Select';\nimport { useCombobox } from 'downshift';\nimport { CloseIcon } from 'react-magma-icons';\nimport { defaultComponents } from '../Select/components';\nimport { SelectContainer } from '../Select/SelectContainer';\nimport { ItemsList } from '../Select/ItemsList';\nimport { ComboboxInput } from './ComboboxInput';\nimport { ButtonShape, ButtonSize, ButtonVariant } from '../Button';\nimport { useComboboxItems, defaultOnInputValueChange } from './shared';\nimport { ComboboxProps } from '.';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { useForkedRef } from '../../utils';\n\nexport function InternalCombobox<T>(props: ComboboxProps<T>) {\n const {\n ariaDescribedBy,\n components: customComponents,\n defaultItems,\n defaultSelectedItem,\n disableCreateItem,\n errorMessage,\n hasError,\n helperMessage,\n initialSelectedItem,\n inputStyle,\n isClearable,\n disabled,\n innerRef,\n isLabelVisuallyHidden,\n isLoading,\n isInverse,\n itemListMaxHeight,\n items,\n itemToString,\n labelPosition,\n labelStyle,\n labelText,\n menuStyle,\n messageStyle,\n newItemTransform,\n onInputBlur,\n onInputChange,\n onInputFocus,\n onInputKeyDown,\n onInputKeyPress,\n onInputKeyUp,\n onInputValueChange,\n onIsOpenChange,\n onItemCreated,\n placeholder,\n selectedItem: passedInSelectedItem,\n toggleButtonRef,\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n function isCreatedItem(item) {\n return (\n !(typeof item === 'string') &&\n instanceOfDefaultItemObject(item) &&\n item.react_magma__created_item\n );\n }\n\n function defaultNewItemTransform(newItem) {\n return newItem.value;\n }\n\n function defaultOnSelectedItemChange(changes) {\n if (isCreatedItem(changes.selectedItem)) {\n const {\n react_magma__created_item,\n ...createdItem\n } = changes.selectedItem;\n\n const newItem =\n react_magma__created_item &&\n newItemTransform &&\n typeof newItemTransform === 'function'\n ? newItemTransform(createdItem)\n : defaultNewItemTransform(createdItem);\n\n items && onItemCreated && typeof onItemCreated === 'function'\n ? onItemCreated(newItem)\n : updateItemsRef(newItem);\n\n selectItem(newItem);\n setInputValue(itemToString(newItem));\n\n if (process.env.NODE_ENV === 'development') {\n if (!items && !disableCreateItem) {\n console.warn(\n 'React Magma Warning: Switching from uncontrolled to controlled items. If allowing new items to be created you should handle the onItemCreated event and control the items list in your code.'\n );\n }\n }\n } else {\n props.onSelectedItemChange &&\n typeof props.onSelectedItemChange === 'function' &&\n props.onSelectedItemChange(changes);\n }\n }\n\n function stateReducer(state, actionAndChanges) {\n const { type, changes } = actionAndChanges;\n\n switch (type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter: {\n const inputValue = isCreatedItem(displayItems[0])\n ? ''\n : changes.inputValue;\n return {\n ...changes,\n inputValue,\n };\n }\n case useCombobox.stateChangeTypes.ItemClick: {\n const inputValue = isCreatedItem(displayItems[0])\n ? ''\n : changes.inputValue;\n return {\n ...changes,\n inputValue,\n };\n }\n case useCombobox.stateChangeTypes.InputBlur:\n return {\n ...changes,\n inputValue:\n state.inputValue && !state.selectedItem\n ? ''\n : itemToString(state.selectedItem),\n selectedItem: state.selectedItem ? state.selectedItem : '',\n };\n case useCombobox.stateChangeTypes.FunctionReset:\n return {\n ...changes,\n inputValue: changes.selectedItem\n ? itemToString(changes.selectedItem)\n : '',\n };\n default:\n return changes;\n }\n }\n\n const [\n allItems,\n displayItems,\n setDisplayItems,\n updateItemsRef,\n ] = useComboboxItems(defaultItems, items);\n\n function getValidItem(itemToCheck: T, key: string): object {\n return allItems.current.findIndex(\n i => itemToString(i) === itemToString(itemToCheck)\n ) !== -1\n ? { [key]: itemToCheck }\n : { [key]: null };\n }\n\n function handleOnIsOpenChange(changes) {\n const {\n isOpen: changedIsOpen,\n selectedItem: changedSelectedItem,\n } = changes;\n\n if (!changedIsOpen) {\n setDisplayItems(allItems.current);\n }\n\n if (changedIsOpen && changedSelectedItem) {\n setHighlightedIndex(\n displayItems.findIndex(\n i => itemToString(i) === itemToString(changedSelectedItem)\n )\n );\n }\n\n onIsOpenChange &&\n typeof onIsOpenChange === 'function' &&\n onIsOpenChange(changes);\n }\n\n const {\n isOpen,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getComboboxProps,\n highlightedIndex,\n getItemProps,\n reset,\n selectItem,\n selectedItem,\n setInputValue,\n setHighlightedIndex,\n } = useCombobox({\n ...props,\n itemToString,\n items: displayItems,\n onInputValueChange:\n onInputValueChange && typeof onInputValueChange === 'function'\n ? changes => onInputValueChange(changes, setDisplayItems)\n : changes =>\n defaultOnInputValueChange(\n changes,\n allItems,\n itemToString,\n disableCreateItem,\n setDisplayItems,\n setHighlightedIndex,\n onInputChange,\n i18n.combobox.createLabel\n ),\n onIsOpenChange: handleOnIsOpenChange,\n onSelectedItemChange: defaultOnSelectedItemChange,\n stateReducer,\n ...(defaultSelectedItem &&\n getValidItem(defaultSelectedItem, 'defaultSelectedItem')),\n ...(initialSelectedItem &&\n getValidItem(initialSelectedItem, 'initialSelectedItem')),\n ...(passedInSelectedItem &&\n getValidItem(passedInSelectedItem, 'selectedItem')),\n });\n\n const { ClearIndicator } = defaultComponents<T>({\n ...customComponents,\n });\n\n const inputRef = React.useRef<HTMLInputElement>();\n const ref = useForkedRef(innerRef || null, inputRef);\n\n function defaultHandleClearIndicatorClick(event: React.SyntheticEvent) {\n event.stopPropagation();\n\n if (inputRef.current) {\n inputRef.current.focus();\n }\n\n reset();\n }\n\n const clearIndicatorAriaLabel = i18n.combobox.clearIndicatorAriaLabel\n .replace(/\\{labelText\\}/g, labelText)\n .replace(/\\{selectedItem\\}/g, itemToString(selectedItem));\n\n return (\n <SelectContainer\n descriptionId={ariaDescribedBy}\n errorMessage={errorMessage}\n getLabelProps={getLabelProps}\n hasError={hasError}\n helperMessage={helperMessage}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n isInverse={isInverse}\n labelPosition={labelPosition}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={messageStyle}\n >\n <ComboboxInput\n ariaDescribedBy={ariaDescribedBy}\n customComponents={customComponents}\n disabled={disabled}\n getComboboxProps={getComboboxProps}\n getInputProps={getInputProps}\n getToggleButtonProps={getToggleButtonProps}\n hasError={hasError}\n innerRef={ref}\n inputStyle={inputStyle}\n isInverse={isInverse}\n isLoading={isLoading}\n onInputBlur={onInputBlur}\n onInputFocus={onInputFocus}\n onInputKeyDown={onInputKeyDown}\n onInputKeyPress={onInputKeyPress}\n onInputKeyUp={onInputKeyUp}\n placeholder={placeholder}\n toggleButtonRef={toggleButtonRef}\n >\n {isClearable && selectedItem && (\n <ClearIndicator\n aria-label={clearIndicatorAriaLabel}\n icon={<CloseIcon />}\n onClick={defaultHandleClearIndicatorClick}\n shape={ButtonShape.fill}\n size={ButtonSize.small}\n variant={ButtonVariant.link}\n />\n )}\n </ComboboxInput>\n <ItemsList\n customComponents={customComponents}\n getItemProps={getItemProps}\n getMenuProps={getMenuProps}\n highlightedIndex={highlightedIndex}\n isOpen={isOpen}\n items={displayItems}\n itemToString={itemToString}\n maxHeight={itemListMaxHeight || theme.combobox.menu.maxHeight}\n menuStyle={menuStyle}\n />\n </SelectContainer>\n );\n}\n","import * as React from 'react';\nimport { instanceOfDefaultItemObject } from '../Select';\nimport { useCombobox, useMultipleSelection } from 'downshift';\nimport { CloseIcon } from 'react-magma-icons';\nimport { SelectContainer } from '../Select/SelectContainer';\nimport { ItemsList } from '../Select/ItemsList';\nimport { ComboboxInput } from './ComboboxInput';\nimport { SelectedItemButton, IconWrapper } from '../Select/shared';\nimport { useComboboxItems, defaultOnInputValueChange } from './shared';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { I18nContext } from '../../i18n';\nimport { MultiComboboxProps } from '.';\n\nexport function MultiCombobox<T>(props: MultiComboboxProps<T>) {\n const [inputValue, setInputValue] = React.useState('');\n const {\n ariaDescribedBy,\n components: customComponents,\n errorMessage,\n defaultItems,\n disableCreateItem,\n hasError,\n helperMessage,\n inputStyle,\n disabled,\n innerRef,\n isLabelVisuallyHidden,\n isLoading,\n isInverse,\n itemListMaxHeight,\n items,\n itemToString,\n labelPosition,\n labelStyle,\n labelText,\n menuStyle,\n messageStyle,\n newItemTransform,\n onInputBlur,\n onInputChange,\n onInputFocus,\n onInputKeyDown,\n onInputKeyPress,\n onInputKeyUp,\n onInputValueChange,\n onIsOpenChange,\n onItemCreated,\n onRemoveSelectedItem,\n placeholder,\n toggleButtonRef,\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const [\n allItems,\n displayItems,\n setDisplayItems,\n updateItemsRef,\n ] = useComboboxItems(defaultItems, items);\n\n function checkSelectedItemValidity(itemToCheck) {\n return (\n allItems.current.findIndex(\n i => itemToString(i) === itemToString(itemToCheck)\n ) !== -1\n );\n }\n\n const {\n getSelectedItemProps,\n getDropdownProps,\n addSelectedItem,\n removeSelectedItem,\n setActiveIndex,\n selectedItems,\n } = useMultipleSelection({\n ...props,\n ...(props.initialSelectedItems && {\n initialSelectedItems: props.initialSelectedItems.filter(\n checkSelectedItemValidity\n ),\n }),\n ...(props.selectedItems && {\n selectedItems: props.selectedItems.filter(checkSelectedItemValidity),\n }),\n });\n\n function isCreatedItem(item) {\n return (\n !(typeof item === 'string') &&\n instanceOfDefaultItemObject(item) &&\n item.react_magma__created_item\n );\n }\n\n function getFilteredItems(unfilteredItems) {\n return unfilteredItems.filter(item => {\n const itemString =\n typeof item === 'object' && item.react_magma__created_item\n ? item.value\n : itemToString(item);\n return (\n (selectedItems.findIndex(\n selectedItem => itemToString(selectedItem) === itemToString(item)\n ) < 0 &&\n itemString.toLowerCase().startsWith(inputValue.toLowerCase())) ||\n isCreatedItem(item)\n );\n });\n }\n\n function defaultNewItemTransform(newItem) {\n return newItem.value;\n }\n\n function defaultOnSelectedItemChange(changes) {\n if (isCreatedItem(changes.selectedItem)) {\n const {\n react_magma__created_item,\n ...createdItem\n } = changes.selectedItem;\n\n const newItem =\n react_magma__created_item &&\n newItemTransform &&\n typeof newItemTransform === 'function'\n ? newItemTransform(createdItem)\n : defaultNewItemTransform(createdItem);\n\n items && onItemCreated && typeof onItemCreated === 'function'\n ? onItemCreated(newItem)\n : updateItemsRef(newItem);\n addSelectedItem(newItem);\n\n if (process.env.NODE_ENV === 'development') {\n if (!items && !disableCreateItem) {\n console.warn(\n 'React Magma Warning: Switching from uncontrolled to controlled items. If allowing new items to be created you should handle the onItemCreated event and control the items list in your code.'\n );\n }\n }\n } else if (changes.selectedItem) {\n addSelectedItem(changes.selectedItem);\n }\n\n selectItem(null);\n setInputValue('');\n }\n\n const {\n stateReducer: passedInStateReducer,\n onStateChange,\n ...comboboxProps\n } = props;\n\n function handleOnIsOpenChange(changes) {\n const { isOpen: changedIsOpen } = changes;\n\n if (!changedIsOpen) {\n setDisplayItems(allItems.current);\n }\n\n onIsOpenChange &&\n typeof onIsOpenChange === 'function' &&\n onIsOpenChange(changes);\n }\n\n function stateReducer(state, actionAndChanges) {\n const { type, changes } = actionAndChanges;\n switch (type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter: {\n const newSelectedItem = getFilteredItems(displayItems)[\n state.highlightedIndex\n ];\n return {\n ...changes,\n ...(newSelectedItem && {\n selectedItem: newSelectedItem,\n }),\n inputValue: '',\n };\n }\n case useCombobox.stateChangeTypes.ItemClick: {\n return {\n ...changes,\n inputValue: '',\n };\n }\n case useCombobox.stateChangeTypes.InputBlur:\n return {\n ...changes,\n inputValue: '',\n };\n default:\n return changes;\n }\n }\n\n function handleInputChange(changes) {\n setInputValue(changes.inputValue);\n\n onInputChange &&\n typeof onInputChange === 'function' &&\n onInputChange(changes);\n }\n\n const {\n isOpen,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getComboboxProps,\n highlightedIndex,\n getItemProps,\n selectItem,\n setHighlightedIndex,\n } = useCombobox({\n ...comboboxProps,\n itemToString,\n items: getFilteredItems(displayItems),\n onInputValueChange:\n onInputValueChange && typeof onInputValueChange === 'function'\n ? changes => onInputValueChange(changes, setDisplayItems)\n : changes =>\n defaultOnInputValueChange(\n changes,\n allItems,\n itemToString,\n disableCreateItem,\n setDisplayItems,\n setHighlightedIndex,\n handleInputChange,\n i18n.combobox.createLabel\n ),\n onIsOpenChange: handleOnIsOpenChange,\n onSelectedItemChange: defaultOnSelectedItemChange,\n stateReducer,\n });\n\n function handleRemoveSelectedItem(event: React.SyntheticEvent, selectedItem) {\n event.stopPropagation();\n\n onRemoveSelectedItem && typeof onRemoveSelectedItem === 'function'\n ? onRemoveSelectedItem(selectedItem)\n : removeSelectedItem(selectedItem);\n }\n\n function handleInputFocus(event: React.FocusEvent) {\n setActiveIndex(-1);\n\n onInputFocus && typeof onInputFocus === 'function' && onInputFocus(event);\n }\n\n const selectedItemsContent =\n selectedItems && selectedItems.length > 0 ? (\n <>\n {selectedItems.map((multiSelectedItem, index) => (\n <SelectedItemButton\n aria-label={i18n.multiCombobox.selectedItemButtonAriaLabel.replace(\n /\\{selectedItem\\}/g,\n itemToString(multiSelectedItem)\n )}\n key={`selected-item-${index}`}\n {...getSelectedItemProps({\n selectedItem: multiSelectedItem,\n index,\n })}\n onClick={event =>\n handleRemoveSelectedItem(event, multiSelectedItem)\n }\n onFocus={() => setActiveIndex(index)}\n theme={theme}\n >\n {itemToString(multiSelectedItem)}\n <IconWrapper>\n <CloseIcon size={theme.iconSizes.xSmall} />\n </IconWrapper>\n </SelectedItemButton>\n ))}\n </>\n ) : null;\n\n return (\n <SelectContainer\n descriptionId={ariaDescribedBy}\n errorMessage={errorMessage}\n getLabelProps={getLabelProps}\n helperMessage={helperMessage}\n isInverse={isInverse}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelPosition={labelPosition}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={messageStyle}\n >\n <ComboboxInput\n ariaDescribedBy={ariaDescribedBy}\n customComponents={customComponents}\n getComboboxProps={getComboboxProps}\n getInputProps={options => ({\n ...getInputProps({\n ...options,\n ...getDropdownProps({\n onKeyDown: onInputKeyDown,\n preventKeyAction: isOpen,\n ...(innerRef && { ref: innerRef }),\n }),\n }),\n })}\n getToggleButtonProps={getToggleButtonProps}\n inputStyle={inputStyle}\n disabled={disabled}\n isInverse={isInverse}\n isLoading={isLoading}\n hasError={hasError}\n onInputBlur={onInputBlur}\n onInputFocus={handleInputFocus}\n onInputKeyDown={onInputKeyDown}\n onInputKeyPress={onInputKeyPress}\n onInputKeyUp={onInputKeyUp}\n placeholder={placeholder}\n selectedItems={selectedItemsContent}\n toggleButtonRef={toggleButtonRef}\n />\n <ItemsList\n customComponents={customComponents}\n getItemProps={getItemProps}\n getMenuProps={getMenuProps}\n highlightedIndex={highlightedIndex}\n isOpen={isOpen}\n items={getFilteredItems(displayItems)}\n itemToString={itemToString}\n maxHeight={itemListMaxHeight || theme.combobox.menu.maxHeight}\n menuStyle={menuStyle}\n />\n </SelectContainer>\n );\n}\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { convertStyleValueToString } from '../../utils';\n\nexport interface SpacerProps extends React.HTMLAttributes<HTMLSpanElement> {\n /**\n * Determines whether the spacer takes up space horizontally, vertically or both.\n */\n axis?: SpacerAxis;\n /**\n * Height and/or width of the component. If a number is provided, will be set in pixels.\n */\n size: number | string;\n testId?: string;\n}\n\nexport enum SpacerAxis {\n horizontal = 'horizontal',\n vertical = 'vertical',\n both = 'both', // default\n}\n\nfunction getHeight(axis: SpacerAxis, size: number | string) {\n return axis === SpacerAxis.horizontal\n ? '1px'\n : convertStyleValueToString(size);\n}\nfunction getWidth(axis: SpacerAxis, size: number | string) {\n return axis === SpacerAxis.vertical ? '1px' : convertStyleValueToString(size);\n}\n\nconst StyledSpacer = styled.span<SpacerProps>`\n display: ${props =>\n props.axis === SpacerAxis.horizontal ? 'inline-block' : 'block'};\n height: ${props => getHeight(props.axis, props.size)};\n min-height: ${props => getHeight(props.axis, props.size)};\n min-width: ${props => getWidth(props.axis, props.size)};\n width: ${props => getWidth(props.axis, props.size)};\n`;\n\nexport const Spacer = React.forwardRef<HTMLSpanElement, SpacerProps>(\n (props, ref) => {\n const { testId, axis = SpacerAxis.both, ...other } = props;\n\n return (\n <StyledSpacer {...other} axis={axis} data-testid={testId} ref={ref} />\n );\n }\n);\n","import React from 'react';\nimport {\n useCombobox,\n UseComboboxProps,\n UseComboboxState,\n UseMultipleSelectionProps,\n} from 'downshift';\nimport {\n SelectOptions,\n instanceOfDefaultItemObject,\n InternalSelectProps,\n InternalMultiProps,\n} from '../Select';\nimport { InternalCombobox } from './Combobox';\nimport { MultiCombobox } from './MultiCombobox';\nimport { useGenerateId, XOR, Omit } from '../../utils';\nimport { LabelPosition } from '../Label';\nimport { useIsInverse } from '../../inverse';\n\nexport interface ComboboxProps<T extends SelectOptions>\n extends Omit<UseComboboxProps<T>, 'items'>,\n InternalSelectProps<T> {\n /**\n * Id of the element that describes the combobox input\n */\n ariaDescribedBy?: string;\n /**\n * Default selectable options. Allows for uncontrolled component and internal creation of items. Can be an array of strings or objects\n */\n defaultItems?: T[];\n /**\n * If true, the new items cannot be created by typing in the text field\n * @default false\n */\n disableCreateItem?: boolean;\n /**\n * @internal\n */\n hasError?: boolean;\n /**\n * Position of text label relative to form field\n */\n labelPosition?: LabelPosition;\n /**\n * Reference to the input element in the combobox\n */\n innerRef?: React.Ref<HTMLInputElement>;\n /**\n * If true, the loading component is shown\n * @default false\n */\n /**\n * @internal\n */\n isMulti?: false;\n isLoading?: boolean;\n /**\n * Default selectable options. Can be an array of strings or objects\n */\n items?: T[];\n /**\n * Function passed in that transforms a newly created item to whatever format your items are in\n */\n newItemTransform?: (item: { label: string; value: string }) => T;\n /**\n * Event that fires when the input loses focus\n */\n onInputBlur?: (event: React.FocusEvent) => void;\n /**\n * Event that fires when the input's value is changed\n */\n onInputChange?: (changes: Partial<UseComboboxState<T>>) => void;\n /**\n * Event that fires when the input gains focus\n */\n onInputFocus?: (event: React.FocusEvent) => void;\n /**\n * Event that will fire when input receives keypress.\n */\n onInputKeyDown?: (event: React.KeyboardEvent) => void;\n /**\n * Event that will fire when a character is typed in the input\n */\n onInputKeyPress?: (event: React.KeyboardEvent) => void;\n /**\n * Event that will fire when a keypress is released on the input\n */\n onInputKeyUp?: (event: React.KeyboardEvent) => void;\n /**\n * Event that fires when the selected item changes\n */\n onInputValueChange?: (\n changes: Partial<UseComboboxState<T>>,\n updateInputItems?: React.Dispatch<React.SetStateAction<T[]>>\n ) => void;\n /**\n * Event that fires when a new item is created with the create item option is clicked in the item list menu\n */\n onItemCreated?: (newItem: T) => void;\n /**\n * Reference to the toggle button element wrapping the input in the combobox\n */\n toggleButtonRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport interface MultiComboboxProps<T extends SelectOptions>\n extends UseMultipleSelectionProps<T>,\n Omit<ComboboxProps<T>, 'onStateChange' | 'stateReducer' | 'isMulti'>,\n InternalMultiProps<T> {\n /**\n * @internal\n */\n isMulti: true;\n}\n\nexport function instanceOfMultiCombobox<T>(\n object: any\n): object is MultiComboboxProps<T> {\n return 'isMulti' in object;\n}\n\nexport type XORComboboxProps<T> = XOR<ComboboxProps<T>, MultiComboboxProps<T>>;\n\nexport const ComboboxStateChangeTypes = useCombobox.stateChangeTypes;\n\nexport function Combobox<T>(props: XORComboboxProps<T>) {\n const {\n containerStyle,\n errorMessage,\n id: defaultId,\n isMulti,\n labelPosition,\n messageStyle,\n helperMessage,\n testId,\n } = props;\n\n function itemToString(item: T) {\n return item && typeof item === 'string'\n ? item\n : item && instanceOfDefaultItemObject(item)\n ? item.label\n : '';\n }\n\n const hasError = !!errorMessage;\n\n const id = useGenerateId(defaultId);\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <div style={containerStyle} data-testid={testId}>\n {isMulti && instanceOfMultiCombobox<T>(props) ? (\n <MultiCombobox\n ariaDescribedBy={descriptionId}\n errorMessage={errorMessage}\n hasError={hasError}\n helperMessage={helperMessage}\n isInverse={isInverse}\n itemToString={itemToString}\n labelPosition={labelPosition || LabelPosition.top}\n messageStyle={messageStyle}\n {...(props as MultiComboboxProps<T>)}\n />\n ) : (\n <InternalCombobox\n ariaDescribedBy={descriptionId}\n errorMessage={errorMessage}\n hasError={hasError}\n helperMessage={helperMessage}\n isInverse={isInverse}\n itemToString={itemToString}\n labelPosition={labelPosition || LabelPosition.top}\n messageStyle={messageStyle}\n {...(props as ComboboxProps<T>)}\n />\n )}\n </div>\n );\n}\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { ButtonColor, ButtonVariant } from '../Button';\nimport { Hyperlink, HyperlinkProps } from '../Hyperlink';\nimport { I18nContext } from '../../i18n';\n\nexport const TARGET_ID = 'reactMagmaMainContent';\n\nexport interface SkipLinkProps extends HyperlinkProps {\n /**\n * The text in the skip link\n * @default \"Skip Navigation\"\n */\n buttonText?: string;\n /**\n * Number of pixels from the left of the screen for the skip link to be positioned\n * @default 10\n */\n positionLeft?: number;\n /**\n * Number of pixels from the top of the screen for the skip link to be positioned\n * @default 10\n */\n positionTop?: number;\n testId?: string;\n}\n\nconst handleClick = e => {\n e.preventDefault();\n\n const targetAnchor = document.getElementById(TARGET_ID);\n\n if (!targetAnchor) {\n return;\n }\n\n const targetHeading = targetAnchor.getElementsByTagName('h1')[0];\n\n if (targetHeading) {\n targetHeading.setAttribute('tabIndex', '-1');\n targetHeading.focus();\n return;\n }\n targetAnchor.focus();\n};\n\nconst StyledSkipLink = styled(Hyperlink)<{\n positionLeft: number;\n positionTop: number;\n}>`\n left: -9999px;\n position: fixed;\n top: -9999px;\n\n &:focus {\n left: ${props => props.positionLeft}px;\n top: ${props => props.positionTop}px;\n z-index: 99999;\n }\n }\n`;\n\nexport const SkipLink: React.FunctionComponent<SkipLinkProps> = props => {\n const {\n buttonText,\n color,\n positionLeft,\n positionTop,\n testId,\n variant,\n ...other\n } = props;\n const i18n = React.useContext(I18nContext);\n\n return (\n <StyledSkipLink\n {...other}\n color={color ? color : ButtonColor.primary}\n testId={testId}\n onClick={e => {\n handleClick(e);\n }}\n positionLeft={positionLeft ? positionLeft : 10}\n positionTop={positionTop ? positionTop : 10}\n styledAs=\"Button\"\n to={`#${TARGET_ID}`}\n variant={variant ? variant : ButtonVariant.solid}\n >\n {buttonText ? buttonText : i18n.skipLink.buttonText}\n </StyledSkipLink>\n );\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\n\nimport { CancelIcon, IconProps } from 'react-magma-icons';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { useIsInverse } from '../../inverse';\nimport { Omit, XOR, getNodeText } from '../../utils';\nimport { I18nContext } from '../../i18n';\n\nexport enum TagColor {\n danger = 'danger',\n primary = 'primary',\n lowContrast = 'lowContrast',\n highContrast = 'highContrast',\n success = 'success',\n}\n\nexport enum TagSize {\n medium = 'medium',\n small = 'small',\n}\n\n/**\n * @children required\n */\n\nexport interface BaseTagProps\n extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onClick'> {\n /**\n * Color changes between 'primary', 'low contrast', and 'high contrast' style variants between each Tag.\n */\n color?: TagColor;\n\n /**\n * Size toggles between a default, and a small size Tag.\n */\n size?: TagSize;\n\n /**\n * Gets the active Tag label for use with the aria-label attribute inline for accessibility.\n */\n labelText?: React.ReactNode;\n\n /**\n * Disabled Tag state.\n */\n disabled?: boolean;\n\n testId?: string;\n\n /**\n * Allows passing a Magma icon to the Tag.\n */\n icon?: React.ReactElement<IconProps>;\n\n /**\n * Passes a clickable state to the Tag.\n */\n isClickable?: boolean;\n\n /**\n * Allows for Inverse styling of each Tag.\n */\n isInverse?: boolean;\n\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nexport interface DeletableTagProps extends BaseTagProps {\n onDelete: () => void;\n}\n\nexport interface ClickableTagProps extends BaseTagProps {\n onClick?: () => void;\n}\n\nexport type TagProps = XOR<DeletableTagProps, ClickableTagProps>;\n\nfunction buildBoxShadow(props) {\n if (props.color === 'lowContrast') {\n if (props.isInverse) {\n if (props.disabled) {\n return `0 0 0 1px ${props.theme.colors.neutral08}40`;\n }\n return `0 0 0 1px ${props.theme.colors.neutral08}80`;\n }\n if (props.disabled) {\n return `0 0 0 1px ${props.theme.colors.neutral06}`;\n }\n return `inset 0 0 0 1px ${props.theme.colors.neutral05}`;\n }\n}\n\nfunction buildButtonBackground(props) {\n if (props.isInverse) {\n if (props.disabled) {\n // Disabled inverse state background colors\n switch (props.color) {\n case 'primary':\n return `${props.theme.colors.neutral06}`;\n case 'highContrast':\n return `${props.theme.colors.neutral06}`;\n case 'lowContrast':\n return `none`;\n default:\n return `${props.theme.colors.neutral06}`;\n }\n }\n // Inverse background colors\n switch (props.color) {\n case 'danger':\n return `${props.theme.colors.dangerInverse}`;\n case 'success':\n return `${props.theme.colors.successInverse}`;\n case 'primary':\n return `${props.theme.colors.primaryInverse}`;\n case 'lowContrast':\n return `none;`;\n case 'highContrast':\n return `${props.theme.colors.neutral08}`;\n default:\n return `${props.theme.colors.neutral03}`;\n }\n } else if (props.disabled && !props.isInverse) {\n // Disabled state background colors\n switch (props.color) {\n case 'primary':\n return `${props.theme.colors.neutral06}`;\n case 'highContrast':\n return `${props.theme.colors.neutral06}`;\n case 'lowContrast':\n return `${props.theme.colors.neutral08}`;\n default:\n return `${props.theme.colors.neutral06}`;\n }\n }\n // Default state background colors\n switch (props.color) {\n case 'danger':\n return `${props.theme.colors.danger}`;\n case 'success':\n return `${props.theme.colors.success}`;\n case 'primary':\n return `${props.theme.colors.primary}`;\n case 'lowContrast':\n return `${props.theme.colors.neutral08}`;\n case 'highContrast':\n return `${props.theme.colors.neutral}`;\n default:\n return `${props.theme.colors.neutral06}`;\n }\n}\n\nfunction buildButtonTextColor(props) {\n if (props.isInverse) {\n if (props.disabled) {\n // Disabled inverse state text colors\n switch (props.color) {\n case 'primary':\n return `${props.theme.colors.neutral03}99`;\n case 'highContrast':\n return `${props.theme.colors.neutral03}99`;\n case 'lowContrast':\n return `${props.theme.colors.neutral08}40`;\n default:\n return `${props.theme.colors.neutral03}99`;\n }\n }\n // Inverse text colors\n switch (props.color) {\n case 'danger':\n return `${props.theme.colors.neutral}`;\n case 'success':\n return `${props.theme.colors.neutral}`;\n case 'primary':\n return `${props.theme.colors.neutral}`;\n case 'lowContrast':\n return `${props.theme.colors.neutral08}`;\n case 'highContrast':\n return `${props.theme.colors.neutral}`;\n default:\n return `${props.theme.colors.neutral08}`;\n }\n } else if (props.disabled && !props.isInverse) {\n // Disabled state text colors\n switch (props.color) {\n case 'primary':\n return `${props.theme.colors.neutral03}99`;\n case 'highContrast':\n return `${props.theme.colors.neutral03}99`;\n case 'lowContrast':\n return `${props.theme.colors.neutral03}99`;\n default:\n return `${props.theme.colors.neutral03}99`;\n }\n }\n // Default state text colors\n switch (props.color) {\n case 'danger':\n return `${props.theme.colors.neutral08}`;\n case 'success':\n return `${props.theme.colors.neutral08}`;\n case 'primary':\n return `${props.theme.colors.neutral08}`;\n case 'highContrast':\n return `${props.theme.colors.neutral08}`;\n default:\n return `${props.theme.colors.neutral}`;\n }\n}\n\nfunction buildSvgOpacity(props) {\n if (props.onClick || props.onDelete) {\n if (props.disabled) {\n return '60%';\n }\n return '75%';\n }\n if (props.color === 'lowContrast' && props.disabled) {\n return '25%';\n } else if (props.disabled) {\n return '60%';\n }\n return '1';\n}\n\nfunction buildTagPadding(props) {\n if (props.icon) {\n switch (props.size) {\n case 'small':\n return `0 ${props.theme.spaceScale.spacing02}`;\n default:\n return `${props.theme.spaceScale.spacing02} 6px`;\n }\n }\n switch (props.size) {\n case 'small':\n return `0 ${props.theme.spaceScale.spacing02}`;\n default:\n return `${props.theme.spaceScale.spacing02} 6px`;\n }\n}\n\nfunction buildLabelPadding(props) {\n if (props.icon) {\n switch (props.size) {\n case 'small':\n return `0 ${props.theme.spaceScale.spacing02}`;\n default:\n return `0 ${props.theme.spaceScale.spacing03}`;\n }\n }\n switch (props.size) {\n case 'small':\n return `0 ${props.theme.spaceScale.spacing02}`;\n default:\n return `0 ${props.theme.spaceScale.spacing03}`;\n }\n}\n\nconst TagStyling = props => css`\n border: ${props.theme.tag.border};\n border-radius: ${props.theme.spaceScale.spacing05};\n background: ${buildButtonBackground(props)};\n color: ${buildButtonTextColor(props)};\n box-shadow: ${buildBoxShadow(props)};\n display: ${props.theme.tag.display};\n align-items: ${props.theme.tag.alignItems};\n justify-content: ${props.theme.tag.justifyContent};\n font-size: ${props.size === 'small'\n ? `${props.theme.typeScale.size01.fontSize}`\n : `${props.theme.typeScale.size02.fontSize}`};\n font-weight: ${props.size === 'small' ? `600` : `inherit`};\n letter-spacing: ${props.size === 'small'\n ? `${props.theme.typeScale.size01.letterSpacing}`\n : `${props.theme.typeScale.size02.letterSpacing}`};\n min-width: ${props.size === 'small'\n ? props.theme.spaceScale.spacing10\n : props.theme.spaceScale.spacing12};\n padding: ${buildTagPadding(props)};\n svg:first-of-type {\n height: ${props.size === 'small'\n ? `${props.theme.iconSizes.xSmall}px`\n : `${props.theme.iconSizes.small}px`};\n opacity: ${props.disabled ? '60%' : 'inherit'};\n width: ${props.size === 'small'\n ? `${props.theme.iconSizes.xSmall}px`\n : `${props.theme.iconSizes.small}px`};\n }\n svg:last-child {\n opacity: ${buildSvgOpacity(props)};\n width: ${props.size === 'small'\n ? `${props.theme.iconSizes.xSmall}px`\n : `${props.theme.iconSizes.small}px`};\n }\n &:hover {\n svg {\n opacity: ${props.disabled ? '60%' : '1'};\n }\n }\n`;\n\nconst StyledButton = styled.button<{\n disabled?: boolean;\n isClickable?: boolean;\n isInverse?: boolean;\n size: string;\n}>`\n ${TagStyling};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n`;\n\nconst StyledSpan = styled.span<{\n disabled?: boolean;\n isInverse?: boolean;\n size: string;\n}>`\n ${TagStyling};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'inherit')};\n`;\n\nconst LabelWrap = styled.span<{\n size: string;\n icon?: any;\n}>`\n padding: ${buildLabelPadding};\n`;\n\nfunction getStyledTag(isClickable: boolean) {\n return isClickable ? StyledButton : StyledSpan;\n}\n\nexport const Tag = React.forwardRef<HTMLButtonElement, TagProps>(\n (props, ref) => {\n const {\n children,\n color,\n labelText = children,\n onClick,\n onDelete,\n isInverse: isInverseProp,\n size = TagSize.medium,\n testId,\n ...rest\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const isInverse = useIsInverse(isInverseProp);\n\n const i18n = React.useContext(I18nContext);\n\n const deleteAriaLabel = i18n.tag.deleteAriaLabel.replace(\n /\\{labelText\\}/g,\n getNodeText(labelText)\n );\n\n const { icon } = props;\n\n const StyledTag = getStyledTag(Boolean(onClick || onDelete));\n\n function handleClick() {\n if (onClick && typeof onClick === 'function') {\n onClick();\n } else if (onDelete && typeof onDelete === 'function') {\n onDelete();\n }\n }\n\n return (\n <StyledTag\n color={color}\n icon={icon}\n onClick={handleClick}\n isInverse={isInverse}\n ref={ref}\n data-testid={props.testId}\n size={size}\n theme={theme}\n {...rest}\n >\n {icon}\n <LabelWrap size={size} {...rest} theme={theme}>\n {children}\n </LabelWrap>\n {onDelete && (\n <CancelIcon\n aria-label={deleteAriaLabel}\n size={theme.iconSizes.small}\n />\n )}\n </StyledTag>\n );\n }\n);\n","import * as React from 'react';\nimport { HiddenStyles } from '../../utils/UtilityStyles';\nimport { CheckIcon } from 'react-magma-icons';\nimport { FormGroupContext } from '../FormGroup';\nimport { InputMessage } from '../Input/InputMessage';\nimport { StyledLabel } from '../SelectionControls/StyledLabel';\nimport { StyledContainer } from '../SelectionControls/StyledContainer';\nimport { css } from '@emotion/core';\n// Using the base `styled` from `emotion` until import mapping is fixed: https://github.com/emotion-js/emotion/pull/1220\n// import styled from '../../theme/styled';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useGenerateId } from '../../utils';\nimport { useIsInverse } from '../../inverse';\n\nexport enum ToggleTextPosition {\n left = 'left', // default\n right = 'right',\n}\n\nexport interface ToggleProps\n extends React.InputHTMLAttributes<HTMLInputElement> {\n /**\n * If true, element is checked (i.e. selected)\n * @default false\n */\n checked?: boolean;\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n /**\n * If true, checkbox is checked on first render\n */\n defaultChecked?: boolean;\n /**\n * Content of the error message for toggle. If a value is provided, the component will be styled as an error state and the error message will display.\n */\n errorMessage?: React.ReactNode;\n /**\n * @internal\n */\n hasError?: boolean;\n isInverse?: boolean;\n /**\n * If true, label text will be hidden visually, but will still be read by assistive technology\n * @default false\n */\n isTextVisuallyHidden?: boolean;\n /**\n * Style properties for the label element\n */\n labelStyle?: React.CSSProperties;\n /**\n * Content for label; can be a node or a string\n */\n labelText: React.ReactNode;\n testId?: string;\n /**\n * Whether the label appears to the left of the right of the toggle switch\n * @default ToggleTextPosition.left\n */\n textPosition?: ToggleTextPosition;\n /**\n * @internal\n */\n theme?: any;\n /**\n * Style properties for the part of the component that slides back and forth on the track\n */\n thumbStyle?: React.CSSProperties;\n /**\n * Style properties for track on which the toggle thumb slides\n */\n trackStyle?: React.CSSProperties;\n}\n\nconst HiddenLabelText = styled.span`\n ${HiddenStyles};\n`;\n\nconst HiddenInput = styled.input`\n ${HiddenStyles};\n`;\n\nconst Track = styled.span<{\n isChecked?: boolean;\n disabled?: boolean;\n hasError?: boolean;\n isInverse?: boolean;\n theme?: any;\n}>`\n background: ${props => props.theme.colors.neutral04};\n border: 2px solid;\n border-color: ${props =>\n props.hasError ? props.theme.colors.danger : props.theme.colors.neutral04};\n border-radius: 12px;\n box-shadow: ${props =>\n props.isInverse && props.hasError\n ? `0 0 0 1px ${props.theme.colors.neutral08}`\n : '0 0 0'};\n cursor: pointer;\n height: 24px;\n position: relative;\n width: 48px;\n\n ${props =>\n props.isChecked &&\n css`\n background: ${props.theme.colors.success02};\n border-color: ${props.hasError\n ? props.theme.colors.danger\n : props.theme.colors.success02};\n `}\n\n ${props =>\n props.disabled &&\n css`\n background: ${props.theme.colors.neutral06};\n border-color: ${props.theme.colors.neutral06};\n cursor: not-allowed;\n `}\n\n ${HiddenInput}:focus + label & {\n outline: 2px dotted\n ${props =>\n props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n outline-offset: 3px;\n }\n\n &:before {\n // active state\n background: ${props => props.theme.colors.neutral};\n border-radius: 50%;\n content: '';\n display: block;\n height: 40px;\n left: -12px;\n opacity: 0;\n margin-top: -22px;\n padding: 50%;\n position: absolute;\n top: 50%;\n transform: scale(1);\n transition: opacity 1s, transform 0.25s;\n width: 40px;\n\n ${props =>\n props.isChecked &&\n css`\n background: ${props.theme.colors.success02};\n left: 12px;\n `}\n }\n\n ${HiddenInput}:not(:disabled):active + label & {\n &:before {\n opacity: 0.4;\n transform: scale(0);\n transition: transform 0s;\n }\n }\n`;\n\nconst Thumb = styled.span<{\n isChecked?: boolean;\n disabled?: boolean;\n theme?: any;\n}>`\n background: ${props => props.theme.colors.neutral08};\n border-radius: 100%;\n height: 20px;\n left: 0;\n margin-top: -10px;\n position: absolute;\n top: 50%;\n transition: left 0.25s;\n width: 20px;\n\n ${props =>\n props.isChecked &&\n css`\n left: 24px;\n `}\n`;\n\nconst IconContainer = styled.span<{ disabled?: boolean; theme?: any }>`\n color: ${props =>\n props.disabled\n ? props.theme.colors.neutral05\n : props.theme.colors.neutral08};\n left: ${props => props.theme.spaceScale.spacing02};\n position: absolute;\n top: ${props => props.theme.spaceScale.spacing01};\n\n svg {\n display: block;\n }\n`;\n\nconst SpanTextLeft = styled.span`\n padding-right: 10px;\n`;\n\nconst SpanTextRight = styled.span`\n padding-left: 10px;\n`;\n\nconst renderLabelText = (\n isTextVisuallyHidden: boolean,\n labelText: React.ReactNode,\n textPosition: ToggleTextPosition,\n labelStyle: React.CSSProperties\n) => {\n if (isTextVisuallyHidden) {\n return <HiddenLabelText>{labelText}</HiddenLabelText>;\n }\n\n return textPosition === ToggleTextPosition.left ? (\n <SpanTextLeft style={labelStyle}>{labelText}</SpanTextLeft>\n ) : (\n <SpanTextRight style={labelStyle}>{labelText}</SpanTextRight>\n );\n};\n\nexport const Toggle = React.forwardRef<HTMLInputElement, ToggleProps>(\n (props, ref) => {\n const {\n containerStyle,\n checked,\n defaultChecked,\n disabled,\n errorMessage,\n id: defaultId,\n isTextVisuallyHidden,\n labelStyle,\n labelText,\n onChange,\n textPosition,\n testId,\n trackStyle,\n thumbStyle,\n ...other\n } = props;\n const [isChecked, updateIsChecked] = React.useState(\n Boolean(defaultChecked) || Boolean(checked)\n );\n\n const id = useGenerateId(defaultId);\n const isControlled = typeof checked === 'boolean' ? true : false;\n\n React.useEffect(() => {\n if (typeof checked === 'boolean') {\n updateIsChecked(checked);\n }\n }, [checked]);\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { checked: targetChecked } = event.target;\n\n onChange && typeof onChange === 'function' && onChange(event);\n\n if (!isControlled) {\n updateIsChecked(targetChecked);\n }\n }\n\n const theme = React.useContext(ThemeContext);\n const context = React.useContext(FormGroupContext);\n\n const descriptionId = errorMessage ? `${id}__desc` : null;\n const groupDescriptionId = context.descriptionId;\n\n const describedBy =\n descriptionId && groupDescriptionId\n ? `${groupDescriptionId} ${descriptionId}`\n : descriptionId\n ? descriptionId\n : groupDescriptionId\n ? groupDescriptionId\n : null;\n\n const hasError = context.hasError || !!errorMessage;\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <>\n <StyledContainer>\n <HiddenInput\n {...other}\n aria-checked={isChecked}\n aria-describedby={describedBy}\n id={id}\n data-testid={testId}\n disabled={disabled}\n checked={isChecked}\n type=\"checkbox\"\n onChange={handleChange}\n ref={ref}\n role=\"switch\"\n />\n <StyledLabel\n htmlFor={id}\n isInverse={isInverse}\n style={containerStyle}\n >\n {textPosition !== ToggleTextPosition.right &&\n renderLabelText(\n isTextVisuallyHidden,\n labelText,\n ToggleTextPosition.left,\n labelStyle\n )}\n <Track\n isChecked={isChecked}\n data-testid=\"toggle-track\"\n disabled={disabled}\n hasError={hasError}\n isInverse={isInverse}\n style={trackStyle}\n theme={theme}\n >\n <IconContainer disabled={disabled} theme={theme}>\n <CheckIcon size={theme.iconSizes.xSmall} />\n </IconContainer>\n <Thumb\n isChecked={isChecked}\n disabled={disabled}\n style={thumbStyle}\n theme={theme}\n />\n </Track>\n {textPosition === ToggleTextPosition.right &&\n renderLabelText(\n isTextVisuallyHidden,\n labelText,\n ToggleTextPosition.right,\n labelStyle\n )}\n </StyledLabel>\n </StyledContainer>\n {!!errorMessage && (\n <InputMessage id={descriptionId} hasError isInverse={isInverse}>\n {errorMessage}\n </InputMessage>\n )}\n </>\n );\n }\n);\n","import * as React from 'react';\n\nexport interface ToastsContainerProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Number of additional pixels from bottom of screen\n * @default 0\n */\n bottomOffset?: number;\n /**\n * @internal\n */\n toastsArray?: any;\n testId?: string;\n}\n\nexport interface ToastsContextInterface {\n bottomOffset?: number;\n toastsArray?: any;\n}\n\nexport const ToastsContext = React.createContext<ToastsContextInterface>({\n toastsArray: { current: [] },\n bottomOffset: 0,\n});\n\nexport const ToastsContainer = React.forwardRef<\n HTMLDivElement,\n ToastsContainerProps\n>((props, ref) => {\n const { bottomOffset, children, testId } = props;\n const toastsArray = React.useRef([]);\n\n return (\n <ToastsContext.Provider value={{ bottomOffset, toastsArray }}>\n <div ref={ref} data-testid={testId}>\n {children}\n </div>\n </ToastsContext.Provider>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { AlertBase, AlertBaseProps, transitionDuration } from '../AlertBase';\nimport { getTrapElements } from '../../utils';\nimport { useGenerateId } from '../../utils';\nimport { ToastsContext } from './ToastsContainer';\n\n/**\n * @children required\n */\nexport interface ToastProps extends AlertBaseProps {\n /**\n * CSS properties for the alert component within the toast container\n */\n alertStyle?: React.CSSProperties;\n /**\n * CSS properties for the component container\n */\n containerStyle?: React.CSSProperties;\n /**\n * If true, the component will persist until dismissed by the user\n * @default false\n */\n disableAutoDismiss?: boolean;\n /**\n * Number of milliseconds the toast displays before it closes\n * @default 5000\n */\n toastDuration?: number;\n /**\n * Action that fires when the close button is clicked (required when dismissible is true)\n */\n onDismiss: () => void;\n /**\n * Action that fires when the mouse enters the component\n */\n onMouseEnter?: (event: React.SyntheticEvent) => void;\n /**\n * Action that fires when the mouse leaves the component\n */\n onMouseLeave?: (event: React.SyntheticEvent) => void;\n}\n\nconst ToastWrapper = styled.div<{\n bottomOffsetForContainer?: number;\n bottomOffsetForToast?: number;\n}>`\n bottom: ${props => props.bottomOffsetForToast + 20}px;\n display: flex;\n left: 20px;\n justify-content: flex-start;\n max-width: 600px;\n min-width: 320px;\n position: fixed;\n transform: translateY(${props => 0 - props.bottomOffsetForContainer}px);\n transition: bottom 0.3s;\n z-index: 999;\n\n @media (max-width: 600px) {\n bottom: ${props => props.bottomOffsetForToast + 10}px;\n left: 10px;\n right: 10px;\n }\n`;\n\nconst DEFAULT_TOAST_DURATION = 5000;\nconst TOAST_HEIGHT = 65;\n\nexport const Toast = React.forwardRef<HTMLDivElement, ToastProps>(\n (props, ref) => {\n const timerAutoHide = React.useRef<any>();\n const [isDismissed, setIsDismissed] = React.useState<boolean>(false);\n const [isPaused, setIsPaused] = React.useState<boolean>(false);\n const [timerTimeRemaining, setTimerTimeRemaining] =\n React.useState<number>();\n\n const {\n alertStyle,\n id: defaultId,\n testId,\n variant,\n disableAutoDismiss,\n children,\n containerStyle,\n toastDuration,\n ...other\n } = props;\n\n const id = useGenerateId(defaultId);\n\n const lastFocus = React.useRef<any>();\n\n const { bottomOffset, toastsArray } = React.useContext(ToastsContext);\n\n const timerStartTime = Date.now();\n\n const containerElement = React.useRef<any>();\n\n function dismissToast() {\n setIsDismissed(true);\n\n setTimeout(() => {\n if (toastsArray.current) {\n toastsArray.current = toastsArray.current.filter(\n toastId => toastId !== containerElement.current\n );\n }\n }, 0);\n }\n\n function clearTimeoutAndDismiss() {\n clearTimeout(timerAutoHide.current);\n\n dismissToast();\n\n if (lastFocus.current) {\n lastFocus.current.focus();\n }\n }\n\n function setAutoHideTimer(duration = DEFAULT_TOAST_DURATION) {\n clearTimeout(timerAutoHide.current);\n const totalDuration = duration + transitionDuration;\n\n timerAutoHide.current = setTimeout(() => {\n dismissToast();\n }, totalDuration);\n }\n\n function handlePause() {\n const duration = timerTimeRemaining\n ? timerTimeRemaining\n : toastDuration\n ? toastDuration\n : DEFAULT_TOAST_DURATION;\n const timeRemaining = duration - (Date.now() - timerStartTime);\n\n clearTimeout(timerAutoHide.current);\n setTimerTimeRemaining(timeRemaining);\n\n setIsPaused(true);\n }\n\n function handleResume() {\n setAutoHideTimer(timerTimeRemaining);\n setIsPaused(false);\n }\n\n function handleMouseEnter(event: React.SyntheticEvent) {\n props.onMouseEnter &&\n typeof props.onMouseEnter === 'function' &&\n props.onMouseEnter(event);\n\n if (!props.disableAutoDismiss) {\n handlePause();\n }\n }\n\n function handleMouseLeave(event: React.SyntheticEvent) {\n props.onMouseLeave &&\n typeof props.onMouseLeave === 'function' &&\n props.onMouseLeave(event);\n\n if (!props.disableAutoDismiss) {\n handleResume();\n }\n }\n\n function calculateAndSetBottomOffsetForToast() {\n updateBottomOffsetForToast(\n typeof toastsArray.current[0] === 'undefined'\n ? 0\n : toastsArray.current.indexOf(containerElement.current) * TOAST_HEIGHT\n );\n }\n\n const [bottomOffsetForToast, updateBottomOffsetForToast] =\n React.useState(0);\n\n React.useEffect(() => {\n lastFocus.current = document.activeElement;\n\n if (!props.disableAutoDismiss) {\n setAutoHideTimer(props.toastDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, []);\n\n React.useEffect(() => {\n if (!disableAutoDismiss) {\n const focusableElements = getTrapElements(containerElement);\n focusableElements.forEach(element => {\n element.addEventListener('focus', handlePause);\n element.addEventListener('blur', handleResume);\n });\n }\n }, []);\n\n React.useEffect(() => {\n if (toastsArray) {\n toastsArray.current = toastsArray.current.includes(\n containerElement.current\n )\n ? toastsArray.current\n : toastsArray.current.concat([containerElement.current]);\n\n calculateAndSetBottomOffsetForToast();\n }\n }, []);\n\n React.useEffect(() => {\n calculateAndSetBottomOffsetForToast();\n }, [toastsArray.current]);\n\n return (\n <ToastWrapper\n bottomOffsetForToast={bottomOffsetForToast}\n bottomOffsetForContainer={bottomOffset}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={containerElement}\n style={containerStyle}\n data-testid={testId}\n >\n <AlertBase\n {...other}\n forceDismiss={clearTimeoutAndDismiss}\n hasTimerRing={!disableAutoDismiss}\n id={id}\n isDismissible\n isDismissed={isDismissed}\n isPaused={isPaused}\n isToast\n onDismiss={props.onDismiss}\n ref={ref}\n style={{ ...alertStyle }}\n toastDuration={toastDuration ? toastDuration : DEFAULT_TOAST_DURATION}\n variant={variant}\n >\n {children}\n </AlertBase>\n </ToastWrapper>\n );\n }\n);\n","import * as React from 'react';\nimport { useDescendants } from '../../hooks/useDescendants';\n\nexport enum AccordionIconPosition {\n left = 'left',\n none = 'none',\n right = 'right', // default\n}\n\nexport interface UseAccordionProps {\n /**\n * Index of the accordion panel expanded by default. If multiple panels are allowed, takes an array.\n * @default null\n */\n defaultIndex?: number[] | number;\n /**\n * Position of the chevron icon. If 'none', the icon will not render at all.\n * @default AccordionIconPosition.right\n */\n iconPosition?: AccordionIconPosition;\n index?: number[] | number;\n isInverse?: boolean;\n /**\n * If true, multiple accordion items may be expanded at once\n * @default true\n */\n isMulti?: boolean;\n /**\n * Event that fires when an accordion button is clicked\n */\n onExpandedChange?: (event: any) => void;\n testId?: string;\n}\n\ninterface AccordionContextInterface {\n buttonRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n expandedIndex?: number[] | number;\n iconPosition?: AccordionIconPosition;\n isControlled?: boolean;\n isMulti?: boolean;\n onExpandedChange?: any;\n setExpandedIndex?: any;\n registerAccordionButton: (\n itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n itemRef: React.MutableRefObject<Element>\n ) => void;\n}\n\nexport const AccordionContext = React.createContext<AccordionContextInterface>({\n isControlled: false,\n iconPosition: AccordionIconPosition.right,\n isMulti: false,\n registerAccordionButton: (elements, element) => {},\n});\n\nexport function useAccordion(props: UseAccordionProps) {\n const {\n isMulti = true,\n defaultIndex = isMulti ? [] : null,\n index,\n iconPosition = AccordionIconPosition.right,\n onExpandedChange,\n } = props;\n\n const isControlled = typeof index !== 'undefined';\n\n const indexProp = isControlled ? index : defaultIndex;\n\n const [expandedIndex, setExpandedIndex] = React.useState(indexProp);\n\n React.useEffect(() => {\n if (isControlled) {\n setExpandedIndex(index);\n }\n }, [index]);\n\n const [buttonRefArray, registerAccordionButton] = useDescendants();\n\n const contextValue = {\n buttonRefArray,\n expandedIndex,\n iconPosition,\n isControlled,\n isMulti,\n onExpandedChange,\n registerAccordionButton,\n setExpandedIndex,\n };\n\n return {\n contextValue,\n };\n}\n\nexport type UseAccordionReturn = ReturnType<typeof useAccordion>;\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport {\n inputBaseStyles,\n InputBaseStylesProps,\n InputWrapperStylesProps,\n inputWrapperStyles,\n} from '../InputBase';\nimport {\n FormFieldContainer,\n FormFieldContainerBaseProps,\n} from '../FormFieldContainer';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useGenerateId, Omit } from '../../utils';\nimport { useIsInverse } from '../../inverse';\n\nexport interface TextareaProps\n extends Omit<FormFieldContainerBaseProps, 'inputSize' | 'fieldId'>,\n React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n /**\n * Style properties for the component container element\n */\n containerStyle?: React.CSSProperties;\n isInverse?: boolean;\n testId?: string;\n /**\n * Style properties for the textarea element\n */\n textareaStyle?: React.CSSProperties;\n /**\n * Value for the textarea\n */\n value?: string | ReadonlyArray<string> | number;\n}\n\nconst StyledTextArea = styled.textarea<\n InputWrapperStylesProps & InputBaseStylesProps\n>`\n ${inputBaseStyles};\n ${inputWrapperStyles};\n height: 4.5em;\n padding: ${props =>\n `${props.theme.spaceScale.spacing02} ${props.theme.spaceScale.spacing03}`};\n`;\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n (props, ref) => {\n const {\n containerStyle,\n errorMessage,\n helperMessage,\n id: defaultId,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n messageStyle,\n testId,\n textareaStyle,\n ...other\n } = props;\n\n const theme = React.useContext(ThemeContext);\n\n const id = useGenerateId(defaultId);\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n const [value, setValue] = React.useState<\n string | ReadonlyArray<string> | number\n >(props.defaultValue || props.value || '');\n\n React.useEffect(() => {\n setValue(props.value);\n }, [props.value]);\n function handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n props.onChange &&\n typeof props.onChange === 'function' &&\n props.onChange(event);\n\n setValue(event.target.value);\n }\n\n const isInverse = useIsInverse(props.isInverse);\n\n return (\n <FormFieldContainer\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n helperMessage={helperMessage}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n isInverse={isInverse}\n labelStyle={labelStyle}\n labelText={labelText}\n >\n <StyledTextArea\n {...other}\n aria-describedby={\n descriptionId ? descriptionId : props['aria-describedby']\n }\n aria-invalid={!!errorMessage}\n data-testid={testId}\n hasError={!!errorMessage}\n id={id}\n isInverse={isInverse}\n onChange={handleChange}\n ref={ref}\n style={textareaStyle}\n theme={theme}\n value={value}\n width=\"100%\"\n />\n </FormFieldContainer>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '@emotion/styled';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\n\ninterface AmPmToggleProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children: string;\n}\n\nconst StyledAmPmToggle = styled.button<{ theme: ThemeInterface }>`\n background: none;\n border: 0;\n border-radius: 3px;\n margin-left: 3px;\n padding: 0 3px;\n\n &:focus {\n outline: 0;\n background: ${props => props.theme.colors.foundation};\n color: ${props => props.theme.colors.neutral08};\n }\n`;\n\nexport const AmPmToggle = React.forwardRef<HTMLButtonElement, AmPmToggleProps>(\n (props, ref) => {\n const { children, ...other } = props;\n const theme = React.useContext(ThemeContext);\n\n return (\n <StyledAmPmToggle\n {...other}\n data-testid=\"amPmTimeButton\"\n ref={ref}\n theme={theme}\n type=\"button\"\n >\n {children}\n </StyledAmPmToggle>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { Announce } from '../Announce';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { AmPmToggle } from './AmPmToggle';\nimport { ScheduleIcon } from 'react-magma-icons';\nimport { useTimePicker, UseTimePickerProps } from './useTimePicker';\n\nimport { I18nContext } from '../../i18n';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useIsInverse } from '../../inverse';\nimport { FormFieldContainer } from '../FormFieldContainer';\nimport { inputWrapperStyles } from '../InputBase';\n\nexport interface TimePickerProps extends UseTimePickerProps {\n /**\n * Style properties for the outer input\n */\n inputStyle?: React.CSSProperties;\n}\n\nconst InputsContainer = styled.div<{\n hasError?: boolean;\n isInverse?: boolean;\n}>`\n ${inputWrapperStyles};\n height: ${props => props.theme.spaceScale.spacing09};\n padding: ${props => props.theme.spaceScale.spacing03};\n width: 144px;\n`;\n\nconst Divider = styled.span`\n display: inline-block;\n margin: 0 1px;\n position: relative;\n top: -1px;\n`;\n\nconst StyledNumInput = styled.input`\n border: 0;\n border-radius: ${props => props.theme.borderRadius};\n margin-right: ${props => props.theme.spaceScale.spacing01};\n padding: 0 ${props => props.theme.spaceScale.spacing01};\n text-align: right;\n width: ${props => props.theme.spaceScale.spacing06};\n\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n -moz-appearance: textfield;\n\n &:focus {\n outline: 0;\n background: ${props => props.theme.colors.foundation02};\n color: ${props => props.theme.colors.neutral08};\n }\n`;\n\nexport const TimePicker = React.forwardRef<HTMLInputElement, TimePickerProps>(\n (props, ref) => {\n const theme = React.useContext(ThemeContext);\n const i18n = React.useContext(I18nContext);\n\n const {\n containerStyle,\n errorMessage,\n helperMessage,\n inputStyle,\n labelStyle,\n labelText,\n minutesStep,\n onChange,\n ...other\n } = props;\n\n const isInverse = useIsInverse(props.isInverse);\n\n const {\n am,\n amPm,\n amPmRef,\n descriptionId,\n hour,\n hourId,\n hourRef,\n id,\n time,\n minute,\n minuteId,\n minuteRef,\n toggleAmPm,\n handleHourChange,\n handleMinuteChange,\n handleHourKeyDown,\n handleMinuteKeyDown,\n handleAmPmKeyDown,\n } = useTimePicker(props);\n\n const hoursLabel = `${labelText}, ${i18n.timePicker.hoursAriaLabel}`;\n const minutesLabel = `${labelText}, ${i18n.timePicker.minutesAriaLabel}`;\n const amPmLabel = `${labelText}, ${\n amPm === am\n ? i18n.timePicker.amButtonAriaLabel\n : i18n.timePicker.pmButtonAriaLabel\n }`;\n\n return (\n <FormFieldContainer\n {...other}\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n helperMessage={helperMessage}\n isInverse={isInverse}\n labelText={labelText}\n >\n <InputsContainer\n isInverse={isInverse}\n hasError={!!errorMessage}\n theme={theme}\n >\n <ScheduleIcon\n color={theme.colors.neutral}\n style={{ marginRight: theme.spaceScale.spacing02 }}\n />\n <StyledNumInput\n aria-label={hoursLabel}\n aria-describedby={descriptionId}\n data-testid=\"hoursTimeInput\"\n id={hourId}\n maxLength={2}\n max=\"12\"\n min=\"1\"\n onChange={handleHourChange}\n onKeyDown={handleHourKeyDown}\n placeholder=\"--\"\n ref={hourRef}\n theme={theme}\n type=\"number\"\n value={hour}\n />\n <Divider> : </Divider>\n <StyledNumInput\n aria-label={minutesLabel}\n data-testid=\"minutesTimeInput\"\n id={minuteId}\n maxLength={2}\n max=\"59\"\n min=\"0\"\n onChange={handleMinuteChange}\n onKeyDown={handleMinuteKeyDown}\n placeholder=\"--\"\n ref={minuteRef}\n step={minutesStep || 1}\n theme={theme}\n type=\"number\"\n value={minute}\n />\n <AmPmToggle\n aria-label={amPmLabel}\n ref={amPmRef}\n onClick={toggleAmPm}\n onKeyDown={handleAmPmKeyDown}\n >\n {amPm}\n </AmPmToggle>\n <VisuallyHidden>\n <Announce>\n {amPm === am\n ? i18n.timePicker.amSelectedAnnounce\n : i18n.timePicker.pmSelectedAnnounce}\n </Announce>\n </VisuallyHidden>\n </InputsContainer>\n <input id={id} ref={ref} type=\"hidden\" value={time} />\n </FormFieldContainer>\n );\n }\n);\n","import * as React from 'react';\nimport { useGenerateId, Omit } from '../../utils';\nimport { FormFieldContainerBaseProps } from '../FormFieldContainer';\n\nimport { enUS } from 'date-fns/locale';\nimport { I18nContext } from '../../i18n';\n\nexport interface UseTimePickerProps\n extends Omit<FormFieldContainerBaseProps, 'inputSize' | 'fieldId'> {\n /**\n * ID of the hidden input that stores the time value. Also the prefix for other fields.\n */\n id?: string;\n /**\n * Style properties for the outer input\n */\n inputStyle?: React.CSSProperties;\n isInverse?: boolean;\n /**\n * Style properties for the label\n */\n minutesStep?: number;\n /**\n * Full time value passed in and converted to use in hour, minute, and AM/PM fields\n */\n value?: string;\n /**\n * Function called when the component is changed to a new time\n */\n onChange?: (value: string) => void;\n}\n\nexport function useTimePicker(props: UseTimePickerProps) {\n const { errorMessage, helperMessage, onChange } = props;\n const i18n = React.useContext(I18nContext);\n\n const locale = i18n.locale || enUS;\n const am = locale.localize.dayPeriod('am', { width: 'abbreviated' });\n const pm = locale.localize.dayPeriod('pm', { width: 'abbreviated' });\n\n const [hour, setHour] = React.useState<string>('');\n const [minute, setMinute] = React.useState<string>('');\n const [amPm, setAmPm] = React.useState<string>(am);\n const [time, setTime] = React.useState<string>('');\n const hourRef = React.useRef<HTMLInputElement>();\n const minuteRef = React.useRef<HTMLInputElement>();\n const amPmRef = React.useRef<HTMLButtonElement>();\n const id = useGenerateId(props.id);\n\n React.useEffect(() => {\n if (validTime(props.value)) {\n convertPassedInTime(props.value);\n }\n }, [props.value]);\n\n const hourId = `${id}__hour`;\n const minuteId = `${id}__minute`;\n const descriptionId = errorMessage || helperMessage ? `${id}__desc` : null;\n\n function updateTime(newTime: string) {\n setTime(newTime);\n onChange && typeof onChange === 'function' && onChange(newTime);\n }\n\n function validTime(passedInTime: string) {\n const amPmRegex = `${am}|${am.toLowerCase()}|${pm}|${pm.toLowerCase()}`;\n const timeRegex = new RegExp(\n `^([01]?[0-9]|2[0-3]):[0-5][0-9]( (${amPmRegex}))?$`,\n 'g'\n );\n return timeRegex.test(passedInTime);\n }\n\n function convertPassedInTime(passedInTime: string) {\n const [timeHour, timeMinuteAndAmPm] = passedInTime.split(':');\n const timeMinute = timeMinuteAndAmPm.substring(0, 2);\n\n const timeAmPm =\n Number(timeHour) > 12\n ? pm\n : timeMinuteAndAmPm.length > 2\n ? timeMinuteAndAmPm.split(' ')[1].toUpperCase()\n : am;\n\n setHour(calculateHour(Number(timeHour)));\n setMinute(timeMinute);\n setAmPm(timeAmPm);\n updateTime(`${timeHour}:${timeMinute} ${timeAmPm}`);\n }\n\n function calculateHour(newHour: number): string {\n if (newHour < 10) {\n return `0${newHour}`;\n } else if (newHour > 12) {\n return `0${newHour.toString().substring(0, 1)}`;\n }\n\n return newHour.toString();\n }\n\n function calculateMinute(newMinute: number): string {\n if (newMinute === 0) {\n return `00`;\n } else if (newMinute < 10) {\n return `0${newMinute}`;\n } else if (newMinute > 59) {\n return `0${newMinute.toString().substring(0, 1)}`;\n }\n\n return newMinute.toString();\n }\n\n function handleHourChange(event: React.ChangeEvent<HTMLInputElement>) {\n const newHour = calculateHour(Number(event.target.value));\n\n setHour(newHour);\n updateTime(`${newHour}:${minute} ${amPm}`);\n }\n\n function handleMinuteChange(event: React.ChangeEvent<HTMLInputElement>) {\n const newMinute = calculateMinute(Number(event.target.value));\n\n setMinute(newMinute);\n updateTime(`${hour}:${newMinute} ${amPm}`);\n }\n\n function toggleAmPm() {\n const newAmPm = amPm === am ? pm : am;\n\n setAmPm(newAmPm);\n updateTime(`${hour}:${minute} ${newAmPm}`);\n }\n\n function handleHourKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Backspace') {\n setHour('');\n }\n\n if (event.key === 'ArrowRight') {\n minuteRef.current.focus();\n }\n }\n\n function handleMinuteKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Backspace') {\n setMinute('');\n }\n\n if (event.key === 'ArrowLeft') {\n hourRef.current.focus();\n }\n\n if (event.key === 'ArrowRight') {\n amPmRef.current.focus();\n }\n }\n\n function handleAmPmKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'ArrowLeft') {\n minuteRef.current.focus();\n }\n\n if (\n event.key === 'ArrowUp' ||\n event.key === 'ArrowDown' ||\n ((event.key === 'A' || event.key === 'a') && amPm === pm) ||\n ((event.key === 'P' || event.key === 'p') && amPm === am)\n ) {\n event.preventDefault();\n toggleAmPm();\n }\n }\n\n return {\n amPm,\n am,\n amPmRef,\n toggleAmPm,\n id,\n time,\n hour,\n hourId,\n hourRef,\n minute,\n minuteId,\n minuteRef,\n descriptionId,\n handleHourChange,\n handleMinuteChange,\n handleHourKeyDown,\n handleMinuteKeyDown,\n handleAmPmKeyDown,\n };\n}\n\nexport type UseTimePickerReturn = ReturnType<typeof useTimePicker>;\n","import * as React from 'react';\nimport { Global, css } from '@emotion/core';\nimport { ThemeContext } from '../ThemeContext';\nimport { useIsInverse } from '../../inverse';\n\nfunction getStyles(theme, isInverse: boolean) {\n return css`\n @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');\n @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');\n\n *,\n *:before,\n *:after {\n box-sizing: border-box;\n }\n\n *:focus {\n outline: 2px dotted\n ${isInverse ? theme.colors.focusInverse : theme.colors.focus};\n outline-offset: 4px;\n }\n\n html {\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n font-size: ${theme.typeScale.size03.fontSize};\n line-height: ${theme.typeScale.size03.lineHeight};\n scroll-behavior: smooth;\n }\n\n html,\n body {\n background: ${isInverse\n ? theme.colors.foundation\n : theme.colors.neutral08};\n color: ${isInverse ? theme.colors.neutral08 : theme.colors.neutral};\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: ${theme.bodyFont};\n font-style: normal;\n font-weight: 400;\n font-size: ${theme.typeScale.size03.fontSize};\n line-height: ${theme.typeScale.size03.lineHeight};\n }\n\n a {\n color: ${isInverse ? theme.colors.neutral07 : theme.colors.primary};\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ${isInverse ? theme.colors.neutral06 : theme.colors.focus};\n }\n }\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font: inherit;\n margin: 0;\n }\n\n svg:not(:root) {\n overflow: hidden;\n }\n `;\n}\n\nexport const GlobalStyles: React.FunctionComponent = () => {\n const isInverse = useIsInverse();\n return (\n <ThemeContext.Consumer>\n {theme => <Global styles={getStyles(theme, isInverse)} />}\n </ThemeContext.Consumer>\n );\n};\n","import * as React from 'react';\nimport styled from '../../theme/styled';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { InverseContext, useIsInverse } from '../../inverse';\nimport {\n UseAccordionProps,\n AccordionContext,\n useAccordion,\n} from './useAccordion';\nimport { ThemeInterface } from '../../theme/magma';\n\n/**\n * @children required\n */\ninterface BaseAccordionProps\n extends UseAccordionProps,\n React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nexport interface AccordionMultipleProps extends BaseAccordionProps {\n /**\n * Zero-based indices of item to expanded initially. When isMulti is true this is an array of numbers.\n * @default []\n */\n defaultIndex?: number[];\n /**\n * Not used in uncontrolled accordion\n */\n index?: never;\n /**\n * If true, multiple accordion items may be expanded at once\n */\n isMulti: true;\n}\n\nexport interface AccordionSingleProps\n extends UseAccordionProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * Zero-based index of item to expanded initially. When isMulti is a false this is a number.\n * @default null\n */\n defaultIndex?: number;\n /**\n * Not used in uncontrolled accordion\n */\n index?: never;\n /**\n * If true, multiple accordion items may be expanded at once\n */\n isMulti: false;\n}\n\nexport interface AccordionMultipleControlledProps\n extends UseAccordionProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * Zero-based indices of expanded items. When isMulti is true this is an array of numbers.\n * @default []\n */\n index?: number[];\n /**\n * Not used in controlled accordion\n */\n defaultIndex?: never;\n isMulti?: true;\n}\n\nexport interface AccordionSingleControlledProps\n extends UseAccordionProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * Zero-based index of expanded item. When isMulti is a false this is a number.\n * @default null\n */\n index?: number;\n /**\n * Not used in controlled accordion\n */\n defaultIndex?: never;\n isMulti: false;\n}\n\nexport type AccordionProps =\n | AccordionMultipleProps\n | AccordionSingleProps\n | AccordionMultipleControlledProps\n | AccordionSingleControlledProps;\n\nconst StyledAccordion = styled.div<AccordionProps>`\n background: transparent;\n border-bottom: 1px solid ${props => props.theme.colors.neutral06};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n`;\n\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n (props, ref) => {\n const {\n children,\n isInverse: isInverseProp,\n onExpandedChange,\n testId,\n ...rest\n } = props;\n\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n const { contextValue } = useAccordion(props);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <AccordionContext.Provider value={contextValue}>\n <StyledAccordion\n {...rest}\n data-testid={testId}\n isInverse={isInverse}\n ref={ref}\n theme={theme}\n >\n {React.Children.map(\n children,\n (child: React.ReactElement<any>, index) => {\n return React.cloneElement(child, { index, key: index });\n }\n )}\n </StyledAccordion>\n </AccordionContext.Provider>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\n\nimport { AccordionContext } from './useAccordion';\nimport { useGenerateId } from '../../utils';\n\nexport interface UseAccordionItemProps {\n /**\n * @internal\n */\n index?: number;\n isDisabled?: boolean;\n testId?: string;\n}\n\ninterface AccordionItemContextInterface {\n buttonId?: string;\n index?: number;\n isDisabled?: boolean;\n isExpanded?: boolean;\n panelId?: string;\n setIsExpanded?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextInterface>(\n {\n isDisabled: false,\n isExpanded: false,\n setIsExpanded: () => {},\n }\n);\n\nexport function useAccordionItem(props: UseAccordionItemProps) {\n const { index, isDisabled } = props;\n\n const [isExpanded, setIsExpanded] = React.useState<boolean>(false);\n const { expandedIndex, isMulti } = React.useContext(AccordionContext);\n\n const idPrefix = useGenerateId();\n\n const buttonId = `${idPrefix}_btn`;\n const panelId = `${idPrefix}_panel`;\n\n React.useEffect(() => {\n const newIsExpanded = isMulti\n ? Array.isArray(expandedIndex) && expandedIndex.includes(index) \n : expandedIndex == index;\n \n setIsExpanded(newIsExpanded);\n });\n\n const contextValue = {\n buttonId,\n index,\n isDisabled,\n isExpanded,\n panelId,\n setIsExpanded,\n };\n\n return {\n contextValue,\n };\n}\n\nexport type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>;\n","import * as React from 'react';\nimport {\n AccordionItemContext,\n UseAccordionItemProps,\n useAccordionItem,\n} from './useAccordionItem';\nimport { ThemeInterface } from '../../theme/magma';\nimport styled from '../../theme/styled';\n\n/**\n * @children required\n */\nexport interface AccordionItemProps\n extends UseAccordionItemProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nconst StyledItem = styled.div`\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n background: none;\n color: inherit;\n font: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n }\n`;\n\nexport const AccordionItem = React.forwardRef<\n HTMLDivElement,\n AccordionItemProps\n>((props, ref) => {\n const { children, testId, ...rest } = props;\n\n const { contextValue } = useAccordionItem(props);\n\n return (\n <AccordionItemContext.Provider value={contextValue}>\n <StyledItem ref={ref} data-testid={testId} {...rest}>\n {children}\n </StyledItem>\n </AccordionItemContext.Provider>\n );\n});\n","import * as React from 'react';\n\nimport { AccordionContext } from './useAccordion';\nimport { AccordionItemContext } from './useAccordionItem';\nimport { useForceUpdate } from '../../hooks/useForceUpdate';\nimport { useForkedRef } from '../../utils';\n\nexport interface UseAccordionButtonProps {\n testId?: string;\n isInverse?: boolean;\n}\n\nexport function useAccordionButton(\n props: UseAccordionButtonProps,\n forwardedRef\n) {\n const {\n buttonRefArray,\n expandedIndex,\n iconPosition,\n isControlled,\n isMulti,\n registerAccordionButton,\n onExpandedChange,\n setExpandedIndex,\n } = React.useContext(AccordionContext);\n\n const { buttonId, index, isDisabled, isExpanded, panelId } = React.useContext(\n AccordionItemContext\n );\n\n const handleClick = () => {\n typeof onExpandedChange === 'function' && onExpandedChange(index);\n\n if (!isControlled) {\n isMulti && Array.isArray(expandedIndex)\n ? isExpanded\n ? setExpandedIndex(expandedIndex.filter(item => item !== index))\n : setExpandedIndex(expandedIndex.concat([index]))\n : isExpanded\n ? setExpandedIndex(null)\n : setExpandedIndex(index);\n }\n };\n\n const focusFirst = () => {\n (buttonRefArray.current[0].current as HTMLButtonElement).focus();\n };\n\n const focusNext = () => {\n (buttonRefArray.current[index + 1].current as HTMLButtonElement).focus();\n };\n\n const focusPrev = () => {\n (buttonRefArray.current[index - 1].current as HTMLButtonElement).focus();\n };\n\n const focusLast = () => {\n const arrLength = buttonRefArray.current.length;\n (buttonRefArray.current[arrLength - 1]\n .current as HTMLButtonElement).focus();\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n const arrLength = buttonRefArray.current.length;\n\n switch (event.key) {\n case 'ArrowDown': {\n index === arrLength - 1 ? focusFirst() : focusNext();\n break;\n }\n case 'ArrowUp': {\n index === 0 ? focusLast() : focusPrev();\n break;\n }\n case 'Home': {\n focusFirst();\n break;\n }\n case 'End': {\n focusLast();\n break;\n }\n default:\n return;\n }\n };\n\n const ownRef = React.useRef<HTMLDivElement>();\n const forceUpdate = useForceUpdate();\n\n const ref = useForkedRef(forwardedRef, ownRef);\n\n React.useEffect(() => {\n if (!isDisabled) {\n registerAccordionButton(buttonRefArray, ownRef);\n }\n\n forceUpdate();\n }, []);\n\n return {\n buttonId,\n handleClick,\n handleKeyDown,\n iconPosition,\n index,\n isDisabled,\n isExpanded,\n panelId,\n ref,\n };\n}\n\nexport type UseAccordionButtonReturn = ReturnType<typeof useAccordionButton>;\n","import * as React from 'react';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { Modal, ModalProps } from '../Modal';\nimport { TransitionProps } from '../Transition';\n\nexport enum DrawerPosition {\n top = 'top',\n bottom = 'bottom',\n left = 'left',\n right = 'right',\n}\n\nconst transitionPreset: {\n [key in DrawerPosition]: Omit<TransitionProps, 'isOpen'>;\n} = {\n top: { slideTop: true },\n bottom: { slideBottom: true },\n left: { slideLeft: true },\n right: { slideRight: true },\n};\n\n/**\n * @children required\n */\nexport interface DrawerProps extends Omit<ModalProps, 'size'> {\n testId?: string;\n /**\n * Style properties for the drawer\n */\n drawerStyle?: React.CSSProperties;\n /**\n * Style properties for the drawer container\n */\n containerStyle?: React.CSSProperties;\n /**\n * Set the position of the drawer\n */\n position?: DrawerPosition;\n}\n\nexport const Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(\n (props, ref) => {\n const { style, containerStyle, position, ...rest } = props;\n const theme = React.useContext(ThemeContext);\n const drawerStyle = {\n ...theme.drawer.default,\n ...theme.drawer[DrawerPosition[position]],\n } as React.CSSProperties;\n return (\n <Modal\n containerStyle={{\n padding: '0',\n ...containerStyle,\n }}\n containerTransition={transitionPreset[DrawerPosition[position]]}\n style={{ ...drawerStyle, ...style }}\n {...rest}\n />\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { useIsInverse } from '../../inverse';\nimport { AccordionIconPosition } from './useAccordion';\nimport { Spacer } from '../Spacer';\nimport { ExpandMoreIcon } from 'react-magma-icons';\nimport {\n useAccordionButton,\n UseAccordionButtonProps,\n} from './useAccordionButton';\nimport { Transition } from '../Transition';\n\n/**\n * @children required\n */\nexport interface AccordionButtonProps\n extends UseAccordionButtonProps,\n React.HTMLAttributes<HTMLButtonElement> {\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nconst StyledButton = styled.button<{\n isInverse?: boolean;\n isExpanded?: boolean;\n}>`\n background: transparent;\n border: 0;\n border-top: 1px solid ${props =>\n props.isInverse ? props.theme.colors.tint04 : props.theme.colors.neutral06};\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n cursor: pointer;\n display: flex;\n font-size: ${props => props.theme.typeScale.size03.fontSize};\n line-height: ${props => props.theme.typeScale.size03.lineHeight};\n font-weight: 600;\n padding: 12px 16px;\n text-align: left;\n width: 100%;\n\n &:focus {\n outline: 2px dotted ${props =>\n props.isInverse\n ? props.theme.colors.focusInverse\n : props.theme.colors.focus};\n }\n outline-offset: -3px;\n }\n\n &&[disabled] {\n color: ${props =>\n props.isInverse\n ? props.theme.colors.disabledInverseText\n : props.theme.colors.disabledText};\n cursor: not-allowed;\n }\n`;\n\nconst TextWrapper = styled.span`\n flex-grow: 1;\n`;\n\nexport const AccordionButton = React.forwardRef<\n HTMLButtonElement,\n AccordionButtonProps\n>((props, forwardedRef) => {\n const { children, testId, isInverse: isInverseProp, ...rest } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n const {\n iconPosition,\n buttonId,\n isDisabled,\n isExpanded,\n panelId,\n handleClick,\n handleKeyDown,\n ref,\n } = useAccordionButton(props, forwardedRef);\n\n const caret = (\n <Transition\n isOpen={isExpanded}\n rotate180\n style={{ height: theme.spaceScale.spacing06 }}\n >\n <ExpandMoreIcon />\n </Transition>\n );\n\n return (\n <StyledButton\n {...rest}\n aria-controls={panelId}\n aria-expanded={Boolean(isExpanded)}\n data-testid={testId}\n disabled={isDisabled}\n id={buttonId}\n isExpanded={isExpanded}\n isInverse={isInverse}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n ref={ref}\n theme={theme}\n >\n {iconPosition === AccordionIconPosition.left && (\n <>\n {caret}\n <Spacer size={12} />\n </>\n )}\n <TextWrapper>{children}</TextWrapper>\n {iconPosition === AccordionIconPosition.right && (\n <>\n <Spacer size={12} />\n {caret}\n </>\n )}\n </StyledButton>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { ThemeInterface } from '../../theme/magma';\nimport { useIsInverse } from '../../inverse';\nimport { AccordionItemContext } from './useAccordionItem';\nimport { Transition } from '../Transition';\n\n/**\n * @children required\n */\nexport interface AccordionPanelProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n isInverse?: boolean;\n /**\n * @internal\n */\n theme?: ThemeInterface;\n}\n\nconst StyledPanel = styled.div<AccordionPanelProps>`\n background: transparent;\n color: ${props =>\n props.isInverse\n ? props.theme.colors.neutral08\n : props.theme.colors.neutral};\n padding: ${props =>\n `${props.theme.spaceScale.spacing03} ${props.theme.spaceScale.spacing05} ${props.theme.spaceScale.spacing04}`};\n`;\n\nexport const AccordionPanel = React.forwardRef<\n HTMLDivElement,\n AccordionPanelProps\n>((props, ref) => {\n const { children, testId, isInverse: isInverseProp, ...rest } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n const { buttonId, isExpanded, panelId } =\n React.useContext(AccordionItemContext);\n\n return (\n <Transition\n isOpen={isExpanded}\n collapse\n unmountOnExit\n >\n <StyledPanel\n {...rest}\n aria-labelledby={buttonId}\n aria-hidden={!isExpanded}\n data-testid={testId}\n id={panelId}\n isInverse={isInverse}\n ref={ref}\n theme={theme}\n >\n {children}\n </StyledPanel>\n </Transition>\n );\n});\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport * as CSS from 'csstype';\n\nexport enum GridDisplay {\n grid = 'grid', // default\n inlineGrid = 'inline-grid',\n}\n\nexport enum GridJustifyItems {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n}\n\nexport enum GridJustifyContent {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n spaceAround = 'space-around',\n spaceBetween = 'space-between',\n spaceEvenly = 'space-evenly',\n}\n\nexport enum GridAlignItems {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n}\n\nexport enum GridAlignContent {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n spaceAround = 'space-around',\n spaceBetween = 'space-between',\n spaceEvenly = 'space-evenly',\n}\n\nexport enum GridItemJustifySelf {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n}\n\nexport enum GridItemAlignSelf {\n start = 'start',\n end = 'end',\n center = 'center',\n stretch = 'stretch',\n}\n\nexport enum GridAutoFlow {\n row = 'row',\n column = 'column',\n rowDense = 'row-dense',\n columnDense = 'column-dense',\n}\n\n/**\n * @children required\n */\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Defines the display style property. Sets grid or inline-grid.\n * @default GridDisplay.grid\n */\n gridDisplay?: GridDisplay;\n /**\n * Set the columns in the grid.\n */\n gridTemplateColumns?: CSS.Property.GridTemplateColumns;\n /**\n * Set the rows in the grid.\n */\n gridTemplateRows?: CSS.Property.GridTemplateRows;\n /**\n * Set the areas in the grid.\n */\n gridTemplateAreas?: CSS.Property.GridTemplateAreas;\n /**\n * Set the space between columns and / or rows in the grid.\n */\n gridGap?: CSS.Property.GridGap;\n /**\n * Align grid items along the inline (row) axis. Applies to all items in the grid.\n */\n gridJustifyItems?: GridJustifyItems;\n /**\n * Sets the alignment of the grid within the grid container along the inline row axis.\n */\n gridJustifyContent?: GridJustifyContent;\n /**\n * Align grid items along the block (column) axis. Applies to all items in the grid.\n */\n gridAlignItems?: GridAlignItems;\n /**\n * Sets the alignment of the grid within the grid container along the block (column) axis.\n */\n gridAlignContent?: GridAlignContent;\n /**\n * If you have grid items that you don’t explicitly place on the grid, the auto-placement algorithm kicks in to automatically place the items.\n */\n gridAutoFlow?: GridAutoFlow;\n}\n\n/**\n * @children required\n */\nexport interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Defines the span of a column on a grid item.\n */\n gridColumn?: CSS.Property.GridColumn;\n /**\n * Defines the span of a row on a grid item.\n */\n gridRow?: CSS.Property.GridRow;\n /**\n * Define which grid area a grid item belongs to.\n */\n gridArea?: CSS.Property.GridArea;\n /**\n * Aligns the grid item within the cell along the inline (row) axis. Applies to a grid item inside a single cell.\n */\n gridItemJustifySelf?: GridItemJustifySelf;\n /**\n * Aligns the grid item within the cell along the block (column) axis. Applies to a grid item inside a single cell.\n */\n gridItemAlignSelf?: GridItemAlignSelf;\n}\n\nexport const Grid = styled.div<GridProps>`\n ${props =>\n css({\n display: props.gridDisplay || GridDisplay.grid,\n 'grid-template-rows': props.gridTemplateRows,\n 'grid-template-columns': props.gridTemplateColumns,\n 'grid-areas': props.gridTemplateAreas,\n 'grid-gap': props.gridGap,\n 'justify-items': props.gridJustifyItems,\n 'justify-content': props.gridJustifyContent,\n 'align-items': props.gridAlignItems,\n 'align-content': props.gridAlignContent,\n 'grid-auto-flow': props.gridAutoFlow,\n })}\n`;\n\nexport const GridItem = styled.div<GridItemProps>`\n ${props =>\n css({\n 'grid-column': props.gridColumn,\n 'grid-row': props.gridRow,\n 'grid-area': props.gridArea,\n 'justify-self': props.gridItemJustifySelf,\n 'align-self': props.gridItemAlignSelf,\n })}\n`;\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\n\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { magma, ThemeInterface } from '../../theme/magma';\nimport { InverseContext, useIsInverse } from '../../inverse';\n\n/**\n * @children required\n */\nexport interface BlockQuoteProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Style properties for the left border color which accept custom CSS hex values.\n */\n borderStyle?: keyof typeof magma.colors | string;\n isInverse?: boolean;\n /**\n * @internal\n */\n testId?: string;\n theme?: ThemeInterface;\n}\n\nconst BlockQuoteStyles = props => css`\n border-left: 4px solid\n ${props.isInverse\n ? props.borderStyle || props.theme.colors.neutral08\n : props.borderStyle || props.theme.colors.neutral06};\n padding: 10px 0 4px 20px;\n margin: 0;\n`;\n\nconst StyledBlockQuote = styled.figure<BlockQuoteProps>`\n ${BlockQuoteStyles};\n`;\n\nexport const BlockQuote = React.forwardRef<HTMLDivElement, BlockQuoteProps>(\n (props, ref) => {\n const {\n borderStyle,\n children,\n testId,\n isInverse: isInverseProp,\n ...rest\n } = props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse(isInverseProp);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledBlockQuote\n borderStyle={magma.colors[borderStyle] || borderStyle}\n theme={theme}\n isInverse={isInverse}\n ref={ref}\n data-testid={props.testId}\n {...rest}\n >\n {children}\n </StyledBlockQuote>\n </InverseContext.Provider>\n );\n }\n);\n","import * as React from 'react';\nimport styled from '../../theme/styled';\nimport { css } from '@emotion/core';\nimport { ThemeContext } from '../../theme/ThemeContext';\nimport { useIsInverse } from '../../inverse';\nimport { BlockQuoteProps } from '.';\nimport {\n TypographyVisualStyle,\n TypographyColor,\n TypographyContextVariant,\n TypographyComponent,\n} from '../Typography';\n/**\n * @children required\n */\nexport interface BlockQuoteItemProps\n extends BlockQuoteProps,\n React.HTMLAttributes<HTMLDivElement> {\n /**\n * The color of the component, helping to convey meaning or relative emphasis\n * @default TypographyColor.default\n */\n color?: TypographyColor;\n /**\n * Additional styles for typography based on the context of the content\n * @default TypographyContextVariant.default\n */\n contextVariant?: TypographyContextVariant;\n /**\n * If true, adds in an attribution line for the quote\n * @default false\n */\n hasAttribution?: boolean;\n isInverse?: boolean;\n testId?: string;\n /**\n * Applies visual styles including font-size, font-weight, line-height and margins\n * @default TypographyVisualStyle.bodyMedium\n */\n visualStyle?: TypographyVisualStyle;\n}\n\nexport const blockQuoteStyles = props => css`\n margin: 0;\n padding: 8px 0;\n blockquote {\n margin: 0;\n }\n //Inverse\n ${props.isInverse &&\n css`\n color: ${props.theme.colors.neutral08};\n `}\n //Inverse & Attribution\n ${props.isInverse &&\n props.hasAttribution &&\n css`\n color: ${props.theme.colors.neutral05};\n `}\n`;\n\nconst StyledBlockQuoteItem = styled(TypographyComponent)`\n ${blockQuoteStyles}\n`;\n\nexport const BlockQuoteItem = React.forwardRef<\n HTMLDivElement,\n BlockQuoteItemProps\n>((props, ref) => {\n const { children, color, hasAttribution, testId, visualStyle, ...rest } =\n props;\n const theme = React.useContext(ThemeContext);\n const isInverse = useIsInverse();\n\n return (\n <StyledBlockQuoteItem\n as={hasAttribution ? 'figcaption' : 'blockquote'}\n color={\n hasAttribution\n ? color || TypographyColor.subdued\n : color || TypographyColor.default\n }\n theme={theme}\n hasAttribution={hasAttribution}\n isInverse={isInverse}\n ref={ref}\n data-testid={props.testId}\n visualStyle={\n hasAttribution\n ? visualStyle || TypographyVisualStyle.bodyMedium\n : visualStyle || TypographyVisualStyle.bodyLarge\n }\n {...rest}\n >\n {hasAttribution ? (\n <>\n &#x02015;&nbsp;\n {children}\n </>\n ) : (\n <>\n &ldquo;\n {children}\n &rdquo;\n </>\n )}\n </StyledBlockQuoteItem>\n );\n});\n","import * as React from 'react';\nimport { useGenerateId } from '../../utils';\nimport { DropdownHeader } from './DropdownHeader';\n\n/**\n * @children required\n */\nexport interface DropdownMenuGroupProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Header text to use for the menu group\n */\n header?: React.ReactNode;\n}\n\nexport const DropdownMenuGroup: React.FunctionComponent<DropdownMenuGroupProps> = (\n props: DropdownMenuGroupProps\n) => {\n const { children, id: defaultId, header, ...other } = props;\n\n const id = useGenerateId(defaultId);\n\n return (\n <div {...other} aria-labelledby={id} role=\"group\">\n {header && <DropdownHeader id={id}>{header}</DropdownHeader>}\n {children}\n </div>\n );\n};\n","import * as React from 'react';\n\nimport { TARGET_ID } from '../SkipLink';\n\n/**\n * @children required\n */\nexport interface SkipLinkContentProps\n extends React.HTMLAttributes<HTMLDivElement> {\n testId?: string;\n}\n\nexport const SkipLinkContent: React.FunctionComponent<SkipLinkContentProps> = props => {\n const { children, testId } = props;\n return (\n <div\n data-testid={testId}\n id={TARGET_ID}\n tabIndex={-1}\n style={{ outline: 0 }}\n >\n {children}\n </div>\n );\n};\n","import React from 'react';\n\nexport function useMediaQuery(queryInput) {\n const query = queryInput.replace(/^@media( ?)/m, '');\n\n const supportMatchMedia =\n typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';\n\n const matchMedia = supportMatchMedia ? window.matchMedia : null;\n\n const [match, setMatch] = React.useState(() => {\n if (supportMatchMedia) {\n return matchMedia(query).matches;\n }\n\n return false;\n });\n\n React.useEffect(() => {\n let active = true;\n\n if (!supportMatchMedia) {\n return undefined;\n }\n\n const queryList = matchMedia(query);\n\n const updateMatch = () => {\n if (active) {\n setMatch(queryList.matches);\n }\n };\n\n updateMatch();\n queryList.addEventListener('change', updateMatch);\n\n return () => {\n active = false;\n queryList.removeEventListener('change', updateMatch);\n };\n }, [query, matchMedia, supportMatchMedia]);\n\n return match;\n}\n"],"names":["typeScale","size01","fontSize","letterSpacing","lineHeight","size02","size03","size04","size05","size06","size07","size08","size09","size10","size11","size12","size13","colors","primary","primaryInverse","focus","focusInverse","foundation","foundation02","foundation03","foundation04","pop","pop02","pop03","pop04","pop05","pop06","success","success02","successInverse","danger","dangerInverse","neutral","neutral02","neutral03","neutral04","neutral05","neutral06","neutral07","neutral08","disabledText","disabledInverseText","toggleBoxShadow","shade","shade02","tint","tint02","tint03","tint04","tone","tone02","border","borderInverse","spaceScale","spacing01","spacing02","spacing03","spacing04","spacing05","spacing06","spacing07","spacing08","spacing09","spacing10","spacing11","spacing12","spacing13","spacing14","magma","bodyFont","bodyExpressiveFont","bodyNarrativeFont","borderRadius","headingFont","headingExpressiveFont","headingNarrativeFont","direction","spacingMultiplier","transitions","fade","motion","exit","opacity","transition","duration","ease","enter","baseStyle","slideTop","y","type","damping","stiffness","position","top","right","left","slideBottom","bottom","slideRight","x","slideLeft","nudgeTop","nudgeBottom","nudgeRight","nudgeLeft","scale","rotate45","rotate","rotate90","rotate180","collapse","height","delay","property","overflow","breakpoints","xs","small","medium","large","xl","iconSizes","xSmall","xLarge","typographyVisualStyles","headingXLarge","mobile","desktop","fontWeight","headingLarge","headingMedium","headingSmall","headingXSmall","heading2XSmall","bodyLarge","bodyMedium","bodySmall","bodyXSmall","typographyExpressiveVisualStyles","typographyNarrativeVisualStyles","appBar","backgroundColor","padding","textColor","compact","inverse","combobox","menu","maxHeight","modal","width","drawer","maxWidth","minHeight","margin","dropdown","content","iterableColors","tabs","approxTabSize","horizontal","vertical","select","tag","display","alignItems","justifyContent","tooltip","arrowSize","arrowSizeDoubled","zIndex","ThemeContext","React","DEFAULT_STYLE_PROPS","color","shape","size","textTransform","variant","buildPropsWithDefaultButtonStyles","props","buildButtonSize","theme","cachedType","defaultI18n","locale","dateFormat","timeFormat","example","months","january","february","march","april","may","june","july","august","september","october","november","december","days","monday","tuesday","wednesday","thursday","friday","saturday","sunday","min","emptyItemsListText","alert","dismissAriaLabel","breadcrumb","navAriaLabel","charts","line","chartTabLabel","dataLegendsLabel","dataTabLabel","keyboardInstructions","keyboardInstructionsHeader","keyboardInstructionsTooltip","legendButtonAriaLabel","clearIndicatorAriaLabel","createLabel","datePicker","startOfWeek","calendarIconAriaLabel","calendarOpenAnnounce","calendarCloseAriaLabel","previousMonthAriaLabel","nextMonthAriaLabel","disabledDayAriaLabel","selectedDayAriaLabel","todayAriaLabel","helpModal","header","helpButtonAriaLabel","ariaLabel","explanation","rightAndLeftArrowKeys","upAndDownArrowKeys","pageUpAndPageDownKeys","displayValue","homeAndEndKeys","escape","questionMark","menuItemSelectedAriaLabel","toggleMenuAriaLabel","dropzone","browseFiles","dragMessage","errors","message","required","files","bytes","deleteFile","removeFile","navigationButtonLabel","search","input","placeholder","iconAriaLabel","indeterminateCheckbox","isCheckedAnnounce","isIndeterminateAnnounce","isUncheckedAnnounce","isClearableAriaLabel","loadingIndicator","progressBar","messages","first","second","third","spinner","closeAriaLabel","multiSelect","selectedItemButtonAriaLabel","multiCombobox","pagination","nextButtonLabel","previousButtonLabel","pageButtonLabel","password","shown","buttonText","announce","hidden","skipLink","table","ofLabel","nextAriaLabel","previousAriaLabel","rowsPerPageLabel","horizontalTabsInstructions","verticalTabsInstructions","deleteAriaLabel","timePicker","hoursAriaLabel","minutesAriaLabel","amButtonAriaLabel","pmButtonAriaLabel","amSelectedAnnounce","pmSelectedAnnounce","wizard","actions","next","previous","cancel","submit","optional","navigationLabel","I18nContext","generateId","id","uuidv4","useGenerateId","newId","useState","updateId","useEffect","omit","obj","reduce","newObj","val","usePrevious","value","ref","useRef","current","debounce","func","wait","timeout","debounced","args","context","this","clearTimeout","setTimeout","apply","clear","detectScrollType","dummy","document","createElement","appendChild","createTextNode","dir","style","body","scrollLeft","getNormalizedScrollLeft","element","Number","scrollWidth","clientWidth","easeInOutSin","time","Math","sin","PI","assignRef","error","Error","useForkedRef","refs","useMemo","every","node","forEach","stringIncludesUnit","includes","convertStyleValueToString","defaultValue","getNodeText","Array","map","join","children","candidateSelectors","StyledSpinner","styled","span","Spinner","testId","other","i18n","sizeString","role","buttonStyles","css","disabled","isInverse","buildButtonBackground","buildBorderColor","buildButtonBorderRadius","buildColor","isFullWidth","buildButtonFontSize","buildButtonLineHeight","buildButtonPadding","iconOnly","lighten","darken","buildFocusBackground","buildFocusColor","buildAfterBackground","buildActiveBackground","buildActiveColor","BaseStyledButton","SpinnerWrapper","ChildrenWrapper","isLoading","StyledButton","ButtonType","button","spinnerColor","ButtonVariant","outline","link","spinnerSize","ButtonSize","InverseContext","useIsInverse","inverseProp","inverseContext","Boolean","ButtonColor","ButtonShape","ButtonTextTransform","ButtonIconPosition","Button","rest","SpanTextLeft","getIconPadding","SpanTextRight","getIconSize","AlertVariant","IconButton","icon","iconPosition","object","round","solid","only","fill","uppercase","Circle","circle","ProgressRing","isActive","radius","strokeWidth","percentage","setPercentage","interval","setInterval","clearInterval","normalizedRadius","circumference","strokeDashoffset","cx","cy","r","stroke","strokeDasharray","VARIANT_ICON","info","InfoIcon","muted","CheckCircleIcon","warning","WarningIcon","ErrorIcon","buildAlertBackground","AnnouncePoliteness","StyledAlert","div","isExiting","isToast","StyledAlertInner","AlertContents","IconWrapperStyles","IconWrapper","ProgressRingWrapper","DismissibleIconWrapper","whitelistProps","DismissButton","shouldForwardProp","prop","isPropValid","alertVariant","AlertBase","forceDismiss","hasTimerRing","defaultId","isDismissed","isDismissible","externalIsExiting","isPaused","onDismiss","toastDuration","setIsExiting","handleDismiss","transitionDuration","tabIndex","Provider","renderIcon","CloseIcon","onClick","Alert","AppBarPosition","Announce","politeness","polite","BadgeColor","BadgeVariant","StyledHeader","sticky","fixed","isCompact","AppBar","baseBadgeStyles","buildBadgeBackground","light","counter","StyledSpan","buildBadgeFocusBackground","buildBadgeActiveBackground","Badge","BadgeComponent","label","StyledBanner","BannerContents","ButtonWrapper","allowedProps","getButtonColor","secondary","HideAtBreakpointDisplayType","Banner","actionButtonText","actionButtonOnClick","StyledList","Breadcrumb","isInverseProp","linkStyles","StyledLink","Hyperlink","to","styledAs","composedStyle","ClassNames","className","composedCss","LinkStyledAsButton","withComponent","href","StyledItem","li","BreadcrumbItem","ChevronRightIcon","BreakpointScreenSize","Container","displayType","minWidth","HideAtBreakpoint","block","getMinWidth","screenSize","breakpointValues","definedBreakpoints","sizes","Object","keys","slice","indexOf","find","newSize","CardAlignment","CardCalloutType","TypographyColor","TypographyContextVariant","TypographyVisualStyle","StyledCard","background","hasDropShadow","calloutType","align","buildCalloutBackground","CardContext","Card","StyledCardBody","CardBody","colorStyles","contextVariant","subdued","baseParagraphStyles","expressive","narrative","getBodyFontFamily","baseHeadingStyles","getHeadingFontFamily","headingLargeStyles","noMargins","TypographyComponent","p","visualStyle","headingXLargeStyles","headingMediumStyles","headingSmallStyles","headingXSmallStyles","heading2XSmallStyles","paragraphLargeStyles","paragraphMediumStyles","paragraphSmallStyles","paragraphXSmallStyles","getTypographyStyles","Heading","level","stylesFromLevel","as","StyledCardHeading","CardHeading","headingLevel","DisplayInputStyles","DisplayInputActiveStyles","buildDisplayInputActiveBackground","buildDisplayInputFocusStyles","InputSize","InputType","InputIconPosition","HiddenStyles","inputWrapperStyles","hasError","inputBaseStyles","inputSize","InputWrapper","StyledInput","IconButtonContainer","IsClearableContainer","LabelPosition","InputBase","forwardedRef","containerStyle","iconRef","isClearable","isPredictive","onClear","onIconClick","onIconKeyDown","inputStyle","setValue","inputRef","onChange","event","target","text","ClearIcon","onKeyDown","Message","BuildMessageColor","InputMessage","CheckboxTextPosition","StyledLabel","labelPosition","Label","actionable","FormGroupContext","HiddenLabel","FormGroup","errorMessage","helperMessage","labelledById","labelStyle","labelText","isTextVisuallyHidden","descriptionId","StyledLabelComponent","htmlFor","Consumer","StyledContainerComponent","StyledContainer","HiddenLabelText","HiddenInput","StyledFakeInput","buildDisplayInputBorderColor","isChecked","isIndeterminate","buildCheckIconColor","textPosition","Checkbox","checked","defaultChecked","updateIsChecked","isControlled","groupDescriptionId","describedBy","targetChecked","CheckBoxIcon","CheckBoxOutlineBlankIcon","gutterWidth","gutterWidthString","maxWidthString","useControlled","controlled","defaultProp","undefined","newValue","useDataPagination","defaultItemsPerPage","items","itemsPerPageProp","itemsPerPage","onItemsPerPageChange","setItemsPerPageState","length","ceil","getPageItems","page","newItemsPerPage","IndeterminateCheckboxStatus","VisuallyHiddenDiv","VisuallyHidden","TableDensity","TableCellAlign","TableSortDirection","TableRowColor","IndeterminateCheckbox","status","isUnchecked","replaceLabelTextForAnnounceText","baseAnnounceText","replace","getStringifiedLabelText","showAnnounce","announceText","IndeterminateCheckBoxIcon","paddingLeft","TableContext","density","normal","hasHoverStyles","hasZebraStripes","hasVerticalBorders","isSelectable","rowCount","selectedItems","TableContainer","StyledTable","Table","TableBody","baseTableCellStyle","buildCellPaddingStyle","textAlign","StyledCell","td","TableCell","tableContext","displayName","TableHeaderCellScope","TableHead","StyledTableHeaderCell","th","isRowHeader","borderBottom","verticalAlign","isSortable","SortButton","TableHeaderCell","onSort","scope","row","col","sortDirection","SortIcon","ascending","SouthIcon","descending","NorthIcon","SortDoubleArrowIcon","usePagination","count","defaultPage","hideNextButton","hidePreviousButton","numberOfAdjacentPages","numberOfEdgePages","handleChange","onPageChange","pageProp","showFirstButton","showLastButton","useContext","setPageState","handleClick","range","start","end","from","_","i","startPages","endPages","max","siblingsStart","siblingsEnd","itemList","buttonPage","pageButtons","item","isSelected","registerDescendant","itemRefArray","itemRef","index","findIndex","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","newItem","unregisterDescendant","filter","useDescendants","DropdownDropDirection","DropdownAlignment","DropdownContext","isOpen","registerDropdownMenuItem","elements","setIsOpen","Dropdown","activeIndex","alignment","dropDirection","onBeforeShiftFocus","onClose","onOpen","activeItemIndex","setActiveItemIndex","ownRef","toggleRef","menuRef","dropdownButtonId","closeDropdown","preventMagmaFocus","handlePreventMagmaFocus","getFilteredItem","filteredItems","filteredItemIndex","filteredItem","activeElement","handleDropdownBlur","relatedTarget","currentTarget","contains","isFixedWidth","openDropdown","key","preventDefault","onBlur","getButtonPadding","StyledIconButton","DropdownButton","buttonIcon","ArrowLeftIcon","ArrowRightIcon","up","ArrowDropUpIcon","ArrowDropDownIcon","getButtonIcon","iconPositionToUse","StyledDiv","DropdownContent","StyledHr","hr","DropdownHeader","MenuItemStyles","isInactive","DropdownMenuItem","CheckIcon","TooltipPosition","DropdownSplitButton","leftCap","borderRight","marginRight","rightCap","marginLeft","PageCount","RowsPerPageLabel","TablePagination","defaultRowsPerPage","dropdownDropDirection","itemCount","onRowsPerPageChange","rowsPerPageProp","rowsPerPage","rowsPerPageValues","setRowsPerPageState","setActiveIndex","displayPageStart","displayPageEnd","rowsPerPageItems","toString","handleRowsPerPageChange","previousButton","nextButton","WestIcon","EastIcon","StyledTableRow","tr","buildTableRowBackground","buildTableRowColor","TableRow","headerRowStatus","isSelectableDisabled","onHeaderRowSelect","onTableRowSelect","rowIndex","isHeaderRow","getIsCheckboxInverse","child","DefaultPagination","Datagrid","columns","customComponents","components","componentsProps","defaultSelectedRows","onHeaderSelect","onRowSelect","onSelectedRowsChange","paginationProps","rows","selectedRowsProp","selectedRows","hasPagination","rowsToShow","setRowsToShow","updatedSelectedRows","currentPage","setCurrentPage","Pagination","passedOnPaginationProps","newPage","filteredRows","indeterminate","unchecked","handleSelectedRowsChange","newSelectedRows","field","push","splice","handleRowSelect","CalendarContext","chosenDate","Date","focusedDate","buildCalendarMonth","newDate","enableOutsideDates","showHelperInformation","hideHelperInformation","onDateChange","onPrevMonthClick","onNextMonthClick","setDateFocused","EnumTooltipPosition","TooltipContainer","TooltipArrow","StyledTooltip","Tooltip","open","isVisible","setIsVisible","referenceElement","setReferenceElement","popperElement","setPopperElement","setArrowElement","usePopper","modifiers","name","options","offset","placement","styles","attributes","combinedRef","showTooltip","hideTooltip","handleEsc","window","addEventListener","removeEventListener","arrowStyle","tooltipStyle","isArray","tooltipTrigger","onFocus","combinedTooltipStyles","popper","combinedArrowStyle","arrow","onMouseLeave","onMouseEnter","getPrevMonthFromDate","prevDate","startOfMonth","subMonths","getNextMonthFromDate","addMonths","i18nFormat","date","formatStr","enUS","format","getDateFromString","CalendarHeaderContainer","CalendarIconButton","CalendarHeaderText","CalendarHeader","calendarHeader","prevFocusHeader","focusHeader","currentMonth","capitalizeCurrentMonth","charAt","toUpperCase","ArrowBackIcon","ArrowForwardIcon","CalendarDayCell","CalendarDayInner","isChosen","EmptyCell","TodayIndicator","CalendarDay","dayRef","dateFocused","maxDate","minDate","focused","setFocused","day","dayFocusable","isSameDay","isAfter","isBefore","sameDateAsFocusedDate","sameDateAsChosenDate","sameDateAsToday","isFocused","List","ul","Item","KeyboardShortcutButtonWrapper","StyledPopup","StyledNavContainer","StyledContent","HelperInformation","useFocusLock","active","rootNode","focusableItems","updateFocusableItems","_rootNode$current","querySelectorAll","firstChild","setAttribute","observer","MutationObserver","observe","childList","subtree","disconnect","handleKeyPress","shiftKey","firstItem","lastItem","CalendarContainer","MonthContainer","Th","HelperButton","CloseButton","CalendarMonth","lastFocus","headingRef","setDayFocusable","setFocusHeader","prevCalendarOpened","calendarOpened","focusTrapElement","focusOnOpen","tableDaysHeaders","concat","helperInformationShown","week","dayOfWeek","KeyboardIcon","handleCloseButtonClick","StyledFormFieldContainer","FormFieldContainer","fieldId","isLabelVisuallyHidden","messageStyle","Input","DatePickerContainer","DatePickerCalendar","opened","DatePicker","setHelperInformationShown","setCalendarOpened","setDateFromConsumer","defaultDate","setDefaultFocusedDate","setFocusedDate","setChosenDate","convertedDate","convertedMinDate","convertedMaxDate","inDateRange","minDateValue","maxDateValue","reset","isValidDateFromString","isValidDateFormat","test","isValidDate","isValid","handleInputKeyDown","handleDateChange","toISOString","inputValue","month","enableOutsideDays","firstDayOfWeek","firstOfMonth","lastOfMonth","endOfMonth","prevDays","getDay","nextDays","firstDay","subDays","lastDay","addDays","totalDays","differenceInDays","currentDay","weeksInMonth","getCalendarMonthWeeks","closest","newChosenDate","e","toggleCalendar","getAttribute","subWeeks","addWeeks","endOfWeek","EventIcon","onInputChange","isValidDay","onInputBlur","onInputFocus","toLowerCase","a","DropdownMenuNavItem","FlexAlignContent","FlexAlignItems","FlexBehavior","FlexDirection","FlexJustify","FlexWrap","getWidth","IconSizes","IconAlignment","ulListType","olListType","StyledFlex","behavior","alignContent","wrap","justify","spacing","container","sm","md","lg","Flex","stretch","flexStart","Paragraph","StyledForm","FormActions","Form","headingContextVariant","headingVisualStyle","description","getIconSizes","iconSize","getListAlignment","iconAlign","center","getListDisplay","ProgressBarColor","ListStyles","listType","spacingStyle","hasStart","isOrdered","isReversed","reversed","ListItemStyles","IconStyles","iconBackground","iconColor","StyledListItem","StyledIcon","ListItem","buildProgressBarBackground","LoadingIndicatorType","isLoadingIndicator","Track","Bar","isAnimated","Percentage","TopPercentage","ProgressBar","isLabelVisible","labelId","percentageValue","heightString","StyledLoadingIndicator","MessageContainer","hide","LoadingIndicator","messageLevel","setMessageLevel","loadingIndicatorType","messageLevel2Timeout","progressbar","messageLevel3Timeout","message1","message2","message3","SelectText","SelectedItemsWrapper","SelectedItemButton","DefaultClearIndicator","DefaultDropdownIndicator","flexShrink","DefaultLoadingIndicator","DefaultItem","itemString","defaultComponents","ClearIndicator","DropdownIndicator","ChildrenContainer","SelectTriggerButton","ariaDescribedBy","passedInStyle","toggleButtonProps","cursor","TabsOrientation","StyledNativeSelect","NativeSelect","TabsContainerContext","createContext","activeTabIndex","isInverseContainer","setActiveTabIndex","StyledTabsContainer","TabsContainer","forwardRef","setIsInverseContainer","StyledScrollButton","buttonVisible","orientation","StyledButtonPrev","transparentize","StyledButtonNext","ButtonPrev","ExpandLessIcon","ArrowBackIosIcon","ButtonNext","ExpandMoreIcon","ArrowForwardIosIcon","useTabsMeta","isRtl","scrollStart","clientSize","displayScroll","setDisplayScroll","tabsWrapperRef","prevButtonRef","nextButtonRef","scroll","scrollValue","requestAnimationFrame","step","timestamp","animate","moveTabsScroll","delta","updateScrollButtonState","showStartScroll","showEndScroll","scrollTop","scrollHeight","clientHeight","handleResize","handleTabsScroll","useCallback","handleStartScrollClick","handleEndScrollClick","TabsAlignment","TabsBorderPosition","TabsIconPosition","TabsContext","borderPosition","changeHandler","registerTabButton","StyledTabsWrapper","StyledTabs","Tabs","tabsMeta","tabsHandleMethods","tabsRefs","buttonRefArray","childrenWrapperRef","scrollSelectedIntoView","tabMeta","tabsNode","rect","getBoundingClientRect","scrollLeftNormalized","childrenArray","tab","getTabsMeta","prevButtonOffset","offsetHeight","offsetWidth","nextButtonOffset","nextScrollStart","tabIsEnabled","findPreviousEnabledTabIndex","modifiedActiveTabIndex","currentTabIndex","newActiveTabIndex","findNextEnabledTabIndex","lastChildIndex","onScroll","previousItemKey","nextItemKey","newActiveIndex","hasAttribute","useForceUpdate","setTick","tick","StyledTabsChild","TabStyles","getFlexDirection","StyledTab","isIconOnly","getIconMargin","Tab","forceUpdate","tabIconPosition","StyledTabPanel","TabPanel","TabPanelsContainer","Children","cloneElement","NavTabsContext","NavTabs","StyledCustomTab","newProps","component","jsx","NavTab","instanceOfNavChildrenTab","pageButtonTypeSize","buttonSize","boxShadowColor","hoverBoxShadowColor","PageButtonSize","StyledPageButton","BuildBorder","hoverBorder","PageButton","StyledNav","nav","BuildButtonSize","RadioTextPosition","NavButton","StyledEllipsis","ariaCurrent","PasswordInput","passwordShown","setPasswordShown","hiddenPasswordAnnounceText","hidePasswordButtonAriaLabel","hidePasswordButtonText","isPasswordMaskButtonHidden","shownPasswordAnnounceText","showPasswordButtonAriaLabel","showPasswordButtonText","HIDDEN_PASSWORD_ANNOUNCE_TEXT","HIDE_PASSWORD_BUTTON_ARIA_LABEL","HIDE_PASSWORD_BUTTON_TEXT","SHOWN_PASSWORD_ANNOUNCE_TEXT","SHOW_PASSWORD_BUTTON_ARIA_LABEL","SHOW_PASSWORD_BUTTON_TEXT","autoCorrect","autoCapitalize","prevPasswordShown","RadioContext","RadioGroup","selectedValue","setSelectedValue","newSelectedValue","buildErrorBorder","ModalSize","buildRadioIconColor","Radio","RadioButtonCheckedIcon","RadioButtonUncheckedIcon","Transition","unmountOnExit","initial","customTransition","shouldExpand","variants","acc","themeVariant","AnimatePresence","ModalContainer","ModalBackdrop","ModalContent","ModalHeader","H1","CloseBtn","ModalBody","Modal","bodyRef","headingId","contentId","isModalOpen","setIsModalOpen","setCurrentTarget","prevOpen","handleEscapeKeyDown","stopPropagation","onEscKeyDown","handleClose","isEscKeyDownDisabled","closeButtonSize","containerTransition","isBackgroundClickDisabled","isCloseButtonHidden","CloseIconButton","ReactDOM","createPortal","Global","getElementById","onMouseDown","getElementsByTagName","Search","onSearch","SearchIcon","handleSearch","NoItemsMessage","ItemsList","getMenuProps","itemToString","highlightedIndex","getItemProps","menuStyle","hasItems","otherDownshiftItemProps","itemProps","SelectContainerElement","InputMessageContainer","SelectContainer","getLabelProps","Select","defaultSelectedItem","innerRef","itemListMaxHeight","initialSelectedItem","onIsOpenChange","onKeyPress","onKeyUp","passedInSelectedItem","selectedItem","toggleButtonRef","getValidItem","itemToCheck","useSelect","changes","changedSelectedItem","setHighlightedIndex","stateReducer","state","actionAndChanges","stateChangeTypes","ToggleButtonKeyDownCharacter","getToggleButtonProps","openMenu","selectText","marginTop","marginBottom","MultiSelect","onRemoveSelectedItem","checkSelectedItemValidity","useMultipleSelection","initialSelectedItems","getSelectedItemProps","getDropdownProps","addSelectedItem","removeSelectedItem","getFilteredItems","unfilteredItems","selectProps","onSelectedItemChange","newSelectedItem","selectItem","tagName","nativeEvent","preventDownshiftDefault","preventKeyAction","multiSelectedItem","multiSelectedItemString","handleRemoveSelectedItem","instanceOfDefaultItemObject","SelectStateChangeTypes","MultipleSelectionStateChangeTypes","ComboBoxContainer","InputContainer","ComboboxInput","getComboboxProps","getInputProps","onInputKeyDown","onInputKeyPress","onInputKeyUp","setIsFocused","inputProps","useComboboxItems","defaultItems","afterInitialRender","allItems","displayItems","setDisplayItems","cleanItems","newItems","defaultOnInputValueChange","disableCreateItem","inputBaseValue","startsWith","inputValueInList","react_magma__created_item","InternalCombobox","newItemTransform","onInputValueChange","onItemCreated","isCreatedItem","updateItemsRef","useCombobox","changedIsOpen","createdItem","defaultNewItemTransform","setInputValue","InputKeyDownEnter","ItemClick","InputBlur","FunctionReset","MultiCombobox","comboboxProps","handleInputChange","selectedItemsContent","SpacerAxis","ComboboxStateChangeTypes","TARGET_ID","StyledSkipLink","positionLeft","positionTop","getHeight","axis","TagColor","TagSize","StyledSpacer","Spacer","both","buildLabelPadding","ToggleTextPosition","TagStyling","buildButtonTextColor","buildBoxShadow","buildTagPadding","onDelete","buildSvgOpacity","LabelWrap","Tag","StyledTag","CancelIcon","ToastsContext","toastsArray","bottomOffset","ToastsContainer","ToastWrapper","bottomOffsetForToast","bottomOffsetForContainer","Toast","timerAutoHide","setIsDismissed","setIsPaused","timerTimeRemaining","setTimerTimeRemaining","alertStyle","disableAutoDismiss","timerStartTime","now","containerElement","dismissToast","toastId","setAutoHideTimer","handlePause","timeRemaining","handleResume","calculateAndSetBottomOffsetForToast","updateBottomOffsetForToast","AccordionIconPosition","Thumb","IconContainer","renderLabelText","Toggle","trackStyle","thumbStyle","StyledTextArea","textarea","Textarea","textareaStyle","StyledAmPmToggle","AmPmToggle","InputsContainer","Divider","StyledNumInput","TimePicker","minutesStep","am","localize","dayPeriod","pm","hour","setHour","minute","setMinute","amPm","setAmPm","setTime","hourRef","minuteRef","amPmRef","updateTime","newTime","calculateHour","newHour","substring","toggleAmPm","newAmPm","passedInTime","amPmRegex","RegExp","split","timeHour","timeMinuteAndAmPm","timeMinute","timeAmPm","convertPassedInTime","hourId","minuteId","handleHourChange","handleMinuteChange","newMinute","calculateMinute","handleHourKeyDown","handleMinuteKeyDown","handleAmPmKeyDown","useTimePicker","hoursLabel","minutesLabel","amPmLabel","ScheduleIcon","maxLength","getStyles","AccordionContext","isMulti","registerAccordionButton","useAccordion","defaultIndex","onExpandedChange","expandedIndex","setExpandedIndex","contextValue","StyledAccordion","Accordion","AccordionItemContext","isDisabled","isExpanded","setIsExpanded","useAccordionItem","idPrefix","buttonId","panelId","newIsExpanded","AccordionItem","useAccordionButton","focusFirst","focusLast","handleKeyDown","arrLength","DrawerPosition","TextWrapper","AccordionButton","caret","StyledPanel","AccordionPanel","GridDisplay","GridJustifyItems","GridJustifyContent","GridAlignItems","GridAlignContent","GridItemJustifySelf","GridItemAlignSelf","GridAutoFlow","transitionPreset","Drawer","drawerStyle","Grid","gridDisplay","grid","gridTemplateRows","gridTemplateColumns","gridTemplateAreas","gridGap","gridJustifyItems","gridJustifyContent","gridAlignItems","gridAlignContent","gridAutoFlow","GridItem","gridColumn","gridRow","gridArea","gridItemJustifySelf","gridItemAlignSelf","BlockQuoteStyles","borderStyle","StyledBlockQuote","figure","BlockQuote","blockQuoteStyles","hasAttribution","StyledBlockQuoteItem","BlockQuoteItem","InternalSelect","targetAnchor","targetHeading","queryInput","query","supportMatchMedia","matchMedia","matches","match","setMatch","queryList","updateMatch"],"mappings":"isCAWO,ICwPDA,EAAY,CAChBC,OAAQ,CACNC,SAAU,OACVC,cAAe,QACfC,WAAY,QAEdC,OAAQ,CACNH,SAAU,OACVC,cAAe,QACfC,WAAY,QAEdE,OAAQ,CACNJ,SAAU,OACVE,WAAY,QAEdG,OAAQ,CACNL,SAAU,OACVE,WAAY,QAEdI,OAAQ,CACNN,SAAU,OACVE,WAAY,QAEdK,OAAQ,CACNP,SAAU,OACVE,WAAY,QAEdM,OAAQ,CACNR,SAAU,OACVE,WAAY,QAEdO,OAAQ,CACNT,SAAU,OACVE,WAAY,QAEdQ,OAAQ,CACNV,SAAU,OACVE,WAAY,QAEdS,OAAQ,CACNX,SAAU,OACVE,WAAY,QAEdU,OAAQ,CACNZ,SAAU,OACVE,WAAY,QAEdW,OAAQ,CACNb,SAAU,OACVE,WAAY,QAEdY,OAAQ,CACNd,SAAU,OACVE,WAAY,SAIVa,EAAS,CACbC,QAAS,UACTC,eAAgB,UAChBC,MAAO,UACPC,aAAc,wBACdC,WAAY,UACZC,aAAc,UACdC,aAAc,UACdC,aAAc,UACdC,IAAK,UACLC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,QAAS,UACTC,UAAW,UACXC,eAAgB,UAChBC,OAAQ,UACRC,cAAe,UACfC,QAAS,UACTC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,aAAc,wBACdC,oBAAqB,yBACrBC,gBACE,iGACFC,MAAO,mBACPC,QAAS,kBACTC,KAAM,yBACNC,OAAQ,wBACRC,OAAQ,wBACRC,OAAQ,wBACRC,KAAM,sBACNC,OAAQ,qBACRC,OAAQ,UACRC,cAAe,0BAGXC,EAAa,CACjBC,UAAW,MACXC,UAAW,MACXC,UAAW,MACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,OACXC,UAAW,SAGAC,EAAQ,CACnBC,SAAU,mCACVC,mBAAoB,mCACpBC,kBAAmB,qCACnBC,aAAc,MACd5D,OAAQA,EACR6D,YAAa,mCACbC,sBAAuB,mCACvBC,qBAAsB,qCACtBC,UAAW,MACXC,kBAAmB,EACnBC,YDzX2C,CAC3CC,KAAM,CACJC,OAAQ,CACNC,KAAM,CACJC,QAAS,EACTC,WAAY,CACVD,QAAS,CACPE,SAAU,GACVC,KAAM,aAIZC,MAAO,CACLJ,QAAS,EACTC,WAAY,CACVC,SAAU,GACVC,KAAM,YAIZE,UAAW,IAEbC,SAAU,CACRR,OAAQ,CACNC,KAAM,CACJQ,EAAG,QACHN,WAAY,CACVM,EAAG,CACDL,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLG,EAAG,IACHN,WAAY,CACVM,EAAG,CACDC,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,CACTM,SAAU,QACVC,IAAK,EACLC,MAAO,EACPC,KAAM,IAGVC,YAAa,CACXjB,OAAQ,CACNC,KAAM,CACJQ,EAAG,OACHN,WAAY,CACVM,EAAG,CACDL,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLG,EAAG,IACHN,WAAY,CACVM,EAAG,CACDC,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,CACTM,SAAU,QACVK,OAAQ,EACRH,MAAO,EACPC,KAAM,IAGVG,WAAY,CACVnB,OAAQ,CACNC,KAAM,CACJmB,EAAG,OACHjB,WAAY,CACViB,EAAG,CACDhB,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLc,EAAG,IACHjB,WAAY,CACViB,EAAG,CACDV,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,CACTM,SAAU,QACVC,IAAK,EACLC,MAAO,EACPG,OAAQ,IAGZG,UAAW,CACTrB,OAAQ,CACNC,KAAM,CACJmB,EAAG,QACHjB,WAAY,CACViB,EAAG,CACDhB,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLc,EAAG,IACHjB,WAAY,CACViB,EAAG,CACDV,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,CACTM,SAAU,QACVC,IAAK,EACLI,OAAQ,EACRF,KAAM,IAGVM,SAAU,CACRtB,OAAQ,CACNC,KAAM,CACJQ,EAAG,QACHN,WAAY,CACVM,EAAG,CACDL,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLG,EAAG,IACHN,WAAY,CACVM,EAAG,CACDC,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,IAEbgB,YAAa,CACXvB,OAAQ,CACNC,KAAM,CACJQ,EAAG,OACHN,WAAY,CACVM,EAAG,CACDL,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLG,EAAG,IACHN,WAAY,CACVM,EAAG,CACDC,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,IAEbiB,WAAY,CACVxB,OAAQ,CACNC,KAAM,CACJmB,EAAG,OACHjB,WAAY,CACViB,EAAG,CACDhB,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLc,EAAG,IACHjB,WAAY,CACViB,EAAG,CACDV,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,IAEbkB,UAAW,CACTzB,OAAQ,CACNC,KAAM,CACJmB,EAAG,QACHjB,WAAY,CACViB,EAAG,CACDhB,SAAU,IACVC,KAAM,eAIZC,MAAO,CACLc,EAAG,IACHjB,WAAY,CACViB,EAAG,CACDV,KAAM,SACNC,QAAS,GACTC,UAAW,QAKnBL,UAAW,IAEbmB,MAAO,CACL1B,OAAQ,CACNC,KAAM,CACJyB,MAAO,IACPvB,WAAY,CACVuB,MAAO,CACLtB,SAAU,GACVC,KAAM,aAIZC,MAAO,CACLoB,MAAO,EACPvB,WAAY,CACVuB,MAAO,CACLtB,SAAU,IACVC,KAAM,gBAKdE,UAAW,IAEboB,SAAU,CACR3B,OAAQ,CACNC,KAAM,CACJ2B,OAAQ,EACRzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,OAIhBE,MAAO,CACLsB,QAAS,GACTzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,QAKlBG,UAAW,IAEbsB,SAAU,CACR7B,OAAQ,CACNC,KAAM,CACJ2B,OAAQ,EACRzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,OAIhBE,MAAO,CACLsB,QAAS,GACTzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,QAKlBG,UAAW,IAEbuB,UAAW,CACT9B,OAAQ,CACNC,KAAM,CACJ2B,OAAQ,EACRzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,OAIhBE,MAAO,CACLsB,QAAS,IACTzB,WAAY,CACVyB,OAAQ,CACNlB,KAAM,QACNE,UAAW,GACXR,SAAU,QAKlBG,UAAW,IAEbwB,SAAU,CACR/B,OAAQ,CACNC,KAAM,CACJ+B,OAAQ,EACR9B,QAAS,EACTC,WAAY,CACV6B,OAAQ,CAAE5B,SAAU,GAAKC,KAAM,YAAa4B,MAAO,IACnD/B,QAAS,CAAEgC,SAAU,EAAG9B,SAAU,GAAK6B,MAAO,KAGlD3B,MAAO,CACL0B,OAAQ,OACR9B,QAAS,EACTC,WAAY,CACV6B,OAAQ,CAAE5B,SAAU,GAAKC,KAAM,YAAa4B,MAAO,GACnD/B,QAAS,CAAEgC,SAAU,EAAG9B,SAAU,GAAK6B,MAAO,OAIpD1B,UAAW,CACT4B,SAAU,aC2BdC,YAAa,CACXC,GAAI,EACJC,MAAO,IACPC,OAAQ,IACRC,MAAO,KACPC,GAAI,MAGNpE,WAAYA,EAEZqE,UAAW,CACTC,OAAQ,GACRL,MAAO,GACPC,OAAQ,GACRC,MAAO,GACPI,OAAQ,IAIVjI,UAAWA,EACXkI,uBAAwB,CACtBC,cAAe,CACbC,OAAQpI,EAAUU,OAClB2H,QAASrI,EAAUY,OACnB0H,WAAY,KAEdC,aAAc,CACZH,OAAQpI,EAAUS,OAClB4H,QAASrI,EAAUU,OACnB4H,WAAY,KAEdE,cAAe,CACbJ,OAAQpI,EAAUQ,OAClB6H,QAASrI,EAAUS,OACnB6H,WAAY,KAEdG,aAAc,CACZL,OAAQpI,EAAUO,OAClB8H,QAASrI,EAAUQ,OACnB8H,WAAY,KAEdI,cAAe,CACbN,OAAQpI,EAAUO,OAClB8H,QAASrI,EAAUO,OACnB+H,WAAY,KAEdK,eAAgB,CACdP,OAAQpI,EAAUC,OAClBoI,QAASrI,EAAUC,OACnBqI,WAAY,KAEdM,UAAW,CACTR,OAAQpI,EAAUO,OAClB8H,QAASrI,EAAUQ,QAErBqI,WAAY,CACVT,OAAQpI,EAAUM,OAClB+H,QAASrI,EAAUM,QAErBwI,UAAW,CACTV,OAAQpI,EAAUK,OAClBgI,QAASrI,EAAUK,QAErB0I,WAAY,CACVX,OAAQpI,EAAUC,OAClBoI,QAASrI,EAAUC,SAGvB+I,iCAAkC,CAChCb,cAAe,CACbC,OAAQpI,EAAUW,OAClB0H,QAASrI,EAAUc,OACnBwH,WAAY,KAEdC,aAAc,CACZH,OAAQpI,EAAUU,OAClB2H,QAASrI,EAAUY,OACnB0H,WAAY,KAEdE,cAAe,CACbJ,OAAQpI,EAAUS,OAClB4H,QAASrI,EAAUU,OACnB4H,WAAY,KAEdG,aAAc,CACZL,OAAQpI,EAAUQ,OAClB6H,QAASrI,EAAUS,OACnB6H,WAAY,KAEdI,cAAe,CACbN,OAAQpI,EAAUO,OAClB8H,QAASrI,EAAUQ,OACnB8H,WAAY,KAEdK,eAAgB,CACdP,OAAQpI,EAAUM,OAClB+H,QAASrI,EAAUM,OACnBgI,WAAY,KAEdM,UAAW,CACTR,OAAQpI,EAAUQ,OAClB6H,QAASrI,EAAUS,QAErBoI,WAAY,CACVT,OAAQpI,EAAUM,OAClB+H,QAASrI,EAAUM,QAErBwI,UAAW,CACTV,OAAQpI,EAAUK,OAClBgI,QAASrI,EAAUK,QAErB0I,WAAY,CACVX,OAAQpI,EAAUC,OAClBoI,QAASrI,EAAUC,SAGvBgJ,gCAAiC,CAC/Bd,cAAe,CACbC,OAAQpI,EAAUU,OAClB2H,QAASrI,EAAUW,OACnB2H,WAAY,KAEdC,aAAc,CACZH,OAAQpI,EAAUS,OAClB4H,QAASrI,EAAUU,OACnB4H,WAAY,KAEdE,cAAe,CACbJ,OAAQpI,EAAUQ,OAClB6H,QAASrI,EAAUS,OACnB6H,WAAY,KAEdG,aAAc,CACZL,OAAQpI,EAAUO,OAClB8H,QAASrI,EAAUQ,OACnB8H,WAAY,KAEdI,cAAe,CACbN,OAAQpI,EAAUO,OAClB8H,QAASrI,EAAUO,OACnB+H,WAAY,KAEdK,eAAgB,CACdP,OAAQpI,EAAUC,OAClBoI,QAASrI,EAAUC,OACnBqI,WAAY,KAEdM,UAAW,CACTR,OAAQpI,EAAUO,OAClB8H,QAASrI,EAAUQ,QAErBqI,WAAY,CACVT,OAAQpI,EAAUM,OAClB+H,QAASrI,EAAUM,QAErBwI,UAAW,CACTV,OAAQpI,EAAUK,OAClBgI,QAASrI,EAAUK,QAErB0I,WAAY,CACVX,OAAQpI,EAAUC,OAClBoI,QAASrI,EAAUC,SAIvBiJ,OAAQ,CACNC,gBAAiBlI,EAAO2B,UACxByE,OAAQ,OACR+B,QAAY1F,EAAWM,cAAaN,EAAWK,UAC/CsF,UAAWpI,EAAOoB,QAClBiH,QAAS,CACPjC,OAAQ,OACR+B,QAAY1F,EAAWK,cAAaL,EAAWK,cAAaL,EAAWK,cAAaL,EAAWM,WAEjGuF,QAAS,CACPJ,gBAAiBlI,EAAOM,aACxB8H,UAAWpI,EAAO2B,YAItB4G,SAAU,CACRC,KAAM,CACJC,UAAW,UAIfC,MAAO,CACLC,MAAO,CACLjC,MAAO,QACPC,OAAQ,QACRC,MAAO,UAIXgC,OAAQ,SACG,CACPC,SAAU,OACVC,UAAW,QACXC,OAAQ,IACRnF,aAAc,IACdsB,IAAK,IACLC,MAAO,IACPG,OAAQ,IACRF,KAAM,IACNH,SAAU,YAEZE,MAAO,CACLC,KAAM,OACNgB,OAAQ,OACRuC,MAAO,QACP1D,SAAU,SAEZG,KAAM,CACJD,MAAO,OACPiB,OAAQ,OACRuC,MAAO,SAETzD,IAAK,CACHI,OAAQ,OACRc,OAAQ,SAEVd,OAAQ,CACNJ,IAAK,OACLkB,OAAQ,QACRnB,SAAU,UAId+D,SAAU,CACRC,QAAS,CACPR,UAAW,UAIfS,eAAgB,CACd,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAGFC,KAAM,CACJC,cAAe,CACbC,WAAY,IACZC,SAAU,KAIdC,OAAQ,CACNf,KAAM,CACJC,UAAW,UAIfe,IAAK,CACHjH,OAAQ,IACRkH,QAAS,cACTC,WAAY,SACZC,eAAgB,gBAGlBC,QAAS,CACPC,UAAW,MACXC,iBAAkB,MAClB5B,gBAAiBlI,EAAOoB,QACxBiG,WAAY,IACZwB,SAAU,QACVT,UAAWpI,EAAO2B,UAClB5C,UAAWA,EAAUC,OACrB+K,OAAQ,IACRzB,QAAS,CACPJ,gBAAiBlI,EAAO2B,UACxByG,UAAWpI,EAAOoB,WC3pBX4I,EAAeC,gBAC1BzG,GCFI0G,EAAsB,CAC1BC,MAAO,UACPC,MAAO,OACPC,KAAM,SACNC,cAAe,YACfC,QAAS,kBAGKC,EAAkCC,eACpCP,EAAwBO,YAyCtBC,EAAgBD,UACtBA,EAAMJ,UACP,eACII,EAAME,MAAMlI,WAAWO,cAC3B,eACIyH,EAAME,MAAMlI,WAAWW,yBAGvBqH,EAAME,MAAMlI,WAAWS,eCIhC0H,EC9DSC,EAA6B,CACxCC,OAAQ,KACRC,WAAY,aACZC,WAAY,KACZC,QACE,4EACFC,OAAQ,MACA,CACJC,QAAS,UACTC,SAAU,WACVC,MAAO,QACPC,MAAO,QACPC,IAAK,MACLC,KAAM,OACNC,KAAM,OACNC,OAAQ,SACRC,UAAW,YACXC,QAAS,UACTC,SAAU,WACVC,SAAU,kBAEL,CACLX,QAAS,MACTC,SAAU,MACVC,MAAO,MACPC,MAAO,MACPC,IAAK,MACLC,KAAM,MACNC,KAAM,MACNC,OAAQ,MACRC,UAAW,MACXC,QAAS,MACTC,SAAU,MACVC,SAAU,QAGdC,KAAM,MACE,CACJC,OAAQ,SACRC,QAAS,UACTC,UAAW,YACXC,SAAU,WACVC,OAAQ,SACRC,SAAU,WACVC,OAAQ,gBAEH,CACLN,OAAQ,MACRC,QAAS,OACTC,UAAW,MACXC,SAAU,OACVC,OAAQ,MACRC,SAAU,MACVC,OAAQ,OAEVC,IAAK,CACHP,OAAQ,IACRC,QAAS,IACTC,UAAW,IACXC,SAAU,IACVC,OAAQ,IACRC,SAAU,IACVC,OAAQ,MAGZE,mBAAoB,aACpBC,MAAO,CACLC,iBAAkB,sBAEpBC,WAAY,CACVC,aAAc,cAEhBC,OAAQ,CACNC,KAAM,CACJC,cAAe,QACfC,iBACE,2FACFC,aAAc,OACdC,qBACE,8IACFC,2BAA4B,wBAC5BC,4BAA6B,wBAC7BC,sBAAuB,2BAG3B9E,SAAU,CACR+E,wBACE,8DACFC,YAAa,yBAEfC,WAAY,CACVC,YAAa,SACbC,sBAAuB,yBACvBC,qBACE,6GACFC,uBAAwB,wBACxBC,uBAAwB,iBACxBC,mBAAoB,aACpBC,qBAAsB,kBACtBC,qBAAsB,aACtBC,eAAgB,UAChBC,UAAW,CACTC,OAAQ,qBACRC,oBAAqB,uBACrB1J,MAAO,CACL2J,UAAW,YACXC,YAAa,6BAEfC,sBAAuB,CACrBF,UAAW,4BACXC,YAAa,wDAEfE,mBAAoB,CAClBH,UAAW,yBACXC,YAAa,sDAEfG,sBAAuB,CACrBJ,UAAW,6BACXK,aAAc,YACdJ,YAAa,kBAEfK,eAAgB,CACdN,UAAW,oBACXK,aAAc,WACdJ,YAAa,0CAEfM,OAAQ,CACNP,UAAW,aACXK,aAAc,MACdJ,YAAa,mCAEfO,aAAc,CACZR,UAAW,gBACXC,YAAa,sBAInBtF,SAAU,CACR8F,0BAA2B,aAC3BC,oBAAqB,eAEvBC,SAAU,CACRC,YAAa,eACbC,YAAa,2CACbC,OAAQ,mBACa,CACjBC,QAAS,oDAEO,CAChBA,QAAS,gDAEM,CACfA,QAAS,oDAEU,CACnBjB,OAAQ,oBACRiB,QAAS,uDAEO,CAChBjB,OAAQ,0BACRiB,QAAS,6DAEO,CAChBjB,OAAQ,+BACRiB,QAAS,4CAEXC,SAAU,CACRD,QAAS,uCAGbE,MAAO,QACPC,MAAO,QACPC,WAAY,cACZC,WAAY,eAEdtB,OAAQ,CACNuB,sBAAuB,uBACvBC,OAAQ,CACNC,MAAO,CACLvB,UAAW,SACXwB,YAAa,UAEfC,cAAe,WAGnBC,sBAAuB,CACrBC,kBAAmB,oDACnBC,wBACE,mEACFC,oBAAqB,oDAEvBN,MAAO,CACLO,qBAAsB,eAExBC,iBAAkB,CAChBC,YAAa,CACXC,SAAU,CACRC,MAAO,+DACPC,OAAQ,gDACRC,MAAO,gDAGXC,QAAS,CACPJ,SAAU,CACRC,MAAO,aACPC,OAAQ,gDACRC,MAAO,+DAIb/H,MAAO,CACLiI,eAAgB,gBAElBC,YAAa,CACXf,YAAa,YACbgB,4BAA6B,6BAE/BC,cAAe,CACbD,4BAA6B,6BAE/BE,WAAY,CACVC,gBAAiB,YACjBC,oBAAqB,gBACrBC,gBAAiB,cAEnBC,SAAU,CACRC,MAAO,CACL/C,UACE,6EACFgD,WAAY,OACZC,SAAU,2BAEZC,OAAQ,CACNlD,UAAW,gBACXgD,WAAY,OACZC,SAAU,2BAGd3B,OAAQ,CACNC,MAAO,CACLvB,UAAW,SACXwB,YAAa,UAEfC,cAAe,UAEjBvG,OAAQ,CACNsG,YAAa,YACbvC,wBACE,+DAEJkE,SAAU,CACRH,WAAY,mBAEdX,QAAS,CACPrC,UAAW,WAEboD,MAAO,CACLV,WAAY,CACVW,QAAS,KACTC,cAAe,YACfC,kBAAmB,gBACnBC,iBAAkB,kBAGtB1I,KAAM,CACJ2I,2BACE,2DACFC,yBACE,wDACFf,gBAAiB,sBACjBC,oBAAqB,oBAEvBzH,IAAK,CACHwI,gBAAiB,0BAEnBC,WAAY,CACVC,eAAgB,OAChBC,iBAAkB,SAClBC,kBACE,6DACFC,kBACE,6DACFC,mBAAoB,qBACpBC,mBAAoB,sBAEtBC,OAAQ,CACNC,QAAS,CACPC,KAAM,OACNC,SAAU,WACVC,OAAQ,SACRC,OAAQ,UAEVC,SAAU,WACVC,gBAAiB,8BCnSRC,EAAc/I,gBAAmCY,YFD9CoI,EAAWC,UAClBA,GAAUC,gBAGHC,EAAcC,SACLpJ,EAAMqJ,SAAiBD,GAAvCH,OAAIK,cAEXtJ,EAAMuJ,WAAU,WACdD,EAASN,EAAWI,MACnB,IAEHpJ,EAAMuJ,WAAU,WACdH,GAASE,EAASN,EAAWI,MAC5B,CAACA,IAEGH,WAGOO,EAAKhJ,EAAOiJ,UACnBjJ,EAAMkJ,QACX,SAACC,EAAQC,UAAS,wBAAIA,WAAJ,CAAuCD,KACzDF,YAYYI,EAAYC,OACpBC,EAAM/J,EAAMgK,gBAClBhK,EAAMuJ,WAAU,WACdQ,EAAIE,QAAUH,KAETC,EAAIE,iBAGGC,EAASC,EAAMC,OACzBC,WACKC,+BAAaC,2BAAAA,sBAEdC,EAAUC,KACZJ,GAASK,aAAaL,GAC1BA,EAAUM,YAAW,WACnBN,EAAU,KACVF,EAAKS,MAAMJ,EAASD,KACnBH,UAGLE,EAAUO,MAAQ,WAChBH,aAAaL,IAGRC,EAMT,SAAgBQ,OACVnK,SACKA,MAGHoK,EAAQC,SAASC,cAAc,OACrCF,EAAMG,YAAYF,SAASG,eAAe,SAC1CJ,EAAMK,IAAM,MACZL,EAAMM,MAAMrW,SAAW,OACvB+V,EAAMM,MAAM3M,MAAQ,MACpBqM,EAAMM,MAAMlP,OAAS,MACrB4O,EAAMM,MAAMrQ,SAAW,WACvB+P,EAAMM,MAAMpQ,IAAM,UAClB8P,EAAMM,MAAM/O,SAAW,SAEvB0O,SAASM,KAAKJ,YAAYH,GAE1BpK,EAAa,UAEToK,EAAMQ,WAAa,EACrB5K,EAAa,WAEboK,EAAMQ,WAAa,EACM,IAArBR,EAAMQ,aACR5K,EAAa,sBAKH6K,EAAwBC,EAAS1R,OACzCwR,EAAaE,EAAQF,cAGT,QAAdxR,SACKwR,SAGIT,SAGN,kBAEDY,OAAOD,EAAQE,aACfD,OAAOD,EAAQG,aACfF,OAAOH,OAEN,iBAEDG,OAAOD,EAAQE,aACfD,OAAOD,EAAQG,aACfF,OAAOH,kBAGFA,GAIb,SAASM,EAAaC,UACZ,EAAIC,KAAKC,IAAID,KAAKE,GAAKH,EAAOC,KAAKE,GAAK,IAAM,WA0CxCC,EAAUnC,EAAKD,MACjB,OAARC,KACe,mBAARA,EACTA,EAAID,YAGFC,EAAIE,QAAUH,EACd,MAAOqC,SACD,IAAIC,8BAA8BtC,eAAkBC,QAKhE,SAAgBsC,+BAAgBC,2BAAAA,yBACvBtM,EAAMuM,SAAQ,kBACfD,EAAKE,OAAM,SAAAzC,UAAe,OAARA,KACb,KAEF,SAAC0C,GACNH,EAAKI,SAAQ,SAAA3C,GACXmC,EAAUnC,EAAK0C,mBAGdH,aAGOK,EAAmBpR,UAC1BA,EAAEqR,SAAS,OAASrR,EAAEqR,SAAS,OAASrR,EAAEqR,SAAS,cAG5CC,EACd/C,EACAgD,UAEOhD,EACc,iBAAVA,GACW,iBAAVA,IAAuB6C,EAAmB7C,GAC7CA,OACHA,EACFgD,GAAgB,mBAGNC,EAAYN,SACtB,CAAC,SAAU,UAAUG,gBAAgBH,GAAcA,EACnDA,aAAgBO,MAAcP,EAAKQ,IAAIF,GAAaG,KAAK,IACzC,iBAATT,GAAqBA,EAAaM,EAAYN,EAAKjM,MAAM2M,iBAGtE,MAAMC,EAAqB,CACzB,QACA,SACA,WACA,UACA,SACA,kCACA,kBACA,kBACA,oDACAF,KAAK,8CGvMDG,EAAgBC,EAAOC,kTAEP,SAAA/M,UAASA,EAAMN,SAIzB,SAAAM,UAASA,EAAMJ,QAChB,SAAAI,UAASA,EAAMJ,QASboN,EAAUxN,cACrB,SAACQ,EAAOuJ,OACgB3F,EAA6C5D,EAA3D,cAAyBN,EAAkCM,EAAlCN,MAAOE,EAA2BI,EAA3BJ,KAAMqN,EAAqBjN,EAArBiN,OAAWC,IAAUlN,KAE7DE,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExB6E,EAAaxN,EACC,iBAATA,GACU,iBAATA,IAAsBuM,EAAmBvM,GAC5CA,OACHA,EACFM,EAAMlI,WAAWK,iBAGnBmH,gBAACqN,mBACKK,gBACQtJ,GAAwBuJ,EAAKlH,QAAQrC,UACjDlE,MAAOA,GAAgBQ,EAAM3K,OAAOC,sBACvByX,EACb1D,IAAKA,EACL8D,KAAK,MACLzN,KAAMwN,mHCpCDE,EAAe,SAAAtN,UAASuN,gDLiDCvN,MAGd,WAFtBA,EAAQD,EAAkCC,IAEhCF,SAAuC,cAAhBE,EAAMN,YAC9B,mBAELM,EAAMwN,gBACDxN,EAAME,MAAM3K,OAAOyB,aAER,cAAhBgJ,EAAMN,aACDM,EAAME,MAAM3K,OAAOY,SAExB6J,EAAMyN,iBACDzN,EAAME,MAAM3K,OAAO2B,iBAEpB8I,EAAMN,WACP,mBACIM,EAAME,MAAM3K,OAAO2B,cACvB,iBACI8I,EAAME,MAAM3K,OAAOe,YACvB,gBACI0J,EAAME,MAAM3K,OAAOkB,sBAEnBuJ,EAAME,MAAM3K,OAAOC,SKtEhBkY,CAAsB1N,cACR,YAAlBA,EAAMF,SACG,SAAlBE,EAAMF,SAAsC,cAAhBE,EAAMN,QAA0BM,EAAMyN,UAC/D,YACA,8BLsE2BzN,OAC/BA,EAAQD,EAAkCC,IAEhCwN,UAAYxN,EAAMyN,WAA+B,YAAlBzN,EAAMF,eACtCE,EAAME,MAAM3K,OAAO6B,uBAExB4I,EAAMwN,gBACDxN,EAAME,MAAM3K,OAAOyB,aAER,cAAhBgJ,EAAMN,aACDM,EAAME,MAAM3K,OAAOY,SAExB6J,EAAMyN,iBACDzN,EAAME,MAAM3K,OAAO2B,aAER,cAAhB8I,EAAMN,aACDM,EAAME,MAAM3K,OAAOwB,aAEN,UAAlBiJ,EAAMF,eACAE,EAAMN,WACP,iBACIM,EAAME,MAAM3K,OAAOe,YACvB,gBACI0J,EAAME,MAAM3K,OAAOkB,sBAEnBuJ,EAAME,MAAM3K,OAAOC,SK9FhBmY,CAAiB3N,8BLpBKA,UAC9BA,EAAML,WACP,cACI,WACJ,iBACOK,EAAME,MAAM/G,qBAAoB6G,EAAME,MAAM/G,iBACnD,sBACS6G,EAAME,MAAM/G,iBAAgB6G,EAAME,MAAM/G,iCAG7C6G,EAAME,MAAM/G,cKWNyU,CAAwB5N,sBLkGhBA,OACzBA,EAAQD,EAAkCC,IAEhCwN,UAAYxN,EAAMyN,WAA+B,UAAlBzN,EAAMF,eACtCE,EAAME,MAAM3K,OAAO6B,uBAExB4I,EAAMwN,gBACDxN,EAAME,MAAM3K,OAAO4B,gBAER,cAAhB6I,EAAMN,aACDM,EAAME,MAAM3K,OAAOM,iBAGxBmK,EAAMyN,WAA+B,UAAlBzN,EAAMF,SAC1BE,EAAMyN,WAA+B,UAAlBzN,EAAMF,cAEN,cAAhBE,EAAMN,OAA0BM,EAAMyN,UAGnCzN,EAAME,MAAM3K,OAAO2B,UAFjB8I,EAAME,MAAM3K,OAAOoB,eAItBqJ,EAAMN,WACP,mBACIM,EAAME,MAAM3K,OAAOoB,YACvB,iBACIqJ,EAAME,MAAM3K,OAAOe,YACvB,gBACI0J,EAAME,MAAM3K,OAAOkB,sBAEnBuJ,EAAME,MAAM3K,OAAOC,SK9HrBqY,CAAW7N,cACVA,EAAMwN,SAAW,cAAgB,sBAChCxN,EAAM8N,YAAc,OAAS,4CAEzB9N,EAAME,MAAMlH,gCLZOgH,UAC1BA,EAAMJ,UACP,eACII,EAAME,MAAM5L,UAAUC,OAAOC,aACjC,eACIwL,EAAME,MAAM5L,UAAUO,OAAOL,wBAG7BwL,EAAME,MAAM5L,UAAUM,OAAOJ,UKK3BuZ,CAAoB/N,8BAEvBC,EAAgBD,6CAEO,UAAfA,EAAMJ,KACpBI,EAAME,MAAM5L,UAAUC,OAAOE,cAC7B,mCLPgCuL,UAC5BA,EAAMJ,UACP,eACII,EAAME,MAAM5L,UAAUC,OAAOG,eACjC,eACIsL,EAAME,MAAM5L,UAAUO,OAAOH,0BAG7BsL,EAAME,MAAM5L,UAAUM,OAAOF,YKAzBsZ,CAAsBhO,cAC3BA,EAAM8N,YACT9N,EAAME,MAAMlI,WAAWE,eAC1B8H,EAAME,MAAMlI,WAAWE,wBACC,UAAf8H,EAAMJ,KAAmB,IAAMI,EAAME,MAAMlI,WAAWa,+CLYlCmH,UACzBA,EAAMJ,UACP,eACOI,EAAME,MAAMlI,WAAWE,cAAa8H,EAAME,MAAMlI,WAAWG,cAClE,eACO6H,EAAME,MAAMlI,WAAWI,cAAa4H,EAAME,MAAMlI,WAAWM,yBAG3D0H,EAAME,MAAMlI,WAAWI,cAAa4H,EAAME,MAAMlI,WAAWK,WKlB9D4V,CAAmBjO,+EAIZA,EAAMH,eAAiB,qKAMhCG,EAAMkO,SACXjO,EAAgBD,GAChBA,EAAM8N,YACN,OACA,uDAKI9N,EAAMyN,UACJzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,kEL2FMsK,MAGf,eAFpBA,EAAQD,EAAkCC,IAEhCN,aACDyO,UAAQ,GAAKnO,EAAME,MAAM3K,OAAOY,UAGpB,UAAlB6J,EAAMF,UAAwBE,EAAMyN,WAClB,UAAlBzN,EAAMF,SAAuBE,EAAMyN,iBAE5BzN,EAAMN,WACP,mBACIlI,OAAK,GAAKwI,EAAME,MAAM3K,OAAOoB,aACjC,iBACIa,OAAK,GAAKwI,EAAME,MAAM3K,OAAOe,aACjC,gBACIkB,OAAK,GAAKwI,EAAME,MAAM3K,OAAOkB,uBAE7Be,OAAK,GAAKwI,EAAME,MAAM3K,OAAOC,YAGpB,UAAlBwK,EAAMF,SAAuBE,EAAMyN,gBAC9B,4BAEDzN,EAAMN,WACP,mBACI0O,SAAO,GAAKpO,EAAME,MAAM3K,OAAO2B,eACnC,iBACIkX,SAAO,GAAKpO,EAAME,MAAM3K,OAAOe,aACnC,gBACI8X,SAAO,GAAKpO,EAAME,MAAM3K,OAAOkB,uBAE/B2X,SAAO,GAAKpO,EAAME,MAAM3K,OAAOC,UKrHxB6Y,CAAqBrO,sBLyHTA,MAEV,eADpBA,EAAQD,EAAkCC,IAChCN,aACDM,EAAME,MAAM3K,OAAOM,gBAGP,UAAlBmK,EAAMF,UAAwBE,EAAMyN,WAClB,UAAlBzN,EAAMF,SAAuBE,EAAMyN,iBAE5BzN,EAAMN,WACP,mBACIM,EAAME,MAAM3K,OAAOoB,YACvB,iBACIyX,SAAO,GAAKpO,EAAME,MAAM3K,OAAOe,aACnC,gBACI8X,SAAO,GAAKpO,EAAME,MAAM3K,OAAOkB,uBAE/B2X,SAAO,GAAKpO,EAAME,MAAM3K,OAAOC,eAGtB,UAAlBwK,EAAMF,SAAuBE,EAAMyN,WAGnB,cAAhBzN,EAAMN,OAA0BM,EAAMyN,UAFjCzN,EAAME,MAAM3K,OAAO2B,UAGnB8I,EAAME,MAAM3K,OAAOoB,QKhJf2X,CAAgBtO,oCLqJMA,MAId,WAHrBA,EAAQD,EAAkCC,IAGjCF,UAAwBE,EAAMyN,WAClB,UAAlBzN,EAAMF,SAAuBE,EAAMyN,iBAE5BzN,EAAMN,WACP,mBACIM,EAAME,MAAM3K,OAAOoB,YACvB,iBACIqJ,EAAME,MAAM3K,OAAOe,YACvB,gBACI0J,EAAME,MAAM3K,OAAOkB,sBAEnBuJ,EAAME,MAAM3K,OAAOC,cAIZ,UAAlBwK,EAAMF,SACLE,EAAMyN,WACS,cAAhBzN,EAAMN,MAIDM,EAAME,MAAM3K,OAAO2B,UAFjB8I,EAAME,MAAM3K,OAAOoB,QKxKV4X,CAAqBvO,2CAGzBA,EAAME,MAAMlI,WAAWO,0JAQxByH,EAAME,MAAMlI,WAAWO,4CLkKAyH,MAGhB,eAFpBA,EAAQD,EAAkCC,IAEhCN,aACDyO,UAAQ,GAAKnO,EAAME,MAAM3K,OAAOY,UAGpB,UAAlB6J,EAAMF,UAAwBE,EAAMyN,WAClB,UAAlBzN,EAAMF,SAAuBE,EAAMyN,iBAE5BzN,EAAMN,WACP,mBACIlI,OAAK,GAAKwI,EAAME,MAAM3K,OAAOoB,aACjC,iBACIa,OAAK,GAAKwI,EAAME,MAAM3K,OAAOe,aACjC,gBACIkB,OAAK,GAAKwI,EAAME,MAAM3K,OAAOkB,uBAE7Be,OAAK,GAAKwI,EAAME,MAAM3K,OAAOC,YAGpB,UAAlBwK,EAAMF,SAAuBE,EAAMyN,gBAC9B,6BAEDzN,EAAMN,WACP,mBACI0O,SAAO,GAAKpO,EAAME,MAAM3K,OAAO2B,eACnC,iBACIkX,SAAO,GAAKpO,EAAME,MAAM3K,OAAOe,aACnC,gBACI8X,SAAO,GAAKpO,EAAME,MAAM3K,OAAOkB,uBAE/B2X,SAAO,GAAKpO,EAAME,MAAM3K,OAAOC,UK9LxBgZ,CAAsBxO,sBLkMTA,MAGX,eAFpBA,EAAQD,EAAkCC,IAEhCN,aACDM,EAAME,MAAM3K,OAAOM,gBAGP,UAAlBmK,EAAMF,UAAwBE,EAAMyN,WAClB,UAAlBzN,EAAMF,SAAuBE,EAAMyN,iBAE5BzN,EAAMN,WACP,mBACIM,EAAME,MAAM3K,OAAOoB,YACvB,iBACIyX,SAAO,GAAKpO,EAAME,MAAM3K,OAAOe,aACnC,gBACI8X,SAAO,GAAKpO,EAAME,MAAM3K,OAAOkB,uBAE/B2X,SAAO,GAAKpO,EAAME,MAAM3K,OAAOC,eAGtB,UAAlBwK,EAAMF,SAAuBE,EAAMyN,WAGnB,cAAhBzN,EAAMN,OAA0BM,EAAMyN,UAFjCzN,EAAME,MAAM3K,OAAO2B,UAGnB8I,EAAME,MAAM3K,OAAOoB,QK1Nf8X,CAAiBzO,iHAa5BA,EAAMkO,iBAUGQ,2DACTpB,MAGEqB,iHAKAC,uEACU,SAAA5O,UAAUA,EAAM6O,UAAY,SAAW,wDAK1CC,GAAetP,cAG1B,SAACQ,EAAOuJ,OAEN3J,EAOEI,EAPFJ,KACAE,EAMEE,EANFF,QACA2N,EAKEzN,EALFyN,UACAd,EAIE3M,EAJF2M,WAIE3M,EAHF3F,KAAAA,aAAO0U,mBAAWC,SAClB/B,EAEEjN,EAFFiN,OACA4B,EACE7O,EADF6O,UAEI3O,EAAQV,aAAiBD,GAEzB0P,GACJxB,GACC3N,IAAYoP,sBAAcC,SAAWrP,IAAYoP,sBAAcE,KAE5DlP,EAAM3K,OAAOsB,UADbqJ,EAAM3K,OAAO2B,UAGbmY,EACJzP,IAAS0P,mBAAWrT,MAChBiE,EAAM7D,UAAUC,OAChBsD,IAAS0P,mBAAWnT,MACpB+D,EAAM7D,UAAUF,MAChB+D,EAAM7D,UAAUH,cAGpBsD,gBAACkP,mBACK1O,iBACSiN,EACb1D,IAAKA,EACLlP,KAAMA,EACN6F,MAAOA,EACPsN,SAAUqB,GAAa7O,EAAMwN,WAE5BqB,GACCrP,gBAACmP,OACCnP,gBAACwN,GACCC,OAAWA,aACXvN,MAAOuP,EACPrP,KAAMyP,KAIZ7P,gBAACoP,GAAgBC,UAAWA,EAAW5B,OAAWA,eAC/CN,OCrLI4C,GAAiB/P,gBAAsC,CAClEiO,WAAW,aAGG+B,GAAaC,OACrBC,EAAiBlQ,aAAiB+P,gBAEV,IAAhBE,EACVE,QAAQF,GACRC,EAAejC,cCXTyB,GAMAU,GAQAC,GAOAP,GAMAQ,GAKAf,oBAhCAG,GAAAA,wBAAAA,yCAEVA,qBACAA,gBAGUU,GAAAA,sBAAAA,2CAEVA,yBACAA,qBACAA,mBACAA,0BAGUC,GAAAA,sBAAAA,qCAEVA,qBACAA,uBACAA,kBAGUP,GAAAA,qBAAAA,sCAEVA,mBACAA,kBAGUQ,GAAAA,8BAAAA,uDAEVA,gBAGUf,GAAAA,qBAAAA,wCAEVA,mBACAA,iBA6DF,UCpFYgB,GDoFCC,GAASxQ,cACpB,SAACQ,EAAOuJ,OACEoD,EAAsB3M,EAAtB2M,SAAasD,IAASjQ,MAExByN,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAACsP,oBAAiBmB,GAAMxC,UAAWA,EAAWlE,IAAKA,IAChDoD,sEC5FGoD,GAAAA,6BAAAA,4CAEVA,iBAiCF,IAAMG,GAAepD,EAAOC,gDACT,SAAA/M,UAASmQ,GAAenQ,MAGrCoQ,GAAgBtD,EAAOC,+CACX,SAAA/M,UAASmQ,GAAenQ,MAG1C,SAASmQ,GAAenQ,UACdA,EAAMJ,UACP,eACII,EAAME,MAAMlI,WAAWK,cAC3B,eACI2H,EAAME,MAAMlI,WAAWE,yBAEvB8H,EAAME,MAAMlI,WAAWG,WAIpC,SAASkY,GAAYzQ,EAAMM,UACjBN,OACD,eACIM,EAAM7D,UAAUF,UACpB,eACI+D,EAAM7D,UAAUJ,qBAEhBiE,EAAM7D,UAAUH,QAQ7B,4BCvDYoU,GDuDCC,GAAa/Q,cACxB,SAACQ,EAAOuJ,OACFiH,EACAC,EACA9D,EAR2B+D,EASvBhR,EACNM,EADMN,MAAOC,EACbK,EADaL,MAAOC,EACpBI,EADoBJ,KAAMqN,EAC1BjN,EAD0BiN,OAAQpN,EAClCG,EADkCH,cAAeC,EACjDE,EADiDF,QAAYmQ,IAC7DjQ,MAEIE,EAAQV,aAAiBD,GAX1B,SAD0BmR,EAcR1Q,MAbI,aAAc0Q,GAcvCF,EAAOxQ,EAAMwQ,MAEbA,EAAOxQ,EAAMwQ,KACbC,EAAezQ,EAAMyQ,aACrB9D,EAAW3M,EAAM2M,cAGbO,EAAQlE,EAAK,CAAC,eAAgB,gBAAiBiH,GAE/CxC,EAAY+B,GAAaxP,EAAMyN,kBAEjC+C,IAAS7D,EAETnN,gBAACsP,oBACK5B,GACJ3D,IAAKA,EACL7J,MAAOA,GAAgBkQ,oBAAYpa,QACnC0Y,YACAjB,OAAQA,EACRQ,UAAWA,EACX9N,MAAOA,GAAgBkQ,oBAAYc,MACnC/Q,KAAMA,GAAc0P,mBAAWpT,OAC/B4D,QAASA,GAAoBoP,sBAAc0B,QAE1CpR,WAAeqR,KACdrR,eAAmBgR,EAAM,CACvB5Q,KAAM4Q,EAAKxQ,MAAMJ,KACb4Q,EAAKxQ,MAAMJ,KACXyQ,GAAYzQ,EAAMM,OAO9BV,gBAACsP,oBACK5B,GACJ3D,IAAKA,EACL7J,MAAOA,GAAgBkQ,oBAAYpa,QACnCiY,UAAWA,EACX9N,MAAOA,GAAgBkQ,oBAAYiB,KACnClR,KAAMA,GAAc0P,mBAAWpT,OAC/B+Q,OAAQA,EACRpN,cACEA,GAAgCiQ,4BAAoBiB,UAEtDjR,QAASA,GAAoBoP,sBAAc0B,QAE1CH,IAAiBV,2BAAmBrV,OACnC8E,gBAAC0Q,IAAatQ,KAAMA,EAAMM,MAAOA,GAC9ByM,GAGJnN,WAAeqR,KACdrR,eAAmBgR,EAAM,CACvB5Q,KAAM4Q,EAAKxQ,MAAMJ,KAAO4Q,EAAKxQ,MAAMJ,KAAOyQ,GAAYzQ,EAAMM,iBAC1C+M,aAGrBwD,IAAiBV,2BAAmBrV,OACnC8E,gBAAC4Q,IAAcxQ,KAAMA,EAAMM,MAAOA,GAC/ByM,0EE9IPqE,GAASlE,EAAOmE,+HAMTC,GAAe1R,cAC1B,SAACQ,EAAOuJ,OAEJ7J,EAOEM,EAPFN,QAOEM,EANFjG,SAAAA,aAAW,MACXoX,EAKEnR,EALFmR,WAKEnR,EAJFoR,OAAAA,aAAS,OAIPpR,EAHFqR,YAAAA,aAAc,IACdpE,EAEEjN,EAFFiN,OACGC,IACDlN,QAEgCR,WAAe,KAA5C8R,OAAYC,OAEnB/R,aAAgB,eAGVgS,EAAW,YAEXL,GACFK,EAAWC,aAAY,WACrBF,EAAcD,EAAa,KANNvX,EAAW,IAS9BuX,GAAc,GAChBI,cAAcF,IAGhBE,cAAcF,GAGT,kBAAME,cAAcF,MAC1B,CAACF,EAAYH,QAEVQ,EAAmBP,EAAuB,EAAdC,EAC5BO,EAAmC,EAAnBD,EAAuBpG,KAAKE,GAC5CoG,EAAmBD,EAAiBN,EAAa,IAAOM,EAExD1R,EAAQV,aAAiBD,UAG7BC,uCAAS0N,GAAO3D,IAAKA,gBAAkB0D,IACrCzN,uBAAK7D,OAAiB,EAATyV,EAAYlT,MAAgB,EAATkT,GAC9B5R,gBAACwR,IACCc,GAAIV,EACJW,GAAIX,EACJN,KAAK,cACLkB,EAAGL,EACHM,OAAQvS,GAAgBQ,EAAM3K,OAAOoB,QACrC0a,YAAaA,EACba,gBAAoBN,MAAiBA,EACrC/G,MAAO,CAAEgH,iBAAAA,4LDpDRM,GAET,CACFC,KAAMC,WACNC,MAAOD,WACP/b,QAASic,kBACTC,QAASC,cACThc,OAAQic,sBA6BMC,GAAqB3S,UAC3BA,EAAMF,aACP,cACI,uBACJ,iBACIE,EAAME,MAAM3K,OAAOe,YACvB,iBACI0J,EAAME,MAAM3K,OAAOY,UACvB,gBACI6J,EAAME,MAAM3K,OAAOkB,sBAEnBuJ,EAAME,MAAM3K,OAAOoB,UArCpB2Z,GAAAA,uBAAAA,sCAEVA,iBACAA,qBACAA,qBACAA,mBAoCF,IEtDYsC,GFsDNC,GAAc/F,EAAOgG,69BAEZ,SAAA9S,UACXA,EAAM+S,4CAMK,SAAA/S,UAASA,EAAME,MAAM5L,UAAUM,OAAOJ,YACpC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUM,OAAOF,cACpC,SAAAsL,UAASA,EAAME,MAAMlI,WAAWM,aAK5B,SAAA0H,UAASA,EAAME,MAAMnE,YAAYE,SACvC,SAAA+D,UAASA,EAAME,MAAM5L,UAAUK,OAAOH,YACjC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUK,OAAOF,iBACzC,SAAAuL,UAASA,EAAME,MAAM5L,UAAUK,OAAOD,cAI/B,SAAAsL,UACpBA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,SAIzB,SAAAsK,UACAA,EAAMgT,SACNzF,mBACevN,EAAM+S,+FAME/S,EAAME,MAAMnE,YAAYE,4DAiDvB,SAAA+D,SACF,YAAlBA,EAAMF,QACFE,EAAME,MAAM3K,OAAOG,MACnBsK,EAAME,MAAM3K,OAAOI,gBAMzBsd,GAAmBnG,EAAOgG,mKACV,SAAA9S,UAAS2S,GAAqB3S,MACjC,SAAAA,UAASA,EAAME,MAAM/G,gBAC7B,SAAA6G,UACPA,EAAMF,UAAYwQ,qBAAagC,MAC3BtS,EAAME,MAAM3K,OAAOsB,UACnBmJ,EAAMyN,UACNzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,WAKvB,SAAAqJ,UACAA,EAAMgT,SACNzF,0BACsBvN,EAAME,MAAM3K,OAAO2B,4DAE7B8I,EAAME,MAAMlI,WAAWW,0CAIjCua,GAAgBpG,EAAOgG,iJAGhB,SAAA9S,UAASA,EAAME,MAAMlI,WAAWI,aAEtB,SAAA4H,UAASA,EAAME,MAAMnE,YAAYE,SACpC,SAAA+D,UAASA,EAAME,MAAMlI,WAAWI,aAI9C+a,wIAOAC,GAActG,EAAOC,kHACvBoG,IACW,SAAAnT,UAASA,EAAME,MAAMlI,WAAWG,aAAe,SAAA6H,UAC1DA,EAAME,MAAMlI,WAAWI,aAEJ,SAAA4H,UAASA,EAAME,MAAMnE,YAAYE,SAKlDoX,GAAsBvG,EAAOgG,gHAEnB,SAAA9S,UAASA,EAAME,MAAMlI,WAAWC,aAEvC,SAAA+H,UAASA,EAAME,MAAMlI,WAAWE,aAC9B,SAAA8H,UAASA,EAAME,MAAMlI,WAAWE,aAGrCob,GAAyBxG,EAAOC,+BAClCoG,IAGEI,GAAiB,CAAC,OAAQ,YAAa,QAAS,WAMhDC,GAAgB1G,EAAOyD,GAAY,CAAEkD,kBAJjB,SAAAC,UACjBC,EAAYD,IAASH,GAAenH,SAASsH,KAGhC5G,qaAID,SAAA9M,UAASA,EAAME,MAAM/G,gBACpC,SAAA6G,UAASA,EAAME,MAAM/G,gBAGZ,SAAA6G,UAASA,EAAME,MAAMlI,WAAWI,aAKvC,gBAAiB8H,IAAAA,YACA,cADd0T,aAEC1T,EAAM3K,OAAOG,MACbwK,EAAM3K,OAAOI,gBAOL,gBAAiBuK,IAAAA,YACZ,cADF0T,aAEX1T,EAAM3K,OAAOG,MACbwK,EAAM3K,OAAOI,gBAoBZke,GAAYrU,cACvB,SAACQ,EAAOuJ,OAEJoD,EAeE3M,EAfF2M,SACAzG,EAcElG,EAdFkG,eACA4N,EAaE9T,EAbF8T,aACAC,EAYE/T,EAZF+T,aACIC,EAWFhU,EAXFyI,GACAwL,EAUEjU,EAVFiU,YACAC,EASElU,EATFkU,cACWC,EAQTnU,EAPFoU,SACApB,EAMEhT,EANFgT,QACAqB,EAKErU,EALFqU,UACApH,EAIEjN,EAJFiN,OACAqH,EAGEtU,EAFFF,QACGoN,IACDlN,MAEEyI,EAAKE,EAAcqL,KACSxU,YAAe,GAA1CuT,OAAWwB,OAEZ9G,EAAY+B,GAAaxP,EAAMyN,oBAiB5B+G,IACPD,GAAa,GAhBf/U,aAAgB,WACVuT,GACF5I,YAAW,WACToK,GAAa,GACbF,GAAkC,mBAAdA,GAA4BA,MAC/CI,OAEJ,CAAC1B,IAEJvT,aAAgB,WACVyU,GACFO,MAED,CAACP,QAME/T,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,UAG5B/I,gBAACqT,oBACK3F,iBACSD,EACbxE,GAAIA,EACJiM,UAAW,EACXjH,UAAWA,EACXsF,UAAWA,EACXC,QAASA,EACTzJ,IAAKA,EACLrJ,MAAOA,IAEPV,gBAAC+P,GAAeoF,UACdrL,MAAO,CACLmE,UAAW3N,IAAYwQ,qBAAakC,UAGtChT,gBAACyT,IACCxF,UAAW3N,IAAYwQ,qBAAakC,QACpCQ,QAASA,EACT9S,MAAOA,EACPJ,QAASA,GA9ErB,SAAoBA,EAAkBkT,EAAmB9S,mBAArCJ,IAAAA,EAAU,QAI1BN,gBAAC4T,IAAYJ,QAASA,EAAS9S,MAAOA,GACpCV,gBAJS2S,GAAarS,IAIhBF,KAAMM,EAAM7D,UAAUH,UA2ErB0Y,CAAW9U,EAASkT,EAAS9S,GAC9BV,gBAAC0T,IAAchT,MAAOA,GAAQyM,GAC7BuH,GACC1U,gBAAC8T,IAAuBxT,QAASA,EAASI,MAAOA,GAC9C6T,GAAgBf,GACfxT,gBAAC6T,IAAoBnT,MAAOA,GAC1BV,gBAAC0R,IACCxR,MACEI,IAAYwQ,qBAAakC,QACrBtS,EAAM3K,OAAOoB,QACbuJ,EAAM3K,OAAO2B,UAEnBia,UAAWiD,KAIjB5U,gBAACgU,IACCI,aAAc9T,eAEZoG,GAEIiH,EAAKnL,MAAMC,iBAEjBuO,KACEhR,gBAACqV,aACCjV,KACEmU,EACI7T,EAAM7D,UAAUC,OAChB4D,EAAM7D,UAAUJ,QAI1BwR,aACAqH,QAAShB,GAAgBU,EACzBtU,MAAOA,EACPJ,QAASoP,sBAAcE,cGpW5B2F,GAAQvV,cACnB,SAACQ,EAAOuJ,UACC/J,gBAACqU,kBAAUtK,IAAKA,GAASvJ,8CDfpC,SAAY4S,GACVA,kBACAA,YACAA,wBAHF,CAAYA,KAAAA,QAMZ,OECYoC,GFDCC,GAAWzV,cACtB,SAACQ,EAAOuJ,OACEoD,EAA2C3M,EAA3C2M,SAAUuI,EAAiClV,EAAjCkV,WAAYjI,EAAqBjN,EAArBiN,OAAWC,IAAUlN,aAGjDR,uCACM0N,eACOgI,GAActC,GAAmBuC,OAC5C5L,IAAKA,gBACQ0D,IAEZN,2CEVGqI,GAAAA,yBAAAA,gDAEVA,iBACAA,uBACAA,mBACAA,mBAGF,UCLYI,GAQAC,GDHNC,GAAexI,EAAOpJ,yQAMZ,SAAA1D,UACZA,EAAMyN,UACFzN,EAAME,MAAM1C,OAAOK,QAAQJ,gBAC3BuC,EAAME,MAAM1C,OAAOC,mBAErB,SAAAuC,UACAA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAOK,WACnBoK,EAAME,MAAM3K,OAAOyB,aACb,SAAAgJ,UACZA,EAAMxF,WAAawa,uBAAeO,QAClCvV,EAAMxF,WAAawa,uBAAeQ,MAC9B,+BACA,WACG,SAAAxV,UACPA,EAAMyN,UACFzN,EAAME,MAAM1C,OAAOK,QAAQF,UAC3BqC,EAAME,MAAM1C,OAAOG,aAEf,SAAAqC,UACRA,EAAMyV,UACFzV,EAAME,MAAM1C,OAAOI,QAAQjC,OAC3BqE,EAAME,MAAM1C,OAAO7B,UAEd,SAAAqE,UACTA,EAAMyV,UACFzV,EAAME,MAAM1C,OAAOI,QAAQF,QAC3BsC,EAAME,MAAM1C,OAAOE,WACb,SAAAsC,UAASA,EAAMxF,YAMhBkb,GAASlW,cACpB,SAACQ,EAAOuJ,OAEJoD,EAIE3M,EAJF2M,WAIE3M,EAHFxF,SAAAA,aAAWwa,gCACX/H,EAEEjN,EAFFiN,OACGC,IACDlN,MACEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAAC+P,GAAeoF,UACdrL,MAAO,CACLmE,UAAAA,IAGFjO,gBAAC8V,oBACKpI,iBACSD,EACbzS,SAAUA,EACV+O,IAAKA,EACLrJ,MAAOA,IAENyM,qDCrECyI,GAAAA,qBAAAA,wCAEVA,qBACAA,yBACAA,qBACAA,kBAGUC,GAAAA,uBAAAA,4CAEVA,iBAyDK,mBAAMM,GAAkB,SAAA3V,UAASuN,6BAtDHvN,UAC3BA,EAAMN,WACP,gBACIM,EAAME,MAAM3K,OAAOkB,WACvB,eACIuJ,EAAME,MAAM3K,OAAO0B,cACvB,iBACI+I,EAAME,MAAM3K,OAAOC,YACvB,mBACIwK,EAAME,MAAM3K,OAAOqB,cACvB,iBACIoJ,EAAME,MAAM3K,OAAOe,uBAGnB0J,EAAME,MAAM3K,OAAOqB,WAyChBgf,CAAqB5V,qCAEnBA,EAAMN,QAAU0V,mBAAWS,MACvC7V,EAAME,MAAM3K,OAAOyB,UACnB,gCACagJ,EAAMF,UAAYuV,qBAAaS,QAC5C9V,EAAME,MAAMlI,WAAWM,UACvB0H,EAAME,MAAM/G,uBACS,UAAhB6G,EAAMN,MACXM,EAAME,MAAM3K,OAAOoB,QACnBqJ,EAAME,MAAM3K,OAAO2B,8DAGV8I,EAAMF,UAAYuV,qBAAaS,QACxC9V,EAAME,MAAM5L,UAAUK,OAAOH,SAC7BwL,EAAME,MAAM5L,UAAUC,OAAOC,4BACfwL,EAAMF,UAAYuV,qBAAaS,QAC7C9V,EAAME,MAAM5L,UAAUK,OAAOF,cAC7BuL,EAAME,MAAM5L,UAAUC,OAAOE,8BAClBuL,EAAMF,UAAYuV,qBAAaS,QAC1C9V,EAAME,MAAM5L,UAAUK,OAAOD,WAC7BsL,EAAME,MAAM5L,UAAUC,OAAOG,sBACvBsL,EAAMF,UAAYuV,qBAAaS,iBAC5B9V,EAAME,MAAMlI,WAAWG,eAC3B6H,EAAME,MAAMlI,WAAWG,gCAClB6H,EAAMF,UAAYuV,qBAAaS,QACzC9V,EAAME,MAAMlI,WAAWM,UACvB,qBACS0H,EAAME,MAAMlI,WAAWM,sBACzB0H,EAAMF,UAAYuV,qBAAaS,eAC/B9V,EAAME,MAAMlI,WAAWE,UAC3B8H,EAAME,MAAMlI,WAAWC,cAAa+H,EAAME,MAAMlI,WAAWE,yBACpD8H,EAAMF,SAAWuV,qBAAaS,QAAU,SAAW,gBAG7DC,GAAajJ,EAAOC,gCACtB4I,IAGE7G,GAAehC,EAAOkC,wLACxB2G,IAMc,SAAA3V,mBAnFwBA,UAChCA,EAAMN,WACP,gBACI0O,SAAO,GAAKpO,EAAME,MAAM3K,OAAOkB,YACnC,eACI0X,UAAQ,IAAMnO,EAAME,MAAM3K,OAAO0B,eACrC,iBACImX,SAAO,GAAKpO,EAAME,MAAM3K,OAAOC,aACnC,mBACI4Y,SAAO,GAAKpO,EAAME,MAAM3K,OAAOqB,eACnC,iBACIwX,SAAO,GAAKpO,EAAME,MAAM3K,OAAOe,wBAG/B8X,SAAO,GAAKpO,EAAME,MAAM3K,OAAOqB,YAqEjBof,CAA0BhW,MAInC,SAAAA,mBArEyBA,UACjCA,EAAMN,WACP,gBACI0O,SAAO,GAAKpO,EAAME,MAAM3K,OAAOkB,YACnC,eACI0X,UAAQ,GAAKnO,EAAME,MAAM3K,OAAO0B,eACpC,iBACImX,SAAO,GAAKpO,EAAME,MAAM3K,OAAOC,aACnC,mBACI4Y,SAAO,GAAKpO,EAAME,MAAM3K,OAAOqB,eACnC,iBACIwX,SAAO,GAAKpO,EAAME,MAAM3K,OAAOe,wBAG/B8X,SAAO,GAAKpO,EAAME,MAAM3K,OAAOqB,YAuDjBqf,CAA2BjW,MAQzCkW,GAAQ1W,cACnB,SAACQ,EAAOuJ,OACEoD,EAAiD3M,EAAjD2M,SAAUmI,EAAuC9U,EAAvC8U,QAAS7H,EAA8BjN,EAA9BiN,OAAQnN,EAAsBE,EAAtBF,QAAYoN,IAAUlN,MAEnDmW,EAAyCxG,QAAQmF,GAPpChG,GAAeiH,GAS5B7V,EAAQV,aAAiBD,UAG7BC,gBAAC2W,mBACKjJ,iBACSD,EACbnN,QAASA,GAAoBuV,qBAAae,MAC1CtB,QAASA,EACTvL,IAAKA,EACLrJ,MAAOA,IAENyM,+HC5IH0J,GAAevJ,EAAOgG,6TAEZ,SAAA9S,UAAS2S,GAAqB3S,MACnC,SAAAA,SACW,YAAlBA,EAAMF,QACFE,EAAME,MAAM3K,OAAOoB,QACnBqJ,EAAME,MAAM3K,OAAO2B,aAEZ,SAAA8I,UAASA,EAAME,MAAM5L,UAAUM,OAAOJ,YACpC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUM,OAAOF,cAIhC,SAAAsL,UAASA,EAAME,MAAMnE,YAAYE,SAEvC,SAAA+D,UAASA,EAAME,MAAM5L,UAAUK,OAAOH,YACjC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUK,OAAOF,iBACzC,SAAAuL,UAASA,EAAME,MAAM5L,UAAUK,OAAOD,cAInD4hB,GAAiBxJ,EAAOgG,4MAKjB,SAAA9S,UAASA,EAAME,MAAMlI,WAAWI,aAEtB,SAAA4H,UAASA,EAAME,MAAMnE,YAAYE,SAKlDsa,GAAgBzJ,EAAOC,sFAMvByJ,GAAe,CAAC,OAAQ,YAAa,QAAS,WAM9ChD,GAAgB1G,EAAOyD,GAAY,CAAEkD,kBAJjB,SAAAC,UACjBC,EAAYD,IAAS8C,GAAapK,SAASsH,KAG9B5G,gbAKX,gBAAiB5M,IAAAA,YACP,cADP0T,aACmB1T,EAAM3K,OAAOoB,QAAUuJ,EAAM3K,OAAO2B,aAEtD,SAAA8I,UAASA,EAAME,MAAMlI,WAAWK,aAKvC,gBAAiB6H,IAAAA,YACA,cADd0T,aAEC1T,EAAM3K,OAAOoB,QACbuJ,EAAM3K,OAAO2B,aAQH,gBAAiBgJ,IAAAA,YACZ,cADF0T,aAEX1T,EAAM3K,OAAOoB,QACbuJ,EAAM3K,OAAO2B,aAWrBkc,GAActG,EAAOC,mIAER,SAAA/M,UAASA,EAAME,MAAMlI,WAAWG,aAE5B,SAAA6H,UAASA,EAAME,MAAMnE,YAAYE,SAexD,SAASwa,GAAe3W,UACdA,OACD,iBACI8P,oBAAYtZ,YAChB,iBACIsZ,oBAAY8G,cAChB,gBACI9G,oBAAYnZ,sBAEZmZ,oBAAYpa,SAIzB,aC7HYmhB,GD6HCC,GAASpX,cACpB,SAACQ,EAAOuJ,OAEJsN,EASE7W,EATF6W,iBACAC,EAQE9W,EARF8W,oBACAnK,EAOE3M,EAPF2M,SACAzG,EAMElG,EANFkG,eACAgO,EAKElU,EALFkU,cACAG,EAIErU,EAJFqU,UACApH,EAGEjN,EAHFiN,OACAnN,EAEEE,EAFFF,QACGoN,IACDlN,MAEEE,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,UAG5B/I,gBAAC6W,oBACKnJ,iBACSD,EACb1D,IAAKA,EACLrJ,MAAOA,EACPJ,QAASA,IAETN,gBAAC8W,IAAepW,MAAOA,GAhD/B,SAAoBJ,EAAkBI,mBAAlBJ,IAAAA,EAAU,QAI1BN,gBAAC4T,IAAYlT,MAAOA,GAClBV,gBAJS2S,GAAarS,IAIhBF,KAAMM,EAAM7D,UAAUH,UA4CvB0Y,CAAW9U,EAASI,GACpByM,EACAkK,GAAoBC,GACnBtX,gBAACwQ,IACCtQ,MAAO+W,GAAe3W,GACtB2N,aACAqH,QAASgC,EACTjM,MAAO,CAAEvM,gBAAiB4B,EAAMlI,WAAWQ,WAC3CoH,KAAM0P,mBAAWrT,OAEhB4a,IAKN3C,GACC1U,gBAAC+W,QACC/W,gBAACgU,IACCI,aAAc9T,eAEZoG,GAAkCiH,EAAKnL,MAAMC,iBAE/CuO,KAAMhR,gBAACqV,aAAUjV,KAAMM,EAAM7D,UAAUJ,QACvCwR,aACAqH,QAAST,EACTnU,MAAOA,EACPJ,QAASoP,sBAAcE,8DEtL/B2H,GAAajK,EAAO,KAAM,CAC9B2G,kBAAmBE,GADF7G,6KAKJ,SAAA9M,UAASA,EAAME,MAAM5L,UAAUK,OAAOH,YACjC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUK,OAAOF,iBACzC,SAAAuL,UAASA,EAAME,MAAM5L,UAAUK,OAAOD,cAM1CsiB,GAAaxX,cACxB,SAACQ,EAAOuJ,OAEU3F,EAKZ5D,EALF,cACA2M,EAIE3M,EAJF2M,SACWsK,EAGTjX,EAHFyN,UACAR,EAEEjN,EAFFiN,OACGC,IACDlN,MAEEE,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GACxBkF,EAAY+B,GAAayH,UAG7BzX,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,uCACM0N,gBACQtJ,GAAwBuJ,EAAKjL,WAAWC,2BACvC8K,IAEbzN,gBAACuX,IAAWtJ,UAAWA,EAAWlE,IAAKA,EAAKrJ,MAAOA,GAChDyM,iDCtBPuK,GAAa,SAAAlX,UAASuN,eACjBvN,EAAMyN,UACXzN,EAAME,MAAM3K,OAAOE,eACnBuK,EAAME,MAAM3K,OAAOC,8EAKVwK,EAAMyN,UACXzN,EAAME,MAAM3K,OAAOE,eACnBuK,EAAME,MAAM3K,OAAOM,6CAInBmK,EAAMyN,UACJzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,iCAMzByhB,kDACFD,OAGSE,GAAY5X,cACvB,SAACQ,EAAOuJ,OACEoD,EAA4C3M,EAA5C2M,SAAU0K,EAAkCrX,EAAlCqX,GAAIC,EAA8BtX,EAA9BsX,SAAUrK,EAAoBjN,EAApBiN,OAE1BC,EAAQlE,EAAK,CAAC,cAAe,eAAgB,UAFChJ,OAG9CE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAaxP,EAAMyN,cAEb,mBAAbd,EAAyB,KAC5B4K,EACS,WAAbD,EACIhK,OAAkBtN,GAAOE,MAAAA,KACzBgX,QAAgBlX,GAAOE,MAAAA,YAG3BV,gBAACgY,mBACE,gBACOC,GAAYC,IADhBnK,KAC4BgK,UACtB5K,EAAgD,CACtD0K,GAAAA,EACAI,UAAAA,EACAhK,UAAAA,WAMFkK,EAAqBjJ,EAAiBkJ,cAAc,4DAKxDpY,gBAHa,WAAb8X,EAAwBK,EAAqBR,oBAIvCjK,GACJ3D,IAAKA,gBACQ0D,EACb4K,KAAMR,EACN5J,UAAWA,EACXvN,MAAOA,IAENyM,oCC3ELmL,GAAahL,EAAOiL,2FAOpBhC,GAAajJ,EAAOC,4EACf,SAAA/M,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOsB,aAGX,SAAAmJ,UAASA,EAAME,MAAMlI,WAAWE,aAInC8f,GAAiBxY,cAG5B,SAACQ,EAAOuJ,OACAoD,EAAmC3M,EAAnC2M,SAAU0K,EAAyBrX,EAAzBqX,GAAIpK,EAAqBjN,EAArBiN,OAAWC,IAAUlN,MACrCE,EAAQV,aAAiBD,GACzBkO,EAAY+B,YAGhBhQ,gBAACsY,oBAAe5K,iBAAoBD,EAAQ1D,IAAKA,IAC9C8N,EACC7X,gCACEA,gBAAC4X,IAAUC,GAAIA,EAAI5J,UAAWA,GAC3Bd,GAEHnN,gBAACuW,IAAWtI,UAAWA,EAAWvN,MAAOA,GACvCV,gBAACyY,oBAAiBrY,KAAMM,EAAM7D,UAAUJ,UAI5CuD,gBAACuW,mBAAwB,OAAOtI,UAAWA,EAAWvN,MAAOA,GAC1DyM,qEHtCCgK,GAAAA,sCAAAA,uDAEVA,eACAA,mBACAA,4BAGF,IIvBYuB,GJuBNC,8DACO,SAAAnY,UAASA,EAAMoY,qCAEL,SAAApY,UAASA,EAAMqY,mDAIf,SAAArY,UAASA,EAAM5B,iCAKzBka,GAAmB9Y,cAG9B,SAACQ,EAAOuJ,OAENoD,EAME3M,EANF2M,WAME3M,EALFoY,YAAAA,aAAczB,oCAA4B4B,QAC1CF,EAIErY,EAJFqY,SACAja,EAGE4B,EAHF5B,SACA6O,EAEEjN,EAFFiN,OACGC,IACDlN,aAGFR,gBAAC2Y,oBACKjL,iBACSD,EACbmL,YAAaA,EACbha,SAAUA,EACVia,SAAUA,EACV9O,IAAKA,IAEJoD,0EInBP,SAAS6L,GACPC,EACAC,EACAC,OAEMC,EAAQC,OAAOC,KAAKJ,UAQnBA,EANUE,EAAMG,MAAMH,EAAMI,QAAQP,GAAc,GAE/BQ,MAAK,SAAAC,UAC7BP,EAAmBvM,SAAS8M,QAhDpBhB,GAAAA,+BAAAA,0CAEVA,iBACAA,mBACAA,iBACAA,kBC6BUiB,GAMAC,6CANAD,GAAAA,wBAAAA,2CAEVA,eACAA,kBAGUC,GAAAA,0BAAAA,6CAEVA,qBACAA,qBACAA,qBA+BF,UC5DYC,GAOAC,GAMAC,GD+CNC,GAAa1M,EAAOgG,iSACV,SAAA9S,UACZA,EAAMyZ,WACFzZ,EAAMyZ,WACNzZ,EAAMyN,UACNzN,EAAME,MAAM3K,OAAOK,WACnBoK,EAAME,MAAM3K,OAAO2B,aAErB,SAAA8I,UACAA,EAAMyZ,WAAazZ,EAAMyZ,WAAazZ,EAAME,MAAM3K,OAAOyB,aAC5C,SAAAgJ,UAASA,EAAME,MAAM/G,gBACxB,SAAA6G,UACZA,EAAM0Z,cAAgB,+BAAiC,WAChD,SAAA1Z,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,WAIT,SAAAqJ,UACdA,EAAM2Z,YAAc3Z,EAAME,MAAMlI,WAAWE,UAAY,OAE3C,SAAA8H,UAASA,EAAM4Z,SACpB,SAAA5Z,UAASA,EAAM9B,SAEtB,SAAA8B,UACAA,EAAM2Z,aACNpM,sCAvDFvN,MAEIA,EAAMyN,iBACAzN,EAAM2Z,iBACP,gBACI3Z,EAAME,MAAM3K,OAAOmB,kBACvB,iBACIsJ,EAAME,MAAM3K,OAAOiB,mBACvB,iBACIwJ,EAAME,MAAM3K,OAAOY,qBAEnB6J,EAAME,MAAM3K,OAAOQ,oBAIxBiK,EAAM2Z,iBACP,gBACI3Z,EAAME,MAAM3K,OAAOkB,WACvB,iBACIuJ,EAAME,MAAM3K,OAAOe,YACvB,iBACI0J,EAAME,MAAM3K,OAAOY,qBAEnB6J,EAAME,MAAM3K,OAAOC,SAkCVqkB,CAAuB7Z,qBACpBA,EAAME,MAAM/G,qBACzB6G,EAAME,MAAM/G,qFAMP6G,EAAME,MAAMlI,WAAWE,qCAS3B4hB,GAActa,gBAA6C,CACtEiO,WAAW,IAGAsM,GAAOva,cAClB,SAACQ,EAAOuJ,OACEqQ,EAA6C5Z,EAA7C4Z,MAAOjN,EAAsC3M,EAAtC2M,SAAUM,EAA4BjN,EAA5BiN,OAAQ/O,EAAoB8B,EAApB9B,MAAUgP,IAAUlN,MAE/CyN,EAAY+B,GAAaxP,EAAMyN,WAE/BvN,EAAQV,aAAiBD,UAS7BC,gBAACga,oBACKtM,GACJ0M,MAAOA,GAAgBT,sBAAcxe,mBACxBsS,EACbQ,UAAWA,EACXlE,IAAKA,EACLrJ,MAAOA,EACPhC,MAdgBA,EACC,iBAAVA,EACFA,OACHA,EACF,SAYAsB,gBAACsa,GAAYnF,UACXrL,MAAO,CACLmE,UAAAA,IAGDd,gCElJLqN,GAAiBlN,EAAOgG,sHACjB,SAAA9S,UAASA,EAAME,MAAMlI,WAAWK,aAC7B,SAAA2H,UAASA,EAAM4Z,SAER,SAAA5Z,UAASA,EAAME,MAAMnE,YAAYE,SACzC,SAAA+D,UAASA,EAAME,MAAMlI,WAAWM,aAIlC2hB,GAAWza,cACtB,SAACQ,EAAOuJ,OACEoD,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,MACjCE,EAAQV,aAAiBD,UAG7BC,gBAACwa,oBAAmB9M,iBAAoBD,EAAQ1D,IAAKA,EAAKrJ,MAAOA,IAC9DyM,ODVG0M,GAAAA,0BAAAA,6CAEVA,qBACAA,qBACAA,sBAGUC,GAAAA,mCAAAA,wDAEVA,2BACAA,0BAGUC,GAAAA,gCAAAA,iEAEVA,+BACAA,iCACAA,+BACAA,iCACAA,mCACAA,yBACAA,2BACAA,yBACAA,2BAcK,OAAMW,GAAc,SAAAla,UAASuN,eACzBvN,EAAMyN,UACXzN,EAAME,MAAM3K,OAAO2B,UACM,eAAzB8I,EAAMma,eACNna,EAAME,MAAM3K,OAAOM,aACnBmK,EAAME,MAAM3K,OAAOoB,YAErBqJ,EAAMN,QAAU2Z,wBAAgB5iB,SACjCuJ,EAAMyN,WACPF,eACWvN,EAAME,MAAM3K,OAAOkB,gBAG5BuJ,EAAMN,QAAU2Z,wBAAgB/iB,UACjC0J,EAAMyN,WACPF,eACWvN,EAAME,MAAM3K,OAAOe,iBAG9B0J,EAAMN,QAAU2Z,wBAAgBe,UAC/Bpa,EAAMyN,WACPF,eACWvN,EAAME,MAAM3K,OAAOsB,mBAG5BmJ,EAAMN,QAAU2Z,wBAAgB5iB,QAClCuJ,EAAMyN,WACNF,eACWvN,EAAME,MAAM3K,OAAOmB,uBAG5BsJ,EAAMN,QAAU2Z,wBAAgB/iB,SAClC0J,EAAMyN,WACNF,eACWvN,EAAME,MAAM3K,OAAOiB,wBAG9BwJ,EAAMN,QAAU2Z,wBAAgBe,SAChCpa,EAAMyN,WACNF,eACWvN,EAAME,MAAM3K,OAAOI,uBAI1B0kB,GAAsB,SAAAra,UAASuN,MACjC2M,GAAYla,4BAxDkBA,UACxBA,EAAMma,qBACPb,iCAAyBgB,kBACrBta,EAAME,MAAMjH,wBAChBqgB,iCAAyBiB,iBACrBva,EAAME,MAAMhH,iCAEZ8G,EAAME,MAAMlH,UAkDRwhB,CAAkBxa,4BAqG7Bya,GAAoB,SAAAza,UAASuN,yDAXnC,SAA8BvN,UACpBA,EAAMma,qBACPb,iCAAyBgB,kBACrBta,EAAME,MAAM7G,2BAChBigB,iCAAyBiB,iBACrBva,EAAME,MAAM5G,oCAEZ0G,EAAME,MAAM9G,aAMRshB,CAAqB1a,kDAK9BA,EAAMyN,UACJzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,mDAKzBwkB,GAAYla,QAsDH2a,GAAqB,SAAA3a,UAASuN,MACvCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBK,aAAaH,OAAOlI,yBACrDwL,EAAME,MAAM1D,uBAAuBK,aAAaD,2BAChDoD,EAAME,MAAM1D,uBAAuBK,aAAaH,OAC5DhI,sBACOsL,EAAM4a,UACZ,EACG5a,EAAME,MAAMlI,WAAWU,gBAAesH,EAAME,MAAMlI,WAAWK,gCAE/C2H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBK,aAAaF,QAC1DnI,yBACYwL,EAAME,MAAM1D,uBAAuBK,aAAaF,QAC5DjI,gBAGsB,eAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCT,aACvDH,OAAOlI,yBACKwL,EAAME,MAAM5C,iCAAiCT,aACzDD,2BACYoD,EAAME,MAAM5C,iCAAiCT,aACzDH,OAAOhI,iCAEWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCT,aACvDF,QAAQnI,yBACIwL,EAAME,MAAM5C,iCAAiCT,aACzDF,QAAQjI,qBAIY,cAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCV,aAAaH,OACnElI,yBACYwL,EAAME,MAAM3C,gCAAgCV,aACxDD,2BACYoD,EAAME,MAAM3C,gCAAgCV,aACxDH,OAAOhI,iCACWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCV,aACtDF,QAAQnI,yBACIwL,EAAME,MAAM3C,gCAAgCV,aACxDF,QAAQjI,uBAgQJmmB,GAAsB/N,EAAOgO,6BACtC,SAAA9a,UA5BJ,SAA6BA,UACnBA,EAAM+a,kBACPxB,8BAAsB9c,qBAzUI,SAAAuD,UAASuN,MACxCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBC,cAAcC,OAC3DlI,yBACYwL,EAAME,MAAM1D,uBAAuBC,cAAcG,2BACjDoD,EAAME,MAAM1D,uBAAuBC,cAAcC,OAC7DhI,sBACOsL,EAAM4a,UAAY,SAAW5a,EAAME,MAAMlI,WAAWK,gCAEzC2H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBC,cAAcE,QAC3DnI,yBACYwL,EAAME,MAAM1D,uBAAuBC,cAAcE,QAC7DjI,gBAGsB,eAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCb,cACvDC,OAAOlI,yBACKwL,EAAME,MAAM5C,iCAAiCb,cACzDG,2BACYoD,EAAME,MAAM5C,iCAAiCb,cACzDC,OAAOhI,iCAEWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCb,cACvDE,QAAQnI,yBACIwL,EAAME,MAAM5C,iCAAiCb,cACzDE,QAAQjI,qBAIY,cAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCd,cACtDC,OAAOlI,yBACKwL,EAAME,MAAM3C,gCAAgCd,cACxDG,2BACYoD,EAAME,MAAM3C,gCAAgCd,cACxDC,OAAOhI,iCACWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCd,cACtDE,QAAQnI,yBACIwL,EAAME,MAAM3C,gCAAgCd,cACxDE,QAAQjI,sBA4RJsmB,CAAoBhb,QACxBuZ,8BAAsB1c,oBAClB8d,GAAmB3a,QACvBuZ,8BAAsBzc,qBAtOI,SAAAkD,UAASuN,MACxCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBM,cAAcJ,OAC3DlI,yBACYwL,EAAME,MAAM1D,uBAAuBM,cAAcF,2BACjDoD,EAAME,MAAM1D,uBAAuBM,cAAcJ,OAC7DhI,sBACOsL,EAAM4a,UACZ,EACG5a,EAAME,MAAMlI,WAAWS,gBAAeuH,EAAME,MAAMlI,WAAWK,gCAE/C2H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBM,cAAcH,QAC3DnI,yBACYwL,EAAME,MAAM1D,uBAAuBM,cAAcH,QAC7DjI,gBAGsB,eAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCR,cACvDJ,OAAOlI,yBACKwL,EAAME,MAAM5C,iCAAiCR,cACzDF,2BACYoD,EAAME,MAAM5C,iCAAiCR,cACzDJ,OAAOhI,iCAEWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCR,cACvDH,QAAQnI,yBACIwL,EAAME,MAAM5C,iCAAiCR,cACzDH,QAAQjI,qBAIY,cAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCT,cACtDJ,OAAOlI,yBACKwL,EAAME,MAAM3C,gCAAgCT,cACxDF,2BACYoD,EAAME,MAAM3C,gCAAgCT,cACxDJ,OAAOhI,iCACWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCT,cACtDH,QAAQnI,yBACIwL,EAAME,MAAM3C,gCAAgCT,cACxDH,QAAQjI,sBAuLJumB,CAAoBjb,QACxBuZ,8BAAsBxc,oBAnLG,SAAAiD,UAASuN,MACvCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBO,aAAaL,OAAOlI,yBACrDwL,EAAME,MAAM1D,uBAAuBO,aAAaH,2BAChDoD,EAAME,MAAM1D,uBAAuBO,aAAaL,OAC5DhI,sBACOsL,EAAM4a,UACZ,EACG5a,EAAME,MAAMlI,WAAWQ,gBAAewH,EAAME,MAAMlI,WAAWK,gCAE/C2H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBO,aAAaJ,QAC1DnI,yBACYwL,EAAME,MAAM1D,uBAAuBO,aAAaJ,QAC5DjI,gBAEsB,eAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCP,aACvDL,OAAOlI,yBACKwL,EAAME,MAAM5C,iCAAiCP,aACzDH,2BACYoD,EAAME,MAAM5C,iCAAiCP,aACzDL,OAAOhI,iCAEWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCP,aACvDJ,QAAQnI,yBACIwL,EAAME,MAAM5C,iCAAiCP,aACzDJ,QAAQjI,qBAIY,cAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCR,aAAaL,OACnElI,yBACYwL,EAAME,MAAM3C,gCAAgCR,aACxDH,2BACYoD,EAAME,MAAM3C,gCAAgCR,aACxDL,OAAOhI,iCACWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCR,aACtDJ,QAAQnI,yBACIwL,EAAME,MAAM3C,gCAAgCR,aACxDJ,QAAQjI,sBAsIJwmB,CAAmBlb,QACvBuZ,8BAAsBvc,qBAlII,SAAAgD,UAASuN,MACxCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBQ,cAAcN,OAC3DlI,yBACYwL,EAAME,MAAM1D,uBAAuBQ,cAAcJ,2BACjDoD,EAAME,MAAM1D,uBAAuBQ,cAAcN,OAC7DhI,sBACOsL,EAAM4a,UACZ,EACG5a,EAAME,MAAMlI,WAAWM,gBAAe0H,EAAME,MAAMlI,WAAWK,gCAE/C2H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBQ,cAAcL,QAC3DnI,yBACYwL,EAAME,MAAM1D,uBAAuBQ,cAAcL,QAC7DjI,gBAGsB,eAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCN,cACvDN,OAAOlI,yBACKwL,EAAME,MAAM5C,iCAAiCN,cACzDJ,2BACYoD,EAAME,MAAM5C,iCAAiCN,cACzDN,OAAOhI,iCAEWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCN,cACvDL,QAAQnI,yBACIwL,EAAME,MAAM5C,iCAAiCN,cACzDL,QAAQjI,qBAIY,cAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCP,cACtDN,OAAOlI,yBACKwL,EAAME,MAAM3C,gCAAgCP,cACxDJ,2BACYoD,EAAME,MAAM3C,gCAAgCP,cACxDN,OAAOhI,iCACWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCP,cACtDL,QAAQnI,yBACIwL,EAAME,MAAM3C,gCAAgCP,cACxDL,QAAQjI,sBAmFJymB,CAAoBnb,QACxBuZ,8BAAsBtc,sBA/EK,SAAA+C,UAASuN,MACzCkN,GAAkBza,iBAEPA,EAAME,MAAM1D,uBAAuBS,eAAeP,OAC5DlI,yBACYwL,EAAME,MAAM1D,uBAAuBS,eAAeL,8BAC/CoD,EAAME,MAAM1D,uBAAuBS,eAAeP,OACjEjI,8BACYuL,EAAME,MAAM1D,uBAAuBS,eAAeP,OAC9DhI,+CAEOsL,EAAM4a,UACZ,EACG5a,EAAME,MAAMlI,WAAWM,gBAAe0H,EAAME,MAAMlI,WAAWG,gCAE/C6H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBS,eAAeN,QAC5DnI,4BACewL,EAAME,MAAM1D,uBAAuBS,eAAeN,QACjElI,8BACYuL,EAAME,MAAM1D,uBAAuBS,eAAeN,QAC9DjI,gBAGsB,eAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM5C,iCAAiCL,eACvDP,OAAOlI,yBACKwL,EAAME,MAAM5C,iCAAiCL,eACzDL,8BACeoD,EAAME,MAAM5C,iCAC3BL,eAAeP,OAAOjI,8BACVuL,EAAME,MAAM5C,iCAAiCL,eACzDP,OAAOhI,qDAGWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCL,eACvDN,QAAQnI,4BACOwL,EAAME,MAAM5C,iCAC3BL,eAAeN,QAAQlI,8BACXuL,EAAME,MAAM5C,iCAAiCL,eACzDN,QAAQjI,qBAIY,cAAzBsL,EAAMma,gBACR5M,mBACevN,EAAME,MAAM3C,gCAAgCN,eACtDP,OAAOlI,yBACKwL,EAAME,MAAM3C,gCAAgCN,eACxDL,8BACeoD,EAAME,MAAM3C,gCAAgCN,eAC3DP,OAAOjI,8BACKuL,EAAME,MAAM3C,gCAAgCN,eACxDP,OAAOhI,iCACWsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM3C,gCAAgCN,eACtDN,QAAQnI,4BACOwL,EAAME,MAAM3C,gCAC3BN,eAAeN,QAAQlI,8BACXuL,EAAME,MAAM3C,gCAAgCN,eACxDN,QAAQjI,sBAkBJ0mB,CAAqBpb,QACzBuZ,8BAAsBrc,iBAvcK,SAAA8C,UAASuN,MACzC8M,GAAoBra,cAEZA,EAAM4a,UAAY,IAAS5a,EAAME,MAAMlI,WAAWM,6BAE/C0H,EAAME,MAAM1D,uBAAuBU,UAAUR,OAAOlI,yBAClDwL,EAAME,MAAM1D,uBAAuBU,UAAUR,OACzDhI,iCAEkBsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBU,UAAUP,QAAQnI,yBACnDwL,EAAME,MAAM1D,uBAAuBU,UAAUP,QACzDjI,gBAGHsL,EAAMma,iBAAmBb,iCAAyBgB,YACpD/M,mBACevN,EAAME,MAAM5C,iCAAiCJ,UAAUR,OACjElI,yBACYwL,EAAME,MAAM5C,iCAAiCJ,UAAUR,OACnEhI,iCAEkBsL,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM5C,iCAAiCJ,UACvDP,QAAQnI,yBACIwL,EAAME,MAAM5C,iCAAiCJ,UACzDP,QAAQjI,sBA8aJ2mB,CAAqBrb,QACzBuZ,8BAAsBpc,kBA1aM,SAAA6C,UAASuN,MAC1C8M,GAAoBra,iBAETA,EAAME,MAAM1D,uBAAuBW,WAAWT,OAAOlI,yBACnDwL,EAAME,MAAM1D,uBAAuBW,WAAWT,OAC1DhI,sBACOsL,EAAM4a,UAAY,IAAS5a,EAAME,MAAMlI,WAAWM,qCAEvC0H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBW,WAAWR,QACxDnI,yBACYwL,EAAME,MAAM1D,uBAAuBW,WAAWR,QAC1DjI,iBA+ZM4mB,CAAsBtb,QAC1BuZ,8BAAsBnc,iBA5ZK,SAAA4C,UAASuN,MACzC8M,GAAoBra,iBAETA,EAAME,MAAM1D,uBAAuBY,UAAUV,OAAOlI,4BAC/CwL,EAAME,MAAM1D,uBAAuBY,UAAUV,OAC5DjI,8BACYuL,EAAME,MAAM1D,uBAAuBY,UAAUV,OACzDhI,sBACOsL,EAAM4a,UAAY,IAAS5a,EAAME,MAAMlI,WAAWK,qCAEvC2H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBY,UAAUT,QAAQnI,4BAChDwL,EAAME,MAAM1D,uBAAuBY,UAAUT,QAC5DlI,8BACYuL,EAAME,MAAM1D,uBAAuBY,UAAUT,QACzDjI,iBA8YM6mB,CAAqBvb,QACzBuZ,8BAAsBlc,kBA3YM,SAAA2C,UAASuN,MAC1C8M,GAAoBra,iBAETA,EAAME,MAAM1D,uBAAuBa,WAAWX,OAAOlI,4BAChDwL,EAAME,MAAM1D,uBAAuBa,WAAWX,OAC7DjI,8BACYuL,EAAME,MAAM1D,uBAAuBa,WAAWX,OAC1DhI,sBACOsL,EAAM4a,UAAY,IAAS5a,EAAME,MAAMlI,WAAWG,qCAEvC6H,EAAME,MAAMnE,YAAYE,uBAC9B+D,EAAME,MAAM1D,uBAAuBa,WAAWV,QACxDnI,4BACewL,EAAME,MAAM1D,uBAAuBa,WAAWV,QAC7DlI,8BACYuL,EAAME,MAAM1D,uBAAuBa,WAAWV,QAC1DjI,iBA4XM8mB,CAAsBxb,kBAEtB2a,GAAmB3a,IAKnByb,CAAoBzb,qDE1hBpB0b,GAAUlc,cACrB,SAACQ,EAAOuJ,OACEoS,EAAmD3b,EAAnD2b,MAAO1O,EAA4CjN,EAA5CiN,OAAQ8N,EAAoC/a,EAApC+a,YAAapO,EAAuB3M,EAAvB2M,SAAaO,IAAUlN,MACrDE,EAAQV,aAAiBD,GAEzBqc,EAAkB,GACnBrC,8BAAsB9c,gBACtB8c,8BAAsB1c,eACtB0c,8BAAsBzc,gBACtByc,8BAAsBxc,eACtBwc,8BAAsBvc,gBACtBuc,8BAAsBtc,uBAMzBuC,gBAACqb,oBACK3N,GACJ2O,OALuBF,gBAMV1O,EACbQ,UAAW+B,GAAaxP,EAAMyN,WAC9BlE,IAAKA,EACLwR,YAAaA,GAA4Ba,EAAgBD,GACzDzb,MAAOA,IAENyM,qCC3CHmP,GAAoBhP,EAAO4O,GAAP5O,uCAIbiP,GAAcvc,cAGzB,SAACQ,EAAOuJ,OACAyS,EAAqChc,EAArCgc,aAAcrP,EAAuB3M,EAAvB2M,SAAaO,IAAUlN,MAEvCgK,EAAUxK,aAAiBsa,WAG/Bta,gBAACsc,oBACK5O,GACJxN,MAAO2Z,gCACP5L,UAAWzD,EAAQyD,UACnBkO,MAAOK,GAA8B,EACrCzS,IAAKA,EACL0D,OAAQjN,EAAMiN,OACd8N,YAAaxB,8BAAsBxc,eAElC4P,MCxCMsP,GAAqB,SAAAjc,UAASuN,gDAG/BvN,EAAME,MAAMlI,WAAWM,wGAKxB0H,EAAME,MAAMlI,WAAWM,8FAYpB0H,EAAME,MAAMlI,WAAWS,oBACxBuH,EAAME,MAAMlI,WAAWG,yCAGxB6H,EAAME,MAAMlI,WAAWG,4EAGtB6H,EAAME,MAAMlI,WAAWS,2CAIvByjB,uJAMGC,GAAkCnc,UACzCA,EAAMyN,UACTzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAMN,MACNM,EAAMN,MACNM,EAAME,MAAM3K,OAAOC,iBAaT4mB,GAA6Bpc,UACpCuN,qEAKDvN,EAAMyN,UACJzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,WC/DtB,mBCUK2mB,GAKAC,GASAC,GDxBCC,mYCUDH,GAAAA,oBAAAA,qCAEVA,oBAGUC,GAAAA,oBAAAA,qCAEVA,eACAA,mBACAA,uBACAA,mBACAA,gBAGUC,GAAAA,4BAAAA,yCAEVA,eACAA,iBAoFK,IAAME,GAAqB,SAACzc,UAAmCuN,+EAK3DvN,EAAM9B,OAAS,4BACJ8B,EAAME,MAAM3K,OAAO2B,4BACtB8I,EAAME,MAAM/G,kCAEzB6G,EAAMyN,UACJzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOsB,gDAInBmJ,EAAMyN,UACJzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,8BAIzBsK,EAAM0c,UACRnP,sBACkBvN,EAAME,MAAM3K,OAAOkB,gCAE/BuJ,EAAMyN,UACJzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOkB,gBAGzBuJ,EAAMwN,UACRD,sBACkBvN,EAAME,MAAM3K,OAAOwB,+BACfiJ,EAAMwN,SACtBxN,EAAME,MAAM3K,OAAO0B,UACnB+I,EAAME,MAAM3K,OAAO2B,iCAGb8I,EAAMyQ,eAAiB8L,0BAAkB9hB,IAC/C,OACA,oBACKuF,EAAMyQ,eAAiB8L,0BAAkB9hB,IAAM,OAAS,iBAaxDkiB,GAAkB,SAAC3c,UAAgCuN,gCAE7CvN,EAAME,MAAM/G,4BACf6G,EAAME,MAAM3K,OAAO2B,oBACxB8I,EAAME,MAAM3K,OAAOoB,oCAEfqJ,EAAME,MAAM5L,UAAUM,OAAOJ,yBAC3BwL,EAAME,MAAM5L,UAAUM,OAAOF,2BAC7BsL,EAAME,MAAMlH,oBACjBgH,EAAME,MAAMlI,WAAWS,sBACtBuH,EAAME,MAAMlI,WAAWG,iDAIT,SAAvB6H,EAAMyQ,cACRlD,sBACkBvN,EAAME,MAAMlI,WAAWS,mBAGhB,UAAvBuH,EAAMyQ,cACRlD,uBACmBvN,EAAME,MAAMlI,WAAWS,mBAGpB,UAApBuH,EAAM4c,WACRrP,mBACevN,EAAME,MAAM5L,UAAUO,OAAOL,yBAC3BwL,EAAME,MAAM5L,UAAUO,OAAOH,sBAClCsL,EAAME,MAAMlI,WAAWW,sBACtBqH,EAAME,MAAMlI,WAAWI,mBAGT,SAAvB4H,EAAMyQ,cACU,UAApBzQ,EAAM4c,WACNrP,sBACkBvN,EAAME,MAAMlI,WAAWU,mBAGZ,UAAvBsH,EAAMyQ,cACQ,UAApBzQ,EAAM4c,WACNrP,uBACmBvN,EAAME,MAAMlI,WAAWU,wCAI/BsH,EAAME,MAAM3K,OAAOsB,+MAiB5BmJ,EAAMwN,UACRD,oBACgBvN,EAAME,MAAM3K,OAAO0B,oBACxB+I,EAAME,MAAM3K,OAAO4B,yDAIjB6I,EAAME,MAAM3K,OAAO4B,wBAKrB0lB,GAAe/P,EAAOgG,8BAC/B2J,IAGEK,GAAchQ,EAAO3H,gCACvBwX,IAGEvJ,GAActG,EAAOC,kIAOf,SAAA/M,SAAiC,QAAvBA,EAAMyQ,aAAyB,OAAS,aACnD,SAAAzQ,UAASA,EAAME,MAAM3K,OAAOoB,WAC7B,SAAAqJ,SACiB,SAAvBA,EAAMyQ,aAA0BzQ,EAAME,MAAMlI,WAAWG,UAAY,UAC5D,SAAA6H,SACgB,UAAvBA,EAAMyQ,aACFzQ,EAAME,MAAMlI,WAAWG,UACA,QAAvB6H,EAAMyQ,aACN,MACA,UAEC,SAAAzQ,SACkB,QAAvBA,EAAMyQ,aACF,UACA,SAAAzQ,UAASA,EAAME,MAAMlI,WAAWG,cAEpC,SAAA6H,SACoB,UAApBA,EAAM4c,WACNrP,gBACmC,QAAvBvN,EAAMyQ,aAAyB,OAAS,mBACnB,SAAvBzQ,EAAMyQ,aACVzQ,EAAME,MAAMlI,WAAWI,UACvB,iBAC4B,UAAvB4H,EAAMyQ,aACXzQ,EAAME,MAAMlI,WAAWI,UACA,QAAvB4H,EAAMyQ,aACN,MACA,eAC0B,QAAvBzQ,EAAMyQ,aACT,UACAzQ,EAAME,MAAMlI,WAAWI,qCAI3B2kB,GAAsBjQ,EAAOC,2LAOb,gBAAa7M,IAAAA,eAAVsN,SACVtN,EAAM3K,OAAO0B,UAAYiJ,EAAM3K,OAAO2B,aACzC,SAAA8I,SAAiC,QAAvBA,EAAMyQ,aAAyB,OAAS,aAInD,SAAAzQ,UACPA,EAAMJ,OAASyc,kBAAUlgB,MACrB6D,EAAME,MAAMlI,WAAWE,UACvB8H,EAAME,MAAMlI,WAAWC,aAGjB,SAAA+H,UACRA,EAAMJ,OAASyc,kBAAUlgB,MAClB6D,EAAME,MAAM7D,UAAUF,WACtB6D,EAAME,MAAM7D,UAAUH,eACtB,SAAA8D,UACPA,EAAMJ,OAASyc,kBAAUlgB,MAClB6D,EAAME,MAAM7D,UAAUF,WACtB6D,EAAME,MAAM7D,UAAUH,eAI7B8gB,GAAuBlQ,EAAOC,yFAMd,gBAAa7M,IAAAA,eAAVsN,SACVtN,EAAM3K,OAAO0B,UAAYiJ,EAAM3K,OAAO2B,aAE1C,SAAA8I,UACPA,EAAMJ,OAASyc,kBAAUlgB,MACrB6D,EAAME,MAAMlI,WAAWE,UACvB8H,EAAME,MAAMlI,WAAWC,aAG/B,SAASoY,GAAYzQ,EAAcM,UACzBN,OACD,eACIM,EAAM7D,UAAUF,qBAEhB+D,EAAM7D,UAAUH,QAI7B,aClVY+gB,GDkVCC,GAAY1d,cACvB,SAACQ,EAAOmd,OAEJxQ,EAkBE3M,EAlBF2M,SACAyQ,EAiBEpd,EAjBFod,eACA9Q,EAgBEtM,EAfFwN,SACAkP,EAcE1c,EAdF0c,SACAlM,EAaExQ,EAbFwQ,KACAnL,EAYErF,EAZFqF,cACAgY,EAWErd,EAXFqd,QACAC,EAUEtd,EAVFsd,YACAC,EASEvd,EATFud,aACAC,EAQExd,EARFwd,QACAC,EAOEzd,EAPFyd,YACAC,EAME1d,EANF0d,cACAd,EAKE5c,EALF4c,UACAe,EAIE3d,EAJF2d,WACA1Q,EAGEjN,EAHFiN,OACA5S,EAEE2F,EAFF3F,KACG6S,IACDlN,MAEEmN,EAAO3N,aAAiB+I,GAExBrI,EAAQV,aAAiBD,GACzBkR,EACJD,GAAQiN,EACJlB,0BAAkB7hB,MAClB8V,IAASxQ,EAAMyQ,aACf8L,0BAAkB5hB,KAClBqF,EAAMyQ,eAEcjR,WAExBQ,EAAMsM,cAAgBtM,EAAMsJ,OAAS,IAFhCA,OAAOsU,OAIdpe,aAAgB,WACVQ,MAAAA,EAAMsJ,OACRsU,EAAS5d,EAAMsJ,SAEhB,CAACtJ,EAAMsJ,YAEJuU,EAAWre,WACX+J,EAAMsC,EAAasR,EAAcU,UAiBrCre,gBAACqd,IACCrP,SAAUA,EACViD,aAAcA,EACdhD,UAAWzN,EAAMyN,UACjBvN,MAAOA,EACP2K,MAAOuS,EACPV,SAAUA,EACVY,YAAaA,GAEb9d,gBAACsd,oBACK5P,kBACUwP,EACdlP,SAAUA,gBACGP,EACbwD,aAAcA,EACdmM,UAAWA,GAAwBP,kBAAUngB,OAC7CuR,UAAW+B,GAAaxP,EAAMyN,WAC9B8P,aAAcA,EACdhU,IAAKA,EACLuU,kBA5BgBC,GACpB/d,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASC,GAEjBH,EAASG,EAAMC,OAAO1U,QAwBlBuB,MAAO8S,EACPzd,MAAOA,EACP7F,KAAMA,GAAciiB,kBAAU2B,KAC9B3U,MAAOA,KAERgU,GAAehU,GACd9J,gBAACwd,IAAqB9c,MAAOA,EAAOsN,SAAUA,GAC5ChO,gBAAC+Q,iBACapD,EAAKhI,MAAMO,qBACvB8H,SAAUA,EACVgD,KAAMhR,gBAAC0e,kBACPzQ,WAAW,EACXqH,mBA9CR0I,GAA8B,mBAAZA,GAA0BA,IAC5CI,EAAS,IACTC,EAASpU,QAAQ/T,SA6CTyoB,UAAWT,EACXnU,IAAK8T,EACL1d,MAAOkQ,oBAAYiB,KACnBlR,KACEgd,IAAcP,kBAAUlgB,MACpBmT,mBAAWpT,OACXoT,mBAAWrT,MAEjBgR,OAAO,eACP5S,KAAM0U,mBAAWC,OACjBlP,QAASoP,sBAAcE,QAK5BoB,IAASiN,GACRje,gBAAC4T,iBACa/N,EACZoL,aAAcA,EACdmM,UAAWA,GAAwBP,kBAAUngB,OAC7CqhB,aAAcA,EACdrd,MAAOA,EACPsN,SAAUA,GAEThO,WAAeqR,KACdrR,eAAmBgR,EAAM,CACvB5Q,KAAMyQ,GACJuM,GAAwBP,kBAAUngB,OAClCgE,OAOTud,GACCje,gBAACud,IACCtM,aAAcA,EACd7Q,KACEgd,IAAcP,kBAAUlgB,MAAQkgB,kBAAUlgB,MAAQkgB,kBAAUngB,OAE9DgE,MAAOA,EACPsN,SAAUA,GAEVhO,gBAAC+Q,iBACalL,EACZmL,KAAMA,EACN/C,WAAW,EACXqH,QAAS2I,EACTU,UAAWT,EACXnU,IAAK8T,EACL7P,SAAUA,EACV7N,MAAOkQ,oBAAYiB,KACnBlR,KACEgd,IAAcP,kBAAUlgB,MACpBmT,mBAAWpT,OACXoT,mBAAWrT,MAEjB5B,KAAM0U,mBAAWC,OACjBlP,QAASoP,sBAAcE,QAK5BzC,kDE/dHyR,GAAUtR,EAAOgG,iNAEJ,SAAA9S,UAASA,EAAME,MAAM/G,gBAC7B,SAAA6G,UAXX,SAA2BA,OACN0c,EAAoB1c,EAApB0c,SAAUxc,EAAUF,EAAVE,aAAUF,EAA/ByN,UAECiP,EAAWxc,EAAM3K,OAAOmB,cAAgBwJ,EAAM3K,OAAO2B,UAEvDwlB,EAAWxc,EAAM3K,OAAOkB,OAASyJ,EAAM3K,OAAOsB,UAMnCwnB,CAAkBre,MAEvB,SAAAA,UAASA,EAAME,MAAM5L,UAAUK,OAAOH,YACjC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUK,OAAOF,iBACzC,SAAAuL,UAASA,EAAME,MAAM5L,UAAUK,OAAOD,cACvC,SAAAsL,UACZA,EAAM4c,YAAcP,kBAAUlgB,MAC1B6D,EAAME,MAAMlI,WAAWG,UACvB6H,EAAME,MAAMlI,WAAWE,aAIzBkb,GAActG,EAAOC,4FAGR,SAAA/M,UAASA,EAAME,MAAMlI,WAAWE,aAGtComB,GAA2D,gBACtE3R,IAAAA,SACAlE,IAAAA,GACAgF,IAAAA,UACAiP,IAAAA,SACGxP,UAEGhN,EAAQV,aAAiBD,UAG7BC,gBAACyV,QACCzV,gBAAC4e,oBACKlR,iBACQ,eACZzE,GAAIA,EACJgF,UAAWA,EACXiP,SAAUA,EACVxc,MAAOA,IAENwc,GACCld,gBAAC4T,iBAAuB,QAAQ/F,KAAK,MAAMnN,MAAOA,GAChDV,gBAACkT,aAAU9S,KAAMM,EAAM7D,UAAUJ,SAGrCuD,2BAAMmN,mFD9DFsQ,GAAAA,wBAAAA,uCAEVA,aAcF,aEHYsB,GFGNC,GAAc1R,EAAOsJ,qOAOhB,SAAApW,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,WAEZ,SAAAqJ,UACXA,EAAMJ,OAASyc,kBAAUlgB,MACrB6D,EAAME,MAAM5L,UAAUM,OAAOJ,SAC7BwL,EAAME,MAAM5L,UAAUK,OAAOH,YAEjB,SAAAwL,UAChBA,EAAMJ,OAASyc,kBAAUlgB,MACrB,UACA6D,EAAME,MAAM5L,UAAUK,OAAOF,iBACpB,SAAAuL,UACbA,EAAMJ,OAASyc,kBAAUlgB,MACrB6D,EAAME,MAAM5L,UAAUM,OAAOF,WAC7BsL,EAAME,MAAM5L,UAAUK,OAAOD,cACzB,SAAAsL,UACRA,EAAMye,gBAAkBxB,sBAActiB,UAC7BqF,EAAME,MAAMlI,WAAWK,wBACrB2H,EAAME,MAAMlI,WAAWG,aACvB,SAAA6H,UACXA,EAAMyQ,eAAiB8L,0BAAkB9hB,IACrC,oBACA,UAES,SAAAuF,UACbA,EAAMyQ,eAAiB8L,0BAAkB9hB,IAAM,UAAY,YAGzDsb,GAAayI,GAAY5G,cAAc,+CAEhC8G,GAAQlf,cACnB,SAACQ,EAAOuJ,SASFvJ,EAPF2e,WAAAA,gBACAhS,EAME3M,EANF2M,SACA8D,EAKEzQ,EALFyQ,aACAgO,EAIEze,EAJFye,cACA7e,EAGEI,EAHFJ,KACAqN,EAEEjN,EAFFiN,OACGC,IACDlN,MACEE,EAAQV,aAAiBD,UAG7BC,gBADKmf,EACJH,GAaAzI,oBAZK7I,iBACSD,EACbQ,UAAW+B,GAAaxP,EAAMyN,WAC9BgD,aAAcA,EACdgO,cAAeA,GAAiBxB,sBAAcxiB,IAC9C8O,IAAKA,EACL3J,KAAMA,GAAcyc,kBAAUngB,OAC9BgE,MAAOA,IAENyM,8IGnCIiS,GAAmBpf,gBAA+C,CAC7Ekd,UAAU,IAGNmC,GAAc/R,EAAOsJ,iCACvBoG,IAGSsC,GAAYtf,cACvB,SAACQ,EAAOuJ,OACAd,EAAKE,EAAc3I,EAAMyI,IAG7B2U,EAUEpd,EAVFod,eACA2B,EASE/e,EATF+e,aACAC,EAQEhf,EARFgf,cACAC,EAOEjf,EAPFif,aACAC,EAMElf,EANFkf,WACAC,EAKEnf,EALFmf,UACAC,EAIEpf,EAJFof,qBACAnS,EAGEjN,EAHFiN,OACAN,EAEE3M,EAFF2M,SAGIO,EAAQlE,EAAK,CAAC,QADhBhJ,OAGEqf,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAChEvI,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,uCACM0N,qBACa+R,GAA8BxW,gBAClCwE,EACb1D,IAAKA,EACL8D,KAAK,QACLxC,MAAOuS,IAEP5d,gBAACof,GAAiBjK,UAChBrL,MAAO,CACL+V,cAAAA,EACA3C,WAAYqC,IAGbI,GAAaC,GACZ5f,gBAACqf,IAAYpW,GAAIA,EAAIoC,MAAOqU,GACzBC,GAIJA,IAAcC,GACb5f,gBAACkf,IACCjW,GAAIA,EACJgF,UAAWA,EACX5C,MAAOqU,EACPhf,MAAOA,GAENif,GAGJxS,EAEDnN,gBAAC8e,IACC7V,GAAI4W,EACJ3C,WAAYqC,EACZtR,UAAWA,IAETsR,GAAgBC,IAChBxf,gCAAGuf,GAA8BC,SC7GzCM,GAAuBxS,EAAOsJ,gKAEzB,SAAApW,UACPA,EAAMyN,UAAYzN,EAAME,MAAM3K,OAAO2B,UAAY,aAEtC,SAAA8I,UAASA,EAAME,MAAM5L,UAAUM,OAAOJ,YACpC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUM,OAAOF,cAE1C,SAAAsL,UAASA,EAAME,MAAMlI,WAAWG,aAGhCqmB,GAAyD,gBACpE7R,IAAAA,SACA4S,IAAAA,QACA9R,IAAAA,UACA5C,IAAAA,aAEArL,gBAACD,EAAaigB,eACX,SAAAtf,UACCV,gBAAC8f,IACCC,QAASA,EACT9R,UAAWA,EACX5C,MAAOA,EACP3K,MAAOA,GAENyM,OC5BH8S,GAA2B3S,EAAOgG,iHAO3B4M,GAA2D,mBAItElgB,gBAACigB,IAAyB5U,QAF1BA,SADA8B,yJHGU4R,GAAAA,+BAAAA,8CAEVA,iBA8DK,IAAMoB,0DACTnD,QAGSoD,uDACTpD,QAmBSqD,0DAUT5D,sCAEc,SAAAjc,mBLxE2BA,UACvCA,EAAM0c,SACJ1c,EAAMyN,UACDzN,EAAME,MAAM3K,OAAOmB,cAErBsJ,EAAME,MAAM3K,OAAOkB,OAErB,cKiEkBqpB,CAA6B9f,gBAC7C,SAAAA,UA7BX,SAA6BA,UACvBA,EAAMwN,SACJxN,EAAMyN,UACDzN,EAAME,MAAM3K,OAAOoC,OAErBqI,EAAME,MAAM3K,OAAOwB,UAExBiJ,EAAMyN,UACDzN,EAAME,MAAM3K,OAAO2B,UAExB8I,EAAM+f,WAAa/f,EAAMggB,gBACpBhgB,EAAMN,MAERM,EAAME,MAAM3K,OAAOqB,UAgBRqpB,CAAoBjgB,iBAC5B,SAAAA,UAAUA,EAAMwN,SAAW,cAAgB,wBAC3C,SAAAxN,SACe,SAAvBA,EAAMkgB,aACClgB,EAAME,MAAMlI,WAAWC,kBAAiB+H,EAAME,MAAMlI,WAAWG,eAC7D6H,EAAME,MAAMlI,WAAWG,2FAQhCynB,iCAEI,SAAA5f,UAASoc,GAA6Bpc,+BAM5B,SAAAA,UAASmc,GAAkCnc,+BAMzD4f,+CAEI1D,SAKKiE,GAAW3gB,cACtB,SAACQ,EAAOuJ,OACE6W,EAAqDpgB,EAArDogB,QAAapM,EAAwChU,EAA5CyI,GAA+BqV,EAAa9d,EAAb8d,WACXte,WACnCmQ,QAF2D3P,EAA7BqgB,iBAEH1Q,QAAQyQ,IAD9BL,OAAWO,OAIZ7X,EAAKE,EAAcqL,GACnBuM,EAAkC,kBAAZH,EAE5B5gB,aAAgB,WACS,kBAAZ4gB,GACTE,EAAgBF,KAEjB,CAACA,QAYElgB,EAAQV,aAAiBD,GACzByK,EAAUxK,aAAiBof,MAc7B5e,EAXFN,MAAAA,aAAQQ,EAAM3K,OAAOC,UACrB4nB,EAUEpd,EAVFod,eACA5P,EASExN,EATFwN,SACAuR,EAQE/e,EARF+e,aACApB,EAOE3d,EAPF2d,WACAuB,EAMElf,EANFkf,WACAC,EAKEnf,EALFmf,UACAC,EAIEpf,EAJFof,qBACAnS,EAGEjN,EAHFiN,OACAiT,EAEElgB,EAFFkgB,aAGIhT,EAAQlE,EAAK,CAAC,oBADhBhJ,OAGEqf,EAAgBN,GAAmBtW,WACnC+X,EAAqBxW,EAAQqV,cAE7BoB,EACJpB,GAAiBmB,EACVA,MAAsBnB,EACzBA,GAEAmB,GAEA,KAEA9D,EAAW1S,EAAQ0S,YAAcqC,EAEjCtR,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gCACEA,gBAACkgB,IAAgB7U,MAAOuS,GACtB5d,gBAACogB,oBACK1S,sBACcuT,EAClBhY,GAAIA,gBACSwE,EACbmT,QAASL,EACTvS,SAAUA,EACVjE,IAAKA,EACLlP,KAAK,WACLyjB,kBAxDcC,OACH2C,EAAkB3C,EAAMC,OAAjCoC,QAERtC,GAAgC,mBAAbA,GAA2BA,EAASC,GAElDwC,GACHD,EAAgBI,OAoDdlhB,gBAACgf,IAAYe,QAAS9W,EAAIgF,UAAWA,EAAW5C,MAAOqU,IACnDE,GACAc,IAAiB3B,6BAAqB5jB,MACtCwkB,EAEF3f,gBAACqgB,IACCE,UAAWA,EACXrgB,MAAOA,EACP8N,SAAUA,EACVkP,SAAUA,EACVjP,UAAWA,EACX5C,MAAO8S,EACPuC,aAAcA,EACdhgB,MAAOA,GAGLV,gBADDugB,EACEY,eAEAC,4BAFahhB,KAAMM,EAAM7D,UAAUH,UAMvCkjB,EACC5f,gBAACmgB,QAAiBR,GAElBe,IAAiB3B,6BAAqB5jB,MACtCwkB,GACAA,MAIHJ,GACDvf,gBAAC8e,IAAa7V,GAAI4W,EAAe3C,YAASjP,UAAWA,GAClDsR,yDI9OPW,uEAMU,SAAA1f,UACZA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAOK,WACnBoK,EAAME,MAAM3K,OAAO2B,uBAChB,SAAA8I,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,yDAGZ,SAAAqJ,UAASA,EAAM5B,wBACjB,SAAA4B,cAAcA,EAAM6gB,mBAGpB1I,GAAY3Y,cACvB,SAACQ,EAAOuJ,OACArJ,EAAQV,aAAiBD,GAE7BoN,EAKE3M,EALF2M,WAKE3M,EAJF6gB,YAAAA,aAAc3gB,EAAMlI,WAAWM,YAC/B8F,EAGE4B,EAHF5B,SACA6O,EAEEjN,EAFFiN,OACGC,IACDlN,MAEE8gB,EAAoBzU,EAA0BwU,GAC9CE,EAAiB1U,EAA0BjO,EAAU,QAErDqP,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAAC+P,GAAeoF,UACdrL,MAAO,CACLmE,UAAAA,IAGFjO,gBAACkgB,kBACCnW,IAAKA,gBACQ0D,EACb4T,YAAaC,EACbrT,UAAWA,EACXrP,SAAU2iB,EACV7gB,MAAOA,GACHgN,GAEHP,gBCxEKqU,UAAgBC,IAAAA,WAAqBC,YAClCX,EAAiB/gB,cAA4B2hB,IAAfF,GAAvCxX,UACuBjK,WAAe0hB,GAA3BtD,aASZ,CARO2C,EAAeU,OAEEzhB,eAAkB,SAAA4hB,GAC1Cb,GACH3C,EAASwD,KAEV,cCiBWC,GACdrhB,YAAAA,IAAAA,EAAmC,UAO/BA,EAJFshB,sBAIEthB,EAHFuhB,MAAAA,aAAQ,KACMC,EAEZxhB,EAFFyhB,aACAC,EACE1hB,EADF0hB,uBAG2CV,GAAc,CACzDC,WAAYO,qBAPU,OAMjBC,OAAcE,OAwBfC,EAASrW,KAAKsW,KAAKN,EAAMK,OAASH,SAEjC,CACLK,aAZmB,SAACC,UAMbR,EAAMxI,OAHEgJ,EAAO,GAAKN,EAFRM,EAAON,GAAgBF,EAAMK,OAGvBL,EAAMK,OAASG,EAAON,IAS/CA,aAAAA,EACAG,OAAAA,EACAF,8BAzBgCM,GAC3BR,GACHG,EAAqBK,GAGvBN,GACkC,mBAAzBA,GACPA,EAAqBM,YCjBfC,4BCrBNC,GAAoBpV,EAAOgG,8BAC7B0J,IAGS2F,GAA+D,SAAAniB,OAClE2M,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,aAErCR,gBAAC0iB,oBAAsBhV,iBAAoBD,IACxCN,4IDaKsV,GAAAA,sCAAAA,2DAEVA,iCACAA,yBAGF,UEEYG,GAMAC,GAQAC,GAMAC,GFtBCC,GAAwBhjB,cAGnC,SAACQ,EAAOuJ,SAC6B/J,WAClB,kBAAjBQ,EAAMyiB,QAEF9S,QAAyB,YAAjB3P,EAAMyiB,SAHb1C,OAAWO,OAMZ7X,EAAKE,EAAc3I,EAAMyI,IAE/BjJ,aAAgB,WACd8gB,EACmB,kBAAjBtgB,EAAMyiB,QAEF9S,QAAyB,YAAjB3P,EAAMyiB,WAEnB,CAACziB,EAAMyiB,aAcJviB,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GACxByB,EAAUxK,aAAiBof,MAc7B5e,EAXFN,MAAAA,aAAQQ,EAAM3K,OAAOC,UACrB4nB,EAUEpd,EAVFod,eACA5P,EASExN,EATFwN,SACAuR,EAQE/e,EARF+e,aACApB,EAOE3d,EAPF2d,WACAuB,EAMElf,EANFkf,WACAC,EAKEnf,EALFmf,UACAC,EAIEpf,EAJFof,qBACAqD,EAGEziB,EAHFyiB,OACAxV,EAEEjN,EAFFiN,OACGC,IACDlN,MAEEggB,EAA6B,kBAAXyC,EAClBC,EAAyB,cAAXD,WAEXE,EAAgCC,UAChCA,EAAiBC,QACtB,iBACAC,EAAwB3D,aAInB2D,EAAwB7W,SAC3B,CAAC,SAAU,UAAUG,gBAAgBH,GAAcA,EACnDA,aAAgBO,MACXP,EAAKQ,IAAIqW,GAAyBpW,KAAK,IAC5B,iBAATT,GAAqBA,EACvB6W,EAAwB7W,EAAKjM,MAAM2M,qBAGxCoW,EAAehD,GAAaC,GAAmB0C,EAC/CM,EAAejD,EACjB4C,EACExV,EAAK7H,sBAAsBC,mBAE7Bya,EACA2C,EACExV,EAAK7H,sBAAsBE,yBAE7Bkd,EACAC,EACExV,EAAK7H,sBAAsBG,qBAE7B,GAEE4Z,EAAgBN,EAAkBtW,WAAa,KAC/C+X,EAAqBxW,EAAQqV,cAE7BoB,EACJpB,GAAiBmB,EACVA,MAAsBnB,EACzBA,GAEAmB,GAEA,KAEA9D,EAAW1S,EAAQ0S,YAAcqC,EAEjCtR,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gCACEA,gBAACkgB,IAAgB7U,MAAOuS,GACtB5d,gBAACogB,oBACK1S,sBACcuT,EAClBL,QAASL,gBACI9S,EACbO,SAAUA,EACV/E,GAAIA,EACJc,IAAKA,EACLlP,KAAK,WACLyjB,kBA3FcC,OACH2C,EAAkB3C,EAAMC,OAAjCoC,QAERpgB,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASC,GAEI,kBAAjB/d,EAAMyiB,QACRnC,EAAgBI,OAqFdlhB,gBAACgf,IAAYe,QAAS9W,EAAIgF,UAAWA,EAAW5C,MAAOqU,GACrD1f,gBAACqgB,IACCE,UAAWA,EACXrgB,MAAOA,EACP8N,SAAUA,EACVkP,SAAUA,EACVsD,gBAAiBA,EACjBvS,UAAWA,EACX5C,MAAO8S,EACPzd,MAAOA,GAEN8f,EACCxgB,gBAACyjB,6BACChW,OAAO,oBACPrN,KAAMM,EAAM7D,UAAUH,SAGxBsD,gBADEugB,EACDY,eAEAC,4BAFahhB,KAAMM,EAAM7D,UAAUH,UAKvCkjB,EACC5f,gBAACmgB,QAAiBR,GAElBA,GAGJ3f,gBAACyV,QACE8N,GAAgBvjB,gBAAC2iB,QAAgBa,OAGnCjE,GACDvf,gBAAC8e,IACC7V,GAAI4W,EACJ3C,YACAjP,UAAWA,EACX5C,MAAO,CAAEqY,YAAahjB,EAAMlI,WAAWQ,YAEtCumB,wJEtJCqD,GAAAA,uBAAAA,4CAEVA,iBACAA,oBAGUC,GAAAA,yBAAAA,4CAEVA,qBACAA,qBACAA,eACAA,kBAGUC,GAAAA,6BAAAA,sDAEVA,2BACAA,gBAGUC,GAAAA,wBAAAA,2CAEVA,eACAA,qBACAA,4BAcWY,GAAe3jB,gBAA2C,CACrE4jB,QAAShB,qBAAaiB,OACtBC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,EACpB/V,WAAW,EACXgW,cAAc,EACdC,SAAU,EACVC,cAAe,KAGXC,GAAiB9W,EAAOgG,gDAIxB+Q,GAAc/W,EAAO9F,6LAGhB,SAAAhH,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,WAEZ,SAAAqJ,UAASA,EAAME,MAAM5L,UAAUM,OAAOJ,YACpC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUM,OAAOF,cACxC,SAAAsL,UAASA,EAAMqY,YAIjByL,GAAQtkB,cACnB,SAACQ,EAAOuJ,OAEJoD,EAWE3M,EAXF2M,SACAyW,EAUEpjB,EAVFojB,QACAE,EASEtjB,EATFsjB,eACAE,EAQExjB,EARFwjB,mBACAD,EAOEvjB,EAPFujB,gBACAE,EAMEzjB,EANFyjB,aACApL,EAKErY,EALFqY,SACAqL,EAIE1jB,EAFFiN,OACGC,IACDlN,MAEEE,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAAC2jB,GAAaxO,UACZrL,MAAO,CACL8Z,QAAAA,EACAE,eAAAA,EACAC,gBAAAA,EACAC,mBAAAA,EACA/V,UAAWA,EACXgW,aAAAA,IAGFjkB,gBAACokB,QACCpkB,gBAACqkB,oBACK3W,iBACSD,EACbQ,UAAWA,EACX4K,SAAUA,GAAYnY,EAAMnE,YAAYE,MACxCsN,IAAKA,EACLrJ,MAAOA,IAENyM,iCC1IAoX,GAAYvkB,cAGvB,SAACQ,EAAOuJ,OACAoD,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,aAErCR,yCAAW0N,GAAO3D,IAAKA,gBAAkB0D,IACtCN,+CCIMqX,GAAqB,SAAAhkB,UAASuN,sBACzBvN,EAAMwjB,mBAAqB,YAAc,mBACzCxjB,EAAMyN,UAClBzN,EAAME,MAAM3K,OAAOoC,OACnBqI,EAAME,MAAM3K,OAAOyB,+EAIZitB,GAAsBjkB,EAAMojB,QAASpjB,EAAME,sBACxCF,EAAMkkB,wDAOND,GAAsBb,EAASljB,UACrCkjB,OACD,iBACOljB,EAAMlI,WAAWE,cAAagI,EAAMlI,WAAWG,cACtD,eACO+H,EAAMlI,WAAWM,cAAa4H,EAAMlI,WAAWQ,yBAG/C0H,EAAMlI,WAAWI,cAAa8H,EAAMlI,WAAWK,WAI/D,IAAM8rB,GAAarX,EAAOsX,sCAQtBJ,IAEA,SAAAhkB,UACAA,EAAM9B,OACNqP,eACWvN,EAAM9B,gCAIRmmB,GAAY7kB,cACvB,SAACQ,EAAOuJ,OACEqQ,EAA6C5Z,EAA7C4Z,MAAOjN,EAAsC3M,EAAtC2M,SAAUM,EAA4BjN,EAA5BiN,OAAQ/O,EAAoB8B,EAApB9B,MAAUgP,IAAUlN,MAC/CskB,EAAe9kB,aAAiB2jB,IAChCjjB,EAAQV,aAAiBD,UAK7BC,gBAAC2kB,oBACKjX,iBACSD,EACbmW,QAASkB,EAAalB,QACtBI,mBAAoBc,EAAad,mBACjC/V,UAAW6W,EAAa7W,UACxBlE,IAAKA,EACL2a,UAAWtK,GAASyI,uBAAe1nB,KACnCuF,MAAOA,EACPhC,MAZiC,iBAAVA,EAAwBA,OAAYA,IAc1DyO,MAMT0X,GAAUE,YAAc,yBCzCZC,4BCzCCC,GAAYjlB,cAGvB,SAACQ,EAAOuJ,OACAoD,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,aAErCR,yCAAW0N,GAAO3D,IAAKA,gBAAkB0D,IACtCN,4GDkCK6X,GAAAA,+BAAAA,4CAEVA,uBACAA,aACAA,sHAGIE,GAAwB5X,EAAO6X,2DASjC,SAAA3kB,UACOA,EAAM4kB,YACT,GACA,CACEnL,WAAYzZ,EAAMyN,UACdzN,EAAME,MAAM3K,OAAOmC,OACnBsI,EAAME,MAAM3K,OAAO0B,UACvB4tB,aAAc,YACdjoB,WAAY,OACZkoB,cAAe,YAIrBd,IAEA,SAAAhkB,UACAA,EAAM+kB,kBAKJ,SAAA/kB,UACFA,EAAM9B,OACNqP,eACWvN,EAAM9B,2CAIf8mB,GAAalY,EAAOkC,2YAUL,SAAAhP,UACjBA,EAAMkkB,YAAc7B,uBAAe3nB,MAAQ,WAAa,gBAE/C,SAAAsF,UAASikB,GAAsBjkB,EAAMojB,QAASpjB,EAAME,UAMzD,SAAAF,UACAA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,SAMb,SAAAsK,UACZA,EAAMyN,UAAYzN,EAAME,MAAM3K,OAAOiC,KAAOwI,EAAME,MAAM3K,OAAOyB,aAGvD,SAAAgJ,UACNA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,WAKzByc,GAActG,EAAOC,mFACT,SAAA/M,UAASA,EAAME,MAAMlI,WAAWG,aAEzC,SAAA6H,UAASA,EAAME,MAAMlI,WAAWE,aAG5B+sB,GAAkBzlB,cAG7B,SAACQ,EAAOuJ,OAENqQ,EAUE5Z,EAVF4Z,MACAjN,EASE3M,EATF2M,WASE3M,EARF4kB,YAAAA,gBACAG,EAOE/kB,EAPF+kB,WACAG,EAMEllB,EANFklB,SAMEllB,EALFmlB,MAAAA,aAAQP,EAAcJ,6BAAqBY,IAAMZ,6BAAqBa,MACtEC,EAIEtlB,EAJFslB,cACArY,EAGEjN,EAHFiN,OACA/O,EAEE8B,EAFF9B,MACGgP,IACDlN,MACEE,EAAQV,aAAiBD,GACzB+kB,EAAe9kB,aAAiB2jB,IAMhCoC,EACJD,IAAkBhD,2BAAmBkD,UACnChmB,gBAACimB,aAAU7lB,KAAMM,EAAM7D,UAAUJ,QAC/BqpB,IAAkBhD,2BAAmBoD,WACvClmB,gBAACmmB,aAAU/lB,KAAMM,EAAM7D,UAAUJ,QAEjCuD,gBAAComB,uBACClmB,MACE4kB,EAAa7W,UACTvN,EAAM3K,OAAOyB,UACbkJ,EAAM3K,OAAOuB,UAEnB8I,KAAMM,EAAM7D,UAAUJ,eAO1BuD,gBAACklB,oBACKxX,iBACSD,EACbmW,QAASkB,EAAalB,QACtBI,mBAAoBc,EAAad,mBACjC/V,UAAW6W,EAAa7W,UACxBlE,IAAKA,EACLqb,YAAaA,EACbG,WAAYA,EACZI,MAAOA,EACPjB,UAAWtK,GAASyI,uBAAe1nB,KACnCuF,MAAOA,EACPhC,MAfiC,iBAAVA,EAAwBA,OAAYA,IAiB1D6mB,EACCvlB,gBAACwlB,IACC5B,QAASkB,EAAalB,QACtB3V,UAAW6W,EAAa7W,UACxBqH,mBAxCNoQ,GAA4B,mBAAXA,GAAyBA,KAyCpChB,UAAWtK,GAASyI,uBAAe1nB,KACnCuF,MAAOA,GAEPV,4BAAOmN,GACPnN,gBAAC4T,IAAYlT,MAAOA,GAAQqlB,IAG9B/lB,gCAAGmN,OAMXsY,GAAgBV,YAAc,gNE5JdsB,GAAc7lB,YAAAA,IAAAA,EAAqC,UAc7DA,EAZF8lB,MAAAA,aAAQ,MAYN9lB,EAXF+lB,YAAAA,aAAc,MAWZ/lB,EAVFwN,SAAAA,kBAUExN,EATFgmB,eAAAA,kBASEhmB,EARFimB,mBAAAA,kBAQEjmB,EAPFkmB,sBAAAA,aAAwB,MAOtBlmB,EANFmmB,kBAAAA,aAAoB,IACNC,EAKZpmB,EALFqmB,aACMC,EAIJtmB,EAJF+hB,OAIE/hB,EAHFumB,gBAAAA,kBAGEvmB,EAFFwmB,eAAAA,gBACGtZ,IACDlN,MAEEmN,EAAO3N,EAAMinB,WAAWle,KAEDyY,GAAc,CACzCC,WAAYqF,UACHP,IAFJhE,OAAM2E,OAKPC,EAAc,SAAC5I,EAAOzU,GACrBgd,GACHI,EAAapd,GAGf8c,GAC0B,mBAAjBA,GACPA,EAAarI,EAAOzU,IAGlBsd,EAAQ,SAACC,EAAOC,UAEbta,MAAMua,KAAK,CAAEnF,OADLkF,EAAMD,EAAQ,IACC,SAACG,EAAGC,UAAMJ,EAAQI,MAG5CC,EAAaN,EAAM,EAAGrb,KAAKzJ,IAAIqkB,EAAmBL,IAClDqB,EAAWP,EACfrb,KAAK6b,IAAItB,EAAQK,EAAoB,EAAGA,EAAoB,GAC5DL,GAGIuB,EAAgB9b,KAAK6b,IACzB7b,KAAKzJ,IAEHigB,EAAOmE,EAEPJ,EAAQK,EAA4C,EAAxBD,EAA4B,GAG1DC,EAAoB,GAGhBmB,EAAc/b,KAAKzJ,IACvByJ,KAAK6b,IAEHrF,EAAOmE,EAEPC,EAA4C,EAAxBD,EAA4B,GAGlDiB,EAASvF,OAAS,EAAIuF,EAAS,GAAK,EAAIrB,EAAQ,GAI5CyB,YACAhB,EAAkB,CAAC,SAAW,GAC9BN,EAAqB,GAAK,CAAC,YAC5BiB,EAGCG,EAAgBlB,EAAoB,EACpC,CAAC,kBACDA,EAAoB,EAAIL,EAAQK,EAChC,CAACA,EAAoB,GACrB,GAGDS,EAAMS,EAAeC,GAGpBA,EAAcxB,EAAQK,EAAoB,EAC1C,CAAC,gBACDL,EAAQK,EAAoBA,EAC5B,CAACL,EAAQK,GACT,GAEDgB,EACCnB,EAAiB,GAAK,CAAC,QACvBQ,EAAiB,CAAC,QAAU,IAI5BgB,EAAa,SAAAntB,UACTA,OACD,eACI,MACJ,kBACI0nB,EAAO,MACX,cACIA,EAAO,MACX,cACI+D,iBAEA,OAKP2B,EAAcF,EAAS9a,KAAI,SAAAib,SACR,iBAATA,EACV,CACE5S,QAAS,SAAAiJ,GACP4I,EAAY5I,EAAO2J,IAErBrtB,KAAM,OACN0nB,KAAM2F,EACNC,WAAYD,IAAS3F,EACrBvU,SAAAA,iBACgBka,IAAS3F,EAAO,YAASZ,eACxBhU,EAAK7G,WAAWG,oBAAmBihB,GAEtD,CACE5S,QAAS,SAAAiJ,GACP4I,EAAY5I,EAAOyJ,EAAWE,KAEhCrtB,KAAMqtB,EACN3F,KAAMyF,EAAWE,GACjBC,YAAY,EACZna,SACEA,IAC+B,IAA9Bka,EAAK1O,QAAQ,cACF,SAAT0O,GAA4B,SAATA,EAAkB3F,GAAQ+D,EAAQ/D,GAAQ,iBAKxEA,KAAAA,EACA0F,YAAAA,EACAf,aAAAA,GACGxZ,YCvMS0a,GACdC,EACAC,MAKO,MAFLD,EAAape,QAAQwP,MACnB,qBAAGxP,UAA6Bqe,EAAQre,WAE1C,KACMse,EAAQF,EAAape,QAAQue,WAAU,gBAAYN,IAATje,iBACzCie,IAASI,EAAQre,UAEfkG,QACL+X,EAAKO,wBAAwBH,EAAQre,SACnCye,KAAKC,gCAILC,EAAUN,EAEhBD,EAAape,SACA,IAAXse,YACQF,EAAape,SAAS2e,cAErBP,EAAape,QAAQsP,MAAM,EAAGgP,IACjCK,GACGP,EAAape,QAAQsP,MAAMgP,cAK1BM,GACdR,EACAC,GAEKA,EAAQre,UAEboe,EAAape,QAAUoe,EAAape,QAAQ6e,QAC1C,SAAAZ,UAAQI,EAAQre,UAAYie,EAAKje,YAIrC,SAAgB8e,WAaP,CAFc/oB,EAAMgK,OAA0C,IAE/Coe,GAAoBS,WCpDhCG,GAOAC,mIAPAD,GAAAA,gCAAAA,+CAEVA,eACAA,iBACAA,YAGUC,GAAAA,4BAAAA,6CAEVA,aA6CF,OAAMtQ,GAAYrL,EAAOgG,yEA4BZ4V,GAAkBlpB,gBAA8C,CAC3EmpB,QAAQ,EACRC,yBAA0B,SAACC,EAAU5d,KACrC6d,UAAW,kBAAM,KAKNC,GAAWvpB,cACtB,SAACQ,EAAOmd,OAEJ6L,EAWEhpB,EAXFgpB,YACAC,EAUEjpB,EAVFipB,UACAtc,EASE3M,EATF2M,SACAuc,EAQElpB,EARFkpB,cACAlrB,EAOEgC,EAPFhC,UACAmrB,EAMEnpB,EANFmpB,mBACAC,EAKEppB,EALFopB,QACAC,EAIErpB,EAJFqpB,OACApc,EAGEjN,EAHFiN,OACA/O,EAEE8B,EAFF9B,MACGgP,IACDlN,QAEwBR,YAAwB,GAA7CmpB,OAAQG,SAE+BtpB,WAC5CwpB,IAAgB,GADXM,OAAiBC,OAIlBC,EAAShqB,WACTiqB,EAAYjqB,WACZkqB,EAAUlqB,SAAkB,IAC5BmqB,EAAmBnqB,SAAqB,IAExC+J,EAAMsC,EAAasR,EAAcqM,KAEUjB,KAA1CV,OAAce,gBAsBZgB,EAAc7L,GACrB+K,GAAU,GAENK,GAAoD,mBAAvBA,IAC/BpL,EAAM8L,kBAAoBC,EAC1BX,EAAmBpL,IAGrBqL,GAA8B,mBAAZA,GAA0BA,EAAQrL,YAG7CgM,QACDC,EAAgBnC,EAAape,QAAQ6e,QACzC,SAAAR,UAAWA,EAAQre,WAEfwgB,EAAoBD,EACvBvd,KAAI,SAAAyd,UAAgBA,EAAazgB,WACjCuP,QAAQxO,SAAS2f,qBAEb,CAACH,EAAeC,YA4ChBG,EAAmBrM,OACHsM,EAAkBtM,EAAlBsM,gBAGrBA,IAHuCtM,EAAjCuM,cAGyBC,SAASF,KAEzB1B,GACfiB,EAAc7L,YAIT+L,YA9FTtqB,aAAgB,WACVwpB,GAAe,GACjBO,EAAmBP,KAEpB,CAACA,IAkGFxpB,gBAACkpB,GAAgB/T,UACfrL,MAAO,CACLggB,gBAAAA,EACAL,UAAAA,EACAW,cAAAA,EACAD,iBAAAA,EACAT,cAAAA,EACAkB,mBAAAA,EACAvC,aAAAA,EACA2C,eAAgBtsB,EAChByqB,OAAAA,EACA3qB,UAhBiB,iBAAdA,EAA4BA,OAAgBA,EAiB/C0rB,QAAAA,EACAe,4BA5GGT,EAAiBD,OAExBjB,GAAU,GAEV3e,YAAW,WACT6f,EAAcpI,OAAS,GACrBoI,EAAc,GAAGvgB,SACjBugB,EAAc,GAAGvgB,QAAQ/T,UAC1B,GAEH2zB,GAA4B,mBAAXA,GAAyBA,KAmGtCT,yBAAAA,EACAW,mBAAAA,EACAT,UAAAA,EACAW,UAAAA,EACAvrB,MArB+B,iBAAVA,EAAwBA,OAAYA,IAwB3DsB,gBAAC2Y,oBACKjL,GACJ3D,IAAKA,gBACQ0D,EACbkR,UAAWwK,WArFM5K,MACH,WAAdA,EAAM2M,KACRd,EAAc7L,GAGE,cAAdA,EAAM2M,IAAqB,OACcX,IAApCC,OAAeC,UAEO,IAAzBD,EAAcpI,cAIlB7D,EAAM4M,kBAGmB,IAAvBV,GACAA,IAAsBD,EAAcpI,OAAS,EAE7CoI,EAAc,GAAGvgB,QAAQ/T,QAEzBs0B,EAAcC,EAAoB,GAAGxgB,QAAQ/T,WAI/B,YAAdqoB,EAAM2M,IAAmB,OACgBX,IAApCC,OAAeC,UAEO,IAAzBD,EAAcpI,cAIlB7D,EAAM4M,kBAEqB,IAAvBV,GAAkD,IAAtBA,EAC9BD,EAAcA,EAAcpI,OAAS,GAAGnY,QAAQ/T,QAEhDs0B,EAAcC,EAAoB,GAAGxgB,QAAQ/T,UAiDT,KACpCk1B,OAAQR,IAEPzd,kCCvMX,SAASke,GAAiB3qB,EAAuBN,UACvCA,OACD,eACIM,EAAMlI,WAAWE,cACrB,eACIgI,EAAMlI,WAAWK,yBAEjB6H,EAAMlI,WAAWG,WAI9B,sBAAM2yB,GAAmBhe,EAAOyD,GAAPzD,mCACrB,SAAA9M,UACAA,EAAMyQ,eAAiBV,2BAAmBrV,OAC1CsF,EAAM2M,UACNY,uBACmBsd,GAAiB7qB,EAAME,MAAOF,EAAMJ,sCAEvD,SAAAI,UACAA,EAAMyQ,eAAiBV,2BAAmBpV,MAC1CqF,EAAM2M,UACNY,sBACkBsd,GAAiB7qB,EAAME,MAAOF,EAAMJ,sCAI7CmrB,GAAiBvrB,cAG5B,SAACQ,EAAOmd,OACFnT,EAAUxK,aAAiBkpB,IAC3BxoB,EAAQV,aAAiBD,GAE/ByK,EAAQ2f,iBAAiBlgB,QAAUd,EAAc3I,EAAMyI,QAoBnDkE,EA1DJ+D,EAwCMnH,EAAMsC,EAAa7B,EAAQyf,UAAWtM,GAgBtC6N,WAdiB9B,UACbA,QACDV,8BAAsB7tB,YAClB6E,gBAACyrB,iBAAche,OAAO,mBAC1Bub,8BAAsB9tB,aAClB8E,gBAAC0rB,kBAAeje,OAAO,oBAC3Bub,8BAAsB2C,UAClB3rB,gBAAC4rB,mBAAgBne,OAAO,2BAGxBzN,gBAAC6rB,qBAAkBpe,OAAO,eAIpBqe,CAActhB,EAAQkf,iBAGalpB,EAA9CwQ,KAAAA,aAAOwa,IAAYva,EAA2BzQ,EAA3ByQ,aAAiBvD,IAAUlN,MAEhDyN,EAAY+B,GAAaxP,EAAMyN,cA3D9B,SAFPiD,EA+DsC1Q,KA7DT,aAAc0Q,KA8DzC/D,EAAW3M,EAAM2M,cAWb4e,EAAoBvrB,EAAMwQ,KAC5BC,GAEEV,2BAAmBpV,KACrBqP,EAAQkf,gBAAkBV,8BAAsB7tB,KAChDoV,2BAAmBpV,KACnBoV,2BAAmBrV,aAGrB8E,gBAACsrB,oBACK5d,mBACWlD,EAAQ2e,uBACT,OACdnY,KAAMA,EACNC,aAAc8a,EACd9iB,GAAIuB,EAAQ2f,iBAAiBlgB,QAC7BgE,UAAWA,EACXqH,iBAzBiBiJ,GACf/T,EAAQ2e,OACV3e,EAAQ4f,cAAc7L,GAEtB/T,EAAQygB,gBAsBRlhB,IAAKA,EACLrJ,MAAOA,IAENyM,+GChID6M,GAAa1M,EAAOiN,GAAPjN,gSAON,SAAA9M,UAAUA,EAAM2oB,OAAS,QAAU,UACtC,SAAA3oB,UAASA,EAAME,MAAMlI,WAAWE,aAC1B,SAAA8H,UACZA,EAAMhC,UAAYgC,EAAMhC,UAAYgC,EAAME,MAAM3B,SAASC,QAAQR,aACxD,SAAAgC,UAAUA,EAAM2oB,OAAS,IAAM,OAG/B,SAAA3oB,UAASA,EAAME,MAAMlI,WAAWG,aAMzC,SAAA6H,UACAA,EAAM9B,OACNqP,kCAEWvN,EAAM9B,gCAGjB,SAAA8B,SACwB,OAAxBA,EAAMkpB,qBAMN,SAAAlpB,SACwB,SAAxBA,EAAMkpB,eACN3b,kCAGSvN,EAAME,MAAMlI,WAAWE,oCAGhC,SAAA8H,SACwB,UAAxBA,EAAMkpB,eACN3b,uBAESvN,EAAME,MAAMlI,WAAWE,oCAGhC,SAAA8H,SACoB,QAApBA,EAAMipB,WACkB,SAAxBjpB,EAAMkpB,eACkB,UAAxBlpB,EAAMkpB,eACN3b,yBAEWvN,EAAME,MAAMlI,WAAWE,oCAGnC,SAAA8H,SACqB,QAApBA,EAAMipB,YACmB,SAAxBjpB,EAAMkpB,eAAoD,UAAxBlpB,EAAMkpB,gBACzC3b,gBACYvN,EAAME,MAAMlI,WAAWE,6CAKjCszB,GAAY1e,EAAOgG,2CACZ,SAAA9S,UAASA,EAAME,MAAMlI,WAAWE,aAGhCuzB,GAAkBjsB,cAG7B,SAACQ,EAAOmd,OACAxQ,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,MACjCgK,EAAUxK,aAAiBkpB,IAC3BxoB,EAAQV,aAAiBD,GACzBgK,EAAMsC,EAAasR,EAAcnT,EAAQ0f,gBAG7ClqB,gBAACga,oBACKtM,GACJ+b,UAAWjf,EAAQif,UACnBC,cAAelf,EAAQkf,cACvBxP,iBACAjM,WAAW,EACXkb,OAAQ3e,EAAQ2e,OAChB3qB,UAAWgM,EAAQhM,UACnBuL,IAAKA,EACLmL,UAAW,EACXzH,OAAQA,GAAU,kBAClB/M,MAAOA,EACPhC,MAAO8L,EAAQ9L,QAEfsB,gBAACgsB,sBACkBxhB,EAAQ2f,iBAAiBlgB,QAC1C4D,KAAK,OACLnN,MAAOA,GAENyM,qBC/GH+e,GAAW5e,EAAO6e,2FACR,SAAA3rB,UAASA,EAAME,MAAM3K,OAAOyB,aAGhC,SAAAgJ,UAASA,EAAME,MAAMlI,WAAWE,sCCDtCszB,GAAY1e,EAAOgG,0LACd,SAAA9S,UAASA,EAAME,MAAM3K,OAAOsB,aACxB,SAAAmJ,UAASA,EAAME,MAAM5L,UAAUC,OAAOC,YACjC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUC,OAAOE,iBACzC,SAAAuL,UAASA,EAAME,MAAM5L,UAAUC,OAAOG,cAG1C,SAAAsL,UACNA,EAAME,MAAMlI,WAAWG,cAAa6H,EAAME,MAAMlI,WAAWK,cAAa2H,EAAME,MAAMlI,WAAWE,aAIzF0zB,GAAiBpsB,cAG5B,SAACQ,EAAOuJ,OACAoD,EAA+B3M,EAA/B2M,SAAUM,EAAqBjN,EAArBiN,OAAWC,IAAUlN,MAEjCE,EAAQV,aAAiBD,UAG7BC,gBAACgsB,oBAActe,iBAAoBD,EAAQ/M,MAAOA,IAC/CyM,wFCIMkf,GAAiB,SAAA7rB,UACrBuN,kCAEIvN,EAAMwN,SACXxN,EAAME,MAAM3K,OAAO4B,aACnB6I,EAAME,MAAM3K,OAAOoB,mBACbqJ,EAAMwN,SAAW,cAAgB,qCAE9BxN,EAAME,MAAM5L,UAAUM,OAAOJ,yBAC3BwL,EAAME,MAAM5L,UAAUM,OAAOF,gCAEjCsL,EAAM8rB,WACV9rB,EAAME,MAAMlI,WAAWG,cAAa6H,EAAME,MAAMlI,WAAWK,cAAa2H,EAAME,MAAMlI,WAAWG,cAAa6H,EAAME,MAAMlI,WAAWW,UACnIqH,EAAME,MAAMlI,WAAWG,cAAa6H,EAAME,MAAMlI,WAAWK,0BACnD2H,EAAMwqB,aAAe,SAAW,wCAI/BxqB,EAAMwN,SAAW,OAASxN,EAAME,MAAM3K,OAAO0B,oBAClD+I,EAAMwN,SACXxN,EAAME,MAAM3K,OAAO4B,aACnB6I,EAAME,MAAM3K,OAAOoB,kEASvBmhB,GAAahL,EAAOgG,8BAOtB+Y,IAGSzY,GAActG,EAAOC,8IACvB,SAAA/M,UAASA,EAAME,MAAM3K,OAAOsB,aAErB,SAAAmJ,UAASA,EAAME,MAAMlI,WAAWK,aAGpC,SAAA2H,UAASA,EAAME,MAAM7D,UAAUH,UAChC,SAAA8D,UAASA,EAAME,MAAM7D,UAAUH,UAI/B6vB,GAAmBvsB,cAG9B,SAACQ,EAAOmd,OACAxQ,EAAuD3M,EAAvD2M,SAAUa,EAA6CxN,EAA7CwN,SAAUgD,EAAmCxQ,EAAnCwQ,KAAMsE,EAA6B9U,EAA7B8U,QAASxL,EAAoBtJ,EAApBsJ,MAAU4D,IAAUlN,MAEzDwpB,EAAShqB,WACTU,EAAQV,aAAiBD,GACzByK,EAAUxK,aAAiBkpB,IAE3Bnf,EAAMsC,EAAasR,EAAcqM,GAEjCzB,EAAQ/d,EAAQ6d,aAAape,QAAQue,WAAU,gBAAYN,IAATje,iBACjDie,IAAS8B,EAAO/f,UAEdie,IAAS8B,EAAO/f,oBAGhBkd,EAAY5I,GACf/T,EAAQsf,iBAAmB,GAC7Btf,EAAQuf,mBAAmBxB,GAGzBjT,IAAYtH,GACdsH,EAAQxL,IAGLkE,GAAYxD,EAAQsf,gBAAkB,GACzCtf,EAAQ4f,cAAc7L,OAWpB5M,EACJnH,EAAQsf,iBAAmB,GAAKtf,EAAQsf,kBAAoBvB,EAExD+D,EACJ9hB,EAAQsf,iBAAmB,GAAKtf,EAAQsf,kBAAoBvB,EAE9DvoB,aAAgB,WACTgO,GACHxD,EAAQ4e,yBAAyB5e,EAAQ6d,aAAc2B,KACxD,QAEGrc,EAAO3N,aAAiB+I,UAG5B/I,gBAACsY,oBACK5K,mBACWM,EACfA,SAAUA,EACVgd,aAAcxgB,EAAQwgB,aACtBsB,WAAYA,EACZhX,QAAS6R,EACTxI,mBA5BmBJ,GACH,UAAdA,EAAM2M,KAAiC,MAAd3M,EAAM2M,MACjC3M,EAAM4M,iBACNhE,EAAY5I,KA0BZxU,IAAKiE,EAAW,KAAOjE,EACvB8D,KAAK,WACLnN,MAAOA,EACPwU,SAAUlH,EAAW,MAAQ,EAC7BlE,MAAOA,IAENkH,GAAQhR,gBAAC4T,IAAYlT,MAAOA,GAAQsQ,GACpCW,GACC3R,gBAAC4T,IAAYlT,MAAOA,GAClBV,gBAACwsB,0BAAsB7e,EAAK5O,SAAS8F,6BAGxCsI,MAKPof,GAAiBxH,YAAc,mCChKnB0H,yDC0BCC,GAAsB1sB,cAGjC,SAACQ,EAAOmd,OAEQvZ,EAMZ5D,EANF,cACA2M,EAKE3M,EALF2M,SACAlE,EAIEzI,EAJFyI,KAIEzI,EAHFF,QAAAA,aAAUoP,sBAAc0B,QACxBkE,EAEE9U,EAFF8U,QACG5H,IACDlN,MAEEgK,EAAUxK,aAAiBkpB,IAE3BxoB,EAAQV,aAAiBD,GAEzBgK,EAAMsC,EAAasR,EAAcnT,EAAQyf,WAE/Czf,EAAQ2f,iBAAiBlgB,QAAUd,EAAcF,OAE3CuiB,EACJhhB,EAAQkf,gBAAkBV,8BAAsB2C,GAC9C3rB,gBAAC4rB,mBAAgBxrB,KAAMM,EAAM7D,UAAUH,OAAQ+Q,OAAO,YAEtDzN,gBAAC6rB,qBAAkBzrB,KAAMM,EAAM7D,UAAUH,OAAQ+Q,OAAO,cAWtDE,EAAO3N,aAAiB+I,UAG5B/I,gCACEA,gBAACwQ,oBACK9C,GACJzE,GAAIuB,EAAQ2f,iBAAiBlgB,QAC7BqL,QAASA,EACTnV,MAAOkQ,oBAAYsc,QACnBthB,MAAO,CAAEuhB,YAAa,EAAGC,YAAa,GACtCvsB,QAASA,IAER6M,GAEHnN,gBAAC+Q,oBACKrD,mBACWlD,EAAQ2e,oBACX/kB,GAAwBuJ,EAAK5O,SAAS+F,oCACpC,OACdkM,KAAMwa,EACNlW,iBA5BeiJ,GACf/T,EAAQ2e,OACV3e,EAAQ4f,cAAc7L,GAEtB/T,EAAQygB,gBAyBN9qB,MAAOkQ,oBAAYyc,SACnBzhB,MAAO,CACL0hB,WACEzsB,IAAYoP,sBAAcC,QAAU,EAAIjP,EAAMlI,WAAWC,WAE7DsR,IAAKA,EACLzJ,QAASA,4KCHX4f,2FAKU,SAAA1f,UACZA,EAAMyN,UAAYzN,EAAME,MAAM3K,OAAOmC,OAASsI,EAAME,MAAM3K,OAAO0B,sCAE/D,SAAA+I,UACAA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOyB,+DAGhB,SAAAgJ,UAASA,EAAME,MAAMlI,WAAWE,iBAGvCs0B,KAAmB9N,wDACX,SAAA1e,UAASA,EAAME,MAAMlI,WAAWQ,iBAGxCi0B,yJAOOC,GAAkBltB,cAG7B,SAACQ,EAAOuJ,OAEN0D,EAWEjN,EAXFiN,OACA8Y,EAUE/lB,EAVF+lB,cAUE/lB,EATF2sB,mBAAAA,aAAqB,OASnB3sB,EARF4sB,sBAAAA,aAAwBpE,8BAAsB2C,KAC9C0B,EAOE7sB,EAPF6sB,UACAxG,EAMErmB,EANFqmB,aACAyG,EAKE9sB,EALF8sB,oBACMxG,EAIJtmB,EAJF+hB,KACagL,EAGX/sB,EAHFgtB,cAGEhtB,EAFFitB,kBAAAA,aAAoB,CAAC,GAAI,GAAI,GAAI,OAC9B/f,IACDlN,MAEEE,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExBkF,EAAY+B,GAAaxP,EAAMyN,aAEMuT,GAAc,CACvDC,WAAY8L,UACHJ,IAFJK,OAAaE,SAKwBrH,GAAc,CACxDC,MAAO+G,EAAYG,EACnBjH,YAAAA,EACAI,kBAAmB,EACnBD,sBAAuB,EACvBG,aAAAA,EACAtE,KAAMuE,IANAvE,IAAAA,KAAM0F,IAAAA,YAAaf,IAAAA,eASWlnB,WAAewtB,GAA9ChE,OAAamE,OAGdC,GAAoBrL,EAAO,GAAKiL,EAAc,EAC9CK,EAHatL,EAAOiL,GAAeH,EAGLA,EAAY9K,EAAOiL,EAEjDM,EAAmBL,EAAkBxgB,KAAI,SAAAnD,SAAU,CACvD8M,MAAO9M,EAAMikB,WACbjkB,MAAAA,eAGOkkB,EAAwBlkB,GAC1Bgd,IACHI,EAAa,GAEbL,GAC0B,mBAAjBA,GACPA,EAAa,GAA4B,IAGxC0G,GACHG,EAAoB5jB,GAGtBwjB,GACiC,mBAAxBA,GACPA,EAAoBxjB,GACpB6jB,EAAeH,OAGbS,EAAiBhG,EAAY,GAC7BiG,EAAajG,EAAYA,EAAY7F,OAAS,UAGlDpiB,gBAACkgB,oBACKxS,iBACSD,EACbQ,UAAWA,EACXlE,IAAKA,EACLrJ,MAAOA,IAEPV,gBAACitB,QACEtf,EAAKnG,MAAMV,WAAWc,sBAEzB5H,gBAACupB,IACCE,UAAWR,0BAAkB3B,IAC7BoC,cAAe0D,EACf5D,YAAaA,GAEbxpB,gBAACurB,iBACa5d,EAAKnG,MAAMV,WAAWc,iBAClC1H,MAAOkQ,oBAAY8G,UACnB7L,MAAO,CAAEwN,SAAU,GACnBpL,OAAO,4BAENqgB,EAAiBrU,MAAK,SAAAyO,UAAQA,EAAKpe,QAAU0jB,KAAa5W,OAE7D5W,gBAACisB,QACE6B,EAAiB7gB,KAAI,SAAC2Y,EAAK2C,UAC1BvoB,gBAACusB,IACCrB,IAAK3C,EACLjT,QAAS0Y,EACTlkB,MAAO8b,EAAI9b,OAEV8b,EAAIhP,YAMb5W,gBAACgtB,IAAU/e,UAAWA,EAAWvN,MAAOA,GAClCktB,MAAoBC,MAAkBlgB,EAAKnG,MAAMV,WAAWW,YAAW4lB,GAG7ErtB,gBAAC+Q,iBACapD,EAAKnG,MAAMV,WAAWa,kBAClCzH,MAAOkQ,oBAAY8G,UACnBlJ,SAAUigB,EAAejgB,SACzBgD,KAAMhR,gBAACmuB,iBACPlgB,UAAWA,EACXqH,QAAS2Y,EAAe3Y,QACxB7H,OAAO,cACPnN,QAASoP,sBAAcE,OAEzB5P,gBAAC+Q,iBACapD,EAAKnG,MAAMV,WAAWY,cAClCxH,MAAOkQ,oBAAY8G,UACnBlJ,SAAUkgB,EAAWlgB,SACrBgD,KAAMhR,gBAACouB,iBACPngB,UAAWA,EACXqH,QAAS4Y,EAAW5Y,QACpB7H,OAAO,UACPnN,QAASoP,sBAAcE,4IClMzBye,GAAiB/gB,EAAOghB,2NAOxB,SAAA9tB,UACAA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAOoC,OACnBqI,EAAME,MAAM3K,OAAOyB,aAUzB,SAAAgJ,UACCA,EAAMN,OACP6N,wCAEkBvN,EAAMujB,gBAChBvjB,EAAMyN,UACJzN,EAAME,MAAM3K,OAAOiC,KACnBwI,EAAME,MAAM3K,OAAOqC,KACrB,sCAIR,SAAAoI,UACAA,EAAMsjB,iBACLtjB,EAAMN,OACP6N,4BAGIvN,EAAMyN,UAAYzN,EAAME,MAAM3K,OAAOkC,OAASuI,EAAME,MAAM3K,OAAOsC,qCAIrE,SAAAmI,UACAA,EAAMN,OACN6N,oBAvEJ,SAAiCvN,UACvBA,EAAMN,WACP,iBACIM,EAAME,MAAM3K,OAAOe,YACvB,iBACI0J,EAAME,MAAM3K,OAAOY,UACvB,gBACI6J,EAAME,MAAM3K,OAAOkB,WACvB,cACIuJ,EAAME,MAAM3K,OAAOC,sBAEnB,WA6DOu4B,CAAwB/tB,aAzD5C,SAA4BA,SACN,YAAhBA,EAAMN,MACDM,EAAME,MAAM3K,OAAOoB,QAGxBqJ,EAAMN,MACDM,EAAME,MAAM3K,OAAO2B,UAGrB,UAiDM82B,CAAmBhuB,iCAIrBiuB,GAAWzuB,cACtB,SAACQ,EAAOuJ,OAEJoD,EASE3M,EATF2M,SACAuhB,EAQEluB,EARFkuB,gBACAvG,EAOE3nB,EAPF2nB,WACAwG,EAMEnuB,EANFmuB,qBACAC,EAKEpuB,EALFouB,kBACAC,EAIEruB,EAJFquB,iBACAC,EAGEtuB,EAHFsuB,SACArhB,EAEEjN,EAFFiN,OACGC,IACDlN,MACEE,EAAQV,aAAiBD,GACzB+kB,EAAe9kB,aAAiB2jB,IAElCoL,GAAc,WASTC,YACHxuB,EAAMN,OAASM,EAAMN,QAAU6iB,sBAAc/P,cAG7CxS,EAAMN,OAASM,EAAMN,QAAU6iB,sBAAc/P,UAI1C8R,EAAa7W,kBAftBjO,WAAe0M,QAAQS,GAAU,SAAC8hB,GACD,oBAA3BA,EAAMp0B,KAAKkqB,cACbgK,GAAc,MAiBhB/uB,gBAACquB,oBACK3gB,iBACSD,EACbqW,eAAgBgB,EAAahB,iBAAmBiL,EAChDhL,gBAAiBe,EAAaf,gBAC9B9V,UAAW6W,EAAa7W,UACxBlE,IAAKA,EACLrJ,MAAOA,IAENokB,EAAab,cAAgB8K,GAC5B/uB,gBAACylB,IAAgB/mB,MAAOgC,EAAMlI,WAAWK,WACvCmH,gBAACgjB,IACCC,OAAQyL,EACRzgB,UAAW+gB,IACXtP,WAAY,CAAExhB,QAAS,GACvByhB,UAAU,kBACVC,wBACAtB,SAAUsQ,KAIf9J,EAAab,eAAiB8K,GAC7B/uB,gBAAC6kB,IACCnmB,MAAOgC,EAAMlI,WAAWK,UACxBwS,MAAO,CAAEia,cAAe,WAExBtlB,gBAAC2gB,IACCC,QAASuH,EACTna,SAAU2gB,EACVjP,WAAY,CAAExhB,QAAS,GACvByhB,wBAAyBmP,SAAehK,EAAaZ,SACrDtE,wBACA3R,UAAW+gB,IACX1Q,SAAUuQ,KAKf1hB,MCjLI+hB,GAAoB,SAAA1uB,UACxBR,gBAACktB,oBAAoB1sB,yQCkIjB2uB,GAAWnvB,cACtB,SAACQ,EAAOuJ,OAEJqlB,EAYE5uB,EAZF4uB,QACYC,EAWV7uB,EAXF8uB,aAWE9uB,EAVF+uB,gBAAAA,aAAkB,OAUhB/uB,EATFgvB,oBAAAA,aAAsB,KACtBC,EAQEjvB,EARFivB,eACAC,EAOElvB,EAPFkvB,YACAC,EAMEnvB,EANFmvB,uBAMEnvB,EALFovB,gBAAAA,aAAkB,KAClBC,EAIErvB,EAJFqvB,KACcC,EAGZtvB,EAHFuvB,eAGEvvB,EAFFwvB,cAAAA,gBACGtiB,IACDlN,QACgCR,WAA8B,IAA3DiwB,OAAYC,SACyB1O,GAAc,CACxDC,WAAYqO,UACHN,IAFJO,OAAcI,OAKfpP,IAAe+O,IAMjBjO,GAAkB,CACpBC,oBAAqB8N,EAAgBzC,mBACrCpL,MAAO8N,EACP5N,aAAc2N,EAAgBpC,YAC9BtL,qBAAsB0N,EAAgBtC,sBAPtChL,IAAAA,aACckL,IAAdvL,aACAC,IAAAA,uBAQoCV,GAAc,CAClDC,WAAYmO,EAAgBrN,aACnBqN,EAAgBrJ,aAAe,IAFnC6J,OAAaC,OAKpBrwB,aAAgB,WACdkwB,EAAcF,EAAgB1N,EAAa8N,GAAeP,KACzD,CAACO,EAAa5C,QDzKgB8B,EC2KzBgB,GD3KyBhB,OC4K5BD,MD1KLiB,WAAYpB,IACTI,ICwKKgB,WAImBC,IAA4BX,MAEvDW,EAAwBhO,KAAO6N,EAC/BG,EAAwBlD,UAAYwC,EAAKzN,OACzCmO,EAAwB/C,YAAcA,EACtC+C,EAAwBjD,oBAAsBpL,EAC9CqO,EAAwB1J,aAAe7mB,eACrC,SAACue,EAAOiS,GACDZ,EAAgBrN,MACnB8N,EAAeG,GAGjBZ,EAAgB/I,cAC0B,mBAAjC+I,EAAgB/I,cACvB+I,EAAgB/I,aAAatI,EAAOiS,KAExC,CAACZ,EAAgB/I,mBAGb4J,EAAeR,EAAWnH,QAAO,SAAAlD,UAAQA,EAAI+I,wBAE7CD,EACJqB,EAAa3N,SAAWqO,EAAarO,OACjCK,oCAA4B7B,QAC5BmP,EAAa3N,OAAS,EACtBK,oCAA4BiO,cAC5BjO,oCAA4BkO,mBAmCzBC,EAAyBC,GAC5B9P,EACF4O,GACkC,mBAAzBA,GACPA,EAAqBkB,GAEvBV,EAAoBU,UAKtB7wB,gCACEA,gBAACskB,oBAAU5W,GAAO3D,IAAKA,IACrB/J,gBAACilB,QACCjlB,gBAACyuB,IACCC,gBAAiBA,EACjBE,2BA/BkBrQ,GAExBmQ,IAAoBjM,oCAA4BiO,eAChDhC,IAAoBjM,oCAA4B7B,QAEhDgQ,EAAyB,IAEzBA,EAAyBH,EAAaxjB,KAAI,SAAA2Y,UAAOA,EAAI3c,OAGvDwmB,GAC4B,mBAAnBA,GACPA,EAAelR,KAqBR6Q,EAAQniB,KAAI,gBAAG6jB,IAAAA,MAAO5sB,IAAAA,OAAWwJ,iBAChC1N,gBAACylB,kBACCyF,iBAAkB4F,GACdpjB,GACJ0X,aAAa,IAEZlhB,QAMTlE,gBAACukB,QACE0L,EAAWhjB,KAAI,gBAAGhE,IAAAA,GAAI/I,IAAAA,MAAOyuB,IAAAA,qBAAyBjhB,iBACrD1N,gBAACyuB,IACCvD,UAAWjiB,EACX/I,MAAOA,EACPioB,aACE4H,GAAeA,EAAavW,QAAQvQ,IAAO,EAE7C0lB,qBAAsBA,EACtBE,iBAAkB,SAAAtQ,mBAvE5BtV,EACAsV,OAEQqC,EAAYrC,EAAMC,OAAlBoC,QACFiQ,YAAsBd,GAE5BnP,EACIiQ,EAAgBE,KAAK9nB,GACrB4nB,EAAgBG,OAAOH,EAAgBrX,QAAQvQ,GAAK,GAExD2nB,EAAyBC,GAEzBnB,GACyB,mBAAhBA,GACPA,EAAYzmB,EAAIsV,GAyDmB0S,CAAgBhoB,EAAIsV,KAE9C6Q,EAAQniB,KAAI,gBAAG6jB,IAAAA,MAAO1L,IAAAA,mBACdA,EACLplB,gBAACylB,IACCyF,WAAY4F,EACZ1L,YAAaA,GAEZ1X,EAAMojB,IAGT9wB,gBAAC6kB,IAAUqG,WAAY4F,GAAUpjB,EAAMojB,aAOlDd,GACChwB,gBAACswB,iBACCriB,UAAWzN,EAAMyN,UACjBof,UAAWwC,EAAKzN,QACZmO,EACAhB,EAAgBzoB,iBC/RnBoqB,GAAkBlxB,gBAA8C,CAC3EmxB,WAAY,IAAIC,KAChBC,YAAa,IAAID,KACjBE,mBAAoB,SAACC,EAAeC,SAAgC,CAClE,CAACD,KAEHE,sBAAuB,aACvBC,sBAAuB,aACvBC,aAAc,SAACJ,EAAehT,KAC9BI,UAAW,SAACJ,KACZqT,iBAAkB,aAClBC,iBAAkB,aAClBC,eAAgB,SAAChoB,wGNxBP2iB,GAAAA,0BAAAA,6CAEVA,eACAA,iBACAA,aAGF,aAAasF,GAAsBtF,wBAwC7BuF,GAAmB1kB,EAAOgG,qEAKnB2e,GAAe3kB,EAAOC,qPAOrB,SAAA/M,UAASA,EAAME,MAAMf,QAAQE,oBAE9B,SAAAW,UAASA,EAAME,MAAMf,QAAQE,oBAOxB,SAAAW,UACZA,EAAMyN,UACFzN,EAAME,MAAMf,QAAQtB,QAAQJ,gBAC5BuC,EAAME,MAAMf,QAAQ1B,mBAIjBi0B,GAAgB5kB,EAAOgG,quBAMpB,SAAA9S,UACZA,EAAMyN,UACFzN,EAAME,MAAMf,QAAQtB,QAAQJ,gBAC5BuC,EAAME,MAAMf,QAAQ1B,mBACT,SAAAuC,UAASA,EAAME,MAAM/G,gBAC7B,SAAA6G,UACPA,EAAMyN,UACFzN,EAAME,MAAMf,QAAQtB,QAAQF,UAC5BqC,EAAME,MAAMf,QAAQxB,aACb,SAAAqC,UAASA,EAAME,MAAMf,QAAQ7K,UAAUE,YAClC,SAAAwL,UAASA,EAAME,MAAMf,QAAQ7K,UAAUG,iBAC1C,SAAAuL,UAASA,EAAME,MAAMf,QAAQ7K,UAAUI,cACvC,SAAAsL,UAASA,EAAME,MAAMf,QAAQvC,cAC/B,SAAAoD,UAASA,EAAME,MAAMf,QAAQf,YAE/B,SAAA4B,UAASA,EAAME,MAAMlI,WAAWG,aACvC,SAAA6H,UAASA,EAAME,MAAMlI,WAAWI,aACzB,SAAA4H,UAASA,EAAME,MAAMf,QAAQG,UAgC7BqyB,GAAUnyB,cAAoC,SAACQ,EAAOuJ,SAC/B/J,WAAwBQ,EAAM4xB,MAAzDC,OAAWC,SAEhBtyB,WAA4B,MADvBuyB,OAAkBC,SAGvBxyB,WAA+B,MAD1ByyB,OAAeC,SAEkB1yB,WAAgC,MAAnD2yB,SAEUC,YAAUL,EAAkBE,EAAe,CACxEI,UAAW,CACT,CAAEC,KAAM,QAASC,QAAS,CAAEtnB,eAC5B,CACEqnB,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,MAIlBC,UAAWzyB,EAAMxF,UAAYyxB,wBAAgBxxB,MAVvCi4B,IAAAA,OAAQC,IAAAA,WAaVC,EAAc/mB,EAAatC,EAAKyoB,YAqB7Ba,IACPf,GAAa,YAGNgB,IACPhB,EAAa9xB,EAAM4xB,MAxBrBpyB,aAAgB,eACRuzB,EAAY,SAAAhV,GACE,WAAdA,EAAM2M,KACRoI,YAGJE,OAAOC,iBAAiB,UAAWF,GAE5B,WACLC,OAAOE,oBAAoB,UAAWH,MAEvC,QAiBDI,EASEnzB,EATFmzB,WACAxmB,EAQE3M,EARF2M,SACAnO,EAOEwB,EAPFxB,QACA4e,EAMEpd,EANFod,eACIpJ,EAKFhU,EALFyI,GACAjO,EAIEwF,EAJFxF,SACAyS,EAGEjN,EAHFiN,OACAmmB,EAEEpzB,EAFFozB,aACGlmB,IACDlN,MAEEyI,EAAKE,EAAcqL,GACnB9T,EAAQV,aAAiBD,MAE3BiN,MAAM6mB,QAAQ1mB,SACV,IAAIf,MAAM,iDAGZ0nB,EAAiB9zB,eAAmBmN,EAAU,oBAC9BklB,EAAYppB,EAAK,KACrCmiB,OAAQkI,EACRS,QAASV,EACTtpB,IAAKqpB,IAGDY,OACDd,EAAOe,OACPL,GAGCM,OAA0BhB,EAAOiB,MAAUR,GAE3C1lB,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAACgyB,oBACKtkB,iBACSD,EACbkR,mBArDmBJ,GACH,WAAdA,EAAM2M,KACRoI,KAoDAc,aAAcd,EACde,aAAchB,EACdhoB,MAAOuS,IAENkW,EACAzB,GACCryB,qCACE+J,IAAK2oB,EACLrnB,MAAO2oB,GACHb,EAAWc,QAEfj0B,gBAACkyB,kBACCjpB,GAAIA,EACJgF,UAAWA,EACXjT,SAAUA,GAAsByxB,wBAAgBxxB,IAChDyF,MAAOA,EACPmN,KAAK,WACDslB,EAAWc,QAEdj1B,EACDgB,gBAACiyB,IACChkB,UAAWA,EACXlE,IAAK4oB,EACLtnB,MAAO6oB,EACPxzB,MAAOA,mBOvIL4zB,GAAqBC,UAC5BC,eAAaC,YAAUF,EAAU,aAG1BG,GAAqBH,UAC5BC,eAAaG,YAAUJ,EAAU,IAG1C,SAAgBK,GAAWC,EAAMC,EAAkBj0B,mBAAlBi0B,IAAAA,EAAY,eAAMj0B,IAAAA,EAASk0B,QAExDF,GACAG,SAAOC,GAAkBJ,GAAOC,EAAW,CACzCj0B,OAAAA,aAKUo0B,GAAkBJ,UACzBA,EAAQA,aAAgBzD,KAAOyD,EAAO,IAAIzD,KAAKyD,GAAS,yDCpH3DK,GAA0B5nB,EAAOgG,mHAG1B,SAAA9S,UAASA,EAAME,MAAMlI,WAAWU,aACvC,SAAAsH,UAASA,EAAME,MAAMlI,WAAWG,aACrB,SAAA6H,UAASA,EAAME,MAAMlI,WAAWC,aAG3C08B,GAAqB7nB,EAAOgG,gGAIvB,SAAA9S,UAAUA,EAAMiI,KAAO,EAAI,KAGhC2sB,GAAqB9nB,EAAOgG,sMAEvB,SAAA9S,UAASA,EAAME,MAAM3K,OAAOoB,WACxB,SAAAqJ,UAASA,EAAME,MAAM5L,UAAUM,OAAOJ,YACpC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUM,OAAOF,cAQ1CmgC,GAAiBr1B,cAG5B,SAACQ,EAAOmd,OACF2X,EAAiBt1B,aAErBA,aAAiBkxB,IADXG,IAAAA,YAAaO,IAAAA,iBAAkBC,IAAAA,iBAEjC0D,EAAkB1rB,EAAYrJ,EAAMg1B,aACpCzrB,EAAMsC,EAAasR,EAAc2X,GAEvCt1B,aAAgB,YACTu1B,GAAmB/0B,EAAMg1B,aAC5BF,EAAerrB,QAAQ/T,UAExB,CAACsK,EAAMg1B,kBAEJ90B,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExBlI,EAAS8M,EAAK9M,QAAUk0B,OAExBU,EAAeT,GAAO3D,EAAa,YAAaxwB,GAEhD60B,EACJD,GACAA,EAAaE,OAAO,GAAGC,cAAgBH,EAAalc,MAAM,UAG1DvZ,gBAACk1B,IAAwBx0B,MAAOA,GAC9BV,gBAACo1B,IAAmBlgB,UAAW,EAAGxU,MAAOA,EAAOqJ,IAAKA,GACnD/J,gBAACyV,QAAUigB,IAEb11B,gBAACm1B,QACCn1B,gBAAC+Q,iBACgBpD,EAAKpK,WAAWK,2BAA0BoxB,GACvDP,YAAU,IAAIrD,KAAKC,GAAc,GACjC,YACAxwB,GAEFmQ,KAAMhR,gBAAC61B,sBACPh7B,KAAM0U,mBAAWC,OACjBlP,QAASoP,sBAAcE,KACvB0F,QAASsc,KAGb5xB,gBAACm1B,IAAmB1sB,SAClBzI,gBAAC+Q,iBACgBpD,EAAKpK,WAAWM,uBAAsBmxB,GACnDL,YAAU,IAAIvD,KAAKC,GAAc,GACjC,YACAxwB,GAEFmQ,KAAMhR,gBAAC81B,yBACPj7B,KAAM0U,mBAAWC,OACjBlP,QAASoP,sBAAcE,KACvB0F,QAASuc,SCrFbkE,GAAkBzoB,EAAOsX,oMACT,SAAApkB,UAASA,EAAME,MAAM3K,OAAOyB,aACvC,SAAAgJ,UAASA,EAAME,MAAM3K,OAAOoB,WACxB,SAAAqJ,UAASA,EAAME,MAAM5L,UAAUM,OAAOJ,YACpC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUM,OAAOF,cAC3C,SAAAsL,UAASA,EAAME,MAAMlI,WAAWS,aAIjC,SAAAuH,UAASA,EAAME,MAAMlI,WAAWS,aAGrC+8B,GAAmB1oB,EAAOkC,yrBAMhB,SAAAhP,UACZA,EAAMy1B,SACFz1B,EAAME,MAAM3K,OAAOM,aACnBmK,EAAME,MAAM3K,OAAO2B,aAGhB,SAAA8I,UACPA,EAAMy1B,SACFz1B,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAMwN,SACNxN,EAAME,MAAM3K,OAAO4B,aACnB6I,EAAME,MAAM3K,OAAOoB,WACf,SAAAqJ,UAAUA,EAAMwN,SAAW,cAAgB,aAEtC,SAAAxN,UAASA,EAAME,MAAMlI,WAAWS,aAErC,SAAAuH,UAASA,EAAME,MAAMlI,WAAWC,aAK5B,SAAA+H,UAASA,EAAME,MAAMlI,WAAWS,aAGtB,SAAAuH,UAASA,EAAME,MAAM3K,OAAOG,SAIpC,SAAAsK,UAASA,EAAME,MAAM3K,OAAOoB,WAa7B,SAAAqJ,UAAUA,EAAMwN,SAAW,EAAI,MAK1CkoB,GAAY5oB,EAAOsX,oDAKnBuR,GAAiB7oB,EAAOC,0QACH,SAAA/M,UAASA,EAAME,MAAM3K,OAAOS,OAY1C4/B,GAAyD,SACpE51B,OAEM61B,EAASr2B,aASXA,aAAiBkxB,IAPnBoF,IAAAA,YACAjF,IAAAA,YACAF,IAAAA,WACAoF,IAAAA,QACAC,IAAAA,QACA1E,IAAAA,eACAH,IAAAA,eAE4B3xB,YAAwB,GAA/Cy2B,OAASC,OACRC,EAAsBn2B,EAAtBm2B,IAAKC,EAAiBp2B,EAAjBo2B,aAEb52B,aAAgB,WACVs2B,GAAeO,YAAUr2B,EAAMm2B,IAAKtF,IACtCgF,EAAOpsB,QAAQ/T,QACfwgC,GAAW,IAEPD,GACFC,GAAW,KAGd,CAACrF,EAAaiF,QAeXtoB,IACHuoB,GAAUO,UAAQt2B,EAAMm2B,IAAKJ,MAC7BC,GAAUO,WAASv2B,EAAMm2B,IAAKH,GAE3B91B,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,MAE1B4tB,EAAK,KACDK,EAAwBH,YAAUF,EAAKtF,GACvC4F,EAAuBJ,YAAUF,EAAKxF,GACtC+F,EAAkBL,YAAUF,EAAK,IAAIvF,MACrCvwB,EAAS8M,EAAK9M,QAAUk0B,OACxB3wB,GACJ4J,EAAWL,EAAKpK,WAAWO,qBAAuB,QAChDkxB,GAAO2B,EAAK,qBAAsB91B,QACpCq2B,EAAkBvpB,EAAKpK,WAAWS,eAAiB,SACjDizB,EAAuBtpB,EAAKpK,WAAWQ,qBAAuB,WAGhE/D,gBAAC+1B,IAAgBhC,mBA/BnBjC,GAAe,IA+BiCpxB,MAAOA,GACnDV,gBAACg2B,oBACgBhoB,eACH5J,EACZ4J,SAAUA,EACVioB,SAAUgB,EACVE,UAAWP,GAAgBI,EAC3B1hB,iBAnCYiJ,GACdvQ,EACFuQ,EAAM4M,iBAIRwG,EAAagF,EAAKpY,IA8BZxU,IAAKssB,EACLnhB,SAAU8hB,EAAwB,GAAK,EACvCn8B,KAAK,SACL6F,MAAOA,GAENs0B,GAAO2B,EAAK,IAAK91B,IAEnBq2B,GACCl3B,gBAACm2B,kBAA2B,iBAAiBz1B,MAAOA,YAKnDV,gBAACk2B,UChKNkB,GAAO9pB,EAAO+pB,8FAOdC,GAAOhqB,EAAOiL,gVAIL,SAAA/X,UAASA,EAAME,MAAM5L,UAAUK,OAAOH,YACpC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUK,OAAOD,cAejDqiC,GAAgCjqB,EAAOC,qOAG9B,SAAA/M,UAASA,EAAME,MAAM5L,UAAUK,OAAOH,YACjC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUK,OAAOF,iBACzC,SAAAuL,UAASA,EAAME,MAAM5L,UAAUK,OAAOD,cACrC,SAAAsL,UAASA,EAAME,MAAMlI,WAAWG,aAErC,SAAA6H,UAASA,EAAME,MAAMlI,WAAWE,aACvC,SAAA8H,UAASA,EAAME,MAAMlI,WAAWI,aAGhC4+B,GAAclqB,EAAOgG,qEAKrBmkB,GAAqBnqB,EAAOgG,8FAK5BokB,GAAgBpqB,EAAOgG,gIAShBqkB,GAET,SAACn3B,OACGmN,EAAO3N,aAAiB+I,GACxBrI,EAAQV,aAAiBD,UAG7BC,gBAACw3B,QACCx3B,gBAACy3B,QACCz3B,gBAAC+Q,IACCC,KAAMhR,gBAAC61B,sBACPz1B,KAAM0P,mBAAWrT,MACjB4O,MAAO,CAAEpQ,IAAK,MAAOE,KAAM,SAC3BmF,QAASoP,sBAAcE,KACvB0F,QAAS9U,EAAMopB,6BAIjB5pB,gBAAC+Q,iBACapD,EAAKpK,WAAWI,uBAC5BzD,MAAOkQ,oBAAY8G,UACnBlG,KAAMhR,gBAACqV,kBACPjV,KAAM0P,mBAAWpT,OACjB2O,MAAO,CAAElQ,KAAM,QACfN,KAAM0U,mBAAWC,OACjB8F,QAAS9U,EAAMopB,QACftpB,QAASoP,sBAAcE,QAG3B5P,gBAAC03B,QACC13B,gBAACkc,IAAQC,MAAO,EAAGZ,YAAaxB,8BAAsBvc,eACnDmQ,EAAKpK,WAAWU,UAAUC,QAE7BlE,gBAACo3B,IAAKnuB,GAAG,0CACPjJ,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,iBACa5pB,EAAKpK,WAAWU,UAAUxJ,MAAM2J,UAC5CyJ,KAAK,MACLnN,MAAOA,QAITV,2BAAM2N,EAAKpK,WAAWU,UAAUxJ,MAAM4J,cAExCrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eAELiN,EAAKpK,WAAWU,UAAUK,sBAAsBF,kBAKpDpE,2BACG2N,EAAKpK,WAAWU,UAAUK,sBAAsBD,cAGrDrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eAELiN,EAAKpK,WAAWU,UAAUM,mBAAmBH,kBAKjDpE,2BACG2N,EAAKpK,WAAWU,UAAUM,mBAAmBF,cAGlDrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eAELiN,EAAKpK,WAAWU,UAAUO,sBAAsBJ,WAGjDuJ,EAAKpK,WAAWU,UAAUO,sBAAsBC,cAEnDzE,2BACG2N,EAAKpK,WAAWU,UAAUO,sBAAsBH,cAGrDrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eACKiN,EAAKpK,WAAWU,UAAUS,eAAeN,WAEpDuJ,EAAKpK,WAAWU,UAAUS,eAAeD,cAE5CzE,2BAAM2N,EAAKpK,WAAWU,UAAUS,eAAeL,cAEjDrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eACKiN,EAAKpK,WAAWU,UAAUU,OAAOP,WAE5CuJ,EAAKpK,WAAWU,UAAUU,OAAOF,cAEpCzE,2BAAM2N,EAAKpK,WAAWU,UAAUU,OAAON,cAEzCrE,gBAACs3B,IAAK52B,MAAOA,GACXV,gBAACu3B,IACC1pB,KAAK,MACLnN,MAAOA,eACKiN,EAAKpK,WAAWU,UAAUW,aAAaR,gBAIrDpE,2BAAM2N,EAAKpK,WAAWU,UAAUW,aAAaP,2BCvLzCuzB,GACdC,EACA3zB,EACAoH,OAEMwsB,EAAW93B,SAA0B,MACrC+3B,EAAiB/3B,SAAiC,IAElDg4B,EAAuB,iBAC3BD,EAAe9tB,iBAAU6tB,EAAS7tB,gBAATguB,EAAkBC,iBACzC,2FAIJl4B,aAAgB,WACV63B,IACFG,IAEI9zB,GAAUA,EAAO+F,QACnB/F,EAAO+F,QAAQ/T,QACN6hC,EAAe9tB,SAAW8tB,EAAe9tB,QAAQmY,OAAS,EAC1C2V,EAAe9tB,QAAhC,GAEE/T,QACDoV,GAAQA,EAAKrB,UACrBqB,EAAKrB,QAAQkuB,WAA2BC,aAAa,WAAY,MACjE9sB,EAAKrB,QAAQkuB,WAA2BjiC,YAG5C,CAAC2hC,IAEJ73B,aAAgB,eACRq4B,EAA6B,IAAIC,kBAAiB,WACtDN,cAGFA,IAEAF,EAAS7tB,SACPouB,EAASE,QAAQT,EAAS7tB,QAAS,CAAEuuB,WAAW,EAAMC,SAAS,IAC1D,WACLJ,EAASK,gBAEV,CAACZ,IAEJ93B,aAAgB,eACR24B,EAAiB,SAACpa,MACjBwZ,EAAe9tB,aAEP2uB,EAAara,EAAbqa,WAKTb,EAAe9tB,QAHjBmY,IAAAA,OACGyW,IAAH,GACcC,IAAb1W,EAAS,MAGRyV,GAAkB,QAPItZ,EAAlB2M,IAOqB,IAEZ,IAAX9I,cACF7D,EAAM4M,oBAKO,IAAX/I,SACF7D,EAAM4M,sBACF0N,IAAc7tB,SAAS2f,eACzBkO,EAAU3iC,aAOT0iC,GAAY5tB,SAAS2f,gBAAkBmO,SAC1Cva,EAAM4M,sBACN0N,EAAU3iC,WAMV0iC,IACC5tB,SAAS2f,gBAAkBkO,GAC1B7tB,SAAS2f,gBAAkBzmB,EAAO+F,gBAEpCsU,EAAM4M,sBACN2N,EAAS5iC,kBAMfs9B,OAAOC,iBAAiB,UAAWkF,GAE5B,WACLnF,OAAOE,oBAAoB,UAAWiF,MAEvC,CAACd,EAAQE,IAELD,kBCpFHiB,GAAoBzrB,EAAOgG,8FACjB,SAAA9S,UAASA,EAAME,MAAM3K,OAAO2B,aAC7B,SAAA8I,UAASA,EAAME,MAAMlI,WAAWK,aACzC,SAAA2H,UAASA,EAAME,MAAMlI,WAAWG,aAIhCqgC,GAAiB1rB,EAAOgG,iHACd,SAAA9S,UAASA,EAAME,MAAM3K,OAAO2B,aAMtC4sB,GAAQhX,EAAO9F,qGAGF,SAAAhH,UAASA,EAAME,MAAMlI,WAAWG,aAG7CsgC,GAAK3rB,EAAO6X,0JAEP,SAAA3kB,UAASA,EAAME,MAAM3K,OAAOoB,WACxB,SAAAqJ,UAASA,EAAME,MAAM5L,UAAUK,OAAOH,YACpC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUK,OAAOD,cAMjDgkC,GAAe5rB,EAAOC,0FACnB,SAAA/M,UAASA,EAAME,MAAMlI,WAAWC,aAE/B,SAAA+H,UAASA,EAAME,MAAMlI,WAAWC,aAIpC0gC,GAAc7rB,EAAOC,2FAEhB,SAAA/M,UAASA,EAAME,MAAMlI,WAAWC,aAClC,SAAA+H,UAASA,EAAME,MAAMlI,WAAWC,aAI5B2gC,GAA6D,SACxE54B,OAEM64B,EAAYr5B,WACZs5B,EAAat5B,WACbwK,EAAUxK,aAAiBkxB,MACOlxB,YAAwB,GAAzD42B,OAAc2C,SACiBv5B,YAAwB,GAAvDw1B,OAAagE,OACdC,EAAqB5vB,EAAYrJ,EAAMk5B,gBAEvCC,EAAmB/B,GAAap3B,EAAMk5B,eAAgBJ,GAE5Dt5B,aAAgB,YACTy5B,GAAsBj5B,EAAMk5B,iBAC/BL,EAAUpvB,QAAUe,SAAS2f,cAEzBnqB,EAAMo5B,cACRL,GAAgB,GAChB/uB,EAAQsnB,gBAAe,MAIvBtxB,EAAMk5B,gBAAmBl5B,EAAMo5B,aAAgBpE,GACjDgE,GAAe,GAGbC,IAAuBj5B,EAAMk5B,gBAC/BF,GAAe,KAEhB,CAACh5B,EAAMk5B,eAAgBl5B,EAAMo5B,kBAe1Bl5B,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExBjH,EAAO,CACX,SACA,SACA,UACA,YACA,WACA,SACA,YAEI0B,EAAc1B,EAAK0X,QAAQ7L,EAAKpK,WAAWC,aAE3Cq2B,EADa/3B,EAAKyX,MAAM/V,GAAas2B,OAAOh4B,EAAKyX,MAAM,EAAG/V,IAC5ByJ,KAAI,SAAC0pB,EAAKpO,UAC5CvoB,gBAACi5B,IAAG/N,IAAK3C,EAAO7nB,MAAOA,GACpBiN,EAAK7L,KAAKQ,IAAIq0B,cAKjB32B,gCACEA,gBAAC+4B,kBACa,yBACZ7jB,UAAW,EACXxU,MAAOA,EACPie,UAAWnU,EAAQmU,WAElBnU,EAAQuvB,uBACP/5B,gBAAC23B,IACCxO,OAAQ3e,EAAQuvB,uBAChBnQ,QAASpf,EAAQknB,wBAGnB1xB,gBAACg5B,kBACa,gCACC,OACbt4B,MAAOA,EACPqJ,IAAK4vB,GAEL35B,gBAACq1B,IAAetrB,IAAKuvB,EAAY9D,YAAaA,IAE9Cx1B,gBAACskB,IACCzW,KAAK,eACLud,kBApDVmO,GAAgB,GAChB/uB,EAAQsnB,gBAAe,IAoDbiC,mBAzDVwF,GAAgB,IA0DN74B,MAAOA,GAEPV,6BACEA,0BAAK65B,GACJrvB,EACE8mB,mBAAmB9mB,EAAQ6mB,aAC3BpkB,KAAI,SAAC+sB,EAAMvS,UACVznB,sBAAIkrB,IAAKzD,GACNuS,EAAK/sB,KAAI,SAAC0pB,EAAKsD,UACdj6B,gBAACo2B,IACClL,IAAK+O,EACLtD,IAAKA,EACLC,aAAcA,EACdjF,aAAcnnB,EAAQmnB,wBAOpC3xB,gBAACmyB,IACCnzB,QAAS,wBACT40B,aAAc,CAAE54B,SAAU,UAE1BgF,gBAACk5B,IAAax4B,MAAOA,GACnBV,gBAAC+Q,iBACapD,EAAKpK,WAAWU,UAAUE,oBACtC6M,KAAMhR,gBAACk6B,qBACP5kB,QAAS9K,EAAQinB,sBACjBrxB,KAAM0P,mBAAWrT,MACjBs3B,mBA/EdvpB,EAAQsnB,gBAAe,IAgFTj3B,KAAM0U,mBAAWC,OACjBlP,QAASoP,sBAAcE,SAK7B5P,gBAACm5B,IAAYz4B,MAAOA,GAClBV,gBAAC+Q,iBACapD,EAAKpK,WAAWI,uBAC5BzD,MAAOkQ,oBAAY8G,UACnBlG,KAAMhR,gBAACqV,kBACPC,QAAS9U,EAAM25B,uBACf/5B,KAAM0P,mBAAWpT,OACjB7B,KAAM0U,mBAAWC,OACjBlP,QAASoP,sBAAcE,mNCzIjCwqB,GAA2B9sB,EAAOgG,uCAC7B,SAAA9S,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,WAGdkjC,GAAqBr6B,cAGhC,SAACQ,EAAOuJ,SAiBJvJ,EAfF2e,WAAAA,gBACAhS,EAcE3M,EAdF2M,SACAyQ,EAaEpd,EAbFod,eACA2B,EAYE/e,EAZF+e,aACA+a,EAWE95B,EAXF85B,QACA9a,EAUEhf,EAVFgf,cACAvO,EASEzQ,EATFyQ,aACAmM,EAQE5c,EARF4c,UACW3F,EAOTjX,EAPFyN,UACAssB,EAME/5B,EANF+5B,sBACA7a,EAKElf,EALFkf,WACAC,EAIEnf,EAJFmf,UACA6a,EAGEh6B,EAHFg6B,aAEG/pB,IACDjQ,MACEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,GAEzBoI,EACJN,GAAgBC,EAAmB8a,WAAkB,YAGrDt6B,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,gBAACo6B,oBACK3pB,iBACSjQ,EAAMiN,OACnBQ,UAAWA,EACXlE,IAAKA,EACLsB,MAAOuS,EACPld,MAAOA,IAENif,GACC3f,gBAACkf,IACCC,WAAYA,EACZY,QAASua,EACTrpB,aAAcA,EACd7Q,KAAMgd,EACN/R,MAAOqU,GAEN6a,EACCv6B,gBAAC2iB,QAAgBhD,GAEjBA,GAILxS,GACCoS,GAAgBC,IAChBxf,gBAAC8e,IACC5B,WAAYqC,EACZtW,GAAI4W,EACJ5R,UAAWA,EACX5C,MAAOmvB,IAELjb,GAAgBC,IAChBxf,gCAAGuf,GAA8BC,yKCvHlCib,GAAQz6B,cACnB,SAACQ,EAAOuJ,OAEJoD,EAYE3M,EAZF2M,SACAyQ,EAWEpd,EAXFod,eACA2B,EAUE/e,EAVF+e,aACAC,EASEhf,EATFgf,cACAvO,EAQEzQ,EARFyQ,aACIuD,EAOFhU,EAPFyI,KAOEzI,EANF4c,UAAAA,aAAYP,kBAAUngB,SACtB69B,EAKE/5B,EALF+5B,sBACA7a,EAIElf,EAJFkf,WACAC,EAGEnf,EAHFmf,UACA6a,EAEEh6B,EAFFg6B,aACG9sB,IACDlN,MAEEyI,EAAKE,EAAcqL,GAEnBqL,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAEhEgF,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAACq6B,IACCzc,eAAgBA,EAChB2B,aAAcA,EACd+a,QAASrxB,EACTuW,cAAeA,EACfvO,aAAcA,EACdspB,sBAAuBA,EACvBtsB,UAAWA,EACXmP,UAAWA,EACXsC,WAAYA,EACZC,UAAWA,EACX6a,aAAcA,GAEdx6B,gBAAC0d,oBACKhQ,sBAEFmS,GAAgCrf,EAAM,qCAExB+e,EAChBrC,WAAYqC,EACZtO,aAAcA,EACdhI,GAAIA,EACJmU,UAAWA,EACXnP,UAAWA,EACXlE,IAAKA,IAEJoD,mCCkDLutB,GAAsBptB,EAAOgG,+CAI7BqnB,GAAqBrtB,EAAOgG,0SACZ,SAAA9S,UAASA,EAAME,MAAM3K,OAAOyB,aAC/B,SAAAgJ,UAASA,EAAME,MAAM/G,gBAE3B,SAAA6G,UAAUA,EAAMo6B,OAAS,QAAU,UAC/B,SAAAp6B,UAASA,EAAME,MAAMlI,WAAWO,aACpC,SAAAyH,UAAUA,EAAMo6B,OAAS,IAAM,OAK/B,SAAAp6B,UAAUA,EAAMo6B,OAAS,MAAQ,QAGjCC,GAAa76B,cACxB,SAACQ,EAAOmd,OACAjd,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GACxB8U,EAAU7d,WACVqe,EAAWre,WACXq5B,EAAYr5B,WACZiJ,EAAaE,EAAc3I,EAAMyI,MAErCjJ,YAAwB,GADnB+5B,OAAwBe,SAEa96B,YAAwB,GAA7D05B,OAAgBqB,SACe/6B,YAAwB,GAAvDs2B,OAAaxE,SAEkB9xB,WACpCg7B,EAAoBx6B,EAAMsJ,OAAStJ,EAAMy6B,cACvCC,KAFG7J,OAAa8J,SAIgBn7B,WAClCg7B,EAAoBx6B,EAAMsJ,OAAStJ,EAAMy6B,cADpC9J,OAAYiK,OAIbrxB,EAAMsC,EAAasR,EAAcU,YAiB9BoT,IACP4H,EAAUpvB,QAAUe,SAAS2f,cAC7BmQ,GAA0B,YAQnBE,EAAoBnG,OACrBwG,EAAgBpG,GAAkBJ,GAClCyG,EAAmBrG,GAAkBz0B,EAAMg2B,SAC3C+E,EAAmBtG,GAAkBz0B,EAAM+1B,gBAE1C1B,GACL2G,EAAYH,EAAeC,EAAkBC,GAC3CF,EACA,cAGGH,QACD3J,EAAU,IAAIH,KACdkK,EAAmBrG,GAAkBz0B,EAAMg2B,SAC3C+E,EAAmBtG,GAAkBz0B,EAAM+1B,gBAE7CiF,EAAYjK,EAAS+J,EAAkBC,GAClChK,EACEgK,GAAoBD,EACtBA,GAAsCC,OADxC,WAKAC,EACP3G,EACA4G,EACAC,WAGGA,GACG3E,WAASlC,EAAM6G,IAAiB7E,YAAUhC,EAAM6G,OAEnDD,GACG3E,UAAQjC,EAAM4G,IAAiB5E,YAAUhC,EAAM4G,aA+B9C9J,EAAagF,GACpByE,EAAczE,GACdoE,GAAkB,YAGXY,IACPR,EAAeD,KACfE,EAAc,MACdtJ,GAAe,YAGR8J,EAAsB9xB,EAAe6sB,OACtCkF,EAAoB,4BAA4BC,KAAKhyB,GACrDiyB,EAAcC,UAAQrF,UAErBkF,GAAqBE,WA6CrBE,EAAmB1d,GACR,WAAdA,EAAM2M,MACR3M,EAAM4M,iBACN4P,GAAkB,GAClB1c,EAASpU,QAAQ/T,kBA6BZgmC,EACPvF,EACApY,GAEA/d,EAAMmxB,cAC0B,mBAAvBnxB,EAAMmxB,cACbnxB,EAAMmxB,aAAagF,EAAKpY,GAE1B/d,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASqY,EAAIwF,cAAe5d,GAEpCoT,EAAagF,GACbwE,EAAexE,GAnMjB32B,aAAgB,WACT05B,GACH5H,GAAe,KAEhB,CAAC4H,IAEJ15B,aAAgB,WACVQ,EAAMsJ,QACRsxB,EAAcJ,EAAoBx6B,EAAMsJ,QACxCqxB,EACEH,EAAoBx6B,EAAMsJ,QAAUoxB,QAGvC,CAAC16B,EAAMsJ,YAqNFlE,EAAiCpF,EAAjCoF,YAAa6H,EAAoBjN,EAApBiN,OACfC,EAAQlE,EACZ,CAAC,eAAgB,gBAAiB,cAAe,kBAFVhJ,OAMnCyN,EAAY+B,GAAaxP,EAAMyN,WAE/BuoB,EAAUvB,GAAkBz0B,EAAMg2B,SAClCD,EAAUtB,GAAkBz0B,EAAM+1B,SAElCz1B,EAAa6M,EAAK7M,WAElBs7B,EAAajL,EAAa6D,GAAO7D,EAAYrwB,GAAc,UAG/Dd,gBAACkxB,GAAgB/b,UACfrL,MAAO,CACLqnB,WAAAA,EACAE,YAAAA,EACAiF,YAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAuD,uBAAAA,EACAzI,4BA3LsBuD,EAAYrD,URvI5C,SACE6K,EACAC,EACAC,YAAAA,IAAAA,EAAiB,WAEXC,EAAehI,eAAa6H,GAC5BI,EAAcC,aAAWL,GAEzBM,GAAYC,SAAOJ,GAAgB,EAAID,GAAkB,EACzDM,GAAYN,EAAiB,EAAIK,SAAOH,IAAgB,EACxDK,EAAWC,UAAQP,EAAcG,GACjCK,EAAUC,UAAQR,EAAaI,GAE/BK,EAAYC,mBAAiBH,EAASF,GAAY,EAElDM,EAAaN,EACbO,EAAe,GAEZ5V,EAAI,EAAGA,EAAIyV,EAAWzV,GAAK,EAAG,CACjCA,EAAI,GAAM,GACZ4V,EAAatM,KAAK,QAGhB4F,EAAM,MACLlP,GAAKkV,GAAYlV,EAAIyV,EAAYL,GAAaP,KACjD3F,EAAMsG,UAAQG,EAAY3V,IAG5B4V,EAAaA,EAAajb,OAAS,GAAG2O,KAAK4F,UAGtC0G,EQmHIC,CACLzI,EACArD,EAZW,CACX,SACA,SACA,UACA,YACA,WACA,SACA,YAMKhY,QAJiB7L,EAAKpK,WAArBC,eAkLJiuB,sBAAAA,EACAC,iCAvOJoJ,GAA0B,GAC1BzB,EAAUpvB,QAAQ/T,SAuOdyoB,mBAhGiBJ,MACjB+X,GAAetrB,SAAS2f,cAAc4S,QAAQ,SAAU,KACpDC,WRvSZC,EACAlJ,EACAmJ,EACAjM,EACAE,EACA9T,OAEQqN,EAAQuS,EAARvS,WAEI,UAARA,GAA2B,MAARA,GACfuS,EAAEjf,OAAuBmf,aAAa,kBAC1ChM,EAAa4C,GAITrJ,OACD,iBACHuS,EAAEtS,iBACKyS,WAASrJ,EAAU,OAEvB,mBACHkJ,EAAEtS,iBACK4R,UAAQxI,EAAU,OAEtB,cACHkJ,EAAEtS,iBACK3nB,cAAY+wB,OAEhB,gBACHkJ,EAAEtS,iBACKsJ,YAAUF,EAAU,OAExB,mBACHkJ,EAAEtS,iBACK0S,WAAStJ,EAAU,OAEvB,oBACHkJ,EAAEtS,iBACK8R,UAAQ1I,EAAU,OAEtB,aACHkJ,EAAEtS,iBACK2S,YAAUvJ,OAEd,kBACHkJ,EAAEtS,iBACKwJ,YAAUJ,EAAU,OAExB,SACHkJ,EAAEtS,iBACFuS,GAAe,GACf7f,EAAQ5T,QAAQ/T,kBAGb,IACHunC,EAAEtS,iBACFsG,KQ+OwBkH,CACpBpa,EACA8S,EACA0J,EACAtJ,EACAE,EACA9T,GAEE2f,GACFrC,EAAeqC,OAGC,WAAdjf,EAAM2M,MACR6P,GAAkB,GAClBld,EAAQ5T,QAAQ/T,SAGA,MAAdqoB,EAAM2M,KACRuG,KA6EAG,4BA5KJuJ,EAAe7G,KA6KXzC,4BAzKJsJ,EAAezG,KA0KX/C,sBA1DsBgF,EAAWpY,GACrC2d,EAAiBvF,EAAKpY,GACtBF,EAASpU,QAAQ/T,SAyDb47B,eAAAA,IAGF9xB,gBAAC06B,kBAAiCjtB,EAAQ2d,gBAzDlB7M,OAClBuM,EAAkBvM,EAAlBuM,cAIRngB,YAAW,WACYmgB,EAAcC,SAAS/f,SAAS2f,gBAE/BoP,GACpBgB,GAAkB,KAEnB,KA+CC/6B,gBAACyV,QACEikB,GACC15B,gBAAC2iB,QACEhV,EAAKpK,WAAWG,uBAIvB1D,gBAACy6B,oBACK/sB,GACJsD,KAAMhR,gBAAC+9B,kBACPl4B,cAAe8H,EAAKpK,WAAWE,sBAC/Boa,QAASA,EACTI,uBAlDN8c,GAAkB,SAAAH,UAAWA,MAmDvB1c,cAAe+d,EACfhzB,GAAIA,EACJgF,UAAWA,EACXlE,IAAKA,EACLuU,kBA3KmBC,OACjBzU,EAAUyU,EAAMC,OAAhB1U,MACF6sB,EAAM,IAAIvF,KAAKtnB,GACrBixB,GAAkB,GAElBv6B,EAAMw9B,eAC2B,mBAAxBx9B,EAAMw9B,eACbx9B,EAAMw9B,cAAczf,OAEhB0f,EAAarC,EAAsB9xB,EAAO6sB,GAEhDn2B,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAAS2f,EAAatH,EAAIwF,cAAgBryB,EAAOyU,IA+JnD6M,gBAtJiB7M,OACfzU,EAAUuU,EAASpU,QAAnBH,MACF6sB,EAAM,IAAIvF,KAAKtnB,GACfwxB,EAAmBrG,GAAkBz0B,EAAMg2B,SAC3C+E,EAAmBtG,GAAkBz0B,EAAM+1B,SAG/CqF,EAAsB9xB,EAAO6sB,IAC7B6E,EAAY7E,EAAK2E,EAAkBC,GAEnCW,EAAiBvF,EAAKpY,GAEtBod,GAAwCA,IAG1Cn7B,EAAM09B,aACyB,mBAAtB19B,EAAM09B,aACb19B,EAAM09B,YAAY3f,IAsIdwV,iBA7JkBxV,GACxB/d,EAAM29B,cAC0B,mBAAvB39B,EAAM29B,cACb39B,EAAM29B,aAAa5f,IA2JfI,UAAWsd,EACXr2B,YAAaA,GAA4B9E,EAAWs9B,cACpDvjC,KAAMiiB,kBAAU2B,KAChB3U,MAAOsyB,KAETp8B,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,WAAW,IAC3CjO,gBAAC26B,kBACa,oBACZC,OAAQlB,EACRh5B,MAAOA,GAEPV,gBAACo5B,IACCQ,YACEF,GAAkBvpB,QAAQkhB,IAAgBlhB,QAAQghB,GAEpDgJ,gCA/EoB5b,GAC9BV,EAAQ5T,QAAQ/T,QAChB6kC,GAAkB,IA8ERrB,eAAgBA,EAChB5H,eAAgBA,uCChb1BxZ,GAAahL,EAAO+wB,sDAKtBhS,IAISiS,GAAsBt+B,cAGjC,SAACQ,EAAOmd,OACAxQ,EAAiC3M,EAAjC2M,SAAU6D,EAAuBxQ,EAAvBwQ,KAAM6G,EAAiBrX,EAAjBqX,GAAOnK,IAAUlN,MAEnCwpB,EAAShqB,WACTU,EAAQV,aAAiBD,GACzByK,EAAUxK,aAAiBkpB,IAE3Bnf,EAAMsC,EAAasR,EAAcqM,UAEvChqB,aAAgB,WACdwK,EAAQ4e,yBAAyB5e,EAAQ6d,aAAc2B,KACtD,IAGDhqB,gBAACsY,oBACK5K,GACJ2K,KAAMR,EACNmT,aAAcxgB,EAAQwgB,aACtBjhB,IAAKA,EACL8D,KAAK,WACLqH,UAAW,EACXxU,MAAOA,IAENsQ,GAAQhR,gBAAC4T,IAAYlT,MAAOA,GAAQsQ,GACpC7D,MAKPmxB,GAAoBvZ,YAAc,6BCxDtBwZ,GASAC,GAQAC,GAMAC,GAOAC,GASAC,+FAuEZ,SAASC,GAASz+B,UACN2L,KAAKoF,MAAO/Q,EAAO,GAAM,KAAQ,SA/GjCm+B,GAAAA,2BAAAA,8CAEVA,0BACAA,sBACAA,gCACAA,8BACAA,sBAGUC,GAAAA,yBAAAA,gDAEVA,mBACAA,0BACAA,sBACAA,sBAGUC,GAAAA,uBAAAA,gDAEVA,eACAA,gBAGUC,GAAAA,wBAAAA,2CAEVA,kCACAA,aACAA,6BAGUC,GAAAA,sBAAAA,yCAEVA,0BACAA,sBACAA,gCACAA,8BACAA,+BAGUC,GAAAA,mBAAAA,sCAEVA,eACAA,8BAwEF,OCzDYE,GAMAC,GAKAC,GAMAC,GDwCNC,GAAa5xB,EAAOgG,0CACtB,SAAA9S,UACAA,EAAM2+B,WAAaV,qBAAavW,MAChCna,uBACmBvN,EAAM4+B,6BACR5+B,EAAMf,8BACHe,EAAMzG,qCAEXyG,EAAM6+B,yBACA7+B,EAAM8+B,mBACf,EAAoB,EAAhB9+B,EAAM++B,gCACC/+B,EAAM++B,QAAU/+B,EAAME,MAAM1G,uCAGpB,EAAhBwG,EAAM++B,qCAIrB,SAAA/+B,UACAA,EAAM2+B,WAAaV,qBAAae,WAChCzxB,oBAC4B,IAAbvN,EAAMhE,GAAc,IAAM,oBACZ,IAAbgE,EAAMhE,GAAc,IAAMqiC,GAASr+B,EAAMhE,mBAC7B,IAAbgE,EAAMhE,GAAc,OAASqiC,GAASr+B,EAAMhE,QAEvDgE,EAAMi/B,IACR1xB,2BACuBvN,EAAME,MAAMnE,YAAYE,wBACjB,IAAb+D,EAAMi/B,GAAc,IAAM,oBACZ,IAAbj/B,EAAMi/B,GAAc,IAAMZ,GAASr+B,EAAMi/B,mBAC7B,IAAbj/B,EAAMi/B,GAAc,OAASZ,GAASr+B,EAAMi/B,gCAI3Dj/B,EAAMk/B,IACR3xB,2BACuBvN,EAAME,MAAMnE,YAAYG,yBACjB,IAAb8D,EAAMk/B,GAAc,IAAM,oBACZ,IAAbl/B,EAAMk/B,GAAc,IAAMb,GAASr+B,EAAMk/B,mBAC7B,IAAbl/B,EAAMk/B,GAAc,OAASb,GAASr+B,EAAMk/B,gCAI3Dl/B,EAAMm/B,IACR5xB,2BACuBvN,EAAME,MAAMnE,YAAYI,wBACjB,IAAb6D,EAAMm/B,GAAc,IAAM,oBACZ,IAAbn/B,EAAMm/B,GAAc,IAAMd,GAASr+B,EAAMm/B,mBAC7B,IAAbn/B,EAAMm/B,GAAc,OAASd,GAASr+B,EAAMm/B,gCAI3Dn/B,EAAM5D,IACRmR,2BACuBvN,EAAME,MAAMnE,YAAYK,qBACjB,IAAb4D,EAAM5D,GAAc,IAAM,oBACZ,IAAb4D,EAAM5D,GAAc,IAAMiiC,GAASr+B,EAAM5D,mBAC7B,IAAb4D,EAAM5D,GAAc,OAASiiC,GAASr+B,EAAM5D,sDAMtDgjC,GAAO5/B,cAClB,SAACQ,EAAOuJ,OAEJoD,EASE3M,EATF2M,WASE3M,EARF4+B,aAAAA,aAAeb,yBAAiBsB,YAQ9Br/B,EAPFf,WAAAA,aAAa++B,uBAAeqB,YAO1Br/B,EANFzG,UAAAA,aAAY2kC,sBAAc9Y,QAMxBplB,EALF8+B,QAAAA,aAAUX,oBAAYmB,cAKpBt/B,EAJF++B,QAAAA,aAAU,IACV9xB,EAGEjN,EAHFiN,SAGEjN,EAFF6+B,KAAAA,aAAOT,iBAASS,OACb3xB,IACDlN,MAEEE,EAAQV,aAAiBD,UAG7BC,gBAACk/B,oBACKxxB,GACJ0xB,aAAcA,EACd3/B,WAAYA,gBACCgO,EACb1T,UAAWA,EACXulC,QAASA,EACTv1B,IAAKA,EACLw1B,QAASA,EACT7+B,MAAOA,EACP2+B,KAAMA,IAELlyB,qDExKI4yB,GAAY//B,cACvB,SAACQ,EAAOuJ,OACE7J,EAAmDM,EAAnDN,MAAOuN,EAA4CjN,EAA5CiN,OAAQ8N,EAAoC/a,EAApC+a,YAAapO,EAAuB3M,EAAvB2M,SAAaO,IAAUlN,MACrDE,EAAQV,aAAiBD,UAG7BC,gBAACqb,oBACK3N,GACJxN,MAAOA,GAAS2Z,8CACHpM,EACbQ,UAAW+B,GAAaxP,EAAMyN,WAC9BlE,IAAKA,EACLrJ,MAAOA,EACP6a,YAAaA,GAAexB,8BAAsBpc,aAEjDwP,2ICNH6yB,mEACU,SAAAx/B,UACZA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAOK,WACnBoK,EAAME,MAAM3K,OAAO2B,uBAChB,SAAA8I,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,eAGrB8oC,sHAKOC,GAAOlgC,cAClB,SAACQ,EAAOuJ,OAEJvB,EAUEhI,EAVFgI,QACA2E,EASE3M,EATF2M,SACAjJ,EAQE1D,EARF0D,OACAi8B,EAOE3/B,EAPF2/B,wBAOE3/B,EANFgc,aAAAA,aAAe,IACf4jB,EAKE5/B,EALF4/B,mBACAC,EAIE7/B,EAJF6/B,YACA9gB,EAGE/e,EAHF+e,aACA9R,EAEEjN,EAFFiN,OACGC,IACDlN,MAEEE,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAAC+P,GAAeoF,UACdrL,MAAO,CACLmE,UAAAA,IAGFjO,gBAACggC,kBACCj2B,IAAKA,gBACQ0D,EACbQ,UAAWA,EACXvN,MAAOA,GACHgN,GAEJ1N,gBAACkc,IACCvB,eAAgBwlB,EAChBhkB,MAAOK,EACPjB,YAAa6kB,GAEZl8B,GAEFm8B,GAAergC,gBAAC+/B,QAAWM,GAC3B9gB,GACCvf,gBAACuV,IAAMjV,QAASwQ,qBAAa7Z,QAASsoB,GAExCvf,2BAAMmN,GACNnN,gBAACigC,QAAaz3B,sLFzBR83B,GAAa9/B,UACnBA,EAAM+/B,eACPzB,kBAAUriC,aACN+D,EAAME,MAAM7D,UAAUJ,WAC1BqiC,kBAAUniC,aACN6D,EAAME,MAAM7D,UAAUF,qBAEtB6D,EAAME,MAAM7D,UAAUH,iBAInB8jC,GAAiBhgC,UACvBA,EAAMigC,gBACP1B,sBAAc2B,2BAEd3B,sBAAc9jC,wDAOP0lC,GAAengC,UACzBA,EAAMwQ,KACD,OAEF,aAnDG8tB,GAAAA,oBAAAA,qCAEVA,mBACAA,kBAGUC,GAAAA,wBAAAA,2CAEVA,cAGUC,GAAAA,qBAAAA,wCAEVA,eACAA,oBAGUC,GAAAA,qBAAAA,sCAEVA,iBACAA,sBACAA,sBACAA,eAgCF,yBG1EY2B,GH0ENC,GAAa,SAAArgC,UAASuN,4CAGPvN,EAAMsgC,mBAChBtgC,EAAMyN,UACXzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,2BAENqpC,GAAiBhgC,qBACfA,EAAMugC,uFAKM,UAAnBvgC,EAAM+/B,SACZ,aACmB,UAAnB//B,EAAM+/B,SACN,aACA,sIAWMD,GAAa9/B,eACd8/B,GAAa9/B,8BAIpB+W,GAAajK,EAAO+N,GAAP/N,4BACfuzB,IAGSzJ,GAAOp3B,cAClB,SAACQ,EAAOuJ,OAEJoD,EAeE3M,EAfF2M,SACAjN,EAcEM,EAbF6/B,YACA5yB,EAYEjN,EAXFwgC,SACAhwB,EAUExQ,EAVFwQ,KACAyvB,EASEjgC,EATFigC,UACAF,EAQE//B,EARF+/B,SACW9oB,EAOTjX,EAPFyN,UACAgzB,EAMEzgC,EANFygC,UACAC,EAKE1gC,EALF0gC,WACAJ,EAIEtgC,EAJFsgC,SACAC,EAGEvgC,EAHFugC,aACAxlB,EAEE/a,EAFF+a,YACG9K,IACDjQ,MACEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,UAG7BzX,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,gBAACuX,kBACC8E,GAAI4kB,EAAY,KAAO,mBACVzgC,EAAMiN,OACnB4yB,YAAaA,EACbrvB,KAAMA,EACNyvB,UAAWA,EACXF,SAAUA,EACVtyB,UAAWA,EACXpT,KAAMimC,GAAsB,UAC5BK,SAAUD,EACVn3B,IAAKA,EACLg3B,aAAcxnC,EAAMf,WAAWuoC,IAAiBA,EAChD1Z,MAAO2Z,EACPtgC,MAAOA,EACP6a,YACEA,GAA4BxB,8BAAsBpc,YAEhD8S,GAEHtD,OI7KLi0B,GAAiB,SAAA5gC,UAASuN,iBACnB4yB,GAAengC,sCAGXA,EAAMwQ,KAAO,UAAY,kBAC/BxQ,EAAM6/B,cAAgB7/B,EAAMyN,UACjCzN,EAAME,MAAM3K,OAAOsB,UACnB,8BACemJ,EAAMwQ,MAAQxQ,EAAM6/B,YAAc,OAAS,sCAG1DgB,GAAa,SAAA7gC,UAASuN,oBACZvN,EAAM8gC,yBACX9gC,EAAM+gC,qFAMXC,GAAiBl0B,EAAOiL,8BAC1B6oB,IAGEK,GAAan0B,EAAOC,gCACtB8zB,IAGSK,GAAW1hC,cACtB,SAACQ,EAAOuJ,OAEJoD,EAQE3M,EARF2M,SACAkzB,EAOE7/B,EAPF6/B,YACArvB,EAMExQ,EANFwQ,KACAyvB,EAKEjgC,EALFigC,UACAa,EAIE9gC,EAJF8gC,eACAC,EAGE/gC,EAHF+gC,UACA9zB,EAEEjN,EAFFiN,OACWgK,EACTjX,EADFyN,UAEIvN,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,UAG7BzX,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,gBAACwhC,IACCnlB,GAAIgkB,EAAc,IAAM,KACxBA,YAAaA,EACbrvB,KAAMA,EACNyvB,UAAWA,EACXxyB,UAAWA,EACXvN,MAAOA,EACP+M,OAAQA,GAEPuD,GACChR,gBAACyhC,IACCH,eACE/nC,EAAMxD,OAAOurC,IAAmB/nC,EAAMxD,OAAOC,QAE/CurC,UAAWhoC,EAAMxD,OAAOwrC,IAAchoC,EAAMxD,OAAO2B,UACnDgJ,MAAOA,GAENsQ,GAGJ7D,2GDtCX,SAASw0B,GAA2BnhC,MAC9BA,EAAMyN,iBACAzN,EAAMN,WACP,gBACIM,EAAME,MAAM3K,OAAOmB,kBACvB,iBACIsJ,EAAME,MAAM3K,OAAOiB,8BAEnBwJ,EAAME,MAAM3K,OAAOE,sBAGxBuK,EAAMN,WACP,gBACIM,EAAME,MAAM3K,OAAOkB,WACvB,aACIuJ,EAAME,MAAM3K,OAAOS,QACvB,eACIgK,EAAME,MAAM3K,OAAOU,UACvB,iBACI+J,EAAME,MAAM3K,OAAOe,uBAEnB0J,EAAME,MAAM3K,OAAOC,UA7BpB4qC,GAAAA,2BAAAA,8CAEVA,qBACAA,aACAA,iBACAA,qBA4BF,IEjCYgB,GFiCNjpB,GAAYrL,EAAOgG,iEAEZ,SAAA9S,UAAUA,EAAMqhC,mBAAqB,QAAU,UAGtDC,GAAQx0B,EAAOgG,2MACL,SAAA9S,UACZA,EAAMyN,UAAY,mBAAqBzN,EAAME,MAAM3K,OAAO2B,aAExD,SAAA8I,UACAA,EAAMyN,UACCzN,EAAME,MAAM3K,OAAO2B,eACtB8I,EAAME,MAAM3K,OAAOuB,aAIjB,SAAAkJ,UAASA,EAAMrE,UAKrB4lC,GAAMz0B,EAAOgG,0IACH,SAAA9S,UAASmhC,GAA2BnhC,MAIzC,SAAAA,UAASA,EAAMsR,cAEtB,SAAAtR,UACAA,EAAMwhC,YACNj0B,oDAGM4zB,GAA2BnhC,oCAE3BmhC,GAA2BnhC,WAC3BmhC,GAA2BnhC,wXAyB/ByhC,GAAa30B,EAAOC,8GACX,SAAA/M,UAASA,EAAME,MAAM5L,UAAUK,OAAOH,YACjC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUK,OAAOF,iBACzC,SAAAuL,UAASA,EAAME,MAAM5L,UAAUK,OAAOD,cACtC,SAAAsL,UAASA,EAAME,MAAMlI,WAAWG,aAG3CupC,GAAgB50B,EAAOgG,8GACd,SAAA9S,UAASA,EAAME,MAAM5L,UAAUQ,OAAON,YACpC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUQ,OAAOJ,cACpC,SAAAsL,UAASA,EAAME,MAAMlI,WAAWG,aAItCwpC,GAAcniC,cACzB,SAACQ,EAAOuJ,OAEJ7J,EASEM,EATFN,MACA/D,EAQEqE,EARFrE,OACIqY,EAOFhU,EAPFyI,GACA+4B,EAMExhC,EANFwhC,WACAI,EAKE5hC,EALF4hC,eACAP,EAIErhC,EAJFqhC,mBACA/vB,EAGEtR,EAHFsR,WACArE,EAEEjN,EAFFiN,OACGC,IACDlN,MAGE6hC,EADKl5B,EAAcqL,aAGnB8tB,EAAkBxwB,GAA0B,EAE5CpR,EAAQV,aAAiBD,GAEzBwiC,EAAe11B,EACnB1Q,EACAuE,EAAMlI,WAAWG,WAGbsV,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAAC2Y,oBACKjL,GACJzE,GAAIuL,EACJqtB,mBAAoBA,IAEnBA,GACC7hC,gBAACkiC,IAAcxhC,MAAOA,GAAQ4hC,OAEhCtiC,gBAAC8hC,kBACcr0B,EACbtR,OAAQomC,EACRt0B,UAAWA,EACXlE,IAAKA,EACLrJ,MAAOA,GAEPV,gBAAC+hC,sBACkBM,kBACFC,kBACA,kBACA,IACfpiC,MAAOA,EACP8hC,WAAYA,EACZ/zB,UAAWA,EACX6D,WAAYwwB,EACZz0B,KAAK,cACLnN,MAAOA,KAGV0hC,EACCpiC,gBAACiiC,IAAWh5B,GAAIo5B,EAAS3hC,MAAOA,GAC7B4hC,OAGHtiC,gBAAC2iB,IAAe1Z,GAAIo5B,GAAUC,yCE1KxC,SAAYV,GACVA,4BACAA,oBAFF,CAAYA,KAAAA,QASZ,+BAAMY,4GAIAC,uEACS,SAAAjiC,UAASA,EAAME,MAAM5L,UAAUK,OAAOH,+BACjC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUK,OAAOF,iCACzC,SAAAuL,UAASA,EAAME,MAAM5L,UAAUK,OAAOD,6BACvC,SAAAsL,UAASA,EAAME,MAAMlI,WAAWK,oEAM1C+lB,4DACO,SAAApe,UAAUA,EAAMkiC,KAAO,IAAM,gEAM7BC,GAAmB3iC,cAG9B,SAACQ,EAAOuJ,SACgC/J,WAA0B,GAA3D4iC,OAAcC,OAEfniC,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAE9B/I,aAAgB,eACA8iC,EAAyBtiC,EAA/B3F,KACFkoC,EAAuBp4B,YAC3B,WACEk4B,EAAgB,KAElBC,IAAyBlB,GAAqBoB,YAAc,IAAQ,KAGhEC,EAAuBt4B,YAC3B,WACEk4B,EAAgB,KAElBC,IAAyBlB,GAAqBoB,YAAc,IAAQ,aAG/D,WACLt4B,aAAaq4B,GACbr4B,aAAau4B,MAEd,QAEK/iC,EAAkCM,EAAlCN,MAAOuN,EAA2BjN,EAA3BiN,OAAQ5S,EAAmB2F,EAAnB3F,KAAS6S,IAAUlN,MACpC0iC,EAAiC1iC,EAAjC0iC,SAAUC,EAAuB3iC,EAAvB2iC,SAAUC,EAAa5iC,EAAb4iC,gBAE1BF,EAAWA,IAEProC,IAAS+mC,GAAqBoB,YAC9Br1B,EAAKxH,iBAAiBC,YAAYC,SAASC,MAC3CqH,EAAKxH,iBAAiBM,QAAQJ,SAASC,OAE3C68B,EAAWA,IAEPtoC,IAAS+mC,GAAqBoB,YAC9Br1B,EAAKxH,iBAAiBC,YAAYC,SAASE,OAC3CoH,EAAKxH,iBAAiBM,QAAQJ,SAASE,QAE3C68B,EAAWA,IAEPvoC,IAAS+mC,GAAqBoB,YAC9Br1B,EAAKxH,iBAAiBC,YAAYC,SAASG,MAC3CmH,EAAKxH,iBAAiBM,QAAQJ,SAASG,OAGzCxG,gBAACwiC,gBAAiC,qBAAoB/0B,EAAQ1D,IAAKA,GAChElP,IAAS+mC,GAAqBoB,YAC7BhjC,gBAACmiC,oBACKz0B,GACJxN,MAAOA,EACP/D,OAAQuE,EAAMlI,WAAWG,UACzBqpC,cACAH,yBAGF7hC,gBAACwN,mBAAYE,GAAOtN,KAAMM,EAAMlI,WAAWU,aAG7C8G,gBAACyiC,IAAiB/hC,MAAOA,GACvBV,gBAAC4e,kBAAsC,IAAjBgkB,EAAoBF,KAAuB,IAAjBE,GAC7CM,GAEHljC,gBAAC4e,kBAAsC,IAAjBgkB,EAAoBF,KAAuB,IAAjBE,GAC7CO,GAEHnjC,gBAAC4e,kBAAsC,IAAjBgkB,EAAoBF,KAAuB,IAAjBE,GAC7CQ,QClIEC,GAAa/1B,EAAOC,mEAKpByM,GAAa1M,EAAOiN,GAAPjN,gKAGb,SAAA9M,UAAUA,EAAM2oB,OAAS,QAAU,UAUnC5R,GAAajK,EAAO,KAAPA,yJACb,SAAA9M,UAAUA,EAAM2oB,OAAS,QAAU,UAKhC,SAAA3oB,UAASA,EAAMhC,aAIlB8Z,GAAahL,EAAO,KAAPA,2LAEV,SAAA9M,UACZA,EAAM22B,UAAY32B,EAAME,MAAM3K,OAAOyB,UAAY,iBAEnC,SAAAgJ,UACdA,EAAM22B,UAAY32B,EAAME,MAAM3K,OAAOG,MAAQ,iBAOpCotC,GAAuBh2B,EAAOC,uGAO9Bg2B,GAAqBj2B,EAAOkC,qUAEzB,SAAAhP,UAASA,EAAME,MAAM3K,OAAOyB,aAS/B,SAAAgJ,UAASA,EAAME,MAAMlI,WAAWE,aACvC,SAAA8H,UAASA,EAAME,MAAMlI,WAAWE,aAChC,SAAA8H,UAASA,EAAME,MAAMlI,WAAWE,aAChC,SAAA8H,UAASA,EAAME,MAAMlI,WAAWG,aAKzBib,GAActG,EAAOC,4EC3DrBi2B,GAAwB,SAAAhjC,UAC5BR,gBAAC+Q,kBAAWtD,OAAO,kBAAqBjN,KAGpCijC,GAA2B,SAAAjjC,UAEpCR,gBAAC6rB,mCACCzrB,KAAM,GACNiL,MAAO,CAAEq4B,WAAY,GACrBj2B,OAAO,aACHjN,KAKGmjC,GAA0B,SAAAnjC,UAC9BR,gBAACwN,iBAAQC,OAAO,oBAAuBjN,cAGhCojC,UACdtb,IAAAA,QACAub,IAAAA,WACGrjC,iBAGDR,gBAACsY,oBAAe9X,GAAOuJ,IAAKue,IACzBub,YAKSC,GAAqBtjC,aAEjCujC,eAAgBP,GAChBQ,kBAAmBP,GACnBd,iBAAkBgB,GAClBrM,KAAMsM,IACHpjC,GClDP,IAAM8O,GAAehC,EAAOgG,yKACxB6J,GACAF,IAKY,SAAAzc,UAASA,EAAME,MAAMlI,WAAWS,aACjC,SAAAuH,UAASA,EAAME,MAAMlI,WAAWG,aACzC,SAAA6H,UAASA,EAAME,MAAMlI,WAAWE,aAIhCurC,GAAoB32B,EAAOgG,gHAmBjB4wB,GAAuB1jC,OAEnC2jC,EAQE3jC,EARF2jC,gBACAh3B,EAOE3M,EAPF2M,SACAkiB,EAME7uB,EANF6uB,iBACAnS,EAKE1c,EALF0c,SACAlP,EAIExN,EAJFwN,SACAC,EAGEzN,EAHFyN,UACOm2B,EAEL5jC,EAFF6K,MACAg5B,EACE7jC,EADF6jC,kBAEI3jC,EAAQV,EAAMinB,WAAWlnB,GAEvBikC,EAAsBF,QACzBzU,IADG2U,kBAIF34B,OAAa+4B,GAAeE,OAAQ,mBAGxCtkC,gBAACsP,oBACK+0B,sBACcF,gBACN,sBACZjnB,SAAUA,EACVlP,SAAUA,EACVC,UAAWA,EACXJ,KAAK,SACLxC,MAAOA,EACP3K,MAAOA,EACPwU,SAAUlH,OAAW2T,EAAY,IAEjC3hB,gBAACikC,QAAmB92B,GACpBnN,gBAACgkC,gBC5EKO,gJCuBNC,GAAqBl3B,EAAOhO,0DAC9B6d,IAISsnB,GAAezkC,cAC1B,SAACQ,EAAOuJ,OAEJoD,EAYE3M,EAZF2M,SACAyQ,EAWEpd,EAXFod,eACA5P,EAUExN,EAVFwN,SACAuR,EASE/e,EATF+e,aACI/K,EAQFhU,EARFyI,GACAuW,EAOEhf,EAPFgf,cACW/H,EAMTjX,EANFyN,UACAyR,EAKElf,EALFkf,WACAC,EAIEnf,EAJFmf,UACA6a,EAGEh6B,EAHFg6B,aACA/sB,EAEEjN,EAFFiN,OACGC,IACDlN,MACEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,GACzBxO,EAAKE,EAAcqL,UAGvBxU,gBAACq6B,IACCzc,eAAgBA,EAChB2B,aAAcA,EACd+a,QAASrxB,EACTyW,WAAYA,EACZC,UAAWA,EACX1R,UAAWA,EACXuR,cAAeA,EACfgb,aAAcA,EACdzwB,IAAKA,GAEL/J,gBAACkkC,IACCl2B,SAAUA,EACVkP,WAAYqC,EACZtR,UAAWA,EACXo2B,kBAAmB,IAEnBrkC,gBAACwkC,oBACK92B,iBACSD,EACbO,SAAUA,EACV/E,GAAIA,EACJgF,UAAWA,EACXvN,MAAOA,IAENyM,QCrDAu3B,GAAuB1kC,EAAM2kC,cACxC,CACEC,eAAgB,EAChBC,oBAAoB,EACpBC,kBAAmB,kBAAM,KAIvBC,2EAIU,SAAAvkC,UACZA,EAAMyN,UAAYzN,EAAME,MAAM3K,OAAOM,aAAe,oBAC7C,SAAAmK,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,6DAMd6tC,GAAgBhlC,EAAMilC,YAGjC,SAACzkC,EAAOuJ,OACAyf,EAAkChpB,EAAlCgpB,YAAarc,EAAqB3M,EAArB2M,SAAUM,EAAWjN,EAAXiN,OAE/BzN,EAAMuJ,WAAU,WACVigB,GAAe,GACjBsb,EAAkBtb,KAEnB,CAACA,UAEwCxpB,EAAMqJ,SAASmgB,GAAe,GAAnEob,OAAgBE,OAEjB72B,EAAY+B,GAAaxP,EAAMyN,WAErCjO,EAAMuJ,WAAU,WACd27B,EAAsBj3B,KACrB,CAACzN,EAAMyN,kBAE0CjO,EAAMqJ,SACxD8G,QAAQ3P,EAAMyN,YADT42B,OAAoBK,OAIrBxkC,EAAQV,EAAMinB,WAAWlnB,UAG7BC,gBAAC0kC,GAAqBvvB,UACpBrL,MAAO,CACL86B,eAAAA,EACAE,kBAAAA,EACAD,mBAAAA,IAGF7kC,gBAAC+kC,kBACCh7B,IAAKA,gBACQ0D,EACb/M,MAAOA,GACHF,GAEH2M,QFpFT,SAAYo3B,GACVA,0BACAA,sBAFF,CAAYA,KAAAA,6HGyBNY,+HAIK,SAAA3kC,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,sCAEd,SAAAqJ,UAAUA,EAAM4kC,cAAgB,OAAS,oIAWlD,SAAA5kC,SACsB,aAAtBA,EAAM6kC,sBASJC,KAA0BH,iEAChB,SAAA3kC,kDAERA,EAAMvC,+BACNsnC,iBAAe,GAAK/kC,EAAMvC,8CAI9B,SAAAuC,SACsB,aAAtBA,EAAM6kC,aACNt3B,mDAEQvN,EAAMvC,mCACNsnC,iBAAe,GAAK/kC,EAAMvC,mFAOhCunC,KAA0BL,iEAIhB,SAAA3kC,sDAEN+kC,iBAAe,GAAK/kC,EAAMvC,kCAC1BuC,EAAMvC,gDAIZ,SAAAuC,SACsB,aAAtBA,EAAM6kC,aACNt3B,qCAEMw3B,iBAAe,GAAK/kC,EAAMvC,wBAC1BuC,EAAMvC,mEAMHwnC,GAAazlC,EAAMilC,YAG9B,SAACzkC,EAAOuJ,OACFrJ,EAAQV,EAAMinB,WAAWlnB,GACzB4N,EAAO3N,EAAMinB,WAAWle,UAG5B/I,gBAACslC,iBACa33B,EAAKzO,KAAK8H,oBACtB/I,gBAAiBuC,EAAMvC,gBACvBmnC,cAAe5kC,EAAM4kC,4BACT,aACZn3B,UAAWzN,EAAMyN,UACjBqH,QAAS9U,EAAM8U,QACf+vB,YAAa7kC,EAAM6kC,YACnBt7B,IAAKA,EACLrJ,MAAOF,EAAME,OAGXV,gBADDQ,EAAM6kC,cAAgBd,GAAgBllC,SACpCqmC,iBAEAC,oBAFevlC,KAAMM,EAAM7D,UAAUJ,YAQjCmpC,GAAa5lC,EAAMilC,YAG9B,SAACzkC,EAAOuJ,OACFrJ,EAAQV,EAAMinB,WAAWlnB,GACzB4N,EAAO3N,EAAMinB,WAAWle,UAG5B/I,gBAACwlC,iBACa73B,EAAKzO,KAAK6H,gBACtB9I,gBAAiBuC,EAAMvC,gBACvBmnC,cAAe5kC,EAAM4kC,4BACT,aACZn3B,UAAWzN,EAAMyN,UACjBqH,QAAS9U,EAAM8U,QACf+vB,YAAa7kC,EAAM6kC,YACnBt7B,IAAKA,EACLrJ,MAAOF,EAAME,OAGXV,gBADDQ,EAAM6kC,cAAgBd,GAAgBllC,SACpCwmC,iBAEAC,uBAFe1lC,KAAMM,EAAM7D,UAAUJ,qBCxI9BspC,GAAYrlC,EAAO2kC,EAAapnC,EAAiBgQ,OACzD+3B,EAA4B,QAApBtlC,EAAM3G,UACdsF,EAAWgmC,IAAgBd,GAAgBllC,SAC3C4mC,EAAc5mC,EAAW,YAAc,aACvC6mC,EAAa7mC,EAAW,eAAiB,cAEzCF,EAAgBE,EAClBqB,EAAMxB,KAAKC,cAAcE,SACzBqB,EAAMxB,KAAKC,cAAcC,WAEvB6a,EAAahc,IAEfgQ,EACAvN,EAAM3K,OAAOK,WACbsK,EAAM3K,OAAO2B,aAEyBsI,EAAMqJ,SAAS,CACvDge,OAAO,EACPC,KAAK,IAFA6e,OAAeC,OAKhBC,EAAiBrmC,EAAMgK,SACvBs8B,EAAgBtmC,EAAMgK,SACtBu8B,EAAgBvmC,EAAMgK,kBAEnBw8B,EAAOC,InF6FlB,SAAwBpqC,EAAUoP,EAASoM,EAAIkb,YAAAA,IAAAA,EAAe,UACZA,EAAxCv4B,KAAAA,aAAOqR,MAAiCknB,EAAnBx4B,SAAAA,aAAW,MAEpC8sB,EAAQ,KACNE,EAAO7b,OAAOD,EAAQpP,IA2BxBkrB,IAAS1P,GAIb6uB,uBAxBa,SAAPC,EAAOC,GAKG,OAAVvf,IACFA,EAAQuf,OAEJ96B,EAAOC,KAAKzJ,IAAI,GAAIskC,EAAYvf,GAAS9sB,GAE/CkR,EAAQpP,GAAY7B,EAAKsR,IAAS+L,EAAK0P,GAAQA,EAE3Czb,GAAQ,EACV46B,uBAAsB,eAIxBA,sBAAsBC,MmFxHtBE,CAAQZ,EAAaI,EAAep8B,QAASw8B,YAGtCK,EAAeC,OAClBN,EAAcJ,EAAep8B,QAAQg8B,GAErC5mC,EACFonC,GAAeM,GAEfN,GAAeM,GAASf,GAAS,EAAI,GAErCS,GAAeT,GAAgC,YAAvBl7B,KAAoC,EAAI,GAGlE07B,EAAOC,YAWAO,QAQHC,EACAC,IAFAb,EAAep8B,QALjBk9B,IAAAA,UAGAx7B,IAAAA,YACAC,IAAAA,eAKEvM,EACF4nC,EAAkBE,EAAY,EAC9BD,EAAgBC,IAVhBC,eACAC,aAS0D,MACrD,KACC97B,EAAaC,EACjB66B,EAAep8B,QACfvJ,EAAM3G,WAGRktC,EAAkBjB,EACdz6B,EAAaI,EAAcC,EAAc,EACzCL,EAAa,EACjB27B,EAAiBlB,EAEbz6B,EAAa,EADbA,EAAaI,EAAcC,EAAc,EAK7Cq7B,IAAoBd,EAAc9e,OAClC6f,IAAkBf,EAAc7e,KAEhC8e,EAAiB,CAAE/e,MAAO4f,EAAiB3f,IAAK4f,IAIpDlnC,EAAMuJ,WAAU,eACR+9B,EAAep9B,EAAS88B,EAAyB,YAEvDxT,OAAOC,iBAAiB,SAAU6T,GAC3B,WACLA,EAAaz8B,QACb2oB,OAAOE,oBAAoB,SAAU4T,MAEtC,CAACN,QAEEO,EAAmBvnC,EAAMwnC,YAC7Bt9B,EAAS88B,EAAyB,KAClC,CAACA,WAGHhnC,EAAMuJ,WAAU,kBACP,WACLg+B,EAAiB18B,WAElB,CAAC08B,IAEJvnC,EAAMuJ,UAAUy9B,GAET,CACL,CAAE3nC,SAAAA,EAAU4a,WAAAA,EAAYksB,cAAAA,EAAeF,YAAAA,GACvC,CAAEwB,kCApEFX,GAAgBT,EAAep8B,QAAQi8B,GAAc/mC,IAoE3BuoC,gCAhE1BZ,EAAeT,EAAep8B,QAAQi8B,GAAc/mC,IAgEJooC,iBAAAA,EAAkBf,OAAAA,GAClE,CAAEF,cAAAA,EAAeC,cAAAA,EAAeF,eAAAA,QC9GxBsB,GAMAC,GAOAC,kIAbAF,GAAAA,wBAAAA,2CAEVA,eACAA,kBAGUC,GAAAA,6BAAAA,gDAEVA,eACAA,iBACAA,cAGUC,GAAAA,2BAAAA,8CAEVA,eACAA,iBACAA,aAGF,SAAYtD,GACVA,0BACAA,sBAFF,CAAYA,0BAAAA,6BAiEL,IAAMuD,GAAc9nC,EAAM2kC,cAAoC,CACnEoD,eAAgBH,2BAAmBvsC,OACnC2sC,cAAe,aACf/2B,aAAc42B,yBAAiB1sC,KAC/B8S,WAAW,EACXK,aAAa,EACb+2B,YAAad,wBAAgBnlC,WAC7B6oC,kBAAmB,SAAC5e,EAAU5d,OAGnByU,KAAyB,OACpCjM,kBAAmBE,mEAQC,SAAA3T,UAClBA,EAAMvC,gBACFuC,EAAMvC,gBACNuC,EAAMyN,UACNzN,EAAME,MAAM3K,OAAOK,WACnB,oEAGI,SAAAoK,SAAgC,aAAtBA,EAAM6kC,YAA6B,OAAS,sCAGvD,SAAA7kC,SAAgC,aAAtBA,EAAM6kC,YAA6B,OAAS,cAGpD6C,KAA2B,OACtCj0B,kBAAmBE,wFAML,SAAA3T,SAAgC,aAAtBA,EAAM6kC,YAA6B,GAAK,yBAClD,SAAA7kC,SAAgC,aAAtBA,EAAM6kC,YAA6B,OAAS,sEASzD8C,KAAoB,MAAQl0B,kBAAmBE,4FAMxC,SAAA3T,SACM,aAAtBA,EAAM6kC,YAA6B,SAAW,6BAC7B,SAAA7kC,SACG,WAApBA,EAAMipB,UACF,SACoB,UAApBjpB,EAAMipB,UACN,WACA,mCAGG,SAAAjpB,SAAgC,aAAtBA,EAAM6kC,YAA6B,OAAS,cAGpD+C,GAAOpoC,EAAMilC,YACxB,SAACzkC,EAAOuJ,OAEJ0f,EAUEjpB,EAVFipB,UACAxrB,EASEuC,EATFvC,gBACA8pC,EAQEvnC,EARFunC,eACA56B,EAOE3M,EAPF2M,SACAmB,EAME9N,EANF8N,YACA+2B,EAKE7kC,EALF6kC,YACA/mB,EAIE9d,EAJF8d,SACArN,EAGEzQ,EAHFyQ,aACAxD,EAEEjN,EAFFiN,OACGgD,IACDjQ,MAEEE,EAAQV,EAAMinB,WAAWlnB,KAG7BC,EAAMinB,WAAWyd,IADXE,IAAAA,eAAgBE,IAAAA,kBAAmBD,IAAAA,mBAGrC52B,OACuB,IAApBzN,EAAMyN,UACTkC,QAAQ3P,EAAMyN,WACd42B,IAE0CkB,GAC9CrlC,EACA2kC,EACApnC,EACAgQ,GAJKo6B,OAAUC,OAAmBC,OAO5BlpC,EAAqDgpC,EAArDhpC,SAAU4a,EAA2CouB,EAA3CpuB,WAAYksB,EAA+BkC,EAA/BlC,cAAeF,EAAgBoC,EAAhBpC,YAE3CwB,EAIEa,EAJFb,uBACAC,EAGEY,EAHFZ,qBACAH,EAEEe,EAFFf,iBACAf,EACE8B,EADF9B,OAEMF,EAAiDiC,EAAjDjC,cAAeC,EAAkCgC,EAAlChC,cAAeF,EAAmBkC,EAAnBlC,eAEhChf,EAAQhoB,EAAW,MAAQ,OAC3BioB,EAAMjoB,EAAW,SAAW,UAEU0pB,KAArCyf,OAAgBP,OAEjBQ,EAAqBzoC,EAAMgK,kBAkCxB0+B,yBA9BHL,EAmBAM,EApBEC,EAAWvC,EAAep8B,WAE5B2+B,EAAU,KACNC,EAAOD,EAASE,wBACtBT,EAAW,CACTz8B,YAAag9B,EAASh9B,YACtBL,WAAYq9B,EAASr9B,WACrB47B,UAAWyB,EAASzB,UACpB4B,qBAAsBv9B,EACpBo9B,EACAloC,EAAM3G,WAER4R,YAAai9B,EAASj9B,YACtB1Q,IAAK4tC,EAAK5tC,IACVI,OAAQwtC,EAAKxtC,OACbF,KAAM0tC,EAAK1tC,KACXD,MAAO2tC,EAAK3tC,UAKZ0tC,EAAU,KACNI,EAAgBP,EAAmBx+B,QAAQkD,YAC7C67B,EAAc5mB,OAAS,EAAG,KACtB6mB,EAAMD,EAAcpE,GAC1B+D,EAAUM,EAAOA,EAAYH,wBAA0B,YAGpD,CAAET,SAAAA,EAAUM,QAAAA,GAIWO,GAAtBb,IAAAA,SAAUM,IAAAA,WAEbA,GAAYN,OAIXc,EACFz9B,OADqBrM,EACdinC,EAAcr8B,QAAQm/B,aACtB9C,EAAcr8B,QAAQo/B,aAC3BC,EACF59B,OADqBrM,EACdknC,EAAct8B,QAAQm/B,aACtB7C,EAAct8B,QAAQo/B,gBAE7BV,EAAQthB,GAAS3b,OAAO28B,EAAShhB,IAAU8hB,EAAkB,KAEzDI,EACJ79B,OAAO28B,EAASpC,KACfv6B,OAAOi9B,EAAQthB,IAAU3b,OAAO28B,EAAShhB,KAC1C8hB,EACF3C,EAAO+C,QACF,GAAIZ,EAAQrhB,GAAO5b,OAAO28B,EAAS/gB,IAAQgiB,EAAkB,KAE5DC,EACJ79B,OAAO28B,EAASpC,KACfv6B,OAAOi9B,EAAQrhB,IAAQ5b,OAAO28B,EAAS/gB,KACxCgiB,EACF9C,EAAO+C,cA2BFC,EAAat0B,UAGlB,OADAszB,EAAev+B,QAAQiL,GAAUjL,QAAQ0zB,aAAa,qBAKjD8L,EAA4BC,OAC7BC,EAAkBD,GAEpB9E,EACEgF,EAAoBD,EAAkB,EAAIA,EAAkB,EAAI,SAElEH,EAAaI,GACRA,EACEA,EAAoB,GAAK,EAC3BH,EAA4BG,GAE5BhF,WAIFiF,EACPC,EACAJ,OAEMC,EACuB,IAA3BD,GAAgCA,EAC5BA,EACA9E,EACAgF,EACJD,EAAkBG,EAAiBH,EAAkB,EAAIG,SAEvDN,EAAaI,GACRA,EACEA,EAAoB,GAAKE,EAC3BD,EAAwBC,EAAgBF,GAExChF,EA7DX5kC,EAAMuJ,UAAUm/B,EAAwB,IAExC1oC,EAAMuJ,UAAUm/B,EAAwB,CAAC9D,QA+GnCj3B,EAAO3N,EAAMinB,WAAWle,GACxB3E,GAAeqM,EAAK,eAAiB,UACzC40B,IAAgBd,wBAAgBllC,SAC5BsO,EAAKzO,KAAK4I,yBACV6F,EAAKzO,KAAK2I,mCAId7H,gBAACkgB,gCACczS,EACbxP,gBAAiBgc,EACjBhM,UAAWA,EACXo3B,YAAaA,GAAed,wBAAgBnlC,WAC5C2K,IAAKA,EACLrJ,MAAOA,GACH+P,GAEJzQ,gBAACylC,IACCxnC,gBAAiBgc,EACjBmrB,cAAee,EAAc9e,MAC7BpZ,UAAWA,EACXqH,QAASmyB,EACTpC,YAAaA,GAAed,wBAAgBnlC,WAC5C2K,IAAKu8B,EACL5lC,MAAOA,IAETV,gBAACkoC,kBACa,cACZ6B,SAAUxC,EACVlC,YAAaA,EACbt7B,IAAKs8B,GAELrmC,gBAACmoC,IACC1e,UAAWA,GAAwBke,sBAAcxsC,kBACrCiJ,qBACMihC,GAAed,wBAAgBnlC,WACjDuf,mBApFeJ,MAIR,QAHEA,EAAMC,OAEDmf,aAAa,aAK3BmM,EAAiBtB,EAAev+B,QAAQmY,OAAS,EACnDwnB,EAAoB,KACpBI,EACF3E,IAAgBd,wBAAgBllC,SAAW,YAAc,UACvD4qC,EACF5E,IAAgBd,wBAAgBllC,SAAW,aAAe,mBAEpDkf,EAAM2M,UACP8e,EACHJ,EAAoBH,eAEjBQ,EACHL,EAAoBC,EAAwBC,aAEzC,OACHF,EAAoBJ,EAAa,GAC7B,EACAK,EAAwBC,EAAgB,aAEzC,MACHF,EAAoBJ,EAAaM,GAC7BA,EACAL,EAA4BK,GAMV,OAAtBF,IACFtrB,GACsB,mBAAbA,GACPA,EAASsrB,GACX9E,EAAkB8E,GAEhBpB,EAAev+B,QAAQ2/B,GAAmB3/B,QAC1C/T,QACFqoB,EAAM4M,oBAyCFka,YAAaA,EACbt7B,IAAK0+B,EACL56B,KAAK,WAEL7N,gBAAC8nC,GAAY3yB,UACXrL,MAAO,CACLi+B,eAAAA,EACAS,eAAAA,EACAR,uBAzJVkC,EACA3rB,GAGGA,EAAMC,OAA4BrR,SAAS,IAC3CoR,EAAMC,OAA4BrR,SAAS,GAAGg9B,aAAa,YAE5D5rB,EAAM4M,kBAIR7M,GAAgC,mBAAbA,GAA2BA,EAAS4rB,GAEvDA,IAAmBtF,EACf8D,IACA5D,EAAkBoF,KA2IZj5B,aAAAA,EACAhD,UAAAA,EACAK,YAAAA,EACA+2B,YAAAA,EACA4C,kBAAAA,IAGD96B,KAIPnN,gBAAC4lC,IACC3nC,gBAAiBgc,EACjBmrB,cAAee,EAAc7e,IAC7BrZ,UAAWA,EACXqH,QAASoyB,EACTrC,YAAaA,GAAed,wBAAgBnlC,WAC5C2K,IAAKw8B,EACL7lC,MAAOA,iBCpcD0pC,SACLC,EAAWrqC,EAAMqJ,SAAS,aACpBrJ,EAAMwnC,aAAY,WAC/B6C,GAAQ,SAAAC,UAAQA,EAAO,OACtB,sDCyBQC,KAAyB,MACpCt2B,kBAAmBE,2EAUJ,SAAA3T,UAAUA,EAAM8N,YAAc,IAAM,kBACzC,SAAA9N,SAAgC,aAAtBA,EAAM6kC,YAA6B,OAAS,iDAGnD,SAAA7kC,UAAUA,EAAM8N,YAAc,OAAS,oEAI3C,SAAA9N,UACPA,EAAM8N,aAAqC,aAAtB9N,EAAM6kC,YAA6B,OAAS,iCAGnD,SAAA7kC,UACZA,EAAMyN,UAAYzN,EAAME,MAAM3K,OAAOU,MAAQ+J,EAAME,MAAM3K,OAAOC,6EAKvD,SAAAwK,UAAUA,EAAMmR,SAAW,IAAM,mEAKlC,SAAAnR,SAAmC,QAAzBA,EAAMunC,eAA2B,OAAS,gBACtD,SAAAvnC,UAAUA,EAAMmR,SAAW,IAAM,mBAChC,SAAAnR,UAAUA,EAAMmR,SAAW,IAAM,iBACnC,SAAAnR,SAAmC,QAAzBA,EAAMunC,eAA2B,IAAM,cAEtD,SAAAvnC,SACsB,aAAtBA,EAAM6kC,aACNt3B,4BAGYvN,EAAMmR,SAAW,IAAM,eACA,UAAzBnR,EAAMunC,eAA6B,OAAS,cAClB,UAAzBvnC,EAAMunC,eAA6B,IAAM,eAC3CvnC,EAAMmR,SAAW,IAAM,mDAsBzB64B,GAAY,SAAAhqC,UAASuN,kEAIvBvN,EAAMmR,WAAanR,EAAMyN,UAC9BzN,EAAME,MAAM3K,OAAOC,QACnBwK,EAAMyN,UACNzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOsB,qBACbmJ,EAAMwN,SAAW,OAAS,0CAxBtC,SAA0BhT,UAChBA,QACD6sC,yBAAiB1sC,WACb,WACJ0sC,yBAAiB3sC,YACb,mBACJ2sC,yBAAiB5sC,UACb,cACJ4sC,yBAAiBxsC,aACb,+BAEA,UAeOovC,CAAiBjqC,EAAMyQ,0CAE1BzQ,EAAM8N,YAAc,IAAM,kCAE5B9N,EAAME,MAAM5L,UAAUK,OAAOH,4BACxBwL,EAAME,MAAM5L,UAAUK,OAAOF,8BAChCuL,EAAME,MAAM5L,UAAUK,OAAOD,2CAEF,SAAvBsL,EAAMyQ,aAA0B,aAAe,qBACvDzQ,EAAMwN,SACb,GACAxN,EAAMyN,YAAczN,EAAMmR,SAC1B,GACA,cACOnR,EAAME,MAAMlI,WAAWI,cAC9B4H,EAAME,MAAMlI,WAAWK,+CAET2H,EAAMwN,SAAW,OAAS,6EAInCxN,EAAM8N,YAAc,OAAS,WAEd,aAAtB9N,EAAM6kC,aACRt3B,gDAE4C,SAAvBvN,EAAMyQ,aACrB,aACA,oHASgBzQ,EAAMmR,SACtB,GACAnR,EAAMyN,UACNzN,EAAME,MAAM3K,OAAOgC,QACnByI,EAAME,MAAM3K,OAAO+B,gBACd0I,EAAMmR,SACXnR,EAAMyN,UACJzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOC,QACrBwK,EAAMyN,UACNzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOqB,mDAKZoJ,EAAMyN,UACXzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,yCAKvBw0C,KAAmB,UAAYz2B,kBAAmBE,yCASpDq2B,OAsBS/I,6EAMD,SAAAjhC,UAzBZ,SAAuBA,MACjBA,EAAMmqC,4BAIFnqC,EAAMyQ,mBACP42B,yBAAiB1sC,gBACRqF,EAAME,MAAMlI,WAAWG,sBAChCkvC,yBAAiB3sC,qBACJsF,EAAME,MAAMlI,WAAWG,eACpCkvC,yBAAiB5sC,iBACNuF,EAAME,MAAMlI,WAAWE,eAClCmvC,yBAAiBxsC,cACVmF,EAAME,MAAMlI,WAAWE,sCAEnB8H,EAAME,MAAMlI,WAAWE,WAUtBkyC,CAAcpqC,qBAGrB,SAAAA,UAASA,EAAME,MAAM7D,UAAUJ,qBAChC,SAAA+D,UAASA,EAAME,MAAM7D,UAAUJ,gBAI/BouC,GAAM7qC,EAAMilC,YACvB,SAACzkC,EAAOmd,OACExQ,EAA8C3M,EAA9C2M,SAAU6D,EAAoCxQ,EAApCwQ,KAAMhD,EAA8BxN,EAA9BwN,SAAUP,EAAoBjN,EAApBiN,OAAWgD,IAASjQ,MAC9CokC,EAAmB5kC,EAAMinB,WAAWyd,IAApCE,iBACsC5kC,EAAMinB,WAAW6gB,IAAvDU,IAAAA,eAAgBP,IAAAA,kBAClBje,EAAShqB,EAAMgK,SACf8gC,EAAcV,KAEd7hB,EAAQigB,EAAev+B,QAAQue,WAAU,gBAAYN,IAATje,iBAC3Cie,IAAS8B,EAAO/f,UAEdie,IAAS8B,EAAO/f,WAGnB0H,EAAW4W,IAAUqc,EAErB76B,EAAMsC,EAAasR,EAAcqM,KASnChqB,EAAMinB,WAAW6gB,IANnBE,IAAAA,cACA3C,IAAAA,YACA0C,IAAAA,eACA92B,IAAAA,aACAhD,IAAAA,UACAK,IAAAA,YASFtO,EAAMuJ,WAAU,WACd0+B,EAAkBO,EAAgBxe,GAElC8gB,MACC,QAEGpqC,EAAQV,EAAMinB,WAAWlnB,GACzB4qC,GAAcx9B,EAEd49B,EAAkB95B,IAEJ,aAAhBo0B,EACAwC,yBAAiB1sC,KACjB0sC,yBAAiB5sC,YAGnB+E,gBAACuqC,IACCxC,eAAgBA,gBACJ,eACZp2B,SAAUA,EACVrD,YAAaA,EACbL,UAAWA,EACXo3B,YAAaA,EACbx3B,KAAK,eACLnN,MAAOA,GAEPV,gBAAC0qC,oBACKj6B,mBACWkB,gBACFlE,EACbO,SAAUA,EACViD,aAAc85B,EACdp5B,SAAUA,EACV1D,UAAWA,EACXK,YAAaA,EACbgH,QAAS,SAAAmoB,UAzCK,SAAClV,EAAOkV,GAC1BuK,EAAczf,EAAOkV,GAErBj9B,EAAM8U,SAAoC,mBAAlB9U,EAAM8U,SAA0B9U,EAAM8U,QAAQmoB,GAsCpDtW,CAAYoB,EAAOkV,IACjC4H,YAAaA,EACbt7B,IAAKA,EACL8D,KAAK,MACLqH,SAAUvD,EAAW,GAAK,EAC1BjR,MAAOA,IAENsQ,GACChR,gBAACyhC,IACC/gC,MAAOA,EACPuQ,aAAc85B,EACdJ,WAAYA,GAEX35B,GAGJ7D,oDCtSL69B,uEAIU,SAAAxqC,UACZA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAOM,aACnBmK,EAAME,MAAM3K,OAAO2B,uBAChB,SAAA8I,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,+CAed8zC,GAAWjrC,EAAMilC,YAC5B,SAACzkC,EAAOuJ,OACEwe,EAAiD/nB,EAAjD+nB,MAAOta,EAA0CzN,EAA1CyN,UAAWR,EAA+BjN,EAA/BiN,OAAQN,EAAuB3M,EAAvB2M,SAAaO,IAAUlN,MAEnDE,EAAQV,EAAMinB,WAAWlnB,UAEJC,EAAMinB,WAAWyd,IAApCE,iBAC6Brc,EAGnCvoB,gBAACgrC,kBACCjhC,IAAKA,gBACQ0D,EACbQ,UAAWA,EACXvN,MAAOA,GACHgN,GAEHP,GAED,iCC1CF+S,gGAIOgrB,GAAqBlrC,EAAMilC,YAGtC,SAACzkC,EAAOuJ,OACAoD,EAA8B3M,EAA9B2M,SAAUM,EAAoBjN,EAApBiN,OAAWgD,IAASjQ,MAE9BqkC,EAAuB7kC,EAAMinB,WAAWyd,IAAxCG,0BAGN7kC,gBAACkgB,kBAAgBnW,IAAKA,gBAAkB0D,GAAYgD,GACjDzQ,EAAMmrC,SAASl+B,IAAIE,GAAU,SAAC8hB,EAAgC1G,UAQtDvoB,EAAMorC,aAAanc,EAAO,CAAE1G,MAAAA,EAAOta,eANP,IAA1BghB,EAAMzuB,MAAMyN,UACfghB,EAAMzuB,MAAMyN,eACe,IAApBzN,EAAMyN,UACbzN,EAAMyN,UACN42B,EAE+C3Z,IAAK3C,OAE3Dpb,yHCLMk+B,GAAiBrrC,gBAA6C,CACzE+nC,eAAgBH,2BAAmBvsC,OACnC4V,aAAc42B,yBAAiB1sC,KAC/B8S,WAAW,EACXK,aAAa,EACb+2B,YAAad,GAAgBnlC,aAGlBksC,GAAUtrC,cAGrB,SAACQ,EAAOuJ,OAEN0f,EASEjpB,EATFipB,UACAxrB,EAQEuC,EARFvC,gBACA8pC,EAOEvnC,EAPFunC,eACA56B,EAME3M,EANF2M,SACA8D,EAKEzQ,EALFyQ,aACA3C,EAIE9N,EAJF8N,YACA+2B,EAGE7kC,EAHF6kC,YACA53B,EAEEjN,EAFFiN,OACGgD,IACDjQ,MACEE,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAaxP,EAAMyN,WAE/BgM,EAAahc,IAEfgQ,EACAvN,EAAM3K,OAAOK,WACbsK,EAAM3K,OAAO2B,aAE+BquC,GAC9CrlC,EACA2kC,EACApnC,EACAgQ,GAJeq6B,OAAmBC,OAO5BpC,OAAAA,cAENsB,EAGEa,EAHFb,uBACAC,EAEEY,EAFFZ,qBACAH,EACEe,EADFf,iBAEMjB,EAAiDiC,EAAjDjC,cAAeC,EAAkCgC,EAAlChC,cAAeF,EAAmBkC,EAAnBlC,sBAGpCrmC,gBAACkgB,+BACazP,EAAK,cACjB4L,GAAG,MACHpe,gBAAiBA,gBACJwP,EACbQ,UAAWA,EACXo3B,YAAaA,GAAed,GAAgBnlC,WAC5C2K,IAAKA,EACLrJ,MAAOA,GACH+P,GAEJzQ,gBAACylC,IACCxnC,gBAAiBgc,EACjBmrB,cAAee,EAAc9e,MAC7BpZ,UAAWA,EACXqH,QAASmyB,EACTpC,YAAaA,GAAed,GAAgBnlC,WAC5C2K,IAAKu8B,EACL5lC,MAAOA,IAGTV,gBAACkoC,kBACa,iBACZ6B,SAAUxC,EACVlC,YAAaA,GAAed,GAAgBnlC,WAC5C2K,IAAKs8B,GAELrmC,gBAACmoC,IACC1e,UAAWA,GAAwBke,sBAAcxsC,KACjDkqC,YAAaA,GAEbrlC,gBAACqrC,GAAel2B,UACdrL,MAAO,CACLi+B,eAAAA,EACA92B,aAAAA,EACAhD,UAAWA,EACXK,YAAAA,EACA+2B,YAAAA,IAGDl4B,KAIPnN,gBAAC4lC,IACC3nC,gBAAiBgc,EACjBmrB,cAAee,EAAc7e,IAC7BrZ,UAAWA,EACXqH,QAASoyB,EACTrC,YAAaA,GAAed,GAAgBnlC,WAC5C2K,IAAKw8B,EACL7lC,MAAOA,kGC9CTgqC,iDASFF,OAGSe,GAAkBvrC,cAC7B,SAACQ,EAAOuJ,OAIkB0B,EAAS+/B,EAHfC,EAA6CjrC,EAA7CirC,UAAWz6B,EAAkCxQ,EAAlCwQ,KAAM3F,EAA4B7K,EAA5B6K,MAAOiK,EAAqB9U,EAArB8U,QAAY7E,IAASjQ,SAE3DR,iBAAqByrC,IAAczrC,iBAAqByrC,UACpChgC,EAcFggC,EAdWD,OASjBhiC,EACZ,CAAC,eAAgB,YAAa,WAAY,eAC1CiH,IAKA1C,IAAKy8B,GAAUhqC,IACZ6K,GACHiK,QAAAA,EACAvL,IAAAA,EACAoD,SACEnN,gCACGgR,EACAy6B,EAAUjrC,MAAM2M,YAtBdu+B,MAAIjgC,EAAQ5Q,QACjBqwB,IAAKzf,EAAQyf,IACbnhB,IAAK0B,EAAQ1B,KACV0B,EAAQjL,MACRgrC,OA2BAG,GAAS3rC,cAAmC,SAACQ,EAAOuJ,OAC3DoD,EACAs+B,EA5DJv6B,EA6DQS,EAAyCnR,EAAzCmR,SAAUX,EAA+BxQ,EAA/BwQ,KAAMvD,EAAyBjN,EAAzBiN,OAAQoK,EAAiBrX,EAAjBqX,GAAOnK,IAAUlN,MAC3CE,EAAQV,aAAiBD,GA5DxB,cAFPmR,EAgE8B1Q,MA9DI,aAAc0Q,GA+D9Cu6B,EAAYjrC,EAAMirC,UA5DtB,SAAkCv6B,WACvB,cAAeA,IAAW,aAAcA,EA4DtC06B,CAAyBprC,KAClC2M,EAAW3M,EAAM2M,cAGbw9B,GAAcx9B,IAQhBnN,aAAiBqrC,IALnBhG,IAAAA,YAGAp3B,IAAAA,UACAK,IAAAA,YAGIy8B,IALJ95B,eAOkB,aAAhBo0B,EACAwC,yBAAiB1sC,KACjB0sC,yBAAiB5sC,YAGnB+E,gBAACuqC,IACCxC,iBAdFA,6BAec,eACZp2B,SAAUA,EACVrD,YAAaA,EACbL,UAAWA,EACXo3B,YAAaA,EACb3kC,MAAOA,GAEN+qC,EACCzrC,gBAACurC,oBACK79B,GACJ+9B,UAAWA,gBACEh+B,EACbwD,aAAc85B,EACd/5B,KACEA,GACEhR,gBAACyhC,IAAW/gC,MAAOA,EAAOuQ,aAAc85B,GACrC/5B,GAIPW,SAAUA,EACV1D,UAAWA,EACXK,YAAaA,EACb+2B,YAAaA,EACb3kC,MAAOA,KAGTV,gBAAC0qC,oBACKh9B,GACJ3D,IAAKA,gBACQ0D,EACb4K,KAAMR,EACNlG,SAAUA,EACVrD,YAAaA,EACb2C,aAAc85B,EACd98B,UAAWA,EACXo3B,YAAaA,EACb3kC,MAAOA,IAENsQ,GACChR,gBAACyhC,IACC/gC,MAAOA,EACPuQ,aAAc85B,EACdJ,WAAYA,GAEX35B,GAGJ7D,yDCvMK0+B,GAAmBrrC,SACd,UAAfA,EAAMJ,QACEI,EAAME,MAAM5L,UAAUQ,OAAON,YAE/BwL,EAAME,MAAM5L,UAAUM,OAAOJ,SAGzC,SAAS82C,GAAWtrC,UACVA,EAAMJ,UACP,iBACOI,EAAME,MAAMlI,WAAWW,2BAEvBqH,EAAME,MAAMlI,WAAWS,WAIvC,SAAS8yC,GAAevrC,MACF,YAAhBA,EAAMN,aACJM,EAAMyN,cACGzN,EAAME,MAAMlI,WAAWC,kBAAiB+H,EAAME,MAAM3K,OAAO2B,cAE7D8I,EAAME,MAAMlI,WAAWC,kBAAiB+H,EAAME,MAAM3K,OAAOC,QAI1E,SAASg2C,GAAoBxrC,MACP,YAAhBA,EAAMN,aACJM,EAAMyN,cACGzN,EAAME,MAAMlI,WAAWC,kBAAiB+H,EAAME,MAAM3K,OAAO2B,cAE7D8I,EAAME,MAAMlI,WAAWC,kBAAiBmW,SACjD,GACApO,EAAME,MAAM3K,OAAOC,SAKzB,mBCoCYi2C,GDpCNC,GAAmB5+B,EAAOkD,GAAPlD,wmBAET6+B,GACEA,GACCA,GAEHJ,GACDF,GACHC,GAIDA,GAESM,GACFJ,IAQJ,SAAAxrC,UACRA,EAAMyN,UACCzN,EAAME,MAAMlI,WAAWC,oBAAmB+H,EAAME,MAAM3K,OAAOI,aAC7DqK,EAAME,MAAMlI,WAAWC,oBAAmB+H,EAAME,MAAM3K,OAAOG,SAU7Dm2C,GAAarsC,cACxB,SAACQ,EAAOuJ,OACEoD,EAA8C3M,EAA9C2M,SAAUc,EAAoCzN,EAApCyN,UAAWka,EAAyB3nB,EAAzB2nB,WAAeza,IAAUlN,MAChDE,EAAQV,aAAiBD,UAG7BC,gBAACksC,kBACCniC,IAAKA,GACD2D,GACJxN,MAAOioB,EAAa/X,oBAAYpa,QAAUoa,oBAAY8G,UACtDxW,MAAOA,EACPuN,UAAWA,EACX3N,QACE2N,IAAcka,EAAazY,sBAAcC,QAAUD,sBAAc0B,QAGlEjE,sPChBT,SAAY8+B,GACVA,kBACAA,gBAFF,CAAYA,KAAAA,QAKZ,IAAMK,GAAYh/B,EAAOi/B,yCAInBh1B,GAAajK,EAAO+pB,sEAMpBmK,GAAiBl0B,EAAOiL,gIASd4zB,GAAY3rC,UAClBA,EAAMN,WACP,iBACCM,EAAMyN,UACEzN,EAAME,MAAMlI,WAAWC,oBAAmB+H,EAAME,MAAM3K,OAAO2B,UAE/D8I,EAAME,MAAMlI,WAAWC,oBAAmB+H,EAAME,MAAM3K,OAAOC,uBAEnEwK,EAAMyN,UACJzN,EAAMwN,SACExN,EAAME,MAAMlI,WAAWC,oBAAmB+H,EAAME,MAAM3K,OAAOoC,OAE/DqI,EAAME,MAAMlI,WAAWC,oBAAmB+H,EAAME,MAAM3K,OAAO2B,UAErE8I,EAAMwN,SACExN,EAAME,MAAMlI,WAAWC,oBAAmB+H,EAAME,MAAM3K,OAAOyB,UAE/DgJ,EAAME,MAAMlI,WAAWC,oBAAmB+H,EAAME,MAAM3K,OAAOwB,oBAI7D60C,GAAY5rC,UAClBA,EAAMN,WACP,iBACCM,EAAMyN,aACEzN,EAAME,MAAM3K,OAAO2B,aAErBkX,SAAO,GAAKpO,EAAME,MAAM3K,OAAOC,wBAErCwK,EAAMyN,aACEzN,EAAME,MAAM3K,OAAO2B,aAErB8I,EAAME,MAAM3K,OAAOwB,WAInC,SAASi1C,GAAgBhsC,UACfA,EAAMJ,UACP,iBACOI,EAAME,MAAMlI,WAAWW,2BAEvBqH,EAAME,MAAMlI,WAAWS,WAIvC,OCpIYwzC,GDoINC,GAAYp/B,EAAOyD,GAAPzD,seACF6+B,GACEA,GACCA,GACFA,GACLK,GAGDA,IASG,SAAAhsC,UACRA,EAAMyN,UACCzN,EAAME,MAAMlI,WAAWC,oBAAmB+H,EAAME,MAAM3K,OAAOI,aAC7DqK,EAAME,MAAMlI,WAAWC,oBAAmB+H,EAAME,MAAM3K,OAAOG,SAUpEy2C,GAAiBr/B,EAAOgG,gNAEd64B,GACEA,GACCA,GAEJN,GACHW,GAEDA,IAGElc,GAAatwB,cACxB,SAACQ,EAAOuJ,OAEJuc,EAeE9lB,EAfF8lB,MACAC,EAcE/lB,EAdF+lB,YACAvY,EAaExN,EAbFwN,SACAwY,EAYEhmB,EAZFgmB,eACAC,EAWEjmB,EAXFimB,mBACAxY,EAUEzN,EAVFyN,UACAyY,EASElmB,EATFkmB,sBACAC,EAQEnmB,EARFmmB,kBACApE,EAOE/hB,EAPF+hB,OAOE/hB,EANFJ,KAAAA,aAAO6rC,GAAevvC,SACtBqqB,EAKEvmB,EALFumB,gBACAC,EAIExmB,EAJFwmB,eACAvZ,EAGEjN,EAHFiN,OACAoZ,EAEErmB,EAFFqmB,aACGnZ,IACDlN,MACEE,EAAQV,aAAiBD,GACzB+rC,EACJ1rC,IAAS6rC,GAAetvC,MAAQmT,mBAAWnT,MAAQmT,mBAAWpT,OAExDurB,EAAgB5B,GAAc,CACpCC,MAAAA,EACAC,YAAAA,EACAvY,SAAAA,EACAwY,eAAAA,EACAC,mBAAAA,EACAC,sBAAAA,EACAC,kBAAAA,EACAE,aAAAA,EACAtE,KAAAA,EACAwE,gBAAAA,EACAC,eAAAA,IAXMiB,YAcFta,EAAO3N,aAAiB+I,UAG5B/I,gBAACssC,oBAAc5+B,GAAOhN,MAAOA,gBAAoB+M,EAAQ1D,IAAKA,IAC5D/J,gBAACuX,QACE0Q,EAAYhb,KACX,WAAwDsb,OAArCqkB,IAAhB,gBAA6BrqB,IAAAA,KAAM1nB,IAAAA,KAAS6S,gBAChC,mBAAT7S,GAAsC,iBAATA,EAE7BmF,gBAAC2sC,IACCzhB,IAAK3C,EACLta,UAAWA,EACX7N,KAAMA,EACNM,MAAOA,UAKO,SAAT7F,EAEPmF,gBAACwhC,mBACerxB,QAAQy8B,GACtB1hB,IAAK3C,GAELvoB,gBAACqsC,kBACCp+B,UAAWA,EACX7N,KAAM0rC,GACFp+B,GAEH6U,IAIW,aAAT1nB,GAAgC,SAATA,EAE9BmF,gBAACwhC,IAAetW,IAAK3C,GACnBvoB,gBAAC0sC,kBACCpsC,QACE2N,EAAYyB,sBAAcC,QAAUD,sBAAc0B,MAEpDlR,MAAOkQ,oBAAY8G,uBACPvJ,EAAK7G,WAAcjM,iBAC/BmW,KAEIhR,gBADO,aAATnF,EACGg7B,gBAEAC,yBAGL7nB,UAAWA,EACXvN,MAAOA,EACPP,MACW,aAATtF,EACIwV,oBAAYsc,QACZtc,oBAAYyc,SAElB1sB,KAAM0rC,GACFp+B,UAxBL,2VExNRm/B,GAAgB7sC,cAG3B,SAACQ,EAAOuJ,SACkC/J,YAAwB,GAA3D8sC,OAAeC,OAOpBnvB,EAkBEpd,EAlBFod,eACA2B,EAiBE/e,EAjBF+e,aACAC,EAgBEhf,EAhBFgf,cACAwtB,EAeExsC,EAfFwsC,2BACAC,EAcEzsC,EAdFysC,4BACAC,EAaE1sC,EAbF0sC,uBACAC,EAYE3sC,EAZF2sC,2BACI34B,EAWFhU,EAXFyI,KAWEzI,EAVF4c,UAAAA,aAAYP,kBAAUngB,SACtBgjB,EASElf,EATFkf,WACAC,EAQEnf,EARFmf,UACA4a,EAOE/5B,EAPF+5B,sBACAC,EAMEh6B,EALF4sC,0BACAC,EAIE7sC,EAJF6sC,4BACAC,EAGE9sC,EAHF8sC,uBAEG5/B,IACDlN,MAEEmN,EAAO3N,aAAiB+I,GAExBE,EAAKE,EAAcqL,GAEnB+4B,EAAgCP,GAElCr/B,EAAKzG,SAASI,OAAOD,SACnBmmC,EAAkCP,GAEpCt/B,EAAKzG,SAASI,OAAOlD,UACnBqpC,EAA4BP,GAE9Bv/B,EAAKzG,SAASI,OAAOF,WACnBsmC,EAA+BN,GAEjCz/B,EAAKzG,SAASC,MAAME,SAClBsmC,EAAkCN,GAEpC1/B,EAAKzG,SAASC,MAAM/C,UAClBwpC,EAA4BN,GAE9B3/B,EAAKzG,SAASC,MAAMC,WAElByY,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAChEvI,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAACq6B,IACCzc,eAAgBA,EAChB2B,aAAcA,EACd+a,QAASrxB,EACTuW,cAAeA,EACfpC,UAAWA,EACXmd,sBAAuBA,EACvBtsB,UAAWA,EACXyR,WAAYA,EACZC,UAAWA,GAEX3f,gBAAC0d,kBACCmwB,YAAY,MACZC,eAAe,QACXpgC,sBAEFmS,GAAgCrf,EAAM,qCAExB+e,EAChBrC,WAAYqC,EACZtW,GAAIA,EACJmU,UAAWA,EACXnP,UAAWA,EACXlE,IAAKA,EACLlP,KAAMiyC,EAAgBhwB,kBAAU2B,KAAO3B,kBAAU5V,YAE/CimC,GACAntC,gCACEA,gBAACwQ,iBAEGs8B,EACIU,EACAG,EAEN1/B,WAAW,EACXqH,mBAxFVy3B,GAAiB,SAAAgB,UAAsBA,MAyF7B3tC,KAAM0P,mBAAWrT,MACjB4O,MAAO,CACL1R,aAAc+G,EAAM/G,aACpBwC,OACEihB,GAAaP,kBAAUlgB,MACnB+D,EAAMlI,WAAWU,UACjBwH,EAAMlI,WAAWQ,UACvB8F,OAAQ,eAEVjE,KAAM0U,mBAAWC,OACjBlP,QAASoP,sBAAcE,MAEtBk9B,EACGW,EACAG,GAEN5tC,gBAAC2iB,QACC3iB,gBAACyV,QACEq3B,EACGY,EACAH,oKC3JdluB,GAAc/R,EAAOsJ,iCACvBoG,IA6ESgxB,GAAehuC,gBAA2C,CACrEkd,UAAU,EACV4V,KAAM,gBAGKmb,GAAajuC,cACxB,SAACQ,EAAOuJ,OACAd,EAAKE,EAAc3I,EAAMyI,MACWjJ,WACxCQ,EAAMsJ,OADDokC,OAAeC,OAItBnuC,aAAgB,WACdmuC,EAAiB3tC,EAAMsJ,SACtB,CAACtJ,EAAMsJ,YAWR8T,EAYEpd,EAZFod,eACA2B,EAWE/e,EAXF+e,aACAC,EAUEhf,EAVFgf,cACApa,EASE5E,EATF4E,SACAwa,EAQEpf,EARFof,qBACAH,EAOEjf,EAPFif,aACAC,EAMElf,EANFkf,WACAC,EAKEnf,EALFmf,UACAlS,EAIEjN,EAJFiN,OACAqlB,EAGEtyB,EAHFsyB,KACA3lB,EAEE3M,EAFF2M,SAGIO,EAAQlE,EAAK,CAAC,SAAU,WAAY,UAAW,QADjDhJ,OAGEqf,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAEhEvI,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,uCACM0N,qBACa+R,GAA8BxW,EAC/CoC,MAAOuS,gBACMnQ,EACb1D,IAAKA,EACL8D,KAAK,eAEL7N,gBAACguC,GAAa74B,UACZrL,MAAO,CACL+V,cAAAA,EACA3C,WAAYqC,EACZtR,UAAAA,EACA7I,SAAAA,EACA0tB,KAAAA,EACAob,cAAAA,EACA9iB,OAAQ5qB,EAAM4qB,OACd9M,kBAhDcC,OACL6vB,EAAqB7vB,EAAMC,OAAlC1U,MACRtJ,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASC,GACjB4vB,EAAiBC,IA4CXra,QAASvzB,EAAMuzB,UAGhBpU,GAAaC,GACZ5f,gBAACqf,IAAYpW,GAAIA,EAAIoC,MAAOqU,GACzBC,GAIJA,IAAcC,GACb5f,gBAACkf,IACCjW,GAAIA,EACJoC,MAAOqU,EACPzR,UAAWA,EACXvN,MAAOA,GAENif,GAGJxS,EAEDnN,gBAAC8e,IACC7V,GAAI4W,EACJ3C,WAAYqC,EACZtR,UAAWA,IAETsR,GAAgBC,IAChBxf,gCAAGuf,GAA8BC,uKF/JnCitB,GAAAA,4BAAAA,2CAEVA,iBA4CF,IAAMtsB,wDACFnD,QAGEoD,qDACFpD,iBAmBYqxB,GAAiB7tC,UAC3BA,EAAM0c,SACJ1c,EAAMyN,uBACYzN,EAAME,MAAM3K,OAAOmB,2BAErBsJ,EAAME,MAAM3K,OAAOkB,iBAK3C,IGpFYq3C,GHoFNjuB,wDASF5D,cACO,SAAAjc,UApCX,SAA6BA,UACvBA,EAAMwN,SACJxN,EAAMyN,UACDzN,EAAME,MAAM3K,OAAOoC,OAErBqI,EAAME,MAAM3K,OAAOwB,UAExBiJ,EAAMyN,UACDzN,EAAME,MAAM3K,OAAO2B,UAExB8I,EAAM+f,UACD/f,EAAMN,MAERM,EAAME,MAAM3K,OAAOqB,UAuBRm3C,CAAoB/tC,iBAC5B,SAAAA,UAAUA,EAAMwN,SAAW,cAAgB,wBAC3C,SAAAxN,SACe,SAAvBA,EAAMkgB,sBACOlgB,EAAME,MAAMlI,WAAWG,eAC3B6H,EAAME,MAAMlI,WAAWG,kCACpB01C,OAEZjuB,qDACc,SAAA5f,MACRA,EAAMyN,iBACDzN,EAAME,MAAM3K,OAAO2B,iBAK9B0oB,iCAGI,SAAA5f,UAASoc,GAA6Bpc,+BAM5B,SAAAA,UAASmc,GAAkCnc,UAGzD4f,+CAEI1D,SAKK8xB,GAAQxuC,cACnB,SAACQ,EAAOuJ,OACAd,EAAKE,EAAc3I,EAAMyI,IACzBuB,EAAUxK,aAAiBguC,IAC3BttC,EAAQV,aAAiBD,KAe3BS,EAbFN,MAAAA,aAAQQ,EAAM3K,OAAOC,UACrB4nB,EAYEpd,EAZFod,eACA5P,EAWExN,EAXFwN,SACAmQ,EAUE3d,EAVF2d,WACAlQ,EASEzN,EATFyN,UACA2R,EAQEpf,EARFof,qBACAF,EAOElf,EAPFkf,WACAC,EAMEnf,EANFmf,UACAva,EAKE5E,EALF4E,SACAqI,EAIEjN,EAJFiN,OACAiT,EAGElgB,EAHFkgB,aACA5W,EAEEtJ,EAFFsJ,MACG4D,IACDlN,aAGFR,gBAACkgB,IAAgB7U,MAAOuS,GACtB5d,gBAACogB,oBACK1S,qBACalD,EAAQqV,cACzB5W,GAAIA,EACJc,IAAKA,EACL6W,QAASpW,EAAQ0jC,gBAAkBpkC,gBACtB2D,EACbO,SAAUA,EACV8kB,KAAMtoB,EAAQsoB,KACd1tB,SAAUoF,EAAQpF,UAAYA,EAC9BvK,KAAK,QACLiP,MAAOA,EACPshB,OAAQ5gB,EAAQ4gB,OAChB9M,SAAU9T,EAAQ8T,SAClByV,QAASvpB,EAAQupB,WAEnB/zB,gBAACgf,IACCe,QAAS9W,EACTgF,UAAWzD,EAAQyD,WAAaA,EAChC5C,MAAOqU,IAELE,GACAc,IAAiB+rB,0BAAkBtxC,MACnCwkB,EAEF3f,gBAACqgB,IACCE,UAAW/V,EAAQ0jC,gBAAkBpkC,EACrC5J,MAAOA,EACP8N,SAAUA,EACVC,UAAWzD,EAAQyD,WAAaA,EAChCiP,SAAU1S,EAAQ0S,SAClB7R,MAAO8S,EACPuC,aAAcA,EACdhgB,MAAOA,GAGLV,gBADDwK,EAAQ0jC,gBAAkBpkC,EACxB2kC,yBAEAC,kCAGJ9uB,EACC5f,gBAACmgB,QAAiBR,GAElBe,IAAiB+rB,0BAAkBtxC,MAAQwkB,GAAaA,0FIlHvDgvB,GAAa3uC,cACxB,SAACQ,EAAOuJ,OACArJ,EAAwBV,aAAiBD,GAG7CsL,EAWE7K,EAXF6K,MACAujC,EAUEpuC,EAVFouC,cACAzlB,EASE3oB,EATF2oB,OACA1b,EAQEjN,EARFiN,SAQEjN,EAPFquC,QAAAA,aAAU,WAORruC,EANFpG,KAAAA,aAAO,WAMLoG,EALFsuC,iBAAAA,aAAmB,CACjBr0C,MAAO,CAAEH,WAAY,IACrBF,KAAM,CAAEE,WAAY,OAEnBmW,IACDjQ,MAEEuuC,GAAeH,GAAgBzlB,GAAUylB,EAEzCI,EAAW31B,OAAOC,KAAK7I,GAAM/G,QACjC,SAACulC,EAAK/jB,MACAza,EAAKya,IAAQxqB,EAAMzG,YAAYixB,GAAM,KACjCgkB,EAAexuC,EAAMzG,YAAYixB,UACvCza,EAAKya,QAAOvJ,EACL,CACLjnB,eACKu0C,EAAIv0C,UACJw0C,EAAax0C,WAElBP,YACK80C,GACHx0C,WACKw0C,EAAI90C,OAAOM,MACXy0C,EAAa/0C,OAAOM,OACvBH,gBACM,eAAgB20C,EAAI90C,OAAOM,MAC3Bw0C,EAAI90C,OAAOM,MAAMH,WACjB,GACA,eAAgB40C,EAAa/0C,OAAOM,MACpCy0C,EAAa/0C,OAAOM,MAAMH,WAC1B,MAGRF,UACK60C,EAAI90C,OAAOC,KACX80C,EAAa/0C,OAAOC,MACvBE,gBACM,eAAgB20C,EAAI90C,OAAOC,KAC3B60C,EAAI90C,OAAOC,KAAKE,WAChB,GACA,eAAgB40C,EAAa/0C,OAAOC,KACpC80C,EAAa/0C,OAAOC,KAAKE,WACzB,gBAMP20C,IAET,CAAE90C,OAAQ20C,EAAkBp0C,UAAW,YAIvCsF,gBAACmvC,mBAAgBN,SAAS,GACvBE,GACC/uC,gBAAC7F,SAAOmZ,mBACNvJ,IAAKA,EACL8kC,QAASA,EACTz0C,KAAMA,gBACOqT,EACbo5B,QAAS1d,GAAUylB,EAAgB,QAAU,OAC7CI,SAAUA,EAAS70C,OACnBkR,WAAY2jC,EAASt0C,UAAc2Q,IAC/BoF,uND7JJ69B,GAAAA,oBAAAA,qCAEVA,mBACAA,iBAyEF,OAAMc,KAAwBT,4FAMjB,SAAAnuC,UAASA,EAAME,MAAMlI,WAAWG,2CAMvC02C,KAAuBV,wLAWvBW,qEACU,SAAA9uC,UAASA,EAAME,MAAM3K,OAAO2B,+CAE1B,SAAA8I,UAASA,EAAME,MAAM3K,OAAOyB,+BAC3B,SAAAgJ,UAASA,EAAME,MAAM/G,gEAE7B,SAAA6G,UAASA,EAAME,MAAM3K,OAAOoB,sEAKxB,SAAAqJ,UACHA,EAAMJ,UACP,eACII,EAAME,MAAMjC,MAAMC,MAAM/B,UAC5B,eACI6D,EAAME,MAAMjC,MAAMC,MAAMjC,qBAExB+D,EAAME,MAAMjC,MAAMC,MAAMhC,iCAIhB,SAAA8D,UAASA,EAAME,MAAMnE,YAAYE,uBAC1C,SAAA+D,UAASA,EAAME,MAAMlI,WAAWQ,uBAIxCu2C,iEACO,SAAA/uC,UAASA,EAAME,MAAMlI,WAAWG,iBACvC,SAAA6H,UAASA,EAAME,MAAMlI,WAAWK,mBAChC,SAAA2H,UAASA,EAAME,MAAMlI,WAAWK,mCACf,SAAA2H,UAASA,EAAME,MAAMnE,YAAYE,wBACzC,SAAA+D,UAASA,EAAME,MAAMlI,WAAWK,iBACvC,SAAA2H,UAASA,EAAME,MAAMlI,WAAWM,mBAChC,SAAA0H,UAASA,EAAME,MAAMlI,WAAWM,kBAIlC02C,KAAYtzB,kDACH,SAAA1b,UACXA,EAAME,MAAM1D,uBAAuBO,aAAaJ,QAAQnI,4BAC3C,SAAAwL,UACbA,EAAME,MAAM1D,uBAAuBO,aAAaJ,QAAQjI,yCAEzC,SAAAsL,UAASA,EAAME,MAAMlI,WAAWU,iBAG7Cu2C,8GAKAC,+DACO,SAAAlvC,UAASA,EAAME,MAAMlI,WAAWK,mCAEtB,SAAA2H,UAASA,EAAME,MAAMnE,YAAYE,wBACzC,SAAA+D,UAASA,EAAME,MAAMlI,WAAWM,kBAIlC62C,GAAQ3vC,cACnB,SAACQ,EAAOuJ,OACAsvB,EAAYr5B,WACZs5B,EAAat5B,WACb4vC,EAAU5vC,WAEViJ,EAAKE,EAAc3I,EAAMyI,IACzB4mC,EAAe5mC,aACf6mC,EAAe7mC,eAEiBjJ,WAAwBQ,EAAM2oB,QAA7D4mB,OAAaC,SACchwC,YAAwB,GAAnDuT,OAAWwB,SACwB/U,WAAe,MAAlD8qB,OAAemlB,OAEhBtW,EAAmB/B,GACvBmY,EACAvvC,EAAM0D,OAASo1B,EAAa,KAC5BsW,GAGIM,EAAWrmC,EAAYrJ,EAAM2oB,iBAyC1BgnB,EAAoB5xB,GACT,WAAdA,EAAM2M,MACR3M,EAAM4M,iBACN5M,EAAM6xB,kBAEN5vC,EAAM6vC,cAC0B,mBAAvB7vC,EAAM6vC,cACb7vC,EAAM6vC,aAAa9xB,GAErB+xB,EAAY/xB,aAIP+xB,EAAY/xB,GACfA,GACFA,EAAM6xB,kBAERr7B,GAAa,GAEbpK,YAAW,WACToK,GAAa,GACbi7B,GAAe,GAEX3W,EAAUpvB,SACZovB,EAAUpvB,QAAQ/T,QAGpBsK,EAAMopB,SAAoC,mBAAlBppB,EAAMopB,SAA0BppB,EAAMopB,YAC7D,KAnEL5pB,aAAgB,YACTkwC,GAAY1vC,EAAM2oB,OACrB6mB,GAAe,GACNE,IAAa1vC,EAAM2oB,QAAU4mB,GACtCO,MAED,CAAC9vC,EAAM2oB,SAEVnpB,aAAgB,kBACV+vC,IACF1W,EAAUpvB,QAAUe,SAAS2f,cAExBnqB,EAAM+vC,sBACTvlC,SAASM,KAAKmoB,iBAAiB,UAAW0c,GAAqB,IAI5D,WACLnlC,SAASM,KAAKooB,oBACZ,UACAyc,GACA,MAGH,CAACJ,QA+CF5iC,EAaE3M,EAbF2M,SACAzG,EAYElG,EAZFkG,eACA8pC,EAWEhwC,EAXFgwC,gBACA5yB,EAUEpd,EAVFod,iBAUEpd,EATFiwC,oBAAAA,aAAsB,CAAE91C,UAAU,KAClC+1C,EAQElwC,EARFkwC,0BACAH,EAOE/vC,EANF0D,OACAysC,EAKEnwC,EALFmwC,oBACAxnB,EAIE3oB,EAJF2oB,SAIE3oB,EAHFouC,cAAAA,gBACAnhC,EAEEjN,EAFFiN,OAIIC,EAAQlE,EAAK,CAAC,kBAFhBhJ,OAGEE,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExB6nC,EACJ5wC,gBAACqV,aACCnV,MAAOQ,EAAM3K,OAAOsB,UACpB+I,KACE7G,EAAMsD,UAAU2zC,GACZj3C,EAAMsD,UAAU2zC,GAChBj3C,EAAMsD,UAAUJ,eAKnBszC,EACHc,EAASC,aACP9wC,uBAAK+J,IAAK4vB,GACR35B,gBAAC+wC,UACC7d,OAAQnlB,uBAEQob,sCAIlBnpB,gBAACovC,oCACkBlrC,EAAS2rC,EAAY,kBAC3B,2BACM,sBACL,gBACCpiC,EACbxE,GAAIA,EACJqM,QAASo7B,EAA4B,cA5FrBnyB,GAErBvT,SAASgmC,eAAelB,GAAW/kB,SAASxM,EAAMC,SACnDD,EAAMC,SAAWsM,GAEjBwlB,EAAY/xB,IAwFN0yB,YACEP,EAA4B,cArFRnyB,GAC9B0xB,EAAiB1xB,EAAMC,SAsFf3Q,KAAK,SACLxC,MAAOuS,EACPld,MAAOA,EACPyoB,OAAQ4mB,GACJU,GACJ7B,cAAeA,IAEf5uC,gBAACsvC,oBACK5hC,iBACQ,gBACZzE,GAAI6mC,EACJv8B,UAAWA,EACXxJ,IAAKA,EACLrJ,MAAOA,IAENwD,GACClE,gBAACuvC,IAAY7uC,MAAOA,GACjBwD,GACClE,gBAACwvC,IACCvmC,GAAI4mC,EACJ1zB,MAAO,EACPpS,IAAKuvB,EACL/d,YAAaxB,8BAAsBxc,aACnC2X,UAAW,EACXxU,MAAOA,GAENwD,IAKTlE,gBAAC0vC,IAAU3lC,IAAK6lC,EAASlvC,MAAOA,GAC7ByM,IAEDwjC,GACA3wC,gBAACyvC,QACCzvC,gBAAC+Q,iBAEGrK,GAEIiH,EAAKlP,MAAMiI,eAEjBxG,MAAOkQ,oBAAY8G,UACnBlG,KAAM4/B,EACNt7B,QAASg7B,EACT7iC,OAAO,iBACPnN,QAASoP,sBAAcE,UAMjC5P,gBAACqvC,kBACa,iBACZ97B,UAAWA,EACX09B,YACEP,EACI,SAAAnyB,UAASA,EAAM4M,kBACf,KAENjxB,QACAivB,OAAQ4mB,EACRnB,oBAGJ5jC,SAASkmC,qBAAqB,QAAQ,IAExC,4FEvUKC,GAASnxC,cACpB,SAACQ,EAAOuJ,OAEJlE,EAOErF,EAPFqF,cACAiY,EAMEtd,EANFsd,YACAzO,EAKE7O,EALF6O,UACAsQ,EAIEnf,EAJFmf,UACA/Z,EAGEpF,EAHFoF,YACAwrC,EAEE5wC,EAFF4wC,SACG1jC,IACDlN,MAEEmN,EAAO3N,aAAiB+I,KAEJ/I,WAAuBQ,EAAMsJ,OAAhDA,OAAOsU,OAERpN,EAAmBhR,gBAAZqP,EAAa7B,EAAc6jC,4BAqB/BC,IACPF,EAAStnC,UApBX9J,aAAgB,WACdoe,EAAS5d,EAAMsJ,SACd,CAACtJ,EAAMsJ,QAsBR9J,gBAAC0d,oBACKhQ,gBACQiS,GAAwBhS,EAAKjI,OAAOC,MAAMvB,UACtD4M,KAAMA,EACNnL,cACEA,GAAgC8H,EAAKjI,OAAOG,cAE9CiY,YAAaA,EACb7P,UAAW+B,GAAaxP,EAAMyN,WAC9BqQ,kBA7BkBC,GACpB/d,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASC,GACjBH,EAASG,EAAMC,OAAO1U,QA0BpBmU,YACEzd,EAAMud,cAAsB1O,EAAP,KAA0BiiC,EAEjD3yB,mBAzBoBJ,GACJ,UAAdA,EAAM2M,MACR3M,EAAM4M,iBACNmmB,MAuBA1rC,YAAaA,GAA4B+H,EAAKjI,OAAOC,MAAMC,YAC3D/K,KAAMiiB,kBAAUpX,OAChBoE,MAAOA,EACPC,IAAKA,mBC1FPwnC,GAAiBjkC,EAAOC,uGACnB,SAAA/M,UAASA,EAAME,MAAM3K,OAAOuB,aAEtB,SAAAkJ,UAASA,EAAME,MAAMlI,WAAWG,sBAIjC64C,GAAahxC,OAEzB6uB,EASE7uB,EATF6uB,iBACAlG,EAQE3oB,EARF2oB,OACAsoB,EAOEjxC,EAPFixC,aACA1vB,EAMEvhB,EANFuhB,MACA2vB,EAKElxC,EALFkxC,aACAC,EAIEnxC,EAJFmxC,iBACAC,EAGEpxC,EAHFoxC,aACApzC,EAEEgC,EAFFhC,UACAqzC,EACErxC,EADFqxC,UAGInxC,EAAQV,EAAMinB,WAAWlnB,GACzB4N,EAAO3N,EAAMinB,WAAWle,GAExB+oC,EAAW/vB,GAASA,EAAMK,OAAS,EAEnCmgB,EAAe11B,EAA0BrO,GACvC84B,EAASwM,QACZzU,IADGiI,YAKNt3B,gBAACga,IACCE,iBACAjM,WAAW,EACXkb,OAAQA,EACR9d,MAAOwmC,GAEP7xC,gBAACuX,kBAAW4R,OAAQA,GAAYsoB,KAAgBjzC,UAAW+jC,IACxDpZ,GAAU2oB,EACT/vB,EAAM9U,KAAI,SAACib,EAAMK,OCqGzBrX,EDpGgB2yB,EC2GI,iBAPpB3yB,EDpG6DgX,IC4G3DhX,GACA,8BAA+BA,ED5GnBgX,EAAKtR,MACL86B,EAAaxpB,KAE2B0pB,EAAa,CACvD1pB,KAAAA,EACAK,MAAAA,IAFMxe,IAAAA,IAAQgoC,UAKV7mB,KAAS2Y,EAAatb,EAEtBypB,KACJ7a,UAAWwa,IAAqBppB,EAChCD,QAASve,EACTme,KAAAA,EACA2b,WAAAA,EACA3Y,IAAAA,EACAxqB,MAAAA,GACGqxC,UAGE/xC,gBAACs3B,mBAAY0a,GAAW9mB,IAAKA,QAGtClrB,gBAACsY,IAAWpD,UAAW,GACrBlV,gBAACuxC,IAAe7wC,MAAOA,GACpBiN,EAAKpL,uBExFb,IAAM0vC,gGAIA,SAAAzxC,UACTA,EAAMye,eAAiBxB,sBAActiB,KAAO,OAAS,iCAInD+2C,8GAoBUC,GAAmB3xC,OAE/B2M,EAWE3M,EAXF2M,SACA0S,EAUErf,EAVFqf,cACAN,EASE/e,EATF+e,aAEAC,EAOEhf,EAPFgf,cACAvR,EAMEzN,EANFyN,UACAssB,EAKE/5B,EALF+5B,sBACAtb,EAIEze,EAJFye,cACAS,EAGElf,EAHFkf,WACAC,EAEEnf,EAFFmf,UACA6a,EACEh6B,EADFg6B,aAGItd,IAAaqC,SAGjBvf,gBAACiyC,IACChzB,cAAeA,gBACH,0BAEZjf,gBAACkf,qBACKkzB,EAVN5xC,EARF4xC,kBAmBInkC,UAAWA,EACXgR,cAAeA,EACf5T,MAAOqU,IAEN6a,EACCv6B,gBAAC2iB,QAAgBhD,GAEjBA,GAGJ3f,gBAACkyC,QACE/kC,IAEC8R,IAAkBxB,sBAActiB,OAC9BokB,IAAgBC,KAEjBD,GAAgBC,IACfxf,gBAAC8e,IACC7V,GAAI4W,EACJ5R,UAAWA,EACXiP,SAAUA,EACV7R,MAAOmvB,IAELjb,GAAgBC,IAChBxf,gCAAGuf,GAA8BC,eCtEjC6yB,GAAU7xC,OAEtB2jC,EA6BE3jC,EA7BF2jC,gBACY9U,EA4BV7uB,EA5BF8uB,WACAgjB,EA2BE9xC,EA3BF8xC,oBACA/yB,EA0BE/e,EA1BF+e,aACArC,EAyBE1c,EAzBF0c,SACAsC,EAwBEhf,EAxBFgf,cACArB,EAuBE3d,EAvBF2d,WACAoc,EAsBE/5B,EAtBF+5B,sBACAgY,EAqBE/xC,EArBF+xC,SACAC,EAoBEhyC,EApBFgyC,kBACAd,EAmBElxC,EAnBFkxC,aACA3vB,EAkBEvhB,EAlBFuhB,MACArC,EAiBElf,EAjBFkf,WACAC,EAgBEnf,EAhBFmf,UACA8yB,EAeEjyC,EAfFiyC,oBACA30B,EAcEtd,EAdFsd,YACA9P,EAaExN,EAbFwN,SACAC,EAYEzN,EAZFyN,UACAgR,EAWEze,EAXFye,cACA4yB,EAUErxC,EAVFqxC,UACAzmB,EASE5qB,EATF4qB,OACA2I,EAQEvzB,EARFuzB,QACA2e,EAOElyC,EAPFkyC,eACA/zB,EAMEne,EANFme,UACAg0B,EAKEnyC,EALFmyC,WACAC,EAIEpyC,EAJFoyC,QACApY,EAGEh6B,EAHFg6B,aACA50B,EAEEpF,EAFFoF,YACcitC,EACZryC,EADFsyC,aAGIC,EAAkB/yC,WAClBU,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExBgB,EAAMsC,EAAakmC,GAAY,KAAMQ,YAElCC,EAAaC,EAAgB/nB,kBAG7B,IAFAnJ,EAAMyG,WACX,SAAAf,UAAKiqB,EAAajqB,KAAOiqB,EAAauB,cAEjC/nB,GAAM+nB,aACN/nB,GAAM,cA8CXgoB,iBACC1yC,GACHkyC,wBA7C4BS,OAGZC,EACZD,EADFL,aACEK,EAFFhqB,QAImBiqB,GACnBC,EACEtxB,EAAMyG,WACJ,SAAAf,UAAKiqB,EAAajqB,KAAOiqB,EAAa0B,OAK5CV,GAC4B,mBAAnBA,GACPA,EAAeS,IA8BjBG,sBA3BoBC,EAAOC,OACbL,EAAYK,EAAZL,eAAYK,EAAlB34C,WAEDq4C,YAAUO,iBAAiBC,yCAEzBP,GACHL,aAAcS,EAAMT,8BAGfK,KAmBPb,GACFU,EAAaV,EAAqB,uBAChCG,GACFO,EAAaP,EAAqB,uBAChCI,GACFG,EAAaH,EAAsB,kBAnBrC1pB,IAAAA,OACA2pB,IAAAA,aACAa,IAAAA,qBACAvB,IAAAA,cACAX,IAAAA,aACAE,IAAAA,iBACAC,IAAAA,aACAjW,IAAAA,MACAiY,IAAAA,SACAP,IAAAA,oBAaMtP,EAAmBD,QACtBzU,IADG0U,eAIFM,GAAoBsP,EAAqB,CAC7C3lC,SAAUA,EACVod,OAAAA,EACAzM,UAAW,SAAAJ,GAEPo1B,IAAuB1qC,KAAO+B,SAAS2f,cAAc1hB,IACtC,UAAdsV,EAAM2M,KAAiC,MAAd3M,EAAM2M,MAEhC3M,EAAM4M,iBACNyoB,KAGFj1B,GAAkC,mBAAdA,GAA4BA,EAAUJ,IAE5Do0B,WAAAA,EACAC,QAAAA,EACA7e,QAAAA,EACAhqB,IAAAA,IAaI1G,GAA0BsK,EAAKrO,OAAO+D,wBACzCggB,QAAQ,iBAAkB1D,GAC1B0D,QAAQ,oBAAqBquB,EAAaoB,IAEvCe,GAAanC,EAAaoB,GAC5BpB,EAAaoB,GACU,iBAAhBltC,EACPA,EACA+H,EAAKrO,OAAOsG,mBAGd5F,gBAACmyC,IACC5yB,aAAcA,EACdM,cAAeskB,EACfiO,cAAeA,EACf5yB,cAAeA,EACfvR,UAAWA,EACXssB,sBAAuBA,EACvBtb,cAAeA,EACfS,WAAYA,EACZC,UAAWA,EACX6a,aAAcA,GAEdx6B,gBAACkkC,IACCC,gBAAiBA,EACjB9U,iBAAkBA,EAClBgV,kBAAmBA,GACnBnnB,SAAUA,EACVlP,SAAUA,EACVC,UAAWA,EACX5C,MAAO8S,GAEPne,gBAACqjC,kBAAuB,oBAAoBwQ,IAC3C/1B,GAAeg1B,GACd9yC,gBAAC+jC,gBACa1gC,GACZ2N,KAAMhR,gBAACqV,aAAUjV,KAAMM,EAAM7D,UAAUC,SACvCwY,iBA/CgCiJ,GACxCA,EAAM6xB,kBAEF2C,EAAgB9oC,SAClB8oC,EAAgB9oC,QAAQ/T,QAG1BylC,KAyCQv7B,KAAM0P,mBAAWrT,MACjB4O,MAAO,CAAEyoC,UAAW,IAAKC,aAAc,KACvCtmC,OAAO,iBACPnN,QAASoP,sBAAcE,QAI7B5P,gBAACwxC,IACCniB,iBAAkBA,EAClBuiB,aAAcA,EACdH,aAAcA,EACdE,iBAAkBA,EAClBxoB,OAAQA,EACR3qB,UAAWg0C,GAAqB9xC,EAAMpB,OAAOf,KAAKC,UAClDujB,MAAOA,EACP2vB,aAAcA,EACdG,UAAWA,sDChMHmC,GAAexzC,OAE3B2jC,EAyBE3jC,EAzBF2jC,gBACY9U,EAwBV7uB,EAxBF8uB,WACA/P,EAuBE/e,EAvBF+e,aACArC,EAsBE1c,EAtBF0c,SACAsC,EAqBEhf,EArBFgf,cACArB,EAoBE3d,EApBF2d,WACAoc,EAmBE/5B,EAnBF+5B,sBACAgY,EAkBE/xC,EAlBF+xC,SACAb,EAiBElxC,EAjBFkxC,aACA3vB,EAgBEvhB,EAhBFuhB,MACA9C,EAeEze,EAfFye,cACAS,EAcElf,EAdFkf,WACAC,EAaEnf,EAbFmf,UACA3R,EAYExN,EAZFwN,SACAC,EAWEzN,EAXFyN,UACAukC,EAUEhyC,EAVFgyC,kBACAX,EASErxC,EATFqxC,UACArX,EAQEh6B,EARFg6B,aACApP,EAOE5qB,EAPF4qB,OACA2I,EAMEvzB,EANFuzB,QACApV,EAKEne,EALFme,UACAg0B,EAIEnyC,EAJFmyC,WACAC,EAGEpyC,EAHFoyC,QACAqB,EAEEzzC,EAFFyzC,qBACAruC,EACEpF,EADFoF,qBAGOsuC,EAA0BjB,UAE0C,IAAzElxB,EAAMyG,WAAU,SAAAf,UAAKiqB,EAAajqB,KAAOiqB,EAAauB,YAWtDkB,4BACC3zC,EACCA,EAAM4zC,sBAAwB,CAChCA,qBAAsB5zC,EAAM4zC,qBAAqBtrB,OAC/CorB,IAGA1zC,EAAM2jB,eAAiB,CACzBA,cAAe3jB,EAAM2jB,cAAc2E,OAAOorB,MAd5CG,IAAAA,qBACAC,IAAAA,iBACAC,IAAAA,gBACAC,IAAAA,mBACArwB,IAAAA,cACAwJ,IAAAA,wBAaO8mB,EAAiBC,UACjBA,EAAgB5rB,QACrB,SAAAZ,UACE/D,EAAcqE,WACZ,SAAAsqB,UAAgBpB,EAAaoB,KAAkBpB,EAAaxpB,MAC1D,SAOLysB,IACDn0C,QAwBA0yC,iBACCyB,GACH5yB,MAAO0yB,EAAiB1yB,GACxB6yB,8BAImCzB,OACb0B,EAAoB1B,EAAlCL,aAEJ+B,IACFN,EAAgBM,GAChBC,EAAW,QARbxB,sBA1BoBC,EAAOC,OACbL,EAAYK,EAAZL,eAAYK,EAAlB34C,WAEDq4C,YAAUO,iBAAiBC,yCAEzBP,GACHL,aAAcS,EAAMT,8BAGfK,OAKXhqB,IAAAA,OACAwqB,IAAAA,qBACAvB,IAAAA,cACAX,IAAAA,aACAE,IAAAA,iBACAC,IAAAA,aACAkD,IAAAA,WACAlB,IAAAA,SAyBIlzC,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAExBs7B,GAAoBsP,OACrBW,KACDlpB,OAAAA,EACAzM,UAAW,SAAAJ,GAE0C,WAAjDvT,SAAS2f,cAAcoqB,QAAQ3W,eAChB,cAAd7f,EAAM2M,KACS,WAAd3M,EAAM2M,KACQ,cAAd3M,EAAM2M,MAER3M,EAAMy2B,YAAYC,yBAA0B,GAG5B,UAAd12B,EAAM2M,KAAiC,MAAd3M,EAAM2M,MACjC3M,EAAM4M,iBACNyoB,KAGFj1B,GAAkC,mBAAdA,GAA4BA,EAAUJ,IAE5Do0B,WAAAA,EACAC,QAAAA,EACA7e,QAAAA,EACAmhB,iBAAkB/rB,GACdopB,GAAY,CAAExoC,IAAKwoC,MAEzBvkC,SAAUA,YAIVhO,gBAACmyC,IACCtyB,cAAeskB,EACf5kB,aAAcA,EACd6yB,cAAeA,EACf5yB,cAAeA,EACf+a,sBAAuBA,EACvBtb,cAAeA,EACfS,WAAYA,EACZC,UAAWA,EACX1R,UAAWA,EACXusB,aAAcA,GAEdx6B,gBAACkkC,IACCC,gBAAiBA,EACjBE,kBAAmBA,GACnBnnB,SAAUA,EACVlP,SAAUA,EACVC,UAAWA,EACX5C,MAAO8S,GAENgG,GAAiBA,EAAc/B,OAAS,EACrC+B,EAAclX,KAAI,SAACkoC,EAAmB5sB,OAC9B6sB,EAA0B1D,EAAayD,UAE3Cn1C,gBAACujC,+BACa51B,EAAKhH,YAAYC,4BAA4Byc,QACvD,oBACA+xB,GAEFlqB,qBAAsB3C,GAClB8rB,EAAqB,CACvBvB,aAAcqC,EACd5sB,MAAAA,KAEFjT,QAAS,SAAAiJ,mBA3ESA,EAA6Bu0B,GAC7Dv0B,EAAM6xB,kBAEN6D,GAAwD,mBAAzBA,EAC3BA,EAAqBnB,GACrB0B,EAAmB1B,GAuEPuC,CAAyB92B,EAAO42B,IAElCphB,QAAS,kBAAMpG,EAAepF,IAC9B7nB,MAAOA,IAEN00C,EACDp1C,gBAAC4T,QACC5T,gBAACqV,aAAUjV,KAAMM,EAAM7D,UAAUC,cAKlB,iBAAhB8I,EACPA,EACA+H,EAAKhH,YAAYf,aAEvB5F,gBAACwxC,IACCniB,iBAAkBA,EAClBuiB,aAAcA,EACdH,aAAcA,EACdE,iBAAkBA,EAClBxoB,OAAQA,EACRpH,MAAO0yB,EAAiB1yB,GACxB2vB,aAAcA,EACdlzC,UAAWg0C,GAAqB9xC,EAAMpB,OAAOf,KAAKC,UAClDqzC,UAAWA,cH1DHyD,GACdpkC,UAEOA,GAAU,UAAWA,MAmBjBqkC,GAAyBrC,YAAUO,iBACnC+B,GACXrB,uBAAqBV,iBI5KjBgC,kGAQAC,yFAQU,SAAAl1C,UAASA,EAAME,MAAM3K,OAAO2B,+CAE1B,SAAA8I,UACdA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOsB,+BACR,SAAAmJ,UAASA,EAAME,MAAM/G,4CAExB,SAAA6G,UAASA,EAAME,MAAMlI,WAAWS,2BACjC,SAAAuH,UAASA,EAAME,MAAMlI,WAAWa,2BAChC,SAAAmH,UAASA,EAAME,MAAMlI,WAAWG,gCAG3C,SAAA6H,UACAA,EAAM22B,WACNppB,4BAEMvN,EAAMyN,UACJzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,2DAI3B,SAAAsK,UACAA,EAAM0c,UACNnP,sBACkBvN,EAAME,MAAM3K,OAAOkB,gCAE/BuJ,EAAMyN,UACJzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOkB,yCAGzB,SAAAuJ,UACFA,EAAMwN,UACND,oBACgBvN,EAAME,MAAM3K,OAAO0B,2BACjB+I,EAAME,MAAM3K,OAAOwB,oBAC1BiJ,EAAME,MAAM3K,OAAO4B,mEAKjB6I,EAAME,MAAM3K,OAAO4B,+CAK9B2lB,sDACFH,iDAIQ,SAAA3c,UAASA,EAAME,MAAMlI,WAAWQ,2BAC7B,SAAAwH,UAASA,EAAME,MAAMlI,WAAWO,8BAC7B,SAAAyH,UAASA,EAAME,MAAMlI,WAAWE,qDAiClCi9C,GAAiBn1C,OAE7B2jC,EAoBE3jC,EApBF2jC,gBACAh3B,EAmBE3M,EAnBF2M,SACAkiB,EAkBE7uB,EAlBF6uB,iBACAumB,EAiBEp1C,EAjBFo1C,iBACAC,EAgBEr1C,EAhBFq1C,cACAlC,EAeEnzC,EAfFmzC,qBACAz2B,EAcE1c,EAdF0c,SACAq1B,EAaE/xC,EAbF+xC,SACAp0B,EAYE3d,EAZF2d,WACAnQ,EAWExN,EAXFwN,SACAC,EAUEzN,EAVFyN,UACAoB,EASE7O,EATF6O,UACA6uB,EAQE19B,EARF09B,YACAC,EAOE39B,EAPF29B,aACA2X,EAMEt1C,EANFs1C,eACAC,EAKEv1C,EALFu1C,gBACAC,EAIEx1C,EAJFw1C,aACApwC,EAGEpF,EAHFoF,YACAue,EAEE3jB,EAFF2jB,cACA4uB,EACEvyC,EADFuyC,gBAEIryC,EAAQV,EAAMinB,WAAWlnB,KAEGC,EAAMqJ,UAAkB,GAAnD8tB,OAAW8e,SAE8BnS,QAC3CzU,IADG2U,IAAAA,kBAAmBrB,IAAAA,iBAgBrBuT,EAAaL,KACjB7nC,SAAUA,EACVod,gBAdkBqS,GAClBwY,GAAa,GAEb/X,GAAsC,mBAAhBA,GAA8BA,EAAYT,IAYhE1J,iBATmB0J,GACnBwY,GAAa,GAEb9X,GAAwC,mBAAjBA,GAA+BA,EAAaV,IAOnE9e,UAAWm3B,EACXnD,WAAYoD,EACZnD,QAASoD,GACLzD,GAAY,CAAExoC,IAAKwoC,YAIvBvyC,gBAACy1C,oBACKG,KACJ14B,SAAUA,EACVlP,SAAUA,EACVC,UAAWA,EACXvN,MAAOA,IAEPV,gBAAC01C,oBACK/B,KACF3lC,SAAAA,GACI+kC,GAAmB,CAAEhpC,IAAKgpC,MAEhC71B,SAAUA,EACVlP,SAAUA,EACVmpB,UAAWA,EACXlpB,UAAWA,EACX5C,MAAO8S,EACPzd,MAAOA,IAEPV,gBAACsjC,QACEnf,EACDnkB,gBAACsd,oBACK44B,sBACc/R,iBACJjnB,EACdlP,SAAUA,EACVpI,YAAaA,EACblF,MAAOA,MAGVyM,EACAkC,GACCrP,gBAAC2iC,GACCt3B,MAAO,CAAEq4B,WAAY,EAAG7W,YAAansB,EAAMlI,WAAWE,aAG1DsH,gBAACgkC,gBACY,cACX9jC,MAAOQ,EAAM3K,OAAOoB,qBChNdg/C,GAAiBC,EAAcr0B,OACvCs0B,EAAqBr2C,EAAMgK,QAAO,GAClCssC,EAAWt2C,EAAMgK,OAAOosC,GAAgBr0B,KACN/hB,EAAMqJ,SAAS+sC,GAAgBr0B,GAAhEw0B,OAAcC,cAQrBx2C,EAAMuJ,WAAU,cACT8sC,EAAmBpsC,aAKlBwsC,EAAa10B,GAAgB,GAEnCu0B,EAASrsC,QAAUwsC,EACnBD,EAAgBC,QAPdJ,EAAmBpsC,SAAU,IAQ9B,CAAC8X,IAEG,CAACu0B,EAAUC,EAAcC,WAlBR5tB,OAChB8tB,YAAeJ,EAASrsC,SAAS2e,IACvC0tB,EAASrsC,QAAUysC,EACnBF,EAAgBE,cA0BJC,GACdxD,EACApxB,EACA2vB,EACAkF,EACAJ,EACAnD,EACArV,EACA16B,OAEoBuzC,EAA2B1D,EAAvC/W,cAAuC+W,EAAXhqB,OAExB,KACJiT,EACsB,iBAAnBya,EACHA,EACAnF,EAAamF,GAEbrsB,EAAgB4R,EAClBra,EAAM9X,QACH6e,QAAO,SAAAZ,UACNwpB,EAAaxpB,GACVkW,cACA0Y,WAAW1a,EAAWgC,kBAE1BtE,OACE8c,IACCxa,GAnCd,SAA0Bra,EAAOqa,EAAYsV,UAEzC3vB,EAAM9X,QAAQ6e,QACZ,SAAAZ,UAAQwpB,EAAaxpB,GAAMkW,gBAAkBhC,EAAWgC,iBACxDhc,OAAS,EAgCA20B,CAAiBh1B,EAAOqa,EAAYsV,GAMnC,KALA,CACE96B,MAAOtT,EAAY+f,QAAQ,kBAAmB+Y,GAC9CtyB,MAAOsyB,EACP4a,2BAA2B,IAIlCluB,OAAO3Y,SACV4R,EAAM9X,QAEVopC,EAAoB,GACpBmD,EAAgBhsB,GAGlBwT,GAC2B,mBAAlBA,GACPA,EAAcmV,iDClEF8D,GAAoBz2C,OAEhC2jC,EAqCE3jC,EArCF2jC,gBACY9U,EAoCV7uB,EApCF8uB,WACA8mB,EAmCE51C,EAnCF41C,aACA9D,EAkCE9xC,EAlCF8xC,oBACAsE,EAiCEp2C,EAjCFo2C,kBACAr3B,EAgCE/e,EAhCF+e,aACArC,EA+BE1c,EA/BF0c,SACAsC,EA8BEhf,EA9BFgf,cACAizB,EA6BEjyC,EA7BFiyC,oBACAt0B,EA4BE3d,EA5BF2d,WACAL,EA2BEtd,EA3BFsd,YACA9P,EA0BExN,EA1BFwN,SACAukC,EAyBE/xC,EAzBF+xC,SACAhY,EAwBE/5B,EAxBF+5B,sBACAlrB,EAuBE7O,EAvBF6O,UACApB,EAsBEzN,EAtBFyN,UACAukC,EAqBEhyC,EArBFgyC,kBACAzwB,EAoBEvhB,EApBFuhB,MACA2vB,EAmBElxC,EAnBFkxC,aACAzyB,EAkBEze,EAlBFye,cACAS,EAiBElf,EAjBFkf,WACAC,EAgBEnf,EAhBFmf,UACAkyB,EAeErxC,EAfFqxC,UACArX,EAcEh6B,EAdFg6B,aACA0c,EAaE12C,EAbF02C,iBACAhZ,EAYE19B,EAZF09B,YACAF,EAWEx9B,EAXFw9B,cACAG,EAUE39B,EAVF29B,aACA2X,EASEt1C,EATFs1C,eACAC,EAQEv1C,EARFu1C,gBACAC,EAOEx1C,EAPFw1C,aACAmB,EAME32C,EANF22C,mBACAzE,EAKElyC,EALFkyC,eACA0E,EAIE52C,EAJF42C,cACAxxC,EAGEpF,EAHFoF,YACcitC,EAEZryC,EAFFsyC,aACAC,EACEvyC,EADFuyC,gBAGIryC,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,YAErBsuC,EAAcnvB,WAED,iBAATA,IACTotB,GAA4BptB,IAC5BA,EAAK8uB,gCA2FLb,GAAiBC,EAAcr0B,GAJjCu0B,OACAC,OACAC,OACAc,gBAGOtE,GAAaC,EAAgB/nB,kBAG7B,IAFAorB,EAASrsC,QAAQue,WACtB,SAAAf,UAAKiqB,EAAajqB,KAAOiqB,EAAauB,cAEjC/nB,GAAM+nB,aACN/nB,GAAM,eAwCXqsB,mBACC/2C,GACHkxC,aAAAA,EACA3vB,MAAOw0B,EACPY,mBACEA,GAAoD,mBAAvBA,EACzB,SAAAhE,UAAWgE,EAAmBhE,EAASqD,IACvC,SAAArD,UACEwD,GACExD,EACAmD,EACA5E,EACAkF,EACAJ,EACAnD,GACArV,EACArwB,EAAKrP,SAASgF,cAExBovC,wBAvD4BS,OAElBqE,EAENrE,EAFFhqB,OACciqB,EACZD,EADFL,aAGG0E,GACHhB,EAAgBF,EAASrsC,SAGvButC,GAAiBpE,GACnBC,GACEkD,EAAa/tB,WACX,SAAAf,UAAKiqB,EAAajqB,KAAOiqB,EAAa0B,OAK5CV,GAC4B,mBAAnBA,GACPA,EAAeS,IAoCjByB,8BArJmCzB,MAC/BkE,EAAclE,EAAQL,cAAe,OAInCK,EAAQL,aAFVkE,IAAAA,0BACGS,UAGC7uB,EACJouB,GACAE,GAC4B,mBAArBA,EACHA,EAAiBO,YAfM7uB,UACxBA,EAAQ9e,MAeP4tC,CAAwBD,GAE9B11B,GAASq1B,GAA0C,mBAAlBA,EAC7BA,EAAcxuB,GACd0uB,EAAe1uB,GAEnBksB,GAAWlsB,GACX+uB,GAAcjG,EAAa9oB,SAU3BpoB,EAAMo0C,sBACkC,mBAA/Bp0C,EAAMo0C,sBACbp0C,EAAMo0C,qBAAqBzB,IAuH/BG,sBAnHoBC,EAAOC,OACbL,EAAYK,EAAZL,eAAYK,EAAlB34C,WAGD08C,cAAY9D,iBAAiBmE,uBAS7BL,cAAY9D,iBAAiBoE,sBAK3B1E,GACH/W,WALiBib,EAAcd,EAAa,IAC1C,GACApD,EAAQ/W,kBAMTmb,cAAY9D,iBAAiBqE,sBAE3B3E,GACH/W,WACEmX,EAAMnX,aAAemX,EAAMT,aACvB,GACApB,EAAa6B,EAAMT,cACzBA,aAAcS,EAAMT,aAAeS,EAAMT,aAAe,UAEvDyE,cAAY9D,iBAAiBsE,0BAE3B5E,GACH/W,WAAY+W,EAAQL,aAChBpB,EAAayB,EAAQL,cACrB,oBAGCK,KA6EPb,GACFU,GAAaV,EAAqB,uBAChCG,GACFO,GAAaP,EAAqB,uBAChCI,GACFG,GAAaH,EAAsB,kBAvCrC1pB,MAAAA,OACAwqB,MAAAA,qBACAvB,MAAAA,cACAX,MAAAA,aACAoE,MAAAA,cACAD,MAAAA,iBACAjE,MAAAA,iBACAC,MAAAA,aACAjW,MAAAA,MACAmZ,MAAAA,WACAhC,MAAAA,aACA6E,MAAAA,cACAtE,MAAAA,oBA8BMtP,GAAmBD,QACtBzU,IADG0U,eAIF1lB,GAAWre,WACX+J,GAAMsC,EAAakmC,GAAY,KAAMl0B,IAYrChb,GAA0BsK,EAAKrP,SAAS+E,wBAC3CggB,QAAQ,iBAAkB1D,GAC1B0D,QAAQ,oBAAqBquB,EAAaoB,YAG3C9yC,gBAACmyC,IACCtyB,cAAeskB,EACf5kB,aAAcA,EACd6yB,cAAeA,GACfl1B,SAAUA,EACVsC,cAAeA,EACf+a,sBAAuBA,EACvBtsB,UAAWA,EACXgR,cAAeA,EACfS,WAAYA,EACZC,UAAWA,EACX6a,aAAcA,GAEdx6B,gBAAC21C,IACCxR,gBAAiBA,EACjB9U,iBAAkBA,EAClBrhB,SAAUA,EACV4nC,iBAAkBA,GAClBC,cAAeA,GACflC,qBAAsBA,GACtBz2B,SAAUA,EACVq1B,SAAUxoC,GACVoU,WAAYA,EACZlQ,UAAWA,EACXoB,UAAWA,EACX6uB,YAAaA,EACbC,aAAcA,EACd2X,eAAgBA,EAChBC,gBAAiBA,EACjBC,aAAcA,EACdpwC,YAAaA,EACbmtC,gBAAiBA,GAEhBj1B,GAAeg1B,IACd9yC,gBAAC+jC,iBACa1gC,GACZ2N,KAAMhR,gBAACqV,kBACPC,iBApDgCiJ,GACxCA,EAAM6xB,kBAEF/xB,GAASpU,SACXoU,GAASpU,QAAQ/T,QAGnBylC,MA8CQx7B,MAAOkQ,oBAAYiB,KACnBlR,KAAM0P,mBAAWrT,MACjB6D,QAASoP,sBAAcE,QAI7B5P,gBAACwxC,IACCniB,iBAAkBA,EAClBuiB,aAAcA,GACdH,aAAcA,GACdE,iBAAkBA,GAClBxoB,OAAQA,GACRpH,MAAOw0B,EACP7E,aAAcA,EACdlzC,UAAWg0C,GAAqB9xC,EAAMpC,SAASC,KAAKC,UACpDqzC,UAAWA,uFCnSHmG,GAAiBx3C,SACKR,WAAe,IAA5Co8B,OAAYub,OAEjBxT,EAkCE3jC,EAlCF2jC,gBACY9U,EAiCV7uB,EAjCF8uB,WACA/P,EAgCE/e,EAhCF+e,aACA62B,EA+BE51C,EA/BF41C,aACAQ,EA8BEp2C,EA9BFo2C,kBACA15B,EA6BE1c,EA7BF0c,SACAsC,EA4BEhf,EA5BFgf,cACArB,EA2BE3d,EA3BF2d,WACAnQ,EA0BExN,EA1BFwN,SACAukC,EAyBE/xC,EAzBF+xC,SACAhY,EAwBE/5B,EAxBF+5B,sBACAlrB,EAuBE7O,EAvBF6O,UACApB,EAsBEzN,EAtBFyN,UACAukC,EAqBEhyC,EArBFgyC,kBACAzwB,EAoBEvhB,EApBFuhB,MACA2vB,EAmBElxC,EAnBFkxC,aACAzyB,EAkBEze,EAlBFye,cACAS,EAiBElf,EAjBFkf,WACAC,EAgBEnf,EAhBFmf,UACAkyB,EAeErxC,EAfFqxC,UACArX,EAcEh6B,EAdFg6B,aACA0c,EAaE12C,EAbF02C,iBACAhZ,EAYE19B,EAZF09B,YACAF,EAWEx9B,EAXFw9B,cACAG,EAUE39B,EAVF29B,aACA2X,EASEt1C,EATFs1C,eACAC,EAQEv1C,EARFu1C,gBACAC,EAOEx1C,EAPFw1C,aACAmB,EAME32C,EANF22C,mBACAzE,EAKElyC,EALFkyC,eACA0E,EAIE52C,EAJF42C,cACAnD,EAGEzzC,EAHFyzC,qBACAruC,EAEEpF,EAFFoF,YACAmtC,EACEvyC,EADFuyC,gBAGIryC,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,KAO1BotC,GAAiBC,EAAcr0B,GAJjCu0B,OACAC,OACAC,OACAc,gBAGOpD,EAA0BjB,UAIxB,IAFPqD,EAASrsC,QAAQue,WACf,SAAAf,UAAKiqB,EAAajqB,KAAOiqB,EAAauB,YAYxCkB,4BACC3zC,EACCA,EAAM4zC,sBAAwB,CAChCA,qBAAsB5zC,EAAM4zC,qBAAqBtrB,OAC/CorB,IAGA1zC,EAAM2jB,eAAiB,CACzBA,cAAe3jB,EAAM2jB,cAAc2E,OAAOorB,MAd5CG,KAAAA,qBACAC,KAAAA,iBACAC,KAAAA,gBACAC,KAAAA,mBACA7mB,KAAAA,eACAxJ,KAAAA,uBAaOkzB,GAAcnvB,WAED,iBAATA,IACTotB,GAA4BptB,IAC5BA,EAAK8uB,mCAIAvC,GAAiBC,UACjBA,EAAgB5rB,QAAO,SAAAZ,OACtB2b,EACY,iBAAT3b,GAAqBA,EAAK8uB,0BAC7B9uB,EAAKpe,MACL4nC,EAAaxpB,UAEhB/D,GAAcqE,WACb,SAAAsqB,UAAgBpB,EAAaoB,KAAkBpB,EAAaxpB,MAC1D,GACF2b,EAAWzF,cAAc0Y,WAAW1a,EAAWgC,gBACjDiZ,GAAcnvB,UA8Cf+vB,KACDz3C,eA6CK03C,GAAkB/E,GACzBwE,EAAcxE,EAAQ/W,YAEtB4B,GAC2B,mBAAlBA,GACPA,EAAcmV,UAcdoE,mBACCU,IACHvG,aAAAA,EACA3vB,MAAO0yB,GAAiB8B,GACxBY,mBACEA,GAAoD,mBAAvBA,EACzB,SAAAhE,UAAWgE,EAAmBhE,EAASqD,IACvC,SAAArD,UACEwD,GACExD,EACAmD,EACA5E,EACAkF,EACAJ,EACAnD,GACA6E,GACAvqC,EAAKrP,SAASgF,cAExBovC,wBAhF4BS,GACMA,EAA1BhqB,QAGNqtB,EAAgBF,EAASrsC,SAG3ByoC,GAC4B,mBAAnBA,GACPA,EAAeS,IAwEjByB,8BAzHmCzB,MAC/BkE,GAAclE,EAAQL,cAAe,OAInCK,EAAQL,aAFVkE,IAAAA,0BACGS,UAGC7uB,EACJouB,GACAE,GAC4B,mBAArBA,EACHA,EAAiBO,YAfM7uB,UACxBA,EAAQ9e,MAeP4tC,CAAwBD,GAE9B11B,GAASq1B,GAA0C,mBAAlBA,EAC7BA,EAAcxuB,GACd0uB,EAAe1uB,GACnB2rB,GAAgB3rB,QASPuqB,EAAQL,cACjByB,GAAgBpB,EAAQL,cAG1BgC,GAAW,MACX6C,EAAc,KA2FdrE,sBAtEoBC,EAAOC,OACbL,EAAYK,EAAZL,eAAYK,EAAlB34C,WAED08C,cAAY9D,iBAAiBmE,sBAC1B/C,EAAkBJ,GAAiB8B,GACvChD,EAAM5B,8BAGHwB,EACC0B,GAAmB,CACrB/B,aAAc+B,IAEhBzY,WAAY,UAGXmb,cAAY9D,iBAAiBoE,eAM7BN,cAAY9D,iBAAiBqE,sBAE3B3E,GACH/W,WAAY,oBAGP+W,OAaXhqB,MAAAA,OACAwqB,MAAAA,qBACAvB,MAAAA,cACAX,MAAAA,aACAoE,MAAAA,cACAD,MAAAA,iBACAjE,MAAAA,iBACAC,MAAAA,aACAkD,MAAAA,WACAzB,MAAAA,oBAsCI8E,GACJh0B,IAAiBA,GAAc/B,OAAS,EACtCpiB,gCACGmkB,GAAclX,KAAI,SAACkoC,EAAmB5sB,UACrCvoB,gBAACujC,+BACa51B,EAAK9G,cAAcD,4BAA4Byc,QACzD,oBACAquB,EAAayD,IAEfjqB,qBAAsB3C,GAClB8rB,GAAqB,CACvBvB,aAAcqC,EACd5sB,MAAAA,KAEFjT,QAAS,SAAAiJ,mBA5BeA,EAA6Bu0B,GAC7Dv0B,EAAM6xB,kBAEN6D,GAAwD,mBAAzBA,EAC3BA,EAAqBnB,GACrB0B,GAAmB1B,GAwBbuC,CAAyB92B,EAAO42B,IAElCphB,QAAS,kBAAMpG,GAAepF,IAC9B7nB,MAAOA,IAENgxC,EAAayD,GACdn1C,gBAAC4T,QACC5T,gBAACqV,aAAUjV,KAAMM,EAAM7D,UAAUC,eAKvC,YAGJkD,gBAACmyC,IACCtyB,cAAeskB,EACf5kB,aAAcA,EACd6yB,cAAeA,GACf5yB,cAAeA,EACfvR,UAAWA,EACXssB,sBAAuBA,EACvBtb,cAAeA,EACfS,WAAYA,EACZC,UAAWA,EACX6a,aAAcA,GAEdx6B,gBAAC21C,IACCxR,gBAAiBA,EACjB9U,iBAAkBA,EAClBumB,iBAAkBA,GAClBC,cAAe,SAAA9iB,eACV8iB,QACE9iB,EACAuhB,MACD31B,UAAWm3B,EACXZ,iBAAkB/rB,IACdopB,GAAY,CAAExoC,IAAKwoC,SAI7BoB,qBAAsBA,GACtBx1B,WAAYA,EACZnQ,SAAUA,EACVC,UAAWA,EACXoB,UAAWA,EACX6N,SAAUA,EACVghB,YAAaA,EACbC,sBArEoB5f,GACxBoP,IAAgB,GAEhBwQ,GAAwC,mBAAjBA,GAA+BA,EAAa5f,IAmE/Du3B,eAAgBA,EAChBC,gBAAiBA,EACjBC,aAAcA,EACdpwC,YAAaA,EACbue,cAAeg0B,GACfpF,gBAAiBA,IAEnB/yC,gBAACwxC,IACCniB,iBAAkBA,EAClBuiB,aAAcA,GACdH,aAAcA,GACdE,iBAAkBA,GAClBxoB,OAAQA,GACRpH,MAAO0yB,GAAiB8B,GACxB7E,aAAcA,EACdlzC,UAAWg0C,GAAqB9xC,EAAMpC,SAASC,KAAKC,UACpDqzC,UAAWA,eCjUPuG,GC2GCC,GAA2Bd,cAAY9D,2FCrHvC6E,GAAY,wBAwCnBC,GAAiBjrC,EAAOsK,GAAPtK,6KAST,SAAA9M,UAASA,EAAMg4C,gBAChB,SAAAh4C,UAASA,EAAMi4C,oCFlC5B,SAASC,GAAUC,EAAkBv4C,UAC5Bu4C,IAASP,mBAAWh5C,WACvB,MACAyN,EAA0BzM,GAEhC,SAASy+B,GAAS8Z,EAAkBv4C,UAC3Bu4C,IAASP,mBAAW/4C,SAAW,MAAQwN,EAA0BzM,IAZ9Dg4C,GAAAA,qBAAAA,gDAEVA,uBACAA,eAYF,aGpBYQ,GAQAC,GHYNC,GAAexrC,EAAOC,gHACf,SAAA/M,UACTA,EAAMm4C,OAASP,mBAAWh5C,WAAa,eAAiB,WAChD,SAAAoB,UAASk4C,GAAUl4C,EAAMm4C,KAAMn4C,EAAMJ,SACjC,SAAAI,UAASk4C,GAAUl4C,EAAMm4C,KAAMn4C,EAAMJ,SACtC,SAAAI,UAASq+B,GAASr+B,EAAMm4C,KAAMn4C,EAAMJ,SACxC,SAAAI,UAASq+B,GAASr+B,EAAMm4C,KAAMn4C,EAAMJ,SAGlC24C,GAAS/4C,cACpB,SAACQ,EAAOuJ,OACE0D,EAA6CjN,EAA7CiN,SAA6CjN,EAArCm4C,KAAAA,aAAOP,mBAAWY,OAAStrC,IAAUlN,aAGnDR,gBAAC84C,oBAAiBprC,GAAOirC,KAAMA,gBAAmBlrC,EAAQ1D,IAAKA,6FG2MrE,SAASkvC,GAAkBz4C,MACrBA,EAAMwQ,YACAxQ,EAAMJ,UACP,mBACSI,EAAME,MAAMlI,WAAWE,6BAEvB8H,EAAME,MAAMlI,WAAWG,iBAGjC6H,EAAMJ,UACP,mBACSI,EAAME,MAAMlI,WAAWE,6BAEvB8H,EAAME,MAAMlI,WAAWG,YA1P7BigD,GAAAA,mBAAAA,sCAEVA,qBACAA,6BACAA,+BACAA,sBAGUC,GAAAA,kBAAAA,qCAEVA,iBAoPF,OC1PYK,GD0PNC,GAAa,SAAA34C,UAASuN,gBAChBvN,EAAME,MAAMnB,IAAIjH,yBACTkI,EAAME,MAAMlI,WAAWK,yBAzK1C,SAA+B2H,MACzBA,EAAMyN,UAAW,IACfzN,EAAMwN,gBAEAxN,EAAMN,WACP,cAEA,wBACOM,EAAME,MAAM3K,OAAOyB,cAC1B,4CAGOgJ,EAAME,MAAM3K,OAAOyB,iBAI3BgJ,EAAMN,WACP,kBACOM,EAAME,MAAM3K,OAAOmB,kBAC1B,mBACOsJ,EAAME,MAAM3K,OAAOiB,mBAC1B,mBACOwJ,EAAME,MAAM3K,OAAOE,mBAC1B,gCAEA,wBACOuK,EAAME,MAAM3K,OAAO2B,2BAEnB8I,EAAME,MAAM3K,OAAOsB,gBAE5B,GAAImJ,EAAMwN,WAAaxN,EAAMyN,iBAE1BzN,EAAMN,WACP,cAEA,wBACOM,EAAME,MAAM3K,OAAOyB,cAC1B,uBACOgJ,EAAME,MAAM3K,OAAO2B,2BAEnB8I,EAAME,MAAM3K,OAAOyB,iBAI3BgJ,EAAMN,WACP,kBACOM,EAAME,MAAM3K,OAAOkB,WAC1B,mBACOuJ,EAAME,MAAM3K,OAAOe,YAC1B,mBACO0J,EAAME,MAAM3K,OAAOC,YAC1B,uBACOwK,EAAME,MAAM3K,OAAO2B,cAC1B,wBACO8I,EAAME,MAAM3K,OAAOoB,yBAEnBqJ,EAAME,MAAM3K,OAAOyB,WAkHnB0W,CAAsB1N,aA9GtC,SAA8BA,MACxBA,EAAMyN,UAAW,IACfzN,EAAMwN,gBAEAxN,EAAMN,WACP,cAEA,sBACOM,EAAME,MAAM3K,OAAOsB,mBAC1B,qBACOmJ,EAAME,MAAM3K,OAAO2B,8BAEnB8I,EAAME,MAAM3K,OAAOsB,sBAI3BmJ,EAAMN,WACP,aAEA,cAEA,mBACOM,EAAME,MAAM3K,OAAOoB,YAC1B,uBACOqJ,EAAME,MAAM3K,OAAO2B,cAC1B,wBACO8I,EAAME,MAAM3K,OAAOoB,yBAEnBqJ,EAAME,MAAM3K,OAAO2B,gBAE5B,GAAI8I,EAAMwN,WAAaxN,EAAMyN,iBAE1BzN,EAAMN,WACP,cAEA,mBAEA,6BAGOM,EAAME,MAAM3K,OAAOsB,sBAI3BmJ,EAAMN,WACP,aAEA,cAEA,cAEA,wBACOM,EAAME,MAAM3K,OAAO2B,2BAEnB8I,EAAME,MAAM3K,OAAOoB,SAyDxBiiD,CAAqB54C,kBA1LhC,SAAwBA,MACF,gBAAhBA,EAAMN,aACJM,EAAMyN,UACJzN,EAAMwN,sBACYxN,EAAME,MAAM3K,OAAO2B,4BAErB8I,EAAME,MAAM3K,OAAO2B,eAErC8I,EAAMwN,sBACYxN,EAAME,MAAM3K,OAAOyB,8BAEdgJ,EAAME,MAAM3K,OAAOwB,UAgLlC8hD,CAAe74C,eAClBA,EAAME,MAAMnB,IAAIC,wBACZgB,EAAME,MAAMnB,IAAIE,+BACZe,EAAME,MAAMnB,IAAIG,6BACP,UAAfc,EAAMJ,QACZI,EAAME,MAAM5L,UAAUC,OAAOC,YAC7BwL,EAAME,MAAM5L,UAAUK,OAAOH,yBACN,UAAfwL,EAAMJ,wCACY,UAAfI,EAAMJ,QACjBI,EAAME,MAAM5L,UAAUC,OAAOE,iBAC7BuL,EAAME,MAAM5L,UAAUK,OAAOF,4BACR,UAAfuL,EAAMJ,KACfI,EAAME,MAAMlI,WAAWU,UACvBsH,EAAME,MAAMlI,WAAWY,sBApD7B,SAAyBoH,MACnBA,EAAMwQ,YACAxQ,EAAMJ,UACP,mBACSI,EAAME,MAAMlI,WAAWE,yBAEzB8H,EAAME,MAAMlI,WAAWE,wBAG/B8H,EAAMJ,UACP,mBACSI,EAAME,MAAMlI,WAAWE,yBAEzB8H,EAAME,MAAMlI,WAAWE,kBAwC1B4gD,CAAgB94C,gCAEA,UAAfA,EAAMJ,KACTI,EAAME,MAAM7D,UAAUC,YACtB0D,EAAME,MAAM7D,UAAUJ,uBAClB+D,EAAMwN,SAAW,MAAQ,oBACZ,UAAfxN,EAAMJ,KACRI,EAAME,MAAM7D,UAAUC,YACtB0D,EAAME,MAAM7D,UAAUJ,uCA5EjC,SAAyB+D,UACnBA,EAAM8U,SAAW9U,EAAM+4C,SACrB/4C,EAAMwN,SACD,MAEF,MAEW,gBAAhBxN,EAAMN,OAA2BM,EAAMwN,SAClC,MACExN,EAAMwN,SACR,MAEF,IAmEMwrC,CAAgBh5C,aACH,UAAfA,EAAMJ,KACRI,EAAME,MAAM7D,UAAUC,YACtB0D,EAAME,MAAM7D,UAAUJ,oCAIhB+D,EAAMwN,SAAW,MAAQ,8BAKpCsB,GAAehC,EAAOkC,kDAMxB2pC,IACQ,SAAA34C,UAAUA,EAAMwN,SAAW,cAAgB,aAGjDuI,GAAajJ,EAAOC,gDAKtB4rC,IACQ,SAAA34C,UAAUA,EAAMwN,SAAW,cAAgB,aAGjDyrC,GAAYnsC,EAAOC,yCAIZ0rC,IAOAS,GAAM15C,cACjB,SAACQ,EAAOuJ,OAEJoD,EASE3M,EATF2M,SACAjN,EAQEM,EARFN,QAQEM,EAPFmf,UAAAA,aAAYxS,IACZmI,EAME9U,EANF8U,QACAikC,EAKE/4C,EALF+4C,SACW9hC,EAITjX,EAJFyN,YAIEzN,EAHFJ,KAAAA,aAAOy4C,gBAAQn8C,SAEZ+T,IACDjQ,MAEEE,EAAQV,aAAiBD,GAEzBkO,EAAY+B,GAAayH,GAIzB1P,EAFO/H,aAAiB+I,GAEDxJ,IAAIwI,gBAAgBsb,QAC/C,iBACAtW,EAAY4S,IAGN3O,EAASxQ,EAATwQ,KAEF2oC,EAAyBxpC,QAAQmF,GAAWikC,GA9B/BjqC,GAAeiH,UAyChCvW,gBAAC25C,iBACCz5C,MAAOA,EACP8Q,KAAMA,EACNsE,mBAXEA,GAA8B,mBAAZA,EACpBA,IACSikC,GAAgC,mBAAbA,GAC5BA,KASAtrC,UAAWA,EACXlE,IAAKA,gBACQvJ,EAAMiN,OACnBrN,KAAMA,EACNM,MAAOA,GACH+P,GAEHO,EACDhR,gBAACy5C,kBAAUr5C,KAAMA,GAAUqQ,GAAM/P,MAAOA,IACrCyM,GAEFosC,GACCv5C,gBAAC45C,2BACa7xC,EACZ3H,KAAMM,EAAM7D,UAAUJ,YEpXrBo9C,GAAgB75C,gBAA4C,CACvE85C,YAAa,CAAE7vC,QAAS,IACxB8vC,aAAc,IAGHC,GAAkBh6C,cAG7B,SAACQ,EAAOuJ,OACAgwC,EAAmCv5C,EAAnCu5C,aAAc5sC,EAAqB3M,EAArB2M,SAAUM,EAAWjN,EAAXiN,OAC1BqsC,EAAc95C,SAAa,WAG/BA,gBAAC65C,GAAc1kC,UAASrL,MAAO,CAAEiwC,aAAAA,EAAcD,YAAAA,IAC7C95C,uBAAK+J,IAAKA,gBAAkB0D,GACzBN,kHCOH8sC,GAAe3sC,EAAOgG,oVAIhB,SAAA9S,UAASA,EAAM05C,qBAAuB,MAOxB,SAAA15C,UAAS,EAAIA,EAAM25C,4BAK/B,SAAA35C,UAASA,EAAM05C,qBAAuB,MASvCE,GAAQp6C,cACnB,SAACQ,EAAOuJ,OACAswC,EAAgBr6C,aACgBA,YAAwB,GAAvDyU,OAAa6lC,SACYt6C,YAAwB,GAAjD4U,OAAU2lC,SAEfv6C,aADKw6C,OAAoBC,OAIzBC,EASEl6C,EATFk6C,WACIlmC,EAQFhU,EARFyI,GACAwE,EAOEjN,EAPFiN,OACAnN,EAMEE,EANFF,QACAq6C,EAKEn6C,EALFm6C,mBACAxtC,EAIE3M,EAJF2M,SACAyQ,EAGEpd,EAHFod,eACA9I,EAEEtU,EAFFsU,cACGpH,IACDlN,MAEEyI,EAAKE,EAAcqL,GAEnB6kB,EAAYr5B,aAEoBA,aAAiB65C,IAA/CE,IAAAA,aAAcD,IAAAA,YAEhBc,EAAiBxpB,KAAKypB,MAEtBC,EAAmB96C,oBAEhB+6C,IACPT,GAAe,GAEf3vC,YAAW,WACLmvC,EAAY7vC,UACd6vC,EAAY7vC,QAAU6vC,EAAY7vC,QAAQ6e,QACxC,SAAAkyB,UAAWA,IAAYF,EAAiB7wC,cAG3C,YAaIgxC,EAAiB1gD,YAAAA,IAAAA,EAvDC,KAwDzBmQ,aAAa2vC,EAAcpwC,SAG3BowC,EAAcpwC,QAAUU,YAAW,WACjCowC,MAHoBxgD,E1GpEM,c0G2ErB2gD,QAMDC,GALWX,GAEb1lC,GAnEqB,MAsESsc,KAAKypB,MAAQD,GAE/ClwC,aAAa2vC,EAAcpwC,SAC3BwwC,EAAsBU,GAEtBZ,GAAY,YAGLa,IACPH,EAAiBT,GACjBD,GAAY,YAuBLc,IACPC,OACoC,IAA3BxB,EAAY7vC,QAAQ,GACvB,EAzGS,GA0GT6vC,EAAY7vC,QAAQuP,QAAQshC,EAAiB7wC,gBAKnDjK,WAAe,GADVk6C,OAAsBoB,cAG7Bt7C,aAAgB,kBACdq5B,EAAUpvB,QAAUe,SAAS2f,cAExBnqB,EAAMm6C,oBACTM,EAAiBz6C,EAAMsU,eAGlB,WACLpK,aAAa2vC,EAAcpwC,YAE5B,IAEHjK,aAAgB,WACT26C,GlHmCF3tC,MAAMua,KkHlCmCuzB,ElHkCpB7wC,QAAQiuB,iBAAiB9qB,IkHjC7BV,SAAQ,SAAAjB,GACxBA,EAAQgoB,iBAAiB,QAASynB,GAClCzvC,EAAQgoB,iBAAiB,OAAQ2nB,QAGpC,IAEHp7C,aAAgB,WACV85C,IACFA,EAAY7vC,QAAU6vC,EAAY7vC,QAAQ2C,SACxCkuC,EAAiB7wC,SAEf6vC,EAAY7vC,QACZ6vC,EAAY7vC,QAAQ6vB,OAAO,CAACghB,EAAiB7wC,UAEjDoxC,OAED,IAEHr7C,aAAgB,WACdq7C,MACC,CAACvB,EAAY7vC,UAGdjK,gBAACi6C,IACCC,qBAAsBA,EACtBC,yBAA0BJ,EAC1B1lB,sBAzEsB9V,GACxB/d,EAAM6zB,cAC0B,mBAAvB7zB,EAAM6zB,cACb7zB,EAAM6zB,aAAa9V,GAEhB/d,EAAMm6C,oBACTO,KAoEA9mB,sBAhEsB7V,GACxB/d,EAAM4zB,cAC0B,mBAAvB5zB,EAAM4zB,cACb5zB,EAAM4zB,aAAa7V,GAEhB/d,EAAMm6C,oBACTS,KA2DArxC,IAAK+wC,EACLzvC,MAAOuS,gBACMnQ,GAEbzN,gBAACqU,oBACK3G,GACJ4G,wBAtHJ5J,aAAa2vC,EAAcpwC,SAE3B8wC,IAEI1hB,EAAUpvB,SACZovB,EAAUpvB,QAAQ/T,SAkHhBqe,cAAeomC,EACf1xC,GAAIA,EACJyL,iBACAD,YAAaA,EACbG,SAAUA,EACVpB,WACAqB,UAAWrU,EAAMqU,UACjB9K,IAAKA,EACLsB,WAAYqvC,GACZ5lC,cAAeA,GA9KM,IA+KrBxU,QAASA,IAER6M,qMFnOC+rC,GAAAA,6BAAAA,4CAEVA,iBA4DF,gBG1EYqC,GH0ENp7B,yDACFnD,QAGEoD,sDACFpD,QAGE8kB,8DAOU,SAAAthC,UAASA,EAAME,MAAM3K,OAAOuB,+CAE1B,SAAAkJ,UACdA,EAAM0c,SAAW1c,EAAME,MAAM3K,OAAOkB,OAASuJ,EAAME,MAAM3K,OAAOuB,+CAEpD,SAAAkJ,UACZA,EAAMyN,WAAazN,EAAM0c,sBACR1c,EAAME,MAAM3K,OAAO2B,UAChC,uEAMJ,SAAA8I,UACAA,EAAM+f,WACNxS,oBACgBvN,EAAME,MAAM3K,OAAOgB,2BACjByJ,EAAM0c,SAClB1c,EAAME,MAAM3K,OAAOkB,OACnBuJ,EAAME,MAAM3K,OAAOgB,mCAGzB,SAAAyJ,UACAA,EAAMwN,UACND,oBACgBvN,EAAME,MAAM3K,OAAOyB,2BACjBgJ,EAAME,MAAM3K,OAAOyB,qDAIrC4oB,2CAEI,SAAA5f,UACAA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,qDAMb,SAAAsK,UAASA,EAAME,MAAM3K,OAAOoB,sNAexC,SAAAqJ,UACAA,EAAM+f,WACNxS,oBACgBvN,EAAME,MAAM3K,OAAOgB,4CAKrCqpB,oKASEo7B,8DAKU,SAAAh7C,UAASA,EAAME,MAAM3K,OAAO2B,mIAUxC,SAAA8I,UACAA,EAAM+f,oBAMJk7B,iEACK,SAAAj7C,UACPA,EAAMwN,SACFxN,EAAME,MAAM3K,OAAOwB,UACnBiJ,EAAME,MAAM3K,OAAO2B,sBACjB,SAAA8I,UAASA,EAAME,MAAMlI,WAAWE,uCAEjC,SAAA8H,UAASA,EAAME,MAAMlI,WAAWC,oCAOnCiY,qGAIAE,oGAIA8qC,GAAkB,SACtB97B,EACAD,EACAe,EACAhB,UAEIE,EACK5f,gBAACmgB,QAAiBR,GAGpBe,IAAiBw4B,2BAAmB/9C,KACzC6E,gBAAC0Q,IAAarF,MAAOqU,GAAaC,GAElC3f,gBAAC4Q,IAAcvF,MAAOqU,GAAaC,IAI1Bg8B,GAAS37C,cACpB,SAACQ,EAAOuJ,OAEJ6T,EAeEpd,EAfFod,eACAgD,EAcEpgB,EAdFogB,QACAC,EAaErgB,EAbFqgB,eACA7S,EAYExN,EAZFwN,SACAuR,EAWE/e,EAXF+e,aACI/K,EAUFhU,EAVFyI,GACA2W,EASEpf,EATFof,qBACAF,EAQElf,EARFkf,WACAC,EAOEnf,EAPFmf,UACArB,EAME9d,EANF8d,SACAoC,EAKElgB,EALFkgB,aACAjT,EAIEjN,EAJFiN,OACAmuC,EAGEp7C,EAHFo7C,WACAC,EAEEr7C,EAFFq7C,WACGnuC,IACDlN,QACiCR,WACnCmQ,QAAQ0Q,IAAmB1Q,QAAQyQ,IAD9BL,OAAWO,OAIZ7X,EAAKE,EAAcqL,GACnBuM,EAAkC,kBAAZH,EAE5B5gB,aAAgB,WACS,kBAAZ4gB,GACTE,EAAgBF,KAEjB,CAACA,QAYElgB,EAAQV,aAAiBD,GACzByK,EAAUxK,aAAiBof,IAE3BS,EAAgBN,EAAkBtW,WAAa,KAC/C+X,EAAqBxW,EAAQqV,cAE7BoB,EACJpB,GAAiBmB,EACVA,MAAsBnB,EACzBA,GAEAmB,GAEA,KAEA9D,EAAW1S,EAAQ0S,YAAcqC,EAEjCtR,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gCACEA,gBAACkgB,QACClgB,gBAACogB,oBACK1S,kBACU6S,qBACIU,EAClBhY,GAAIA,gBACSwE,EACbO,SAAUA,EACV4S,QAASL,EACT1lB,KAAK,WACLyjB,kBAzCcC,OACH2C,EAAkB3C,EAAMC,OAAjCoC,QAERtC,GAAgC,mBAAbA,GAA2BA,EAASC,GAElDwC,GACHD,EAAgBI,IAoCZnX,IAAKA,EACL8D,KAAK,YAEP7N,gBAACgf,IACCe,QAAS9W,EACTgF,UAAWA,EACX5C,MAAOuS,GAEN8C,IAAiBw4B,2BAAmBh+C,OACnCwgD,GACE97B,EACAD,EACAu5B,2BAAmB/9C,KACnBukB,GAEJ1f,gBAAC8hC,IACCvhB,UAAWA,gBACC,eACZvS,SAAUA,EACVkP,SAAUA,EACVjP,UAAWA,EACX5C,MAAOuwC,EACPl7C,MAAOA,GAEPV,gBAACy7C,IAAcztC,SAAUA,EAAUtN,MAAOA,GACxCV,gBAACwsB,aAAUpsB,KAAMM,EAAM7D,UAAUC,UAEnCkD,gBAACw7C,IACCj7B,UAAWA,EACXvS,SAAUA,EACV3C,MAAOwwC,EACPn7C,MAAOA,KAGVggB,IAAiBw4B,2BAAmBh+C,OACnCwgD,GACE97B,EACAD,EACAu5B,2BAAmBh+C,MACnBwkB,OAILH,GACDvf,gBAAC8e,IAAa7V,GAAI4W,EAAe3C,YAASjP,UAAWA,GAClDsR,0JIvTPu8B,GAAiBxuC,EAAOyuC,+EAG1B5+B,GACAF,IAES,SAAAzc,UACNA,EAAME,MAAMlI,WAAWE,cAAa8H,EAAME,MAAMlI,WAAWG,aAGrDqjD,GAAWh8C,cACtB,SAACQ,EAAOuJ,OAEJ6T,EAWEpd,EAXFod,eACA2B,EAUE/e,EAVF+e,aACAC,EASEhf,EATFgf,cACIhL,EAQFhU,EARFyI,GACAsxB,EAOE/5B,EAPF+5B,sBACA7a,EAMElf,EANFkf,WACAC,EAKEnf,EALFmf,UACA6a,EAIEh6B,EAHFiN,OACAwuC,EAEEz7C,EAFFy7C,cACGvuC,IACDlN,MAEEE,EAAQV,aAAiBD,GAEzBkJ,EAAKE,EAAcqL,GACnBqL,EAAgBN,GAAgBC,EAAmBvW,WAAa,OAE5CjJ,WAExBQ,EAAMsM,cAAgBtM,EAAMsJ,OAAS,IAFhCA,OAAOsU,OAIdpe,aAAgB,WACdoe,EAAS5d,EAAMsJ,SACd,CAACtJ,EAAMsJ,YASJmE,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,gBAACq6B,IACCzc,eAAgBA,EAChB2B,aAAcA,EACd+a,QAASrxB,EACTuW,cAAeA,EACf+a,sBAAuBA,EACvBtsB,UAAWA,EACXyR,WAAYA,EACZC,UAAWA,GAEX3f,gBAAC87C,oBACKpuC,sBAEFmS,GAAgCrf,EAAM,qCAExB+e,gBACH9R,EACbyP,WAAYqC,EACZtW,GAAIA,EACJgF,UAAWA,EACXqQ,kBA/BgBC,GACpB/d,EAAM8d,UACsB,mBAAnB9d,EAAM8d,UACb9d,EAAM8d,SAASC,GAEjBH,EAASG,EAAMC,OAAO1U,QA2BlBC,IAAKA,EACLsB,MAAO4wC,EACPv7C,MAAOA,EACPoJ,MAAOA,EACPpL,MAAM,8BCnGVw9C,uKASY,SAAA17C,UAASA,EAAME,MAAM3K,OAAOK,wBACjC,SAAAoK,UAASA,EAAME,MAAM3K,OAAO2B,kBAI5BykD,GAAan8C,cACxB,SAACQ,EAAOuJ,OACEoD,EAAuB3M,EAAvB2M,SAAaO,IAAUlN,MACzBE,EAAQV,aAAiBD,UAG7BC,gBAACk8C,oBACKxuC,iBACQ,iBACZ3D,IAAKA,EACLrJ,MAAOA,EACP7F,KAAK,WAEJsS,0HChBHivC,GAAkB9uC,EAAOgG,iFAI3B2J,IACQ,SAAAzc,UAASA,EAAME,MAAMlI,WAAWS,aAC/B,SAAAuH,UAASA,EAAME,MAAMlI,WAAWG,aAIvC0jD,GAAU/uC,EAAOC,0GAOjB+uC,GAAiBhvC,EAAO3H,kUAEX,SAAAnF,UAASA,EAAME,MAAM/G,gBACtB,SAAA6G,UAASA,EAAME,MAAMlI,WAAWC,aACnC,SAAA+H,UAASA,EAAME,MAAMlI,WAAWC,aAEpC,SAAA+H,UAASA,EAAME,MAAMlI,WAAWM,aAUzB,SAAA0H,UAASA,EAAME,MAAM3K,OAAOM,gBACjC,SAAAmK,UAASA,EAAME,MAAM3K,OAAO2B,aAI5B6kD,GAAav8C,cACxB,SAACQ,EAAOuJ,OACArJ,EAAQV,aAAiBD,GACzB4N,EAAO3N,aAAiB+I,GAG5B6U,EASEpd,EATFod,eACA2B,EAQE/e,EARF+e,aACAC,EAOEhf,EAPFgf,cACArB,EAME3d,EAJFmf,UACA68B,EAGEh8C,EAHFg8C,YAEG9uC,IACDlN,MAEEyN,EAAY+B,GAAaxP,EAAMyN,sBC5CXzN,OACpB+e,EAA0C/e,EAA1C+e,aAAcC,EAA4Bhf,EAA5Bgf,cAAelB,EAAa9d,EAAb8d,SAG/Bzd,EAFOb,aAAiB+I,GAEVlI,QAAUk0B,OACxB0nB,EAAK57C,EAAO67C,SAASC,UAAU,KAAM,CAAEj+C,MAAO,gBAC9Ck+C,EAAK/7C,EAAO67C,SAASC,UAAU,KAAM,CAAEj+C,MAAO,kBAE5BsB,WAAuB,IAAxC68C,OAAMC,SACe98C,WAAuB,IAA5C+8C,OAAQC,SACSh9C,WAAuBy8C,GAAxCQ,OAAMC,SACWl9C,WAAuB,IAAxC8L,OAAMqxC,OACPC,EAAUp9C,WACVq9C,EAAYr9C,WACZs9C,EAAUt9C,WACViJ,EAAKE,EAAc3I,EAAMyI,aAYtBs0C,EAAWC,GAClBL,EAAQK,GACRl/B,GAAgC,mBAAbA,GAA2BA,EAASk/B,YA6BhDC,EAAcC,UACjBA,EAAU,OACDA,EACFA,EAAU,OACRA,EAAQ3vB,WAAW4vB,UAAU,EAAG,GAGtCD,EAAQ3vB,oBA6BR6vB,QACDC,EAAUZ,IAASR,EAAKG,EAAKH,EAEnCS,EAAQW,GACRN,EAAcV,MAAQE,MAAUc,UAjFlC79C,aAAgB,eAeG89C,EACXC,EADWD,EAdHt9C,EAAMsJ,MAedi0C,EAAetB,MAAMA,EAAGre,kBAAiBwe,MAAMA,EAAGxe,cACtC,IAAI4f,4CACiBD,SACrC,KAEejiB,KAAKgiB,aAGKA,SACWA,EAAaG,MAAM,KAAlDC,OAAUC,OACXC,EAAaD,EAAkBR,UAAU,EAAG,GAE5CU,EACJ3yC,OAAOwyC,GAAY,GACftB,EACAuB,EAAkB/7B,OAAS,EAC3B+7B,EAAkBF,MAAM,KAAK,GAAGroB,cAChC6mB,EAENK,EAAQW,EAAc/xC,OAAOwyC,KAC7BlB,EAAUoB,GACVlB,EAAQmB,GACRd,EAAcW,MAAYE,MAAcC,GApCtCC,CAAoB99C,EAAMsJ,SAE3B,CAACtJ,EAAMsJ,QAwHH,CACLmzC,KAAAA,EACAR,GAAAA,EACAa,QAAAA,EACAM,WAAAA,EACA30C,GAAAA,EACA6C,KAAAA,EACA+wC,KAAAA,EACA0B,OA9HgBt1C,WA+HhBm0C,QAAAA,EACAL,OAAAA,EACAyB,SAhIkBv1C,aAiIlBo0C,UAAAA,EACAx9B,cAjIoBN,GAAgBC,EAAmBvW,WAAa,KAkIpEw1C,0BA3EwBlgC,OAClBm/B,EAAUD,EAAc/xC,OAAO6S,EAAMC,OAAO1U,QAElDgzC,EAAQY,GACRH,EAAcG,MAAWX,MAAUE,IAwEnCyB,4BArE0BngC,OACpBogC,WApBiBA,UACL,IAAdA,OAEOA,EAAY,OACVA,EACFA,EAAY,OACVA,EAAU5wB,WAAW4vB,UAAU,EAAG,GAGxCgB,EAAU5wB,WAWC6wB,CAAgBlzC,OAAO6S,EAAMC,OAAO1U,QAEtDkzC,EAAU2B,GACVpB,EAAcV,MAAQ8B,MAAa1B,IAkEnC4B,2BAxDyBtgC,GACP,cAAdA,EAAM2M,KACR4xB,EAAQ,IAGQ,eAAdv+B,EAAM2M,KACRmyB,EAAUpzC,QAAQ/T,SAmDpB4oD,6BA/C2BvgC,GACT,cAAdA,EAAM2M,KACR8xB,EAAU,IAGM,cAAdz+B,EAAM2M,KACRkyB,EAAQnzC,QAAQ/T,QAGA,eAAdqoB,EAAM2M,KACRoyB,EAAQrzC,QAAQ/T,SAsClB6oD,2BAlCyBxgC,GACP,cAAdA,EAAM2M,KACRmyB,EAAUpzC,QAAQ/T,QAIJ,YAAdqoB,EAAM2M,KACQ,cAAd3M,EAAM2M,MACU,MAAd3M,EAAM2M,KAA6B,MAAd3M,EAAM2M,KAAgB+xB,IAASL,KACtC,MAAdr+B,EAAM2M,KAA6B,MAAd3M,EAAM2M,KAAgB+xB,IAASR,KAEtDl+B,EAAM4M,iBACNyyB,ODxEEoB,CAAcx+C,GAlBhBi8C,IAAAA,GACAQ,IAAAA,KACAK,IAAAA,QACAz9B,IAAAA,cACAg9B,IAAAA,KACA0B,IAAAA,OACAnB,IAAAA,QACAn0C,IAAAA,GACA6C,IAAAA,KACAixC,IAAAA,OACAyB,IAAAA,SACAnB,IAAAA,UACAO,IAAAA,WACAa,IAAAA,iBACAC,IAAAA,mBACAG,IAAAA,kBACAC,IAAAA,oBACAC,IAAAA,kBAGIE,EAAgBt/B,OAAchS,EAAK3F,WAAWC,eAC9Ci3C,EAAkBv/B,OAAchS,EAAK3F,WAAWE,iBAChDi3C,EAAex/B,QACnBs9B,IAASR,EACL9uC,EAAK3F,WAAWG,kBAChBwF,EAAK3F,WAAWI,0BAIpBpI,gBAACq6B,oBACK3sB,GACJkQ,eAAgBA,EAChB2B,aAAcA,EACd+a,QAASrxB,EACTuW,cAAeA,EACfvR,UAAWA,EACX0R,UAAWA,IAEX3f,gBAACo8C,IACCnuC,UAAWA,EACXiP,WAAYqC,EACZ7e,MAAOA,GAEPV,gBAACo/C,gBACCl/C,MAAOQ,EAAM3K,OAAOoB,QACpBkU,MAAO,CAAEwhB,YAAansB,EAAMlI,WAAWE,aAEzCsH,gBAACs8C,iBACa2C,qBACMp/B,gBACN,iBACZ5W,GAAIs1C,EACJc,UAAW,EACXz3B,IAAI,KACJtlB,IAAI,IACJgc,SAAUmgC,EACV9/B,UAAWkgC,EACXj5C,YAAY,KACZmE,IAAKqzC,EACL18C,MAAOA,EACP7F,KAAK,SACLiP,MAAO+yC,IAET78C,gBAACq8C,eACDr8C,gBAACs8C,iBACa4C,gBACA,mBACZj2C,GAAIu1C,EACJa,UAAW,EACXz3B,IAAI,KACJtlB,IAAI,IACJgc,SAAUogC,EACV//B,UAAWmgC,EACXl5C,YAAY,KACZmE,IAAKszC,EACL1W,KAAM6V,GAAe,EACrB97C,MAAOA,EACP7F,KAAK,SACLiP,MAAOizC,IAET/8C,gBAACm8C,iBACagD,EACZp1C,IAAKuzC,EACLhoC,QAASsoC,EACTj/B,UAAWogC,GAEV9B,GAEHj9C,gBAAC2iB,QACC3iB,gBAACyV,QACEwnC,IAASR,EACN9uC,EAAK3F,WAAWK,mBAChBsF,EAAK3F,WAAWM,sBAI1BtI,yBAAOiJ,GAAIA,EAAIc,IAAKA,EAAKlP,KAAK,SAASiP,MAAOgC,QE1KtD,SAASwzC,GAAU5+C,EAAOuN,UACjBF,2TAYCE,EAAYvN,EAAM3K,OAAOI,aAAeuK,EAAM3K,OAAOG,qGAO5CwK,EAAM5L,UAAUM,OAAOJ,yBACrB0L,EAAM5L,UAAUM,OAAOF,4DAMxB+Y,EACVvN,EAAM3K,OAAOK,WACbsK,EAAM3K,OAAO2B,oBACRuW,EAAYvN,EAAM3K,OAAO2B,UAAYgJ,EAAM3K,OAAOoB,iDAM5CuJ,EAAMlH,yDAGRkH,EAAM5L,UAAUM,OAAOJ,yBACrB0L,EAAM5L,UAAUM,OAAOF,wBAI7B+Y,EAAYvN,EAAM3K,OAAO0B,UAAYiJ,EAAM3K,OAAOC,2EAMhDiY,EAAYvN,EAAM3K,OAAOyB,UAAYkJ,EAAM3K,OAAOG,2GLpDvDqlD,GAAAA,gCAAAA,+CAEVA,eACAA,qBA0CWgE,GAAmBv/C,gBAA+C,CAC7E+gB,cAAc,EACd9P,aAAcsqC,8BAAsBrgD,MACpCskD,SAAS,EACTC,wBAAyB,SAACp2B,EAAU5d,gBAGtBi0C,GAAal/C,SAOvBA,EALFg/C,QAAAA,kBAKEh/C,EAJFm/C,aACAp3B,EAGE/nB,EAHF+nB,QAGE/nB,EAFFyQ,aAAAA,aAAesqC,8BAAsBrgD,QACrC0kD,EACEp/C,EADFo/C,iBAGI7+B,OAAgC,IAAVwH,IAIcvoB,WAFxB+gB,EAAewH,aARhBi3B,EAAU,GAAK,QAUzBK,OAAeC,OAEtB9/C,aAAgB,WACV+gB,GACF++B,EAAiBv3B,KAElB,CAACA,UAE8CQ,WAa3C,CACLg3B,aAZmB,CACnBvX,oBACAqX,cAAAA,EACA5uC,aAAAA,EACA8P,aAAAA,EACAy+B,QAAAA,EACAI,iBAAAA,EACAH,6BACAK,iBAAAA,mEMSEE,GAAkB1yC,EAAOgG,oGAEF,SAAA9S,UAASA,EAAME,MAAM3K,OAAOyB,aAC9C,SAAAgJ,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,WAGd8oD,GAAYjgD,cACvB,SAACQ,EAAOuJ,OAEJoD,EAKE3M,EALF2M,SACWsK,EAITjX,EAJFyN,UACA2xC,EAGEp/C,EAFFiN,OACGgD,IACDjQ,MAEEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,KAENioC,GAAal/C,UAGpCR,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,gBAACu/C,GAAiBpqC,UAASrL,QAJvBi2C,cAKF//C,gBAACggD,oBACKvvC,iBACShD,EACbQ,UAAWA,EACXlE,IAAKA,EACLrJ,MAAOA,IAENV,WAAeiN,IACdE,GACA,SAAC8hB,EAAgC1G,UACxBvoB,eAAmBivB,EAAO,CAAE1G,MAAAA,EAAO2C,IAAK3C,aC7GlD23B,GAAuBlgD,gBAClC,CACEmgD,YAAY,EACZC,YAAY,EACZC,cAAe,wBAIHC,GAAiB9/C,OACvB+nB,EAAsB/nB,EAAtB+nB,MAAO43B,EAAe3/C,EAAf2/C,aAEqBngD,YAAwB,GAArDogD,OAAYC,SACgBrgD,aAAiBu/C,IAA5CM,IAAAA,cAAeL,IAAAA,QAEjBe,EAAWp3C,IAEXq3C,EAAcD,SACdE,EAAaF,kBAEnBvgD,aAAgB,eACR0gD,EAAgBlB,EAClBxyC,MAAM6mB,QAAQgsB,IAAkBA,EAAcjzC,SAAS2b,GACvDs3B,GAAiBt3B,EAErB83B,EAAcK,MAYT,CACLX,aAVmB,CACnBS,SAAAA,EACAj4B,MAAAA,EACA43B,WAAAA,EACAC,WAAAA,EACAK,QAAAA,EACAJ,cAAAA,oCCnCE/nC,GAAahL,EAAOgG,oMAgBbqtC,GAAgB3gD,cAG3B,SAACQ,EAAOuJ,OACAoD,EAA8B3M,EAA9B2M,SAAUM,EAAoBjN,EAApBiN,OAAWgD,IAASjQ,QAEb8/C,GAAiB9/C,UAGxCR,gBAACkgD,GAAqB/qC,UAASrL,QAHzBi2C,cAIJ//C,gBAACsY,kBAAWvO,IAAKA,gBAAkB0D,GAAYgD,GAC5CtD,gBCpCOyzC,GACdpgD,EACAmd,SAWI3d,aAAiBu/C,IARnB/W,IAAAA,eACAqX,IAAAA,cACA5uC,IAAAA,aACA8P,IAAAA,aACAy+B,IAAAA,QACAC,IAAAA,wBACAG,IAAAA,iBACAE,IAAAA,mBAG2D9/C,aAC3DkgD,IADMM,IAAAA,SAAUj4B,IAAAA,MAAO43B,IAAAA,WAAYC,IAAAA,WAAYK,IAAAA,QAkB3CI,EAAa,WAChBrY,EAAev+B,QAAQ,GAAGA,QAA8B/T,SAWrD4qD,EAAY,WAEftY,EAAev+B,QADEu+B,EAAev+B,QAAQmY,OACL,GACjCnY,QAA8B/T,SA4B7B8zB,EAAShqB,WACT8qC,EAAcV,KAEdrgC,EAAMsC,EAAasR,EAAcqM,UAEvChqB,aAAgB,WACTmgD,GACHV,EAAwBjX,EAAgBxe,GAG1C8gB,MACC,IAEI,CACL0V,SAAAA,EACAr5B,YAxEkB,WACU,mBAArBy4B,GAAmCA,EAAiBr3B,GAEtDxH,IACHy+B,GAAWxyC,MAAM6mB,QAAQgsB,GAEnBC,EADFM,EACmBP,EAAc/2B,QAAO,SAAAZ,UAAQA,IAASK,KACtCs3B,EAAc/lB,OAAO,CAACvR,KAEzCu3B,EADAM,EACiB,KACA73B,KA+DvBw4B,cAzCoB,SAACxiC,OACfyiC,EAAYxY,EAAev+B,QAAQmY,cAEjC7D,EAAM2M,SACP,YACH3C,IAAUy4B,EAAY,EAAIH,IAlB7BrY,EAAev+B,QAAQse,EAAQ,GAAGte,QAA8B/T,kBAqB1D,UACO,IAAVqyB,EAAcu4B,IAlBjBtY,EAAev+B,QAAQse,EAAQ,GAAGte,QAA8B/T,kBAqB1D,OACH2qD,cAGG,MACHC,2BAyBJ7vC,aAAAA,EACAsX,MAAAA,EACA43B,WAAAA,EACAC,WAAAA,EACAK,QAAAA,EACA12C,IAAAA,gBCzGQk3C,wCCsBN3xC,GAAehC,EAAOkC,0aAMF,SAAAhP,UACtBA,EAAMyN,UAAYzN,EAAME,MAAM3K,OAAOoC,OAASqI,EAAME,MAAM3K,OAAOyB,aAC1D,SAAAgJ,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,WAGZ,SAAAqJ,UAASA,EAAME,MAAM5L,UAAUM,OAAOJ,YACpC,SAAAwL,UAASA,EAAME,MAAM5L,UAAUM,OAAOF,cAO7B,SAAAsL,UACpBA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAOI,aACnBqK,EAAME,MAAM3K,OAAOG,SAMhB,SAAAsK,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO6B,oBACnB4I,EAAME,MAAM3K,OAAO4B,gBAKvBupD,GAAc5zC,EAAOC,0CAId4zC,GAAkBnhD,cAG7B,SAACQ,EAAOmd,OACAxQ,EAAwD3M,EAAxD2M,SAAUM,EAA8CjN,EAA9CiN,OAAmBgK,EAA2BjX,EAAtCyN,UAA6BwC,IAASjQ,MAC1DE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,KAW3BmpC,GAAmBpgD,EAAOmd,GAR5B1M,IAAAA,aACAuvC,IAAAA,SACAL,IAAAA,WACAC,IAAAA,WACAK,IAAAA,QACAt5B,IAAAA,YACA45B,IAAAA,cACAh3C,IAAAA,IAGIq3C,EACJphD,gBAAC2uC,IACCxlB,OAAQi3B,EACRnkD,aACAoP,MAAO,CAAElP,OAAQuE,EAAMlI,WAAWM,YAElCkH,gBAAC6lC,+BAKH7lC,gBAACsP,oBACKmB,mBACWgwC,kBACAtwC,QAAQiwC,iBACV3yC,EACbO,SAAUmyC,EACVl3C,GAAIu3C,EACJJ,WAAYA,EACZnyC,UAAWA,EACXqH,QAAS6R,EACTxI,UAAWoiC,EACXh3C,IAAKA,EACLrJ,MAAOA,IAENuQ,IAAiBsqC,8BAAsBpgD,MACtC6E,gCACGohD,EACDphD,gBAAC+4C,IAAO34C,KAAM,MAGlBJ,gBAACkhD,QAAa/zC,GACb8D,IAAiBsqC,8BAAsBrgD,OACtC8E,gCACEA,gBAAC+4C,IAAO34C,KAAM,KACbghD,4CCtGLC,GAAc/zC,EAAOgG,oFAEhB,SAAA9S,UACPA,EAAMyN,UACFzN,EAAME,MAAM3K,OAAO2B,UACnB8I,EAAME,MAAM3K,OAAOoB,WACd,SAAAqJ,UACNA,EAAME,MAAMlI,WAAWG,cAAa6H,EAAME,MAAMlI,WAAWK,cAAa2H,EAAME,MAAMlI,WAAWI,aAGzF0oD,GAAiBthD,cAG5B,SAACQ,EAAOuJ,OACAoD,EAAwD3M,EAAxD2M,SAAUM,EAA8CjN,EAA9CiN,OAAmBgK,EAA2BjX,EAAtCyN,UAA6BwC,IAASjQ,MAC1DE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,KAG7BzX,aAAiBkgD,IADDE,IAAAA,kBAIhBpgD,gBAAC2uC,IACCxlB,OAAQi3B,EACRlkD,YACA0yC,kBAEA5uC,gBAACqhD,oBACK5wC,uBAVF+vC,wBAYYJ,gBACD3yC,EACbxE,KAdwBw3C,QAexBxyC,UAAWA,EACXlE,IAAKA,EACLrJ,MAAOA,IAENyM,iDFtDG8zC,GAAAA,yBAAAA,sCAEVA,mBACAA,eACAA,iBAGF,UGPYM,GAKAC,GAOAC,GAUAC,GAOAC,GAUAC,GAOAC,GAOAC,GH9CNC,GAEF,CACF9mD,IAAK,CAAEN,UAAU,GACjBU,OAAQ,CAAED,aAAa,GACvBD,KAAM,CAAEK,WAAW,GACnBN,MAAO,CAAEI,YAAY,IAsBV0mD,GAAShiD,cACpB,SAACQ,EAAOuJ,OACEsB,EAA6C7K,EAA7C6K,MAAOuS,EAAsCpd,EAAtCod,eAAgB5iB,EAAsBwF,EAAtBxF,SAAayV,IAASjQ,MAC/CE,EAAQV,aAAiBD,GACzBkiD,OACDvhD,EAAM/B,eACN+B,EAAM/B,OAAOsiD,uBAAejmD,YAG/BgF,gBAAC2vC,kBACC/xB,kBACE1f,QAAS,KACN0f,GAEL6yB,oBAAqBsR,GAAiBd,uBAAejmD,IACrDqQ,WAAY42C,EAAgB52C,IACxBoF,QGnDA8wC,GAAAA,sBAAAA,qCAEVA,6BAGUC,GAAAA,2BAAAA,4CAEVA,aACAA,mBACAA,sBAGUC,GAAAA,6BAAAA,8CAEVA,aACAA,mBACAA,qBACAA,8BACAA,gCACAA,+BAGUC,GAAAA,yBAAAA,0CAEVA,aACAA,mBACAA,sBAGUC,GAAAA,2BAAAA,4CAEVA,aACAA,mBACAA,qBACAA,8BACAA,gCACAA,+BAGUC,GAAAA,8BAAAA,+CAEVA,aACAA,mBACAA,sBAGUC,GAAAA,4BAAAA,6CAEVA,aACAA,mBACAA,sBAGUC,GAAAA,uBAAAA,oCAEVA,mBACAA,wBACAA,8BA4EF,UAAaI,GAAO50C,EAAOgG,+BACvB,SAAA9S,UACAuN,MAAI,CACFvO,QAASgB,EAAM2hD,aAAeZ,oBAAYa,0BACpB5hD,EAAM6hD,yCACH7hD,EAAM8hD,iCACjB9hD,EAAM+hD,6BACR/hD,EAAMgiD,wBACDhiD,EAAMiiD,mCACJjiD,EAAMkiD,iCACVliD,EAAMmiD,+BACJniD,EAAMoiD,kCACLpiD,EAAMqiD,iCAIjBC,GAAWx1C,EAAOgG,+BAC3B,SAAA9S,UACAuN,MAAI,eACavN,EAAMuiD,sBACTviD,EAAMwiD,oBACLxiD,EAAMyiD,wBACHziD,EAAM0iD,iCACR1iD,EAAM2iD,6FCzIpBC,GAAmB,SAAA5iD,UAASuN,+BAE5BvN,EAAMyN,UACJzN,EAAM6iD,aAAe7iD,EAAME,MAAM3K,OAAO2B,UACxC8I,EAAM6iD,aAAe7iD,EAAME,MAAM3K,OAAOyB,yEAK1C8rD,GAAmBh2C,EAAOi2C,kCAC5BH,IAGSI,GAAaxjD,cACxB,SAACQ,EAAOuJ,OAEJs5C,EAKE7iD,EALF6iD,YACAl2C,EAIE3M,EAJF2M,SACAM,EAGEjN,EAFFyN,UACGwC,IACDjQ,MACEE,EAAQV,aAAiBD,GACzBkO,EAAY+B,GAAayH,UAG7BzX,gBAAC+P,GAAeoF,UAASrL,MAAO,CAAEmE,UAAAA,IAChCjO,gBAACsjD,kBACCD,YAAa9pD,EAAMxD,OAAOstD,IAAgBA,EAC1C3iD,MAAOA,EACPuN,UAAWA,EACXlE,IAAKA,gBACQvJ,EAAMiN,QACfgD,GAEHtD,uECjBEs2C,GAAmB,SAAAjjD,UAASuN,qDAOrCvN,EAAMyN,WACRF,eACWvN,EAAME,MAAM3K,OAAO2B,mBAG1B8I,EAAMyN,WACVzN,EAAMkjD,gBACN31C,eACWvN,EAAME,MAAM3K,OAAOwB,oBAI1BosD,GAAuBr2C,EAAO+N,GAAP/N,2BACzBm2C,IAGSG,GAAiB5jD,cAG5B,SAACQ,EAAOuJ,OACAoD,EACN3M,EADM2M,SAAUjN,EAChBM,EADgBN,MAAOwjD,EACvBljD,EADuBkjD,eAAgBj2C,EACvCjN,EAD+C+a,YAAgB9K,IAC/DjQ,MACIE,EAAQV,aAAiBD,GACzBkO,EAAY+B,YAGhBhQ,gBAAC2jD,kBACCtnC,GAAIqnC,EAAiB,aAAe,aACpCxjD,MACEwjD,EACIxjD,GAAS2Z,wBAAgBe,QACzB1a,GAAS2Z,gCAEfnZ,MAAOA,EACPgjD,eAAgBA,EAChBz1C,UAAWA,EACXlE,IAAKA,gBACQvJ,EAAMiN,OACnB8N,YACEmoC,EACInoC,GAAexB,8BAAsBpc,WACrC4d,GAAexB,8BAAsBrc,WAEvC+S,GAEHizC,EACC1jD,qCAEGmN,GAGHnN,oCAEGmN,uX/GrEyD,gBAClEA,IAAAA,SAGGO,iBAEI1N,uCAAS0N,GAAQP,iCAmB8D,gBACtFA,IAAAA,SACA5Q,IAAAA,YACGmR,UAEGyL,EAAqB,GAE3BnZ,WAAe0M,QAAQS,GAAU,SAAC8hB,GAChC9V,EAAmB4X,KAAK9B,EAAMzuB,MAAMyY,mBAGhCvY,EAAQV,aAAiBD,GAIzBmZ,EAAmB3c,GAFEmE,EAAMnE,mBAK/ByD,gCACGA,WAAeiN,IAAIE,GAAU,SAAC8hB,UACtBA,EAAMzuB,MAAMyY,WACjBjZ,gBAAC8Y,oBACKpL,GACJ9O,SAAUsa,EAAiB+V,EAAMzuB,MAAMyY,YAAc,EACrDJ,SAAUG,GACRiW,EAAMzuB,MAAMyY,WACZC,EACAC,GAEF1L,OAAQwhB,EAAMzuB,MAAMiN,SAEnBwhB,GAGHA,kI0FiCkBzuB,OAExBod,EAQEpd,EARFod,eACA2B,EAOE/e,EAPF+e,aAEAigC,EAKEh/C,EALFg/C,QACAvgC,EAIEze,EAJFye,cACAub,EAGEh6B,EAHFg6B,aACAhb,EAEEhf,EAFFgf,cACA/R,EACEjN,EADFiN,OAWIyP,IAAaqC,EAEbtW,EAAKE,EAZP3I,EANFyI,IAmBI4W,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAEhEgF,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,uBAAKqL,MAAOuS,gBAA6BnQ,GAErCzN,gBADDw/C,GApCE,YAoCoCh/C,EACpCw3C,GAYAf,kBAXC9S,gBAAiBtkB,EACjBN,aAAcA,EACdrC,SAAUA,EACVsC,cAAeA,EACfvR,UAAWA,EACXyjC,sBAxBcxpB,UACbA,GAAwB,iBAATA,EAClBA,EACAA,GAAQotB,GAA4BptB,GACpCA,EAAKtR,MACL,IAoBEqI,cAAeA,GAAiBxB,sBAAcxiB,IAC9Cu/B,aAAcA,GACTh6B,4N5DpJ+D,SAC5EA,OAEQiN,EAAqBjN,EAArBiN,OAAWC,IAAUlN,MAEvBE,EAAQV,aAAiBD,UACxBC,gBAACksB,oBAAaxe,iBAAoBD,EAAQ/M,MAAOA,0DkFPwB,SAChFF,OAEQ2M,EAA8C3M,EAA9C2M,SAAcqH,EAAgChU,EAApCyI,GAAe/E,EAAqB1D,EAArB0D,OAAWwJ,IAAUlN,MAEhDyI,EAAKE,EAAcqL,UAGvBxU,uCAAS0N,qBAAwBzE,EAAI4E,KAAK,UACvC3J,GAAUlE,gBAACosB,IAAenjB,GAAIA,GAAK/E,GACnCiJ,qOXiD8C,eAC7Cc,EAAY+B,YAEhBhQ,gBAACD,EAAaigB,eACX,SAAAtf,UAASV,gBAAC+wC,UAAO7d,OAAQosB,GAAU5+C,EAAOuN,sqBpB8GvBzN,OAEtBod,EAQEpd,EARFod,eAEA4hC,EAMEh/C,EANFg/C,QACAvgC,EAKEze,EALFye,cACAM,EAIE/e,EAJF+e,aACAib,EAGEh6B,EAHFg6B,aACAhb,EAEEhf,EAFFgf,cACA/R,EACEjN,EADFiN,gBAGOikC,EAAaxpB,UACbA,GAAwB,iBAATA,EAClBA,EACAA,GAAQotB,GAA4BptB,GACpCA,EAAKtR,MACL,OAhDN1F,EAmDMgM,IAAaqC,EAEbtW,EAAKE,EAZP3I,EAPFyI,IAqBI4W,EAAgBN,GAAgBC,EAAmBvW,WAAa,KAEhEgF,EAAY+B,GAAaxP,EAAMyN,kBAGnCjO,uBAAKqL,MAAOuS,gBAA6BnQ,GACtC+xC,GA3DE,YAFPtuC,EA6DyC1Q,IA3DK,UAAhB0Q,EAAOrW,KA4D/BmF,gBAACg0C,kBACC7P,gBAAiBtkB,EACjB5W,GAAIA,EACJgF,UAAWA,EACXgR,cAAeA,GAAiBxB,sBAAcxiB,IAC9Cy2C,aAAcA,GACTlxC,GACL0c,SAAUA,KAGZld,gBAAC6jD,kBACC1f,gBAAiBtkB,EACjBN,aAAcA,EACdtW,GAAIA,EACJgF,UAAWA,EACXyjC,aAAcA,EACdzyB,cAAeA,GAAiBxB,sBAAcxiB,IAC9CiiB,SAAUA,EACVsC,cAAeA,EACfgb,aAAcA,GACTh6B,yDUjLiD,SAAAA,OAE5D4G,EAOE5G,EAPF4G,WACAlH,EAMEM,EANFN,MACAs4C,EAKEh4C,EALFg4C,aACAC,EAIEj4C,EAJFi4C,YACAhrC,EAGEjN,EAHFiN,OACAnN,EAEEE,EAFFF,QACGoN,IACDlN,MACEmN,EAAO3N,aAAiB+I,UAG5B/I,gBAACu4C,oBACK7qC,GACJxN,MAAOA,GAAgBkQ,oBAAYpa,QACnCyX,OAAQA,EACR6H,QAAS,SAAAmoB,IApDK,SAAAA,GAClBA,EAAEtS,qBAEI24B,EAAe94C,SAASgmC,eAAesH,OAExCwL,OAICC,EAAgBD,EAAa5S,qBAAqB,MAAM,MAE1D6S,SACFA,EAAc3rB,aAAa,WAAY,WACvC2rB,EAAc7tD,QAGhB4tD,EAAa5tD,SAqCPixB,CAAYsW,IAEd+a,aAAcA,GAA8B,GAC5CC,YAAaA,GAA4B,GACzC3gC,SAAS,SACTD,OAAQygC,GACRh4C,QAASA,GAAoBoP,sBAAc0B,QAE1ChK,GAA0BuG,EAAKpG,SAASH,qCsB5E+B,SAAA5G,UAG1ER,qCAF2BQ,EAAXiN,OAIdxE,GAAIqvC,GACJpjC,UAAW,EACX7J,MAAO,CAAEsE,QAAS,IANOnP,EAArB2M,w/BCXoB62C,OACtBC,EAAQD,EAAW3gC,QAAQ,eAAgB,IAE3C6gC,EACc,oBAAX1wB,aAAuD,IAAtBA,OAAO2wB,WAE3CA,EAAaD,EAAoB1wB,OAAO2wB,WAAa,OAEjCnkD,EAAMqJ,UAAS,mBACnC66C,GACKC,EAAWF,GAAOG,WAFtBC,OAAOC,cAQdtkD,EAAMuJ,WAAU,eACVsuB,GAAS,KAERqsB,OAICK,EAAYJ,EAAWF,GAEvBO,EAAc,WACd3sB,GACFysB,EAASC,EAAUH,iBAIvBI,IACAD,EAAU9wB,iBAAiB,SAAU+wB,GAE9B,WACL3sB,GAAS,EACT0sB,EAAU7wB,oBAAoB,SAAU8wB,OAEzC,CAACP,EAAOE,EAAYD,IAEhBG"}