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

package/README.md

@@ -0,0 +1,72 @@
+# Counter
+
+A component for displaying numerical values with increment/decrement controls.
+
+---
+
+## Installation
+
+```bash
+npm install @cleartrip/ct-design-counter
+# or
+pnpm add @cleartrip/ct-design-counter
+```
+
+### 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 { Counter } from '@cleartrip/ct-design-counter';
+
+function Example() {
+  return (
+    <Counter>
+      {/* Basic usage */}
+    </Counter>
+  );
+}
+```
+
+---
+
+## Props
+
+| Prop | Type | Default | Required | Description |
+|------|------|---------|----------|-------------|
+| `onChange` | `(value: number, operation: CounterOperation) => void` | — | ✅ Yes | Callback function triggered on counter value change. It provides the new |
+| `minimumIntegerDigitsValue` | `number` | — | No | The minimum number of integer digits to be displayed in the value — |
+
+---
+
+## 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 { Counter } from 'yagami/core/components';
++ import { Counter } from '@cleartrip/ct-design-counter';
+```

package/dist/Counter.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CounterProps } from './type';
-declare const Counter: React.FC<CounterProps>;
+import { FC } from 'react';
+import { ICounterProps } from './type';
+declare const Counter: FC<ICounterProps>;
 export default Counter;
 //# sourceMappingURL=Counter.d.ts.map

package/dist/Counter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../packages/components/Counter/src/Counter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAOhE,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAetC,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6EnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../packages/components/Counter/src/Counter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAUvC,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,aAAa,CAsE9B,CAAC;AAGF,eAAe,OAAO,CAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,2 @@
+export { CounterOperation } from '@cleartrip/ct-design-types';
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../packages/components/Counter/src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),s=require("@cleartrip/ct-design-container"),i=require("@cleartrip/ct-design-typography"),r=require("react"),t=require("styled-components"),u=require("@cleartrip/ct-design-icons"),a=require("@cleartrip/ct-design-theme"),o=require("@cleartrip/ct-design-types");function c(e){return e&&e.__esModule?e:{default:e}}var l=c(t).default.i((function(n){var s=n.theme,i=n.cursor,r=n.css,t=void 0===r?{}:r;return e.__assign(e.__assign({},function(e){return e.theme,{cursor:e.cursor}}({theme:s,cursor:i})),t)})),d=function(e){return{cursor:e?"not-allowed":"pointer"}},g=function(e,n){return e.toLocaleString("en-US",{minimumIntegerDigits:n})};exports.Counter=function(t){var c=t.min,m=t.max,p=t.value,v=t.isDisabled,C=void 0!==v&&v,_=t.onChange,f=t.minimumIntegerDigitsValue,h=void 0===f?2:f,x=t.styleConfig,N=void 0===x?{}:x,j=a.useTheme(),q=N.root,y=N.minusIconContainer,E=N.minusIcon,I=N.valueContainer,M=N.value,b=N.plusIconContainer,D=N.plusIcon,T=C||p>=m,R=C||p<=c,k=r.useCallback((function(e){return function(){var n=p;if(e===o.CounterOperation.DECREMENT){if(p<=c)return;n--}else{if(p>=m)return;n++}_(n,e)}}),[p,_]),O=r.useMemo((function(){return d(R)}),[R]),L=r.useMemo((function(){return d(T)}),[T]);return n.jsxs(s.Container,e.__assign({display:"flex",alignItems:"center",className:null==q?void 0:q.className,css:null==q?void 0:q.css},{children:[n.jsx(l,e.__assign({},O,{onClick:k(o.CounterOperation.DECREMENT),className:null==y?void 0:y.className,css:null==y?void 0:y.css},{children:R?n.jsx(u.MinusDisabled,{}):n.jsx(u.MinusCounter,e.__assign({},j.color.counter.enabled,E))})),n.jsx(s.Container,e.__assign({paddingLeft:j.spacing[4],paddingRight:j.spacing[4],className:null==I?void 0:I.className,css:null==I?void 0:I.css},{children:n.jsx(i.Typography,e.__assign({variant:"B1",styleConfig:M},{children:g(p,h)}))})),n.jsx(l,e.__assign({},L,{onClick:k(o.CounterOperation.INCREMENT),className:null==b?void 0:b.className,css:null==b?void 0:b.css},{children:T?n.jsx(u.PlusDisabled,{}):n.jsx(u.PlusCounter,e.__assign({},j.color.counter.enabled,D))}))]}))};
+"use strict";var e=require("react/jsx-runtime"),n=require("react"),i=require("@cleartrip/ct-design-container"),r=require("@cleartrip/ct-design-typography"),t=require("@cleartrip/ct-design-icons"),o=require("@cleartrip/ct-design-theme"),s=require("@cleartrip/ct-design-types");const l=require("@cleartrip/ct-design-style-manager").makeStyles(e=>({root:{display:"flex",flexDirection:"row",alignItems:"center",paddingVertical:null==e?void 0:e.spacing[4],columnGap:null==e?void 0:e.spacing[4]},valueContainer:{display:"flex",alignItems:"center",width:null==e?void 0:e.size[6]},minusIconContainer:{width:null==e?void 0:e.size[8],height:null==e?void 0:e.size[8]},plusIconContainer:{width:null==e?void 0:e.size[8],height:null==e?void 0:e.size[8]}})),a=(e,n)=>e?e.toLocaleString("en-US",{minimumIntegerDigits:n}):"",u=({min:u,max:c,value:C,isDisabled:d=!1,onChange:p,minimumIntegerDigitsValue:g=2,minusIconProps:m,plusIconProps:h,styleConfig:y})=>{const x=o.useTheme(),{root:f=[],minusIconContainer:v=[],valueContainer:j=[],value:I,plusIconContainer:b=[]}=y||{},q=d||C>=c,D=d||C<=u,E=n.useCallback(e=>()=>{let n=C;if(e===s.CounterOperation.DECREMENT){if(D)return;n--}else{if(q)return;n++}p(n,e)},[C,D,q,p]);return e.jsxs(i.Container,{styleConfig:{root:[l.root,...f]},children:[e.jsx(i.Container,{onClick:E(s.CounterOperation.DECREMENT),styleConfig:{root:[l.minusIconContainer,...v]},children:D?e.jsx(t.MinusDisabled,{}):e.jsx(t.MinusCounter,Object.assign({},x.color.counter.enabled,m||{}))}),e.jsx(i.Container,{styleConfig:{root:[l.valueContainer,...j]},children:e.jsx(r.Typography,{variant:"B1",styleConfig:I,children:a(C,g)})}),e.jsx(i.Container,{onClick:E(s.CounterOperation.INCREMENT),styleConfig:{root:[l.plusIconContainer,...b]},children:q?e.jsx(t.PlusDisabled,{}):e.jsx(t.PlusCounter,Object.assign({},x.color.counter.enabled,h||{}))})]})};u.displayName="Counter",Object.defineProperty(exports,"CounterOperation",{enumerable:!0,get:function(){return s.CounterOperation}}),exports.Counter=u;
 //# sourceMappingURL=ct-design-counter.browser.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-counter.browser.cjs.js","sources":["../packages/components/Counter/src/StyledOperationWrapper/StyledOperationWrapper.tsx","../packages/components/Counter/src/StyledOperationWrapper/style.ts","../packages/components/Counter/src/style.ts","../packages/components/Counter/src/Counter.tsx"],"sourcesContent":[null,null,null,null],"names":["StyledOperationWrapper","default","i","_a","theme","cursor","_b","css","__assign","getStyledIconStyles","getCounterIconStyles","isDisabled","getCounterValue","value","minimumIntegerDigitsValue","toLocaleString","minimumIntegerDigits","min","max","onChange","_c","_d","styleConfig","useTheme","root","minusIconContainer","minusIcon","valueContainer","valueConfig","plusIconContainer","plusIcon","isIncrementDisabled","isDecrementDisabled","onClickCounter","useCallback","operation","updatedVal","CounterOperation","DECREMENT","decrementIconStyles","useMemo","incrementIconStyles","_jsxs","Container","display","alignItems","className","_jsx","jsx","onClick","MinusDisabled","MinusCounter","color","counter","enabled","paddingLeft","spacing","paddingRight","children","Typography","variant","INCREMENT","PlusDisabled","PlusCounter"],"mappings":"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"}
