@kivid/native-components 1.0.0-alpha.2 → 1.0.0-alpha.20

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

@@ -0,0 +1,111 @@
+"use strict";
+
+import { ProfileUserStroke } from "@kivid/icons/native";
+import { View, Image } from "react-native";
+import { SizeEnum } from "../../enums/index.js";
+import { avatarVariants } from "./assets/class-variants.js";
+import { merge } from "@kivid/tailwind-preset";
+import Typography from "../Typography/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Avatar(props) {
+  const {
+    src,
+    name,
+    size = SizeEnum.MEDIUM,
+    className
+  } = props;
+  const personMappedSize = {
+    [SizeEnum.XLARGE]: 56,
+    [SizeEnum.LARGE]: 48,
+    [SizeEnum.MEDIUM]: 40,
+    [SizeEnum.SMALL]: 32,
+    [SizeEnum.XSMALL]: 24,
+    [SizeEnum.XXSMALL]: 16
+  }[size];
+  const personMappedStrokeWidth = {
+    [SizeEnum.XLARGE]: 1.6,
+    [SizeEnum.LARGE]: 1.6,
+    [SizeEnum.MEDIUM]: 1.6,
+    [SizeEnum.SMALL]: 1.6,
+    [SizeEnum.XSMALL]: 1.5,
+    [SizeEnum.XXSMALL]: 1.125
+  }[size];
+  const avatarStyle = avatarVariants({
+    size
+  });
+  const avatarTextStyleMap = {
+    [SizeEnum.XXSMALL]: {
+      variant: "body_small",
+      fontWeight: "700",
+      className: "h-[15px]"
+    },
+    [SizeEnum.XSMALL]: {
+      variant: "body_small",
+      fontWeight: "700",
+      className: "h-[16px]"
+    },
+    [SizeEnum.SMALL]: {
+      variant: "title_small",
+      fontWeight: "700",
+      className: "h-[18px]"
+    },
+    [SizeEnum.MEDIUM]: {
+      variant: "title_large",
+      fontWeight: "700",
+      className: "h-[18px]"
+    },
+    [SizeEnum.LARGE]: {
+      variant: "headline_small",
+      fontWeight: "700",
+      className: "h-[29px]"
+    },
+    [SizeEnum.XLARGE]: {
+      variant: "headline_medium",
+      fontWeight: "700",
+      className: "h-[30px]"
+    }
+  };
+  function renderFallbackType() {
+    if (name && !!name.trim()) {
+      const [firstName, surname] = name.split(" ");
+      const hasSurname = !!surname;
+      const hasName = !!firstName;
+      const firstLetterOfFirstName = hasName ? firstName?.at(0) : "";
+      const firstLetterOfSurname = hasSurname ? surname?.at(0) : "";
+      const firstLetters = `${firstLetterOfFirstName}${firstLetterOfSurname}`.toUpperCase();
+
+      //TODO: line height add spaces on font, and element cant be centered
+      return /*#__PURE__*/_jsx(View, {
+        className: merge(avatarStyle, className),
+        children: /*#__PURE__*/_jsx(Typography, {
+          className: merge(avatarTextStyleMap[size].className, "text-chia-600"),
+          variant: avatarTextStyleMap[size].variant,
+          weight: avatarTextStyleMap[size].fontWeight,
+          children: firstLetters
+        })
+      });
+    }
+    return /*#__PURE__*/_jsx(View, {
+      className: merge(avatarStyle, className),
+      children: /*#__PURE__*/_jsx(ProfileUserStroke, {
+        color: "#B6C2C2",
+        size: personMappedSize,
+        strokeWidth: personMappedStrokeWidth
+      })
+    });
+  }
+  if (!src) {
+    return renderFallbackType();
+  }
+  return /*#__PURE__*/_jsx(View, {
+    className: merge(avatarStyle, "overflow-hidden", className),
+    children: /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: src
+      },
+      className: "object-cover w-full h-full",
+      accessibilityLabel: "Profile Avatar"
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -1,7 +1,8 @@
 "use strict";
 
 import { cva } from "class-variance-authority";
-const buttonVariants = cva(["flex-row items-center justify-center", "font-bold", "relative overflow-hidden"], {
+import { SizeEnum, CornersEnum } from "../../../enums/index.js";
+const buttonVariants = cva(["flex-row justify-center items-center", "font-bold", "relative overflow-hidden"], {
   variants: {
     variant: {
       grape: ["bg-grape-500", "disabled:bg-grape-500 disabled:opacity-30"],
@@ -15,13 +16,13 @@ const buttonVariants = cva(["flex-row items-center justify-center", "font-bold",
       ghost: ["bg-transparent", "disabled:opacity-30"]
     },
     size: {
-      small: ["px-400 h-800"],
-      medium: ["px-600 h-900"],
-      large: ["px-600 h-1000"]
+      [SizeEnum.SMALL]: ["px-400 h-800"],
+      [SizeEnum.MEDIUM]: ["px-600 h-900"],
+      [SizeEnum.LARGE]: ["px-600 h-1000"]
     },
     corners: {
-      small: "rounded-500",
-      medium: "rounded-700"
+      [CornersEnum.SMALL]: "rounded-600",
+      [CornersEnum.MEDIUM]: "rounded-700"
     },
     fullWidth: {
       true: "w-full"
@@ -32,8 +33,8 @@ const buttonVariants = cva(["flex-row items-center justify-center", "font-bold",
   },
   defaultVariants: {
     variant: "grape",
-    size: "medium",
-    corners: "medium",
+    size: SizeEnum.MEDIUM,
+    corners: CornersEnum.MEDIUM,
     fullWidth: false
   }
 });
@@ -50,13 +51,11 @@ const textVariants = cva("", {
       glass: "text-chia-900",
       ghost: "text-chia-900"
     },
-    size: {
-      small: "text-label_small_700",
-      medium: "text-label_medium_700",
-      large: "text-label_large_700"
-    },
     selected: {
       true: ""
+    },
+    disabled: {
+      true: ""
     }
   },
   compoundVariants: [{
@@ -67,6 +66,18 @@ const textVariants = cva("", {
     variant: "ghost",
     selected: true,
     class: "text-chia-900"
+  }, {
+    variant: "outline",
+    disabled: true,
+    class: "text-chia-700"
+  }, {
+    variant: "glass",
+    disabled: true,
+    class: "text-chia-700"
+  }, {
+    variant: "ghost",
+    disabled: true,
+    class: "text-chia-700"
   }]
 });
 const selectedVariants = cva("", {

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

@@ -1 +1 @@
-{"version":3,"names":["cva","buttonVariants","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","size","small","medium","large","corners","fullWidth","true","selected","defaultVariants","textVariants","compoundVariants","class","selectedVariants"],"sourceRoot":"../../../../../src","sources":["components/Button/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,MAAMC,cAAc,GAAGD,GAAG,CACxB,CACE,sCAAsC,EACtC,WAAW,EACX,0BAA0B,CAC3B,EACD;EACEE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,2CAA2C,CAAC;MACpEC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,SAAS,EAAE,CACT,kBAAkB,EAClB,+CAA+C,CAChD;MACDC,UAAU,EAAE,CACV,mBAAmB,EACnB,gDAAgD,CACjD;MACDC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,OAAO,EAAE,CACP,wCAAwC,EACxC,0CAA0C,CAC3C;MACDC,KAAK,EAAE,CACL,0CAA0C,EAC1C,6CAA6C,CAC9C;MACDC,KAAK,EAAE,CAAC,gBAAgB,EAAE,qBAAqB;IACjD,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAE,CAAC,cAAc,CAAC;MACvBC,MAAM,EAAE,CAAC,cAAc,CAAC;MACxBC,KAAK,EAAE,CAAC,eAAe;IACzB,CAAC;IACDC,OAAO,EAAE;MACPH,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDG,SAAS,EAAE;MACTC,IAAI,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACRD,IAAI,EAAE;IACR;EACF,CAAC;EACDE,eAAe,EAAE;IACflB,OAAO,EAAE,OAAO;IAChBU,IAAI,EAAE,QAAQ;IACdI,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAED,MAAMI,YAAY,GAAGtB,GAAG,CAAC,EAAE,EAAE;EAC3BE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,eAAe;MACxBC,KAAK,EAAE,eAAe;MACtBC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAE,sBAAsB;MAC7BC,MAAM,EAAE,uBAAuB;MAC/BC,KAAK,EAAE;IACT,CAAC;IACDI,QAAQ,EAAE;MACRD,IAAI,EAAE;IACR;EACF,CAAC;EACDI,gBAAgB,EAAE,CAChB;IACEpB,OAAO,EAAE,SAAS;IAClBiB,QAAQ,EAAE,IAAI;IACdI,KAAK,EAAE;EACT,CAAC,EACD;IACErB,OAAO,EAAE,OAAO;IAChBiB,QAAQ,EAAE,IAAI;IACdI,KAAK,EAAE;EACT,CAAC;AAEL,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAGzB,GAAG,CAAC,EAAE,EAAE;EAC/BE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,aAAa;MACnBC,IAAI,EAAE,aAAa;MACnBC,SAAS,EAAE,kBAAkB;MAC7BC,UAAU,EAAE,mBAAmB;MAC/BC,IAAI,EAAE,aAAa;MACnBC,OAAO,EAAE,0CAA0C;MACnDC,KAAK,EAAE,gBAAgB;MACvBC,KAAK,EAAE;IACT;EACF;AACF,CAAC,CAAC;AAEF,SAASX,cAAc,EAAEqB,YAAY,EAAEG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["cva","SizeEnum","CornersEnum","buttonVariants","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","size","SMALL","MEDIUM","LARGE","corners","fullWidth","true","selected","defaultVariants","textVariants","disabled","compoundVariants","class","selectedVariants"],"sourceRoot":"../../../../../src","sources":["components/Button/assets/class-variants.ts"],"mappings":"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","ignoreList":[]}

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

@@ -1,16 +1,19 @@
 "use strict";
 
 import React from "react";
-import { Text, Pressable, Animated } from "react-native";
+import { Pressable, Animated } from "react-native";
 import { merge } from "@kivid/tailwind-preset";
 import { LoadingDots } from "../LoadingDots/index.js";
+import { Typography } from "../Typography/index.js";
 import { textVariants, buttonVariants, selectedVariants } from "./assets/class-variants.js";
+import { SizeEnum, CornersEnum } from "../../enums/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 export function Button(props) {
   const {
     variant = "grape",
-    size = "large",
-    corners = "medium",
+    size = SizeEnum.LARGE,
+    corners = CornersEnum.MEDIUM,
     fullWidth = false,
     loading = false,
     selected = false,
@@ -36,11 +39,17 @@ export function Button(props) {
     glass: "grape",
     ghost: "grape"
   };
+  const typographyVariantMap = {
+    small: "label_small",
+    medium: "label_medium",
+    large: "label_large"
+  };
+  const typographyVariant = typographyVariantMap[size ?? SizeEnum.MEDIUM];
   function renderContent() {
     const textStyle = merge(textVariants({
       variant,
-      size,
-      selected: selected && (variant === "outline" || variant === "ghost")
+      selected: selected && (variant === "outline" || variant === "ghost"),
+      disabled
     }));
     if (loading) {
       const _variant = loadingDotsVariantsMap[variant ?? "grape"];
@@ -51,7 +60,9 @@ export function Button(props) {
         })
       });
     }
-    return /*#__PURE__*/_jsx(Text, {
+    return /*#__PURE__*/_jsx(Typography, {
+      variant: typographyVariant,
+      weight: "700",
       className: textStyle,
       numberOfLines: 1,
       children: children
@@ -81,30 +92,27 @@ export function Button(props) {
     }).start();
     onPressOut?.(event);
   };
-  return /*#__PURE__*/_jsx(Animated.View, {
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    ref: ref,
+    disabled: disabled,
+    className: buttonStyle,
     style: {
-      opacity: animatedValue
+      opacity: disabled ? 0.3 : animatedValue
     },
-    children: /*#__PURE__*/_jsx(Pressable, {
-      ref: ref,
-      className: buttonStyle,
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel || (typeof children === "string" ? children : "Button"),
+    accessibilityState: {
       disabled: disabled,
-      onPress: onPress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      accessibilityRole: "button",
-      accessibilityLabel: accessibilityLabel || (typeof children === "string" ? children : "Button"),
-      accessibilityState: {
-        disabled: disabled,
-        selected: selected,
-        busy: loading
-      },
-      pointerEvents: loading || disabled ? "none" : "auto",
-      ...rest,
-      children: renderContent()
-    })
+      selected: selected,
+      busy: loading
+    },
+    pointerEvents: loading || disabled ? "none" : "auto",
+    ...rest,
+    children: renderContent()
   });
 }
 Button.displayName = "Button";
-export default Button;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Pressable","Animated","merge","LoadingDots","textVariants","buttonVariants","selectedVariants","jsx","_jsx","Fragment","_Fragment","Button","props","variant","size","corners","fullWidth","loading","selected","disabled","className","children","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","animatedValue","useRef","Value","current","loadingDotsVariantsMap","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","renderContent","textStyle","_variant","numberOfLines","buttonStyle","undefined","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","View","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","Animated","merge","LoadingDots","Typography","textVariants","buttonVariants","selectedVariants","SizeEnum","CornersEnum","jsx","_jsx","Fragment","_Fragment","AnimatedPressable","createAnimatedComponent","Button","props","variant","size","LARGE","corners","MEDIUM","fullWidth","loading","selected","disabled","className","children","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","animatedValue","useRef","Value","current","loadingDotsVariantsMap","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","typographyVariantMap","small","medium","large","typographyVariant","renderContent","textStyle","_variant","weight","numberOfLines","buttonStyle","undefined","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+import { cva } from "class-variance-authority";
+export const chatBubbleBoxVariants = cva("gap-400 px-600 py-500 min-h-1000", {
+  variants: {
+    variant: {
+      check: "",
+      alert: "",
+      error: "",
+      custom: ""
+    },
+    colorState: {
+      fill: "",
+      outline: "border border-chia-400"
+    },
+    hasEar: {
+      true: "",
+      false: ""
+    },
+    messageType: {
+      initial: "",
+      followUp: ""
+    },
+    fullWidth: {
+      true: "flex-row w-full",
+      false: "flex-row"
+    }
+  },
+  compoundVariants: [{
+    variant: "check",
+    colorState: "fill",
+    className: "bg-pear-500"
+  }, {
+    variant: "alert",
+    colorState: "fill",
+    className: "bg-tangerine-500"
+  }, {
+    variant: "error",
+    colorState: "fill",
+    className: "bg-blackberry-500"
+  }, {
+    variant: "custom",
+    colorState: "fill",
+    className: "bg-chia-100"
+  }, {
+    variant: "custom",
+    colorState: "outline",
+    className: "bg-chia-100"
+  }, {
+    colorState: "outline",
+    className: "bg-chia-100"
+  }, {
+    hasEar: true,
+    className: "rounded-700 rounded-bl-100"
+  }, {
+    hasEar: false,
+    className: "rounded-700 rounded-bl-300"
+  }, {
+    messageType: "followUp",
+    className: "rounded-tl-300"
+  }],
+  defaultVariants: {
+    colorState: "fill",
+    messageType: "initial",
+    fullWidth: false
+  }
+});
+export const chatBubbleTimeVariants = cva("flex-row items-center gap-400 pt-400 pl-400");
+//# sourceMappingURL=class-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cva","chatBubbleBoxVariants","variants","variant","check","alert","error","custom","colorState","fill","outline","hasEar","true","false","messageType","initial","followUp","fullWidth","compoundVariants","className","defaultVariants","chatBubbleTimeVariants"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,OAAO,MAAMC,qBAAqB,GAAGD,GAAG,CAAC,kCAAkC,EAAE;EAC3EE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,UAAU,EAAE;MACVC,IAAI,EAAE,EAAE;MACRC,OAAO,EAAE;IACX,CAAC;IACDC,MAAM,EAAE;MACNC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDC,WAAW,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTL,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAE;IACT;EACF,CAAC;EACDK,gBAAgB,EAAE,CAChB;IACEf,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBW,SAAS,EAAE;EACb,CAAC,EACD;IACEhB,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBW,SAAS,EAAE;EACb,CAAC,EACD;IACEhB,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBW,SAAS,EAAE;EACb,CAAC,EACD;IACEhB,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,MAAM;IAClBW,SAAS,EAAE;EACb,CAAC,EACD;IACEhB,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,SAAS;IACrBW,SAAS,EAAE;EACb,CAAC,EACD;IACEX,UAAU,EAAE,SAAS;IACrBW,SAAS,EAAE;EACb,CAAC,EACD;IACER,MAAM,EAAE,IAAI;IACZQ,SAAS,EAAE;EACb,CAAC,EACD;IACER,MAAM,EAAE,KAAK;IACbQ,SAAS,EAAE;EACb,CAAC,EACD;IAAEL,WAAW,EAAE,UAAU;IAAEK,SAAS,EAAE;EAAiB,CAAC,CACzD;EACDC,eAAe,EAAE;IACfZ,UAAU,EAAE,MAAM;IAClBM,WAAW,EAAE,SAAS;IACtBG,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,OAAO,MAAMI,sBAAsB,GAAGrB,GAAG,CACvC,6CACF,CAAC","ignoreList":[]}

package/dist/module/components/ChatBubble/components/ChatBubbleContent/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { merge } from "@kivid/tailwind-preset";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Content container for the main bubble content (seal + text)
+ */
+export const ChatBubbleContent = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    className: merge("flex-row items-start gap-2", className),
+    ...props,
+    children: children
+  });
+};
+ChatBubbleContent.displayName = "ChatBubble.Content";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","merge","jsx","_jsx","ChatBubbleContent","className","children","props","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleContent/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/C;AACA;AACA;AACA,OAAO,MAAMC,iBAAmD,GAAGA,CAAC;EAClEC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEJ,IAAA,CAACH,IAAI;IACHK,SAAS,EAAEJ,KAAK,CAAC,4BAA4B,EAAEI,SAAS,CAAE;IAAA,GACtDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACL,CAAC;AAEX,CAAC;AAEDF,iBAAiB,CAACI,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/module/components/ChatBubble/components/ChatBubbleContent/types.js.map

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

package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ChatBubbleEar = ({
+  type = "fill",
+  color = "#F2F7F7",
+  ...props
+}) => {
+  if (type === "outline") {
+    return /*#__PURE__*/_jsxs(Svg, {
+      width: 12,
+      height: 10,
+      viewBox: "0 0 12 10",
+      fill: "none",
+      ...props,
+      children: [/*#__PURE__*/_jsx(Path, {
+        d: "M11.5 0.5V9.5H7.75098C2.95557 9.34303 1.06326 5.41102 0.511719 3.91016C0.476256 3.80748 0.523736 3.72138 0.575195 3.69141L0.576172 3.69043C0.597192 3.67831 0.616459 3.67593 0.632812 3.67773C0.649308 3.67957 0.669032 3.68628 0.688477 3.7041C1.18665 4.17051 2.2435 4.93738 3.79004 4.9375C6.23009 4.9375 8.23446 2.96737 8.47559 0.5H11.5Z",
+        fill: color,
+        stroke: "#DEE7E7",
+        strokeMiterlimit: 10
+      }), /*#__PURE__*/_jsx(Path, {
+        d: "M8 3.15144V9H12V0H9C9 1.47424 8.5 2.46333 8 3.15144Z",
+        fill: color
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsx(Svg, {
+    width: 12,
+    height: 10,
+    viewBox: "0 0 12 10",
+    fill: "none",
+    ...props,
+    children: /*#__PURE__*/_jsx(Path, {
+      d: "M12 10V3.55405e-05L8 0C8 2.4436 6.09369 4.43749 3.79039 4.43749C2.41431 4.43749 1.47239 3.75438 1.02718 3.3367C0.832174 3.15714 0.552541 3.12591 0.324419 3.25863C0.0484661 3.41867 -0.0692741 3.76609 0.0411073 4.07837C0.604052 5.61245 2.60563 9.83215 7.73469 10H12Z",
+      fill: color
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Path","jsx","_jsx","jsxs","_jsxs","ChatBubbleEar","type","color","props","width","height","viewBox","fill","children","d","stroke","strokeMiterlimit"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleEar/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ7C,OAAO,MAAMC,aAA2C,GAAGA,CAAC;EAC1DC,IAAI,GAAG,MAAM;EACbC,KAAK,GAAG,SAAS;EACjB,GAAGC;AACL,CAAC,KAAK;EACJ,IAAIF,IAAI,KAAK,SAAS,EAAE;IACtB,oBACEF,KAAA,CAACL,GAAG;MAACU,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACC,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC,MAAM;MAAA,GAAKJ,KAAK;MAAAK,QAAA,gBACnEX,IAAA,CAACF,IAAI;QACHc,CAAC,EAAC,gVAAgV;QAClVF,IAAI,EAAEL,KAAM;QACZQ,MAAM,EAAC,SAAS;QAChBC,gBAAgB,EAAE;MAAG,CACtB,CAAC,eACFd,IAAA,CAACF,IAAI;QACHc,CAAC,EAAC,sDAAsD;QACxDF,IAAI,EAAEL;MAAM,CACb,CAAC;IAAA,CACC,CAAC;EAEV;EAEA,oBACEL,IAAA,CAACH,GAAG;IAACU,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAA,GAAKJ,KAAK;IAAAK,QAAA,eACnEX,IAAA,CAACF,IAAI;MACHc,CAAC,EAAC,0QAA0Q;MAC5QF,IAAI,EAAEL;IAAM,CACb;EAAC,CACC,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/module/components/ChatBubble/components/ChatBubbleLoading/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { LoadingDots } from "../../../LoadingDots/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChatBubbleLoading = props => {
+  const {
+    loadingDotsProps,
+    className,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_jsx(LoadingDots, {
+    lottieViewStyle: {
+      width: 32,
+      height: 32,
+      marginTop: -5,
+      marginBottom: -5
+    },
+    ...loadingDotsProps
+  });
+};
+ChatBubbleLoading.displayName = "ChatBubbleLoading";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["LoadingDots","jsx","_jsx","ChatBubbleLoading","props","loadingDotsProps","className","rest","lottieViewStyle","width","height","marginTop","marginBottom","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleLoading/index.tsx"],"mappings":";;AACA,SAASA,WAAW,QAAQ,+BAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOnD,OAAO,MAAMC,iBAAiB,GAAIC,KAA6B,IAAK;EAClE,MAAM;IAAEC,gBAAgB;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAEtD,oBACEF,IAAA,CAACF,WAAW;IACVQ,eAAe,EAAE;MACfC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,CAAC,CAAC;MACbC,YAAY,EAAE,CAAC;IACjB,CAAE;IAAA,GACEP;EAAgB,CACrB,CAAC;AAEN,CAAC;AAEDF,iBAAiB,CAACU,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/module/components/ChatBubble/components/ChatBubbleSeal/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import React from "react";
+import { merge } from "@kivid/tailwind-preset";
+import { Seal } from "../../../Seal/index.js";
+import { SealVariantEnum } from "../../../Seal/enums/index.js";
+import { SizeEnum } from "../../../../enums/index.js";
+import { useChatBubbleContext } from "../../contexts/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChatBubbleSeal = ({
+  className,
+  ...props
+}) => {
+  const {
+    variant,
+    colorState
+  } = useChatBubbleContext();
+  if (!variant || variant === "custom") {
+    return null;
+  }
+  const sealVariantMap = {
+    check: SealVariantEnum.SUCCESS,
+    alert: SealVariantEnum.ALERT,
+    error: SealVariantEnum.ERROR
+  };
+  return /*#__PURE__*/_jsx(Seal, {
+    variant: sealVariantMap[variant],
+    size: SizeEnum.MEDIUM,
+    inverted: colorState === "fill",
+    className: merge("ml-[-6px]", className),
+    ...props
+  });
+};
+ChatBubbleSeal.displayName = "ChatBubble.Seal";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","merge","Seal","SealVariantEnum","SizeEnum","useChatBubbleContext","jsx","_jsx","ChatBubbleSeal","className","props","variant","colorState","sealVariantMap","check","SUCCESS","alert","ALERT","error","ERROR","size","MEDIUM","inverted","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleSeal/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,IAAI,QAAQ,wBAAe;AAGpC,SAASC,eAAe,QAAQ,8BAAqB;AACrD,SAASC,QAAQ,QAAQ,4BAAmB;AAC5C,SAASC,oBAAoB,QAAQ,yBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtD,OAAO,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACT,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,OAAO;IAAEC;EAAW,CAAC,GAAGP,oBAAoB,CAAC,CAAC;EAEtD,IAAI,CAACM,OAAO,IAAIA,OAAO,KAAK,QAAQ,EAAE;IACpC,OAAO,IAAI;EACb;EAEA,MAAME,cAAc,GAAG;IACrBC,KAAK,EAAEX,eAAe,CAACY,OAAO;IAC9BC,KAAK,EAAEb,eAAe,CAACc,KAAK;IAC5BC,KAAK,EAAEf,eAAe,CAACgB;EACzB,CAAC;EAED,oBACEZ,IAAA,CAACL,IAAI;IACHS,OAAO,EAAEE,cAAc,CAACF,OAAO,CAAE;IACjCS,IAAI,EAAEhB,QAAQ,CAACiB,MAAO;IACtBC,QAAQ,EAAEV,UAAU,KAAK,MAAO;IAChCH,SAAS,EAAER,KAAK,CAAC,WAAW,EAAEQ,SAAS,CAAE;IAAA,GACrCC;EAAK,CACV,CAAC;AAEN,CAAC;AAEDF,cAAc,CAACe,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/module/components/ChatBubble/components/ChatBubbleSeal/types.js

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

package/dist/module/components/ChatBubble/components/ChatBubbleSeal/types.js.map

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

package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import React from "react";
+import { merge } from "@kivid/tailwind-preset";
+import { Typography } from "../../../Typography/index.js";
+import { useChatBubbleContext } from "../../contexts/index.js";
+
+/**
+ * Typography component for bubble text content
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChatBubbleText = ({
+  className,
+  children,
+  ...props
+}) => {
+  const {
+    colorState,
+    variant
+  } = useChatBubbleContext();
+
+  // Text color based on bubble colorState
+  const textColorClass = colorState === "fill" && variant !== "custom" ? "text-chia-200" : "text-chia-800";
+  return /*#__PURE__*/_jsx(Typography, {
+    variant: "body_large",
+    weight: "600",
+    className: merge(textColorClass, "flex-shrink", className),
+    ...props,
+    children: children
+  });
+};
+ChatBubbleText.displayName = "ChatBubble.Text";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","merge","Typography","useChatBubbleContext","jsx","_jsx","ChatBubbleText","className","children","props","colorState","variant","textColorClass","weight","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleText/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,UAAU,QAAQ,8BAAqB;AAGhD,SAASC,oBAAoB,QAAQ,yBAAgB;;AAErD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,OAAO,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGR,oBAAoB,CAAC,CAAC;;EAEtD;EACA,MAAMS,cAAc,GAClBF,UAAU,KAAK,MAAM,IAAIC,OAAO,KAAK,QAAQ,GACzC,eAAe,GACf,eAAe;EAErB,oBACEN,IAAA,CAACH,UAAU;IACTS,OAAO,EAAC,YAAY;IACpBE,MAAM,EAAC,KAAK;IACZN,SAAS,EAAEN,KAAK,CAACW,cAAc,EAAE,aAAa,EAAEL,SAAS,CAAE;IAAA,GACvDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACC,CAAC;AAEjB,CAAC;AAEDF,cAAc,CAACQ,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/module/components/ChatBubble/components/ChatBubbleText/types.js

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

package/dist/module/components/ChatBubble/components/ChatBubbleText/types.js.map

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