@razorpay/blade 12.6.0 → 12.7.1

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

@@ -0,0 +1,11 @@
+import '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Elevate=function Elevate(_props){throwBladeError({message:'Elevate is not yet implemented for native',moduleName:'Elevate'});return jsx(Text,{children:"Elevate Component is not available for Native mobile apps."});};
+
+export { Elevate };
+//# sourceMappingURL=Elevate.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Elevate.native.js","sources":["../../../../../src/components/Elevate/Elevate.native.tsx"],"sourcesContent":["import type { ElevateProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Elevate = (_props: ElevateProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Elevate is not yet implemented for native',\n    moduleName: 'Elevate',\n  });\n\n  return <Text>Elevate Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Elevate };\n"],"names":["Elevate","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,MAAoB,CAAyB,CAC5DC,eAAe,CAAC,CACdC,OAAO,CAAE,2CAA2C,CACpDC,UAAU,CAAE,SACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,4DAA0D,CAAM,CAAC,CAChF;;;;"}

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

@@ -45,6 +45,7 @@ export { DropdownOverlay } from './Dropdown/DropdownOverlay.native.js';
 export { DropdownButton } from './Dropdown/DropdownButton.js';
 export { DropdownLink } from './Dropdown/DropdownLink.js';
 export { DropdownFooter, DropdownHeader } from './Dropdown/DropdownHeaderFooter.js';
+export { Elevate } from './Elevate/Elevate.native.js';
 export { Fade } from './Fade/Fade.native.js';
 export { FileUpload } from './FileUpload/FileUpload.native.js';
 export { default as AcceptPaymentsIcon } from './Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.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/web/development/components/Elevate/Elevate.web.js

