@pega/cosmos-react-core 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/components/AppShell/AppShellList.styles.js

@@ -1,157 +0,0 @@
-import { darken, getContrast, lighten } from 'polished';
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import { StyledAlert } from '../Badges/Alert';
-import { StyledEmptyState } from '../EmptyState';
-import { StyledSummaryItem } from '../SummaryItem';
-import { StyledText } from '../Text';
-import { navContrastColors } from './style-utils';
-/* AppShellList styles */
-export const StyledAppShellListWrapper = styled.div(({ theme }) => {
-    const { border: borderColor } = navContrastColors(theme);
-    return css `
-    max-height: 100%;
-    white-space: nowrap;
-
-    ${StyledSummaryItem} {
-      position: relative;
-      &::after {
-        content: '';
-        position: absolute;
-        top: calc(100% - 0.03125rem);
-        inset-inline-end: 1rem;
-        inset-inline-start: 1rem;
-        height: 0.0625rem;
-        background-color: ${borderColor};
-      }
-    }
-  `;
-});
-StyledAppShellListWrapper.defaultProps = defaultThemeProp;
-export const StyledAppShellList = styled.ul ``;
-StyledAppShellList.defaultProps = defaultThemeProp;
-export const StyledAppShellSummaryList = styled.li(({ theme }) => {
-    const { hoverBg } = navContrastColors(theme);
-    return css `
-    ${StyledSummaryItem} {
-      padding: ${theme.base.spacing} calc(2 * ${theme.base.spacing});
-      color: inherit;
-      background-color: transparent;
-      border: none;
-      text-decoration: none;
-      cursor: pointer;
-      text-align: start;
-      white-space: normal;
-
-      &:hover,
-      &:focus {
-        background-color: ${hoverBg};
-      }
-
-      &:focus {
-        outline: none;
-        box-shadow: ${theme.base.shadow['focus-inset']};
-      }
-    }
-  `;
-});
-StyledAppShellSummaryList.defaultProps = defaultThemeProp;
-export const StyledAppShellMetaList = styled.ul `
-  li {
-    color: inherit;
-  }
-`;
-export const StyledAppShellPinButton = styled.button(({ theme }) => {
-    const { foreground, hoverBg: listHoverBg } = navContrastColors(theme);
-    let hoverBg = darken(0.1, listHoverBg);
-    if (getContrast(hoverBg, listHoverBg) < 1.3) {
-        hoverBg = lighten(0.1, listHoverBg);
-    }
-    return css `
-    color: inherit;
-    border: none;
-    background-color: transparent;
-
-    &:hover,
-    &:focus {
-      color: ${foreground};
-      background-color: ${hoverBg};
-    }
-
-    &:focus {
-      outline: none;
-      box-shadow: ${theme.base.shadow['focus-inset']};
-    }
-  `;
-});
-StyledAppShellPinButton.defaultProps = defaultThemeProp;
-export const StyledNotificationVisual = styled.span(({ theme, unread, visualIncluded }) => {
-    const { foreground } = navContrastColors(theme);
-    return css `
-      position: relative;
-      ${StyledAlert} {
-        display: ${unread ? 'auto' : 'none'};
-        position: absolute;
-        inset-inline-start: -0.65625rem;
-        top: ${visualIncluded ? 'calc(50% - 0.15625rem)' : '0.5rem'};
-        background-color: ${foreground};
-        height: 0.3125rem;
-        width: 0.3125rem;
-      }
-    `;
-});
-StyledNotificationVisual.defaultProps = defaultThemeProp;
-export const StyledNotificationPrimary = styled.span(({ theme, unread }) => {
-    const { foreground } = navContrastColors(theme);
-    return css `
-    font-weight: ${unread
-        ? theme.base['font-weight'].bold
-        : theme.base['font-weight']['semi-bold']};
-    color: ${foreground};
-  `;
-});
-StyledNotificationPrimary.defaultProps = defaultThemeProp;
-export const StyledNotificationSecondary = styled.span(({ theme, unread }) => {
-    return css `
-      ${StyledText} {
-        opacity: ${unread
-        ? theme.base.transparency['transparent-1']
-        : theme.base.transparency['transparent-3']};
-      }
-    `;
-});
-StyledNotificationSecondary.defaultProps = defaultThemeProp;
-export const EmptyStateColorContrast = styled.div(({ theme }) => {
-    const { foreground } = navContrastColors(theme);
-    return css `
-    ${StyledEmptyState} {
-      span,
-      svg {
-        color: ${foreground};
-      }
-    }
-  `;
-});
-EmptyStateColorContrast.defaultProps = defaultThemeProp;
-export const StyledAppShellListSection = styled.div(({ theme }) => {
-    const { border: borderColor } = navContrastColors(theme);
-    return css `
-    border-top: 0.0625rem solid ${borderColor};
-    min-height: max(20%, 8rem);
-    overflow-y: auto;
-  `;
-});
-StyledAppShellListSection.defaultProps = defaultThemeProp;
-export const StyledAppShellListHeading = styled.h3(({ theme }) => {
-    const { hoverBg, foreground } = navContrastColors(theme);
-    return css `
-    position: sticky;
-    top: 0;
-    padding: ${theme.base.spacing} calc(2 * ${theme.base.spacing});
-    background-color: ${hoverBg};
-    color: ${foreground};
-    z-index: 1;
-  `;
-});
-StyledAppShellListHeading.defaultProps = defaultThemeProp;
-//# sourceMappingURL=AppShellList.styles.js.map

