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

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

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chatBubbleTimeVariants = exports.chatBubbleContainerVariants = exports.chatBubbleBoxVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+const chatBubbleBoxVariants = exports.chatBubbleBoxVariants = (0, _classVarianceAuthority.cva)("gap-400 px-600 py-500 min-h-1000 shrink min-w-0", {
+  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"
+    },
+    origin: {
+      assistant: "",
+      user: ""
+    }
+  },
+  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,
+    origin: "assistant",
+    className: "rounded-700 rounded-bl-100"
+  }, {
+    hasEar: false,
+    origin: "assistant",
+    className: "rounded-700 rounded-bl-300"
+  }, {
+    hasEar: true,
+    origin: "user",
+    className: "rounded-700 rounded-br-100"
+  }, {
+    hasEar: false,
+    origin: "user",
+    className: "rounded-700 rounded-br-300"
+  }, {
+    messageType: "followUp",
+    origin: "assistant",
+    className: "rounded-tl-300"
+  }, {
+    messageType: "followUp",
+    origin: "user",
+    className: "rounded-tr-300"
+  }, {
+    origin: "user",
+    variant: "custom",
+    colorState: "fill",
+    className: "bg-grape-500"
+  }, {
+    origin: "user",
+    variant: "custom",
+    colorState: "outline",
+    className: ""
+  }],
+  defaultVariants: {
+    colorState: "fill",
+    messageType: "initial",
+    fullWidth: false,
+    origin: "assistant"
+  }
+});
+const chatBubbleTimeVariants = exports.chatBubbleTimeVariants = (0, _classVarianceAuthority.cva)("flex-row items-center gap-400 pt-400", {
+  variants: {
+    origin: {
+      assistant: "pl-400",
+      user: "pr-400"
+    }
+  },
+  defaultVariants: {
+    origin: "assistant"
+  }
+});
+const chatBubbleContainerVariants = exports.chatBubbleContainerVariants = (0, _classVarianceAuthority.cva)("flex", {
+  variants: {
+    origin: {
+      assistant: "items-start",
+      user: "items-end"
+    }
+  },
+  defaultVariants: {
+    origin: "assistant"
+  }
+});
+//# sourceMappingURL=class-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","chatBubbleBoxVariants","exports","cva","variants","variant","check","alert","error","custom","colorState","fill","outline","hasEar","true","false","messageType","initial","followUp","fullWidth","origin","assistant","user","compoundVariants","className","defaultVariants","chatBubbleTimeVariants","chatBubbleContainerVariants"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/assets/class-variants.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatBubbleContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _tailwindPreset = require("@kivid/tailwind-preset");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Content container for the main bubble content (seal + text)
+ */
+const ChatBubbleContent = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: (0, _tailwindPreset.merge)("flex-row items-start gap-2", className),
+    ...props,
+    children: children
+  });
+};
+exports.ChatBubbleContent = ChatBubbleContent;
+ChatBubbleContent.displayName = "ChatBubble.Content";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_jsxRuntime","e","__esModule","default","ChatBubbleContent","className","children","props","jsx","View","merge","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleContent/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG/C;AACA;AACA;AACO,MAAMG,iBAAmD,GAAGA,CAAC;EAClEC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,IAAI;IACHJ,SAAS,EAAE,IAAAK,qBAAK,EAAC,4BAA4B,EAAEL,SAAS,CAAE;IAAA,GACtDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACL,CAAC;AAEX,CAAC;AAACK,OAAA,CAAAP,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAACQ,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/commonjs/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/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatBubbleEar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChatBubbleEar = ({
+  type = "fill",
+  color = "#F2F7F7",
+  mirrored = false,
+  ...props
+}) => {
+  const transform = mirrored ? [{
+    scaleX: -1
+  }] : undefined;
+  function renderSvgContent() {
+    if (type === "outline") {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M8 3.15144V9H12V0H9C9 1.47424 8.5 2.46333 8 3.15144Z",
+          fill: color
+        })]
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: 12,
+    height: 10,
+    viewBox: "0 0 12 10",
+    fill: "none",
+    style: {
+      transform
+    },
+    ...props,
+    children: renderSvgContent()
+  });
+};
+exports.ChatBubbleEar = ChatBubbleEar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChatBubbleEar","type","color","mirrored","props","transform","scaleX","undefined","renderSvgContent","jsxs","Fragment","children","jsx","Path","d","fill","stroke","strokeMiterlimit","width","height","viewBox","style","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleEar/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/types.js.map

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

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatBubbleLoading = void 0;
+var _index = require("../../../LoadingDots/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const ChatBubbleLoading = props => {
+  const {
+    loadingDotsProps,
+    className,
+    ...rest
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LoadingDots, {
+    lottieViewStyle: {
+      width: 32,
+      height: 32,
+      marginTop: -5,
+      marginBottom: -5
+    },
+    ...loadingDotsProps
+  });
+};
+exports.ChatBubbleLoading = ChatBubbleLoading;
+ChatBubbleLoading.displayName = "ChatBubbleLoading";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_jsxRuntime","ChatBubbleLoading","props","loadingDotsProps","className","rest","jsx","LoadingDots","lottieViewStyle","width","height","marginTop","marginBottom","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleLoading/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAmD,IAAAC,WAAA,GAAAD,OAAA;AAO5C,MAAME,iBAAiB,GAAIC,KAA6B,IAAK;EAClE,MAAM;IAAEC,gBAAgB;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAEtD,oBACE,IAAAF,WAAA,CAAAM,GAAA,EAACR,MAAA,CAAAS,WAAW;IACVC,eAAe,EAAE;MACfC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,CAAC,CAAC;MACbC,YAAY,EAAE,CAAC;IACjB,CAAE;IAAA,GACET;EAAgB,CACrB,CAAC;AAEN,CAAC;AAACU,OAAA,CAAAZ,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAACa,WAAW,GAAG,mBAAmB","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatBubbleSeal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _tailwindPreset = require("@kivid/tailwind-preset");
+var _index = require("../../../Seal/index.js");
+var _index2 = require("../../../Seal/enums/index.js");
+var _index3 = require("../../../../enums/index.js");
+var _index4 = require("../../contexts/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChatBubbleSeal = ({
+  className,
+  ...props
+}) => {
+  const {
+    variant,
+    colorState
+  } = (0, _index4.useChatBubbleContext)();
+  if (!variant || variant === "custom") {
+    return null;
+  }
+  const sealVariantMap = {
+    check: _index2.SealVariantEnum.SUCCESS,
+    alert: _index2.SealVariantEnum.ALERT,
+    error: _index2.SealVariantEnum.ERROR
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Seal, {
+    variant: sealVariantMap[variant],
+    size: _index3.SizeEnum.MEDIUM,
+    inverted: colorState === "fill",
+    className: (0, _tailwindPreset.merge)("ml-[-6px]", className),
+    ...props
+  });
+};
+exports.ChatBubbleSeal = ChatBubbleSeal;
+ChatBubbleSeal.displayName = "ChatBubble.Seal";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_tailwindPreset","_index","_index2","_index3","_index4","_jsxRuntime","e","__esModule","default","ChatBubbleSeal","className","props","variant","colorState","useChatBubbleContext","sealVariantMap","check","SealVariantEnum","SUCCESS","alert","ALERT","error","ERROR","jsx","Seal","size","SizeEnum","MEDIUM","inverted","merge","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleSeal/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAsD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,MAAMG,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACT,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,OAAO;IAAEC;EAAW,CAAC,GAAG,IAAAC,4BAAoB,EAAC,CAAC;EAEtD,IAAI,CAACF,OAAO,IAAIA,OAAO,KAAK,QAAQ,EAAE;IACpC,OAAO,IAAI;EACb;EAEA,MAAMG,cAAc,GAAG;IACrBC,KAAK,EAAEC,uBAAe,CAACC,OAAO;IAC9BC,KAAK,EAAEF,uBAAe,CAACG,KAAK;IAC5BC,KAAK,EAAEJ,uBAAe,CAACK;EACzB,CAAC;EAED,oBACE,IAAAjB,WAAA,CAAAkB,GAAA,EAACtB,MAAA,CAAAuB,IAAI;IACHZ,OAAO,EAAEG,cAAc,CAACH,OAAO,CAAE;IACjCa,IAAI,EAAEC,gBAAQ,CAACC,MAAO;IACtBC,QAAQ,EAAEf,UAAU,KAAK,MAAO;IAChCH,SAAS,EAAE,IAAAmB,qBAAK,EAAC,WAAW,EAAEnB,SAAS,CAAE;IAAA,GACrCC;EAAK,CACV,CAAC;AAEN,CAAC;AAACmB,OAAA,CAAArB,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACsB,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/commonjs/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/commonjs/components/ChatBubble/components/ChatBubbleText/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatBubbleText = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _tailwindPreset = require("@kivid/tailwind-preset");
+var _index = require("../../../Typography/index.js");
+var _index2 = require("../../contexts/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Typography component for bubble text content
+ */
+const ChatBubbleText = ({
+  className,
+  children,
+  ...props
+}) => {
+  const {
+    colorState,
+    variant
+  } = (0, _index2.useChatBubbleContext)();
+
+  // Text color based on bubble colorState
+  const textColorClass = (0, _react.useMemo)(() => {
+    if (colorState === "fill") {
+      return "text-chia-200";
+    }
+    return "text-chia-800";
+  }, [colorState, variant]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
+    variant: "body_large",
+    weight: "600",
+    className: (0, _tailwindPreset.merge)(textColorClass, "flex-shrink", className),
+    ...props,
+    children: children
+  });
+};
+exports.ChatBubbleText = ChatBubbleText;
+ChatBubbleText.displayName = "ChatBubble.Text";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_tailwindPreset","_index","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChatBubbleText","className","children","props","colorState","variant","useChatBubbleContext","textColorClass","useMemo","jsx","Typography","weight","merge","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleText/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEtD;AACA;AACA;AACO,MAAMkB,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAG,IAAAC,4BAAoB,EAAC,CAAC;;EAEtD;EACA,MAAMC,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAM;IACnC,IAAIJ,UAAU,KAAK,MAAM,EAAE;MACzB,OAAO,eAAe;IACxB;IAEA,OAAO,eAAe;EACxB,CAAC,EAAE,CAACA,UAAU,EAAEC,OAAO,CAAC,CAAC;EAEzB,oBACE,IAAAzB,WAAA,CAAA6B,GAAA,EAAC/B,MAAA,CAAAgC,UAAU;IACTL,OAAO,EAAC,YAAY;IACpBM,MAAM,EAAC,KAAK;IACZV,SAAS,EAAE,IAAAW,qBAAK,EAACL,cAAc,EAAE,aAAa,EAAEN,SAAS,CAAE;IAAA,GACvDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACC,CAAC;AAEjB,CAAC;AAACW,OAAA,CAAAb,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACc,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/commonjs/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/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatBubbleTime = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _tailwindPreset = require("@kivid/tailwind-preset");
+var _index = require("../../../Typography/index.js");
+var _classVariants = require("../../assets/class-variants.js");
+var _index2 = require("../../contexts/ChatBubbleContext/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Time component for displaying message timestamp
+ */
+const ChatBubbleTime = ({
+  className,
+  children,
+  ...props
+}) => {
+  const {
+    origin
+  } = (0, _index2.useChatBubbleContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: (0, _classVariants.chatBubbleTimeVariants)({
+      origin
+    }),
+    accessibilityLabel: `Message time: ${children}`,
+    accessibilityRole: "text",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
+      variant: "label_small",
+      weight: "600",
+      className: (0, _tailwindPreset.merge)("text-chia-600", className),
+      ...props,
+      children: children
+    })
+  });
+};
+exports.ChatBubbleTime = ChatBubbleTime;
+ChatBubbleTime.displayName = "ChatBubble.Time";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_index","_classVariants","_index2","_jsxRuntime","e","__esModule","default","ChatBubbleTime","className","children","props","origin","useChatBubbleContext","jsx","View","chatBubbleTimeVariants","accessibilityLabel","accessibilityRole","Typography","variant","weight","merge","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleTime/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAAwE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExE;AACA;AACA;AACO,MAAMG,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,4BAAoB,EAAC,CAAC;EAEzC,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACf,YAAA,CAAAgB,IAAI;IACHN,SAAS,EAAE,IAAAO,qCAAsB,EAAC;MAAEJ;IAAO,CAAC,CAAE;IAC9CK,kBAAkB,EAAE,iBAAiBP,QAAQ,EAAG;IAChDQ,iBAAiB,EAAC,MAAM;IAAAR,QAAA,eAExB,IAAAN,WAAA,CAAAU,GAAA,EAACb,MAAA,CAAAkB,UAAU;MACTC,OAAO,EAAC,aAAa;MACrBC,MAAM,EAAC,KAAK;MACZZ,SAAS,EAAE,IAAAa,qBAAK,EAAC,eAAe,EAAEb,SAAS,CAAE;MAAA,GACzCE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACC;EAAC,CACT,CAAC;AAEX,CAAC;AAACa,OAAA,CAAAf,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACgB,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/commonjs/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/commonjs/components/ChatBubble/components/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ChatBubbleContent", {
+  enumerable: true,
+  get: function () {
+    return _index2.ChatBubbleContent;
+  }
+});
+Object.defineProperty(exports, "ChatBubbleEar", {
+  enumerable: true,
+  get: function () {
+    return _index.ChatBubbleEar;
+  }
+});
+Object.defineProperty(exports, "ChatBubbleLoading", {
+  enumerable: true,
+  get: function () {
+    return _index6.ChatBubbleLoading;
+  }
+});
+Object.defineProperty(exports, "ChatBubbleSeal", {
+  enumerable: true,
+  get: function () {
+    return _index3.ChatBubbleSeal;
+  }
+});
+Object.defineProperty(exports, "ChatBubbleText", {
+  enumerable: true,
+  get: function () {
+    return _index4.ChatBubbleText;
+  }
+});
+Object.defineProperty(exports, "ChatBubbleTime", {
+  enumerable: true,
+  get: function () {
+    return _index5.ChatBubbleTime;
+  }
+});
+var _index = require("./ChatBubbleEar/index.js");
+var _index2 = require("./ChatBubbleContent/index.js");
+var _index3 = require("./ChatBubbleSeal/index.js");
+var _index4 = require("./ChatBubbleText/index.js");
+var _index5 = require("./ChatBubbleTime/index.js");
+var _index6 = require("./ChatBubbleLoading/index.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_index2","_index3","_index4","_index5","_index6"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChatBubbleContext = exports.ChatBubbleContext = void 0;
+var _react = require("react");
+const ChatBubbleContext = exports.ChatBubbleContext = /*#__PURE__*/(0, _react.createContext)(null);
+const useChatBubbleContext = () => {
+  const context = (0, _react.useContext)(ChatBubbleContext);
+  if (!context) {
+    throw new Error("ChatBubble compound components must be used within a ChatBubble");
+  }
+  return context;
+};
+exports.useChatBubbleContext = useChatBubbleContext;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","ChatBubbleContext","exports","createContext","useChatBubbleContext","context","useContext","Error"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/contexts/ChatBubbleContext/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,oBAAa,EAC5C,IACF,CAAC;AAEM,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACL,iBAAiB,CAAC;EAC7C,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,iEACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAACH,OAAA,CAAAE,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/{module/components/InputOTP/components/InformationStatus → commonjs/components/ChatBubble/contexts/ChatBubbleContext}/types.js.map

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

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _index = require("./ChatBubbleContext/index.js");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/ChatBubble/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/contexts/index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}