+{"version":3,"file":"ct-design-counter.browser.cjs.js","sources":["../packages/components/Counter/src/style.ts","../packages/components/Counter/src/Counter.tsx"],"sourcesContent":[null,null],"names":["staticStyles","makeStyles","theme","root","display","flexDirection","alignItems","paddingVertical","spacing","columnGap","valueContainer","width","size","minusIconContainer","height","plusIconContainer","getCounterValue","value","minimumIntegerDigitsValue","toLocaleString","minimumIntegerDigits","Counter","min","max","isDisabled","onChange","minusIconProps","plusIconProps","styleConfig","useTheme","rootStyles","minusIconContainerStyles","valueContainerStyles","valueTypographyConfig","plusIconContainerStyles","isIncrementDisabled","isDecrementDisabled","onClickCounter","useCallback","operation","updatedVal","CounterOperation","DECREMENT","_jsxs","Container","children","_jsx","onClick","MinusDisabled","MinusCounter","Object","assign","color","counter","enabled","jsx","Typography","variant","INCREMENT","PlusDisabled","PlusCounter","displayName"],"mappings":"oRAOA,MAAMA,gDAAeC,WAAYC,IACxB,CACLC,KAAM,CACJC,QAAS,OACTC,cAAe,MACfC,WAAY,SACZC,gBAAiBL,aAAK,EAALA,EAAOM,QAAQ,GAChCC,UAAWP,aAAK,EAALA,EAAOM,QAAQ,IAE5BE,eAAgB,CACdN,QAAS,OACTE,WAAY,SACZK,MAAOT,aAAK,EAALA,EAAOU,KAAK,IAErBC,mBAAoB,CAClBF,MAAOT,aAAK,EAALA,EAAOU,KAAK,GACnBE,OAAQZ,aAAK,EAALA,EAAOU,KAAK,IAEtBG,kBAAmB,CACjBJ,MAAOT,aAAK,EAALA,EAAOU,KAAK,GACnBE,OAAQZ,aAAK,EAALA,EAAOU,KAAK,OCZpBI,EAAkB,CAACC,EAAeC,IACtCD,EAAQA,EAAME,eAAe,QAAS,CAAEC,qBAAsBF,IAA+B,GAEzFG,EAA6B,EACjCC,MACAC,MACAN,QACAO,cAAa,EACbC,WACAP,4BAA4B,EAC5BQ,iBACAC,gBACAC,kBAEA,MAAM1B,EAAQ2B,EAAAA,YAGZ1B,KAAM2B,EAAa,GACnBjB,mBAAoBkB,EAA2B,GAC/CrB,eAAgBsB,EAAuB,GACvCf,MAAOgB,EACPlB,kBAAmBmB,EAA0B,IAC3CN,GAAe,GAEbO,EAAsBX,GAAcP,GAASM,EAC7Ca,EAAsBZ,GAAcP,GAASK,EAE7Ce,EAAiBC,EAAAA,YACpBC,GAAgC,KAC/B,IAAIC,EAAavB,EACjB,GAAIsB,IAAcE,EAAgBA,iBAACC,UAAW,CAC5C,GAAIN,EAAqB,OACzBI,GACD,KAAM,CACL,GAAIL,EAAqB,OACzBK,GACD,CACDf,EAASe,EAAYD,IAEvB,CAACtB,EAAOmB,EAAqBD,EAAqBV,IAGpD,OACEkB,OAACC,EAAAA,WAAUhB,YAAa,CAAEzB,KAAM,CAACH,EAAaG,QAAS2B,IACrDe,SAAA,CAAAC,MAACF,EAAAA,UAAS,CACRG,QAASV,EAAeI,EAAgBA,iBAACC,WACzCd,YAAa,CAAEzB,KAAM,CAACH,EAAaa,sBAAuBkB,aAEzDK,EACCU,MAACE,EAAAA,cAAa,CAAA,GAEdF,MAACG,EAAAA,aAAiBC,OAAAC,OAAA,CAAA,EAAAjD,EAAMkD,MAAMC,QAAQC,QAAc5B,GAAkB,CAAE,MAI5EoB,EAAAS,IAACX,EAASA,UAAC,CAAAhB,YAAa,CAAEzB,KAAM,CAACH,EAAaU,kBAAmBsB,IAAuBa,SACtFC,MAACU,EAAUA,WAAA,CAACC,QAAQ,KAAK7B,YAAaK,EAAqBY,SACxD7B,EAAgBC,EAAOC,OAI5B4B,EAACS,IAAAX,EAASA,WACRG,QAASV,EAAeI,EAAgBA,iBAACiB,WACzC9B,YAAa,CAAEzB,KAAM,CAACH,EAAae,qBAAsBmB,IAExDW,SAAAV,EACCW,EAAAA,IAACa,EAAYA,iBAEbb,EAACS,IAAAK,EAAWA,6BAAK1D,EAAMkD,MAAMC,QAAQC,QAAc3B,GAAiB,CAAE,UAOhFN,EAAQwC,YAAc"}

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