package/lib/components/AppShell/AppShellList.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShellList.styles.js","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellList.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { darken, getContrast, lighten } from 'polished';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport { StyledAlert } from '../Badges/Alert';\nimport { StyledEmptyState } from '../EmptyState';\nimport { StyledSummaryItem } from '../SummaryItem';\nimport { StyledText } from '../Text';\n\nimport { navContrastColors } from './style-utils';\n\n/* AppShellList styles */\nexport const StyledAppShellListWrapper = styled.div(({ theme }) => {\n  const { border: borderColor } = navContrastColors(theme);\n\n  return css`\n    max-height: 100%;\n    white-space: nowrap;\n\n    ${StyledSummaryItem} {\n      position: relative;\n      &::after {\n        content: '';\n        position: absolute;\n        top: calc(100% - 0.03125rem);\n        inset-inline-end: 1rem;\n        inset-inline-start: 1rem;\n        height: 0.0625rem;\n        background-color: ${borderColor};\n      }\n    }\n  `;\n});\n\nStyledAppShellListWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledAppShellList = styled.ul``;\n\nStyledAppShellList.defaultProps = defaultThemeProp;\n\nexport const StyledAppShellSummaryList = styled.li(({ theme }) => {\n  const { hoverBg } = navContrastColors(theme);\n\n  return css`\n    ${StyledSummaryItem} {\n      padding: ${theme.base.spacing} calc(2 * ${theme.base.spacing});\n      color: inherit;\n      background-color: transparent;\n      border: none;\n      text-decoration: none;\n      cursor: pointer;\n      text-align: start;\n      white-space: normal;\n\n      &:hover,\n      &:focus {\n        background-color: ${hoverBg};\n      }\n\n      &:focus {\n        outline: none;\n        box-shadow: ${theme.base.shadow['focus-inset']};\n      }\n    }\n  `;\n});\n\nStyledAppShellSummaryList.defaultProps = defaultThemeProp;\n\nexport const StyledAppShellMetaList = styled.ul`\n  li {\n    color: inherit;\n  }\n`;\n\nexport const StyledAppShellPinButton = styled.button(({ theme }) => {\n  const { foreground, hoverBg: listHoverBg } = navContrastColors(theme);\n  let hoverBg = darken(0.1, listHoverBg);\n\n  if (getContrast(hoverBg, listHoverBg) < 1.3) {\n    hoverBg = lighten(0.1, listHoverBg);\n  }\n\n  return css`\n    color: inherit;\n    border: none;\n    background-color: transparent;\n\n    &:hover,\n    &:focus {\n      color: ${foreground};\n      background-color: ${hoverBg};\n    }\n\n    &:focus {\n      outline: none;\n      box-shadow: ${theme.base.shadow['focus-inset']};\n    }\n  `;\n});\n\nStyledAppShellPinButton.defaultProps = defaultThemeProp;\n\nexport const StyledNotificationVisual = styled.span<{ unread?: boolean; visualIncluded?: boolean }>(\n  ({ theme, unread, visualIncluded }) => {\n    const { foreground } = navContrastColors(theme);\n\n    return css`\n      position: relative;\n      ${StyledAlert} {\n        display: ${unread ? 'auto' : 'none'};\n        position: absolute;\n        inset-inline-start: -0.65625rem;\n        top: ${visualIncluded ? 'calc(50% - 0.15625rem)' : '0.5rem'};\n        background-color: ${foreground};\n        height: 0.3125rem;\n        width: 0.3125rem;\n      }\n    `;\n  }\n);\n\nStyledNotificationVisual.defaultProps = defaultThemeProp;\n\nexport const StyledNotificationPrimary = styled.span<{ unread?: boolean }>(({ theme, unread }) => {\n  const { foreground } = navContrastColors(theme);\n\n  return css`\n    font-weight: ${unread\n      ? theme.base['font-weight'].bold\n      : theme.base['font-weight']['semi-bold']};\n    color: ${foreground};\n  `;\n});\n\nStyledNotificationPrimary.defaultProps = defaultThemeProp;\n\nexport const StyledNotificationSecondary = styled.span<{ unread?: boolean }>(\n  ({ theme, unread }) => {\n    return css`\n      ${StyledText} {\n        opacity: ${unread\n          ? theme.base.transparency['transparent-1']\n          : theme.base.transparency['transparent-3']};\n      }\n    `;\n  }\n);\n\nStyledNotificationSecondary.defaultProps = defaultThemeProp;\n\nexport const EmptyStateColorContrast = styled.div(({ theme }) => {\n  const { foreground } = navContrastColors(theme);\n\n  return css`\n    ${StyledEmptyState} {\n      span,\n      svg {\n        color: ${foreground};\n      }\n    }\n  `;\n});\n\nEmptyStateColorContrast.defaultProps = defaultThemeProp;\n\nexport const StyledAppShellListSection = styled.div(({ theme }) => {\n  const { border: borderColor } = navContrastColors(theme);\n\n  return css`\n    border-top: 0.0625rem solid ${borderColor};\n    min-height: max(20%, 8rem);\n    overflow-y: auto;\n  `;\n});\n\nStyledAppShellListSection.defaultProps = defaultThemeProp;\n\nexport const StyledAppShellListHeading = styled.h3(({ theme }) => {\n  const { hoverBg, foreground } = navContrastColors(theme);\n\n  return css`\n    position: sticky;\n    top: 0;\n    padding: ${theme.base.spacing} calc(2 * ${theme.base.spacing});\n    background-color: ${hoverBg};\n    color: ${foreground};\n    z-index: 1;\n  `;\n});\n\nStyledAppShellListHeading.defaultProps = defaultThemeProp;\n"]}

