@kivid/native-components 1.0.0-alpha.7 → 1.0.0-alpha.9

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

@@ -1 +1 @@
-{"version":3,"names":["cva","textInputContainerVariants","variants","corners","small","medium","showLabel","true","false","error","disabled","defaultVariants","textInputContentVariants","textInputFieldVariants","isValid"],"sourceRoot":"../../../../../src","sources":["components/TextInput/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,OAAO,MAAMC,0BAA0B,GAAGD,GAAG,CAC3C,mEAAmE,EACnE;EACEE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLF,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IAEDE,QAAQ,EAAE;MACRH,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfR,OAAO,EAAE,QAAQ;IACjBG,SAAS,EAAE,KAAK;IAChBG,KAAK,EAAE,KAAK;IACZC,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,OAAO,MAAME,wBAAwB,GAAGZ,GAAG,CAAC,+BAA+B,EAAE;EAC3EE,QAAQ,EAAE;IACRI,SAAS,EAAE;MACTC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfL,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,OAAO,MAAMO,sBAAsB,GAAGb,GAAG,CACvC,6EAA6E,EAC7E;EACEE,QAAQ,EAAE;IACRQ,QAAQ,EAAE;MACRH,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT,CAAC;IACDM,OAAO,EAAE;MACPP,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLF,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT,CAAC;IACDF,SAAS,EAAE;MACTC,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfD,QAAQ,EAAE,KAAK;IACfI,OAAO,EAAE,KAAK;IACdL,KAAK,EAAE,KAAK;IACZH,SAAS,EAAE;EACb;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","textInputContainerVariants","variants","corners","small","medium","showLabel","true","false","error","disabled","defaultVariants","textInputContentVariants","textInputFieldVariants","isValid"],"sourceRoot":"../../../../../src","sources":["components/TextInput/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,OAAO,MAAMC,0BAA0B,GAAGD,GAAG,CAC3C,mEAAmE,EACnE;EACEE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLF,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IAEDE,QAAQ,EAAE;MACRH,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfR,OAAO,EAAE,QAAQ;IACjBG,SAAS,EAAE,KAAK;IAChBG,KAAK,EAAE,KAAK;IACZC,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,OAAO,MAAME,wBAAwB,GAAGZ,GAAG,CAAC,+BAA+B,EAAE;EAC3EE,QAAQ,EAAE;IACRI,SAAS,EAAE;MACTC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfL,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,OAAO,MAAMO,sBAAsB,GAAGb,GAAG,CACvC,0GAA0G,EAC1G;EACEE,QAAQ,EAAE;IACRQ,QAAQ,EAAE;MACRH,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT,CAAC;IACDM,OAAO,EAAE;MACPP,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLF,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT,CAAC;IACDF,SAAS,EAAE;MACTC,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfD,QAAQ,EAAE,KAAK;IACfI,OAAO,EAAE,KAAK;IACdL,KAAK,EAAE,KAAK;IACZH,SAAS,EAAE;EACb;AACF,CACF,CAAC","ignoreList":[]}

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

@@ -28,6 +28,9 @@ export function TextInput({
   containerTestID,
   ref,
   tooltipClassName = "",
+  tooltipPointerClassName,
+  tooltipContainerClassName,
+  rightIcon,
   ...rest
 }) {
   const inputRef = useRef(null);
@@ -47,6 +50,12 @@ export function TextInput({
       })
     });
   };
+  const renderRightIcon = () => {
+    if (rightIcon) {
+      return rightIcon;
+    }
+    return renderSeal();
+  };
   const handleChangeText = text => {
     onChangeText?.(text);
   };
