@kivid/native-components 1.0.0-alpha.6 → 1.0.0-alpha.8

package/dist/module/iconography/Icons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconsNative","React","useMemo","useState","Alert","FlatList","Pressable","SafeAreaView","Text","TextInput","View","jsx","_jsx","jsxs","_jsxs","Icons","props","size","color","icons","Object","entries","map","name","IconComponent","component","searchTerm","setSearchTerm","iconsFiltered","sorted","sort","a","b","localeCompare","filter","icon","toLowerCase","includes","handleIconPress","isCurrentColor","alert","className","children","placeholder","placeholderTextColor","style","width","height","marginBottom","borderRadius","borderWidth","borderColor","paddingHorizontal","fontSize","onChangeText","value","data","keyExtractor","numColumns","columnWrapperStyle","justifyContent","contentContainerStyle","paddingBottom","renderItem","item","flex","alignItems","marginVertical","flexDirection","padding","onPress","marginTop","textAlign","maxWidth","numberOfLines"],"sourceRoot":"../../../../src","sources":["iconography/Icons/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["IconsNative","React","useMemo","useState","Alert","FlatList","Pressable","Text","TextInput","View","jsx","_jsx","jsxs","_jsxs","Icons","props","size","color","icons","Object","entries","map","name","IconComponent","component","searchTerm","setSearchTerm","iconsFiltered","sorted","sort","a","b","localeCompare","filter","icon","toLowerCase","includes","handleIconPress","isCurrentColor","alert","className","children","placeholder","placeholderTextColor","style","width","height","marginBottom","borderRadius","borderWidth","borderColor","paddingHorizontal","fontSize","onChangeText","value","data","keyExtractor","numColumns","columnWrapperStyle","justifyContent","contentContainerStyle","paddingBottom","renderItem","item","flex","alignItems","marginVertical","flexDirection","padding","onPress","marginTop","textAlign","maxWidth","numberOfLines"],"sourceRoot":"../../../../src","sources":["iconography/Icons/index.tsx"],"mappings":"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","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?: "alert" | "error" | "check" | "custom" | null | undefined;
     colorState?: "fill" | "outline" | null | undefined;
     hasEar?: boolean | null | undefined;
     messageType?: "initial" | "followUp" | null | undefined;

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

@@ -1,4 +1,4 @@
-import { SealProps } from "../../..";
+import { SealProps } from "../../../Seal/types";
 export interface ChatBubbleSealProps extends Omit<SealProps, "variant"> {
     className?: string;
 }

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

@@ -1,4 +1,4 @@
-import { TypographyProps } from "../../..";
+import { TypographyProps } from "../../../Typography/types";
 export interface ChatBubbleTextProps extends Omit<TypographyProps, "variant" | "weight"> {
     className?: string;
 }

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

@@ -0,0 +1,3 @@
+import type { ChatBubbleContextValue } from "./types";
+export declare const ChatBubbleContext: import("react").Context<ChatBubbleContextValue | null>;
+export declare const useChatBubbleContext: () => ChatBubbleContextValue;

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

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

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

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

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

@@ -1,14 +1,14 @@
 import type { ViewProps } from "react-native";
-export type { ChatBubbleContextValue } from "./context";
 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/IconButton/assets/class-variants.d.ts