@@ -1,2 +1,2 @@
-import{__assign as n}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{Container as e}from"@cleartrip/ct-design-container";import{Typography as o}from"@cleartrip/ct-design-typography";import{useCallback as t,useMemo as c}from"react";import s from"styled-components";import{MinusDisabled as l,MinusCounter as a,PlusDisabled as u,PlusCounter as m}from"@cleartrip/ct-design-icons";import{useTheme as d}from"@cleartrip/ct-design-theme";import{CounterOperation as p}from"@cleartrip/ct-design-types";var f=s.i((function(r){var i=r.theme,e=r.cursor,o=r.css,t=void 0===o?{}:o;return n(n({},function(n){return n.theme,{cursor:n.cursor}}({theme:i,cursor:e})),t)})),g=function(n){return{cursor:n?"not-allowed":"pointer"}},v=function(n,r){return n.toLocaleString("en-US",{minimumIntegerDigits:r})},h=function(s){var h=s.min,N=s.max,C=s.value,E=s.isDisabled,I=void 0!==E&&E,y=s.onChange,D=s.minimumIntegerDigitsValue,b=void 0===D?2:D,x=s.styleConfig,R=void 0===x?{}:x,M=d(),T=R.root,k=R.minusIconContainer,L=R.minusIcon,S=R.valueContainer,j=R.value,w=R.plusIconContainer,B=R.plusIcon,U=I||C>=N,V=I||C<=h,q=t((function(n){return function(){var r=C;if(n===p.DECREMENT){if(C<=h)return;r--}else{if(C>=N)return;r++}y(r,n)}}),[C,y]),z=c((function(){return g(V)}),[V]),A=c((function(){return g(U)}),[U]);return r(e,n({display:"flex",alignItems:"center",className:null==T?void 0:T.className,css:null==T?void 0:T.css},{children:[i(f,n({},z,{onClick:q(p.DECREMENT),className:null==k?void 0:k.className,css:null==k?void 0:k.css},{children:V?i(l,{}):i(a,n({},M.color.counter.enabled,L))})),i(e,n({paddingLeft:M.spacing[4],paddingRight:M.spacing[4],className:null==S?void 0:S.className,css:null==S?void 0:S.css},{children:i(o,n({variant:"B1",styleConfig:j},{children:v(C,b)}))})),i(f,n({},A,{onClick:q(p.INCREMENT),className:null==w?void 0:w.className,css:null==w?void 0:w.css},{children:U?i(u,{}):i(m,n({},M.color.counter.enabled,B))}))]}))};export{h as Counter};
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useCallback as n}from"react";import{Container as o}from"@cleartrip/ct-design-container";import{Typography as t}from"@cleartrip/ct-design-typography";import{MinusDisabled as r,MinusCounter as l,PlusDisabled as s,PlusCounter as a}from"@cleartrip/ct-design-icons";import{useTheme as c}from"@cleartrip/ct-design-theme";import{CounterOperation as m}from"@cleartrip/ct-design-types";export{CounterOperation}from"@cleartrip/ct-design-types";import{makeStyles as p}from"@cleartrip/ct-design-style-manager";const u=p(i=>({root:{display:"flex",flexDirection:"row",alignItems:"center",paddingVertical:null==i?void 0:i.spacing[4],columnGap:null==i?void 0:i.spacing[4]},valueContainer:{display:"flex",alignItems:"center",width:null==i?void 0:i.size[6]},minusIconContainer:{width:null==i?void 0:i.size[8],height:null==i?void 0:i.size[8]},plusIconContainer:{width:null==i?void 0:i.size[8],height:null==i?void 0:i.size[8]}})),d=(i,e)=>i?i.toLocaleString("en-US",{minimumIntegerDigits:e}):"",g=({min:p,max:g,value:C,isDisabled:f=!1,onChange:h,minimumIntegerDigitsValue:y=2,minusIconProps:v,plusIconProps:I,styleConfig:E})=>{const x=c(),{root:D=[],minusIconContainer:b=[],valueContainer:z=[],value:N,plusIconContainer:w=[]}=E||{},j=f||C>=g,M=f||C<=p,O=n(i=>()=>{let e=C;if(i===m.DECREMENT){if(M)return;e--}else{if(j)return;e++}h(e,i)},[C,M,j,h]);return i(o,{styleConfig:{root:[u.root,...D]},children:[e(o,{onClick:O(m.DECREMENT),styleConfig:{root:[u.minusIconContainer,...b]},children:M?e(r,{}):e(l,Object.assign({},x.color.counter.enabled,v||{}))}),e(o,{styleConfig:{root:[u.valueContainer,...z]},children:e(t,{variant:"B1",styleConfig:N,children:d(C,y)})}),e(o,{onClick:O(m.INCREMENT),styleConfig:{root:[u.plusIconContainer,...w]},children:j?e(s,{}):e(a,Object.assign({},x.color.counter.enabled,I||{}))})]})};g.displayName="Counter";export{g as Counter};
 //# sourceMappingURL=ct-design-counter.browser.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-counter.browser.esm.js","sources":["../packages/components/Counter/src/StyledOperationWrapper/style.ts","../packages/components/Counter/src/StyledOperationWrapper/StyledOperationWrapper.tsx","../packages/components/Counter/src/style.ts","../packages/components/Counter/src/Counter.tsx"],"sourcesContent":[null,null,null,null],"names":["StyledOperationWrapper","styled","i","_a","theme","cursor","_b","css","__assign","getStyledIconStyles","getCounterIconStyles","isDisabled","getCounterValue","value","minimumIntegerDigitsValue","toLocaleString","minimumIntegerDigits","Counter","min","max","onChange","_c","_d","styleConfig","useTheme","root","minusIconContainer","minusIcon","valueContainer","valueConfig","plusIconContainer","plusIcon","isIncrementDisabled","isDecrementDisabled","onClickCounter","useCallback","operation","updatedVal","CounterOperation","DECREMENT","decrementIconStyles","useMemo","incrementIconStyles","_jsxs","Container","display","alignItems","className","_jsx","onClick","MinusDisabled","MinusCounter","color","counter","enabled","paddingLeft","spacing","paddingRight","children","Typography","variant","INCREMENT","PlusDisabled","PlusCounter"],"mappings":"igBAIO,ICADA,EAAyBC,EAAOC,GAA2C,SAACC,OAAEC,EAAKD,EAAAC,MAAEC,EAAMF,EAAAE,OAAEC,QAAAC,OAAM,IAAAD,EAAA,CAAE,EAAAA,EAAO,OAAKE,EAAAA,EAAA,CAAA,EDApF,SAACL,GAClC,OADyCA,EAAAC,MAClC,CACLC,OAF+CF,EAAAE,OAInD,CCJuHI,CAAoB,CAAEL,MAAKA,EAAEC,OAAMA,KAAQE,EAAhD,ICFrGG,EAAuB,SAACC,GACnC,MAAO,CACLN,OAAQM,EAAa,cAAgB,UAEzC,ECYMC,EAAkB,SAACC,EAAeC,GACtC,OAAOD,EAAME,eAAe,QAAS,CACnCC,qBAAsBF,GAE1B,EAEMG,EAAkC,SAACd,GACvC,IAAAe,EAAGf,EAAAe,IACHC,EAAGhB,EAAAgB,IACHN,EAAKV,EAAAU,MACLP,EAAkBH,EAAAQ,WAAlBA,OAAU,IAAAL,GAAQA,EAClBc,EAAQjB,EAAAiB,SACRC,EAAAlB,EAAAW,0BAAAA,OAA4B,IAAAO,EAAA,EAACA,EAC7BC,EAAgBnB,EAAAoB,YAAhBA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAEVlB,EAAQoB,IAEZC,EAOEF,EAAWE,KANbC,EAMEH,EAAWG,mBALbC,EAKEJ,EAAWI,UAJbC,EAIEL,EAAWK,eAHNC,EAGLN,QAFFO,EAEEP,oBADFQ,EACER,WACES,EAAsBrB,GAAcE,GAASM,EAC7Cc,EAAsBtB,GAAcE,GAASK,EAE7CgB,EAAiBC,GACrB,SAACC,GAAgC,OAAA,WAC/B,IAAIC,EAAaxB,EACjB,GAAIuB,IAAcE,EAAiBC,UAAW,CAC5C,GAAI1B,GAASK,EACX,OAEFmB,GACD,KAAM,CACL,GAAIxB,GAASM,EACX,OAEFkB,GACD,CAEDjB,EAASiB,EAAYD,EACtB,IACD,CAACvB,EAAOO,IAGJoB,EAAsBC,GAAQ,WAAM,OAAA/B,EAAqBuB,EAAoB,GAAE,CAACA,IAChFS,EAAsBD,GAAQ,WAAM,OAAA/B,EAAqBsB,EAAoB,GAAE,CAACA,IAEtF,OACEW,EAACC,EAASpC,EAAA,CAACqC,QAAQ,OAAOC,WAAW,SAASC,UAAWtB,aAAI,EAAJA,EAAMsB,UAAWxC,IAAKkB,aAAI,EAAJA,EAAMlB,gBACnFyC,EAAChD,EACKQ,EAAA,CAAA,EAAAgC,EACJ,CAAAS,QAASf,EAAeI,EAAiBC,WACzCQ,UAAWrB,aAAkB,EAAlBA,EAAoBqB,UAC/BxC,IAAKmB,aAAA,EAAAA,EAAoBnB,eAExB0B,EAAsBe,EAACE,MAAmBF,EAACG,EAAY3C,EAAA,CAAA,EAAKJ,EAAMgD,MAAMC,QAAQC,QAAa3B,OAGhGqB,EAACJ,EACCpC,EAAA,CAAA+C,YAAanD,EAAMoD,QAAQ,GAC3BC,aAAcrD,EAAMoD,QAAQ,GAC5BT,UAAWnB,aAAA,EAAAA,EAAgBmB,UAC3BxC,IAAKqB,aAAA,EAAAA,EAAgBrB,KAErB,CAAAmD,SAAAV,EAACW,EAAWnD,EAAA,CAAAoD,QAAQ,KAAKrC,YAAaM,GACnC,CAAA6B,SAAA9C,EAAgBC,EAAOC,SAI5BkC,EAAChD,EACKQ,EAAA,CAAA,EAAAkC,EACJ,CAAAO,QAASf,EAAeI,EAAiBuB,WACzCd,UAAWjB,aAAA,EAAAA,EAAmBiB,UAC9BxC,IAAKuB,aAAA,EAAAA,EAAmBvB,KAEvB,CAAAmD,SAAA1B,EAAsBgB,EAACc,EAAY,IAAMd,EAACe,EAAgBvD,EAAA,CAAA,EAAAJ,EAAMgD,MAAMC,QAAQC,QAAavB,UAIpG"}
+{"version":3,"file":"ct-design-counter.browser.esm.js","sources":["../packages/components/Counter/src/style.ts","../packages/components/Counter/src/Counter.tsx"],"sourcesContent":[null,null],"names":["staticStyles","makeStyles","theme","root","display","flexDirection","alignItems","paddingVertical","spacing","columnGap","valueContainer","width","size","minusIconContainer","height","plusIconContainer","getCounterValue","value","minimumIntegerDigitsValue","toLocaleString","minimumIntegerDigits","Counter","min","max","isDisabled","onChange","minusIconProps","plusIconProps","styleConfig","useTheme","rootStyles","minusIconContainerStyles","valueContainerStyles","valueTypographyConfig","plusIconContainerStyles","isIncrementDisabled","isDecrementDisabled","onClickCounter","useCallback","operation","updatedVal","CounterOperation","DECREMENT","_jsxs","Container","children","_jsx","onClick","MinusDisabled","MinusCounter","Object","assign","color","counter","enabled","Typography","variant","INCREMENT","PlusDisabled","PlusCounter","displayName"],"mappings":"2iBAOA,MAAMA,EAAeC,EAAYC,IACxB,CACLC,KAAM,CACJC,QAAS,OACTC,cAAe,MACfC,WAAY,SACZC,gBAAiBL,aAAK,EAALA,EAAOM,QAAQ,GAChCC,UAAWP,aAAK,EAALA,EAAOM,QAAQ,IAE5BE,eAAgB,CACdN,QAAS,OACTE,WAAY,SACZK,MAAOT,aAAK,EAALA,EAAOU,KAAK,IAErBC,mBAAoB,CAClBF,MAAOT,aAAK,EAALA,EAAOU,KAAK,GACnBE,OAAQZ,aAAK,EAALA,EAAOU,KAAK,IAEtBG,kBAAmB,CACjBJ,MAAOT,aAAK,EAALA,EAAOU,KAAK,GACnBE,OAAQZ,aAAK,EAALA,EAAOU,KAAK,OCZpBI,EAAkB,CAACC,EAAeC,IACtCD,EAAQA,EAAME,eAAe,QAAS,CAAEC,qBAAsBF,IAA+B,GAEzFG,EAA6B,EACjCC,MACAC,MACAN,QACAO,cAAa,EACbC,WACAP,4BAA4B,EAC5BQ,iBACAC,gBACAC,kBAEA,MAAM1B,EAAQ2B,KAGZ1B,KAAM2B,EAAa,GACnBjB,mBAAoBkB,EAA2B,GAC/CrB,eAAgBsB,EAAuB,GACvCf,MAAOgB,EACPlB,kBAAmBmB,EAA0B,IAC3CN,GAAe,GAEbO,EAAsBX,GAAcP,GAASM,EAC7Ca,EAAsBZ,GAAcP,GAASK,EAE7Ce,EAAiBC,EACpBC,GAAgC,KAC/B,IAAIC,EAAavB,EACjB,GAAIsB,IAAcE,EAAiBC,UAAW,CAC5C,GAAIN,EAAqB,OACzBI,GACD,KAAM,CACL,GAAIL,EAAqB,OACzBK,GACD,CACDf,EAASe,EAAYD,IAEvB,CAACtB,EAAOmB,EAAqBD,EAAqBV,IAGpD,OACEkB,EAACC,GAAUhB,YAAa,CAAEzB,KAAM,CAACH,EAAaG,QAAS2B,IACrDe,SAAA,CAAAC,EAACF,EAAS,CACRG,QAASV,EAAeI,EAAiBC,WACzCd,YAAa,CAAEzB,KAAM,CAACH,EAAaa,sBAAuBkB,aAEzDK,EACCU,EAACE,EAAa,CAAA,GAEdF,EAACG,EAAiBC,OAAAC,OAAA,CAAA,EAAAjD,EAAMkD,MAAMC,QAAQC,QAAc5B,GAAkB,CAAE,MAI5EoB,EAACF,EAAU,CAAAhB,YAAa,CAAEzB,KAAM,CAACH,EAAaU,kBAAmBsB,IAAuBa,SACtFC,EAACS,EAAU,CAACC,QAAQ,KAAK5B,YAAaK,EAAqBY,SACxD7B,EAAgBC,EAAOC,OAI5B4B,EAACF,GACCG,QAASV,EAAeI,EAAiBgB,WACzC7B,YAAa,CAAEzB,KAAM,CAACH,EAAae,qBAAsBmB,IAExDW,SAAAV,EACCW,EAACY,MAEDZ,EAACa,mBAAgBzD,EAAMkD,MAAMC,QAAQC,QAAc3B,GAAiB,CAAE,UAOhFN,EAAQuC,YAAc"}

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

