@kivid/native-components 1.0.0-alpha.1 → 1.0.0-alpha.10

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 { merge } from "@butterfly/tailwind-preset";
+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
     },
-    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":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAA+B,cAAc;AAC/E,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,WAAW,QAAQ,yBAAgB;AAG5C,SACEC,YAAY,EACZC,cAAc,EACdC,gBAAgB,QACX,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjC,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IACJC,OAAO,GAAG,OAAO;IACjBC,IAAI,GAAG,OAAO;IACdC,OAAO,GAAG,QAAQ;IAClBC,SAAS,GAAG,KAAK;IACjBC,OAAO,GAAG,KAAK;IACfC,QAAQ,GAAG,KAAK;IAChBC,QAAQ,GAAG,KAAK;IAChBC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC,kBAAkB;IAClBC,GAAG;IACHC,SAAS;IACTC,UAAU;IACV,GAAGC;EACL,CAAC,GAAGf,KAAK;EAET,MAAMgB,aAAa,GAAG9B,KAAK,CAAC+B,MAAM,CAAC,IAAI5B,QAAQ,CAAC6B,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEjE,MAAMC,sBAAiE,GAAG;IACxEC,KAAK,EAAE,OAAO;IACdC,IAAI,EAAE,OAAO;IACbC,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,OAAO;IAClBC,UAAU,EAAE,OAAO;IACnBC,IAAI,EAAE,OAAO;IACbC,OAAO,EAAE,OAAO;IAChBC,KAAK,EAAE,OAAO;IACdC,KAAK,EAAE;EACT,CAAC;EAED,SAASC,aAAaA,CAAA,EAAG;IACvB,MAAMC,SAAS,GAAGzC,KAAK,CACrBE,YAAY,CAAC;MACXS,OAAO;MACPC,IAAI;MACJI,QAAQ,EAAEA,QAAQ,KAAKL,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,OAAO;IACrE,CAAC,CACH,CAAC;IAED,IAAII,OAAO,EAAE;MACX,MAAM2B,QAAQ,GAAGZ,sBAAsB,CAACnB,OAAO,IAAI,OAAO,CAAC;MAE3D,oBACEL,IAAA,CAAAE,SAAA;QAAAW,QAAA,eACEb,IAAA,CAACL,WAAW;UAACU,OAAO,EAAE+B,QAAS;UAACxB,SAAS,EAAE;QAAc,CAAE;MAAC,CAC5D,CAAC;IAEP;IAEA,oBACEZ,IAAA,CAACT,IAAI;MAACqB,SAAS,EAAEuB,SAAU;MAACE,aAAa,EAAE,CAAE;MAAAxB,QAAA,EAC1CA;IAAQ,CACL,CAAC;EAEX;EAEA,MAAMyB,WAAW,GAAG5C,KAAK,CACvBG,cAAc,CAAC;IACbQ,OAAO,EAAEK,QAAQ,GAAG6B,SAAS,GAAGlC,OAAO;IACvCC,IAAI;IACJC,OAAO;IACPC;EACF,CAAC,CAAC,EACFE,QAAQ,IAAIZ,gBAAgB,CAAC;IAAEO;EAAQ,CAAC,CAAC,EACzCO,SACF,CAAC;EAED,MAAM4B,aAAa,GAAIC,KAA4B,IAAK;IACtDhD,QAAQ,CAACiD,MAAM,CAACtB,aAAa,EAAE;MAC7BuB,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAEV7B,SAAS,GAAGwB,KAAK,CAAC;EACpB,CAAC;EAED,MAAMM,cAAc,GAAIN,KAA4B,IAAK;IACvDhD,QAAQ,CAACiD,MAAM,CAACtB,aAAa,EAAE;MAC7BuB,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAEV5B,UAAU,GAAGuB,KAAK,CAAC;EACrB,CAAC;EAED,oBACEzC,IAAA,CAACP,QAAQ,CAACuD,IAAI;IACZC,KAAK,EAAE;MACLC,OAAO,EAAE9B;IACX,CAAE;IAAAP,QAAA,eAEFb,IAAA,CAACR,SAAS;MACRwB,GAAG,EAAEA,GAAI;MACTJ,SAAS,EAAE0B,WAAY;MACvB3B,QAAQ,EAAEA,QAAS;MACnBG,OAAO,EAAEA,OAAQ;MACjBG,SAAS,EAAEuB,aAAc;MACzBtB,UAAU,EAAE6B,cAAe;MAC3BI,iBAAiB,EAAC,QAAQ;MAC1BpC,kBAAkB,EAChBA,kBAAkB,KACjB,OAAOF,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAG,QAAQ,CACpD;MACDuC,kBAAkB,EAAE;QAClBzC,QAAQ,EAAEA,QAAQ;QAClBD,QAAQ,EAAEA,QAAQ;QAClB2C,IAAI,EAAE5C;MACR,CAAE;MACF6C,aAAa,EAAE7C,OAAO,IAAIE,QAAQ,GAAG,MAAM,GAAG,MAAO;MAAA,GACjDQ,IAAI;MAAAN,QAAA,EAEPqB,aAAa,CAAC;IAAC,CACP;EAAC,CACC,CAAC;AAEpB;AAEA/B,MAAM,CAACoD,WAAW,GAAG,QAAQ;AAE7B,eAAepD,MAAM","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,64 @@
+"use strict";
+
+import { cva } from "class-variance-authority";
+export const chatBubbleBoxVariants = cva("flex-row 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: ""
+    }
+  },
+  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"
+  }
+});
+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","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,CACtC,2CAA2C,EAC3C;EACEE,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;EACF,CAAC;EACDC,gBAAgB,EAAE,CAChB;IACEd,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBU,SAAS,EAAE;EACb,CAAC,EACD;IACEf,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBU,SAAS,EAAE;EACb,CAAC,EACD;IACEf,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBU,SAAS,EAAE;EACb,CAAC,EACD;IACEf,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,MAAM;IAClBU,SAAS,EAAE;EACb,CAAC,EACD;IACEf,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,SAAS;IACrBU,SAAS,EAAE;EACb,CAAC,EACD;IACEV,UAAU,EAAE,SAAS;IACrBU,SAAS,EAAE;EACb,CAAC,EACD;IACEP,MAAM,EAAE,IAAI;IACZO,SAAS,EAAE;EACb,CAAC,EACD;IACEP,MAAM,EAAE,KAAK;IACbO,SAAS,EAAE;EACb,CAAC,EACD;IAAEJ,WAAW,EAAE,UAAU;IAAEI,SAAS,EAAE;EAAiB,CAAC,CACzD;EACDC,eAAe,EAAE;IACfX,UAAU,EAAE,MAAM;IAClBM,WAAW,EAAE;EACf;AACF,CACF,CAAC;AAED,OAAO,MAAMM,sBAAsB,GAAGpB,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-center 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,6BAA6B,EAAEI,SAAS,CAAE;IAAA,GACvDE,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.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, 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,EAAEL,SAAS,CAAE;IAAA,GACxCE,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":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { merge } from "@kivid/tailwind-preset";
+import { Typography } from "../../../Typography/index.js";
+import { chatBubbleTimeVariants } from "../../assets/class-variants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Time component for displaying message timestamp
+ */
+export const ChatBubbleTime = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    className: chatBubbleTimeVariants(),
+    accessibilityLabel: `Message time: ${children}`,
+    accessibilityRole: "text",
+    children: /*#__PURE__*/_jsx(Typography, {
+      variant: "label_small",
+      weight: "600",
+      className: merge("text-chia-600", className),
+      ...props,
+      children: children
+    })
+  });
+};
+ChatBubbleTime.displayName = "ChatBubble.Time";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","merge","Typography","chatBubbleTimeVariants","jsx","_jsx","ChatBubbleTime","className","children","props","accessibilityLabel","accessibilityRole","variant","weight","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleTime/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,UAAU,QAAQ,8BAAqB;AAChD,SAASC,sBAAsB,QAAQ,gCAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrE;AACA;AACA;AACA,OAAO,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEJ,IAAA,CAACL,IAAI;IACHO,SAAS,EAAEJ,sBAAsB,CAAC,CAAE;IACpCO,kBAAkB,EAAE,iBAAiBF,QAAQ,EAAG;IAChDG,iBAAiB,EAAC,MAAM;IAAAH,QAAA,eAExBH,IAAA,CAACH,UAAU;MACTU,OAAO,EAAC,aAAa;MACrBC,MAAM,EAAC,KAAK;MACZN,SAAS,EAAEN,KAAK,CAAC,eAAe,EAAEM,SAAS,CAAE;MAAA,GACzCE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACC;EAAC,CACT,CAAC;AAEX,CAAC;AAEDF,cAAc,CAACQ,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+export { ChatBubbleEar } from "./ChatBubbleEar/index.js";
+export { ChatBubbleContent } from "./ChatBubbleContent/index.js";
+export { ChatBubbleSeal } from "./ChatBubbleSeal/index.js";
+export { ChatBubbleText } from "./ChatBubbleText/index.js";
+export { ChatBubbleTime } from "./ChatBubbleTime/index.js";
+export { ChatBubbleLoading } from "./ChatBubbleLoading/index.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ChatBubbleEar","ChatBubbleContent","ChatBubbleSeal","ChatBubbleText","ChatBubbleTime","ChatBubbleLoading"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/components/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,0BAAiB;AAC/C,SAASC,iBAAiB,QAAQ,8BAAqB;AACvD,SAASC,cAAc,QAAQ,2BAAkB;AACjD,SAASC,cAAc,QAAQ,2BAAkB;AACjD,SAASC,cAAc,QAAQ,2BAAkB;AACjD,SAASC,iBAAiB,QAAQ,8BAAqB","ignoreList":[]}

