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

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 (136) hide show
  1. package/dist/commonjs/components/Avatar/assets/class-variants.js +23 -0
  2. package/dist/commonjs/components/Avatar/assets/class-variants.js.map +1 -0
  3. package/dist/commonjs/components/Avatar/enums/index.js +17 -0
  4. package/dist/commonjs/components/Avatar/enums/index.js.map +1 -0
  5. package/dist/commonjs/components/Avatar/enums/size.js +15 -0
  6. package/dist/commonjs/components/Avatar/enums/size.js.map +1 -0
  7. package/dist/commonjs/components/Avatar/images/girl.jpg +0 -0
  8. package/dist/commonjs/components/Avatar/index.js +97 -0
  9. package/dist/commonjs/components/Avatar/index.js.map +1 -0
  10. package/dist/commonjs/components/Avatar/types.js +6 -0
  11. package/dist/commonjs/components/Avatar/types.js.map +1 -0
  12. package/dist/commonjs/components/Button/assets/class-variants.js +0 -5
  13. package/dist/commonjs/components/Button/assets/class-variants.js.map +1 -1
  14. package/dist/commonjs/components/Button/index.js +10 -4
  15. package/dist/commonjs/components/Button/index.js.map +1 -1
  16. package/dist/commonjs/components/Chip/index.js +7 -3
  17. package/dist/commonjs/components/Chip/index.js.map +1 -1
  18. package/dist/commonjs/components/HighlightedText/index.js +20 -16
  19. package/dist/commonjs/components/HighlightedText/index.js.map +1 -1
  20. package/dist/commonjs/components/InputOTP/components/InformationStatus/index.js +3 -3
  21. package/dist/commonjs/components/InputOTP/components/InformationStatus/index.js.map +1 -1
  22. package/dist/commonjs/components/InputOTP/enums/index.js +9 -11
  23. package/dist/commonjs/components/InputOTP/enums/index.js.map +1 -1
  24. package/dist/commonjs/components/Toggle/enums/variant.js +8 -8
  25. package/dist/commonjs/components/Toggle/enums/variant.js.map +1 -1
  26. package/dist/commonjs/components/Toggle/index.js +1 -1
  27. package/dist/commonjs/components/Toggle/index.js.map +1 -1
  28. package/dist/commonjs/components/Typography/assets/class-variants.js +59 -0
  29. package/dist/commonjs/components/Typography/assets/class-variants.js.map +1 -0
  30. package/dist/commonjs/components/Typography/index.js +9 -5
  31. package/dist/commonjs/components/Typography/index.js.map +1 -1
  32. package/dist/commonjs/components/index.js +110 -11
  33. package/dist/commonjs/components/index.js.map +1 -1
  34. package/dist/commonjs/hooks/use-fonts.js +8 -0
  35. package/dist/commonjs/hooks/use-fonts.js.map +1 -1
  36. package/dist/module/components/Avatar/assets/class-variants.js +20 -0
  37. package/dist/module/components/Avatar/assets/class-variants.js.map +1 -0
  38. package/dist/module/components/Avatar/enums/index.js +4 -0
  39. package/dist/module/components/Avatar/enums/index.js.map +1 -0
  40. package/dist/module/components/Avatar/enums/size.js +11 -0
  41. package/dist/module/components/Avatar/enums/size.js.map +1 -0
  42. package/dist/module/components/Avatar/images/girl.jpg +0 -0
  43. package/dist/module/components/Avatar/index.js +92 -0
  44. package/dist/module/components/Avatar/index.js.map +1 -0
  45. package/dist/module/components/Avatar/types.js +4 -0
  46. package/dist/module/components/Avatar/types.js.map +1 -0
  47. package/dist/module/components/Button/assets/class-variants.js +0 -5
  48. package/dist/module/components/Button/assets/class-variants.js.map +1 -1
  49. package/dist/module/components/Button/index.js +11 -4
  50. package/dist/module/components/Button/index.js.map +1 -1
  51. package/dist/module/components/Chip/index.js +8 -4
  52. package/dist/module/components/Chip/index.js.map +1 -1
  53. package/dist/module/components/HighlightedText/index.js +20 -16
  54. package/dist/module/components/HighlightedText/index.js.map +1 -1
  55. package/dist/module/components/InputOTP/components/InformationStatus/index.js +1 -1
  56. package/dist/module/components/InputOTP/components/InformationStatus/index.js.map +1 -1
  57. package/dist/module/components/InputOTP/enums/index.js +8 -1
  58. package/dist/module/components/InputOTP/enums/index.js.map +1 -1
  59. package/dist/module/components/Toggle/enums/variant.js +7 -7
  60. package/dist/module/components/Toggle/enums/variant.js.map +1 -1
  61. package/dist/module/components/Toggle/index.js +2 -2
  62. package/dist/module/components/Toggle/index.js.map +1 -1
  63. package/dist/module/components/Typography/assets/class-variants.js +55 -0
  64. package/dist/module/components/Typography/assets/class-variants.js.map +1 -0
  65. package/dist/module/components/Typography/index.js +9 -5
  66. package/dist/module/components/Typography/index.js.map +1 -1
  67. package/dist/module/components/index.js +9 -0
  68. package/dist/module/components/index.js.map +1 -1
  69. package/dist/module/hooks/use-fonts.js +8 -0
  70. package/dist/module/hooks/use-fonts.js.map +1 -1
  71. package/dist/package.json +1 -2
  72. package/dist/typescript/components/Avatar/assets/class-variants.d.ts +5 -0
  73. package/dist/typescript/components/Avatar/enums/index.d.ts +1 -0
  74. package/dist/typescript/components/Avatar/enums/size.d.ts +7 -0
  75. package/dist/typescript/components/Avatar/index.d.ts +2 -0
  76. package/dist/typescript/components/Avatar/types.d.ts +6 -0
  77. package/dist/typescript/components/Button/assets/class-variants.d.ts +0 -1
  78. package/dist/typescript/components/Button/index.d.ts +2 -2
  79. package/dist/typescript/components/Chip/assets/class-variants.d.ts +1 -1
  80. package/dist/typescript/components/Chip/index.d.ts +2 -1
  81. package/dist/typescript/components/HighlightedText/index.d.ts +1 -0
  82. package/dist/typescript/components/HighlightedText/types.d.ts +9 -3
  83. package/dist/typescript/components/InputOTP/enums/index.d.ts +7 -1
  84. package/dist/typescript/components/Seal/assets/class-variants.d.ts +1 -1
  85. package/dist/typescript/components/Toggle/enums/variant.d.ts +1 -1
  86. package/dist/typescript/components/Toggle/types.d.ts +2 -2
  87. package/dist/typescript/components/Typography/assets/class-variants.d.ts +4 -0
  88. package/dist/typescript/components/Typography/index.d.ts +3 -3
  89. package/dist/typescript/components/Typography/types.d.ts +3 -3
  90. package/dist/typescript/components/index.d.ts +18 -0
  91. package/package.json +11 -13
  92. package/src/components/Avatar/assets/class-variants.ts +22 -0
  93. package/src/components/Avatar/enums/index.ts +1 -0
  94. package/src/components/Avatar/enums/size.ts +7 -0
  95. package/src/components/Avatar/images/girl.jpg +0 -0
  96. package/src/components/Avatar/index.stories.tsx +84 -0
  97. package/src/components/Avatar/index.tsx +98 -0
  98. package/src/components/Avatar/types.ts +7 -0
  99. package/src/components/Button/assets/class-variants.ts +0 -5
  100. package/src/components/Button/index.tsx +24 -6
  101. package/src/components/Chip/index.tsx +16 -8
  102. package/src/components/HighlightedText/index.stories.tsx +117 -18
  103. package/src/components/HighlightedText/index.tsx +36 -16
  104. package/src/components/HighlightedText/types.ts +9 -3
  105. package/src/components/InputOTP/components/InformationStatus/index.tsx +1 -1
  106. package/src/components/InputOTP/enums/index.ts +7 -1
  107. package/src/components/InputOTP/index.stories.tsx +13 -4
  108. package/src/components/Title/index.stories.tsx +185 -75
  109. package/src/components/Toggle/enums/variant.ts +1 -1
  110. package/src/components/Toggle/index.stories.tsx +19 -19
  111. package/src/components/Toggle/index.tsx +2 -2
  112. package/src/components/Toggle/types.ts +2 -2
  113. package/src/components/Typography/assets/class-variants.ts +56 -0
  114. package/src/components/Typography/index.stories.tsx +117 -159
  115. package/src/components/Typography/index.tsx +9 -5
  116. package/src/components/Typography/types.ts +5 -3
  117. package/src/components/index.ts +28 -0
  118. package/src/hooks/use-fonts.ts +8 -0
  119. package/assets/adaptive-icon.png +0 -0
  120. package/assets/favicon.png +0 -0
  121. package/assets/fonts/Nunito-Bold.ttf +0 -0
  122. package/assets/fonts/Nunito-BoldItalic.ttf +0 -0
  123. package/assets/fonts/Nunito-Italic.ttf +0 -0
  124. package/assets/fonts/Nunito-Medium.ttf +0 -0
  125. package/assets/fonts/Nunito-MediumItalic.ttf +0 -0
  126. package/assets/fonts/Nunito-Regular.ttf +0 -0
  127. package/assets/fonts/Nunito-SemiBold.ttf +0 -0
  128. package/assets/fonts/Nunito-SemiBoldItalic.ttf +0 -0
  129. package/assets/icon.png +0 -0
  130. package/assets/splash.png +0 -0
  131. package/dist/commonjs/components/InputOTP/enums/information-status.js +0 -15
  132. package/dist/commonjs/components/InputOTP/enums/information-status.js.map +0 -1
  133. package/dist/module/components/InputOTP/enums/information-status.js +0 -11
  134. package/dist/module/components/InputOTP/enums/information-status.js.map +0 -1
  135. package/dist/typescript/components/InputOTP/enums/information-status.d.ts +0 -7
  136. package/src/components/InputOTP/enums/information-status.ts +0 -7
