@cleartrip/ct-design-safe-area-container 5.26.0-SNAPSHOT-native-main.0 → 5.26.0

package/dist/SafeAreaContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SafeAreaContainer.d.ts","sourceRoot":"","sources":["../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAY5C,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkBnD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SafeAreaContainer.d.ts","sourceRoot":"","sources":["../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAY5C,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2BnD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/SafeAreaContainer.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SafeAreaContainer.native.d.ts","sourceRoot":"","sources":["../packages/components/SafeAreaContainer/src/SafeAreaContainer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAY5C,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkBnD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SafeAreaContainer.native.d.ts","sourceRoot":"","sources":["../packages/components/SafeAreaContainer/src/SafeAreaContainer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAY5C,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwBnD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/ct-design-safe-area-container.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@cleartrip/ct-design-style-manager"),r=require("react");const s=({insets:e})=>{var t,r,s;return{paddingTop:null!==(t=e.top)&&void 0!==t?t:0,paddingBottom:0,paddingLeft:null!==(r=e.left)&&void 0!==r?r:0,paddingRight:null!==(s=e.right)&&void 0!==s?s:0,flex:1}},n=()=>({top:0,bottom:0,left:0,right:0}),o=({children:r,styleConfig:n={}})=>{const o={top:0,bottom:0,left:0,right:0},a=t.useStyles(()=>({root:s({insets:o})}),[o]),{root:i=[]}=n||{},l=t.useWebMergeStyles([a.root,...i],[a.root,i]);return e.jsx("div",{className:l,children:r})};o.displayName="SafeAreaContainer";const a={},i=r.createContext({insets:a});exports.SafeAreaContainer=o,exports.SafeAreaContext=i,exports.SafeAreaProvider=({children:e})=>e,exports.getSafeAreaContainerStyles=s,exports.useGetSafeAreaInsets=()=>{const{insets:e}=r.useContext(i);return e},exports.useHandleSafeAreaInsets=()=>{const{handleInsets:e}=r.useContext(i);return e},exports.useSafeArea=()=>r.useContext(i),exports.useSafeAreaInset=n,exports.useSetSafeAreaInsets=(e,t)=>{const{handleInsets:s}=r.useContext(i);r.useEffect(()=>(null==s||s({top:e,bottom:t}),()=>{null==s||s(a)}),[s,e,t])};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@cleartrip/ct-design-style-manager");const s=({insets:e})=>{var t,r,s;return{paddingTop:null!==(t=e.top)&&void 0!==t?t:0,paddingBottom:0,paddingLeft:null!==(r=e.left)&&void 0!==r?r:0,paddingRight:null!==(s=e.right)&&void 0!==s?s:0,flex:1}},o=()=>({top:0,bottom:0,left:0,right:0}),n=({children:o,styleConfig:n={}})=>{var a;const i={top:0,bottom:0,left:0,right:0},l=t.useRef(null!==(a=i.top)&&void 0!==a?a:0),u=r.useStyles(()=>{var e,t;return{root:s({insets:{top:l.current,bottom:0,left:null!==(e=i.left)&&void 0!==e?e:0,right:null!==(t=i.right)&&void 0!==t?t:0}})}},[i]),{root:d=[]}=n||{},p=r.useWebMergeStyles([u.root,...d],[u.root,d]);return e.jsx("div",{className:p,children:o})};n.displayName="SafeAreaContainer";const a={},i=t.createContext({insets:a});exports.SafeAreaContainer=n,exports.SafeAreaContext=i,exports.SafeAreaProvider=({children:e})=>e,exports.getSafeAreaContainerStyles=s,exports.useGetSafeAreaInsets=()=>{const{insets:e}=t.useContext(i);return e},exports.useHandleSafeAreaInsets=()=>{const{handleInsets:e}=t.useContext(i);return e},exports.useSafeArea=()=>t.useContext(i),exports.useSafeAreaInset=o,exports.useSetSafeAreaInsets=(e,r)=>{const{handleInsets:s}=t.useContext(i);t.useEffect(()=>(null==s||s({top:e,bottom:r}),()=>{null==s||s(a)}),[s,e,r])};
 //# sourceMappingURL=ct-design-safe-area-container.browser.cjs.js.map

