@xaui/native 0.9.1-alpha.22 → 0.9.1-alpha.24
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.
- package/dist/{chunk-KM2TI5IC.js → chunk-4HELPMAK.js} +76 -82
- package/dist/{chunk-AHL33YAO.js → chunk-4J26FA6O.js} +9 -7
- package/dist/{chunk-BNWS26PX.cjs → chunk-6FBGCF5T.cjs} +9 -7
- package/dist/chunk-6RO26ORT.js +451 -0
- package/dist/{chunk-ZQ3JSWRO.js → chunk-A4RGJBP2.js} +4 -2
- package/dist/{chunk-I6PE5UUH.cjs → chunk-AV5LMFS3.cjs} +13 -11
- package/dist/{chunk-OGC4RKE3.js → chunk-AXSJPWSJ.js} +5 -5
- package/dist/chunk-EGLLDKN6.js +9 -0
- package/dist/chunk-EJQCQPET.cjs +9 -0
- package/dist/{chunk-VDRRD6GM.cjs → chunk-EWBBDVTM.cjs} +22 -21
- package/dist/{chunk-BH5DSJVX.cjs → chunk-IG4Q3WQO.cjs} +61 -68
- package/dist/{chunk-6WW4CSPY.cjs → chunk-J2JJLKLG.cjs} +6 -4
- package/dist/{chunk-4MHJOWM4.cjs → chunk-J4JFIC4W.cjs} +7 -7
- package/dist/chunk-J4QE34AU.js +732 -0
- package/dist/chunk-LIQTGAI7.cjs +621 -0
- package/dist/{chunk-FNQF4KQV.js → chunk-MRYLLKML.js} +18 -17
- package/dist/chunk-P2XA4DV7.cjs +451 -0
- package/dist/{chunk-FTCTTBLG.js → chunk-ZTA47PO5.js} +7 -5
- package/dist/components/alert/index.cjs +7 -6
- package/dist/components/alert/index.d.cts +2 -2
- package/dist/components/alert/index.d.ts +2 -2
- package/dist/components/alert/index.js +6 -5
- package/dist/components/button/index.cjs +6 -5
- package/dist/components/button/index.d.cts +168 -168
- package/dist/components/button/index.d.ts +168 -168
- package/dist/components/button/index.js +5 -4
- package/dist/components/card/index.cjs +5 -4
- package/dist/components/card/index.d.cts +170 -170
- package/dist/components/card/index.d.ts +170 -170
- package/dist/components/card/index.js +4 -3
- package/dist/components/chip/index.cjs +7 -6
- package/dist/components/chip/index.d.cts +169 -169
- package/dist/components/chip/index.d.ts +169 -169
- package/dist/components/chip/index.js +6 -5
- package/dist/components/input/index.cjs +14 -0
- package/dist/components/input/index.d.cts +213 -0
- package/dist/components/input/index.d.ts +213 -0
- package/dist/components/input/index.js +14 -0
- package/dist/components/input-otp/index.cjs +27 -0
- package/dist/components/input-otp/index.d.cts +325 -0
- package/dist/components/input-otp/index.d.ts +325 -0
- package/dist/components/input-otp/index.js +27 -0
- package/dist/components/typography/index.cjs +3 -3
- package/dist/components/typography/index.d.cts +3 -3
- package/dist/components/typography/index.d.ts +3 -3
- package/dist/components/typography/index.js +2 -2
- package/dist/components/view/index.d.cts +6 -6
- package/dist/components/view/index.d.ts +6 -6
- package/dist/{create-recipe-CbXika57.d.ts → create-recipe-C4JkINrA.d.ts} +14 -2
- package/dist/{create-recipe-jHlk434p.d.cts → create-recipe-dBN_ewZc.d.cts} +14 -2
- package/dist/index.cjs +44 -50
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +64 -70
- package/dist/system/index.cjs +6 -5
- package/dist/system/index.d.cts +4 -4
- package/dist/system/index.d.ts +4 -4
- package/dist/system/index.js +5 -4
- package/package.json +21 -1
- package/dist/{chunk-DXGQ43IV.cjs → chunk-B4W2XNBP.cjs} +2 -2
- package/dist/{chunk-2U6JR7BF.js → chunk-G52TQJBI.js} +3 -3
- package/dist/{chunk-FVP5FUVS.js → chunk-ICR42HHG.js} +3 -3
- package/dist/{chunk-RAWOJ3N3.cjs → chunk-Y7U6ACMB.cjs} +2 -2
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,16 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunkIBEX4XGVcjs = require('./chunk-IBEX4XGV.cjs');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
var _chunk6HXWQ5AUcjs = require('./chunk-6HXWQ5AU.cjs');
|
|
13
|
+
|
|
2
14
|
|
|
3
15
|
|
|
4
16
|
|
|
@@ -14,50 +26,48 @@ var _chunkGBPWTFTUcjs = require('./chunk-GBPWTFTU.cjs');
|
|
|
14
26
|
|
|
15
27
|
|
|
16
28
|
|
|
17
|
-
var
|
|
29
|
+
var _chunkJ4JFIC4Wcjs = require('./chunk-J4JFIC4W.cjs');
|
|
18
30
|
|
|
19
31
|
|
|
20
32
|
|
|
21
33
|
|
|
22
|
-
var
|
|
34
|
+
var _chunkEWBBDVTMcjs = require('./chunk-EWBBDVTM.cjs');
|
|
23
35
|
|
|
24
36
|
|
|
25
37
|
|
|
26
38
|
|
|
27
39
|
|
|
28
40
|
|
|
29
|
-
var
|
|
41
|
+
var _chunk6FBGCF5Tcjs = require('./chunk-6FBGCF5T.cjs');
|
|
30
42
|
|
|
31
43
|
|
|
32
44
|
|
|
33
45
|
|
|
34
|
-
var
|
|
46
|
+
var _chunkAV5LMFS3cjs = require('./chunk-AV5LMFS3.cjs');
|
|
35
47
|
|
|
36
48
|
|
|
37
49
|
|
|
50
|
+
var _chunkJ2JJLKLGcjs = require('./chunk-J2JJLKLG.cjs');
|
|
38
51
|
|
|
39
|
-
var _chunkRAWOJ3N3cjs = require('./chunk-RAWOJ3N3.cjs');
|
|
40
52
|
|
|
41
53
|
|
|
42
54
|
|
|
55
|
+
var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
|
|
56
|
+
|
|
43
57
|
|
|
44
58
|
|
|
45
59
|
|
|
46
|
-
var _chunkIBEX4XGVcjs = require('./chunk-IBEX4XGV.cjs');
|
|
47
60
|
|
|
48
61
|
|
|
49
62
|
|
|
50
63
|
|
|
51
|
-
var _chunk6HXWQ5AUcjs = require('./chunk-6HXWQ5AU.cjs');
|
|
52
64
|
|
|
53
65
|
|
|
54
66
|
|
|
55
|
-
var _chunk6WW4CSPYcjs = require('./chunk-6WW4CSPY.cjs');
|
|
56
67
|
|
|
57
68
|
|
|
58
69
|
|
|
59
70
|
|
|
60
|
-
var _chunkDXGQ43IVcjs = require('./chunk-DXGQ43IV.cjs');
|
|
61
71
|
|
|
62
72
|
|
|
63
73
|
|
|
@@ -65,10 +75,12 @@ var _chunkDXGQ43IVcjs = require('./chunk-DXGQ43IV.cjs');
|
|
|
65
75
|
|
|
66
76
|
|
|
67
77
|
|
|
78
|
+
var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
|
|
68
79
|
|
|
69
80
|
|
|
70
81
|
|
|
71
82
|
|
|
83
|
+
var _chunkP2XA4DV7cjs = require('./chunk-P2XA4DV7.cjs');
|
|
72
84
|
|
|
73
85
|
|
|
74
86
|
|
|
@@ -80,8 +92,13 @@ var _chunkDXGQ43IVcjs = require('./chunk-DXGQ43IV.cjs');
|
|
|
80
92
|
|
|
81
93
|
|
|
82
94
|
|
|
95
|
+
var _chunkLIQTGAI7cjs = require('./chunk-LIQTGAI7.cjs');
|
|
96
|
+
require('./chunk-EJQCQPET.cjs');
|
|
83
97
|
|
|
84
|
-
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
var _chunkY7U6ACMBcjs = require('./chunk-Y7U6ACMB.cjs');
|
|
85
102
|
|
|
86
103
|
|
|
87
104
|
|
|
@@ -92,54 +109,19 @@ var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
|
|
|
92
109
|
|
|
93
110
|
|
|
94
111
|
|
|
95
|
-
var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
|
|
96
112
|
|
|
113
|
+
var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
|
|
97
114
|
|
|
98
115
|
|
|
99
116
|
|
|
100
117
|
|
|
101
118
|
|
|
102
119
|
|
|
103
|
-
var
|
|
120
|
+
var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
|
|
104
121
|
require('./chunk-MC7SY2QH.cjs');
|
|
105
122
|
|
|
106
|
-
// src/hooks/use-controllable-state.ts
|
|
107
|
-
var _react = require('react');
|
|
108
|
-
function useControllableState({
|
|
109
|
-
value,
|
|
110
|
-
defaultValue,
|
|
111
|
-
onChange
|
|
112
|
-
}) {
|
|
113
|
-
const [uncontrolled, setUncontrolled] = _react.useState.call(void 0, defaultValue);
|
|
114
|
-
const isControlled = value !== void 0;
|
|
115
|
-
const current = isControlled ? value : uncontrolled;
|
|
116
|
-
useControlWarning(isControlled);
|
|
117
|
-
const latest = _react.useRef.call(void 0, current);
|
|
118
|
-
latest.current = current;
|
|
119
|
-
const onChangeRef = _react.useRef.call(void 0, onChange);
|
|
120
|
-
onChangeRef.current = onChange;
|
|
121
|
-
const controlled = _react.useRef.call(void 0, isControlled);
|
|
122
|
-
controlled.current = isControlled;
|
|
123
|
-
const set = _react.useCallback.call(void 0, (next) => {
|
|
124
|
-
const resolved = typeof next === "function" ? next(latest.current) : next;
|
|
125
|
-
if (resolved === latest.current) return;
|
|
126
|
-
if (!controlled.current) setUncontrolled(resolved);
|
|
127
|
-
_optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(resolved)]);
|
|
128
|
-
}, []);
|
|
129
|
-
return [current, set];
|
|
130
|
-
}
|
|
131
|
-
function useControlWarning(isControlled) {
|
|
132
|
-
const wasControlled = _react.useRef.call(void 0, isControlled);
|
|
133
|
-
if (wasControlled.current !== isControlled) {
|
|
134
|
-
_chunkBH5DSJVXcjs.warnDev.call(void 0,
|
|
135
|
-
`a component switched from ${wasControlled.current ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}. Decide for the life of the component: pass \`value\` always, or never. Passing \`undefined\` for a value you do control reads as "uncontrolled" here.`
|
|
136
|
-
);
|
|
137
|
-
wasControlled.current = isControlled;
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
|
|
141
123
|
// src/hooks/use-merged-ref.ts
|
|
142
|
-
|
|
124
|
+
var _react = require('react');
|
|
143
125
|
function useMergedRef(...refs) {
|
|
144
126
|
return _react.useMemo.call(void 0, () => _chunkHUZ4AUM2cjs.mergeRefs.call(void 0, ...refs), refs);
|
|
145
127
|
}
|
|
@@ -231,4 +213,16 @@ function usePrevious(value) {
|
|
|
231
213
|
|
|
232
214
|
|
|
233
215
|
|
|
234
|
-
|
|
216
|
+
|
|
217
|
+
|
|
218
|
+
|
|
219
|
+
|
|
220
|
+
|
|
221
|
+
|
|
222
|
+
|
|
223
|
+
|
|
224
|
+
|
|
225
|
+
|
|
226
|
+
|
|
227
|
+
|
|
228
|
+
exports.Alert = _chunkJ4JFIC4Wcjs.Alert; exports.Button = _chunkEWBBDVTMcjs.Button; exports.CARD_BACKGROUND = _chunk6FBGCF5Tcjs.CARD_BACKGROUND; exports.Card = _chunk6FBGCF5Tcjs.Card; exports.Chip = _chunkAV5LMFS3cjs.Chip; exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.Column = _chunkIBEX4XGVcjs.Column; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.Input = _chunkP2XA4DV7cjs.Input; exports.InputOTP = _chunkLIQTGAI7cjs.InputOTP; exports.OTP_ALPHANUMERIC = _chunkLIQTGAI7cjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkLIQTGAI7cjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkLIQTGAI7cjs.OTP_LETTERS; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunk6HXWQ5AUcjs.Portal; exports.PortalContext = _chunk6HXWQ5AUcjs.PortalContext; exports.PortalHost = _chunk6HXWQ5AUcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.Row = _chunkIBEX4XGVcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.TextSpan = _chunkY7U6ACMBcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkY7U6ACMBcjs.Typography; exports.XAUIProvider = _chunkGBPWTFTUcjs.XAUIProvider; exports.alertRecipe = _chunkJ4JFIC4Wcjs.alertRecipe; exports.buildRadius = _chunkGBPWTFTUcjs.buildRadius; exports.buildShadows = _chunkGBPWTFTUcjs.buildShadows; exports.buildSlots = _chunkLIQTGAI7cjs.buildSlots; exports.buttonRecipe = _chunkEWBBDVTMcjs.buttonRecipe; exports.cardRecipe = _chunk6FBGCF5Tcjs.cardRecipe; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.chipRecipe = _chunkAV5LMFS3cjs.chipRecipe; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.createTheme = _chunkGBPWTFTUcjs.createTheme; exports.defaultTheme = _chunkGBPWTFTUcjs.defaultTheme; exports.deriveColors = _chunkGBPWTFTUcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.extractPastedCode = _chunkLIQTGAI7cjs.extractPastedCode; exports.inputOTPRecipe = _chunkLIQTGAI7cjs.inputOTPRecipe; exports.inputRecipe = _chunkP2XA4DV7cjs.inputRecipe; exports.markBackground = _chunk6FBGCF5Tcjs.markBackground; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkGBPWTFTUcjs.palette; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.primitives = _chunkGBPWTFTUcjs.primitives; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.sourceKeys = _chunkGBPWTFTUcjs.sourceKeys; exports.tokens = _chunkGBPWTFTUcjs.tokens; exports.typographyRecipe = _chunkY7U6ACMBcjs.typographyRecipe; exports.useAlert = _chunkJ4JFIC4Wcjs.useAlert; exports.useButton = _chunkEWBBDVTMcjs.useButton; exports.useCard = _chunk6FBGCF5Tcjs.useCard; exports.useChip = _chunkAV5LMFS3cjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunkLIQTGAI7cjs.useControllableState; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useInput = _chunkP2XA4DV7cjs.useInput; exports.useInputOTP = _chunkLIQTGAI7cjs.useInputOTP; exports.useInputOTPBox = _chunkLIQTGAI7cjs.useInputOTPBox; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkIG4Q3WQOcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
|
package/dist/index.d.cts
CHANGED
|
@@ -2,6 +2,8 @@ export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDesc
|
|
|
2
2
|
export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.cjs';
|
|
3
3
|
export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.cjs';
|
|
4
4
|
export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.cjs';
|
|
5
|
+
export { Input, InputContextValue, InputDescriptionProps, InputErrorProps, InputFieldProps, InputLabelPlacement, InputLabelProps, InputProps, InputSize, InputSlot, InputVariant, inputRecipe, useInput } from './components/input/index.cjs';
|
|
6
|
+
export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.cjs';
|
|
5
7
|
export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.cjs';
|
|
6
8
|
export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.cjs';
|
|
7
9
|
import { RefCallback } from 'react';
|
|
@@ -10,7 +12,7 @@ export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGH
|
|
|
10
12
|
import { GestureResponderEvent } from 'react-native';
|
|
11
13
|
export { C as CloseButtonProps } from './close-button.type-CHsgZ3wO.cjs';
|
|
12
14
|
export { I as IconComponentProps, a as IconContextValue, b as IconProps } from './icon.type-CF4KiMKl.cjs';
|
|
13
|
-
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-
|
|
15
|
+
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-dBN_ewZc.cjs';
|
|
14
16
|
export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.cjs';
|
|
15
17
|
export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.cjs';
|
|
16
18
|
export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.cjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,8 @@ export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDesc
|
|
|
2
2
|
export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.js';
|
|
3
3
|
export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.js';
|
|
4
4
|
export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.js';
|
|
5
|
+
export { Input, InputContextValue, InputDescriptionProps, InputErrorProps, InputFieldProps, InputLabelPlacement, InputLabelProps, InputProps, InputSize, InputSlot, InputVariant, inputRecipe, useInput } from './components/input/index.js';
|
|
6
|
+
export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.js';
|
|
5
7
|
export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.js';
|
|
6
8
|
export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.js';
|
|
7
9
|
import { RefCallback } from 'react';
|
|
@@ -10,7 +12,7 @@ export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGH
|
|
|
10
12
|
import { GestureResponderEvent } from 'react-native';
|
|
11
13
|
export { C as CloseButtonProps } from './close-button.type-BUYuoSt2.js';
|
|
12
14
|
export { I as IconComponentProps, a as IconContextValue, b as IconProps } from './icon.type-Dq4_qePa.js';
|
|
13
|
-
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-
|
|
15
|
+
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-C4JkINrA.js';
|
|
14
16
|
export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.js';
|
|
15
17
|
export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.js';
|
|
16
18
|
export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.js';
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Column,
|
|
3
|
+
Grid,
|
|
4
|
+
Row,
|
|
5
|
+
Stack,
|
|
6
|
+
useGrid
|
|
7
|
+
} from "./chunk-OYZYWWJ6.js";
|
|
8
|
+
import {
|
|
9
|
+
Portal,
|
|
10
|
+
PortalContext,
|
|
11
|
+
PortalHost
|
|
12
|
+
} from "./chunk-AKXG43S4.js";
|
|
1
13
|
import {
|
|
2
14
|
XAUIProvider,
|
|
3
15
|
buildRadius,
|
|
@@ -14,50 +26,33 @@ import {
|
|
|
14
26
|
Alert,
|
|
15
27
|
alertRecipe,
|
|
16
28
|
useAlert
|
|
17
|
-
} from "./chunk-
|
|
29
|
+
} from "./chunk-AXSJPWSJ.js";
|
|
18
30
|
import {
|
|
19
31
|
Button,
|
|
20
32
|
buttonRecipe,
|
|
21
33
|
useButton
|
|
22
|
-
} from "./chunk-
|
|
34
|
+
} from "./chunk-MRYLLKML.js";
|
|
23
35
|
import {
|
|
24
36
|
CARD_BACKGROUND,
|
|
25
37
|
Card,
|
|
26
38
|
cardRecipe,
|
|
27
39
|
markBackground,
|
|
28
40
|
useCard
|
|
29
|
-
} from "./chunk-
|
|
41
|
+
} from "./chunk-ZTA47PO5.js";
|
|
30
42
|
import {
|
|
31
43
|
Chip,
|
|
32
44
|
chipRecipe,
|
|
33
45
|
useChip
|
|
34
|
-
} from "./chunk-
|
|
35
|
-
import {
|
|
36
|
-
TextSpan,
|
|
37
|
-
Typography,
|
|
38
|
-
typographyRecipe
|
|
39
|
-
} from "./chunk-2U6JR7BF.js";
|
|
40
|
-
import {
|
|
41
|
-
Column,
|
|
42
|
-
Grid,
|
|
43
|
-
Row,
|
|
44
|
-
Stack,
|
|
45
|
-
useGrid
|
|
46
|
-
} from "./chunk-OYZYWWJ6.js";
|
|
47
|
-
import {
|
|
48
|
-
Portal,
|
|
49
|
-
PortalContext,
|
|
50
|
-
PortalHost
|
|
51
|
-
} from "./chunk-AKXG43S4.js";
|
|
46
|
+
} from "./chunk-4J26FA6O.js";
|
|
52
47
|
import {
|
|
53
48
|
CloseButton,
|
|
54
49
|
closeButtonBase
|
|
55
|
-
} from "./chunk-
|
|
50
|
+
} from "./chunk-A4RGJBP2.js";
|
|
56
51
|
import {
|
|
57
52
|
Icon,
|
|
58
53
|
IconContext,
|
|
59
54
|
useIconContext
|
|
60
|
-
} from "./chunk-
|
|
55
|
+
} from "./chunk-ICR42HHG.js";
|
|
61
56
|
import {
|
|
62
57
|
FEEDBACK_OVERLAY,
|
|
63
58
|
HIGHLIGHT_DURATION,
|
|
@@ -79,20 +74,35 @@ import {
|
|
|
79
74
|
resolveSlotAnimation,
|
|
80
75
|
rippleRadiusFor,
|
|
81
76
|
useFeedback,
|
|
82
|
-
usePressState
|
|
83
|
-
|
|
84
|
-
|
|
77
|
+
usePressState
|
|
78
|
+
} from "./chunk-4HELPMAK.js";
|
|
79
|
+
import {
|
|
80
|
+
Input,
|
|
81
|
+
inputRecipe,
|
|
82
|
+
useInput
|
|
83
|
+
} from "./chunk-6RO26ORT.js";
|
|
84
|
+
import {
|
|
85
|
+
InputOTP,
|
|
86
|
+
OTP_ALPHANUMERIC,
|
|
87
|
+
OTP_DIGITS,
|
|
88
|
+
OTP_LETTERS,
|
|
89
|
+
buildSlots,
|
|
90
|
+
extractPastedCode,
|
|
91
|
+
inputOTPRecipe,
|
|
92
|
+
useControllableState,
|
|
93
|
+
useInputOTP,
|
|
94
|
+
useInputOTPBox
|
|
95
|
+
} from "./chunk-J4QE34AU.js";
|
|
96
|
+
import "./chunk-EGLLDKN6.js";
|
|
97
|
+
import {
|
|
98
|
+
TextSpan,
|
|
99
|
+
Typography,
|
|
100
|
+
typographyRecipe
|
|
101
|
+
} from "./chunk-G52TQJBI.js";
|
|
85
102
|
import {
|
|
86
103
|
createRecipe,
|
|
87
104
|
radiusAxis
|
|
88
105
|
} from "./chunk-3JATAB7S.js";
|
|
89
|
-
import {
|
|
90
|
-
ThemeContext,
|
|
91
|
-
deriveTint,
|
|
92
|
-
useColorMode,
|
|
93
|
-
useThemeColor,
|
|
94
|
-
useXAUITheme
|
|
95
|
-
} from "./chunk-A3EGFI6T.js";
|
|
96
106
|
import {
|
|
97
107
|
Slot,
|
|
98
108
|
childrenToString,
|
|
@@ -101,43 +111,15 @@ import {
|
|
|
101
111
|
mergeRefs,
|
|
102
112
|
useStyleProps
|
|
103
113
|
} from "./chunk-PMO62QK4.js";
|
|
114
|
+
import {
|
|
115
|
+
ThemeContext,
|
|
116
|
+
deriveTint,
|
|
117
|
+
useColorMode,
|
|
118
|
+
useThemeColor,
|
|
119
|
+
useXAUITheme
|
|
120
|
+
} from "./chunk-A3EGFI6T.js";
|
|
104
121
|
import "./chunk-GGW42MY4.js";
|
|
105
122
|
|
|
106
|
-
// src/hooks/use-controllable-state.ts
|
|
107
|
-
import { useCallback, useRef, useState } from "react";
|
|
108
|
-
function useControllableState({
|
|
109
|
-
value,
|
|
110
|
-
defaultValue,
|
|
111
|
-
onChange
|
|
112
|
-
}) {
|
|
113
|
-
const [uncontrolled, setUncontrolled] = useState(defaultValue);
|
|
114
|
-
const isControlled = value !== void 0;
|
|
115
|
-
const current = isControlled ? value : uncontrolled;
|
|
116
|
-
useControlWarning(isControlled);
|
|
117
|
-
const latest = useRef(current);
|
|
118
|
-
latest.current = current;
|
|
119
|
-
const onChangeRef = useRef(onChange);
|
|
120
|
-
onChangeRef.current = onChange;
|
|
121
|
-
const controlled = useRef(isControlled);
|
|
122
|
-
controlled.current = isControlled;
|
|
123
|
-
const set = useCallback((next) => {
|
|
124
|
-
const resolved = typeof next === "function" ? next(latest.current) : next;
|
|
125
|
-
if (resolved === latest.current) return;
|
|
126
|
-
if (!controlled.current) setUncontrolled(resolved);
|
|
127
|
-
onChangeRef.current?.(resolved);
|
|
128
|
-
}, []);
|
|
129
|
-
return [current, set];
|
|
130
|
-
}
|
|
131
|
-
function useControlWarning(isControlled) {
|
|
132
|
-
const wasControlled = useRef(isControlled);
|
|
133
|
-
if (wasControlled.current !== isControlled) {
|
|
134
|
-
warnDev(
|
|
135
|
-
`a component switched from ${wasControlled.current ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}. Decide for the life of the component: pass \`value\` always, or never. Passing \`undefined\` for a value you do control reads as "uncontrolled" here.`
|
|
136
|
-
);
|
|
137
|
-
wasControlled.current = isControlled;
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
|
|
141
123
|
// src/hooks/use-merged-ref.ts
|
|
142
124
|
import { useMemo } from "react";
|
|
143
125
|
function useMergedRef(...refs) {
|
|
@@ -145,9 +127,9 @@ function useMergedRef(...refs) {
|
|
|
145
127
|
}
|
|
146
128
|
|
|
147
129
|
// src/hooks/use-previous.ts
|
|
148
|
-
import { useEffect, useRef
|
|
130
|
+
import { useEffect, useRef } from "react";
|
|
149
131
|
function usePrevious(value) {
|
|
150
|
-
const previous =
|
|
132
|
+
const previous = useRef(void 0);
|
|
151
133
|
useEffect(() => {
|
|
152
134
|
previous.current = value;
|
|
153
135
|
}, [value]);
|
|
@@ -167,6 +149,11 @@ export {
|
|
|
167
149
|
HIGHLIGHT_OPACITY,
|
|
168
150
|
Icon,
|
|
169
151
|
IconContext,
|
|
152
|
+
Input,
|
|
153
|
+
InputOTP,
|
|
154
|
+
OTP_ALPHANUMERIC,
|
|
155
|
+
OTP_DIGITS,
|
|
156
|
+
OTP_LETTERS,
|
|
170
157
|
PRESS_DURATION,
|
|
171
158
|
PRESS_SCALE,
|
|
172
159
|
Portal,
|
|
@@ -191,6 +178,7 @@ export {
|
|
|
191
178
|
alertRecipe,
|
|
192
179
|
buildRadius,
|
|
193
180
|
buildShadows,
|
|
181
|
+
buildSlots,
|
|
194
182
|
buttonRecipe,
|
|
195
183
|
cardRecipe,
|
|
196
184
|
childrenToString,
|
|
@@ -202,6 +190,9 @@ export {
|
|
|
202
190
|
defaultTheme,
|
|
203
191
|
deriveColors,
|
|
204
192
|
deriveTint,
|
|
193
|
+
extractPastedCode,
|
|
194
|
+
inputOTPRecipe,
|
|
195
|
+
inputRecipe,
|
|
205
196
|
markBackground,
|
|
206
197
|
markOverlay,
|
|
207
198
|
mergeProps,
|
|
@@ -225,6 +216,9 @@ export {
|
|
|
225
216
|
useFeedback,
|
|
226
217
|
useGrid,
|
|
227
218
|
useIconContext,
|
|
219
|
+
useInput,
|
|
220
|
+
useInputOTP,
|
|
221
|
+
useInputOTPBox,
|
|
228
222
|
useMergedRef,
|
|
229
223
|
usePressState,
|
|
230
224
|
usePrevious,
|
package/dist/system/index.cjs
CHANGED
|
@@ -6,12 +6,12 @@ var _chunk6HXWQ5AUcjs = require('../chunk-6HXWQ5AU.cjs');
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkJ2JJLKLGcjs = require('../chunk-J2JJLKLG.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _chunkB4W2XNBPcjs = require('../chunk-B4W2XNBP.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
@@ -33,12 +33,12 @@ var _chunkDXGQ43IVcjs = require('../chunk-DXGQ43IV.cjs');
|
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
var
|
|
36
|
+
var _chunkIG4Q3WQOcjs = require('../chunk-IG4Q3WQO.cjs');
|
|
37
|
+
require('../chunk-EJQCQPET.cjs');
|
|
37
38
|
|
|
38
39
|
|
|
39
40
|
|
|
40
41
|
var _chunkYXVKQMCKcjs = require('../chunk-YXVKQMCK.cjs');
|
|
41
|
-
require('../chunk-57SJ4LJF.cjs');
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
@@ -47,6 +47,7 @@ require('../chunk-57SJ4LJF.cjs');
|
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
var _chunkHUZ4AUM2cjs = require('../chunk-HUZ4AUM2.cjs');
|
|
50
|
+
require('../chunk-57SJ4LJF.cjs');
|
|
50
51
|
require('../chunk-MC7SY2QH.cjs');
|
|
51
52
|
|
|
52
53
|
|
|
@@ -85,4 +86,4 @@ require('../chunk-MC7SY2QH.cjs');
|
|
|
85
86
|
|
|
86
87
|
|
|
87
88
|
|
|
88
|
-
exports.CloseButton =
|
|
89
|
+
exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunk6HXWQ5AUcjs.Portal; exports.PortalContext = _chunk6HXWQ5AUcjs.PortalContext; exports.PortalHost = _chunk6HXWQ5AUcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps;
|
package/dist/system/index.d.cts
CHANGED
|
@@ -5,8 +5,8 @@ import { ReactNode, Provider, Ref, RefCallback } from 'react';
|
|
|
5
5
|
import { S as SlotAnimation, F as FeedbackContext, a as AnimationProp, b as ResolvedAnimation, P as PressableFeedbackProps } from '../pressable-feedback.type-BA2C9sSz.cjs';
|
|
6
6
|
export { A as AnimationConfig, R as RadiusStyle, c as RippleWave } from '../pressable-feedback.type-BA2C9sSz.cjs';
|
|
7
7
|
import { R as RadiusKey, X as XAUITheme } from '../theme.type-C2gNHpEx.cjs';
|
|
8
|
-
import { j as StyleFn, f as SlotStyle } from '../create-recipe-
|
|
9
|
-
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-
|
|
8
|
+
import { j as StyleFn, f as SlotStyle } from '../create-recipe-dBN_ewZc.cjs';
|
|
9
|
+
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-dBN_ewZc.cjs';
|
|
10
10
|
export { C as CloseButtonProps } from '../close-button.type-CHsgZ3wO.cjs';
|
|
11
11
|
import { b as IconProps, a as IconContextValue } from '../icon.type-CF4KiMKl.cjs';
|
|
12
12
|
export { I as IconComponentProps } from '../icon.type-CF4KiMKl.cjs';
|
|
@@ -298,7 +298,7 @@ declare function resolveSlotAnimation(override: SlotAnimation | undefined, enabl
|
|
|
298
298
|
* off — and it is the only shape that survives `asChild`, where the caller's own element
|
|
299
299
|
* is the pressable and there is no sibling for the primitive to inject.
|
|
300
300
|
*/
|
|
301
|
-
declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "
|
|
301
|
+
declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "disabled" | "style" | "children"> & ViewStyleProps & {
|
|
302
302
|
isPressed?: boolean;
|
|
303
303
|
isDisabled?: boolean;
|
|
304
304
|
asChild?: boolean;
|
|
@@ -447,7 +447,7 @@ declare const CloseButton: react.ForwardRefExoticComponent<{
|
|
|
447
447
|
baseStyle?: react_native.StyleProp<react_native.ViewStyle>;
|
|
448
448
|
glyphStyle?: react_native.StyleProp<react_native.ViewStyle>;
|
|
449
449
|
style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
|
|
450
|
-
} & Omit<PressableFeedbackProps, "
|
|
450
|
+
} & Omit<PressableFeedbackProps, "isPressed" | "style" | "children"> & react.RefAttributes<View>>;
|
|
451
451
|
|
|
452
452
|
/** The two slots a component publishes for a `CloseButton`: its box and one cross bar. */
|
|
453
453
|
type CloseButtonSlots = {
|
package/dist/system/index.d.ts
CHANGED
|
@@ -5,8 +5,8 @@ import { ReactNode, Provider, Ref, RefCallback } from 'react';
|
|
|
5
5
|
import { S as SlotAnimation, F as FeedbackContext, a as AnimationProp, b as ResolvedAnimation, P as PressableFeedbackProps } from '../pressable-feedback.type-Bs4dQlGj.js';
|
|
6
6
|
export { A as AnimationConfig, R as RadiusStyle, c as RippleWave } from '../pressable-feedback.type-Bs4dQlGj.js';
|
|
7
7
|
import { R as RadiusKey, X as XAUITheme } from '../theme.type-C2gNHpEx.js';
|
|
8
|
-
import { j as StyleFn, f as SlotStyle } from '../create-recipe-
|
|
9
|
-
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-
|
|
8
|
+
import { j as StyleFn, f as SlotStyle } from '../create-recipe-C4JkINrA.js';
|
|
9
|
+
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-C4JkINrA.js';
|
|
10
10
|
export { C as CloseButtonProps } from '../close-button.type-BUYuoSt2.js';
|
|
11
11
|
import { b as IconProps, a as IconContextValue } from '../icon.type-Dq4_qePa.js';
|
|
12
12
|
export { I as IconComponentProps } from '../icon.type-Dq4_qePa.js';
|
|
@@ -298,7 +298,7 @@ declare function resolveSlotAnimation(override: SlotAnimation | undefined, enabl
|
|
|
298
298
|
* off — and it is the only shape that survives `asChild`, where the caller's own element
|
|
299
299
|
* is the pressable and there is no sibling for the primitive to inject.
|
|
300
300
|
*/
|
|
301
|
-
declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "
|
|
301
|
+
declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "disabled" | "style" | "children"> & ViewStyleProps & {
|
|
302
302
|
isPressed?: boolean;
|
|
303
303
|
isDisabled?: boolean;
|
|
304
304
|
asChild?: boolean;
|
|
@@ -447,7 +447,7 @@ declare const CloseButton: react.ForwardRefExoticComponent<{
|
|
|
447
447
|
baseStyle?: react_native.StyleProp<react_native.ViewStyle>;
|
|
448
448
|
glyphStyle?: react_native.StyleProp<react_native.ViewStyle>;
|
|
449
449
|
style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
|
|
450
|
-
} & Omit<PressableFeedbackProps, "
|
|
450
|
+
} & Omit<PressableFeedbackProps, "isPressed" | "style" | "children"> & react.RefAttributes<View>>;
|
|
451
451
|
|
|
452
452
|
/** The two slots a component publishes for a `CloseButton`: its box and one cross bar. */
|
|
453
453
|
type CloseButtonSlots = {
|
package/dist/system/index.js
CHANGED
|
@@ -6,12 +6,12 @@ import {
|
|
|
6
6
|
import {
|
|
7
7
|
CloseButton,
|
|
8
8
|
closeButtonBase
|
|
9
|
-
} from "../chunk-
|
|
9
|
+
} from "../chunk-A4RGJBP2.js";
|
|
10
10
|
import {
|
|
11
11
|
Icon,
|
|
12
12
|
IconContext,
|
|
13
13
|
useIconContext
|
|
14
|
-
} from "../chunk-
|
|
14
|
+
} from "../chunk-ICR42HHG.js";
|
|
15
15
|
import {
|
|
16
16
|
FEEDBACK_OVERLAY,
|
|
17
17
|
HIGHLIGHT_DURATION,
|
|
@@ -33,12 +33,12 @@ import {
|
|
|
33
33
|
resolveSlotAnimation,
|
|
34
34
|
rippleRadiusFor,
|
|
35
35
|
useFeedback
|
|
36
|
-
} from "../chunk-
|
|
36
|
+
} from "../chunk-4HELPMAK.js";
|
|
37
|
+
import "../chunk-EGLLDKN6.js";
|
|
37
38
|
import {
|
|
38
39
|
createRecipe,
|
|
39
40
|
radiusAxis
|
|
40
41
|
} from "../chunk-3JATAB7S.js";
|
|
41
|
-
import "../chunk-A3EGFI6T.js";
|
|
42
42
|
import {
|
|
43
43
|
Slot,
|
|
44
44
|
childrenToString,
|
|
@@ -47,6 +47,7 @@ import {
|
|
|
47
47
|
mergeRefs,
|
|
48
48
|
useStyleProps
|
|
49
49
|
} from "../chunk-PMO62QK4.js";
|
|
50
|
+
import "../chunk-A3EGFI6T.js";
|
|
50
51
|
import "../chunk-GGW42MY4.js";
|
|
51
52
|
export {
|
|
52
53
|
CloseButton,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xaui/native",
|
|
3
|
-
"version": "0.9.1-alpha.
|
|
3
|
+
"version": "0.9.1-alpha.24",
|
|
4
4
|
"description": "Composition-first React Native UI components with native animations powered by Reanimated",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -67,6 +67,26 @@
|
|
|
67
67
|
"default": "./dist/components/chip/index.cjs"
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
|
+
"./input": {
|
|
71
|
+
"import": {
|
|
72
|
+
"types": "./dist/components/input/index.d.ts",
|
|
73
|
+
"default": "./dist/components/input/index.js"
|
|
74
|
+
},
|
|
75
|
+
"require": {
|
|
76
|
+
"types": "./dist/components/input/index.d.cts",
|
|
77
|
+
"default": "./dist/components/input/index.cjs"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
"./input-otp": {
|
|
81
|
+
"import": {
|
|
82
|
+
"types": "./dist/components/input-otp/index.d.ts",
|
|
83
|
+
"default": "./dist/components/input-otp/index.js"
|
|
84
|
+
},
|
|
85
|
+
"require": {
|
|
86
|
+
"types": "./dist/components/input-otp/index.d.cts",
|
|
87
|
+
"default": "./dist/components/input-otp/index.cjs"
|
|
88
|
+
}
|
|
89
|
+
},
|
|
70
90
|
"./typography": {
|
|
71
91
|
"import": {
|
|
72
92
|
"types": "./dist/components/typography/index.d.ts",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
|
|
7
7
|
|
|
8
8
|
// src/system/icon/icon-context.ts
|
|
9
9
|
var _react = require('react');
|