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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/dist/commonjs/components/ChatBubble/assets/class-variants.js +55 -4
  2. package/dist/commonjs/components/ChatBubble/assets/class-variants.js.map +1 -1
  3. package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js +25 -20
  4. package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js.map +1 -1
  5. package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/types.js +6 -0
  6. package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/types.js.map +1 -0
  7. package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js +8 -3
  8. package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
  9. package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js +7 -1
  10. package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js.map +1 -1
  11. package/dist/commonjs/components/ChatBubble/index.js +58 -13
  12. package/dist/commonjs/components/ChatBubble/index.js.map +1 -1
  13. package/dist/commonjs/components/IconButton/index.js +1 -0
  14. package/dist/commonjs/components/IconButton/index.js.map +1 -1
  15. package/dist/commonjs/components/MessageInput/assets/class-variants.js +31 -0
  16. package/dist/commonjs/components/MessageInput/assets/class-variants.js.map +1 -0
  17. package/dist/commonjs/components/MessageInput/index.js +105 -0
  18. package/dist/commonjs/components/MessageInput/index.js.map +1 -0
  19. package/dist/commonjs/components/MessageInput/types.js +6 -0
  20. package/dist/commonjs/components/MessageInput/types.js.map +1 -0
  21. package/dist/commonjs/components/TextInput/assets/class-variants.js +21 -4
  22. package/dist/commonjs/components/TextInput/assets/class-variants.js.map +1 -1
  23. package/dist/commonjs/components/TextInput/enums.js +7 -1
  24. package/dist/commonjs/components/TextInput/enums.js.map +1 -1
  25. package/dist/commonjs/components/TextInput/index.js +13 -3
  26. package/dist/commonjs/components/TextInput/index.js.map +1 -1
  27. package/dist/commonjs/components/index.js +54 -43
  28. package/dist/commonjs/components/index.js.map +1 -1
  29. package/dist/module/components/ChatBubble/assets/class-variants.js +54 -3
  30. package/dist/module/components/ChatBubble/assets/class-variants.js.map +1 -1
  31. package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js +26 -21
  32. package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js.map +1 -1
  33. package/dist/module/components/ChatBubble/components/ChatBubbleEar/types.js +4 -0
  34. package/dist/module/components/ChatBubble/components/ChatBubbleEar/types.js.map +1 -0
  35. package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js +7 -2
  36. package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
  37. package/dist/module/components/ChatBubble/components/ChatBubbleTime/index.js +9 -2
  38. package/dist/module/components/ChatBubble/components/ChatBubbleTime/index.js.map +1 -1
  39. package/dist/module/components/ChatBubble/index.js +59 -14
  40. package/dist/module/components/ChatBubble/index.js.map +1 -1
  41. package/dist/module/components/IconButton/index.js +1 -0
  42. package/dist/module/components/IconButton/index.js.map +1 -1
  43. package/dist/module/components/MessageInput/assets/class-variants.js +27 -0
  44. package/dist/module/components/MessageInput/assets/class-variants.js.map +1 -0
  45. package/dist/module/components/MessageInput/index.js +100 -0
  46. package/dist/module/components/MessageInput/index.js.map +1 -0
  47. package/dist/module/components/MessageInput/types.js +4 -0
  48. package/dist/module/components/MessageInput/types.js.map +1 -0
  49. package/dist/module/components/TextInput/assets/class-variants.js +21 -4
  50. package/dist/module/components/TextInput/assets/class-variants.js.map +1 -1
  51. package/dist/module/components/TextInput/enums.js +6 -0
  52. package/dist/module/components/TextInput/enums.js.map +1 -1
  53. package/dist/module/components/TextInput/index.js +14 -4
  54. package/dist/module/components/TextInput/index.js.map +1 -1
  55. package/dist/module/components/index.js +2 -0
  56. package/dist/module/components/index.js.map +1 -1
  57. package/dist/typescript/components/ChatBubble/assets/class-variants.d.ts +7 -1
  58. package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/index.d.ts +1 -6
  59. package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/types.d.ts +6 -0
  60. package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/types.d.ts +1 -0
  61. package/dist/typescript/components/ChatBubble/types.d.ts +1 -0
  62. package/dist/typescript/components/MessageInput/assets/class-variants.d.ts +7 -0
  63. package/dist/typescript/components/MessageInput/index.d.ts +6 -0
  64. package/dist/typescript/components/MessageInput/types.d.ts +13 -0
  65. package/dist/typescript/components/TextInput/assets/class-variants.d.ts +3 -0
  66. package/dist/typescript/components/TextInput/enums.d.ts +5 -0
  67. package/dist/typescript/components/TextInput/index.d.ts +1 -1
  68. package/dist/typescript/components/TextInput/types.d.ts +4 -1
  69. package/dist/typescript/components/index.d.ts +4 -0
  70. package/package.json +22 -11
  71. package/src/components/ChatBubble/assets/class-variants.ts +130 -66
  72. package/src/components/ChatBubble/components/ChatBubbleEar/index.tsx +35 -24
  73. package/src/components/ChatBubble/components/ChatBubbleEar/types.ts +7 -0
  74. package/src/components/ChatBubble/components/ChatBubbleText/index.tsx +8 -5
  75. package/src/components/ChatBubble/components/ChatBubbleTime/index.tsx +4 -1
  76. package/src/components/ChatBubble/contexts/ChatBubbleContext/types.ts +1 -0
  77. package/src/components/ChatBubble/index.tsx +83 -23
  78. package/src/components/ChatBubble/types.ts +1 -0
  79. package/src/components/IconButton/index.tsx +1 -0
  80. package/src/components/MessageInput/assets/class-variants.ts +35 -0
  81. package/src/components/MessageInput/index.tsx +121 -0
  82. package/src/components/MessageInput/types.ts +18 -0
  83. package/src/components/TextInput/assets/class-variants.ts +32 -13
  84. package/src/components/TextInput/enums.ts +6 -0
  85. package/src/components/TextInput/index.tsx +9 -1
  86. package/src/components/TextInput/types.ts +4 -1
  87. package/src/components/index.ts +5 -0
