@xaui/native 0.9.1-alpha.25 → 0.9.1-alpha.26

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 (37) hide show
  1. package/dist/chunk-3LKGVKQY.cjs +145 -0
  2. package/dist/{chunk-GSEK6OCY.cjs → chunk-5OXZIZRZ.cjs} +7 -7
  3. package/dist/{chunk-YEW5LPWL.cjs → chunk-JCKVYYZO.cjs} +42 -4
  4. package/dist/{chunk-MRYLLKML.js → chunk-PQHC65AG.js} +15 -15
  5. package/dist/{chunk-ZDCGPK5Z.js → chunk-TR2TGPDQ.js} +1 -1
  6. package/dist/{chunk-2OY76YNB.js → chunk-V2FQN6ZK.js} +42 -4
  7. package/dist/chunk-WEMZ4VMC.js +145 -0
  8. package/dist/{chunk-EWBBDVTM.cjs → chunk-WVCAFORA.cjs} +15 -15
  9. package/dist/components/alert/index.cjs +1 -1
  10. package/dist/components/alert/index.js +1 -1
  11. package/dist/components/button/index.cjs +3 -3
  12. package/dist/components/button/index.js +2 -2
  13. package/dist/components/chip/index.cjs +3 -3
  14. package/dist/components/chip/index.js +2 -2
  15. package/dist/components/input/index.cjs +2 -2
  16. package/dist/components/input/index.d.cts +3 -3
  17. package/dist/components/input/index.d.ts +3 -3
  18. package/dist/components/input/index.js +1 -1
  19. package/dist/components/input-group/index.cjs +26 -0
  20. package/dist/components/input-group/index.d.cts +270 -0
  21. package/dist/components/input-group/index.d.ts +270 -0
  22. package/dist/components/input-group/index.js +26 -0
  23. package/dist/components/text-area/index.cjs +3 -3
  24. package/dist/components/text-area/index.d.cts +1 -1
  25. package/dist/components/text-area/index.d.ts +1 -1
  26. package/dist/components/text-area/index.js +2 -2
  27. package/dist/index.cjs +27 -9
  28. package/dist/index.d.cts +2 -1
  29. package/dist/index.d.ts +2 -1
  30. package/dist/index.js +39 -21
  31. package/dist/{input.type-BpJeUIe8.d.cts → input.type-BUMDlzL9.d.cts} +18 -2
  32. package/dist/{input.type-DjyZ6P2C.d.ts → input.type-D2qgi03E.d.ts} +18 -2
  33. package/dist/system/index.cjs +2 -2
  34. package/dist/system/index.js +5 -5
  35. package/package.json +11 -1
  36. package/dist/{chunk-4J26FA6O.js → chunk-3WISQT22.js} +3 -3
  37. package/dist/{chunk-AV5LMFS3.cjs → chunk-I7G77Q65.cjs} +2 -2
@@ -1,9 +1,9 @@
1
1
  import { ReactNode } from 'react';
