@campxdev/react-native-blueprint 0.1.13 → 0.1.14

package/src/assets/no-task.json

@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":120,"w":1000,"h":1000,"nm":"NO TASK","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Path 9","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":10,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":80,"s":[100]},{"t":100,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":10,"s":[823.036,219.932,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":40,"s":[801.488,167.49,0],"to":[0,0,0],"ti":[0,0,0]},{"t":80,"s":[879.998,138.709,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[74,74,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[13.737,0],[0,0],[0,0],[4.236,9.225],[9.548,0],[0,0],[0,-13.518],[-13.727,0],[0,0],[0,0],[-3.179,-9.225],[-10.605,0],[0,0],[0,13.518]],"o":[[0,0],[0,0],[7.425,-7.001],[-3.179,-9.227],[0,0],[-13.727,0],[0,13.518],[0,0],[0,0],[-6.359,7.001],[4.246,9.227],[0,0],[13.737,0],[0,-13.518]],"v":[[60.79,36],[-0.814,36],[77.665,-43.005],[82.968,-69.836],[60.691,-85],[-60.433,-85],[-84.721,-60.501],[-60.433,-36],[1.171,-36],[-78.365,43.005],[-83.668,69.836],[-60.335,85],[60.79,85],[85.087,60.501]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.549,0.518,0.706,0.5,0.447,0.416,0.598,1,0.345,0.314,0.49],"ix":9}},"s":{"a":0,"k":[-0.597,-86],"ix":5},"e":{"a":0,"k":[-0.597,84],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Path 8","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[100]},{"t":110,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":20,"s":[645.341,303.432,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":50,"s":[623.793,250.99,0],"to":[0,0,0],"ti":[0,0,0]},{"t":90,"s":[702.303,222.209,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[74,74,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[12.216,0],[0,0],[0,0],[3.299,8.156],[9.067,0],[0,0],[0,-11.89],[-12.216,0],[0,0],[0,0],[-4.119,-8.073],[-9.067,0],[0,0],[0,11.89]],"o":[[0,0],[0,0],[5.769,-6.261],[-3.299,-8.156],[0,0],[-12.216,0],[0,11.89],[0,0],[0,0],[-5.769,6.179],[3.299,8.156],[0,0],[12.216,0],[0,-11.81]],"v":[[46.873,25.5],[5.691,25.5],[62.539,-31.345],[66.658,-55.072],[46.883,-68.5],[-46.511,-68.5],[-67.69,-47.001],[-46.511,-25.5],[-5.326,-25.5],[-62.174,31.427],[-66.294,55.072],[-46.518,68.5],[46.873,68.5],[68.052,47.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.549,0.518,0.706,0.5,0.447,0.416,0.598,1,0.345,0.314,0.49],"ix":9}},"s":{"a":0,"k":[-0.902,-68.5],"ix":5},"e":{"a":0,"k":[-0.902,68.5],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Path 7","parent":9,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-0.5,-294,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.033,3.327],[4.549,0],[54.622,0],[3.541,-3.372],[0,-4.765],[0,-26.257],[-3.541,-3.327],[-4.554,0],[-54.626,0],[-3.541,3.372],[0,4.721],[0,26.258]],"o":[[-3.541,-3.372],[-54.626,0],[-4.554,0],[-3.541,3.327],[0,26.258],[0,4.721],[3.541,3.372],[54.622,0],[4.549,0],[3.033,-3.327],[0,-26.257],[0,-4.765]],"v":[[148.442,-63.239],[135.798,-68.5],[-135.798,-68.5],[-148.442,-63.239],[-153.5,-50.605],[-153.5,50.605],[-148.442,63.24],[-135.798,68.5],[135.798,68.5],[148.442,63.24],[153.5,50.605],[153.5,-50.605]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":7,"k":{"a":0,"k":[0,0.941,0.953,0.988,0.29,0.925,0.939,0.984,0.58,0.91,0.925,0.98,0.69,0.876,0.894,0.971,0.8,0.843,0.863,0.961,0.9,0.81,0.831,0.951,1,0.776,0.8,0.941],"ix":9}},"s":{"a":0,"k":[-0.5,-68.5],"ix":5},"e":{"a":0,"k":[-0.5,68.5],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Path 4","parent":9,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[98.892,-20.138,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[5.255,5.413],[5.784,-5.466],[8.411,0],[5.255,5.518],[5.779,-5.466],[-5.255,-5.518],[-16.289,0],[-10.51,10.616]],"o":[[-5.255,-5.466],[-5.255,5.518],[-8.406,0],[-5.255,-5.466],[-5.255,5.413],[10.51,10.616],[15.766,0],[5.779,-5.518]],"v":[[41.154,-16.462],[21.181,-16.409],[0.16,-7.476],[-21.384,-16.409],[-41.353,-16.462],[-41.353,3.35],[0.16,20.535],[41.154,3.35]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.549,0.518,0.706,0.5,0.447,0.416,0.598,1,0.345,0.314,0.49],"ix":9}},"s":{"a":0,"k":[-0.892,19.638],"ix":5},"e":{"a":0,"k":[-0.892,-21.432],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Path 3","parent":9,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-99.772,-20.138,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[5.255,5.413],[5.784,-5.466],[8.411,0],[5.255,5.518],[5.779,-5.466],[-5.255,-5.518],[-16.289,0],[-10.51,10.616]],"o":[[-5.255,-5.466],[-5.255,5.518],[-8.406,0],[-5.255,-5.466],[-5.255,5.413],[10.51,10.616],[15.766,0],[5.779,-5.518]],"v":[[41.154,-16.462],[21.181,-16.409],[0.16,-7.476],[-21.384,-16.409],[-41.353,-16.462],[-41.353,3.35],[0.16,20.535],[41.154,3.35]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.549,0.518,0.706,0.5,0.447,0.416,0.598,1,0.345,0.314,0.49],"ix":9}},"s":{"a":0,"k":[-0.228,19.638],"ix":5},"e":{"a":0,"k":[-0.228,-21.432],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Path 2","parent":9,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-0.467,19.787,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[5.779,5.519],[15.766,0],[10.51,-10.615],[-5.255,-5.413],[-5.255,5.466],[-8.406,0],[-5.255,-5.518],[-5.255,5.465]],"o":[[-10.51,-10.615],[-16.289,0],[-5.255,5.519],[5.779,5.465],[5.255,-5.518],[8.411,0],[5.784,5.466],[5.255,-5.413]],"v":[[41.154,-3.35],[0.16,-20.535],[-41.353,-3.35],[-41.353,16.462],[-21.384,16.409],[0.16,7.476],[21.181,16.409],[41.154,16.462]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.345,0.314,0.49,0.5,0.447,0.416,0.598,1,0.549,0.518,0.706],"ix":9}},"s":{"a":0,"k":[-0.533,-21.287],"ix":5},"e":{"a":0,"k":[-0.533,19.783],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Boolean","parent":9,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-0.5,-363.066,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[45.057,0],[0,-44.965],[0,0],[-13.252,0],[0,0],[0,13.202],[0,0]],"o":[[-44.868,0],[0,0],[0,13.202],[0,0],[13.252,0],[0,0],[0,-44.965]],"v":[[-0.094,-92.566],[-81.5,-11.196],[-81.5,68.641],[-57.457,92.566],[57.458,92.566],[81.5,68.641],[81.5,-11.196]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-18.307,0],[0,-18.517]],"o":[[0,0],[0,0],[0,-18.517],[18.495,0],[0,0]],"v":[[33.5,44.717],[-33.5,44.717],[-33.5,-11.197],[-0.094,-44.717],[33.5,-11.197]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,-0.152],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"mm","mm":5,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":7,"k":{"a":0,"k":[0,0.941,0.953,0.988,0.29,0.925,0.939,0.984,0.58,0.91,0.925,0.98,0.69,0.876,0.894,0.971,0.8,0.843,0.863,0.961,0.9,0.81,0.831,0.951,1,0.776,0.8,0.941],"ix":9}},"s":{"a":0,"k":[-0.5,-93.434],"ix":5},"e":{"a":0,"k":[-0.5,-0.853],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Path 1","parent":9,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.59,3.394],[4.488,0],[75.406,0],[3.143,-3.35],[0,-4.76],[0,-82.687],[-3.59,-3.35],[-4.488,0],[-75.402,0],[-3.143,3.394],[0,4.76],[0,82.687]],"o":[[-3.143,-3.35],[-75.402,0],[-4.488,0],[-3.59,3.394],[0,82.687],[0,4.76],[3.143,3.394],[75.406,0],[4.488,0],[3.59,-3.35],[0,-82.687],[0,-4.76]],"v":[[233.618,-267.255],[221.047,-272.5],[-221.047,-272.5],[-233.613,-267.255],[-239,-254.561],[-239,254.561],[-233.613,267.21],[-221.047,272.5],[221.047,272.5],[233.618,267.21],[239,254.561],[239,-254.561]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":7,"k":{"a":0,"k":[0,0.941,0.953,0.988,0.29,0.925,0.939,0.984,0.58,0.91,0.925,0.98,0.69,0.876,0.894,0.971,0.8,0.843,0.863,0.961,0.9,0.81,0.831,0.951,1,0.776,0.8,0.941],"ix":9}},"s":{"a":0,"k":[0,-272.5],"ix":5},"e":{"a":0,"k":[0,272.5],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Path","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[448,555.5,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[448,575.5,0],"to":[0,0,0],"ti":[0,0,0]},{"t":119,"s":[448,555.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[20.209,0],[0,0],[0,-19.917],[0,0],[-19.758,0],[0,0],[0,19.874],[0,0]],"o":[[0,0],[-19.758,0],[0,0],[0,19.874],[0,0],[20.209,0],[0,0],[0,-19.917]],"v":[[275.072,-344.5],[-275.072,-344.5],[-311,-308.455],[-311,308.499],[-275.072,344.5],[275.072,344.5],[311,308.499],[311,-308.455]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.549,0.518,0.706,0.5,0.447,0.416,0.598,1,0.345,0.314,0.49],"ix":9}},"s":{"a":0,"k":[191,-172.5],"ix":5},"e":{"a":0,"k":[-196.773,177.361],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0}],"markers":[],"props":{}}

package/src/assets/no-wifi.json

@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":120,"w":1000,"h":1000,"nm":"NO WIFI","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Null 10","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[744.877,692.262,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[84,84,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":120,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Path 3","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-0.041,0.402,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[13.447,13.447],[0,0],[0,0],[13.417,13.417],[13.364,-13.364],[0,0],[0,0],[13.359,-13.36],[-13.417,-13.417],[0,0],[0,0],[-13.448,-13.447],[-13.359,13.36],[0,0],[0,0],[-13.767,13.767]],"o":[[0,0],[0,0],[13.364,-13.364],[-13.447,-13.447],[0,0],[0,0],[-13.417,-13.417],[-13.767,13.767],[0,0],[0,0],[-13.359,13.36],[13.417,13.417],[0,0],[0,0],[13.448,13.448],[13.36,-13.36]],"v":[[84.205,35.264],[48.786,-0.155],[84.005,-35.375],[83.984,-83.98],[35.349,-84.032],[0.129,-48.812],[-35.291,-84.232],[-83.896,-84.253],[-84.282,-35.241],[-48.862,0.179],[-84.087,35.403],[-84.034,84.039],[-35.43,84.06],[-0.206,48.836],[35.214,84.255],[84.257,83.9]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"t":50,"s":[180]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":7,"k":{"a":0,"k":[0,0.941,0.953,0.988,0.29,0.925,0.939,0.984,0.58,0.91,0.925,0.98,0.69,0.876,0.894,0.971,0.8,0.843,0.863,0.961,0.9,0.81,0.831,0.951,1,0.776,0.8,0.941],"ix":9}},"s":{"a":0,"k":[-0.979,-86.547],"ix":5},"e":{"a":0,"k":[-0.979,89.518],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Ellipse 2","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":315,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":30,"s":[110,110,100]},{"t":60,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[369.922,369.925],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.549,0.518,0.706,0.5,0.447,0.416,0.598,1,0.345,0.314,0.49],"ix":9}},"s":{"a":0,"k":[130.903,-130.931],"ix":5},"e":{"a":0,"k":[-130.674,130.645],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Path","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":315,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.15,"y":1},"o":{"x":0.85,"y":0},"t":0,"s":[465.3,614.273,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.591,"y":1},"o":{"x":0.548,"y":0},"t":50,"s":[465.3,573.134,0],"to":[0,0,0],"ti":[0,0,0]},{"t":89,"s":[465.3,614.273,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[194.589,194.59],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":7,"k":{"a":0,"k":[0,0.941,0.953,0.988,0.29,0.925,0.939,0.984,0.58,0.91,0.925,0.98,0.69,0.876,0.894,0.971,0.8,0.843,0.863,0.961,0.9,0.81,0.831,0.951,1,0.776,0.8,0.941],"ix":9}},"s":{"a":0,"k":[69.277,-69.702],"ix":5},"e":{"a":0,"k":[-68.319,67.894],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Path 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.15,"y":1},"o":{"x":0.85,"y":0},"t":5,"s":[464.939,419.503,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.591,"y":1},"o":{"x":0.548,"y":0},"t":55,"s":[464.939,378.363,0],"to":[0,0,0],"ti":[0,0,0]},{"t":94,"s":[464.939,419.503,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[23.588,23.588],[126.368,-126.368],[-23.646,-23.646],[-23.59,23.59],[-79.36,-79.359],[-23.584,23.584]],"o":[[-126.649,-126.649],[-23.59,23.59],[23.645,23.645],[79.188,-79.188],[23.588,23.588],[23.59,-23.59]],"v":[[229.215,-4.061],[-229.302,-4.287],[-229.193,81.198],[-143.709,81.306],[143.845,81.308],[229.323,81.422]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":7,"k":{"a":0,"k":[0,0.941,0.953,0.988,0.29,0.925,0.939,0.984,0.58,0.91,0.925,0.98,0.69,0.876,0.894,0.971,0.8,0.843,0.863,0.961,0.9,0.81,0.831,0.951,1,0.776,0.8,0.941],"ix":9}},"s":{"a":0,"k":[-0.939,-92.503],"ix":5},"e":{"a":0,"k":[-0.939,79.86],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Path","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.15,"y":1},"o":{"x":0.85,"y":0},"t":10,"s":[465.531,276.367,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.591,"y":1},"o":{"x":0.548,"y":0},"t":60,"s":[465.531,235.227,0],"to":[0,0,0],"ti":[0,0,0]},{"t":99,"s":[465.531,276.367,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[23.582,23.583],[191.787,-191.787],[-23.677,-23.677],[-23.865,23.865],[-144.625,-144.625],[-23.856,23.856]],"o":[[-191.886,-191.886],[-23.865,23.865],[23.583,23.583],[144.067,-144.067],[23.583,23.583],[23.865,-23.865]],"v":[[347.927,19.985],[-347.569,20.07],[-347.845,106.059],[-261.95,105.689],[261.672,106.24],[347.557,105.88]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":7,"k":{"a":0,"k":[0,0.941,0.953,0.988,0.29,0.925,0.939,0.984,0.58,0.91,0.925,0.98,0.69,0.876,0.894,0.971,0.8,0.843,0.863,0.961,0.9,0.81,0.831,0.951,1,0.776,0.8,0.941],"ix":9}},"s":{"a":0,"k":[-0.531,-124.367],"ix":5},"e":{"a":0,"k":[-0.531,122.888],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"ct":1,"bm":0}],"markers":[],"props":{}}

