@react-xp/aeiou 0.1.0-beta.3 → 0.1.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/dist/cjs/hooks/useInteractiveState/useInteractiveState.native.js +18 -58
  2. package/dist/cjs/hooks/useInteractiveState/useInteractiveState.web.js +33 -42
  3. package/dist/esm/hooks/useInteractiveState/useInteractiveState.native.js +19 -59
  4. package/dist/esm/hooks/useInteractiveState/useInteractiveState.web.js +34 -43
  5. package/dist/native/cjs/components/a/a.native.js +17 -0
  6. package/dist/native/cjs/components/a/a.web.js +15 -0
  7. package/dist/native/cjs/components/a/index.native.js +17 -0
  8. package/dist/native/cjs/components/a/index.web.js +17 -0
  9. package/dist/native/cjs/components/d/d.native.js +28 -0
  10. package/dist/native/cjs/components/d/d.web.js +35 -0
  11. package/dist/native/cjs/components/d/index.native.js +17 -0
  12. package/dist/native/cjs/components/d/index.web.js +17 -0
  13. package/dist/native/cjs/components/e/e.native.js +21 -0
  14. package/dist/native/cjs/components/e/e.web.js +15 -0
  15. package/dist/native/cjs/components/e/index.native.js +17 -0
  16. package/dist/native/cjs/components/e/index.web.js +17 -0
  17. package/dist/native/cjs/components/i/i.native.js +30 -0
  18. package/dist/native/cjs/components/i/i.web.js +23 -0
  19. package/dist/native/cjs/components/i/index.native.js +17 -0
  20. package/dist/native/cjs/components/i/index.web.js +17 -0
  21. package/dist/native/cjs/components/i/useIUtils.js +71 -0
  22. package/dist/native/cjs/components/index.js +26 -0
  23. package/dist/native/cjs/components/index.native.js +26 -0
  24. package/dist/native/cjs/components/index.web.js +26 -0
  25. package/dist/native/cjs/components/l/index.native.js +17 -0
  26. package/dist/native/cjs/components/l/index.web.js +17 -0
  27. package/dist/native/cjs/components/l/l.native.js +10 -0
  28. package/dist/native/cjs/components/l/l.web.js +17 -0
  29. package/dist/native/cjs/components/o/index.native.js +17 -0
  30. package/dist/native/cjs/components/o/index.web.js +17 -0
  31. package/dist/native/cjs/components/o/o.native.js +12 -0
  32. package/dist/native/cjs/components/o/o.web.js +12 -0
  33. package/dist/native/cjs/components/p/index.native.js +17 -0
  34. package/dist/native/cjs/components/p/index.web.js +17 -0
  35. package/dist/native/cjs/components/p/p.native.js +13 -0
  36. package/dist/native/cjs/components/p/p.web.js +13 -0
  37. package/dist/native/cjs/components/s/index.native.js +17 -0
  38. package/dist/native/cjs/components/s/index.web.js +17 -0
  39. package/dist/native/cjs/components/s/s.native.js +10 -0
  40. package/dist/native/cjs/components/s/s.web.js +10 -0
  41. package/dist/native/cjs/components/t/index.native.js +17 -0
  42. package/dist/native/cjs/components/t/index.web.js +17 -0
  43. package/dist/native/cjs/components/t/t.native.js +16 -0
  44. package/dist/native/cjs/components/t/t.web.js +16 -0
  45. package/dist/native/cjs/components/u/context.js +14 -0
  46. package/dist/native/cjs/components/u/index.native.js +19 -0
  47. package/dist/native/cjs/components/u/index.web.js +19 -0
  48. package/dist/native/cjs/components/u/provider.native.js +23 -0
  49. package/dist/native/cjs/components/u/provider.web.js +20 -0
  50. package/dist/native/cjs/components/u/types.js +2 -0
  51. package/dist/native/cjs/components/u/useUniverse.js +8 -0
  52. package/dist/native/cjs/hooks/index.js +21 -0
  53. package/dist/native/cjs/hooks/index.native.js +21 -0
  54. package/dist/native/cjs/hooks/index.web.js +21 -0
  55. package/dist/native/cjs/hooks/useAction/types.js +2 -0
  56. package/dist/native/cjs/hooks/useAction/useAction.native.js +18 -0
  57. package/dist/native/cjs/hooks/useAction/useAction.web.js +21 -0
  58. package/dist/native/cjs/hooks/useCn.js +15 -0
  59. package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.native.js +31 -0
  60. package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.types.js +2 -0
  61. package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.web.js +62 -0
  62. package/dist/native/cjs/hooks/useOnChange.js +18 -0
  63. package/dist/native/cjs/hooks/useProps.js +66 -0
  64. package/dist/native/cjs/index.js +19 -0
  65. package/dist/native/cjs/index.native.js +19 -0
  66. package/dist/native/cjs/index.web.js +19 -0
  67. package/dist/native/cjs/types/base.js +2 -0
  68. package/dist/native/cjs/types/index.js +17 -0
  69. package/dist/native/esm/components/a/a.native.js +13 -0
  70. package/dist/native/esm/components/a/a.web.js +11 -0
  71. package/dist/native/esm/components/a/index.native.js +1 -0
  72. package/dist/native/esm/components/a/index.web.js +1 -0
  73. package/dist/native/esm/components/d/d.native.js +24 -0
  74. package/dist/native/esm/components/d/d.web.js +31 -0
  75. package/dist/native/esm/components/d/index.native.js +1 -0
  76. package/dist/native/esm/components/d/index.web.js +1 -0
  77. package/dist/native/esm/components/e/e.native.js +17 -0
  78. package/dist/native/esm/components/e/e.web.js +11 -0
  79. package/dist/native/esm/components/e/index.native.js +1 -0
  80. package/dist/native/esm/components/e/index.web.js +1 -0
  81. package/dist/native/esm/components/i/i.native.js +26 -0
  82. package/dist/native/esm/components/i/i.web.js +19 -0
  83. package/dist/native/esm/components/i/index.native.js +1 -0
  84. package/dist/native/esm/components/i/index.web.js +1 -0
  85. package/dist/native/esm/components/i/useIUtils.js +67 -0
  86. package/dist/native/esm/components/index.js +10 -0
  87. package/dist/native/esm/components/index.native.js +10 -0
  88. package/dist/native/esm/components/index.web.js +10 -0
  89. package/dist/native/esm/components/l/index.native.js +1 -0
  90. package/dist/native/esm/components/l/index.web.js +1 -0
  91. package/dist/native/esm/components/l/l.native.js +6 -0
  92. package/dist/native/esm/components/l/l.web.js +13 -0
  93. package/dist/native/esm/components/o/index.native.js +1 -0
  94. package/dist/native/esm/components/o/index.web.js +1 -0
  95. package/dist/native/esm/components/o/o.native.js +8 -0
  96. package/dist/native/esm/components/o/o.web.js +8 -0
  97. package/dist/native/esm/components/p/index.native.js +1 -0
  98. package/dist/native/esm/components/p/index.web.js +1 -0
  99. package/dist/native/esm/components/p/p.native.js +9 -0
  100. package/dist/native/esm/components/p/p.web.js +9 -0
  101. package/dist/native/esm/components/s/index.native.js +1 -0
  102. package/dist/native/esm/components/s/index.web.js +1 -0
  103. package/dist/native/esm/components/s/s.native.js +7 -0
  104. package/dist/native/esm/components/s/s.web.js +6 -0
  105. package/dist/native/esm/components/t/index.native.js +1 -0
  106. package/dist/native/esm/components/t/index.web.js +1 -0
  107. package/dist/native/esm/components/t/t.native.js +12 -0
  108. package/dist/native/esm/components/t/t.web.js +12 -0
  109. package/dist/native/esm/components/u/context.js +11 -0
  110. package/dist/native/esm/components/u/index.native.js +3 -0
  111. package/dist/native/esm/components/u/index.web.js +3 -0
  112. package/dist/native/esm/components/u/provider.native.js +19 -0
  113. package/dist/native/esm/components/u/provider.web.js +16 -0
  114. package/dist/native/esm/components/u/types.js +1 -0
  115. package/dist/native/esm/components/u/useUniverse.js +5 -0
  116. package/dist/native/esm/hooks/index.js +5 -0
  117. package/dist/native/esm/hooks/index.native.js +5 -0
  118. package/dist/native/esm/hooks/index.web.js +5 -0
  119. package/dist/native/esm/hooks/useAction/types.js +1 -0
  120. package/dist/native/esm/hooks/useAction/useAction.native.js +14 -0
  121. package/dist/native/esm/hooks/useAction/useAction.web.js +17 -0
  122. package/dist/native/esm/hooks/useCn.js +8 -0
  123. package/dist/native/esm/hooks/useInteractiveState/useInteractiveState.native.js +28 -0
  124. package/dist/native/esm/hooks/useInteractiveState/useInteractiveState.types.js +1 -0
  125. package/dist/native/esm/hooks/useInteractiveState/useInteractiveState.web.js +59 -0
  126. package/dist/native/esm/hooks/useOnChange.js +14 -0
  127. package/dist/native/esm/hooks/useProps.js +59 -0
  128. package/dist/native/esm/index.js +3 -0
  129. package/dist/native/esm/index.native.js +3 -0
  130. package/dist/native/esm/index.web.js +3 -0
  131. package/dist/native/esm/types/base.js +1 -0
  132. package/dist/native/esm/types/index.js +1 -0
  133. package/dist/native/tsconfig.native.cjs.tsbuildinfo +1 -0
  134. package/dist/native/tsconfig.native.esm.tsbuildinfo +1 -0
  135. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  136. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  137. package/dist/types/hooks/useInteractiveState/useInteractiveState.native.d.ts +14 -2
  138. package/dist/types/hooks/useInteractiveState/useInteractiveState.native.d.ts.map +1 -1
  139. package/dist/types/hooks/useInteractiveState/useInteractiveState.types.d.ts +3 -9
  140. package/dist/types/hooks/useInteractiveState/useInteractiveState.types.d.ts.map +1 -1
  141. package/dist/types/hooks/useInteractiveState/useInteractiveState.web.d.ts +20 -2
  142. package/dist/types/hooks/useInteractiveState/useInteractiveState.web.d.ts.map +1 -1
  143. package/package.json +5 -5
