@neko-os/ui 0.1.0 → 0.2.1

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 (172) hide show
  1. package/dist/NekoUI.js +1 -1
  2. package/dist/abstractions/FlatList.native.js +1 -1
  3. package/dist/abstractions/ScrollView.native.js +1 -1
  4. package/dist/components/actions/ActionsDrawer.js +1 -1
  5. package/dist/components/actions/Dropdown.js +1 -1
  6. package/dist/components/actions/FloatingMenu.js +1 -1
  7. package/dist/components/feedback/alerter.js +1 -1
  8. package/dist/components/feedback/confirmer.js +1 -1
  9. package/dist/components/index.js +1 -1
  10. package/dist/components/inputs/Picker.js +1 -1
  11. package/dist/components/modals/bottomDrawer/native/BottomDrawer.js +1 -0
  12. package/dist/components/modals/bottomDrawer/native/DrawerContext.js +1 -0
  13. package/dist/components/modals/bottomDrawer/native/DrawerHandle.js +1 -0
  14. package/dist/components/modals/bottomDrawer/native/createDrawerScrollComponent.js +1 -0
  15. package/dist/components/modals/bottomDrawer/web/BottomDrawer.js +1 -0
  16. package/dist/components/modals/drawer/Drawer.js +1 -0
  17. package/dist/components/modals/index.js +1 -0
  18. package/dist/components/modals/modal/Modal.js +1 -0
  19. package/dist/components/modals/modal/Modal.native.js +1 -0
  20. package/dist/components/modals/modal/ModalBackdrop.js +1 -0
  21. package/dist/components/modals/modal/ModalContent.js +1 -0
  22. package/dist/components/modals/modal/ModalFooter.js +1 -0
  23. package/dist/components/modals/modal/ModalHeader.js +1 -0
  24. package/dist/components/modals/modal/handler/ModalsHandler.js +1 -0
  25. package/dist/components/modals/router/ModalRoute.js +1 -0
  26. package/dist/components/modals/router/ModalsRouter.js +1 -0
  27. package/dist/components/modals/router/ModalsRouterContext.js +1 -0
  28. package/dist/components/modals/router/index.js +1 -0
  29. package/dist/components/modals/router/useAllModalsParams.js +1 -0
  30. package/dist/components/modals/router/useModalParams.js +1 -0
  31. package/dist/components/modals/router/useModalsNavigation.js +1 -0
  32. package/dist/components/modals/router/useUpdateModalContainer.js +1 -0
  33. package/dist/components/sections/SectionItemDropdown.js +1 -0
  34. package/dist/components/sections/index.js +1 -1
  35. package/dist/components/structure/index.js +1 -1
  36. package/dist/components/structure/popover/Popover.js +1 -1
  37. package/dist/components/structure/popover/Popover.native.js +1 -1
  38. package/dist/components/structure/popover/Popover_BU.js +1 -1
  39. package/dist/components/theme/ThemePickerDrawer.js +1 -1
  40. package/dist/modifiers/_helpers.js +1 -1
  41. package/dist/modifiers/animation.js +1 -1
  42. package/dist/modifiers/animations/fadeEffect.js +1 -1
  43. package/dist/modifiers/animations/scaleEffect.js +1 -1
  44. package/dist/modifiers/animations/slideEffect.js +1 -1
  45. package/dist/modifiers/background.js +1 -1
  46. package/dist/modifiers/border.js +1 -1
  47. package/dist/modifiers/cursor.js +1 -1
  48. package/dist/modifiers/display.js +1 -1
  49. package/dist/modifiers/flex.js +1 -1
  50. package/dist/modifiers/flexWrapper.js +1 -1
  51. package/dist/modifiers/margin.js +1 -1
  52. package/dist/modifiers/overflow.js +1 -1
  53. package/dist/modifiers/padding.js +1 -1
  54. package/dist/modifiers/position.js +1 -1
  55. package/dist/modifiers/shadow.js +1 -1
  56. package/dist/modifiers/size.js +1 -1
  57. package/dist/modifiers/state.js +1 -1
  58. package/dist/modifiers/text.js +1 -1
  59. package/dist/theme/default/blackTheme.js +1 -1
  60. package/dist/theme/default/cyberpunkTheme.js +1 -1
  61. package/dist/theme/default/hackerTheme.js +1 -1
  62. package/dist/theme/default/paperTheme.js +1 -1
  63. package/dist/theme/default/themes.js +1 -1
  64. package/package.json +1 -1
  65. package/src/NekoUI.js +1 -1
  66. package/src/abstractions/FlatList.native.js +2 -1
  67. package/src/abstractions/ScrollView.native.js +2 -2
  68. package/src/components/actions/ActionsDrawer.js +2 -2
  69. package/src/components/actions/Dropdown.js +3 -3
  70. package/src/components/actions/FloatingMenu.js +1 -1
  71. package/src/components/feedback/alerter.js +1 -1
  72. package/src/components/feedback/confirmer.js +1 -1
  73. package/src/components/index.js +1 -0
  74. package/src/components/inputs/Picker.js +1 -1
  75. package/src/components/{structure → modals}/bottomDrawer/native/BottomDrawer.js +1 -1
  76. package/src/components/{structure → modals}/bottomDrawer/native/DrawerHandle.js +1 -1
  77. package/src/components/modals/index.js +4 -0
  78. package/src/components/{structure → modals}/modal/Modal.native.js +1 -1
  79. package/src/components/{structure → modals}/modal/ModalBackdrop.js +1 -1
  80. package/src/components/{structure → modals}/modal/ModalContent.js +1 -1
  81. package/src/components/{structure → modals}/modal/ModalFooter.js +1 -1
  82. package/src/components/{structure → modals}/modal/ModalHeader.js +1 -1
  83. package/src/components/modals/router/ModalRoute.js +15 -0
  84. package/src/components/modals/router/ModalsRouter.js +120 -0
  85. package/src/components/modals/router/ModalsRouterContext.js +16 -0
  86. package/src/components/modals/router/index.js +6 -0
  87. package/src/components/modals/router/useAllModalsParams.js +6 -0
  88. package/src/components/modals/router/useModalParams.js +6 -0
  89. package/src/components/modals/router/useModalsNavigation.js +6 -0
  90. package/src/components/modals/router/useUpdateModalContainer.js +6 -0
  91. package/src/components/sections/SectionItemDropdown.js +68 -0
  92. package/src/components/sections/index.js +1 -0
  93. package/src/components/structure/index.js +0 -3
  94. package/src/components/structure/popover/Popover.js +1 -1
  95. package/src/components/structure/popover/Popover.native.js +1 -1
  96. package/src/components/structure/popover/Popover_BU.js +1 -1
  97. package/src/components/theme/ThemePickerDrawer.js +3 -4
  98. package/src/modifiers/_helpers.js +3 -0
  99. package/src/modifiers/animation.js +2 -2
  100. package/src/modifiers/animations/fadeEffect.js +2 -1
  101. package/src/modifiers/animations/scaleEffect.js +2 -1
  102. package/src/modifiers/animations/slideEffect.js +2 -1
  103. package/src/modifiers/background.js +2 -2
  104. package/src/modifiers/border.js +2 -2
  105. package/src/modifiers/cursor.js +2 -2
  106. package/src/modifiers/display.js +2 -2
  107. package/src/modifiers/flex.js +2 -2
  108. package/src/modifiers/flexWrapper.js +2 -2
  109. package/src/modifiers/margin.js +2 -2
  110. package/src/modifiers/overflow.js +2 -2
  111. package/src/modifiers/padding.js +2 -2
  112. package/src/modifiers/position.js +2 -2
  113. package/src/modifiers/shadow.js +2 -2
  114. package/src/modifiers/size.js +2 -2
  115. package/src/modifiers/state.js +2 -2
  116. package/src/modifiers/text.js +2 -2
  117. package/src/theme/default/blackTheme.js +32 -21
  118. package/src/theme/default/cyberpunkTheme.js +24 -32
  119. package/src/theme/default/hackerTheme.js +23 -16
  120. package/src/theme/default/paperTheme.js +4 -0
  121. package/src/theme/default/themes.js +0 -9
  122. package/dist/components/structure/bottomDrawer/native/BottomDrawer.js +0 -1
  123. package/dist/components/structure/bottomDrawer/native/DrawerContext.js +0 -1
  124. package/dist/components/structure/bottomDrawer/native/DrawerHandle.js +0 -1
  125. package/dist/components/structure/bottomDrawer/native/createDrawerScrollComponent.js +0 -1
  126. package/dist/components/structure/bottomDrawer/web/BottomDrawer.js +0 -1
  127. package/dist/components/structure/drawer/Drawer.js +0 -1
  128. package/dist/components/structure/modal/Modal.js +0 -1
  129. package/dist/components/structure/modal/Modal.native.js +0 -1
  130. package/dist/components/structure/modal/ModalBackdrop.js +0 -1
  131. package/dist/components/structure/modal/ModalContent.js +0 -1
  132. package/dist/components/structure/modal/ModalFooter.js +0 -1
  133. package/dist/components/structure/modal/ModalHeader.js +0 -1
  134. package/dist/components/structure/modal/handler/ModalsHandler.js +0 -1
  135. package/dist/theme/default/deepWoodsTheme.js +0 -1
  136. package/dist/theme/default/forestTheme.js +0 -1
  137. package/dist/theme/default/midnightTheme.js +0 -1
  138. package/dist/theme/default/msdosTheme.js +0 -1
  139. package/dist/theme/default/oceanTheme.js +0 -1
  140. package/dist/theme/default/pastelTheme.js +0 -1
  141. package/dist/theme/default/sunsetTheme.js +0 -1
  142. package/src/theme/default/deepWoodsTheme.js +0 -34
  143. package/src/theme/default/forestTheme.js +0 -34
  144. package/src/theme/default/midnightTheme.js +0 -34
  145. package/src/theme/default/msdosTheme.js +0 -54
  146. package/src/theme/default/oceanTheme.js +0 -34
  147. package/src/theme/default/pastelTheme.js +0 -34
  148. package/src/theme/default/sunsetTheme.js +0 -35
  149. /package/dist/components/{structure → modals}/bottomDrawer/index.js +0 -0
  150. /package/dist/components/{structure → modals}/bottomDrawer/index.native.js +0 -0
  151. /package/dist/components/{structure → modals}/bottomDrawer/index.web.js +0 -0
  152. /package/dist/components/{structure → modals}/bottomDrawer/native/DrawerScrollView.js +0 -0
  153. /package/dist/components/{structure → modals}/bottomDrawer/native/utils.js +0 -0
  154. /package/dist/components/{structure → modals}/drawer/Drawer.native.js +0 -0
  155. /package/dist/components/{structure → modals}/drawer/Drawer.web.js +0 -0
  156. /package/dist/components/{structure → modals}/drawer/index.js +0 -0
  157. /package/dist/components/{structure → modals}/modal/index.js +0 -0
  158. /package/src/components/{structure → modals}/bottomDrawer/index.js +0 -0
  159. /package/src/components/{structure → modals}/bottomDrawer/index.native.js +0 -0
  160. /package/src/components/{structure → modals}/bottomDrawer/index.web.js +0 -0
  161. /package/src/components/{structure → modals}/bottomDrawer/native/DrawerContext.js +0 -0
  162. /package/src/components/{structure → modals}/bottomDrawer/native/DrawerScrollView.js +0 -0
  163. /package/src/components/{structure → modals}/bottomDrawer/native/createDrawerScrollComponent.js +0 -0
  164. /package/src/components/{structure → modals}/bottomDrawer/native/utils.js +0 -0
  165. /package/src/components/{structure → modals}/bottomDrawer/web/BottomDrawer.js +0 -0
  166. /package/src/components/{structure → modals}/drawer/Drawer.js +0 -0
  167. /package/src/components/{structure → modals}/drawer/Drawer.native.js +0 -0
  168. /package/src/components/{structure → modals}/drawer/Drawer.web.js +0 -0
  169. /package/src/components/{structure → modals}/drawer/index.js +0 -0
  170. /package/src/components/{structure → modals}/modal/Modal.js +0 -0
  171. /package/src/components/{structure → modals}/modal/handler/ModalsHandler.js +0 -0
  172. /package/src/components/{structure → modals}/modal/index.js +0 -0
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
 