2
- import { StyleProp, TextStyle, TextInputProps, TextProps, ViewStyle, ViewProps } from 'react-native';
2
+ import { StyleProp, TextStyle, ViewStyle, TextInputProps, TextProps, ViewProps } from 'react-native';
3
3
  import { T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.cjs';
4
4
  import { S as Size, R as RadiusKey } from './theme.type-C2gNHpEx.cjs';
5
5
 
6
- type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error';
6
+ type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error' | 'prefix' | 'suffix' | 'icon';
7
7
  /**
8
8
  * The library's four emphasis levels, narrowed like the `Card`'s (§1 bis). A field
9
9
  * **reports nothing** — an error is `isInvalid`, which is a state and not a variant — so
@@ -125,6 +125,22 @@ type InputContextValue = {
125
125
  };
126
126
  descriptionStyle: StyleProp<TextStyle>;
127
127
  errorStyle: StyleProp<TextStyle>;
128
+ /**
129
+ * The two decorators of an `InputGroup`, already pinned to their edge and inset by the
130
+ * field's own padding. They are resolved here, on the root, because the size that
131
+ * decides that padding is the root's — the group itself adds no axis of its own.
132
+ */
133
+ prefixStyle: StyleProp<ViewStyle>;
134
+ suffixStyle: StyleProp<ViewStyle>;
135
+ /**
136
+ * Values, not a style: an icon is a third party's component, and `size` and `color` are
137
+ * props it takes rather than a style it accepts. Flattened once here, the way the `Chip`
138
+ * and the `Alert` publish theirs.
139
+ */
140
+ icon: {
141
+ size: number | undefined;
142
+ color: string | undefined;
143
+ };
128
144
  /**
129
145
  * A value and not a style: `placeholderTextColor` is a `TextInput` prop, so the root
130
146
  * flattens its placeholder slot once here rather than in the field.
@@ -1,9 +1,9 @@
1
1
  import { ReactNode } from 'react';
2
- import { StyleProp, TextStyle, TextInputProps, TextProps, ViewStyle, ViewProps } from 'react-native';
2
+ import { StyleProp, TextStyle, ViewStyle, TextInputProps, TextProps, ViewProps } from 'react-native';
3
3
  import { T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.js';
4
4
  import { S as Size, R as RadiusKey } from './theme.type-C2gNHpEx.js';
5
5
 
6
- type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error';
6
+ type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error' | 'prefix' | 'suffix' | 'icon';
7
7
  /**
8
8
  * The library's four emphasis levels, narrowed like the `Card`'s (§1 bis). A field
9
9
  * **reports nothing** — an error is `isInvalid`, which is a state and not a variant — so
@@ -125,6 +125,22 @@ type InputContextValue = {
125
125
  };
126
126
  descriptionStyle: StyleProp<TextStyle>;
127
127
  errorStyle: StyleProp<TextStyle>;
128
+ /**
129
+ * The two decorators of an `InputGroup`, already pinned to their edge and inset by the
130
+ * field's own padding. They are resolved here, on the root, because the size that
131
+ * decides that padding is the root's — the group itself adds no axis of its own.
132
+ */
133
+ prefixStyle: StyleProp<ViewStyle>;
134
+ suffixStyle: StyleProp<ViewStyle>;
135
+ /**
136
+ * Values, not a style: an icon is a third party's component, and `size` and `color` are
137
+ * props it takes rather than a style it accepts. Flattened once here, the way the `Chip`
138
+ * and the `Alert` publish theirs.
139
+ */
140
+ icon: {
141
+ size: number | undefined;
142
+ color: string | undefined;
143
+ };
128
144
  /**
129
145
  * A value and not a style: `placeholderTextColor` is a `TextInput` prop, so the root
130
146
  * flattens its placeholder slot once here rather than in the field.
@@ -11,7 +11,6 @@ var _chunkJ2JJLKLGcjs = require('../chunk-J2JJLKLG.cjs');
11
11
 
12
12
 
13
13
 
14
- var _chunkB4W2XNBPcjs = require('../chunk-B4W2XNBP.cjs');
15
14
 
16
15
 
17
16
 
@@ -29,11 +28,12 @@ var _chunkB4W2XNBPcjs = require('../chunk-B4W2XNBP.cjs');
29
28
 
30
29
 
31
30
 
31
+ var _chunkIG4Q3WQOcjs = require('../chunk-IG4Q3WQO.cjs');
32
32
 
33
33
 
34
34
 
35
35
 
36
- var _chunkIG4Q3WQOcjs = require('../chunk-IG4Q3WQO.cjs');
36
+ var _chunkB4W2XNBPcjs = require('../chunk-B4W2XNBP.cjs');
37
37
  require('../chunk-EJQCQPET.cjs');
38
38
 
39
39
 
@@ -7,11 +7,6 @@ import {
7
7
  CloseButton,
8
8
  closeButtonBase
9
9
  } from "../chunk-A4RGJBP2.js";
10
- import {
11
- Icon,
12
- IconContext,
13
- useIconContext
14
- } from "../chunk-ICR42HHG.js";
15
10
  import {
16
11
  FEEDBACK_OVERLAY,
17
12
  HIGHLIGHT_DURATION,
@@ -34,6 +29,11 @@ import {
34
29
  rippleRadiusFor,
35
30
  useFeedback
36
31
  } from "../chunk-4HELPMAK.js";
32
+ import {
33
+ Icon,
34
+ IconContext,
35
+ useIconContext
36
+ } from "../chunk-ICR42HHG.js";
37
37
  import "../chunk-EGLLDKN6.js";
38
38
  import {
39
39
  createRecipe,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaui/native",
3
- "version": "0.9.1-alpha.25",
3
+ "version": "0.9.1-alpha.26",
4
4
  "description": "Composition-first React Native UI components with native animations powered by Reanimated",
5
5
  "keywords": [
6
6
  "react-native",
@@ -77,6 +77,16 @@
77
77
  "default": "./dist/components/input/index.cjs"
78
78
  }
79
79
  },
80
+ "./input-group": {
81
+ "import": {
82
+ "types": "./dist/components/input-group/index.d.ts",
83
+ "default": "./dist/components/input-group/index.js"
84
+ },
85
+ "require": {
86
+ "types": "./dist/components/input-group/index.d.cts",
87
+ "default": "./dist/components/input-group/index.cjs"
88
+ }
89
+ },
80
90
  "./input-otp": {
81
91
  "import": {
82
92
  "types": "./dist/components/input-otp/index.d.ts",
@@ -2,13 +2,13 @@ import {
2
2
  CloseButton,
3
3
  closeButtonBase
4
4
  } from "./chunk-A4RGJBP2.js";
5
- import {
6
- Icon
7
- } from "./chunk-ICR42HHG.js";
8
5
  import {
9
6
  PressableFeedback,
10
7
  usePressState
11
8
  } from "./chunk-4HELPMAK.js";
9
+ import {
10
+ Icon
11
+ } from "./chunk-ICR42HHG.js";
12
12
  import {
13
13
  warnDev
14
14
  } from "./chunk-EGLLDKN6.js";
@@ -4,11 +4,11 @@
4
4
  var _chunkJ2JJLKLGcjs = require('./chunk-J2JJLKLG.cjs');
5
5
 
6
6
 
7
- var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
8
7
 
8
+ var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
9
9
 
10
10
 
11
- var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
11
+ var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
12
12
 
13
13
 
14
14
  var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');