package/src/components/DataDisplay/Accordion/Accordion.figma.tsx

@@ -0,0 +1,36 @@
+import figma from '@figma/code-connect';
+import { Accordion } from './Accordion';
+
+const FIGMA_URL =
+  'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=79-35';
+
+/**
+ * Accordion
+ *
+ * Notes:
+ * - spacing + type are Figma variants
+ * - state is NOT exposed (runtime interaction)
+ * - Items are static demo content for design reference
+ */
+figma.connect(Accordion, FIGMA_URL, {
+  props: {
+    spacing: figma.enum('spacing', {
+      default: 'default',
+      none: 'none',
+    }),
+
+    type: figma.enum('type', {
+      single: 'single',
+      multiple: 'multiple',
+    }),
+
+    state: figma.enum('state', {
+      open: 'open',
+      close: 'close',
+    }),
+  },
+
+  example: ({ spacing, type, state }) => (
+    <Accordion spacing={spacing} type={type} state={state} />
+  ),
+});

package/src/components/DataDisplay/Accordion/Accordion.tsx

@@ -0,0 +1,226 @@
+import * as React from 'react';
+import { View, type StyleProp, type ViewStyle } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva, type VariantProps } from 'class-variance-authority';
+
+import { cn } from '../../../lib/utils';
+import { AccordionItem } from '../AccordionItem/AccordionItem';
+
+// NativeWind interop (className -> style)
+cssInterop(View, { className: 'style' });
+
+/* -----------------------------------------------------
+ * Canonical variants (match Figma + Code Connect)
+ * --------------------------------------------------- */
+
+export const AccordionVariants = {
+  spacing: ['default', 'none'] as const,
+  state: ['open', 'close'] as const,
+  type: ['single', 'multiple'] as const,
+} as const;
+
+type AccordionSpacing = (typeof AccordionVariants.spacing)[number];
+type AccordionState = (typeof AccordionVariants.state)[number];
+type AccordionType = (typeof AccordionVariants.type)[number];
+
+/* -----------------------------------------------------
+ * Layout variants
+ * --------------------------------------------------- */
+
+const rootVariants = cva('w-full flex-col items-stretch', {
+  variants: {
+    spacing: {
+      default: 'gap-4',
+      none: '',
+    },
+  },
+  defaultVariants: {
+    spacing: 'default',
+  },
+});
+
+const itemShellVariants = cva('w-full border border-border bg-background', {
+  variants: {
+    position: {
+      first: '',
+      middle: '',
+      last: '',
+      single: '',
+    },
+    spacing: {
+      default: '',
+      none: '',
+    },
+  },
+  compoundVariants: [
+    // Default spacing: each item is its own card
+    { spacing: 'default', position: 'single', className: 'rounded-lg' },
+    { spacing: 'default', position: 'first', className: 'rounded-lg' },
+    { spacing: 'default', position: 'middle', className: 'rounded-lg' },
+    { spacing: 'default', position: 'last', className: 'rounded-lg' },
+
+    // None spacing: stacked group look (shared borders)
+    {
+      spacing: 'none',
+      position: 'first',
+      className: 'rounded-t-lg border-b-0',
+    },
+    {
+      spacing: 'none',
+      position: 'middle',
+      className: 'rounded-none border-b-0',
+    },
+    {
+      spacing: 'none',
+      position: 'last',
+      className: 'rounded-b-lg',
+    },
+    {
+      spacing: 'none',
+      position: 'single',
+      className: 'rounded-lg',
+    },
+  ],
+  defaultVariants: {
+    spacing: 'default',
+    position: 'single',
+  },
+});
+
+/* -----------------------------------------------------
+ * Props
+ * --------------------------------------------------- */
+
+export type AccordionProps = Omit<
+  VariantProps<typeof rootVariants>,
+  'spacing'
+> & {
+  spacing?: AccordionSpacing | 'Default' | 'None';
+  state?: AccordionState | 'Open' | 'Close';
+  type?: AccordionType | 'Single' | 'Multiple';
+
+  /** Used to override the default root style. */
+  style?: StyleProp<ViewStyle>;
+
+  /** Used to locate this view in end-to-end tests. */
+  testID?: string;
+
+  /** Prevent passing className */
+  className?: never;
+};
+
+/* -----------------------------------------------------
+ * Normalizers
+ * --------------------------------------------------- */
+
+function normalizeSpacing(v: any): AccordionSpacing {
+  const s = String(v ?? 'default').toLowerCase();
+  return s === 'none' ? 'none' : 'default';
+}
+
+function normalizeType(v: any): AccordionType {
+  const s = String(v ?? 'single').toLowerCase();
+  return s === 'multiple' ? 'multiple' : 'single';
+}
+
+// normalizeState available if controlled state is needed later
+// function normalizeState(v: any): AccordionState {
+//   const s = String(v ?? 'close').toLowerCase();
+//   return s === 'open' ? 'open' : 'close';
+// }
+
+/* -----------------------------------------------------
+ * Component (keeps your static demo content)
+ * --------------------------------------------------- */
+
+export function Accordion(props: AccordionProps) {
+  const { spacing, type, style, testID } = props;
+
+  const sp = normalizeSpacing(spacing);
+  const tp = normalizeType(type);
+  // Note: normalizeState(defaultState) available if needed for controlled state
+  // We'll use local state to track expanded item(s).
+
+  // For 'single' mode, we store one key. For 'multiple', we could store an array.
+  // Given the demo usage, let's start simple.
+
+  const [openItems, setOpenItems] = React.useState<string[]>([]);
+
+  // Demo items as in original
+  // In a real component, these should probably be children or passed as props.
+  // But we are sticking to the user's structure.
+  const items = [
+    {
+      key: '1',
+      testID: 'accordion-item-1',
+      title: 'Accordion 1',
+      subtitle: 'Subtitle 1',
+    },
+    {
+      key: '2',
+      testID: 'accordion-item-2',
+      title: 'Accordion 2',
+      subtitle: 'Subtitle 2',
+    },
+    {
+      key: '3',
+      testID: 'accordion-item-3',
+      title: 'Accordion 3',
+      subtitle: 'Subtitle 3',
+    },
+  ] as const;
+
+  const handlePress = (key: string) => {
+    setOpenItems((prev) => {
+      const isOpen = prev.includes(key);
+      if (tp === 'single') {
+        // If it's already open and we click it, close it. Otherwise open it (and close others).
+        return isOpen ? [] : [key];
+      } else {
+        // Multiple
+        return isOpen ? prev.filter((k) => k !== key) : [...prev, key];
+      }
+    });
+  };
+
+  const getPosition = (index: number) => {
+    if (items.length === 1) return 'single';
+    if (index === 0) return 'first';
+    if (index === items.length - 1) return 'last';
+    return 'middle';
+  };
+
+  return (
+    <View
+      testID={testID ?? 'accordion'}
+      className={cn(rootVariants({ spacing: sp }))}
+      style={style}
+    >
+      {items.map((item, idx) => {
+        const isOpen = openItems.includes(item.key);
+
+        return (
+          <View
+            key={item.key}
+            className={cn(
+              itemShellVariants({ spacing: sp, position: getPosition(idx) })
+            )}
+          >
+            <AccordionItem
+              testID={item.testID}
+              state={isOpen ? 'open' : 'close'}
+              accordianTitle={item.title}
+              accordianSubtitle={item.subtitle}
+              onPress={() => handlePress(item.key)}
+            />
+          </View>
+        );
+      })}
+    </View>
+  );
+}
+
+Accordion.displayName = 'Accordion';
+
+export { rootVariants, itemShellVariants };
+export type { AccordionProps };