package/lib/components/AppShell/AppShellSearch.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { AppShellProps } from './AppShell.types';
-export interface AppShellSearchProps {
-    collapsed: boolean;
-    searchLabel: string;
-    searchInput: AppShellProps['searchInput'];
-}
-export declare const AppShellSearch: FC<AppShellSearchProps>;
-//# sourceMappingURL=AppShellSearch.d.ts.map

package/lib/components/AppShell/AppShellSearch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShellSearch.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAsD,MAAM,OAAO,CAAC;AAO/E,OAAO,EAAE,aAAa,EAA2B,MAAM,kBAAkB,CAAC;AAS1E,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAiElD,CAAC"}

package/lib/components/AppShell/AppShellSearch.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState, useContext } from 'react';
-import { useBreakpoint, useI18n } from '../../hooks';
-import Icon from '../Icon';
-import SearchInput from '../SearchInput';
-import NavigationListItemWrapper from './NavigationListItemWrapper';
-import { StyledAppShellSearchButton, StyledAppshellSearchContainer, StyledAppShellSearchDecoration, StyledSearch } from './AppShellSearch.styles';
-import AppShellContext from './AppShellContext';
-export const AppShellSearch = ({ collapsed, searchLabel, searchInput }) => {
-    const btnElRef = useRef(null);
-    const formElRef = useRef(null);
-    const searchRef = useRef();
-    const t = useI18n();
-    const [menuOpen, setMenuOpen] = useState(false);
-    const isMediumOrAbove = useBreakpoint('md');
-    const { navState, mobileNavOpen } = useContext(AppShellContext);
-    const onMenuToggle = state => {
-        setMenuOpen(state === 'open');
-    };
-    useEffect(() => {
-        const onTab = (e) => {
-            if (menuOpen && e.key === 'Tab') {
-                e.preventDefault();
-                searchRef.current?.focus();
-            }
-        };
-        btnElRef.current?.addEventListener('keydown', onTab);
-        return () => {
-            btnElRef.current?.removeEventListener('keydown', onTab);
-        };
-    }, [searchRef, menuOpen]);
-    const searchFormProps = {
-        role: 'search',
-        'aria-label': searchLabel,
-        onSubmit: (e) => e.preventDefault()
-    };
-    return (_jsx(StyledSearch, { collapsed: collapsed, isMediumOrAbove: isMediumOrAbove, children: navState === 'closed' && !mobileNavOpen ? (_jsx(NavigationListItemWrapper, { childElementRef: formElRef, label: t('search_placeholder_default'), tooltipLabel: t('search_placeholder_default'), onMenuToggle: onMenuToggle, content: _jsx(StyledAppshellSearchContainer, { children: _jsx(SearchInput, { ...searchInput, resultsPopover: false, ref: searchRef }) }), children: _jsx("form", { ...searchFormProps, ref: formElRef, children: _jsx(StyledAppShellSearchButton, { ref: btnElRef, children: _jsx(StyledAppShellSearchDecoration, { children: _jsx(Icon, { name: 'search' }) }) }) }) })) : (_jsx("form", { ...searchFormProps, children: _jsx(SearchInput, { ...searchInput }) })) }));
-};
-//# sourceMappingURL=AppShellSearch.js.map

package/lib/components/AppShell/AppShellSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShellSearch.js","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellSearch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useEffect, useRef, useState, useContext, FormEvent } from 'react';\n\nimport { useBreakpoint, useI18n } from '../../hooks';\nimport Icon from '../Icon';\nimport SearchInput from '../SearchInput';\n\nimport NavigationListItemWrapper from './NavigationListItemWrapper';\nimport { AppShellProps, NavListItemWrapperProps } from './AppShell.types';\nimport {\n  StyledAppShellSearchButton,\n  StyledAppshellSearchContainer,\n  StyledAppShellSearchDecoration,\n  StyledSearch\n} from './AppShellSearch.styles';\nimport AppShellContext from './AppShellContext';\n\nexport interface AppShellSearchProps {\n  collapsed: boolean;\n  searchLabel: string;\n  searchInput: AppShellProps['searchInput'];\n}\n\nexport const AppShellSearch: FC<AppShellSearchProps> = ({\n  collapsed,\n  searchLabel,\n  searchInput\n}) => {\n  const btnElRef = useRef<HTMLButtonElement>(null);\n  const formElRef = useRef<HTMLFormElement>(null);\n  const searchRef = useRef<HTMLInputElement>();\n  const t = useI18n();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const isMediumOrAbove = useBreakpoint('md');\n  const { navState, mobileNavOpen } = useContext(AppShellContext);\n\n  const onMenuToggle: NavListItemWrapperProps['onMenuToggle'] = state => {\n    setMenuOpen(state === 'open');\n  };\n\n  useEffect(() => {\n    const onTab = (e: KeyboardEvent) => {\n      if (menuOpen && e.key === 'Tab') {\n        e.preventDefault();\n        searchRef.current?.focus();\n      }\n    };\n    btnElRef.current?.addEventListener('keydown', onTab);\n    return () => {\n      btnElRef.current?.removeEventListener('keydown', onTab);\n    };\n  }, [searchRef, menuOpen]);\n\n  const searchFormProps = {\n    role: 'search',\n    'aria-label': searchLabel,\n    onSubmit: (e: FormEvent) => e.preventDefault()\n  };\n\n  return (\n    <StyledSearch collapsed={collapsed} isMediumOrAbove={isMediumOrAbove}>\n      {navState === 'closed' && !mobileNavOpen ? (\n        <NavigationListItemWrapper\n          childElementRef={formElRef}\n          label={t('search_placeholder_default')}\n          tooltipLabel={t('search_placeholder_default')}\n          onMenuToggle={onMenuToggle}\n          content={\n            <StyledAppshellSearchContainer>\n              <SearchInput {...searchInput} resultsPopover={false} ref={searchRef} />\n            </StyledAppshellSearchContainer>\n          }\n        >\n          <form {...searchFormProps} ref={formElRef}>\n            <StyledAppShellSearchButton ref={btnElRef}>\n              <StyledAppShellSearchDecoration>\n                <Icon name='search' />\n              </StyledAppShellSearchDecoration>\n            </StyledAppShellSearchButton>\n          </form>\n        </NavigationListItemWrapper>\n      ) : (\n        <form {...searchFormProps}>\n          <SearchInput {...searchInput} />\n        </form>\n      )}\n    </StyledSearch>\n  );\n};\n"]}

