@kivid/native-components 1.0.0-alpha.4 → 1.0.0-alpha.5

package/dist/commonjs/components/Avatar/assets/class-variants.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatarVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _index = require("../enums/index.js");
+const avatarVariants = exports.avatarVariants = (0, _classVarianceAuthority.cva)("border-[1px] border-chia-400 rounded-full items-center justify-center", {
+  variants: {
+    size: {
+      [_index.AvatarSizeEnum.XSMALL]: "w-[32px] h-[32px]",
+      [_index.AvatarSizeEnum.SMALL]: "w-[40px] h-[40px]",
+      [_index.AvatarSizeEnum.MEDIUM]: "w-[56px] h-[56px]",
+      [_index.AvatarSizeEnum.LARGE]: "w-[72px] h-[72px]",
+      [_index.AvatarSizeEnum.XLARGE]: "w-[96px] h-[96px]"
+    }
+  },
+  defaultVariants: {
+    size: _index.AvatarSizeEnum.MEDIUM
+  }
+});
+//# sourceMappingURL=class-variants.js.map

package/dist/commonjs/components/Avatar/assets/class-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","_index","avatarVariants","exports","cva","variants","size","AvatarSizeEnum","XSMALL","SMALL","MEDIUM","LARGE","XLARGE","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/Avatar/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,MAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,2BAAG,EACxB,uEAAuE,EACvE;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,CAACC,qBAAc,CAACC,MAAM,GAAG,mBAAmB;MAC5C,CAACD,qBAAc,CAACE,KAAK,GAAG,mBAAmB;MAC3C,CAACF,qBAAc,CAACG,MAAM,GAAG,mBAAmB;MAC5C,CAACH,qBAAc,CAACI,KAAK,GAAG,mBAAmB;MAC3C,CAACJ,qBAAc,CAACK,MAAM,GAAG;IAC3B;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAEC,qBAAc,CAACG;EACvB;AACF,CACF,CAAC","ignoreList":[]}

