@razorpay/blade 11.2.0 → 11.3.0

package/build/lib/web/production/components/Toast/ToastContainer.web.js

@@ -0,0 +1,305 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useToaster, resolveValue } from 'react-hot-toast';
+import React__default from 'react';
+import styled from 'styled-components';
+import { PEEKS, MAX_TOASTS, MIN_TOAST_MOBILE, MIN_TOAST_DESKTOP, CONTAINER_GUTTER_MOBILE, CONTAINER_GUTTER_DESKTOP, GUTTER, SCALE_FACTOR, PEEK_GUTTER, TOAST_Z_INDEX, TOAST_MAX_WIDTH } from './constants.js';
+import '../../utils/index.js';
+import '../Box/BaseBox/index.js';
+import { useIsMobile } from '../../utils/useIsMobile.js';
+import '../../utils/metaAttribute/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var StyledToastWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "ToastContainerweb__StyledToastWrapper",
+  componentId: "mv9fjf-0"
+})(function (_ref) {
+  var isVisible = _ref.isVisible,
+    index = _ref.index,
+    isExpanded = _ref.isExpanded,
+    isPromotional = _ref.isPromotional;
+  var opacity = isVisible ? 1 : 0;
+  // Only make the PEEKING and MAX_TOASTS toasts visible,
+  // Every other toasts should be hidden
+  if (index < PEEKS + MAX_TOASTS) {
+    opacity = 1;
+  } else if (isPromotional || isExpanded) {
+    opacity = 1;
+  } else {
+    opacity = 0;
+  }
+  return {
+    '& > *': {
+      pointerEvents: opacity === 1 ? 'auto' : 'none'
+    },
+    opacity: opacity
+  };
+});
+var getPositionStyle = function getPositionStyle(position, offset, scale, theme) {
+  var top = position.includes('top');
+  var verticalStyle = top ? {
+    top: 0
+  } : {
+    bottom: 0
+  };
+  var horizontalStyle = position.includes('center') ? {
+    justifyContent: 'center'
+  } : position.includes('right') ? {
+    justifyContent: 'flex-end'
+  } : {};
+  return _objectSpread(_objectSpread({
+    left: 0,
+    right: 0,
+    display: 'flex',
+    position: 'absolute',
+    transformOrigin: 'center',
+    transition: "".concat(makeMotionTime(theme.motion.duration.gentle), " ").concat(theme.motion.easing.standard.effective),
+    transitionProperty: 'transform, opacity, height',
+    transform: "translateY(".concat(offset * (top ? 1 : -1), "px) scale(").concat(scale, ")")
+  }, verticalStyle), horizontalStyle);
+};
+function isPromotionalToast(toast) {
+  // @ts-expect-error
+  return toast.type == 'promotional';
+}
+var Toaster = function Toaster(_ref2) {
+  var _promoToasts$, _promoToasts$0$height, _promoToasts$2;
+  var reverseOrder = _ref2.reverseOrder,
+    _ref2$position = _ref2.position,
+    position = _ref2$position === void 0 ? 'top-center' : _ref2$position,
+    toastOptions = _ref2.toastOptions,
+    containerClassName = _ref2.containerClassName;
+  var _useToaster = useToaster(toastOptions),
+    toasts = _useToaster.toasts,
+    handlers = _useToaster.handlers;
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _React$useState = React__default.useState(0),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    frontToastHeight = _React$useState2[0],
+    setFrontToastHeight = _React$useState2[1];
+  var _React$useState3 = React__default.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    hasManuallyExpanded = _React$useState4[0],
+    setHasManuallyExpanded = _React$useState4[1];
+  var isMobile = useIsMobile();
+  var minToasts = isMobile ? MIN_TOAST_MOBILE : MIN_TOAST_DESKTOP;
+  var containerGutter = isMobile ? CONTAINER_GUTTER_MOBILE : CONTAINER_GUTTER_DESKTOP;
+  var infoToasts = React__default.useMemo(function () {
+    return toasts.filter(function (toast) {
+      return !isPromotionalToast(toast);
+    });
+  }, [toasts]);
+  var promoToasts = React__default.useMemo(function () {
+    return toasts.filter(function (toast) {
+      return isPromotionalToast(toast);
+    });
+  }, [toasts]);
+
+  // always keep promo toasts at the bottom of the stack
+  var recomputedToasts = React__default.useMemo(function () {
+    return [].concat(_toConsumableArray(infoToasts), _toConsumableArray(promoToasts));
+  }, [infoToasts, promoToasts]);
+  var hasPromoToast = promoToasts.length > 0 && ((_promoToasts$ = promoToasts[0]) === null || _promoToasts$ === void 0 ? void 0 : _promoToasts$.visible);
+  var promoToastHeight = (_promoToasts$0$height = (_promoToasts$2 = promoToasts[0]) === null || _promoToasts$2 === void 0 ? void 0 : _promoToasts$2.height) !== null && _promoToasts$0$height !== void 0 ? _promoToasts$0$height : 0;
+  var isExpanded = hasManuallyExpanded || recomputedToasts.length <= minToasts;
+  React__default.useLayoutEffect(function () {
+    // find the first toast which is visible
+    var firstToast = infoToasts.find(function (t, index) {
+      return t.visible && index === 0;
+    });
+    if (firstToast) {
+      var _firstToast$height;
+      setFrontToastHeight((_firstToast$height = firstToast.height) !== null && _firstToast$height !== void 0 ? _firstToast$height : 0);
+    }
+  }, [infoToasts]);
+
+  // calculate total height of all toasts
+  var totalHeight = React__default.useMemo(function () {
+    return recomputedToasts
+    // only consider visible recomputedToasts
+    .filter(function (toast) {
+      return toast.visible;
+    }).reduce(function (prevHeight, toast) {
+      var _toast$height;
+      return prevHeight + ((_toast$height = toast.height) !== null && _toast$height !== void 0 ? _toast$height : 0);
+    }, 0) + recomputedToasts.length * GUTTER;
+  }, [recomputedToasts]);
+
+  // Stacking logic explained in detail:
+  // https://www.loom.com/share/522d9a445e2f41e1886cce4decb9ab9d?sid=4287acf6-8d44-431b-93e1-c1a0d40a0aba
+  //
+  // 1. 3 toasts can be stacked on top of each other
+  // 2. After 3 toasts, the toasts will be scaled down and peek from behind
+  // 3. There can be maximum of 3 toasts peeking from behind
+  // 4. After 3 peeking toasts, the toasts will be hidden
+  // 5. If there is a promo toast, all toasts will be lifted up
+  // 6. Promo toasts will always be on the bottom
+  var calculateYPosition = React__default.useCallback(function (_ref3) {
+    var toast = _ref3.toast,
+      index = _ref3.index;
+    // find the current toast index
+    var toastIndex = infoToasts.findIndex(function (t) {
+      return t.id === toast.id;
+    });
+    // number of toasts before this toast
+    var toastsBefore = infoToasts.filter(function (toast, i) {
+      return i < toastIndex && toast.visible;
+    }).length;
+    var scale = Math.max(0.7, 1 - toastsBefore * SCALE_FACTOR);
+    // first toast should always have a scale of 1
+    if (index < MAX_TOASTS) {
+      scale = 1;
+    }
+
+    // y position of toast,
+    var offset = infoToasts.filter(function (toast) {
+      return toast.visible;
+    }).slice(0, toastsBefore).reduce(function (y, toast) {
+      // if the toast is expanded, add the height of the toast + gutter
+      if (isExpanded) {
+        var _toast$height2;
+        return y + ((_toast$height2 = toast.height) !== null && _toast$height2 !== void 0 ? _toast$height2 : 0) + GUTTER;
+      }
+      // if the toast is not expanded, add only the peek gutter
+      return y + PEEK_GUTTER;
+    }, 0);
+
+    // lift all info toasts up if there is a promo toast
+    if (hasPromoToast) {
+      offset += GUTTER + promoToastHeight;
+    }
+
+    // if this is a promo toast, then put it at the bottom and force the scale to 1
+    if (isPromotionalToast(toast)) {
+      offset = 0;
+      scale = 1;
+    }
+    return {
+      offset: offset,
+      scale: isExpanded ? 1 : scale
+    };
+  }, [hasPromoToast, infoToasts, isExpanded, promoToastHeight]);
+  var handleMouseEnter = function handleMouseEnter() {
+    if (isMobile) return;
+    setHasManuallyExpanded(true);
+    handlers.startPause();
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    if (isMobile) return;
+    setHasManuallyExpanded(false);
+    handlers.endPause();
+  };
+  var handleToastClick = function handleToastClick() {
+    if (!isMobile) return;
+    setHasManuallyExpanded(function (prev) {
+      var next = !prev;
+      if (next) {
+        handlers.startPause();
+      } else {
+        handlers.endPause();
+      }
+      return next;
+    });
+  };
+  return /*#__PURE__*/jsxs(BaseBox, {
+    position: "fixed",
+    zIndex: TOAST_Z_INDEX,
+    top: makeSize(containerGutter),
+    left: makeSize(containerGutter),
+    right: makeSize(containerGutter),
+    bottom: makeSize(containerGutter),
+    width: "calc(100% - ".concat(containerGutter * 2, "px)"),
+    maxWidth: makeSize(TOAST_MAX_WIDTH),
+    pointerEvents: "none",
+    className: containerClassName,
+    children: [/*#__PURE__*/jsx(BaseBox, _objectSpread({
+      position: "absolute",
+      bottom: "".concat(promoToastHeight, "px"),
+      left: "0px",
+      width: "100%",
+      pointerEvents: isExpanded ? 'all' : 'none',
+      height: makeSize(isExpanded ? totalHeight - promoToastHeight : frontToastHeight),
+      zIndex: -100,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onClick: handleToastClick
+    }, metaAttribute({
+      testID: 'toast-mouseover-container'
+    }))), recomputedToasts.map(function (toast, index) {
+      var _toast$position;
+      var toastPosition = (_toast$position = toast.position) !== null && _toast$position !== void 0 ? _toast$position : position;
+      var isPromotional = isPromotionalToast(toast);
+      var _calculateYPosition = calculateYPosition({
+          toast: toast,
+          isExpanded: isExpanded,
+          reverseOrder: reverseOrder,
+          index: index
+        }),
+        offset = _calculateYPosition.offset,
+        scale = _calculateYPosition.scale;
+      var positionStyle = getPositionStyle(toastPosition, offset, scale, theme);
+      // recalculate height of toast
+      var ref = function ref(el) {
+        if (el && typeof toast.height !== 'number') {
+          var height = el.getBoundingClientRect().height;
+          handlers.updateHeight(toast.id, height);
+        }
+      };
+      var toastHeight = toast.height;
+      if (index > MAX_TOASTS - 1 && !isPromotional) {
+        toastHeight = frontToastHeight;
+      }
+      if (isExpanded) {
+        toastHeight = toast.height;
+      }
+      return /*#__PURE__*/jsx(StyledToastWrapper, {
+        index: index,
+        ref: ref,
+        isExpanded: isExpanded,
+        isVisible: toast.visible,
+        isPromotional: isPromotional,
+        style: _objectSpread(_objectSpread({}, positionStyle), {}, {
+          zIndex: -1 * index,
+          height: toastHeight,
+          overflow: 'hidden'
+        }),
+        onMouseEnter: function onMouseEnter() {
+          if (isPromotional) return;
+          handleMouseEnter();
+        },
+        onMouseLeave: function onMouseLeave() {
+          if (isPromotional) return;
+          handleMouseLeave();
+        },
+        onClick: function onClick() {
+          if (isPromotional) return;
+          handleToastClick();
+        },
+        children: /*#__PURE__*/jsx(BaseBox, {
+          height: "fit-content",
+          width: "100%",
+          children: resolveValue(toast.message, _objectSpread(_objectSpread({}, toast), {}, {
+            index: index
+          }))
+        })
+      }, toast.id);
+    })]
+  });
+};
+var ToastContainer = function ToastContainer() {
+  return /*#__PURE__*/jsx(Toaster, {
+    position: "bottom-left"
+  });
+};
+
+export { ToastContainer };
+//# sourceMappingURL=ToastContainer.web.js.map