@@ -0,0 +1,45 @@
+import 'react';
+import '../BaseMotion/index.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
+import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
+import '../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.js';
+
+var Elevate = function Elevate(_ref) {
+  var children = _ref.children,
+    isHighlighted = _ref.isHighlighted,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'inout' : _ref$type,
+    motionTriggers = _ref.motionTriggers;
+  var isControlledHighlighted = typeof isHighlighted === 'boolean';
+  var defaultMotionTriggers = isControlledHighlighted ? ['mount'] : ['hover'];
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var elevateVariants = {
+    initial: {
+      boxShadow: 'none'
+    },
+    animate: {
+      boxShadow: isHighlighted || !isControlledHighlighted ? castWebType(theme.elevation.lowRaised) : undefined,
+      transition: {
+        duration: msToSeconds(theme.motion.duration.moderate),
+        ease: cssBezierToArray(castWebType(theme.motion.easing.standard))
+      }
+    },
+    exit: {
+      boxShadow: 'none'
+    }
+  };
+  return /*#__PURE__*/jsx(BaseMotionEnhancerBox, {
+    motionVariants: elevateVariants,
+    type: type,
+    children: children,
+    motionTriggers: motionTriggers !== null && motionTriggers !== void 0 ? motionTriggers : defaultMotionTriggers
+  });
+};
+
+export { Elevate };
+//# sourceMappingURL=Elevate.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Elevate.web.js","sources":["../../../../../../src/components/Elevate/Elevate.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ElevateProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType, useTheme } from '~utils';\n\n/**\n * ## Elevate\n *\n * Elevate is one of the highlight presets that we expose from blade to help you elevate (add shadow) components based on interactions\n *\n * ### Usage\n *\n * #### Elevate up on hover\n *\n * ```jsx\n * <Elevate motionTriggers={['hover']}>\n *  <Card />\n * </Elevate>\n * ```\n *\n * #### Conditionally elevateF\n *\n * ```jsx\n * <Elevate isHighlighted={isHighlightedState}>\n *   <MyComponent />\n * </Elevate>\n * ```\n */\nconst Elevate = ({\n  children,\n  isHighlighted,\n  type = 'inout',\n  motionTriggers,\n}: ElevateProps): React.ReactElement => {\n  const isControlledHighlighted = typeof isHighlighted === 'boolean';\n  const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n  const { theme } = useTheme();\n\n  const elevateVariants: MotionVariantsType = {\n    initial: {\n      boxShadow: 'none',\n    },\n    animate: {\n      boxShadow:\n        isHighlighted || !isControlledHighlighted\n          ? castWebType(theme.elevation.lowRaised)\n          : undefined,\n      transition: {\n        duration: msToSeconds(theme.motion.duration.moderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n      },\n    },\n    exit: {\n      boxShadow: 'none',\n    },\n  };\n\n  return (\n    <BaseMotionEnhancerBox\n      motionVariants={elevateVariants}\n      type={type}\n      children={children}\n      motionTriggers={motionTriggers ?? defaultMotionTriggers}\n    />\n  );\n};\n\nexport { Elevate };\n"],"names":["Elevate","_ref","children","isHighlighted","_ref$type","type","motionTriggers","isControlledHighlighted","defaultMotionTriggers","_useTheme","useTheme","theme","elevateVariants","initial","boxShadow","animate","castWebType","elevation","lowRaised","undefined","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","easing","standard","exit","_jsx","BaseMotionEnhancerBox","motionVariants"],"mappings":";;;;;;;;;;AA+BA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAK2B;AAAA,EAAA,IAJtCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,SAAA,GAAAH,IAAA,CACbI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IACdE,cAAc,GAAAL,IAAA,CAAdK,cAAc,CAAA;AAEd,EAAA,IAAMC,uBAAuB,GAAG,OAAOJ,aAAa,KAAK,SAAS,CAAA;EAClE,IAAMK,qBAAqB,GAAGD,uBAAuB,GAAG,CAAC,OAAO,CAAU,GAAG,CAAC,OAAO,CAAU,CAAA;AAC/F,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AAEb,EAAA,IAAMC,eAAmC,GAAG;AAC1CC,IAAAA,OAAO,EAAE;AACPC,MAAAA,SAAS,EAAE,MAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS,EACPX,aAAa,IAAI,CAACI,uBAAuB,GACrCS,WAAW,CAACL,KAAK,CAACM,SAAS,CAACC,SAAS,CAAC,GACtCC,SAAS;AACfC,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACX,KAAK,CAACY,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAAC;AACrDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACV,WAAW,CAACL,KAAK,CAACY,MAAM,CAACI,MAAM,CAACC,QAAQ,CAAC,CAAA;AAClE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJf,MAAAA,SAAS,EAAE,MAAA;AACb,KAAA;GACD,CAAA;EAED,oBACEgB,GAAA,CAACC,qBAAqB,EAAA;AACpBC,IAAAA,cAAc,EAAEpB,eAAgB;AAChCP,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,QAAQ,EAAEA,QAAS;AACnBI,IAAAA,cAAc,EAAEA,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAdA,cAAc,GAAIE,qBAAAA;AAAsB,GACzD,CAAC,CAAA;AAEN;;;;"}

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

