@xaui/native 0.9.1-alpha.12 → 0.9.1-alpha.13
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-5TKZV7IC.js → chunk-4O3PXFQ7.js} +13 -13
- package/dist/{chunk-FDUI4IAM.cjs → chunk-6N5JXRUZ.cjs} +4 -1
- package/dist/{chunk-KLHHV4RU.js → chunk-B3EAZ2CC.js} +75 -75
- package/dist/{chunk-ESOOMXV4.cjs → chunk-DDYMIWLW.cjs} +40 -40
- package/dist/{chunk-GZIOB63O.cjs → chunk-IVVFYUDW.cjs} +67 -67
- package/dist/{chunk-CTULMYVI.cjs → chunk-MLJ543GP.cjs} +32 -45
- package/dist/{chunk-SKVKAJ5Y.js → chunk-RWLODK55.js} +23 -36
- package/dist/{chunk-EMXBFHIP.js → chunk-XJARE6SC.js} +4 -1
- package/dist/components/button/index.cjs +4 -4
- package/dist/components/button/index.d.cts +15 -5
- package/dist/components/button/index.d.ts +15 -5
- package/dist/components/button/index.js +3 -3
- package/dist/index.cjs +7 -7
- package/dist/index.js +4 -4
- package/dist/system/index.cjs +3 -3
- package/dist/system/index.js +2 -2
- package/dist/theme/index.cjs +3 -3
- package/dist/theme/index.d.cts +19 -8
- package/dist/theme/index.d.ts +19 -8
- package/dist/theme/index.js +2 -2
- package/package.json +1 -1
|
@@ -36,7 +36,7 @@ function _optionalChain(ops) {
|
|
|
36
36
|
}
|
|
37
37
|
return value;
|
|
38
38
|
}
|
|
39
|
-
var
|
|
39
|
+
var _chunk6N5JXRUZcjs = require('./chunk-6N5JXRUZ.cjs');
|
|
40
40
|
|
|
41
41
|
// src/system/icon/icon-context.ts
|
|
42
42
|
var _react = require('react');
|
|
@@ -59,7 +59,7 @@ function Icon({
|
|
|
59
59
|
style
|
|
60
60
|
}) {
|
|
61
61
|
const inherited = useIconContext();
|
|
62
|
-
const theme =
|
|
62
|
+
const theme = _chunk6N5JXRUZcjs.useXAUITheme.call(void 0);
|
|
63
63
|
const resolvedSize = _nullishCoalesce(_nullishCoalesce(size, () => inherited.size), () => theme.fontSizes.md);
|
|
64
64
|
const resolvedColor = _nullishCoalesce(_nullishCoalesce(color, () => inherited.color), () => theme.colors.foreground);
|
|
65
65
|
if (Component) {
|
|
@@ -236,7 +236,7 @@ function splitStyleProps(props) {
|
|
|
236
236
|
// src/system/style-props/use-style-props.ts
|
|
237
237
|
function useStyleProps(props) {
|
|
238
238
|
const [styleProps, rest] = splitStyleProps(props);
|
|
239
|
-
const key =
|
|
239
|
+
const key = _chunk6N5JXRUZcjs.stableHash.call(void 0, styleProps);
|
|
240
240
|
return [_react.useMemo.call(void 0, () => styleProps, [key]), rest];
|
|
241
241
|
}
|
|
242
242
|
|
|
@@ -249,13 +249,13 @@ var DisableAllContext = _react.createContext.call(void 0, false);
|
|
|
249
249
|
var PRESS_SCALE = 0.985;
|
|
250
250
|
var PRESS_DURATION = 300;
|
|
251
251
|
var SCALE_REFERENCE_WIDTH = 300;
|
|
252
|
-
const
|
|
253
|
-
code: "function
|
|
254
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
255
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
252
|
+
const _worklet_876271243075_init_data = {
|
|
253
|
+
code: "function pressScaleFor_chunkIVVFYUDWCjs1(width){const{SCALE_REFERENCE_WIDTH,PRESS_SCALE}=this.__closure;const coefficient=width>0?SCALE_REFERENCE_WIDTH/width:1;return 1-(1-PRESS_SCALE)*coefficient;}",
|
|
254
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs",
|
|
255
|
+
sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkIVVFYUDWCjs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AAwWA,SAAAA,+BAA8BA,CAAAC,KAAA,QAAAC,qBAAA,CAAAC,WAAA,OAAAC,SAAA,CAE5B,KAAM,CAAAC,WAAW,CAAGJ,KAAK,CAAG,CAAC,CAAGC,qBAAqB,CAAGD,KAAK,CAAG,CAAC,CACjE,MAAO,EAAC,CAAG,CAAC,CAAC,CAAGE,WAAW,EAAIE,WAAW,CAC5C\",\"ignoreList\":[]}"
|
|
256
256
|
};
|
|
257
|
-
const pressScaleFor = function
|
|
258
|
-
|
|
257
|
+
const pressScaleFor = function pressScaleFor_chunkIVVFYUDWCjs1Factory({
|
|
258
|
+
_worklet_876271243075_init_data,
|
|
259
259
|
SCALE_REFERENCE_WIDTH,
|
|
260
260
|
PRESS_SCALE
|
|
261
261
|
}) {
|
|
@@ -268,13 +268,13 @@ const pressScaleFor = function pressScaleFor_chunkGZIOB63OCjs1Factory({
|
|
|
268
268
|
SCALE_REFERENCE_WIDTH,
|
|
269
269
|
PRESS_SCALE
|
|
270
270
|
};
|
|
271
|
-
pressScaleFor.__workletHash =
|
|
271
|
+
pressScaleFor.__workletHash = 876271243075;
|
|
272
272
|
pressScaleFor.__pluginVersion = "0.7.4";
|
|
273
|
-
pressScaleFor.__initData =
|
|
273
|
+
pressScaleFor.__initData = _worklet_876271243075_init_data;
|
|
274
274
|
pressScaleFor.__stackDetails = _e;
|
|
275
275
|
return pressScaleFor;
|
|
276
276
|
}({
|
|
277
|
-
|
|
277
|
+
_worklet_876271243075_init_data,
|
|
278
278
|
SCALE_REFERENCE_WIDTH,
|
|
279
279
|
PRESS_SCALE
|
|
280
280
|
});
|
|
@@ -287,26 +287,26 @@ var RIPPLE_CONFIRM_DURATION = 225;
|
|
|
287
287
|
var RIPPLE_FADE_IN = 75;
|
|
288
288
|
var RIPPLE_FADE_OUT_DELAY = 225;
|
|
289
289
|
var RIPPLE_FADE_OUT = 150;
|
|
290
|
-
const
|
|
291
|
-
code: "function
|
|
292
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
293
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
290
|
+
const _worklet_15154597410360_init_data = {
|
|
291
|
+
code: "function rippleRadiusFor_chunkIVVFYUDWCjs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
|
|
292
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs",
|
|
293
|
+
sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkIVVFYUDWCjs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AAsXA,SAAAA,iCAAwCA,CAAAC,KAAA,CAAAC,MAAA,EAEtC,MAAO,CAAAC,IAAI,CAACC,IAAI,CAACH,KAAK,CAAGA,KAAK,CAAGC,MAAM,CAAGA,MAAM,CAAC,CAAG,CAAC,CAAG,CAAC,CAC3D\",\"ignoreList\":[]}"
|
|
294
294
|
};
|
|
295
|
-
const rippleRadiusFor = function
|
|
296
|
-
|
|
295
|
+
const rippleRadiusFor = function rippleRadiusFor_chunkIVVFYUDWCjs2Factory({
|
|
296
|
+
_worklet_15154597410360_init_data
|
|
297
297
|
}) {
|
|
298
298
|
const _e = [new global.Error(), 1, -27];
|
|
299
299
|
const rippleRadiusFor = function (width, height) {
|
|
300
300
|
return Math.sqrt(width * width + height * height) / 2 + 5;
|
|
301
301
|
};
|
|
302
302
|
rippleRadiusFor.__closure = {};
|
|
303
|
-
rippleRadiusFor.__workletHash =
|
|
303
|
+
rippleRadiusFor.__workletHash = 15154597410360;
|
|
304
304
|
rippleRadiusFor.__pluginVersion = "0.7.4";
|
|
305
|
-
rippleRadiusFor.__initData =
|
|
305
|
+
rippleRadiusFor.__initData = _worklet_15154597410360_init_data;
|
|
306
306
|
rippleRadiusFor.__stackDetails = _e;
|
|
307
307
|
return rippleRadiusFor;
|
|
308
308
|
}({
|
|
309
|
-
|
|
309
|
+
_worklet_15154597410360_init_data
|
|
310
310
|
});
|
|
311
311
|
var ALL_OFF = {
|
|
312
312
|
scale: false,
|
|
@@ -406,8 +406,8 @@ var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
|
|
|
406
406
|
|
|
407
407
|
// src/system/pressable-feedback/pressable-feedback.surface.ts
|
|
408
408
|
function inkFor(background, colors) {
|
|
409
|
-
if (typeof background !== "string" || !
|
|
410
|
-
return
|
|
409
|
+
if (typeof background !== "string" || !_chunk6N5JXRUZcjs.isHex.call(void 0, background)) return colors.foreground;
|
|
410
|
+
return _chunk6N5JXRUZcjs.contrastOn.call(void 0, background, colors.snow, colors.eclipse);
|
|
411
411
|
}
|
|
412
412
|
var RADIUS_KEYS = ["borderRadius", "borderStartStartRadius", "borderStartEndRadius", "borderEndStartRadius", "borderEndEndRadius"];
|
|
413
413
|
function radiusFrom(style) {
|
|
@@ -472,10 +472,10 @@ var StaticFeedback = _react.forwardRef.call(void 0, function StaticFeedback2({
|
|
|
472
472
|
})
|
|
473
473
|
});
|
|
474
474
|
});
|
|
475
|
-
const
|
|
476
|
-
code: "function
|
|
477
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
478
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
475
|
+
const _worklet_7067782382362_init_data = {
|
|
476
|
+
code: "function chunkIVVFYUDWCjs3(){const{animation,pressedScale,progress}=this.__closure;if(!animation.scale)return{};return{transform:[{scale:1-(1-pressedScale.value)*progress.value}]};}",
|
|
477
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs",
|
|
478
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkIVVFYUDWCjs3\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AA0hB6E,SAAAA,iBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE/E,GAAI,CAACH,SAAS,CAACI,KAAK,CAAE,MAAO,CAAC,CAAC,CAC/B,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAED,KAAK,CAAE,CAAC,CAAG,CAAC,CAAC,CAAGH,YAAY,CAACK,KAAK,EAAIJ,QAAQ,CAACI,KAAM,CAAC,CAAE,CAAC,CAClF\",\"ignoreList\":[]}"
|
|
479
479
|
};
|
|
480
480
|
var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2({
|
|
481
481
|
isPressed = false,
|
|
@@ -504,14 +504,14 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
|
|
|
504
504
|
});
|
|
505
505
|
}, [isPressed, progress]);
|
|
506
506
|
const pressedScale = _reactnativereanimated.useDerivedValue.call(void 0, () => pressScaleFor(size.value.width));
|
|
507
|
-
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function
|
|
508
|
-
|
|
507
|
+
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIVVFYUDWCjs3Factory({
|
|
508
|
+
_worklet_7067782382362_init_data,
|
|
509
509
|
animation,
|
|
510
510
|
pressedScale,
|
|
511
511
|
progress
|
|
512
512
|
}) {
|
|
513
513
|
const _e = [new global.Error(), -4, -27];
|
|
514
|
-
const
|
|
514
|
+
const chunkIVVFYUDWCjs3 = function () {
|
|
515
515
|
if (!animation.scale) return {};
|
|
516
516
|
return {
|
|
517
517
|
transform: [{
|
|
@@ -519,18 +519,18 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
|
|
|
519
519
|
}]
|
|
520
520
|
};
|
|
521
521
|
};
|
|
522
|
-
|
|
522
|
+
chunkIVVFYUDWCjs3.__closure = {
|
|
523
523
|
animation,
|
|
524
524
|
pressedScale,
|
|
525
525
|
progress
|
|
526
526
|
};
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
return
|
|
527
|
+
chunkIVVFYUDWCjs3.__workletHash = 7067782382362;
|
|
528
|
+
chunkIVVFYUDWCjs3.__pluginVersion = "0.7.4";
|
|
529
|
+
chunkIVVFYUDWCjs3.__initData = _worklet_7067782382362_init_data;
|
|
530
|
+
chunkIVVFYUDWCjs3.__stackDetails = _e;
|
|
531
|
+
return chunkIVVFYUDWCjs3;
|
|
532
532
|
}({
|
|
533
|
-
|
|
533
|
+
_worklet_7067782382362_init_data,
|
|
534
534
|
animation,
|
|
535
535
|
pressedScale,
|
|
536
536
|
progress
|
|
@@ -626,7 +626,7 @@ function useWave() {
|
|
|
626
626
|
};
|
|
627
627
|
}
|
|
628
628
|
function useSurface(style) {
|
|
629
|
-
const theme =
|
|
629
|
+
const theme = _chunk6N5JXRUZcjs.useXAUITheme.call(void 0);
|
|
630
630
|
return _react.useMemo.call(void 0, () => {
|
|
631
631
|
const flat = _reactnative.StyleSheet.flatten(style);
|
|
632
632
|
return {
|
|
@@ -674,10 +674,10 @@ function PressableFeedbackHighlight({
|
|
|
674
674
|
}
|
|
675
675
|
PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
|
|
676
676
|
markOverlay(PressableFeedbackHighlight);
|
|
677
|
-
const
|
|
678
|
-
code: "function
|
|
679
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
680
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
677
|
+
const _worklet_10691781134764_init_data = {
|
|
678
|
+
code: "function chunkIVVFYUDWCjs4(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
|
|
679
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs",
|
|
680
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkIVVFYUDWCjs4\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AAyqB6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
|
|
681
681
|
};
|
|
682
682
|
function AnimatedHighlight({
|
|
683
683
|
base,
|
|
@@ -693,28 +693,28 @@ function AnimatedHighlight({
|
|
|
693
693
|
duration
|
|
694
694
|
});
|
|
695
695
|
}, [isPressed, shown, duration]);
|
|
696
|
-
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function
|
|
697
|
-
|
|
696
|
+
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIVVFYUDWCjs4Factory({
|
|
697
|
+
_worklet_10691781134764_init_data,
|
|
698
698
|
shown,
|
|
699
699
|
opacity
|
|
700
700
|
}) {
|
|
701
701
|
const _e = [new global.Error(), -3, -27];
|
|
702
|
-
const
|
|
702
|
+
const chunkIVVFYUDWCjs4 = function () {
|
|
703
703
|
return {
|
|
704
704
|
opacity: shown.value * opacity
|
|
705
705
|
};
|
|
706
706
|
};
|
|
707
|
-
|
|
707
|
+
chunkIVVFYUDWCjs4.__closure = {
|
|
708
708
|
shown,
|
|
709
709
|
opacity
|
|
710
710
|
};
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
return
|
|
711
|
+
chunkIVVFYUDWCjs4.__workletHash = 10691781134764;
|
|
712
|
+
chunkIVVFYUDWCjs4.__pluginVersion = "0.7.4";
|
|
713
|
+
chunkIVVFYUDWCjs4.__initData = _worklet_10691781134764_init_data;
|
|
714
|
+
chunkIVVFYUDWCjs4.__stackDetails = _e;
|
|
715
|
+
return chunkIVVFYUDWCjs4;
|
|
716
716
|
}({
|
|
717
|
-
|
|
717
|
+
_worklet_10691781134764_init_data,
|
|
718
718
|
shown,
|
|
719
719
|
opacity
|
|
720
720
|
}), [shown, opacity]);
|
|
@@ -775,10 +775,10 @@ function PressableFeedbackRipple({
|
|
|
775
775
|
}
|
|
776
776
|
PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
|
|
777
777
|
markOverlay(PressableFeedbackRipple);
|
|
778
|
-
const
|
|
779
|
-
code: "function
|
|
780
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
781
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
778
|
+
const _worklet_10425801678593_init_data = {
|
|
779
|
+
code: "function chunkIVVFYUDWCjs5(){const{wave,RIPPLE_START_SCALE,center,opacity,radius}=this.__closure;const t=wave.expand.value;const from=wave.origin.value;const scale=RIPPLE_START_SCALE+(1-RIPPLE_START_SCALE)*t;const x=from.x+(center.x-from.x)*t;const y=from.y+(center.y-from.y)*t;return{opacity:wave.alpha.value*opacity,transform:[{translateX:x-radius},{translateY:y-radius},{scale:scale}]};}",
|
|
780
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs",
|
|
781
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkIVVFYUDWCjs5\",\"wave\",\"RIPPLE_START_SCALE\",\"center\",\"opacity\",\"radius\",\"__closure\",\"t\",\"expand\",\"value\",\"from\",\"origin\",\"scale\",\"x\",\"y\",\"alpha\",\"transform\",\"translateX\",\"translateY\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AAsuB6E,SAAAA,iBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE/E,KAAM,CAAAC,CAAC,CAAGN,IAAI,CAACO,MAAM,CAACC,KAAK,CAC3B,KAAM,CAAAC,IAAI,CAAGT,IAAI,CAACU,MAAM,CAACF,KAAK,CAC9B,KAAM,CAAAG,KAAK,CAAGV,kBAAkB,CAAG,CAAC,CAAC,CAAGA,kBAAkB,EAAIK,CAAC,CAC/D,KAAM,CAAAM,CAAC,CAAGH,IAAI,CAACG,CAAC,CAAG,CAACV,MAAM,CAACU,CAAC,CAAGH,IAAI,CAACG,CAAC,EAAIN,CAAC,CAC1C,KAAM,CAAAO,CAAC,CAAGJ,IAAI,CAACI,CAAC,CAAG,CAACX,MAAM,CAACW,CAAC,CAAGJ,IAAI,CAACI,CAAC,EAAIP,CAAC,CAC1C,MAAO,CAELH,OAAO,CAAEH,IAAI,CAACc,KAAK,CAACN,KAAK,CAAGL,OAAO,CACnCY,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEJ,CAAC,CAAGR,MAAO,CAAC,CAAE,CAAEa,UAAU,CAAEJ,CAAC,CAAGT,MAAO,CAAC,CAAE,CAAEO,KAAA,CAAAA,KAAM,CAAC,CAC/E,CAAC,CACH\",\"ignoreList\":[]}"
|
|
782
782
|
};
|
|
783
783
|
function RippleWave({
|
|
784
784
|
wave,
|
|
@@ -788,8 +788,8 @@ function RippleWave({
|
|
|
788
788
|
opacity,
|
|
789
789
|
style
|
|
790
790
|
}) {
|
|
791
|
-
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function
|
|
792
|
-
|
|
791
|
+
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIVVFYUDWCjs5Factory({
|
|
792
|
+
_worklet_10425801678593_init_data,
|
|
793
793
|
wave,
|
|
794
794
|
RIPPLE_START_SCALE,
|
|
795
795
|
center,
|
|
@@ -797,7 +797,7 @@ function RippleWave({
|
|
|
797
797
|
radius
|
|
798
798
|
}) {
|
|
799
799
|
const _e = [new global.Error(), -6, -27];
|
|
800
|
-
const
|
|
800
|
+
const chunkIVVFYUDWCjs5 = function () {
|
|
801
801
|
const t = wave.expand.value;
|
|
802
802
|
const from = wave.origin.value;
|
|
803
803
|
const scale = RIPPLE_START_SCALE + (1 - RIPPLE_START_SCALE) * t;
|
|
@@ -815,20 +815,20 @@ function RippleWave({
|
|
|
815
815
|
}]
|
|
816
816
|
};
|
|
817
817
|
};
|
|
818
|
-
|
|
818
|
+
chunkIVVFYUDWCjs5.__closure = {
|
|
819
819
|
wave,
|
|
820
820
|
RIPPLE_START_SCALE,
|
|
821
821
|
center,
|
|
822
822
|
opacity,
|
|
823
823
|
radius
|
|
824
824
|
};
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
return
|
|
825
|
+
chunkIVVFYUDWCjs5.__workletHash = 10425801678593;
|
|
826
|
+
chunkIVVFYUDWCjs5.__pluginVersion = "0.7.4";
|
|
827
|
+
chunkIVVFYUDWCjs5.__initData = _worklet_10425801678593_init_data;
|
|
828
|
+
chunkIVVFYUDWCjs5.__stackDetails = _e;
|
|
829
|
+
return chunkIVVFYUDWCjs5;
|
|
830
830
|
}({
|
|
831
|
-
|
|
831
|
+
_worklet_10425801678593_init_data,
|
|
832
832
|
wave,
|
|
833
833
|
RIPPLE_START_SCALE,
|
|
834
834
|
center,
|
|
@@ -874,7 +874,7 @@ function tintSliceFor(token) {
|
|
|
874
874
|
return "base";
|
|
875
875
|
}
|
|
876
876
|
function resolveTint(tokens, color, theme) {
|
|
877
|
-
const tint =
|
|
877
|
+
const tint = _chunk6N5JXRUZcjs.deriveTint.call(void 0, color, theme);
|
|
878
878
|
const colors = {};
|
|
879
879
|
for (const [role, token] of Object.entries(_nullishCoalesce(tokens, () => ({})))) {
|
|
880
880
|
colors[role] = tint[tintSliceFor(token)];
|
|
@@ -36,11 +36,11 @@ function _optionalChain(ops) {
|
|
|
36
36
|
}
|
|
37
37
|
return value;
|
|
38
38
|
}
|
|
39
|
-
var
|
|
40
|
-
var
|
|
39
|
+
var _chunkIVVFYUDWcjs = require('./chunk-IVVFYUDW.cjs');
|
|
40
|
+
var _chunk6N5JXRUZcjs = require('./chunk-6N5JXRUZ.cjs');
|
|
41
41
|
|
|
42
42
|
// src/components/button/button.context.ts
|
|
43
|
-
var [ButtonProvider, useButton] =
|
|
43
|
+
var [ButtonProvider, useButton] = _chunkIVVFYUDWcjs.createSlotContext.call(void 0, "Button");
|
|
44
44
|
|
|
45
45
|
// src/components/button/button-icon.tsx
|
|
46
46
|
var _jsxruntime = require('react/jsx-runtime');
|
|
@@ -52,7 +52,7 @@ function ButtonIcon({
|
|
|
52
52
|
const {
|
|
53
53
|
icon
|
|
54
54
|
} = useButton();
|
|
55
|
-
return /* @__PURE__ */_jsxruntime.jsx.call(void 0,
|
|
55
|
+
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkIVVFYUDWcjs.Icon, {
|
|
56
56
|
size: _nullishCoalesce(size, () => icon.size),
|
|
57
57
|
color: _nullishCoalesce(color, () => icon.color),
|
|
58
58
|
...rest
|
|
@@ -72,7 +72,7 @@ var ButtonLabel = _react.forwardRef.call(void 0, function ButtonLabel2({
|
|
|
72
72
|
const {
|
|
73
73
|
labelStyle
|
|
74
74
|
} = useButton();
|
|
75
|
-
const [styleProps, rest] =
|
|
75
|
+
const [styleProps, rest] = _chunkIVVFYUDWcjs.useStyleProps.call(void 0, props);
|
|
76
76
|
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
|
|
77
77
|
ref,
|
|
78
78
|
numberOfLines,
|
|
@@ -96,7 +96,7 @@ function ButtonSpinner({
|
|
|
96
96
|
const {
|
|
97
97
|
spinnerStyle
|
|
98
98
|
} = useButton();
|
|
99
|
-
const [styleProps] =
|
|
99
|
+
const [styleProps] = _chunkIVVFYUDWcjs.useStyleProps.call(void 0, props);
|
|
100
100
|
const ringStyle = [spinnerStyle, styleProps, style];
|
|
101
101
|
if (!animation) return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
|
|
102
102
|
style: ringStyle
|
|
@@ -106,10 +106,10 @@ function ButtonSpinner({
|
|
|
106
106
|
});
|
|
107
107
|
}
|
|
108
108
|
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\":[\"
|
|
109
|
+
const _worklet_13959851668106_init_data = {
|
|
110
|
+
code: "function chunkMLJ543GPCjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
|
|
111
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MLJ543GP.cjs",
|
|
112
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkMLJ543GPCjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MLJ543GP.cjs\"],\"mappings\":\"AA0E6E,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
113
|
};
|
|
114
114
|
function SpinningRing({
|
|
115
115
|
style
|
|
@@ -122,28 +122,28 @@ function SpinningRing({
|
|
|
122
122
|
}), -1, false);
|
|
123
123
|
return () => _reactnativereanimated.cancelAnimation.call(void 0, angle);
|
|
124
124
|
}, [angle]);
|
|
125
|
-
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function
|
|
126
|
-
|
|
125
|
+
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkMLJ543GPCjs1Factory({
|
|
126
|
+
_worklet_13959851668106_init_data,
|
|
127
127
|
angle
|
|
128
128
|
}) {
|
|
129
129
|
const _e = [new global.Error(), -2, -27];
|
|
130
|
-
const
|
|
130
|
+
const chunkMLJ543GPCjs1 = function () {
|
|
131
131
|
return {
|
|
132
132
|
transform: [{
|
|
133
133
|
rotate: `${angle.value}deg`
|
|
134
134
|
}]
|
|
135
135
|
};
|
|
136
136
|
};
|
|
137
|
-
|
|
137
|
+
chunkMLJ543GPCjs1.__closure = {
|
|
138
138
|
angle
|
|
139
139
|
};
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
return
|
|
140
|
+
chunkMLJ543GPCjs1.__workletHash = 13959851668106;
|
|
141
|
+
chunkMLJ543GPCjs1.__pluginVersion = "0.7.4";
|
|
142
|
+
chunkMLJ543GPCjs1.__initData = _worklet_13959851668106_init_data;
|
|
143
|
+
chunkMLJ543GPCjs1.__stackDetails = _e;
|
|
144
|
+
return chunkMLJ543GPCjs1;
|
|
145
145
|
}({
|
|
146
|
-
|
|
146
|
+
_worklet_13959851668106_init_data,
|
|
147
147
|
angle
|
|
148
148
|
}), [angle]);
|
|
149
149
|
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
|
|
@@ -188,7 +188,14 @@ var VARIANT_TOKENS = {
|
|
|
188
188
|
bgPressed: "accentPressed",
|
|
189
189
|
fg: "accentForeground"
|
|
190
190
|
},
|
|
191
|
+
// The accent's soft slice, not a second neutral: `secondary` is to `primary` what
|
|
192
|
+
// `danger-soft` is to `danger`, and it reads as the same family at lower emphasis.
|
|
191
193
|
secondary: {
|
|
194
|
+
bg: "accentSoft",
|
|
195
|
+
bgPressed: "accentSoftPressed",
|
|
196
|
+
fg: "accentSoftForeground"
|
|
197
|
+
},
|
|
198
|
+
default: {
|
|
192
199
|
bg: "default",
|
|
193
200
|
bgPressed: "defaultPressed",
|
|
194
201
|
fg: "defaultForeground"
|
|
@@ -202,26 +209,6 @@ var VARIANT_TOKENS = {
|
|
|
202
209
|
bgPressed: "defaultSoftPressed",
|
|
203
210
|
fg: "foreground"
|
|
204
211
|
},
|
|
205
|
-
success: {
|
|
206
|
-
bg: "success",
|
|
207
|
-
bgPressed: "successPressed",
|
|
208
|
-
fg: "successForeground"
|
|
209
|
-
},
|
|
210
|
-
"success-soft": {
|
|
211
|
-
bg: "successSoft",
|
|
212
|
-
bgPressed: "successSoftPressed",
|
|
213
|
-
fg: "successSoftForeground"
|
|
214
|
-
},
|
|
215
|
-
warning: {
|
|
216
|
-
bg: "warning",
|
|
217
|
-
bgPressed: "warningPressed",
|
|
218
|
-
fg: "warningForeground"
|
|
219
|
-
},
|
|
220
|
-
"warning-soft": {
|
|
221
|
-
bg: "warningSoft",
|
|
222
|
-
bgPressed: "warningSoftPressed",
|
|
223
|
-
fg: "warningSoftForeground"
|
|
224
|
-
},
|
|
225
212
|
danger: {
|
|
226
213
|
bg: "danger",
|
|
227
214
|
bgPressed: "dangerPressed",
|
|
@@ -267,7 +254,7 @@ function sizeAxis(step) {
|
|
|
267
254
|
spinner: ring(theme, theme.fontSizes[glyph])
|
|
268
255
|
});
|
|
269
256
|
}
|
|
270
|
-
var buttonRecipe =
|
|
257
|
+
var buttonRecipe = _chunkIVVFYUDWcjs.createRecipe.call(void 0, {
|
|
271
258
|
slots: SLOTS,
|
|
272
259
|
base: theme => ({
|
|
273
260
|
root: {
|
|
@@ -455,8 +442,8 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
|
|
|
455
442
|
onPressOut,
|
|
456
443
|
...props
|
|
457
444
|
}, ref) {
|
|
458
|
-
const theme =
|
|
459
|
-
const [styleProps, rest] =
|
|
445
|
+
const theme = _chunk6N5JXRUZcjs.useXAUITheme.call(void 0);
|
|
446
|
+
const [styleProps, rest] = _chunkIVVFYUDWcjs.useStyleProps.call(void 0, props);
|
|
460
447
|
const [isPressed, press] = usePressState({
|
|
461
448
|
onPressIn,
|
|
462
449
|
onPressOut
|
|
@@ -500,14 +487,14 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
|
|
|
500
487
|
const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _8 => _8.root]), styleProps, typeof style === "function" ? style({
|
|
501
488
|
pressed: isPressed
|
|
502
489
|
}) : style];
|
|
503
|
-
const text =
|
|
490
|
+
const text = _chunkIVVFYUDWcjs.childrenToString.call(void 0, children);
|
|
504
491
|
const showSpinner = isLoading && !containsElementOfType(children, ButtonSpinner);
|
|
505
492
|
if (isIconOnly && !rest.accessibilityLabel && !rest["aria-label"]) {
|
|
506
493
|
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.");
|
|
507
494
|
}
|
|
508
495
|
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, ButtonProvider, {
|
|
509
496
|
value: context,
|
|
510
|
-
children: /* @__PURE__ */_jsxruntime.jsx.call(void 0,
|
|
497
|
+
children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkIVVFYUDWcjs.PressableFeedback, {
|
|
511
498
|
ref,
|
|
512
499
|
isPressed,
|
|
513
500
|
isDisabled: isDisabled || isLoading,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Icon, PressableFeedback, childrenToString, createRecipe, createSlotContext, useStyleProps } from "./chunk-
|
|
2
|
-
import { useXAUITheme } from "./chunk-
|
|
1
|
+
import { Icon, PressableFeedback, childrenToString, createRecipe, createSlotContext, useStyleProps } from "./chunk-B3EAZ2CC.js";
|
|
2
|
+
import { useXAUITheme } from "./chunk-XJARE6SC.js";
|
|
3
3
|
|
|
4
4
|
// src/components/button/button.context.ts
|
|
5
5
|
var [ButtonProvider, useButton] = createSlotContext("Button");
|
|
@@ -70,10 +70,10 @@ function ButtonSpinner({
|
|
|
70
70
|
});
|
|
71
71
|
}
|
|
72
72
|
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\":[\"
|
|
73
|
+
const _worklet_6402982653390_init_data = {
|
|
74
|
+
code: "function chunkRWLODK55Js1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
|
|
75
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-RWLODK55.js",
|
|
76
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkRWLODK55Js1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-RWLODK55.js\"],\"mappings\":\"AA0EyC,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
77
|
};
|
|
78
78
|
function SpinningRing({
|
|
79
79
|
style
|
|
@@ -86,28 +86,28 @@ function SpinningRing({
|
|
|
86
86
|
}), -1, false);
|
|
87
87
|
return () => cancelAnimation(angle);
|
|
88
88
|
}, [angle]);
|
|
89
|
-
const animatedStyle = useAnimatedStyle(function
|
|
90
|
-
|
|
89
|
+
const animatedStyle = useAnimatedStyle(function chunkRWLODK55Js1Factory({
|
|
90
|
+
_worklet_6402982653390_init_data,
|
|
91
91
|
angle
|
|
92
92
|
}) {
|
|
93
93
|
const _e = [new global.Error(), -2, -27];
|
|
94
|
-
const
|
|
94
|
+
const chunkRWLODK55Js1 = function () {
|
|
95
95
|
return {
|
|
96
96
|
transform: [{
|
|
97
97
|
rotate: `${angle.value}deg`
|
|
98
98
|
}]
|
|
99
99
|
};
|
|
100
100
|
};
|
|
101
|
-
|
|
101
|
+
chunkRWLODK55Js1.__closure = {
|
|
102
102
|
angle
|
|
103
103
|
};
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
return
|
|
104
|
+
chunkRWLODK55Js1.__workletHash = 6402982653390;
|
|
105
|
+
chunkRWLODK55Js1.__pluginVersion = "0.7.4";
|
|
106
|
+
chunkRWLODK55Js1.__initData = _worklet_6402982653390_init_data;
|
|
107
|
+
chunkRWLODK55Js1.__stackDetails = _e;
|
|
108
|
+
return chunkRWLODK55Js1;
|
|
109
109
|
}({
|
|
110
|
-
|
|
110
|
+
_worklet_6402982653390_init_data,
|
|
111
111
|
angle
|
|
112
112
|
}), [angle]);
|
|
113
113
|
return /* @__PURE__ */jsx3(Animated.View, {
|
|
@@ -154,7 +154,14 @@ var VARIANT_TOKENS = {
|
|
|
154
154
|
bgPressed: "accentPressed",
|
|
155
155
|
fg: "accentForeground"
|
|
156
156
|
},
|
|
157
|
+
// The accent's soft slice, not a second neutral: `secondary` is to `primary` what
|
|
158
|
+
// `danger-soft` is to `danger`, and it reads as the same family at lower emphasis.
|
|
157
159
|
secondary: {
|
|
160
|
+
bg: "accentSoft",
|
|
161
|
+
bgPressed: "accentSoftPressed",
|
|
162
|
+
fg: "accentSoftForeground"
|
|
163
|
+
},
|
|
164
|
+
default: {
|
|
158
165
|
bg: "default",
|
|
159
166
|
bgPressed: "defaultPressed",
|
|
160
167
|
fg: "defaultForeground"
|
|
@@ -168,26 +175,6 @@ var VARIANT_TOKENS = {
|
|
|
168
175
|
bgPressed: "defaultSoftPressed",
|
|
169
176
|
fg: "foreground"
|
|
170
177
|
},
|
|
171
|
-
success: {
|
|
172
|
-
bg: "success",
|
|
173
|
-
bgPressed: "successPressed",
|
|
174
|
-
fg: "successForeground"
|
|
175
|
-
},
|
|
176
|
-
"success-soft": {
|
|
177
|
-
bg: "successSoft",
|
|
178
|
-
bgPressed: "successSoftPressed",
|
|
179
|
-
fg: "successSoftForeground"
|
|
180
|
-
},
|
|
181
|
-
warning: {
|
|
182
|
-
bg: "warning",
|
|
183
|
-
bgPressed: "warningPressed",
|
|
184
|
-
fg: "warningForeground"
|
|
185
|
-
},
|
|
186
|
-
"warning-soft": {
|
|
187
|
-
bg: "warningSoft",
|
|
188
|
-
bgPressed: "warningSoftPressed",
|
|
189
|
-
fg: "warningSoftForeground"
|
|
190
|
-
},
|
|
191
178
|
danger: {
|
|
192
179
|
bg: "danger",
|
|
193
180
|
bgPressed: "dangerPressed",
|
|
@@ -107,7 +107,10 @@ function deriveTint(tint, theme) {
|
|
|
107
107
|
foreground,
|
|
108
108
|
soft: alpha(tint, 0.15),
|
|
109
109
|
softForeground: mix(tint, theme.colors.foreground, 0.2),
|
|
110
|
-
|
|
110
|
+
// Towards the mode's ink, not the tint's own foreground — the same single direction
|
|
111
|
+
// the token layer takes (P2-API-REVIEW §E). A raw tint has to behave like `accent`
|
|
112
|
+
// under the finger as much as it does at rest.
|
|
113
|
+
pressed: mix(tint, theme.colors.foreground, 0.1),
|
|
111
114
|
softPressed: alpha(tint, 0.2)
|
|
112
115
|
};
|
|
113
116
|
cache.set(key, derived);
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../../chunk-
|
|
7
|
-
require('../../chunk-
|
|
5
|
+
var _chunkMLJ543GPcjs = require('../../chunk-MLJ543GP.cjs');
|
|
6
|
+
require('../../chunk-IVVFYUDW.cjs');
|
|
7
|
+
require('../../chunk-6N5JXRUZ.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
exports.Button =
|
|
12
|
+
exports.Button = _chunkMLJ543GPcjs.Button; exports.buttonRecipe = _chunkMLJ543GPcjs.buttonRecipe; exports.useButton = _chunkMLJ543GPcjs.useButton;
|
|
@@ -8,12 +8,22 @@ import 'react-native-reanimated';
|
|
|
8
8
|
|
|
9
9
|
type ButtonSlot = 'root' | 'label' | 'icon' | 'spinner';
|
|
10
10
|
/**
|
|
11
|
-
* The
|
|
12
|
-
* is why there is no `themeColor` beside it
|
|
13
|
-
*
|
|
14
|
-
*
|
|
11
|
+
* The seven sanctioned appearances (R7). Emphasis and intention are one flat union, which
|
|
12
|
+
* is why there is no `themeColor` beside it.
|
|
13
|
+
*
|
|
14
|
+
* The emphasis ladder descends by how much of the accent is left: `primary` is the full
|
|
15
|
+
* accent, `secondary` its soft slice, `default` drops the accent for the neutral fill,
|
|
16
|
+
* `tertiary` drops the fill for a border, and `ghost` drops that too. `secondary` is to
|
|
17
|
+
* `primary` exactly what `danger-soft` is to `danger` — the same soft slice of the same
|
|
18
|
+
* family, which is why it needs no rule of its own in the recipe.
|
|
19
|
+
*
|
|
20
|
+
* **`success` and `warning` are deliberately not here.** A button is something you press,
|
|
21
|
+
* and neither of those is an action: a success is an outcome and a warning is a state,
|
|
22
|
+
* both of which a `Chip`, an `Alert` or a `Badge` reports. The theme keeps their tokens —
|
|
23
|
+
* a component that *does* report status reads them — and a button that genuinely needs a
|
|
24
|
+
* green fill passes the raw tint instead: `<Button color={theme.colors.success}>`.
|
|
15
25
|
*/
|
|
16
|
-
type ButtonVariant = 'primary' | 'secondary' | '
|
|
26
|
+
type ButtonVariant = 'primary' | 'secondary' | 'default' | 'tertiary' | 'ghost' | 'danger' | 'danger-soft';
|
|
17
27
|
type ButtonSize = Size;
|
|
18
28
|
/**
|
|
19
29
|
* What the `Button` itself understands. R14 — a name in here is the component's, so the
|