@cdx-ui/components 0.0.1-alpha.36 → 0.0.1-alpha.38

package/lib/commonjs/components/Chip/styles.js

@@ -5,28 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.chipRootVariants = exports.chipLabelVariants = exports.chipIconVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
-const chipRootVariants = exports.chipRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center rounded-full px-2.5 py-0.5 gap-1.5 self-start'], {
+const chipRootVariants = exports.chipRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center rounded-full px-2 py-1 gap-1.5 self-start'], {
   variants: {
     color: {
-      default: 'bg-slate-200',
-      error: 'bg-red-200',
-      info: 'bg-blue-200',
-      success: 'bg-green-200',
-      warning: 'bg-yellow-200'
+      default: 'bg-surface-neutral-tint',
+      error: 'bg-surface-danger-tint',
+      info: 'bg-surface-info-tint',
+      success: 'bg-surface-success-tint',
+      warning: 'bg-surface-warning-tint'
     }
   },
   defaultVariants: {
     color: 'default'
   }
 });
-const chipLabelVariants = exports.chipLabelVariants = (0, _classVarianceAuthority.cva)(['text-sm font-medium tracking-wider'], {
+
+// TODO: letter-spacing values (tracking-wider) are not working on web, but the font-mono-medium is.
+const chipLabelVariants = exports.chipLabelVariants = (0, _classVarianceAuthority.cva)(['label-sm font-mono-medium'], {
   variants: {
     color: {
-      default: 'text-slate-900',
-      error: 'text-red-900',
-      info: 'text-blue-900',
-      success: 'text-green-900',
-      warning: 'text-yellow-900'
+      default: 'text-content-primary',
+      error: 'text-content-primary',
+      info: 'text-content-primary',
+      success: 'text-content-primary',
+      warning: 'text-content-primary'
     }
   },
   defaultVariants: {
@@ -36,11 +38,11 @@ const chipLabelVariants = exports.chipLabelVariants = (0, _classVarianceAuthorit
 const chipIconVariants = exports.chipIconVariants = (0, _classVarianceAuthority.cva)(['size-4'], {
   variants: {
     color: {
-      default: 'text-slate-900',
-      error: 'text-red-900',
-      info: 'text-blue-900',
-      success: 'text-green-900',
-      warning: 'text-yellow-900'
+      default: 'text-content-primary',
+      error: 'text-content-danger',
+      info: 'text-content-info',
+      success: 'text-content-success',
+      warning: 'text-content-warning'
     }
   },
   defaultVariants: {

package/lib/commonjs/components/Chip/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","chipRootVariants","exports","cva","variants","color","default","error","info","success","warning","defaultVariants","chipLabelVariants","chipIconVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CAAC,oFAAoF,CAAC,EACtF;EACEC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,cAAc;MACvBC,KAAK,EAAE,YAAY;MACnBC,IAAI,EAAE,aAAa;MACnBC,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CACF,CAAC;AAEM,MAAMO,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,IAAAT,2BAAG,EAAC,CAAC,oCAAoC,CAAC,EAAE;EAC3EC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,gBAAgB;MACzBC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,gBAAgB;MACzBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,MAAMQ,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,QAAQ,CAAC,EAAE;EAC9CC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,gBAAgB;MACzBC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,gBAAgB;MACzBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","chipRootVariants","exports","cva","variants","color","default","error","info","success","warning","defaultVariants","chipLabelVariants","chipIconVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CAAC,gFAAgF,CAAC,EAClF;EACEC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,yBAAyB;MAClCC,KAAK,EAAE,wBAAwB;MAC/BC,IAAI,EAAE,sBAAsB;MAC5BC,OAAO,EAAE,yBAAyB;MAClCC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CACF,CAAC;;AAED;AACO,MAAMO,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,IAAAT,2BAAG,EAAC,CAAC,2BAA2B,CAAC,EAAE;EAClEC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,KAAK,EAAE,sBAAsB;MAC7BC,IAAI,EAAE,sBAAsB;MAC5BC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,MAAMQ,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,QAAQ,CAAC,EAAE;EAC9CC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,KAAK,EAAE,qBAAqB;MAC5BC,IAAI,EAAE,mBAAmB;MACzBC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Heading/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.headingStyle = void 0;
 var _reactNative = require("react-native");
 var _classVarianceAuthority = require("class-variance-authority");
-const headingStyle = exports.headingStyle = (0, _classVarianceAuthority.cva)([`text-content-primary font-semibold tracking-tight my-0`, _reactNative.Platform.select({
-  web: 'font-sans bg-transparent display-inline no-underline',
+const headingStyle = exports.headingStyle = (0, _classVarianceAuthority.cva)([`text-content-primary my-0`, _reactNative.Platform.select({
+  web: 'bg-transparent display-inline no-underline',
   default: ''
 })], {
   variants: {

package/lib/commonjs/components/Heading/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_classVarianceAuthority","headingStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,2BAAG,EAC7B,CACE,wDAAwD,EACxDC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,sDAAsD;EAC3DC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","headingStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,2BAAG,EAC7B,CACE,2BAA2B,EAC3BC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,4CAA4C;EACjDC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/OtpInput/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OtpInput = void 0;
+var _react = require("react");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _HStack = require("../Stack/HStack");
+var _Input = require("../Input");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const SCOPE = 'OTP_INPUT';
+const OtpRoot = (0, _utils.withStyleContext)(_HStack.HStack, SCOPE);
+const useOtpInputStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
+const OtpStyledCell = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    size,
+    variant
+  } = useOtpInputStyleContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+    ref: ref,
+    variant: variant,
+    size: size,
+    className: (0, _utils.cn)((0, _styles.otpCellVariants)({
+      size
+    }), className),
+    ...props,
+    children: children
+  });
+});
+OtpStyledCell.displayName = 'OtpInput.Cell';
+const OtpStyledField = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useOtpInputStyleContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input.Field, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.otpFieldVariants)({
+      size
+    }), className),
+    ...props
+  });
+});
+OtpStyledField.displayName = 'OtpInput.Field';
+const OtpPrimitive = (0, _primitives.createOtpInput)({
+  Root: OtpRoot,
+  Cell: OtpStyledCell,
+  Field: OtpStyledField
+});
+const OtpInput = exports.OtpInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  variant = 'outline',
+  size = 'default',
+  fullWidth = true,
+  className,
+  style,
+  ...rest
+}, ref) => {
+  const rootClassName = (0, _utils.cn)((0, _styles.otpRootVariants)({
+    size,
+    fullWidth
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(OtpPrimitive, {
+    ref: ref,
+    className: rootClassName,
+    style: style,
+    context: {
+      variant,
+      size
+    },
+    ...rest
+  });
+});
+OtpInput.displayName = 'OtpInput';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/OtpInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_primitives","_utils","_HStack","_Input","_styles","_jsxRuntime","SCOPE","OtpRoot","withStyleContext","HStack","useOtpInputStyleContext","useStyleContext","OtpStyledCell","forwardRef","className","children","props","ref","size","variant","jsx","Input","cn","otpCellVariants","displayName","OtpStyledField","Field","otpFieldVariants","OtpPrimitive","createOtpInput","Root","Cell","OtpInput","exports","fullWidth","style","rest","rootClassName","otpRootVariants","context"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAKkB,IAAAM,WAAA,GAAAN,OAAA;AAElB,MAAMO,KAAK,GAAG,WAAW;AAEzB,MAAMC,OAAO,GAAG,IAAAC,uBAAgB,EAACC,cAAM,EAAEH,KAAK,CAAC;AAE/C,MAAMI,uBAAuB,GAAGA,CAAA,KAAM,IAAAC,sBAAe,EAACL,KAAK,CAAsB;AAEjF,MAAMM,aAAa,gBAAG,IAAAC,iBAAU,EAC9B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAuB,KAAK;EAC9D,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EACnD,oBACE,IAAAL,WAAA,CAAAe,GAAA,EAACjB,MAAA,CAAAkB,KAAK;IACJJ,GAAG,EAAEA,GAAI;IACTE,OAAO,EAAEA,OAAQ;IACjBD,IAAI,EAAEA,IAAK;IACXJ,SAAS,EAAE,IAAAQ,SAAE,EAAC,IAAAC,uBAAe,EAAC;MAAEL;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAChDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACJ,CAAC;AAEZ,CACF,CAAC;AAEDH,aAAa,CAACY,WAAW,GAAG,eAAe;AAE3C,MAAMC,cAAc,gBAAG,IAAAZ,iBAAU,EAG/B,CAAC;EAAEC,SAAS;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClC,MAAM;IAAEC;EAAK,CAAC,GAAGR,uBAAuB,CAAC,CAAC;EAC1C,oBAAO,IAAAL,WAAA,CAAAe,GAAA,EAACjB,MAAA,CAAAkB,KAAK,CAACK,KAAK;IAACT,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAE,IAAAQ,SAAE,EAAC,IAAAK,wBAAgB,EAAC;MAAET;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAAKE;EAAK,CAAG,CAAC;AACnG,CAAC,CAAC;AAEFS,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAE7C,MAAMI,YAAY,GAAG,IAAAC,0BAAc,EAAC;EAClCC,IAAI,EAAEvB,OAAO;EACbwB,IAAI,EAAEnB,aAAa;EACnBc,KAAK,EAAED;AACT,CAAC,CAAC;AAQK,MAAMO,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAnB,iBAAU,EAChC,CAAC;EAAEM,OAAO,GAAG,SAAS;EAAED,IAAI,GAAG,SAAS;EAAEgB,SAAS,GAAG,IAAI;EAAEpB,SAAS;EAAEqB,KAAK;EAAE,GAAGC;AAAK,CAAC,EAAEnB,GAAG,KAAK;EAC/F,MAAMoB,aAAa,GAAG,IAAAf,SAAE,EAAC,IAAAgB,uBAAe,EAAC;IAAEpB,IAAI;IAAEgB;EAAU,CAAC,CAAC,EAAEpB,SAAS,CAAC;EAEzE,oBACE,IAAAT,WAAA,CAAAe,GAAA,EAACQ,YAAY;IACXX,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEuB,aAAc;IACzBF,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAE;MAAEpB,OAAO;MAAED;IAAK,CAAE;IAAA,GACvBkB;EAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDJ,QAAQ,CAACR,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/commonjs/components/OtpInput/styles.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.otpRootVariants = exports.otpFieldVariants = exports.otpCellVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+const otpRootVariants = exports.otpRootVariants = (0, _classVarianceAuthority.cva)('flex-row items-stretch gap-2.5', {
+  variants: {
+    size: {
+      default: '',
+      small: ''
+    },
+    fullWidth: {
+      true: 'w-full self-stretch justify-center',
+      false: 'self-start'
+    }
+  },
+  defaultVariants: {
+    size: 'default',
+    fullWidth: true
+  }
+});
+
+/** Narrow cell chrome: overrides Input root `w-full` / wide horizontal padding for one digit. */
+const otpCellVariants = exports.otpCellVariants = (0, _classVarianceAuthority.cva)('shrink-0 justify-center', {
+  variants: {
+    size: {
+      default: 'w-12 min-w-12 max-w-12 px-1',
+      small: 'w-10 min-w-10 max-w-10 px-0.5'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+const otpFieldVariants = exports.otpFieldVariants = (0, _classVarianceAuthority.cva)('min-w-0 w-full text-center tabular-nums', {
+  variants: {
+    size: {
+      default: 'text-xl leading-6',
+      small: 'text-base leading-5'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/OtpInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","otpRootVariants","exports","cva","variants","size","default","small","fullWidth","true","false","defaultVariants","otpCellVariants","otpFieldVariants"],"sourceRoot":"../../../../src","sources":["components/OtpInput/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,2BAAG,EAAC,gCAAgC,EAAE;EACnEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,SAAS;IACfG,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;AACO,MAAMI,eAAe,GAAAV,OAAA,CAAAU,eAAA,GAAG,IAAAT,2BAAG,EAAC,yBAAyB,EAAE;EAC5DC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,6BAA6B;MACtCC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMQ,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,2BAAG,EAAC,yCAAyC,EAAE;EAC7EC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,mBAAmB;MAC5BC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -175,6 +175,18 @@ Object.keys(_Input).forEach(function (key) {
     }
   });
 });
+var _OtpInput = require("./OtpInput");
+Object.keys(_OtpInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _OtpInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _OtpInput[key];
+    }
+  });
+});
 var _Link = require("./Link");
 Object.keys(_Link).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_AlertDialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Avatar","_BottomSheet","_Box","_Button","_Card","_Checkbox","_Chip","_Dialog","_Field","_Form","_Image","_Input","_Link","_ProgressBar","_ProgressSegmented","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon","_IconButton"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_AlertDialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Avatar","_BottomSheet","_Box","_Button","_Card","_Checkbox","_Chip","_Dialog","_Field","_Form","_Image","_Input","_OtpInput","_Link","_ProgressBar","_ProgressSegmented","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon","_IconButton"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Chip/styles.js

@@ -1,28 +1,30 @@
 "use strict";
 
 import { cva } from 'class-variance-authority';
-export const chipRootVariants = cva(['flex-row items-center justify-center rounded-full px-2.5 py-0.5 gap-1.5 self-start'], {
+export const chipRootVariants = cva(['flex-row items-center justify-center rounded-full px-2 py-1 gap-1.5 self-start'], {
   variants: {
     color: {
-      default: 'bg-slate-200',
-      error: 'bg-red-200',
-      info: 'bg-blue-200',
-      success: 'bg-green-200',
-      warning: 'bg-yellow-200'
+      default: 'bg-surface-neutral-tint',
+      error: 'bg-surface-danger-tint',
+      info: 'bg-surface-info-tint',
+      success: 'bg-surface-success-tint',
+      warning: 'bg-surface-warning-tint'
     }
   },
   defaultVariants: {
     color: 'default'
   }
 });
-export const chipLabelVariants = cva(['text-sm font-medium tracking-wider'], {
+
+// TODO: letter-spacing values (tracking-wider) are not working on web, but the font-mono-medium is.
+export const chipLabelVariants = cva(['label-sm font-mono-medium'], {
   variants: {
     color: {
-      default: 'text-slate-900',
-      error: 'text-red-900',
-      info: 'text-blue-900',
-      success: 'text-green-900',
-      warning: 'text-yellow-900'
+      default: 'text-content-primary',
+      error: 'text-content-primary',
+      info: 'text-content-primary',
+      success: 'text-content-primary',
+      warning: 'text-content-primary'
     }
   },
   defaultVariants: {
@@ -32,11 +34,11 @@ export const chipLabelVariants = cva(['text-sm font-medium tracking-wider'], {
 export const chipIconVariants = cva(['size-4'], {
   variants: {
     color: {
-      default: 'text-slate-900',
-      error: 'text-red-900',
-      info: 'text-blue-900',
-      success: 'text-green-900',
-      warning: 'text-yellow-900'
+      default: 'text-content-primary',
+      error: 'text-content-danger',
+      info: 'text-content-info',
+      success: 'text-content-success',
+      warning: 'text-content-warning'
     }
   },
   defaultVariants: {

package/lib/module/components/Chip/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","chipRootVariants","variants","color","default","error","info","success","warning","defaultVariants","chipLabelVariants","chipIconVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,gBAAgB,GAAGD,GAAG,CACjC,CAAC,oFAAoF,CAAC,EACtF;EACEE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,cAAc;MACvBC,KAAK,EAAE,YAAY;MACnBC,IAAI,EAAE,aAAa;MACnBC,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CACF,CAAC;AAED,OAAO,MAAMO,iBAAiB,GAAGV,GAAG,CAAC,CAAC,oCAAoC,CAAC,EAAE;EAC3EE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,gBAAgB;MACzBC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,gBAAgB;MACzBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMQ,gBAAgB,GAAGX,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE;EAC9CE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,gBAAgB;MACzBC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,gBAAgB;MACzBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","chipRootVariants","variants","color","default","error","info","success","warning","defaultVariants","chipLabelVariants","chipIconVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,gBAAgB,GAAGD,GAAG,CACjC,CAAC,gFAAgF,CAAC,EAClF;EACEE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,yBAAyB;MAClCC,KAAK,EAAE,wBAAwB;MAC/BC,IAAI,EAAE,sBAAsB;MAC5BC,OAAO,EAAE,yBAAyB;MAClCC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CACF,CAAC;;AAED;AACA,OAAO,MAAMO,iBAAiB,GAAGV,GAAG,CAAC,CAAC,2BAA2B,CAAC,EAAE;EAClEE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,KAAK,EAAE,sBAAsB;MAC7BC,IAAI,EAAE,sBAAsB;MAC5BC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMQ,gBAAgB,GAAGX,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE;EAC9CE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,KAAK,EAAE,qBAAqB;MAC5BC,IAAI,EAAE,mBAAmB;MACzBC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Heading/styles.js

@@ -2,8 +2,8 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
-export const headingStyle = cva([`text-content-primary font-semibold tracking-tight my-0`, Platform.select({
-  web: 'font-sans bg-transparent display-inline no-underline',
+export const headingStyle = cva([`text-content-primary my-0`, Platform.select({
+  web: 'bg-transparent display-inline no-underline',
   default: ''
 })], {
   variants: {

package/lib/module/components/Heading/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","headingStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,YAAY,GAAGD,GAAG,CAC7B,CACE,wDAAwD,EACxDD,QAAQ,CAACG,MAAM,CAAC;EACdC,GAAG,EAAE,sDAAsD;EAC3DC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","cva","headingStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,YAAY,GAAGD,GAAG,CAC7B,CACE,2BAA2B,EAC3BD,QAAQ,CAACG,MAAM,CAAC;EACdC,GAAG,EAAE,4CAA4C;EACjDC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}

package/lib/module/components/OtpInput/index.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { createOtpInput } from '@cdx-ui/primitives';
+import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { HStack } from '../Stack/HStack';
+import { Input } from '../Input';
+import { otpCellVariants, otpFieldVariants, otpRootVariants } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SCOPE = 'OTP_INPUT';
+const OtpRoot = withStyleContext(HStack, SCOPE);
+const useOtpInputStyleContext = () => useStyleContext(SCOPE);
+const OtpStyledCell = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    size,
+    variant
+  } = useOtpInputStyleContext();
+  return /*#__PURE__*/_jsx(Input, {
+    ref: ref,
+    variant: variant,
+    size: size,
+    className: cn(otpCellVariants({
+      size
+    }), className),
+    ...props,
+    children: children
+  });
+});
+OtpStyledCell.displayName = 'OtpInput.Cell';
+const OtpStyledField = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useOtpInputStyleContext();
+  return /*#__PURE__*/_jsx(Input.Field, {
+    ref: ref,
+    className: cn(otpFieldVariants({
+      size
+    }), className),
+    ...props
+  });
+});
+OtpStyledField.displayName = 'OtpInput.Field';
+const OtpPrimitive = createOtpInput({
+  Root: OtpRoot,
+  Cell: OtpStyledCell,
+  Field: OtpStyledField
+});
+export const OtpInput = /*#__PURE__*/forwardRef(({
+  variant = 'outline',
+  size = 'default',
+  fullWidth = true,
+  className,
+  style,
+  ...rest
+}, ref) => {
+  const rootClassName = cn(otpRootVariants({
+    size,
+    fullWidth
+  }), className);
+  return /*#__PURE__*/_jsx(OtpPrimitive, {
+    ref: ref,
+    className: rootClassName,
+    style: style,
+    context: {
+      variant,
+      size
+    },
+    ...rest
+  });
+});
+OtpInput.displayName = 'OtpInput';
+//# sourceMappingURL=index.js.map

package/lib/module/components/OtpInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","createOtpInput","cn","useStyleContext","withStyleContext","HStack","Input","otpCellVariants","otpFieldVariants","otpRootVariants","jsx","_jsx","SCOPE","OtpRoot","useOtpInputStyleContext","OtpStyledCell","className","children","props","ref","size","variant","displayName","OtpStyledField","Field","OtpPrimitive","Root","Cell","OtpInput","fullWidth","style","rest","rootClassName","context"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,cAAc,QAAiC,oBAAoB;AAC5E,SAASC,EAAE,EAAEC,eAAe,EAAEC,gBAAgB,QAAQ,eAAe;AACrE,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,KAAK,QAAyB,UAAU;AAEjD,SACEC,eAAe,EACfC,gBAAgB,EAChBC,eAAe,QAEV,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElB,MAAMC,KAAK,GAAG,WAAW;AAEzB,MAAMC,OAAO,GAAGT,gBAAgB,CAACC,MAAM,EAAEO,KAAK,CAAC;AAE/C,MAAME,uBAAuB,GAAGA,CAAA,KAAMX,eAAe,CAACS,KAAK,CAAsB;AAEjF,MAAMG,aAAa,gBAAGf,UAAU,CAC9B,CAAC;EAAEgB,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAuB,KAAK;EAC9D,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGP,uBAAuB,CAAC,CAAC;EACnD,oBACEH,IAAA,CAACL,KAAK;IACJa,GAAG,EAAEA,GAAI;IACTE,OAAO,EAAEA,OAAQ;IACjBD,IAAI,EAAEA,IAAK;IACXJ,SAAS,EAAEd,EAAE,CAACK,eAAe,CAAC;MAAEa;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAChDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACJ,CAAC;AAEZ,CACF,CAAC;AAEDF,aAAa,CAACO,WAAW,GAAG,eAAe;AAE3C,MAAMC,cAAc,gBAAGvB,UAAU,CAG/B,CAAC;EAAEgB,SAAS;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClC,MAAM;IAAEC;EAAK,CAAC,GAAGN,uBAAuB,CAAC,CAAC;EAC1C,oBAAOH,IAAA,CAACL,KAAK,CAACkB,KAAK;IAACL,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEd,EAAE,CAACM,gBAAgB,CAAC;MAAEY;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAAKE;EAAK,CAAG,CAAC;AACnG,CAAC,CAAC;AAEFK,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAE7C,MAAMG,YAAY,GAAGxB,cAAc,CAAC;EAClCyB,IAAI,EAAEb,OAAO;EACbc,IAAI,EAAEZ,aAAa;EACnBS,KAAK,EAAED;AACT,CAAC,CAAC;AAQF,OAAO,MAAMK,QAAQ,gBAAG5B,UAAU,CAChC,CAAC;EAAEqB,OAAO,GAAG,SAAS;EAAED,IAAI,GAAG,SAAS;EAAES,SAAS,GAAG,IAAI;EAAEb,SAAS;EAAEc,KAAK;EAAE,GAAGC;AAAK,CAAC,EAAEZ,GAAG,KAAK;EAC/F,MAAMa,aAAa,GAAG9B,EAAE,CAACO,eAAe,CAAC;IAAEW,IAAI;IAAES;EAAU,CAAC,CAAC,EAAEb,SAAS,CAAC;EAEzE,oBACEL,IAAA,CAACc,YAAY;IACXN,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEgB,aAAc;IACzBF,KAAK,EAAEA,KAAM;IACbG,OAAO,EAAE;MAAEZ,OAAO;MAAED;IAAK,CAAE;IAAA,GACvBW;EAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDH,QAAQ,CAACN,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/module/components/OtpInput/styles.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { cva } from 'class-variance-authority';
+export const otpRootVariants = cva('flex-row items-stretch gap-2.5', {
+  variants: {
+    size: {
+      default: '',
+      small: ''
+    },
+    fullWidth: {
+      true: 'w-full self-stretch justify-center',
+      false: 'self-start'
+    }
+  },
+  defaultVariants: {
+    size: 'default',
+    fullWidth: true
+  }
+});
+
+/** Narrow cell chrome: overrides Input root `w-full` / wide horizontal padding for one digit. */
+export const otpCellVariants = cva('shrink-0 justify-center', {
+  variants: {
+    size: {
+      default: 'w-12 min-w-12 max-w-12 px-1',
+      small: 'w-10 min-w-10 max-w-10 px-0.5'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+export const otpFieldVariants = cva('min-w-0 w-full text-center tabular-nums', {
+  variants: {
+    size: {
+      default: 'text-xl leading-6',
+      small: 'text-base leading-5'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/components/OtpInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cva","otpRootVariants","variants","size","default","small","fullWidth","true","false","defaultVariants","otpCellVariants","otpFieldVariants"],"sourceRoot":"../../../../src","sources":["components/OtpInput/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,eAAe,GAAGD,GAAG,CAAC,gCAAgC,EAAE;EACnEE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,SAAS;IACfG,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;AACA,OAAO,MAAMI,eAAe,GAAGV,GAAG,CAAC,yBAAyB,EAAE;EAC5DE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,6BAA6B;MACtCC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMQ,gBAAgB,GAAGX,GAAG,CAAC,yCAAyC,EAAE;EAC7EE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,mBAAmB;MAC5BC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/index.js

@@ -13,6 +13,7 @@ export * from './Field';
 export * from './Form';
 export * from './Image';
 export * from './Input';
+export * from './OtpInput';
 export * from './Link';
 export * from './ProgressBar';
 export * from './ProgressSegmented';

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}
+{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}

package/lib/typescript/components/Chip/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,gBAAgB;;8EAgB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8EAa5B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAa3B,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,gBAAgB;;8EAgB5B,CAAC;AAGF,eAAO,MAAM,iBAAiB;;8EAa5B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAa3B,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/lib/typescript/components/OtpInput/index.d.ts

@@ -0,0 +1,11 @@
+import type { View } from 'react-native';
+import { type IOtpInputRootProps } from '@cdx-ui/primitives';
+import { type InputProps } from '../Input';
+import { type OtpInputVariantProps } from './styles';
+export interface OtpInputProps extends Omit<IOtpInputRootProps, 'size'>, OtpInputVariantProps {
+    variant?: NonNullable<InputProps['variant']>;
+    size?: NonNullable<InputProps['size']>;
+    className?: string;
+}
+export declare const OtpInput: import("react").ForwardRefExoticComponent<OtpInputProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/OtpInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,UAAU,CAAC;AA2ClB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EAAE,oBAAoB;IAC3F,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,gGAcpB,CAAC"}

package/lib/typescript/components/OtpInput/styles.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const otpRootVariants: (props?: ({
+    size?: "small" | "default" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Narrow cell chrome: overrides Input root `w-full` / wide horizontal padding for one digit. */
+export declare const otpCellVariants: (props?: ({
+    size?: "small" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const otpFieldVariants: (props?: ({
+    size?: "small" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type OtpInputVariantProps = VariantProps<typeof otpRootVariants>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/OtpInput/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,eAAe;;;8EAe1B,CAAC;AAEH,iGAAiG;AACjG,eAAO,MAAM,eAAe;;8EAU1B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAU3B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/lib/typescript/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './Field';
 export * from './Form';
 export * from './Image';
 export * from './Input';
+export * from './OtpInput';
 export * from './Link';
 export * from './ProgressBar';
 export * from './ProgressSegmented';

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-alpha.36",
+  "version": "0.0.1-alpha.38",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -66,9 +66,9 @@
     "@gorhom/bottom-sheet": "^5.2.6",
     "class-variance-authority": "^0.7.1",
     "uniwind": "1.6.1",
-    "@cdx-ui/primitives": "0.0.1-alpha.36",
-    "@cdx-ui/utils": "0.0.1-alpha.36",
-    "@cdx-ui/icons": "0.0.1-alpha.36"
+    "@cdx-ui/primitives": "0.0.1-alpha.38",
+    "@cdx-ui/utils": "0.0.1-alpha.38",
+    "@cdx-ui/icons": "0.0.1-alpha.38"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/components/Chip/styles.ts

@@ -1,15 +1,15 @@
 import { cva, type VariantProps } from 'class-variance-authority';
 
 export const chipRootVariants = cva(
-  ['flex-row items-center justify-center rounded-full px-2.5 py-0.5 gap-1.5 self-start'],
+  ['flex-row items-center justify-center rounded-full px-2 py-1 gap-1.5 self-start'],
   {
     variants: {
       color: {
-        default: 'bg-slate-200',
-        error: 'bg-red-200',
-        info: 'bg-blue-200',
-        success: 'bg-green-200',
-        warning: 'bg-yellow-200',
+        default: 'bg-surface-neutral-tint',
+        error: 'bg-surface-danger-tint',
+        info: 'bg-surface-info-tint',
+        success: 'bg-surface-success-tint',
+        warning: 'bg-surface-warning-tint',
       },
     },
     defaultVariants: {
@@ -18,14 +18,15 @@ export const chipRootVariants = cva(
   },
 );
 
-export const chipLabelVariants = cva(['text-sm font-medium tracking-wider'], {
+// TODO: letter-spacing values (tracking-wider) are not working on web, but the font-mono-medium is.
+export const chipLabelVariants = cva(['label-sm font-mono-medium'], {
   variants: {
     color: {
-      default: 'text-slate-900',
-      error: 'text-red-900',
-      info: 'text-blue-900',
-      success: 'text-green-900',
-      warning: 'text-yellow-900',
+      default: 'text-content-primary',
+      error: 'text-content-primary',
+      info: 'text-content-primary',
+      success: 'text-content-primary',
+      warning: 'text-content-primary',
     },
   },
   defaultVariants: {
@@ -36,11 +37,11 @@ export const chipLabelVariants = cva(['text-sm font-medium tracking-wider'], {
 export const chipIconVariants = cva(['size-4'], {
   variants: {
     color: {
-      default: 'text-slate-900',
-      error: 'text-red-900',
-      info: 'text-blue-900',
-      success: 'text-green-900',
-      warning: 'text-yellow-900',
+      default: 'text-content-primary',
+      error: 'text-content-danger',
+      info: 'text-content-info',
+      success: 'text-content-success',
+      warning: 'text-content-warning',
     },
   },
   defaultVariants: {

package/src/components/Heading/styles.tsx

@@ -3,9 +3,9 @@ import { cva, type VariantProps } from 'class-variance-authority';
 
 export const headingStyle = cva(
   [
-    `text-content-primary font-semibold tracking-tight my-0`,
+    `text-content-primary my-0`,
     Platform.select({
-      web: 'font-sans bg-transparent display-inline no-underline',
+      web: 'bg-transparent display-inline no-underline',
       default: '',
     }),
   ],

package/src/components/OtpInput/index.tsx

@@ -0,0 +1,79 @@
+import type { ComponentProps, ComponentRef, ForwardedRef } from 'react';
+import { forwardRef } from 'react';
+import type { View } from 'react-native';
+import { createOtpInput, type IOtpInputRootProps } from '@cdx-ui/primitives';
+import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { HStack } from '../Stack/HStack';
+import { Input, type InputProps } from '../Input';
+import type { InputVariantProps } from '../Input/styles';
+import {
+  otpCellVariants,
+  otpFieldVariants,
+  otpRootVariants,
+  type OtpInputVariantProps,
+} from './styles';
+
+const SCOPE = 'OTP_INPUT';
+
+const OtpRoot = withStyleContext(HStack, SCOPE);
+
+const useOtpInputStyleContext = () => useStyleContext(SCOPE) as InputVariantProps;
+
+const OtpStyledCell = forwardRef<View, InputProps>(
+  ({ className, children, ...props }, ref: ForwardedRef<View>) => {
+    const { size, variant } = useOtpInputStyleContext();
+    return (
+      <Input
+        ref={ref}
+        variant={variant}
+        size={size}
+        className={cn(otpCellVariants({ size }), className)}
+        {...props}
+      >
+        {children}
+      </Input>
+    );
+  },
+);
+
+OtpStyledCell.displayName = 'OtpInput.Cell';
+
+const OtpStyledField = forwardRef<
+  ComponentRef<typeof Input.Field>,
+  ComponentProps<typeof Input.Field>
+>(({ className, ...props }, ref) => {
+  const { size } = useOtpInputStyleContext();
+  return <Input.Field ref={ref} className={cn(otpFieldVariants({ size }), className)} {...props} />;
+});
+
+OtpStyledField.displayName = 'OtpInput.Field';
+
+const OtpPrimitive = createOtpInput({
+  Root: OtpRoot,
+  Cell: OtpStyledCell,
+  Field: OtpStyledField,
+});
+
+export interface OtpInputProps extends Omit<IOtpInputRootProps, 'size'>, OtpInputVariantProps {
+  variant?: NonNullable<InputProps['variant']>;
+  size?: NonNullable<InputProps['size']>;
+  className?: string;
+}
+
+export const OtpInput = forwardRef<View, OtpInputProps>(
+  ({ variant = 'outline', size = 'default', fullWidth = true, className, style, ...rest }, ref) => {
+    const rootClassName = cn(otpRootVariants({ size, fullWidth }), className);
+
+    return (
+      <OtpPrimitive
+        ref={ref}
+        className={rootClassName}
+        style={style}
+        context={{ variant, size }}
+        {...rest}
+      />
+    );
+  },
+);
+
+OtpInput.displayName = 'OtpInput';

package/src/components/OtpInput/styles.ts

@@ -0,0 +1,45 @@
+import { cva, type VariantProps } from 'class-variance-authority';
+
+export const otpRootVariants = cva('flex-row items-stretch gap-2.5', {
+  variants: {
+    size: {
+      default: '',
+      small: '',
+    },
+    fullWidth: {
+      true: 'w-full self-stretch justify-center',
+      false: 'self-start',
+    },
+  },
+  defaultVariants: {
+    size: 'default',
+    fullWidth: true,
+  },
+});
+
+/** Narrow cell chrome: overrides Input root `w-full` / wide horizontal padding for one digit. */
+export const otpCellVariants = cva('shrink-0 justify-center', {
+  variants: {
+    size: {
+      default: 'w-12 min-w-12 max-w-12 px-1',
+      small: 'w-10 min-w-10 max-w-10 px-0.5',
+    },
+  },
+  defaultVariants: {
+    size: 'default',
+  },
+});
+
+export const otpFieldVariants = cva('min-w-0 w-full text-center tabular-nums', {
+  variants: {
+    size: {
+      default: 'text-xl leading-6',
+      small: 'text-base leading-5',
+    },
+  },
+  defaultVariants: {
+    size: 'default',
+  },
+});
+
+export type OtpInputVariantProps = VariantProps<typeof otpRootVariants>;

package/src/components/index.ts

@@ -11,6 +11,7 @@ export * from './Field';
 export * from './Form';
 export * from './Image';
 export * from './Input';
+export * from './OtpInput';
 export * from './Link';
 export * from './ProgressBar';
 export * from './ProgressSegmented';