@@ -1,68 +1,66 @@
 'use strict';
 
-var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
 var ctDesignContainer = require('@cleartrip/ct-design-container');
 var ctDesignTypography = require('@cleartrip/ct-design-typography');
-var react = require('react');
-var styled = require('styled-components');
 var ctDesignIcons = require('@cleartrip/ct-design-icons');
 var ctDesignTheme = require('@cleartrip/ct-design-theme');
 var ctDesignTypes = require('@cleartrip/ct-design-types');
+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 getStyledIconStyles = function (_a) {
-    _a.theme; var cursor = _a.cursor;
+const staticStyles = ctDesignStyleManager.makeStyles((theme) => {
     return {
-        cursor: cursor,
+        root: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            paddingVertical: theme === null || theme === void 0 ? void 0 : theme.spacing[4],
+            columnGap: theme === null || theme === void 0 ? void 0 : theme.spacing[4],
+        },
+        valueContainer: {
+            display: 'flex',
+            alignItems: 'center',
+            width: theme === null || theme === void 0 ? void 0 : theme.size[6],
+        },
+        minusIconContainer: {
+            width: theme === null || theme === void 0 ? void 0 : theme.size[8],
+            height: theme === null || theme === void 0 ? void 0 : theme.size[8],
+        },
+        plusIconContainer: {
+            width: theme === null || theme === void 0 ? void 0 : theme.size[8],
+            height: theme === null || theme === void 0 ? void 0 : theme.size[8],
+        },
     };
-};
-
-var StyledOperationWrapper = styled__default.default.i(function (_a) {
-    var theme = _a.theme, cursor = _a.cursor, _b = _a.css, css = _b === void 0 ? {} : _b;
-    return (tslib.__assign(tslib.__assign({}, getStyledIconStyles({ theme: theme, cursor: cursor })), css));
 });
 
-var getCounterIconStyles = function (isDisabled) {
-    return {
-        cursor: isDisabled ? 'not-allowed' : 'pointer',
-    };
-};
-
-var getCounterValue = function (value, minimumIntegerDigitsValue) {
-    return value.toLocaleString('en-US', {
-        minimumIntegerDigits: minimumIntegerDigitsValue,
-    });
-};
-var Counter = function (_a) {
-    var min = _a.min, max = _a.max, value = _a.value, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.minimumIntegerDigitsValue, minimumIntegerDigitsValue = _c === void 0 ? 2 : _c, _d = _a.styleConfig, styleConfig = _d === void 0 ? {} : _d;
-    var theme = ctDesignTheme.useTheme();
-    var root = styleConfig.root, minusIconContainer = styleConfig.minusIconContainer, minusIcon = styleConfig.minusIcon, valueContainer = styleConfig.valueContainer, valueConfig = styleConfig.value, plusIconContainer = styleConfig.plusIconContainer, plusIcon = styleConfig.plusIcon;
-    var isIncrementDisabled = isDisabled || value >= max;
-    var isDecrementDisabled = isDisabled || value <= min;
-    var onClickCounter = react.useCallback(function (operation) { return function () {
-        var updatedVal = value;
+const getCounterValue = (value, minimumIntegerDigitsValue) => value ? value.toLocaleString('en-US', { minimumIntegerDigits: minimumIntegerDigitsValue }) : '';
+const Counter = ({ min, max, value, isDisabled = false, onChange, minimumIntegerDigitsValue = 2, minusIconProps, plusIconProps, styleConfig, }) => {
+    const theme = ctDesignTheme.useTheme();
+    const { root: rootStyles = [], minusIconContainer: minusIconContainerStyles = [], valueContainer: valueContainerStyles = [], value: valueTypographyConfig, plusIconContainer: plusIconContainerStyles = [], } = styleConfig || {};
+    const isIncrementDisabled = isDisabled || value >= max;
+    const isDecrementDisabled = isDisabled || value <= min;
+    const onClickCounter = react.useCallback((operation) => () => {
+        let updatedVal = value;
         if (operation === ctDesignTypes.CounterOperation.DECREMENT) {
-            if (value <= min) {
+            if (isDecrementDisabled)
                 return;
-            }
             updatedVal--;
         }
         else {
-            if (value >= max) {
+            if (isIncrementDisabled)
                 return;
-            }
             updatedVal++;
         }
         onChange(updatedVal, operation);
-    }; }, [value, onChange]);
-    var decrementIconStyles = react.useMemo(function () { return getCounterIconStyles(isDecrementDisabled); }, [isDecrementDisabled]);
-    var incrementIconStyles = react.useMemo(function () { return getCounterIconStyles(isIncrementDisabled); }, [isIncrementDisabled]);
-    return (jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', className: root === null || root === void 0 ? void 0 : root.className, css: root === null || root === void 0 ? void 0 : root.css }, { children: [jsxRuntime.jsx(StyledOperationWrapper, tslib.__assign({}, decrementIconStyles, { onClick: onClickCounter(ctDesignTypes.CounterOperation.DECREMENT), className: minusIconContainer === null || minusIconContainer === void 0 ? void 0 : minusIconContainer.className, css: minusIconContainer === null || minusIconContainer === void 0 ? void 0 : minusIconContainer.css }, { children: isDecrementDisabled ? jsxRuntime.jsx(ctDesignIcons.MinusDisabled, {}) : jsxRuntime.jsx(ctDesignIcons.MinusCounter, tslib.__assign({}, theme.color.counter.enabled, minusIcon)) })), jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ paddingLeft: theme.spacing[4], paddingRight: theme.spacing[4], className: valueContainer === null || valueContainer === void 0 ? void 0 : valueContainer.className, css: valueContainer === null || valueContainer === void 0 ? void 0 : valueContainer.css }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B1', styleConfig: valueConfig }, { children: getCounterValue(value, minimumIntegerDigitsValue) })) })), jsxRuntime.jsx(StyledOperationWrapper, tslib.__assign({}, incrementIconStyles, { onClick: onClickCounter(ctDesignTypes.CounterOperation.INCREMENT), className: plusIconContainer === null || plusIconContainer === void 0 ? void 0 : plusIconContainer.className, css: plusIconContainer === null || plusIconContainer === void 0 ? void 0 : plusIconContainer.css }, { children: isIncrementDisabled ? jsxRuntime.jsx(ctDesignIcons.PlusDisabled, {}) : jsxRuntime.jsx(ctDesignIcons.PlusCounter, tslib.__assign({}, theme.color.counter.enabled, plusIcon)) }))] })));
+    }, [value, isDecrementDisabled, isIncrementDisabled, onChange]);
+    return (jsxRuntime.jsxs(ctDesignContainer.Container, { styleConfig: { root: [staticStyles.root, ...rootStyles] }, children: [jsxRuntime.jsx(ctDesignContainer.Container, { onClick: onClickCounter(ctDesignTypes.CounterOperation.DECREMENT), styleConfig: { root: [staticStyles.minusIconContainer, ...minusIconContainerStyles] }, children: isDecrementDisabled ? (jsxRuntime.jsx(ctDesignIcons.MinusDisabled, {})) : (jsxRuntime.jsx(ctDesignIcons.MinusCounter, Object.assign({}, theme.color.counter.enabled, (minusIconProps || {})))) }), jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticStyles.valueContainer, ...valueContainerStyles] }, children: jsxRuntime.jsx(ctDesignTypography.Typography, { variant: 'B1', styleConfig: valueTypographyConfig, children: getCounterValue(value, minimumIntegerDigitsValue) }) }), jsxRuntime.jsx(ctDesignContainer.Container, { onClick: onClickCounter(ctDesignTypes.CounterOperation.INCREMENT), styleConfig: { root: [staticStyles.plusIconContainer, ...plusIconContainerStyles] }, children: isIncrementDisabled ? (jsxRuntime.jsx(ctDesignIcons.PlusDisabled, {})) : (jsxRuntime.jsx(ctDesignIcons.PlusCounter, Object.assign({}, theme.color.counter.enabled, (plusIconProps || {})))) })] }));
 };
+Counter.displayName = 'Counter';
 