package/lib/components/AppShell/AppShellSearch.styles.d.ts

@@ -1,8 +0,0 @@
-export declare const StyledSearch: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    collapsed: boolean;
-    isMediumOrAbove: boolean;
-}, never>;
-export declare const StyledAppShellSearchDecoration: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledAppShellSearchButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Button/BareButton").BareButtonProps & import("../..").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledAppshellSearchContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=AppShellSearch.styles.d.ts.map

package/lib/components/AppShell/AppShellSearch.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShellSearch.styles.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellSearch.styles.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,YAAY;eAA2B,OAAO;qBAAmB,OAAO;SAqJpF,CAAC;AAIF,eAAO,MAAM,8BAA8B,yGAczC,CAAC;AAIH,eAAO,MAAM,0BAA0B,oNAQtC,CAAC;AAIF,eAAO,MAAM,6BAA6B,yGAIxC,CAAC"}

package/lib/components/AppShell/AppShellSearch.styles.js

@@ -1,193 +0,0 @@
-import { darken, getContrast, lighten, transparentize } from 'polished';
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import BareButton from '../Button/BareButton';
-import { StyledLink } from '../Link';
-import { StyledMenuItem } from '../Menu';
-import { StyledMenu, StyledMenuListContainer } from '../Menu/Menu.styles';
-import { StyledSearchInput } from '../SearchInput';
-import { StyledCancelButton, StyledFiltersPopover, StyledMenuButton, StyledResultsPopover, StyledSearchButton } from '../SearchInput/SearchInput.styles';
-import { StyledText } from '../Text';
-import { StyledBackdrop } from '../Backdrop';
-import { StyledEmptyState } from '../EmptyState';
-import { navWidth } from './AppShell.styles';
-import { navContrastColors, pxToRem } from './style-utils';
-export const StyledSearch = styled.div(({ theme, collapsed, isMediumOrAbove }) => {
-    const navBg = theme.components['app-shell'].nav['background-color'];
-    const { hoverBg, foreground, border: borderColor } = navContrastColors(theme);
-    const maxCollapsedSize = theme.components.input.height;
-    let activeColor = hoverBg;
-    let hoverColor = lighten(0.1, hoverBg);
-    if (getContrast(navBg, hoverColor) < 1.3) {
-        activeColor = darken(0.2, hoverBg);
-        hoverColor = hoverBg;
-    }
-    return css `
-      flex-shrink: 0;
-      justify-content: center;
-
-      ${StyledMenuListContainer} {
-        background: transparent;
-      }
-
-      > form {
-        padding: ${theme.base.spacing} 0;
-      }
-
-      header {
-        ${StyledText} {
-          color: ${transparentize(0.1, foreground)};
-        }
-      }
-
-      ${StyledBackdrop} {
-        background: transparent;
-      }
-
-      ${StyledEmptyState} {
-        span,
-        svg {
-          color: ${foreground};
-        }
-      }
-
-      ${StyledMenu} {
-        background: ${navBg};
-
-        &[data-active-scope='true'] [data-current='true'] {
-          background-color: ${activeColor};
-        }
-
-        ${StyledLink} {
-          color: ${foreground};
-        }
-      }
-
-      ${StyledMenuItem} {
-        color: ${foreground};
-
-        li {
-          color: ${foreground};
-        }
-
-        &:focus-within {
-          background-color: ${activeColor};
-        }
-
-        &:hover:not([aria-disabled='true']) {
-          background-color: ${hoverColor};
-        }
-      }
-
-      ${StyledFiltersPopover}, ${StyledResultsPopover} {
-        background-color: ${navBg};
-        z-index: calc(${theme.base['z-index'].backdrop} + 1);
-      }
-
-      ${StyledSearchInput} {
-        border: none;
-        background: transparent;
-
-        ${StyledSearchButton} {
-          transition: borderRadius calc(${theme.base.animation.speed} * 2);
-          border: none;
-        }
-
-        ${StyledCancelButton} {
-          color: ${foreground};
-        }
-
-        input {
-          &::placeholder {
-            color: ${transparentize(0.4, foreground)};
-          }
-
-          &:hover {
-            border-inline-start: ${pxToRem(1)} solid ${borderColor};
-          }
-        }
-
-        input,
-        ${StyledMenuButton}, ${StyledSearchButton} {
-          background: ${hoverBg};
-          color: ${foreground};
-          border-color: transparent;
-
-          &:focus-within {
-            border-color: transparent;
-          }
-
-          &:hover:not([readonly]):not([disabled]):not(:focus, :focus-within),
-          &:hover {
-            border-color: ${borderColor};
-          }
-        }
-      }
-
-      form > ${StyledSearchInput} {
-        background: ${hoverBg};
-        margin: 0 calc((${navWidth} - ${theme.base['hit-area']['mouse-min']}) / 2);
-
-        ${collapsed &&
-        isMediumOrAbove &&
-        css `
-          overflow: hidden;
-          ${StyledSearchButton} {
-            border-radius: calc(
-              ${theme.base['border-radius']} * ${theme.components['search-input']['border-radius']}
-            );
-            height: ${maxCollapsedSize};
-            width: ${maxCollapsedSize};
-            padding: 0;
-
-            > :not(:first-child) {
-              display: none;
-            }
-          }
-
-          input {
-            padding: 0;
-            max-width: 0;
-            overflow: hidden;
-          }
-
-          ${StyledCancelButton} {
-            display: none;
-          }
-        `}
-      }
-    `;
-});
-StyledSearch.defaultProps = defaultThemeProp;
-export const StyledAppShellSearchDecoration = styled.div(({ theme }) => {
-    const { hoverBg, foreground } = navContrastColors(theme);
-    return css `
-    width: ${theme.components.input.height};
-    height: ${theme.components.input.height};
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: ${hoverBg};
-    color: ${foreground};
-    margin: 0 auto;
-  `;
-});
-StyledAppShellSearchDecoration.defaultProps = defaultThemeProp;
-export const StyledAppShellSearchButton = styled(BareButton) `
-  width: 100%;
-  &:focus {
-    ${StyledAppShellSearchDecoration} {
-      outline: none;
-      box-shadow: ${props => props.theme.base.shadow['focus-inset']};
-    }
-  }
-`;
-StyledAppShellSearchButton.defaultProps = defaultThemeProp;
-export const StyledAppshellSearchContainer = styled.div(({ theme: { base } }) => {
-    return css `
-    padding: ${base.spacing};
-  `;
-});
-StyledAppshellSearchContainer.defaultProps = defaultThemeProp;
-//# sourceMappingURL=AppShellSearch.styles.js.map