@@ -1,37 +1,41 @@
1
1
  "use strict";
2
2
 
3
- import { merge } from "@kivid/tailwind-preset";
4
- import { Text } from "react-native";
3
+ import { Typography } from "../Typography/index.js";
5
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
6
5
  export function HighlightedText(props) {
7
6
  const {
8
7
  text,
9
8
  highlightText,
10
9
  className,
11
- highlightTextClassName,
12
10
  reverse,
13
- ref,
11
+ highlightedTextProps = {},
12
+ variant = "label_medium",
13
+ weight = "400",
14
14
  ...rest
15
15
  } = props;
16
- const mergeClassName = merge("text-label_medium_300", className);
17
- const mergeHighlightClassName = merge("text-label_medium_700", highlightTextClassName);
18
16
  if (reverse) {
19
- return /*#__PURE__*/_jsxs(Text, {
20
- ref: ref,
21
- className: mergeClassName,
17
+ return /*#__PURE__*/_jsxs(Typography, {
18
+ variant: variant,
19
+ weight: weight,
20
+ className: className,
22
21
  ...rest,
23
- children: [/*#__PURE__*/_jsx(Text, {
24
- className: mergeHighlightClassName,
22
+ children: [/*#__PURE__*/_jsx(Typography, {
23
+ variant: highlightedTextProps.variant,
24
+ weight: highlightedTextProps.weight,
25
+ ...highlightedTextProps,
25
26
  children: highlightText
26
27
  }), " ", text]
27
28
  });
28
29
  }
29
- return /*#__PURE__*/_jsxs(Text, {
30
- ref: ref,
31
- className: mergeClassName,
30
+ return /*#__PURE__*/_jsxs(Typography, {
31
+ variant: variant,
32
+ weight: weight,
33
+ className: className,
32
34
  ...rest,
33
- children: [text, " ", /*#__PURE__*/_jsx(Text, {
34
- className: mergeHighlightClassName,
35
+ children: [text, " ", /*#__PURE__*/_jsx(Typography, {
36
+ variant: highlightedTextProps.variant || "label_medium",
37
+ weight: highlightedTextProps.weight || "700",
38
+ ...highlightedTextProps,
35
39
  children: highlightText
36
40
  })]
37
41
  });
@@ -1 +1 @@
1
- {"version":3,"names":["merge","Text","jsx","_jsx","jsxs","_jsxs","HighlightedText","props","text","highlightText","className","highlightTextClassName","reverse","ref","rest","mergeClassName","mergeHighlightClassName","children","displayName"],"sourceRoot":"../../../../src","sources":["components/HighlightedText/index.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IACJC,IAAI;IACJC,aAAa;IACbC,SAAS;IACTC,sBAAsB;IACtBC,OAAO;IACPC,GAAG;IACH,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,cAAc,GAAGf,KAAK,CAAC,uBAAuB,EAAEU,SAAS,CAAC;EAChE,MAAMM,uBAAuB,GAAGhB,KAAK,CACnC,uBAAuB,EACvBW,sBACF,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,oBACEP,KAAA,CAACJ,IAAI;MAACY,GAAG,EAAEA,GAAI;MAACH,SAAS,EAAEK,cAAe;MAAA,GAAKD,IAAI;MAAAG,QAAA,gBACjDd,IAAA,CAACF,IAAI;QAACS,SAAS,EAAEM,uBAAwB;QAAAC,QAAA,EAAER;MAAa,CAAO,CAAC,KAAC,EAACD,IAAI;IAAA,CAClE,CAAC;EAEX;EAEA,oBACEH,KAAA,CAACJ,IAAI;IAACY,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEK,cAAe;IAAA,GAAKD,IAAI;IAAAG,QAAA,GAChDT,IAAI,EAAC,GAAC,eAAAL,IAAA,CAACF,IAAI;MAACS,SAAS,EAAEM,uBAAwB;MAAAC,QAAA,EAAER;IAAa,CAAO,CAAC;EAAA,CACnE,CAAC;AAEX;AAEAH,eAAe,CAACY,WAAW,GAAG,iBAAiB;AAC/C,eAAeZ,eAAe","ignoreList":[]}
1
+ {"version":3,"names":["Typography","jsx","_jsx","jsxs","_jsxs","HighlightedText","props","text","highlightText","className","reverse","highlightedTextProps","variant","weight","rest","children","displayName"],"sourceRoot":"../../../../src","sources":["components/HighlightedText/index.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IACJC,IAAI;IACJC,aAAa;IACbC,SAAS;IACTC,OAAO;IACPC,oBAAoB,GAAG,CAAC,CAAC;IACzBC,OAAO,GAAG,cAAc;IACxBC,MAAM,GAAG,KAAK;IACd,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,IAAII,OAAO,EAAE;IACX,oBACEN,KAAA,CAACJ,UAAU;MACTY,OAAO,EAAEA,OAAQ;MACjBC,MAAM,EAAEA,MAAO;MACfJ,SAAS,EAAEA,SAAU;MAAA,GACjBK,IAAI;MAAAC,QAAA,gBAERb,IAAA,CAACF,UAAU;QACTY,OAAO,EAAED,oBAAoB,CAACC,OAAQ;QACtCC,MAAM,EAAEF,oBAAoB,CAACE,MAAO;QAAA,GAChCF,oBAAoB;QAAAI,QAAA,EAEvBP;MAAa,CACJ,CAAC,EAAC,GAAG,EAChBD,IAAI;IAAA,CACK,CAAC;EAEjB;EAEA,oBACEH,KAAA,CAACJ,UAAU;IACTY,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfJ,SAAS,EAAEA,SAAU;IAAA,GACjBK,IAAI;IAAAC,QAAA,GAEPR,IAAI,EAAE,GAAG,eACVL,IAAA,CAACF,UAAU;MACTY,OAAO,EAAED,oBAAoB,CAACC,OAAO,IAAI,cAAe;MACxDC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,IAAI,KAAM;MAAA,GACzCF,oBAAoB;MAAAI,QAAA,EAEvBP;IAAa,CACJ,CAAC;EAAA,CACH,CAAC;AAEjB;AAEAH,eAAe,CAACW,WAAW,GAAG,iBAAiB;AAC/C,eAAeX,eAAe","ignoreList":[]}
@@ -3,7 +3,7 @@
3
3
 
4
4
  import { useMemo } from "react";
5
5
  import { merge } from "@kivid/tailwind-preset";
6
- import Button from "../../../Button/index.js";
6
+ import { Button } from "../../../Button/index.js";
7
7
  import { HighlightedText } from "../../../HighlightedText/index.js";
8
8
  import LoadingDots from "../../../LoadingDots/index.js";
9
9
  import { Chip } from "../../../Chip/index.js";
@@ -1 +1 @@
1
- {"version":3,"names":["useMemo","merge","Button","HighlightedText","LoadingDots","Chip","Text","ChipVariantEnum","SealVariantEnum","InformationStatusEnum","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","InformationStatus","props","status","DEFAULT","disabled","onPress","renderInformation","textStyle","children","variant","corners","size","highlightText","text","reverse","className","LOADING","SUCCESS","OUTLINE","sealVariant","label","ERROR"],"sourceRoot":"../../../../../../src","sources":["components/InputOTP/components/InformationStatus/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["useMemo","merge","Button","HighlightedText","LoadingDots","Chip","Text","ChipVariantEnum","SealVariantEnum","InformationStatusEnum","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","InformationStatus","props","status","DEFAULT","disabled","onPress","renderInformation","textStyle","children","variant","corners","size","highlightText","text","reverse","className","LOADING","SUCCESS","OUTLINE","sealVariant","label","ERROR"],"sourceRoot":"../../../../../../src","sources":["components/InputOTP/components/InformationStatus/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,11 @@
1
1
  "use strict";
2
2
 
3
- export * from "./information-status.js";
3
+ export let InformationStatusEnum = /*#__PURE__*/function (InformationStatusEnum) {
4
+ InformationStatusEnum["DEFAULT"] = "default";
5
+ InformationStatusEnum["ERROR"] = "error";
6
+ InformationStatusEnum["SUCCESS"] = "success";
7
+ InformationStatusEnum["LOADING"] = "loading";
8
+ InformationStatusEnum["COOLDOWN"] = "cooldown";
9
+ return InformationStatusEnum;
10
+ }({});
4
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/InputOTP/enums/index.ts"],"mappings":";;AAAA,cAAc,yBAAsB","ignoreList":[]}
1
+ {"version":3,"names":["InformationStatusEnum"],"sourceRoot":"../../../../../src","sources":["components/InputOTP/enums/index.ts"],"mappings":";;AAAA,WAAYA,qBAAqB,0BAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA","ignoreList":[]}
@@ -1,11 +1,11 @@
1
1
  "use strict";
2
2
 
3
- export let VariantEnum = /*#__PURE__*/function (VariantEnum) {
4
- VariantEnum["GRAPE"] = "grape";
5
- VariantEnum["JAVA"] = "java";
6
- VariantEnum["PEAR"] = "pear";
7
- VariantEnum["TANGERINE"] = "tangerine";
8
- VariantEnum["CHIA"] = "chia";
9
- return VariantEnum;
3
+ export let ToggleVariantEnum = /*#__PURE__*/function (ToggleVariantEnum) {
4
+ ToggleVariantEnum["GRAPE"] = "grape";
5
+ ToggleVariantEnum["JAVA"] = "java";
6
+ ToggleVariantEnum["PEAR"] = "pear";
7
+ ToggleVariantEnum["TANGERINE"] = "tangerine";
8
+ ToggleVariantEnum["CHIA"] = "chia";
9
+ return ToggleVariantEnum;
10
10
  }({});
11
11
  //# sourceMappingURL=variant.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["VariantEnum"],"sourceRoot":"../../../../../src","sources":["components/Toggle/enums/variant.ts"],"mappings":";;AAAA,WAAYA,WAAW,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA","ignoreList":[]}
1
+ {"version":3,"names":["ToggleVariantEnum"],"sourceRoot":"../../../../../src","sources":["components/Toggle/enums/variant.ts"],"mappings":";;AAAA,WAAYA,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import { Pressable, View } from "react-native";
4
- import { VariantEnum } from "./enums/index.js";
4
+ import { ToggleVariantEnum } from "./enums/index.js";
5
5
  import { merge } from "@kivid/tailwind-preset";
6
6
  import { toggleVariants } from "./assets/class-variants.js";
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -9,7 +9,7 @@ export function Toggle(props) {
9
9
  const {
10
10
  checked,
11
11
  disabled = false,
12
- variant = VariantEnum.JAVA,
12
+ variant = ToggleVariantEnum.JAVA,
13
13
  onChange
14
14
  } = props;
15
15
  const handleToggle = () => {
@@ -1 +1 @@
1
- {"version":3,"names":["Pressable","View","VariantEnum","merge","toggleVariants","jsx","_jsx","Toggle","props","checked","disabled","variant","JAVA","onChange","handleToggle","mergeToggleClass","onPress","className","children"],"sourceRoot":"../../../../src","sources":["components/Toggle/index.tsx"],"mappings":";;AACA,SAASA,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,WAAW,QAAQ,kBAAS;AACrC,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,cAAc,QAAQ,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzD,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IACJC,OAAO;IACPC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAGT,WAAW,CAACU,IAAI;IAC1BC;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIJ,QAAQ,EAAE;IAEd,IAAIG,QAAQ,EAAE;MACZA,QAAQ,CAAC,CAACJ,OAAO,CAAC;IACpB;EACF,CAAC;EAED,MAAMM,gBAAgB,GAAGZ,KAAK,CAC5BC,cAAc,CAAC;IAAEO,OAAO;IAAEF,OAAO;IAAEC;EAAS,CAAC,CAAC,EAC9CA,QAAQ,IAAI,CAACD,OAAO,GAAG,aAAa,GAAG,EACzC,CAAC;EAED,oBACEH,IAAA,CAACN,SAAS;IACRgB,OAAO,EAAEF,YAAa;IACtBG,SAAS,EAAC,2CAA2C;IAAAC,QAAA,eAErDZ,IAAA,CAACL,IAAI;MAACgB,SAAS,EAAEF,gBAAiB;MAAAG,QAAA,eAChCZ,IAAA,CAACL,IAAI;QACHgB,SAAS,EAAE,gGACTR,OAAO,GAAG,oBAAoB,GAAG,iBAAiB;MACjD,CACE;IAAC,CACJ;EAAC,CACE,CAAC;AAEhB","ignoreList":[]}
1
+ {"version":3,"names":["Pressable","View","ToggleVariantEnum","merge","toggleVariants","jsx","_jsx","Toggle","props","checked","disabled","variant","JAVA","onChange","handleToggle","mergeToggleClass","onPress","className","children"],"sourceRoot":"../../../../src","sources":["components/Toggle/index.tsx"],"mappings":";;AACA,SAASA,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,iBAAiB,QAAQ,kBAAS;AAC3C,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,cAAc,QAAQ,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzD,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IACJC,OAAO;IACPC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAGT,iBAAiB,CAACU,IAAI;IAChCC;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIJ,QAAQ,EAAE;IAEd,IAAIG,QAAQ,EAAE;MACZA,QAAQ,CAAC,CAACJ,OAAO,CAAC;IACpB;EACF,CAAC;EAED,MAAMM,gBAAgB,GAAGZ,KAAK,CAC5BC,cAAc,CAAC;IAAEO,OAAO;IAAEF,OAAO;IAAEC;EAAS,CAAC,CAAC,EAC9CA,QAAQ,IAAI,CAACD,OAAO,GAAG,aAAa,GAAG,EACzC,CAAC;EAED,oBACEH,IAAA,CAACN,SAAS;IACRgB,OAAO,EAAEF,YAAa;IACtBG,SAAS,EAAC,2CAA2C;IAAAC,QAAA,eAErDZ,IAAA,CAACL,IAAI;MAACgB,SAAS,EAAEF,gBAAiB;MAAAG,QAAA,eAChCZ,IAAA,CAACL,IAAI;QACHgB,SAAS,EAAE,gGACTR,OAAO,GAAG,oBAAoB,GAAG,iBAAiB;MACjD,CACE;IAAC,CACJ;EAAC,CACE,CAAC;AAEhB","ignoreList":[]}
@@ -0,0 +1,55 @@
1
+ "use strict";
2
+
3
+ import { cva } from "class-variance-authority";
4
+ import { Platform } from "react-native";
5
+ const getWeightVariants = () => {
6
+ if (Platform.OS === "web") {
7
+ return {
8
+ "200": "font-[200]",
9
+ "300": "font-[300]",
10
+ "400": "font-[400]",
11
+ "500": "font-[500]",
12
+ "600": "font-[600]",
13
+ "700": "font-[700]",
14
+ "800": "font-[800]",
15
+ "900": "font-[900]"
16
+ };
17
+ }
18
+ return {
19
+ "200": "font-nunito-extralight",
20
+ "300": "font-nunito-light",
21
+ "400": "font-nunito-regular",
22
+ "500": "font-nunito-medium",
23
+ "600": "font-nunito-semibold",
24
+ "700": "font-nunito-bold",
25
+ "800": "font-nunito-extrabold",
26
+ "900": "font-nunito-black"
27
+ };
28
+ };
29
+ export const typographyVariants = cva("font-nunito-regular", {
30
+ variants: {
31
+ variant: {
32
+ label_small: "text-[12px] leading-[16px]",
33
+ label_medium: "text-[14px] leading-[16px]",
34
+ label_large: "text-[16px] leading-[18px]",
35
+ body_small: "text-[12px] leading-[16px]",
36
+ body_medium: "text-[14px] leading-[20px]",
37
+ body_large: "text-[16px] leading-[24px]",
38
+ title_small: "text-[16px] leading-[20px]",
39
+ title_medium: "text-[18px] leading-[22px]",
40
+ title_large: "text-[22px] leading-[24px]",
41
+ headline_small: "text-[26px] leading-[32px]",
42
+ headline_medium: "text-[32px] leading-[36px]",
43
+ headline_large: "text-[36px] leading-[40px]",
44
+ display_small: "text-[40px] leading-[48px]",
45
+ display_medium: "text-[44px] leading-[56px]",
46
+ display_large: "text-[56px] leading-[64px]"
47
+ },
48
+ weight: getWeightVariants()
49
+ },
50
+ defaultVariants: {
51
+ variant: "body_medium",
52
+ weight: "400"
53
+ }
54
+ });
55
+ //# sourceMappingURL=class-variants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["cva","Platform","getWeightVariants","OS","typographyVariants","variants","variant","label_small","label_medium","label_large","body_small","body_medium","body_large","title_small","title_medium","title_large","headline_small","headline_medium","headline_large","display_small","display_medium","display_large","weight","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/Typography/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAID,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE;IACzB,OAAO;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;EACH;EAEA,OAAO;IACL,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,oBAAoB;IAC3B,KAAK,EAAE,sBAAsB;IAC7B,KAAK,EAAE,kBAAkB;IACzB,KAAK,EAAE,uBAAuB;IAC9B,KAAK,EAAE;EACT,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGJ,GAAG,CAAC,qBAAqB,EAAE;EAC3DK,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,WAAW,EAAE,4BAA4B;MACzCC,YAAY,EAAE,4BAA4B;MAC1CC,WAAW,EAAE,4BAA4B;MACzCC,UAAU,EAAE,4BAA4B;MACxCC,WAAW,EAAE,4BAA4B;MACzCC,UAAU,EAAE,4BAA4B;MACxCC,WAAW,EAAE,4BAA4B;MACzCC,YAAY,EAAE,4BAA4B;MAC1CC,WAAW,EAAE,4BAA4B;MACzCC,cAAc,EAAE,4BAA4B;MAC5CC,eAAe,EAAE,4BAA4B;MAC7CC,cAAc,EAAE,4BAA4B;MAC5CC,aAAa,EAAE,4BAA4B;MAC3CC,cAAc,EAAE,4BAA4B;MAC5CC,aAAa,EAAE;IACjB,CAAC;IACDC,MAAM,EAAEpB,iBAAiB,CAAC;EAC5B,CAAC;EAEDqB,eAAe,EAAE;IACfjB,OAAO,EAAE,aAAa;IACtBgB,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
@@ -3,6 +3,7 @@
3
3
  import React from "react";
4
4
  import { Text } from "react-native";
5
5
  import { merge } from "@kivid/tailwind-preset";
6
+ import { typographyVariants } from "./assets/class-variants.js";
6
7
 
7
8
  /**
8
9
  * Universal Typography component for React Native.
@@ -15,15 +16,15 @@ import { merge } from "@kivid/tailwind-preset";
15
16
  *
16
17
  * @example
17
18
  * // Display text with automatic font mapping
18
- * <Typography variant="text-display_large_700">Hero Title</Typography>
19
+ * <Typography variant="display_large" weight="700">Hero Title</Typography>
19
20
  *
20
21
  * @example
21
22
  * // Body text with medium weight
22
- * <Typography variant="text-body_medium_500">Content text</Typography>
23
+ * <Typography variant="body_medium" weight="500">Content text</Typography>
23
24
  *
24
25
  * @example
25
26
  * // With additional styling
26
- * <Typography variant="text-label_small_300" className="text-gray-600">
27
+ * <Typography variant="label_small" weight="300" className="text-gray-600">
27
28
  * Form label
28
29
  * </Typography>
29
30
  */
@@ -31,11 +32,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
31
32
  export const Typography = ({
32
33
  variant,
33
34
  className,
34
- style,
35
+ weight,
35
36
  children,
36
37
  ...props
37
38
  }) => {
38
- const textClassName = merge(`font-nunito`, variant, className);
39
+ const textClassName = merge(typographyVariants({
40
+ variant,
41
+ weight
42
+ }), className);
39
43
  return /*#__PURE__*/_jsx(Text, {
40
44
  className: textClassName,
41
45
  ...props,
@@ -1 +1 @@
1
- {"version":3,"names":["React","Text","merge","jsx","_jsx","Typography","variant","className","style","children","props","textClassName","displayName"],"sourceRoot":"../../../../src","sources":["components/Typography/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,KAAK,QAAQ,wBAAwB;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAtBA,SAAAC,GAAA,IAAAC,IAAA;AAuBA,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,OAAO;EACPC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGT,KAAK,CAAC,aAAa,EAAEI,OAAO,EAAEC,SAAS,CAAC;EAE9D,oBACEH,IAAA,CAACH,IAAI;IAACM,SAAS,EAAEI,aAAc;IAAA,GAAKD,KAAK;IAAAD,QAAA,EACtCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAEDJ,UAAU,CAACO,WAAW,GAAG,YAAY;AACrC,eAAeP,UAAU","ignoreList":[]}
1
+ {"version":3,"names":["React","Text","merge","typographyVariants","jsx","_jsx","Typography","variant","className","weight","children","props","textClassName","displayName"],"sourceRoot":"../../../../src","sources":["components/Typography/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,kBAAkB,QAAQ,4BAAyB;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAtBA,SAAAC,GAAA,IAAAC,IAAA;AAuBA,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,OAAO;EACPC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGV,KAAK,CACzBC,kBAAkB,CAAC;IAAEI,OAAO;IAAEE;EAAO,CAAC,CAAC,EACvCD,SACF,CAAC;EAED,oBACEH,IAAA,CAACJ,IAAI;IAACO,SAAS,EAAEI,aAAc;IAAA,GAAKD,KAAK;IAAAD,QAAA,EACtCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAEDJ,UAAU,CAACO,WAAW,GAAG,YAAY;AACrC,eAAeP,UAAU","ignoreList":[]}
@@ -1,14 +1,23 @@
1
1
  "use strict";
2
2
 
3
+ export * from "./Avatar/index.js";
3
4
  export * from "./Button/index.js";
4
5
  export * from "./Chip/index.js";
6
+ export * from "./Chip/types.js";
7
+ export * from "./Chip/enums/index.js";
5
8
  export * from "./InformationStatus/index.js";
9
+ export * from "./InformationStatus/enums.js";
6
10
  export * from "./InputCheckbox/index.js";
11
+ export * from "./InputCheckbox/enums/index.js";
7
12
  export * from "./InputOTP/index.js";
13
+ export * from "./InputOTP/enums/index.js";
8
14
  export * from "./HighlightedText/index.js";
9
15
  export * from "./LoadingDots/index.js";
16
+ export * from "./LoadingDots/types.js";
10
17
  export * from "./Seal/index.js";
18
+ export * from "./Seal/enums/index.js";
11
19
  export * from "./Title/index.js";
12
20
  export * from "./Toggle/index.js";
21
+ export * from "./Toggle/enums/index.js";
13
22
  export * from "./Typography/index.js";
14
23
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,8BAAqB;AACnC,cAAc,0BAAiB;AAC/B,cAAc,qBAAY;AAC1B,cAAc,4BAAmB;AACjC,cAAc,wBAAe;AAC7B,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,uBAAc","ignoreList":[]}
1
+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,mBAAU;AAGxB,cAAc,iBAAQ;AACtB,cAAc,iBAAc;AAC5B,cAAc,uBAAc;AAE5B,cAAc,8BAAqB;AAEnC,cAAc,8BAA2B;AAEzC,cAAc,0BAAiB;AAE/B,cAAc,gCAAuB;AAErC,cAAc,qBAAY;AAE1B,cAAc,2BAAkB;AAEhC,cAAc,4BAAmB;AAGjC,cAAc,wBAAe;AAC7B,cAAc,wBAAqB;AAEnC,cAAc,iBAAQ;AAEtB,cAAc,uBAAc;AAE5B,cAAc,kBAAS;AAGvB,cAAc,mBAAU;AAExB,cAAc,yBAAgB;AAE9B,cAAc,uBAAc","ignoreList":[]}
@@ -10,9 +10,17 @@ import { useFonts as useExpoFonts } from "expo-font";
10
10
  */
11
11
  export const useBrandFonts = () => {
12
12
  const [fontsLoaded, fontError] = useExpoFonts({
13
+ "Nunito-Black": require("../../assets/fonts/Nunito-Black.ttf"),
14
+ "Nunito-BlackItalic": require("../../assets/fonts/Nunito-BlackItalic.ttf"),
13
15
  "Nunito-Bold": require("../../assets/fonts/Nunito-Bold.ttf"),
14
16
  "Nunito-BoldItalic": require("../../assets/fonts/Nunito-BoldItalic.ttf"),
17
+ "Nunito-ExtraBold": require("../../assets/fonts/Nunito-ExtraBold.ttf"),
18
+ "Nunito-ExtraBoldItalic": require("../../assets/fonts/Nunito-ExtraBoldItalic.ttf"),
19
+ "Nunito-ExtraLight": require("../../assets/fonts/Nunito-ExtraLight.ttf"),
20
+ "Nunito-ExtraLightItalic": require("../../assets/fonts/Nunito-ExtraLightItalic.ttf"),
15
21
  "Nunito-Italic": require("../../assets/fonts/Nunito-Italic.ttf"),
22
+ "Nunito-Light": require("../../assets/fonts/Nunito-Light.ttf"),
23
+ "Nunito-LightItalic": require("../../assets/fonts/Nunito-LightItalic.ttf"),
16
24
  "Nunito-Medium": require("../../assets/fonts/Nunito-Medium.ttf"),
17
25
  "Nunito-MediumItalic": require("../../assets/fonts/Nunito-MediumItalic.ttf"),
18
26
  "Nunito-Regular": require("../../assets/fonts/Nunito-Regular.ttf"),
@@ -1 +1 @@
1
- {"version":3,"names":["useFonts","useExpoFonts","useBrandFonts","fontsLoaded","fontError","require"],"sourceRoot":"../../../src","sources":["hooks/use-fonts.ts"],"mappings":";;AAAA,SAASA,QAAQ,IAAIC,YAAY,QAAQ,WAAW;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM,CAACC,WAAW,EAAEC,SAAS,CAAC,GAAGH,YAAY,CAAC;IAC5C,aAAa,EAAEI,OAAO,CAAC,oCAAoC,CAAC;IAC5D,mBAAmB,EAAEA,OAAO,CAAC,0CAA0C,CAAC;IACxE,eAAe,EAAEA,OAAO,CAAC,sCAAsC,CAAC;IAChE,eAAe,EAAEA,OAAO,CAAC,sCAAsC,CAAC;IAChE,qBAAqB,EAAEA,OAAO,CAAC,4CAA4C,CAAC;IAC5E,gBAAgB,EAAEA,OAAO,CAAC,uCAAuC,CAAC;IAClE,iBAAiB,EAAEA,OAAO,CAAC,wCAAwC,CAAC;IACpE,uBAAuB,EAAEA,OAAO,CAAC,8CAA8C;EACjF,CAAC,CAAC;EAEF,OAAO;IAAEF,WAAW;IAAEC;EAAU,CAAC;AACnC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["useFonts","useExpoFonts","useBrandFonts","fontsLoaded","fontError","require"],"sourceRoot":"../../../src","sources":["hooks/use-fonts.ts"],"mappings":";;AAAA,SAASA,QAAQ,IAAIC,YAAY,QAAQ,WAAW;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM,CAACC,WAAW,EAAEC,SAAS,CAAC,GAAGH,YAAY,CAAC;IAC5C,cAAc,EAAEI,OAAO,CAAC,qCAAqC,CAAC;IAC9D,oBAAoB,EAAEA,OAAO,CAAC,2CAA2C,CAAC;IAC1E,aAAa,EAAEA,OAAO,CAAC,oCAAoC,CAAC;IAC5D,mBAAmB,EAAEA,OAAO,CAAC,0CAA0C,CAAC;IACxE,kBAAkB,EAAEA,OAAO,CAAC,yCAAyC,CAAC;IACtE,wBAAwB,EAAEA,OAAO,CAAC,+CAA+C,CAAC;IAClF,mBAAmB,EAAEA,OAAO,CAAC,0CAA0C,CAAC;IACxE,yBAAyB,EAAEA,OAAO,CAAC,gDAAgD,CAAC;IACpF,eAAe,EAAEA,OAAO,CAAC,sCAAsC,CAAC;IAChE,cAAc,EAAEA,OAAO,CAAC,qCAAqC,CAAC;IAC9D,oBAAoB,EAAEA,OAAO,CAAC,2CAA2C,CAAC;IAC1E,eAAe,EAAEA,OAAO,CAAC,sCAAsC,CAAC;IAChE,qBAAqB,EAAEA,OAAO,CAAC,4CAA4C,CAAC;IAC5E,gBAAgB,EAAEA,OAAO,CAAC,uCAAuC,CAAC;IAClE,iBAAiB,EAAEA,OAAO,CAAC,wCAAwC,CAAC;IACpE,uBAAuB,EAAEA,OAAO,CAAC,8CAA8C;EACjF,CAAC,CAAC;EAEF,OAAO;IAAEF,WAAW;IAAEC;EAAU,CAAC;AACnC,CAAC","ignoreList":[]}
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kivid/native-components",
3
- "version": "1.0.0-alpha.1",
3
+ "version": "1.0.0-alpha.5",
4
4
  "description": "A React Native component library for the Butterfly Design System.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -18,7 +18,6 @@
18
18
  "sideEffects": false,
19
19
  "peerDependencies": {
20
20
  "@kivid/icons": "workspace:*",
21
- "@kivid/tailwind-preset": "workspace:*",
22
21
  "@lottiefiles/dotlottie-react": "^0.15.1",
23
22
  "class-variance-authority": "^0.7.1",
24
23
  "lottie-react-native": "^7.2.4",
@@ -0,0 +1,5 @@
1
+ import { AvatarSizeEnum } from "../enums";
2
+ declare const avatarVariants: (props?: ({
3
+ size?: AvatarSizeEnum | null | undefined;
4
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
+ export { avatarVariants };
@@ -0,0 +1 @@
1
+ export * from "./size";
@@ -0,0 +1,7 @@
1
+ export declare enum AvatarSizeEnum {
2
+ XSMALL = "xsmall",
3
+ SMALL = "small",
4
+ MEDIUM = "medium",
5
+ LARGE = "large",
6
+ XLARGE = "xlarge"
7
+ }
@@ -0,0 +1,2 @@
1
+ import type { AvatarProps } from "./types";
2
+ export declare function Avatar(props: AvatarProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import type { AvatarSizeEnum } from "./enums";
2
+ export interface AvatarProps {
3
+ src?: string | null;
4
+ name?: string;
5
+ size?: AvatarSizeEnum;
6
+ }
@@ -7,7 +7,6 @@ declare const buttonVariants: (props?: ({
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  declare const textVariants: (props?: ({
9
9
  variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
10
- size?: "small" | "medium" | "large" | null | undefined;
11
10
  selected?: boolean | null | undefined;
12
11
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
13
12
  declare const selectedVariants: (props?: ({
@@ -1,6 +1,6 @@
1
- import { ButtonProps } from "./types";
1
+ import type { ButtonCorners, ButtonProps, ButtonSize, ButtonVariant } from "./types";
2
2
  export declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
3
3
  export declare namespace Button {
4
4
  var displayName: string;
5
5
  }
6
- export default Button;
6
+ export { ButtonProps, ButtonVariant, ButtonSize, ButtonCorners };
@@ -1,5 +1,5 @@
1
1
  export declare const chipVariants: (props?: ({
2
2
  size?: "medium" | "large" | null | undefined;
3
3
  variant?: "outline" | "highlight" | "filled" | null | undefined;
4
- sealVariant?: "left" | "right" | "alert" | "add" | "success" | "error" | "minus" | null | undefined;
4
+ sealVariant?: "alert" | "left" | "right" | "add" | "success" | "error" | "minus" | null | undefined;
5
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -1,2 +1,3 @@
1
- import type { ChipProps } from "./types";
1
+ import type { ChipProps, ChipSize, ChipVariant } from "./types";
2
2
  export declare function Chip(props: ChipProps): import("react/jsx-runtime").JSX.Element;
3
+ export { ChipProps, ChipSize, ChipVariant };
@@ -4,3 +4,4 @@ export declare namespace HighlightedText {
4
4
  var displayName: string;
5
5
  }
6
6
  export default HighlightedText;
7
+ export { HighlightedTextProps };
@@ -1,9 +1,15 @@
1
- import { Text, TextProps } from "react-native";
1
+ import { TextProps } from "react-native";
2
+ import type { TypographyProps } from "../Typography/types";
2
3
  export interface HighlightedTextProps extends TextProps {
3
4
  text: string;
4
5
  highlightText?: string;
5
- highlightTextClassName?: string;
6
6
  className?: string;
7
- ref?: React.RefObject<Text | null>;
8
7
  reverse?: boolean;
8
+ variant?: TypographyProps["variant"];
9
+ weight?: TypographyProps["weight"];
10
+ highlightedTextProps?: {
11
+ className?: string;
12
+ variant?: TypographyProps["variant"];
13
+ weight?: TypographyProps["weight"];
14
+ };
9
15
  }
@@ -1 +1,7 @@
1
- export * from "./information-status";
1
+ export declare enum InformationStatusEnum {
2
+ DEFAULT = "default",
3
+ ERROR = "error",
4
+ SUCCESS = "success",
5
+ LOADING = "loading",
6
+ COOLDOWN = "cooldown"
7
+ }
@@ -1,5 +1,5 @@
1
1
  export declare const sealVariants: (props?: ({
2
2
  size?: "small" | "medium" | null | undefined;
3
- variant?: "left" | "right" | "alert" | "add" | "success" | "error" | "minus" | null | undefined;
3
+ variant?: "alert" | "left" | "right" | "add" | "success" | "error" | "minus" | null | undefined;
4
4
  inverted?: boolean | null | undefined;
5
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -1,4 +1,4 @@
1
- export declare enum VariantEnum {
1
+ export declare enum ToggleVariantEnum {
2
2
  GRAPE = "grape",
3
3
  JAVA = "java",
4
4
  PEAR = "pear",
@@ -1,7 +1,7 @@
1
- import type { VariantEnum } from "./enums";
1
+ import type { ToggleVariantEnum } from "./enums";
2
2
  export interface ToggleProps {
3
3
  checked: boolean;
4
4
  disabled?: boolean;
5
- variant?: VariantEnum;
5
+ variant?: ToggleVariantEnum;
6
6
  onChange: (checked: boolean) => void;
7
7
  }
@@ -0,0 +1,4 @@
1
+ export declare const typographyVariants: (props?: ({
2
+ variant?: "label_small" | "label_medium" | "label_large" | "body_small" | "body_medium" | "body_large" | "title_small" | "title_medium" | "title_large" | "headline_small" | "headline_medium" | "headline_large" | "display_small" | "display_medium" | "display_large" | null | undefined;
3
+ weight?: "400" | "200" | "300" | "500" | "600" | "700" | "800" | "900" | null | undefined;
4
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -11,15 +11,15 @@ import type { TypographyProps } from "./types";
11
11
  *
12
12
  * @example
13
13
  * // Display text with automatic font mapping
14
- * <Typography variant="text-display_large_700">Hero Title</Typography>
14
+ * <Typography variant="display_large" weight="700">Hero Title</Typography>
15
15
  *
16
16
  * @example
17
17
  * // Body text with medium weight
18
- * <Typography variant="text-body_medium_500">Content text</Typography>
18
+ * <Typography variant="body_medium" weight="500">Content text</Typography>
19
19
  *
20
20
  * @example
21
21
  * // With additional styling
22
- * <Typography variant="text-label_small_300" className="text-gray-600">
22
+ * <Typography variant="label_small" weight="300" className="text-gray-600">
23
23
  * Form label
24
24
  * </Typography>
25
25
  */
@@ -1,7 +1,7 @@
1
1
  import type { TextProps as RNTextProps } from "react-native";
2
- import type { TypographyVariant } from "@kivid/tailwind-preset";
3
- export interface TypographyProps extends Omit<RNTextProps, "children"> {
4
- variant: TypographyVariant;
2
+ import type { VariantProps } from "class-variance-authority";
3
+ import { typographyVariants } from "./assets/class-variants";
4
+ export interface TypographyProps extends Omit<RNTextProps, "children">, VariantProps<typeof typographyVariants> {
5
5
  className?: string;
6
6
  children: React.ReactNode;
7
7
  }
@@ -1,11 +1,29 @@
1
+ export * from "./Avatar";
1
2
  export * from "./Button";
3
+ export type * from "./Button/types";
2
4
  export * from "./Chip";
5
+ export * from "./Chip/types";
6
+ export * from "./Chip/enums";
3
7
  export * from "./InformationStatus";
8
+ export type * from "./InformationStatus/types";
9
+ export * from "./InformationStatus/enums";
4
10
  export * from "./InputCheckbox";
11
+ export type * from "./InputCheckbox/types";
12
+ export * from "./InputCheckbox/enums";
5
13
  export * from "./InputOTP";
14
+ export type * from "./InputOTP/types";
15
+ export * from "./InputOTP/enums";
6
16
  export * from "./HighlightedText";
17
+ export type * from "./HighlightedText/types";
7
18
  export * from "./LoadingDots";
19
+ export * from "./LoadingDots/types";
8
20
  export * from "./Seal";
21
+ export type * from "./Seal/types";
22
+ export * from "./Seal/enums";
9
23
  export * from "./Title";
24
+ export type * from "./Title/types";
10
25
  export * from "./Toggle";
26
+ export type * from "./Toggle/types";
27
+ export * from "./Toggle/enums";
11
28
  export * from "./Typography";
29
+ export type * from "./Typography/types";