3
3
  export function useAnimationModifier([values, props]) {
4
4
  let { transition, ...restProps } = props
@@ -10,7 +10,7 @@ export function useAnimationModifier([values, props]) {
10
10
  {
11
11
  ...restProps,
12
12
  style: {
13
- ...props.style,
13
+ ...flattenStyle(props.style),
14
14
  ...style,
15
15
  },
16
16
  },
@@ -1,4 +1,5 @@
1
1
  import React from 'react'
2
+ import { flattenStyle } from '../_helpers'
2
3
 
3
4
  const DEFAULT_EFFECT = { duration: 300 }
4
5
 
@@ -37,7 +38,7 @@ export function useFadeEffect([values, { fade, ...props }]) {
37
38
  {
38
39
  ...props,
39
40
  style: {
40
- ...props.style,
41
+ ...flattenStyle(props.style),
41
42
  ...style,
42
43
  },
43
44
  },
@@ -1,4 +1,5 @@
1
1
  import React from 'react'
2
+ import { flattenStyle } from '../_helpers'
2
3
 
3
4
  const DEFAULT_EFFECT = { duration: 300, initialScale: 0 }
4
5
 
@@ -37,7 +38,7 @@ export function useScaleEffect([values, { scale, ...props }]) {
37
38
  {
38
39
  ...props,
39
40
  style: {
40
- ...props.style,
41
+ ...flattenStyle(props.style),
41
42
  ...style,
42
43
  },
43
44
  },
@@ -1,4 +1,5 @@
1
1
  import React from 'react'
2
+ import { flattenStyle } from '../_helpers'
2
3
 
3
4
  const DEFAULT_EFFECT = { duration: 400, from: 'top' }
4
5
 
@@ -55,7 +56,7 @@ export function useSlideEffect([values, { slide, ...props }]) {
55
56
  {
56
57
  ...props,
57
58
  style: {
58
- ...props.style,
59
+ ...flattenStyle(props.style),
59
60
  ...style,
60
61
  },
61
62
  },
@@ -1,6 +1,6 @@
1
1
  import { is } from 'ramda'
2
2
 
3
- import { clearProps } from './_helpers'
3
+ import { clearProps, flattenStyle } from './_helpers'
4
4
  import { useGetColor } from '../theme/ThemeHandler'
5
5
 
6
6
  export function useBackgroundModifier([values, props]) {
@@ -26,7 +26,7 @@ export function useBackgroundModifier([values, props]) {
26
26
  {
27
27
  ...restProps,
28
28
  style: {
29
- ...props.style,
29
+ ...flattenStyle(props.style),
30
30
  ...style,
31
31
  },
32
32
  },
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
  import { useGetColor, useGetRadius } from '../theme/ThemeHandler'
3
3
 
4
4
  export function useBorderModifier([values, props]) {
@@ -72,7 +72,7 @@ export function useBorderModifier([values, props]) {
72
72
  {
73
73
  ...restProps,
74
74
  style: {
75
- ...props.style,
75
+ ...flattenStyle(props.style),
76
76
  ...style,
77
77
  },
78
78
  },
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
 
3
3
  export function useCursorModifier([values, props]) {
4
4
  let { pointer, cursor, move, ...restProps } = props
@@ -13,7 +13,7 @@ export function useCursorModifier([values, props]) {
13
13
  {
14
14
  ...restProps,
15
15
  style: {
16
- ...props.style,
16
+ ...flattenStyle(props.style),
17
17
  ...style,
18
18
  },
19
19
  },
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
 
3
3
  export function useDisplayModifier([values, props]) {
4
4
  let { opacity, hidden, display, inline, block, ...restProps } = props
@@ -14,7 +14,7 @@ export function useDisplayModifier([values, props]) {
14
14
  {
15
15
  ...restProps,
16
16
  style: {
17
- ...props.style,
17
+ ...flattenStyle(props.style),
18
18
  ...style,
19
19
  },
20
20
  },
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
 
3
3
  export function useFlexModifier([values, props]) {
4
4
  let { flex, ...restProps } = props
@@ -12,7 +12,7 @@ export function useFlexModifier([values, props]) {
12
12
  {
13
13
  ...restProps,
14
14
  style: {
15
- ...props.style,
15
+ ...flattenStyle(props.style),
16
16
  ...style,
17
17
  },
18
18
  },
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
  import { useGetSpace } from '../theme/ThemeHandler'
3
3
 
4
4
  export function useFlexWrapperModifier([values, props]) {
@@ -79,7 +79,7 @@ export function useFlexWrapperModifier([values, props]) {
79
79
  {
80
80
  ...restProps,
81
81
  style: {
82
- ...props.style,
82
+ ...flattenStyle(props.style),
83
83
  ...style,
84
84
  },
85
85
  },
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
  import { useGetSpace } from '../theme/ThemeHandler'
3
3
 
4
4
  export function useMarginModifier([values, props]) {
@@ -17,7 +17,7 @@ export function useMarginModifier([values, props]) {
17
17
  {
18
18
  ...restProps,
19
19
  style: {
20
- ...props.style,
20
+ ...flattenStyle(props.style),
21
21
  ...style,
22
22
  },
23
23
  },
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
 
3
3
  export function useOverflowModifier([values, props]) {
4
4
  let { hiddenOverflow, scroll, noScroll, scrollY, scrollX, overflow, overflowY, overflowX, ...restProps } = props
@@ -20,7 +20,7 @@ export function useOverflowModifier([values, props]) {
20
20
  {
21
21
  ...restProps,
22
22
  style: {
23
- ...props.style,
23
+ ...flattenStyle(props.style),
24
24
  ...style,
25
25
  },
26
26
  },
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
  import { useGetSpace } from '../theme/ThemeHandler'
3
3
 
4
4
  export function usePaddingModifier([values, props]) {
@@ -17,7 +17,7 @@ export function usePaddingModifier([values, props]) {
17
17
  {
18
18
  ...restProps,
19
19
  style: {
20
- ...props.style,
20
+ ...flattenStyle(props.style),
21
21
  ...style,
22
22
  },
23
23
  },
@@ -1,5 +1,5 @@
1
1
  import { Platform } from '../abstractions/Platform'
2
- import { clearProps } from './_helpers'
2
+ import { clearProps, flattenStyle } from './_helpers'
3
3
  import { useGetSpace } from '../theme'
4
4
 
5
5
  export function usePositionModifier([values, props]) {
@@ -49,7 +49,7 @@ export function usePositionModifier([values, props]) {
49
49
  {
50
50
  ...restProps,
51
51
  style: {
52
- ...props.style,
52
+ ...flattenStyle(props.style),
53
53
  ...style,
54
54
  },
55
55
  },
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
  import { useGetColor } from '../theme/ThemeHandler'
3
3
 
4
4
  export function useShadowModifier([values, props]) {
@@ -27,7 +27,7 @@ export function useShadowModifier([values, props]) {
27
27
  {
28
28
  ...restProps,
29
29
  style: {
30
- ...props.style,
30
+ ...flattenStyle(props.style),
31
31
  ...style,
32
32
  },
33
33
  },
@@ -1,5 +1,5 @@
1
1
  import { Platform } from '../abstractions/Platform'
2
- import { clearProps } from './_helpers'
2
+ import { clearProps, flattenStyle } from './_helpers'
3
3
  import { useGetElementHeight } from '../theme/ThemeHandler'
4
4
 
5
5
  export function useSizeModifier([values, props]) {
@@ -50,7 +50,7 @@ export function useSizeModifier([values, props]) {
50
50
  values,
51
51
  {
52
52
  ...restProps,
53
- style: { ...props.style, ...style },
53
+ style: { ...flattenStyle(props.style), ...style },
54
54
  },
55
55
  ]
56
56
  }
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
 
3
3
  export function useStateModifier([values, props]) {
4
4
  let { disabled, loading, onClick, onPress, onChange, ...restProps } = props
@@ -25,7 +25,7 @@ export function useStateModifier([values, props]) {
25
25
  ...newProps,
26
26
  ...restProps,
27
27
  style: {
28
- ...props.style,
28
+ ...flattenStyle(props.style),
29
29
  ...style,
30
30
  },
31
31
  },
@@ -1,4 +1,4 @@
1
- import { clearProps } from './_helpers'
1
+ import { clearProps, flattenStyle } from './_helpers'
2
2
  import { mergePreset } from '../theme/helpers/mergePreset'
3
3
  import { useGetColor, useTexts } from '../theme/ThemeHandler'
4
4
 
@@ -54,7 +54,7 @@ export function useTextModifier([{ color, textCode, ...values }, { ...props }])
54
54
  {
55
55
  ...restProps,
56
56
  style: {
57
- ...props.style,
57
+ ...flattenStyle(props.style),
58
58
  ...style,
59
59
  },
60
60
  },
@@ -7,30 +7,41 @@ export const DEFAULT_BLACK_THEME = mergeDeepRight(BASE_THEME, {
7
7
 
8
8
  colors: {
9
9
  primary: '#818DF9',
10
- text: '#FFFFFF',
11
- text2: '#E0E0E0',
12
- text3: '#B0B0B0',
13
- text4: '#8A8A8A',
14
10
 
15
- mainBG: '#0f0f0f',
16
- overlayBG: '#000000',
11
+ text: '#F2F2F2',
12
+ text2: '#CFCFCF',
13
+ text3: '#A6A6A6',
14
+ text4: '#737373',
15
+
16
+ mainBG: '#0A0A0A',
17
+ overlayBG: '#141414',
17
18
  backdrop: '#1f1f1f',
18
- shadow: 'rgba(216, 210, 203, 0.1)',
19
+ shadow: 'rgba(0, 0, 0, 0.7)',
19
20
  transparent: 'rgba(0, 0, 0, 0)',
20
- divider: '#383E44',
21
-
22
- blue: '#4DA3FF',
23
- yellow: '#FFD93B',
24
- green: '#4CAF50',
25
- purple: '#9B59B6',
26
- orange: '#FF7F50',
27
- cyan: '#00BCD4',
28
- red: '#E74C3C',
29
- navy: '#34495E',
21
+ divider: '#262626',
22
+
23
+ blue: '#3A7BFF',
24
+ yellow: '#FFC857',
25
+ green: '#2ECC71',
26
+ purple: '#9B5DE5',
27
+ orange: '#FF8C42',
28
+ cyan: '#00C2D1',
29
+ red: '#FF4D4F',
30
+ navy: '#1F2A44',
30
31
  indigo: '#5C6BC0',
31
- gray: '#9E9E9E',
32
- brown: '#8D6E63',
33
- lylac: '#B39DDB',
34
- pink: '#F48FB1',
32
+ gray: '#8E8E93',
33
+ brown: '#8B5E3C',
34
+ lylac: '#C77DFF',
35
+ pink: '#FF6FAE',
35
36
  },
37
+
38
+ // components: {
39
+ // Card: {
40
+ // border: true,
41
+ // },
42
+
43
+ // Section: {
44
+ // border: true,
45
+ // },
46
+ // },
36
47
  })
@@ -5,40 +5,32 @@ export const CYBERPUNK_DARK_THEME = mergeDeepRight(BASE_THEME, {
5
5
  label: 'Cyberpunk',
6
6
 
7
7
  colors: {
8
- primary: '#FCEE09',
9
- text: '#FFFFFF',
10
- text2: '#B3B3B3',
11
- text3: '#8C8C8C',
12
- text4: '#666666',
8
+ primary: '#FF4FD8',
13
9
 
14
- mainBG: '#14141F',
15
- overlayBG: '#14141F',
16
- backdrop: '#0A0A0F',
17
- shadow: 'rgba(39, 45, 52, 0.6)',
18
- divider: 'rgba(255,255,255, 0.2)',
19
-
20
- blue: '#00E5FF',
21
- yellow: '#FFD600',
22
- green: '#00FF9D',
23
- purple: '#D500F9',
24
- orange: '#FF9100',
25
- cyan: '#00B8D4',
26
- red: '#FF1744',
27
- navy: '#1E2A38',
28
- indigo: '#651FFF',
29
- gray: '#757575',
30
- brown: '#6D4C41',
31
- lylac: '#B388FF',
32
- pink: '#FF80AB',
33
- },
10
+ text: '#F5EFFF',
11
+ text2: '#D6C8FF',
12
+ text3: '#A78BFA',
13
+ text4: '#7C6BB3',
34
14
 
35
- components: {
36
- Card: {
37
- border: true,
38
- },
15
+ mainBG: '#0A0614',
16
+ overlayBG: '#140A26',
17
+ backdrop: '#0A0A0F',
18
+ shadow: 'rgba(0, 0, 0, 0.7)',
19
+ transparent: 'rgba(0, 0, 0, 0)',
20
+ divider: '#24123A',
39
21
 
40
- Section: {
41
- border: true,
42
- },
22
+ blue: '#00B3FF',
23
+ yellow: '#FFD166',
24
+ green: '#00F5A0',
25
+ purple: '#9D4EDD',
26
+ orange: '#FF7A18',
27
+ cyan: '#00E5FF',
28
+ red: '#FF3D6E',
29
+ navy: '#1B1B3A',
30
+ indigo: '#5A67FF',
31
+ gray: '#8E8EAA',
32
+ brown: '#8B5CF6',
33
+ lylac: '#C77DFF',
34
+ pink: '#FF4FD8',
43
35
  },
44
36
  })
@@ -7,30 +7,37 @@ export const DEFAULT_MATRIX_THEME = mergeDeepRight(BASE_THEME, {
7
7
 
8
8
  colors: {
9
9
  primary: '#00FF41',
10
- text: '#00FF41',
11
- text2: '#00CC33',
12
- text3: '#009926',
13
- text4: '#00661A',
10
+
11
+ // text: '#00FF41',
12
+ // text2: '#00CC33',
13
+ // text3: '#009926',
14
+ // text4: '#00661A',
15
+
16
+ text: '#D2FFE9',
17
+ text2: '#A6F5D0',
18
+ text3: '#6EE7B7',
19
+ text4: '#3FAF85',
14
20
 
15
21
  mainBG: '#000000',
16
22
  overlayBG: '#0A0A0A',
17
23
  backdrop: '#000000',
18
24
  shadow: 'rgba(0, 255, 65, 0.2)',
25
+ transparent: 'rgba(0, 0, 0, 0)',
19
26
  divider: 'rgba(0,255,65, 0.3)',
20
27
 
21
- blue: '#0087BD',
22
- yellow: '#AEBF00',
28
+ blue: '#00B3FF',
29
+ yellow: '#E6FF3F',
23
30
  green: '#00FF41',
24
- purple: '#7A1FA2',
25
- orange: '#FF6D00',
26
- cyan: '#00BFA5',
27
- red: '#D50000',
28
- navy: '#003366',
29
- indigo: '#303F9F',
30
- gray: '#4A4A4A',
31
- brown: '#5D4037',
32
- lylac: '#8E24AA',
33
- pink: '#C51162',
31
+ purple: '#9B5DE5',
32
+ orange: '#FF9F1C',
33
+ cyan: '#00FFE0',
34
+ red: '#FF3B3B',
35
+ navy: '#001F2F',
36
+ indigo: '#4B6BFF',
37
+ gray: '#2E2E2E',
38
+ brown: '#5C4033',
39
+ lylac: '#C084FC',
40
+ pink: '#FF4FD8',
34
41
  },
35
42
 
36
43
  radius: {
@@ -41,5 +41,9 @@ export const DEFAULT_PAPER_THEME = mergeDeepRight(BASE_THEME, {
41
41
  Section: {
42
42
  border: true,
43
43
  },
44
+
45
+ TopBar: {
46
+ borderB: true,
47
+ },
44
48
  },
45
49
  })
@@ -3,22 +3,13 @@ import { DEFAULT_BLACK_THEME } from './blackTheme'
3
3
  import { DEFAULT_DARK_THEME } from './darkTheme'
4
4
  import { DEFAULT_LIGHT_THEME } from './lightTheme'
5
5
  import { DEFAULT_MATRIX_THEME } from './hackerTheme'
6
- import { DEFAULT_MSDOS_THEME } from './msdosTheme'
7
6
  import { DEFAULT_PAPER_THEME } from './paperTheme'
8
- import { MIDNIGHT_NEON_THEME } from './midnightTheme'
9
7
 
10
8
  export const DEFAULT_THEMES = {
11
9
  light: DEFAULT_LIGHT_THEME,
12
10
  dark: DEFAULT_DARK_THEME,
13
11
  paper: DEFAULT_PAPER_THEME,
14
12
  black: DEFAULT_BLACK_THEME,
15
- // pastel: PASTEL_DREAM_THEME,
16
- midnight: MIDNIGHT_NEON_THEME,
17
- // sunset: SUNSET_GLOW_THEME,
18
- // ocean: OCEAN_BREEZE_THEME,
19
- // forest: FOREST_MIST_THEME,
20
13
  cyberpunk: CYBERPUNK_DARK_THEME,
21
- // deepWoods: DEEP_WOODS_DARK_THEME,
22
14
  hacker: DEFAULT_MATRIX_THEME,
23
- msdos: DEFAULT_MSDOS_THEME,
24
15
  }
@@ -1 +0,0 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/bottomDrawer/native/BottomDrawer.js";var _excluded=["children","render","setRender","open","onClose","snapPoints","useSafeArea","enableOverScroll","enableHandlePanningGesture","enableContentPanningGesture","animationConfig","hideHandle","contentProps"],_excluded2=["open"];import{GestureDetector,Gesture,GestureHandlerRootView}from'react-native-gesture-handler';import{Modal,Dimensions,StyleSheet,BackHandler,Platform}from"react-native-web";import{useSafeAreaInsets}from'react-native-safe-area-context';import Animated,{useSharedValue,useAnimatedStyle,withSpring,runOnJS}from'react-native-reanimated';import React from'react';import{DrawerHandle}from"./DrawerHandle";import{DrawerProvider}from"./DrawerContext";import{Pressable}from"../../../actions/Pressable";import{View}from"../../View";import{normalizeSnapPoints,findClosestSnapPoint}from"./utils";import{useColors}from"../../../../theme/ThemeHandler";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function InnerContent(_ref){var children=_ref.children,render=_ref.render,setRender=_ref.setRender,open=_ref.open,onClose=_ref.onClose,_ref$snapPoints=_ref.snapPoints,snapPoints=_ref$snapPoints===void 0?['50%']:_ref$snapPoints,_ref$useSafeArea=_ref.useSafeArea,useSafeArea=_ref$useSafeArea===void 0?true:_ref$useSafeArea,_ref$enableOverScroll=_ref.enableOverScroll,enableOverScroll=_ref$enableOverScroll===void 0?true:_ref$enableOverScroll,_ref$enableHandlePann=_ref.enableHandlePanningGesture,enableHandlePanningGesture=_ref$enableHandlePann===void 0?true:_ref$enableHandlePann,_ref$enableContentPan=_ref.enableContentPanningGesture,enableContentPanningGesture=_ref$enableContentPan===void 0?true:_ref$enableContentPan,_ref$animationConfig=_ref.animationConfig,animationConfig=_ref$animationConfig===void 0?{damping:50,stiffness:500,mass:0.3,overshootClamping:true,restDisplacementThreshold:10,restSpeedThreshold:10}:_ref$animationConfig,hideHandle=_ref.hideHandle,contentProps=_ref.contentProps,props=_objectWithoutProperties(_ref,_excluded);var _Dimensions$get=Dimensions.get('window'),SCREEN_HEIGHT=_Dimensions$get.height;var insets=useSafeAreaInsets();var bottomInset=useSafeArea?insets.bottom:0;var colors=useColors();var translateY=useSharedValue(SCREEN_HEIGHT);var snapIndex=useSharedValue(0);var velocityY=useSharedValue(0);var normalizedSnapPoints=React.useMemo(function(){return normalizeSnapPoints(snapPoints,SCREEN_HEIGHT,bottomInset);},[snapPoints,useSafeArea]);var maxSnapPoint=React.useMemo(function(){return Math.max.apply(Math,_toConsumableArray(normalizedSnapPoints));},[normalizedSnapPoints]);var minSnapPoint=React.useMemo(function(){return Math.min.apply(Math,_toConsumableArray(normalizedSnapPoints));},[normalizedSnapPoints]);React.useEffect(function(){if(open){var targetY=SCREEN_HEIGHT-normalizedSnapPoints[0];translateY.value=withSpring(targetY,animationConfig);snapIndex.value=0;}else{translateY.value=withSpring(SCREEN_HEIGHT,animationConfig,function(){runOnJS(setRender)(false);});snapIndex.value=-1;}},[open]);React.useEffect(function(){if(!onClose||!open||Platform.OS!=='android')return;var backHandler=BackHandler.addEventListener('hardwareBackPress',function(){onClose();return true;});return function(){return backHandler.remove();};},[open,onClose]);var handleClose=React.useCallback(function(){onClose==null?void 0:onClose();},[onClose]);if(!onClose)handleClose=false;var snapTo=React.useCallback(function(index){'worklet';var snapPoint=normalizedSnapPoints[index];if(snapPoint!==undefined){translateY.value=withSpring(SCREEN_HEIGHT-snapPoint,animationConfig);snapIndex.value=index;}},[normalizedSnapPoints]);var gestureStartTranslateY=useSharedValue(0);var panRef=React.useRef();var panGesture=React.useMemo(function(){return Gesture.Pan().withRef(panRef).enabled(enableHandlePanningGesture||enableContentPanningGesture).onStart(function(){gestureStartTranslateY.value=translateY.value;}).onUpdate(function(event){var newTranslateY=gestureStartTranslateY.value+event.translationY;var maxPosition=SCREEN_HEIGHT-maxSnapPoint;if(enableOverScroll&&newTranslateY>=maxPosition){translateY.value=newTranslateY;}else{translateY.value=Math.max(maxPosition,Math.min(SCREEN_HEIGHT,newTranslateY));}velocityY.value=event.velocityY;}).onEnd(function(){var currentPosition=SCREEN_HEIGHT-translateY.value;var shouldClose=!!handleClose&&(velocityY.value>1500||velocityY.value>800&&currentPosition<minSnapPoint||currentPosition<minSnapPoint*0.35);if(shouldClose){runOnJS(handleClose)();}else{var closestSnapIndex=findClosestSnapPoint(currentPosition,normalizedSnapPoints,velocityY.value);var targetSnapPoint=normalizedSnapPoints[closestSnapIndex];translateY.value=withSpring(SCREEN_HEIGHT-targetSnapPoint,animationConfig);snapIndex.value=closestSnapIndex;}});},[enableHandlePanningGesture,enableContentPanningGesture,enableOverScroll,maxSnapPoint,minSnapPoint,normalizedSnapPoints,animationConfig,handleClose]);var animatedSheetStyle=useAnimatedStyle(function(){var currentHeight=SCREEN_HEIGHT-translateY.value;return{transform:[{translateY:translateY.value}],maxHeight:currentHeight};});var contextValue=React.useMemo(function(){return{translateY:translateY,snapIndex:snapIndex,maxSnapPoint:maxSnapPoint,snapTo:snapTo,animationConfig:animationConfig,panRef:panRef,normalizedSnapPoints:normalizedSnapPoints,SCREEN_HEIGHT:SCREEN_HEIGHT,minSnapPoint:minSnapPoint,handleClose:handleClose,velocityY:velocityY};},[maxSnapPoint,normalizedSnapPoints,SCREEN_HEIGHT,minSnapPoint,handleClose]);return _jsxs(GestureHandlerRootView,{style:{flex:1},children:[_jsx(Pressable,{absoluteFill:true,bg:"backdrop_op70",onPress:function onPress(){if(!handleClose)return;runOnJS(handleClose)();}}),_jsx(DrawerProvider,{value:contextValue,children:_jsx(GestureDetector,{gesture:panGesture,children:_jsx(Animated.View,{style:[styles.container,{height:SCREEN_HEIGHT},animatedSheetStyle],pointerEvents:"box-none",children:_jsxs(View,Object.assign({flex:true,bg:"overlayBG",shadow:true,paddingB:useSafeArea&&bottomInset,borderRadiusT:"xxxl",marginL:"auto",marginR:"auto",fullW:true},props,{children:[_jsx(DrawerHandle,{hide:hideHandle}),_jsx(View,Object.assign({flex:true},contentProps,{children:children}))]}))})})})]});}var styles=StyleSheet.create({container:{position:'absolute',left:0,right:0,top:0}});export function BottomDrawer(_ref2){var open=_ref2.open,props=_objectWithoutProperties(_ref2,_excluded2);var _React$useState=React.useState(open),_React$useState2=_slicedToArray(_React$useState,2),render=_React$useState2[0],setRender=_React$useState2[1];React.useEffect(function(){if(open){setRender(true);}},[open]);return _jsx(Modal,{visible:render,transparent:true,statusBarTranslucent:true,navigationBarTranslucent:true,animationType:"none",children:_jsx(InnerContent,Object.assign({},props,{open:open,render:render,setRender:setRender}))});}
@@ -1 +0,0 @@
1
- var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/bottomDrawer/native/DrawerContext.js";import React from'react';import{jsx as _jsx}from"react/jsx-runtime";var DrawerContext=React.createContext(null);export function DrawerProvider(_ref){var children=_ref.children,value=_ref.value;return _jsx(DrawerContext.Provider,{value:value,children:children});}export function useDrawerContext(){var context=React.useContext(DrawerContext);if(!context){throw new Error('useDrawerContext must be used within a DrawerProvider');}return context;}
@@ -1 +0,0 @@
1
- var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/bottomDrawer/native/DrawerHandle.js";import{Divider}from"../../../helpers/Separator";import{View}from"../../View";import{jsx as _jsx}from"react/jsx-runtime";export function DrawerHandle(_ref){var hide=_ref.hide;if(!!hide)return false;return _jsx(View,{center:true,padding:"sm",children:_jsx(Divider,{maxWidth:35,line:4,color:"text4_op30",height:4})});}
@@ -1 +0,0 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/bottomDrawer/native/createDrawerScrollComponent.js";var _excluded=["ref","onScroll"];import{Gesture,GestureDetector}from'react-native-gesture-handler';import Animated,{useSharedValue,useAnimatedScrollHandler,useAnimatedRef,scrollTo,withSpring,runOnJS}from'react-native-reanimated';import React from'react';import{findClosestSnapPoint,clamp}from"./utils";import{useDrawerContext}from"./DrawerContext";import{jsx as _jsx}from"react/jsx-runtime";export function createDrawerScrollComponent(Component){var AnimatedComponent=Animated.createAnimatedComponent(Component);function DrawerScrollComponent(_ref){var ref=_ref.ref,_onScroll=_ref.onScroll,props=_objectWithoutProperties(_ref,_excluded);var _useDrawerContext=useDrawerContext(),translateY=_useDrawerContext.translateY,panRef=_useDrawerContext.panRef,normalizedSnapPoints=_useDrawerContext.normalizedSnapPoints,SCREEN_HEIGHT=_useDrawerContext.SCREEN_HEIGHT,maxSnapPoint=_useDrawerContext.maxSnapPoint,minSnapPoint=_useDrawerContext.minSnapPoint,handleClose=_useDrawerContext.handleClose,animationConfig=_useDrawerContext.animationConfig,snapIndex=_useDrawerContext.snapIndex;var scrollRef=useAnimatedRef();var scrollOffset=useSharedValue(0);var prevTranslationY=useSharedValue(0);var drawerMoved=useSharedValue(false);React.useImperativeHandle(ref,function(){return scrollRef.current;});var maxPosition=SCREEN_HEIGHT-maxSnapPoint;var panGesture=React.useMemo(function(){return Gesture.Pan().activeOffsetY([-10,10]).blocksExternalGesture(panRef).onStart(function(){prevTranslationY.value=0;drawerMoved.value=false;}).onUpdate(function(event){var delta=event.translationY-prevTranslationY.value;prevTranslationY.value=event.translationY;var currentY=translateY.value;var atMaxSnap=currentY<=maxPosition+1;var atScrollTop=scrollOffset.value<=0;if(drawerMoved.value){var newY=clamp(currentY+delta,maxPosition,SCREEN_HEIGHT);translateY.value=newY;scrollTo(scrollRef,0,0,false);if(newY<=maxPosition+1&&delta<0){drawerMoved.value=false;}}else if(!atMaxSnap){drawerMoved.value=true;var _newY=clamp(currentY+delta,maxPosition,SCREEN_HEIGHT);translateY.value=_newY;scrollTo(scrollRef,0,0,false);}else if(atScrollTop&&delta>0){drawerMoved.value=true;var _newY2=clamp(currentY+delta,maxPosition,SCREEN_HEIGHT);translateY.value=_newY2;scrollTo(scrollRef,0,0,false);}}).onEnd(function(event){if(!drawerMoved.value)return;var currentPosition=SCREEN_HEIGHT-translateY.value;var velocity=event.velocityY;var shouldClose=!!handleClose&&(velocity>1500||velocity>800&&currentPosition<minSnapPoint||currentPosition<minSnapPoint*0.35);if(shouldClose){runOnJS(handleClose)();}else{var closestSnapIndex=findClosestSnapPoint(currentPosition,normalizedSnapPoints,velocity);var targetSnapPoint=normalizedSnapPoints[closestSnapIndex];translateY.value=withSpring(SCREEN_HEIGHT-targetSnapPoint,animationConfig);snapIndex.value=closestSnapIndex;}});},[panRef,maxPosition,normalizedSnapPoints,minSnapPoint,handleClose,animationConfig]);var nativeGesture=React.useMemo(function(){return Gesture.Native();},[]);var composedGesture=React.useMemo(function(){return Gesture.Simultaneous(panGesture,nativeGesture);},[panGesture,nativeGesture]);var animatedScrollHandler=useAnimatedScrollHandler({onScroll:function onScroll(event){scrollOffset.value=event.contentOffset.y;if(_onScroll){runOnJS(_onScroll)(event);}}});return _jsx(GestureDetector,{gesture:composedGesture,children:_jsx(AnimatedComponent,Object.assign({ref:scrollRef,style:{flex:1},onScroll:animatedScrollHandler,scrollEventThrottle:16,bounces:false,overScrollMode:"never"},props))});}return DrawerScrollComponent;}
@@ -1 +0,0 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["snapPoints","contentProps"];var _this=this,_jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/bottomDrawer/web/BottomDrawer.js";import{Drawer}from"../../drawer";import{jsx as _jsx}from"react/jsx-runtime";export var BottomDrawer=function BottomDrawer(_ref){var snapPoints=_ref.snapPoints,contentProps=_ref.contentProps,props=_objectWithoutProperties(_ref,_excluded);return _jsx(Drawer,Object.assign({height:(snapPoints==null?void 0:snapPoints[0])||400,contentProps:Object.assign({padding:0},contentProps)},props));};
@@ -1 +0,0 @@
1
- var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/drawer/Drawer.js";import{Modal}from"../modal/Modal";import{jsx as _jsx}from"react/jsx-runtime";export function Drawer(props){return _jsx(Modal,Object.assign({position:"bottom"},props));}
@@ -1 +0,0 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/Modal.js";var _excluded=["open","onClose","title","width","children","header","footer","noLayout","disableOutsideClick"],_excluded2=["contentProps","headerProps","footerProps","position"];import{pipe}from'ramda';import{AnimatedView}from"../../animations/AnimatedView";import{ModalBackdrop}from"./ModalBackdrop";import{ModalContent}from"./ModalContent";import{ModalFooter}from"./ModalFooter";import{ModalHeader}from"./ModalHeader";import{Portal}from"../../helpers/Portal";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2);_objectDestructuringEmpty(_ref2[0]);var position=_ref2[1].position;var radiusKey='br';var height=undefined;if(position==='bottom'){radiusKey='borderRadiusT';height='95%';}else if(position==='top'){radiusKey='borderRadiusB';height='95%';}else if(position==='right'){radiusKey='borderRadiusL';height='100%';}else if(position==='left'){radiusKey='borderRadiusR';height='100%';}return _defineProperty(_defineProperty(_defineProperty(_defineProperty({maxWidth:'100%',maxHeight:!position&&'95%',height:height,scale:!position,fade:!!position,slide:position&&{from:position}},radiusKey,'xl'),"bg",'overlayBG'),"overflow",'hidden'),"shadow",true);};export function Modal(_ref4){var open=_ref4.open,onClose=_ref4.onClose,title=_ref4.title,_ref4$width=_ref4.width,width=_ref4$width===void 0?500:_ref4$width,children=_ref4.children,header=_ref4.header,footer=_ref4.footer,noLayout=_ref4.noLayout,disableOutsideClick=_ref4.disableOutsideClick,rootProps=_objectWithoutProperties(_ref4,_excluded);var _pipe=pipe(useThemeComponentModifier('Modal'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps=_pipe2[1];var contentProps=formattedProps.contentProps,headerProps=formattedProps.headerProps,footerProps=formattedProps.footerProps,position=formattedProps.position,props=_objectWithoutProperties(formattedProps,_excluded2);var content=children;if(!noLayout){content=_jsxs(_Fragment,{children:[_jsx(ModalHeader,Object.assign({title:title,onClose:onClose},headerProps,{children:header})),_jsx(ModalContent,Object.assign({},contentProps,{children:children})),_jsx(ModalFooter,Object.assign({},footerProps,{children:footer}))]});}return _jsx(Portal,{children:_jsx(ModalBackdrop,{open:open,onClose:!disableOutsideClick&&onClose,position:position,children:_jsx(AnimatedView,Object.assign({className:"neko-modal",open:open,width:width},props,{onPress:function onPress(e){return e.stopPropagation();},children:content}))})});}
@@ -1 +0,0 @@
1
- import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/Modal.native.js";var _excluded=["open","onClose","title","width","children","header","footer","noLayout","disableOutsideClick"],_excluded2=["contentProps","headerProps","footerProps"];import{Modal as RNModal,ScrollView}from"react-native-web";import{pipe}from'ramda';import{ModalBackdrop}from"./ModalBackdrop";import{ModalContent}from"./ModalContent";import{ModalFooter}from"./ModalFooter";import{ModalHeader}from"./ModalHeader";import{Pressable}from"../../actions/Pressable";import{View}from"../View";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS={maxWidth:'90%',maxHeight:'90%',scale:true,br:'xl',bg:'overlayBG',overflow:'hidden',shadow:true};export function Modal(_ref){var open=_ref.open,onClose=_ref.onClose,title=_ref.title,_ref$width=_ref.width,width=_ref$width===void 0?500:_ref$width,children=_ref.children,header=_ref.header,footer=_ref.footer,noLayout=_ref.noLayout,disableOutsideClick=_ref.disableOutsideClick,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Modal'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps=_pipe2[1];var contentProps=formattedProps.contentProps,headerProps=formattedProps.headerProps,footerProps=formattedProps.footerProps,props=_objectWithoutProperties(formattedProps,_excluded2);var content=children;if(!noLayout){content=_jsxs(_Fragment,{children:[_jsx(ModalHeader,Object.assign({title:title,onClose:onClose},headerProps,{children:header})),_jsx(ScrollView,{children:_jsx(ModalContent,Object.assign({},contentProps,{children:children}))}),_jsx(ModalFooter,Object.assign({},footerProps,{children:footer}))]});}return _jsx(RNModal,{animationType:"fade",transparent:true,visible:open,onRequestClose:onClose,allowSwipeDismissal:true,navigationBarTranslucent:true,statusBarTranslucent:true,children:_jsxs(ModalBackdrop,{open:open,useSimpleView:true,children:[_jsx(Pressable,{onPress:!disableOutsideClick?onClose:undefined,absolute:true,top:0,left:0,right:0,bottom:0,pointerEvents:"box-only"}),_jsx(View,Object.assign({width:width},props,{zIndex:10,children:content}))]})});}
@@ -1 +0,0 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/ModalBackdrop.js";var _excluded=["open","onClose","children","useSimpleView"];import{pipe}from'ramda';import React from'react';import{AnimatedView}from"../../animations/AnimatedView";import{SafeAreaView}from"../SafeAreaView";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2);_objectDestructuringEmpty(_ref2[0]);var position=_ref2[1].position;var justify='center';var align='center';if(position==='bottom'){justify='flex-end';}else if(position==='top'){justify='flex-top';}else if(position==='left'){align='flex-start';}else if(position==='right'){align='flex-end';}return{fixed:true,top:0,left:0,right:0,bottom:0,justify:justify,align:align,lazy:true,unmountOnClose:true,fade:true,zIndex:500,bg:'backdrop_op70'};};export function ModalBackdrop(_ref3){var open=_ref3.open,onClose=_ref3.onClose,children=_ref3.children,useSimpleView=_ref3.useSimpleView,rootProps=_objectWithoutProperties(_ref3,_excluded);var modalRef=React.useRef();var _pipe=pipe(useThemeComponentModifier('ModalBackdrop'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];if(useSimpleView){return _jsx(SafeAreaView,Object.assign({className:"neko-modal-backdrop"},props,{children:children}));}return _jsx(AnimatedView,Object.assign({open:open,className:"neko-modal-backdrop",onPress:onClose},props,{children:children}));}
@@ -1 +0,0 @@
1
- import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/ModalContent.js";var _excluded=["children"];import{pipe}from'ramda';import{View}from"../View";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={fullW:true,flex:true,scrollY:true,padding:'md'};export function ModalContent(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('ModalContent'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];if(!children)return false;return _jsx(View,Object.assign({className:"neko-modal-content"},props,{children:children}));}
@@ -1 +0,0 @@
1
- import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/ModalFooter.js";var _excluded=["children"];import{pipe}from'ramda';import{View}from"../View";import{moveScale}from"../../../theme/helpers/sizeScale";import{useDefaultModifier}from"../../../modifiers/default";import{useSizeConverter}from"../../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),sizeCode=_ref2[0].sizeCode,_=_ref2[1];return{borderT:true,paddingH:sizeCode,paddingV:moveScale(sizeCode,-2),minHeight:moveScale(sizeCode,1),centerV:true};};export function ModalFooter(_ref3){var children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('ModalFooter'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];if(!children)return false;return _jsx(View,Object.assign({className:"neko-modal-footer"},props,{children:children}));}
@@ -1 +0,0 @@
1
- import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/ModalHeader.js";var _excluded=["onClose","title","children"],_excluded2=["titleProps"];import{pipe}from'ramda';import{Icon}from"../../presentation/Icon";import{Link}from"../../actions/Link";import{Text}from"../../text/Text";import{View}from"../View";import{moveScale}from"../../../theme/helpers/sizeScale";import{useDefaultModifier}from"../../../modifiers/default";import{useSizeConverter}from"../../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),sizeCode=_ref2[0].sizeCode,_=_ref2[1];return{centerV:true,paddingH:sizeCode,paddingV:moveScale(sizeCode,-2),minHeight:moveScale(sizeCode,1),gap:'md',borderB:true,justify:'space-between',titleProps:{strong:true}};};export function ModalHeader(_ref3){var onClose=_ref3.onClose,title=_ref3.title,children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('ModalHeader'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps=_pipe2[1];var titleProps=formattedProps.titleProps,props=_objectWithoutProperties(formattedProps,_excluded2);if(!title&&!children)return false;return _jsxs(View,Object.assign({className:"neko-modal-header"},props,{row:true,children:[title&&_jsx(Text,Object.assign({},titleProps,{children:title})),children,!!onClose&&_jsx(Link,{onPress:onClose,padding:"sm",marginR:-10,children:_jsx(Icon,{name:"close-line"})})]}));}
@@ -1 +0,0 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["key","content"];var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/handler/ModalsHandler.js";import React from'react';import{Modal}from"../Modal";import{useResponsiveValue}from"../../../../responsive/responsiveHooks";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var ModalsContext=React.createContext(null);export var useModals=function useModals(){return React.useContext(ModalsContext)||{};};var idCounter=0;export function useModalOpener(){var _useModals=useModals(),add=_useModals.add,remove=_useModals.remove,close=_useModals.close;var open=function open(init){var key=++idCounter;var onClose=function onClose(){return close(key);};var params={onClose:onClose,key:key};var data=init(params);add(key,Object.assign({onClose:onClose},data,{open:true}));return params;};return{open:open};}export function ModalsHandler(_ref){var _this=this;var children=_ref.children;var width=useResponsiveValue({sm:'100%',df:400});var _React$useState=React.useState([]),_React$useState2=_slicedToArray(_React$useState,2),modals=_React$useState2[0],setModals=_React$useState2[1];var add=React.useCallback(function(key,data){setModals(function(prev){return[].concat(_toConsumableArray(prev),[Object.assign({key:key},data)]);});},[]);var remove=React.useCallback(function(key){setModals(function(prev){return prev.filter(function(p){return p.key!==key;});});},[]);var close=React.useCallback(function(key){setModals(function(items){return items.map(function(i){return i.key===key?Object.assign({},i,{open:false}):i;});});setTimeout(function(){return remove(key);},600);},[]);var value=React.useMemo(function(){return{add:add,remove:remove,close:close};},[add,remove,close]);return _jsxs(ModalsContext.Provider,{value:value,children:[children,modals==null?void 0:modals.map==null?void 0:modals.map(function(_ref2){var key=_ref2.key,content=_ref2.content,item=_objectWithoutProperties(_ref2,_excluded);return _jsx(Modal,Object.assign({},item,{children:content}),key);})]});}
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEEP_WOODS_DARK_THEME=mergeDeepRight(BASE_THEME,{label:'Deep Woods',colors:{primary:'#4CAF50',text:'#C8E6C9',text2:'#C8E6C9',text3:'#A5D6A7',text4:'#81C784',mainBG:'#0D1B14',overlayBG:'#16281F',backdrop:'#0D1B14',shadow:'rgba(39, 45, 52, 0.6)',divider:'rgba(255,255,255, 0.2)',blue:'#64B5F6',yellow:'#FBC02D',green:'#81C784',purple:'#9575CD',orange:'#FFB74D',cyan:'#4DD0E1',red:'#E57373',navy:'#1B263B',indigo:'#5C6BC0',gray:'#9E9E9E',brown:'#8D6E63',lylac:'#B39DDB',pink:'#F48FB1'}});
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var FOREST_MIST_THEME=mergeDeepRight(BASE_THEME,{label:'Forest Mist',colors:{primary:'#4CAF50',text:'#0B2414',text2:'#14532D',text3:'#1B5E20',text4:'#388E3C',mainBG:'#E9F5EC',overlayBG:'#FFFFFF',backdrop:'#E9F5EC',shadow:'rgba(39, 45, 52, 0.15)',divider:'rgba(0,0,0, 0.1)',blue:'#2563EB',yellow:'#F59E0B',green:'#15803D',purple:'#7C3AED',orange:'#EA580C',cyan:'#0891B2',red:'#B91C1C',navy:'#1E3A8A',indigo:'#4338CA',gray:'#94A3B8',brown:'#78350F',lylac:'#A78BFA',pink:'#F472B6'}});
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var MIDNIGHT_NEON_THEME=mergeDeepRight(BASE_THEME,{label:'Midnight',colors:{primary:'#FF00FF',text:'#F0F0F0',text2:'#D4D4D4',text3:'#A3A3A3',text4:'#7A7A7A',mainBG:'#0D0D0D',overlayBG:'#1A1A1A',backdrop:'#0D0D0D',shadow:'rgba(39, 45, 52, 0.6)',divider:'rgba(255,255,255, 0.2)',blue:'#3B82F6',yellow:'#FACC15',green:'#22C55E',purple:'#A855F7',orange:'#FB923C',cyan:'#06B6D4',red:'#F87171',navy:'#1E3A8A',indigo:'#6366F1',gray:'#9CA3AF',brown:'#92400E',lylac:'#C084FC',pink:'#F472B6'}});
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEFAULT_MSDOS_THEME=mergeDeepRight(BASE_THEME,{label:'MSDOS',colors:{primary:'#FFFF00',text:'#FFFFFF',text2:'#E0E0E0',text3:'#B0B0B0',text4:'#8A8A8A',mainBG:'#0000AA',overlayBG:'#000088',backdrop:'#0000AA',shadow:'rgba(0, 0, 0, 0.6)',divider:'rgba(255,255,255,0.3)',blue:'#0000FF',yellow:'#FFFF00',green:'#00FF00',purple:'#AA00FF',orange:'#FF7700',cyan:'#00FFFF',red:'#FF0000',navy:'#000080',indigo:'#4B0082',gray:'#B0B0B0',brown:'#8B4513',lylac:'#9370DB',pink:'#FF69B4'},radius:{xxxs:0,xxs:1,xs:2,sm:3,md:4,lg:5,xl:6,xxl:7,xxxl:8},components:{Card:{border:1,borderColor:'divider'}}});
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var OCEAN_BREEZE_THEME=mergeDeepRight(BASE_THEME,{label:'Ocean Breeze',colors:{primary:'#2B90D9',text:'#065277',text2:'#065A82',text3:'#0B84B4',text4:'#3ABEFF',mainBG:'#E6F7FF',overlayBG:'#FFFFFF',backdrop:'#04364A',shadow:'rgba(39, 45, 52, 0.15)',divider:'rgba(0,0,0, 0.1)',blue:'#1D4ED8',yellow:'#FACC15',green:'#10B981',purple:'#8B5CF6',orange:'#FB923C',cyan:'#06B6D4',red:'#EF4444',navy:'#1E3A8A',indigo:'#6366F1',gray:'#9CA3AF',brown:'#A16207',lylac:'#C4B5FD',pink:'#F472B6'}});