@razorpay/blade 11.22.0 → 11.23.0

package/build/lib/native/components/SideNav/tokens.js

@@ -0,0 +1,12 @@
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import { size } from '../../tokens/global/size.js';
+import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react';
+import '../BladeProvider/useTheme.js';
+
+var SIDE_NAV_EXPANDED_L1_WIDTH_XL=size['264'];var SIDE_NAV_EXPANDED_L1_WIDTH_BASE=size['245'];
+
+export { SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL };
+//# sourceMappingURL=tokens.js.map

package/build/lib/native/components/SideNav/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../src/components/SideNav/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils';\n\nconst classes = {\n  SHOW_WHEN_COLLAPSED: 'show-when-collapsed',\n  HIDE_WHEN_COLLAPSED: 'hide-when-collapsed',\n  COLLAPSED: 'collapsed',\n  TRANSITIONING: 'transitioning',\n  L1_ITEM_WRAPPER: 'l1-item-wrapper',\n  SHOW_ON_LINK_HOVER: 'show-on-link-hover',\n  STYLED_NAV_LINK: 'styled-nav-link',\n} as const;\n\nconst SKIP_NAV_ID = 'blade-side-nav-skip';\n\nconst COLLAPSED_L1_WIDTH = size['56'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_XL = size['264'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_BASE = size['245'];\nconst NAV_ITEM_HEIGHT = size['40'];\n\n// This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered\nconst TRANSITION_CLEANUP_DELAY = 300; // A little more than the duration of transition end\n\nconst HOVER_AGAIN_DELAY = 500;\n\n// Delay between mouse out from L1 and L1 collapsing again\nconst L1_EXIT_HOVER_DELAY = 150;\n\nconst getNavItemTransition = ({ motion }: Theme): string => {\n  return `background-color ${makeMotionTime(motion.duration['2xquick'])} ${\n    motion.easing.standard.effective\n  }`;\n};\n\nexport {\n  SKIP_NAV_ID,\n  classes,\n  COLLAPSED_L1_WIDTH,\n  SIDE_NAV_EXPANDED_L1_WIDTH_XL,\n  SIDE_NAV_EXPANDED_L1_WIDTH_BASE,\n  NAV_ITEM_HEIGHT,\n  TRANSITION_CLEANUP_DELAY,\n  HOVER_AGAIN_DELAY,\n  getNavItemTransition,\n  L1_EXIT_HOVER_DELAY,\n};\n"],"names":["SIDE_NAV_EXPANDED_L1_WIDTH_XL","size","SIDE_NAV_EXPANDED_L1_WIDTH_BASE"],"mappings":";;;;;;;;AAiBM,IAAAA,6BAA6B,CAAGC,IAAI,CAAC,KAAK,EAC1C,IAAAC,+BAA+B,CAAGD,IAAI,CAAC,KAAK;;;;"}

package/build/lib/native/components/TopNav/TabNav/TabNav.native.js

@@ -0,0 +1,17 @@
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../../Typography/BaseText/BaseText.native.js';
+import 'react';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-native';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
+import '../../BladeProvider/useTheme.js';
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../../Typography/Text/Text.js';
+import '../../Typography/Code/Code.js';
+
+var TabNav=function TabNav(_props){throwBladeError({message:'TabNav is not yet implemented for native',moduleName:'TabNav'});return jsx(Text,{children:"TabNav Component is not available for Native mobile apps."});};
+
+export { TabNav };
+//# sourceMappingURL=TabNav.native.js.map

package/build/lib/native/components/TopNav/TabNav/TabNav.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.native.js","sources":["../../../../../../src/components/TopNav/TabNav/TabNav.native.tsx"],"sourcesContent":["import { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst TabNav = (_props: never): React.ReactElement => {\n  throwBladeError({\n    message: 'TabNav is not yet implemented for native',\n    moduleName: 'TabNav',\n  });\n\n  return <Text>TabNav Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TabNav };\n"],"names":["TabNav","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAGM,IAAAA,MAAM,CAAG,SAATA,MAAMA,CAAIC,MAAa,CAAyB,CACpDC,eAAe,CAAC,CACdC,OAAO,CAAE,0CAA0C,CACnDC,UAAU,CAAE,QACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}

package/build/lib/native/components/TopNav/TabNav/TabNavItem.native.js

@@ -0,0 +1,17 @@
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../../Typography/BaseText/BaseText.native.js';
+import 'react';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-native';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
+import '../../BladeProvider/useTheme.js';
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../../Typography/Text/Text.js';
+import '../../Typography/Code/Code.js';
+
+var TabNavItem=function TabNavItem(_props){throwBladeError({message:'TabNavItem is not yet implemented for native',moduleName:'TabNavItem'});return jsx(Text,{children:"TabNavItem Component is not available for Native mobile apps."});};
+
+export { TabNavItem };
+//# sourceMappingURL=TabNavItem.native.js.map