package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createContext, useContext } from "react";
+export const ChatBubbleContext = /*#__PURE__*/createContext(null);
+export const useChatBubbleContext = () => {
+  const context = useContext(ChatBubbleContext);
+  if (!context) {
+    throw new Error("ChatBubble compound components must be used within a ChatBubble");
+  }
+  return context;
+};
+//# sourceMappingURL=index.js.map

package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","ChatBubbleContext","useChatBubbleContext","context","Error"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/contexts/ChatBubbleContext/index.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAIjD,OAAO,MAAMC,iBAAiB,gBAAGF,aAAa,CAC5C,IACF,CAAC;AAED,OAAO,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAGH,UAAU,CAACC,iBAAiB,CAAC;EAC7C,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,iEACF,CAAC;EACH;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/types.js

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

package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/types.js.map

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

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

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

package/dist/module/components/{InputOTP/components → ChatBubble/contexts}/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/InputOTP/components/index.ts"],"mappings":";;AAAA,cAAc,8BAAqB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/contexts/index.ts"],"mappings":";;AAAA,cAAc,8BAAqB","ignoreList":[]}

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

@@ -0,0 +1,98 @@
+"use strict";
+
+import { View } from "react-native";
+import { ChatBubbleEar } from "./components/index.js";
+import { ChatBubbleContent, ChatBubbleSeal, ChatBubbleText, ChatBubbleTime, ChatBubbleLoading } from "./components/index.js";
+import { chatBubbleBoxVariants } from "./assets/class-variants.js";
+import { elevationDown100 } from "../../styles/mixins/shadows/index.js";
+import { merge } from "@kivid/tailwind-preset";
+import { ChatBubbleContext } from "./contexts/index.js";
+import { useMemo } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ChatBubble(props) {
+  const {
+    variant = "custom",
+    colorState = "outline",
+    hasEar = true,
+    className,
+    children,
+    time: timeFromProps,
+    shouldDisplayTime = true,
+    messageType = "initial",
+    chatBubbleBoxClassName,
+    ...restOfProps
+  } = props;
+  const time = useMemo(() => {
+    if (timeFromProps) return timeFromProps;
+    const [hours, minutes] = new Date().toLocaleTimeString().split(":");
+    return `${hours}:${minutes}`;
+  }, [timeFromProps]);
+  const colorMap = {
+    check: "#3DCC78",
+    alert: "#FF8B59",
+    error: "#E65245",
+    custom: "#FAFCFC"
+  };
+  const tailColor = colorState === "outline" ? "#FAFCFC" : colorMap[variant];
+  const contextInitialValue = {
+    variant,
+    colorState,
+    messageType
+  };
+  const accessibilityLabelMap = {
+    check: "Success message",
+    alert: "Warning message",
+    error: "Error message",
+    custom: "Custom message"
+  };
+  function renderChatBubbleEar() {
+    if (hasEar) {
+      return /*#__PURE__*/_jsx(ChatBubbleEar, {
+        color: tailColor,
+        type: colorState
+      });
+    }
+    return null;
+  }
+  const bubbleWithEarOffset = hasEar ? "mr-[8.8px]" : "";
+  const chatBubbleBoxStyle = merge(chatBubbleBoxVariants({
+    variant,
+    colorState,
+    hasEar,
+    messageType
+  }), chatBubbleBoxClassName);
+  return /*#__PURE__*/_jsx(ChatBubbleContext.Provider, {
+    value: contextInitialValue,
+    children: /*#__PURE__*/_jsxs(View, {
+      accessibilityRole: "text",
+      accessibilityLabel: accessibilityLabelMap[variant],
+      accessible: true,
+      className: merge("flex", className),
+      ...restOfProps,
+      children: [/*#__PURE__*/_jsxs(View, {
+        className: `relative flex-row items-end ${bubbleWithEarOffset}`,
+        children: [/*#__PURE__*/_jsx(View, {
+          className: "w-[11px] h-[9px] mr-[-3.2px] pb-[1.2px] z-10 items-center justify-center",
+          accessibilityElementsHidden: true,
+          importantForAccessibility: "no-hide-descendants",
+          children: renderChatBubbleEar()
+        }), /*#__PURE__*/_jsx(View, {
+          className: chatBubbleBoxStyle,
+          style: {
+            boxShadow: elevationDown100
+          },
+          accessibilityRole: "text",
+          children: children
+        })]
+      }), shouldDisplayTime && /*#__PURE__*/_jsx(ChatBubbleTime, {
+        children: time
+      })]
+    })
+  });
+}
+ChatBubble.Content = ChatBubbleContent;
+ChatBubble.Seal = ChatBubbleSeal;
+ChatBubble.Text = ChatBubbleText;
+ChatBubble.Loading = ChatBubbleLoading;
+ChatBubble.displayName = "ChatBubble";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","ChatBubbleEar","ChatBubbleContent","ChatBubbleSeal","ChatBubbleText","ChatBubbleTime","ChatBubbleLoading","chatBubbleBoxVariants","elevationDown100","merge","ChatBubbleContext","useMemo","jsx","_jsx","jsxs","_jsxs","ChatBubble","props","variant","colorState","hasEar","className","children","time","timeFromProps","shouldDisplayTime","messageType","chatBubbleBoxClassName","restOfProps","hours","minutes","Date","toLocaleTimeString","split","colorMap","check","alert","error","custom","tailColor","contextInitialValue","accessibilityLabelMap","renderChatBubbleEar","color","type","bubbleWithEarOffset","chatBubbleBoxStyle","Provider","value","accessibilityRole","accessibilityLabel","accessible","accessibilityElementsHidden","importantForAccessibility","style","boxShadow","Content","Seal","Text","Loading","displayName"],"sourceRoot":"../../../../src","sources":["components/ChatBubble/index.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/dist/module/components/{InputCheckbox → CheckboxInput}/assets/class-variants.js

@@ -2,7 +2,7 @@
 
 import { cva } from "class-variance-authority";
 import { CheckboxVariantEnum } from "../enums/index.js";
-export const inputCheckboxVariants = cva("flex items-center justify-center w-[20px] h-[20px] rounded-500 border transition-all duration-200", {
+export const checkboxInputVariants = cva("flex items-center justify-center w-[20px] h-[20px] rounded-500 border transition-all duration-200", {
   variants: {
     variant: {
       [CheckboxVariantEnum.GRAPE]: ["bg-chia-200 border-chia-400", "disabled:bg-grape-300 disabled:border-grape-300"],