@indra-inter/neobrutalism-components 0.1.0

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 (154) hide show
  1. package/README.md +1330 -0
  2. package/dist/module/assets/avatar-profile.png +0 -0
  3. package/dist/module/components/accordion/accordion.js +203 -0
  4. package/dist/module/components/accordion/accordion.js.map +1 -0
  5. package/dist/module/components/app-bar/app-bar.js +140 -0
  6. package/dist/module/components/app-bar/app-bar.js.map +1 -0
  7. package/dist/module/components/avatar/avatar.js +184 -0
  8. package/dist/module/components/avatar/avatar.js.map +1 -0
  9. package/dist/module/components/badge/badge.js +133 -0
  10. package/dist/module/components/badge/badge.js.map +1 -0
  11. package/dist/module/components/bottom-navigation/bottom-navigation.js +166 -0
  12. package/dist/module/components/bottom-navigation/bottom-navigation.js.map +1 -0
  13. package/dist/module/components/bottom-sheet/bottom-sheet.js +285 -0
  14. package/dist/module/components/bottom-sheet/bottom-sheet.js.map +1 -0
  15. package/dist/module/components/button/button.js +253 -0
  16. package/dist/module/components/button/button.js.map +1 -0
  17. package/dist/module/components/calendar/calendar.js +458 -0
  18. package/dist/module/components/calendar/calendar.js.map +1 -0
  19. package/dist/module/components/call-item/call-item.js +128 -0
  20. package/dist/module/components/call-item/call-item.js.map +1 -0
  21. package/dist/module/components/card/card.js +189 -0
  22. package/dist/module/components/card/card.js.map +1 -0
  23. package/dist/module/components/chat-list-item/chat-list-item.js +212 -0
  24. package/dist/module/components/chat-list-item/chat-list-item.js.map +1 -0
  25. package/dist/module/components/checkbox/checkbox.js +141 -0
  26. package/dist/module/components/checkbox/checkbox.js.map +1 -0
  27. package/dist/module/components/dialog/dialog.js +342 -0
  28. package/dist/module/components/dialog/dialog.js.map +1 -0
  29. package/dist/module/components/divider/divider.js +41 -0
  30. package/dist/module/components/divider/divider.js.map +1 -0
  31. package/dist/module/components/dropdown/dropdown-menu.js +214 -0
  32. package/dist/module/components/dropdown/dropdown-menu.js.map +1 -0
  33. package/dist/module/components/dropdown/dropdown.js +616 -0
  34. package/dist/module/components/dropdown/dropdown.js.map +1 -0
  35. package/dist/module/components/dropdown/types.js +4 -0
  36. package/dist/module/components/dropdown/types.js.map +1 -0
  37. package/dist/module/components/icon-button/icon-button.js +140 -0
  38. package/dist/module/components/icon-button/icon-button.js.map +1 -0
  39. package/dist/module/components/input/currency-input.js +60 -0
  40. package/dist/module/components/input/currency-input.js.map +1 -0
  41. package/dist/module/components/input/input.js +281 -0
  42. package/dist/module/components/input/input.js.map +1 -0
  43. package/dist/module/components/input/otp-input.js +196 -0
  44. package/dist/module/components/input/otp-input.js.map +1 -0
  45. package/dist/module/components/input/password-input.js +74 -0
  46. package/dist/module/components/input/password-input.js.map +1 -0
  47. package/dist/module/components/input/phone-input.js +68 -0
  48. package/dist/module/components/input/phone-input.js.map +1 -0
  49. package/dist/module/components/input/url-input.js +43 -0
  50. package/dist/module/components/input/url-input.js.map +1 -0
  51. package/dist/module/components/list-item/list-item.js +148 -0
  52. package/dist/module/components/list-item/list-item.js.map +1 -0
  53. package/dist/module/components/pin-code-field/pin-code-field.js +164 -0
  54. package/dist/module/components/pin-code-field/pin-code-field.js.map +1 -0
  55. package/dist/module/components/progress/progress.js +261 -0
  56. package/dist/module/components/progress/progress.js.map +1 -0
  57. package/dist/module/components/radio/radio.js +135 -0
  58. package/dist/module/components/radio/radio.js.map +1 -0
  59. package/dist/module/components/skeleton/skeleton.js +328 -0
  60. package/dist/module/components/skeleton/skeleton.js.map +1 -0
  61. package/dist/module/components/switch/switch.js +170 -0
  62. package/dist/module/components/switch/switch.js.map +1 -0
  63. package/dist/module/components/tabs/tabs.js +197 -0
  64. package/dist/module/components/tabs/tabs.js.map +1 -0
  65. package/dist/module/components/toast/toast-provider.js +117 -0
  66. package/dist/module/components/toast/toast-provider.js.map +1 -0
  67. package/dist/module/components/toast/toast.js +154 -0
  68. package/dist/module/components/toast/toast.js.map +1 -0
  69. package/dist/module/index.js +38 -0
  70. package/dist/module/index.js.map +1 -0
  71. package/dist/module/package.json +1 -0
  72. package/dist/module/theme/design-tokens.generated.js +379 -0
  73. package/dist/module/theme/design-tokens.generated.js.map +1 -0
  74. package/dist/module/theme/theme-provider.js +20 -0
  75. package/dist/module/theme/theme-provider.js.map +1 -0
  76. package/dist/module/theme/theme.js +56 -0
  77. package/dist/module/theme/theme.js.map +1 -0
  78. package/dist/typescript/components/accordion/accordion.d.ts +40 -0
  79. package/dist/typescript/components/accordion/accordion.d.ts.map +1 -0
  80. package/dist/typescript/components/app-bar/app-bar.d.ts +34 -0
  81. package/dist/typescript/components/app-bar/app-bar.d.ts.map +1 -0
  82. package/dist/typescript/components/avatar/avatar.d.ts +17 -0
  83. package/dist/typescript/components/avatar/avatar.d.ts.map +1 -0
  84. package/dist/typescript/components/badge/badge.d.ts +20 -0
  85. package/dist/typescript/components/badge/badge.d.ts.map +1 -0
  86. package/dist/typescript/components/bottom-navigation/bottom-navigation.d.ts +28 -0
  87. package/dist/typescript/components/bottom-navigation/bottom-navigation.d.ts.map +1 -0
  88. package/dist/typescript/components/bottom-sheet/bottom-sheet.d.ts +38 -0
  89. package/dist/typescript/components/bottom-sheet/bottom-sheet.d.ts.map +1 -0
  90. package/dist/typescript/components/button/button.d.ts +21 -0
  91. package/dist/typescript/components/button/button.d.ts.map +1 -0
  92. package/dist/typescript/components/calendar/calendar.d.ts +41 -0
  93. package/dist/typescript/components/calendar/calendar.d.ts.map +1 -0
  94. package/dist/typescript/components/call-item/call-item.d.ts +21 -0
  95. package/dist/typescript/components/call-item/call-item.d.ts.map +1 -0
  96. package/dist/typescript/components/card/card.d.ts +37 -0
  97. package/dist/typescript/components/card/card.d.ts.map +1 -0
  98. package/dist/typescript/components/chat-list-item/chat-list-item.d.ts +37 -0
  99. package/dist/typescript/components/chat-list-item/chat-list-item.d.ts.map +1 -0
  100. package/dist/typescript/components/checkbox/checkbox.d.ts +15 -0
  101. package/dist/typescript/components/checkbox/checkbox.d.ts.map +1 -0
  102. package/dist/typescript/components/dialog/dialog.d.ts +34 -0
  103. package/dist/typescript/components/dialog/dialog.d.ts.map +1 -0
  104. package/dist/typescript/components/divider/divider.d.ts +10 -0
  105. package/dist/typescript/components/divider/divider.d.ts.map +1 -0
  106. package/dist/typescript/components/dropdown/dropdown-menu.d.ts +27 -0
  107. package/dist/typescript/components/dropdown/dropdown-menu.d.ts.map +1 -0
  108. package/dist/typescript/components/dropdown/dropdown.d.ts +4 -0
  109. package/dist/typescript/components/dropdown/dropdown.d.ts.map +1 -0
  110. package/dist/typescript/components/dropdown/types.d.ts +52 -0
  111. package/dist/typescript/components/dropdown/types.d.ts.map +1 -0
  112. package/dist/typescript/components/icon-button/icon-button.d.ts +20 -0
  113. package/dist/typescript/components/icon-button/icon-button.d.ts.map +1 -0
  114. package/dist/typescript/components/input/currency-input.d.ts +10 -0
  115. package/dist/typescript/components/input/currency-input.d.ts.map +1 -0
  116. package/dist/typescript/components/input/input.d.ts +32 -0
  117. package/dist/typescript/components/input/input.d.ts.map +1 -0
  118. package/dist/typescript/components/input/otp-input.d.ts +23 -0
  119. package/dist/typescript/components/input/otp-input.d.ts.map +1 -0
  120. package/dist/typescript/components/input/password-input.d.ts +14 -0
  121. package/dist/typescript/components/input/password-input.d.ts.map +1 -0
  122. package/dist/typescript/components/input/phone-input.d.ts +13 -0
  123. package/dist/typescript/components/input/phone-input.d.ts.map +1 -0
  124. package/dist/typescript/components/input/url-input.d.ts +10 -0
  125. package/dist/typescript/components/input/url-input.d.ts.map +1 -0
  126. package/dist/typescript/components/list-item/list-item.d.ts +30 -0
  127. package/dist/typescript/components/list-item/list-item.d.ts.map +1 -0
  128. package/dist/typescript/components/pin-code-field/pin-code-field.d.ts +25 -0
  129. package/dist/typescript/components/pin-code-field/pin-code-field.d.ts.map +1 -0
  130. package/dist/typescript/components/progress/progress.d.ts +18 -0
  131. package/dist/typescript/components/progress/progress.d.ts.map +1 -0
  132. package/dist/typescript/components/radio/radio.d.ts +12 -0
  133. package/dist/typescript/components/radio/radio.d.ts.map +1 -0
  134. package/dist/typescript/components/skeleton/skeleton.d.ts +16 -0
  135. package/dist/typescript/components/skeleton/skeleton.d.ts.map +1 -0
  136. package/dist/typescript/components/switch/switch.d.ts +12 -0
  137. package/dist/typescript/components/switch/switch.d.ts.map +1 -0
  138. package/dist/typescript/components/tabs/tabs.d.ts +37 -0
  139. package/dist/typescript/components/tabs/tabs.d.ts.map +1 -0
  140. package/dist/typescript/components/toast/toast-provider.d.ts +22 -0
  141. package/dist/typescript/components/toast/toast-provider.d.ts.map +1 -0
  142. package/dist/typescript/components/toast/toast.d.ts +15 -0
  143. package/dist/typescript/components/toast/toast.d.ts.map +1 -0
  144. package/dist/typescript/index.d.ts +36 -0
  145. package/dist/typescript/index.d.ts.map +1 -0
  146. package/dist/typescript/package.json +1 -0
  147. package/dist/typescript/theme/design-tokens.generated.d.ts +375 -0
  148. package/dist/typescript/theme/design-tokens.generated.d.ts.map +1 -0
  149. package/dist/typescript/theme/theme-provider.d.ts +8 -0
  150. package/dist/typescript/theme/theme-provider.d.ts.map +1 -0
  151. package/dist/typescript/theme/theme.d.ts +52 -0
  152. package/dist/typescript/theme/theme.d.ts.map +1 -0
  153. package/package.json +88 -0
  154. package/tokens.css +132 -0