package/build/lib/native/components/TopNav/TabNav/TabNavItem.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavItem.native.js","sources":["../../../../../../src/components/TopNav/TabNav/TabNavItem.native.tsx"],"sourcesContent":["import { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst TabNavItem = (_props: never): React.ReactElement => {\n  throwBladeError({\n    message: 'TabNavItem is not yet implemented for native',\n    moduleName: 'TabNavItem',\n  });\n\n  return <Text>TabNavItem Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TabNavItem };\n"],"names":["TabNavItem","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAGM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,MAAa,CAAyB,CACxDC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,+DAA6D,CAAM,CAAC,CACnF;;;;"}

package/build/lib/native/components/TopNav/TopNav.native.js

@@ -0,0 +1,17 @@
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../Typography/BaseText/BaseText.native.js';
+import 'react';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-native';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import '../BladeProvider/useTheme.js';
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+
+var TopNav=function TopNav(_props){throwBladeError({message:'TopNav is not yet implemented for native',moduleName:'TopNav'});return jsx(Text,{children:"TopNav Component is not available for Native mobile apps."});};
+
+export { TopNav };
+//# sourceMappingURL=TopNav.native.js.map

package/build/lib/native/components/TopNav/TopNav.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNav.native.js","sources":["../../../../../src/components/TopNav/TopNav.native.tsx"],"sourcesContent":["import { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst TopNav = (_props: never): React.ReactElement => {\n  throwBladeError({\n    message: 'TopNav is not yet implemented for native',\n    moduleName: 'TopNav',\n  });\n\n  return <Text>TopNav Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TopNav };\n"],"names":["TopNav","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAGM,IAAAA,MAAM,CAAG,SAATA,MAAMA,CAAIC,MAAa,CAAyB,CACpDC,eAAe,CAAC,CACdC,OAAO,CAAE,0CAA0C,CACnDC,UAAU,CAAE,QACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}

package/build/lib/native/components/index.js

@@ -421,6 +421,7 @@ export { SideNavSection } from './SideNav/SideNavSection.native.js';
 export { SideNavItem } from './SideNav/SideNavItems/SideNavItem.native.js';
 export { SideNavFooter } from './SideNav/SideNavFooter.native.js';
 export { SideNavBody } from './SideNav/SideNavBody.native.js';
+export { SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL } from './SideNav/tokens.js';
 export { Skeleton } from './Skeleton/Skeleton.js';
 export { SkipNavContent, SkipNavLink } from './SkipNav/SkipNav.native.js';
 export { Spinner } from './Spinner/Spinner/Spinner.js';
@@ -446,6 +447,9 @@ export { Tooltip } from './Tooltip/Tooltip.native.js';
 export { TooltipInteractiveWrapper } from './Tooltip/TooltipInteractiveWrapper.native.js';
 export { ToastContainer } from './Toast/ToastContainer.native.js';
 export { useToast } from './Toast/useToast.js';
+export { TabNav } from './TopNav/TabNav/TabNav.native.js';
+export { TabNavItem } from './TopNav/TabNav/TabNavItem.native.js';
+export { TopNav } from './TopNav/TopNav.native.js';
 export { Heading, getHeadingProps } from './Typography/Heading/Heading.js';
 export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.js';

package/build/lib/native/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/native/tokens/global/size.js

@@ -1,4 +1,4 @@
-var size={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,10:10,12:12,14:14,15:15,16:16,18:18,20:20,24:24,28:28,30:30,32:32,33:33,36:36,40:40,44:44,48:48,52:52,56:56,60:60,64:64,72:72,100:100,120:120,140:140,160:160,176:176,200:200,240:240,256:256,264:264,300:300,314:314,360:360,400:400,584:584,640:640,760:760,800:800,1024:1024,1136:1136};
+var size={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,10:10,12:12,14:14,15:15,16:16,18:18,20:20,24:24,28:28,30:30,32:32,33:33,36:36,40:40,44:44,48:48,52:52,56:56,60:60,64:64,72:72,80:80,100:100,120:120,140:140,160:160,176:176,200:200,240:240,245:245,256:256,264:264,300:300,314:314,360:360,400:400,584:584,640:640,760:760,800:800,1024:1024,1136:1136};
 
 export { size };
 //# sourceMappingURL=size.js.map

package/build/lib/native/tokens/global/size.js.map

@@ -1 +1 @@
-{"version":3,"file":"size.js","sources":["../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 14 px */\n  14: 14,\n  /** 15 px */\n  15: 15,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  30: 30,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 52 px */\n  52: 52,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 256 px */\n  256: 256,\n  /** 264 px */\n  264: 264,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAGa,IAAAA,IAAI,CAAG,CAElB,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,IAAI,CAAE,IAAI,CAEV,IAAI,CAAE,IACR;;;;"}
+{"version":3,"file":"size.js","sources":["../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 14 px */\n  14: 14,\n  /** 15 px */\n  15: 15,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  30: 30,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 52 px */\n  52: 52,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 80 px */\n  80: 80,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 245 px */\n  245: 245,\n  /** 256 px */\n  256: 256,\n  /** 264 px */\n  264: 264,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAGa,IAAAA,IAAI,CAAG,CAElB,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,IAAI,CAAE,IAAI,CAEV,IAAI,CAAE,IACR;;;;"}

package/build/lib/native/utils/metaAttribute/metaConstants.js

@@ -1,4 +1,4 @@
-var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',AccordionItemHeader:'accordion-item-header',AccordionItemBody:'accordion-item-body',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Avatar:'avatar',AvatarGroup:'avatar-group',Badge:'badge',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',Carousel:'carousel',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',Display:'display',Divider:'divider',Drawer:'drawer',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',DatePicker:'datepicker',Calendar:'calendar',FileUpload:'file-upload',FileUploadItem:'file-upload-item',FileUploadLabel:'file-upload-label',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',OTPInput:'otp-input',PasswordInput:'password-input',SearchInput:'search-input',TextArea:'textarea',TextInput:'textinput',PhoneNumberInput:'phone-number-input',Toast:'toast',ToastContainer:'toast-container',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SideNav:'sidenav',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Menu:'menu',MenuHeader:'menu-header',MenuFooter:'menu-footer',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton',StepGroup:'step-group',StepItem:'step-item'};
+var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',AccordionItemHeader:'accordion-item-header',AccordionItemBody:'accordion-item-body',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Avatar:'avatar',AvatarGroup:'avatar-group',Badge:'badge',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',Carousel:'carousel',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',Display:'display',Divider:'divider',Drawer:'drawer',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',DatePicker:'datepicker',Calendar:'calendar',FileUpload:'file-upload',FileUploadItem:'file-upload-item',FileUploadLabel:'file-upload-label',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',OTPInput:'otp-input',PasswordInput:'password-input',SearchInput:'search-input',TextArea:'textarea',TextInput:'textinput',PhoneNumberInput:'phone-number-input',Toast:'toast',ToastContainer:'toast-container',TopNav:'top-nav',TopNavBrand:'top-nav-brand',TopNavContent:'top-nav-content',TopNavActions:'top-nav-actions',TabNav:'tab-nav',TabNavItem:'tab-nav-item',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SideNav:'sidenav',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Menu:'menu',MenuHeader:'menu-header',MenuFooter:'menu-footer',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton',StepGroup:'step-group',StepItem:'step-item'};
 
 export { MetaConstants };
 //# sourceMappingURL=metaConstants.js.map

package/build/lib/native/utils/metaAttribute/metaConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem"],"mappings":"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"}
+{"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  TopNav: 'top-nav',\n  TopNavBrand: 'top-nav-brand',\n  TopNavContent: 'top-nav-content',\n  TopNavActions: 'top-nav-actions',\n  TabNav: 'tab-nav',\n  TabNavItem: 'tab-nav-item',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItem","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem"],"mappings":"AAAa,IAAAA,aAAa,CAAG,CAC3BC,SAAS,CAAE,WAAW,CACtBC,eAAe,CAAE,kBAAkB,CACnCC,aAAa,CAAE,gBAAgB,CAC/BC,mBAAmB,CAAE,uBAAuB,CAC5CC,iBAAiB,CAAE,qBAAqB,CACxCC,UAAU,CAAE,aAAa,CACzBC,cAAc,CAAE,kBAAkB,CAClCC,iBAAiB,CAAE,qBAAqB,CACxCC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,YAAY,CAAE,cAAc,CAC5BC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,KAAK,CAAE,OAAO,CACdC,GAAG,CAAE,KAAK,CACVC,OAAO,CAAE,UAAU,CACnBC,QAAQ,CAAE,WAAW,CACrBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,UAAU,CAAE,YAAY,CACxBC,cAAc,CAAE,iBAAiB,CACjCC,QAAQ,CAAE,UAAU,CACpBC,QAAQ,CAAE,UAAU,CACpBC,aAAa,CAAE,gBAAgB,CAC/BC,aAAa,CAAE,gBAAgB,CAC/BC,IAAI,CAAE,MAAM,CACZC,SAAS,CAAE,YAAY,CACvBC,SAAS,CAAE,YAAY,CACvBC,IAAI,CAAE,MAAM,CACZC,SAAS,CAAE,iBAAiB,CAC5BC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,MAAM,CAAE,QAAQ,CAChBC,QAAQ,CAAE,UAAU,CACpBC,eAAe,CAAE,kBAAkB,CACnCC,cAAc,CAAE,iBAAiB,CACjCC,cAAc,CAAE,iBAAiB,CACjCC,UAAU,CAAE,YAAY,CACxBC,QAAQ,CAAE,UAAU,CACpBC,UAAU,CAAE,aAAa,CACzBC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,aAAa,CACzBC,SAAS,CAAE,WAAW,CACtBC,IAAI,CAAE,MAAM,CACZC,IAAI,CAAE,MAAM,CACZC,QAAQ,CAAE,WAAW,CACrBC,YAAY,CAAE,gBAAgB,CAC9BC,YAAY,CAAE,gBAAgB,CAC9BC,YAAY,CAAE,gBAAgB,CAC9BC,QAAQ,CAAE,WAAW,CACrBC,aAAa,CAAE,gBAAgB,CAC/BC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,UAAU,CACpBC,SAAS,CAAE,WAAW,CACtBC,gBAAgB,CAAE,oBAAoB,CACtCC,KAAK,CAAE,OAAO,CACdC,cAAc,CAAE,iBAAiB,CACjCC,MAAM,CAAE,SAAS,CACjBC,WAAW,CAAE,eAAe,CAC5BC,aAAa,CAAE,iBAAiB,CAChCC,aAAa,CAAE,iBAAiB,CAChCC,MAAM,CAAE,SAAS,CACjBC,UAAU,CAAE,cAAc,CAC1BC,WAAW,CAAE,cAAc,CAC3BC,KAAK,CAAE,OAAO,CACdC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,WAAW,CAAE,cAAc,CAC3BC,GAAG,CAAE,KAAK,CACVC,OAAO,CAAE,SAAS,CAClBC,yBAAyB,CAAE,6BAA6B,CACxDC,IAAI,CAAE,MAAM,CACZC,OAAO,CAAE,UAAU,CACnBC,OAAO,CAAE,UAAU,CACnBC,QAAQ,CAAE,WAAW,CACrBC,YAAY,CAAE,eAAe,CAC7BC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,SAAS,CAAE,YAAY,CACvBC,WAAW,CAAE,cAAc,CAC3BC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,WAAW,CAAE,cAAc,CAC3BC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,YAAY,CAAE,eAAe,CAC7BC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,WAAW,CACrBC,OAAO,CAAE,SAAS,CAClBC,yBAAyB,CAAE,6BAA6B,CACxDC,WAAW,CAAE,cAAc,CAC3BC,eAAe,CAAE,mBAAmB,CACpCC,iBAAiB,CAAE,qBAAqB,CACxCC,iBAAiB,CAAE,qBAAqB,CACxCC,qBAAqB,CAAE,yBAAyB,CAChDC,IAAI,CAAE,MAAM,CACZC,QAAQ,CAAE,WAAW,CACrBC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,WAAW,CAAE,aAAa,CAC1BC,eAAe,CAAE,kBAAkB,CACnCC,iBAAiB,CAAE,oBAAoB,CACvCC,eAAe,CAAE,kBAAkB,CACnCC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,YAAY,CACvBC,WAAW,CAAE,cAAc,CAC3BC,WAAW,CAAE,cAAc,CAC3BC,aAAa,CAAE,gBAAgB,CAC/BC,kBAAkB,CAAE,sBAAsB,CAC1CC,cAAc,CAAE,iBAAiB,CACjCC,SAAS,CAAE,YAAY,CACvBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,eAAe,CAAE,mBAAmB,CACpCC,QAAQ,CAAE,UAAU,CACpBC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WACZ;;;;"}

