@cleartrip/ct-design-container 4.0.0-TEST.1 → 4.1.0-SNAPSHOT-native-main.1

package/README.md

@@ -0,0 +1,63 @@
+# Container
+
+A general-purpose container component for layout and styling.
+
+---
+
+## Installation
+
+```bash
+npm install @cleartrip/ct-design-container
+# or
+pnpm add @cleartrip/ct-design-container
+```
+
+### Peer dependencies
+
+```bash
+# Required for all targets
+npm install react
+
+# Web only
+npm install react-dom
+
+# React Native only
+npm install react-native
+```
+
+---
+
+## Usage
+
+### Basic
+
+```tsx
+import { Container } from '@cleartrip/ct-design-container';
+
+function Example() {
+  return (
+    <Container>
+      {/* Basic usage */}
+    </Container>
+  );
+}
+```
+
+---
+
+## Accessibility
+
+- The component follows accessibility best practices
+- Ensure proper ARIA attributes are provided where needed
+- Test with screen readers to ensure usability
+
+---
+
+## Migration
+
+If migrating from a previous version:
+
+```diff
+- import { Container } from 'yagami/core/components';
++ import { Container } from '@cleartrip/ct-design-container';
+```

package/dist/Container.d.ts

@@ -1,6 +1,4 @@
-import { ForwardRefComponentWithStyle } from '@cleartrip/ct-design-types';
-import { IContainer } from './type';
-type PolymorphicContainer = ForwardRefComponentWithStyle<'main' | 'section' | 'article' | 'div' | 'span' | 'p', IContainer>;
-declare const Container: PolymorphicContainer;
+import { IContainer, ContainerRef } from './type';
+declare const Container: import("react").ForwardRefExoticComponent<IContainer & import("react").RefAttributes<ContainerRef>>;
 export default Container;
 //# sourceMappingURL=Container.d.ts.map

package/dist/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../packages/components/Container/src/Container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAIpF,OAAO,EAAE,UAAU,EAAsB,MAAM,QAAQ,CAAC;AAExD,KAAK,oBAAoB,GAAG,4BAA4B,CACtD,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,GAAG,EACrD,UAAU,CACX,CAAC;AAmCF,QAAA,MAAM,SAAS,sBAmEU,CAAC;AAE1B,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../packages/components/Container/src/Container.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAQ,YAAY,EAAE,MAAM,QAAQ,CAAC;AAYxD,QAAA,MAAM,SAAS,qGA+Gd,CAAC;AAGF,eAAe,SAAS,CAAC"}

package/dist/Container.native.d.ts

