@cleartrip/ct-design-bottomsheet 1.1.0

package/dist/BottomSheet.d.ts

@@ -0,0 +1,5 @@
+import { IBottomSheetComponentProps } from './type';
+export declare const slideDirection: Record<string, 'up' | 'down'>;
+export declare const BottomSheet: ({ direction, children, header, onClose, isOpen, transitionDuration: timeout, overlayCloseIcon, allowedBackdropClose, showBorderRadius, styleConfig, disableOutSideClick, }: IBottomSheetComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+export default BottomSheet;
+//# sourceMappingURL=BottomSheet.d.ts.map

package/dist/BottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../packages/components/Bottomsheet/src/BottomSheet.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAKpD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,CAGxD,CAAC;AASF,eAAO,MAAM,WAAW,+KAYrB,0BAA0B,mDAuG5B,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/BottomSheetHeader/BottomSheetHeader.d.ts

@@ -0,0 +1,11 @@
+import { IBottomSheetHeaderProps } from '../type';
+export declare const enum CLOSE_ICON_TYPE {
+    CROSS = "CROSS",
+    BACK = "BACK"
+}
+declare const BottomSheetHeader: {
+    (props: IBottomSheetHeaderProps): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {};
+};
+export default BottomSheetHeader;
+//# sourceMappingURL=BottomSheetHeader.d.ts.map

package/dist/BottomSheetHeader/BottomSheetHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.d.ts","sourceRoot":"","sources":["../../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAG7D,0BAAkB,eAAe;IAC/B,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,QAAA,MAAM,iBAAiB;YAAW,uBAAuB;;CAoCxD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/ct-design-bottomsheet.browser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e,i=require("tslib"),r=require("react/jsx-runtime"),o=require("@cleartrip/ct-design-container"),t=require("@cleartrip/ct-design-outside-click-handler"),s=require("@cleartrip/ct-design-overlay"),n=require("@cleartrip/ct-design-portal"),d=require("@cleartrip/ct-design-transition"),a=require("react"),l=require("@cleartrip/ct-design-icons"),c=require("@cleartrip/ct-design-theme");exports.DIRECTION=void 0,(e=exports.DIRECTION||(exports.DIRECTION={})).DOWN="down",e.UP="up";var u;!function(e){e.CROSS="CROSS",e.BACK="BACK"}(u||(u={}));var p=function(e){var t=e.handleClose,s=e.styleConfig,n=e.isBack,d=e.children,a=e.showBorderRadius,u=void 0===a||a,p=e.direction,h=void 0===p?exports.DIRECTION.DOWN:p,v=c.useTheme(),g=(s||{}).headerContainer,x=function(e){var r=e.theme,o=e.isLeft,t=e.isTop,s=void 0===t||t;return i.__assign({position:"absolute",right:o?"unset":"10px",backgroundColor:"white",height:r.size[8],width:r.size[8],display:"flex",alignItems:"center",padding:r.spacing[1],borderRadius:r.border.radius["50P"],cursor:"pointer",justifyContent:"center"},s?{top:"-44px"}:{bottom:"-44px"})}({theme:v,isLeft:n,isTop:h===exports.DIRECTION.DOWN}),C=function(e){return void 0===e&&(e=!1),e?r.jsx(l.ModalBack,{}):r.jsx(l.Cross,{height:24,width:24,crossColor:v.color.background.primary})}(n);return r.jsxs(o.Container,i.__assign({className:null==g?void 0:g.className,css:i.__assign(i.__assign({backgroundColor:v.color.background.neutral,zIndex:v.zIndex.bottomSheet},u&&h===exports.DIRECTION.DOWN&&{borderTopLeftRadius:v.border.radius[16],borderTopRightRadius:v.border.radius[16],overflow:"hidden"}),null==g?void 0:g.css)},{children:[r.jsx(o.Container,i.__assign({css:i.__assign({},x),onClick:t},{children:C})),d]}))};p.defaultProps={};var h={up:"down",down:"up"},v=function(){var e=.01*window.innerHeight;document.documentElement.style.setProperty("--mvh","".concat(e,"px"))};exports.BottomSheet=function(e){var l=e.direction,u=void 0===l?"down":l,g=e.children,x=e.header,C=e.onClose,m=e.isOpen,f=void 0!==m&&m,b=e.transitionDuration,w=void 0===b?200:b,_=e.overlayCloseIcon,O=e.allowedBackdropClose,I=void 0===O||O,R=e.showBorderRadius,y=void 0===R||R,k=e.styleConfig,E=void 0===k?{}:k,N=e.disableOutSideClick,T=void 0!==N&&N,D=a.useState(f),j=D[0],B=D[1],S=c.useTheme();a.useEffect((function(){return v(),window.addEventListener("resize",v),function(){window.removeEventListener("resize",v)}}),[]);var q=_||{},z=q.show,L=void 0!==z&&z,P=q.isBack,W=void 0!==P&&P,H=E||{},A=H.bottomSheetContainer,K=H.overlayWrapper;return a.useEffect((function(){f&&B(!0)}),[f]),j?r.jsx(n.Portal,{children:r.jsx(s.Overlay,i.__assign({blur:!0,customOverlayWrapperClass:null==K?void 0:K.className,css:i.__assign({position:"fixed",bottom:0,justifyContent:"center",zIndex:S.zIndex.bottomSheet,alignItems:"".concat("down"===u?"flex-end":"flex-start")},null==K?void 0:K.css)},{children:r.jsx(t.OutsideClickHandler,i.__assign({disabled:T,onOutsideClick:function(e){T||(e.preventDefault(),I&&C&&C({isClosedByOutSideClick:!0}))},wrapperProps:{style:{width:"100%"}}},{children:r.jsx(d.Transition,i.__assign({type:"slide",slideDirection:h[u],timeout:w,mountOnEnter:!0,unmountOnExit:!0,appear:!0,in:f,onExited:function(){B(!1)}},{children:r.jsxs(o.Container,i.__assign({className:null==A?void 0:A.className,css:i.__assign({position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",background:"white",borderTopLeftRadius:16,borderTopRightRadius:16,maxHeight:"calc(var(--mvh) * 92)",boxShadow:S.elevation.bottomE2},null==A?void 0:A.css)},{children:[L&&r.jsx(p,{direction:u,showBorderRadius:y,handleClose:C,isBack:W,children:x}),g]}))}))}))}))}):null},exports.BottomSheetHeader=p;
+//# sourceMappingURL=ct-design-bottomsheet.browser.cjs.js.map

package/dist/ct-design-bottomsheet.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-bottomsheet.browser.cjs.js","sources":["../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/style.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":[null,null,null,null],"names":["DIRECTION","CLOSE_ICON_TYPE","BottomSheetHeader","props","handleClose","styleConfig","isBack","children","_a","showBorderRadius","_b","direction","DOWN","theme","useTheme","headerContainer","closeButtonStyles","isLeft","isTop","__assign","position","right","backgroundColor","height","size","width","display","alignItems","padding","spacing","borderRadius","border","radius","cursor","justifyContent","top","bottom","getCloseButtonStyle","CloseIcon","_jsx","jsx","ModalBack","Cross","crossColor","color","background","primary","getCloseIcon","_jsxs","jsxs","Container","className","css","neutral","zIndex","bottomSheet","borderTopLeftRadius","borderTopRightRadius","overflow","onClick","defaultProps","slideDirection","up","down","handleWindowResize","vh","window","innerHeight","document","documentElement","style","setProperty","concat","header","onClose","_c","isOpen","_d","transitionDuration","timeout","overlayCloseIcon","_e","allowedBackdropClose","_f","_g","_h","disableOutSideClick","_j","useState","isVisible","setIsVisible","useEffect","addEventListener","removeEventListener","_k","_l","show","_m","_o","bottomSheetContainer","overlayWrapper","Portal","Overlay","blur","customOverlayWrapperClass","OutsideClickHandler","disabled","onOutsideClick","event","preventDefault","isClosedByOutSideClick","wrapperProps","Transition","type","mountOnEnter","unmountOnExit","appear","in","onExited","flexDirection","maxHeight","boxShadow","elevation","bottomE2"],"mappings":"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"}

package/dist/ct-design-bottomsheet.browser.esm.js

@@ -0,0 +1,2 @@
+import{__assign as e}from"tslib";import{jsxs as o,jsx as i}from"react/jsx-runtime";import{Container as r}from"@cleartrip/ct-design-container";import{OutsideClickHandler as t}from"@cleartrip/ct-design-outside-click-handler";import{Overlay as n}from"@cleartrip/ct-design-overlay";import{Portal as d}from"@cleartrip/ct-design-portal";import{Transition as s}from"@cleartrip/ct-design-transition";import{useState as a,useEffect as l}from"react";import{ModalBack as c,Cross as u}from"@cleartrip/ct-design-icons";import{useTheme as p}from"@cleartrip/ct-design-theme";var m;!function(e){e.DOWN="down",e.UP="up"}(m||(m={}));var h;!function(e){e.CROSS="CROSS",e.BACK="BACK"}(h||(h={}));var v=function(t){var n=t.handleClose,d=t.styleConfig,s=t.isBack,a=t.children,l=t.showBorderRadius,h=void 0===l||l,v=t.direction,f=void 0===v?m.DOWN:v,g=p(),b=(d||{}).headerContainer,w=function(o){var i=o.theme,r=o.isLeft,t=o.isTop,n=void 0===t||t;return e({position:"absolute",right:r?"unset":"10px",backgroundColor:"white",height:i.size[8],width:i.size[8],display:"flex",alignItems:"center",padding:i.spacing[1],borderRadius:i.border.radius["50P"],cursor:"pointer",justifyContent:"center"},n?{top:"-44px"}:{bottom:"-44px"})}({theme:g,isLeft:s,isTop:f===m.DOWN}),C=function(e){return void 0===e&&(e=!1),e?i(c,{}):i(u,{height:24,width:24,crossColor:g.color.background.primary})}(s);return o(r,e({className:null==b?void 0:b.className,css:e(e({backgroundColor:g.color.background.neutral,zIndex:g.zIndex.bottomSheet},h&&f===m.DOWN&&{borderTopLeftRadius:g.border.radius[16],borderTopRightRadius:g.border.radius[16],overflow:"hidden"}),null==b?void 0:b.css)},{children:[i(r,e({css:e({},w),onClick:n},{children:C})),a]}))};v.defaultProps={};var f={up:"down",down:"up"},g=function(){var e=.01*window.innerHeight;document.documentElement.style.setProperty("--mvh","".concat(e,"px"))},b=function(c){var u=c.direction,m=void 0===u?"down":u,h=c.children,b=c.header,w=c.onClose,C=c.isOpen,x=void 0!==C&&C,y=c.transitionDuration,k=void 0===y?200:y,O=c.overlayCloseIcon,R=c.allowedBackdropClose,B=void 0===R||R,S=c.showBorderRadius,N=void 0===S||S,z=c.styleConfig,D=void 0===z?{}:z,E=c.disableOutSideClick,I=void 0!==E&&E,L=a(x),T=L[0],W=L[1],P=p();l((function(){return g(),window.addEventListener("resize",g),function(){window.removeEventListener("resize",g)}}),[]);var j=O||{},A=j.show,H=void 0!==A&&A,K=j.isBack,U=void 0!==K&&K,q=D||{},F=q.bottomSheetContainer,G=q.overlayWrapper;return l((function(){x&&W(!0)}),[x]),T?i(d,{children:i(n,e({blur:!0,customOverlayWrapperClass:null==G?void 0:G.className,css:e({position:"fixed",bottom:0,justifyContent:"center",zIndex:P.zIndex.bottomSheet,alignItems:"".concat("down"===m?"flex-end":"flex-start")},null==G?void 0:G.css)},{children:i(t,e({disabled:I,onOutsideClick:function(e){I||(e.preventDefault(),B&&w&&w({isClosedByOutSideClick:!0}))},wrapperProps:{style:{width:"100%"}}},{children:i(s,e({type:"slide",slideDirection:f[m],timeout:k,mountOnEnter:!0,unmountOnExit:!0,appear:!0,in:x,onExited:function(){W(!1)}},{children:o(r,e({className:null==F?void 0:F.className,css:e({position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",background:"white",borderTopLeftRadius:16,borderTopRightRadius:16,maxHeight:"calc(var(--mvh) * 92)",boxShadow:P.elevation.bottomE2},null==F?void 0:F.css)},{children:[H&&i(v,{direction:m,showBorderRadius:N,handleClose:w,isBack:U,children:b}),h]}))}))}))}))}):null};export{b as BottomSheet,v as BottomSheetHeader,m as DIRECTION};
+//# sourceMappingURL=ct-design-bottomsheet.browser.esm.js.map

package/dist/ct-design-bottomsheet.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-bottomsheet.browser.esm.js","sources":["../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/style.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":[null,null,null,null],"names":["DIRECTION","CLOSE_ICON_TYPE","BottomSheetHeader","props","handleClose","styleConfig","isBack","children","_a","showBorderRadius","_b","direction","DOWN","theme","useTheme","headerContainer","closeButtonStyles","isLeft","isTop","__assign","position","right","backgroundColor","height","size","width","display","alignItems","padding","spacing","borderRadius","border","radius","cursor","justifyContent","top","bottom","getCloseButtonStyle","CloseIcon","_jsx","ModalBack","Cross","crossColor","color","background","primary","getCloseIcon","_jsxs","Container","className","css","neutral","zIndex","bottomSheet","borderTopLeftRadius","borderTopRightRadius","overflow","onClick","defaultProps","slideDirection","up","down","handleWindowResize","vh","window","innerHeight","document","documentElement","style","setProperty","concat","BottomSheet","header","onClose","_c","isOpen","_d","transitionDuration","timeout","overlayCloseIcon","_e","allowedBackdropClose","_f","_g","_h","disableOutSideClick","_j","useState","isVisible","setIsVisible","useEffect","addEventListener","removeEventListener","_k","_l","show","_m","_o","bottomSheetContainer","overlayWrapper","Portal","Overlay","blur","customOverlayWrapperClass","OutsideClickHandler","disabled","onOutsideClick","event","preventDefault","isClosedByOutSideClick","wrapperProps","Transition","type","mountOnEnter","unmountOnExit","appear","in","onExited","flexDirection","maxHeight","boxShadow","elevation","bottomE2"],"mappings":"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"}

package/dist/ct-design-bottomsheet.cjs.js

@@ -0,0 +1,97 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var ctDesignContainer = require('@cleartrip/ct-design-container');
+var ctDesignOutsideClickHandler = require('@cleartrip/ct-design-outside-click-handler');
+var ctDesignOverlay = require('@cleartrip/ct-design-overlay');
+var ctDesignPortal = require('@cleartrip/ct-design-portal');
+var ctDesignTransition = require('@cleartrip/ct-design-transition');
+var react = require('react');
+var ctDesignIcons = require('@cleartrip/ct-design-icons');
+var ctDesignTheme = require('@cleartrip/ct-design-theme');
+
+exports.DIRECTION = void 0;
+(function (DIRECTION) {
+    DIRECTION["DOWN"] = "down";
+    DIRECTION["UP"] = "up";
+})(exports.DIRECTION || (exports.DIRECTION = {}));
+
+var getCloseButtonStyle = function (_a) {
+    var theme = _a.theme, isLeft = _a.isLeft, _b = _a.isTop, isTop = _b === void 0 ? true : _b;
+    return (tslib.__assign({ position: 'absolute', right: isLeft ? 'unset' : '10px', backgroundColor: 'white', height: theme.size[8], width: theme.size[8], display: 'flex', alignItems: 'center', padding: theme.spacing[1], borderRadius: theme.border.radius['50P'], cursor: 'pointer', justifyContent: 'center' }, (isTop ? { top: '-44px' } : { bottom: '-44px' })));
+};
+
+var CLOSE_ICON_TYPE;
+(function (CLOSE_ICON_TYPE) {
+    CLOSE_ICON_TYPE["CROSS"] = "CROSS";
+    CLOSE_ICON_TYPE["BACK"] = "BACK";
+})(CLOSE_ICON_TYPE || (CLOSE_ICON_TYPE = {}));
+var BottomSheetHeader = function (props) {
+    var handleClose = props.handleClose, styleConfig = props.styleConfig, isBack = props.isBack, children = props.children, _a = props.showBorderRadius, showBorderRadius = _a === void 0 ? true : _a, _b = props.direction, direction = _b === void 0 ? exports.DIRECTION.DOWN : _b;
+    var theme = ctDesignTheme.useTheme();
+    var headerContainer = (styleConfig || {}).headerContainer;
+    var closeButtonStyles = getCloseButtonStyle({ theme: theme, isLeft: isBack, isTop: direction === exports.DIRECTION.DOWN });
+    var getCloseIcon = function (isBack) {
+        if (isBack === void 0) { isBack = false; }
+        if (isBack) {
+            return jsxRuntime.jsx(ctDesignIcons.ModalBack, {});
+        }
+        return jsxRuntime.jsx(ctDesignIcons.Cross, { height: 24, width: 24, crossColor: theme.color.background.primary });
+    };
+    var CloseIcon = getCloseIcon(isBack);
+    return (jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ className: headerContainer === null || headerContainer === void 0 ? void 0 : headerContainer.className, css: tslib.__assign(tslib.__assign({ backgroundColor: theme.color.background.neutral, zIndex: theme.zIndex.bottomSheet }, (showBorderRadius &&
+            direction === exports.DIRECTION.DOWN && {
+            borderTopLeftRadius: theme.border.radius[16],
+            borderTopRightRadius: theme.border.radius[16],
+            overflow: 'hidden',
+        })), headerContainer === null || headerContainer === void 0 ? void 0 : headerContainer.css) }, { children: [jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ css: tslib.__assign({}, closeButtonStyles), onClick: handleClose }, { children: CloseIcon })), children] })));
+};
+BottomSheetHeader.defaultProps = {};
+
+var slideDirection = {
+    up: 'down',
+    down: 'up',
+};
+var handleWindowResize = function () {
+    var vh = window.innerHeight * 0.01;
+    document.documentElement.style.setProperty('--mvh', "".concat(vh, "px"));
+};
+var BottomSheet = function (_a) {
+    var _b = _a.direction, direction = _b === void 0 ? 'down' : _b, children = _a.children, header = _a.header, onClose = _a.onClose, _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, _d = _a.transitionDuration, timeout = _d === void 0 ? 200 : _d, overlayCloseIcon = _a.overlayCloseIcon, _e = _a.allowedBackdropClose, allowedBackdropClose = _e === void 0 ? true : _e, _f = _a.showBorderRadius, showBorderRadius = _f === void 0 ? true : _f, _g = _a.styleConfig, styleConfig = _g === void 0 ? {} : _g, _h = _a.disableOutSideClick, disableOutSideClick = _h === void 0 ? false : _h;
+    var _j = react.useState(isOpen), isVisible = _j[0], setIsVisible = _j[1];
+    var theme = ctDesignTheme.useTheme();
+    react.useEffect(function () {
+        handleWindowResize();
+        window.addEventListener('resize', handleWindowResize);
+        return function () {
+            window.removeEventListener('resize', handleWindowResize);
+        };
+    }, []);
+    var _k = overlayCloseIcon || {}, _l = _k.show, show = _l === void 0 ? false : _l, _m = _k.isBack, isBack = _m === void 0 ? false : _m;
+    var _o = styleConfig || {}, bottomSheetContainer = _o.bottomSheetContainer, overlayWrapper = _o.overlayWrapper;
+    var handleCloseBottomSheet = function (event) {
+        if (disableOutSideClick)
+            return;
+        event.preventDefault();
+        if (allowedBackdropClose && onClose) {
+            onClose({ isClosedByOutSideClick: true });
+        }
+    };
+    var handleExited = function () {
+        setIsVisible(false);
+    };
+    react.useEffect(function () {
+        if (isOpen) {
+            setIsVisible(true);
+        }
+    }, [isOpen]);
+    if (isVisible) {
+        return (jsxRuntime.jsx(ctDesignPortal.Portal, { children: jsxRuntime.jsx(ctDesignOverlay.Overlay, tslib.__assign({ blur: true, customOverlayWrapperClass: overlayWrapper === null || overlayWrapper === void 0 ? void 0 : overlayWrapper.className, css: tslib.__assign({ position: 'fixed', bottom: 0, justifyContent: 'center', zIndex: theme.zIndex.bottomSheet, alignItems: "".concat(direction === 'down' ? 'flex-end' : 'flex-start') }, overlayWrapper === null || overlayWrapper === void 0 ? void 0 : overlayWrapper.css) }, { children: jsxRuntime.jsx(ctDesignOutsideClickHandler.OutsideClickHandler, tslib.__assign({ disabled: disableOutSideClick, onOutsideClick: handleCloseBottomSheet, wrapperProps: { style: { width: '100%' } } }, { children: jsxRuntime.jsx(ctDesignTransition.Transition, tslib.__assign({ type: 'slide', slideDirection: slideDirection[direction], timeout: timeout, mountOnEnter: true, unmountOnExit: true, appear: true, in: isOpen, onExited: handleExited }, { children: jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ className: bottomSheetContainer === null || bottomSheetContainer === void 0 ? void 0 : bottomSheetContainer.className, css: tslib.__assign({ position: 'relative', width: '100%', height: '100%', display: 'flex', flexDirection: 'column', background: 'white', borderTopLeftRadius: 16, borderTopRightRadius: 16, maxHeight: 'calc(var(--mvh) * 92)', boxShadow: theme.elevation.bottomE2 }, bottomSheetContainer === null || bottomSheetContainer === void 0 ? void 0 : bottomSheetContainer.css) }, { children: [show && (jsxRuntime.jsx(BottomSheetHeader, { direction: direction, showBorderRadius: showBorderRadius, handleClose: onClose, isBack: isBack, children: header })), children] })) })) })) })) }));
+    }
+    return null;
+};
+
+exports.BottomSheet = BottomSheet;
+exports.BottomSheetHeader = BottomSheetHeader;
+//# sourceMappingURL=ct-design-bottomsheet.cjs.js.map

package/dist/ct-design-bottomsheet.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-bottomsheet.cjs.js","sources":["../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/style.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":[null,null,null,null],"names":["DIRECTION","__assign","useTheme","_jsx","ModalBack","Cross","_jsxs","Container","useState","useEffect","Portal","Overlay","OutsideClickHandler","Transition"],"mappings":"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"}

package/dist/ct-design-bottomsheet.esm.js

@@ -0,0 +1,94 @@
+import { __assign } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Container } from '@cleartrip/ct-design-container';
+import { OutsideClickHandler } from '@cleartrip/ct-design-outside-click-handler';
+import { Overlay } from '@cleartrip/ct-design-overlay';
+import { Portal } from '@cleartrip/ct-design-portal';
+import { Transition } from '@cleartrip/ct-design-transition';
+import { useState, useEffect } from 'react';
+import { ModalBack, Cross } from '@cleartrip/ct-design-icons';
+import { useTheme } from '@cleartrip/ct-design-theme';
+
+var DIRECTION;
+(function (DIRECTION) {
+    DIRECTION["DOWN"] = "down";
+    DIRECTION["UP"] = "up";
+})(DIRECTION || (DIRECTION = {}));
+
+var getCloseButtonStyle = function (_a) {
+    var theme = _a.theme, isLeft = _a.isLeft, _b = _a.isTop, isTop = _b === void 0 ? true : _b;
+    return (__assign({ position: 'absolute', right: isLeft ? 'unset' : '10px', backgroundColor: 'white', height: theme.size[8], width: theme.size[8], display: 'flex', alignItems: 'center', padding: theme.spacing[1], borderRadius: theme.border.radius['50P'], cursor: 'pointer', justifyContent: 'center' }, (isTop ? { top: '-44px' } : { bottom: '-44px' })));
+};
+
+var CLOSE_ICON_TYPE;
+(function (CLOSE_ICON_TYPE) {
+    CLOSE_ICON_TYPE["CROSS"] = "CROSS";
+    CLOSE_ICON_TYPE["BACK"] = "BACK";
+})(CLOSE_ICON_TYPE || (CLOSE_ICON_TYPE = {}));
+var BottomSheetHeader = function (props) {
+    var handleClose = props.handleClose, styleConfig = props.styleConfig, isBack = props.isBack, children = props.children, _a = props.showBorderRadius, showBorderRadius = _a === void 0 ? true : _a, _b = props.direction, direction = _b === void 0 ? DIRECTION.DOWN : _b;
+    var theme = useTheme();
+    var headerContainer = (styleConfig || {}).headerContainer;
+    var closeButtonStyles = getCloseButtonStyle({ theme: theme, isLeft: isBack, isTop: direction === DIRECTION.DOWN });
+    var getCloseIcon = function (isBack) {
+        if (isBack === void 0) { isBack = false; }
+        if (isBack) {
+            return jsx(ModalBack, {});
+        }
+        return jsx(Cross, { height: 24, width: 24, crossColor: theme.color.background.primary });
+    };
+    var CloseIcon = getCloseIcon(isBack);
+    return (jsxs(Container, __assign({ className: headerContainer === null || headerContainer === void 0 ? void 0 : headerContainer.className, css: __assign(__assign({ backgroundColor: theme.color.background.neutral, zIndex: theme.zIndex.bottomSheet }, (showBorderRadius &&
+            direction === DIRECTION.DOWN && {
+            borderTopLeftRadius: theme.border.radius[16],
+            borderTopRightRadius: theme.border.radius[16],
+            overflow: 'hidden',
+        })), headerContainer === null || headerContainer === void 0 ? void 0 : headerContainer.css) }, { children: [jsx(Container, __assign({ css: __assign({}, closeButtonStyles), onClick: handleClose }, { children: CloseIcon })), children] })));
+};
+BottomSheetHeader.defaultProps = {};
+
+var slideDirection = {
+    up: 'down',
+    down: 'up',
+};
+var handleWindowResize = function () {
+    var vh = window.innerHeight * 0.01;
+    document.documentElement.style.setProperty('--mvh', "".concat(vh, "px"));
+};
+var BottomSheet = function (_a) {
+    var _b = _a.direction, direction = _b === void 0 ? 'down' : _b, children = _a.children, header = _a.header, onClose = _a.onClose, _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, _d = _a.transitionDuration, timeout = _d === void 0 ? 200 : _d, overlayCloseIcon = _a.overlayCloseIcon, _e = _a.allowedBackdropClose, allowedBackdropClose = _e === void 0 ? true : _e, _f = _a.showBorderRadius, showBorderRadius = _f === void 0 ? true : _f, _g = _a.styleConfig, styleConfig = _g === void 0 ? {} : _g, _h = _a.disableOutSideClick, disableOutSideClick = _h === void 0 ? false : _h;
+    var _j = useState(isOpen), isVisible = _j[0], setIsVisible = _j[1];
+    var theme = useTheme();
+    useEffect(function () {
+        handleWindowResize();
+        window.addEventListener('resize', handleWindowResize);
+        return function () {
+            window.removeEventListener('resize', handleWindowResize);
+        };
+    }, []);
+    var _k = overlayCloseIcon || {}, _l = _k.show, show = _l === void 0 ? false : _l, _m = _k.isBack, isBack = _m === void 0 ? false : _m;
+    var _o = styleConfig || {}, bottomSheetContainer = _o.bottomSheetContainer, overlayWrapper = _o.overlayWrapper;
+    var handleCloseBottomSheet = function (event) {
+        if (disableOutSideClick)
+            return;
+        event.preventDefault();
+        if (allowedBackdropClose && onClose) {
+            onClose({ isClosedByOutSideClick: true });
+        }
+    };
+    var handleExited = function () {
+        setIsVisible(false);
+    };
+    useEffect(function () {
+        if (isOpen) {
+            setIsVisible(true);
+        }
+    }, [isOpen]);
+    if (isVisible) {
+        return (jsx(Portal, { children: jsx(Overlay, __assign({ blur: true, customOverlayWrapperClass: overlayWrapper === null || overlayWrapper === void 0 ? void 0 : overlayWrapper.className, css: __assign({ position: 'fixed', bottom: 0, justifyContent: 'center', zIndex: theme.zIndex.bottomSheet, alignItems: "".concat(direction === 'down' ? 'flex-end' : 'flex-start') }, overlayWrapper === null || overlayWrapper === void 0 ? void 0 : overlayWrapper.css) }, { children: jsx(OutsideClickHandler, __assign({ disabled: disableOutSideClick, onOutsideClick: handleCloseBottomSheet, wrapperProps: { style: { width: '100%' } } }, { children: jsx(Transition, __assign({ type: 'slide', slideDirection: slideDirection[direction], timeout: timeout, mountOnEnter: true, unmountOnExit: true, appear: true, in: isOpen, onExited: handleExited }, { children: jsxs(Container, __assign({ className: bottomSheetContainer === null || bottomSheetContainer === void 0 ? void 0 : bottomSheetContainer.className, css: __assign({ position: 'relative', width: '100%', height: '100%', display: 'flex', flexDirection: 'column', background: 'white', borderTopLeftRadius: 16, borderTopRightRadius: 16, maxHeight: 'calc(var(--mvh) * 92)', boxShadow: theme.elevation.bottomE2 }, bottomSheetContainer === null || bottomSheetContainer === void 0 ? void 0 : bottomSheetContainer.css) }, { children: [show && (jsx(BottomSheetHeader, { direction: direction, showBorderRadius: showBorderRadius, handleClose: onClose, isBack: isBack, children: header })), children] })) })) })) })) }));
+    }
+    return null;
+};
+
+export { BottomSheet, BottomSheetHeader, DIRECTION };
+//# sourceMappingURL=ct-design-bottomsheet.esm.js.map

package/dist/ct-design-bottomsheet.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-bottomsheet.esm.js","sources":["../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/style.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":[null,null,null,null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/ct-design-bottomsheet.umd.js

@@ -0,0 +1,657 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-outside-click-handler'), require('@cleartrip/ct-design-overlay'), require('@cleartrip/ct-design-portal'), require('@cleartrip/ct-design-transition'), require('react'), require('@cleartrip/ct-design-icons'), require('styled-components')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@cleartrip/ct-design-container', '@cleartrip/ct-design-outside-click-handler', '@cleartrip/ct-design-overlay', '@cleartrip/ct-design-portal', '@cleartrip/ct-design-transition', 'react', '@cleartrip/ct-design-icons', 'styled-components'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemBottomsheet = {}, global.jsxRuntime, global.ctDesignContainer, global.ctDesignOutsideClickHandler, global.ctDesignOverlay, global.ctDesignPortal, global.ctDesignTransition, global.React, global.ctDesignIcons));
+})(this, (function (exports, jsxRuntime, ctDesignContainer, ctDesignOutsideClickHandler, ctDesignOverlay, ctDesignPortal, ctDesignTransition, react, ctDesignIcons) { 'use strict';
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    var border = {
+      radius: {
+        0: '0px',
+        2: '2px',
+        4: '4px',
+        6: '6px',
+        8: '8px',
+        12: '12px',
+        16: '16px',
+        30: '30px',
+        32: '32px',
+        '50P': '50%'
+      },
+      width: {
+        none: '0px',
+        sm: '1px',
+        md: '1.5px',
+        lg: '2px'
+      },
+      style: {
+        solid: 'solid',
+        dotted: 'dotted'
+      }
+    };
+    var colors = {
+      alert: '#DF9641',
+      alertBg: '#FCF7F0',
+      alertText: '#DF9641',
+      bgPrimary: '#ED6521',
+      bgPrimaryHover: '#CE4501',
+      blue100: '#ECF3FF',
+      bluePrimary500: '#2A55E5',
+      blueSecondary: '#F0F5FF',
+      brand: '#FF4F17',
+      brandBg: '#FEF3ED',
+      brandText: '#FF4F17',
+      curacao250: '#9FE3EA',
+      disabled100: '#E6E6E6',
+      disabled250: '#DDDDDD',
+      disabledLight: '#EFEFEF',
+      disabledText: '#B3B3B3',
+      highlightBg: 'rgba(255, 255, 255, 0.2)',
+      line: '#E7E7E7',
+      lineDarkNeutral300: '#E0E0E0',
+      link2: '#3366CC',
+      link2Hover: '#1A469D',
+      link: '#0F6BFF',
+      linkBg: '#EFF3FB',
+      linkText: '#0F6BFF',
+      margarita100: '#F2FAF0',
+      margarita250: '#C0E6B6',
+      margarita750: '#3A742C',
+      neutral100: '#FFFFFF',
+      neutral300: '#F3F3F3',
+      neutral350: '#DBDBDB',
+      neutral400: '#CAC9C9',
+      neutral500: '#B3B3B3',
+      neutral700: '#808080',
+      neutral900: '#1A1A1A',
+      orange100: '#FFF1EC',
+      orange250: '#FFB8A5',
+      pinaColada250: '#FEE3A0',
+      primaryNeutral900: '#212121',
+      shadow: '#1a1a1a14',
+      success500: '#11A670',
+      success600: '#0DA86D',
+      success: '#11A670',
+      successBg: '#ECF8F4',
+      successText: '#11A670',
+      warning: '#C83232',
+      warningBg: '#FBEFEF',
+      warningText: '#C83232',
+      yellowSecondary: '#FFC200',
+      purple100: '#350041',
+      purple250: '#130016',
+      gray100: '#2E3042',
+      gray250: '#1A1C23',
+      aqua100: '#082395',
+      aqua250: '#081C82',
+      black: '#1A1A1A',
+      grapetini900: '#5f1ab6'
+    };
+    var elevation = {
+      bottomE1: '0px 1px 0px #E7E7E7',
+      bottomE2: '0px 4px 16px rgba(26, 26, 26, 0.08)',
+      bottomE3: '0px 8px 24px rgba(26, 26, 26, 0.1)',
+      bottomE4: '0px 10px 32px rgba(26, 26, 26, 0.2)',
+      topE1: '0px -1px 0px #E7E7E7',
+      topE2: '0px -4px 16px rgba(26, 26, 26, 0.08)',
+      topE3: '0px -8px 24px rgba(26, 26, 26, 0.1)',
+      topE4: '0px -10px 32px rgba(26, 26, 26, 0.2)',
+      modalBlurLight: 'rgb(0 0 0 / 20%) 0px 11px 15px -7px',
+      modalBlurMedium: 'rgb(0 0 0 / 14%) 0px 24px 38px 3px',
+      modalBlurHeavy: 'rgb(0 0 0 / 12%) 0px 9px 22px 18px'
+    };
+    var size = {
+      0: '0px',
+      1: '4px',
+      2: '8px',
+      '2.5': '10px',
+      3: '12px',
+      4: '16px',
+      5: '20px',
+      6: '24px',
+      7: '28px',
+      8: '32px',
+      9: '36px',
+      10: '40px',
+      11: '44px',
+      12: '48px',
+      13: '52px',
+      14: '56px',
+      15: '60px',
+      50: '200px'
+    };
+    var spacing = {
+      0: '0px',
+      1: '4px',
+      2: '8px',
+      3: '12px',
+      4: '16px',
+      5: '20px',
+      6: '24px',
+      7: '28px',
+      8: '32px',
+      9: '36px',
+      10: '40px',
+      11: '44px',
+      12: '48px',
+      13: '52px',
+      14: '56px'
+    };
+    var typography = {
+      weight: {
+        bold: 700,
+        semibold: 600,
+        medium: 500,
+        normal: 400
+      },
+      size: {
+        10: '10px',
+        12: '12px',
+        14: '14px',
+        16: '16px',
+        20: '20px',
+        24: '24px',
+        32: '32px',
+        40: '40px',
+        48: '48px'
+      },
+      lineHeight: {
+        12: '12px',
+        14: '14px',
+        16: '16px',
+        18: '18px',
+        20: '20px',
+        22: '22px',
+        24: '24px',
+        28: '28px',
+        32: '32px',
+        40: '40px',
+        48: '48px',
+        56: '56px'
+      },
+      letterSpacing: {
+        nPoint75: '-0.75px',
+        nPoint5: '-0.5px',
+        nPoint4: '-0.4px',
+        nPoint25: '-0.25px',
+        zero: '0px',
+        point4: '0.4px',
+        point5: '0.5px',
+        point75: '0.75px'
+      }
+    };
+
+    var duration = {
+      shortest: 150,
+      shorter: 200,
+      short: 250,
+      standard: 300,
+      complex: 375,
+      enteringScreen: 225,
+      leavingScreen: 195
+    };
+    var easing = {
+      easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+      easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',
+      easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
+      sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
+    };
+    function getAutoHeightDuration(height) {
+      if (!height) {
+        return 0;
+      }
+      var constant = height / 36;
+      return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
+    }
+    var create = function (props, options) {
+      if (props === void 0) {
+        props = ['all'];
+      }
+      if (options === void 0) {
+        options = {};
+      }
+      var _a = options.duration,
+        durationOption = _a === void 0 ? duration.standard : _a,
+        _b = options.easing,
+        easingOption = _b === void 0 ? easing.easeInOut : _b,
+        _c = options.delay,
+        delay = _c === void 0 ? 0 : _c;
+      return (Array.isArray(props) ? props : [props]).map(function (animatedProp) {
+        return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : "".concat(durationOption, "ms"), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : "".concat(delay, "ms"));
+      }).join(',');
+    };
+    var hover$2 = function (key) {
+      var _a;
+      var bg = (_a = {}, _a[colors.neutral100] = colors.neutral100, _a[colors.neutral900] = colors.neutral900, _a[colors.neutral900] = colors.neutral900, _a[colors.neutral100] = colors.neutral100, _a[colors.brand] = colors.bgPrimaryHover, _a[colors.neutral100] = colors.neutral100, _a[colors.disabledText] = colors.disabledText, _a[colors.neutral300] = colors.neutral300, _a[colors.neutral100] = colors.neutral100, _a[colors.link2] = colors.link2Hover, _a[colors.neutral100] = colors.neutral100, _a[colors.neutral900] = colors.neutral900, _a[colors.neutral100] = colors.neutral100, _a[colors.disabledText] = colors.disabledText, _a[colors.neutral300] = colors.neutral300, _a);
+      return bg[key];
+    };
+    var zIndex = {
+      drawer: 1200,
+      modal: 1300,
+      popOver: 1300,
+      tooltip: 1500,
+      sideNav: 100,
+      toolbar: 50,
+      bottomSheet: 100
+    };
+    var counter$1 = {
+      enabled: {
+        stroke: colors.neutral900
+      },
+      disabled: {
+        stroke: colors.neutral500
+      }
+    };
+    var BaseTheme = {
+      color: {
+        text: {
+          primary: colors.neutral900,
+          secondary: colors.brandText,
+          tertiary: colors.neutral500,
+          heading: colors.neutral900,
+          subHeading: colors.neutral700,
+          disabled: colors.disabledText,
+          success: colors.successText,
+          alert: colors.alertText,
+          warning: colors.warningText,
+          link: colors.linkText,
+          brand: colors.brandText,
+          neutral: colors.neutral100,
+          link2: colors.link2,
+          margarita: colors.margarita750,
+          primary2: colors.grapetini900
+        },
+        button: {
+          outlinedPrimaryLabel: colors.neutral900,
+          outlinedPrimaryBorder: colors.neutral900,
+          outlinedPrimaryBg: colors.neutral100,
+          outlinedSecondaryLabel: colors.brand,
+          outlinedSecondaryBorder: colors.brand,
+          outlinedSecondaryBg: colors.neutral100,
+          outlinedTertiaryLabel: colors.link,
+          outlinedTertiaryBorder: colors.link,
+          outlinedTertiaryBg: colors.neutral100,
+          outlinedDisabledLabel: colors.disabledText,
+          outlinedDisabledBg: colors.neutral300,
+          containedPrimaryLabel: colors.neutral100,
+          containedPrimaryBg: colors.neutral900,
+          containedSecondaryLabel: colors.neutral100,
+          containedSecondaryBg: colors.brand,
+          containedTertiaryLabel: colors.neutral100,
+          containedTertiaryBg: colors.link,
+          containedDisabledLabel: colors.disabledText,
+          containedDisabledBg: colors.neutral300,
+          containedNeutralLabel: colors.neutral900,
+          containedNeutralBg: colors.neutral100,
+          hover: hover$2
+        },
+        chip: {
+          nonSelectedPrimaryLabel: colors.neutral900,
+          disabledPrimaryLabel: colors.disabledText,
+          selectedPrimaryLabel: colors.neutral900,
+          selectedPrimaryBorder: colors.neutral900,
+          selectedPrimaryBg: colors.neutral300
+        },
+        dropdown: {
+          shadow: colors.shadow
+        },
+        tab: {
+          nonSelectedPrimaryLabel: colors.neutral700,
+          selectedPrimaryLabel: colors.neutral900
+        },
+        sidenav: {
+          primaryBg: colors.neutral900,
+          selectedTabBg: colors.highlightBg
+        },
+        tooltip: {
+          primaryBg: colors.neutral900
+        },
+        background: {
+          primary: colors.neutral900,
+          secondary: colors.brand,
+          tertiary: colors.link,
+          brand: colors.brand,
+          brandLightBg: colors.brandBg,
+          link: colors.link,
+          link2: colors.link2,
+          linkLightBg: colors.linkBg,
+          success: colors.success,
+          successLightBg: colors.successBg,
+          alert: colors.alert,
+          alertLightBg: colors.alertBg,
+          warning: colors.warning,
+          warningLightBg: colors.warningBg,
+          neutral: colors.neutral100,
+          disabled: colors.neutral300,
+          disabledSecondaryLight: colors.neutral350,
+          disabledSecondary: colors.neutral400,
+          disabledDark: colors.disabled100,
+          defaultDark: colors.neutral700,
+          defaultDarkest: colors.neutral900
+        },
+        border: {
+          primary: colors.neutral900,
+          secondary: colors.brand,
+          tertiary: colors.link,
+          brand: colors.brand,
+          neutral: colors.neutral900,
+          link: colors.link,
+          default: colors.line,
+          defaultDark: colors.neutral700,
+          disabled: colors.neutral500,
+          disabledDark: colors.disabled100,
+          warning: colors.warning
+        },
+        spinner: {
+          primary: colors.neutral700,
+          primaryBg: colors.alertBg
+        },
+        shimmer: {
+          disabledLight: colors.disabledLight,
+          disabledDark: colors.disabled250
+        },
+        coupon: {
+          primaryBg: colors.blue100
+        },
+        alert: {
+          success: colors.successBg,
+          warning: colors.alertBg,
+          info: colors.blue100,
+          error: colors.orange100,
+          neutral: colors.neutral100
+        },
+        badge: {
+          curacao: colors.curacao250,
+          pinaColada: colors.pinaColada250,
+          margarita250: colors.margarita250,
+          default: colors.neutral300,
+          green: colors.successBg,
+          margarita100: colors.margarita100,
+          yellow: colors.alertBg,
+          orange100: colors.orange100,
+          orange250: colors.orange250,
+          red: colors.warningBg,
+          green500: colors.success500,
+          green600: colors.success600,
+          purple100: colors.purple100,
+          purple250: colors.purple250,
+          gray100: colors.gray100,
+          gray250: colors.gray250,
+          aqua100: colors.aqua100,
+          aqua250: colors.aqua250,
+          black: colors.black,
+          link: colors.link,
+          blue100: colors.blue100,
+          neutral100: colors.neutral100
+        },
+        counter: counter$1,
+        calendar: {
+          accent: colors.neutral900,
+          background: colors.neutral300,
+          selected: colors.neutral900
+        }
+      },
+      elevation: __assign({}, elevation),
+      border: __assign({}, border),
+      spacing: __assign({}, spacing),
+      typography: __assign({}, typography),
+      size: __assign({}, size),
+      transitions: {
+        duration: duration,
+        easing: easing,
+        create: create,
+        getAutoHeightDuration: getAutoHeightDuration
+      },
+      zIndex: zIndex
+    };
+    var B2CTheme = __assign({}, BaseTheme);
+    var hover$1 = function (key) {
+      var _a;
+      var bg = (_a = {}, _a[colors.neutral100] = colors.neutral100, _a[colors.neutral900] = colors.neutral900, _a[colors.neutral900] = colors.neutral900, _a[colors.neutral100] = colors.neutral100, _a[colors.brand] = colors.bgPrimaryHover, _a[colors.neutral100] = colors.neutral100, _a[colors.disabledText] = colors.disabledText, _a[colors.neutral300] = colors.neutral300, _a[colors.neutral100] = colors.neutral100, _a[colors.link2] = colors.link2Hover, _a[colors.neutral100] = colors.neutral100, _a[colors.neutral900] = colors.neutral900, _a[colors.neutral100] = colors.neutral100, _a[colors.disabledText] = colors.disabledText, _a[colors.neutral300] = colors.neutral300, _a);
+      return bg[key];
+    };
+    __assign(__assign({}, BaseTheme), {
+      color: __assign(__assign({}, BaseTheme.color), {
+        text: __assign(__assign({}, BaseTheme.color.text), {
+          secondary: colors.link2,
+          tertiary: colors.neutral500
+        }),
+        button: __assign(__assign({}, BaseTheme.color.button), {
+          outlinedPrimaryLabel: colors.link2,
+          outlinedPrimaryBorder: colors.link2,
+          outlinedPrimaryBg: colors.neutral100,
+          outlinedSecondaryLabel: colors.neutral900,
+          outlinedSecondaryBorder: colors.neutral900,
+          outlinedSecondaryBg: colors.neutral100,
+          outlinedTertiaryLabel: colors.brand,
+          outlinedTertiaryBorder: colors.brand,
+          outlinedTertiaryBg: colors.neutral100,
+          outlinedDisabledLabel: colors.disabledText,
+          outlinedDisabledBg: colors.neutral300,
+          containedPrimaryLabel: colors.neutral100,
+          containedPrimaryBg: colors.link2,
+          containedSecondaryLabel: colors.neutral100,
+          containedSecondaryBg: colors.neutral900,
+          containedTertiaryLabel: colors.neutral100,
+          containedTertiaryBg: colors.brand,
+          containedDisabledLabel: colors.disabledText,
+          containedDisabledBg: colors.neutral300,
+          hover: hover$1
+        }),
+        chip: __assign(__assign({}, BaseTheme.color.chip), {
+          selectedPrimaryLabel: colors.link2,
+          selectedPrimaryBorder: colors.link2,
+          selectedPrimaryBg: colors.linkBg
+        }),
+        tab: __assign(__assign({}, BaseTheme.color.tab), {
+          nonSelectedPrimaryLabel: colors.neutral900,
+          selectedPrimaryLabel: colors.link2
+        }),
+        background: __assign(__assign({}, BaseTheme.color.background), {
+          primary: colors.link2,
+          secondary: colors.neutral900,
+          tertiary: colors.brand
+        }),
+        border: __assign(__assign({}, BaseTheme.color.border), {
+          primary: colors.link2,
+          secondary: colors.neutral900,
+          tertiary: colors.brand
+        }),
+        spinner: {
+          primary: colors.link2,
+          primaryBg: colors.alertBg
+        },
+        calendar: {
+          accent: '',
+          background: '',
+          selected: colors.link2
+        }
+      })
+    });
+    var hover = function (key) {
+      var _a;
+      var bg = (_a = {}, _a[colors.neutral100] = colors.neutral100, _a[colors.neutral900] = colors.neutral900, _a[colors.neutral900] = colors.neutral900, _a[colors.neutral100] = colors.neutral100, _a[colors.brand] = colors.bgPrimaryHover, _a[colors.neutral100] = colors.neutral100, _a[colors.disabledText] = colors.disabledText, _a[colors.neutral300] = colors.neutral300, _a[colors.neutral100] = colors.neutral100, _a[colors.link2] = colors.link2Hover, _a[colors.neutral100] = colors.neutral100, _a[colors.neutral900] = colors.neutral900, _a[colors.neutral100] = colors.neutral100, _a[colors.disabledText] = colors.disabledText, _a[colors.neutral300] = colors.neutral300, _a);
+      return bg[key];
+    };
+    var counter = {
+      enabled: {
+        stroke: colors.bluePrimary500
+      },
+      disabled: {
+        stroke: colors.neutral500
+      }
+    };
+    __assign(__assign({}, BaseTheme), {
+      color: __assign(__assign({}, BaseTheme.color), {
+        text: __assign(__assign({}, BaseTheme.color.text), {
+          link: colors.bluePrimary500
+        }),
+        button: __assign(__assign({}, BaseTheme.color.button), {
+          outlinedPrimaryLabel: colors.primaryNeutral900,
+          outlinedPrimaryBg: colors.neutral100,
+          containedPrimaryLabel: colors.neutral100,
+          containedPrimaryBg: colors.bluePrimary500,
+          containedSecondaryLabel: colors.primaryNeutral900,
+          containedSecondaryBg: colors.yellowSecondary,
+          hover: hover
+        }),
+        chip: __assign(__assign({}, BaseTheme.color.chip), {
+          selectedPrimaryLabel: colors.link2,
+          selectedPrimaryBorder: colors.link2,
+          selectedPrimaryBg: colors.linkBg,
+          nonSelectedPrimaryLabel: colors.neutral900
+        }),
+        tab: __assign(__assign({}, BaseTheme.color.tab), {
+          nonSelectedPrimaryLabel: colors.neutral900,
+          selectedPrimaryLabel: colors.bluePrimary500
+        }),
+        background: __assign(__assign({}, BaseTheme.color.background), {
+          primary: colors.bluePrimary500,
+          secondary: colors.neutral900,
+          tertiary: colors.brand,
+          linkLightBg: colors.blueSecondary
+        }),
+        border: __assign(__assign({}, BaseTheme.color.border), {
+          primary: colors.bluePrimary500,
+          brand: colors.bluePrimary500
+        }),
+        spinner: {
+          primary: colors.link2,
+          primaryBg: colors.alertBg
+        },
+        counter: counter,
+        calendar: {
+          accent: colors.bluePrimary500,
+          background: colors.blueSecondary,
+          selected: colors.bluePrimary500
+        }
+      })
+    });
+    var ThemeContext = react.createContext({
+      theme: B2CTheme,
+      platform: 'mobile'
+    });
+    var useTheme = function () {
+      var themeContext = react.useContext(ThemeContext);
+      var theme = (themeContext || {
+        theme: B2CTheme
+      }).theme;
+      return theme;
+    };
+
+    exports.DIRECTION = void 0;
+    (function (DIRECTION) {
+        DIRECTION["DOWN"] = "down";
+        DIRECTION["UP"] = "up";
+    })(exports.DIRECTION || (exports.DIRECTION = {}));
+
+    var getCloseButtonStyle = function (_a) {
+        var theme = _a.theme, isLeft = _a.isLeft, _b = _a.isTop, isTop = _b === void 0 ? true : _b;
+        return (__assign({ position: 'absolute', right: isLeft ? 'unset' : '10px', backgroundColor: 'white', height: theme.size[8], width: theme.size[8], display: 'flex', alignItems: 'center', padding: theme.spacing[1], borderRadius: theme.border.radius['50P'], cursor: 'pointer', justifyContent: 'center' }, (isTop ? { top: '-44px' } : { bottom: '-44px' })));
+    };
+
+    var CLOSE_ICON_TYPE;
+    (function (CLOSE_ICON_TYPE) {
+        CLOSE_ICON_TYPE["CROSS"] = "CROSS";
+        CLOSE_ICON_TYPE["BACK"] = "BACK";
+    })(CLOSE_ICON_TYPE || (CLOSE_ICON_TYPE = {}));
+    var BottomSheetHeader = function (props) {
+        var handleClose = props.handleClose, styleConfig = props.styleConfig, isBack = props.isBack, children = props.children, _a = props.showBorderRadius, showBorderRadius = _a === void 0 ? true : _a, _b = props.direction, direction = _b === void 0 ? exports.DIRECTION.DOWN : _b;
+        var theme = useTheme();
+        var headerContainer = (styleConfig || {}).headerContainer;
+        var closeButtonStyles = getCloseButtonStyle({ theme: theme, isLeft: isBack, isTop: direction === exports.DIRECTION.DOWN });
+        var getCloseIcon = function (isBack) {
+            if (isBack === void 0) { isBack = false; }
+            if (isBack) {
+                return jsxRuntime.jsx(ctDesignIcons.ModalBack, {});
+            }
+            return jsxRuntime.jsx(ctDesignIcons.Cross, { height: 24, width: 24, crossColor: theme.color.background.primary });
+        };
+        var CloseIcon = getCloseIcon(isBack);
+        return (jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ className: headerContainer === null || headerContainer === void 0 ? void 0 : headerContainer.className, css: __assign(__assign({ backgroundColor: theme.color.background.neutral, zIndex: theme.zIndex.bottomSheet }, (showBorderRadius &&
+                direction === exports.DIRECTION.DOWN && {
+                borderTopLeftRadius: theme.border.radius[16],
+                borderTopRightRadius: theme.border.radius[16],
+                overflow: 'hidden',
+            })), headerContainer === null || headerContainer === void 0 ? void 0 : headerContainer.css) }, { children: [jsxRuntime.jsx(ctDesignContainer.Container, __assign({ css: __assign({}, closeButtonStyles), onClick: handleClose }, { children: CloseIcon })), children] })));
+    };
+    BottomSheetHeader.defaultProps = {};
+
+    var slideDirection = {
+        up: 'down',
+        down: 'up',
+    };
+    var handleWindowResize = function () {
+        var vh = window.innerHeight * 0.01;
+        document.documentElement.style.setProperty('--mvh', "".concat(vh, "px"));
+    };
+    var BottomSheet = function (_a) {
+        var _b = _a.direction, direction = _b === void 0 ? 'down' : _b, children = _a.children, header = _a.header, onClose = _a.onClose, _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, _d = _a.transitionDuration, timeout = _d === void 0 ? 200 : _d, overlayCloseIcon = _a.overlayCloseIcon, _e = _a.allowedBackdropClose, allowedBackdropClose = _e === void 0 ? true : _e, _f = _a.showBorderRadius, showBorderRadius = _f === void 0 ? true : _f, _g = _a.styleConfig, styleConfig = _g === void 0 ? {} : _g, _h = _a.disableOutSideClick, disableOutSideClick = _h === void 0 ? false : _h;
+        var _j = react.useState(isOpen), isVisible = _j[0], setIsVisible = _j[1];
+        var theme = useTheme();
+        react.useEffect(function () {
+            handleWindowResize();
+            window.addEventListener('resize', handleWindowResize);
+            return function () {
+                window.removeEventListener('resize', handleWindowResize);
+            };
+        }, []);
+        var _k = overlayCloseIcon || {}, _l = _k.show, show = _l === void 0 ? false : _l, _m = _k.isBack, isBack = _m === void 0 ? false : _m;
+        var _o = styleConfig || {}, bottomSheetContainer = _o.bottomSheetContainer, overlayWrapper = _o.overlayWrapper;
+        var handleCloseBottomSheet = function (event) {
+            if (disableOutSideClick)
+                return;
+            event.preventDefault();
+            if (allowedBackdropClose && onClose) {
+                onClose({ isClosedByOutSideClick: true });
+            }
+        };
+        var handleExited = function () {
+            setIsVisible(false);
+        };
+        react.useEffect(function () {
+            if (isOpen) {
+                setIsVisible(true);
+            }
+        }, [isOpen]);
+        if (isVisible) {
+            return (jsxRuntime.jsx(ctDesignPortal.Portal, { children: jsxRuntime.jsx(ctDesignOverlay.Overlay, __assign({ blur: true, customOverlayWrapperClass: overlayWrapper === null || overlayWrapper === void 0 ? void 0 : overlayWrapper.className, css: __assign({ position: 'fixed', bottom: 0, justifyContent: 'center', zIndex: theme.zIndex.bottomSheet, alignItems: "".concat(direction === 'down' ? 'flex-end' : 'flex-start') }, overlayWrapper === null || overlayWrapper === void 0 ? void 0 : overlayWrapper.css) }, { children: jsxRuntime.jsx(ctDesignOutsideClickHandler.OutsideClickHandler, __assign({ disabled: disableOutSideClick, onOutsideClick: handleCloseBottomSheet, wrapperProps: { style: { width: '100%' } } }, { children: jsxRuntime.jsx(ctDesignTransition.Transition, __assign({ type: 'slide', slideDirection: slideDirection[direction], timeout: timeout, mountOnEnter: true, unmountOnExit: true, appear: true, in: isOpen, onExited: handleExited }, { children: jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ className: bottomSheetContainer === null || bottomSheetContainer === void 0 ? void 0 : bottomSheetContainer.className, css: __assign({ position: 'relative', width: '100%', height: '100%', display: 'flex', flexDirection: 'column', background: 'white', borderTopLeftRadius: 16, borderTopRightRadius: 16, maxHeight: 'calc(var(--mvh) * 92)', boxShadow: theme.elevation.bottomE2 }, bottomSheetContainer === null || bottomSheetContainer === void 0 ? void 0 : bottomSheetContainer.css) }, { children: [show && (jsxRuntime.jsx(BottomSheetHeader, { direction: direction, showBorderRadius: showBorderRadius, handleClose: onClose, isBack: isBack, children: header })), children] })) })) })) })) }));
+        }
+        return null;
+    };
+
+    exports.BottomSheet = BottomSheet;
+    exports.BottomSheetHeader = BottomSheetHeader;
+
+}));
+//# sourceMappingURL=ct-design-bottomsheet.umd.js.map

package/dist/ct-design-bottomsheet.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-bottomsheet.umd.js","sources":["../../../../node_modules/.pnpm/@rollup+plugin-typescript@9.0.2_rollup@3.29.4_tslib@2.6.2_typescript@4.9.5/node_modules/tslib/tslib.es6.js","../../../core/tokens/dist/ct-design-tokens.esm.js","../../../core/theme/dist/ct-design-theme.esm.js","../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/style.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    function next() {\r\n        while (env.stack.length) {\r\n            var rec = env.stack.pop();\r\n            try {\r\n                var result = rec.dispose && rec.dispose.call(rec.value);\r\n                if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n};\r\n","var border = {\n    radius: {\n        0: '0px',\n        2: '2px',\n        4: '4px',\n        6: '6px',\n        8: '8px',\n        12: '12px',\n        16: '16px',\n        30: '30px',\n        32: '32px',\n        '50P': '50%',\n    },\n    width: {\n        none: '0px',\n        sm: '1px',\n        md: '1.5px',\n        lg: '2px',\n    },\n    style: {\n        solid: 'solid',\n        dotted: 'dotted',\n    },\n};\n\nvar colors = {\n    alert: '#DF9641',\n    alertBg: '#FCF7F0',\n    alertText: '#DF9641',\n    bgPrimary: '#ED6521',\n    bgPrimaryHover: '#CE4501',\n    blue100: '#ECF3FF',\n    bluePrimary500: '#2A55E5',\n    blueSecondary: '#F0F5FF',\n    brand: '#FF4F17',\n    brandBg: '#FEF3ED',\n    brandText: '#FF4F17',\n    curacao250: '#9FE3EA',\n    disabled100: '#E6E6E6',\n    disabled250: '#DDDDDD',\n    disabledLight: '#EFEFEF',\n    disabledText: '#B3B3B3',\n    highlightBg: 'rgba(255, 255, 255, 0.2)',\n    line: '#E7E7E7',\n    lineDarkNeutral300: '#E0E0E0',\n    link2: '#3366CC',\n    link2Hover: '#1A469D',\n    link: '#0F6BFF',\n    linkBg: '#EFF3FB',\n    linkText: '#0F6BFF',\n    margarita100: '#F2FAF0',\n    margarita250: '#C0E6B6',\n    margarita750: '#3A742C',\n    neutral100: '#FFFFFF',\n    neutral300: '#F3F3F3',\n    neutral350: '#DBDBDB',\n    neutral400: '#CAC9C9',\n    neutral500: '#B3B3B3',\n    neutral700: '#808080',\n    neutral900: '#1A1A1A',\n    orange100: '#FFF1EC',\n    orange250: '#FFB8A5',\n    pinaColada250: '#FEE3A0',\n    primaryNeutral900: '#212121',\n    shadow: '#1a1a1a14',\n    success500: '#11A670',\n    success600: '#0DA86D',\n    success: '#11A670',\n    successBg: '#ECF8F4',\n    successText: '#11A670',\n    warning: '#C83232',\n    warningBg: '#FBEFEF',\n    warningText: '#C83232',\n    yellowSecondary: '#FFC200',\n    purple100: '#350041',\n    purple250: '#130016',\n    gray100: '#2E3042',\n    gray250: '#1A1C23',\n    aqua100: '#082395',\n    aqua250: '#081C82',\n    black: '#1A1A1A',\n    grapetini900: '#5f1ab6',\n};\n\nvar elevation = {\n    bottomE1: '0px 1px 0px #E7E7E7',\n    bottomE2: '0px 4px 16px rgba(26, 26, 26, 0.08)',\n    bottomE3: '0px 8px 24px rgba(26, 26, 26, 0.1)',\n    bottomE4: '0px 10px 32px rgba(26, 26, 26, 0.2)',\n    topE1: '0px -1px 0px #E7E7E7',\n    topE2: '0px -4px 16px rgba(26, 26, 26, 0.08)',\n    topE3: '0px -8px 24px rgba(26, 26, 26, 0.1)',\n    topE4: '0px -10px 32px rgba(26, 26, 26, 0.2)',\n    modalBlurLight: 'rgb(0 0 0 / 20%) 0px 11px 15px -7px',\n    modalBlurMedium: 'rgb(0 0 0 / 14%) 0px 24px 38px 3px',\n    modalBlurHeavy: 'rgb(0 0 0 / 12%) 0px 9px 22px 18px',\n};\n\nvar size = {\n    0: '0px',\n    1: '4px',\n    2: '8px',\n    '2.5': '10px',\n    3: '12px',\n    4: '16px',\n    5: '20px',\n    6: '24px',\n    7: '28px',\n    8: '32px',\n    9: '36px',\n    10: '40px',\n    11: '44px',\n    12: '48px',\n    13: '52px',\n    14: '56px',\n    15: '60px',\n    50: '200px',\n};\n\nvar spacing = {\n    0: '0px',\n    1: '4px',\n    2: '8px',\n    3: '12px',\n    4: '16px',\n    5: '20px',\n    6: '24px',\n    7: '28px',\n    8: '32px',\n    9: '36px',\n    10: '40px',\n    11: '44px',\n    12: '48px',\n    13: '52px',\n    14: '56px',\n};\n\nvar typography = {\n    weight: {\n        bold: 700,\n        semibold: 600,\n        medium: 500,\n        normal: 400,\n    },\n    size: {\n        10: '10px',\n        12: '12px',\n        14: '14px',\n        16: '16px',\n        20: '20px',\n        24: '24px',\n        32: '32px',\n        40: '40px',\n        48: '48px',\n    },\n    lineHeight: {\n        12: '12px',\n        14: '14px',\n        16: '16px',\n        18: '18px',\n        20: '20px',\n        22: '22px',\n        24: '24px',\n        28: '28px',\n        32: '32px',\n        40: '40px',\n        48: '48px',\n        56: '56px',\n    },\n    letterSpacing: {\n        nPoint75: '-0.75px',\n        nPoint5: '-0.5px',\n        nPoint4: '-0.4px',\n        nPoint25: '-0.25px',\n        zero: '0px',\n        point4: '0.4px',\n        point5: '0.5px',\n        point75: '0.75px',\n    },\n};\n\nexport { border, colors, elevation, size, spacing, typography };\n//# sourceMappingURL=ct-design-tokens.esm.js.map\n","import { __assign } from 'tslib';\nimport { colors, elevation, border, spacing, typography, size } from '@cleartrip/ct-design-tokens';\nimport { ThemeProvider as ThemeProvider$1 } from 'styled-components';\nimport { jsx, Fragment } from 'react/jsx-runtime';\nimport { createContext, useContext } from 'react';\n\nvar duration = {\n    shortest: 150,\n    shorter: 200,\n    short: 250,\n    standard: 300,\n    complex: 375,\n    enteringScreen: 225,\n    leavingScreen: 195,\n};\nvar easing = {\n    easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n    easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',\n    easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n    sharp: 'cubic-bezier(0.4, 0, 0.6, 1)',\n};\nfunction getAutoHeightDuration(height) {\n    if (!height) {\n        return 0;\n    }\n    var constant = height / 36;\n    return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);\n}\nvar create = function (props, options) {\n    if (props === void 0) { props = ['all']; }\n    if (options === void 0) { options = {}; }\n    var _a = options.duration, durationOption = _a === void 0 ? duration.standard : _a, _b = options.easing, easingOption = _b === void 0 ? easing.easeInOut : _b, _c = options.delay, delay = _c === void 0 ? 0 : _c;\n    return (Array.isArray(props) ? props : [props])\n        .map(function (animatedProp) {\n        return \"\".concat(animatedProp, \" \").concat(typeof durationOption === 'string' ? durationOption : \"\".concat(durationOption, \"ms\"), \" \").concat(easingOption, \" \").concat(typeof delay === 'string' ? delay : \"\".concat(delay, \"ms\"));\n    })\n        .join(',');\n};\nvar hover$2 = function (key) {\n    var _a;\n    var bg = (_a = {},\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.neutral900] = colors.neutral900,\n        _a[colors.neutral900] = colors.neutral900,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.brand] = colors.bgPrimaryHover,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.disabledText] = colors.disabledText,\n        _a[colors.neutral300] = colors.neutral300,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.link2] = colors.link2Hover,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.neutral900] = colors.neutral900,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.disabledText] = colors.disabledText,\n        _a[colors.neutral300] = colors.neutral300,\n        _a);\n    return bg[key];\n};\nvar zIndex = {\n    drawer: 1200,\n    modal: 1300,\n    popOver: 1300,\n    tooltip: 1500,\n    sideNav: 100,\n    toolbar: 50,\n    bottomSheet: 100,\n};\nvar counter$1 = {\n    enabled: {\n        stroke: colors.neutral900,\n    },\n    disabled: {\n        stroke: colors.neutral500,\n    },\n};\nvar BaseTheme = {\n    color: {\n        text: {\n            primary: colors.neutral900,\n            secondary: colors.brandText,\n            tertiary: colors.neutral500,\n            heading: colors.neutral900,\n            subHeading: colors.neutral700,\n            disabled: colors.disabledText,\n            success: colors.successText,\n            alert: colors.alertText,\n            warning: colors.warningText,\n            link: colors.linkText,\n            brand: colors.brandText,\n            neutral: colors.neutral100,\n            link2: colors.link2,\n            margarita: colors.margarita750,\n            primary2: colors.grapetini900,\n        },\n        button: {\n            outlinedPrimaryLabel: colors.neutral900,\n            outlinedPrimaryBorder: colors.neutral900,\n            outlinedPrimaryBg: colors.neutral100,\n            outlinedSecondaryLabel: colors.brand,\n            outlinedSecondaryBorder: colors.brand,\n            outlinedSecondaryBg: colors.neutral100,\n            outlinedTertiaryLabel: colors.link,\n            outlinedTertiaryBorder: colors.link,\n            outlinedTertiaryBg: colors.neutral100,\n            outlinedDisabledLabel: colors.disabledText,\n            outlinedDisabledBg: colors.neutral300,\n            containedPrimaryLabel: colors.neutral100,\n            containedPrimaryBg: colors.neutral900,\n            containedSecondaryLabel: colors.neutral100,\n            containedSecondaryBg: colors.brand,\n            containedTertiaryLabel: colors.neutral100,\n            containedTertiaryBg: colors.link,\n            containedDisabledLabel: colors.disabledText,\n            containedDisabledBg: colors.neutral300,\n            containedNeutralLabel: colors.neutral900,\n            containedNeutralBg: colors.neutral100,\n            hover: hover$2,\n        },\n        chip: {\n            nonSelectedPrimaryLabel: colors.neutral900,\n            disabledPrimaryLabel: colors.disabledText,\n            selectedPrimaryLabel: colors.neutral900,\n            selectedPrimaryBorder: colors.neutral900,\n            selectedPrimaryBg: colors.neutral300,\n        },\n        dropdown: {\n            shadow: colors.shadow,\n        },\n        tab: {\n            nonSelectedPrimaryLabel: colors.neutral700,\n            selectedPrimaryLabel: colors.neutral900,\n        },\n        sidenav: {\n            primaryBg: colors.neutral900,\n            selectedTabBg: colors.highlightBg,\n        },\n        tooltip: {\n            primaryBg: colors.neutral900,\n        },\n        background: {\n            primary: colors.neutral900,\n            secondary: colors.brand,\n            tertiary: colors.link,\n            brand: colors.brand,\n            brandLightBg: colors.brandBg,\n            link: colors.link,\n            link2: colors.link2,\n            linkLightBg: colors.linkBg,\n            success: colors.success,\n            successLightBg: colors.successBg,\n            alert: colors.alert,\n            alertLightBg: colors.alertBg,\n            warning: colors.warning,\n            warningLightBg: colors.warningBg,\n            neutral: colors.neutral100,\n            disabled: colors.neutral300,\n            disabledSecondaryLight: colors.neutral350,\n            disabledSecondary: colors.neutral400,\n            disabledDark: colors.disabled100,\n            defaultDark: colors.neutral700,\n            defaultDarkest: colors.neutral900,\n        },\n        border: {\n            primary: colors.neutral900,\n            secondary: colors.brand,\n            tertiary: colors.link,\n            brand: colors.brand,\n            neutral: colors.neutral900,\n            link: colors.link,\n            default: colors.line,\n            defaultDark: colors.neutral700,\n            disabled: colors.neutral500,\n            disabledDark: colors.disabled100,\n            warning: colors.warning,\n        },\n        spinner: {\n            primary: colors.neutral700,\n            primaryBg: colors.alertBg,\n        },\n        shimmer: {\n            disabledLight: colors.disabledLight,\n            disabledDark: colors.disabled250,\n        },\n        coupon: {\n            primaryBg: colors.blue100,\n        },\n        alert: {\n            success: colors.successBg,\n            warning: colors.alertBg,\n            info: colors.blue100,\n            error: colors.orange100,\n            neutral: colors.neutral100,\n        },\n        badge: {\n            curacao: colors.curacao250,\n            pinaColada: colors.pinaColada250,\n            margarita250: colors.margarita250,\n            default: colors.neutral300,\n            green: colors.successBg,\n            margarita100: colors.margarita100,\n            yellow: colors.alertBg,\n            orange100: colors.orange100,\n            orange250: colors.orange250,\n            red: colors.warningBg,\n            green500: colors.success500,\n            green600: colors.success600,\n            purple100: colors.purple100,\n            purple250: colors.purple250,\n            gray100: colors.gray100,\n            gray250: colors.gray250,\n            aqua100: colors.aqua100,\n            aqua250: colors.aqua250,\n            black: colors.black,\n            link: colors.link,\n            blue100: colors.blue100,\n            neutral100: colors.neutral100,\n        },\n        counter: counter$1,\n        calendar: {\n            accent: colors.neutral900,\n            background: colors.neutral300,\n            selected: colors.neutral900,\n        },\n    },\n    elevation: __assign({}, elevation),\n    border: __assign({}, border),\n    spacing: __assign({}, spacing),\n    typography: __assign({}, typography),\n    size: __assign({}, size),\n    transitions: {\n        duration: duration,\n        easing: easing,\n        create: create,\n        getAutoHeightDuration: getAutoHeightDuration,\n    },\n    zIndex: zIndex,\n};\n\nvar B2CTheme = __assign({}, BaseTheme);\n\nvar hover$1 = function (key) {\n    var _a;\n    var bg = (_a = {},\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.neutral900] = colors.neutral900,\n        _a[colors.neutral900] = colors.neutral900,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.brand] = colors.bgPrimaryHover,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.disabledText] = colors.disabledText,\n        _a[colors.neutral300] = colors.neutral300,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.link2] = colors.link2Hover,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.neutral900] = colors.neutral900,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.disabledText] = colors.disabledText,\n        _a[colors.neutral300] = colors.neutral300,\n        _a);\n    return bg[key];\n};\nvar B2BTheme = __assign(__assign({}, BaseTheme), { color: __assign(__assign({}, BaseTheme.color), { text: __assign(__assign({}, BaseTheme.color.text), { secondary: colors.link2, tertiary: colors.neutral500 }), button: __assign(__assign({}, BaseTheme.color.button), { outlinedPrimaryLabel: colors.link2, outlinedPrimaryBorder: colors.link2, outlinedPrimaryBg: colors.neutral100, outlinedSecondaryLabel: colors.neutral900, outlinedSecondaryBorder: colors.neutral900, outlinedSecondaryBg: colors.neutral100, outlinedTertiaryLabel: colors.brand, outlinedTertiaryBorder: colors.brand, outlinedTertiaryBg: colors.neutral100, outlinedDisabledLabel: colors.disabledText, outlinedDisabledBg: colors.neutral300, containedPrimaryLabel: colors.neutral100, containedPrimaryBg: colors.link2, containedSecondaryLabel: colors.neutral100, containedSecondaryBg: colors.neutral900, containedTertiaryLabel: colors.neutral100, containedTertiaryBg: colors.brand, containedDisabledLabel: colors.disabledText, containedDisabledBg: colors.neutral300, hover: hover$1 }), chip: __assign(__assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: colors.link2, selectedPrimaryBorder: colors.link2, selectedPrimaryBg: colors.linkBg }), tab: __assign(__assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: colors.neutral900, selectedPrimaryLabel: colors.link2 }), background: __assign(__assign({}, BaseTheme.color.background), { primary: colors.link2, secondary: colors.neutral900, tertiary: colors.brand }), border: __assign(__assign({}, BaseTheme.color.border), { primary: colors.link2, secondary: colors.neutral900, tertiary: colors.brand }), spinner: {\n            primary: colors.link2,\n            primaryBg: colors.alertBg,\n        }, calendar: {\n            accent: '',\n            background: '',\n            selected: colors.link2,\n        } }) });\n\nvar hover = function (key) {\n    var _a;\n    var bg = (_a = {},\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.neutral900] = colors.neutral900,\n        _a[colors.neutral900] = colors.neutral900,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.brand] = colors.bgPrimaryHover,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.disabledText] = colors.disabledText,\n        _a[colors.neutral300] = colors.neutral300,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.link2] = colors.link2Hover,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.neutral900] = colors.neutral900,\n        _a[colors.neutral100] = colors.neutral100,\n        _a[colors.disabledText] = colors.disabledText,\n        _a[colors.neutral300] = colors.neutral300,\n        _a);\n    return bg[key];\n};\nvar counter = {\n    enabled: {\n        stroke: colors.bluePrimary500,\n    },\n    disabled: {\n        stroke: colors.neutral500,\n    },\n};\nvar FKTheme = __assign(__assign({}, BaseTheme), { color: __assign(__assign({}, BaseTheme.color), { text: __assign(__assign({}, BaseTheme.color.text), { link: colors.bluePrimary500 }), button: __assign(__assign({}, BaseTheme.color.button), { outlinedPrimaryLabel: colors.primaryNeutral900, outlinedPrimaryBg: colors.neutral100, containedPrimaryLabel: colors.neutral100, containedPrimaryBg: colors.bluePrimary500, containedSecondaryLabel: colors.primaryNeutral900, containedSecondaryBg: colors.yellowSecondary, hover: hover }), chip: __assign(__assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: colors.link2, selectedPrimaryBorder: colors.link2, selectedPrimaryBg: colors.linkBg, nonSelectedPrimaryLabel: colors.neutral900 }), tab: __assign(__assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: colors.neutral900, selectedPrimaryLabel: colors.bluePrimary500 }), background: __assign(__assign({}, BaseTheme.color.background), { primary: colors.bluePrimary500, secondary: colors.neutral900, tertiary: colors.brand, linkLightBg: colors.blueSecondary }), border: __assign(__assign({}, BaseTheme.color.border), { primary: colors.bluePrimary500, brand: colors.bluePrimary500 }), spinner: {\n            primary: colors.link2,\n            primaryBg: colors.alertBg,\n        }, counter: counter, calendar: {\n            accent: colors.bluePrimary500,\n            background: colors.blueSecondary,\n            selected: colors.bluePrimary500,\n        } }) });\n\nvar getTheme = function (themeType) {\n    switch (themeType) {\n        case 'B2C': {\n            return B2CTheme;\n        }\n        case 'B2B': {\n            return B2BTheme;\n        }\n        case 'FK': {\n            return FKTheme;\n        }\n        default: {\n            return B2CTheme;\n        }\n    }\n};\n\nvar ThemeContext = createContext({\n    theme: B2CTheme,\n    platform: 'mobile',\n});\nvar ThemeProvider = function (_a) {\n    var children = _a.children, _b = _a.theme, themeType = _b === void 0 ? 'B2C' : _b, _c = _a.platform, platform = _c === void 0 ? 'mobile' : _c;\n    var theme = getTheme(themeType);\n    return (jsx(ThemeContext.Provider, __assign({ value: { theme: theme, platform: platform } }, { children: jsx(ThemeProvider$1, __assign({ theme: theme }, { children: jsx(Fragment, { children: children }) })) })));\n};\nThemeProvider.defaultProps = {\n    children: null,\n};\n\nvar useTheme = function () {\n    var themeContext = useContext(ThemeContext);\n    var theme = (themeContext || { theme: B2CTheme }).theme;\n    return theme;\n};\n\nvar useThemeContext = function () {\n    return useContext(ThemeContext);\n};\n\nexport { B2BTheme, B2CTheme, BaseTheme, FKTheme, ThemeContext, ThemeProvider, useTheme, useThemeContext };\n//# sourceMappingURL=ct-design-theme.esm.js.map\n",null,null,null,null],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","SuppressedError","error","suppressed","message","e","Error","name","border","radius","width","none","sm","md","lg","style","solid","dotted","duration","shortest","shorter","short","standard","complex","enteringScreen","leavingScreen","easing","easeInOut","easeOut","easeIn","sharp","getAutoHeightDuration","height","constant","Math","round","pow","create","props","options","_a","durationOption","_b","easingOption","_c","delay","Array","isArray","map","animatedProp","concat","join","hover$2","key","bg","colors","neutral100","neutral900","brand","bgPrimaryHover","disabledText","neutral300","link2","link2Hover","zIndex","drawer","modal","popOver","tooltip","sideNav","toolbar","bottomSheet","counter$1","enabled","stroke","disabled","neutral500","BaseTheme","color","text","primary","secondary","brandText","tertiary","heading","subHeading","neutral700","success","successText","alert","alertText","warning","warningText","link","linkText","neutral","margarita","margarita750","primary2","grapetini900","button","outlinedPrimaryLabel","outlinedPrimaryBorder","outlinedPrimaryBg","outlinedSecondaryLabel","outlinedSecondaryBorder","outlinedSecondaryBg","outlinedTertiaryLabel","outlinedTertiaryBorder","outlinedTertiaryBg","outlinedDisabledLabel","outlinedDisabledBg","containedPrimaryLabel","containedPrimaryBg","containedSecondaryLabel","containedSecondaryBg","containedTertiaryLabel","containedTertiaryBg","containedDisabledLabel","containedDisabledBg","containedNeutralLabel","containedNeutralBg","hover","chip","nonSelectedPrimaryLabel","disabledPrimaryLabel","selectedPrimaryLabel","selectedPrimaryBorder","selectedPrimaryBg","dropdown","shadow","tab","sidenav","primaryBg","selectedTabBg","highlightBg","background","brandLightBg","brandBg","linkLightBg","linkBg","successLightBg","successBg","alertLightBg","alertBg","warningLightBg","warningBg","disabledSecondaryLight","neutral350","disabledSecondary","neutral400","disabledDark","disabled100","defaultDark","defaultDarkest","default","line","spinner","shimmer","disabledLight","disabled250","coupon","blue100","info","orange100","badge","curacao","curacao250","pinaColada","pinaColada250","margarita250","green","margarita100","yellow","orange250","red","green500","success500","green600","success600","purple100","purple250","gray100","gray250","aqua100","aqua250","black","counter","calendar","accent","selected","elevation","spacing","typography","size","transitions","DIRECTION","_jsx","ModalBack","Cross","_jsxs","Container","useState","useEffect","Portal","Overlay","OutsideClickHandler","Transition"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as BottomSheet } from './BottomSheet';
+export { default as BottomSheetHeader } from './BottomSheetHeader/BottomSheetHeader';
+export * from './type';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/Bottomsheet/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AACrF,cAAc,QAAQ,CAAC"}

package/dist/style.d.ts

@@ -0,0 +1,8 @@
+import { CSSObject } from 'styled-components';
+import { Theme } from '@cleartrip/ct-design-theme';
+export declare const getCloseButtonStyle: ({ theme, isLeft, isTop, }: {
+    theme: Theme;
+    isLeft: boolean;
+    isTop: any;
+}) => CSSObject;
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Bottomsheet/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,eAAO,MAAM,mBAAmB;WAKvB,KAAK;YACJ,OAAO;;MAEb,SAaF,CAAC"}

package/dist/type.d.ts

@@ -0,0 +1,43 @@
+import { ReactElement, ReactNode } from 'react';
+import { BaseStyleConfigProps } from '@cleartrip/ct-design-types';
+export interface IBottomSheetComponentProps {
+    direction: 'up' | 'down';
+    children?: ReactNode | ReactElement | null;
+    header?: ReactNode;
+    transitionDuration?: number;
+    isOpen: boolean;
+    overlayCloseIcon?: {
+        isBack?: boolean;
+        show?: boolean;
+    };
+    onClose: (params?: {
+        e?: Event;
+        isClosedByOutSideClick?: boolean;
+    }) => void;
+    allowedBackdropClose?: boolean;
+    showBorderRadius?: boolean;
+    styleConfig?: IBotttomSheetStyleConfig;
+    disableOutSideClick?: boolean;
+}
+export interface IBotttomSheetStyleConfig {
+    bottomSheetContainer?: BaseStyleConfigProps;
+    overlayWrapper?: BaseStyleConfigProps;
+}
+export interface IBottomSheetHeaderProps {
+    id?: string;
+    handleClose: () => void;
+    styleConfig?: IBottomSheetHeaderStyleConfig;
+    closeIcon?: ReactNode;
+    isBack: boolean;
+    children?: ReactNode | ReactElement | null;
+    showBorderRadius?: boolean;
+    direction?: 'down' | 'up';
+}
+export interface IBottomSheetHeaderStyleConfig {
+    headerContainer?: BaseStyleConfigProps;
+}
+export declare const enum DIRECTION {
+    DOWN = "down",
+    UP = "up"
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Bottomsheet/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAKlE,MAAM,WAAW,0BAA0B;IAEzC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IAEzB,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,IAAI,CAAC;IAE3C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,MAAM,EAAE,OAAO,CAAC;IAEhB,gBAAgB,CAAC,EAAE;QAEjB,MAAM,CAAC,EAAE,OAAO,CAAC;QAEjB,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;IAEF,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,KAAK,CAAC;QAAC,sBAAsB,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAK5E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAKD,MAAM,WAAW,wBAAwB;IAEvC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAE5C,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAKD,MAAM,WAAW,uBAAuB;IAEtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,WAAW,CAAC,EAAE,6BAA6B,CAAC;IAE5C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,MAAM,EAAE,OAAO,CAAC;IAEhB,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,IAAI,CAAC;IAE3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,6BAA6B;IAE5C,eAAe,CAAC,EAAE,oBAAoB,CAAC;CACxC;AAKD,0BAAkB,SAAS;IACzB,IAAI,SAAS;IACb,EAAE,OAAO;CACV"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@cleartrip/ct-design-bottomsheet",
+  "version": "1.1.0",
+  "description": "Bottomsheet component",
+  "types": "dist/index.d.ts",
+  "main": "dist/ct-design-bottomsheet.cjs.js",
+  "jsnext:main": "dist/ct-design-bottomsheet.esm.js",
+  "module": "dist/ct-design-bottomsheet.esm.js",
+  "sideEffects": false,
+  "browser": {
+    "./dist/ct-design-bottomsheet.esm.js": "./dist/ct-design-bottomsheet.browser.esm.js",
+    "./dist/ct-design-bottomsheet.cjs.js": "./dist/ct-design-bottomsheet.browser.cjs.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@cleartrip/ct-design-container": "3.2.0",
+    "@cleartrip/ct-design-outside-click-handler": "3.2.0",
+    "@cleartrip/ct-design-overlay": "3.2.0",
+    "@cleartrip/ct-design-icons": "20.0.0",
+    "@cleartrip/ct-design-portal": "3.2.0",
+    "@cleartrip/ct-design-conditional-wrap": "3.2.0",
+    "@cleartrip/ct-design-transition": "3.2.0"
+  },
+  "devDependencies": {
+    "@cleartrip/ct-design-theme": "3.2.0",
+    "@cleartrip/ct-design-button": "3.2.0",
+    "@cleartrip/ct-design-types": "3.2.0",
+    "@cleartrip/ct-design-styles": "3.2.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "styled-components": "^5.3.6"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Cleartrip",
+  "license": "ISC",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "watch-package": "rollup -c -w",
+    "build-package": "rollup -c",
+    "build-package:clean": "rm -rf dist && rollup -c"
+  }
+}