+Object.defineProperty(exports, 'CounterOperation', {
+    enumerable: true,
+    get: function () { return ctDesignTypes.CounterOperation; }
+});
 exports.Counter = Counter;
 //# sourceMappingURL=ct-design-counter.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-counter.cjs.js","sources":["../packages/components/Counter/src/StyledOperationWrapper/style.ts","../packages/components/Counter/src/StyledOperationWrapper/StyledOperationWrapper.tsx","../packages/components/Counter/src/style.ts","../packages/components/Counter/src/Counter.tsx"],"sourcesContent":[null,null,null,null],"names":["styled","__assign","useTheme","useCallback","CounterOperation","useMemo","_jsxs","Container","_jsx","MinusDisabled","MinusCounter","Typography","PlusDisabled","PlusCounter"],"mappings":"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"}
+{"version":3,"file":"ct-design-counter.cjs.js","sources":["../packages/components/Counter/src/style.ts","../packages/components/Counter/src/Counter.tsx"],"sourcesContent":[null,null],"names":["makeStyles","useTheme","useCallback","CounterOperation","_jsxs","Container","_jsx","MinusDisabled","MinusCounter","Typography","PlusDisabled","PlusCounter"],"mappings":"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"}

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

@@ -1,62 +1,61 @@
-import { __assign } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
 import { Container } from '@cleartrip/ct-design-container';
 import { Typography } from '@cleartrip/ct-design-typography';
-import { useCallback, useMemo } from 'react';
-import styled from 'styled-components';
 import { MinusDisabled, MinusCounter, PlusDisabled, PlusCounter } from '@cleartrip/ct-design-icons';
 import { useTheme } from '@cleartrip/ct-design-theme';
 import { CounterOperation } from '@cleartrip/ct-design-types';
+export { CounterOperation } from '@cleartrip/ct-design-types';
+import { makeStyles } from '@cleartrip/ct-design-style-manager';
 