package/lib/components/AppShell/AppShellSearch.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShellSearch.styles.js","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellSearch.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { darken, getContrast, lighten, transparentize } from 'polished';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport BareButton from '../Button/BareButton';\nimport { StyledLink } from '../Link';\nimport { StyledMenuItem } from '../Menu';\nimport { StyledMenu, StyledMenuListContainer } from '../Menu/Menu.styles';\nimport { StyledSearchInput } from '../SearchInput';\nimport {\n  StyledCancelButton,\n  StyledFiltersPopover,\n  StyledMenuButton,\n  StyledResultsPopover,\n  StyledSearchButton\n} from '../SearchInput/SearchInput.styles';\nimport { StyledText } from '../Text';\nimport { StyledBackdrop } from '../Backdrop';\nimport { StyledEmptyState } from '../EmptyState';\n\nimport { navWidth } from './AppShell.styles';\nimport { navContrastColors, pxToRem } from './style-utils';\n\nexport const StyledSearch = styled.div<{ collapsed: boolean; isMediumOrAbove: boolean }>(\n  ({ theme, collapsed, isMediumOrAbove }) => {\n    const navBg = theme.components['app-shell'].nav['background-color'];\n    const { hoverBg, foreground, border: borderColor } = navContrastColors(theme);\n    const maxCollapsedSize = theme.components.input.height;\n    let activeColor = hoverBg;\n    let hoverColor = lighten(0.1, hoverBg);\n\n    if (getContrast(navBg, hoverColor) < 1.3) {\n      activeColor = darken(0.2, hoverBg);\n      hoverColor = hoverBg;\n    }\n\n    return css`\n      flex-shrink: 0;\n      justify-content: center;\n\n      ${StyledMenuListContainer} {\n        background: transparent;\n      }\n\n      > form {\n        padding: ${theme.base.spacing} 0;\n      }\n\n      header {\n        ${StyledText} {\n          color: ${transparentize(0.1, foreground)};\n        }\n      }\n\n      ${StyledBackdrop} {\n        background: transparent;\n      }\n\n      ${StyledEmptyState} {\n        span,\n        svg {\n          color: ${foreground};\n        }\n      }\n\n      ${StyledMenu} {\n        background: ${navBg};\n\n        &[data-active-scope='true'] [data-current='true'] {\n          background-color: ${activeColor};\n        }\n\n        ${StyledLink} {\n          color: ${foreground};\n        }\n      }\n\n      ${StyledMenuItem} {\n        color: ${foreground};\n\n        li {\n          color: ${foreground};\n        }\n\n        &:focus-within {\n          background-color: ${activeColor};\n        }\n\n        &:hover:not([aria-disabled='true']) {\n          background-color: ${hoverColor};\n        }\n      }\n\n      ${StyledFiltersPopover}, ${StyledResultsPopover} {\n        background-color: ${navBg};\n        z-index: calc(${theme.base['z-index'].backdrop} + 1);\n      }\n\n      ${StyledSearchInput} {\n        border: none;\n        background: transparent;\n\n        ${StyledSearchButton} {\n          transition: borderRadius calc(${theme.base.animation.speed} * 2);\n          border: none;\n        }\n\n        ${StyledCancelButton} {\n          color: ${foreground};\n        }\n\n        input {\n          &::placeholder {\n            color: ${transparentize(0.4, foreground)};\n          }\n\n          &:hover {\n            border-inline-start: ${pxToRem(1)} solid ${borderColor};\n          }\n        }\n\n        input,\n        ${StyledMenuButton}, ${StyledSearchButton} {\n          background: ${hoverBg};\n          color: ${foreground};\n          border-color: transparent;\n\n          &:focus-within {\n            border-color: transparent;\n          }\n\n          &:hover:not([readonly]):not([disabled]):not(:focus, :focus-within),\n          &:hover {\n            border-color: ${borderColor};\n          }\n        }\n      }\n\n      form > ${StyledSearchInput} {\n        background: ${hoverBg};\n        margin: 0 calc((${navWidth} - ${theme.base['hit-area']['mouse-min']}) / 2);\n\n        ${collapsed &&\n        isMediumOrAbove &&\n        css`\n          overflow: hidden;\n          ${StyledSearchButton} {\n            border-radius: calc(\n              ${theme.base['border-radius']} * ${theme.components['search-input']['border-radius']}\n            );\n            height: ${maxCollapsedSize};\n            width: ${maxCollapsedSize};\n            padding: 0;\n\n            > :not(:first-child) {\n              display: none;\n            }\n          }\n\n          input {\n            padding: 0;\n            max-width: 0;\n            overflow: hidden;\n          }\n\n          ${StyledCancelButton} {\n            display: none;\n          }\n        `}\n      }\n    `;\n  }\n);\n\nStyledSearch.defaultProps = defaultThemeProp;\n\nexport const StyledAppShellSearchDecoration = styled.div(({ theme }) => {\n  const { hoverBg, foreground } = navContrastColors(theme);\n\n  return css`\n    width: ${theme.components.input.height};\n    height: ${theme.components.input.height};\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: ${hoverBg};\n    color: ${foreground};\n    margin: 0 auto;\n  `;\n});\n\nStyledAppShellSearchDecoration.defaultProps = defaultThemeProp;\n\nexport const StyledAppShellSearchButton = styled(BareButton)`\n  width: 100%;\n  &:focus {\n    ${StyledAppShellSearchDecoration} {\n      outline: none;\n      box-shadow: ${props => props.theme.base.shadow['focus-inset']};\n    }\n  }\n`;\n\nStyledAppShellSearchButton.defaultProps = defaultThemeProp;\n\nexport const StyledAppshellSearchContainer = styled.div(({ theme: { base } }) => {\n  return css`\n    padding: ${base.spacing};\n  `;\n});\n\nStyledAppshellSearchContainer.defaultProps = defaultThemeProp;\n"]}