@@ -0,0 +1,2 @@
+export { Elevate } from './Elevate.web.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -20,7 +20,7 @@ var Scale = function Scale(_ref) {
   var defaultMotionTriggers = isControlledHighlighted ? ['mount'] : ['hover'];
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
-  var fadeVariants = {
+  var scaleVariants = {
     initial: {
       scale: 1
     },
@@ -36,7 +36,7 @@ var Scale = function Scale(_ref) {
     }
   };
   return /*#__PURE__*/jsx(BaseMotionEnhancerBox, {
-    motionVariants: fadeVariants,
+    motionVariants: scaleVariants,
     type: type,
     children: children,
     motionTriggers: motionTriggers !== null && motionTriggers !== void 0 ? motionTriggers : defaultMotionTriggers

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

@@ -1 +1 @@
-{"version":3,"file":"Scale.web.js","sources":["../../../../../../src/components/Scale/Scale.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ScaleProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType, useTheme } from '~utils';\n\n/**\n * ## Scale\n *\n * Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions\n *\n * ### Usage\n *\n * #### Scale up on hover\n *\n * ```jsx\n * <Scale motionTriggers={['hover']}>\n *  <Card />\n * </Scale>\n * ```\n *\n * #### Scale down on tap\n *\n * ```jsx\n * <Scale variant=\"scale-down\" motionTriggers={['tap']}>\n *   <Card />\n * </Scale>\n * ```\n *\n * #### Conditionally scale\n *\n * ```jsx\n * <Scale isHighlighted={isHighlightedState}>\n *   <MyComponent />\n * </Scale>\n * ```\n */\nconst Scale = ({\n  children,\n  isHighlighted,\n  type = 'inout',\n  variant = 'scale-up',\n  motionTriggers,\n}: ScaleProps): React.ReactElement => {\n  const isControlledHighlighted = typeof isHighlighted === 'boolean';\n  const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n  const { theme } = useTheme();\n\n  const fadeVariants: MotionVariantsType = {\n    initial: {\n      scale: 1,\n    },\n    animate: {\n      scale:\n        isHighlighted || !isControlledHighlighted\n          ? variant === 'scale-up'\n            ? 1.05\n            : 0.98\n          : undefined,\n      transition: {\n        duration: msToSeconds(theme.motion.duration.moderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n      },\n    },\n    exit: {\n      scale: 1,\n    },\n  };\n\n  return (\n    <BaseMotionEnhancerBox\n      motionVariants={fadeVariants}\n      type={type}\n      children={children}\n      motionTriggers={motionTriggers ?? defaultMotionTriggers}\n    />\n  );\n};\n\nexport { Scale };\n"],"names":["Scale","_ref","children","isHighlighted","_ref$type","type","_ref$variant","variant","motionTriggers","isControlledHighlighted","defaultMotionTriggers","_useTheme","useTheme","theme","fadeVariants","initial","scale","animate","undefined","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","_jsx","BaseMotionEnhancerBox","motionVariants"],"mappings":";;;;;;;;;;AAuCA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IALpCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,SAAA,GAAAH,IAAA,CACbI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;IACpBE,cAAc,GAAAP,IAAA,CAAdO,cAAc,CAAA;AAEd,EAAA,IAAMC,uBAAuB,GAAG,OAAON,aAAa,KAAK,SAAS,CAAA;EAClE,IAAMO,qBAAqB,GAAGD,uBAAuB,GAAG,CAAC,OAAO,CAAU,GAAG,CAAC,OAAO,CAAU,CAAA;AAC/F,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AAEb,EAAA,IAAMC,YAAgC,GAAG;AACvCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,CAAA;KACR;AACDC,IAAAA,OAAO,EAAE;AACPD,MAAAA,KAAK,EACHb,aAAa,IAAI,CAACM,uBAAuB,GACrCF,OAAO,KAAK,UAAU,GACpB,IAAI,GACJ,IAAI,GACNW,SAAS;AACfC,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACR,KAAK,CAACS,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAAC;AACrDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAACb,KAAK,CAACS,MAAM,CAACK,MAAM,CAACC,QAAQ,CAAC,CAAA;AAClE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAE,CAAA;AACT,KAAA;GACD,CAAA;EAED,oBACEc,GAAA,CAACC,qBAAqB,EAAA;AACpBC,IAAAA,cAAc,EAAElB,YAAa;AAC7BT,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,QAAQ,EAAEA,QAAS;AACnBM,IAAAA,cAAc,EAAEA,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAdA,cAAc,GAAIE,qBAAAA;AAAsB,GACzD,CAAC,CAAA;AAEN;;;;"}
+{"version":3,"file":"Scale.web.js","sources":["../../../../../../src/components/Scale/Scale.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ScaleProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType, useTheme } from '~utils';\n\n/**\n * ## Scale\n *\n * Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions\n *\n * ### Usage\n *\n * #### Scale up on hover\n *\n * ```jsx\n * <Scale motionTriggers={['hover']}>\n *  <Card />\n * </Scale>\n * ```\n *\n * #### Scale down on tap\n *\n * ```jsx\n * <Scale variant=\"scale-down\" motionTriggers={['tap']}>\n *   <Card />\n * </Scale>\n * ```\n *\n * #### Conditionally scale\n *\n * ```jsx\n * <Scale isHighlighted={isHighlightedState}>\n *   <MyComponent />\n * </Scale>\n * ```\n */\nconst Scale = ({\n  children,\n  isHighlighted,\n  type = 'inout',\n  variant = 'scale-up',\n  motionTriggers,\n}: ScaleProps): React.ReactElement => {\n  const isControlledHighlighted = typeof isHighlighted === 'boolean';\n  const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n  const { theme } = useTheme();\n\n  const scaleVariants: MotionVariantsType = {\n    initial: {\n      scale: 1,\n    },\n    animate: {\n      scale:\n        isHighlighted || !isControlledHighlighted\n          ? variant === 'scale-up'\n            ? 1.05\n            : 0.98\n          : undefined,\n      transition: {\n        duration: msToSeconds(theme.motion.duration.moderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n      },\n    },\n    exit: {\n      scale: 1,\n    },\n  };\n\n  return (\n    <BaseMotionEnhancerBox\n      motionVariants={scaleVariants}\n      type={type}\n      children={children}\n      motionTriggers={motionTriggers ?? defaultMotionTriggers}\n    />\n  );\n};\n\nexport { Scale };\n"],"names":["Scale","_ref","children","isHighlighted","_ref$type","type","_ref$variant","variant","motionTriggers","isControlledHighlighted","defaultMotionTriggers","_useTheme","useTheme","theme","scaleVariants","initial","scale","animate","undefined","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","_jsx","BaseMotionEnhancerBox","motionVariants"],"mappings":";;;;;;;;;;AAuCA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IALpCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,SAAA,GAAAH,IAAA,CACbI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;IACpBE,cAAc,GAAAP,IAAA,CAAdO,cAAc,CAAA;AAEd,EAAA,IAAMC,uBAAuB,GAAG,OAAON,aAAa,KAAK,SAAS,CAAA;EAClE,IAAMO,qBAAqB,GAAGD,uBAAuB,GAAG,CAAC,OAAO,CAAU,GAAG,CAAC,OAAO,CAAU,CAAA;AAC/F,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AAEb,EAAA,IAAMC,aAAiC,GAAG;AACxCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,CAAA;KACR;AACDC,IAAAA,OAAO,EAAE;AACPD,MAAAA,KAAK,EACHb,aAAa,IAAI,CAACM,uBAAuB,GACrCF,OAAO,KAAK,UAAU,GACpB,IAAI,GACJ,IAAI,GACNW,SAAS;AACfC,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACR,KAAK,CAACS,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAAC;AACrDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAACb,KAAK,CAACS,MAAM,CAACK,MAAM,CAACC,QAAQ,CAAC,CAAA;AAClE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAE,CAAA;AACT,KAAA;GACD,CAAA;EAED,oBACEc,GAAA,CAACC,qBAAqB,EAAA;AACpBC,IAAAA,cAAc,EAAElB,aAAc;AAC9BT,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,QAAQ,EAAEA,QAAS;AACnBM,IAAAA,cAAc,EAAEA,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAdA,cAAc,GAAIE,qBAAAA;AAAsB,GACzD,CAAC,CAAA;AAEN;;;;"}

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

@@ -23,6 +23,7 @@ import './Divider/index.js';
 import './Drawer/index.js';
 import './DatePicker/index.js';
 import './Dropdown/index.js';
+import './Elevate/index.js';
 import './Fade/index.js';
 import './FileUpload/index.js';
 import './Icons/index.js';
@@ -113,6 +114,7 @@ export { DropdownOverlay } from './Dropdown/DropdownOverlay.web.js';
 export { DropdownButton } from './Dropdown/DropdownButton.js';
 export { DropdownLink } from './Dropdown/DropdownLink.js';
 export { DropdownFooter, DropdownHeader } from './Dropdown/DropdownHeaderFooter.js';
+export { Elevate } from './Elevate/Elevate.web.js';
 export { Fade } from './Fade/Fade.web.js';
 export { FileUpload } from './FileUpload/FileUpload.web.js';
 export { default as AcceptPaymentsIcon } from './Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.js';

package/build/lib/web/development/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/web/production/components/Elevate/Elevate.web.js

@@ -0,0 +1,45 @@
+import 'react';
+import '../BaseMotion/index.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
+import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
+import '../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.js';
+
+var Elevate = function Elevate(_ref) {
+  var children = _ref.children,
+    isHighlighted = _ref.isHighlighted,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'inout' : _ref$type,
+    motionTriggers = _ref.motionTriggers;
+  var isControlledHighlighted = typeof isHighlighted === 'boolean';
+  var defaultMotionTriggers = isControlledHighlighted ? ['mount'] : ['hover'];
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var elevateVariants = {
+    initial: {
+      boxShadow: 'none'
+    },
+    animate: {
+      boxShadow: isHighlighted || !isControlledHighlighted ? castWebType(theme.elevation.lowRaised) : undefined,
+      transition: {
+        duration: msToSeconds(theme.motion.duration.moderate),
+        ease: cssBezierToArray(castWebType(theme.motion.easing.standard))
+      }
+    },
+    exit: {
+      boxShadow: 'none'
+    }
+  };
+  return /*#__PURE__*/jsx(BaseMotionEnhancerBox, {
+    motionVariants: elevateVariants,
+    type: type,
+    children: children,
+    motionTriggers: motionTriggers !== null && motionTriggers !== void 0 ? motionTriggers : defaultMotionTriggers
+  });
+};
+
+export { Elevate };
+//# sourceMappingURL=Elevate.web.js.map

package/build/lib/web/production/components/Elevate/Elevate.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Elevate.web.js","sources":["../../../../../../src/components/Elevate/Elevate.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ElevateProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType, useTheme } from '~utils';\n\n/**\n * ## Elevate\n *\n * Elevate is one of the highlight presets that we expose from blade to help you elevate (add shadow) components based on interactions\n *\n * ### Usage\n *\n * #### Elevate up on hover\n *\n * ```jsx\n * <Elevate motionTriggers={['hover']}>\n *  <Card />\n * </Elevate>\n * ```\n *\n * #### Conditionally elevateF\n *\n * ```jsx\n * <Elevate isHighlighted={isHighlightedState}>\n *   <MyComponent />\n * </Elevate>\n * ```\n */\nconst Elevate = ({\n  children,\n  isHighlighted,\n  type = 'inout',\n  motionTriggers,\n}: ElevateProps): React.ReactElement => {\n  const isControlledHighlighted = typeof isHighlighted === 'boolean';\n  const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n  const { theme } = useTheme();\n\n  const elevateVariants: MotionVariantsType = {\n    initial: {\n      boxShadow: 'none',\n    },\n    animate: {\n      boxShadow:\n        isHighlighted || !isControlledHighlighted\n          ? castWebType(theme.elevation.lowRaised)\n          : undefined,\n      transition: {\n        duration: msToSeconds(theme.motion.duration.moderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n      },\n    },\n    exit: {\n      boxShadow: 'none',\n    },\n  };\n\n  return (\n    <BaseMotionEnhancerBox\n      motionVariants={elevateVariants}\n      type={type}\n      children={children}\n      motionTriggers={motionTriggers ?? defaultMotionTriggers}\n    />\n  );\n};\n\nexport { Elevate };\n"],"names":["Elevate","_ref","children","isHighlighted","_ref$type","type","motionTriggers","isControlledHighlighted","defaultMotionTriggers","_useTheme","useTheme","theme","elevateVariants","initial","boxShadow","animate","castWebType","elevation","lowRaised","undefined","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","easing","standard","exit","_jsx","BaseMotionEnhancerBox","motionVariants"],"mappings":";;;;;;;;;;AA+BA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAK2B;AAAA,EAAA,IAJtCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,SAAA,GAAAH,IAAA,CACbI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IACdE,cAAc,GAAAL,IAAA,CAAdK,cAAc,CAAA;AAEd,EAAA,IAAMC,uBAAuB,GAAG,OAAOJ,aAAa,KAAK,SAAS,CAAA;EAClE,IAAMK,qBAAqB,GAAGD,uBAAuB,GAAG,CAAC,OAAO,CAAU,GAAG,CAAC,OAAO,CAAU,CAAA;AAC/F,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AAEb,EAAA,IAAMC,eAAmC,GAAG;AAC1CC,IAAAA,OAAO,EAAE;AACPC,MAAAA,SAAS,EAAE,MAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS,EACPX,aAAa,IAAI,CAACI,uBAAuB,GACrCS,WAAW,CAACL,KAAK,CAACM,SAAS,CAACC,SAAS,CAAC,GACtCC,SAAS;AACfC,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACX,KAAK,CAACY,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAAC;AACrDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACV,WAAW,CAACL,KAAK,CAACY,MAAM,CAACI,MAAM,CAACC,QAAQ,CAAC,CAAA;AAClE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJf,MAAAA,SAAS,EAAE,MAAA;AACb,KAAA;GACD,CAAA;EAED,oBACEgB,GAAA,CAACC,qBAAqB,EAAA;AACpBC,IAAAA,cAAc,EAAEpB,eAAgB;AAChCP,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,QAAQ,EAAEA,QAAS;AACnBI,IAAAA,cAAc,EAAEA,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAdA,cAAc,GAAIE,qBAAAA;AAAsB,GACzD,CAAC,CAAA;AAEN;;;;"}

package/build/lib/web/production/components/Elevate/index.js

@@ -0,0 +1,2 @@
+export { Elevate } from './Elevate.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Elevate/index.js.map

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

package/build/lib/web/production/components/Scale/Scale.web.js

@@ -20,7 +20,7 @@ var Scale = function Scale(_ref) {
   var defaultMotionTriggers = isControlledHighlighted ? ['mount'] : ['hover'];
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
-  var fadeVariants = {
+  var scaleVariants = {
     initial: {
       scale: 1
     },
@@ -36,7 +36,7 @@ var Scale = function Scale(_ref) {
     }
   };
   return /*#__PURE__*/jsx(BaseMotionEnhancerBox, {
-    motionVariants: fadeVariants,
+    motionVariants: scaleVariants,
     type: type,
     children: children,
     motionTriggers: motionTriggers !== null && motionTriggers !== void 0 ? motionTriggers : defaultMotionTriggers

package/build/lib/web/production/components/Scale/Scale.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scale.web.js","sources":["../../../../../../src/components/Scale/Scale.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ScaleProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType, useTheme } from '~utils';\n\n/**\n * ## Scale\n *\n * Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions\n *\n * ### Usage\n *\n * #### Scale up on hover\n *\n * ```jsx\n * <Scale motionTriggers={['hover']}>\n *  <Card />\n * </Scale>\n * ```\n *\n * #### Scale down on tap\n *\n * ```jsx\n * <Scale variant=\"scale-down\" motionTriggers={['tap']}>\n *   <Card />\n * </Scale>\n * ```\n *\n * #### Conditionally scale\n *\n * ```jsx\n * <Scale isHighlighted={isHighlightedState}>\n *   <MyComponent />\n * </Scale>\n * ```\n */\nconst Scale = ({\n  children,\n  isHighlighted,\n  type = 'inout',\n  variant = 'scale-up',\n  motionTriggers,\n}: ScaleProps): React.ReactElement => {\n  const isControlledHighlighted = typeof isHighlighted === 'boolean';\n  const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n  const { theme } = useTheme();\n\n  const fadeVariants: MotionVariantsType = {\n    initial: {\n      scale: 1,\n    },\n    animate: {\n      scale:\n        isHighlighted || !isControlledHighlighted\n          ? variant === 'scale-up'\n            ? 1.05\n            : 0.98\n          : undefined,\n      transition: {\n        duration: msToSeconds(theme.motion.duration.moderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n      },\n    },\n    exit: {\n      scale: 1,\n    },\n  };\n\n  return (\n    <BaseMotionEnhancerBox\n      motionVariants={fadeVariants}\n      type={type}\n      children={children}\n      motionTriggers={motionTriggers ?? defaultMotionTriggers}\n    />\n  );\n};\n\nexport { Scale };\n"],"names":["Scale","_ref","children","isHighlighted","_ref$type","type","_ref$variant","variant","motionTriggers","isControlledHighlighted","defaultMotionTriggers","_useTheme","useTheme","theme","fadeVariants","initial","scale","animate","undefined","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","_jsx","BaseMotionEnhancerBox","motionVariants"],"mappings":";;;;;;;;;;AAuCA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IALpCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,SAAA,GAAAH,IAAA,CACbI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;IACpBE,cAAc,GAAAP,IAAA,CAAdO,cAAc,CAAA;AAEd,EAAA,IAAMC,uBAAuB,GAAG,OAAON,aAAa,KAAK,SAAS,CAAA;EAClE,IAAMO,qBAAqB,GAAGD,uBAAuB,GAAG,CAAC,OAAO,CAAU,GAAG,CAAC,OAAO,CAAU,CAAA;AAC/F,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AAEb,EAAA,IAAMC,YAAgC,GAAG;AACvCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,CAAA;KACR;AACDC,IAAAA,OAAO,EAAE;AACPD,MAAAA,KAAK,EACHb,aAAa,IAAI,CAACM,uBAAuB,GACrCF,OAAO,KAAK,UAAU,GACpB,IAAI,GACJ,IAAI,GACNW,SAAS;AACfC,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACR,KAAK,CAACS,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAAC;AACrDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAACb,KAAK,CAACS,MAAM,CAACK,MAAM,CAACC,QAAQ,CAAC,CAAA;AAClE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAE,CAAA;AACT,KAAA;GACD,CAAA;EAED,oBACEc,GAAA,CAACC,qBAAqB,EAAA;AACpBC,IAAAA,cAAc,EAAElB,YAAa;AAC7BT,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,QAAQ,EAAEA,QAAS;AACnBM,IAAAA,cAAc,EAAEA,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAdA,cAAc,GAAIE,qBAAAA;AAAsB,GACzD,CAAC,CAAA;AAEN;;;;"}
+{"version":3,"file":"Scale.web.js","sources":["../../../../../../src/components/Scale/Scale.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ScaleProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType, useTheme } from '~utils';\n\n/**\n * ## Scale\n *\n * Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions\n *\n * ### Usage\n *\n * #### Scale up on hover\n *\n * ```jsx\n * <Scale motionTriggers={['hover']}>\n *  <Card />\n * </Scale>\n * ```\n *\n * #### Scale down on tap\n *\n * ```jsx\n * <Scale variant=\"scale-down\" motionTriggers={['tap']}>\n *   <Card />\n * </Scale>\n * ```\n *\n * #### Conditionally scale\n *\n * ```jsx\n * <Scale isHighlighted={isHighlightedState}>\n *   <MyComponent />\n * </Scale>\n * ```\n */\nconst Scale = ({\n  children,\n  isHighlighted,\n  type = 'inout',\n  variant = 'scale-up',\n  motionTriggers,\n}: ScaleProps): React.ReactElement => {\n  const isControlledHighlighted = typeof isHighlighted === 'boolean';\n  const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n  const { theme } = useTheme();\n\n  const scaleVariants: MotionVariantsType = {\n    initial: {\n      scale: 1,\n    },\n    animate: {\n      scale:\n        isHighlighted || !isControlledHighlighted\n          ? variant === 'scale-up'\n            ? 1.05\n            : 0.98\n          : undefined,\n      transition: {\n        duration: msToSeconds(theme.motion.duration.moderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n      },\n    },\n    exit: {\n      scale: 1,\n    },\n  };\n\n  return (\n    <BaseMotionEnhancerBox\n      motionVariants={scaleVariants}\n      type={type}\n      children={children}\n      motionTriggers={motionTriggers ?? defaultMotionTriggers}\n    />\n  );\n};\n\nexport { Scale };\n"],"names":["Scale","_ref","children","isHighlighted","_ref$type","type","_ref$variant","variant","motionTriggers","isControlledHighlighted","defaultMotionTriggers","_useTheme","useTheme","theme","scaleVariants","initial","scale","animate","undefined","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","_jsx","BaseMotionEnhancerBox","motionVariants"],"mappings":";;;;;;;;;;AAuCA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IALpCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,SAAA,GAAAH,IAAA,CACbI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;IACpBE,cAAc,GAAAP,IAAA,CAAdO,cAAc,CAAA;AAEd,EAAA,IAAMC,uBAAuB,GAAG,OAAON,aAAa,KAAK,SAAS,CAAA;EAClE,IAAMO,qBAAqB,GAAGD,uBAAuB,GAAG,CAAC,OAAO,CAAU,GAAG,CAAC,OAAO,CAAU,CAAA;AAC/F,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AAEb,EAAA,IAAMC,aAAiC,GAAG;AACxCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,CAAA;KACR;AACDC,IAAAA,OAAO,EAAE;AACPD,MAAAA,KAAK,EACHb,aAAa,IAAI,CAACM,uBAAuB,GACrCF,OAAO,KAAK,UAAU,GACpB,IAAI,GACJ,IAAI,GACNW,SAAS;AACfC,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACR,KAAK,CAACS,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAAC;AACrDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAACb,KAAK,CAACS,MAAM,CAACK,MAAM,CAACC,QAAQ,CAAC,CAAA;AAClE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAE,CAAA;AACT,KAAA;GACD,CAAA;EAED,oBACEc,GAAA,CAACC,qBAAqB,EAAA;AACpBC,IAAAA,cAAc,EAAElB,aAAc;AAC9BT,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,QAAQ,EAAEA,QAAS;AACnBM,IAAAA,cAAc,EAAEA,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAdA,cAAc,GAAIE,qBAAAA;AAAsB,GACzD,CAAC,CAAA;AAEN;;;;"}

package/build/lib/web/production/components/index.js

@@ -23,6 +23,7 @@ import './Divider/index.js';
 import './Drawer/index.js';
 import './DatePicker/index.js';
 import './Dropdown/index.js';
+import './Elevate/index.js';
 import './Fade/index.js';
 import './FileUpload/index.js';
 import './Icons/index.js';
@@ -113,6 +114,7 @@ export { DropdownOverlay } from './Dropdown/DropdownOverlay.web.js';
 export { DropdownButton } from './Dropdown/DropdownButton.js';
 export { DropdownLink } from './Dropdown/DropdownLink.js';
 export { DropdownFooter, DropdownHeader } from './Dropdown/DropdownHeaderFooter.js';
+export { Elevate } from './Elevate/Elevate.web.js';
 export { Fade } from './Fade/Fade.web.js';
 export { FileUpload } from './FileUpload/FileUpload.web.js';
 export { default as AcceptPaymentsIcon } from './Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.js';

package/build/lib/web/production/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/types/components/index.d.ts

@@ -17302,6 +17302,43 @@ declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing
 type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
 declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
 
+type ElevateProps = Pick<BaseMotionBoxProps, 'type' | 'motionTriggers' | 'children'> & {
+    /**
+     * Controlled state of elevation. If you want to elevate on hover / focus, etc, checkout `motionTriggers` prop instead.
+     *
+     * This is when you want to elevate conditionally
+     *
+     * With `isHighlighted={true}`, your component will be in elevated state
+     * With `isHighlighted={false}`, your component will be in normal state
+     */
+    isHighlighted?: boolean;
+};
+
+/**
+ * ## Elevate
+ *
+ * Elevate is one of the highlight presets that we expose from blade to help you elevate (add shadow) components based on interactions
+ *
+ * ### Usage
+ *
+ * #### Elevate up on hover
+ *
+ * ```jsx
+ * <Elevate motionTriggers={['hover']}>
+ *  <Card />
+ * </Elevate>
+ * ```
+ *
+ * #### Conditionally elevateF
+ *
+ * ```jsx
+ * <Elevate isHighlighted={isHighlightedState}>
+ *   <MyComponent />
+ * </Elevate>
+ * ```
+ */
+declare const Elevate: ({ children, isHighlighted, type, motionTriggers, }: ElevateProps) => React__default.ReactElement;
+
 type FadeProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'>;
 
 /**
@@ -27231,4 +27268,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
 
-export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, Elevate, ElevateProps, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };

package/build/types/components/index.native.d.ts

@@ -11035,6 +11035,20 @@ declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing
 type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
 declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
 
+type ElevateProps = Pick<BaseMotionBoxProps, 'type' | 'motionTriggers' | 'children'> & {
+    /**
+     * Controlled state of elevation. If you want to elevate on hover / focus, etc, checkout `motionTriggers` prop instead.
+     *
+     * This is when you want to elevate conditionally
+     *
+     * With `isHighlighted={true}`, your component will be in elevated state
+     * With `isHighlighted={false}`, your component will be in normal state
+     */
+    isHighlighted?: boolean;
+};
+
+declare const Elevate: (_props: ElevateProps) => React.ReactElement;
+
 type FadeProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'>;
 
 declare const Fade: (_props: FadeProps) => React.ReactElement;
@@ -15805,4 +15819,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
 
-export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, Elevate, ElevateProps, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.6.0",
+  "version": "12.7.1",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"