-var getStyledIconStyles = function (_a) {
-    _a.theme; var cursor = _a.cursor;
+const staticStyles = makeStyles((theme) => {
     return {
-        cursor: cursor,
+        root: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            paddingVertical: theme === null || theme === void 0 ? void 0 : theme.spacing[4],
+            columnGap: theme === null || theme === void 0 ? void 0 : theme.spacing[4],
+        },
+        valueContainer: {
+            display: 'flex',
+            alignItems: 'center',
+            width: theme === null || theme === void 0 ? void 0 : theme.size[6],
+        },
+        minusIconContainer: {
+            width: theme === null || theme === void 0 ? void 0 : theme.size[8],
+            height: theme === null || theme === void 0 ? void 0 : theme.size[8],
+        },
+        plusIconContainer: {
+            width: theme === null || theme === void 0 ? void 0 : theme.size[8],
+            height: theme === null || theme === void 0 ? void 0 : theme.size[8],
+        },
     };
-};
-
-var StyledOperationWrapper = styled.i(function (_a) {
-    var theme = _a.theme, cursor = _a.cursor, _b = _a.css, css = _b === void 0 ? {} : _b;
-    return (__assign(__assign({}, getStyledIconStyles({ theme: theme, cursor: cursor })), css));
 });
 
-var getCounterIconStyles = function (isDisabled) {
-    return {
-        cursor: isDisabled ? 'not-allowed' : 'pointer',
-    };
-};
-
-var getCounterValue = function (value, minimumIntegerDigitsValue) {
-    return value.toLocaleString('en-US', {
-        minimumIntegerDigits: minimumIntegerDigitsValue,
-    });
-};
-var Counter = function (_a) {
-    var min = _a.min, max = _a.max, value = _a.value, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.minimumIntegerDigitsValue, minimumIntegerDigitsValue = _c === void 0 ? 2 : _c, _d = _a.styleConfig, styleConfig = _d === void 0 ? {} : _d;
-    var theme = useTheme();
-    var root = styleConfig.root, minusIconContainer = styleConfig.minusIconContainer, minusIcon = styleConfig.minusIcon, valueContainer = styleConfig.valueContainer, valueConfig = styleConfig.value, plusIconContainer = styleConfig.plusIconContainer, plusIcon = styleConfig.plusIcon;
-    var isIncrementDisabled = isDisabled || value >= max;
-    var isDecrementDisabled = isDisabled || value <= min;
-    var onClickCounter = useCallback(function (operation) { return function () {
-        var updatedVal = value;
+const getCounterValue = (value, minimumIntegerDigitsValue) => value ? value.toLocaleString('en-US', { minimumIntegerDigits: minimumIntegerDigitsValue }) : '';
+const Counter = ({ min, max, value, isDisabled = false, onChange, minimumIntegerDigitsValue = 2, minusIconProps, plusIconProps, styleConfig, }) => {
+    const theme = useTheme();
+    const { root: rootStyles = [], minusIconContainer: minusIconContainerStyles = [], valueContainer: valueContainerStyles = [], value: valueTypographyConfig, plusIconContainer: plusIconContainerStyles = [], } = styleConfig || {};
+    const isIncrementDisabled = isDisabled || value >= max;
+    const isDecrementDisabled = isDisabled || value <= min;
+    const onClickCounter = useCallback((operation) => () => {
+        let updatedVal = value;
         if (operation === CounterOperation.DECREMENT) {
-            if (value <= min) {
+            if (isDecrementDisabled)
                 return;
-            }
             updatedVal--;
         }
         else {
-            if (value >= max) {
+            if (isIncrementDisabled)
                 return;
-            }
             updatedVal++;
         }
         onChange(updatedVal, operation);
-    }; }, [value, onChange]);
-    var decrementIconStyles = useMemo(function () { return getCounterIconStyles(isDecrementDisabled); }, [isDecrementDisabled]);
-    var incrementIconStyles = useMemo(function () { return getCounterIconStyles(isIncrementDisabled); }, [isIncrementDisabled]);
-    return (jsxs(Container, __assign({ display: 'flex', alignItems: 'center', className: root === null || root === void 0 ? void 0 : root.className, css: root === null || root === void 0 ? void 0 : root.css }, { children: [jsx(StyledOperationWrapper, __assign({}, decrementIconStyles, { onClick: onClickCounter(CounterOperation.DECREMENT), className: minusIconContainer === null || minusIconContainer === void 0 ? void 0 : minusIconContainer.className, css: minusIconContainer === null || minusIconContainer === void 0 ? void 0 : minusIconContainer.css }, { children: isDecrementDisabled ? jsx(MinusDisabled, {}) : jsx(MinusCounter, __assign({}, theme.color.counter.enabled, minusIcon)) })), jsx(Container, __assign({ paddingLeft: theme.spacing[4], paddingRight: theme.spacing[4], className: valueContainer === null || valueContainer === void 0 ? void 0 : valueContainer.className, css: valueContainer === null || valueContainer === void 0 ? void 0 : valueContainer.css }, { children: jsx(Typography, __assign({ variant: 'B1', styleConfig: valueConfig }, { children: getCounterValue(value, minimumIntegerDigitsValue) })) })), jsx(StyledOperationWrapper, __assign({}, incrementIconStyles, { onClick: onClickCounter(CounterOperation.INCREMENT), className: plusIconContainer === null || plusIconContainer === void 0 ? void 0 : plusIconContainer.className, css: plusIconContainer === null || plusIconContainer === void 0 ? void 0 : plusIconContainer.css }, { children: isIncrementDisabled ? jsx(PlusDisabled, {}) : jsx(PlusCounter, __assign({}, theme.color.counter.enabled, plusIcon)) }))] })));
+    }, [value, isDecrementDisabled, isIncrementDisabled, onChange]);
+    return (jsxs(Container, { styleConfig: { root: [staticStyles.root, ...rootStyles] }, children: [jsx(Container, { onClick: onClickCounter(CounterOperation.DECREMENT), styleConfig: { root: [staticStyles.minusIconContainer, ...minusIconContainerStyles] }, children: isDecrementDisabled ? (jsx(MinusDisabled, {})) : (jsx(MinusCounter, Object.assign({}, theme.color.counter.enabled, (minusIconProps || {})))) }), jsx(Container, { styleConfig: { root: [staticStyles.valueContainer, ...valueContainerStyles] }, children: jsx(Typography, { variant: 'B1', styleConfig: valueTypographyConfig, children: getCounterValue(value, minimumIntegerDigitsValue) }) }), jsx(Container, { onClick: onClickCounter(CounterOperation.INCREMENT), styleConfig: { root: [staticStyles.plusIconContainer, ...plusIconContainerStyles] }, children: isIncrementDisabled ? (jsx(PlusDisabled, {})) : (jsx(PlusCounter, Object.assign({}, theme.color.counter.enabled, (plusIconProps || {})))) })] }));
 };
+Counter.displayName = 'Counter';
 
 export { Counter };
 //# sourceMappingURL=ct-design-counter.esm.js.map

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

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

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

@@ -1,55 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-typography'), require('react'), require('styled-components'), require('@cleartrip/ct-design-icons'), require('@cleartrip/ct-design-theme')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@cleartrip/ct-design-container', '@cleartrip/ct-design-typography', 'react', 'styled-components', '@cleartrip/ct-design-icons', '@cleartrip/ct-design-theme'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemCounter = {}, global.jsxRuntime, global.ctDesignContainer, global.ctDesignTypography, global.React, global.styled, global.ctDesignIcons, global.ctDesignTheme));
-})(this, (function (exports, jsxRuntime, ctDesignContainer, ctDesignTypography, react, styled, ctDesignIcons, ctDesignTheme) { 'use strict';
-
-    function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-    var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-    /******************************************************************************
-    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 getStyledIconStyles = function (_a) {
-        _a.theme; var cursor = _a.cursor;
-        return {
-            cursor: cursor,
-        };
-    };
-
-    var StyledOperationWrapper = styled__default.default.i(function (_a) {
-        var theme = _a.theme, cursor = _a.cursor, _b = _a.css, css = _b === void 0 ? {} : _b;
-        return (__assign(__assign({}, getStyledIconStyles({ theme: theme, cursor: cursor })), css));
-    });
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-typography'), require('@cleartrip/ct-design-icons'), require('@cleartrip/ct-design-theme'), require('@cleartrip/ct-design-style-manager')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@cleartrip/ct-design-container', '@cleartrip/ct-design-typography', '@cleartrip/ct-design-icons', '@cleartrip/ct-design-theme', '@cleartrip/ct-design-style-manager'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemCounter = {}, global.jsxRuntime, global.React, global.ctDesignContainer, global.ctDesignTypography, global.ctDesignIcons, global.ctDesignTheme, global.ctDesignStyleManager));
+})(this, (function (exports, jsxRuntime, react, ctDesignContainer, ctDesignTypography, ctDesignIcons, ctDesignTheme, ctDesignStyleManager) { 'use strict';
 
     var IconPosition;
     (function (IconPosition) {
@@ -57,49 +10,60 @@
       IconPosition["LEFT"] = "left";
       IconPosition["RIGHT"] = "right";
     })(IconPosition || (IconPosition = {}));
-    var CounterOperation;
+    exports.CounterOperation = void 0;
     (function (CounterOperation) {
       CounterOperation["INCREMENT"] = "INCREMENT";
       CounterOperation["DECREMENT"] = "DECREMENT";
-    })(CounterOperation || (CounterOperation = {}));
+    })(exports.CounterOperation || (exports.CounterOperation = {}));
 
-    var getCounterIconStyles = function (isDisabled) {
+    const staticStyles = ctDesignStyleManager.makeStyles((theme) => {
         return {
-            cursor: isDisabled ? 'not-allowed' : 'pointer',
+            root: {
+                display: 'flex',
+                flexDirection: 'row',
+                alignItems: 'center',
+                paddingVertical: theme === null || theme === void 0 ? void 0 : theme.spacing[4],
+                columnGap: theme === null || theme === void 0 ? void 0 : theme.spacing[4],
+            },
+            valueContainer: {
+                display: 'flex',
+                alignItems: 'center',
+                width: theme === null || theme === void 0 ? void 0 : theme.size[6],
+            },
+            minusIconContainer: {
+                width: theme === null || theme === void 0 ? void 0 : theme.size[8],
+                height: theme === null || theme === void 0 ? void 0 : theme.size[8],
+            },
+            plusIconContainer: {
+                width: theme === null || theme === void 0 ? void 0 : theme.size[8],
+                height: theme === null || theme === void 0 ? void 0 : theme.size[8],
+            },
         };
-    };
+    });
 
-    var getCounterValue = function (value, minimumIntegerDigitsValue) {
-        return value.toLocaleString('en-US', {
-            minimumIntegerDigits: minimumIntegerDigitsValue,
-        });
-    };
-    var Counter = function (_a) {
-        var min = _a.min, max = _a.max, value = _a.value, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.minimumIntegerDigitsValue, minimumIntegerDigitsValue = _c === void 0 ? 2 : _c, _d = _a.styleConfig, styleConfig = _d === void 0 ? {} : _d;
-        var theme = ctDesignTheme.useTheme();
-        var root = styleConfig.root, minusIconContainer = styleConfig.minusIconContainer, minusIcon = styleConfig.minusIcon, valueContainer = styleConfig.valueContainer, valueConfig = styleConfig.value, plusIconContainer = styleConfig.plusIconContainer, plusIcon = styleConfig.plusIcon;
-        var isIncrementDisabled = isDisabled || value >= max;
-        var isDecrementDisabled = isDisabled || value <= min;
-        var onClickCounter = react.useCallback(function (operation) { return function () {
-            var updatedVal = value;
-            if (operation === CounterOperation.DECREMENT) {
-                if (value <= min) {
+    const getCounterValue = (value, minimumIntegerDigitsValue) => value ? value.toLocaleString('en-US', { minimumIntegerDigits: minimumIntegerDigitsValue }) : '';
+    const Counter = ({ min, max, value, isDisabled = false, onChange, minimumIntegerDigitsValue = 2, minusIconProps, plusIconProps, styleConfig, }) => {
+        const theme = ctDesignTheme.useTheme();
+        const { root: rootStyles = [], minusIconContainer: minusIconContainerStyles = [], valueContainer: valueContainerStyles = [], value: valueTypographyConfig, plusIconContainer: plusIconContainerStyles = [], } = styleConfig || {};
+        const isIncrementDisabled = isDisabled || value >= max;
+        const isDecrementDisabled = isDisabled || value <= min;
+        const onClickCounter = react.useCallback((operation) => () => {
+            let updatedVal = value;
+            if (operation === exports.CounterOperation.DECREMENT) {
+                if (isDecrementDisabled)
                     return;
-                }
                 updatedVal--;
             }
             else {
-                if (value >= max) {
+                if (isIncrementDisabled)
                     return;
-                }
                 updatedVal++;
             }
             onChange(updatedVal, operation);
-        }; }, [value, onChange]);
-        var decrementIconStyles = react.useMemo(function () { return getCounterIconStyles(isDecrementDisabled); }, [isDecrementDisabled]);
-        var incrementIconStyles = react.useMemo(function () { return getCounterIconStyles(isIncrementDisabled); }, [isIncrementDisabled]);
-        return (jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ display: 'flex', alignItems: 'center', className: root === null || root === void 0 ? void 0 : root.className, css: root === null || root === void 0 ? void 0 : root.css }, { children: [jsxRuntime.jsx(StyledOperationWrapper, __assign({}, decrementIconStyles, { onClick: onClickCounter(CounterOperation.DECREMENT), className: minusIconContainer === null || minusIconContainer === void 0 ? void 0 : minusIconContainer.className, css: minusIconContainer === null || minusIconContainer === void 0 ? void 0 : minusIconContainer.css }, { children: isDecrementDisabled ? jsxRuntime.jsx(ctDesignIcons.MinusDisabled, {}) : jsxRuntime.jsx(ctDesignIcons.MinusCounter, __assign({}, theme.color.counter.enabled, minusIcon)) })), jsxRuntime.jsx(ctDesignContainer.Container, __assign({ paddingLeft: theme.spacing[4], paddingRight: theme.spacing[4], className: valueContainer === null || valueContainer === void 0 ? void 0 : valueContainer.className, css: valueContainer === null || valueContainer === void 0 ? void 0 : valueContainer.css }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B1', styleConfig: valueConfig }, { children: getCounterValue(value, minimumIntegerDigitsValue) })) })), jsxRuntime.jsx(StyledOperationWrapper, __assign({}, incrementIconStyles, { onClick: onClickCounter(CounterOperation.INCREMENT), className: plusIconContainer === null || plusIconContainer === void 0 ? void 0 : plusIconContainer.className, css: plusIconContainer === null || plusIconContainer === void 0 ? void 0 : plusIconContainer.css }, { children: isIncrementDisabled ? jsxRuntime.jsx(ctDesignIcons.PlusDisabled, {}) : jsxRuntime.jsx(ctDesignIcons.PlusCounter, __assign({}, theme.color.counter.enabled, plusIcon)) }))] })));
+        }, [value, isDecrementDisabled, isIncrementDisabled, onChange]);
+        return (jsxRuntime.jsxs(ctDesignContainer.Container, { styleConfig: { root: [staticStyles.root, ...rootStyles] }, children: [jsxRuntime.jsx(ctDesignContainer.Container, { onClick: onClickCounter(exports.CounterOperation.DECREMENT), styleConfig: { root: [staticStyles.minusIconContainer, ...minusIconContainerStyles] }, children: isDecrementDisabled ? (jsxRuntime.jsx(ctDesignIcons.MinusDisabled, {})) : (jsxRuntime.jsx(ctDesignIcons.MinusCounter, Object.assign({}, theme.color.counter.enabled, (minusIconProps || {})))) }), jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticStyles.valueContainer, ...valueContainerStyles] }, children: jsxRuntime.jsx(ctDesignTypography.Typography, { variant: 'B1', styleConfig: valueTypographyConfig, children: getCounterValue(value, minimumIntegerDigitsValue) }) }), jsxRuntime.jsx(ctDesignContainer.Container, { onClick: onClickCounter(exports.CounterOperation.INCREMENT), styleConfig: { root: [staticStyles.plusIconContainer, ...plusIconContainerStyles] }, children: isIncrementDisabled ? (jsxRuntime.jsx(ctDesignIcons.PlusDisabled, {})) : (jsxRuntime.jsx(ctDesignIcons.PlusCounter, Object.assign({}, theme.color.counter.enabled, (plusIconProps || {})))) })] }));
     };
+    Counter.displayName = 'Counter';
 
     exports.Counter = Counter;
 

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-counter.umd.js","sources":["../../../../node_modules/.pnpm/@rollup+plugin-typescript@9.0.2_rollup@3.29.4_tslib@2.6.3_typescript@4.9.5/node_modules/tslib/tslib.es6.js","../packages/components/Counter/src/StyledOperationWrapper/style.ts","../packages/components/Counter/src/StyledOperationWrapper/StyledOperationWrapper.tsx","../../../core/types/dist/ct-design-types.esm.js","../packages/components/Counter/src/style.ts","../packages/components/Counter/src/Counter.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\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\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, inner;\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            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\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\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",null,null,"var IconPosition;\n(function (IconPosition) {\n    IconPosition[\"TOP\"] = \"top\";\n    IconPosition[\"LEFT\"] = \"left\";\n    IconPosition[\"RIGHT\"] = \"right\";\n})(IconPosition || (IconPosition = {}));\nvar CounterOperation;\n(function (CounterOperation) {\n    CounterOperation[\"INCREMENT\"] = \"INCREMENT\";\n    CounterOperation[\"DECREMENT\"] = \"DECREMENT\";\n})(CounterOperation || (CounterOperation = {}));\n\nexport { CounterOperation, IconPosition };\n//# sourceMappingURL=ct-design-types.esm.js.map\n",null,null],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","SuppressedError","error","suppressed","message","e","Error","name","styled","IconPosition","CounterOperation","useTheme","useCallback","useMemo","_jsxs","Container","_jsx","MinusDisabled","MinusCounter","Typography","PlusDisabled","PlusCounter"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ct-design-counter.umd.js","sources":["../../../core/types/dist/ct-design-types.esm.js","../packages/components/Counter/src/style.ts","../packages/components/Counter/src/Counter.tsx"],"sourcesContent":["var IconPosition;\n(function (IconPosition) {\n    IconPosition[\"TOP\"] = \"top\";\n    IconPosition[\"LEFT\"] = \"left\";\n    IconPosition[\"RIGHT\"] = \"right\";\n})(IconPosition || (IconPosition = {}));\nvar CounterOperation;\n(function (CounterOperation) {\n    CounterOperation[\"INCREMENT\"] = \"INCREMENT\";\n    CounterOperation[\"DECREMENT\"] = \"DECREMENT\";\n})(CounterOperation || (CounterOperation = {}));\n\nexport { CounterOperation, IconPosition };\n//# sourceMappingURL=ct-design-types.esm.js.map\n",null,null],"names":["IconPosition","CounterOperation","makeStyles","useTheme","useCallback","_jsxs","Container","_jsx","MinusDisabled","MinusCounter","Typography","PlusDisabled","PlusCounter"],"mappings":"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"}

package/dist/index.d.ts

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

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/Counter/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/Counter/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,mBAAmB,QAAQ,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/style.d.ts

@@ -1,3 +1,27 @@
-import { CSSObject } from 'styled-components';
-export declare const getCounterIconStyles: (isDisabled: boolean) => Pick<CSSObject, 'cursor'>;
+declare const staticStyles: {
+    root: {
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
+        paddingVertical: 16;
+        columnGap: 16;
+    };
+    valueContainer: {
+        display: "flex";
+        alignItems: "center";
+        width: 24;
+    };
+    minusIconContainer: {
+        width: 32;
+        height: 32;
+    };
+    plusIconContainer: {
+        width: 32;
+        height: 32;
+    };
+};
+export declare function getCounterCursor(isDisabled: boolean): {
+    cursor: "pointer" | "not-allowed";
+};
+export default staticStyles;
 //# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Counter/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,eAAO,MAAM,oBAAoB,eAAgB,OAAO,KAAG,KAAK,SAAS,EAAE,QAAQ,CAIlF,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Counter/src/style.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;CAuBhB,CAAC;AAMH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,OAAO;;EAInD;AAED,eAAe,YAAY,CAAC"}

package/dist/type.d.ts

@@ -1,20 +1,24 @@
-/// <reference types="react" />
-import { BaseStyleConfigProps, TypographyStyleConfigProps, CounterOperation } from '@cleartrip/ct-design-types';
-export interface CounterProps {
+import type { SVGProps } from 'react';
+import type { Styles } from '@cleartrip/ct-design-types';
+import type { CounterOperation } from '@cleartrip/ct-design-types';
+import { TypographyStyleConfigProps } from '@cleartrip/ct-design-typography';
+export interface ICounterStyleConfig {
+    root?: Styles[];
+    minusIconContainer?: Styles[];
+    valueContainer?: Styles[];
+    plusIconContainer?: Styles[];
+    value?: TypographyStyleConfigProps;
+}
+export interface ICounterProps {
     min: number;
     max: number;
     value: number;
     onChange: (value: number, operation: CounterOperation) => void;
     isDisabled?: boolean;
     minimumIntegerDigitsValue?: number;
-    styleConfig?: {
-        root?: BaseStyleConfigProps;
-        minusIconContainer?: BaseStyleConfigProps;
-        minusIcon?: React.SVGProps<SVGSVGElement>;
-        valueContainer?: BaseStyleConfigProps;
-        value?: TypographyStyleConfigProps;
-        plusIconContainer?: BaseStyleConfigProps;
-        plusIcon?: React.SVGProps<SVGSVGElement>;
-    };
+    minusIconProps?: SVGProps<SVGSVGElement>;
+    plusIconProps?: SVGProps<SVGSVGElement>;
+    styleConfig?: ICounterStyleConfig;
 }
+export type CounterProps = ICounterProps;
 //# sourceMappingURL=type.d.ts.map

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Counter/src/type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEhH,MAAM,WAAW,YAAY;IAI3B,GAAG,EAAE,MAAM,CAAC;IAKZ,GAAG,EAAE,MAAM,CAAC;IAKZ,KAAK,EAAE,MAAM,CAAC;IAMd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAK/D,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAKnC,WAAW,CAAC,EAAE;QAIZ,IAAI,CAAC,EAAE,oBAAoB,CAAC;QAK5B,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;QAK1C,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAK1C,cAAc,CAAC,EAAE,oBAAoB,CAAC;QAKtC,KAAK,CAAC,EAAE,0BAA0B,CAAC;QAKnC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;QAKzC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;KAC1C,CAAC;CACH"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Counter/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAO7E,MAAM,WAAW,mBAAmB;IAElC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAEhB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE9B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE7B,KAAK,CAAC,EAAE,0BAA0B,CAAC;CACpC;AAED,MAAM,WAAW,aAAa;IAE5B,GAAG,EAAE,MAAM,CAAC;IAEZ,GAAG,EAAE,MAAM,CAAC;IAEZ,KAAK,EAAE,MAAM,CAAC;IAKd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE/D,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC,cAAc,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEzC,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IAExC,WAAW,CAAC,EAAE,mBAAmB,CAAC;CACnC;AASD,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC"}

package/package.json

@@ -1,32 +1,47 @@
 {
   "name": "@cleartrip/ct-design-counter",
-  "version": "4.0.0",
-  "description": "",
+  "version": "4.1.0-SNAPSHOT-native-main.1",
+  "description": "Counter Component",
   "types": "dist/index.d.ts",
-  "main": "dist/ct-design-counter.cjs.js",
+  "main": "./dist/ct-design-counter.cjs.js",
+  "react-native": "src/index.ts",
   "jsnext:main": "dist/ct-design-counter.esm.js",
   "module": "dist/ct-design-counter.esm.js",
   "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/ct-design-counter.esm.js",
+      "default": "./dist/ct-design-counter.cjs.js"
+    }
+  },
   "browser": {
     "./dist/ct-design-counter.esm.js": "./dist/ct-design-counter.browser.esm.js",
     "./dist/ct-design-counter.cjs.js": "./dist/ct-design-counter.browser.cjs.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "dependencies": {
-    "@cleartrip/ct-design-icons": "26.0.0",
-    "@cleartrip/ct-design-typography": "4.0.0",
-    "@cleartrip/ct-design-container": "4.0.0",
-    "@cleartrip/ct-design-theme": "4.0.0"
+    "@cleartrip/ct-design-container": "4.1.0-SNAPSHOT-native-main.1",
+    "@cleartrip/ct-design-icons": "4.0.0-SNAPSHOT-native-main.12",
+    "@cleartrip/ct-design-style-manager": "4.0.0-SNAPSHOT-native-main.12",
+    "@cleartrip/ct-design-theme": "4.0.0-SNAPSHOT-native-main.12",
+    "@cleartrip/ct-design-typography": "4.0.0-SNAPSHOT-native-main.12"
   },
   "devDependencies": {
-    "@cleartrip/ct-design-types": "4.0.0"
+    "@cleartrip/ct-design-types": "4.0.0-SNAPSHOT-native-main.12"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.3.6"
+    "react-native": ">=0.68.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
   },
   "publishConfig": {
     "access": "public"
@@ -37,6 +52,8 @@
     "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"
+    "build-package:clean": "rm -rf dist && rollup -c",
+    "publish-package:local": "yalc publish --no-scripts",
+    "publish-package:local:registry": "pnpm publish --registry http://localhost:4873 --no-git-checks --access public"
   }
 }

package/src/Counter.tsx

@@ -0,0 +1,92 @@
+import { FC, useCallback } from 'react';
+
+import { Container } from '@cleartrip/ct-design-container';
+import { Typography } from '@cleartrip/ct-design-typography';
+import { MinusCounter, MinusDisabled, PlusCounter, PlusDisabled } from '@cleartrip/ct-design-icons';
+import { useTheme } from '@cleartrip/ct-design-theme';
+import { CounterOperation } from '@cleartrip/ct-design-types';
+
+import { ICounterProps } from './type';
+import staticStyles from './style';
+
+/**
+ * Native Counter: same composition as web, but without the web-only `cursor`
+ * style since React Native presses are driven by `onClick` alone.
+ */
+const getCounterValue = (value: number, minimumIntegerDigitsValue: number) =>
+  value ? value.toLocaleString('en-US', { minimumIntegerDigits: minimumIntegerDigitsValue }) : '';
+
+const Counter: FC<ICounterProps> = ({
+  min,
+  max,
+  value,
+  isDisabled = false,
+  onChange,
+  minimumIntegerDigitsValue = 2,
+  minusIconProps,
+  plusIconProps,
+  styleConfig,
+}) => {
+  const theme = useTheme();
+
+  const {
+    root: rootStyles = [],
+    minusIconContainer: minusIconContainerStyles = [],
+    valueContainer: valueContainerStyles = [],
+    value: valueTypographyConfig,
+    plusIconContainer: plusIconContainerStyles = [],
+  } = styleConfig || {};
+
+  const isIncrementDisabled = isDisabled || value >= max;
+  const isDecrementDisabled = isDisabled || value <= min;
+
+  const onClickCounter = useCallback(
+    (operation: CounterOperation) => () => {
+      let updatedVal = value;
+      if (operation === CounterOperation.DECREMENT) {
+        if (isDecrementDisabled) return;
+        updatedVal--;
+      } else {
+        if (isIncrementDisabled) return;
+        updatedVal++;
+      }
+      onChange(updatedVal, operation);
+    },
+    [value, isDecrementDisabled, isIncrementDisabled, onChange],
+  );
+
+  return (
+    <Container styleConfig={{ root: [staticStyles.root, ...rootStyles] }}>
+      <Container
+        onClick={onClickCounter(CounterOperation.DECREMENT)}
+        styleConfig={{ root: [staticStyles.minusIconContainer, ...minusIconContainerStyles] }}
+      >
+        {isDecrementDisabled ? (
+          <MinusDisabled />
+        ) : (
+          <MinusCounter {...theme.color.counter.enabled} {...(minusIconProps || {})} />
+        )}
+      </Container>
+
+      <Container styleConfig={{ root: [staticStyles.valueContainer, ...valueContainerStyles] }}>
+        <Typography variant='B1' styleConfig={valueTypographyConfig}>
+          {getCounterValue(value, minimumIntegerDigitsValue)}
+        </Typography>
+      </Container>
+
+      <Container
+        onClick={onClickCounter(CounterOperation.INCREMENT)}
+        styleConfig={{ root: [staticStyles.plusIconContainer, ...plusIconContainerStyles] }}
+      >
+        {isIncrementDisabled ? (
+          <PlusDisabled />
+        ) : (
+          <PlusCounter {...theme.color.counter.enabled} {...(plusIconProps || {})} />
+        )}
+      </Container>
+    </Container>
+  );
+};
+
+Counter.displayName = 'Counter';
+export default Counter;

package/src/constants.ts

@@ -0,0 +1 @@
+export { CounterOperation } from '@cleartrip/ct-design-types';

package/src/index.ts

@@ -0,0 +1,3 @@
+export { default as Counter } from './Counter';
+export type * from './type';
+export * from './constants';

package/src/style.ts

@@ -0,0 +1,43 @@
+import { makeStyles } from '@cleartrip/ct-design-style-manager';
+
+/**
+ * Static, platform-agnostic styles for Counter's composable slots. The cursor
+ * state depends on the enabled/disabled state of each press target and is
+ * therefore computed at render time via `useStyles` rather than baked in.
+ */
+const staticStyles = makeStyles((theme) => {
+  return {
+    root: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingVertical: theme?.spacing[4],
+      columnGap: theme?.spacing[4],
+    },
+    valueContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      width: theme?.size[6],
+    },
+    minusIconContainer: {
+      width: theme?.size[8],
+      height: theme?.size[8],
+    },
+    plusIconContainer: {
+      width: theme?.size[8],
+      height: theme?.size[8],
+    },
+  };
+});
+
+/**
+ * Web-only cursor style for the press targets. React Native strips unknown
+ * style keys, so this is only merged into the web Counter's Container slots.
+ */
+export function getCounterCursor(isDisabled: boolean) {
+  return {
+    cursor: isDisabled ? ('not-allowed' as const) : ('pointer' as const),
+  };
+}
+
+export default staticStyles;

package/src/type.ts

@@ -0,0 +1,59 @@
+import type { SVGProps } from 'react';
+
+import type { Styles } from '@cleartrip/ct-design-types';
+import type { CounterOperation } from '@cleartrip/ct-design-types';
+import { TypographyStyleConfigProps } from '@cleartrip/ct-design-typography';
+
+/**
+ * Style configuration for the Counter's composable slots. Slot names mirror
+ * the legacy surface; values are now `Styles[]` arrays aligned with the rest
+ * of the migrated components.
+ */
+export interface ICounterStyleConfig {
+  /** Styles for the outer flex-row container. */
+  root?: Styles[];
+  /** Styles for the minus icon press target. */
+  minusIconContainer?: Styles[];
+  /** Styles for the value text wrapper. */
+  valueContainer?: Styles[];
+  /** Styles for the plus icon press target. */
+  plusIconContainer?: Styles[];
+  /** Styles forwarded to the value Typography's `styleConfig` prop. */
+  value?: TypographyStyleConfigProps;
+}
+
+export interface ICounterProps {
+  /** The minimum value allowed for the counter. */
+  min: number;
+  /** The maximum value allowed for the counter. */
+  max: number;
+  /** The current value of the counter. */
+  value: number;
+  /**
+   * Callback function triggered on counter value change. It provides the new
+   * value and the operation ('INCREMENT' or 'DECREMENT').
+   */
+  onChange: (value: number, operation: CounterOperation) => void;
+  /** If true, the counter is disabled. */
+  isDisabled?: boolean;
+  /**
+   * The minimum number of integer digits to be displayed in the value —
+   * e.g. with value `2`, `1` renders as `01`.
+   */
+  minimumIntegerDigitsValue?: number;
+  /** Props spread onto the minus icon SVG (web only). */
+  minusIconProps?: SVGProps<SVGSVGElement>;
+  /** Props spread onto the plus icon SVG (web only). */
+  plusIconProps?: SVGProps<SVGSVGElement>;
+  /** Style configuration for different parts of the counter. */
+  styleConfig?: ICounterStyleConfig;
+}
+
+/**
+ * @deprecated Use `ICounterProps`. Kept as an alias for legacy consumers that
+ * imported `CounterProps` from `@cleartrip/ct-design-counter`. The
+ * `styleConfig` slots have been migrated from `{ css, className }` objects to
+ * `Styles[]` arrays, and the icon-props slots are now top-level
+ * `minusIconProps`/`plusIconProps`.
+ */
+export type CounterProps = ICounterProps;

package/dist/StyledOperationWrapper/StyledOperationWrapper.d.ts

@@ -1,7 +0,0 @@
-import { CSSProperties } from 'styled-components';
-import { StyledIconProps } from './type';
-declare const StyledOperationWrapper: import("styled-components").StyledComponent<"i", import("styled-components").DefaultTheme, StyledIconProps & {
-    css?: CSSProperties | undefined;
-}, never>;
-export default StyledOperationWrapper;
-//# sourceMappingURL=StyledOperationWrapper.d.ts.map

package/dist/StyledOperationWrapper/StyledOperationWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledOperationWrapper.d.ts","sourceRoot":"","sources":["../../packages/components/Counter/src/StyledOperationWrapper/StyledOperationWrapper.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,QAAA,MAAM,sBAAsB;;SAA4I,CAAC;AAEzK,eAAe,sBAAsB,CAAC"}

package/dist/StyledOperationWrapper/index.d.ts

@@ -1,2 +0,0 @@
-export { default as StyledOperationWrapper } from './StyledOperationWrapper';
-//# sourceMappingURL=index.d.ts.map

package/dist/StyledOperationWrapper/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/Counter/src/StyledOperationWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/StyledOperationWrapper/style.d.ts

@@ -1,7 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { Theme } from '@cleartrip/ct-design-theme';
-import { StyledIconProps } from './type';
-export declare const getStyledIconStyles: ({ theme, cursor }: StyledIconProps & {
-    theme: Theme;
-}) => CSSObject;
-//# sourceMappingURL=style.d.ts.map

package/dist/StyledOperationWrapper/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Counter/src/StyledOperationWrapper/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,mBAAmB;WAAkD,KAAK;MAAK,SAI3F,CAAC"}

package/dist/StyledOperationWrapper/type.d.ts

@@ -1,5 +0,0 @@
-import { CSSObject } from 'styled-components';
-export interface StyledIconProps {
-    cursor?: CSSObject['cursor'];
-}
-//# sourceMappingURL=type.d.ts.map

package/dist/StyledOperationWrapper/type.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Counter/src/StyledOperationWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;CAC9B"}