@pega/cosmos-react-core 10.0.0-build.9.0 → 10.0.0-build.9.2

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 (47) hide show
  1. package/lib/components/AppShell/AppShell.d.ts +2 -1
  2. package/lib/components/AppShell/AppShell.d.ts.map +1 -1
  3. package/lib/components/AppShell/AppShell.js +2 -2
  4. package/lib/components/AppShell/AppShell.js.map +1 -1
  5. package/lib/components/AppShell/AppShell.styles.d.ts +1 -0
  6. package/lib/components/AppShell/AppShell.styles.d.ts.map +1 -1
  7. package/lib/components/AppShell/AppShell.styles.js +28 -4
  8. package/lib/components/AppShell/AppShell.styles.js.map +1 -1
  9. package/lib/components/AppShell/TouchAppShell.d.ts +11 -25
  10. package/lib/components/AppShell/TouchAppShell.d.ts.map +1 -1
  11. package/lib/components/AppShell/TouchAppShell.js +35 -12
  12. package/lib/components/AppShell/TouchAppShell.js.map +1 -1
  13. package/lib/components/AppShell/TouchAppShell.styles.d.ts +200 -1
  14. package/lib/components/AppShell/TouchAppShell.styles.d.ts.map +1 -1
  15. package/lib/components/AppShell/TouchAppShell.styles.js +44 -3
  16. package/lib/components/AppShell/TouchAppShell.styles.js.map +1 -1
  17. package/lib/components/DangerButton/DangerButton.d.ts.map +1 -1
  18. package/lib/components/DangerButton/DangerButton.js +8 -1
  19. package/lib/components/DangerButton/DangerButton.js.map +1 -1
  20. package/lib/components/Dialog/TouchDialog.d.ts.map +1 -1
  21. package/lib/components/Dialog/TouchDialog.js +37 -12
  22. package/lib/components/Dialog/TouchDialog.js.map +1 -1
  23. package/lib/components/Dialog/TouchDialog.styles.d.ts +7 -0
  24. package/lib/components/Dialog/TouchDialog.styles.d.ts.map +1 -1
  25. package/lib/components/Dialog/TouchDialog.styles.js +15 -0
  26. package/lib/components/Dialog/TouchDialog.styles.js.map +1 -1
  27. package/lib/components/Dialog/TouchDialog.types.d.ts +10 -2
  28. package/lib/components/Dialog/TouchDialog.types.d.ts.map +1 -1
  29. package/lib/components/Dialog/TouchDialog.types.js.map +1 -1
  30. package/lib/components/ListToolbar/ListToolbar.js +3 -3
  31. package/lib/components/ListToolbar/ListToolbar.js.map +1 -1
  32. package/lib/components/Modal/DockedModals.d.ts.map +1 -1
  33. package/lib/components/Modal/DockedModals.js +3 -2
  34. package/lib/components/Modal/DockedModals.js.map +1 -1
  35. package/lib/hooks/useI18n.d.ts +8 -1
  36. package/lib/hooks/useI18n.d.ts.map +1 -1
  37. package/lib/i18n/default.d.ts +8 -1
  38. package/lib/i18n/default.d.ts.map +1 -1
  39. package/lib/i18n/default.js +8 -1
  40. package/lib/i18n/default.js.map +1 -1
  41. package/lib/i18n/i18n.d.ts +8 -1
  42. package/lib/i18n/i18n.d.ts.map +1 -1
  43. package/lib/theme/themes/orionDarkTheme.json +2 -1
  44. package/lib/theme/themes/orionTheme.json +3 -3
  45. package/lib/theme/themes/virgoDarkTheme.json +2 -1
  46. package/lib/theme/themes/virgoTheme.json +2 -1
  47. package/package.json +1 -1
package/lib/components/AppShell/TouchAppShell.js CHANGED
@@ -15,22 +15,24 @@ import DocumentTabs, { getTabElementId, getTabPanelId } from './DocumentTabs';
15
15
  import { StyledDocumentTabPanel } from './DocumentTabs.styles';
16
16
  import TopNavDrawerProvider from './TopNavDrawerProvider';
17
17
  import { menuButtonWidth, StyledAppMain, StyledBannerRegion, AppShellGlobalStyle } from './AppShell.styles';
18
- import { StyledMobileMoreMenuButton, StyledMobileMoreMenu, StyledMobileNav } from './TouchAppShell.styles';
18
+ import { TouchAppShellGlobalStyle, StyledMainTouchAppShell, StyledSplitViewPanel, StyledPortalTouchDialog, StyledMobileMoreMenuButton, StyledMobileMoreMenu, StyledMobileNav } from './TouchAppShell.styles';
19
19
  import AppShellContext from './AppShellContext';