package/lib/components/AppShell/ContextSwitcher.d.ts

@@ -1,6 +0,0 @@
-import { FunctionComponent } from 'react';
-import { type ForwardProps } from '../../types';
-import { type ContextSwitcherProps } from './AppShell.types';
-declare const ContextSwitcher: FunctionComponent<ContextSwitcherProps & ForwardProps>;
-export default ContextSwitcher;
-//# sourceMappingURL=ContextSwitcher.d.ts.map

package/lib/components/AppShell/ContextSwitcher.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/ContextSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAuB3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/AppShell/ContextSwitcher.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Flex from '../Flex';
-import { registerIcon } from '../Icon';
-import * as nineDotIcon from '../Icon/icons/dot-9-solid.icon';
-import MenuButton from '../MenuButton';
-import { useI18n } from '../../hooks';
-import { StyledContextSwitcher } from './AppHeader.styles';
-registerIcon(nineDotIcon);
-const ContextSwitcher = ({ contexts, onContextClick, label, ...restProps }) => {
-    const t = useI18n();
-    return (_jsx(Flex, { container: { justify: 'center' }, as: StyledContextSwitcher, ...restProps, children: _jsx(MenuButton, { text: label ?? t('switch_to'), variant: 'simple', icon: 'dot-9-solid', iconOnly: true, menu: {
-                mode: 'single-select',
-                items: contexts,
-                onItemClick: onContextClick
-            } }) }));
-};
-export default ContextSwitcher;
-//# sourceMappingURL=ContextSwitcher.js.map

