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

package/README.md

@@ -1,57 +1 @@
-![picture of storybook](https://github.com/user-attachments/assets/cf98766d-8b90-44ab-b718-94ab16e63205)
-
-# getting started
-
-```sh
-npx create-expo-app --template expo-template-storybook AwesomeStorybook
-```
-
-or
-
-```sh
-yarn create expo-app --template expo-template-storybook AwesomeStorybook
-```
-
-# app
-
-```sh
-yarn start
-```
-
-# RN Storybook (ondevice)
-
-In this template you can now run `yarn storybook` to start ondevice storybook or `yarn start` to start your expo app.
-This works via env variables and expo constants.
-
-```sh
-# either
-yarn storybook
-
-# ios
-yarn storybook:ios
-
-# android
-yarn storybook:android
-```
-
-If you add new stories on the native (ondevice version) you either need to have the watcher running or run the stories loader
-
-To update the stories one time
-
-```sh
-yarn storybook-generate
-```
-
-# Web
-
-Start react native web storybook:
-
-```
-yarn storybook:web
-```
-
-build react native web storybook:
-
-```sh
-yarn build-storybook
-```
+TBD

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatarVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _index = require("../../../enums/index.js");
+const avatarVariants = exports.avatarVariants = (0, _classVarianceAuthority.cva)("border-[1px] border-chia-400 flex items-center justify-center bg-chia-300", {
+  variants: {
+    size: {
+      [_index.SizeEnum.XLARGE]: "w-[96px] h-[96px] rounded-1000",
+      [_index.SizeEnum.LARGE]: "w-[72px] h-[72px] rounded-900",
+      [_index.SizeEnum.MEDIUM]: "w-[56px] h-[56px] rounded-800",
+      [_index.SizeEnum.SMALL]: "w-[40px] h-[40px] rounded-700",
+      [_index.SizeEnum.XSMALL]: "w-[32px] h-[32px] rounded-600",
+      [_index.SizeEnum.XXSMALL]: "w-[24px] h-[24px] rounded-600"
+    }
+  },
+  defaultVariants: {
+    size: _index.SizeEnum.MEDIUM
+  }
+});
+//# sourceMappingURL=class-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","_index","avatarVariants","exports","cva","variants","size","SizeEnum","XLARGE","LARGE","MEDIUM","SMALL","XSMALL","XXSMALL","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/Avatar/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,MAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,2BAAG,EACxB,2EAA2E,EAC3E;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,CAACC,eAAQ,CAACC,MAAM,GAAG,gCAAgC;MACnD,CAACD,eAAQ,CAACE,KAAK,GAAG,+BAA+B;MACjD,CAACF,eAAQ,CAACG,MAAM,GAAG,+BAA+B;MAClD,CAACH,eAAQ,CAACI,KAAK,GAAG,+BAA+B;MACjD,CAACJ,eAAQ,CAACK,MAAM,GAAG,+BAA+B;MAClD,CAACL,eAAQ,CAACM,OAAO,GAAG;IACtB;EACF,CAAC;EACDC,eAAe,EAAE;IACfR,IAAI,EAAEC,eAAQ,CAACG;EACjB;AACF,CACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = Avatar;
+var _native = require("@kivid/icons/native");
+var _reactNative = require("react-native");
+var _index = require("../../enums/index.js");
+var _classVariants = require("./assets/class-variants.js");
+var _tailwindPreset = require("@kivid/tailwind-preset");
+var _index2 = _interopRequireDefault(require("../Typography/index.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Avatar(props) {
+  const {
+    src,
+    name,
+    size = _index.SizeEnum.MEDIUM,
+    className
+  } = props;
+  const personMappedSize = {
+    [_index.SizeEnum.XLARGE]: 56,
+    [_index.SizeEnum.LARGE]: 48,
+    [_index.SizeEnum.MEDIUM]: 40,
+    [_index.SizeEnum.SMALL]: 32,
+    [_index.SizeEnum.XSMALL]: 24,
+    [_index.SizeEnum.XXSMALL]: 16
+  }[size];
+  const personMappedStrokeWidth = {
+    [_index.SizeEnum.XLARGE]: 1.6,
+    [_index.SizeEnum.LARGE]: 1.6,
+    [_index.SizeEnum.MEDIUM]: 1.6,
+    [_index.SizeEnum.SMALL]: 1.6,
+    [_index.SizeEnum.XSMALL]: 1.5,
+    [_index.SizeEnum.XXSMALL]: 1.125
+  }[size];
+  const avatarStyle = (0, _classVariants.avatarVariants)({
+    size
+  });
+  const avatarTextStyleMap = {
+    [_index.SizeEnum.XXSMALL]: {
+      variant: "body_small",
+      fontWeight: "700",
+      className: "h-[15px]"
+    },
+    [_index.SizeEnum.XSMALL]: {
+      variant: "body_small",
+      fontWeight: "700",
+      className: "h-[16px]"
+    },
+    [_index.SizeEnum.SMALL]: {
+      variant: "title_small",
+      fontWeight: "700",
+      className: "h-[18px]"
+    },
+    [_index.SizeEnum.MEDIUM]: {
+      variant: "title_large",
+      fontWeight: "700",
+      className: "h-[18px]"
+    },
+    [_index.SizeEnum.LARGE]: {
+      variant: "headline_small",
+      fontWeight: "700",
+      className: "h-[29px]"
+    },
+    [_index.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: (0, _tailwindPreset.merge)(avatarStyle, className),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+          className: (0, _tailwindPreset.merge)(avatarTextStyleMap[size].className, "text-chia-600"),
+          variant: avatarTextStyleMap[size].variant,
+          weight: avatarTextStyleMap[size].fontWeight,
+          children: firstLetters
+        })
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _tailwindPreset.merge)(avatarStyle, className),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.Person, {
+        color: "#B6C2C2",
+        size: personMappedSize,
+        strokeWidth: personMappedStrokeWidth
+      })
+    });
+  }
+  if (!src) {
+    return renderFallbackType();
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: (0, _tailwindPreset.merge)(avatarStyle, "overflow-hidden", className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri: src
+      },
+      className: "object-cover w-full h-full",
+      accessibilityLabel: "Profile Avatar"
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.textVariants = exports.selectedVariants = exports.buttonVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
-const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)(["flex-row items-center justify-center", "font-bold", "relative overflow-hidden"], {
+var _index = require("../../../enums/index.js");
+const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.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"],
@@ -19,13 +20,13 @@ const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)
       ghost: ["bg-transparent", "disabled:opacity-30"]
     },
     size: {
-      small: ["px-400 h-800"],
-      medium: ["px-600 h-900"],
-      large: ["px-600 h-1000"]
+      [_index.SizeEnum.SMALL]: ["px-400 h-800"],
+      [_index.SizeEnum.MEDIUM]: ["px-600 h-900"],
+      [_index.SizeEnum.LARGE]: ["px-600 h-1000"]
     },
     corners: {
-      small: "rounded-500",
-      medium: "rounded-700"
+      [_index.CornersEnum.SMALL]: "rounded-500",
+      [_index.CornersEnum.MEDIUM]: "rounded-700"
     },
     fullWidth: {
       true: "w-full"
@@ -36,8 +37,8 @@ const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)
   },
   defaultVariants: {
     variant: "grape",
-    size: "medium",
-    corners: "medium",
+    size: _index.SizeEnum.MEDIUM,
+    corners: _index.CornersEnum.MEDIUM,
     fullWidth: false
   }
 });