package/build/lib/web/development/components/SideNav/SideNav.web.js

@@ -4,7 +4,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
 import styled from 'styled-components';
 import { SideNavContext } from './SideNavContext.js';
-import { classes, COLLAPSED_L1_WIDTH, TRANSITION_CLEANUP_DELAY, HOVER_AGAIN_DELAY, EXPANDED_L1_WIDTH, L1_EXIT_HOVER_DELAY, SKIP_NAV_ID } from './tokens.js';
+import { classes, COLLAPSED_L1_WIDTH, TRANSITION_CLEANUP_DELAY, HOVER_AGAIN_DELAY, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, L1_EXIT_HOVER_DELAY, SKIP_NAV_ID } from './tokens.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/index.js';
 import '../Drawer/index.js';
@@ -259,7 +259,10 @@ var SideNav = function SideNav(_ref4) {
         m: 'flex'
       },
       flexDirection: "column",
-      width: makeSize(EXPANDED_L1_WIDTH),
+      width: {
+        base: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_BASE),
+        xl: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_XL)
+      },
       as: "nav"
     }, metaAttribute({
       name: MetaConstants.SideNav,

package/build/lib/web/development/components/SideNav/SideNav.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.web.js","sources":["../../../../../../src/components/SideNav/SideNav.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { SideNavContext } from './SideNavContext';\nimport type { SideNavContextType, SideNavProps } from './types';\nimport {\n  classes,\n  COLLAPSED_L1_WIDTH,\n  EXPANDED_L1_WIDTH,\n  HOVER_AGAIN_DELAY,\n  L1_EXIT_HOVER_DELAY,\n  SKIP_NAV_ID,\n  TRANSITION_CLEANUP_DELAY,\n} from './tokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { Drawer, DrawerBody, DrawerHeader } from '~components/Drawer';\nimport { SkipNavContent, SkipNavLink } from '~components/SkipNav/SkipNav';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst {\n  COLLAPSED,\n  SHOW_WHEN_COLLAPSED,\n  HIDE_WHEN_COLLAPSED,\n  TRANSITIONING,\n  L1_ITEM_WRAPPER,\n} = classes;\n\nconst MobileL1Container = styled(BaseBox)(() => {\n  return {\n    [`.${SHOW_WHEN_COLLAPSED}`]: {\n      display: 'none',\n    },\n  };\n});\n\nconst StyledL1Menu = styled(BaseBox)((props) => {\n  const moderate = makeMotionTime(props.theme.motion.duration.moderate);\n  const gentle = makeMotionTime(props.theme.motion.duration.gentle);\n  const easing = props.theme.motion.easing;\n\n  const l1Expand = `width ${gentle} ${easing.entrance.revealing}`;\n  const l1Collapse = `width ${moderate} ${easing.exit.revealing}`;\n\n  return {\n    width: '100%',\n    transition: l1Expand,\n    [`& > .${L1_ITEM_WRAPPER}`]: {\n      padding: makeSpace(props.theme.spacing[3]),\n    },\n    [`.${SHOW_WHEN_COLLAPSED}`]: {\n      display: 'none',\n    },\n    [`&.${COLLAPSED}`]: {\n      width: makeSize(COLLAPSED_L1_WIDTH),\n      transition: l1Collapse,\n      [`& > .${L1_ITEM_WRAPPER}`]: {\n        padding: `${makeSpace(props.theme.spacing[3])} ${makeSpace(props.theme.spacing[3])}`,\n      },\n      [`&:not(.${TRANSITIONING}) .${HIDE_WHEN_COLLAPSED}`]: {\n        display: 'none',\n      },\n      [`&:not(.${TRANSITIONING}) .${SHOW_WHEN_COLLAPSED}`]: {\n        display: 'initial',\n      },\n    },\n  };\n});\n\nconst getL1MenuClassName = ({\n  isL1Collapsed,\n  isL1Hovered,\n  isTransitioning,\n}: {\n  isL1Collapsed: boolean;\n  isL1Hovered: boolean;\n  isTransitioning: boolean;\n}): string => {\n  const isMenuCollapsed = isL1Collapsed && !isL1Hovered;\n\n  if (isMenuCollapsed) {\n    if (isTransitioning) {\n      return `${COLLAPSED} ${TRANSITIONING}`;\n    }\n\n    return COLLAPSED;\n  }\n\n  return '';\n};\n\n/**\n * ### SideNav component\n *\n * The side navigation is positioned along the left side of the screen that provides quick access to different sections or functionalities of the application.\n *\n * ---\n *\n * #### Usage\n *\n * SideNav requires handling active state with React Router, Checkout Usage with React Router v6 at - [SideNav Documentation](https://blade.razorpay.com/?path=/docs/components-sidenav--docs)\n *\n */\nconst SideNav = ({\n  children,\n  isOpen,\n  onDismiss,\n  banner,\n  testID,\n  ...styledProps\n}: SideNavProps): React.ReactElement => {\n  const l2PortalContainerRef = React.useRef(null);\n  const l1ContainerRef = React.useRef<HTMLDivElement>(null);\n  const timeoutIdsRef = React.useRef<NodeJS.Timeout[]>([]);\n  const mouseOverTimeoutRef = React.useRef<NodeJS.Timeout>();\n  const [isL1Collapsed, setIsL1Collapsed] = React.useState(false);\n  const [isMobileL2Open, setIsMobileL2Open] = React.useState(false);\n  const [isL1Hovered, setIsL1Hovered] = React.useState(false);\n  const [isHoverAgainEnabled, setIsHoverAgainEnabled] = React.useState(true);\n  const [isTransitioning, setIsTransitioning] = React.useState(false);\n  const [l2DrawerTitle, setL2DrawerTitle] = React.useState('');\n\n  const isMobile = useIsMobile();\n\n  const closeMobileNav = (): void => {\n    if (isMobile) {\n      setIsMobileL2Open(false);\n      onDismiss?.();\n    }\n  };\n\n  const cleanupTransition = (): void => {\n    const clearTransitionTimeout = setTimeout(() => {\n      if (isTransitioning) {\n        setIsTransitioning(false);\n      }\n    }, TRANSITION_CLEANUP_DELAY);\n    timeoutIdsRef.current.push(clearTransitionTimeout);\n  };\n\n  /**\n   * Handles L1 -> L2 menu changes based on active item\n   */\n  const onLinkActiveChange: SideNavContextType['onLinkActiveChange'] = (args) => {\n    const isL1ItemActive = args.level === 1 && args.isActive;\n\n    if (isL1ItemActive) {\n      if (args.isL2Trigger) {\n        // Click on L2 Trigger\n        if (isMobile) {\n          setL2DrawerTitle(args.title);\n          setIsMobileL2Open(true);\n          return;\n        }\n\n        setIsL1Collapsed(true);\n\n        // `args.isFirstRender` checks if the item that triggered this change, triggered it during first render or during subsequent change\n        if (!args.isFirstRender) {\n          setIsTransitioning(true);\n          cleanupTransition();\n          setIsL1Hovered(false);\n          setIsHoverAgainEnabled(false);\n          // For some delay, we disable hover to expand behaviour to avoid buggy flicker when cursor is on L1 while its trying to close\n          const hoverAgainTimeout = setTimeout(() => {\n            setIsHoverAgainEnabled(true);\n          }, HOVER_AGAIN_DELAY);\n          timeoutIdsRef.current.push(hoverAgainTimeout);\n        }\n      } else {\n        // Click on normal L1 Item\n        // eslint-disable-next-line no-lonely-if\n        if (isMobile) {\n          setIsMobileL2Open(false);\n        }\n        // Ensures that if Normal L1 item is clicked, the L1 stays expanded\n        setIsL1Collapsed(false);\n      }\n    }\n  };\n\n  const contextValue = React.useMemo(\n    () => ({\n      l2PortalContainerRef,\n      onLinkActiveChange,\n      closeMobileNav,\n      isL1Collapsed: isMobile ? isMobileL2Open : isL1Collapsed,\n      setIsL1Collapsed,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isL1Collapsed, isMobile, isMobileL2Open],\n  );\n\n  React.useEffect(() => {\n    return () => {\n      for (const timeoutId of timeoutIdsRef.current) {\n        clearTimeout(timeoutId);\n      }\n      timeoutIdsRef.current = [];\n    };\n  }, []);\n\n  return (\n    <SideNavContext.Provider value={contextValue}>\n      {isMobile && onDismiss ? (\n        <>\n          {/* L1 */}\n          <Drawer isOpen={isOpen ?? false} onDismiss={onDismiss}>\n            <DrawerHeader title=\"Main Menu\" />\n            <DrawerBody>\n              <MobileL1Container\n                display=\"flex\"\n                flexDirection=\"column\"\n                justifyContent=\"space-between\"\n                className=\"mobile-l1-container\"\n                height=\"100%\"\n                {...metaAttribute({\n                  name: MetaConstants.SideNav,\n                  testID,\n                })}\n              >\n                {children}\n              </MobileL1Container>\n            </DrawerBody>\n          </Drawer>\n          {/* L2 */}\n          <Drawer isOpen={isMobileL2Open} onDismiss={() => setIsMobileL2Open(false)} isLazy={false}>\n            <DrawerHeader title={l2DrawerTitle} />\n            <DrawerBody>\n              <BaseBox ref={l2PortalContainerRef} />\n            </DrawerBody>\n          </Drawer>\n        </>\n      ) : (\n        <BaseBox\n          position=\"fixed\"\n          backgroundColor=\"surface.background.gray.moderate\"\n          height=\"100%\"\n          top=\"spacing.0\"\n          left=\"spacing.0\"\n          display={{ base: 'none', m: 'flex' }}\n          flexDirection=\"column\"\n          width={makeSize(EXPANDED_L1_WIDTH)}\n          as=\"nav\"\n          {...metaAttribute({\n            name: MetaConstants.SideNav,\n            testID,\n          })}\n          {...getStyledProps(styledProps)}\n        >\n          {banner ? (\n            <BaseBox\n              borderBottom=\"thin\"\n              borderBottomColor=\"surface.border.gray.muted\"\n              borderRight=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              padding=\"spacing.3\"\n              maxHeight=\"100px\"\n              width=\"100%\"\n            >\n              {banner}\n            </BaseBox>\n          ) : null}\n          <BaseBox position=\"relative\" display=\"block\" flex=\"1\" width=\"100%\">\n            <BaseBox\n              position=\"absolute\"\n              backgroundColor=\"surface.background.gray.moderate\"\n              height=\"100%\"\n              width=\"100%\"\n              top=\"spacing.0\"\n              left=\"spacing.0\"\n              id=\"blade-sidenav-l2\"\n              borderRightWidth=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              ref={l2PortalContainerRef}\n            />\n            <StyledL1Menu\n              ref={l1ContainerRef}\n              id=\"blade-sidenav-l1\"\n              className={getL1MenuClassName({ isL1Collapsed, isL1Hovered, isTransitioning })}\n              position=\"absolute\"\n              display=\"flex\"\n              flexDirection=\"column\"\n              justifyContent=\"space-between\"\n              backgroundColor=\"surface.background.gray.moderate\"\n              height=\"100%\"\n              overflow=\"hidden\"\n              top=\"spacing.0\"\n              left=\"spacing.0\"\n              borderRightWidth=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              onTransitionEnd={(e) => {\n                // This check ensures transitioning is set to false only when its true\n                // And only the l1Container element's transitions are considered and other transitions of l1 expand or child elements are ignored\n                if (isTransitioning && l1ContainerRef.current === e.target) {\n                  setIsTransitioning(false);\n                }\n              }}\n              // Hmm you might be wondering, why is `onMouseOver` paired with `onMouseLeave`? A sane person would pair `onMouseOver` with `onMouseOut`, and `onMouseEnter` with `onMouseLeave`\n              // since they are logical equivalents of each other. So why don't we do that? Hold tight, you're in for a ride ☕️.\n              //\n              // 1. In an ideal scenario, we would put `onMouseEnter` and `onMouseLeave` here and expect things to work.\n              // 2. The L2 menu of our SideNav is React Portalled out of the L1 child\n              // 3. React considers its own children as true children for JS events and not DOM children (Checkout React Portal Caveats - https://react.dev/reference/react-dom/createPortal#caveats)\n              // 3. In the next ideal scenario, we would put `e.stopPropagation` on child component of portal like React recommends, except mouseenter, mouseleave events don't propagate at all (https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseenter_event#usage_notes)\n              // 4. So `onMouseEnter` gets triggered on L2 enter. But we don't want to open L1 menu on L2 hover\n              // 5. Thus we use `onMouseOver` for hover part and call e.stopPropagation in portal child (SideNavLevel).\n              // 6. But in case of unhover/leave, we don't want to trigger mouseOut for all child components individually. We want 1 hover out of L1 menu. Thus we use `onMouseLeave`\n              onMouseOver={() => {\n                if (mouseOverTimeoutRef.current) {\n                  clearTimeout(mouseOverTimeoutRef.current);\n                }\n                if (isL1Collapsed && isHoverAgainEnabled) {\n                  setIsL1Hovered(true);\n                }\n              }}\n              onMouseLeave={() => {\n                if (isL1Collapsed && isL1Hovered) {\n                  mouseOverTimeoutRef.current = setTimeout(() => {\n                    setIsL1Hovered(false);\n                    setIsTransitioning(true);\n                    cleanupTransition();\n                  }, L1_EXIT_HOVER_DELAY);\n                }\n              }}\n            >\n              <SkipNavLink id={SKIP_NAV_ID} _hasBackground={true} />\n              {children}\n            </StyledL1Menu>\n            <SkipNavContent id={SKIP_NAV_ID} />\n          </BaseBox>\n        </BaseBox>\n      )}\n    </SideNavContext.Provider>\n  );\n};\n\nexport { SideNav };\n"],"names":["COLLAPSED","classes","SHOW_WHEN_COLLAPSED","HIDE_WHEN_COLLAPSED","TRANSITIONING","L1_ITEM_WRAPPER","MobileL1Container","styled","BaseBox","withConfig","displayName","componentId","_defineProperty","concat","display","StyledL1Menu","props","moderate","makeMotionTime","theme","motion","duration","gentle","easing","l1Expand","entrance","revealing","l1Collapse","exit","width","transition","padding","makeSpace","spacing","makeSize","COLLAPSED_L1_WIDTH","getL1MenuClassName","_ref3","isL1Collapsed","isL1Hovered","isTransitioning","isMenuCollapsed","SideNav","_ref4","children","isOpen","onDismiss","banner","testID","styledProps","_objectWithoutProperties","_excluded","l2PortalContainerRef","React","useRef","l1ContainerRef","timeoutIdsRef","mouseOverTimeoutRef","_React$useState","useState","_React$useState2","_slicedToArray","setIsL1Collapsed","_React$useState3","_React$useState4","isMobileL2Open","setIsMobileL2Open","_React$useState5","_React$useState6","setIsL1Hovered","_React$useState7","_React$useState8","isHoverAgainEnabled","setIsHoverAgainEnabled","_React$useState9","_React$useState10","setIsTransitioning","_React$useState11","_React$useState12","l2DrawerTitle","setL2DrawerTitle","isMobile","useIsMobile","closeMobileNav","cleanupTransition","clearTransitionTimeout","setTimeout","TRANSITION_CLEANUP_DELAY","current","push","onLinkActiveChange","args","isL1ItemActive","level","isActive","isL2Trigger","title","isFirstRender","hoverAgainTimeout","HOVER_AGAIN_DELAY","contextValue","useMemo","useEffect","_iterator","_createForOfIteratorHelper","_step","s","n","done","timeoutId","value","clearTimeout","err","e","f","_jsx","SideNavContext","Provider","_jsxs","_Fragment","Drawer","DrawerHeader","DrawerBody","_objectSpread","flexDirection","justifyContent","className","height","metaAttribute","name","MetaConstants","isLazy","ref","position","backgroundColor","top","left","base","m","EXPANDED_L1_WIDTH","as","getStyledProps","borderBottom","borderBottomColor","borderRight","borderRightColor","maxHeight","flex","id","borderRightWidth","overflow","onTransitionEnd","target","onMouseOver","onMouseLeave","L1_EXIT_HOVER_DELAY","SkipNavLink","SKIP_NAV_ID","_hasBackground","SkipNavContent"],"mappings":"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"}
+{"version":3,"file":"SideNav.web.js","sources":["../../../../../../src/components/SideNav/SideNav.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { SideNavContext } from './SideNavContext';\nimport type { SideNavContextType, SideNavProps } from './types';\nimport {\n  classes,\n  COLLAPSED_L1_WIDTH,\n  HOVER_AGAIN_DELAY,\n  L1_EXIT_HOVER_DELAY,\n  SKIP_NAV_ID,\n  TRANSITION_CLEANUP_DELAY,\n  SIDE_NAV_EXPANDED_L1_WIDTH_BASE,\n  SIDE_NAV_EXPANDED_L1_WIDTH_XL,\n} from './tokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { Drawer, DrawerBody, DrawerHeader } from '~components/Drawer';\nimport { SkipNavContent, SkipNavLink } from '~components/SkipNav/SkipNav';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst {\n  COLLAPSED,\n  SHOW_WHEN_COLLAPSED,\n  HIDE_WHEN_COLLAPSED,\n  TRANSITIONING,\n  L1_ITEM_WRAPPER,\n} = classes;\n\nconst MobileL1Container = styled(BaseBox)(() => {\n  return {\n    [`.${SHOW_WHEN_COLLAPSED}`]: {\n      display: 'none',\n    },\n  };\n});\n\nconst StyledL1Menu = styled(BaseBox)((props) => {\n  const moderate = makeMotionTime(props.theme.motion.duration.moderate);\n  const gentle = makeMotionTime(props.theme.motion.duration.gentle);\n  const easing = props.theme.motion.easing;\n\n  const l1Expand = `width ${gentle} ${easing.entrance.revealing}`;\n  const l1Collapse = `width ${moderate} ${easing.exit.revealing}`;\n\n  return {\n    width: '100%',\n    transition: l1Expand,\n    [`& > .${L1_ITEM_WRAPPER}`]: {\n      padding: makeSpace(props.theme.spacing[3]),\n    },\n    [`.${SHOW_WHEN_COLLAPSED}`]: {\n      display: 'none',\n    },\n    [`&.${COLLAPSED}`]: {\n      width: makeSize(COLLAPSED_L1_WIDTH),\n      transition: l1Collapse,\n      [`& > .${L1_ITEM_WRAPPER}`]: {\n        padding: `${makeSpace(props.theme.spacing[3])} ${makeSpace(props.theme.spacing[3])}`,\n      },\n      [`&:not(.${TRANSITIONING}) .${HIDE_WHEN_COLLAPSED}`]: {\n        display: 'none',\n      },\n      [`&:not(.${TRANSITIONING}) .${SHOW_WHEN_COLLAPSED}`]: {\n        display: 'initial',\n      },\n    },\n  };\n});\n\nconst getL1MenuClassName = ({\n  isL1Collapsed,\n  isL1Hovered,\n  isTransitioning,\n}: {\n  isL1Collapsed: boolean;\n  isL1Hovered: boolean;\n  isTransitioning: boolean;\n}): string => {\n  const isMenuCollapsed = isL1Collapsed && !isL1Hovered;\n\n  if (isMenuCollapsed) {\n    if (isTransitioning) {\n      return `${COLLAPSED} ${TRANSITIONING}`;\n    }\n\n    return COLLAPSED;\n  }\n\n  return '';\n};\n\n/**\n * ### SideNav component\n *\n * The side navigation is positioned along the left side of the screen that provides quick access to different sections or functionalities of the application.\n *\n * ---\n *\n * #### Usage\n *\n * SideNav requires handling active state with React Router, Checkout Usage with React Router v6 at - [SideNav Documentation](https://blade.razorpay.com/?path=/docs/components-sidenav--docs)\n *\n */\nconst SideNav = ({\n  children,\n  isOpen,\n  onDismiss,\n  banner,\n  testID,\n  ...styledProps\n}: SideNavProps): React.ReactElement => {\n  const l2PortalContainerRef = React.useRef(null);\n  const l1ContainerRef = React.useRef<HTMLDivElement>(null);\n  const timeoutIdsRef = React.useRef<NodeJS.Timeout[]>([]);\n  const mouseOverTimeoutRef = React.useRef<NodeJS.Timeout>();\n  const [isL1Collapsed, setIsL1Collapsed] = React.useState(false);\n  const [isMobileL2Open, setIsMobileL2Open] = React.useState(false);\n  const [isL1Hovered, setIsL1Hovered] = React.useState(false);\n  const [isHoverAgainEnabled, setIsHoverAgainEnabled] = React.useState(true);\n  const [isTransitioning, setIsTransitioning] = React.useState(false);\n  const [l2DrawerTitle, setL2DrawerTitle] = React.useState('');\n\n  const isMobile = useIsMobile();\n\n  const closeMobileNav = (): void => {\n    if (isMobile) {\n      setIsMobileL2Open(false);\n      onDismiss?.();\n    }\n  };\n\n  const cleanupTransition = (): void => {\n    const clearTransitionTimeout = setTimeout(() => {\n      if (isTransitioning) {\n        setIsTransitioning(false);\n      }\n    }, TRANSITION_CLEANUP_DELAY);\n    timeoutIdsRef.current.push(clearTransitionTimeout);\n  };\n\n  /**\n   * Handles L1 -> L2 menu changes based on active item\n   */\n  const onLinkActiveChange: SideNavContextType['onLinkActiveChange'] = (args) => {\n    const isL1ItemActive = args.level === 1 && args.isActive;\n\n    if (isL1ItemActive) {\n      if (args.isL2Trigger) {\n        // Click on L2 Trigger\n        if (isMobile) {\n          setL2DrawerTitle(args.title);\n          setIsMobileL2Open(true);\n          return;\n        }\n\n        setIsL1Collapsed(true);\n\n        // `args.isFirstRender` checks if the item that triggered this change, triggered it during first render or during subsequent change\n        if (!args.isFirstRender) {\n          setIsTransitioning(true);\n          cleanupTransition();\n          setIsL1Hovered(false);\n          setIsHoverAgainEnabled(false);\n          // For some delay, we disable hover to expand behaviour to avoid buggy flicker when cursor is on L1 while its trying to close\n          const hoverAgainTimeout = setTimeout(() => {\n            setIsHoverAgainEnabled(true);\n          }, HOVER_AGAIN_DELAY);\n          timeoutIdsRef.current.push(hoverAgainTimeout);\n        }\n      } else {\n        // Click on normal L1 Item\n        // eslint-disable-next-line no-lonely-if\n        if (isMobile) {\n          setIsMobileL2Open(false);\n        }\n        // Ensures that if Normal L1 item is clicked, the L1 stays expanded\n        setIsL1Collapsed(false);\n      }\n    }\n  };\n\n  const contextValue = React.useMemo(\n    () => ({\n      l2PortalContainerRef,\n      onLinkActiveChange,\n      closeMobileNav,\n      isL1Collapsed: isMobile ? isMobileL2Open : isL1Collapsed,\n      setIsL1Collapsed,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isL1Collapsed, isMobile, isMobileL2Open],\n  );\n\n  React.useEffect(() => {\n    return () => {\n      for (const timeoutId of timeoutIdsRef.current) {\n        clearTimeout(timeoutId);\n      }\n      timeoutIdsRef.current = [];\n    };\n  }, []);\n\n  return (\n    <SideNavContext.Provider value={contextValue}>\n      {isMobile && onDismiss ? (\n        <>\n          {/* L1 */}\n          <Drawer isOpen={isOpen ?? false} onDismiss={onDismiss}>\n            <DrawerHeader title=\"Main Menu\" />\n            <DrawerBody>\n              <MobileL1Container\n                display=\"flex\"\n                flexDirection=\"column\"\n                justifyContent=\"space-between\"\n                className=\"mobile-l1-container\"\n                height=\"100%\"\n                {...metaAttribute({\n                  name: MetaConstants.SideNav,\n                  testID,\n                })}\n              >\n                {children}\n              </MobileL1Container>\n            </DrawerBody>\n          </Drawer>\n          {/* L2 */}\n          <Drawer isOpen={isMobileL2Open} onDismiss={() => setIsMobileL2Open(false)} isLazy={false}>\n            <DrawerHeader title={l2DrawerTitle} />\n            <DrawerBody>\n              <BaseBox ref={l2PortalContainerRef} />\n            </DrawerBody>\n          </Drawer>\n        </>\n      ) : (\n        <BaseBox\n          position=\"fixed\"\n          backgroundColor=\"surface.background.gray.moderate\"\n          height=\"100%\"\n          top=\"spacing.0\"\n          left=\"spacing.0\"\n          display={{ base: 'none', m: 'flex' }}\n          flexDirection=\"column\"\n          width={{\n            base: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_BASE),\n            xl: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_XL),\n          }}\n          as=\"nav\"\n          {...metaAttribute({\n            name: MetaConstants.SideNav,\n            testID,\n          })}\n          {...getStyledProps(styledProps)}\n        >\n          {banner ? (\n            <BaseBox\n              borderBottom=\"thin\"\n              borderBottomColor=\"surface.border.gray.muted\"\n              borderRight=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              padding=\"spacing.3\"\n              maxHeight=\"100px\"\n              width=\"100%\"\n            >\n              {banner}\n            </BaseBox>\n          ) : null}\n          <BaseBox position=\"relative\" display=\"block\" flex=\"1\" width=\"100%\">\n            <BaseBox\n              position=\"absolute\"\n              backgroundColor=\"surface.background.gray.moderate\"\n              height=\"100%\"\n              width=\"100%\"\n              top=\"spacing.0\"\n              left=\"spacing.0\"\n              id=\"blade-sidenav-l2\"\n              borderRightWidth=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              ref={l2PortalContainerRef}\n            />\n            <StyledL1Menu\n              ref={l1ContainerRef}\n              id=\"blade-sidenav-l1\"\n              className={getL1MenuClassName({ isL1Collapsed, isL1Hovered, isTransitioning })}\n              position=\"absolute\"\n              display=\"flex\"\n              flexDirection=\"column\"\n              justifyContent=\"space-between\"\n              backgroundColor=\"surface.background.gray.moderate\"\n              height=\"100%\"\n              overflow=\"hidden\"\n              top=\"spacing.0\"\n              left=\"spacing.0\"\n              borderRightWidth=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              onTransitionEnd={(e) => {\n                // This check ensures transitioning is set to false only when its true\n                // And only the l1Container element's transitions are considered and other transitions of l1 expand or child elements are ignored\n                if (isTransitioning && l1ContainerRef.current === e.target) {\n                  setIsTransitioning(false);\n                }\n              }}\n              // Hmm you might be wondering, why is `onMouseOver` paired with `onMouseLeave`? A sane person would pair `onMouseOver` with `onMouseOut`, and `onMouseEnter` with `onMouseLeave`\n              // since they are logical equivalents of each other. So why don't we do that? Hold tight, you're in for a ride ☕️.\n              //\n              // 1. In an ideal scenario, we would put `onMouseEnter` and `onMouseLeave` here and expect things to work.\n              // 2. The L2 menu of our SideNav is React Portalled out of the L1 child\n              // 3. React considers its own children as true children for JS events and not DOM children (Checkout React Portal Caveats - https://react.dev/reference/react-dom/createPortal#caveats)\n              // 3. In the next ideal scenario, we would put `e.stopPropagation` on child component of portal like React recommends, except mouseenter, mouseleave events don't propagate at all (https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseenter_event#usage_notes)\n              // 4. So `onMouseEnter` gets triggered on L2 enter. But we don't want to open L1 menu on L2 hover\n              // 5. Thus we use `onMouseOver` for hover part and call e.stopPropagation in portal child (SideNavLevel).\n              // 6. But in case of unhover/leave, we don't want to trigger mouseOut for all child components individually. We want 1 hover out of L1 menu. Thus we use `onMouseLeave`\n              onMouseOver={() => {\n                if (mouseOverTimeoutRef.current) {\n                  clearTimeout(mouseOverTimeoutRef.current);\n                }\n                if (isL1Collapsed && isHoverAgainEnabled) {\n                  setIsL1Hovered(true);\n                }\n              }}\n              onMouseLeave={() => {\n                if (isL1Collapsed && isL1Hovered) {\n                  mouseOverTimeoutRef.current = setTimeout(() => {\n                    setIsL1Hovered(false);\n                    setIsTransitioning(true);\n                    cleanupTransition();\n                  }, L1_EXIT_HOVER_DELAY);\n                }\n              }}\n            >\n              <SkipNavLink id={SKIP_NAV_ID} _hasBackground={true} />\n              {children}\n            </StyledL1Menu>\n            <SkipNavContent id={SKIP_NAV_ID} />\n          </BaseBox>\n        </BaseBox>\n      )}\n    </SideNavContext.Provider>\n  );\n};\n\nexport { SideNav };\n"],"names":["COLLAPSED","classes","SHOW_WHEN_COLLAPSED","HIDE_WHEN_COLLAPSED","TRANSITIONING","L1_ITEM_WRAPPER","MobileL1Container","styled","BaseBox","withConfig","displayName","componentId","_defineProperty","concat","display","StyledL1Menu","props","moderate","makeMotionTime","theme","motion","duration","gentle","easing","l1Expand","entrance","revealing","l1Collapse","exit","width","transition","padding","makeSpace","spacing","makeSize","COLLAPSED_L1_WIDTH","getL1MenuClassName","_ref3","isL1Collapsed","isL1Hovered","isTransitioning","isMenuCollapsed","SideNav","_ref4","children","isOpen","onDismiss","banner","testID","styledProps","_objectWithoutProperties","_excluded","l2PortalContainerRef","React","useRef","l1ContainerRef","timeoutIdsRef","mouseOverTimeoutRef","_React$useState","useState","_React$useState2","_slicedToArray","setIsL1Collapsed","_React$useState3","_React$useState4","isMobileL2Open","setIsMobileL2Open","_React$useState5","_React$useState6","setIsL1Hovered","_React$useState7","_React$useState8","isHoverAgainEnabled","setIsHoverAgainEnabled","_React$useState9","_React$useState10","setIsTransitioning","_React$useState11","_React$useState12","l2DrawerTitle","setL2DrawerTitle","isMobile","useIsMobile","closeMobileNav","cleanupTransition","clearTransitionTimeout","setTimeout","TRANSITION_CLEANUP_DELAY","current","push","onLinkActiveChange","args","isL1ItemActive","level","isActive","isL2Trigger","title","isFirstRender","hoverAgainTimeout","HOVER_AGAIN_DELAY","contextValue","useMemo","useEffect","_iterator","_createForOfIteratorHelper","_step","s","n","done","timeoutId","value","clearTimeout","err","e","f","_jsx","SideNavContext","Provider","_jsxs","_Fragment","Drawer","DrawerHeader","DrawerBody","_objectSpread","flexDirection","justifyContent","className","height","metaAttribute","name","MetaConstants","isLazy","ref","position","backgroundColor","top","left","base","m","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","xl","SIDE_NAV_EXPANDED_L1_WIDTH_XL","as","getStyledProps","borderBottom","borderBottomColor","borderRight","borderRightColor","maxHeight","flex","id","borderRightWidth","overflow","onTransitionEnd","target","onMouseOver","onMouseLeave","L1_EXIT_HOVER_DELAY","SkipNavLink","SKIP_NAV_ID","_hasBackground","SkipNavContent"],"mappings":"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"}