@@ -60,9 +69,11 @@ export function TextInput({
   };
   return /*#__PURE__*/_jsx(Tooltip, {
     isOpenedByVariantError: hasError,
-    message: "This is a error",
+    message: error,
     variant: TooltipVariantEnum.ERROR,
     className: tooltipClassName,
+    pointerClassName: tooltipPointerClassName,
+    containerClassName: tooltipContainerClassName,
     children: /*#__PURE__*/_jsxs(Pressable, {
       testID: containerTestID,
       className: merge(textInputContainerVariants({
@@ -109,7 +120,7 @@ export function TextInput({
             }
           }
         })]
-      }), renderSeal()]
+      }), renderRightIcon()]
     })
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["useRef","View","TextInput","RNTextInput","Pressable","merge","Seal","SealVariantEnum","TextInputCornersEnum","textInputContainerVariants","textInputContentVariants","textInputFieldVariants","Typography","SizeEnum","Tooltip","TooltipVariantEnum","jsx","_jsx","jsxs","_jsxs","corners","MEDIUM","label","value","onChangeText","disabled","error","isValid","className","inputClassName","labelClassName","placeholder","accessibilityLabel","containerTestID","ref","tooltipClassName","rest","inputRef","hasLabel","hasError","shouldShowSeal","renderSeal","testID","sealVariant","ERROR","SUCCESS","children","variant","size","handleChangeText","text","getAccessibilityLabel","labelText","isOpenedByVariantError","message","showLabel","onPress","current","focus","weight","editable","accessibilityState","instance","displayName"],"sourceRoot":"../../../../src","sources":["components/TextInput/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRef","View","TextInput","RNTextInput","Pressable","merge","Seal","SealVariantEnum","TextInputCornersEnum","textInputContainerVariants","textInputContentVariants","textInputFieldVariants","Typography","SizeEnum","Tooltip","TooltipVariantEnum","jsx","_jsx","jsxs","_jsxs","corners","MEDIUM","label","value","onChangeText","disabled","error","isValid","className","inputClassName","labelClassName","placeholder","accessibilityLabel","containerTestID","ref","tooltipClassName","tooltipPointerClassName","tooltipContainerClassName","rightIcon","rest","inputRef","hasLabel","hasError","shouldShowSeal","renderSeal","testID","sealVariant","ERROR","SUCCESS","children","variant","size","renderRightIcon","handleChangeText","text","getAccessibilityLabel","labelText","isOpenedByVariantError","message","pointerClassName","containerClassName","showLabel","onPress","current","focus","weight","editable","accessibilityState","instance","displayName"],"sourceRoot":"../../../../src","sources":["components/TextInput/index.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SAASC,IAAI,EAAEC,SAAS,IAAIC,WAAW,EAAEC,SAAS,QAAQ,cAAc;AACxE,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,eAAe,QAAQ,wBAAe;AAE/C,SAASC,oBAAoB,QAAQ,YAAS;AAC9C,SACEC,0BAA0B,EAC1BC,wBAAwB,EACxBC,sBAAsB,QACjB,4BAAyB;AAChC,OAAOC,UAAU,MAAM,wBAAe;AACtC,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,kBAAkB,QAAQ,0BAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErD,OAAO,SAASjB,SAASA,CAAC;EACxBkB,OAAO,GAAGZ,oBAAoB,CAACa,MAAM;EACrCC,KAAK;EACLC,KAAK;EACLC,YAAY;EACZC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,OAAO;EACPC,SAAS,GAAG,EAAE;EACdC,cAAc,GAAG,EAAE;EACnBC,cAAc,GAAG,EAAE;EACnBC,WAAW,GAAG,aAAa;EAC3BC,kBAAkB;EAClBC,eAAe;EACfC,GAAG;EACHC,gBAAgB,GAAG,EAAE;EACrBC,uBAAuB;EACvBC,yBAAyB;EACzBC,SAAS;EACT,GAAGC;AACW,CAAC,EAAE;EACjB,MAAMC,QAAQ,GAAGxC,MAAM,CAAc,IAAI,CAAC;EAC1C,MAAMyC,QAAQ,GAAG,CAAC,CAACnB,KAAK;EACxB,MAAMoB,QAAQ,GAAG,CAAC,CAAChB,KAAK;EAExB,MAAMiB,cAAc,GAAGjB,KAAK,IAAIC,OAAO;EAEvC,MAAMiB,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAI,CAACD,cAAc,EAAE,OAAO,IAAI;IAEhC,MAAME,MAAM,GAAGnB,KAAK,GAAG,YAAY,GAAG,cAAc;IACpD,MAAMoB,WAAW,GAAGpB,KAAK,GAAGnB,eAAe,CAACwC,KAAK,GAAGxC,eAAe,CAACyC,OAAO;IAE3E,oBACE/B,IAAA,CAAChB,IAAI;MAAC2B,SAAS,EAAE,aAAc;MAAAqB,QAAA,eAC7BhC,IAAA,CAACX,IAAI;QAAC4C,OAAO,EAAEJ,WAAY;QAACK,IAAI,EAAEtC,QAAQ,CAACQ,MAAO;QAACwB,MAAM,EAAEA;MAAO,CAAE;IAAC,CACjE,CAAC;EAEX,CAAC;EAED,MAAMO,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAId,SAAS,EAAE;MACb,OAAOA,SAAS;IAClB;IAEA,OAAOM,UAAU,CAAC,CAAC;EACrB,CAAC;EAED,MAAMS,gBAAgB,GAAIC,IAAY,IAAK;IACzC9B,YAAY,GAAG8B,IAAI,CAAC;EACtB,CAAC;EAED,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IAClC,IAAIvB,kBAAkB,EAAE,OAAOA,kBAAkB;IAEjD,IAAIwB,SAAS,GAAGlC,KAAK,IAAI,YAAY;IAErC,IAAII,KAAK,EAAE8B,SAAS,IAAI,YAAY9B,KAAK,EAAE;IAC3C,IAAIC,OAAO,EAAE6B,SAAS,IAAI,WAAW;IACrC,IAAI/B,QAAQ,EAAE+B,SAAS,IAAI,YAAY;IAEvC,OAAOA,SAAS;EAClB,CAAC;EAED,oBACEvC,IAAA,CAACH,OAAO;IACN2C,sBAAsB,EAAEf,QAAS;IACjCgB,OAAO,EAAEhC,KAAM;IACfwB,OAAO,EAAEnC,kBAAkB,CAACgC,KAAM;IAClCnB,SAAS,EAAEO,gBAAiB;IAC5BwB,gBAAgB,EAAEvB,uBAAwB;IAC1CwB,kBAAkB,EAAEvB,yBAA0B;IAAAY,QAAA,eAE9C9B,KAAA,CAACf,SAAS;MACRyC,MAAM,EAAEZ,eAAgB;MACxBL,SAAS,EAAEvB,KAAK,CACdI,0BAA0B,CAAC;QACzBW,OAAO;QACPM,KAAK,EAAE,CAAC,CAACA,KAAK;QACdD,QAAQ;QACRoC,SAAS,EAAEpB;MACb,CAAC,CAAC,EACFb,SACF,CAAE;MACFkC,OAAO,EAAEA,CAAA,KAAM;QACb,IAAI,CAACrC,QAAQ,EAAE;UACbe,QAAQ,CAACuB,OAAO,EAAEC,KAAK,CAAC,CAAC;QAC3B;MACF,CAAE;MACFvC,QAAQ,EAAEA,QAAS;MAAAwB,QAAA,gBAEnB9B,KAAA,CAAClB,IAAI;QACH2B,SAAS,EAAEvB,KAAK,CAACK,wBAAwB,CAAC;UAAEmD,SAAS,EAAEpB;QAAS,CAAC,CAAC,CAAE;QAAAQ,QAAA,GAEnE3B,KAAK,iBACJH,KAAA,CAACP,UAAU;UACTsC,OAAO,EAAC,aAAa;UACrBe,MAAM,EAAC,KAAK;UACZrC,SAAS,EAAEE,cAAe;UAAAmB,QAAA,GAEzB3B,KAAK,EAAC,GACT;QAAA,CAAY,CACb,eAEDL,IAAA,CAACd,WAAW;UACVoB,KAAK,EAAEA,KAAM;UACbC,YAAY,EAAE6B,gBAAiB;UAC/Ba,QAAQ,EAAE,CAACzC,QAAS;UACpBM,WAAW,EAAEA,WAAY;UACzBH,SAAS,EAAEvB,KAAK,CACdM,sBAAsB,CAAC;YACrBc,QAAQ;YACRE,OAAO;YACPD,KAAK,EAAEgB,QAAQ;YACfmB,SAAS,EAAEpB;UACb,CAAC,CAAC,EACFZ,cACF,CAAE;UACFG,kBAAkB,EAAEuB,qBAAqB,CAAC,CAAE;UAC5CY,kBAAkB,EAAE;YAClB1C;UACF,CAAE;UAAA,GACEc,IAAI;UACRL,GAAG,EAAGkC,QAAQ,IAAK;YACjB5B,QAAQ,CAACuB,OAAO,GAAGK,QAAQ;YAE3B,IAAIlC,GAAG,EAAE;cACPA,GAAG,CAAC6B,OAAO,GAAGK,QAAQ;YACxB;UACF;QAAE,CACH,CAAC;MAAA,CACE,CAAC,EAENhB,eAAe,CAAC,CAAC;IAAA,CACT;EAAC,CACL,CAAC;AAEd;AAEAlD,SAAS,CAACmE,WAAW,GAAG,WAAW;AAEnC,eAAenE,SAAS","ignoreList":[]}

