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

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

@@ -0,0 +1,115 @@
+"use strict";
+
+import { merge } from "@kivid/tailwind-preset";
+import React from "react";
+import { Pressable, View } from "react-native";
+import { CornersEnum, FontWeightEnum } from "../../enums/index.js";
+import { Typography } from "../Typography/index.js";
+import { menuCardVariants, textVariants } from "./assets/class-variants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ActionButton(props) {
+  const {
+    icon,
+    primaryText,
+    secondaryText,
+    primaryTextProps = {},
+    secondaryTextProps = {},
+    variant = "grape",
+    corners = CornersEnum.MEDIUM,
+    disabled = false,
+    className,
+    iconContainerClassName,
+    onPress,
+    accessibilityLabel,
+    ref,
+    onPressIn,
+    onPressOut,
+    ...rest
+  } = props;
+  const [isPressed, setIsPressed] = React.useState(false);
+
+  // Map pressed state colors according to Figma design (darker variants)
+  const pressedColorMap = {
+    grape: "bg-grape-700",
+    java: "bg-java-700",
+    pear: "bg-pear-700",
+    tangerine: "bg-tangerine-700",
+    blackberry: "bg-blackberry-700",
+    chia: "bg-chia-800",
+    outline: "border-chia-600"
+  };
+  const containerStyle = merge(menuCardVariants({
+    variant,
+    corners
+  }), isPressed && !disabled && pressedColorMap[variant], className);
+
+  // Define icon colors based on variant
+  const iconColorMap = {
+    grape: "text-chia-100",
+    // chia-100
+    java: "text-chia-100",
+    pear: "text-chia-100",
+    tangerine: "text-chia-100",
+    blackberry: "text-chia-100",
+    chia: "text-chia-100",
+    outline: "text-chia-900" // chia-900
+  };
+
+  // Clone icon element to pass color prop
+  const iconWithColor = /*#__PURE__*/React.isValidElement(icon) ? /*#__PURE__*/React.cloneElement(icon, {
+    className: merge(iconColorMap[variant], icon.props?.className || "")
+  }) : icon;
+  const handlePressIn = event => {
+    setIsPressed(true);
+    onPressIn?.(event);
+  };
+  const handlePressOut = event => {
+    setIsPressed(false);
+    onPressOut?.(event);
+  };
+  const textStyle = merge(textVariants({
+    variant
+  }));
+  const mergedPrimaryTextProps = {
+    variant: "label_large",
+    weight: FontWeightEnum.MEDIUM,
+    ...primaryTextProps,
+    className: merge(textStyle, disabled && "opacity-60", primaryTextProps.className)
+  };
+  const mergedSecondaryTextProps = {
+    variant: "label_large",
+    weight: FontWeightEnum.BOLD,
+    ...secondaryTextProps,
+    className: merge(textStyle, disabled && "opacity-60", secondaryTextProps.className)
+  };
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ref: ref,
+    disabled: disabled,
+    className: containerStyle,
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel || `${primaryText}${secondaryText ? ` ${secondaryText}` : ""}`,
+    accessibilityState: {
+      disabled: disabled
+    },
+    pointerEvents: disabled ? "none" : "auto",
+    ...rest,
+    children: [/*#__PURE__*/_jsx(View, {
+      className: merge("flex items-start shrink-0", disabled && "opacity-60", iconContainerClassName),
+      children: iconWithColor
+    }), /*#__PURE__*/_jsxs(View, {
+      className: "shrink-0",
+      children: [/*#__PURE__*/_jsx(Typography, {
+        ...mergedPrimaryTextProps,
+        children: primaryText
+      }), secondaryText && /*#__PURE__*/_jsx(Typography, {
+        ...mergedSecondaryTextProps,
+        children: secondaryText
+      })]
+    })]
+  });
+}
+ActionButton.displayName = "ActionButton";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["merge","React","Pressable","View","CornersEnum","FontWeightEnum","Typography","menuCardVariants","textVariants","jsx","_jsx","jsxs","_jsxs","ActionButton","props","icon","primaryText","secondaryText","primaryTextProps","secondaryTextProps","variant","corners","MEDIUM","disabled","className","iconContainerClassName","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","useState","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","iconColorMap","iconWithColor","isValidElement","cloneElement","handlePressIn","event","handlePressOut","textStyle","mergedPrimaryTextProps","weight","mergedSecondaryTextProps","BOLD","accessibilityRole","accessibilityState","pointerEvents","children","displayName"],"sourceRoot":"../../../../src","sources":["components/ActionButton/index.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["cva","SizeEnum","avatarVariants","variants","size","XLARGE","LARGE","MEDIUM","SMALL","XSMALL","XXSMALL","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/Avatar/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,QAAQ,QAAQ,yBAAgB;AAEzC,MAAMC,cAAc,GAAGF,GAAG,CACxB,2EAA2E,EAC3E;EACEG,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,CAACH,QAAQ,CAACI,MAAM,GAAG,gCAAgC;MACnD,CAACJ,QAAQ,CAACK,KAAK,GAAG,+BAA+B;MACjD,CAACL,QAAQ,CAACM,MAAM,GAAG,+BAA+B;MAClD,CAACN,QAAQ,CAACO,KAAK,GAAG,+BAA+B;MACjD,CAACP,QAAQ,CAACQ,MAAM,GAAG,+BAA+B;MAClD,CAACR,QAAQ,CAACS,OAAO,GAAG;IACtB;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAEH,QAAQ,CAACM;EACjB;AACF,CACF,CAAC;AAED,SAASL,cAAc","ignoreList":[]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,120 @@
+"use strict";
+
+import { cva } from "class-variance-authority";
+export const chatBubbleBoxVariants = 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"
+  }
+});
+export const chatBubbleTimeVariants = cva("flex-row items-center gap-400 pt-400", {
+  variants: {
+    origin: {
+      assistant: "pl-400",
+      user: "pr-400"
+    }
+  },
+  defaultVariants: {
+    origin: "assistant"
+  }
+});
+export const chatBubbleContainerVariants = cva("flex", {
+  variants: {
+    origin: {
+      assistant: "items-start",
+      user: "items-end"
+    }
+  },
+  defaultVariants: {
+    origin: "assistant"
+  }
+});
+//# sourceMappingURL=class-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cva","chatBubbleBoxVariants","variants","variant","check","alert","error","custom","colorState","fill","outline","hasEar","true","false","messageType","initial","followUp","fullWidth","origin","assistant","user","compoundVariants","className","defaultVariants","chatBubbleTimeVariants","chatBubbleContainerVariants"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,OAAO,MAAMC,qBAAqB,GAAGD,GAAG,CACtC,iDAAiD,EACjD;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,CAAC;IACDC,SAAS,EAAE;MACTL,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAE;IACT,CAAC;IACDK,MAAM,EAAE;MACNC,SAAS,EAAE,EAAE;MACbC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,gBAAgB,EAAE,CAChB;IACElB,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBc,SAAS,EAAE;EACb,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBc,SAAS,EAAE;EACb,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBc,SAAS,EAAE;EACb,CAAC,EACD;IACEnB,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,MAAM;IAClBc,SAAS,EAAE;EACb,CAAC,EACD;IACEnB,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,SAAS;IACrBc,SAAS,EAAE;EACb,CAAC,EACD;IACEd,UAAU,EAAE,SAAS;IACrBc,SAAS,EAAE;EACb,CAAC,EACD;IACEX,MAAM,EAAE,IAAI;IACZO,MAAM,EAAE,WAAW;IACnBI,SAAS,EAAE;EACb,CAAC,EACD;IACEX,MAAM,EAAE,KAAK;IACbO,MAAM,EAAE,WAAW;IACnBI,SAAS,EAAE;EACb,CAAC,EACD;IACEX,MAAM,EAAE,IAAI;IACZO,MAAM,EAAE,MAAM;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACEX,MAAM,EAAE,KAAK;IACbO,MAAM,EAAE,MAAM;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACER,WAAW,EAAE,UAAU;IACvBI,MAAM,EAAE,WAAW;IACnBI,SAAS,EAAE;EACb,CAAC,EACD;IACER,WAAW,EAAE,UAAU;IACvBI,MAAM,EAAE,MAAM;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACEJ,MAAM,EAAE,MAAM;IACdf,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,MAAM;IAClBc,SAAS,EAAE;EACb,CAAC,EACD;IACEJ,MAAM,EAAE,MAAM;IACdf,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,SAAS;IACrBc,SAAS,EAAE;EACb,CAAC,CACF;EACDC,eAAe,EAAE;IACff,UAAU,EAAE,MAAM;IAClBM,WAAW,EAAE,SAAS;IACtBG,SAAS,EAAE,KAAK;IAChBC,MAAM,EAAE;EACV;AACF,CACF,CAAC;AAED,OAAO,MAAMM,sBAAsB,GAAGxB,GAAG,CACvC,sCAAsC,EACtC;EACEE,QAAQ,EAAE;IACRgB,MAAM,EAAE;MACNC,SAAS,EAAE,QAAQ;MACnBC,IAAI,EAAE;IACR;EACF,CAAC;EACDG,eAAe,EAAE;IACfL,MAAM,EAAE;EACV;AACF,CACF,CAAC;AAED,OAAO,MAAMO,2BAA2B,GAAGzB,GAAG,CAAC,MAAM,EAAE;EACrDE,QAAQ,EAAE;IACRgB,MAAM,EAAE;MACNC,SAAS,EAAE,aAAa;MACxBC,IAAI,EAAE;IACR;EACF,CAAC;EACDG,eAAe,EAAE;IACfL,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

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