package/build/lib/web/development/components/SideNav/index.js

@@ -5,4 +5,5 @@ export { SideNavSection } from './SideNavSection.web.js';
 export { SideNavItem } from './SideNavItems/SideNavItem.web.js';
 export { SideNavFooter } from './SideNavFooter.web.js';
 export { SideNavBody } from './SideNavBody.web.js';
+export { SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL } from './tokens.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/components/SideNav/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/build/lib/web/development/components/SideNav/tokens.js

@@ -14,7 +14,8 @@ var classes = {
 };
 var SKIP_NAV_ID = 'blade-side-nav-skip';
 var COLLAPSED_L1_WIDTH = size['56'];
-var EXPANDED_L1_WIDTH = size['264'];
+var SIDE_NAV_EXPANDED_L1_WIDTH_XL = size['264'];
+var SIDE_NAV_EXPANDED_L1_WIDTH_BASE = size['245'];
 var NAV_ITEM_HEIGHT = size['40'];
 
 // This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered
@@ -29,5 +30,5 @@ var getNavItemTransition = function getNavItemTransition(_ref) {
   return "background-color ".concat(makeMotionTime(motion.duration['2xquick']), " ").concat(motion.easing.standard.effective);
 };
 
-export { COLLAPSED_L1_WIDTH, EXPANDED_L1_WIDTH, HOVER_AGAIN_DELAY, L1_EXIT_HOVER_DELAY, NAV_ITEM_HEIGHT, SKIP_NAV_ID, TRANSITION_CLEANUP_DELAY, classes, getNavItemTransition };
+export { COLLAPSED_L1_WIDTH, HOVER_AGAIN_DELAY, L1_EXIT_HOVER_DELAY, NAV_ITEM_HEIGHT, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SKIP_NAV_ID, TRANSITION_CLEANUP_DELAY, classes, getNavItemTransition };
 //# sourceMappingURL=tokens.js.map