package/dist/module/components/Title/components/icon/types.js

@@ -1,11 +1,4 @@
 "use strict";
 
-export let IconVariants = /*#__PURE__*/function (IconVariants) {
-  IconVariants["SUCCESS"] = "success";
-  IconVariants["ERROR"] = "error";
-  IconVariants["WARNING"] = "warning";
-  IconVariants["ADD"] = "add";
-  IconVariants["CUSTOM"] = "custom";
-  return IconVariants;
-}({});
+export {};
 //# sourceMappingURL=types.js.map

package/dist/module/components/Title/components/icon/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconVariants"],"sourceRoot":"../../../../../../src","sources":["components/Title/components/icon/types.ts"],"mappings":";;AAEA,WAAYA,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["components/Title/components/icon/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/components/index.js

@@ -34,4 +34,5 @@ export * from "./RadioInput/index.js";
 export * from "./RadioInput/enums/index.js";
 export * from "./IconButton/index.js";
 export * from "./IconButton/enums.js";
+export * from "./PasswordInput/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,mBAAU;AAGxB,cAAc,uBAAc;AAI5B,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;AAG5B,cAAc,kBAAS;AAEvB,cAAc,wBAAe;AAE7B,cAAc,oBAAW;AAGzB,cAAc,uBAAc;AAE5B,cAAc,6BAAoB;AAElC,cAAc,sBAAa;AAE3B,cAAc,sBAAmB;AAEjC,cAAc,yBAAgB;AAE9B,cAAc,+BAAsB;AAEpC,cAAc,uBAAc;AAE5B,cAAc,6BAAoB;AAElC,cAAc,uBAAc;AAE5B,cAAc,uBAAoB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,mBAAU;AAGxB,cAAc,uBAAc;AAI5B,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;AAG5B,cAAc,kBAAS;AAEvB,cAAc,wBAAe;AAE7B,cAAc,oBAAW;AAGzB,cAAc,uBAAc;AAE5B,cAAc,6BAAoB;AAElC,cAAc,sBAAa;AAE3B,cAAc,sBAAmB;AAEjC,cAAc,yBAAgB;AAE9B,cAAc,+BAAsB;AAEpC,cAAc,uBAAc;AAE5B,cAAc,6BAAoB;AAElC,cAAc,uBAAc;AAE5B,cAAc,uBAAoB;AAElC,cAAc,0BAAiB","ignoreList":[]}