package/dist/commonjs/components/Avatar/enums/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _size = require("./size.js");
+Object.keys(_size).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _size[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _size[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Avatar/enums/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_size","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/Avatar/enums/index.ts"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/commonjs/components/Avatar/enums/size.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AvatarSizeEnum = void 0;
+let AvatarSizeEnum = exports.AvatarSizeEnum = /*#__PURE__*/function (AvatarSizeEnum) {
+  AvatarSizeEnum["XSMALL"] = "xsmall";
+  AvatarSizeEnum["SMALL"] = "small";
+  AvatarSizeEnum["MEDIUM"] = "medium";
+  AvatarSizeEnum["LARGE"] = "large";
+  AvatarSizeEnum["XLARGE"] = "xlarge";
+  return AvatarSizeEnum;
+}({});
+//# sourceMappingURL=size.js.map

package/dist/commonjs/components/Avatar/enums/size.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AvatarSizeEnum","exports"],"sourceRoot":"../../../../../src","sources":["components/Avatar/enums/size.ts"],"mappings":";;;;;;IAAYA,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

package/dist/commonjs/components/Avatar/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = Avatar;
+var _native = require("@kivid/icons/native");
+var _reactNative = require("react-native");
+var _index = require("./enums/index.js");
+var _classVariants = require("./assets/class-variants.js");
+var _tailwindPreset = require("@kivid/tailwind-preset");
+var _index2 = _interopRequireDefault(require("../Typography/index.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Avatar(props) {
+  const {
+    src,
+    name,
+    size = _index.AvatarSizeEnum.MEDIUM
+  } = props;
+  const mappedSize = {
+    [_index.AvatarSizeEnum.XLARGE]: 96,
+    [_index.AvatarSizeEnum.LARGE]: 72,
+    [_index.AvatarSizeEnum.MEDIUM]: 56,
+    [_index.AvatarSizeEnum.SMALL]: 40,
+    [_index.AvatarSizeEnum.XSMALL]: 32
+  }[size];
+  const avatarStyle = (0, _classVariants.avatarVariants)({
+    size
+  });
+  const avatarTextStyleMap = {
+    [_index.AvatarSizeEnum.XSMALL]: {
+      variant: "body_small",
+      fontWeight: "700"
+    },
+    [_index.AvatarSizeEnum.SMALL]: {
+      variant: "title_small",
+      fontWeight: "700"
+    },
+    [_index.AvatarSizeEnum.MEDIUM]: {
+      variant: "title_large",
+      fontWeight: "700"
+    },
+    [_index.AvatarSizeEnum.LARGE]: {
+      variant: "headline_small",
+      fontWeight: "700"
+    },
+    [_index.AvatarSizeEnum.XLARGE]: {
+      variant: "headline_medium",
+      fontWeight: "700"
+    }
+  };
+  const calulatedInsideImageContainerSize = mappedSize - 1;
+  function renderFallbackType() {
+    if (name && !!name.trim()) {
+      const [firstName, surname] = name.split(" ");
+      const hasSurname = !!surname;
+      const hasName = !!firstName;
+      const firstLetterOfFirstName = hasName ? firstName?.at(0) : "";
+      const firstLetterOfSurname = hasSurname ? surname?.at(0) : "";
+      const firstLetters = `${firstLetterOfFirstName}${firstLetterOfSurname}`.toUpperCase();
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: avatarStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+          className: "text-chia-600",
+          variant: avatarTextStyleMap[size].variant,
+          weight: avatarTextStyleMap[size].fontWeight,
+          children: firstLetters
+        })
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _tailwindPreset.merge)(avatarStyle, "bg-chia-300 border-chia-400 max-h-fit"),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.Person, {
+        color: "#B6C2C2",
+        size: mappedSize
+      })
+    });
+  }
+  if (!src) {
+    return renderFallbackType();
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: (0, _tailwindPreset.merge)(avatarStyle, "border-chia-100 relative"),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri: src
+      },
+      className: "rounded-full",
+      style: {
+        width: calulatedInsideImageContainerSize,
+        height: calulatedInsideImageContainerSize
+      }
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_reactNative","_index","_classVariants","_tailwindPreset","_index2","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Avatar","props","src","name","size","AvatarSizeEnum","MEDIUM","mappedSize","XLARGE","LARGE","SMALL","XSMALL","avatarStyle","avatarVariants","avatarTextStyleMap","variant","fontWeight","calulatedInsideImageContainerSize","renderFallbackType","trim","firstName","surname","split","hasSurname","hasName","firstLetterOfFirstName","at","firstLetterOfSurname","firstLetters","toUpperCase","jsx","View","className","children","weight","merge","Person","color","Image","source","uri","style","width","height"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/Avatar/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/commonjs/components/Avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Avatar/types.ts"],"mappings":"","ignoreList":[]}

package/dist/commonjs/components/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _index = require("./Button/index.js");
+var _index = require("./Avatar/index.js");
 Object.keys(_index).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_index).forEach(function (key) {
     }
   });
 });
-var _index2 = require("./Chip/index.js");
+var _index2 = require("./Button/index.js");
 Object.keys(_index2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index2[key]) return;
@@ -25,29 +25,29 @@ Object.keys(_index2).forEach(function (key) {
     }
   });
 });
-var _types = require("./Chip/types.js");
-Object.keys(_types).forEach(function (key) {
+var _index3 = require("./Chip/index.js");
+Object.keys(_index3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types[key]) return;
+  if (key in exports && exports[key] === _index3[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _types[key];
+      return _index3[key];
     }
   });
 });
-var _index3 = require("./Chip/enums/index.js");
-Object.keys(_index3).forEach(function (key) {
+var _types = require("./Chip/types.js");
+Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index3[key]) return;
+  if (key in exports && exports[key] === _types[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index3[key];
+      return _types[key];
     }
   });
 });
-var _index4 = require("./InformationStatus/index.js");
+var _index4 = require("./Chip/enums/index.js");
 Object.keys(_index4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index4[key]) return;
@@ -58,29 +58,29 @@ Object.keys(_index4).forEach(function (key) {
     }
   });
 });
-var _enums = require("./InformationStatus/enums.js");
-Object.keys(_enums).forEach(function (key) {
+var _index5 = require("./InformationStatus/index.js");
+Object.keys(_index5).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _enums[key]) return;
+  if (key in exports && exports[key] === _index5[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _enums[key];
+      return _index5[key];
     }
   });
 });
-var _index5 = require("./InputCheckbox/index.js");
-Object.keys(_index5).forEach(function (key) {
+var _enums = require("./InformationStatus/enums.js");
+Object.keys(_enums).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index5[key]) return;
+  if (key in exports && exports[key] === _enums[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index5[key];
+      return _enums[key];
     }
   });
 });
