@mapples/ui 1.0.2

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 (218) hide show
  1. package/README.md +297 -0
  2. package/dist/components/inputs/Button/Button.d.ts +44 -0
  3. package/dist/components/inputs/Button/Button.d.ts.map +1 -0
  4. package/dist/components/inputs/Button/Button.js +34 -0
  5. package/dist/components/inputs/Button/Button.js.map +1 -0
  6. package/dist/components/inputs/Button/index.d.ts +5 -0
  7. package/dist/components/inputs/Button/index.d.ts.map +1 -0
  8. package/dist/components/inputs/Button/index.js +5 -0
  9. package/dist/components/inputs/Button/index.js.map +1 -0
  10. package/dist/components/inputs/Button/schematics.d.ts +11 -0
  11. package/dist/components/inputs/Button/schematics.d.ts.map +1 -0
  12. package/dist/components/inputs/Button/schematics.js +14 -0
  13. package/dist/components/inputs/Button/schematics.js.map +1 -0
  14. package/dist/components/inputs/IconButton/IconButton.d.ts +62 -0
  15. package/dist/components/inputs/IconButton/IconButton.d.ts.map +1 -0
  16. package/dist/components/inputs/IconButton/IconButton.js +55 -0
  17. package/dist/components/inputs/IconButton/IconButton.js.map +1 -0
  18. package/dist/components/inputs/IconButton/MockIcon.d.ts +6 -0
  19. package/dist/components/inputs/IconButton/MockIcon.d.ts.map +1 -0
  20. package/dist/components/inputs/IconButton/MockIcon.js +9 -0
  21. package/dist/components/inputs/IconButton/MockIcon.js.map +1 -0
  22. package/dist/components/inputs/IconButton/index.d.ts +4 -0
  23. package/dist/components/inputs/IconButton/index.d.ts.map +1 -0
  24. package/dist/components/inputs/IconButton/index.js +4 -0
  25. package/dist/components/inputs/IconButton/index.js.map +1 -0
  26. package/dist/components/inputs/IconButton/schematics.d.ts +3 -0
  27. package/dist/components/inputs/IconButton/schematics.d.ts.map +1 -0
  28. package/dist/components/inputs/IconButton/schematics.js +6 -0
  29. package/dist/components/inputs/IconButton/schematics.js.map +1 -0
  30. package/dist/components/inputs/Pressable/Pressable.d.ts +9 -0
  31. package/dist/components/inputs/Pressable/Pressable.d.ts.map +1 -0
  32. package/dist/components/inputs/Pressable/Pressable.js +10 -0
  33. package/dist/components/inputs/Pressable/Pressable.js.map +1 -0
  34. package/dist/components/inputs/Pressable/index.d.ts +5 -0
  35. package/dist/components/inputs/Pressable/index.d.ts.map +1 -0
  36. package/dist/components/inputs/Pressable/index.js +5 -0
  37. package/dist/components/inputs/Pressable/index.js.map +1 -0
  38. package/dist/components/inputs/Pressable/schematics.d.ts +3 -0
  39. package/dist/components/inputs/Pressable/schematics.d.ts.map +1 -0
  40. package/dist/components/inputs/Pressable/schematics.js +6 -0
  41. package/dist/components/inputs/Pressable/schematics.js.map +1 -0
  42. package/dist/components/inputs/TextInput/TextInput.d.ts +32 -0
  43. package/dist/components/inputs/TextInput/TextInput.d.ts.map +1 -0
  44. package/dist/components/inputs/TextInput/TextInput.js +34 -0
  45. package/dist/components/inputs/TextInput/TextInput.js.map +1 -0
  46. package/dist/components/inputs/TextInput/index.d.ts +4 -0
  47. package/dist/components/inputs/TextInput/index.d.ts.map +1 -0
  48. package/dist/components/inputs/TextInput/index.js +4 -0
  49. package/dist/components/inputs/TextInput/index.js.map +1 -0
  50. package/dist/components/inputs/TextInput/schematics.d.ts +3 -0
  51. package/dist/components/inputs/TextInput/schematics.d.ts.map +1 -0
  52. package/dist/components/inputs/TextInput/schematics.js +6 -0
  53. package/dist/components/inputs/TextInput/schematics.js.map +1 -0
  54. package/dist/components/inputs/index.d.ts +10 -0
  55. package/dist/components/inputs/index.d.ts.map +1 -0
  56. package/dist/components/inputs/index.js +10 -0
  57. package/dist/components/inputs/index.js.map +1 -0
  58. package/dist/components/inputs/schematics.d.ts +3 -0
  59. package/dist/components/inputs/schematics.d.ts.map +1 -0
  60. package/dist/components/inputs/schematics.js +11 -0
  61. package/dist/components/inputs/schematics.js.map +1 -0
  62. package/dist/components/media/Icon/Icon.d.ts +21 -0
  63. package/dist/components/media/Icon/Icon.d.ts.map +1 -0
  64. package/dist/components/media/Icon/Icon.js +25 -0
  65. package/dist/components/media/Icon/Icon.js.map +1 -0
  66. package/dist/components/media/Icon/MockIcon.d.ts +6 -0
  67. package/dist/components/media/Icon/MockIcon.d.ts.map +1 -0
  68. package/dist/components/media/Icon/MockIcon.js +9 -0
  69. package/dist/components/media/Icon/MockIcon.js.map +1 -0
  70. package/dist/components/media/Icon/index.d.ts +4 -0
  71. package/dist/components/media/Icon/index.d.ts.map +1 -0
  72. package/dist/components/media/Icon/index.js +4 -0
  73. package/dist/components/media/Icon/index.js.map +1 -0
  74. package/dist/components/media/Icon/schematics.d.ts +3 -0
  75. package/dist/components/media/Icon/schematics.d.ts.map +1 -0
  76. package/dist/components/media/Icon/schematics.js +6 -0
  77. package/dist/components/media/Icon/schematics.js.map +1 -0
  78. package/dist/components/media/Image/Image.d.ts +58 -0
  79. package/dist/components/media/Image/Image.d.ts.map +1 -0
  80. package/dist/components/media/Image/Image.js +40 -0
  81. package/dist/components/media/Image/Image.js.map +1 -0
  82. package/dist/components/media/Image/index.d.ts +4 -0
  83. package/dist/components/media/Image/index.d.ts.map +1 -0
  84. package/dist/components/media/Image/index.js +4 -0
  85. package/dist/components/media/Image/index.js.map +1 -0
  86. package/dist/components/media/Image/schematics.d.ts +3 -0
  87. package/dist/components/media/Image/schematics.d.ts.map +1 -0
  88. package/dist/components/media/Image/schematics.js +6 -0
  89. package/dist/components/media/Image/schematics.js.map +1 -0
  90. package/dist/components/media/Video/Video.d.ts +28 -0
  91. package/dist/components/media/Video/Video.d.ts.map +1 -0
  92. package/dist/components/media/Video/Video.js +26 -0
  93. package/dist/components/media/Video/Video.js.map +1 -0
  94. package/dist/components/media/Video/index.d.ts +4 -0
  95. package/dist/components/media/Video/index.d.ts.map +1 -0
  96. package/dist/components/media/Video/index.js +4 -0
  97. package/dist/components/media/Video/index.js.map +1 -0
  98. package/dist/components/media/Video/schematics.d.ts +3 -0
  99. package/dist/components/media/Video/schematics.d.ts.map +1 -0
  100. package/dist/components/media/Video/schematics.js +6 -0
  101. package/dist/components/media/Video/schematics.js.map +1 -0
  102. package/dist/components/media/index.d.ts +8 -0
  103. package/dist/components/media/index.d.ts.map +1 -0
  104. package/dist/components/media/index.js +8 -0
  105. package/dist/components/media/index.js.map +1 -0
  106. package/dist/components/media/schematics.d.ts +3 -0
  107. package/dist/components/media/schematics.d.ts.map +1 -0
  108. package/dist/components/media/schematics.js +9 -0
  109. package/dist/components/media/schematics.js.map +1 -0
  110. package/dist/components/typography/Text/Text.d.ts +52 -0
  111. package/dist/components/typography/Text/Text.d.ts.map +1 -0
  112. package/dist/components/typography/Text/Text.js +41 -0
  113. package/dist/components/typography/Text/Text.js.map +1 -0
  114. package/dist/components/typography/Text/index.d.ts +4 -0
  115. package/dist/components/typography/Text/index.d.ts.map +1 -0
  116. package/dist/components/typography/Text/index.js +4 -0
  117. package/dist/components/typography/Text/index.js.map +1 -0
  118. package/dist/components/typography/Text/schematics.d.ts +3 -0
  119. package/dist/components/typography/Text/schematics.d.ts.map +1 -0
  120. package/dist/components/typography/Text/schematics.js +6 -0
  121. package/dist/components/typography/Text/schematics.js.map +1 -0
  122. package/dist/components/typography/Typography/Typography.d.ts +15 -0
  123. package/dist/components/typography/Typography/Typography.d.ts.map +1 -0
  124. package/dist/components/typography/Typography/Typography.js +11 -0
  125. package/dist/components/typography/Typography/Typography.js.map +1 -0
  126. package/dist/components/typography/Typography/index.d.ts +4 -0
  127. package/dist/components/typography/Typography/index.d.ts.map +1 -0
  128. package/dist/components/typography/Typography/index.js +4 -0
  129. package/dist/components/typography/Typography/index.js.map +1 -0
  130. package/dist/components/typography/Typography/schematics.d.ts +3 -0
  131. package/dist/components/typography/Typography/schematics.d.ts.map +1 -0
  132. package/dist/components/typography/Typography/schematics.js +6 -0
  133. package/dist/components/typography/Typography/schematics.js.map +1 -0
  134. package/dist/components/typography/index.d.ts +6 -0
  135. package/dist/components/typography/index.d.ts.map +1 -0
  136. package/dist/components/typography/index.js +6 -0
  137. package/dist/components/typography/index.js.map +1 -0
  138. package/dist/components/typography/schematics.d.ts +3 -0
  139. package/dist/components/typography/schematics.d.ts.map +1 -0
  140. package/dist/components/typography/schematics.js +7 -0
  141. package/dist/components/typography/schematics.js.map +1 -0
  142. package/dist/components/views/FlatList/FlatList.d.ts +16 -0
  143. package/dist/components/views/FlatList/FlatList.d.ts.map +1 -0
  144. package/dist/components/views/FlatList/FlatList.js +23 -0
  145. package/dist/components/views/FlatList/FlatList.js.map +1 -0
  146. package/dist/components/views/FlatList/index.d.ts +4 -0
  147. package/dist/components/views/FlatList/index.d.ts.map +1 -0
  148. package/dist/components/views/FlatList/index.js +4 -0
  149. package/dist/components/views/FlatList/index.js.map +1 -0
  150. package/dist/components/views/FlatList/schematics.d.ts +6 -0
  151. package/dist/components/views/FlatList/schematics.d.ts.map +1 -0
  152. package/dist/components/views/FlatList/schematics.js +18 -0
  153. package/dist/components/views/FlatList/schematics.js.map +1 -0
  154. package/dist/components/views/ImageBackgroundView/ImageBackgroundView.d.ts +22 -0
  155. package/dist/components/views/ImageBackgroundView/ImageBackgroundView.d.ts.map +1 -0
  156. package/dist/components/views/ImageBackgroundView/ImageBackgroundView.js +25 -0
  157. package/dist/components/views/ImageBackgroundView/ImageBackgroundView.js.map +1 -0
  158. package/dist/components/views/ImageBackgroundView/index.d.ts +4 -0
  159. package/dist/components/views/ImageBackgroundView/index.d.ts.map +1 -0
  160. package/dist/components/views/ImageBackgroundView/index.js +4 -0
  161. package/dist/components/views/ImageBackgroundView/index.js.map +1 -0
  162. package/dist/components/views/ImageBackgroundView/schematics.d.ts +3 -0
  163. package/dist/components/views/ImageBackgroundView/schematics.d.ts.map +1 -0
  164. package/dist/components/views/ImageBackgroundView/schematics.js +6 -0
  165. package/dist/components/views/ImageBackgroundView/schematics.js.map +1 -0
  166. package/dist/components/views/SafeAreaView/SafeAreaView.d.ts +11 -0
  167. package/dist/components/views/SafeAreaView/SafeAreaView.d.ts.map +1 -0
  168. package/dist/components/views/SafeAreaView/SafeAreaView.js +10 -0
  169. package/dist/components/views/SafeAreaView/SafeAreaView.js.map +1 -0
  170. package/dist/components/views/SafeAreaView/index.d.ts +4 -0
  171. package/dist/components/views/SafeAreaView/index.d.ts.map +1 -0
  172. package/dist/components/views/SafeAreaView/index.js +4 -0
  173. package/dist/components/views/SafeAreaView/index.js.map +1 -0
  174. package/dist/components/views/SafeAreaView/schematics.d.ts +3 -0
  175. package/dist/components/views/SafeAreaView/schematics.d.ts.map +1 -0
  176. package/dist/components/views/SafeAreaView/schematics.js +6 -0
  177. package/dist/components/views/SafeAreaView/schematics.js.map +1 -0
  178. package/dist/components/views/ScrollView/ScrollView.d.ts +40 -0
  179. package/dist/components/views/ScrollView/ScrollView.d.ts.map +1 -0
  180. package/dist/components/views/ScrollView/ScrollView.js +34 -0
  181. package/dist/components/views/ScrollView/ScrollView.js.map +1 -0
  182. package/dist/components/views/ScrollView/index.d.ts +4 -0
  183. package/dist/components/views/ScrollView/index.d.ts.map +1 -0
  184. package/dist/components/views/ScrollView/index.js +4 -0
  185. package/dist/components/views/ScrollView/index.js.map +1 -0
  186. package/dist/components/views/ScrollView/schematics.d.ts +4 -0
  187. package/dist/components/views/ScrollView/schematics.d.ts.map +1 -0
  188. package/dist/components/views/ScrollView/schematics.js +10 -0
  189. package/dist/components/views/ScrollView/schematics.js.map +1 -0
  190. package/dist/components/views/View/View.d.ts +40 -0
  191. package/dist/components/views/View/View.d.ts.map +1 -0
  192. package/dist/components/views/View/View.js +34 -0
  193. package/dist/components/views/View/View.js.map +1 -0
  194. package/dist/components/views/View/index.d.ts +4 -0
  195. package/dist/components/views/View/index.d.ts.map +1 -0
  196. package/dist/components/views/View/index.js +4 -0
  197. package/dist/components/views/View/index.js.map +1 -0
  198. package/dist/components/views/View/schematics.d.ts +4 -0
  199. package/dist/components/views/View/schematics.d.ts.map +1 -0
  200. package/dist/components/views/View/schematics.js +10 -0
  201. package/dist/components/views/View/schematics.js.map +1 -0
  202. package/dist/components/views/index.d.ts +12 -0
  203. package/dist/components/views/index.d.ts.map +1 -0
  204. package/dist/components/views/index.js +12 -0
  205. package/dist/components/views/index.js.map +1 -0
  206. package/dist/components/views/schematics.d.ts +18 -0
  207. package/dist/components/views/schematics.d.ts.map +1 -0
  208. package/dist/components/views/schematics.js +18 -0
  209. package/dist/components/views/schematics.js.map +1 -0
  210. package/dist/index.d.ts +15 -0
  211. package/dist/index.d.ts.map +1 -0
  212. package/dist/index.js +15 -0
  213. package/dist/index.js.map +1 -0
  214. package/dist/schematics.d.ts +20 -0
  215. package/dist/schematics.d.ts.map +1 -0
  216. package/dist/schematics.js +27 -0
  217. package/dist/schematics.js.map +1 -0
  218. package/package.json +36 -0