@@ -54,13 +55,11 @@ const textVariants = exports.textVariants = (0, _classVarianceAuthority.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: [{
@@ -71,6 +70,18 @@ const textVariants = exports.textVariants = (0, _classVarianceAuthority.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 = exports.selectedVariants = (0, _classVarianceAuthority.cva)("", {

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

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","buttonVariants","exports","cva","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,IAAAA,uBAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,2BAAG,EACxB,CACE,sCAAsC,EACtC,WAAW,EACX,0BAA0B,CAC3B,EACD;EACEC,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,GAAAtB,OAAA,CAAAsB,YAAA,GAAG,IAAArB,2BAAG,EAAC,EAAE,EAAE;EAC3BC,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,GAAAzB,OAAA,CAAAyB,gBAAA,GAAG,IAAAxB,2BAAG,EAAC,EAAE,EAAE;EAC/BC,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","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","_index","buttonVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","size","SizeEnum","SMALL","MEDIUM","LARGE","corners","CornersEnum","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/commonjs/components/Button/index.js

@@ -4,19 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Button = Button;
-exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _tailwindPreset = require("@butterfly/tailwind-preset");
+var _tailwindPreset = require("@kivid/tailwind-preset");
 var _index = require("../LoadingDots/index.js");
+var _index2 = require("../Typography/index.js");
 var _classVariants = require("./assets/class-variants.js");
+var _index3 = require("../../enums/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
 function Button(props) {
   const {
     variant = "grape",
-    size = "large",
-    corners = "medium",
+    size = _index3.SizeEnum.LARGE,
+    corners = _index3.CornersEnum.MEDIUM,
     fullWidth = false,
     loading = false,
     selected = false,
@@ -42,11 +44,17 @@ function Button(props) {
     glass: "grape",
     ghost: "grape"
   };
+  const typographyVariantMap = {
+    small: "label_small",
+    medium: "label_medium",
+    large: "label_large"
+  };
+  const typographyVariant = typographyVariantMap[size ?? _index3.SizeEnum.MEDIUM];
   function renderContent() {
     const textStyle = (0, _tailwindPreset.merge)((0, _classVariants.textVariants)({
       variant,
-      size,
-      selected: selected && (variant === "outline" || variant === "ghost")
+      selected: selected && (variant === "outline" || variant === "ghost"),
+      disabled
     }));
     if (loading) {
       const _variant = loadingDotsVariantsMap[variant ?? "grape"];
@@ -57,7 +65,9 @@ function Button(props) {
         })
       });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
+      variant: typographyVariant,
+      weight: "700",
       className: textStyle,
       numberOfLines: 1,
       children: children
@@ -87,30 +97,27 @@ function Button(props) {
     }).start();
     onPressOut?.(event);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
+    ref: ref,
+    disabled: disabled,
+    className: buttonStyle,
     style: {
       opacity: animatedValue
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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";
-var _default = exports.default = Button;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_index","_classVariants","_jsxRuntime","e","__esModule","default","Button","props","variant","size","corners","fullWidth","loading","selected","disabled","className","children","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","animatedValue","React","useRef","Animated","Value","current","loadingDotsVariantsMap","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","renderContent","textStyle","merge","textVariants","_variant","jsx","Fragment","LoadingDots","Text","numberOfLines","buttonStyle","buttonVariants","undefined","selectedVariants","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","View","style","opacity","Pressable","accessibilityRole","accessibilityState","busy","pointerEvents","displayName","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_index","_index2","_classVariants","_index3","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","Button","props","variant","size","SizeEnum","LARGE","corners","CornersEnum","MEDIUM","fullWidth","loading","selected","disabled","className","children","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","animatedValue","React","useRef","Value","current","loadingDotsVariantsMap","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","typographyVariantMap","small","medium","large","typographyVariant","renderContent","textStyle","merge","textVariants","_variant","jsx","Fragment","LoadingDots","Typography","weight","numberOfLines","buttonStyle","buttonVariants","undefined","selectedVariants","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/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;AAQA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAKA,IAAAM,OAAA,GAAAN,OAAA;AAAoD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD,MAAMG,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAE9D,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IACJC,OAAO,GAAG,OAAO;IACjBC,IAAI,GAAGC,gBAAQ,CAACC,KAAK;IACrBC,OAAO,GAAGC,mBAAW,CAACC,MAAM;IAC5BC,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,GAAGnB,KAAK;EAET,MAAMoB,aAAa,GAAGC,cAAK,CAACC,MAAM,CAAC,IAAI1B,qBAAQ,CAAC2B,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,MAAMC,oBAAoB,GAAG;IAC3BC,KAAK,EAAE,aAAa;IACpBC,MAAM,EAAE,cAAc;IACtBC,KAAK,EAAE;EACT,CAAU;EAEV,MAAMC,iBAAiB,GAAGJ,oBAAoB,CAACjC,IAAI,IAAIC,gBAAQ,CAACI,MAAM,CAAC;EAEvE,SAASiC,aAAaA,CAAA,EAAG;IACvB,MAAMC,SAAS,GAAG,IAAAC,qBAAK,EACrB,IAAAC,2BAAY,EAAC;MACX1C,OAAO;MACPS,QAAQ,EAAEA,QAAQ,KAAKT,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,OAAO,CAAC;MACpEU;IACF,CAAC,CACH,CAAC;IAED,IAAIF,OAAO,EAAE;MACX,MAAMmC,QAAQ,GAAGnB,sBAAsB,CAACxB,OAAO,IAAI,OAAO,CAAC;MAE3D,oBACE,IAAAV,WAAA,CAAAsD,GAAA,EAAAtD,WAAA,CAAAuD,QAAA;QAAAjC,QAAA,eACE,IAAAtB,WAAA,CAAAsD,GAAA,EAAC1D,MAAA,CAAA4D,WAAW;UAAC9C,OAAO,EAAE2C,QAAS;UAAChC,SAAS,EAAE;QAAc,CAAE;MAAC,CAC5D,CAAC;IAEP;IAEA,oBACE,IAAArB,WAAA,CAAAsD,GAAA,EAACzD,OAAA,CAAA4D,UAAU;MACT/C,OAAO,EAAEsC,iBAAkB;MAC3BU,MAAM,EAAC,KAAK;MACZrC,SAAS,EAAE6B,SAAU;MACrBS,aAAa,EAAE,CAAE;MAAArC,QAAA,EAEhBA;IAAQ,CACC,CAAC;EAEjB;EAEA,MAAMsC,WAAW,GAAG,IAAAT,qBAAK,EACvB,IAAAU,6BAAc,EAAC;IACbnD,OAAO,EAAES,QAAQ,GAAG2C,SAAS,GAAGpD,OAAO;IACvCC,IAAI;IACJG,OAAO;IACPG;EACF,CAAC,CAAC,EACFE,QAAQ,IAAI,IAAA4C,+BAAgB,EAAC;IAAErD;EAAQ,CAAC,CAAC,EACzCW,SACF,CAAC;EAED,MAAM2C,aAAa,GAAIC,KAA4B,IAAK;IACtD5D,qBAAQ,CAAC6D,MAAM,CAACrC,aAAa,EAAE;MAC7BsC,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAEV5C,SAAS,GAAGuC,KAAK,CAAC;EACpB,CAAC;EAED,MAAMM,cAAc,GAAIN,KAA4B,IAAK;IACvD5D,qBAAQ,CAAC6D,MAAM,CAACrC,aAAa,EAAE;MAC7BsC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAEV3C,UAAU,GAAGsC,KAAK,CAAC;EACrB,CAAC;EAED,oBACE,IAAAjE,WAAA,CAAAsD,GAAA,EAAClD,iBAAiB;IAChBqB,GAAG,EAAEA,GAAI;IACTL,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEuC,WAAY;IACvBY,KAAK,EAAE;MACLC,OAAO,EAAE5C;IACX,CAAE;IACFN,OAAO,EAAEA,OAAQ;IACjBG,SAAS,EAAEsC,aAAc;IACzBrC,UAAU,EAAE4C,cAAe;IAC3BG,iBAAiB,EAAC,QAAQ;IAC1BlD,kBAAkB,EAChBA,kBAAkB,KACjB,OAAOF,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAG,QAAQ,CACpD;IACDqD,kBAAkB,EAAE;MAClBvD,QAAQ,EAAEA,QAAQ;MAClBD,QAAQ,EAAEA,QAAQ;MAClByD,IAAI,EAAE1D;IACR,CAAE;IACF2D,aAAa,EAAE3D,OAAO,IAAIE,QAAQ,GAAG,MAAM,GAAG,MAAO;IAAA,GACjDQ,IAAI;IAAAN,QAAA,EAEP2B,aAAa,CAAC;EAAC,CACC,CAAC;AAExB;AAEAzC,MAAM,CAACsE,WAAW,GAAG,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chatBubbleTimeVariants = exports.chatBubbleBoxVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+const chatBubbleBoxVariants = exports.chatBubbleBoxVariants = (0, _classVarianceAuthority.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"
+  }
+});
+const chatBubbleTimeVariants = exports.chatBubbleTimeVariants = (0, _classVarianceAuthority.cva)("flex-row items-center gap-400 pt-400 pl-400");
+//# 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","compoundVariants","className","defaultVariants","chatBubbleTimeVariants"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,2BAAG,EACtC,2CAA2C,EAC3C;EACEC,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;AAEM,MAAMM,sBAAsB,GAAApB,OAAA,CAAAoB,sBAAA,GAAG,IAAAnB,2BAAG,EACvC,6CACF,CAAC","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-center 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,6BAA6B,EAAEL,SAAS,CAAE;IAAA,GACvDE,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,48 @@
+"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",
+  ...props
+}) => {
+  if (type === "outline") {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+      width: 12,
+      height: 10,
+      viewBox: "0 0 12 10",
+      fill: "none",
+      ...props,
+      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.default, {
+    width: 12,
+    height: 10,
+    viewBox: "0 0 12 10",
+    fill: "none",
+    ...props,
+    children: /*#__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
+    })
+  });
+};
+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","props","jsxs","width","height","viewBox","fill","children","jsx","Path","d","stroke","strokeMiterlimit","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleEar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA6C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,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;AAAA,SAAAN,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAQtC,MAAMmB,aAA2C,GAAGA,CAAC;EAC1DC,IAAI,GAAG,MAAM;EACbC,KAAK,GAAG,SAAS;EACjB,GAAGC;AACL,CAAC,KAAK;EACJ,IAAIF,IAAI,KAAK,SAAS,EAAE;IACtB,oBACE,IAAArB,WAAA,CAAAwB,IAAA,EAAC1B,eAAA,CAAAa,OAAG;MAACc,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACC,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC,MAAM;MAAA,GAAKL,KAAK;MAAAM,QAAA,gBACnE,IAAA7B,WAAA,CAAA8B,GAAA,EAAChC,eAAA,CAAAiC,IAAI;QACHC,CAAC,EAAC,gVAAgV;QAClVJ,IAAI,EAAEN,KAAM;QACZW,MAAM,EAAC,SAAS;QAChBC,gBAAgB,EAAE;MAAG,CACtB,CAAC,eACF,IAAAlC,WAAA,CAAA8B,GAAA,EAAChC,eAAA,CAAAiC,IAAI;QACHC,CAAC,EAAC,sDAAsD;QACxDJ,IAAI,EAAEN;MAAM,CACb,CAAC;IAAA,CACC,CAAC;EAEV;EAEA,oBACE,IAAAtB,WAAA,CAAA8B,GAAA,EAAChC,eAAA,CAAAa,OAAG;IAACc,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAA,GAAKL,KAAK;IAAAM,QAAA,eACnE,IAAA7B,WAAA,CAAA8B,GAAA,EAAChC,eAAA,CAAAiC,IAAI;MACHC,CAAC,EAAC,0QAA0Q;MAC5QJ,IAAI,EAAEN;IAAM,CACb;EAAC,CACC,CAAC;AAEV,CAAC;AAACa,OAAA,CAAAf,aAAA,GAAAA,aAAA","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":[]}