@xaui/native 0.9.1-alpha.16 → 0.9.1-alpha.18
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-4K3LZS7M.js +448 -0
- package/dist/chunk-5SU7FXWH.cjs +448 -0
- package/dist/chunk-6PZF4PI7.js +100 -0
- package/dist/chunk-6VTBGBPP.cjs +100 -0
- package/dist/{chunk-KCUT47FY.cjs → chunk-BHAHJHAI.cjs} +5 -1
- package/dist/{chunk-UOJBK5Z4.js → chunk-L3AQNVRN.js} +1 -1
- package/dist/{chunk-BAACHVM4.cjs → chunk-M2VYRHVS.cjs} +2 -2
- package/dist/{chunk-E3756MJC.js → chunk-MBLPPOSO.js} +16 -15
- package/dist/{chunk-NLFE3CRM.cjs → chunk-ODH5WAVM.cjs} +24 -23
- package/dist/{chunk-PUER6Y4M.cjs → chunk-P5MKOLIW.cjs} +110 -409
- package/dist/chunk-VQPP6FCB.js +728 -0
- package/dist/{chunk-EHHSY2KB.js → chunk-XQE5PXOD.js} +5 -1
- package/dist/components/button/index.cjs +4 -3
- package/dist/components/button/index.d.cts +179 -178
- package/dist/components/button/index.d.ts +179 -178
- package/dist/components/button/index.js +3 -2
- package/dist/components/typography/index.cjs +12 -0
- package/dist/components/typography/index.d.cts +115 -0
- package/dist/components/typography/index.d.ts +115 -0
- package/dist/components/typography/index.js +12 -0
- package/dist/create-recipe-3_ElpCYt.d.cts +117 -0
- package/dist/create-recipe-DImq1AZA.d.ts +117 -0
- package/dist/index.cjs +17 -7
- package/dist/index.d.cts +4 -2
- package/dist/index.d.ts +4 -2
- package/dist/index.js +21 -11
- package/dist/pressable-feedback.type-UwqIG6ES.d.ts +195 -0
- package/dist/pressable-feedback.type-lgW5wQx5.d.cts +195 -0
- package/dist/system/index.cjs +5 -3
- package/dist/system/index.d.cts +10 -4
- package/dist/system/index.d.ts +10 -4
- package/dist/system/index.js +11 -9
- package/dist/theme/index.cjs +2 -2
- package/dist/theme/index.d.cts +2 -2
- package/dist/theme/index.d.ts +2 -2
- package/dist/theme/index.js +1 -1
- package/dist/{theme.type-C9bFJKFm.d.cts → theme.type-C2gNHpEx.d.cts} +1 -1
- package/dist/{theme.type-C9bFJKFm.d.ts → theme.type-C2gNHpEx.d.ts} +1 -1
- package/package.json +11 -1
- package/dist/chunk-64L44HEI.js +0 -1021
- package/dist/create-recipe-BcUu9b2I.d.cts +0 -280
- package/dist/create-recipe-DD9W6m9b.d.ts +0 -280
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { Icon, PressableFeedback
|
|
1
|
+
import { Icon, PressableFeedback } from "./chunk-VQPP6FCB.js";
|
|
2
|
+
import { childrenToString, createRecipe, createSlotContext, useStyleProps } from "./chunk-4K3LZS7M.js";
|
|
2
3
|
import { useXAUITheme } from "./chunk-XJARE6SC.js";
|
|
3
4
|
|
|
4
5
|
// src/components/button/button.context.ts
|
|
@@ -70,10 +71,10 @@ function ButtonSpinner({
|
|
|
70
71
|
});
|
|
71
72
|
}
|
|
72
73
|
ButtonSpinner.displayName = "XAUI.Button.Spinner";
|
|
73
|
-
const
|
|
74
|
-
code: "function
|
|
75
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
76
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
74
|
+
const _worklet_12418466858839_init_data = {
|
|
75
|
+
code: "function chunkMBLPPOSOJs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
|
|
76
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MBLPPOSO.js",
|
|
77
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkMBLPPOSOJs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MBLPPOSO.js\"],\"mappings\":\"AA4EyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
|
|
77
78
|
};
|
|
78
79
|
function SpinningRing({
|
|
79
80
|
style
|
|
@@ -86,28 +87,28 @@ function SpinningRing({
|
|
|
86
87
|
}), -1, false);
|
|
87
88
|
return () => cancelAnimation(angle);
|
|
88
89
|
}, [angle]);
|
|
89
|
-
const animatedStyle = useAnimatedStyle(function
|
|
90
|
-
|
|
90
|
+
const animatedStyle = useAnimatedStyle(function chunkMBLPPOSOJs1Factory({
|
|
91
|
+
_worklet_12418466858839_init_data,
|
|
91
92
|
angle
|
|
92
93
|
}) {
|
|
93
94
|
const _e = [new global.Error(), -2, -27];
|
|
94
|
-
const
|
|
95
|
+
const chunkMBLPPOSOJs1 = function () {
|
|
95
96
|
return {
|
|
96
97
|
transform: [{
|
|
97
98
|
rotate: `${angle.value}deg`
|
|
98
99
|
}]
|
|
99
100
|
};
|
|
100
101
|
};
|
|
101
|
-
|
|
102
|
+
chunkMBLPPOSOJs1.__closure = {
|
|
102
103
|
angle
|
|
103
104
|
};
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
return
|
|
105
|
+
chunkMBLPPOSOJs1.__workletHash = 12418466858839;
|
|
106
|
+
chunkMBLPPOSOJs1.__pluginVersion = "0.7.4";
|
|
107
|
+
chunkMBLPPOSOJs1.__initData = _worklet_12418466858839_init_data;
|
|
108
|
+
chunkMBLPPOSOJs1.__stackDetails = _e;
|
|
109
|
+
return chunkMBLPPOSOJs1;
|
|
109
110
|
}({
|
|
110
|
-
|
|
111
|
+
_worklet_12418466858839_init_data,
|
|
111
112
|
angle
|
|
112
113
|
}), [angle]);
|
|
113
114
|
return /* @__PURE__ */jsx3(Animated.View, {
|
|
@@ -36,11 +36,12 @@ function _optionalChain(ops) {
|
|
|
36
36
|
}
|
|
37
37
|
return value;
|
|
38
38
|
}
|
|
39
|
-
var
|
|
39
|
+
var _chunkP5MKOLIWcjs = require('./chunk-P5MKOLIW.cjs');
|
|
40
|
+
var _chunk5SU7FXWHcjs = require('./chunk-5SU7FXWH.cjs');
|
|
40
41
|
var _chunk6N5JXRUZcjs = require('./chunk-6N5JXRUZ.cjs');
|
|
41
42
|
|
|
42
43
|
// src/components/button/button.context.ts
|
|
43
|
-
var [ButtonProvider, useButton] =
|
|
44
|
+
var [ButtonProvider, useButton] = _chunk5SU7FXWHcjs.createSlotContext.call(void 0, "Button");
|
|
44
45
|
|
|
45
46
|
// src/components/button/button-icon.tsx
|
|
46
47
|
var _jsxruntime = require('react/jsx-runtime');
|
|
@@ -52,7 +53,7 @@ function ButtonIcon({
|
|
|
52
53
|
const {
|
|
53
54
|
icon
|
|
54
55
|
} = useButton();
|
|
55
|
-
return /* @__PURE__ */_jsxruntime.jsx.call(void 0,
|
|
56
|
+
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkP5MKOLIWcjs.Icon, {
|
|
56
57
|
size: _nullishCoalesce(size, () => icon.size),
|
|
57
58
|
color: _nullishCoalesce(color, () => icon.color),
|
|
58
59
|
...rest
|
|
@@ -72,7 +73,7 @@ var ButtonLabel = _react.forwardRef.call(void 0, function ButtonLabel2({
|
|
|
72
73
|
const {
|
|
73
74
|
labelStyle
|
|
74
75
|
} = useButton();
|
|
75
|
-
const [styleProps, rest] =
|
|
76
|
+
const [styleProps, rest] = _chunk5SU7FXWHcjs.useStyleProps.call(void 0, props);
|
|
76
77
|
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
|
|
77
78
|
ref,
|
|
78
79
|
numberOfLines,
|
|
@@ -96,7 +97,7 @@ function ButtonSpinner({
|
|
|
96
97
|
const {
|
|
97
98
|
spinnerStyle
|
|
98
99
|
} = useButton();
|
|
99
|
-
const [styleProps] =
|
|
100
|
+
const [styleProps] = _chunk5SU7FXWHcjs.useStyleProps.call(void 0, props);
|
|
100
101
|
const ringStyle = [spinnerStyle, styleProps, style];
|
|
101
102
|
if (!animation) return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
|
|
102
103
|
style: ringStyle
|
|
@@ -106,10 +107,10 @@ function ButtonSpinner({
|
|
|
106
107
|
});
|
|
107
108
|
}
|
|
108
109
|
ButtonSpinner.displayName = "XAUI.Button.Spinner";
|
|
109
|
-
const
|
|
110
|
-
code: "function
|
|
111
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
112
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
110
|
+
const _worklet_9614831219263_init_data = {
|
|
111
|
+
code: "function chunkODH5WAVMCjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
|
|
112
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-ODH5WAVM.cjs",
|
|
113
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkODH5WAVMCjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-ODH5WAVM.cjs\"],\"mappings\":\"AA4E6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE/E,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
|
|
113
114
|
};
|
|
114
115
|
function SpinningRing({
|
|
115
116
|
style
|
|
@@ -122,28 +123,28 @@ function SpinningRing({
|
|
|
122
123
|
}), -1, false);
|
|
123
124
|
return () => _reactnativereanimated.cancelAnimation.call(void 0, angle);
|
|
124
125
|
}, [angle]);
|
|
125
|
-
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function
|
|
126
|
-
|
|
126
|
+
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkODH5WAVMCjs1Factory({
|
|
127
|
+
_worklet_9614831219263_init_data,
|
|
127
128
|
angle
|
|
128
129
|
}) {
|
|
129
130
|
const _e = [new global.Error(), -2, -27];
|
|
130
|
-
const
|
|
131
|
+
const chunkODH5WAVMCjs1 = function () {
|
|
131
132
|
return {
|
|
132
133
|
transform: [{
|
|
133
134
|
rotate: `${angle.value}deg`
|
|
134
135
|
}]
|
|
135
136
|
};
|
|
136
137
|
};
|
|
137
|
-
|
|
138
|
+
chunkODH5WAVMCjs1.__closure = {
|
|
138
139
|
angle
|
|
139
140
|
};
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
return
|
|
141
|
+
chunkODH5WAVMCjs1.__workletHash = 9614831219263;
|
|
142
|
+
chunkODH5WAVMCjs1.__pluginVersion = "0.7.4";
|
|
143
|
+
chunkODH5WAVMCjs1.__initData = _worklet_9614831219263_init_data;
|
|
144
|
+
chunkODH5WAVMCjs1.__stackDetails = _e;
|
|
145
|
+
return chunkODH5WAVMCjs1;
|
|
145
146
|
}({
|
|
146
|
-
|
|
147
|
+
_worklet_9614831219263_init_data,
|
|
147
148
|
angle
|
|
148
149
|
}), [angle]);
|
|
149
150
|
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
|
|
@@ -254,7 +255,7 @@ function sizeAxis(step) {
|
|
|
254
255
|
spinner: ring(theme, theme.fontSizes[glyph])
|
|
255
256
|
});
|
|
256
257
|
}
|
|
257
|
-
var buttonRecipe =
|
|
258
|
+
var buttonRecipe = _chunk5SU7FXWHcjs.createRecipe.call(void 0, {
|
|
258
259
|
slots: SLOTS,
|
|
259
260
|
base: theme => ({
|
|
260
261
|
root: {
|
|
@@ -443,7 +444,7 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
|
|
|
443
444
|
...props
|
|
444
445
|
}, ref) {
|
|
445
446
|
const theme = _chunk6N5JXRUZcjs.useXAUITheme.call(void 0);
|
|
446
|
-
const [styleProps, rest] =
|
|
447
|
+
const [styleProps, rest] = _chunk5SU7FXWHcjs.useStyleProps.call(void 0, props);
|
|
447
448
|
const [isPressed, press] = usePressState({
|
|
448
449
|
onPressIn,
|
|
449
450
|
onPressOut
|
|
@@ -487,14 +488,14 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
|
|
|
487
488
|
const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _8 => _8.root]), styleProps, typeof style === "function" ? style({
|
|
488
489
|
pressed: isPressed
|
|
489
490
|
}) : style];
|
|
490
|
-
const text =
|
|
491
|
+
const text = _chunk5SU7FXWHcjs.childrenToString.call(void 0, children);
|
|
491
492
|
const showSpinner = isLoading && !containsElementOfType(children, ButtonSpinner);
|
|
492
493
|
if (isIconOnly && !rest.accessibilityLabel && !rest["aria-label"]) {
|
|
493
494
|
warnDev("Button: an icon-only button needs an `accessibilityLabel` \u2014 there is no text for a screen reader to read, so it announces as an unlabelled button.");
|
|
494
495
|
}
|
|
495
496
|
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, ButtonProvider, {
|
|
496
497
|
value: context,
|
|
497
|
-
children: /* @__PURE__ */_jsxruntime.jsx.call(void 0,
|
|
498
|
+
children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkP5MKOLIWcjs.PressableFeedback, {
|
|
498
499
|
ref,
|
|
499
500
|
isPressed,
|
|
500
501
|
isDisabled: isDisabled || isLoading,
|