@@ -0,0 +1,5 @@
1
+ import Pressable from './Pressable';
2
+ export * from './schematics';
3
+ export * from './Pressable';
4
+ export default Pressable;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Pressable/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,eAAe,SAAS,CAAC"}
@@ -0,0 +1,5 @@
1
+ import Pressable from './Pressable';
2
+ export * from './schematics';
3
+ export * from './Pressable';
4
+ export default Pressable;
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/Pressable/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,eAAe,SAAS,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { RegisteredComponent } from '@mapples/types';
2
+ export declare const PressableSchematics: RegisteredComponent;
3
+ //# sourceMappingURL=schematics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Pressable/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,mBAAmB,EAAE,mBAGjC,CAAC"}
@@ -0,0 +1,6 @@
1
+ import Pressable from './Pressable';
2
+ export const PressableSchematics = {
3
+ type: 'Pressable',
4
+ Component: Pressable,
5
+ };
6
+ //# sourceMappingURL=schematics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/inputs/Pressable/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { TextInputProps, TextInput as RNTextInput } from 'react-native';
2
+ /**
3
+ * A customizable text input component with built-in styling support.
4
+ *
5
+ * The TextInput component extends React Native's TextInput with additional styling
6
+ * capabilities through the @mapples/style system. It supports all standard
7
+ * TextInput properties and behaviors.
8
+ *
9
+ * @example
10
+ * ```tsx
11
+ * <TextInput
12
+ * placeholder="Enter your text"
13
+ * value={text}
14
+ * onChangeText={setText}
15
+ * styled={{
16
+ * style: {
17
+ * borderWidth: 1,
18
+ * borderColor: 'gray',
19
+ * padding: 12,
20
+ * borderRadius: 8
21
+ * }
22
+ * }}
23
+ * />
24
+ * ```
25
+ *
26
+ * @public
27
+ */
28
+ declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & {
29
+ children?: import("react").ReactNode | undefined;
30
+ } & import("react").RefAttributes<RNTextInput>>;
31
+ export default TextInput;
32
+ //# sourceMappingURL=TextInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/TextInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,SAAS;;+CAId,CAAC;AAGF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,34 @@
1
+ import { forwardRef } from 'react';
2
+ import { StyledTextInput } from '@mapples/style';
3
+ /**
4
+ * A customizable text input component with built-in styling support.
5
+ *
6
+ * The TextInput component extends React Native's TextInput with additional styling
7
+ * capabilities through the @mapples/style system. It supports all standard
8
+ * TextInput properties and behaviors.
9
+ *
10
+ * @example
11
+ * ```tsx
12
+ * <TextInput
13
+ * placeholder="Enter your text"
14
+ * value={text}
15
+ * onChangeText={setText}
16
+ * styled={{
17
+ * style: {
18
+ * borderWidth: 1,
19
+ * borderColor: 'gray',
20
+ * padding: 12,
21
+ * borderRadius: 8
22
+ * }
23
+ * }}
24
+ * />
25
+ * ```
26
+ *
27
+ * @public
28
+ */
29
+ const TextInput = forwardRef(({ children, ...props }, ref) => {
30
+ return <StyledTextInput ref={ref} {...props}/>;
31
+ });
32
+ TextInput.displayName = 'TextInput';
33
+ export default TextInput;
34
+ //# sourceMappingURL=TextInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9B,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}
@@ -0,0 +1,4 @@
1
+ import TextInput from './TextInput';
2
+ export * from './schematics';
3
+ export default TextInput;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,cAAc,CAAC;AAE7B,eAAe,SAAS,CAAC"}
@@ -0,0 +1,4 @@
1
+ import TextInput from './TextInput';
2
+ export * from './schematics';
3
+ export default TextInput;
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,cAAc,CAAC;AAE7B,eAAe,SAAS,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { RegisteredComponent } from '@mapples/types';
2
+ export declare const TextInputSchematic: RegisteredComponent;
3
+ //# sourceMappingURL=schematics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,kBAAkB,EAAE,mBAGhC,CAAC"}
@@ -0,0 +1,6 @@
1
+ import TextInput from './TextInput';
2
+ export const TextInputSchematic = {
3
+ type: 'TextInput',
4
+ Component: TextInput,
5
+ };
6
+ //# sourceMappingURL=schematics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/inputs/TextInput/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,kBAAkB,GAAwB;IACrD,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}
@@ -0,0 +1,10 @@
1
+ export { default as Button } from './Button';
2
+ export * from './Button';
3
+ export { default as TextInput } from './TextInput';
4
+ export * from './TextInput';
5
+ export { default as Pressable } from './Pressable';
6
+ export * from './Pressable';
7
+ export { default as IconButton } from './IconButton';
8
+ export * from './IconButton';
9
+ export * from './schematics';
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,cAAc,cAAc,CAAC"}
@@ -0,0 +1,10 @@
1
+ export { default as Button } from './Button';
2
+ export * from './Button';
3
+ export { default as TextInput } from './TextInput';
4
+ export * from './TextInput';
5
+ export { default as Pressable } from './Pressable';
6
+ export * from './Pressable';
7
+ export { default as IconButton } from './IconButton';
8
+ export * from './IconButton';
9
+ export * from './schematics';
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/inputs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,cAAc,cAAc,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { RegisteredComponents } from '@mapples/types';
2
+ export declare const InputsSchematics: RegisteredComponents;
3
+ //# sourceMappingURL=schematics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAOtD,eAAO,MAAM,gBAAgB,EAAE,oBAK9B,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { ButtonSchematic } from './Button';
2
+ import { IconButtonSchematics } from './IconButton';
3
+ import { PressableSchematics } from './Pressable';
4
+ import { TextInputSchematic } from './TextInput';
5
+ export const InputsSchematics = {
6
+ [TextInputSchematic.type]: TextInputSchematic,
7
+ [ButtonSchematic.type]: ButtonSchematic,
8
+ [IconButtonSchematics.type]: IconButtonSchematics,
9
+ [PressableSchematics.type]: PressableSchematics,
10
+ };
11
+ //# sourceMappingURL=schematics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/inputs/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,CAAC,MAAM,gBAAgB,GAAyB;IACpD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,mBAAmB;CAChD,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { StyledProp, StyledProps, WithStyledProps } from '@mapples/style';
3
+ import { TextStyle, View, ViewProps } from 'react-native';
4
+ export type IconProps = PropsWithChildren<Omit<WithStyledProps<ViewProps>, 'styled'> & {
5
+ styled?: StyledProps<ViewProps> & {
6
+ styleSvg?: StyledProp<TextStyle>;
7
+ };
8
+ }> & {
9
+ uri?: string;
10
+ };
11
+ declare const Icon: import("react").ForwardRefExoticComponent<Omit<WithStyledProps<ViewProps>, "styled"> & {
12
+ styled?: StyledProps<ViewProps> & {
13
+ styleSvg?: StyledProp<TextStyle>;
14
+ };
15
+ } & {
16
+ children?: import("react").ReactNode | undefined;
17
+ } & {
18
+ uri?: string;
19
+ } & import("react").RefAttributes<View>>;
20
+ export default Icon;
21
+ //# sourceMappingURL=Icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,EACV,WAAW,EAGX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1D,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC3C,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC,CAAC;CACH,CACF,GAAG;IACF,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAIF,QAAA,MAAM,IAAI;aAVG,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC;;;;UAGG,MAAM;wCAoCb,CAAC;AAGF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { forwardRef } from 'react';
2
+ import { styled, StyledView, Styler, } from '@mapples/style';
3
+ import { SvgUri } from 'react-native-svg';
4
+ import MockIcon from './MockIcon';
5
+ const StyledSvgUri = styled(SvgUri);
6
+ const Icon = forwardRef(({ styled, uri, ...props }, ref) => {
7
+ const { styleSvg, ...styledViewProps } = styled || {};
8
+ const ejectStyle = Styler.flatten(styleSvg);
9
+ return (<StyledView ref={ref} styled={styledViewProps} {...props}>
10
+ {uri ? (<StyledSvgUri uri={uri} styled={{
11
+ width: ejectStyle?.width,
12
+ height: ejectStyle?.height,
13
+ color: ejectStyle?.color,
14
+ style: styleSvg,
15
+ }}/>) : (<MockIcon styled={{
16
+ width: ejectStyle?.width,
17
+ height: ejectStyle?.height,
18
+ color: ejectStyle?.color,
19
+ style: styleSvg,
20
+ }}/>)}
21
+ </StyledView>);
22
+ });
23
+ Icon.displayName = 'Icon';
24
+ export default Icon;
25
+ //# sourceMappingURL=Icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,MAAM,EAGN,UAAU,EACV,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAYlC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAEpC,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE5C,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CACvD;QAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { SvgProps } from 'react-native-svg';
2
+ declare const _default: import("react").ForwardRefExoticComponent<{
3
+ styled?: import("@mapples/style").StyledProps<Partial<SvgProps>> | undefined;
4
+ } & SvgProps & import("react").RefAttributes<unknown>>;
5
+ export default _default;
6
+ //# sourceMappingURL=MockIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MockIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/MockIcon.tsx"],"names":[],"mappings":"AAGA,OAAY,EAAE,QAAQ,EAAQ,MAAM,kBAAkB,CAAC;;;;AAUvD,wBAAgC"}
@@ -0,0 +1,9 @@
1
+ import { styled } from '@mapples/style';
2
+ import Svg, { Path } from 'react-native-svg';
3
+ const MockIcon = (props) => {
4
+ return (<Svg {...props} viewBox="0 0 256 256">
5
+ <Path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16h64a8,8,0,0,0,7.59-5.47l14.83-44.48L163,151.43a8.07,8.07,0,0,0,4.46-4.46l14.62-36.55,44.48-14.83A8,8,0,0,0,232,88V56A16,16,0,0,0,216,40ZM112.41,157.47,98.23,200H40V172l52-52,30.42,30.42L117,152.57A8,8,0,0,0,112.41,157.47ZM216,82.23,173.47,96.41a8,8,0,0,0-4.9,4.62l-14.72,36.82L138.58,144l-35.27-35.27a16,16,0,0,0-22.62,0L40,149.37V56H216Zm12.68,33a8,8,0,0,0-7.21-1.1l-23.8,7.94a8,8,0,0,0-4.9,4.61l-14.31,35.77-35.77,14.31a8,8,0,0,0-4.61,4.9l-7.94,23.8A8,8,0,0,0,137.73,216H216a16,16,0,0,0,16-16V121.73A8,8,0,0,0,228.68,115.24ZM216,200H148.83l3.25-9.75,35.51-14.2a8.07,8.07,0,0,0,4.46-4.46l14.2-35.51,9.75-3.25Z"></Path>
6
+ </Svg>);
7
+ };
8
+ export default styled(MockIcon);
9
+ //# sourceMappingURL=MockIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MockIcon.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/MockIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,GAAG,EAAE,EAAY,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,QAAQ,GAAiB,CAAC,KAAK,EAAE,EAAE;IACvC,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,aAAa,CACnC;MAAA,CAAC,IAAI,CAAC,CAAC,CAAC,spBAAspB,CAAC,EAAE,IAAI,CACvqB;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC,QAAQ,CAAC,CAAC"}
@@ -0,0 +1,4 @@
1
+ import Icon from './Icon';
2
+ export * from './schematics';
3
+ export default Icon;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,cAAc,CAAC;AAE7B,eAAe,IAAI,CAAC"}
@@ -0,0 +1,4 @@
1
+ import Icon from './Icon';
2
+ export * from './schematics';
3
+ export default Icon;
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,cAAc,CAAC;AAE7B,eAAe,IAAI,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { RegisteredComponent } from '@mapples/types';
2
+ export declare const IconSchematics: RegisteredComponent;
3
+ //# sourceMappingURL=schematics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,cAAc,EAAE,mBAG5B,CAAC"}
@@ -0,0 +1,6 @@
1
+ import IconComponent from './Icon';
2
+ export const IconSchematics = {
3
+ type: 'Icon',
4
+ Component: IconComponent,
5
+ };
6
+ //# sourceMappingURL=schematics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,QAAQ,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,aAAa;CACzB,CAAC"}
@@ -0,0 +1,58 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { StyledProp, StyledProps, WithStyledProps } from '@mapples/style';
3
+ import { ImageProps as ExpoImageProps } from 'expo-image';
4
+ import { ImageStyle, ViewProps } from 'react-native';
5
+ /**
6
+ * Props for the Image component.
7
+ *
8
+ * @public
9
+ */
10
+ export type ImageProps = PropsWithChildren<Omit<WithStyledProps<ExpoImageProps>, 'styled'> & {
11
+ /** Styling configuration for the image container and image itself */
12
+ styled?: StyledProps<ViewProps> & {
13
+ /** Image-specific styling */
14
+ styleImage?: StyledProp<ImageStyle>;
15
+ };
16
+ /** Alternative data source for the image */
17
+ dataSource?: string;
18
+ }>;
19
+ /**
20
+ * A customizable image component with built-in styling support.
21
+ *
22
+ * The Image component extends Expo's Image component with additional styling
23
+ * capabilities through the @mapples/style system. It supports both container
24
+ * and image-specific styling, and can use either the `source` or `dataSource` prop.
25
+ *
26
+ * @example
27
+ * ```tsx
28
+ * <Image
29
+ * source={{ uri: 'https://example.com/image.jpg' }}
30
+ * alt="Example image"
31
+ * styled={{
32
+ * style: {
33
+ * width: 200,
34
+ * height: 200,
35
+ * borderRadius: 8
36
+ * },
37
+ * styleImage: {
38
+ * resizeMode: 'cover'
39
+ * }
40
+ * }}
41
+ * />
42
+ * ```
43
+ *
44
+ * @public
45
+ */
46
+ declare const Image: import("react").ForwardRefExoticComponent<Omit<WithStyledProps<ExpoImageProps>, "styled"> & {
47
+ /** Styling configuration for the image container and image itself */
48
+ styled?: StyledProps<ViewProps> & {
49
+ /** Image-specific styling */
50
+ styleImage?: StyledProp<ImageStyle>;
51
+ };
52
+ /** Alternative data source for the image */
53
+ dataSource?: string;
54
+ } & {
55
+ children?: import("react").ReactNode | undefined;
56
+ } & import("react").RefAttributes<unknown>>;
57
+ export default Image;
58
+ //# sourceMappingURL=Image.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,EACV,WAAW,EAEX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAsB,UAAU,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CACxC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAChD,qEAAqE;IACrE,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;KACrC,CAAC;IACF,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CACF,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,KAAK;IAvCP,qEAAqE;aAC5D,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;KACrC;IACD,4CAA4C;iBAC/B,MAAM;;;2CA+CtB,CAAC;AAGF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,40 @@
1
+ import { forwardRef } from 'react';
2
+ import { styled, StyledView, } from '@mapples/style';
3
+ import { Image as ExpoImage } from 'expo-image';
4
+ const StyledExpoImage = styled(ExpoImage);
5
+ /**
6
+ * A customizable image component with built-in styling support.
7
+ *
8
+ * The Image component extends Expo's Image component with additional styling
9
+ * capabilities through the @mapples/style system. It supports both container
10
+ * and image-specific styling, and can use either the `source` or `dataSource` prop.
11
+ *
12
+ * @example
13
+ * ```tsx
14
+ * <Image
15
+ * source={{ uri: 'https://example.com/image.jpg' }}
16
+ * alt="Example image"
17
+ * styled={{
18
+ * style: {
19
+ * width: 200,
20
+ * height: 200,
21
+ * borderRadius: 8
22
+ * },
23
+ * styleImage: {
24
+ * resizeMode: 'cover'
25
+ * }
26
+ * }}
27
+ * />
28
+ * ```
29
+ *
30
+ * @public
31
+ */
32
+ const Image = forwardRef(({ styled, source, alt, dataSource, ...props }, ref) => {
33
+ const { styleImage, ...styledProps } = styled || {};
34
+ return (<StyledView ref={ref} styled={styledProps} {...props}>
35
+ <StyledExpoImage source={dataSource || source} alt={alt} styled={{ style: styleImage }}/>
36
+ </StyledView>);
37
+ });
38
+ Image.displayName = 'Image';
39
+ export default Image;
40
+ //# sourceMappingURL=Image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,MAAM,EAGN,UAAU,GAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAgC,MAAM,YAAY,CAAC;AAoB9E,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,EAAc,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEpD,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,CACnD;QAAA,CAAC,eAAe,CACd,MAAM,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC,CAC7B,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAElC;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}
@@ -0,0 +1,4 @@
1
+ import Image from './Image';
2
+ export * from './schematics';
3
+ export default Image;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,eAAe,KAAK,CAAC"}
@@ -0,0 +1,4 @@
1
+ import Image from './Image';
2
+ export * from './schematics';
3
+ export default Image;
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,eAAe,KAAK,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { RegisteredComponent } from '@mapples/types';
2
+ export declare const ImageSchematic: RegisteredComponent;
3
+ //# sourceMappingURL=schematics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,cAAc,EAAE,mBAG5B,CAAC"}
@@ -0,0 +1,6 @@
1
+ import Image from './Image';
2
+ export const ImageSchematic = {
3
+ type: 'Image',
4
+ Component: Image,
5
+ };
6
+ //# sourceMappingURL=schematics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Image/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,KAAK;CACjB,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { StyledProps, StyledProp } from '@mapples/style';
3
+ import { VideoContentFit } from 'expo-video';
4
+ import { View, ViewProps, ViewStyle } from 'react-native';
5
+ export type VideoProps = PropsWithChildren<ViewProps> & {
6
+ source?: string;
7
+ autoPlay?: boolean;
8
+ loop?: boolean;
9
+ controls?: boolean;
10
+ contentFit?: VideoContentFit;
11
+ styled?: StyledProps<ViewProps> & {
12
+ styleVideo?: StyledProp<ViewStyle>;
13
+ };
14
+ };
15
+ declare const Video: import("react").ForwardRefExoticComponent<ViewProps & {
16
+ children?: import("react").ReactNode | undefined;
17
+ } & {
18
+ source?: string;
19
+ autoPlay?: boolean;
20
+ loop?: boolean;
21
+ controls?: boolean;
22
+ contentFit?: VideoContentFit;
23
+ styled?: StyledProps<ViewProps> & {
24
+ styleVideo?: StyledProp<ViewStyle>;
25
+ };
26
+ } & import("react").RefAttributes<View>>;
27
+ export default Video;
28
+ //# sourceMappingURL=Video.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAU,WAAW,EAAc,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAA6B,eAAe,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,GAAG;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH,CAAC;AAIF,QAAA,MAAM,KAAK;;;aAZA,MAAM;eACJ,OAAO;WACX,OAAO;eACH,OAAO;iBACL,eAAe;aACnB,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC;wCAoCF,CAAC;AAGF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,26 @@
1
+ import { forwardRef, useEffect } from 'react';
2
+ import { styled, StyledView } from '@mapples/style';
3
+ import { useVideoPlayer, VideoView } from 'expo-video';
4
+ const StyledVideo = styled(VideoView);
5
+ const Video = forwardRef(({ styled, source, autoPlay, loop, controls, contentFit, ...props }, ref) => {
6
+ const player = useVideoPlayer(source || '');
7
+ const { styleVideo, ...styledProps } = styled || {};
8
+ useEffect(() => {
9
+ if (source) {
10
+ player.loop = !!loop;
11
+ }
12
+ }, [loop, player, source]);
13
+ useEffect(() => {
14
+ if (source && autoPlay) {
15
+ setTimeout(() => {
16
+ player.play();
17
+ }, 1000);
18
+ }
19
+ }, [autoPlay, player, source]);
20
+ return (<StyledView ref={ref} styled={styledProps} {...props}>
21
+ <StyledVideo player={player} styled={{ style: styleVideo }} nativeControls={controls} contentFit={contentFit}/>
22
+ </StyledView>);
23
+ });
24
+ Video.displayName = 'Video';
25
+ export default Video;
26
+ //# sourceMappingURL=Video.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/media/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAe,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,SAAS,EAAmB,MAAM,YAAY,CAAC;AAcxE,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAEtC,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAE5C,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,QAAQ,EAAE,CAAC;YACvB,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,CACnD;QAAA,CAAC,WAAW,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAC9B,cAAc,CAAC,CAAC,QAAQ,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}
@@ -0,0 +1,4 @@
1
+ import Video from './Video';
2
+ export * from './schematics';
3
+ export default Video;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Video/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,eAAe,KAAK,CAAC"}
@@ -0,0 +1,4 @@
1
+ import Video from './Video';
2
+ export * from './schematics';
3
+ export default Video;
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media/Video/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,eAAe,KAAK,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { RegisteredComponent } from '@mapples/types';
2
+ export declare const VideoSchematic: RegisteredComponent;
3
+ //# sourceMappingURL=schematics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Video/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,cAAc,EAAE,mBAG5B,CAAC"}
@@ -0,0 +1,6 @@
1
+ import Video from './Video';
2
+ export const VideoSchematic = {
3
+ type: 'Video',
4
+ Component: Video,
5
+ };
6
+ //# sourceMappingURL=schematics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Video/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,KAAK;CACjB,CAAC"}
@@ -0,0 +1,8 @@
1
+ export { default as Video } from './Video';
2
+ export * from './Video';
3
+ export { default as Image } from './Image';
4
+ export * from './Image';
5
+ export { default as Icon } from './Icon';
6
+ export * from './Icon';
7
+ export * from './schematics';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,cAAc,cAAc,CAAC"}