package/dist/module/enums/index.js

@@ -2,4 +2,5 @@
 
 export * from "./size.js";
 export * from "./corners.js";
+export * from "./state-variant.js";
 //# sourceMappingURL=index.js.map

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

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

package/dist/module/enums/state-variant.js

@@ -0,0 +1,11 @@
+"use strict";
+
+export let StateVariantEnum = /*#__PURE__*/function (StateVariantEnum) {
+  StateVariantEnum["SUCCESS"] = "success";
+  StateVariantEnum["ERROR"] = "error";
+  StateVariantEnum["WARNING"] = "warning";
+  StateVariantEnum["ADD"] = "add";
+  StateVariantEnum["CUSTOM"] = "custom";
+  return StateVariantEnum;
+}({});
+//# sourceMappingURL=state-variant.js.map

package/dist/module/enums/state-variant.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StateVariantEnum"],"sourceRoot":"../../../src","sources":["enums/state-variant.ts"],"mappings":";;AAAA,WAAYA,gBAAgB,0BAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA","ignoreList":[]}

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

@@ -4,4 +4,5 @@ export interface AvatarProps {
     src?: string | null;
     name?: string;
     size?: AvatarSize;
+    className?: string;
 }

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

@@ -1,5 +1,5 @@
 export declare const chatBubbleBoxVariants: (props?: ({
-    contentType?: "alert" | "error" | "check" | "custom" | null | undefined;
+    variant?: "error" | "custom" | "alert" | "check" | null | undefined;
     colorState?: "fill" | "outline" | null | undefined;
     hasEar?: boolean | null | undefined;
     messageType?: "initial" | "followUp" | null | undefined;

package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/types.d.ts

@@ -1,6 +1,6 @@
 import { ChatBubbleColorState, ChatBubbleMessageType, ChatBubbleType } from "../../types";
 export interface ChatBubbleContextValue {
-    contentType?: ChatBubbleType;
+    variant?: ChatBubbleType;
     colorState: ChatBubbleColorState;
     messageType: ChatBubbleMessageType;
 }

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

@@ -3,11 +3,12 @@ export type ChatBubbleType = "check" | "alert" | "error" | "custom";
 export type ChatBubbleColorState = "fill" | "outline";
 export type ChatBubbleMessageType = "initial" | "followUp";
 export interface ChatBubbleProps extends Omit<ViewProps, "children"> {
-    contentType?: ChatBubbleType;
+    variant?: ChatBubbleType;
     colorState?: ChatBubbleColorState;
     hasEar?: boolean;
     className?: string;
     children?: React.ReactNode;
     time?: string;
+    shouldDisplayTime?: boolean;
     messageType?: ChatBubbleMessageType;
 }

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?: "alert" | "left" | "right" | "add" | "success" | "error" | "minus" | null | undefined;
+    sealVariant?: "success" | "error" | "add" | "alert" | "left" | "right" | "minus" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

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

@@ -14,5 +14,6 @@ export interface ListButtonProps extends PressableProps, VariantProps<typeof but
     corners?: CornersEnum.SMALL | CornersEnum.MEDIUM;
     className?: string;
     disabled?: boolean;
-    accessibilityLabel: string;
+    accessibilityLabel?: string;
+    numberOfLines?: number;
 }

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

@@ -0,0 +1,2 @@
+import { PasswordInputProps } from "./types";
+export declare function PasswordInput(props: PasswordInputProps): import("react").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { TextInputProps } from "../TextInput/types";
+export interface PasswordInputProps extends Omit<TextInputProps, "secureTextEntry"> {
+}

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

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

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

@@ -1,5 +1,5 @@
 import type { TextInputProps } from "./types";
-export declare function TextInput({ corners, label, value, onChangeText, disabled, error, isValid, className, inputClassName, labelClassName, placeholder, accessibilityLabel, containerTestID, ref, tooltipClassName, ...rest }: TextInputProps): import("react").JSX.Element;
+export declare function TextInput({ corners, label, value, onChangeText, disabled, error, isValid, className, inputClassName, labelClassName, placeholder, accessibilityLabel, containerTestID, ref, tooltipClassName, tooltipPointerClassName, tooltipContainerClassName, rightIcon, ...rest }: TextInputProps): import("react").JSX.Element;
 export declare namespace TextInput {
     var displayName: string;
 }

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

@@ -13,6 +13,9 @@ export interface TextInputProps extends Omit<RNTextInputProps, "value" | "onChan
     labelClassName?: string;
     containerTestID?: string;
     tooltipClassName?: string;
+    tooltipPointerClassName?: string;
+    tooltipContainerClassName?: string;
+    rightIcon?: React.ReactNode;
     onChangeText?: (text: string) => void;
     ref?: React.RefObject<RNTextInput | null>;
 }

package/dist/typescript/components/Title/components/icon/types.d.ts

@@ -1,14 +1,7 @@
-import { SizeEnum } from "../../../../enums";
-export declare enum IconVariants {
-    SUCCESS = "success",
-    ERROR = "error",
-    WARNING = "warning",
-    ADD = "add",
-    CUSTOM = "custom"
-}
+import { StateVariantEnum, SizeEnum } from "../../../../enums";
 export type IconSize = SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
 export interface IconProps {
-    variants: IconVariants;
+    variants: StateVariantEnum;
     size?: IconSize;
     customIcon?: React.ReactNode;
 }

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

@@ -7,7 +7,6 @@ export interface TooltipProps {
     className?: string;
     pointerClassName?: string;
     containerClassName?: string;
-    triggerButtonClassName?: string;
     style?: ViewStyle;
     onChangeVisibility?: (isVisible: boolean) => void;
     isOpenedByVariantError?: boolean;

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

@@ -50,3 +50,5 @@ export * from "./RadioInput/enums";
 export * from "./IconButton";
 export type * from "./IconButton/types";
 export * from "./IconButton/enums";
+export * from "./PasswordInput";
+export type * from "./PasswordInput/types";

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

@@ -1,2 +1,3 @@
 export * from "./size";
 export * from "./corners";
+export * from "./state-variant";

package/dist/typescript/enums/state-variant.d.ts

@@ -0,0 +1,7 @@
+export declare enum StateVariantEnum {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    ADD = "add",
+    CUSTOM = "custom"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kivid/native-components",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-alpha.9",
   "description": "A React Native component library for the Butterfly Design System.",
   "repository": {
     "type": "git",
@@ -78,8 +78,8 @@
     "react": "19.0.0",
     "ts-jest": "^29.2.5",
     "typescript": "~5.8.3",
-    "@kivid/tailwind-preset": "1.0.0-alpha.7",
-    "@kivid/icons": "1.0.0-alpha.7"
+    "@kivid/icons": "1.0.0-alpha.9",
+    "@kivid/tailwind-preset": "1.0.0-alpha.9"
   },
   "peerDependencies": {
     "@lottiefiles/dotlottie-react": "^0.15.1",
@@ -89,8 +89,8 @@
     "react-native-svg": "^15.12.0",
     "react-native": "0.79.5",
     "react": "19.0.0",
-    "@kivid/tailwind-preset": "1.0.0-alpha.7",
-    "@kivid/icons": "1.0.0-alpha.7"
+    "@kivid/icons": "1.0.0-alpha.9",
+    "@kivid/tailwind-preset": "1.0.0-alpha.9"
   },
   "eslintIgnore": [
     "node_modules/",

package/src/components/Avatar/index.tsx

@@ -7,7 +7,7 @@ import { merge } from "@kivid/tailwind-preset";
 import Typography from "../Typography";
 
 export function Avatar(props: AvatarProps) {
-  const { src, name, size = SizeEnum.MEDIUM } = props;
+  const { src, name, size = SizeEnum.MEDIUM, className } = props;
 
   const personMappedSize = {
     [SizeEnum.XLARGE]: 56,
@@ -77,7 +77,7 @@ export function Avatar(props: AvatarProps) {
 
       //TODO: line height add spaces on font, and element cant be centered
       return (
-        <View className={avatarStyle}>
+        <View className={merge(avatarStyle, className)}>
           <Typography
             className={merge(
               avatarTextStyleMap[size].className,
@@ -93,7 +93,7 @@ export function Avatar(props: AvatarProps) {
     }
 
     return (
-      <View className={avatarStyle}>
+      <View className={merge(avatarStyle, className)}>
         <Person
           color="#B6C2C2"
           size={personMappedSize}
@@ -108,7 +108,7 @@ export function Avatar(props: AvatarProps) {
   }
 
   return (
-    <View className={merge(avatarStyle, "overflow-hidden")}>
+    <View className={merge(avatarStyle, "overflow-hidden", className)}>
       <Image
         source={{ uri: src }}
         className={"object-cover w-full h-full"}

package/src/components/Avatar/types.ts

@@ -12,4 +12,5 @@ export interface AvatarProps {
   src?: string | null;
   name?: string;
   size?: AvatarSize;
+  className?: string;
 }

package/src/components/Button/index.tsx

@@ -124,11 +124,12 @@ export function Button(props: ButtonProps) {
       style={{
         opacity: animatedValue,
       }}
+      className={buttonStyle}
     >
       <Pressable
         ref={ref}
-        className={buttonStyle}
         disabled={disabled}
+        className="flex-row"
         onPress={onPress}
         onPressIn={handlePressIn}
         onPressOut={handlePressOut}

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

@@ -4,7 +4,7 @@ export const chatBubbleBoxVariants = cva(
   "flex-row gap-400 px-600 py-500 min-h-1000",
   {
     variants: {
-      contentType: {
+      variant: {
         check: "",
         alert: "",
         error: "",
@@ -25,27 +25,27 @@ export const chatBubbleBoxVariants = cva(
     },
     compoundVariants: [
       {
-        contentType: "check",
+        variant: "check",
         colorState: "fill",
         className: "bg-pear-500",
       },
       {
-        contentType: "alert",
+        variant: "alert",
         colorState: "fill",
         className: "bg-tangerine-500",
       },
       {
-        contentType: "error",
+        variant: "error",
         colorState: "fill",
         className: "bg-blackberry-500",
       },
       {
-        contentType: "custom",
+        variant: "custom",
         colorState: "fill",
         className: "bg-chia-100",
       },
       {
-        contentType: "custom",
+        variant: "custom",
         colorState: "outline",
         className: "bg-chia-100",
       },

package/src/components/ChatBubble/components/ChatBubbleSeal/index.tsx

@@ -11,9 +11,9 @@ export const ChatBubbleSeal: React.FC<ChatBubbleSealProps> = ({
   className,
   ...props
 }) => {
-  const { contentType, colorState } = useChatBubbleContext();
+  const { variant, colorState } = useChatBubbleContext();
 
-  if (!contentType || contentType === "custom") {
+  if (!variant || variant === "custom") {
     return null;
   }
 
@@ -25,7 +25,7 @@ export const ChatBubbleSeal: React.FC<ChatBubbleSealProps> = ({
 
   return (
     <Seal
-      variant={sealVariantMap[contentType]}
+      variant={sealVariantMap[variant]}
       size={SizeEnum.MEDIUM}
       inverted={colorState === "fill"}
       className={merge("ml-[-6px]", className)}

package/src/components/ChatBubble/components/ChatBubbleText/index.tsx

@@ -13,11 +13,11 @@ export const ChatBubbleText: React.FC<ChatBubbleTextProps> = ({
   children,
   ...props
 }) => {
-  const { colorState, contentType } = useChatBubbleContext();
+  const { colorState, variant } = useChatBubbleContext();
 
   // Text color based on bubble colorState
   const textColorClass =
-    colorState === "fill" && contentType !== "custom"
+    colorState === "fill" && variant !== "custom"
       ? "text-chia-200"
       : "text-chia-800";
 

package/src/components/ChatBubble/contexts/ChatBubbleContext/types.ts

@@ -5,7 +5,7 @@ import {
 } from "../../types";
 
 export interface ChatBubbleContextValue {
-  contentType?: ChatBubbleType;
+  variant?: ChatBubbleType;
   colorState: ChatBubbleColorState;
   messageType: ChatBubbleMessageType;
 }

package/src/components/ChatBubble/index.tsx

@@ -14,22 +14,26 @@ import { elevationDown100 } from "../../styles/mixins/shadows";
 import { merge } from "@kivid/tailwind-preset";
 import { ChatBubbleContext } from "./contexts";
 import type { ChatBubbleContextValue } from "./contexts/ChatBubbleContext/types";
-
+import { useMemo } from "react";
 
 export function ChatBubble(props: ChatBubbleProps) {
   const {
-    contentType = "custom",
+    variant = "custom",
     colorState = "outline",
-    hasEar = false,
+    hasEar = true,
     className,
     children,
     time: timeFromProps,
+    shouldDisplayTime = true,
     messageType = "initial",
     ...restOfProps
   } = props;
 
-  const [hours, minutes] = new Date().toLocaleTimeString().split(":");
-  const time = timeFromProps ? timeFromProps : `${hours}:${minutes}`;
+  const time = useMemo(() => {
+    if (timeFromProps) return timeFromProps;
+    const [hours, minutes] = new Date().toLocaleTimeString().split(":");
+    return `${hours}:${minutes}`;
+  }, [timeFromProps]);
 
   const colorMap = {
     check: "#3DCC78",
@@ -38,11 +42,10 @@ export function ChatBubble(props: ChatBubbleProps) {
     custom: "#FAFCFC",
   };
 
-  const tailColor =
-    colorState === "outline" ? "#FAFCFC" : colorMap[contentType];
+  const tailColor = colorState === "outline" ? "#FAFCFC" : colorMap[variant];
 
   const contextInitialValue: ChatBubbleContextValue = {
-    contentType,
+    variant,
     colorState,
     messageType,
   };
@@ -68,7 +71,7 @@ export function ChatBubble(props: ChatBubbleProps) {
     <ChatBubbleContext.Provider value={contextInitialValue}>
       <View
         accessibilityRole="text"
-        accessibilityLabel={accessibilityLabelMap[contentType]}
+        accessibilityLabel={accessibilityLabelMap[variant]}
         accessible={true}
         className={merge("flex", className)}
         {...restOfProps}
@@ -87,7 +90,7 @@ export function ChatBubble(props: ChatBubbleProps) {
           <View
             className={merge(
               chatBubbleBoxVariants({
-                contentType,
+                variant,
                 colorState,
                 hasEar,
                 messageType,
@@ -101,7 +104,7 @@ export function ChatBubble(props: ChatBubbleProps) {
             {children}
           </View>
         </View>
-        <ChatBubbleTime>{time}</ChatBubbleTime>
+        {shouldDisplayTime && <ChatBubbleTime>{time}</ChatBubbleTime>}
       </View>
     </ChatBubbleContext.Provider>
   );

package/src/components/ChatBubble/types.ts

@@ -5,11 +5,12 @@ export type ChatBubbleColorState = "fill" | "outline";
 export type ChatBubbleMessageType = "initial" | "followUp";
 
 export interface ChatBubbleProps extends Omit<ViewProps, "children"> {
-  contentType?: ChatBubbleType;
+  variant?: ChatBubbleType;
   colorState?: ChatBubbleColorState;
   hasEar?: boolean;
   className?: string;
   children?: React.ReactNode;
   time?: string;
+  shouldDisplayTime?: boolean;
   messageType?: ChatBubbleMessageType;
 }

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

@@ -4,7 +4,7 @@ import { SizeEnum, CornersEnum } from "../../../enums";
 
 const buttonVariants = cva(
   [
-    "flex flex-row items-center justify-between w-full",
+    "flex flex-row items-center justify-between",
     "font-bold",
     "disabled:cursor-not-allowed",
     "relative overflow-hidden",