package/build/lib/web/production/components/Toast/ToastContainer.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.web.js","sources":["../../../../../../src/components/Toast/ToastContainer.web.tsx"],"sourcesContent":["import type { ToastPosition, ToasterProps, Toast } from 'react-hot-toast';\nimport { resolveValue, useToaster } from 'react-hot-toast';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n  PEEKS,\n  MAX_TOASTS,\n  SCALE_FACTOR,\n  GUTTER,\n  PEEK_GUTTER,\n  TOAST_MAX_WIDTH,\n  TOAST_Z_INDEX,\n  MIN_TOAST_MOBILE,\n  MIN_TOAST_DESKTOP,\n  CONTAINER_GUTTER_MOBILE,\n  CONTAINER_GUTTER_DESKTOP,\n} from './constants';\nimport { makeMotionTime, makeSize, useTheme } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { Theme } from '~components/BladeProvider';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { metaAttribute } from '~utils/metaAttribute';\n\ntype CalculateYPositionProps = {\n  toast: Toast;\n  index: number;\n  isExpanded: boolean;\n  reverseOrder?: boolean;\n};\n\nconst StyledToastWrapper = styled(BaseBox)<{\n  isVisible: boolean;\n  index: number;\n  isExpanded: boolean;\n  isPromotional: boolean;\n}>(({ isVisible, index, isExpanded, isPromotional }) => {\n  let opacity = isVisible ? 1 : 0;\n  // Only make the PEEKING and MAX_TOASTS toasts visible,\n  // Every other toasts should be hidden\n  if (index < PEEKS + MAX_TOASTS) {\n    opacity = 1;\n  } else if (isPromotional || isExpanded) {\n    opacity = 1;\n  } else {\n    opacity = 0;\n  }\n\n  return {\n    '& > *': {\n      pointerEvents: opacity === 1 ? 'auto' : 'none',\n    },\n    opacity,\n  };\n});\n\nconst getPositionStyle = (\n  position: ToastPosition,\n  offset: number,\n  scale: number,\n  theme: Theme,\n): React.CSSProperties => {\n  const top = position.includes('top');\n  const verticalStyle: React.CSSProperties = top ? { top: 0 } : { bottom: 0 };\n  const horizontalStyle: React.CSSProperties = position.includes('center')\n    ? {\n        justifyContent: 'center',\n      }\n    : position.includes('right')\n    ? {\n        justifyContent: 'flex-end',\n      }\n    : {};\n\n  return {\n    left: 0,\n    right: 0,\n    display: 'flex',\n    position: 'absolute',\n    transformOrigin: 'center',\n    transition: `${makeMotionTime(theme.motion.duration.gentle)} ${\n      theme.motion.easing.standard.effective\n    }`,\n    transitionProperty: 'transform, opacity, height',\n    transform: `translateY(${offset * (top ? 1 : -1)}px) scale(${scale})`,\n    ...verticalStyle,\n    ...horizontalStyle,\n  };\n};\n\nfunction isPromotionalToast(toast: Toast): boolean {\n  // @ts-expect-error\n  return toast.type == 'promotional';\n}\n\nconst Toaster: React.FC<ToasterProps> = ({\n  reverseOrder,\n  position = 'top-center',\n  toastOptions,\n  containerClassName,\n}) => {\n  const { toasts, handlers } = useToaster(toastOptions);\n  const { theme } = useTheme();\n  const [frontToastHeight, setFrontToastHeight] = React.useState(0);\n  const [hasManuallyExpanded, setHasManuallyExpanded] = React.useState(false);\n  const isMobile = useIsMobile();\n  const minToasts = isMobile ? MIN_TOAST_MOBILE : MIN_TOAST_DESKTOP;\n  const containerGutter = isMobile ? CONTAINER_GUTTER_MOBILE : CONTAINER_GUTTER_DESKTOP;\n\n  const infoToasts = React.useMemo(() => toasts.filter((toast) => !isPromotionalToast(toast)), [\n    toasts,\n  ]);\n  const promoToasts = React.useMemo(() => toasts.filter((toast) => isPromotionalToast(toast)), [\n    toasts,\n  ]);\n\n  // always keep promo toasts at the bottom of the stack\n  const recomputedToasts = React.useMemo(() => [...infoToasts, ...promoToasts], [\n    infoToasts,\n    promoToasts,\n  ]);\n\n  const hasPromoToast = promoToasts.length > 0 && promoToasts[0]?.visible;\n  const promoToastHeight = promoToasts[0]?.height ?? 0;\n  const isExpanded = hasManuallyExpanded || recomputedToasts.length <= minToasts;\n\n  React.useLayoutEffect(() => {\n    // find the first toast which is visible\n    const firstToast = infoToasts.find((t, index) => t.visible && index === 0);\n    if (firstToast) {\n      setFrontToastHeight(firstToast.height ?? 0);\n    }\n  }, [infoToasts]);\n\n  // calculate total height of all toasts\n  const totalHeight = React.useMemo(() => {\n    return (\n      recomputedToasts\n        // only consider visible recomputedToasts\n        .filter((toast) => toast.visible)\n        .reduce((prevHeight, toast) => prevHeight + (toast.height ?? 0), 0) +\n      recomputedToasts.length * GUTTER\n    );\n  }, [recomputedToasts]);\n\n  // Stacking logic explained in detail:\n  // https://www.loom.com/share/522d9a445e2f41e1886cce4decb9ab9d?sid=4287acf6-8d44-431b-93e1-c1a0d40a0aba\n  //\n  // 1. 3 toasts can be stacked on top of each other\n  // 2. After 3 toasts, the toasts will be scaled down and peek from behind\n  // 3. There can be maximum of 3 toasts peeking from behind\n  // 4. After 3 peeking toasts, the toasts will be hidden\n  // 5. If there is a promo toast, all toasts will be lifted up\n  // 6. Promo toasts will always be on the bottom\n  const calculateYPosition = React.useCallback(\n    ({ toast, index }: CalculateYPositionProps) => {\n      // find the current toast index\n      const toastIndex = infoToasts.findIndex((t) => t.id === toast.id);\n      // number of toasts before this toast\n      const toastsBefore = infoToasts.filter((toast, i) => i < toastIndex && toast.visible).length;\n\n      let scale = Math.max(0.7, 1 - toastsBefore * SCALE_FACTOR);\n      // first toast should always have a scale of 1\n      if (index < MAX_TOASTS) {\n        scale = 1;\n      }\n\n      // y position of toast,\n      let offset = infoToasts\n        .filter((toast) => toast.visible)\n        .slice(0, toastsBefore)\n        .reduce((y, toast) => {\n          // if the toast is expanded, add the height of the toast + gutter\n          if (isExpanded) {\n            return y + (toast.height ?? 0) + GUTTER;\n          }\n          // if the toast is not expanded, add only the peek gutter\n          return y + PEEK_GUTTER;\n        }, 0);\n\n      // lift all info toasts up if there is a promo toast\n      if (hasPromoToast) {\n        offset += GUTTER + promoToastHeight;\n      }\n\n      // if this is a promo toast, then put it at the bottom and force the scale to 1\n      if (isPromotionalToast(toast)) {\n        offset = 0;\n        scale = 1;\n      }\n\n      return { offset, scale: isExpanded ? 1 : scale };\n    },\n    [hasPromoToast, infoToasts, isExpanded, promoToastHeight],\n  );\n\n  const handleMouseEnter = (): void => {\n    if (isMobile) return;\n    setHasManuallyExpanded(true);\n    handlers.startPause();\n  };\n\n  const handleMouseLeave = (): void => {\n    if (isMobile) return;\n    setHasManuallyExpanded(false);\n    handlers.endPause();\n  };\n\n  const handleToastClick = (): void => {\n    if (!isMobile) return;\n    setHasManuallyExpanded((prev) => {\n      const next = !prev;\n      if (next) {\n        handlers.startPause();\n      } else {\n        handlers.endPause();\n      }\n      return next;\n    });\n  };\n\n  return (\n    <BaseBox\n      position=\"fixed\"\n      zIndex={TOAST_Z_INDEX}\n      top={makeSize(containerGutter)}\n      left={makeSize(containerGutter)}\n      right={makeSize(containerGutter)}\n      bottom={makeSize(containerGutter)}\n      width={`calc(100% - ${containerGutter * 2}px)`}\n      maxWidth={makeSize(TOAST_MAX_WIDTH)}\n      pointerEvents=\"none\"\n      className={containerClassName}\n    >\n      {/*\n       * Mouseover container,\n       * fills in the gap between toasts so that mouseleave doesn't trigger in the gaps\n       */}\n      <BaseBox\n        position=\"absolute\"\n        bottom={`${promoToastHeight}px`}\n        left=\"0px\"\n        width=\"100%\"\n        pointerEvents={isExpanded ? 'all' : 'none'}\n        height={makeSize(isExpanded ? totalHeight - promoToastHeight : frontToastHeight)}\n        zIndex={-100}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onClick={handleToastClick}\n        {...metaAttribute({ testID: 'toast-mouseover-container' })}\n      />\n      {recomputedToasts.map((toast, index) => {\n        const toastPosition = toast.position ?? position;\n        const isPromotional = isPromotionalToast(toast);\n        const { offset, scale } = calculateYPosition({\n          toast,\n          isExpanded,\n          reverseOrder,\n          index,\n        });\n        const positionStyle = getPositionStyle(toastPosition, offset, scale, theme);\n        // recalculate height of toast\n        const ref = (el: HTMLDivElement): void => {\n          if (el && typeof toast.height !== 'number') {\n            const height = el.getBoundingClientRect().height;\n            handlers.updateHeight(toast.id, height);\n          }\n        };\n\n        let toastHeight = toast.height;\n        if (index > MAX_TOASTS - 1 && !isPromotional) {\n          toastHeight = frontToastHeight;\n        }\n        if (isExpanded) {\n          toastHeight = toast.height;\n        }\n\n        return (\n          <StyledToastWrapper\n            key={toast.id}\n            index={index}\n            ref={ref}\n            isExpanded={isExpanded}\n            isVisible={toast.visible}\n            isPromotional={isPromotional}\n            style={{\n              ...positionStyle,\n              zIndex: -1 * index,\n              height: toastHeight,\n              overflow: 'hidden',\n            }}\n            onMouseEnter={() => {\n              if (isPromotional) return;\n              handleMouseEnter();\n            }}\n            onMouseLeave={() => {\n              if (isPromotional) return;\n              handleMouseLeave();\n            }}\n            onClick={() => {\n              if (isPromotional) return;\n              handleToastClick();\n            }}\n          >\n            <BaseBox height=\"fit-content\" width=\"100%\">\n              {resolveValue(toast.message, { ...toast, index })}\n            </BaseBox>\n          </StyledToastWrapper>\n        );\n      })}\n    </BaseBox>\n  );\n};\n\nconst ToastContainer = (): React.ReactElement => {\n  return <Toaster position=\"bottom-left\" />;\n};\n\nexport { ToastContainer };\n"],"names":["StyledToastWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref","isVisible","index","isExpanded","isPromotional","opacity","PEEKS","MAX_TOASTS","pointerEvents","getPositionStyle","position","offset","scale","theme","top","includes","verticalStyle","bottom","horizontalStyle","justifyContent","_objectSpread","left","right","display","transformOrigin","transition","concat","makeMotionTime","motion","duration","gentle","easing","standard","effective","transitionProperty","transform","isPromotionalToast","toast","type","Toaster","_ref2","_promoToasts$","_promoToasts$0$height","_promoToasts$2","reverseOrder","_ref2$position","toastOptions","containerClassName","_useToaster","useToaster","toasts","handlers","_useTheme","useTheme","_React$useState","React","useState","_React$useState2","_slicedToArray","frontToastHeight","setFrontToastHeight","_React$useState3","_React$useState4","hasManuallyExpanded","setHasManuallyExpanded","isMobile","useIsMobile","minToasts","MIN_TOAST_MOBILE","MIN_TOAST_DESKTOP","containerGutter","CONTAINER_GUTTER_MOBILE","CONTAINER_GUTTER_DESKTOP","infoToasts","useMemo","filter","promoToasts","recomputedToasts","_toConsumableArray","hasPromoToast","length","visible","promoToastHeight","height","useLayoutEffect","firstToast","find","t","_firstToast$height","totalHeight","reduce","prevHeight","_toast$height","GUTTER","calculateYPosition","useCallback","_ref3","toastIndex","findIndex","id","toastsBefore","i","Math","max","SCALE_FACTOR","slice","y","_toast$height2","PEEK_GUTTER","handleMouseEnter","startPause","handleMouseLeave","endPause","handleToastClick","prev","next","_jsxs","zIndex","TOAST_Z_INDEX","makeSize","width","maxWidth","TOAST_MAX_WIDTH","className","children","_jsx","onMouseEnter","onMouseLeave","onClick","metaAttribute","testID","map","_toast$position","toastPosition","_calculateYPosition","positionStyle","ref","el","getBoundingClientRect","updateHeight","toastHeight","style","overflow","resolveValue","message","ToastContainer"],"mappings":"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"}

package/build/lib/web/production/components/Toast/constants.js

@@ -0,0 +1,26 @@
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
+
+var TOAST_MAX_WIDTH = size['360'];
+// higher than modal
+var TOAST_Z_INDEX = 2000;
+
+// Space between the toasts
+var GUTTER = 12;
+// Space between the collapsed toast's peek
+var PEEK_GUTTER = 12;
+// Gap between the toast container and the page body
+var CONTAINER_GUTTER_MOBILE = 16;
+var CONTAINER_GUTTER_DESKTOP = 24;
+// How much to scale down the peeking toasts
+var SCALE_FACTOR = 0.05;
+// While collapsed, how many toasts to show
+var MAX_TOASTS = 1;
+// Minimum toasts to show on mobile and desktop
+var MIN_TOAST_MOBILE = 1;
+var MIN_TOAST_DESKTOP = 3;
+// While collapsed, how many toasts should be peeking
+var PEEKS = 3;
+
+export { CONTAINER_GUTTER_DESKTOP, CONTAINER_GUTTER_MOBILE, GUTTER, MAX_TOASTS, MIN_TOAST_DESKTOP, MIN_TOAST_MOBILE, PEEKS, PEEK_GUTTER, SCALE_FACTOR, TOAST_MAX_WIDTH, TOAST_Z_INDEX };
+//# sourceMappingURL=constants.js.map

package/build/lib/web/production/components/Toast/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/components/Toast/constants.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nexport const TOAST_MAX_WIDTH = size['360'];\n// higher than modal\nexport const TOAST_Z_INDEX = 2000;\n\n// Space between the toasts\nexport const GUTTER = 12;\n// Space between the collapsed toast's peek\nexport const PEEK_GUTTER = 12;\n// Gap between the toast container and the page body\nexport const CONTAINER_GUTTER_MOBILE = 16;\nexport const CONTAINER_GUTTER_DESKTOP = 24;\n// How much to scale down the peeking toasts\nexport const SCALE_FACTOR = 0.05;\n// While collapsed, how many toasts to show\nexport const MAX_TOASTS = 1;\n// Minimum toasts to show on mobile and desktop\nexport const MIN_TOAST_MOBILE = 1;\nexport const MIN_TOAST_DESKTOP = 3;\n// While collapsed, how many toasts should be peeking\nexport const PEEKS = 3;\n"],"names":["TOAST_MAX_WIDTH","size","TOAST_Z_INDEX","GUTTER","PEEK_GUTTER","CONTAINER_GUTTER_MOBILE","CONTAINER_GUTTER_DESKTOP","SCALE_FACTOR","MAX_TOASTS","MIN_TOAST_MOBILE","MIN_TOAST_DESKTOP","PEEKS"],"mappings":";;;IAEaA,eAAe,GAAGC,IAAI,CAAC,KAAK,EAAC;AAC1C;AACO,IAAMC,aAAa,GAAG,KAAI;;AAEjC;AACO,IAAMC,MAAM,GAAG,GAAE;AACxB;AACO,IAAMC,WAAW,GAAG,GAAE;AAC7B;AACO,IAAMC,uBAAuB,GAAG,GAAE;AAClC,IAAMC,wBAAwB,GAAG,GAAE;AAC1C;AACO,IAAMC,YAAY,GAAG,KAAI;AAChC;AACO,IAAMC,UAAU,GAAG,EAAC;AAC3B;AACO,IAAMC,gBAAgB,GAAG,EAAC;AAC1B,IAAMC,iBAAiB,GAAG,EAAC;AAClC;AACO,IAAMC,KAAK,GAAG;;;;"}

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

@@ -0,0 +1,4 @@
+export { ToastContainer } from './ToastContainer.web.js';
+export { useToast } from './useToast.js';
+import './types.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/web/production/components/Toast/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/lib/web/production/components/Toast/types.js.map

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

package/build/lib/web/production/components/Toast/useToast.js

@@ -0,0 +1,66 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import toast, { useToasterStore } from 'react-hot-toast';
+import { Toast } from './Toast.web.js';
+import '../../utils/logger/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { logger } from '../../utils/logger/logger.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useToast = function useToast() {
+  var _useToasterStore = useToasterStore(),
+    toasts = _useToasterStore.toasts;
+  var show = function show(props) {
+    var _props$type;
+    props.type = (_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'informational';
+
+    // Do not show promotional toasts if there is already one
+    if (toasts.find(function (t) {
+      // @ts-expect-error - react-hot-toast doesn't recognize our promotional type
+      return t.type === 'promotional';
+    }) && props.type === 'promotional') {
+      if (false) {
+        logger({
+          message: 'There can only be one promotional toast at a time',
+          type: 'warn',
+          moduleName: 'Toast'
+        });
+      }
+      return '';
+    }
+    var isPromoToast = props.type === 'promotional';
+    if (props.autoDismiss === undefined) {
+      // Promotional toasts should not auto dismiss
+      props.autoDismiss = !isPromoToast;
+    }
+    if (props.duration === undefined) {
+      // Set default durations
+      if (isPromoToast) {
+        props.duration = 8000;
+      } else {
+        props.duration = 4000;
+      }
+    }
+
+    // If autoDismiss is false, set duration to infinity
+    if (!props.autoDismiss) {
+      props.duration = Infinity;
+    }
+    return toast.custom(function (_ref) {
+      var visible = _ref.visible,
+        id = _ref.id;
+      return /*#__PURE__*/jsx(Toast, _objectSpread(_objectSpread({}, props), {}, {
+        id: id,
+        isVisible: visible
+      }));
+    }, props);
+  };
+  return {
+    toasts: toasts,
+    show: show,
+    dismiss: toast.dismiss
+  };
+};
+
+export { useToast };
+//# sourceMappingURL=useToast.js.map

package/build/lib/web/production/components/Toast/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","sources":["../../../../../../src/components/Toast/useToast.tsx"],"sourcesContent":["import type { Toast } from 'react-hot-toast';\nimport toast, { useToasterStore } from 'react-hot-toast';\nimport type { ToastProps } from './types';\nimport { Toast as ToastComponent } from './Toast';\nimport { logger } from '~utils/logger';\n\ntype BladeToast = Omit<Toast, 'type'> & ToastProps;\ntype UseToastReturn = {\n  toasts: BladeToast[];\n  show: (props: ToastProps) => string;\n  dismiss: (id?: string) => void;\n};\n\nconst useToast = (): UseToastReturn => {\n  const { toasts } = useToasterStore();\n  const show = (props: ToastProps): string => {\n    props.type = props.type ?? 'informational';\n\n    // Do not show promotional toasts if there is already one\n    if (\n      toasts.find((t) => {\n        // @ts-expect-error - react-hot-toast doesn't recognize our promotional type\n        return t.type === 'promotional';\n      }) &&\n      props.type === 'promotional'\n    ) {\n      if (__DEV__) {\n        logger({\n          message: 'There can only be one promotional toast at a time',\n          type: 'warn',\n          moduleName: 'Toast',\n        });\n      }\n      return '';\n    }\n\n    const isPromoToast = props.type === 'promotional';\n    if (props.autoDismiss === undefined) {\n      // Promotional toasts should not auto dismiss\n      props.autoDismiss = !isPromoToast;\n    }\n\n    if (props.duration === undefined) {\n      // Set default durations\n      if (isPromoToast) {\n        props.duration = 8000;\n      } else {\n        props.duration = 4000;\n      }\n    }\n\n    // If autoDismiss is false, set duration to infinity\n    if (!props.autoDismiss) {\n      props.duration = Infinity;\n    }\n\n    return toast.custom(({ visible, id }) => {\n      return <ToastComponent {...props} id={id} isVisible={visible} />;\n    }, props);\n  };\n\n  return {\n    toasts: (toasts as unknown) as BladeToast[],\n    show,\n    dismiss: toast.dismiss,\n  };\n};\n\nexport type { UseToastReturn };\nexport { useToast };\n"],"names":["useToast","_useToasterStore","useToasterStore","toasts","show","props","_props$type","type","find","t","logger","message","moduleName","isPromoToast","autoDismiss","undefined","duration","Infinity","toast","custom","_ref","visible","id","_jsx","ToastComponent","_objectSpread","isVisible","dismiss"],"mappings":";;;;;;;;;AAaA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,GAAyB;AACrC,EAAA,IAAAC,gBAAA,GAAmBC,eAAe,EAAE;IAA5BC,MAAM,GAAAF,gBAAA,CAANE,MAAM,CAAA;AACd,EAAA,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAiB,EAAa;AAAA,IAAA,IAAAC,WAAA,CAAA;AAC1CD,IAAAA,KAAK,CAACE,IAAI,GAAAD,CAAAA,WAAA,GAAGD,KAAK,CAACE,IAAI,MAAAD,IAAAA,IAAAA,WAAA,KAAAA,KAAAA,CAAAA,GAAAA,WAAA,GAAI,eAAe,CAAA;;AAE1C;AACA,IAAA,IACEH,MAAM,CAACK,IAAI,CAAC,UAACC,CAAC,EAAK;AACjB;AACA,MAAA,OAAOA,CAAC,CAACF,IAAI,KAAK,aAAa,CAAA;AACjC,KAAC,CAAC,IACFF,KAAK,CAACE,IAAI,KAAK,aAAa,EAC5B;AACA,MAAA,IAAI,KAAO,EAAE;AACXG,QAAAA,MAAM,CAAC;AACLC,UAAAA,OAAO,EAAE,mDAAmD;AAC5DJ,UAAAA,IAAI,EAAE,MAAM;AACZK,UAAAA,UAAU,EAAE,OAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACA,MAAA,OAAO,EAAE,CAAA;AACX,KAAA;AAEA,IAAA,IAAMC,YAAY,GAAGR,KAAK,CAACE,IAAI,KAAK,aAAa,CAAA;AACjD,IAAA,IAAIF,KAAK,CAACS,WAAW,KAAKC,SAAS,EAAE;AACnC;AACAV,MAAAA,KAAK,CAACS,WAAW,GAAG,CAACD,YAAY,CAAA;AACnC,KAAA;AAEA,IAAA,IAAIR,KAAK,CAACW,QAAQ,KAAKD,SAAS,EAAE;AAChC;AACA,MAAA,IAAIF,YAAY,EAAE;QAChBR,KAAK,CAACW,QAAQ,GAAG,IAAI,CAAA;AACvB,OAAC,MAAM;QACLX,KAAK,CAACW,QAAQ,GAAG,IAAI,CAAA;AACvB,OAAA;AACF,KAAA;;AAEA;AACA,IAAA,IAAI,CAACX,KAAK,CAACS,WAAW,EAAE;MACtBT,KAAK,CAACW,QAAQ,GAAGC,QAAQ,CAAA;AAC3B,KAAA;AAEA,IAAA,OAAOC,KAAK,CAACC,MAAM,CAAC,UAAAC,IAAA,EAAqB;AAAA,MAAA,IAAlBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;QAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CAAA;MAChC,oBAAOC,GAAA,CAACC,KAAc,EAAAC,aAAA,CAAAA,aAAA,KAAKpB,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEiB,QAAAA,EAAE,EAAEA,EAAG;AAACI,QAAAA,SAAS,EAAEL,OAAAA;AAAQ,OAAA,CAAE,CAAC,CAAA;KACjE,EAAEhB,KAAK,CAAC,CAAA;GACV,CAAA;EAED,OAAO;AACLF,IAAAA,MAAM,EAAGA,MAAkC;AAC3CC,IAAAA,IAAI,EAAJA,IAAI;IACJuB,OAAO,EAAET,KAAK,CAACS,OAAAA;GAChB,CAAA;AACH;;;;"}

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

@@ -39,6 +39,7 @@ import './Table/index.js';
 import './Tabs/index.js';
 import './Tag/index.js';
 import './Tooltip/index.js';
+import './Toast/index.js';
 import './types.js';
 import './Typography/index.js';
 import './VisuallyHidden/index.web.js';
@@ -394,6 +395,8 @@ export { TabPanel } from './Tabs/TabPanel.web.js';
 export { Tag } from './Tag/Tag.js';
 export { Tooltip } from './Tooltip/Tooltip.web.js';
 export { TooltipInteractiveWrapper } from './Tooltip/TooltipInteractiveWrapper.web.js';
+export { ToastContainer } from './Toast/ToastContainer.web.js';
+export { useToast } from './Toast/useToast.js';
 export { Heading } from './Typography/Heading/Heading.js';
 export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.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

@@ -8,6 +8,7 @@ import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
 import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
 import * as csstype from 'csstype';
 import { UseFloatingOptions } from '@floating-ui/react';
+import { Toast } from 'react-hot-toast';
 
 type BorderRadius = Readonly<{
     /** none: 0(px/rem/pt) */
@@ -8601,6 +8602,75 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
     tabIndex: -1;
 }, "tabIndex" | "data-testid" | "data-blade-component">;
 
+declare const ToastContainer: () => React__default.ReactElement;
+
+type ToastProps = {
+    /**
+     * @default `informational`
+     */
+    type?: 'informational' | 'promotional';
+    /**
+     * Content of the toast
+     */
+    content: React__default.ReactNode;
+    /**
+     * @default `neutral`
+     */
+    color?: FeedbackColors;
+    /**
+     * Can be used to render an icon
+     */
+    leading?: React__default.ComponentType<any>;
+    /**
+     * If true, the toast will be dismissed after few seconds
+     *
+     * Duration for promotional toast is 8s
+     * Duration for informational toast is 4s
+     *
+     * @default false
+     */
+    autoDismiss?: boolean;
+    /**
+     * Duration in milliseconds for which the toast will be visible
+     *
+     * @default 4000 for informational toast
+     * @default 8000 for promotional toast
+     */
+    duration?: number;
+    /**
+     * Called when the toast is dismissed or duration runs out
+     */
+    onDismissButtonClick?: ({ event, toastId, }: {
+        event: React__default.MouseEvent<HTMLButtonElement>;
+        toastId: string;
+    }) => void;
+    /**
+     * Primary action of toast
+     */
+    action?: {
+        text: string;
+        onClick?: ({ event, toastId }: {
+            event: ButtonProps['onClick'];
+            toastId: string;
+        }) => void;
+        isLoading?: boolean;
+    };
+    /**
+     * Forwarded to react-hot-toast
+     *
+     * This can be used to programatically update toasts by providing an id
+     */
+    id?: string;
+};
+
+type BladeToast = Omit<Toast, 'type'> & ToastProps;
+type UseToastReturn = {
+    toasts: BladeToast[];
+    show: (props: ToastProps) => string;
+    dismiss: (id?: string) => void;
+};
+declare const useToast: () => UseToastReturn;
+
 type VisuallyHiddenProps = {
     children: React.ReactNode;
 } & TestID;
@@ -8613,4 +8683,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
 
-export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AutoComplete, AutoCompleteProps, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
+export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AutoComplete, AutoCompleteProps, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme, useToast };