@@ -0,0 +1,203 @@
1
+ "use strict";
2
+
3
+ import { useState } from 'react';
4
+ import { Pressable, StyleSheet, Text, View } from 'react-native';
5
+ import { ChevronDown, ChevronUp } from 'lucide-react-native';
6
+ import { useTheme } from "../../theme/theme-provider.js";
7
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
+ export function Accordion(props) {
9
+ const theme = useTheme();
10
+ const styles = createStyles(theme);
11
+ const [uncontrolledSingleValue, setUncontrolledSingleValue] = useState(() => props.type === 'multiple' ? null : props.defaultValue ?? null);
12
+ const [uncontrolledMultipleValues, setUncontrolledMultipleValues] = useState(() => props.type === 'multiple' ? [...(props.defaultValue ?? [])] : []);
13
+ const isMultiple = props.type === 'multiple';
14
+ const isControlled = props.value !== undefined;
15
+ const selectedValues = isMultiple ? isControlled ? [...(props.value ?? [])] : uncontrolledMultipleValues : [isControlled ? props.value : uncontrolledSingleValue].filter(value => typeof value === 'string');
16
+ const resolvedShadowColor = props.shadowColor ?? resolveShadowColor(props.shadowVariant ?? 'default', theme);
17
+ function toggleItem(item) {
18
+ if (item.disabled) {
19
+ return;
20
+ }
21
+ if (isMultiple) {
22
+ const nextValues = selectedValues.includes(item.value) ? selectedValues.filter(value => value !== item.value) : [...selectedValues, item.value];
23
+ if (!isControlled) {
24
+ setUncontrolledMultipleValues(nextValues);
25
+ }
26
+ props.onValueChange?.(nextValues);
27
+ return;
28
+ }
29
+ const selectedValue = selectedValues[0] ?? null;
30
+ const nextValue = selectedValue === item.value ? props.collapsible === false ? item.value : null : item.value;
31
+ if (!isControlled) {
32
+ setUncontrolledSingleValue(nextValue);
33
+ }
34
+ props.onValueChange?.(nextValue);
35
+ }
36
+ return /*#__PURE__*/_jsx(View, {
37
+ accessibilityLabel: props.accessibilityLabel ?? 'Accordion',
38
+ style: [styles.container, props.containerStyle],
39
+ children: props.items.map(item => {
40
+ const expanded = selectedValues.includes(item.value);
41
+ const header = /*#__PURE__*/_jsx(AccordionHeader, {
42
+ disabled: item.disabled,
43
+ expanded: expanded,
44
+ headerStyle: props.headerStyle,
45
+ item: item,
46
+ onPress: () => toggleItem(item),
47
+ styles: styles,
48
+ theme: theme,
49
+ titleStyle: props.titleStyle
50
+ });
51
+ if (!expanded) {
52
+ return /*#__PURE__*/_jsx(View, {
53
+ children: header
54
+ }, item.value);
55
+ }
56
+ return /*#__PURE__*/_jsxs(View, {
57
+ style: styles.expandedContainer,
58
+ children: [/*#__PURE__*/_jsx(View, {
59
+ pointerEvents: "none",
60
+ style: [styles.hardShadow, {
61
+ backgroundColor: resolvedShadowColor
62
+ }],
63
+ testID: `accordion-shadow-${item.value}`
64
+ }), /*#__PURE__*/_jsxs(View, {
65
+ style: [styles.expandedSurface, props.style],
66
+ children: [header, /*#__PURE__*/_jsx(View, {
67
+ style: [styles.content, props.contentStyle],
68
+ children: item.content
69
+ })]
70
+ })]
71
+ }, item.value);
72
+ })
73
+ });
74
+ }
75
+ function AccordionHeader({
76
+ disabled,
77
+ expanded,
78
+ headerStyle,
79
+ item,
80
+ onPress,
81
+ styles,
82
+ theme,
83
+ titleStyle
84
+ }) {
85
+ const title = typeof item.title === 'string' || typeof item.title === 'number' ? /*#__PURE__*/_jsx(Text, {
86
+ numberOfLines: 1,
87
+ style: [styles.title, disabled && styles.disabledTitle, titleStyle],
88
+ children: item.title
89
+ }) : item.title;
90
+ const accessibilityLabel = typeof item.title === 'string' ? item.title : `Accordion item ${item.value}`;
91
+ const ChevronIcon = expanded ? ChevronUp : ChevronDown;
92
+ return /*#__PURE__*/_jsxs(Pressable, {
93
+ accessibilityLabel: accessibilityLabel,
94
+ accessibilityRole: "button",
95
+ accessibilityState: {
96
+ disabled,
97
+ expanded
98
+ },
99
+ disabled: disabled,
100
+ onPress: onPress,
101
+ style: ({
102
+ pressed
103
+ }) => [styles.header, expanded ? styles.expandedHeader : styles.closedHeader, disabled && styles.disabledHeader, pressed && !disabled && styles.pressedHeader, headerStyle],
104
+ testID: `accordion-trigger-${item.value}`,
105
+ children: [item.leading ? /*#__PURE__*/_jsx(View, {
106
+ style: styles.slot,
107
+ children: item.leading
108
+ }) : null, /*#__PURE__*/_jsx(View, {
109
+ style: styles.titleContainer,
110
+ children: title
111
+ }), item.trailing ? /*#__PURE__*/_jsx(View, {
112
+ style: styles.slot,
113
+ children: item.trailing
114
+ }) : null, /*#__PURE__*/_jsx(ChevronIcon, {
115
+ color: expanded ? theme.colors.primaryForeground : theme.colors.foreground,
116
+ pointerEvents: "none",
117
+ size: 20,
118
+ strokeWidth: 2
119
+ })]
120
+ });
121
+ }
122
+ function resolveShadowColor(variant, theme) {
123
+ const colors = {
124
+ default: theme.shadow.color,
125
+ destructive: theme.colors.destructive,
126
+ info: theme.colors.info,
127
+ primary: theme.colors.primary,
128
+ secondary: theme.colors.secondary,
129
+ success: theme.colors.success,
130
+ warning: theme.colors.warning
131
+ };
132
+ return colors[variant];
133
+ }
134
+ function createStyles(theme) {
135
+ return StyleSheet.create({
136
+ container: {
137
+ width: '100%'
138
+ },
139
+ expandedContainer: {
140
+ paddingBottom: theme.shadow.offset,
141
+ paddingRight: theme.shadow.offset,
142
+ position: 'relative'
143
+ },
144
+ hardShadow: {
145
+ bottom: 0,
146
+ left: theme.shadow.offset,
147
+ position: 'absolute',
148
+ right: 0,
149
+ top: theme.shadow.offset
150
+ },
151
+ expandedSurface: {
152
+ backgroundColor: theme.colors.surface,
153
+ borderColor: theme.border.color,
154
+ borderWidth: theme.border.width
155
+ },
156
+ header: {
157
+ alignItems: 'center',
158
+ flexDirection: 'row',
159
+ gap: theme.spacing.xs,
160
+ minHeight: 55,
161
+ paddingHorizontal: theme.spacing.md,
162
+ paddingVertical: 14
163
+ },
164
+ closedHeader: {
165
+ borderBottomColor: theme.border.color,
166
+ borderBottomWidth: 1
167
+ },
168
+ expandedHeader: {
169
+ backgroundColor: theme.colors.primaryHover,
170
+ borderBottomColor: theme.border.color,
171
+ borderBottomWidth: theme.border.width
172
+ },
173
+ disabledHeader: {
174
+ opacity: 0.6
175
+ },
176
+ pressedHeader: {
177
+ opacity: 0.8
178
+ },
179
+ slot: {
180
+ alignItems: 'center',
181
+ justifyContent: 'center'
182
+ },
183
+ titleContainer: {
184
+ flex: 1,
185
+ minWidth: 0
186
+ },
187
+ title: {
188
+ color: theme.colors.foreground,
189
+ fontSize: theme.typography.md,
190
+ fontWeight: '700',
191
+ lineHeight: 24
192
+ },
193
+ disabledTitle: {
194
+ color: theme.colors.mutedForeground
195
+ },
196
+ content: {
197
+ backgroundColor: theme.colors.surface,
198
+ gap: theme.spacing.md,
199
+ padding: theme.spacing.md
200
+ }
201
+ });
202
+ }
203
+ //# sourceMappingURL=accordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useState","Pressable","StyleSheet","Text","View","ChevronDown","ChevronUp","useTheme","jsx","_jsx","jsxs","_jsxs","Accordion","props","theme","styles","createStyles","uncontrolledSingleValue","setUncontrolledSingleValue","type","defaultValue","uncontrolledMultipleValues","setUncontrolledMultipleValues","isMultiple","isControlled","value","undefined","selectedValues","filter","resolvedShadowColor","shadowColor","resolveShadowColor","shadowVariant","toggleItem","item","disabled","nextValues","includes","onValueChange","selectedValue","nextValue","collapsible","accessibilityLabel","style","container","containerStyle","children","items","map","expanded","header","AccordionHeader","headerStyle","onPress","titleStyle","expandedContainer","pointerEvents","hardShadow","backgroundColor","testID","expandedSurface","content","contentStyle","title","numberOfLines","disabledTitle","ChevronIcon","accessibilityRole","accessibilityState","pressed","expandedHeader","closedHeader","disabledHeader","pressedHeader","leading","slot","titleContainer","trailing","color","colors","primaryForeground","foreground","size","strokeWidth","variant","default","shadow","destructive","info","primary","secondary","success","warning","create","width","paddingBottom","offset","paddingRight","position","bottom","left","right","top","surface","borderColor","border","borderWidth","alignItems","flexDirection","gap","spacing","xs","minHeight","paddingHorizontal","md","paddingVertical","borderBottomColor","borderBottomWidth","primaryHover","opacity","justifyContent","flex","minWidth","fontSize","typography","fontWeight","lineHeight","mutedForeground","padding"],"sourceRoot":"../../../../src","sources":["components/accordion/accordion.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,140 @@
1
+ "use strict";
2
+
3
+ import { Children, isValidElement } from 'react';
4
+ import { StyleSheet, Text, View } from 'react-native';
5
+ import { useSafeAreaInsets } from 'react-native-safe-area-context';
6
+ import { useTheme } from "../../theme/theme-provider.js";
7
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
+ function AppBarRoot({
9
+ accessibilityLabel = 'App bar',
10
+ backgroundColor,
11
+ children,
12
+ containerStyle,
13
+ safeArea = true,
14
+ safeAreaOffset = 0,
15
+ style
16
+ }) {
17
+ const theme = useTheme();
18
+ const insets = useSafeAreaInsets();
19
+ const styles = createStyles(theme);
20
+ const hasBottom = Children.toArray(children).some(child => /*#__PURE__*/isValidElement(child) && child.type === AppBarBottom);
21
+ return /*#__PURE__*/_jsx(View, {
22
+ style: containerStyle,
23
+ children: /*#__PURE__*/_jsx(View, {
24
+ accessibilityLabel: accessibilityLabel,
25
+ accessibilityRole: "header",
26
+ style: [styles.root, {
27
+ backgroundColor: backgroundColor ?? theme.colors.primary,
28
+ borderBottomWidth: hasBottom ? 0 : theme.border.width,
29
+ paddingTop: safeArea ? Math.max(0, insets.top + safeAreaOffset) : 0
30
+ }, style],
31
+ testID: "app-bar",
32
+ children: children
33
+ })
34
+ });
35
+ }
36
+ function AppBarContent({
37
+ accessibilityLabel,
38
+ avatar,
39
+ containerStyle,
40
+ leading,
41
+ subtitle,
42
+ subtitleStyle,
43
+ title,
44
+ titleStyle,
45
+ trailing,
46
+ variant = 'default'
47
+ }) {
48
+ const styles = createStyles(useTheme());
49
+ return /*#__PURE__*/_jsxs(View, {
50
+ accessibilityLabel: accessibilityLabel,
51
+ style: [styles.content, variant === 'select' && styles.selectContent, containerStyle],
52
+ testID: `app-bar-content-${variant}`,
53
+ children: [leading ? /*#__PURE__*/_jsx(View, {
54
+ style: styles.slot,
55
+ children: leading
56
+ }) : null, avatar ? /*#__PURE__*/_jsx(View, {
57
+ style: styles.slot,
58
+ children: avatar
59
+ }) : null, title || subtitle ? /*#__PURE__*/_jsxs(View, {
60
+ style: styles.titleBlock,
61
+ children: [renderText(title, [styles.title, titleStyle]), renderText(subtitle, [styles.subtitle, subtitleStyle])]
62
+ }) : null, trailing ? /*#__PURE__*/_jsx(View, {
63
+ style: styles.trailing,
64
+ children: trailing
65
+ }) : null]
66
+ });
67
+ }
68
+ function AppBarBottom({
69
+ children,
70
+ style
71
+ }) {
72
+ return /*#__PURE__*/_jsx(View, {
73
+ style: style,
74
+ testID: "app-bar-bottom",
75
+ children: children
76
+ });
77
+ }
78
+ function renderText(value, style) {
79
+ if (typeof value === 'string' || typeof value === 'number') {
80
+ return /*#__PURE__*/_jsx(Text, {
81
+ ellipsizeMode: "tail",
82
+ numberOfLines: 1,
83
+ style: style,
84
+ children: value
85
+ });
86
+ }
87
+ return value;
88
+ }
89
+ export const AppBar = Object.assign(AppBarRoot, {
90
+ Bottom: AppBarBottom,
91
+ Content: AppBarContent
92
+ });
93
+ function createStyles(theme) {
94
+ return StyleSheet.create({
95
+ root: {
96
+ borderBottomColor: theme.border.color,
97
+ width: '100%'
98
+ },
99
+ content: {
100
+ alignItems: 'center',
101
+ flexDirection: 'row',
102
+ gap: theme.spacing.sm,
103
+ minHeight: 70,
104
+ paddingBottom: theme.spacing.sm,
105
+ paddingHorizontal: theme.spacing.md,
106
+ paddingTop: theme.spacing.sm,
107
+ width: '100%'
108
+ },
109
+ selectContent: {
110
+ paddingBottom: theme.spacing.xs + 2
111
+ },
112
+ slot: {
113
+ flexShrink: 0
114
+ },
115
+ titleBlock: {
116
+ flex: 1,
117
+ flexDirection: 'column',
118
+ minWidth: 0
119
+ },
120
+ title: {
121
+ color: theme.colors.primaryForeground,
122
+ fontSize: theme.typography.lg,
123
+ fontWeight: '700',
124
+ lineHeight: 28
125
+ },
126
+ subtitle: {
127
+ color: theme.colors.primaryForeground,
128
+ fontSize: theme.typography.xs,
129
+ lineHeight: theme.typography.xsLineHeight
130
+ },
131
+ trailing: {
132
+ alignItems: 'center',
133
+ flexDirection: 'row',
134
+ flexShrink: 0,
135
+ gap: theme.spacing.md,
136
+ marginLeft: 'auto'
137
+ }
138
+ });
139
+ }
140
+ //# sourceMappingURL=app-bar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Children","isValidElement","StyleSheet","Text","View","useSafeAreaInsets","useTheme","jsx","_jsx","jsxs","_jsxs","AppBarRoot","accessibilityLabel","backgroundColor","children","containerStyle","safeArea","safeAreaOffset","style","theme","insets","styles","createStyles","hasBottom","toArray","some","child","type","AppBarBottom","accessibilityRole","root","colors","primary","borderBottomWidth","border","width","paddingTop","Math","max","top","testID","AppBarContent","avatar","leading","subtitle","subtitleStyle","title","titleStyle","trailing","variant","content","selectContent","slot","titleBlock","renderText","value","ellipsizeMode","numberOfLines","AppBar","Object","assign","Bottom","Content","create","borderBottomColor","color","alignItems","flexDirection","gap","spacing","sm","minHeight","paddingBottom","paddingHorizontal","md","xs","flexShrink","flex","minWidth","primaryForeground","fontSize","typography","lg","fontWeight","lineHeight","xsLineHeight","marginLeft"],"sourceRoot":"../../../../src","sources":["components/app-bar/app-bar.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,184 @@
1
+ "use strict";
2
+
3
+ import { Image, Platform, StyleSheet, Text, View } from 'react-native';
4
+ import { Plus, Users } from 'lucide-react-native';
5
+ import { useTheme } from "../../theme/theme-provider.js";
6
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
7
+ const profileAsset = require('../../assets/avatar-profile.png');
8
+ const sizeValues = {
9
+ xs: 24,
10
+ sm: 32,
11
+ md: 40,
12
+ lg: 48,
13
+ xl: 72
14
+ };
15
+ const iconValues = {
16
+ xs: 15,
17
+ sm: 17,
18
+ md: 22,
19
+ lg: 28,
20
+ xl: 38
21
+ };
22
+ export function Avatar({
23
+ accessibilityLabel,
24
+ initials = 'AK',
25
+ rounded = 'rounded',
26
+ shadow = true,
27
+ shadowColor,
28
+ showAdd = false,
29
+ size = 'xs',
30
+ source,
31
+ style,
32
+ variant = 'initial',
33
+ ...props
34
+ }) {
35
+ const theme = useTheme();
36
+ const styles = createStyles(theme);
37
+ const dimension = sizeValues[size];
38
+ const resolvedRadius = rounded === 'sharp' ? 0 : theme.border.radius;
39
+ const resolvedShadowColor = shadowColor ?? theme.shadow.color;
40
+ const shadowOffset = size === 'lg' || size === 'xl' ? theme.shadow.offset : theme.shadow.xsOffset;
41
+ const usesAndroidHardShadow = Platform.OS === 'android' && shadow;
42
+ const showsAdd = showAdd && (size === 'md' || size === 'lg' || size === 'xl');
43
+ const addSize = size === 'xl' ? 22 : 18;
44
+ const contentRadius = Math.max(resolvedRadius - theme.border.width, 0);
45
+ const avatarStyle = {
46
+ height: dimension,
47
+ width: dimension
48
+ };
49
+ return /*#__PURE__*/_jsxs(View, {
50
+ style: [styles.shadowContainer, usesAndroidHardShadow && {
51
+ paddingBottom: shadowOffset,
52
+ paddingRight: shadowOffset
53
+ }, style],
54
+ ...props,
55
+ children: [usesAndroidHardShadow ? /*#__PURE__*/_jsx(View, {
56
+ pointerEvents: "none",
57
+ style: [styles.androidHardShadow, {
58
+ backgroundColor: resolvedShadowColor,
59
+ borderRadius: resolvedRadius,
60
+ height: dimension,
61
+ left: shadowOffset,
62
+ top: shadowOffset,
63
+ width: dimension
64
+ }],
65
+ testID: "avatar-hard-shadow"
66
+ }) : null, /*#__PURE__*/_jsx(View, {
67
+ accessibilityLabel: variant === 'image' ? undefined : accessibilityLabel,
68
+ accessible: variant !== 'image',
69
+ style: [styles.avatar, avatarStyle, {
70
+ borderRadius: resolvedRadius
71
+ }, shadow && !usesAndroidHardShadow && {
72
+ shadowColor: resolvedShadowColor,
73
+ shadowOffset: {
74
+ width: shadowOffset,
75
+ height: shadowOffset
76
+ },
77
+ shadowOpacity: 1,
78
+ shadowRadius: 0
79
+ }],
80
+ testID: "avatar",
81
+ children: /*#__PURE__*/_jsxs(View, {
82
+ style: [styles.content, {
83
+ borderRadius: contentRadius
84
+ }],
85
+ testID: "avatar-content",
86
+ children: [variant === 'initial' ? /*#__PURE__*/_jsx(Text, {
87
+ style: [styles.initials, getInitialStyle(size, theme)],
88
+ children: initials
89
+ }) : null, variant === 'icon' ? /*#__PURE__*/_jsx(View, {
90
+ testID: "avatar-icon",
91
+ children: /*#__PURE__*/_jsx(Users, {
92
+ color: theme.colors.foreground,
93
+ size: iconValues[size],
94
+ strokeWidth: 2
95
+ })
96
+ }) : null, variant === 'image' ? /*#__PURE__*/_jsx(Image, {
97
+ accessibilityLabel: accessibilityLabel,
98
+ source: source ?? profileAsset,
99
+ style: styles.image
100
+ }) : null]
101
+ })
102
+ }), showsAdd ? /*#__PURE__*/_jsx(View, {
103
+ style: [styles.add, {
104
+ height: addSize,
105
+ width: addSize
106
+ }],
107
+ testID: "avatar-add",
108
+ children: /*#__PURE__*/_jsx(Plus, {
109
+ color: "#FFFFFF",
110
+ size: 15,
111
+ strokeWidth: 2
112
+ })
113
+ }) : null]
114
+ });
115
+ }
116
+ function getInitialStyle(size, theme) {
117
+ const textValues = {
118
+ xs: {
119
+ fontSize: theme.typography.xs,
120
+ lineHeight: theme.typography.xsLineHeight
121
+ },
122
+ sm: {
123
+ fontSize: theme.typography.xs,
124
+ lineHeight: theme.typography.xsLineHeight
125
+ },
126
+ md: {
127
+ fontSize: theme.typography.sm,
128
+ lineHeight: 20
129
+ },
130
+ lg: {
131
+ fontSize: theme.typography.lg,
132
+ lineHeight: 28
133
+ },
134
+ xl: {
135
+ fontSize: 24,
136
+ lineHeight: 32
137
+ }
138
+ };
139
+ return textValues[size];
140
+ }
141
+ function createStyles(theme) {
142
+ return StyleSheet.create({
143
+ shadowContainer: {
144
+ alignSelf: 'flex-start',
145
+ position: 'relative'
146
+ },
147
+ androidHardShadow: {
148
+ position: 'absolute'
149
+ },
150
+ avatar: {
151
+ backgroundColor: theme.colors.primary,
152
+ borderColor: theme.border.color,
153
+ borderWidth: theme.border.width
154
+ },
155
+ content: {
156
+ alignItems: 'center',
157
+ flex: 1,
158
+ justifyContent: 'center',
159
+ overflow: 'hidden'
160
+ },
161
+ initials: {
162
+ color: theme.colors.foreground,
163
+ fontWeight: '700',
164
+ textAlign: 'center'
165
+ },
166
+ image: {
167
+ height: '100%',
168
+ resizeMode: 'cover',
169
+ width: '100%'
170
+ },
171
+ add: {
172
+ alignItems: 'center',
173
+ backgroundColor: theme.colors.primary,
174
+ borderColor: theme.colors.background,
175
+ borderRadius: 9999,
176
+ borderWidth: theme.border.width,
177
+ bottom: -2,
178
+ justifyContent: 'center',
179
+ position: 'absolute',
180
+ right: -2
181
+ }
182
+ });
183
+ }
184
+ //# sourceMappingURL=avatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Image","Platform","StyleSheet","Text","View","Plus","Users","useTheme","jsx","_jsx","jsxs","_jsxs","profileAsset","require","sizeValues","xs","sm","md","lg","xl","iconValues","Avatar","accessibilityLabel","initials","rounded","shadow","shadowColor","showAdd","size","source","style","variant","props","theme","styles","createStyles","dimension","resolvedRadius","border","radius","resolvedShadowColor","color","shadowOffset","offset","xsOffset","usesAndroidHardShadow","OS","showsAdd","addSize","contentRadius","Math","max","width","avatarStyle","height","shadowContainer","paddingBottom","paddingRight","children","pointerEvents","androidHardShadow","backgroundColor","borderRadius","left","top","testID","undefined","accessible","avatar","shadowOpacity","shadowRadius","content","getInitialStyle","colors","foreground","strokeWidth","image","add","textValues","fontSize","typography","lineHeight","xsLineHeight","create","alignSelf","position","primary","borderColor","borderWidth","alignItems","flex","justifyContent","overflow","fontWeight","textAlign","resizeMode","background","bottom","right"],"sourceRoot":"../../../../src","sources":["components/avatar/avatar.tsx"],"mappings":";;AAAA,SACEA,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,IAAI,QAKC,cAAc;AACrB,SAASC,IAAI,EAAEC,KAAK,QAAQ,qBAAqB;AAGjD,SAASC,QAAQ,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkBtD,MAAMC,YAAY,GAAGC,OAAO,CAAC,iCAAiC,CAAC;AAE/D,MAAMC,UAAsC,GAAG;EAC7CC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,UAAsC,GAAG;EAC7CL,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,OAAO,SAASE,MAAMA,CAAC;EACrBC,kBAAkB;EAClBC,QAAQ,GAAG,IAAI;EACfC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,IAAI;EACbC,WAAW;EACXC,OAAO,GAAG,KAAK;EACfC,IAAI,GAAG,IAAI;EACXC,MAAM;EACNC,KAAK;EACLC,OAAO,GAAG,SAAS;EACnB,GAAGC;AACQ,CAAC,EAAE;EACd,MAAMC,KAAK,GAAG1B,QAAQ,CAAC,CAAC;EACxB,MAAM2B,MAAM,GAAGC,YAAY,CAACF,KAAK,CAAC;EAClC,MAAMG,SAAS,GAAGtB,UAAU,CAACc,IAAI,CAAC;EAClC,MAAMS,cAAc,GAAGb,OAAO,KAAK,OAAO,GAAG,CAAC,GAAGS,KAAK,CAACK,MAAM,CAACC,MAAM;EACpE,MAAMC,mBAAmB,GAAGd,WAAW,IAAIO,KAAK,CAACR,MAAM,CAACgB,KAAK;EAC7D,MAAMC,YAAY,GAAGd,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,IAAI,GAC/CK,KAAK,CAACR,MAAM,CAACkB,MAAM,GACnBV,KAAK,CAACR,MAAM,CAACmB,QAAQ;EACzB,MAAMC,qBAAqB,GAAG5C,QAAQ,CAAC6C,EAAE,KAAK,SAAS,IAAIrB,MAAM;EACjE,MAAMsB,QAAQ,GAAGpB,OAAO,KAAKC,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,IAAI,CAAC;EAC7E,MAAMoB,OAAO,GAAGpB,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;EACvC,MAAMqB,aAAa,GAAGC,IAAI,CAACC,GAAG,CAACd,cAAc,GAAGJ,KAAK,CAACK,MAAM,CAACc,KAAK,EAAE,CAAC,CAAC;EACtE,MAAMC,WAAW,GAAG;IAClBC,MAAM,EAAElB,SAAS;IACjBgB,KAAK,EAAEhB;EACT,CAAC;EAED,oBACEzB,KAAA,CAACP,IAAI;IACH0B,KAAK,EAAE,CACLI,MAAM,CAACqB,eAAe,EACtBV,qBAAqB,IAAI;MACvBW,aAAa,EAAEd,YAAY;MAC3Be,YAAY,EAAEf;IAChB,CAAC,EACDZ,KAAK,CACL;IAAA,GACEE,KAAK;IAAA0B,QAAA,GACRb,qBAAqB,gBACpBpC,IAAA,CAACL,IAAI;MACHuD,aAAa,EAAC,MAAM;MACpB7B,KAAK,EAAE,CACLI,MAAM,CAAC0B,iBAAiB,EACxB;QACEC,eAAe,EAAErB,mBAAmB;QACpCsB,YAAY,EAAEzB,cAAc;QAC5BiB,MAAM,EAAElB,SAAS;QACjB2B,IAAI,EAAErB,YAAY;QAClBsB,GAAG,EAAEtB,YAAY;QACjBU,KAAK,EAAEhB;MACT,CAAC,CACD;MACF6B,MAAM,EAAC;IAAoB,CAC5B,CAAC,GACA,IAAI,eACRxD,IAAA,CAACL,IAAI;MACHkB,kBAAkB,EAAES,OAAO,KAAK,OAAO,GAAGmC,SAAS,GAAG5C,kBAAmB;MACzE6C,UAAU,EAAEpC,OAAO,KAAK,OAAQ;MAChCD,KAAK,EAAE,CACLI,MAAM,CAACkC,MAAM,EACbf,WAAW,EACX;QAAES,YAAY,EAAEzB;MAAe,CAAC,EAChCZ,MAAM,IAAI,CAACoB,qBAAqB,IAAI;QAClCnB,WAAW,EAAEc,mBAAmB;QAChCE,YAAY,EAAE;UAAEU,KAAK,EAAEV,YAAY;UAAEY,MAAM,EAAEZ;QAAa,CAAC;QAC3D2B,aAAa,EAAE,CAAC;QAChBC,YAAY,EAAE;MAChB,CAAC,CACD;MACFL,MAAM,EAAC,QAAQ;MAAAP,QAAA,eACf/C,KAAA,CAACP,IAAI;QACH0B,KAAK,EAAE,CAACI,MAAM,CAACqC,OAAO,EAAE;UAAET,YAAY,EAAEb;QAAc,CAAC,CAAE;QACzDgB,MAAM,EAAC,gBAAgB;QAAAP,QAAA,GACtB3B,OAAO,KAAK,SAAS,gBACpBtB,IAAA,CAACN,IAAI;UAAC2B,KAAK,EAAE,CAACI,MAAM,CAACX,QAAQ,EAAEiD,eAAe,CAAC5C,IAAI,EAAEK,KAAK,CAAC,CAAE;UAAAyB,QAAA,EAC1DnC;QAAQ,CACL,CAAC,GACL,IAAI,EACPQ,OAAO,KAAK,MAAM,gBACjBtB,IAAA,CAACL,IAAI;UAAC6D,MAAM,EAAC,aAAa;UAAAP,QAAA,eACxBjD,IAAA,CAACH,KAAK;YACJmC,KAAK,EAAER,KAAK,CAACwC,MAAM,CAACC,UAAW;YAC/B9C,IAAI,EAAER,UAAU,CAACQ,IAAI,CAAE;YACvB+C,WAAW,EAAE;UAAE,CAChB;QAAC,CACE,CAAC,GACL,IAAI,EACP5C,OAAO,KAAK,OAAO,gBAClBtB,IAAA,CAACT,KAAK;UACJsB,kBAAkB,EAAEA,kBAAmB;UACvCO,MAAM,EAAEA,MAAM,IAAIjB,YAAa;UAC/BkB,KAAK,EAAEI,MAAM,CAAC0C;QAAM,CACrB,CAAC,GACA,IAAI;MAAA,CACJ;IAAC,CACH,CAAC,EACN7B,QAAQ,gBACPtC,IAAA,CAACL,IAAI;MACH0B,KAAK,EAAE,CACLI,MAAM,CAAC2C,GAAG,EACV;QACEvB,MAAM,EAAEN,OAAO;QACfI,KAAK,EAAEJ;MACT,CAAC,CACD;MACFiB,MAAM,EAAC,YAAY;MAAAP,QAAA,eACnBjD,IAAA,CAACJ,IAAI;QAACoC,KAAK,EAAC,SAAS;QAACb,IAAI,EAAE,EAAG;QAAC+C,WAAW,EAAE;MAAE,CAAE;IAAC,CAC9C,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,SAASH,eAAeA,CAAC5C,IAAgB,EAAEK,KAAY,EAAE;EACvD,MAAM6C,UAAwE,GAAG;IAC/E/D,EAAE,EAAE;MAAEgE,QAAQ,EAAE9C,KAAK,CAAC+C,UAAU,CAACjE,EAAE;MAAEkE,UAAU,EAAEhD,KAAK,CAAC+C,UAAU,CAACE;IAAa,CAAC;IAChFlE,EAAE,EAAE;MAAE+D,QAAQ,EAAE9C,KAAK,CAAC+C,UAAU,CAACjE,EAAE;MAAEkE,UAAU,EAAEhD,KAAK,CAAC+C,UAAU,CAACE;IAAa,CAAC;IAChFjE,EAAE,EAAE;MAAE8D,QAAQ,EAAE9C,KAAK,CAAC+C,UAAU,CAAChE,EAAE;MAAEiE,UAAU,EAAE;IAAG,CAAC;IACrD/D,EAAE,EAAE;MAAE6D,QAAQ,EAAE9C,KAAK,CAAC+C,UAAU,CAAC9D,EAAE;MAAE+D,UAAU,EAAE;IAAG,CAAC;IACrD9D,EAAE,EAAE;MAAE4D,QAAQ,EAAE,EAAE;MAAEE,UAAU,EAAE;IAAG;EACrC,CAAC;EAED,OAAOH,UAAU,CAAClD,IAAI,CAAC;AACzB;AAEA,SAASO,YAAYA,CAACF,KAAY,EAAE;EAClC,OAAO/B,UAAU,CAACiF,MAAM,CAAC;IACvB5B,eAAe,EAAE;MACf6B,SAAS,EAAE,YAAY;MACvBC,QAAQ,EAAE;IACZ,CAAC;IACDzB,iBAAiB,EAAE;MACjByB,QAAQ,EAAE;IACZ,CAAC;IACDjB,MAAM,EAAE;MACNP,eAAe,EAAE5B,KAAK,CAACwC,MAAM,CAACa,OAAO;MACrCC,WAAW,EAAEtD,KAAK,CAACK,MAAM,CAACG,KAAK;MAC/B+C,WAAW,EAAEvD,KAAK,CAACK,MAAM,CAACc;IAC5B,CAAC;IACDmB,OAAO,EAAE;MACPkB,UAAU,EAAE,QAAQ;MACpBC,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE;IACZ,CAAC;IACDrE,QAAQ,EAAE;MACRkB,KAAK,EAAER,KAAK,CAACwC,MAAM,CAACC,UAAU;MAC9BmB,UAAU,EAAE,KAAK;MACjBC,SAAS,EAAE;IACb,CAAC;IACDlB,KAAK,EAAE;MACLtB,MAAM,EAAE,MAAM;MACdyC,UAAU,EAAE,OAAO;MACnB3C,KAAK,EAAE;IACT,CAAC;IACDyB,GAAG,EAAE;MACHY,UAAU,EAAE,QAAQ;MACpB5B,eAAe,EAAE5B,KAAK,CAACwC,MAAM,CAACa,OAAO;MACrCC,WAAW,EAAEtD,KAAK,CAACwC,MAAM,CAACuB,UAAU;MACpClC,YAAY,EAAE,IAAI;MAClB0B,WAAW,EAAEvD,KAAK,CAACK,MAAM,CAACc,KAAK;MAC/B6C,MAAM,EAAE,CAAC,CAAC;MACVN,cAAc,EAAE,QAAQ;MACxBN,QAAQ,EAAE,UAAU;MACpBa,KAAK,EAAE,CAAC;IACV;EACF,CAAC,CAAC;AACJ","ignoreList":[]}