package/src/components/DataDisplay/AccordionItem/AccordionItem.figma.tsx

@@ -0,0 +1,33 @@
+import figma from '@figma/code-connect';
+import { AccordionItem } from './AccordionItem';
+
+const FIGMA_URL =
+  'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=79-147';
+
+/**
+ * AccordionItem
+ *
+ * Notes:
+ * - state is a visual variant (open / close) → allowed
+ * - interaction is NOT mapped
+ * - title & subtitle are content props
+ */
+figma.connect(AccordionItem, FIGMA_URL, {
+  props: {
+    state: figma.enum('state', {
+      close: 'close',
+      open: 'open',
+    }),
+
+    accordianTitle: figma.string('Accordian Title'),
+    accordianSubtitle: figma.string('Accordian Subtitle'),
+  },
+
+  example: ({ state, accordianTitle, accordianSubtitle }) => (
+    <AccordionItem
+      state={state}
+      accordianTitle={accordianTitle}
+      accordianSubtitle={accordianSubtitle}
+    />
+  ),
+});

package/src/components/DataDisplay/AccordionItem/AccordionItem.tsx

@@ -0,0 +1,168 @@
+import {
+  Pressable,
+  View,
+  Text as RNText,
+  type StyleProp,
+  type ViewStyle,
+} from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { ChevronRight } from 'lucide-react-native';
+
+import { cn } from '../../../lib/utils';
+
+// NativeWind interop (className -> style)
+cssInterop(View, { className: 'style' });
+cssInterop(Pressable, { className: 'style' });
+cssInterop(RNText, { className: 'style' });
+
+/* -----------------------------------------------------
+ * Canonical variants (match Figma + Code Connect)
+ * --------------------------------------------------- */
+
+export const AccordionItemVariants = {
+  state: ['open', 'close'] as const,
+} as const;
+
+type AccordionItemState = (typeof AccordionItemVariants.state)[number];
+
+/* -----------------------------------------------------
+ * Variants
+ * --------------------------------------------------- */
+
+const rootVariants = cva(
+  'w-full flex-row items-center justify-between px-4 py-3 rounded-lg border border-border bg-background',
+  {
+    variants: {
+      state: {
+        close: '',
+        open: '',
+      },
+    },
+    defaultVariants: {
+      state: 'close',
+    },
+  }
+);
+
+const contentVariants = cva('flex-1', {
+  variants: {
+    state: {
+      close: 'flex-row items-center justify-between',
+      open: 'flex-col items-start gap-1',
+    },
+  },
+  defaultVariants: {
+    state: 'close',
+  },
+});
+
+const titleVariants = cva('font-semibold text-sm text-foreground', {});
+
+const subtitleVariants = cva('text-sm text-muted-foreground', {
+  variants: {
+    state: {
+      close: 'hidden',
+      open: '',
+    },
+  },
+  defaultVariants: {
+    state: 'close',
+  },
+});
+
+const chevronWrapVariants = cva('ml-3 items-center justify-center', {});
+const chevronVariants = cva('', {
+  variants: {
+    state: {
+      close: '',
+      open: 'rotate-90',
+    },
+  },
+  defaultVariants: {
+    state: 'close',
+  },
+});
+
+/* -----------------------------------------------------
+ * Props (lowercase + backward compatible)
+ * --------------------------------------------------- */
+
+export type AccordionItemProps = Omit<
+  VariantProps<typeof rootVariants>,
+  'state'
+> & {
+  accordianTitle: string;
+  accordianSubtitle: string;
+
+  state?: AccordionItemState | 'Open' | 'Close';
+
+  /** Optional press handler */
+  onPress?: () => void;
+
+  /** Used to override the default root style. */
+  style?: StyleProp<ViewStyle>;
+
+  /** Used to locate this view in end-to-end tests. */
+  testID?: string;
+
+  /** Prevent passing className */
+  className?: never;
+};
+
+/* -----------------------------------------------------
+ * Normalizer
+ * --------------------------------------------------- */
+
+function normalizeState(v: any): AccordionItemState {
+  const s = String(v ?? 'close').toLowerCase();
+  return s === 'open' ? 'open' : 'close';
+}
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+export function AccordionItem(props: AccordionItemProps) {
+  const { accordianTitle, accordianSubtitle, state, onPress, style, testID } =
+    props;
+
+  const st = normalizeState(state);
+
+  return (
+    <Pressable
+      testID={testID ?? 'accordion-item'}
+      accessibilityRole="button"
+      accessibilityState={{ expanded: st === 'open' }}
+      onPress={onPress}
+      className={cn(rootVariants({ state: st }))}
+      style={style}
+      hitSlop={8}
+    >
+      <View className={cn(contentVariants({ state: st }))}>
+        <RNText testID="accordion-title" className={cn(titleVariants())}>
+          {accordianTitle}
+        </RNText>
+
+        <RNText
+          testID="accordion-subtitle"
+          className={cn(subtitleVariants({ state: st }))}
+        >
+          {accordianSubtitle}
+        </RNText>
+      </View>
+
+      <View testID="accordion-chevron" className={cn(chevronWrapVariants())}>
+        <ChevronRight
+          size={18}
+          className={cn(chevronVariants({ state: st }))}
+        />
+      </View>
+    </Pressable>
+  );
+}
+
+AccordionItem.displayName = 'AccordionItem';
+
+export { rootVariants, contentVariants };
+export type { AccordionItemProps };

package/src/components/DataDisplay/Avatar/Avatar.figma.tsx

@@ -0,0 +1,36 @@
+import figma from '@figma/code-connect';
+import { Avatar } from './Avatar';
+
+const FIGMA_URL =
+  'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=62-3';
+
+/**
+ * Avatar
+ *
+ * Purpose:
+ * - User identity representation
+ * - Supports initials, image placeholder, or icon
+ *
+ * Figma rules:
+ * - Only structural variants are exposed
+ * - Visual state (ring, content) is controlled in code
+ */
+figma.connect(Avatar, FIGMA_URL, {
+  props: {
+    size: figma.enum('size', {
+      sm: 'sm',
+      default: 'default',
+      lg: 'lg',
+    }),
+
+    type: figma.enum('type', {
+      initials: 'initials',
+      image: 'image',
+      icon: 'icon',
+    }),
+  },
+
+  example: ({ size, type }) => {
+    return <Avatar size={size} type={type} initials="AK" showRing={true} />;
+  },
+});