@@ -0,0 +1,8 @@
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "../enums";
+declare const buttonVariants: (props?: ({
+    variant?: IconButtonVariantEnum | null | undefined;
+    size?: IconButtonSizeEnum | null | undefined;
+    corners?: IconButtonCornersEnum | null | undefined;
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { buttonVariants };

package/dist/typescript/components/IconButton/assets/design-system-showcase.d.ts

@@ -0,0 +1,17 @@
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "../enums";
+interface DesignSystemShowcaseItem {
+    size: IconButtonSizeEnum;
+    variant: IconButtonVariantEnum;
+    corners: IconButtonCornersEnum;
+    disabled?: boolean;
+    selected?: boolean;
+    loading?: boolean;
+}
+interface DesignSystemShowcaseButtonProps {
+    title: string;
+    buttons: {
+        [key: string]: DesignSystemShowcaseItem[];
+    };
+}
+export declare const designSystemShowcase: Record<IconButtonSizeEnum, DesignSystemShowcaseButtonProps>;
+export {};

package/dist/typescript/components/IconButton/enums.d.ts

@@ -0,0 +1,22 @@
+export declare enum IconButtonVariantEnum {
+    GRAPE = "grape",
+    JAVA = "java",
+    PEAR = "pear",
+    TANGERINE = "tangerine",
+    PITAYA = "pitaya",
+    BLACKBERRY = "blackberry",
+    CHIA = "chia",
+    OUTLINE = "outline",
+    GHOST = "ghost"
+}
+export declare enum IconButtonSizeEnum {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XLARGE = "xlarge",
+    XXLARGE = "xxlarge"
+}
+export declare enum IconButtonCornersEnum {
+    SMALL = "small",
+    MEDIUM = "medium"
+}

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

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

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

@@ -0,0 +1,15 @@
+import type { VariantProps } from "class-variance-authority";
+import type { buttonVariants } from "./assets/class-variants";
+import { PressableProps } from "react-native";
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "./enums";
+export interface IconButtonProps extends PressableProps, VariantProps<typeof buttonVariants> {
+    selected?: boolean;
+    icon: React.ReactNode;
+    loading?: boolean;
+    variant?: IconButtonVariantEnum;
+    size?: IconButtonSizeEnum;
+    corners?: IconButtonCornersEnum;
+    className?: string;
+    disabled?: boolean;
+    accessibilityLabel: string;
+}

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

@@ -8,7 +8,4 @@ declare const buttonVariants: (props?: ({
 declare const textVariants: (props?: ({
     variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const iconButtonVariants: (props?: ({
-    showChevronIcon?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export { buttonVariants, textVariants, iconButtonVariants };
+export { buttonVariants, textVariants };

package/dist/typescript/components/ListButton/assets/design-system-showcase.d.ts

@@ -0,0 +1,14 @@
+import { ListButtonVariantEnum } from "../enums";
+import { SizeEnum, CornersEnum } from "../../../enums";
+interface ListButtonShowcaseProps {
+    variant: ListButtonVariantEnum;
+    size: SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
+    corners: CornersEnum.SMALL | CornersEnum.MEDIUM;
+    children: string;
+    iconColor: string;
+    disabled?: boolean;
+    iconLeft?: boolean;
+    iconRight?: boolean;
+}
+export declare const listButtonShowcaseVariants: Record<string, ListButtonShowcaseProps[]>;
+export {};

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

@@ -1,2 +1 @@
 export * from "./variant";
-export * from "./icon-color";

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

@@ -1,17 +1,19 @@
 import type { VariantProps } from "class-variance-authority";
 import type { buttonVariants } from "./assets/class-variants";
-import type { ListButtonIconColorEnum, ListButtonVariantEnum } from "./enums";
+import type { ListButtonVariantEnum } from "./enums";
 import { PressableProps } from "react-native";
 import { SizeEnum, CornersEnum } from "../../enums";
 export interface ListButtonProps extends PressableProps, VariantProps<typeof buttonVariants> {
-    icon?: React.ReactNode;
-    iconColor?: ListButtonIconColorEnum;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    iconLeftContainerClassName?: React.ReactNode;
+    iconRightContainerClassName?: React.ReactNode;
     children: React.ReactNode;
-    showChevronIcon?: boolean;
     variant?: ListButtonVariantEnum;
     size?: SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
     corners?: CornersEnum.SMALL | CornersEnum.MEDIUM;
     className?: string;
     disabled?: boolean;
-    accessibilityLabel: string;
+    accessibilityLabel?: string;
+    numberOfLines?: number;
 }

package/dist/typescript/components/OtpInput/components/InformationStatus/types.d.ts

@@ -1,6 +1,6 @@
-import type { InformationStatusEnum } from "../../enums";
+import type { OTPInputInformationStatusEnum } from "../../enums";
 export interface InformationStatusProps {
-    status: InformationStatusEnum;
+    status: OTPInputInformationStatusEnum;
     disabled?: boolean;
     onPress?: () => void;
 }

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

@@ -1,7 +1,6 @@
-export declare enum InformationStatusEnum {
+export declare enum OTPInputInformationStatusEnum {
     DEFAULT = "default",
     ERROR = "error",
     SUCCESS = "success",
-    LOADING = "loading",
-    COOLDOWN = "cooldown"
+    LOADING = "loading"
 }

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

@@ -1,3 +1,3 @@
-import type { OtpInputProps } from "./types";
+import { OtpInputProps } from "./types";
 export declare function OtpInput(props: OtpInputProps): import("react").JSX.Element;
 export default OtpInput;

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

@@ -1,12 +1,12 @@
 import type React from "react";
-import type { InformationStatusEnum } from "./enums";
+import { OTPInputInformationStatusEnum } from "./enums";
 export interface OtpInputProps {
-    OTPInputsQuantity?: number;
+    length?: number;
     rounded?: boolean;
     disabled?: boolean;
-    status?: InformationStatusEnum;
+    status?: OTPInputInformationStatusEnum;
     customInformation?: React.ReactNode;
-    onChange: (value: string) => void;
+    onChange: (value?: string) => void;
     onPressRetryToken?: (value: string) => void;
     inputClassName?: string;
 }

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/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/Tooltip/components/Content/types.d.ts

@@ -10,4 +10,5 @@ export interface ContentProps {
     onLayout?: (event: LayoutChangeEvent) => void;
     translateX?: number;
     pointerOffset?: TooltipPointerOffsetEnum;
+    onChangeVisibility?: (isVisible: boolean) => void;
 }

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

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

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

@@ -3,6 +3,7 @@ export * from "./Button";
 export type * from "./Button/types";
 export * from "./ChatBubble";
 export type * from "./ChatBubble/types";
+export type * from "./ChatBubble/contexts/ChatBubbleContext/types";
 export * from "./Chip";
 export * from "./Chip/types";
 export * from "./Chip/enums";
@@ -46,3 +47,8 @@ export * from "./SelectButton/enums";
 export * from "./RadioInput";
 export type * from "./RadioInput/types";
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kivid/native-components",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.8",
   "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.6",
-    "@kivid/icons": "1.0.0-alpha.6"
+    "@kivid/icons": "1.0.0-alpha.8",
+    "@kivid/tailwind-preset": "1.0.0-alpha.8"
   },
   "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.6",
-    "@kivid/icons": "1.0.0-alpha.6"
+    "@kivid/tailwind-preset": "1.0.0-alpha.8",
+    "@kivid/icons": "1.0.0-alpha.8"
   },
   "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/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

@@ -1,18 +1,19 @@
 import React from "react";
 import { merge } from "@kivid/tailwind-preset";
 import { Seal } from "../../../Seal";
-import { useChatBubbleContext } from "../../context";
+
 import type { ChatBubbleSealProps } from "./types";
 import { SealVariantEnum } from "../../../Seal/enums";
 import { SizeEnum } from "../../../../enums";
+import { useChatBubbleContext } from "../../contexts";
 
 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;
   }
 
@@ -24,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/ChatBubbleSeal/types.ts

@@ -1,4 +1,4 @@
-import { SealProps } from "../../..";
+import { SealProps } from "../../../Seal/types";
 
 export interface ChatBubbleSealProps extends Omit<SealProps, "variant"> {
   className?: string;

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

@@ -1,8 +1,9 @@
 import React from "react";
 import { merge } from "@kivid/tailwind-preset";
 import { Typography } from "../../../Typography";
-import { useChatBubbleContext } from "../../context";
+
 import type { ChatBubbleTextProps } from "./types";
+import { useChatBubbleContext } from "../../contexts";
 
 /**
  * Typography component for bubble text content
@@ -12,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/components/ChatBubbleText/types.ts

@@ -1,4 +1,4 @@
-import { TypographyProps } from "../../..";
+import { TypographyProps } from "../../../Typography/types";
 
 export interface ChatBubbleTextProps
   extends Omit<TypographyProps, "variant" | "weight"> {

package/src/components/ChatBubble/{context.tsx → contexts/ChatBubbleContext/index.tsx}

@@ -1,15 +1,6 @@
 import { createContext, useContext } from "react";
-import type {
-  ChatBubbleType,
-  ChatBubbleColorState,
-  ChatBubbleMessageType,
-} from "./types";
 
-export interface ChatBubbleContextValue {
-  contentType?: ChatBubbleType;
-  colorState: ChatBubbleColorState;
-  messageType: ChatBubbleMessageType;
-}
+import type { ChatBubbleContextValue } from "./types";
 
 export const ChatBubbleContext = createContext<ChatBubbleContextValue | null>(
   null

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

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

package/src/components/ChatBubble/contexts/index.ts

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

package/src/components/ChatBubble/index.tsx

@@ -7,20 +7,23 @@ import {
   ChatBubbleTime,
   ChatBubbleLoading,
 } from "./components";
-import { ChatBubbleContext } from "./context";
+
 import { chatBubbleBoxVariants } from "./assets/class-variants";
-import type { ChatBubbleProps, ChatBubbleContextValue } from "./types";
+import type { ChatBubbleProps } from "./types";
 import { elevationDown100 } from "../../styles/mixins/shadows";
 import { merge } from "@kivid/tailwind-preset";
+import { ChatBubbleContext } from "./contexts";
+import type { ChatBubbleContextValue } from "./contexts/ChatBubbleContext/types";
 
 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;
@@ -35,11 +38,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,
   };
@@ -65,7 +67,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}
@@ -84,7 +86,7 @@ export function ChatBubble(props: ChatBubbleProps) {
           <View
             className={merge(
               chatBubbleBoxVariants({
-                contentType,
+                variant,
                 colorState,
                 hasEar,
                 messageType,
@@ -98,7 +100,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

@@ -1,17 +1,16 @@
 import type { ViewProps } from "react-native";
 
-export type { ChatBubbleContextValue } from "./context";
-
 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;
 }