package/build/lib/web/development/components/SideNav/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/SideNav/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils';\n\nconst classes = {\n  SHOW_WHEN_COLLAPSED: 'show-when-collapsed',\n  HIDE_WHEN_COLLAPSED: 'hide-when-collapsed',\n  COLLAPSED: 'collapsed',\n  TRANSITIONING: 'transitioning',\n  L1_ITEM_WRAPPER: 'l1-item-wrapper',\n  SHOW_ON_LINK_HOVER: 'show-on-link-hover',\n  STYLED_NAV_LINK: 'styled-nav-link',\n} as const;\n\nconst SKIP_NAV_ID = 'blade-side-nav-skip';\n\nconst COLLAPSED_L1_WIDTH = size['56'];\nconst EXPANDED_L1_WIDTH = size['264'];\nconst NAV_ITEM_HEIGHT = size['40'];\n\n// This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered\nconst TRANSITION_CLEANUP_DELAY = 300; // A little more than the duration of transition end\n\nconst HOVER_AGAIN_DELAY = 500;\n\n// Delay between mouse out from L1 and L1 collapsing again\nconst L1_EXIT_HOVER_DELAY = 150;\n\nconst getNavItemTransition = ({ motion }: Theme): string => {\n  return `background-color ${makeMotionTime(motion.duration['2xquick'])} ${\n    motion.easing.standard.effective\n  }`;\n};\n\nexport {\n  SKIP_NAV_ID,\n  classes,\n  COLLAPSED_L1_WIDTH,\n  EXPANDED_L1_WIDTH,\n  NAV_ITEM_HEIGHT,\n  TRANSITION_CLEANUP_DELAY,\n  HOVER_AGAIN_DELAY,\n  getNavItemTransition,\n  L1_EXIT_HOVER_DELAY,\n};\n"],"names":["classes","SHOW_WHEN_COLLAPSED","HIDE_WHEN_COLLAPSED","COLLAPSED","TRANSITIONING","L1_ITEM_WRAPPER","SHOW_ON_LINK_HOVER","STYLED_NAV_LINK","SKIP_NAV_ID","COLLAPSED_L1_WIDTH","size","EXPANDED_L1_WIDTH","NAV_ITEM_HEIGHT","TRANSITION_CLEANUP_DELAY","HOVER_AGAIN_DELAY","L1_EXIT_HOVER_DELAY","getNavItemTransition","_ref","motion","concat","makeMotionTime","duration","easing","standard","effective"],"mappings":";;;;;AAIA,IAAMA,OAAO,GAAG;AACdC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,eAAe,EAAE,iBAAA;AACnB,EAAU;AAEJC,IAAAA,WAAW,GAAG,sBAAqB;AAEzC,IAAMC,kBAAkB,GAAGC,IAAI,CAAC,IAAI,EAAC;AACrC,IAAMC,iBAAiB,GAAGD,IAAI,CAAC,KAAK,EAAC;AACrC,IAAME,eAAe,GAAGF,IAAI,CAAC,IAAI,EAAC;;AAElC;AACA,IAAMG,wBAAwB,GAAG,IAAI;;AAE/BC,IAAAA,iBAAiB,GAAG,IAAG;;AAE7B;AACMC,IAAAA,mBAAmB,GAAG,IAAG;AAE/B,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAAkC;AAAA,EAAA,IAA5BC,MAAM,GAAAD,IAAA,CAANC,MAAM,CAAA;EACpC,OAAAC,mBAAAA,CAAAA,MAAA,CAA2BC,cAAc,CAACF,MAAM,CAACG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAAF,GAAAA,CAAAA,CAAAA,MAAA,CACnED,MAAM,CAACI,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAA,CAAA;AAEpC;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/SideNav/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils';\n\nconst classes = {\n  SHOW_WHEN_COLLAPSED: 'show-when-collapsed',\n  HIDE_WHEN_COLLAPSED: 'hide-when-collapsed',\n  COLLAPSED: 'collapsed',\n  TRANSITIONING: 'transitioning',\n  L1_ITEM_WRAPPER: 'l1-item-wrapper',\n  SHOW_ON_LINK_HOVER: 'show-on-link-hover',\n  STYLED_NAV_LINK: 'styled-nav-link',\n} as const;\n\nconst SKIP_NAV_ID = 'blade-side-nav-skip';\n\nconst COLLAPSED_L1_WIDTH = size['56'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_XL = size['264'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_BASE = size['245'];\nconst NAV_ITEM_HEIGHT = size['40'];\n\n// This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered\nconst TRANSITION_CLEANUP_DELAY = 300; // A little more than the duration of transition end\n\nconst HOVER_AGAIN_DELAY = 500;\n\n// Delay between mouse out from L1 and L1 collapsing again\nconst L1_EXIT_HOVER_DELAY = 150;\n\nconst getNavItemTransition = ({ motion }: Theme): string => {\n  return `background-color ${makeMotionTime(motion.duration['2xquick'])} ${\n    motion.easing.standard.effective\n  }`;\n};\n\nexport {\n  SKIP_NAV_ID,\n  classes,\n  COLLAPSED_L1_WIDTH,\n  SIDE_NAV_EXPANDED_L1_WIDTH_XL,\n  SIDE_NAV_EXPANDED_L1_WIDTH_BASE,\n  NAV_ITEM_HEIGHT,\n  TRANSITION_CLEANUP_DELAY,\n  HOVER_AGAIN_DELAY,\n  getNavItemTransition,\n  L1_EXIT_HOVER_DELAY,\n};\n"],"names":["classes","SHOW_WHEN_COLLAPSED","HIDE_WHEN_COLLAPSED","COLLAPSED","TRANSITIONING","L1_ITEM_WRAPPER","SHOW_ON_LINK_HOVER","STYLED_NAV_LINK","SKIP_NAV_ID","COLLAPSED_L1_WIDTH","size","SIDE_NAV_EXPANDED_L1_WIDTH_XL","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","NAV_ITEM_HEIGHT","TRANSITION_CLEANUP_DELAY","HOVER_AGAIN_DELAY","L1_EXIT_HOVER_DELAY","getNavItemTransition","_ref","motion","concat","makeMotionTime","duration","easing","standard","effective"],"mappings":";;;;;AAIA,IAAMA,OAAO,GAAG;AACdC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,eAAe,EAAE,iBAAA;AACnB,EAAU;AAEJC,IAAAA,WAAW,GAAG,sBAAqB;AAEzC,IAAMC,kBAAkB,GAAGC,IAAI,CAAC,IAAI,EAAC;AACrC,IAAMC,6BAA6B,GAAGD,IAAI,CAAC,KAAK,EAAC;AACjD,IAAME,+BAA+B,GAAGF,IAAI,CAAC,KAAK,EAAC;AACnD,IAAMG,eAAe,GAAGH,IAAI,CAAC,IAAI,EAAC;;AAElC;AACA,IAAMI,wBAAwB,GAAG,IAAI;;AAE/BC,IAAAA,iBAAiB,GAAG,IAAG;;AAE7B;AACMC,IAAAA,mBAAmB,GAAG,IAAG;AAE/B,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAAkC;AAAA,EAAA,IAA5BC,MAAM,GAAAD,IAAA,CAANC,MAAM,CAAA;EACpC,OAAAC,mBAAAA,CAAAA,MAAA,CAA2BC,cAAc,CAACF,MAAM,CAACG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAAF,GAAAA,CAAAA,CAAAA,MAAA,CACnED,MAAM,CAACI,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAA,CAAA;AAEpC;;;;"}

package/build/lib/web/development/components/TopNav/TabNav/TabNav.web.js

@@ -0,0 +1,172 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import React__default from 'react';
+import styled from 'styled-components';
+import { useTopNavContext } from '../TopNavContext.js';
+import { MIXED_BG_COLOR, useHasOverflow, approximatelyEqual } from './utils.js';
+import { TabNavContext } from './TabNavContext.js';
+import '../../Box/BaseBox/index.js';
+import '../../Box/styledProps/index.js';
+import '../../Button/index.js';
+import '../../Divider/index.js';
+import '../../Icons/index.js';
+import '../../../utils/index.js';
+import '../../../tokens/global/index.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import '../../../utils/metaAttribute/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
+import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.web.js';
+import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
+import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
+import Button from '../../Button/Button/Button.js';
+import ChevronLeftIcon from '../../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
+import { Divider } from '../../Divider/Divider.js';
+import { size } from '../../../tokens/global/size.js';
+import ChevronRightIcon from '../../Icons/ChevronRightIcon/ChevronRightIcon.js';
+
+var _excluded = ["children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var GRADIENT_WIDTH = 54;
+var GRADIENT_OFFSET = -8;
+var OFFSET_BOTTOM = -12;
+var SCROLL_AMOUNT = 200;
+var ScrollableArea = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "TabNavweb__ScrollableArea",
+  componentId: "sc-1ww6x3k-0"
+})(function () {
+  return {
+    '&::-webkit-scrollbar': {
+      display: 'none'
+    }
+  };
+});
+var GradientOverlay = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "TabNavweb__GradientOverlay",
+  componentId: "sc-1ww6x3k-1"
+})(function (_ref) {
+  var theme = _ref.theme,
+    shouldShow = _ref.shouldShow,
+    variant = _ref.variant,
+    $color = _ref.$color;
+  var color = getIn(theme.colors, $color, MIXED_BG_COLOR);
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'absolute'
+  }, variant, 0), "pointerEvents", shouldShow ? 'auto' : 'none'), "transform", shouldShow ? 'scale(1)' : 'scale(0.5)'), "opacity", shouldShow ? 1 : 0), "transitionTimingFunction", "".concat(theme.motion.easing.standard.revealing)), "transitionDuration", "".concat(makeMotionTime(theme.motion.duration.xquick))), "transitionProperty", 'opacity, transform'), "zIndex", 1), ':before', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    content: "''",
+    pointerEvents: 'none',
+    position: 'absolute'
+  }, variant, 0), "top", makeSize(GRADIENT_OFFSET)), "bottom", makeSize(GRADIENT_OFFSET)), "width", makeSize(GRADIENT_WIDTH)), "background", "linear-gradient(to ".concat(variant, ", transparent 0%, ").concat(color, " 30%, ").concat(color, " 100%);")));
+});
+var TabNav = function TabNav(_ref3) {
+  var children = _ref3.children,
+    styledProps = _objectWithoutProperties(_ref3, _excluded);
+  var ref = React__default.useRef(null);
+  var hasOverflow = useHasOverflow(ref);
+  var _React$useState = React__default.useState('start'),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    scrollStatus = _React$useState2[0],
+    setScrollStatus = _React$useState2[1];
+  var _useTopNavContext = useTopNavContext(),
+    backgroundColor = _useTopNavContext.backgroundColor;
+
+  // Check if the scroll is at start, end or middle
+  var handleScrollStatus = React__default.useCallback(function (e) {
+    var target = e.target;
+    var isAtStart = target.scrollLeft === 0;
+    var isAtEnd = approximatelyEqual(target.scrollLeft, target.scrollWidth - target.offsetWidth);
+    if (isAtStart) {
+      setScrollStatus('start');
+    } else if (isAtEnd) {
+      setScrollStatus('end');
+    } else {
+      setScrollStatus('middle');
+    }
+  }, []);
+  var scrollRight = function scrollRight() {
+    if (!ref.current) return;
+    ref.current.scrollBy({
+      behavior: 'smooth',
+      left: SCROLL_AMOUNT
+    });
+  };
+  var scrollLeft = function scrollLeft() {
+    if (!ref.current) return;
+    ref.current.scrollBy({
+      behavior: 'smooth',
+      left: -SCROLL_AMOUNT
+    });
+  };
+  return /*#__PURE__*/jsx(TabNavContext.Provider, {
+    value: {
+      containerRef: ref,
+      hasOverflow: hasOverflow
+    },
+    children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+      as: "nav",
+      display: "flex",
+      width: "100%",
+      alignItems: "center",
+      position: "relative",
+      marginBottom: makeSize(OFFSET_BOTTOM)
+    }, getStyledProps(styledProps)), metaAttribute({
+      name: MetaConstants.TabNav
+    })), {}, {
+      children: [/*#__PURE__*/jsx(GradientOverlay, {
+        variant: "left",
+        $color: backgroundColor,
+        shouldShow: hasOverflow && scrollStatus !== 'start',
+        children: /*#__PURE__*/jsx(Button, {
+          size: "xsmall",
+          variant: "tertiary",
+          icon: ChevronLeftIcon,
+          accessibilityLabel: "Scroll Left",
+          onClick: scrollLeft
+        })
+      }), /*#__PURE__*/jsx(ScrollableArea, {
+        ref: ref,
+        onScroll: handleScrollStatus,
+        display: "flex",
+        width: "100%",
+        position: "relative",
+        whiteSpace: "nowrap",
+        gap: "spacing.0",
+        overflowY: "hidden",
+        overflowX: "auto",
+        children: /*#__PURE__*/jsx(BaseBox, {
+          display: "flex",
+          flexDirection: "row",
+          width: "max-content",
+          children: React__default.Children.map(children, function (child, index) {
+            return /*#__PURE__*/jsxs(Fragment, {
+              children: [index > 0 ? /*#__PURE__*/jsx(Divider, {
+                margin: "auto",
+                variant: "muted",
+                orientation: "vertical",
+                height: makeSize(size[16])
+              }) : null, child]
+            });
+          })
+        })
+      }), /*#__PURE__*/jsx(GradientOverlay, {
+        variant: "right",
+        $color: backgroundColor,
+        shouldShow: hasOverflow && scrollStatus !== 'end',
+        children: /*#__PURE__*/jsx(Button, {
+          size: "xsmall",
+          variant: "tertiary",
+          icon: ChevronRightIcon,
+          accessibilityLabel: "Scroll Right",
+          onClick: scrollRight
+        })
+      })]
+    }))
+  });
+};
+
+export { TabNav };
+//# sourceMappingURL=TabNav.web.js.map