@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,40 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { WithStyledProps } from '@mapples/style';
3
+ import { ViewProps as RNViewProps } from 'react-native';
4
+ /**
5
+ * Props for the ScrollView component.
6
+ *
7
+ * @public
8
+ */
9
+ export type ViewProps = PropsWithChildren<WithStyledProps<RNViewProps>>;
10
+ /**
11
+ * A customizable scrollable view component with built-in styling support.
12
+ *
13
+ * The ScrollView component extends React Native's ScrollView with additional styling
14
+ * capabilities through the @mapples/style system. It provides a scrollable container
15
+ * with hidden scroll indicators by default.
16
+ *
17
+ * @example
18
+ * ```tsx
19
+ * <ScrollView
20
+ * styled={{
21
+ * style: {
22
+ * backgroundColor: 'white',
23
+ * padding: 16,
24
+ * },
25
+ * }}
26
+ * >
27
+ * <Text>Scrollable content goes here</Text>
28
+ * <Text>More content...</Text>
29
+ * </ScrollView>
30
+ * ```
31
+ *
32
+ * @public
33
+ */
34
+ declare const ScrollView: import("react").ForwardRefExoticComponent<{
35
+ styled?: import("@mapples/style").StyledProps<Partial<RNViewProps>> | undefined;
36
+ } & RNViewProps & {
37
+ children?: import("react").ReactNode | undefined;
38
+ } & import("react").RefAttributes<unknown>>;
39
+ export default ScrollView;
40
+ //# sourceMappingURL=ScrollView.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAoB,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAExD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,UAAU;;;;2CAaf,CAAC;AAGF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,34 @@
1
+ import { forwardRef } from 'react';
2
+ import { StyledScrollView } from '@mapples/style';
3
+ /**
4
+ * A customizable scrollable view component with built-in styling support.
5
+ *
6
+ * The ScrollView component extends React Native's ScrollView with additional styling
7
+ * capabilities through the @mapples/style system. It provides a scrollable container
8
+ * with hidden scroll indicators by default.
9
+ *
10
+ * @example
11
+ * ```tsx
12
+ * <ScrollView
13
+ * styled={{
14
+ * style: {
15
+ * backgroundColor: 'white',
16
+ * padding: 16,
17
+ * },
18
+ * }}
19
+ * >
20
+ * <Text>Scrollable content goes here</Text>
21
+ * <Text>More content...</Text>
22
+ * </ScrollView>
23
+ * ```
24
+ *
25
+ * @public
26
+ */
27
+ const ScrollView = forwardRef(({ styled, children, ...props }, ref) => {
28
+ return (<StyledScrollView showsVerticalScrollIndicator={false} ref={ref} styled={{ ...styled }} {...props}>
29
+ {children}
30
+ </StyledScrollView>);
31
+ });
32
+ ScrollView.displayName = 'ScrollView';
33
+ export default ScrollView;
34
+ //# sourceMappingURL=ScrollView.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAmB,MAAM,gBAAgB,CAAC;AAUnE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACjD,OAAO,CACL,CAAC,gBAAgB,CACf,4BAA4B,CAAC,CAAC,KAAK,CAAC,CACpC,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,CACtB,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}
@@ -0,0 +1,4 @@
1
+ import ScrollView from './ScrollView';
2
+ export * from './schematics';
3
+ export default ScrollView;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,cAAc,cAAc,CAAC;AAE7B,eAAe,UAAU,CAAC"}
@@ -0,0 +1,4 @@
1
+ import ScrollView from './ScrollView';
2
+ export * from './schematics';
3
+ export default ScrollView;
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,cAAc,cAAc,CAAC;AAE7B,eAAe,UAAU,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { RegisteredComponent } from '@mapples/types';
2
+ export declare const ScrollViewSchematic: RegisteredComponent;
3
+ export declare const HorizontalScrollView: RegisteredComponent;
4
+ //# sourceMappingURL=schematics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,mBAAmB,EAAE,mBAGjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC"}
@@ -0,0 +1,10 @@
1
+ import ScrollView from './ScrollView';
2
+ export const ScrollViewSchematic = {
3
+ type: 'ScrollView',
4
+ Component: ScrollView,
5
+ };
6
+ export const HorizontalScrollView = {
7
+ ...ScrollViewSchematic,
8
+ type: 'HorizontalScrollView',
9
+ };
10
+ //# sourceMappingURL=schematics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,UAAU;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAwB;IACvD,GAAG,mBAAmB;IACtB,IAAI,EAAE,sBAAsB;CAC7B,CAAC"}
@@ -0,0 +1,40 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { WithStyledProps } from '@mapples/style';
3
+ import { ViewProps as RNViewProps } from 'react-native';
4
+ /**
5
+ * Props for the View component.
6
+ *
7
+ * @public
8
+ */
9
+ export type ViewProps = PropsWithChildren<WithStyledProps<RNViewProps>>;
10
+ /**
11
+ * A customizable view component with built-in styling support.
12
+ *
13
+ * The View component extends React Native's View with additional styling
14
+ * capabilities through the @mapples/style system. It serves as a container
15
+ * for other UI elements and supports all standard view properties.
16
+ *
17
+ * @example
18
+ * ```tsx
19
+ * <View
20
+ * styled={{
21
+ * style: {
22
+ * backgroundColor: 'lightblue',
23
+ * padding: 16,
24
+ * borderRadius: 8
25
+ * }
26
+ * }}
27
+ * >
28
+ * <Text>Content inside the view</Text>
29
+ * </View>
30
+ * ```
31
+ *
32
+ * @public
33
+ */
34
+ declare const View: import("react").ForwardRefExoticComponent<{
35
+ styled?: import("@mapples/style").StyledProps<Partial<RNViewProps>> | undefined;
36
+ } & RNViewProps & {
37
+ children?: import("react").ReactNode | undefined;
38
+ } & import("react").RefAttributes<unknown>>;
39
+ export default View;
40
+ //# sourceMappingURL=View.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../src/components/views/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAExD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,IAAI;;;;2CAMR,CAAC;AAGH,eAAe,IAAI,CAAC"}
@@ -0,0 +1,34 @@
1
+ import { forwardRef } from 'react';
2
+ import { StyledView } from '@mapples/style';
3
+ /**
4
+ * A customizable view component with built-in styling support.
5
+ *
6
+ * The View component extends React Native's View with additional styling
7
+ * capabilities through the @mapples/style system. It serves as a container
8
+ * for other UI elements and supports all standard view properties.
9
+ *
10
+ * @example
11
+ * ```tsx
12
+ * <View
13
+ * styled={{
14
+ * style: {
15
+ * backgroundColor: 'lightblue',
16
+ * padding: 16,
17
+ * borderRadius: 8
18
+ * }
19
+ * }}
20
+ * >
21
+ * <Text>Content inside the view</Text>
22
+ * </View>
23
+ * ```
24
+ *
25
+ * @public
26
+ */
27
+ const View = forwardRef(({ styled, children, ...props }, ref) => {
28
+ return (<StyledView ref={ref} styled={{ ...styled }} {...props}>
29
+ {children}
30
+ </StyledView>);
31
+ });
32
+ View.displayName = 'View';
33
+ export default View;
34
+ //# sourceMappingURL=View.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../src/components/views/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAmB,MAAM,gBAAgB,CAAC;AAU7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACzE,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CACrD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}
@@ -0,0 +1,4 @@
1
+ import View from './View';
2
+ export * from './schematics';
3
+ export default View;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/views/View/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,cAAc,CAAC;AAE7B,eAAe,IAAI,CAAC"}
@@ -0,0 +1,4 @@
1
+ import View from './View';
2
+ export * from './schematics';
3
+ export default View;
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/views/View/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,cAAc,CAAC;AAE7B,eAAe,IAAI,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { RegisteredComponent } from '@mapples/types';
2
+ export declare const ViewSchematic: RegisteredComponent;
3
+ export declare const ContainerSchematic: RegisteredComponent;
4
+ //# sourceMappingURL=schematics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/views/View/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,aAAa,EAAE,mBAG3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,mBAGhC,CAAC"}
@@ -0,0 +1,10 @@
1
+ import View from './View';
2
+ export const ViewSchematic = {
3
+ type: 'View',
4
+ Component: View,
5
+ };
6
+ export const ContainerSchematic = {
7
+ ...ViewSchematic,
8
+ type: 'Container',
9
+ };
10
+ //# sourceMappingURL=schematics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/views/View/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAwB;IACrD,GAAG,aAAa;IAChB,IAAI,EAAE,WAAW;CAClB,CAAC"}
@@ -0,0 +1,12 @@
1
+ export { default as View } from './View';
2
+ export * from './View';
3
+ export { default as ScrollView } from './ScrollView';
4
+ export * from './ScrollView';
5
+ export { default as ImageBackgroundView } from './ImageBackgroundView';
6
+ export * from './ImageBackgroundView';
7
+ export { default as FlatList } from './FlatList';
8
+ export * from './FlatList';
9
+ export { default as SafeAreaView } from './SafeAreaView';
10
+ export * from './SafeAreaView';
11
+ export * from './schematics';
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/views/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC"}
@@ -0,0 +1,12 @@
1
+ export { default as View } from './View';
2
+ export * from './View';
3
+ export { default as ScrollView } from './ScrollView';
4
+ export * from './ScrollView';
5
+ export { default as ImageBackgroundView } from './ImageBackgroundView';
6
+ export * from './ImageBackgroundView';
7
+ export { default as FlatList } from './FlatList';
8
+ export * from './FlatList';
9
+ export { default as SafeAreaView } from './SafeAreaView';
10
+ export * from './SafeAreaView';
11
+ export * from './schematics';
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/views/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { FlatListSchematic, GridFourColumnsSchematic, GridThreeColumnsSchematic, GridTwoColumnsSchematic } from './FlatList';
2
+ import { ImageBackgroundViewSchematics } from './ImageBackgroundView';
3
+ import { SafeAreaViewSchematic } from './SafeAreaView';
4
+ import { HorizontalScrollView, ScrollViewSchematic } from './ScrollView';
5
+ import { ContainerSchematic, ViewSchematic } from './View';
6
+ export declare const ViewsSchematics: {
7
+ readonly [ViewSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
8
+ readonly [ContainerSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
9
+ readonly [SafeAreaViewSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
10
+ readonly [ScrollViewSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
11
+ readonly [HorizontalScrollView.type]: import("@mapples/types").RegisteredComponent<object>;
12
+ readonly [ImageBackgroundViewSchematics.type]: import("@mapples/types").RegisteredComponent<object>;
13
+ readonly [FlatListSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
14
+ readonly [GridTwoColumnsSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
15
+ readonly [GridThreeColumnsSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
16
+ readonly [GridFourColumnsSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
17
+ };
18
+ //# sourceMappingURL=schematics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/views/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE3D,eAAO,MAAM,eAAe;IAC1B,SAAA,CAAC,aAAa,CAAC,IAAI,CAAC,uDAAe;IACnC,SAAA,CAAC,kBAAkB,CAAC,IAAI,CAAC,uDAAoB;IAC7C,SAAA,CAAC,qBAAqB,CAAC,IAAI,CAAC,uDAAuB;IACnD,SAAA,CAAC,mBAAmB,CAAC,IAAI,CAAC,uDAAqB;IAC/C,SAAA,CAAC,oBAAoB,CAAC,IAAI,CAAC,uDAAsB;IACjD,SAAA,CAAC,6BAA6B,CAAC,IAAI,CAAC,uDAA+B;IACnE,SAAA,CAAC,iBAAiB,CAAC,IAAI,CAAC,uDAAmB;IAC3C,SAAA,CAAC,uBAAuB,CAAC,IAAI,CAAC,uDAAyB;IACvD,SAAA,CAAC,yBAAyB,CAAC,IAAI,CAAC,uDAA2B;IAC3D,SAAA,CAAC,wBAAwB,CAAC,IAAI,CAAC,uDAA0B;CACjD,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { FlatListSchematic, GridFourColumnsSchematic, GridThreeColumnsSchematic, GridTwoColumnsSchematic, } from './FlatList';
2
+ import { ImageBackgroundViewSchematics } from './ImageBackgroundView';
3
+ import { SafeAreaViewSchematic } from './SafeAreaView';
4
+ import { HorizontalScrollView, ScrollViewSchematic } from './ScrollView';
5
+ import { ContainerSchematic, ViewSchematic } from './View';
6
+ export const ViewsSchematics = {
7
+ [ViewSchematic.type]: ViewSchematic,
8
+ [ContainerSchematic.type]: ContainerSchematic,
9
+ [SafeAreaViewSchematic.type]: SafeAreaViewSchematic,
10
+ [ScrollViewSchematic.type]: ScrollViewSchematic,
11
+ [HorizontalScrollView.type]: HorizontalScrollView,
12
+ [ImageBackgroundViewSchematics.type]: ImageBackgroundViewSchematics,
13
+ [FlatListSchematic.type]: FlatListSchematic,
14
+ [GridTwoColumnsSchematic.type]: GridTwoColumnsSchematic,
15
+ [GridThreeColumnsSchematic.type]: GridThreeColumnsSchematic,
16
+ [GridFourColumnsSchematic.type]: GridFourColumnsSchematic,
17
+ };
18
+ //# sourceMappingURL=schematics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/views/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,qBAAqB;IACnD,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,mBAAmB;IAC/C,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,6BAA6B;IACnE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;IAC3C,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,uBAAuB;IACvD,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,yBAAyB;IAC3D,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,wBAAwB;CACjD,CAAC"}
@@ -0,0 +1,15 @@
1
+ /**
2
+ * @fileoverview entry point for the @mapples/ui package
3
+ *
4
+ * This package provides a comprehensive set of React Native UI components
5
+ * with built-in styling support and visual editor integration.
6
+ *
7
+ * @packageDocumentation
8
+ * @public
9
+ */
10
+ export * from './schematics';
11
+ export * from './components/inputs';
12
+ export * from './components/media';
13
+ export * from './components/typography';
14
+ export * from './components/views';
15
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,15 @@
1
+ /**
2
+ * @fileoverview entry point for the @mapples/ui package
3
+ *
4
+ * This package provides a comprehensive set of React Native UI components
5
+ * with built-in styling support and visual editor integration.
6
+ *
7
+ * @packageDocumentation
8
+ * @public
9
+ */
10
+ export * from './schematics';
11
+ export * from './components/inputs';
12
+ export * from './components/media';
13
+ export * from './components/typography';
14
+ export * from './components/views';
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC"}
@@ -0,0 +1,20 @@
1
+ /**
2
+ * @fileoverview Main schematics configuration for UI components
3
+ *
4
+ * This module exports the complete registry of UI components and their organizational groups
5
+ * for use in visual editors and component libraries.
6
+ *
7
+ * @public
8
+ */
9
+ /**
10
+ * Complete registry of all available UI components.
11
+ *
12
+ * This object contains all component schematics organized by component type,
13
+ * including Views, Typography, Inputs, and Media components.
14
+ *
15
+ * @public
16
+ */
17
+ export declare const Components: {
18
+ readonly [x: string]: import("@mapples/types").RegisteredComponent<object> | import("@mapples/types").RegisteredComponent<object>;
19
+ };
20
+ //# sourceMappingURL=schematics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../src/schematics.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU;;CAKb,CAAC"}
@@ -0,0 +1,27 @@
1
+ /**
2
+ * @fileoverview Main schematics configuration for UI components
3
+ *
4
+ * This module exports the complete registry of UI components and their organizational groups
5
+ * for use in visual editors and component libraries.
6
+ *
7
+ * @public
8
+ */
9
+ import { InputsSchematics } from './components/inputs';
10
+ import { MediaSchematics } from './components/media';
11
+ import { TypographySchematics } from './components/typography';
12
+ import { ViewsSchematics } from './components/views';
13
+ /**
14
+ * Complete registry of all available UI components.
15
+ *
16
+ * This object contains all component schematics organized by component type,
17
+ * including Views, Typography, Inputs, and Media components.
18
+ *
19
+ * @public
20
+ */
21
+ export const Components = {
22
+ ...ViewsSchematics,
23
+ ...TypographySchematics,
24
+ ...InputsSchematics,
25
+ ...MediaSchematics,
26
+ };
27
+ //# sourceMappingURL=schematics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../src/schematics.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,GAAG,eAAe;IAClB,GAAG,oBAAoB;IACvB,GAAG,gBAAgB;IACnB,GAAG,eAAe;CACV,CAAC"}
package/package.json ADDED
@@ -0,0 +1,36 @@
1
+ {
2
+ "name": "@mapples/ui",
3
+ "version": "1.0.2",
4
+ "main": "dist/index.js",
5
+ "types": "dist/index.d.ts",
6
+ "scripts": {
7
+ "build": "tsc -b tsconfig.build.json",
8
+ "lint": "eslint .",
9
+ "type-check": "tsc --noEmit",
10
+ "clean": "rm -rf dist"
11
+ },
12
+ "author": {
13
+ "name": "Oleksandr Soloviov",
14
+ "url": "https://mapples.org/people/olek_soloviov"
15
+ },
16
+ "license": "MIT",
17
+ "repository": {
18
+ "type": "git",
19
+ "url": "https://github.com/mapplesorg/mapples-open-kit.git",
20
+ "directory": "packages/@mapples/ui"
21
+ },
22
+ "peerDependencies": {
23
+ "react": ">=18.0.0 <20.0.0",
24
+ "react-native": ">=0.71.0"
25
+ },
26
+ "devDependencies": {
27
+ "@types/react": ">=18.0.0 <20.0.0",
28
+ "typescript": "~5.9.2"
29
+ },
30
+ "files": [
31
+ "dist",
32
+ "src/assets",
33
+ "README.md",
34
+ "package.json"
35
+ ]
36
+ }