-var _index6 = require("./InputCheckbox/enums/index.js");
+var _index6 = require("./InputCheckbox/index.js");
 Object.keys(_index6).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index6[key]) return;
@@ -91,7 +91,7 @@ Object.keys(_index6).forEach(function (key) {
     }
   });
 });
-var _index7 = require("./InputOTP/index.js");
+var _index7 = require("./InputCheckbox/enums/index.js");
 Object.keys(_index7).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index7[key]) return;
@@ -102,7 +102,7 @@ Object.keys(_index7).forEach(function (key) {
     }
   });
 });
-var _index8 = require("./InputOTP/enums/index.js");
+var _index8 = require("./InputOTP/index.js");
 Object.keys(_index8).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index8[key]) return;
@@ -113,7 +113,7 @@ Object.keys(_index8).forEach(function (key) {
     }
   });
 });
-var _index9 = require("./HighlightedText/index.js");
+var _index9 = require("./InputOTP/enums/index.js");
 Object.keys(_index9).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index9[key]) return;
@@ -124,7 +124,7 @@ Object.keys(_index9).forEach(function (key) {
     }
   });
 });
-var _index0 = require("./LoadingDots/index.js");
+var _index0 = require("./HighlightedText/index.js");
 Object.keys(_index0).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index0[key]) return;
@@ -135,29 +135,29 @@ Object.keys(_index0).forEach(function (key) {
     }
   });
 });
-var _types2 = require("./LoadingDots/types.js");
-Object.keys(_types2).forEach(function (key) {
+var _index1 = require("./LoadingDots/index.js");
+Object.keys(_index1).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types2[key]) return;
+  if (key in exports && exports[key] === _index1[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _types2[key];
+      return _index1[key];
     }
   });
 });
-var _index1 = require("./Seal/index.js");
-Object.keys(_index1).forEach(function (key) {
+var _types2 = require("./LoadingDots/types.js");
+Object.keys(_types2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index1[key]) return;
+  if (key in exports && exports[key] === _types2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index1[key];
+      return _types2[key];
     }
   });
 });
-var _index10 = require("./Seal/enums/index.js");
+var _index10 = require("./Seal/index.js");
 Object.keys(_index10).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index10[key]) return;
@@ -168,7 +168,7 @@ Object.keys(_index10).forEach(function (key) {
     }
   });
 });
-var _index11 = require("./Title/index.js");
+var _index11 = require("./Seal/enums/index.js");
 Object.keys(_index11).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index11[key]) return;
@@ -179,7 +179,7 @@ Object.keys(_index11).forEach(function (key) {
     }
   });
 });
-var _index12 = require("./Toggle/index.js");
+var _index12 = require("./Title/index.js");
 Object.keys(_index12).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index12[key]) return;
@@ -190,7 +190,7 @@ Object.keys(_index12).forEach(function (key) {
     }
   });
 });
-var _index13 = require("./Toggle/enums/index.js");
+var _index13 = require("./Toggle/index.js");
 Object.keys(_index13).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index13[key]) return;
@@ -201,7 +201,7 @@ Object.keys(_index13).forEach(function (key) {
     }
   });
 });
-var _index14 = require("./Typography/index.js");
+var _index14 = require("./Toggle/enums/index.js");
 Object.keys(_index14).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index14[key]) return;
@@ -212,4 +212,15 @@ Object.keys(_index14).forEach(function (key) {
     }
   });
 });