20
- export default function TouchAppShell({ appInfo, contextSwitcher, searchPage, searchInput, searchLabel, caseTypes, links, cases, agent, utils, utilsList, operator, headerUtils, helpMenu, shareApp, banners, progress, main, documentTabs, navId, restProps }) {
20
+ export default function TouchAppShell({ appInfo, contextSwitcher, searchPage, searchInput, searchLabel, caseTypes, links, cases, agent, utils, utilsList, operator, headerUtils, helpMenu, shareApp, banners, progress, main, bottomTouchPanel, documentTabs, navId, restProps }) {
21
21
  const t = useI18n();
22
22
  const theme = useTheme();
23
23
  const { previewActive, setPreviewActive } = usePreviewManager();
24
24
  const { disableScroll, enableScroll } = useScrollToggle();
25
25
  const appShellContext = useContext(AppShellContext);
26
+ const isSmallOrAbove = useBreakpoint('sm');
27
+ const isMobileNav = !isSmallOrAbove;
26
28
  const [mobileNavOpen, setMobileNavOpen] = useState(false);
29
+ const [bottomPanelOpen, setBottomPanelOpen] = useState(false);
27
30
  const [drawerOpen, setDrawerOpen] = useState(false);
28
31
  const [mobileNavLinksCount, setMobileNavLinksCount] = useState(0);
29
32
  const [mobileHeaderEl, setMobileHeaderEl] = useElement();
30
33
  const [headerEl, setHeaderEl] = useElement();
31
34
  const focusedImperatively = useRef(false);
32
35
  const [searchContainerEl, setSearchContainerEl] = useState(null);
33
- const isSmallOrAbove = useBreakpoint('sm');
34
36
  const mobileAppShellContext = useMemo(() => ({
35
37
  ...appShellContext,
36
38
  navOpen: mobileNavOpen,
@@ -42,7 +44,7 @@ export default function TouchAppShell({ appInfo, contextSwitcher, searchPage, se
42
44
  appHeaderEl: headerEl || mobileHeaderEl,
43
45
  searchContainerEl,
44
46
  setSearchContainerEl,
45
- isMobileNav: !isSmallOrAbove,
47
+ isMobileNav,
46
48
  isTopBar: isSmallOrAbove,
47
49
  previewActive,
48
50
  setPreviewActive
@@ -53,11 +55,16 @@ export default function TouchAppShell({ appInfo, contextSwitcher, searchPage, se
53
55
  mobileNavOpen,
54
56
  drawerOpen,
55
57
  searchContainerEl,
56
- isSmallOrAbove,
58
+ isMobileNav,
57
59
  previewActive,
58
60
  setPreviewActive,
59
61
  setSearchContainerEl
60
62
  ]);
63
+ useEffect(() => {
64
+ if (!isSmallOrAbove && agent && agent.active === false) {
65
+ setBottomPanelOpen(false);
66
+ }
67
+ }, [agent?.active, isSmallOrAbove]);
61
68
  useEffect(() => {
62
69
  const ac = new AbortController();
63
70
  window.navigation.addEventListener('navigate', () => {
@@ -71,6 +78,19 @@ export default function TouchAppShell({ appInfo, contextSwitcher, searchPage, se
71
78
  ac.abort();
72
79
  };
73
80
  }, [mobileNavOpen]);
81
+ const navigationAgent = agent
82
+ ? {
83
+ ...agent,
84
+ active: bottomPanelOpen,
85
+ onClick: (event) => {
86
+ setBottomPanelOpen(true);
87
+ setMobileNavOpen(false);
88
+ if (isSmallOrAbove || (!bottomPanelOpen && !agent.active)) {
89
+ agent.onClick?.(event);
90
+ }
91
+ }
92
+ }
93
+ : undefined;
74
94
  useEffect(() => {
75
95
  if (mobileNavOpen)
76
96
  disableScroll();
@@ -96,15 +116,18 @@ export default function TouchAppShell({ appInfo, contextSwitcher, searchPage, se
96
116
  resizeObserver.observe(document.documentElement);
97
117
  return () => resizeObserver.disconnect();
98
118
  }, [mobileHeaderEl, caseTypes?.length, theme]);
99
- const touchNav = !isSmallOrAbove && (_jsxs(_Fragment, { children: [_jsxs(Flex, { as: StyledMobileNav, container: { alignItems: 'center', gap: 0.25 }, ref: setMobileHeaderEl, "data-app-region": true, onClick: () => setMobileNavOpen(false), children: [caseTypes && caseTypes.length > 0 && _jsx(CaseTypes, { caseTypes: caseTypes, mobileNavBar: true }), links && _jsx(Links, { links: links.slice(0, mobileNavLinksCount), mobileNavBar: true }), _jsxs(StyledMobileMoreMenuButton, { variant: 'simple', onClick: (e) => {
119
+ const touchNav = !isSmallOrAbove && (_jsxs(_Fragment, { children: [_jsxs(StyledMobileNav, { hasBottomTouchPanel: !isSmallOrAbove && !!agent && bottomPanelOpen, container: { alignItems: 'center', gap: 0.25 }, ref: setMobileHeaderEl, "data-app-region": true, onClick: () => setMobileNavOpen(false), children: [caseTypes && caseTypes.length > 0 && _jsx(CaseTypes, { caseTypes: caseTypes, mobileNavBar: true }), links && _jsx(Links, { links: links.slice(0, mobileNavLinksCount), mobileNavBar: true }), _jsxs(StyledMobileMoreMenuButton, { variant: 'simple', onClick: (e) => {
100
120
  setMobileNavOpen(prev => !prev);
101
121
  e.stopPropagation();
102
- }, label: t('app_shell_more'), icon: true, "aria-expanded": mobileNavOpen, "aria-controls": navId, children: [_jsx(Icon, { name: 'bars' }), !mobileNavOpen && utils?.some(item => (isValidElement(item) ? false : !!item.count)) && (_jsx(Alert, { variant: 'urgent' })), _jsx("span", { children: t('app_shell_more') })] })] }), _jsx(Drawer, { open: mobileNavOpen, position: 'fixed', placement: 'bottom', size: '100dvh', nullWhenClosed: true, children: _jsx(Flex, { ...restProps, container: { direction: 'column', justify: 'between' }, id: navId, as: StyledMobileMoreMenu, "aria-label": t('app_shell_main_navigation_label'), children: _jsx(AppNavigationPanel, { appInfo: appInfo, navState: 'open', searchInput: searchInput, searchLabel: searchLabel, links: links?.slice(mobileNavLinksCount), cases: cases, utils: utilsList, agent: agent }) }) })] }));
103
- return (_jsx(AppShellContext.Provider, { value: mobileAppShellContext, children: _jsxs(_Fragment, { children: [isSmallOrAbove && (_jsx(AppHeader, { ...appInfo, contextSwitcher: contextSwitcher, searchInput: searchInput, searchLabel: searchLabel, searchPage: searchPage, operator: operator, headerUtils: headerUtils, helpMenu: helpMenu, shareApp: shareApp, ref: setHeaderEl })), isSmallOrAbove ? (_jsx(TopNavDrawerProvider, { children: _jsx(AppTopNav, { appInfo: appInfo, caseTypes: caseTypes, links: links, cases: cases, agent: agent, utils: utils, searchInput: searchInput, searchPage: searchPage, searchLabel: searchLabel }) })) : (touchNav), documentTabs && _jsx(DocumentTabs, { ...documentTabs }), (() => {
104
- const mainRegion = (_jsxs(StyledAppMain, { previewActive: previewActive, isTopBar: isSmallOrAbove, "aria-busy": !!progress, "data-app-region": true, children: [_jsx(Progress, { visible: !!progress, placement: 'local', message: typeof progress === 'string' ? progress : t('loading') }), banners && _jsx(StyledBannerRegion, { children: banners }), main] }));
122
+ }, label: t('app_shell_more'), icon: true, "aria-expanded": mobileNavOpen, "aria-controls": navId, children: [_jsx(Icon, { name: 'bars' }), !mobileNavOpen && utils?.some(item => (isValidElement(item) ? false : !!item.count)) && (_jsx(Alert, { variant: 'urgent' })), _jsx("span", { children: t('app_shell_more') })] })] }), _jsx(Drawer, { open: mobileNavOpen, position: 'fixed', placement: 'bottom', size: '100dvh', nullWhenClosed: true, children: _jsx(Flex, { ...restProps, container: { direction: 'column', justify: 'between' }, id: navId, as: StyledMobileMoreMenu, "aria-label": t('app_shell_main_navigation_label'), children: _jsx(AppNavigationPanel, { appInfo: appInfo, navState: 'open', searchInput: searchInput, searchLabel: searchLabel, links: links?.slice(mobileNavLinksCount), cases: cases, utils: utilsList, agent: navigationAgent }) }) })] }));
123
+ return (_jsx(AppShellContext.Provider, { value: mobileAppShellContext, children: _jsxs(_Fragment, { children: [isSmallOrAbove && (_jsx(AppHeader, { ...appInfo, contextSwitcher: contextSwitcher, searchInput: searchInput, searchLabel: searchLabel, searchPage: searchPage, operator: operator, headerUtils: headerUtils, helpMenu: helpMenu, shareApp: shareApp, ref: setHeaderEl })), isSmallOrAbove ? (_jsx(TopNavDrawerProvider, { children: _jsx(AppTopNav, { appInfo: appInfo, caseTypes: caseTypes, links: links, cases: cases, agent: navigationAgent, utils: utils, searchInput: searchInput, searchPage: searchPage, searchLabel: searchLabel }) })) : (touchNav), documentTabs && _jsx(DocumentTabs, { ...documentTabs }), (() => {
124
+ const mainRegion = (_jsxs(StyledAppMain, { previewActive: previewActive, isTopBar: isSmallOrAbove, hasBottomTouchPanel: !isSmallOrAbove && !!agent && bottomPanelOpen, "aria-busy": !!progress, "data-app-region": true, children: [_jsx(Progress, { visible: !!progress, placement: 'local', message: typeof progress === 'string' ? progress : t('loading') }), banners && _jsx(StyledBannerRegion, { children: banners }), main] }));
125
+ const touchMainRegion = isMobileNav ? (_jsx(StyledMainTouchAppShell, { active: !!agent && bottomPanelOpen, children: mainRegion })) : (mainRegion);
105
126
  if (!documentTabs)
106
- return mainRegion;
107
- return (_jsx(StyledDocumentTabPanel, { role: 'tabpanel', id: documentTabs.currentTabId ? getTabPanelId(documentTabs.currentTabId) : undefined, "aria-labelledby": documentTabs.currentTabId ? getTabElementId(documentTabs.currentTabId) : undefined, tabIndex: 0, children: mainRegion }));
108
- })(), _jsx(AppShellGlobalStyle, { isTopBar: isSmallOrAbove, showAppHeader: isSmallOrAbove, hasDocumentTabs: !!documentTabs, isMobile: !isSmallOrAbove, navOpen: mobileNavOpen })] }) }));
127
+ return touchMainRegion;
128
+ return (_jsx(StyledDocumentTabPanel, { role: 'tabpanel', id: documentTabs.currentTabId ? getTabPanelId(documentTabs.currentTabId) : undefined, "aria-labelledby": documentTabs.currentTabId ? getTabElementId(documentTabs.currentTabId) : undefined, tabIndex: 0, children: touchMainRegion }));
129
+ })(), _jsx(StyledSplitViewPanel, { active: !isSmallOrAbove && !!agent && bottomPanelOpen, children: !isSmallOrAbove && bottomTouchPanel && (_jsx(StyledPortalTouchDialog, { open: bottomPanelOpen, heading: bottomTouchPanel.heading, outerClickAction: 'reset-size', onDismiss: () => {
130
+ setBottomPanelOpen(false);
131
+ }, size: 'full-compact', children: bottomTouchPanel.content })) }), _jsx(AppShellGlobalStyle, { isTopBar: isSmallOrAbove, showAppHeader: isSmallOrAbove, hasDocumentTabs: !!documentTabs, isMobile: !isSmallOrAbove, navOpen: mobileNavOpen }), _jsx(TouchAppShellGlobalStyle, { hasBottomTouchPanel: !isSmallOrAbove && !!agent && bottomPanelOpen, isMobileNav: isMobileNav })] }) }));
109
132
  }
110
133
  //# sourceMappingURL=TouchAppShell.js.map
package/lib/components/AppShell/TouchAppShell.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TouchAppShell.js","sourceRoot":"","sources":["../../../src/components/AppShell/TouchAppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport type { MouseEvent, ReactElement } from 'react';\n\nimport { Alert } from '../Badges';\nimport Drawer from '../Drawer';\nimport Flex from '../Flex';\nimport Icon from '../Icon';\nimport {\n useBreakpoint,\n useElement,\n useEscape,\n useI18n,\n usePreviewManager,\n useScrollToggle,\n useTheme\n} from '../../hooks';\nimport { debounce, isValidElement } from '../../utils';\nimport { openCloseStates } from '../../hooks/useTransitionState';\nimport Progress from '../Progress';\n\nimport AppNavigationPanel, { CaseTypes, Links } from './AppNavigationPanel';\nimport AppHeader from './AppHeader';\nimport AppTopNav from './AppTopNav';\nimport DocumentTabs, { getTabElementId, getTabPanelId } from './DocumentTabs';\nimport { StyledDocumentTabPanel } from './DocumentTabs.styles';\nimport TopNavDrawerProvider from './TopNavDrawerProvider';\nimport {\n menuButtonWidth,\n StyledAppMain,\n StyledBannerRegion,\n AppShellGlobalStyle\n} from './AppShell.styles';\nimport {\n StyledMobileMoreMenuButton,\n StyledMobileMoreMenu,\n StyledMobileNav\n} from './TouchAppShell.styles';\nimport type {\n AgentProps,\n AppInfoProps,\n AppShellProps,\n CaseProps,\n CaseTypeProps,\n LinkProps,\n UtilItemProps\n} from './AppShell.types';\nimport AppShellContext from './AppShellContext';\nimport type { AppShellContextValue } from './AppShellContext';\n\ninterface TouchAppShellProps {\n appInfo: AppInfoProps;\n appHeader?: AppShellProps['appHeader'];\n contextSwitcher?: AppShellProps['contextSwitcher'];\n searchPage?: AppShellProps['searchPage'];\n searchInput?: Parameters<typeof AppNavigationPanel>[0]['searchInput'];\n searchLabel: string;\n caseTypes?: CaseTypeProps[];\n links?: LinkProps[];\n cases?: CaseProps[];\n agent?: AgentProps;\n utils?: (UtilItemProps | ReactElement)[];\n utilsList: (UtilItemProps | ReactElement)[];\n operator: AppShellProps['operator'];\n headerUtils?: AppShellProps['headerUtils'];\n helpMenu?: AppShellProps['helpMenu'];\n shareApp?: AppShellProps['shareApp'];\n banners?: AppShellProps['banners'];\n progress?: AppShellProps['progress'];\n main: AppShellProps['main'];\n documentTabs?: AppShellProps['documentTabs'];\n navId: string;\n restProps: Record<string, unknown>;\n}\n\nexport default function TouchAppShell({\n appInfo,\n contextSwitcher,\n searchPage,\n searchInput,\n searchLabel,\n caseTypes,\n links,\n cases,\n agent,\n utils,\n utilsList,\n operator,\n headerUtils,\n helpMenu,\n shareApp,\n banners,\n progress,\n main,\n documentTabs,\n navId,\n restProps\n}: TouchAppShellProps) {\n const t = useI18n();\n const theme = useTheme();\n const { previewActive, setPreviewActive } = usePreviewManager();\n const { disableScroll, enableScroll } = useScrollToggle();\n const appShellContext = useContext(AppShellContext);\n const [mobileNavOpen, setMobileNavOpen] = useState(false);\n const [drawerOpen, setDrawerOpen] = useState(false);\n const [mobileNavLinksCount, setMobileNavLinksCount] = useState(0);\n const [mobileHeaderEl, setMobileHeaderEl] = useElement<HTMLDivElement>();\n const [headerEl, setHeaderEl] = useElement<HTMLDivElement>();\n const focusedImperatively = useRef(false);\n const [searchContainerEl, setSearchContainerEl] = useState<HTMLElement | null>(null);\n const isSmallOrAbove = useBreakpoint('sm');\n const mobileAppShellContext = useMemo<AppShellContextValue>(\n () => ({\n ...appShellContext,\n navOpen: mobileNavOpen,\n drawerOpen,\n setDrawerOpen,\n navState: openCloseStates.high,\n focusedImperatively,\n headerEl: headerEl || mobileHeaderEl,\n appHeaderEl: headerEl || mobileHeaderEl,\n searchContainerEl,\n setSearchContainerEl,\n isMobileNav: !isSmallOrAbove,\n isTopBar: isSmallOrAbove,\n previewActive,\n setPreviewActive\n }),\n [\n appShellContext,\n headerEl,\n mobileHeaderEl,\n mobileNavOpen,\n drawerOpen,\n searchContainerEl,\n isSmallOrAbove,\n previewActive,\n setPreviewActive,\n setSearchContainerEl\n ]\n );\n\n useEffect(() => {\n const ac = new AbortController();\n window.navigation.addEventListener(\n 'navigate',\n () => {\n if (mobileNavOpen) {\n setMobileNavOpen(false);\n }\n },\n {\n signal: ac.signal\n }\n );\n\n return () => {\n ac.abort();\n };\n }, [mobileNavOpen]);\n\n useEffect(() => {\n if (mobileNavOpen) disableScroll();\n else enableScroll();\n }, [mobileNavOpen]);\n\n useEffect(() => {\n if (isSmallOrAbove && mobileNavOpen) {\n setMobileNavOpen(false);\n }\n }, [isSmallOrAbove, mobileNavOpen]);\n\n useEscape(() => setMobileNavOpen(false));\n\n useLayoutEffect(() => {\n if (!mobileHeaderEl) return;\n\n const resizeObserver = new ResizeObserver(\n debounce(() => {\n const screenWidth = document.documentElement.clientWidth;\n const regionsPaddingInlinePixels =\n 2 *\n Number.parseInt(\n window.getComputedStyle(mobileHeaderEl).getPropertyValue('padding-inline-start'),\n 10\n );\n const availableWidth = screenWidth * 0.9 - regionsPaddingInlinePixels;\n setMobileNavLinksCount(\n Math.max(\n Math.floor(availableWidth / menuButtonWidth(theme)) - (caseTypes?.length ? 2 : 1),\n 0\n )\n );\n }, 0)\n );\n\n resizeObserver.observe(document.documentElement);\n return () => resizeObserver.disconnect();\n }, [mobileHeaderEl, caseTypes?.length, theme]);\n\n const touchNav = !isSmallOrAbove && (\n <>\n <Flex\n as={StyledMobileNav}\n container={{ alignItems: 'center', gap: 0.25 }}\n ref={setMobileHeaderEl}\n data-app-region\n onClick={() => setMobileNavOpen(false)}\n >\n {caseTypes && caseTypes.length > 0 && <CaseTypes caseTypes={caseTypes} mobileNavBar />}\n {links && <Links links={links.slice(0, mobileNavLinksCount)} mobileNavBar />}\n <StyledMobileMoreMenuButton\n variant='simple'\n onClick={(e: MouseEvent<HTMLButtonElement>) => {\n setMobileNavOpen(prev => !prev);\n e.stopPropagation();\n }}\n label={t('app_shell_more')}\n icon\n aria-expanded={mobileNavOpen}\n aria-controls={navId}\n >\n <Icon name='bars' />\n {!mobileNavOpen && utils?.some(item => (isValidElement(item) ? false : !!item.count)) && (\n <Alert variant='urgent' />\n )}\n <span>{t('app_shell_more')}</span>\n </StyledMobileMoreMenuButton>\n </Flex>\n <Drawer open={mobileNavOpen} position='fixed' placement='bottom' size='100dvh' nullWhenClosed>\n <Flex\n {...restProps}\n container={{ direction: 'column', justify: 'between' }}\n id={navId}\n as={StyledMobileMoreMenu}\n aria-label={t('app_shell_main_navigation_label')}\n >\n <AppNavigationPanel\n appInfo={appInfo}\n navState='open'\n searchInput={searchInput}\n searchLabel={searchLabel}\n links={links?.slice(mobileNavLinksCount)}\n cases={cases}\n utils={utilsList}\n agent={agent}\n />\n </Flex>\n </Drawer>\n </>\n );\n\n return (\n <AppShellContext.Provider value={mobileAppShellContext}>\n <>\n {isSmallOrAbove && (\n <AppHeader\n {...appInfo}\n contextSwitcher={contextSwitcher}\n searchInput={searchInput}\n searchLabel={searchLabel}\n searchPage={searchPage}\n operator={operator}\n headerUtils={headerUtils}\n helpMenu={helpMenu}\n shareApp={shareApp}\n ref={setHeaderEl}\n />\n )}\n {isSmallOrAbove ? (\n <TopNavDrawerProvider>\n <AppTopNav\n appInfo={appInfo}\n caseTypes={caseTypes}\n links={links}\n cases={cases}\n agent={agent}\n utils={utils}\n searchInput={searchInput}\n searchPage={searchPage}\n searchLabel={searchLabel}\n />\n </TopNavDrawerProvider>\n ) : (\n touchNav\n )}\n {documentTabs && <DocumentTabs {...documentTabs} />}\n {(() => {\n const mainRegion = (\n <StyledAppMain\n previewActive={previewActive}\n isTopBar={isSmallOrAbove}\n aria-busy={!!progress}\n data-app-region\n >\n <Progress\n visible={!!progress}\n placement='local'\n message={typeof progress === 'string' ? progress : t('loading')}\n />\n {banners && <StyledBannerRegion>{banners}</StyledBannerRegion>}\n {main}\n </StyledAppMain>\n );\n if (!documentTabs) return mainRegion;\n return (\n <StyledDocumentTabPanel\n role='tabpanel'\n id={documentTabs.currentTabId ? getTabPanelId(documentTabs.currentTabId) : undefined}\n aria-labelledby={\n documentTabs.currentTabId ? getTabElementId(documentTabs.currentTabId) : undefined\n }\n tabIndex={0}\n >\n {mainRegion}\n </StyledDocumentTabPanel>\n );\n })()}\n <AppShellGlobalStyle\n isTopBar={isSmallOrAbove}\n showAppHeader={isSmallOrAbove}\n hasDocumentTabs={!!documentTabs}\n isMobile={!isSmallOrAbove}\n navOpen={mobileNavOpen}\n />\n </>\n </AppShellContext.Provider>\n );\n}\n"]}
1
+ {"version":3,"file":"TouchAppShell.js","sourceRoot":"","sources":["../../../src/components/AppShell/TouchAppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport type { MouseEvent, ReactElement, ReactNode } from 'react';\n\nimport { Alert } from '../Badges';\nimport Drawer from '../Drawer';\nimport Flex from '../Flex';\nimport Icon from '../Icon';\nimport {\n useBreakpoint,\n useElement,\n useEscape,\n useI18n,\n usePreviewManager,\n useScrollToggle,\n useTheme\n} from '../../hooks';\nimport { debounce, isValidElement } from '../../utils';\nimport { openCloseStates } from '../../hooks/useTransitionState';\nimport Progress from '../Progress';\n\nimport AppNavigationPanel, { CaseTypes, Links } from './AppNavigationPanel';\nimport AppHeader from './AppHeader';\nimport AppTopNav from './AppTopNav';\nimport DocumentTabs, { getTabElementId, getTabPanelId } from './DocumentTabs';\nimport { StyledDocumentTabPanel } from './DocumentTabs.styles';\nimport TopNavDrawerProvider from './TopNavDrawerProvider';\nimport {\n menuButtonWidth,\n StyledAppMain,\n StyledBannerRegion,\n AppShellGlobalStyle\n} from './AppShell.styles';\nimport {\n TouchAppShellGlobalStyle,\n StyledMainTouchAppShell,\n StyledSplitViewPanel,\n StyledPortalTouchDialog,\n StyledMobileMoreMenuButton,\n StyledMobileMoreMenu,\n StyledMobileNav\n} from './TouchAppShell.styles';\nimport type { AppShellProps, UtilItemProps } from './AppShell.types';\nimport AppShellContext from './AppShellContext';\nimport type { AppShellContextValue } from './AppShellContext';\n\nexport interface TouchAppShellProps extends AppShellProps {\n /** Optional bottom panel rendered by the touch app shell. */\n bottomTouchPanel?: {\n heading: string;\n content: ReactNode;\n };\n}\n\nexport default function TouchAppShell({\n appInfo,\n contextSwitcher,\n searchPage,\n searchInput,\n searchLabel,\n caseTypes,\n links,\n cases,\n agent,\n utils,\n utilsList,\n operator,\n headerUtils,\n helpMenu,\n shareApp,\n banners,\n progress,\n main,\n bottomTouchPanel,\n documentTabs,\n navId,\n restProps\n}: TouchAppShellProps & {\n searchLabel: string;\n utilsList: (UtilItemProps | ReactElement)[];\n navId: string;\n restProps: Record<string, unknown>;\n}) {\n const t = useI18n();\n const theme = useTheme();\n const { previewActive, setPreviewActive } = usePreviewManager();\n const { disableScroll, enableScroll } = useScrollToggle();\n const appShellContext = useContext(AppShellContext);\n const isSmallOrAbove = useBreakpoint('sm');\n const isMobileNav = !isSmallOrAbove;\n const [mobileNavOpen, setMobileNavOpen] = useState(false);\n const [bottomPanelOpen, setBottomPanelOpen] = useState(false);\n const [drawerOpen, setDrawerOpen] = useState(false);\n const [mobileNavLinksCount, setMobileNavLinksCount] = useState(0);\n const [mobileHeaderEl, setMobileHeaderEl] = useElement<HTMLDivElement>();\n const [headerEl, setHeaderEl] = useElement<HTMLDivElement>();\n const focusedImperatively = useRef(false);\n const [searchContainerEl, setSearchContainerEl] = useState<HTMLElement | null>(null);\n const mobileAppShellContext = useMemo<AppShellContextValue>(\n () => ({\n ...appShellContext,\n navOpen: mobileNavOpen,\n drawerOpen,\n setDrawerOpen,\n navState: openCloseStates.high,\n focusedImperatively,\n headerEl: headerEl || mobileHeaderEl,\n appHeaderEl: headerEl || mobileHeaderEl,\n searchContainerEl,\n setSearchContainerEl,\n isMobileNav,\n isTopBar: isSmallOrAbove,\n previewActive,\n setPreviewActive\n }),\n [\n appShellContext,\n headerEl,\n mobileHeaderEl,\n mobileNavOpen,\n drawerOpen,\n searchContainerEl,\n isMobileNav,\n previewActive,\n setPreviewActive,\n setSearchContainerEl\n ]\n );\n\n useEffect(() => {\n if (!isSmallOrAbove && agent && agent.active === false) {\n setBottomPanelOpen(false);\n }\n }, [agent?.active, isSmallOrAbove]);\n\n useEffect(() => {\n const ac = new AbortController();\n window.navigation.addEventListener(\n 'navigate',\n () => {\n if (mobileNavOpen) {\n setMobileNavOpen(false);\n }\n },\n {\n signal: ac.signal\n }\n );\n\n return () => {\n ac.abort();\n };\n }, [mobileNavOpen]);\n\n const navigationAgent = agent\n ? {\n ...agent,\n active: bottomPanelOpen,\n onClick: (event: MouseEvent<HTMLElement>) => {\n setBottomPanelOpen(true);\n setMobileNavOpen(false);\n\n if (isSmallOrAbove || (!bottomPanelOpen && !agent.active)) {\n agent.onClick?.(event);\n }\n }\n }\n : undefined;\n useEffect(() => {\n if (mobileNavOpen) disableScroll();\n else enableScroll();\n }, [mobileNavOpen]);\n\n useEffect(() => {\n if (isSmallOrAbove && mobileNavOpen) {\n setMobileNavOpen(false);\n }\n }, [isSmallOrAbove, mobileNavOpen]);\n\n useEscape(() => setMobileNavOpen(false));\n\n useLayoutEffect(() => {\n if (!mobileHeaderEl) return;\n\n const resizeObserver = new ResizeObserver(\n debounce(() => {\n const screenWidth = document.documentElement.clientWidth;\n const regionsPaddingInlinePixels =\n 2 *\n Number.parseInt(\n window.getComputedStyle(mobileHeaderEl).getPropertyValue('padding-inline-start'),\n 10\n );\n const availableWidth = screenWidth * 0.9 - regionsPaddingInlinePixels;\n setMobileNavLinksCount(\n Math.max(\n Math.floor(availableWidth / menuButtonWidth(theme)) - (caseTypes?.length ? 2 : 1),\n 0\n )\n );\n }, 0)\n );\n\n resizeObserver.observe(document.documentElement);\n return () => resizeObserver.disconnect();\n }, [mobileHeaderEl, caseTypes?.length, theme]);\n\n const touchNav = !isSmallOrAbove && (\n <>\n <StyledMobileNav\n hasBottomTouchPanel={!isSmallOrAbove && !!agent && bottomPanelOpen}\n container={{ alignItems: 'center', gap: 0.25 }}\n ref={setMobileHeaderEl}\n data-app-region\n onClick={() => setMobileNavOpen(false)}\n >\n {caseTypes && caseTypes.length > 0 && <CaseTypes caseTypes={caseTypes} mobileNavBar />}\n {links && <Links links={links.slice(0, mobileNavLinksCount)} mobileNavBar />}\n <StyledMobileMoreMenuButton\n variant='simple'\n onClick={(e: MouseEvent<HTMLButtonElement>) => {\n setMobileNavOpen(prev => !prev);\n e.stopPropagation();\n }}\n label={t('app_shell_more')}\n icon\n aria-expanded={mobileNavOpen}\n aria-controls={navId}\n >\n <Icon name='bars' />\n {!mobileNavOpen && utils?.some(item => (isValidElement(item) ? false : !!item.count)) && (\n <Alert variant='urgent' />\n )}\n <span>{t('app_shell_more')}</span>\n </StyledMobileMoreMenuButton>\n </StyledMobileNav>\n <Drawer open={mobileNavOpen} position='fixed' placement='bottom' size='100dvh' nullWhenClosed>\n <Flex\n {...restProps}\n container={{ direction: 'column', justify: 'between' }}\n id={navId}\n as={StyledMobileMoreMenu}\n aria-label={t('app_shell_main_navigation_label')}\n >\n <AppNavigationPanel\n appInfo={appInfo}\n navState='open'\n searchInput={searchInput}\n searchLabel={searchLabel}\n links={links?.slice(mobileNavLinksCount)}\n cases={cases}\n utils={utilsList}\n agent={navigationAgent}\n />\n </Flex>\n </Drawer>\n </>\n );\n\n return (\n <AppShellContext.Provider value={mobileAppShellContext}>\n <>\n {isSmallOrAbove && (\n <AppHeader\n {...appInfo}\n contextSwitcher={contextSwitcher}\n searchInput={searchInput}\n searchLabel={searchLabel}\n searchPage={searchPage}\n operator={operator}\n headerUtils={headerUtils}\n helpMenu={helpMenu}\n shareApp={shareApp}\n ref={setHeaderEl}\n />\n )}\n {isSmallOrAbove ? (\n <TopNavDrawerProvider>\n <AppTopNav\n appInfo={appInfo}\n caseTypes={caseTypes}\n links={links}\n cases={cases}\n agent={navigationAgent}\n utils={utils}\n searchInput={searchInput}\n searchPage={searchPage}\n searchLabel={searchLabel}\n />\n </TopNavDrawerProvider>\n ) : (\n touchNav\n )}\n {documentTabs && <DocumentTabs {...documentTabs} />}\n {(() => {\n const mainRegion = (\n <StyledAppMain\n previewActive={previewActive}\n isTopBar={isSmallOrAbove}\n hasBottomTouchPanel={!isSmallOrAbove && !!agent && bottomPanelOpen}\n aria-busy={!!progress}\n data-app-region\n >\n <Progress\n visible={!!progress}\n placement='local'\n message={typeof progress === 'string' ? progress : t('loading')}\n />\n {banners && <StyledBannerRegion>{banners}</StyledBannerRegion>}\n {main}\n </StyledAppMain>\n );\n const touchMainRegion = isMobileNav ? (\n <StyledMainTouchAppShell active={!!agent && bottomPanelOpen}>\n {mainRegion}\n </StyledMainTouchAppShell>\n ) : (\n mainRegion\n );\n if (!documentTabs) return touchMainRegion;\n return (\n <StyledDocumentTabPanel\n role='tabpanel'\n id={documentTabs.currentTabId ? getTabPanelId(documentTabs.currentTabId) : undefined}\n aria-labelledby={\n documentTabs.currentTabId ? getTabElementId(documentTabs.currentTabId) : undefined\n }\n tabIndex={0}\n >\n {touchMainRegion}\n </StyledDocumentTabPanel>\n );\n })()}\n <StyledSplitViewPanel active={!isSmallOrAbove && !!agent && bottomPanelOpen}>\n {!isSmallOrAbove && bottomTouchPanel && (\n <StyledPortalTouchDialog\n open={bottomPanelOpen}\n heading={bottomTouchPanel.heading}\n outerClickAction='reset-size'\n onDismiss={() => {\n setBottomPanelOpen(false);\n }}\n size='full-compact'\n >\n {bottomTouchPanel.content}\n </StyledPortalTouchDialog>\n )}\n </StyledSplitViewPanel>\n <AppShellGlobalStyle\n isTopBar={isSmallOrAbove}\n showAppHeader={isSmallOrAbove}\n hasDocumentTabs={!!documentTabs}\n isMobile={!isSmallOrAbove}\n navOpen={mobileNavOpen}\n />\n <TouchAppShellGlobalStyle\n hasBottomTouchPanel={!isSmallOrAbove && !!agent && bottomPanelOpen}\n isMobileNav={isMobileNav}\n />\n </>\n </AppShellContext.Provider>\n );\n}\n"]}
package/lib/components/AppShell/TouchAppShell.styles.d.ts CHANGED
@@ -1,7 +1,206 @@
1
+ import { type DefaultTheme } from 'styled-components';
2
+ export declare const TouchAppShellGlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
3
+ hasBottomTouchPanel?: boolean;
4
+ isMobileNav?: boolean;
5
+ theme?: DefaultTheme;
6
+ }>;
7
+ export declare const StyledMainTouchAppShell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
8
+ active?: boolean;
9
+ }>> & string;
10
+ export declare const StyledSplitViewPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
11
+ active?: boolean;
12
+ }>> & string;
13
+ export declare const StyledPortalTouchDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("../Dialog").TouchDialogProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("../..").ForwardProps, "ref"> & {
14
+ ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
15
+ }, never>> & string & Omit<import("../..").ForwardRefForwardPropsComponent<import("../Dialog").TouchDialogProps>, keyof import("react").Component<any, {}, any>>;
1
16
  export declare const StyledMobileMoreMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>, "ref"> & {
2
17
  ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
3
18
  }, never>> & string;
4
- export declare const StyledMobileNav: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
19
+ export declare const StyledMobileNav: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
20
+ children?: import("react").ReactNode;
21
+ ref?: import("react").Ref<Element>;
22
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
23
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
24
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
25
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
26
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
27
+ }, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
28
+ children?: import("react").ReactNode;
29
+ ref?: import("react").Ref<Element>;
30
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
31
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
32
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
33
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
34
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
35
+ }, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
36
+ children?: import("react").ReactNode;
37
+ ref?: import("react").Ref<Element>;
38
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
39
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
40
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
41
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
42
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
43
+ }, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
44
+ ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
45
+ }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
46
+ children?: import("react").ReactNode;
47
+ ref?: import("react").Ref<Element>;
48
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
49
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
50
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
51
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
52
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
53
+ }, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
54
+ children?: import("react").ReactNode;
55
+ ref?: import("react").Ref<Element>;
56
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
57
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
58
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
59
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
60
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
61
+ }, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
62
+ children?: import("react").ReactNode;
63
+ ref?: import("react").Ref<Element>;
64
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
65
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
66
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
67
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
68
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
69
+ }, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
70
+ ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
71
+ }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
72
+ children?: import("react").ReactNode;
73
+ ref?: import("react").Ref<Element>;
74
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
75
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
76
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
77
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
78
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
79
+ }, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
80
+ children?: import("react").ReactNode;
81
+ ref?: import("react").Ref<Element>;
82
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
83
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
84
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
85
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
86
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
87
+ }, "xs">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
88
+ children?: import("react").ReactNode;
89
+ ref?: import("react").Ref<Element>;
90
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
91
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
92
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
93
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
94
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
95
+ }, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
96
+ ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
97
+ }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
98
+ children?: import("react").ReactNode;
99
+ ref?: import("react").Ref<Element>;
100
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
101
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
102
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
103
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
104
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
105
+ }, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
106
+ children?: import("react").ReactNode;
107
+ ref?: import("react").Ref<Element>;
108
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
109
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
110
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
111
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
112
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
113
+ }, "xl">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
114
+ children?: import("react").ReactNode;
115
+ ref?: import("react").Ref<Element>;
116
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
117
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
118
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
119
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
120
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
121
+ }, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
122
+ ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
123
+ }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
124
+ children?: import("react").ReactNode;
125
+ ref?: import("react").Ref<Element>;
126
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
127
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
128
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
129
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
130
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
131
+ }, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
132
+ children?: import("react").ReactNode;
133
+ ref?: import("react").Ref<Element>;
134
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
135
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
136
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
137
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
138
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
139
+ }, "sm">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
140
+ children?: import("react").ReactNode;
141
+ ref?: import("react").Ref<Element>;
142
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
143
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
144
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
145
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
146
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
147
+ }, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
148
+ ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
149
+ }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
150
+ children?: import("react").ReactNode;
151
+ ref?: import("react").Ref<Element>;
152
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
153
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
154
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
155
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
156
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
157
+ }, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
158
+ children?: import("react").ReactNode;
159
+ ref?: import("react").Ref<Element>;
160
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
161
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
162
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
163
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
164
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
165
+ }, "md">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
166
+ children?: import("react").ReactNode;
167
+ ref?: import("react").Ref<Element>;
168
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
169
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
170
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
171
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
172
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
173
+ }, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
174
+ ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
175
+ }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
176
+ children?: import("react").ReactNode;
177
+ ref?: import("react").Ref<Element>;
178
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
179
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
180
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
181
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
182
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
183
+ }, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
184
+ children?: import("react").ReactNode;
185
+ ref?: import("react").Ref<Element>;
186
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
187
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
188
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
189
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
190
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
191
+ }, "lg">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & import("../..").BaseProps & import("../..").AsProp & {
192
+ children?: import("react").ReactNode;
193
+ ref?: import("react").Ref<Element>;
194
+ xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
195
+ sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
196
+ md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
197
+ lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
198
+ xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
199
+ }, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
200
+ ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
201
+ }), {
202
+ hasBottomTouchPanel?: boolean;
203
+ }>> & string & Omit<import("../..").ForwardRefForwardPropsComponent<import("../Flex").FlexProps>, keyof import("react").Component<any, {}, any>>;
5
204
  export declare const StyledMobileMoreMenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("../Button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("../..").ForwardProps, "ref"> & {
6
205
  ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
7
206
  }, never>> & string & Omit<import("../..").ForwardRefForwardPropsComponent<import("../Button").ButtonProps>, keyof import("react").Component<any, {}, any>>;
package/lib/components/AppShell/TouchAppShell.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TouchAppShell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/TouchAppShell.styles.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,oBAAoB;;mBAShC,CAAC;AAIF,eAAO,MAAM,eAAe,uNAiF1B,CAAC;AAIH,eAAO,MAAM,0BAA0B;;2JAgDrC,CAAC"}
1
+ {"version":3,"file":"TouchAppShell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/TouchAppShell.styles.ts"],"names":[],"mappings":"AAAA,OAAe,EAA0B,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA8BtF,eAAO,MAAM,wBAAwB;0BACb,OAAO;kBACf,OAAO;YACb,YAAY;EAarB,CAAC;AAEF,eAAO,MAAM,uBAAuB;aAAyB,OAAO;YAOnE,CAAC;AAIF,eAAO,MAAM,oBAAoB;aAAyB,OAAO;YAY/D,CAAC;AAIH,eAAO,MAAM,uBAAuB;;gKAUnC,CAAC;AAIF,eAAO,MAAM,oBAAoB;;mBAShC,CAAC;AAIF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAwC,OAAO;gJAqFzE,CAAC;AAIH,eAAO,MAAM,0BAA0B;;2JAgDrC,CAAC"}