@@ -0,0 +1,4 @@
+import { ContainerRef, IContainer } from './type';
+declare const Container: import("react").ForwardRefExoticComponent<IContainer & import("react").RefAttributes<ContainerRef>>;
+export default Container;
+//# sourceMappingURL=Container.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.native.d.ts","sourceRoot":"","sources":["../packages/components/Container/src/Container.native.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAQ,MAAM,QAAQ,CAAC;AAcxD,QAAA,MAAM,SAAS,qGAyGd,CAAC;AAGF,eAAe,SAAS,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),t=require("@emotion/styled"),i=require("@cleartrip/ct-design-style-manager");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(t),d=i.makeStyles((function(){return{root:{flexDirection:"column"}}})),l=a.default.div((function(n){n.id;var o=n.css;n.children,n.onClick,n.onAnimationEnd,n.onAnimationStart,n.onDoubleClick,n.onBlur,n.onTouchStart,n.onTouchEnd,n.onMouseEnter,n.onMouseLeave,n.onFocus,n.onKeyDown,n.onPointerEnter,n.onPointerLeave,n.onTouchCancel,n.onTouchMove;var t=e.__rest(n,["id","css","children","onClick","onAnimationEnd","onAnimationStart","onDoubleClick","onBlur","onTouchStart","onTouchEnd","onMouseEnter","onMouseLeave","onFocus","onKeyDown","onPointerEnter","onPointerLeave","onTouchCancel","onTouchMove"]);return function(n){var o=n.alignItems,t=n.borderRadius,i=n.boxShadow,r=n.bottom,a=n.display,d=n.flex,l=n.justifyContent,u=n.flexWrap,s=n.flexDirection,c=n.rowGap,g=n.columnGap,m=n.left,f=n.position,h=n.right,p=n.top,v=n.zIndex,x=n.paddingTop,C=n.paddingBottom,b=n.paddingLeft,y=n.paddingRight,_=n.marginTop,w=n.marginBottom,T=n.marginLeft,k=n.marginRight,L=n.backgroundColor,R=n.cursor,B=n.width,E=n.height,S=n.wordBreak;n.theme;var A=n.textAlign,D=n.gridTemplateColumns,M=e.__rest(n,["alignItems","borderRadius","boxShadow","bottom","display","flex","justifyContent","flexWrap","flexDirection","rowGap","columnGap","left","position","right","top","zIndex","paddingTop","paddingBottom","paddingLeft","paddingRight","marginTop","marginBottom","marginLeft","marginRight","backgroundColor","cursor","width","height","wordBreak","theme","textAlign","gridTemplateColumns"]);return e.__assign({alignItems:o,borderRadius:t,boxShadow:i,bottom:r,display:a,flex:d,justifyContent:l,flexWrap:u,flexDirection:s,rowGap:c,columnGap:g,left:m,position:f,right:h,top:p,zIndex:v,paddingTop:x,paddingBottom:C,paddingLeft:b,paddingRight:y,marginTop:_,marginBottom:w,marginLeft:T,marginRight:k,backgroundColor:L,cursor:R,width:B,height:E,wordBreak:S,textAlign:A,gridTemplateColumns:D},M)}(e.__assign(e.__assign({},t),o))})),u=o.forwardRef((function(t,r){var a=t.id,u=t.as,s=void 0===u?"div":u,c=t.children,g=t.styleConfig,m=e.__rest(t,["id","as","children","styleConfig"]),f=o.useRef(null),h=o.useCallback((function(){var e;null===(e=f.current)||void 0===e||e.focus()}),[]),p=o.useCallback((function(e){var n,o=null===(n=f.current)||void 0===n?void 0:n.getBoundingClientRect();o&&(null==e||e({x:o.x,y:o.y,width:o.width,height:o.height}))}),[]),v=o.useCallback((function(e,n,o){var t;null===(t=f.current)||void 0===t||t.addEventListener(e,n,o)}),[]),x=o.useCallback((function(e,n,o){var t;null===(t=f.current)||void 0===t||t.removeEventListener(e,n,o)}),[]);o.useImperativeHandle(r,(function(){return{focus:h,getBoundingRectWithCallback:p,getElementRef:function(){return f},addEventListener:v,removeEventListener:x,get style(){var e;return(null===(e=f.current)||void 0===e?void 0:e.style)||{}},get offsetWidth(){var e;return(null===(e=f.current)||void 0===e?void 0:e.offsetWidth)||0}}}),[h,p,v,x]);var C=(g||{}).root,b=void 0===C?[]:C,y=i.useWebMergeStyles(e.__spreadArray([d.root],b,!0),[b]);return n.jsx(l,e.__assign({id:a,ref:f,as:s,className:y},m,{children:c}))}));exports.Container=u;
+"use strict";var e=require("react/jsx-runtime"),n=require("react"),t=require("@cleartrip/ct-design-style-manager");const o=t.makeStyles(()=>({root:{display:"flex",flexDirection:"column"}})),l=n.forwardRef(({id:l,as:r="div",children:i,styleConfig:u,onClick:a,onLayout:c,onMouseEnter:d,onMouseLeave:s,onTransitionEnd:v,onTouchStart:h,onTouchEnd:g,onTouchCancel:C,onTouchMove:y},f)=>{const E=n.useRef(null),m=n.useCallback(()=>{var e;null===(e=E.current)||void 0===e||e.focus()},[]),L=n.useCallback(e=>{var n;const t=null===(n=E.current)||void 0===n?void 0:n.getBoundingClientRect();t&&(null==e||e({x:t.x,y:t.y,width:t.width,height:t.height}))},[]),T=n.useCallback((e,n,t)=>{var o;null===(o=E.current)||void 0===o||o.addEventListener(e,n,t)},[]),x=n.useCallback((e,n,t)=>{var o;null===(o=E.current)||void 0===o||o.removeEventListener(e,n,t)},[]);n.useImperativeHandle(f,()=>{var e;return{focus:m,getBoundingRectWithCallback:L,getElementRef:()=>E,style:(null===(e=E.current)||void 0===e?void 0:e.style)||{},classList:{add:e=>{var n;null===(n=E.current)||void 0===n||n.classList.add(e)}},measure:e=>{var n;null===(n=E.current)||void 0===n||n.getBoundingClientRect()},addEventListener:T,removeEventListener:x}},[m,L,T,x]);const{root:k=[]}=u||{},R=t.useWebMergeStyles([o.root,...k],[k]);return n.useLayoutEffect(()=>{var e,n,t,o,l,r,i,u;null==c||c({layout:{height:null!==(n=null===(e=E.current)||void 0===e?void 0:e.clientHeight)&&void 0!==n?n:0,width:null!==(o=null===(t=E.current)||void 0===t?void 0:t.clientWidth)&&void 0!==o?o:0,x:null!==(r=null===(l=E.current)||void 0===l?void 0:l.getBoundingClientRect().x)&&void 0!==r?r:0,y:null!==(u=null===(i=E.current)||void 0===i?void 0:i.getBoundingClientRect().y)&&void 0!==u?u:0}})},[c]),e.jsx(r,{id:l,ref:E,className:R,onClick:a,onMouseEnter:d,onMouseLeave:s,onTransitionEnd:v,onTouchStart:h,onTouchEnd:g,onTouchCancel:C,onTouchMove:y,children:i})});l.displayName="Container",exports.Container=l;
 //# sourceMappingURL=ct-design-container.browser.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-container.browser.cjs.js","sources":["../packages/components/Container/src/Container.tsx","../packages/components/Container/src/style.ts"],"sourcesContent":[null,null],"names":["staticContainerStyles","makeStyles","root","flexDirection","StyledContainer","styled","default","div","_a","id","css","children","onClick","onAnimationStart","onDoubleClick","onBlur","onTouchStart","onMouseEnter","onMouseLeave","onFocus","onKeyDown","onPointerEnter","onPointerLeave","onTouchCancel","onTouchMove","rest","__rest","alignItems","borderRadius","boxShadow","bottom","display","flex","justifyContent","flexWrap","rowGap","columnGap","left","position","right","top","zIndex","paddingTop","paddingBottom","paddingLeft","paddingRight","marginTop","marginBottom","marginLeft","marginRight","backgroundColor","cursor","width","height","wordBreak","textAlign","gridTemplateColumns","__assign","getContainerStyles","Container","forwardRef","forwardedRef","_b","as","styleConfig","localRef","useRef","handleFocus","useCallback","current","focus","handleGetBoundingRect","callback","rect","getBoundingClientRect","x","y","handleAddEventListener","type","listener","options","addEventListener","handleRemoveEventListener","removeEventListener","useImperativeHandle","getBoundingRectWithCallback","getElementRef","style","offsetWidth","_c","rootStyles","mergedRootStyles","useWebMergeStyles","__spreadArray","_jsx","ref","className"],"mappings":"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"}