package/lib/components/AppShell/ContextSwitcher.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextSwitcher.js","sourceRoot":"","sources":["../../../src/components/AppShell/ContextSwitcher.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,KAAK,WAAW,MAAM,gCAAgC,CAAC;AAC9D,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAGtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,YAAY,CAAC,WAAW,CAAC,CAAC;AAE1B,MAAM,eAAe,GAA2D,CAAC,EAC/E,QAAQ,EACR,cAAc,EACd,KAAK,EACL,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,qBAAqB,KAAM,SAAS,YAC9E,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,WAAW,CAAC,EAC7B,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,aAAa,EAClB,QAAQ,QACR,IAAI,EAAE;gBACJ,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,QAAQ;gBACf,WAAW,EAAE,cAAc;aAC5B,GACD,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { FunctionComponent } from 'react';\n\nimport Flex from '../Flex';\nimport { registerIcon } from '../Icon';\nimport * as nineDotIcon from '../Icon/icons/dot-9-solid.icon';\nimport MenuButton from '../MenuButton';\nimport { useI18n } from '../../hooks';\nimport { type ForwardProps } from '../../types';\n\nimport { StyledContextSwitcher } from './AppHeader.styles';\nimport { type ContextSwitcherProps } from './AppShell.types';\n\nregisterIcon(nineDotIcon);\n\nconst ContextSwitcher: FunctionComponent<ContextSwitcherProps & ForwardProps> = ({\n  contexts,\n  onContextClick,\n  label,\n  ...restProps\n}) => {\n  const t = useI18n();\n\n  return (\n    <Flex container={{ justify: 'center' }} as={StyledContextSwitcher} {...restProps}>\n      <MenuButton\n        text={label ?? t('switch_to')}\n        variant='simple'\n        icon='dot-9-solid'\n        iconOnly\n        menu={{\n          mode: 'single-select',\n          items: contexts,\n          onItemClick: onContextClick\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default ContextSwitcher;\n"]}

package/lib/components/AppShell/Drawer.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-interface DrawerViewProps {
-    content: ReactNode;
-    header: string;
-    onDrawerOpen?: () => void;
-    onDrawerClose?: () => void;
-    drawerOpen: boolean;
-    setDrawerOpen: (open: boolean) => void;
-}
-declare const _default: ({ content, header, onDrawerOpen, onDrawerClose, drawerOpen, setDrawerOpen }: DrawerViewProps) => JSX.Element;
-export default _default;
-//# sourceMappingURL=Drawer.d.ts.map

package/lib/components/AppShell/Drawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,SAAS,EAAE,MAAM,OAAO,CAAC;AA+BtD,UAAU,eAAe;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;sGASE,eAAe;AAPlB,wBAgGE"}

package/lib/components/AppShell/Drawer.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useRef } from 'react';
-import BareButton from '../Button/BareButton';
-import Drawer from '../Drawer';
-import Flex from '../Flex';
-import Icon, { registerIcon } from '../Icon';
-import * as arrowLeftIcon from '../Icon/icons/arrow-left.icon';
-import Text from '../Text';
-import { useConsolidatedRef, useDirection, useElement, useEscape, useFocusTrap, useI18n, useTheme, useUID } from '../../hooks';
-import Configuration from '../Configuration/Configuration';
-import AppShellContext from './AppShellContext';
-import { StyledDrawerWrapper, StyledDrawerBackButton, StyledDrawerHeading, StyledDrawerListContainer } from './Drawer.styles';
-import { navContrastColors } from './style-utils';
-registerIcon(arrowLeftIcon);
-export default ({ content, header, onDrawerOpen, onDrawerClose, drawerOpen, setDrawerOpen }) => {
-    const t = useI18n();
-    const theme = useTheme();
-    const { focusedImperatively } = useContext(AppShellContext);
-    const { ltr, rtl } = useDirection();
-    const returnFocusRef = useRef();
-    const [drawerEl, setDrawerEl] = useElement();
-    const drawerRef = useConsolidatedRef(setDrawerEl);
-    const backButtonRef = useRef(null);
-    const headerId = useUID();
-    useEscape(() => {
-        setDrawerOpen(false);
-    }, drawerEl, [drawerEl]);
-    useFocusTrap(drawerRef);
-    const { foreground, interactive } = navContrastColors(theme);
-    const navTheme = {
-        base: {
-            palette: {
-                'primary-background': theme.components['app-shell'].nav['background-color'],
-                'foreground-color': foreground,
-                interactive
-            }
-        }
-    };
-    return (_jsx(Configuration, { theme: navTheme, portalTarget: drawerEl ?? undefined, children: _jsxs(Drawer, { role: 'dialog', "aria-labelledby": headerId, as: StyledDrawerWrapper, position: 'fixed', placement: 'left', open: drawerOpen, nullWhenClosed: true, onBeforeOpen: () => {
-                returnFocusRef.current = document.activeElement ?? undefined;
-            }, onAfterOpen: () => {
-                if (backButtonRef.current && document.activeElement !== backButtonRef.current) {
-                    focusedImperatively.current = true;
-                    backButtonRef.current.focus();
-                }
-                onDrawerOpen?.();
-            }, onAfterClose: () => {
-                onDrawerClose?.();
-                returnFocusRef.current?.focus();
-            }, onOuterClick: () => setDrawerOpen(false), ref: drawerRef, children: [_jsxs(Flex, { as: StyledDrawerHeading, container: { alignItems: 'center' }, children: [rtl && (_jsx(Text, { variant: 'h2', id: headerId, children: header })), _jsx(BareButton, { as: StyledDrawerBackButton, ref: backButtonRef, onClick: () => setDrawerOpen(false), "aria-label": t('close_noun', [header]), children: _jsx(Icon, { name: 'arrow-left' }) }), ltr && (_jsx(Text, { variant: 'h2', id: headerId, children: header }))] }), _jsx(Flex, { as: StyledDrawerListContainer, container: { direction: 'column' }, "aria-labelledby": headerId, children: content })] }) }));
-};
-//# sourceMappingURL=Drawer.js.map

package/lib/components/AppShell/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/AppShell/Drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useRef, ReactNode } from 'react';\n\nimport BareButton from '../Button/BareButton';\nimport Drawer from '../Drawer';\nimport Flex from '../Flex';\nimport Icon, { registerIcon } from '../Icon';\nimport * as arrowLeftIcon from '../Icon/icons/arrow-left.icon';\nimport Text from '../Text';\nimport {\n  useConsolidatedRef,\n  useDirection,\n  useElement,\n  useEscape,\n  useFocusTrap,\n  useI18n,\n  useTheme,\n  useUID\n} from '../../hooks';\nimport Configuration from '../Configuration/Configuration';\n\nimport AppShellContext from './AppShellContext';\nimport {\n  StyledDrawerWrapper,\n  StyledDrawerBackButton,\n  StyledDrawerHeading,\n  StyledDrawerListContainer\n} from './Drawer.styles';\nimport { navContrastColors } from './style-utils';\n\nregisterIcon(arrowLeftIcon);\n\ninterface DrawerViewProps {\n  content: ReactNode;\n  header: string;\n  onDrawerOpen?: () => void;\n  onDrawerClose?: () => void;\n  drawerOpen: boolean;\n  setDrawerOpen: (open: boolean) => void;\n}\n\nexport default ({\n  content,\n  header,\n  onDrawerOpen,\n  onDrawerClose,\n  drawerOpen,\n  setDrawerOpen\n}: DrawerViewProps) => {\n  const t = useI18n();\n  const theme = useTheme();\n  const { focusedImperatively } = useContext(AppShellContext);\n  const { ltr, rtl } = useDirection();\n  const returnFocusRef = useRef<HTMLElement>();\n  const [drawerEl, setDrawerEl] = useElement<HTMLDivElement>();\n  const drawerRef = useConsolidatedRef(setDrawerEl);\n  const backButtonRef = useRef<HTMLButtonElement>(null);\n  const headerId = useUID();\n\n  useEscape(\n    () => {\n      setDrawerOpen(false);\n    },\n    drawerEl,\n    [drawerEl]\n  );\n\n  useFocusTrap(drawerRef);\n\n  const { foreground, interactive } = navContrastColors(theme);\n  const navTheme = {\n    base: {\n      palette: {\n        'primary-background': theme.components['app-shell'].nav['background-color'],\n        'foreground-color': foreground,\n        interactive\n      }\n    }\n  };\n\n  return (\n    <Configuration theme={navTheme} portalTarget={drawerEl ?? undefined}>\n      <Drawer\n        role='dialog'\n        aria-labelledby={headerId}\n        as={StyledDrawerWrapper}\n        position='fixed'\n        placement='left'\n        open={drawerOpen}\n        nullWhenClosed\n        onBeforeOpen={() => {\n          returnFocusRef.current = (document.activeElement as HTMLElement) ?? undefined;\n        }}\n        onAfterOpen={() => {\n          if (backButtonRef.current && document.activeElement !== backButtonRef.current) {\n            focusedImperatively.current = true;\n            backButtonRef.current.focus();\n          }\n          onDrawerOpen?.();\n        }}\n        onAfterClose={() => {\n          onDrawerClose?.();\n          returnFocusRef.current?.focus();\n        }}\n        onOuterClick={() => setDrawerOpen(false)}\n        ref={drawerRef}\n      >\n        <Flex as={StyledDrawerHeading} container={{ alignItems: 'center' }}>\n          {rtl && (\n            <Text variant='h2' id={headerId}>\n              {header}\n            </Text>\n          )}\n          <BareButton\n            as={StyledDrawerBackButton}\n            ref={backButtonRef}\n            onClick={() => setDrawerOpen(false)}\n            aria-label={t('close_noun', [header])}\n          >\n            <Icon name='arrow-left' />\n          </BareButton>\n          {ltr && (\n            <Text variant='h2' id={headerId}>\n              {header}\n            </Text>\n          )}\n        </Flex>\n        <Flex\n          as={StyledDrawerListContainer}\n          container={{ direction: 'column' }}\n          aria-labelledby={headerId}\n        >\n          {content}\n        </Flex>\n      </Drawer>\n    </Configuration>\n  );\n};\n"]}

package/lib/components/AppShell/Drawer.styles.d.ts

@@ -1,14 +0,0 @@
-import { DrawerProps } from '../Drawer';
-export declare const StyledDrawerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DrawerProps, never>;
-export declare const StyledDrawerHeading: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDrawerBackButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDrawerList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
-    displayPins: boolean;
-}, never>;
-export declare const StyledDrawerMetaList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
-export declare const EmptyDrawerVisual: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDrawerListHeading: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDrawerViewAll: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDrawerListSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDrawerListContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=Drawer.styles.d.ts.map

package/lib/components/AppShell/Drawer.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/Drawer.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAQxC,eAAO,MAAM,mBAAmB,kHAwB9B,CAAC;AAIH,eAAO,MAAM,mBAAmB,4GAsB9B,CAAC;AAIH,eAAO,MAAM,sBAAsB,4GAqBjC,CAAC;AAIH,eAAO,MAAM,gBAAgB;iBAA4B,OAAO;SAE9D,CAAC;AAIH,eAAO,MAAM,oBAAoB,wGAIhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,yGAK5B,CAAC;AAIH,eAAO,MAAM,uBAAuB,wGAWlC,CAAC;AAIH,eAAO,MAAM,mBAAmB,uGAiB9B,CAAC;AAIH,eAAO,MAAM,uBAAuB,yGAQlC,CAAC;AAIH,eAAO,MAAM,yBAAyB,yGAOpC,CAAC"}