@@ -2,28 +2,33 @@
2
2
 
3
3
  import React from "react";
4
4
  import Svg, { Path } from "react-native-svg";
5
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
6
6
  export const ChatBubbleEar = ({
7
7
  type = "fill",
8
8
  color = "#F2F7F7",
9
+ mirrored = false,
9
10
  ...props
10
11
  }) => {
11
- if (type === "outline") {
12
- return /*#__PURE__*/_jsxs(Svg, {
13
- width: 12,
14
- height: 10,
15
- viewBox: "0 0 12 10",
16
- fill: "none",
17
- ...props,
18
- children: [/*#__PURE__*/_jsx(Path, {
19
- 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",
20
- fill: color,
21
- stroke: "#DEE7E7",
22
- strokeMiterlimit: 10
23
- }), /*#__PURE__*/_jsx(Path, {
24
- d: "M8 3.15144V9H12V0H9C9 1.47424 8.5 2.46333 8 3.15144Z",
25
- fill: color
26
- })]
12
+ const transform = mirrored ? [{
13
+ scaleX: -1
14
+ }] : undefined;
15
+ function renderSvgContent() {
16
+ if (type === "outline") {
17
+ return /*#__PURE__*/_jsxs(_Fragment, {
18
+ children: [/*#__PURE__*/_jsx(Path, {
19
+ 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",
20
+ fill: color,
21
+ stroke: "#DEE7E7",
22
+ strokeMiterlimit: 10
23
+ }), /*#__PURE__*/_jsx(Path, {
24
+ d: "M8 3.15144V9H12V0H9C9 1.47424 8.5 2.46333 8 3.15144Z",
25
+ fill: color
26
+ })]
27
+ });
28
+ }
29
+ return /*#__PURE__*/_jsx(Path, {
30
+ 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",
31
+ fill: color
27
32
  });
28
33
  }
29
34
  return /*#__PURE__*/_jsx(Svg, {
@@ -31,11 +36,11 @@ export const ChatBubbleEar = ({
31
36
  height: 10,
32
37
  viewBox: "0 0 12 10",
33
38
  fill: "none",
39
+ style: {
40
+ transform
41
+ },
34
42
  ...props,
35
- children: /*#__PURE__*/_jsx(Path, {
36
- 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",
37
- fill: color
38
- })
43
+ children: renderSvgContent()
39
44
  });
40
45
  };
41
46
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","Svg","Path","jsx","_jsx","jsxs","_jsxs","ChatBubbleEar","type","color","props","width","height","viewBox","fill","children","d","stroke","strokeMiterlimit"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleEar/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ7C,OAAO,MAAMC,aAA2C,GAAGA,CAAC;EAC1DC,IAAI,GAAG,MAAM;EACbC,KAAK,GAAG,SAAS;EACjB,GAAGC;AACL,CAAC,KAAK;EACJ,IAAIF,IAAI,KAAK,SAAS,EAAE;IACtB,oBACEF,KAAA,CAACL,GAAG;MAACU,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACC,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC,MAAM;MAAA,GAAKJ,KAAK;MAAAK,QAAA,gBACnEX,IAAA,CAACF,IAAI;QACHc,CAAC,EAAC,gVAAgV;QAClVF,IAAI,EAAEL,KAAM;QACZQ,MAAM,EAAC,SAAS;QAChBC,gBAAgB,EAAE;MAAG,CACtB,CAAC,eACFd,IAAA,CAACF,IAAI;QACHc,CAAC,EAAC,sDAAsD;QACxDF,IAAI,EAAEL;MAAM,CACb,CAAC;IAAA,CACC,CAAC;EAEV;EAEA,oBACEL,IAAA,CAACH,GAAG;IAACU,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAA,GAAKJ,KAAK;IAAAK,QAAA,eACnEX,IAAA,CAACF,IAAI;MACHc,CAAC,EAAC,0QAA0Q;MAC5QF,IAAI,EAAEL;IAAM,CACb;EAAC,CACC,CAAC;AAEV,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","Svg","Path","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ChatBubbleEar","type","color","mirrored","props","transform","scaleX","undefined","renderSvgContent","children","d","fill","stroke","strokeMiterlimit","width","height","viewBox","style"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleEar/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAG7C,OAAO,MAAMC,aAA2C,GAAGA,CAAC;EAC1DC,IAAI,GAAG,MAAM;EACbC,KAAK,GAAG,SAAS;EACjBC,QAAQ,GAAG,KAAK;EAChB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAGF,QAAQ,GAAG,CAAC;IAAEG,MAAM,EAAE,CAAC;EAAE,CAAC,CAAC,GAAGC,SAAS;EAEzD,SAASC,gBAAgBA,CAAA,EAAG;IAC1B,IAAIP,IAAI,KAAK,SAAS,EAAE;MACtB,oBACEF,KAAA,CAAAF,SAAA;QAAAY,QAAA,gBACEd,IAAA,CAACF,IAAI;UACHiB,CAAC,EAAC,gVAAgV;UAClVC,IAAI,EAAET,KAAM;UACZU,MAAM,EAAC,SAAS;UAChBC,gBAAgB,EAAE;QAAG,CACtB,CAAC,eACFlB,IAAA,CAACF,IAAI;UACHiB,CAAC,EAAC,sDAAsD;UACxDC,IAAI,EAAET;QAAM,CACb,CAAC;MAAA,CACF,CAAC;IAEP;IAEA,oBACEP,IAAA,CAACF,IAAI;MACHiB,CAAC,EAAC,0QAA0Q;MAC5QC,IAAI,EAAET;IAAM,CACb,CAAC;EAEN;EAEA,oBACEP,IAAA,CAACH,GAAG;IACFsB,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBL,IAAI,EAAC,MAAM;IACXM,KAAK,EAAE;MAAEZ;IAAU,CAAE;IAAA,GACjBD,KAAK;IAAAK,QAAA,EAERD,gBAAgB,CAAC;EAAC,CAChB,CAAC;AAEV,CAAC","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export {};
4
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleEar/types.ts"],"mappings":"","ignoreList":[]}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- import React from "react";
3
+ import React, { useMemo } from "react";
4
4
  import { merge } from "@kivid/tailwind-preset";
5
5
  import { Typography } from "../../../Typography/index.js";
6
6
  import { useChatBubbleContext } from "../../contexts/index.js";
@@ -20,7 +20,12 @@ export const ChatBubbleText = ({
20
20
  } = useChatBubbleContext();
21
21
 
22
22
  // Text color based on bubble colorState
23
- const textColorClass = colorState === "fill" && variant !== "custom" ? "text-chia-200" : "text-chia-800";
23
+ const textColorClass = useMemo(() => {
24
+ if (colorState === "fill") {
25
+ return "text-chia-200";
26
+ }
27
+ return "text-chia-800";
28
+ }, [colorState, variant]);
24
29
  return /*#__PURE__*/_jsx(Typography, {
25
30
  variant: "body_large",
26
31
  weight: "600",
@@ -1 +1 @@
1
- {"version":3,"names":["React","merge","Typography","useChatBubbleContext","jsx","_jsx","ChatBubbleText","className","children","props","colorState","variant","textColorClass","weight","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleText/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,UAAU,QAAQ,8BAAqB;AAGhD,SAASC,oBAAoB,QAAQ,yBAAgB;;AAErD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,OAAO,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGR,oBAAoB,CAAC,CAAC;;EAEtD;EACA,MAAMS,cAAc,GAClBF,UAAU,KAAK,MAAM,IAAIC,OAAO,KAAK,QAAQ,GACzC,eAAe,GACf,eAAe;EAErB,oBACEN,IAAA,CAACH,UAAU;IACTS,OAAO,EAAC,YAAY;IACpBE,MAAM,EAAC,KAAK;IACZN,SAAS,EAAEN,KAAK,CAACW,cAAc,EAAE,aAAa,EAAEL,SAAS,CAAE;IAAA,GACvDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACC,CAAC;AAEjB,CAAC;AAEDF,cAAc,CAACQ,WAAW,GAAG,iBAAiB","ignoreList":[]}
1
+ {"version":3,"names":["React","useMemo","merge","Typography","useChatBubbleContext","jsx","_jsx","ChatBubbleText","className","children","props","colorState","variant","textColorClass","weight","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleText/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,UAAU,QAAQ,8BAAqB;AAGhD,SAASC,oBAAoB,QAAQ,yBAAgB;;AAErD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,OAAO,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGR,oBAAoB,CAAC,CAAC;;EAEtD;EACA,MAAMS,cAAc,GAAGZ,OAAO,CAAC,MAAM;IACnC,IAAIU,UAAU,KAAK,MAAM,EAAE;MACzB,OAAO,eAAe;IACxB;IAEA,OAAO,eAAe;EACxB,CAAC,EAAE,CAACA,UAAU,EAAEC,OAAO,CAAC,CAAC;EAEzB,oBACEN,IAAA,CAACH,UAAU;IACTS,OAAO,EAAC,YAAY;IACpBE,MAAM,EAAC,KAAK;IACZN,SAAS,EAAEN,KAAK,CAACW,cAAc,EAAE,aAAa,EAAEL,SAAS,CAAE;IAAA,GACvDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACC,CAAC;AAEjB,CAAC;AAEDF,cAAc,CAACQ,WAAW,GAAG,iBAAiB","ignoreList":[]}
@@ -5,17 +5,24 @@ import { View } from "react-native";
5
5
  import { merge } from "@kivid/tailwind-preset";
6
6
  import { Typography } from "../../../Typography/index.js";
7
7
  import { chatBubbleTimeVariants } from "../../assets/class-variants.js";
8
- import { jsx as _jsx } from "react/jsx-runtime";
8
+ import { useChatBubbleContext } from "../../contexts/ChatBubbleContext/index.js";
9
+
9
10
  /**
10
11
  * Time component for displaying message timestamp
11
12
  */
13
+ import { jsx as _jsx } from "react/jsx-runtime";
12
14
  export const ChatBubbleTime = ({
13
15
  className,
14
16
  children,
15
17
  ...props
16
18
  }) => {
19
+ const {
20
+ origin
21
+ } = useChatBubbleContext();
17
22
  return /*#__PURE__*/_jsx(View, {
18
- className: chatBubbleTimeVariants(),
23
+ className: chatBubbleTimeVariants({
24
+ origin
25
+ }),
19
26
  accessibilityLabel: `Message time: ${children}`,
20
27
  accessibilityRole: "text",
21
28
  children: /*#__PURE__*/_jsx(Typography, {
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","merge","Typography","chatBubbleTimeVariants","jsx","_jsx","ChatBubbleTime","className","children","props","accessibilityLabel","accessibilityRole","variant","weight","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleTime/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,UAAU,QAAQ,8BAAqB;AAChD,SAASC,sBAAsB,QAAQ,gCAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrE;AACA;AACA;AACA,OAAO,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEJ,IAAA,CAACL,IAAI;IACHO,SAAS,EAAEJ,sBAAsB,CAAC,CAAE;IACpCO,kBAAkB,EAAE,iBAAiBF,QAAQ,EAAG;IAChDG,iBAAiB,EAAC,MAAM;IAAAH,QAAA,eAExBH,IAAA,CAACH,UAAU;MACTU,OAAO,EAAC,aAAa;MACrBC,MAAM,EAAC,KAAK;MACZN,SAAS,EAAEN,KAAK,CAAC,eAAe,EAAEM,SAAS,CAAE;MAAA,GACzCE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACC;EAAC,CACT,CAAC;AAEX,CAAC;AAEDF,cAAc,CAACQ,WAAW,GAAG,iBAAiB","ignoreList":[]}
1
+ {"version":3,"names":["React","View","merge","Typography","chatBubbleTimeVariants","useChatBubbleContext","jsx","_jsx","ChatBubbleTime","className","children","props","origin","accessibilityLabel","accessibilityRole","variant","weight","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleTime/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,UAAU,QAAQ,8BAAqB;AAChD,SAASC,sBAAsB,QAAQ,gCAA6B;AAEpE,SAASC,oBAAoB,QAAQ,2CAAkC;;AAEvE;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,OAAO,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAO,CAAC,GAAGP,oBAAoB,CAAC,CAAC;EAEzC,oBACEE,IAAA,CAACN,IAAI;IACHQ,SAAS,EAAEL,sBAAsB,CAAC;MAAEQ;IAAO,CAAC,CAAE;IAC9CC,kBAAkB,EAAE,iBAAiBH,QAAQ,EAAG;IAChDI,iBAAiB,EAAC,MAAM;IAAAJ,QAAA,eAExBH,IAAA,CAACJ,UAAU;MACTY,OAAO,EAAC,aAAa;MACrBC,MAAM,EAAC,KAAK;MACZP,SAAS,EAAEP,KAAK,CAAC,eAAe,EAAEO,SAAS,CAAE;MAAA,GACzCE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACC;EAAC,CACT,CAAC;AAEX,CAAC;AAEDF,cAAc,CAACS,WAAW,GAAG,iBAAiB","ignoreList":[]}
@@ -3,7 +3,8 @@
3
3
  import { View } from "react-native";
4
4
  import { ChatBubbleEar } from "./components/index.js";
5
5
  import { ChatBubbleContent, ChatBubbleSeal, ChatBubbleText, ChatBubbleTime, ChatBubbleLoading } from "./components/index.js";
6
- import { chatBubbleBoxVariants } from "./assets/class-variants.js";
6
+ import { cva } from "class-variance-authority";
7
+ import { chatBubbleBoxVariants, chatBubbleContainerVariants } from "./assets/class-variants.js";
7
8
  import { elevationDown100 } from "../../styles/mixins/shadows/index.js";
8
9
  import { merge } from "@kivid/tailwind-preset";
9
10
  import { ChatBubbleContext } from "./contexts/index.js";
@@ -18,6 +19,7 @@ export function ChatBubble(props) {
18
19
  children,
19
20
  time: timeFromProps,
20
21
  shouldDisplayTime = true,
22
+ origin = "assistant",
21
23
  messageType = "initial",
22
24
  chatBubbleBoxClassName,
23
25
  fullWidth = false,
@@ -28,17 +30,23 @@ export function ChatBubble(props) {
28
30
  const [hours, minutes] = new Date().toLocaleTimeString().split(":");
29
31
  return `${hours}:${minutes}`;
30
32
  }, [timeFromProps]);
31
- const colorMap = {
33
+ const colorMap = useMemo(() => ({
32
34
  check: "#3DCC78",
33
35
  alert: "#FF8B59",
34
36
  error: "#E65245",
35
- custom: "#FAFCFC"
36
- };
37
- const tailColor = colorState === "outline" ? "#FAFCFC" : colorMap[variant];
37
+ custom: origin === "user" ? "#7A50D9" : "#FAFCFC"
38
+ }), [origin]);
39
+ const tailColor = useMemo(() => {
40
+ if (colorState === "outline") {
41
+ return "#FAFCFC";
42
+ }
43
+ return colorMap[variant];
44
+ }, [colorMap, colorState, variant]);
38
45
  const contextInitialValue = {
39
46
  variant,
40
47
  colorState,
41
- messageType
48
+ messageType,
49
+ origin
42
50
  };
43
51
  const accessibilityLabelMap = {
44
52
  check: "Success message",
@@ -50,19 +58,50 @@ export function ChatBubble(props) {
50
58
  if (hasEar) {
51
59
  return /*#__PURE__*/_jsx(ChatBubbleEar, {
52
60
  color: tailColor,
53
- type: colorState
61
+ type: colorState,
62
+ mirrored: origin === "user"
54
63
  });
55
64
  }
56
65
  return null;
57
66
  }
58
- const bubbleWithEarOffset = hasEar ? "mr-[8.8px]" : "";
59
- const bubbleRowClass = `relative flex-row items-end ${bubbleWithEarOffset}`;
67
+ const bubbleWithEarOffset = useMemo(() => {
68
+ if (origin === "user") {
69
+ if (!hasEar) {
70
+ return "mr-[8px]";
71
+ }
72
+ return "";
73
+ }
74
+ if (origin === "assistant") {
75
+ if (!hasEar) {
76
+ return "ml-[8px]";
77
+ }
78
+ return "";
79
+ }
80
+ return "";
81
+ }, [hasEar, origin]);
82
+ const bubbleRowClass = cva("relative flex-row items-end ", {
83
+ variants: {
84
+ origin: {
85
+ user: `flex-row-reverse ${bubbleWithEarOffset}`,
86
+ assistant: bubbleWithEarOffset
87
+ }
88
+ }
89
+ });
90
+ const bubbleEarContainerClass = cva("w-[12px] h-[10px] pb-[0.2px] z-10 items-center justify-center", {
91
+ variants: {
92
+ origin: {
93
+ user: "ml-[-4px]",
94
+ assistant: "mr-[-4px]"
95
+ }
96
+ }
97
+ });
60
98
  const chatBubbleBoxStyle = merge(chatBubbleBoxVariants({
61
99
  variant,
62
100
  colorState,
63
101
  hasEar,
64
102
  messageType,
65
- fullWidth
103
+ fullWidth,
104
+ origin
66
105
  }), chatBubbleBoxClassName);
67
106
  return /*#__PURE__*/_jsx(ChatBubbleContext.Provider, {
68
107
  value: contextInitialValue,
@@ -70,12 +109,18 @@ export function ChatBubble(props) {
70
109
  accessibilityRole: "text",
71
110
  accessibilityLabel: accessibilityLabelMap[variant],
72
111
  accessible: true,
73
- className: merge("flex", className),
112
+ className: merge(chatBubbleContainerVariants({
113
+ origin
114
+ }), className),
74
115
  ...restOfProps,
75
116
  children: [/*#__PURE__*/_jsxs(View, {
76
- className: bubbleRowClass,
77
- children: [/*#__PURE__*/_jsx(View, {
78
- className: "w-[11px] h-[9px] mr-[-3.2px] pb-[1.2px] z-10 items-center justify-center",
117
+ className: bubbleRowClass({
118
+ origin
119
+ }),
120
+ children: [hasEar && /*#__PURE__*/_jsx(View, {
121
+ className: bubbleEarContainerClass({
122
+ origin
123
+ }),
79
124
  accessibilityElementsHidden: true,
80
125
  importantForAccessibility: "no-hide-descendants",
81
126
  children: renderChatBubbleEar()
@@ -1 +1 @@
1
- {"version":3,"names":["View","ChatBubbleEar","ChatBubbleContent","ChatBubbleSeal","ChatBubbleText","ChatBubbleTime","ChatBubbleLoading","chatBubbleBoxVariants","elevationDown100","merge","ChatBubbleContext","useMemo","jsx","_jsx","jsxs","_jsxs","ChatBubble","props","variant","colorState","hasEar","className","children","time","timeFromProps","shouldDisplayTime","messageType","chatBubbleBoxClassName","fullWidth","restOfProps","hours","minutes","Date","toLocaleTimeString","split","colorMap","check","alert","error","custom","tailColor","contextInitialValue","accessibilityLabelMap","renderChatBubbleEar","color","type","bubbleWithEarOffset","bubbleRowClass","chatBubbleBoxStyle","Provider","value","accessibilityRole","accessibilityLabel","accessible","accessibilityElementsHidden","importantForAccessibility","style","boxShadow","Content","Seal","Text","Loading","displayName"],"sourceRoot":"../../../../src","sources":["components/ChatBubble/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["View","ChatBubbleEar","ChatBubbleContent","ChatBubbleSeal","ChatBubbleText","ChatBubbleTime","ChatBubbleLoading","cva","chatBubbleBoxVariants","chatBubbleContainerVariants","elevationDown100","merge","ChatBubbleContext","useMemo","jsx","_jsx","jsxs","_jsxs","ChatBubble","props","variant","colorState","hasEar","className","children","time","timeFromProps","shouldDisplayTime","origin","messageType","chatBubbleBoxClassName","fullWidth","restOfProps","hours","minutes","Date","toLocaleTimeString","split","colorMap","check","alert","error","custom","tailColor","contextInitialValue","accessibilityLabelMap","renderChatBubbleEar","color","type","mirrored","bubbleWithEarOffset","bubbleRowClass","variants","user","assistant","bubbleEarContainerClass","chatBubbleBoxStyle","Provider","value","accessibilityRole","accessibilityLabel","accessible","accessibilityElementsHidden","importantForAccessibility","style","boxShadow","Content","Seal","Text","Loading","displayName"],"sourceRoot":"../../../../src","sources":["components/ChatBubble/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -84,6 +84,7 @@ export function IconButton(props) {
84
84
  },
85
85
  disabled: disabled,
86
86
  accessibilityRole: "button",
87
+ accessibilityLabel: accessibilityLabel,
87
88
  accessibilityState: {
88
89
  disabled: disabled,
89
90
  selected: selected,
@@ -1 +1 @@
1
- {"version":3,"names":["Animated","Pressable","View","buttonVariants","merge","useRef","LoadingDots","IconButtonCornersEnum","IconButtonSizeEnum","IconButtonVariantEnum","jsx","_jsx","Fragment","_Fragment","AnimatedPressable","createAnimatedComponent","IconButton","props","icon","loading","variant","GRAPE","size","SMALL","corners","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","Value","current","loadingDotsVariantsMap","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","mappedLoadingStyleBySize","MEDIUM","LARGE","XLARGE","XXLARGE","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","renderContent","lottieViewStyle","width","height","children","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["Animated","Pressable","View","buttonVariants","merge","useRef","LoadingDots","IconButtonCornersEnum","IconButtonSizeEnum","IconButtonVariantEnum","jsx","_jsx","Fragment","_Fragment","AnimatedPressable","createAnimatedComponent","IconButton","props","icon","loading","variant","GRAPE","size","SMALL","corners","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","Value","current","loadingDotsVariantsMap","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","mappedLoadingStyleBySize","MEDIUM","LARGE","XLARGE","XXLARGE","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","renderContent","lottieViewStyle","width","height","children","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ import { cva } from "class-variance-authority";
4
+ export const messageInputContainerVariants = cva("flex-row items-center border border-chia-400 bg-chia-100 rounded-700 min-h-[48px]", {
5
+ variants: {
6
+ disabled: {
7
+ true: "opacity-40",
8
+ false: ""
9
+ }
10
+ },
11
+ defaultVariants: {
12
+ disabled: false
13
+ }
14
+ });
15
+ export const messageInputContentVariants = cva("flex-1 flex-col text-chia-900 px-600");
16
+ export const messageInputFieldVariants = cva("font-nunito-bold text-[16px] leading-[20px] placeholder:text-chia-600 ios:pt-[3px] android:p-0", {
17
+ variants: {
18
+ disabled: {
19
+ true: "",
20
+ false: ""
21
+ }
22
+ },
23
+ defaultVariants: {
24
+ disabled: false
25
+ }
26
+ });
27
+ //# sourceMappingURL=class-variants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["cva","messageInputContainerVariants","variants","disabled","true","false","defaultVariants","messageInputContentVariants","messageInputFieldVariants"],"sourceRoot":"../../../../../src","sources":["components/MessageInput/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,OAAO,MAAMC,6BAA6B,GAAGD,GAAG,CAC9C,mFAAmF,EACnF;EACEE,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,OAAO,MAAMI,2BAA2B,GAAGP,GAAG,CAC5C,sCACF,CAAC;AAED,OAAO,MAAMQ,yBAAyB,GAAGR,GAAG,CAC1C,gGAAgG,EAChG;EACEE,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC","ignoreList":[]}
@@ -0,0 +1,100 @@
1
+ "use strict";
2
+
3
+ import { useRef } from "react";
4
+ import { View, TextInput as RNTextInput, Pressable } from "react-native";
5
+ import { merge } from "@kivid/tailwind-preset";
6
+ import { messageInputContainerVariants, messageInputContentVariants, messageInputFieldVariants } from "./assets/class-variants.js";
7
+ import { EssentialSendStroke } from "@kivid/icons/native";
8
+ import { IconButton } from "../IconButton/index.js";
9
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
10
+ export function MessageInput({
11
+ value = "",
12
+ onChangeText,
13
+ disabled = false,
14
+ className = "",
15
+ inputClassName = "",
16
+ placeholder = "Type a message...",
17
+ accessibilityLabel,
18
+ containerTestID,
19
+ ref,
20
+ onSend,
21
+ sendButtonDisabled = false,
22
+ sendButtonAccessibilityLabel = "Send message",
23
+ multiline = false,
24
+ ...rest
25
+ }) {
26
+ const inputRef = useRef(null);
27
+ const handleChangeText = text => {
28
+ onChangeText?.(text);
29
+ };
30
+ const handleSend = () => {
31
+ if (!disabled && !sendButtonDisabled && onSend) {
32
+ onSend(value);
33
+ }
34
+ };
35
+ const getAccessibilityLabel = () => {
36
+ if (accessibilityLabel) return accessibilityLabel;
37
+ let labelText = "Message input";
38
+ if (disabled) labelText += ", disabled";
39
+ return labelText;
40
+ };
41
+ const isSendButtonDisabled = disabled || sendButtonDisabled;
42
+ return /*#__PURE__*/_jsxs(Pressable, {
43
+ testID: containerTestID,
44
+ className: merge(messageInputContainerVariants({
45
+ disabled
46
+ }), className),
47
+ onPress: () => {
48
+ if (!disabled) {
49
+ inputRef.current?.focus();
50
+ }
51
+ },
52
+ disabled: disabled,
53
+ accessibilityRole: "none",
54
+ accessibilityState: {
55
+ disabled
56
+ },
57
+ children: [/*#__PURE__*/_jsx(View, {
58
+ className: merge(messageInputContentVariants()),
59
+ children: /*#__PURE__*/_jsx(RNTextInput, {
60
+ value: value,
61
+ onChangeText: handleChangeText,
62
+ editable: !disabled,
63
+ placeholder: placeholder,
64
+ multiline: multiline,
65
+ className: merge(messageInputFieldVariants({
66
+ disabled
67
+ }), inputClassName),
68
+ accessibilityLabel: getAccessibilityLabel(),
69
+ accessibilityState: {
70
+ disabled
71
+ },
72
+ ...rest,
73
+ ref: instance => {
74
+ inputRef.current = instance;
75
+ if (ref) {
76
+ ref.current = instance;
77
+ }
78
+ }
79
+ })
80
+ }), /*#__PURE__*/_jsx(IconButton, {
81
+ onPress: handleSend,
82
+ disabled: isSendButtonDisabled,
83
+ className: "mr-400",
84
+ accessibilityRole: "button",
85
+ accessibilityLabel: sendButtonAccessibilityLabel,
86
+ accessibilityState: {
87
+ disabled: isSendButtonDisabled
88
+ },
89
+ testID: "send-button",
90
+ icon: /*#__PURE__*/_jsx(EssentialSendStroke, {
91
+ width: 24,
92
+ height: 24,
93
+ className: "text-white"
94
+ })
95
+ })]
96
+ });
97
+ }
98
+ MessageInput.displayName = "MessageInput";
99
+ export default MessageInput;
100
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useRef","View","TextInput","RNTextInput","Pressable","merge","messageInputContainerVariants","messageInputContentVariants","messageInputFieldVariants","EssentialSendStroke","IconButton","jsx","_jsx","jsxs","_jsxs","MessageInput","value","onChangeText","disabled","className","inputClassName","placeholder","accessibilityLabel","containerTestID","ref","onSend","sendButtonDisabled","sendButtonAccessibilityLabel","multiline","rest","inputRef","handleChangeText","text","handleSend","getAccessibilityLabel","labelText","isSendButtonDisabled","testID","onPress","current","focus","accessibilityRole","accessibilityState","children","editable","instance","icon","width","height","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageInput/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export {};
4
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/MessageInput/types.ts"],"mappings":"","ignoreList":[]}
@@ -1,16 +1,25 @@
1
1
  "use strict";
2
2
 
3
3
  import { cva } from "class-variance-authority";
4
- export const textInputContainerVariants = cva("flex-row items-center border border-chia-400 bg-chia-100 h-[64px]", {
4
+ export const textInputContainerVariants = cva("flex-row items-center border border-chia-400 bg-chia-100", {
5
5
  variants: {
6
6
  corners: {
7
7
  small: "rounded-500",
8
8
  medium: "rounded-700"
9
9
  },
10
+ size: {
11
+ small: "h-[48px]",
12
+ medium: "h-[56px]",
13
+ large: "h-[64px]"
14
+ },
10
15
  showLabel: {
11
16
  true: "gap-400 px-600 py-500",
12
17
  false: "px-600 py-500"
13
18
  },
19
+ showLeftIcon: {
20
+ true: "",
21
+ false: ""
22
+ },
14
23
  error: {
15
24
  true: "border-blackberry-500",
16
25
  false: "border-chia-400"
@@ -22,12 +31,14 @@ export const textInputContainerVariants = cva("flex-row items-center border bord
22
31
  },
23
32
  defaultVariants: {
24
33
  corners: "medium",
34
+ size: "large",
25
35
  showLabel: false,
36
+ showLeftIcon: false,
26
37
  error: false,
27
38
  disabled: false
28
39
  }
29
40
  });
30
- export const textInputContentVariants = cva("flex-1 flex-col text-chia-900", {
41
+ export const textInputContentVariants = cva("flex-1 flex-col text-chia-900 shrink min-w-0", {
31
42
  variants: {
32
43
  showLabel: {
33
44
  true: "gap-0",
@@ -38,7 +49,7 @@ export const textInputContentVariants = cva("flex-1 flex-col text-chia-900", {
38
49
  showLabel: false
39
50
  }
40
51
  });
41
- export const textInputFieldVariants = cva("font-nunito-bold text-[16px] leading-[18px] text-chia-900 placeholder:text-chia-600 ios:pt-[3px] android:p-0", {
52
+ export const textInputFieldVariants = cva("flex-1 font-nunito-bold text-[16px] leading-[20px] placeholder:text-chia-600 android:p-0 min-w-0", {
42
53
  variants: {
43
54
  disabled: {
44
55
  true: "",
@@ -55,13 +66,19 @@ export const textInputFieldVariants = cva("font-nunito-bold text-[16px] leading-
55
66
  showLabel: {
56
67
  true: "min-h-700",
57
68
  false: "min-h-800"
69
+ },
70
+ size: {
71
+ small: "ios:pt-[3px]",
72
+ medium: "ios:pt-[3px]",
73
+ large: "ios:pt-[2px]"
58
74
  }
59
75
  },
60
76
  defaultVariants: {
61
77
  disabled: false,
62
78
  isValid: false,
63
79
  error: false,
64
- showLabel: false
80
+ showLabel: false,
81
+ size: "large"
65
82
  }
66
83
  });
67
84
  //# sourceMappingURL=class-variants.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["cva","textInputContainerVariants","variants","corners","small","medium","showLabel","true","false","error","disabled","defaultVariants","textInputContentVariants","textInputFieldVariants","isValid"],"sourceRoot":"../../../../../src","sources":["components/TextInput/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,OAAO,MAAMC,0BAA0B,GAAGD,GAAG,CAC3C,mEAAmE,EACnE;EACEE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLF,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IAEDE,QAAQ,EAAE;MACRH,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfR,OAAO,EAAE,QAAQ;IACjBG,SAAS,EAAE,KAAK;IAChBG,KAAK,EAAE,KAAK;IACZC,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,OAAO,MAAME,wBAAwB,GAAGZ,GAAG,CAAC,+BAA+B,EAAE;EAC3EE,QAAQ,EAAE;IACRI,SAAS,EAAE;MACTC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfL,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,OAAO,MAAMO,sBAAsB,GAAGb,GAAG,CACvC,8GAA8G,EAC9G;EACEE,QAAQ,EAAE;IACRQ,QAAQ,EAAE;MACRH,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDM,OAAO,EAAE;MACPP,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLF,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT,CAAC;IACDF,SAAS,EAAE;MACTC,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfD,QAAQ,EAAE,KAAK;IACfI,OAAO,EAAE,KAAK;IACdL,KAAK,EAAE,KAAK;IACZH,SAAS,EAAE;EACb;AACF,CACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["cva","textInputContainerVariants","variants","corners","small","medium","size","large","showLabel","true","false","showLeftIcon","error","disabled","defaultVariants","textInputContentVariants","textInputFieldVariants","isValid"],"sourceRoot":"../../../../../src","sources":["components/TextInput/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,OAAO,MAAMC,0BAA0B,GAAGD,GAAG,CAC3C,0DAA0D,EAC1D;EACEE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,IAAI,EAAE;MACJF,KAAK,EAAE,UAAU;MACjBC,MAAM,EAAE,UAAU;MAClBE,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IACDC,YAAY,EAAE;MACZF,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLH,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IACDG,QAAQ,EAAE;MACRJ,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfX,OAAO,EAAE,QAAQ;IACjBG,IAAI,EAAE,OAAO;IACbE,SAAS,EAAE,KAAK;IAChBG,YAAY,EAAE,KAAK;IACnBC,KAAK,EAAE,KAAK;IACZC,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,OAAO,MAAME,wBAAwB,GAAGf,GAAG,CACzC,8CAA8C,EAC9C;EACEE,QAAQ,EAAE;IACRM,SAAS,EAAE;MACTC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAED,OAAO,MAAMQ,sBAAsB,GAAGhB,GAAG,CACvC,kGAAkG,EAClG;EACEE,QAAQ,EAAE;IACRW,QAAQ,EAAE;MACRJ,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDO,OAAO,EAAE;MACPR,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLH,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT,CAAC;IACDF,SAAS,EAAE;MACTC,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT,CAAC;IACDJ,IAAI,EAAE;MACJF,KAAK,EAAE,cAAc;MACrBC,MAAM,EAAE,cAAc;MACtBE,KAAK,EAAE;IACT;EACF,CAAC;EACDO,eAAe,EAAE;IACfD,QAAQ,EAAE,KAAK;IACfI,OAAO,EAAE,KAAK;IACdL,KAAK,EAAE,KAAK;IACZJ,SAAS,EAAE,KAAK;IAChBF,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
@@ -5,4 +5,10 @@ export let TextInputCornersEnum = /*#__PURE__*/function (TextInputCornersEnum) {
5
5
  TextInputCornersEnum["MEDIUM"] = "medium";
6
6
  return TextInputCornersEnum;
7
7
  }({});
8
+ export let TextInputSizeEnum = /*#__PURE__*/function (TextInputSizeEnum) {
9
+ TextInputSizeEnum["SMALL"] = "small";
10
+ TextInputSizeEnum["MEDIUM"] = "medium";
11
+ TextInputSizeEnum["LARGE"] = "large";
12
+ return TextInputSizeEnum;
13
+ }({});
8
14
  //# sourceMappingURL=enums.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["TextInputCornersEnum"],"sourceRoot":"../../../../src","sources":["components/TextInput/enums.ts"],"mappings":";;AAAA,WAAYA,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA","ignoreList":[]}
1
+ {"version":3,"names":["TextInputCornersEnum","TextInputSizeEnum"],"sourceRoot":"../../../../src","sources":["components/TextInput/enums.ts"],"mappings":";;AAAA,WAAYA,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAKhC,WAAYC,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}