+var _index15 = require("./Typography/index.js");
+Object.keys(_index15).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index15[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index15[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_index2","_types","_index3","_index4","_enums","_index5","_index6","_index7","_index8","_index9","_index0","_types2","_index1","_index10","_index11","_index12","_index13","_index14"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAGA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,MAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,MAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,MAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,OAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,OAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,OAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,OAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAQ,OAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,OAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,OAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,OAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,MAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,MAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,MAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,MAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAU,OAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,OAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAU,OAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAM,OAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAW,OAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,OAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAW,OAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAO,OAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAY,OAAA,GAAAhB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAc,OAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAY,OAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAQ,OAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAa,OAAA,GAAAjB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAe,OAAA,EAAAd,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAa,OAAA,CAAAb,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAS,OAAA,CAAAb,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAc,OAAA,GAAAlB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAgB,OAAA,EAAAf,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAc,OAAA,CAAAd,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAU,OAAA,CAAAd,GAAA;IAAA;EAAA;AAAA;AAGA,IAAAe,OAAA,GAAAnB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAiB,OAAA,EAAAhB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAe,OAAA,CAAAf,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAW,OAAA,CAAAf,GAAA;IAAA;EAAA;AAAA;AACA,IAAAgB,OAAA,GAAApB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAkB,OAAA,EAAAjB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAgB,OAAA,CAAAhB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAY,OAAA,CAAAhB,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAiB,OAAA,GAAArB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAmB,OAAA,EAAAlB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAiB,OAAA,CAAAjB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAa,OAAA,CAAAjB,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAkB,QAAA,GAAAtB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAoB,QAAA,EAAAnB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAkB,QAAA,CAAAlB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAc,QAAA,CAAAlB,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAmB,QAAA,GAAAvB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAqB,QAAA,EAAApB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAmB,QAAA,CAAAnB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAe,QAAA,CAAAnB,GAAA;IAAA;EAAA;AAAA;AAGA,IAAAoB,QAAA,GAAAxB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAsB,QAAA,EAAArB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAoB,QAAA,CAAApB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAgB,QAAA,CAAApB,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAqB,QAAA,GAAAzB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAuB,QAAA,EAAAtB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAqB,QAAA,CAAArB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAiB,QAAA,CAAArB,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAsB,QAAA,GAAA1B,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAwB,QAAA,EAAAvB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAsB,QAAA,CAAAtB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAkB,QAAA,CAAAtB,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_index2","_index3","_types","_index4","_index5","_enums","_index6","_index7","_index8","_index9","_index0","_index1","_types2","_index10","_index11","_index12","_index13","_index14","_index15"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Avatar/assets/class-variants.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { cva } from "class-variance-authority";
+import { AvatarSizeEnum } from "../enums/index.js";
+const avatarVariants = cva("border-[1px] border-chia-400 rounded-full items-center justify-center", {
+  variants: {
+    size: {
+      [AvatarSizeEnum.XSMALL]: "w-[32px] h-[32px]",
+      [AvatarSizeEnum.SMALL]: "w-[40px] h-[40px]",
+      [AvatarSizeEnum.MEDIUM]: "w-[56px] h-[56px]",
+      [AvatarSizeEnum.LARGE]: "w-[72px] h-[72px]",
+      [AvatarSizeEnum.XLARGE]: "w-[96px] h-[96px]"
+    }
+  },
+  defaultVariants: {
+    size: AvatarSizeEnum.MEDIUM
+  }
+});
+export { avatarVariants };
+//# sourceMappingURL=class-variants.js.map

package/dist/module/components/Avatar/assets/class-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cva","AvatarSizeEnum","avatarVariants","variants","size","XSMALL","SMALL","MEDIUM","LARGE","XLARGE","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/Avatar/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,cAAc,QAAQ,mBAAU;AAEzC,MAAMC,cAAc,GAAGF,GAAG,CACxB,uEAAuE,EACvE;EACEG,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,CAACH,cAAc,CAACI,MAAM,GAAG,mBAAmB;MAC5C,CAACJ,cAAc,CAACK,KAAK,GAAG,mBAAmB;MAC3C,CAACL,cAAc,CAACM,MAAM,GAAG,mBAAmB;MAC5C,CAACN,cAAc,CAACO,KAAK,GAAG,mBAAmB;MAC3C,CAACP,cAAc,CAACQ,MAAM,GAAG;IAC3B;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAEH,cAAc,CAACM;EACvB;AACF,CACF,CAAC;AAED,SAASL,cAAc","ignoreList":[]}

package/dist/module/components/Avatar/enums/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./size.js";
+//# sourceMappingURL=index.js.map

package/dist/module/components/Avatar/enums/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Avatar/enums/index.ts"],"mappings":";;AAAA,cAAc,WAAQ","ignoreList":[]}

package/dist/module/components/Avatar/enums/size.js

@@ -0,0 +1,11 @@
+"use strict";
+
+export let AvatarSizeEnum = /*#__PURE__*/function (AvatarSizeEnum) {
+  AvatarSizeEnum["XSMALL"] = "xsmall";
+  AvatarSizeEnum["SMALL"] = "small";
+  AvatarSizeEnum["MEDIUM"] = "medium";
+  AvatarSizeEnum["LARGE"] = "large";
+  AvatarSizeEnum["XLARGE"] = "xlarge";
+  return AvatarSizeEnum;
+}({});
+//# sourceMappingURL=size.js.map

package/dist/module/components/Avatar/enums/size.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AvatarSizeEnum"],"sourceRoot":"../../../../../src","sources":["components/Avatar/enums/size.ts"],"mappings":";;AAAA,WAAYA,cAAc,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

package/dist/module/components/Avatar/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import { Person } from "@kivid/icons/native";
+import { View, Image } from "react-native";
+import { AvatarSizeEnum } from "./enums/index.js";
+import { avatarVariants } from "./assets/class-variants.js";
+import { merge } from "@kivid/tailwind-preset";
+import Typography from "../Typography/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Avatar(props) {
+  const {
+    src,
+    name,
+    size = AvatarSizeEnum.MEDIUM
+  } = props;
+  const mappedSize = {
+    [AvatarSizeEnum.XLARGE]: 96,
+    [AvatarSizeEnum.LARGE]: 72,
+    [AvatarSizeEnum.MEDIUM]: 56,
+    [AvatarSizeEnum.SMALL]: 40,
+    [AvatarSizeEnum.XSMALL]: 32
+  }[size];
+  const avatarStyle = avatarVariants({
+    size
+  });
+  const avatarTextStyleMap = {
+    [AvatarSizeEnum.XSMALL]: {
+      variant: "body_small",
+      fontWeight: "700"
+    },
+    [AvatarSizeEnum.SMALL]: {
+      variant: "title_small",
+      fontWeight: "700"
+    },
+    [AvatarSizeEnum.MEDIUM]: {
+      variant: "title_large",
+      fontWeight: "700"
+    },
+    [AvatarSizeEnum.LARGE]: {
+      variant: "headline_small",
+      fontWeight: "700"
+    },
+    [AvatarSizeEnum.XLARGE]: {
+      variant: "headline_medium",
+      fontWeight: "700"
+    }
+  };
+  const calulatedInsideImageContainerSize = mappedSize - 1;
+  function renderFallbackType() {
+    if (name && !!name.trim()) {
+      const [firstName, surname] = name.split(" ");
+      const hasSurname = !!surname;
+      const hasName = !!firstName;
+      const firstLetterOfFirstName = hasName ? firstName?.at(0) : "";
+      const firstLetterOfSurname = hasSurname ? surname?.at(0) : "";
+      const firstLetters = `${firstLetterOfFirstName}${firstLetterOfSurname}`.toUpperCase();
+      return /*#__PURE__*/_jsx(View, {
+        className: avatarStyle,
+        children: /*#__PURE__*/_jsx(Typography, {
+          className: "text-chia-600",
+          variant: avatarTextStyleMap[size].variant,
+          weight: avatarTextStyleMap[size].fontWeight,
+          children: firstLetters
+        })
+      });
+    }
+    return /*#__PURE__*/_jsx(View, {
+      className: merge(avatarStyle, "bg-chia-300 border-chia-400 max-h-fit"),
+      children: /*#__PURE__*/_jsx(Person, {
+        color: "#B6C2C2",
+        size: mappedSize
+      })
+    });
+  }
+  if (!src) {
+    return renderFallbackType();
+  }
+  return /*#__PURE__*/_jsx(View, {
+    className: merge(avatarStyle, "border-chia-100 relative"),
+    children: /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: src
+      },
+      className: "rounded-full",
+      style: {
+        width: calulatedInsideImageContainerSize,
+        height: calulatedInsideImageContainerSize
+      }
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/module/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Person","View","Image","AvatarSizeEnum","avatarVariants","merge","Typography","jsx","_jsx","Avatar","props","src","name","size","MEDIUM","mappedSize","XLARGE","LARGE","SMALL","XSMALL","avatarStyle","avatarTextStyleMap","variant","fontWeight","calulatedInsideImageContainerSize","renderFallbackType","trim","firstName","surname","split","hasSurname","hasName","firstLetterOfFirstName","at","firstLetterOfSurname","firstLetters","toUpperCase","className","children","weight","color","source","uri","style","width","height"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Avatar/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/components/Avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Avatar/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/components/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+export * from "./Avatar/index.js";
 export * from "./Button/index.js";
 export * from "./Chip/index.js";
 export * from "./Chip/types.js";

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AAGxB,cAAc,iBAAQ;AACtB,cAAc,iBAAc;AAC5B,cAAc,uBAAc;AAE5B,cAAc,8BAAqB;AAEnC,cAAc,8BAA2B;AAEzC,cAAc,0BAAiB;AAE/B,cAAc,gCAAuB;AAErC,cAAc,qBAAY;AAE1B,cAAc,2BAAkB;AAEhC,cAAc,4BAAmB;AAGjC,cAAc,wBAAe;AAC7B,cAAc,wBAAqB;AAEnC,cAAc,iBAAQ;AAEtB,cAAc,uBAAc;AAE5B,cAAc,kBAAS;AAGvB,cAAc,mBAAU;AAExB,cAAc,yBAAgB;AAE9B,cAAc,uBAAc","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,mBAAU;AAGxB,cAAc,iBAAQ;AACtB,cAAc,iBAAc;AAC5B,cAAc,uBAAc;AAE5B,cAAc,8BAAqB;AAEnC,cAAc,8BAA2B;AAEzC,cAAc,0BAAiB;AAE/B,cAAc,gCAAuB;AAErC,cAAc,qBAAY;AAE1B,cAAc,2BAAkB;AAEhC,cAAc,4BAAmB;AAGjC,cAAc,wBAAe;AAC7B,cAAc,wBAAqB;AAEnC,cAAc,iBAAQ;AAEtB,cAAc,uBAAc;AAE5B,cAAc,kBAAS;AAGvB,cAAc,mBAAU;AAExB,cAAc,yBAAgB;AAE9B,cAAc,uBAAc","ignoreList":[]}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kivid/native-components",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.5",
   "description": "A React Native component library for the Butterfly Design System.",
   "repository": {
     "type": "git",

package/dist/typescript/components/Avatar/assets/class-variants.d.ts

@@ -0,0 +1,5 @@
+import { AvatarSizeEnum } from "../enums";
+declare const avatarVariants: (props?: ({
+    size?: AvatarSizeEnum | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { avatarVariants };

package/dist/typescript/components/Avatar/enums/index.d.ts

@@ -0,0 +1 @@
+export * from "./size";

package/dist/typescript/components/Avatar/enums/size.d.ts

@@ -0,0 +1,7 @@
+export declare enum AvatarSizeEnum {
+    XSMALL = "xsmall",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XLARGE = "xlarge"
+}

package/dist/typescript/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+import type { AvatarProps } from "./types";
+export declare function Avatar(props: AvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/typescript/components/Avatar/types.d.ts

@@ -0,0 +1,6 @@
+import type { AvatarSizeEnum } from "./enums";
+export interface AvatarProps {
+    src?: string | null;
+    name?: string;
+    size?: AvatarSizeEnum;
+}

package/dist/typescript/components/Chip/assets/class-variants.d.ts

@@ -1,5 +1,5 @@
 export declare const chipVariants: (props?: ({
     size?: "medium" | "large" | null | undefined;
     variant?: "outline" | "highlight" | "filled" | null | undefined;
-    sealVariant?: "left" | "right" | "alert" | "add" | "success" | "error" | "minus" | null | undefined;
+    sealVariant?: "alert" | "left" | "right" | "add" | "success" | "error" | "minus" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/typescript/components/Seal/assets/class-variants.d.ts

@@ -1,5 +1,5 @@
 export declare const sealVariants: (props?: ({
     size?: "small" | "medium" | null | undefined;
-    variant?: "left" | "right" | "alert" | "add" | "success" | "error" | "minus" | null | undefined;
+    variant?: "alert" | "left" | "right" | "add" | "success" | "error" | "minus" | null | undefined;
     inverted?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

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

@@ -1,3 +1,4 @@
+export * from "./Avatar";
 export * from "./Button";
 export type * from "./Button/types";
 export * from "./Chip";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kivid/native-components",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.5",
   "description": "A React Native component library for the Butterfly Design System.",
   "repository": {
     "type": "git",
@@ -63,8 +63,8 @@
     "react-native-web": "^0.20.0",
     "react-native": "0.79.5",
     "react": "19.0.0",
-    "@kivid/tailwind-preset": "1.0.0-alpha.4",
-    "@kivid/icons": "1.0.0-alpha.4"
+    "@kivid/tailwind-preset": "1.0.0-alpha.5",
+    "@kivid/icons": "1.0.0-alpha.5"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
@@ -103,7 +103,7 @@
     "lottie-react-native": "^7.2.4",
     "react": "19.0.0",
     "react-native": "0.79.5",
-    "@kivid/icons": "1.0.0-alpha.4"
+    "@kivid/icons": "1.0.0-alpha.5"
   },
   "eslintIgnore": [
     "node_modules/",
@@ -119,8 +119,8 @@
     "storybook:web": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "storybook-generate": "sb-rn-get-stories",
-    "storybook": "cross-env EXPO_PUBLIC_STORYBOOK_ENABLED='true' expo run",
-    "storybook:ios": "cross-env EXPO_PUBLIC_STORYBOOK_ENABLED='true' expo run:ios",
-    "storybook:android": "cross-env EXPO_PUBLIC_STORYBOOK_ENABLED='true' expo  run:android"
+    "storybook": "cross-env EXPO_PUBLIC_STORYBOOK_ENABLED='true' expo start",
+    "storybook:ios": "cross-env EXPO_PUBLIC_STORYBOOK_ENABLED='true' expo start:ios",
+    "storybook:android": "cross-env EXPO_PUBLIC_STORYBOOK_ENABLED='true' expo  start:android"
   }
 }

package/src/components/Avatar/assets/class-variants.ts

@@ -0,0 +1,22 @@
+import { cva } from "class-variance-authority";
+import { AvatarSizeEnum } from "../enums";
+
+const avatarVariants = cva(
+  "border-[1px] border-chia-400 rounded-full items-center justify-center",
+  {
+    variants: {
+      size: {
+        [AvatarSizeEnum.XSMALL]: "w-[32px] h-[32px]",
+        [AvatarSizeEnum.SMALL]: "w-[40px] h-[40px]",
+        [AvatarSizeEnum.MEDIUM]: "w-[56px] h-[56px]",
+        [AvatarSizeEnum.LARGE]: "w-[72px] h-[72px]",
+        [AvatarSizeEnum.XLARGE]: "w-[96px] h-[96px]",
+      },
+    },
+    defaultVariants: {
+      size: AvatarSizeEnum.MEDIUM,
+    },
+  }
+);
+
+export { avatarVariants };

package/src/components/Avatar/enums/index.ts

@@ -0,0 +1 @@
+export * from "./size";

package/src/components/Avatar/enums/size.ts

@@ -0,0 +1,7 @@
+export enum AvatarSizeEnum {
+  XSMALL = "xsmall",
+  SMALL = "small",
+  MEDIUM = "medium",
+  LARGE = "large",
+  XLARGE = "xlarge",
+}

package/src/components/Avatar/index.stories.tsx

@@ -0,0 +1,84 @@
+import type { Meta, StoryObj } from "@storybook/react-native";
+import { Avatar } from "./index";
+import { AvatarSizeEnum } from "./enums";
+import { View, Image } from "react-native";
+
+const sizeOptions = Object.values(AvatarSizeEnum);
+
+const meta: Meta<typeof Avatar> = {
+  title: "Components/Avatar",
+  component: Avatar,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    src: {
+      control: { type: "text" },
+      description: "URL da imagem do avatar",
+    },
+    size: {
+      control: { type: "select" },
+      options: sizeOptions,
+      description: "Tamanho do avatar",
+      table: {
+        type: { summary: sizeOptions.join(" | ") },
+      },
+    },
+    name: {
+      control: { type: "text" },
+      description: "Nome do usuário para exibir as iniciais caso a imagem não seja fornecida",
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const localImageUri = Image.resolveAssetSource(require("./images/girl.jpg")).uri;
+
+export const Default: Story = {
+  args: {
+    src: localImageUri,
+    size: AvatarSizeEnum.MEDIUM,
+  },
+};
+
+export const AllVariants: Story = {
+  render: () => (
+    <View className="flex flex-col gap-500">
+      <View className="flex flex-row gap-400 bg-chia-200">
+        {sizeOptions.map((size) => (
+          <Avatar
+            key={size}
+            src=""
+            size={size}
+            name="John Doe"
+          />
+        ))}
+      </View>
+      <View className="flex flex-row gap-400">
+        {sizeOptions.map((size) => (
+          <Avatar
+            key={size}
+            src=""
+            size={size}
+          />
+        ))}
+      </View>
+      <View className="flex flex-row gap-400 bg-chia-700">
+        {sizeOptions.map((size) => (
+          <Avatar
+            key={size}
+            src={localImageUri}
+            size={size}
+          />
+        ))}
+      </View>
+    </View>
+  ),
+  args: {
+    src: localImageUri,
+    size: AvatarSizeEnum.MEDIUM,
+  },
+};

package/src/components/Avatar/index.tsx

@@ -0,0 +1,98 @@
+import type { AvatarProps } from "./types";
+import { Person } from "@kivid/icons/native";
+import { View, Image } from "react-native";
+import { AvatarSizeEnum } from "./enums";
+import { avatarVariants } from "./assets/class-variants";
+import { merge } from "@kivid/tailwind-preset";
+import Typography from "../Typography";
+
+export function Avatar(props: AvatarProps) {
+  const { src, name, size = AvatarSizeEnum.MEDIUM } = props;
+
+  const mappedSize = {
+    [AvatarSizeEnum.XLARGE]: 96,
+    [AvatarSizeEnum.LARGE]: 72,
+    [AvatarSizeEnum.MEDIUM]: 56,
+    [AvatarSizeEnum.SMALL]: 40,
+    [AvatarSizeEnum.XSMALL]: 32,
+  }[size];
+
+  const avatarStyle = avatarVariants({ size });
+
+  const avatarTextStyleMap = {
+    [AvatarSizeEnum.XSMALL]: {
+      variant: "body_small" as const,
+      fontWeight: "700" as const,
+    },
+    [AvatarSizeEnum.SMALL]: {
+      variant: "title_small" as const,
+      fontWeight: "700" as const,
+    },
+    [AvatarSizeEnum.MEDIUM]: {
+      variant: "title_large" as const,
+      fontWeight: "700" as const,
+    },
+    [AvatarSizeEnum.LARGE]: {
+      variant: "headline_small" as const,
+      fontWeight: "700" as const,
+    },
+    [AvatarSizeEnum.XLARGE]: {
+      variant: "headline_medium" as const,
+      fontWeight: "700" as const,
+    },
+  };
+
+  const calulatedInsideImageContainerSize = mappedSize - 1;
+
+  function renderFallbackType() {
+    if (name && !!name.trim()) {
+      const [firstName, surname] = name.split(" ");
+
+      const hasSurname = !!surname;
+      const hasName = !!firstName;
+
+      const firstLetterOfFirstName = hasName ? firstName?.at(0) : "";
+      const firstLetterOfSurname = hasSurname ? surname?.at(0) : "";
+
+      const firstLetters =
+        `${firstLetterOfFirstName}${firstLetterOfSurname}`.toUpperCase();
+
+      return (
+        <View className={avatarStyle}>
+          <Typography
+            className={"text-chia-600"}
+            variant={avatarTextStyleMap[size].variant}
+            weight={avatarTextStyleMap[size].fontWeight}
+          >
+            {firstLetters}
+          </Typography>
+        </View>
+      );
+    }
+
+    return (
+      <View
+        className={merge(avatarStyle, "bg-chia-300 border-chia-400 max-h-fit")}
+      >
+        <Person color="#B6C2C2" size={mappedSize} />
+      </View>
+    );
+  }
+
+  if (!src) {
+    return renderFallbackType();
+  }
+
+  return (
+    <View className={merge(avatarStyle, "border-chia-100 relative")}>
+      <Image
+        source={{ uri: src }}
+        className="rounded-full"
+        style={{
+          width: calulatedInsideImageContainerSize,
+          height: calulatedInsideImageContainerSize,
+        }}
+      />
+    </View>
+  );
+}

package/src/components/Avatar/types.ts

@@ -0,0 +1,7 @@
+import type { AvatarSizeEnum } from "./enums";
+
+export interface AvatarProps {
+  src?: string | null;
+  name?: string;
+  size?: AvatarSizeEnum;
+}

package/src/components/index.ts

@@ -1,3 +1,4 @@
+export * from "./Avatar";
 export * from "./Button";
 export type * from "./Button/types";