+{"version":3,"file":"ct-design-container.browser.cjs.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["staticContainerStyles","makeStyles","root","display","flexDirection","Container","forwardRef","id","as","ContainerAs","children","styleConfig","onClick","onLayout","onMouseEnter","onMouseLeave","onTransitionEnd","onTouchStart","onTouchEnd","onTouchCancel","onTouchMove","forwardedRef","localRef","useRef","handleFocus","useCallback","_a","current","focus","handleGetBoundingRect","callback","rect","getBoundingClientRect","x","y","width","height","handleAddEventListener","type","listener","options","addEventListener","handleRemoveEventListener","removeEventListener","useImperativeHandle","getBoundingRectWithCallback","getElementRef","style","classList","add","className","measure","_callback","rootStyles","mergedRootStyles","useWebMergeStyles","useLayoutEffect","layout","clientHeight","_b","_c","clientWidth","_d","_f","_e","_h","_g","_jsx","ref","displayName"],"mappings":"mHAaA,MAAMA,EAAwBC,EAAUA,WAAC,KAChC,CACLC,KAAM,CACJC,QAAS,OACTC,cAAe,aAKfC,EAAYC,EAAAA,WAChB,EAEIC,KACAC,GAAIC,EAAc,MAClBC,WACAC,cACAC,UACAC,WACAC,eACAC,eACAC,kBACAC,eACAC,aACAC,gBACAC,eAEFC,KAEA,MAAMC,EAAWC,SAA8B,MAGzCC,EAAcC,EAAAA,YAAY,WACZ,QAAlBC,EAAAJ,EAASK,eAAS,IAAAD,GAAAA,EAAAE,SACjB,IAGGC,EAAwBJ,cAAaK,UACzC,MAAMC,EAAuB,QAAhBL,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEM,wBAE3BD,IACFD,SAAAA,EAAW,CACTG,EAAGF,EAAKE,EACRC,EAAGH,EAAKG,EACRC,MAAOJ,EAAKI,MACZC,OAAQL,EAAKK,WAGhB,IAEGC,EAAyBZ,EAAWA,YACxC,CAACa,EAAcC,EAAyBC,WACtB,QAAhBd,EAAAJ,EAASK,eAAO,IAAAD,GAAAA,EAAEe,iBAAiBH,EAAMC,EAAUC,IAErD,IAGIE,EAA4BjB,EAAWA,YAC3C,CAACa,EAAcC,EAAyBC,WACtB,QAAhBd,EAAAJ,EAASK,eAAO,IAAAD,GAAAA,EAAEiB,oBAAoBL,EAAMC,EAAUC,IAExD,IAIFI,EAAmBA,oBACjBvB,EACA,WAAM,MAAC,CACLO,MAAOJ,EACPqB,4BAA6BhB,EAC7BiB,cAAe,IAAMxB,EACrByB,OAA0B,QAAlBrB,EAAAJ,EAASK,eAAS,IAAAD,OAAA,EAAAA,EAAAqB,QAAS,CAAA,EACnCC,UAAW,CACTC,IAAMC,UACc,QAAlBxB,EAAAJ,EAASK,eAAS,IAAAD,GAAAA,EAAAsB,UAAUC,IAAIC,KAGpCC,QACEC,UAEkB,QAAlB1B,EAAAJ,EAASK,eAAS,IAAAD,GAAAA,EAAAM,yBAEpBS,iBAAkBJ,EAClBM,oBAAqBD,IAEvB,CAAClB,EAAaK,EAAuBQ,EAAwBK,IAG/D,MAAQxC,KAAMmD,EAAa,IAAO1C,GAAe,CAAA,EAE3C2C,EAAmBC,oBAAkB,CAACvD,EAAsBE,QAASmD,GAAa,CAACA,IAazF,OAXAG,EAAAA,gBAAgB,yBACd3C,SAAAA,EAAW,CACT4C,OAAQ,CACNrB,OAAsC,UAAd,QAAhBV,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEgC,oBAAY,IAAAC,EAAAA,EAAI,EAC1CxB,MAAoC,UAAb,QAAhByB,EAAAtC,EAASK,eAAO,IAAAiC,OAAA,EAAAA,EAAEC,mBAAW,IAAAC,EAAAA,EAAI,EACxC7B,EAA8C,QAA3C8B,EAAgB,QAAhBC,EAAA1C,EAASK,eAAO,IAAAqC,OAAA,EAAAA,EAAEhC,wBAAwBC,SAAC,IAAA8B,EAAAA,EAAI,EAClD7B,EAA8C,QAA3C+B,EAAgB,QAAhBC,EAAA5C,EAASK,eAAO,IAAAuC,OAAA,EAAAA,EAAElC,wBAAwBE,SAAC,IAAA+B,EAAAA,EAAI,MAGrD,CAACpD,IAGFsD,MAAC1D,EAAW,CACVF,GAAIA,EACJ6D,IAAK9C,EACL4B,UAAWI,EACX1C,QAASA,EACTE,aAAcA,EACdC,aAAcA,EACdC,gBAAiBA,EACjBC,aAAcA,EACdC,WAAYA,EACZC,cAAeA,EACfC,YAAaA,EAEZV,SAAAA,MAMTL,EAAUgE,YAAc"}

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

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as n,__spreadArray as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import{forwardRef as i,useRef as r,useCallback as a,useImperativeHandle as d}from"react";import l from"@emotion/styled";import{makeStyles as u,useWebMergeStyles as c}from"@cleartrip/ct-design-style-manager";var g=u((function(){return{root:{flexDirection:"column"}}})),m=l.div((function(t){t.id;var e=t.css;t.children,t.onClick,t.onAnimationEnd,t.onAnimationStart,t.onDoubleClick,t.onBlur,t.onTouchStart,t.onTouchEnd,t.onMouseEnter,t.onMouseLeave,t.onFocus,t.onKeyDown,t.onPointerEnter,t.onPointerLeave,t.onTouchCancel,t.onTouchMove;var i=o(t,["id","css","children","onClick","onAnimationEnd","onAnimationStart","onDoubleClick","onBlur","onTouchStart","onTouchEnd","onMouseEnter","onMouseLeave","onFocus","onKeyDown","onPointerEnter","onPointerLeave","onTouchCancel","onTouchMove"]);return function(t){var e=t.alignItems,i=t.borderRadius,r=t.boxShadow,a=t.bottom,d=t.display,l=t.flex,u=t.justifyContent,c=t.flexWrap,g=t.flexDirection,m=t.rowGap,s=t.columnGap,f=t.left,p=t.position,h=t.right,v=t.top,x=t.zIndex,C=t.paddingTop,T=t.paddingBottom,b=t.paddingLeft,w=t.paddingRight,y=t.marginTop,L=t.marginBottom,B=t.marginLeft,E=t.marginRight,R=t.backgroundColor,k=t.cursor,D=t.width,A=t.height,S=t.wordBreak;t.theme;var G=t.textAlign,I=t.gridTemplateColumns,M=o(t,["alignItems","borderRadius","boxShadow","bottom","display","flex","justifyContent","flexWrap","flexDirection","rowGap","columnGap","left","position","right","top","zIndex","paddingTop","paddingBottom","paddingLeft","paddingRight","marginTop","marginBottom","marginLeft","marginRight","backgroundColor","cursor","width","height","wordBreak","theme","textAlign","gridTemplateColumns"]);return n({alignItems:e,borderRadius:i,boxShadow:r,bottom:a,display:d,flex:l,justifyContent:u,flexWrap:c,flexDirection:g,rowGap:m,columnGap:s,left:f,position:p,right:h,top:v,zIndex:x,paddingTop:C,paddingBottom:T,paddingLeft:b,paddingRight:w,marginTop:y,marginBottom:L,marginLeft:B,marginRight:E,backgroundColor:R,cursor:k,width:D,height:A,wordBreak:S,textAlign:G,gridTemplateColumns:I},M)}(n(n({},i),e))})),s=i((function(i,l){var u=i.id,s=i.as,f=void 0===s?"div":s,p=i.children,h=i.styleConfig,v=o(i,["id","as","children","styleConfig"]),x=r(null),C=a((function(){var o;null===(o=x.current)||void 0===o||o.focus()}),[]),T=a((function(o){var n,t=null===(n=x.current)||void 0===n?void 0:n.getBoundingClientRect();t&&(null==o||o({x:t.x,y:t.y,width:t.width,height:t.height}))}),[]),b=a((function(o,n,t){var e;null===(e=x.current)||void 0===e||e.addEventListener(o,n,t)}),[]),w=a((function(o,n,t){var e;null===(e=x.current)||void 0===e||e.removeEventListener(o,n,t)}),[]);d(l,(function(){return{focus:C,getBoundingRectWithCallback:T,getElementRef:function(){return x},addEventListener:b,removeEventListener:w,get style(){var o;return(null===(o=x.current)||void 0===o?void 0:o.style)||{}},get offsetWidth(){var o;return(null===(o=x.current)||void 0===o?void 0:o.offsetWidth)||0}}}),[C,T,b,w]);var y=(h||{}).root,L=void 0===y?[]:y,B=c(t([g.root],L,!0),[L]);return e(m,n({id:u,ref:x,as:f,className:B},v,{children:p}))}));export{s as Container};
+import{jsx as n}from"react/jsx-runtime";import{forwardRef as e,useRef as o,useCallback as t,useImperativeHandle as i,useLayoutEffect as r}from"react";import{makeStyles as l,useWebMergeStyles as u}from"@cleartrip/ct-design-style-manager";const d=l(()=>({root:{display:"flex",flexDirection:"column"}})),c=e(({id:e,as:l="div",children:c,styleConfig:v,onClick:a,onLayout:s,onMouseEnter:h,onMouseLeave:g,onTransitionEnd:m,onTouchStart:y,onTouchEnd:C,onTouchCancel:E,onTouchMove:f},T)=>{const L=o(null),x=t(()=>{var n;null===(n=L.current)||void 0===n||n.focus()},[]),p=t(n=>{var e;const o=null===(e=L.current)||void 0===e?void 0:e.getBoundingClientRect();o&&(null==n||n({x:o.x,y:o.y,width:o.width,height:o.height}))},[]),M=t((n,e,o)=>{var t;null===(t=L.current)||void 0===t||t.addEventListener(n,e,o)},[]),R=t((n,e,o)=>{var t;null===(t=L.current)||void 0===t||t.removeEventListener(n,e,o)},[]);i(T,()=>{var n;return{focus:x,getBoundingRectWithCallback:p,getElementRef:()=>L,style:(null===(n=L.current)||void 0===n?void 0:n.style)||{},classList:{add:n=>{var e;null===(e=L.current)||void 0===e||e.classList.add(n)}},measure:n=>{var e;null===(e=L.current)||void 0===e||e.getBoundingClientRect()},addEventListener:M,removeEventListener:R}},[x,p,M,R]);const{root:B=[]}=v||{},k=u([d.root,...B],[B]);return r(()=>{var n,e,o,t,i,r,l,u;null==s||s({layout:{height:null!==(e=null===(n=L.current)||void 0===n?void 0:n.clientHeight)&&void 0!==e?e:0,width:null!==(t=null===(o=L.current)||void 0===o?void 0:o.clientWidth)&&void 0!==t?t:0,x:null!==(r=null===(i=L.current)||void 0===i?void 0:i.getBoundingClientRect().x)&&void 0!==r?r:0,y:null!==(u=null===(l=L.current)||void 0===l?void 0:l.getBoundingClientRect().y)&&void 0!==u?u:0}})},[s]),n(l,{id:e,ref:L,className:k,onClick:a,onMouseEnter:h,onMouseLeave:g,onTransitionEnd:m,onTouchStart:y,onTouchEnd:C,onTouchCancel:E,onTouchMove:f,children:c})});c.displayName="Container";export{c as Container};
 //# sourceMappingURL=ct-design-container.browser.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-container.browser.esm.js","sources":["../packages/components/Container/src/style.ts","../packages/components/Container/src/Container.tsx"],"sourcesContent":[null,null],"names":["staticContainerStyles","makeStyles","root","flexDirection","StyledContainer","styled","div","_a","id","css","children","onClick","onAnimationStart","onDoubleClick","onBlur","onTouchStart","onMouseEnter","onMouseLeave","onFocus","onKeyDown","onPointerEnter","onPointerLeave","onTouchCancel","onTouchMove","rest","__rest","alignItems","borderRadius","boxShadow","bottom","display","flex","justifyContent","flexWrap","rowGap","columnGap","left","position","right","top","zIndex","paddingTop","paddingBottom","paddingLeft","paddingRight","marginTop","marginBottom","marginLeft","marginRight","backgroundColor","cursor","width","height","wordBreak","textAlign","gridTemplateColumns","__assign","getContainerStyles","Container","forwardRef","forwardedRef","_b","as","styleConfig","localRef","useRef","handleFocus","useCallback","current","focus","handleGetBoundingRect","callback","rect","getBoundingClientRect","x","y","handleAddEventListener","type","listener","options","addEventListener","handleRemoveEventListener","removeEventListener","useImperativeHandle","getBoundingRectWithCallback","getElementRef","style","offsetWidth","_c","rootStyles","mergedRootStyles","useWebMergeStyles","__spreadArray","_jsx","ref","className"],"mappings":"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"}
+{"version":3,"file":"ct-design-container.browser.esm.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["staticContainerStyles","makeStyles","root","display","flexDirection","Container","forwardRef","id","as","ContainerAs","children","styleConfig","onClick","onLayout","onMouseEnter","onMouseLeave","onTransitionEnd","onTouchStart","onTouchEnd","onTouchCancel","onTouchMove","forwardedRef","localRef","useRef","handleFocus","useCallback","_a","current","focus","handleGetBoundingRect","callback","rect","getBoundingClientRect","x","y","width","height","handleAddEventListener","type","listener","options","addEventListener","handleRemoveEventListener","removeEventListener","useImperativeHandle","getBoundingRectWithCallback","getElementRef","style","classList","add","className","measure","_callback","rootStyles","mergedRootStyles","useWebMergeStyles","useLayoutEffect","layout","clientHeight","_b","_c","clientWidth","_d","_f","_e","_h","_g","_jsx","ref","displayName"],"mappings":"6OAaA,MAAMA,EAAwBC,EAAW,KAChC,CACLC,KAAM,CACJC,QAAS,OACTC,cAAe,aAKfC,EAAYC,EAChB,EAEIC,KACAC,GAAIC,EAAc,MAClBC,WACAC,cACAC,UACAC,WACAC,eACAC,eACAC,kBACAC,eACAC,aACAC,gBACAC,eAEFC,KAEA,MAAMC,EAAWC,EAA8B,MAGzCC,EAAcC,EAAY,WACZ,QAAlBC,EAAAJ,EAASK,eAAS,IAAAD,GAAAA,EAAAE,SACjB,IAGGC,EAAwBJ,EAAaK,UACzC,MAAMC,EAAuB,QAAhBL,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEM,wBAE3BD,IACFD,SAAAA,EAAW,CACTG,EAAGF,EAAKE,EACRC,EAAGH,EAAKG,EACRC,MAAOJ,EAAKI,MACZC,OAAQL,EAAKK,WAGhB,IAEGC,EAAyBZ,EAC7B,CAACa,EAAcC,EAAyBC,WACtB,QAAhBd,EAAAJ,EAASK,eAAO,IAAAD,GAAAA,EAAEe,iBAAiBH,EAAMC,EAAUC,IAErD,IAGIE,EAA4BjB,EAChC,CAACa,EAAcC,EAAyBC,WACtB,QAAhBd,EAAAJ,EAASK,eAAO,IAAAD,GAAAA,EAAEiB,oBAAoBL,EAAMC,EAAUC,IAExD,IAIFI,EACEvB,EACA,WAAM,MAAC,CACLO,MAAOJ,EACPqB,4BAA6BhB,EAC7BiB,cAAe,IAAMxB,EACrByB,OAA0B,QAAlBrB,EAAAJ,EAASK,eAAS,IAAAD,OAAA,EAAAA,EAAAqB,QAAS,CAAA,EACnCC,UAAW,CACTC,IAAMC,UACc,QAAlBxB,EAAAJ,EAASK,eAAS,IAAAD,GAAAA,EAAAsB,UAAUC,IAAIC,KAGpCC,QACEC,UAEkB,QAAlB1B,EAAAJ,EAASK,eAAS,IAAAD,GAAAA,EAAAM,yBAEpBS,iBAAkBJ,EAClBM,oBAAqBD,IAEvB,CAAClB,EAAaK,EAAuBQ,EAAwBK,IAG/D,MAAQxC,KAAMmD,EAAa,IAAO1C,GAAe,CAAA,EAE3C2C,EAAmBC,EAAkB,CAACvD,EAAsBE,QAASmD,GAAa,CAACA,IAazF,OAXAG,EAAgB,yBACd3C,SAAAA,EAAW,CACT4C,OAAQ,CACNrB,OAAsC,UAAd,QAAhBV,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEgC,oBAAY,IAAAC,EAAAA,EAAI,EAC1CxB,MAAoC,UAAb,QAAhByB,EAAAtC,EAASK,eAAO,IAAAiC,OAAA,EAAAA,EAAEC,mBAAW,IAAAC,EAAAA,EAAI,EACxC7B,EAA8C,QAA3C8B,EAAgB,QAAhBC,EAAA1C,EAASK,eAAO,IAAAqC,OAAA,EAAAA,EAAEhC,wBAAwBC,SAAC,IAAA8B,EAAAA,EAAI,EAClD7B,EAA8C,QAA3C+B,EAAgB,QAAhBC,EAAA5C,EAASK,eAAO,IAAAuC,OAAA,EAAAA,EAAElC,wBAAwBE,SAAC,IAAA+B,EAAAA,EAAI,MAGrD,CAACpD,IAGFsD,EAAC1D,EAAW,CACVF,GAAIA,EACJ6D,IAAK9C,EACL4B,UAAWI,EACX1C,QAASA,EACTE,aAAcA,EACdC,aAAcA,EACdC,gBAAiBA,EACjBC,aAAcA,EACdC,WAAYA,EACZC,cAAeA,EACfC,YAAaA,EAEZV,SAAAA,MAMTL,EAAUgE,YAAc"}

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

@@ -1,41 +1,26 @@
 'use strict';
 
-var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var styled = require('@emotion/styled');
 var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-var getContainerStyles = function (_a) {
-    var alignItems = _a.alignItems, borderRadius = _a.borderRadius, boxShadow = _a.boxShadow, bottom = _a.bottom, display = _a.display, flex = _a.flex, justifyContent = _a.justifyContent, flexWrap = _a.flexWrap, flexDirection = _a.flexDirection, rowGap = _a.rowGap, columnGap = _a.columnGap, left = _a.left, position = _a.position, right = _a.right, top = _a.top, zIndex = _a.zIndex, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, backgroundColor = _a.backgroundColor, cursor = _a.cursor, width = _a.width, height = _a.height, wordBreak = _a.wordBreak; _a.theme; var textAlign = _a.textAlign, gridTemplateColumns = _a.gridTemplateColumns, rest = tslib.__rest(_a, ["alignItems", "borderRadius", "boxShadow", "bottom", "display", "flex", "justifyContent", "flexWrap", "flexDirection", "rowGap", "columnGap", "left", "position", "right", "top", "zIndex", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "marginTop", "marginBottom", "marginLeft", "marginRight", "backgroundColor", "cursor", "width", "height", "wordBreak", "theme", "textAlign", "gridTemplateColumns"]);
-    return tslib.__assign({ alignItems: alignItems, borderRadius: borderRadius, boxShadow: boxShadow, bottom: bottom, display: display, flex: flex, justifyContent: justifyContent, flexWrap: flexWrap, flexDirection: flexDirection, rowGap: rowGap, columnGap: columnGap, left: left, position: position, right: right, top: top, zIndex: zIndex, paddingTop: paddingTop, paddingBottom: paddingBottom, paddingLeft: paddingLeft, paddingRight: paddingRight, marginTop: marginTop, marginBottom: marginBottom, marginLeft: marginLeft, marginRight: marginRight, backgroundColor: backgroundColor, cursor: cursor, width: width, height: height, wordBreak: wordBreak, textAlign: textAlign, gridTemplateColumns: gridTemplateColumns }, rest);
-};
-
-var staticContainerStyles = ctDesignStyleManager.makeStyles(function () {
+const staticContainerStyles = ctDesignStyleManager.makeStyles(() => {
     return {
         root: {
+            display: 'flex',
             flexDirection: 'column',
         },
     };
 });
-var StyledContainer = styled__default.default.div(function (_a) {
-    _a.id; var css = _a.css; _a.children; _a.onClick; _a.onAnimationEnd; _a.onAnimationStart; _a.onDoubleClick; _a.onBlur; _a.onTouchStart; _a.onTouchEnd; _a.onMouseEnter; _a.onMouseLeave; _a.onFocus; _a.onKeyDown; _a.onPointerEnter; _a.onPointerLeave; _a.onTouchCancel; _a.onTouchMove; var rest = tslib.__rest(_a, ["id", "css", "children", "onClick", "onAnimationEnd", "onAnimationStart", "onDoubleClick", "onBlur", "onTouchStart", "onTouchEnd", "onMouseEnter", "onMouseLeave", "onFocus", "onKeyDown", "onPointerEnter", "onPointerLeave", "onTouchCancel", "onTouchMove"]);
-    return getContainerStyles(tslib.__assign(tslib.__assign({}, rest), css));
-});
-var Container = react.forwardRef(function (_a, forwardedRef) {
-    var id = _a.id, _b = _a.as, as = _b === void 0 ? 'div' : _b, children = _a.children, styleConfig = _a.styleConfig, rest = tslib.__rest(_a, ["id", "as", "children", "styleConfig"]);
-    var localRef = react.useRef(null);
-    var handleFocus = react.useCallback(function () {
+const Container = react.forwardRef(({ id, as: ContainerAs = 'div', children, styleConfig, onClick, onLayout, onMouseEnter, onMouseLeave, onTransitionEnd, onTouchStart, onTouchEnd, onTouchCancel, onTouchMove, }, forwardedRef) => {
+    const localRef = react.useRef(null);
+    const handleFocus = react.useCallback(() => {
         var _a;
         (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, []);
-    var handleGetBoundingRect = react.useCallback(function (callback) {
+    const handleGetBoundingRect = react.useCallback((callback) => {
         var _a;
-        var rect = (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        const rect = (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
         if (rect) {
             callback === null || callback === void 0 ? void 0 : callback({
                 x: rect.x,
@@ -45,33 +30,51 @@ var Container = react.forwardRef(function (_a, forwardedRef) {
             });
         }
     }, []);
-    var handleAddEventListener = react.useCallback(function (type, listener, options) {
+    const handleAddEventListener = react.useCallback((type, listener, options) => {
         var _a;
         (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener(type, listener, options);
     }, []);
-    var handleRemoveEventListener = react.useCallback(function (type, listener, options) {
+    const handleRemoveEventListener = react.useCallback((type, listener, options) => {
         var _a;
         (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener(type, listener, options);
     }, []);
-    react.useImperativeHandle(forwardedRef, function () { return ({
-        focus: handleFocus,
-        getBoundingRectWithCallback: handleGetBoundingRect,
-        getElementRef: function () { return localRef; },
-        addEventListener: handleAddEventListener,
-        removeEventListener: handleRemoveEventListener,
-        get style() {
-            var _a;
-            return ((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.style) || {};
-        },
-        get offsetWidth() {
-            var _a;
-            return ((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
-        },
-    }); }, [handleFocus, handleGetBoundingRect, handleAddEventListener, handleRemoveEventListener]);
-    var _c = (styleConfig || {}).root, rootStyles = _c === void 0 ? [] : _c;
-    var mergedRootStyles = ctDesignStyleManager.useWebMergeStyles(tslib.__spreadArray([staticContainerStyles.root], rootStyles, true), [rootStyles]);
-    return (jsxRuntime.jsx(StyledContainer, tslib.__assign({ id: id, ref: localRef, as: as, className: mergedRootStyles }, rest, { children: children })));
+    react.useImperativeHandle(forwardedRef, () => {
+        var _a;
+        return ({
+            focus: handleFocus,
+            getBoundingRectWithCallback: handleGetBoundingRect,
+            getElementRef: () => localRef,
+            style: (((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.style) || {}),
+            classList: {
+                add: (className) => {
+                    var _a;
+                    (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(className);
+                },
+            },
+            measure: (_callback) => {
+                var _a;
+                (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            },
+            addEventListener: handleAddEventListener,
+            removeEventListener: handleRemoveEventListener,
+        });
+    }, [handleFocus, handleGetBoundingRect, handleAddEventListener, handleRemoveEventListener]);
+    const { root: rootStyles = [] } = styleConfig || {};
+    const mergedRootStyles = ctDesignStyleManager.useWebMergeStyles([staticContainerStyles.root, ...rootStyles], [rootStyles]);
+    react.useLayoutEffect(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        onLayout === null || onLayout === void 0 ? void 0 : onLayout({
+            layout: {
+                height: (_b = (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0,
+                width: (_d = (_c = localRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth) !== null && _d !== void 0 ? _d : 0,
+                x: (_f = (_e = localRef.current) === null || _e === void 0 ? void 0 : _e.getBoundingClientRect().x) !== null && _f !== void 0 ? _f : 0,
+                y: (_h = (_g = localRef.current) === null || _g === void 0 ? void 0 : _g.getBoundingClientRect().y) !== null && _h !== void 0 ? _h : 0,
+            },
+        });
+    }, [onLayout]);
+    return (jsxRuntime.jsx(ContainerAs, { id: id, ref: localRef, className: mergedRootStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTransitionEnd: onTransitionEnd, onTouchStart: onTouchStart, onTouchEnd: onTouchEnd, onTouchCancel: onTouchCancel, onTouchMove: onTouchMove, children: children }));
 });
+Container.displayName = 'Container';
 
 exports.Container = Container;
 //# sourceMappingURL=ct-design-container.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-container.cjs.js","sources":["../packages/components/Container/src/style.ts","../packages/components/Container/src/Container.tsx"],"sourcesContent":[null,null],"names":["__rest","__assign","makeStyles","styled","forwardRef","useRef","useCallback","useImperativeHandle","useWebMergeStyles","__spreadArray","_jsx"],"mappings":"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"}
+{"version":3,"file":"ct-design-container.cjs.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["makeStyles","forwardRef","useRef","useCallback","useImperativeHandle","useWebMergeStyles","useLayoutEffect","_jsx"],"mappings":"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"}

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

@@ -1,35 +1,24 @@
-import { __rest, __assign, __spreadArray } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useCallback, useImperativeHandle } from 'react';
-import styled from '@emotion/styled';
+import { forwardRef, useRef, useCallback, useImperativeHandle, useLayoutEffect } from 'react';
 import { makeStyles, useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
 
-var getContainerStyles = function (_a) {
-    var alignItems = _a.alignItems, borderRadius = _a.borderRadius, boxShadow = _a.boxShadow, bottom = _a.bottom, display = _a.display, flex = _a.flex, justifyContent = _a.justifyContent, flexWrap = _a.flexWrap, flexDirection = _a.flexDirection, rowGap = _a.rowGap, columnGap = _a.columnGap, left = _a.left, position = _a.position, right = _a.right, top = _a.top, zIndex = _a.zIndex, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, backgroundColor = _a.backgroundColor, cursor = _a.cursor, width = _a.width, height = _a.height, wordBreak = _a.wordBreak; _a.theme; var textAlign = _a.textAlign, gridTemplateColumns = _a.gridTemplateColumns, rest = __rest(_a, ["alignItems", "borderRadius", "boxShadow", "bottom", "display", "flex", "justifyContent", "flexWrap", "flexDirection", "rowGap", "columnGap", "left", "position", "right", "top", "zIndex", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "marginTop", "marginBottom", "marginLeft", "marginRight", "backgroundColor", "cursor", "width", "height", "wordBreak", "theme", "textAlign", "gridTemplateColumns"]);
-    return __assign({ alignItems: alignItems, borderRadius: borderRadius, boxShadow: boxShadow, bottom: bottom, display: display, flex: flex, justifyContent: justifyContent, flexWrap: flexWrap, flexDirection: flexDirection, rowGap: rowGap, columnGap: columnGap, left: left, position: position, right: right, top: top, zIndex: zIndex, paddingTop: paddingTop, paddingBottom: paddingBottom, paddingLeft: paddingLeft, paddingRight: paddingRight, marginTop: marginTop, marginBottom: marginBottom, marginLeft: marginLeft, marginRight: marginRight, backgroundColor: backgroundColor, cursor: cursor, width: width, height: height, wordBreak: wordBreak, textAlign: textAlign, gridTemplateColumns: gridTemplateColumns }, rest);
-};
-
-var staticContainerStyles = makeStyles(function () {
+const staticContainerStyles = makeStyles(() => {
     return {
         root: {
+            display: 'flex',
             flexDirection: 'column',
         },
     };
 });
-var StyledContainer = styled.div(function (_a) {
-    _a.id; var css = _a.css; _a.children; _a.onClick; _a.onAnimationEnd; _a.onAnimationStart; _a.onDoubleClick; _a.onBlur; _a.onTouchStart; _a.onTouchEnd; _a.onMouseEnter; _a.onMouseLeave; _a.onFocus; _a.onKeyDown; _a.onPointerEnter; _a.onPointerLeave; _a.onTouchCancel; _a.onTouchMove; var rest = __rest(_a, ["id", "css", "children", "onClick", "onAnimationEnd", "onAnimationStart", "onDoubleClick", "onBlur", "onTouchStart", "onTouchEnd", "onMouseEnter", "onMouseLeave", "onFocus", "onKeyDown", "onPointerEnter", "onPointerLeave", "onTouchCancel", "onTouchMove"]);
-    return getContainerStyles(__assign(__assign({}, rest), css));
-});
-var Container = forwardRef(function (_a, forwardedRef) {
-    var id = _a.id, _b = _a.as, as = _b === void 0 ? 'div' : _b, children = _a.children, styleConfig = _a.styleConfig, rest = __rest(_a, ["id", "as", "children", "styleConfig"]);
-    var localRef = useRef(null);
-    var handleFocus = useCallback(function () {
+const Container = forwardRef(({ id, as: ContainerAs = 'div', children, styleConfig, onClick, onLayout, onMouseEnter, onMouseLeave, onTransitionEnd, onTouchStart, onTouchEnd, onTouchCancel, onTouchMove, }, forwardedRef) => {
+    const localRef = useRef(null);
+    const handleFocus = useCallback(() => {
         var _a;
         (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, []);
-    var handleGetBoundingRect = useCallback(function (callback) {
+    const handleGetBoundingRect = useCallback((callback) => {
         var _a;
-        var rect = (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        const rect = (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
         if (rect) {
             callback === null || callback === void 0 ? void 0 : callback({
                 x: rect.x,
@@ -39,33 +28,51 @@ var Container = forwardRef(function (_a, forwardedRef) {
             });
         }
     }, []);
-    var handleAddEventListener = useCallback(function (type, listener, options) {
+    const handleAddEventListener = useCallback((type, listener, options) => {
         var _a;
         (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener(type, listener, options);
     }, []);
-    var handleRemoveEventListener = useCallback(function (type, listener, options) {
+    const handleRemoveEventListener = useCallback((type, listener, options) => {
         var _a;
         (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener(type, listener, options);
     }, []);
-    useImperativeHandle(forwardedRef, function () { return ({
-        focus: handleFocus,
-        getBoundingRectWithCallback: handleGetBoundingRect,
-        getElementRef: function () { return localRef; },
-        addEventListener: handleAddEventListener,
-        removeEventListener: handleRemoveEventListener,
-        get style() {
-            var _a;
-            return ((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.style) || {};
-        },
-        get offsetWidth() {
-            var _a;
-            return ((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
-        },
-    }); }, [handleFocus, handleGetBoundingRect, handleAddEventListener, handleRemoveEventListener]);
-    var _c = (styleConfig || {}).root, rootStyles = _c === void 0 ? [] : _c;
-    var mergedRootStyles = useWebMergeStyles(__spreadArray([staticContainerStyles.root], rootStyles, true), [rootStyles]);
-    return (jsx(StyledContainer, __assign({ id: id, ref: localRef, as: as, className: mergedRootStyles }, rest, { children: children })));
+    useImperativeHandle(forwardedRef, () => {
+        var _a;
+        return ({
+            focus: handleFocus,
+            getBoundingRectWithCallback: handleGetBoundingRect,
+            getElementRef: () => localRef,
+            style: (((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.style) || {}),
+            classList: {
+                add: (className) => {
+                    var _a;
+                    (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(className);
+                },
+            },
+            measure: (_callback) => {
+                var _a;
+                (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            },
+            addEventListener: handleAddEventListener,
+            removeEventListener: handleRemoveEventListener,
+        });
+    }, [handleFocus, handleGetBoundingRect, handleAddEventListener, handleRemoveEventListener]);
+    const { root: rootStyles = [] } = styleConfig || {};
+    const mergedRootStyles = useWebMergeStyles([staticContainerStyles.root, ...rootStyles], [rootStyles]);
+    useLayoutEffect(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        onLayout === null || onLayout === void 0 ? void 0 : onLayout({
+            layout: {
+                height: (_b = (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0,
+                width: (_d = (_c = localRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth) !== null && _d !== void 0 ? _d : 0,
+                x: (_f = (_e = localRef.current) === null || _e === void 0 ? void 0 : _e.getBoundingClientRect().x) !== null && _f !== void 0 ? _f : 0,
+                y: (_h = (_g = localRef.current) === null || _g === void 0 ? void 0 : _g.getBoundingClientRect().y) !== null && _h !== void 0 ? _h : 0,
+            },
+        });
+    }, [onLayout]);
+    return (jsx(ContainerAs, { id: id, ref: localRef, className: mergedRootStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTransitionEnd: onTransitionEnd, onTouchStart: onTouchStart, onTouchEnd: onTouchEnd, onTouchCancel: onTouchCancel, onTouchMove: onTouchMove, children: children }));
 });
+Container.displayName = 'Container';
 
 export { Container };
 //# sourceMappingURL=ct-design-container.esm.js.map

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

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