package/dist/ct-design-safe-area-container.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-safe-area-container.browser.cjs.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["getSafeAreaContainerStyles","insets","paddingTop","_a","top","paddingBottom","paddingLeft","_b","left","paddingRight","_c","right","flex","useSafeAreaInset","bottom","SafeAreaContainer","children","styleConfig","containerStyles","useStyles","root","customRootStyles","mergedRootStyles","useWebMergeStyles","_jsx","className","displayName","DEFAULT_INSETS","SafeAreaContext","createContext","useContext","handleInsets","useEffect"],"mappings":"yHAWaA,EAA6B,EAAGC,uBAC3C,MAAO,CACLC,mBAAYC,EAAAF,EAAOG,mBAAO,EAC1BC,cAAe,EACfC,oBAAaC,EAAAN,EAAOO,oBAAQ,EAC5BC,qBAAcC,EAAAT,EAAOU,qBAAS,EAC9BC,KAAM,ICTJC,EAAmB,KAChB,CACLT,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,ICILI,EAAkD,EAAGC,WAAUC,cAAc,CAAE,MACnF,MAAMhB,EDTC,CACLG,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,GCOHO,EAAkBC,EAAAA,UACtB,KAAO,CACLC,KAAMpB,EAA2B,CAAEC,aAErC,CAACA,KAGKmB,KAAMC,EAAmB,IAAOJ,GAAe,CAAA,EAEjDK,EAAmBC,EAAAA,kBACvB,CAACL,EAAgBE,QAASC,GAC1B,CAACH,EAAgBE,KAAMC,IAGzB,OAAOG,EAAAA,WAAKC,UAAWH,EAAmBN,SAAAA,KAG5CD,EAAkBW,YAAc,oBC5BnB,MCLAC,EAAiC,CAAA,EAEjCC,EAAkBC,EAAaA,cAAsB,CAAE5B,OAAQ0B,mFAYf,EAAGX,cACvDA,oEDH2B,KAClC,MAAMf,OAAEA,GAAW6B,EAAUA,WAAsBF,GACnD,OAAO3B,mCAQ8B,KACrC,MAAM8B,aAAEA,GAAiBD,EAAUA,WAAsBF,GACzD,OAAOG,uBAnBkB,IAAMD,EAAUA,WAAsBF,2DA2B7B,CAACxB,EAAcU,KACjD,MAAMiB,aAAEA,GAAiBD,EAAUA,WAAsBF,GAEzDI,EAAAA,UAAU,KACRD,SAAAA,EAAe,CAAE3B,MAAKU,WACf,KACLiB,SAAAA,EAAeJ,KAEhB,CAACI,EAAc3B,EAAKU"}
+{"version":3,"file":"ct-design-safe-area-container.browser.cjs.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["getSafeAreaContainerStyles","insets","paddingTop","_a","top","paddingBottom","paddingLeft","_b","left","paddingRight","_c","right","flex","useSafeAreaInset","bottom","SafeAreaContainer","children","styleConfig","topRef","useRef","containerStyles","useStyles","root","current","customRootStyles","mergedRootStyles","useWebMergeStyles","_jsx","className","displayName","DEFAULT_INSETS","SafeAreaContext","createContext","useContext","handleInsets","useEffect"],"mappings":"yHAWaA,EAA6B,EAAGC,uBAC3C,MAAO,CACLC,mBAAYC,EAAAF,EAAOG,mBAAO,EAC1BC,cAAe,EACfC,oBAAaC,EAAAN,EAAOO,oBAAQ,EAC5BC,qBAAcC,EAAAT,EAAOU,qBAAS,EAC9BC,KAAM,ICTJC,EAAmB,KAChB,CACLT,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,ICILI,EAAkD,EAAGC,WAAUC,cAAc,CAAE,YACnF,MAAMhB,EDTC,CACLG,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,GCOHO,EAASC,EAAAA,OAAiB,QAAVhB,EAAAF,EAAOG,WAAG,IAAAD,EAAAA,EAAI,GAE9BiB,EAAkBC,EAAAA,UACtB,aAAM,MAAC,CACLC,KAAMtB,EAA2B,CAC/BC,OAAQ,CACNG,IAAKc,EAAOK,QACZT,OAAQ,EACRN,aAAML,EAAAF,EAAOO,oBAAQ,EACrBG,cAAOJ,EAAAN,EAAOU,qBAAS,OAI7B,CAACV,KAGKqB,KAAME,EAAmB,IAAOP,GAAe,CAAA,EAEjDQ,EAAmBC,EAAAA,kBACvB,CAACN,EAAgBE,QAASE,GAC1B,CAACJ,EAAgBE,KAAME,IAGzB,OAAOG,EAAAA,WAAKC,UAAWH,EAAmBT,SAAAA,KAG5CD,EAAkBc,YAAc,oBCrCnB,MCLAC,EAAiC,CAAA,EAEjCC,EAAkBC,EAAaA,cAAsB,CAAE/B,OAAQ6B,mFAYf,EAAGd,cACvDA,oEDH2B,KAClC,MAAMf,OAAEA,GAAWgC,EAAUA,WAAsBF,GACnD,OAAO9B,mCAQ8B,KACrC,MAAMiC,aAAEA,GAAiBD,EAAUA,WAAsBF,GACzD,OAAOG,uBAnBkB,IAAMD,EAAUA,WAAsBF,2DA2B7B,CAAC3B,EAAcU,KACjD,MAAMoB,aAAEA,GAAiBD,EAAUA,WAAsBF,GAEzDI,EAAAA,UAAU,KACRD,SAAAA,EAAe,CAAE9B,MAAKU,WACf,KACLoB,SAAAA,EAAeJ,KAEhB,CAACI,EAAc9B,EAAKU"}

package/dist/ct-design-safe-area-container.browser.esm.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{useStyles as o,useWebMergeStyles as n}from"@cleartrip/ct-design-style-manager";import{useContext as e,useEffect as r,createContext as i}from"react";const s=({insets:t})=>{var o,n,e;return{paddingTop:null!==(o=t.top)&&void 0!==o?o:0,paddingBottom:0,paddingLeft:null!==(n=t.left)&&void 0!==n?n:0,paddingRight:null!==(e=t.right)&&void 0!==e?e:0,flex:1}},l=()=>({top:0,bottom:0,left:0,right:0}),a=({children:e,styleConfig:r={}})=>{const i={top:0,bottom:0,left:0,right:0},l=o(()=>({root:s({insets:i})}),[i]),{root:a=[]}=r||{},d=n([l.root,...a],[l.root,a]);return t("div",{className:d,children:e})};a.displayName="SafeAreaContainer";const d=()=>e(f),p=()=>{const{insets:t}=e(f);return t},c=()=>{const{handleInsets:t}=e(f);return t},m=(t,o)=>{const{handleInsets:n}=e(f);r(()=>(null==n||n({top:t,bottom:o}),()=>{null==n||n(g)}),[n,t,o])},g={},f=i({insets:g}),u=({children:t})=>t;export{a as SafeAreaContainer,f as SafeAreaContext,u as SafeAreaProvider,s as getSafeAreaContainerStyles,p as useGetSafeAreaInsets,c as useHandleSafeAreaInsets,d as useSafeArea,l as useSafeAreaInset,m as useSetSafeAreaInsets};
+import{jsx as t}from"react/jsx-runtime";import{useRef as o,useContext as r,useEffect as n,createContext as e}from"react";import{useStyles as i,useWebMergeStyles as l}from"@cleartrip/ct-design-style-manager";const s=({insets:t})=>{var o,r,n;return{paddingTop:null!==(o=t.top)&&void 0!==o?o:0,paddingBottom:0,paddingLeft:null!==(r=t.left)&&void 0!==r?r:0,paddingRight:null!==(n=t.right)&&void 0!==n?n:0,flex:1}},d=()=>({top:0,bottom:0,left:0,right:0}),a=({children:r,styleConfig:n={}})=>{var e;const d={top:0,bottom:0,left:0,right:0},a=o(null!==(e=d.top)&&void 0!==e?e:0),p=i(()=>{var t,o;return{root:s({insets:{top:a.current,bottom:0,left:null!==(t=d.left)&&void 0!==t?t:0,right:null!==(o=d.right)&&void 0!==o?o:0}})}},[d]),{root:c=[]}=n||{},m=l([p.root,...c],[p.root,c]);return t("div",{className:m,children:r})};a.displayName="SafeAreaContainer";const p=()=>r(f),c=()=>{const{insets:t}=r(f);return t},m=()=>{const{handleInsets:t}=r(f);return t},u=(t,o)=>{const{handleInsets:e}=r(f);n(()=>(null==e||e({top:t,bottom:o}),()=>{null==e||e(g)}),[e,t,o])},g={},f=e({insets:g}),h=({children:t})=>t;export{a as SafeAreaContainer,f as SafeAreaContext,h as SafeAreaProvider,s as getSafeAreaContainerStyles,c as useGetSafeAreaInsets,m as useHandleSafeAreaInsets,p as useSafeArea,d as useSafeAreaInset,u as useSetSafeAreaInsets};
 //# sourceMappingURL=ct-design-safe-area-container.browser.esm.js.map

package/dist/ct-design-safe-area-container.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-safe-area-container.browser.esm.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["getSafeAreaContainerStyles","insets","paddingTop","_a","top","paddingBottom","paddingLeft","_b","left","paddingRight","_c","right","flex","useSafeAreaInset","bottom","SafeAreaContainer","children","styleConfig","containerStyles","useStyles","root","customRootStyles","mergedRootStyles","useWebMergeStyles","_jsx","className","displayName","useSafeArea","useContext","SafeAreaContext","useGetSafeAreaInsets","useHandleSafeAreaInsets","handleInsets","useSetSafeAreaInsets","useEffect","DEFAULT_INSETS","createContext","SafeAreaProvider"],"mappings":"yMAWaA,EAA6B,EAAGC,uBAC3C,MAAO,CACLC,mBAAYC,EAAAF,EAAOG,mBAAO,EAC1BC,cAAe,EACfC,oBAAaC,EAAAN,EAAOO,oBAAQ,EAC5BC,qBAAcC,EAAAT,EAAOU,qBAAS,EAC9BC,KAAM,ICTJC,EAAmB,KAChB,CACLT,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,ICILI,EAAkD,EAAGC,WAAUC,cAAc,CAAE,MACnF,MAAMhB,EDTC,CACLG,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,GCOHO,EAAkBC,EACtB,KAAO,CACLC,KAAMpB,EAA2B,CAAEC,aAErC,CAACA,KAGKmB,KAAMC,EAAmB,IAAOJ,GAAe,CAAA,EAEjDK,EAAmBC,EACvB,CAACL,EAAgBE,QAASC,GAC1B,CAACH,EAAgBE,KAAMC,IAGzB,OAAOG,SAAKC,UAAWH,EAAmBN,SAAAA,KAG5CD,EAAkBW,YAAc,oBC5BnB,MAAAC,EAAc,IAAMC,EAAgCC,GAOpDC,EAAuB,KAClC,MAAM7B,OAAEA,GAAW2B,EAAgCC,GACnD,OAAO5B,GAQI8B,EAA0B,KACrC,MAAMC,aAAEA,GAAiBJ,EAAgCC,GACzD,OAAOG,GAQIC,EAAuB,CAAC7B,EAAcU,KACjD,MAAMkB,aAAEA,GAAiBJ,EAAgCC,GAEzDK,EAAU,KACRF,SAAAA,EAAe,CAAE5B,MAAKU,WACf,KACLkB,SAAAA,EAAeG,KAEhB,CAACH,EAAc5B,EAAKU,KCxCZqB,EAAiC,CAAA,EAEjCN,EAAkBO,EAAmC,CAAEnC,OAAQkC,IAY/DE,EAAgD,EAAGrB,cACvDA"}
+{"version":3,"file":"ct-design-safe-area-container.browser.esm.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["getSafeAreaContainerStyles","insets","paddingTop","_a","top","paddingBottom","paddingLeft","_b","left","paddingRight","_c","right","flex","useSafeAreaInset","bottom","SafeAreaContainer","children","styleConfig","topRef","useRef","containerStyles","useStyles","root","current","customRootStyles","mergedRootStyles","useWebMergeStyles","_jsx","className","displayName","useSafeArea","useContext","SafeAreaContext","useGetSafeAreaInsets","useHandleSafeAreaInsets","handleInsets","useSetSafeAreaInsets","useEffect","DEFAULT_INSETS","createContext","SafeAreaProvider"],"mappings":"qNAWaA,EAA6B,EAAGC,uBAC3C,MAAO,CACLC,mBAAYC,EAAAF,EAAOG,mBAAO,EAC1BC,cAAe,EACfC,oBAAaC,EAAAN,EAAOO,oBAAQ,EAC5BC,qBAAcC,EAAAT,EAAOU,qBAAS,EAC9BC,KAAM,ICTJC,EAAmB,KAChB,CACLT,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,ICILI,EAAkD,EAAGC,WAAUC,cAAc,CAAE,YACnF,MAAMhB,EDTC,CACLG,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,GCOHO,EAASC,EAAiB,QAAVhB,EAAAF,EAAOG,WAAG,IAAAD,EAAAA,EAAI,GAE9BiB,EAAkBC,EACtB,aAAM,MAAC,CACLC,KAAMtB,EAA2B,CAC/BC,OAAQ,CACNG,IAAKc,EAAOK,QACZT,OAAQ,EACRN,aAAML,EAAAF,EAAOO,oBAAQ,EACrBG,cAAOJ,EAAAN,EAAOU,qBAAS,OAI7B,CAACV,KAGKqB,KAAME,EAAmB,IAAOP,GAAe,CAAA,EAEjDQ,EAAmBC,EACvB,CAACN,EAAgBE,QAASE,GAC1B,CAACJ,EAAgBE,KAAME,IAGzB,OAAOG,SAAKC,UAAWH,EAAmBT,SAAAA,KAG5CD,EAAkBc,YAAc,oBCrCnB,MAAAC,EAAc,IAAMC,EAAgCC,GAOpDC,EAAuB,KAClC,MAAMhC,OAAEA,GAAW8B,EAAgCC,GACnD,OAAO/B,GAQIiC,EAA0B,KACrC,MAAMC,aAAEA,GAAiBJ,EAAgCC,GACzD,OAAOG,GAQIC,EAAuB,CAAChC,EAAcU,KACjD,MAAMqB,aAAEA,GAAiBJ,EAAgCC,GAEzDK,EAAU,KACRF,SAAAA,EAAe,CAAE/B,MAAKU,WACf,KACLqB,SAAAA,EAAeG,KAEhB,CAACH,EAAc/B,EAAKU,KCxCZwB,EAAiC,CAAA,EAEjCN,EAAkBO,EAAmC,CAAEtC,OAAQqC,IAY/DE,EAAgD,EAAGxB,cACvDA"}

package/dist/ct-design-safe-area-container.cjs.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
 var react = require('react');
+var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
 
 const getSafeAreaContainerStyles = ({ insets }) => {
     var _a, _b, _c;
@@ -25,10 +25,22 @@ const useSafeAreaInset = () => {
 };
 
 const SafeAreaContainer = ({ children, styleConfig = {} }) => {
+    var _a;
     const insets = useSafeAreaInset();
-    const containerStyles = ctDesignStyleManager.useStyles(() => ({
-        root: getSafeAreaContainerStyles({ insets }),
-    }), [insets]);
+    const topRef = react.useRef((_a = insets.top) !== null && _a !== void 0 ? _a : 0);
+    const containerStyles = ctDesignStyleManager.useStyles(() => {
+        var _a, _b;
+        return ({
+            root: getSafeAreaContainerStyles({
+                insets: {
+                    top: topRef.current,
+                    bottom: 0,
+                    left: (_a = insets.left) !== null && _a !== void 0 ? _a : 0,
+                    right: (_b = insets.right) !== null && _b !== void 0 ? _b : 0,
+                },
+            }),
+        });
+    }, [insets]);
     const { root: customRootStyles = [] } = styleConfig || {};
     const mergedRootStyles = ctDesignStyleManager.useWebMergeStyles([containerStyles.root, ...customRootStyles], [containerStyles.root, customRootStyles]);
     return jsxRuntime.jsx("div", { className: mergedRootStyles, children: children });

package/dist/ct-design-safe-area-container.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-safe-area-container.cjs.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["useStyles","useWebMergeStyles","_jsx","useContext","useEffect","createContext"],"mappings":";;;;;;MAWa,0BAA0B,GAAG,CAAC,EAAE,MAAM,EAA8B,KAAI;;IACnF,OAAO;AACL,QAAA,UAAU,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,GAAG,mCAAI,CAAC;AAC3B,QAAA,aAAa,EAAE,CAAC;AAChB,QAAA,WAAW,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,IAAI,mCAAI,CAAC;AAC7B,QAAA,YAAY,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,KAAK,mCAAI,CAAC;AAC/B,QAAA,IAAI,EAAE,CAAC;KACR,CAAC;AACJ;;ACXM,MAAA,gBAAgB,GAAG,MAA+B;IACtD,OAAO;AACL,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;KACT,CAAC;AACJ;;ACEM,MAAA,iBAAiB,GAAiC,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,KAAI;AACzF,IAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;AAElC,IAAA,MAAM,eAAe,GAAGA,8BAAS,CAC/B,OAAO;AACL,QAAA,IAAI,EAAE,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;AAC7C,KAAA,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;IAE1D,MAAM,gBAAgB,GAAGC,sCAAiB,CACxC,CAAC,eAAe,CAAC,IAAI,EAAE,GAAG,gBAAgB,CAAC,EAC3C,CAAC,eAAe,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,CAAC;AAEF,IAAA,OAAOC,wBAAK,SAAS,EAAE,gBAAgB,EAAG,QAAA,EAAA,QAAQ,GAAO,CAAC;AAC5D,EAAE;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;AC5BtC,MAAA,WAAW,GAAG,MAAMC,gBAAU,CAAsB,eAAe,EAAE;AAO3E,MAAM,oBAAoB,GAAG,MAAqB;IACvD,MAAM,EAAE,MAAM,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;AACpE,IAAA,OAAO,MAAM,CAAC;AAChB,EAAE;AAOK,MAAM,uBAAuB,GAAG,MAAK;IAC1C,MAAM,EAAE,YAAY,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;AAC1E,IAAA,OAAO,YAAY,CAAC;AACtB,EAAE;MAOW,oBAAoB,GAAG,CAAC,GAAY,EAAE,MAAe,KAAI;IACpE,MAAM,EAAE,YAAY,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;IAE1EC,eAAS,CAAC,MAAK;QACb,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;AAChC,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,cAAc,CAAC,CAAC;AACjC,SAAC,CAAC;KACH,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AAClC;;ACzCO,MAAM,cAAc,GAAmB,EAAE,CAAC;AAE1C,MAAM,eAAe,GAAGC,mBAAa,CAAsB,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE;MAYjF,gBAAgB,GAAgC,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC5E,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;;;;;;;;;"}
+{"version":3,"file":"ct-design-safe-area-container.cjs.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["useRef","useStyles","useWebMergeStyles","_jsx","useContext","useEffect","createContext"],"mappings":"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"}

package/dist/ct-design-safe-area-container.esm.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
+import { useRef, useContext, useEffect, createContext } from 'react';
 import { useStyles, useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
-import { useContext, useEffect, createContext } from 'react';
 
 const getSafeAreaContainerStyles = ({ insets }) => {
     var _a, _b, _c;
@@ -23,10 +23,22 @@ const useSafeAreaInset = () => {
 };
 
 const SafeAreaContainer = ({ children, styleConfig = {} }) => {
+    var _a;
     const insets = useSafeAreaInset();
-    const containerStyles = useStyles(() => ({
-        root: getSafeAreaContainerStyles({ insets }),
-    }), [insets]);
+    const topRef = useRef((_a = insets.top) !== null && _a !== void 0 ? _a : 0);
+    const containerStyles = useStyles(() => {
+        var _a, _b;
+        return ({
+            root: getSafeAreaContainerStyles({
+                insets: {
+                    top: topRef.current,
+                    bottom: 0,
+                    left: (_a = insets.left) !== null && _a !== void 0 ? _a : 0,
+                    right: (_b = insets.right) !== null && _b !== void 0 ? _b : 0,
+                },
+            }),
+        });
+    }, [insets]);
     const { root: customRootStyles = [] } = styleConfig || {};
     const mergedRootStyles = useWebMergeStyles([containerStyles.root, ...customRootStyles], [containerStyles.root, customRootStyles]);
     return jsx("div", { className: mergedRootStyles, children: children });

package/dist/ct-design-safe-area-container.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-safe-area-container.esm.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["_jsx"],"mappings":";;;;MAWa,0BAA0B,GAAG,CAAC,EAAE,MAAM,EAA8B,KAAI;;IACnF,OAAO;AACL,QAAA,UAAU,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,GAAG,mCAAI,CAAC;AAC3B,QAAA,aAAa,EAAE,CAAC;AAChB,QAAA,WAAW,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,IAAI,mCAAI,CAAC;AAC7B,QAAA,YAAY,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,KAAK,mCAAI,CAAC;AAC/B,QAAA,IAAI,EAAE,CAAC;KACR,CAAC;AACJ;;ACXM,MAAA,gBAAgB,GAAG,MAA+B;IACtD,OAAO;AACL,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;KACT,CAAC;AACJ;;ACEM,MAAA,iBAAiB,GAAiC,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,KAAI;AACzF,IAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;AAElC,IAAA,MAAM,eAAe,GAAG,SAAS,CAC/B,OAAO;AACL,QAAA,IAAI,EAAE,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;AAC7C,KAAA,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;IAE1D,MAAM,gBAAgB,GAAG,iBAAiB,CACxC,CAAC,eAAe,CAAC,IAAI,EAAE,GAAG,gBAAgB,CAAC,EAC3C,CAAC,eAAe,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,CAAC;AAEF,IAAA,OAAOA,aAAK,SAAS,EAAE,gBAAgB,EAAG,QAAA,EAAA,QAAQ,GAAO,CAAC;AAC5D,EAAE;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;AC5BtC,MAAA,WAAW,GAAG,MAAM,UAAU,CAAsB,eAAe,EAAE;AAO3E,MAAM,oBAAoB,GAAG,MAAqB;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAsB,eAAe,CAAC,CAAC;AACpE,IAAA,OAAO,MAAM,CAAC;AAChB,EAAE;AAOK,MAAM,uBAAuB,GAAG,MAAK;IAC1C,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAsB,eAAe,CAAC,CAAC;AAC1E,IAAA,OAAO,YAAY,CAAC;AACtB,EAAE;MAOW,oBAAoB,GAAG,CAAC,GAAY,EAAE,MAAe,KAAI;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAsB,eAAe,CAAC,CAAC;IAE1E,SAAS,CAAC,MAAK;QACb,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;AAChC,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,cAAc,CAAC,CAAC;AACjC,SAAC,CAAC;KACH,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AAClC;;ACzCO,MAAM,cAAc,GAAmB,EAAE,CAAC;AAE1C,MAAM,eAAe,GAAG,aAAa,CAAsB,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE;MAYjF,gBAAgB,GAAgC,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC5E,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;"}
+{"version":3,"file":"ct-design-safe-area-container.esm.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["_jsx"],"mappings":"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"}

package/dist/ct-design-safe-area-container.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@cleartrip/ct-design-style-manager'), require('react')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@cleartrip/ct-design-style-manager', 'react'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemSafeAreaContainer = {}, global.jsxRuntime, global.ctDesignStyleManager, global.React));
-})(this, (function (exports, jsxRuntime, ctDesignStyleManager, react) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@cleartrip/ct-design-style-manager')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@cleartrip/ct-design-style-manager'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemSafeAreaContainer = {}, global.jsxRuntime, global.React, global.ctDesignStyleManager));
+})(this, (function (exports, jsxRuntime, react, ctDesignStyleManager) { 'use strict';
 
     const getSafeAreaContainerStyles = ({ insets }) => {
         var _a, _b, _c;
@@ -25,10 +25,22 @@
     };
 
     const SafeAreaContainer = ({ children, styleConfig = {} }) => {
+        var _a;
         const insets = useSafeAreaInset();
-        const containerStyles = ctDesignStyleManager.useStyles(() => ({
-            root: getSafeAreaContainerStyles({ insets }),
-        }), [insets]);
+        const topRef = react.useRef((_a = insets.top) !== null && _a !== void 0 ? _a : 0);
+        const containerStyles = ctDesignStyleManager.useStyles(() => {
+            var _a, _b;
+            return ({
+                root: getSafeAreaContainerStyles({
+                    insets: {
+                        top: topRef.current,
+                        bottom: 0,
+                        left: (_a = insets.left) !== null && _a !== void 0 ? _a : 0,
+                        right: (_b = insets.right) !== null && _b !== void 0 ? _b : 0,
+                    },
+                }),
+            });
+        }, [insets]);
         const { root: customRootStyles = [] } = styleConfig || {};
         const mergedRootStyles = ctDesignStyleManager.useWebMergeStyles([containerStyles.root, ...customRootStyles], [containerStyles.root, customRootStyles]);
         return jsxRuntime.jsx("div", { className: mergedRootStyles, children: children });

package/dist/ct-design-safe-area-container.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-safe-area-container.umd.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["useStyles","useWebMergeStyles","_jsx","useContext","useEffect","createContext"],"mappings":";;;;;;UAWa,0BAA0B,GAAG,CAAC,EAAE,MAAM,EAA8B,KAAI;;QACnF,OAAO;IACL,QAAA,UAAU,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,GAAG,mCAAI,CAAC;IAC3B,QAAA,aAAa,EAAE,CAAC;IAChB,QAAA,WAAW,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,IAAI,mCAAI,CAAC;IAC7B,QAAA,YAAY,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,KAAK,mCAAI,CAAC;IAC/B,QAAA,IAAI,EAAE,CAAC;SACR,CAAC;IACJ;;ACXM,UAAA,gBAAgB,GAAG,MAA+B;QACtD,OAAO;IACL,QAAA,GAAG,EAAE,CAAC;IACN,QAAA,MAAM,EAAE,CAAC;IACT,QAAA,IAAI,EAAE,CAAC;IACP,QAAA,KAAK,EAAE,CAAC;SACT,CAAC;IACJ;;ACEM,UAAA,iBAAiB,GAAiC,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,KAAI;IACzF,IAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAElC,IAAA,MAAM,eAAe,GAAGA,8BAAS,CAC/B,OAAO;IACL,QAAA,IAAI,EAAE,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7C,KAAA,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;QAEF,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;QAE1D,MAAM,gBAAgB,GAAGC,sCAAiB,CACxC,CAAC,eAAe,CAAC,IAAI,EAAE,GAAG,gBAAgB,CAAC,EAC3C,CAAC,eAAe,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,CAAC;IAEF,IAAA,OAAOC,wBAAK,SAAS,EAAE,gBAAgB,EAAG,QAAA,EAAA,QAAQ,GAAO,CAAC;IAC5D,EAAE;IAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;AC5BtC,UAAA,WAAW,GAAG,MAAMC,gBAAU,CAAsB,eAAe,EAAE;AAO3E,UAAM,oBAAoB,GAAG,MAAqB;QACvD,MAAM,EAAE,MAAM,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;IACpE,IAAA,OAAO,MAAM,CAAC;IAChB,EAAE;AAOK,UAAM,uBAAuB,GAAG,MAAK;QAC1C,MAAM,EAAE,YAAY,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;IAC1E,IAAA,OAAO,YAAY,CAAC;IACtB,EAAE;UAOW,oBAAoB,GAAG,CAAC,GAAY,EAAE,MAAe,KAAI;QACpE,MAAM,EAAE,YAAY,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;QAE1EC,eAAS,CAAC,MAAK;YACb,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;IAChC,QAAA,OAAO,MAAK;IACV,YAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,cAAc,CAAC,CAAC;IACjC,SAAC,CAAC;SACH,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAClC;;ICzCO,MAAM,cAAc,GAAmB,EAAE,CAAC;AAE1C,UAAM,eAAe,GAAGC,mBAAa,CAAsB,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE;UAYjF,gBAAgB,GAAgC,CAAC,EAAE,QAAQ,EAAE,KAAI;IAC5E,IAAA,OAAO,QAAQ,CAAC;IAClB;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ct-design-safe-area-container.umd.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["useRef","useStyles","useWebMergeStyles","_jsx","useContext","useEffect","createContext"],"mappings":"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"}

package/dist/hooks/useSafeAreaInset/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.native.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAQjD,QAAA,MAAM,gBAAgB,QAAO,QAAQ,CAAC,cAAc,CAGnD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.native.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAQjD,QAAA,MAAM,gBAAgB,QAAO,QAAQ,CAAC,cAAc,CAInD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/type.d.ts

@@ -20,5 +20,6 @@ export interface SafeAreaContainerStyleConfigProps {
 export interface ISafeAreaContainer {
     children: ReactNode;
     styleConfig?: SafeAreaContainerStyleConfigProps;
+    testID?: string;
 }
 //# sourceMappingURL=type.d.ts.map

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/SafeAreaContainer/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAOzD,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CACjD;AAKD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IAKpB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAOD,MAAM,WAAW,iCAAiC;IAIhD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAKD,MAAM,WAAW,kBAAkB;IAIjC,QAAQ,EAAE,SAAS,CAAC;IAMpB,WAAW,CAAC,EAAE,iCAAiC,CAAC;CACjD"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/SafeAreaContainer/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAOzD,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CACjD;AAKD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IAKpB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAOD,MAAM,WAAW,iCAAiC;IAIhD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAKD,MAAM,WAAW,kBAAkB;IAIjC,QAAQ,EAAE,SAAS,CAAC;IAMpB,WAAW,CAAC,EAAE,iCAAiC,CAAC;IAMhD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-design-safe-area-container",
-  "version": "5.26.0-SNAPSHOT-native-main.0",
+  "version": "5.26.0",
   "description": "SafeAreaContainer component — applies device safe-area insets via the ct-design-style-manager hooks on web and React Native.",
   "types": "dist/index.d.ts",
   "main": "./dist/ct-design-safe-area-container.cjs.js",
@@ -24,9 +24,9 @@
     "src"
   ],
   "dependencies": {
-    "@cleartrip/ct-design-style-manager": "5.25.1-SNAPSHOT-native-main.0",
-    "@cleartrip/ct-design-types": "5.26.0-SNAPSHOT-native-main.0",
-    "@cleartrip/ct-design-theme": "5.26.0-SNAPSHOT-native-main.0"
+    "@cleartrip/ct-design-style-manager": "5.26.0",
+    "@cleartrip/ct-design-types": "5.26.0",
+    "@cleartrip/ct-design-theme": "5.26.0"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.12.0"

package/src/SafeAreaContainer.native.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 
 import { View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -17,12 +17,14 @@ import { ISafeAreaContainer } from './type';
  * component has zero dependency on aldenui's Container or legacy
  * `useStyles` hook.
  */
-const SafeAreaContainer: React.FC<ISafeAreaContainer> = ({ children, styleConfig = {} }) => {
+const SafeAreaContainer: React.FC<ISafeAreaContainer> = ({ children, styleConfig = {}, testID }) => {
   const insets = useSafeAreaInsets();
 
+  const topRef = useRef(insets.top);
+
   const containerStyles = useStyles(
     () => ({
-      root: getSafeAreaContainerStyles({ insets }),
+      root: getSafeAreaContainerStyles({ insets: { ...insets, top: topRef.current } }),
     }),
     [insets],
   );
@@ -34,7 +36,11 @@ const SafeAreaContainer: React.FC<ISafeAreaContainer> = ({ children, styleConfig
     [containerStyles.root, styleConfig?.root],
   );
 
-  return <View style={mergedRootStyles}>{children}</View>;
+  return (
+    <View testID={testID ? `${testID}-SafeAreaContainer` : undefined} style={mergedRootStyles}>
+      {children}
+    </View>
+  );
 };
 
 SafeAreaContainer.displayName = 'SafeAreaContainer';

package/src/SafeAreaContainer.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 
 import { useStyles, useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
 
@@ -18,9 +18,18 @@ import useSafeAreaInset from './hooks/useSafeAreaInset';
 const SafeAreaContainer: React.FC<ISafeAreaContainer> = ({ children, styleConfig = {} }) => {
   const insets = useSafeAreaInset();
 
+  const topRef = useRef(insets.top ?? 0);
+
   const containerStyles = useStyles(
     () => ({
-      root: getSafeAreaContainerStyles({ insets }),
+      root: getSafeAreaContainerStyles({
+        insets: {
+          top: topRef.current,
+          bottom: 0,
+          left: insets.left ?? 0,
+          right: insets.right ?? 0,
+        },
+      }),
     }),
     [insets],
   );

package/src/hooks/useSafeAreaInset/index.native.ts

@@ -1,5 +1,7 @@
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
+import { useRef } from 'react';
+
 import type { SafeAreaInsets } from '../../type';
 
 /**
@@ -10,7 +12,8 @@ import type { SafeAreaInsets } from '../../type';
  */
 const useSafeAreaInset = (): Required<SafeAreaInsets> => {
   const insets = useSafeAreaInsets();
-  return insets || { top: 0, bottom: 0, left: 0, right: 0 };
+  const top = useRef(insets?.top || 0);
+  return { top: top.current, bottom: insets?.bottom || 0, left: insets?.left || 0, right: insets?.right || 0 };
 };
 
 export default useSafeAreaInset;

package/src/type.ts

@@ -61,4 +61,10 @@ export interface ISafeAreaContainer {
    * padding so consumers can always win the cascade.
    */
   styleConfig?: SafeAreaContainerStyleConfigProps;
+
+  /**
+   * Identifier used to locate this component in end-to-end tests.
+   * Forwarded to the underlying React Native view.
+   */
+  testID?: string;
 }