@@ -2,70 +2,30 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useInteractiveState = useInteractiveState;
4
4
  const react_1 = require("react");
5
- function computeVisualState(state) {
6
- if (state.disabled)
7
- return 'disabled';
8
- if (state.pressed)
9
- return 'pressed';
10
- if (state.hovered)
11
- return 'hovered';
12
- if (state.focused)
13
- return 'focused';
14
- return 'default';
15
- }
16
- function toDataAttrs(state) {
17
- const visual = computeVisualState(state);
18
- return {
19
- 'data-state': visual,
20
- 'data-hovered': String(state.hovered),
21
- 'data-pressed': String(state.pressed),
22
- 'data-focused': String(state.focused),
23
- 'data-disabled': String(state.disabled),
24
- };
25
- }
26
5
  function useInteractiveState(options = {}) {
27
- const { disabled = false } = options;
28
- const [state, setState] = (0, react_1.useState)({
29
- hovered: false,
30
- pressed: false,
31
- focused: false,
32
- disabled,
33
- });
34
- (0, react_1.useEffect)(() => {
35
- setState((prev) => ({ ...prev, disabled }));
36
- }, [disabled]);
37
- const eventHandlers = (0, react_1.useMemo)(() => ({
38
- onMouseEnter: () => {
39
- if (disabled)
40
- return;
41
- setState((prev) => ({ ...prev, hovered: true }));
42
- },
43
- onMouseLeave: () => {
44
- if (disabled)
45
- return;
46
- setState((prev) => ({ ...prev, hovered: false, pressed: false }));
47
- },
48
- onMouseDown: () => {
49
- if (disabled)
50
- return;
51
- setState((prev) => ({ ...prev, pressed: true }));
52
- },
53
- onMouseUp: () => {
54
- if (disabled)
55
- return;
56
- setState((prev) => ({ ...prev, pressed: false }));
57
- },
58
- onFocus: () => {
6
+ const { disabled } = options;
7
+ const [pressed, setPressed] = (0, react_1.useState)(false);
8
+ const state = disabled
9
+ ? 'disabled'
10
+ : pressed
11
+ ? 'pressed'
12
+ : 'idle';
13
+ const dataAttrs = {
14
+ 'data-state': state,
15
+ 'data-pressed': pressed ? 'true' : 'false',
16
+ 'data-disabled': disabled ? 'true' : 'false',
17
+ };
18
+ const eventHandlers = {
19
+ onPressIn: (e) => {
59
20
  if (disabled)
60
21
  return;
61
- setState((prev) => ({ ...prev, focused: true }));
22
+ setPressed(true);
62
23
  },
63
- onBlur: () => {
24
+ onPressOut: (e) => {
64
25
  if (disabled)
65
26
  return;
66
- setState((prev) => ({ ...prev, focused: false, pressed: false }));
27
+ setPressed(false);
67
28
  },
68
- }), [disabled]);
69
- const dataAttrs = toDataAttrs(state);
29
+ };
70
30
  return { state, dataAttrs, eventHandlers };
71
31
  }
@@ -2,70 +2,61 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useInteractiveState = useInteractiveState;
4
4
  const react_1 = require("react");
5
- function computeVisualState(state) {
6
- if (state.disabled)
7
- return 'disabled';
8
- if (state.pressed)
9
- return 'pressed';
10
- if (state.hovered)
11
- return 'hovered';
12
- if (state.focused)
13
- return 'focused';
14
- return 'default';
15
- }
16
- function toDataAttrs(state) {
17
- const visual = computeVisualState(state);
18
- return {
19
- 'data-state': visual,
20
- 'data-hovered': String(state.hovered),
21
- 'data-pressed': String(state.pressed),
22
- 'data-focused': String(state.focused),
23
- 'data-disabled': String(state.disabled),
24
- };
25
- }
26
5
  function useInteractiveState(options = {}) {
27
- const { disabled = false } = options;
28
- const [state, setState] = (0, react_1.useState)({
29
- hovered: false,
30
- pressed: false,
31
- focused: false,
32
- disabled,
33
- });
34
- (0, react_1.useEffect)(() => {
35
- setState((prev) => ({ ...prev, disabled }));
36
- }, [disabled]);
37
- const eventHandlers = (0, react_1.useMemo)(() => ({
6
+ const { disabled } = options;
7
+ const [hovered, setHovered] = (0, react_1.useState)(false);
8
+ const [pressed, setPressed] = (0, react_1.useState)(false);
9
+ const [focused, setFocused] = (0, react_1.useState)(false);
10
+ const state = disabled
11
+ ? 'disabled'
12
+ : pressed
13
+ ? 'pressed'
14
+ : hovered
15
+ ? 'hovered'
16
+ : focused
17
+ ? 'focused'
18
+ : 'idle';
19
+ const dataAttrs = {
20
+ 'data-state': state,
21
+ 'data-hovered': hovered ? 'true' : 'false',
22
+ 'data-pressed': pressed ? 'true' : 'false',
23
+ 'data-focused': focused ? 'true' : 'false',
24
+ 'data-disabled': disabled ? 'true' : 'false',
25
+ };
26
+ const eventHandlers = {
38
27
  onMouseEnter: () => {
39
28
  if (disabled)
40
29
  return;
41
- setState((prev) => ({ ...prev, hovered: true }));
30
+ setHovered(true);
42
31
  },
43
32
  onMouseLeave: () => {
44
33
  if (disabled)
45
34
  return;
46
- setState((prev) => ({ ...prev, hovered: false, pressed: false }));
35
+ setHovered(false);
36
+ setPressed(false);
47
37
  },
48
- onMouseDown: () => {
49
- if (disabled)
38
+ onMouseDown: (e) => {
39
+ if (disabled || e.button !== 0)
50
40
  return;
51
- setState((prev) => ({ ...prev, pressed: true }));
41
+ setPressed(true);
52
42
  },
53
43
  onMouseUp: () => {
54
44
  if (disabled)
55
45
  return;
56
- setState((prev) => ({ ...prev, pressed: false }));
46
+ setPressed(false);
57
47
  },
58
48
  onFocus: () => {
59
49
  if (disabled)
60
50
  return;
61
- setState((prev) => ({ ...prev, focused: true }));
51
+ setFocused(true);
62
52
  },
63
53
  onBlur: () => {
64
54
  if (disabled)
65
55
  return;
66
- setState((prev) => ({ ...prev, focused: false, pressed: false }));
56
+ setFocused(false);
57
+ setPressed(false);
58
+ setHovered(false);
67
59
  },
68
- }), [disabled]);
69
- const dataAttrs = toDataAttrs(state);
60
+ };
70
61
  return { state, dataAttrs, eventHandlers };
71
62
  }
@@ -1,68 +1,28 @@
1
- import { useEffect, useMemo, useState } from 'react';
2
- function computeVisualState(state) {
3
- if (state.disabled)
4
- return 'disabled';
5
- if (state.pressed)
6
- return 'pressed';
7
- if (state.hovered)
8
- return 'hovered';
9
- if (state.focused)
10
- return 'focused';
11
- return 'default';
12
- }
13
- function toDataAttrs(state) {
14
- const visual = computeVisualState(state);
15
- return {
16
- 'data-state': visual,
17
- 'data-hovered': String(state.hovered),
18
- 'data-pressed': String(state.pressed),
19
- 'data-focused': String(state.focused),
20
- 'data-disabled': String(state.disabled),
21
- };
22
- }
1
+ import { useState } from 'react';
23
2
  export function useInteractiveState(options = {}) {
24
- const { disabled = false } = options;
25
- const [state, setState] = useState({
26
- hovered: false,
27
- pressed: false,
28
- focused: false,
29
- disabled,
30
- });
31
- useEffect(() => {
32
- setState((prev) => ({ ...prev, disabled }));
33
- }, [disabled]);
34
- const eventHandlers = useMemo(() => ({
35
- onMouseEnter: () => {
36
- if (disabled)
37
- return;
38
- setState((prev) => ({ ...prev, hovered: true }));
39
- },
40
- onMouseLeave: () => {
41
- if (disabled)
42
- return;
43
- setState((prev) => ({ ...prev, hovered: false, pressed: false }));
44
- },
45
- onMouseDown: () => {
46
- if (disabled)
47
- return;
48
- setState((prev) => ({ ...prev, pressed: true }));
49
- },
50
- onMouseUp: () => {
51
- if (disabled)
52
- return;
53
- setState((prev) => ({ ...prev, pressed: false }));
54
- },
55
- onFocus: () => {
3
+ const { disabled } = options;
4
+ const [pressed, setPressed] = useState(false);
5
+ const state = disabled
6
+ ? 'disabled'
7
+ : pressed
8
+ ? 'pressed'
9
+ : 'idle';
10
+ const dataAttrs = {
11
+ 'data-state': state,
12
+ 'data-pressed': pressed ? 'true' : 'false',
13
+ 'data-disabled': disabled ? 'true' : 'false',
14
+ };
15
+ const eventHandlers = {
16
+ onPressIn: (e) => {
56
17
  if (disabled)
57
18
  return;
58
- setState((prev) => ({ ...prev, focused: true }));
19
+ setPressed(true);
59
20
  },
60
- onBlur: () => {
21
+ onPressOut: (e) => {
61
22
  if (disabled)
62
23
  return;
63
- setState((prev) => ({ ...prev, focused: false, pressed: false }));
24
+ setPressed(false);
64
25
  },
65
- }), [disabled]);
66
- const dataAttrs = toDataAttrs(state);
26
+ };
67
27
  return { state, dataAttrs, eventHandlers };
68
28
  }
@@ -1,68 +1,59 @@
1
- import { useEffect, useMemo, useState } from 'react';
2
- function computeVisualState(state) {
3
- if (state.disabled)
4
- return 'disabled';
5
- if (state.pressed)
6
- return 'pressed';
7
- if (state.hovered)
8
- return 'hovered';
9
- if (state.focused)
10
- return 'focused';
11
- return 'default';
12
- }
13
- function toDataAttrs(state) {
14
- const visual = computeVisualState(state);
15
- return {
16
- 'data-state': visual,
17
- 'data-hovered': String(state.hovered),
18
- 'data-pressed': String(state.pressed),
19
- 'data-focused': String(state.focused),
20
- 'data-disabled': String(state.disabled),
21
- };
22
- }
1
+ import { useState } from 'react';
23
2
  export function useInteractiveState(options = {}) {
24
- const { disabled = false } = options;
25
- const [state, setState] = useState({
26
- hovered: false,
27
- pressed: false,
28
- focused: false,
29
- disabled,
30
- });
31
- useEffect(() => {
32
- setState((prev) => ({ ...prev, disabled }));
33
- }, [disabled]);
34
- const eventHandlers = useMemo(() => ({
3
+ const { disabled } = options;
4
+ const [hovered, setHovered] = useState(false);
5
+ const [pressed, setPressed] = useState(false);
6
+ const [focused, setFocused] = useState(false);
7
+ const state = disabled
8
+ ? 'disabled'
9
+ : pressed
10
+ ? 'pressed'
11
+ : hovered
12
+ ? 'hovered'
13
+ : focused
14
+ ? 'focused'
15
+ : 'idle';
16
+ const dataAttrs = {
17
+ 'data-state': state,
18
+ 'data-hovered': hovered ? 'true' : 'false',
19
+ 'data-pressed': pressed ? 'true' : 'false',
20
+ 'data-focused': focused ? 'true' : 'false',
21
+ 'data-disabled': disabled ? 'true' : 'false',
22
+ };
23
+ const eventHandlers = {
35
24
  onMouseEnter: () => {
36
25
  if (disabled)
37
26
  return;
38
- setState((prev) => ({ ...prev, hovered: true }));
27
+ setHovered(true);
39
28
  },
40
29
  onMouseLeave: () => {
41
30
  if (disabled)
42
31
  return;
43
- setState((prev) => ({ ...prev, hovered: false, pressed: false }));
32
+ setHovered(false);
33
+ setPressed(false);
44
34
  },
45
- onMouseDown: () => {
46
- if (disabled)
35
+ onMouseDown: (e) => {
36
+ if (disabled || e.button !== 0)
47
37
  return;
48
- setState((prev) => ({ ...prev, pressed: true }));
38
+ setPressed(true);
49
39
  },
50
40
  onMouseUp: () => {
51
41
  if (disabled)
52
42
  return;
53
- setState((prev) => ({ ...prev, pressed: false }));
43
+ setPressed(false);
54
44
  },
55
45
  onFocus: () => {
56
46
  if (disabled)
57
47
  return;
58
- setState((prev) => ({ ...prev, focused: true }));
48
+ setFocused(true);
59
49
  },
60
50
  onBlur: () => {
61
51
  if (disabled)
62
52
  return;
63
- setState((prev) => ({ ...prev, focused: false, pressed: false }));
53
+ setFocused(false);
54
+ setPressed(false);
55
+ setHovered(false);
64
56
  },
65
- }), [disabled]);
66
- const dataAttrs = toDataAttrs(state);
57
+ };
67
58
  return { state, dataAttrs, eventHandlers };
68
59
  }
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Action = void 0;
4
+ exports.A = A;
5
+ const jsx_runtime_1 = require("nativewind/jsx-runtime");
6
+ const react_native_1 = require("react-native");
7
+ const index_native_1 = require("../../hooks/index.native");
8
+ const index_native_2 = require("../e/index.native");
9
+ function A({ className, children, onPress, onClick, disabled, ref, ...rest }) {
10
+ const cn = (0, index_native_1.useCn)();
11
+ const { onAction } = (0, index_native_1.useAction)({
12
+ onClick,
13
+ onPress,
14
+ });
15
+ return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { ref: ref, onPress: onAction, disabled: disabled, ...rest, children: (0, jsx_runtime_1.jsx)(index_native_2.E, { className: cn(disabled && 'opacity-60', className), children: children }) }));
16
+ }
17
+ exports.Action = A;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Action = void 0;
4
+ exports.A = A;
5
+ const jsx_runtime_1 = require("nativewind/jsx-runtime");
6
+ const index_web_1 = require("../../hooks/index.web");
7
+ function A({ className, children, onPress, onClick, disabled, ref, ...rest }) {
8
+ const cn = (0, index_web_1.useCn)();
9
+ const { onAction } = (0, index_web_1.useAction)({
10
+ onClick,
11
+ onPress,
12
+ });
13
+ return ((0, jsx_runtime_1.jsx)("button", { ref: ref, type: "button", disabled: disabled, className: cn('cursor-pointer', disabled && 'opacity-60', className), onClick: onAction, ...rest, children: children }));
14
+ }
15
+ exports.Action = A;
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./a.native"), exports);
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./a.web"), exports);
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Dialog = void 0;
4
+ exports.D = D;
5
+ const jsx_runtime_1 = require("nativewind/jsx-runtime");
6
+ const react_native_1 = require("react-native");
7
+ const index_native_1 = require("../../hooks/index.native");
8
+ const index_native_2 = require("../e/index.native");
9
+ function D({ open, onOpenChange, placement = 'center', className, backdropClassName, containerClassName, contentClassName, children, ref, ...rest }) {
10
+ const cn = (0, index_native_1.useCn)();
11
+ const placementClasses = {
12
+ center: 'items-center justify-center',
13
+ top: 'items-start justify-center',
14
+ bottom: 'items-end justify-center',
15
+ left: 'items-stretch justify-start',
16
+ right: 'items-stretch justify-end',
17
+ };
18
+ const containerClasses = cn('flex-1 bg-black/40 flex', placementClasses[placement], containerClassName, backdropClassName);
19
+ const contentClasses = cn('bg-background p-4 rounded-lg shadow-lg max-h-[90vh] w-full max-w-lg', placement === 'left' || placement === 'right' ? 'h-full max-h-none' : '', placement === 'bottom' || placement === 'top' ? 'max-w-none' : '', className, contentClassName);
20
+ const handleRequestClose = (e) => {
21
+ onOpenChange?.(false);
22
+ if (typeof rest.onRequestClose === 'function') {
23
+ rest.onRequestClose?.(e);
24
+ }
25
+ };
26
+ return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, animationType: "slide", transparent: true, onRequestClose: handleRequestClose, ...rest, children: (0, jsx_runtime_1.jsx)(index_native_2.E, { className: containerClasses, children: (0, jsx_runtime_1.jsx)(index_native_2.E, { ref: ref, className: contentClasses, children: children }) }) }));
27
+ }
28
+ exports.Dialog = D;
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Dialog = void 0;
4
+ exports.D = D;
5
+ const jsx_runtime_1 = require("nativewind/jsx-runtime");
6
+ const react_dom_1 = require("react-dom");
7
+ const index_web_1 = require("../../hooks/index.web");
8
+ const index_web_2 = require("../e/index.web");
9
+ function D({ open, onOpenChange, placement = 'center', className, backdropClassName, containerClassName, contentClassName, closeOnBackdropClick = true, children, ref, ...rest }) {
10
+ const cn = (0, index_web_1.useCn)();
11
+ if (typeof document === 'undefined')
12
+ return null;
13
+ if (!open)
14
+ return null;
15
+ const placementClasses = {
16
+ center: 'items-center justify-center',
17
+ top: 'items-start justify-center',
18
+ bottom: 'items-end justify-center',
19
+ left: 'items-stretch justify-start',
20
+ right: 'items-stretch justify-end',
21
+ };
22
+ const handleBackdropClick = (event) => {
23
+ if (event.target !== event.currentTarget)
24
+ return;
25
+ if (closeOnBackdropClick) {
26
+ onOpenChange?.(false);
27
+ }
28
+ };
29
+ const backdropClasses = cn('fixed inset-0 z-50 flex bg-black/40', placementClasses[placement], containerClassName, backdropClassName);
30
+ const contentClasses = cn('relative max-h-[90vh] w-full max-w-lg overflow-auto rounded-lg bg-background p-4 shadow-lg', placement === 'left' || placement === 'right' ? 'h-full max-h-none' : '', placement === 'bottom' || placement === 'top' ? 'max-w-none' : '', className, contentClassName);
31
+ return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(index_web_2.E, { className: backdropClasses, role: "presentation", onClick: handleBackdropClick, children: (0, jsx_runtime_1.jsx)("div", { ref: ref,
32
+ // biome-ignore lint/a11y/useSemanticElements: <explanation>
33
+ role: "dialog", "aria-modal": "true", className: contentClasses, ...rest, children: children }) }), document.body);
34
+ }
35
+ exports.Dialog = D;
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./d.native"), exports);
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./d.web"), exports);
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Element = void 0;
4
+ exports.E = E;
5
+ const jsx_runtime_1 = require("nativewind/jsx-runtime");
6
+ const react_native_1 = require("react-native");
7
+ const index_native_1 = require("../../hooks/index.native");
8
+ const index_native_2 = require("../t/index.native");
9
+ function E({ className, children, onPress, onClick, ref, ...rest }) {
10
+ const cn = (0, index_native_1.useCn)();
11
+ const { onAction } = (0, index_native_1.useAction)({
12
+ onClick,
13
+ onPress,
14
+ });
15
+ const handleOnPress = () => {
16
+ onAction();
17
+ return false;
18
+ };
19
+ return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, className: cn(className), onStartShouldSetResponder: handleOnPress, ...rest, children: typeof children === 'string' ? (0, jsx_runtime_1.jsx)(index_native_2.T, { children: children }) : children }));
20
+ }
21
+ exports.Element = E;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Element = void 0;
4
+ exports.E = E;
5
+ const jsx_runtime_1 = require("nativewind/jsx-runtime");
6
+ const index_web_1 = require("../../hooks/index.web");
7
+ function E({ className, children, onPress, onClick, ref, ...rest }) {
8
+ const cn = (0, index_web_1.useCn)();
9
+ const { onAction } = (0, index_web_1.useAction)({
10
+ onClick,
11
+ onPress,
12
+ });
13
+ return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: cn(className), onClick: onAction, ...rest, children: children }));
14
+ }
15
+ exports.Element = E;
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./e.native"), exports);
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./e.web"), exports);