@xaui/native 0.9.1-alpha.18 → 0.9.1-alpha.19
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-M2VYRHVS.cjs → chunk-2WMVDMFV.cjs} +2 -2
- package/dist/{chunk-MBLPPOSO.js → chunk-4EPS7UBO.js} +18 -17
- package/dist/{chunk-6N5JXRUZ.cjs → chunk-57SJ4LJF.cjs} +2 -20
- package/dist/{chunk-ODH5WAVM.cjs → chunk-6ARON3XT.cjs} +27 -26
- package/dist/{chunk-XJARE6SC.js → chunk-A3EGFI6T.js} +0 -18
- package/dist/{chunk-P5MKOLIW.cjs → chunk-A4VD4MHK.cjs} +73 -73
- package/dist/chunk-BFB6K4M7.cjs +31 -0
- package/dist/{chunk-BHAHJHAI.cjs → chunk-BHTFIZTQ.cjs} +34 -32
- package/dist/{chunk-5SU7FXWH.cjs → chunk-EVXZGNPA.cjs} +3 -148
- package/dist/{chunk-4K3LZS7M.js → chunk-EXX6ATAS.js} +2 -147
- package/dist/chunk-GGW42MY4.js +20 -0
- package/dist/chunk-MAYVGK6W.js +31 -0
- package/dist/chunk-MC7SY2QH.cjs +20 -0
- package/dist/{chunk-XQE5PXOD.js → chunk-MWXE7D4L.js} +4 -2
- package/dist/chunk-N7C4UNUL.js +150 -0
- package/dist/{chunk-6PZF4PI7.js → chunk-RMLFMRWL.js} +5 -3
- package/dist/{chunk-6VTBGBPP.cjs → chunk-UBA6AEY6.cjs} +10 -8
- package/dist/chunk-UVO4GFSW.cjs +150 -0
- package/dist/{chunk-VQPP6FCB.js → chunk-WXAME7KB.js} +76 -76
- package/dist/{chunk-L3AQNVRN.js → chunk-XHZBXYVU.js} +1 -1
- package/dist/components/button/index.cjs +7 -5
- package/dist/components/button/index.d.cts +3 -2
- package/dist/components/button/index.d.ts +3 -2
- package/dist/components/button/index.js +6 -4
- package/dist/components/typography/index.cjs +6 -4
- package/dist/components/typography/index.d.cts +2 -1
- package/dist/components/typography/index.d.ts +2 -1
- package/dist/components/typography/index.js +5 -3
- package/dist/components/view/index.cjs +10 -0
- package/dist/components/view/index.d.cts +77 -0
- package/dist/components/view/index.d.ts +77 -0
- package/dist/components/view/index.js +10 -0
- package/dist/{create-recipe-3_ElpCYt.d.cts → create-recipe-C0XXjuow.d.cts} +2 -30
- package/dist/{create-recipe-DImq1AZA.d.ts → create-recipe-CPXFo2rk.d.ts} +2 -30
- package/dist/index.cjs +19 -10
- package/dist/index.d.cts +4 -2
- package/dist/index.d.ts +4 -2
- package/dist/index.js +17 -8
- package/dist/{pressable-feedback.type-UwqIG6ES.d.ts → pressable-feedback.type-1K8YEOb8.d.cts} +1 -1
- package/dist/{pressable-feedback.type-lgW5wQx5.d.cts → pressable-feedback.type-BwkKLQlX.d.ts} +1 -1
- package/dist/style-props.type-B1BG5TCm.d.cts +31 -0
- package/dist/style-props.type-B1BG5TCm.d.ts +31 -0
- package/dist/system/index.cjs +8 -5
- package/dist/system/index.d.cts +5 -4
- package/dist/system/index.d.ts +5 -4
- package/dist/system/index.js +8 -5
- package/dist/theme/index.cjs +4 -3
- package/dist/theme/index.js +3 -2
- package/package.json +11 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Slot, createSlotContext, useStyleProps } from "./chunk-
|
|
2
|
-
import { contrastOn, isHex, useXAUITheme } from "./chunk-
|
|
1
|
+
import { Slot, createSlotContext, useStyleProps } from "./chunk-EXX6ATAS.js";
|
|
2
|
+
import { contrastOn, isHex, useXAUITheme } from "./chunk-A3EGFI6T.js";
|
|
3
3
|
|
|
4
4
|
// src/system/icon/icon-context.ts
|
|
5
5
|
import { createContext, useContext } from "react";
|
|
@@ -70,13 +70,13 @@ var DisableAllContext = createContext2(false);
|
|
|
70
70
|
var PRESS_SCALE = 0.985;
|
|
71
71
|
var PRESS_DURATION = 300;
|
|
72
72
|
var SCALE_REFERENCE_WIDTH = 300;
|
|
73
|
-
const
|
|
74
|
-
code: "function
|
|
75
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
76
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
73
|
+
const _worklet_1477207651784_init_data = {
|
|
74
|
+
code: "function pressScaleFor_chunkWXAME7KBJs1(width){const{SCALE_REFERENCE_WIDTH,PRESS_SCALE}=this.__closure;const coefficient=width>0?SCALE_REFERENCE_WIDTH/width:1;return 1-(1-PRESS_SCALE)*coefficient;}",
|
|
75
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
|
|
76
|
+
sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkWXAME7KBJs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AA4EA,SAAAA,8BAA8BA,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\":[]}"
|
|
77
77
|
};
|
|
78
|
-
const pressScaleFor = function
|
|
79
|
-
|
|
78
|
+
const pressScaleFor = function pressScaleFor_chunkWXAME7KBJs1Factory({
|
|
79
|
+
_worklet_1477207651784_init_data,
|
|
80
80
|
SCALE_REFERENCE_WIDTH,
|
|
81
81
|
PRESS_SCALE
|
|
82
82
|
}) {
|
|
@@ -89,13 +89,13 @@ const pressScaleFor = function pressScaleFor_chunkVQPP6FCBJs1Factory({
|
|
|
89
89
|
SCALE_REFERENCE_WIDTH,
|
|
90
90
|
PRESS_SCALE
|
|
91
91
|
};
|
|
92
|
-
pressScaleFor.__workletHash =
|
|
92
|
+
pressScaleFor.__workletHash = 1477207651784;
|
|
93
93
|
pressScaleFor.__pluginVersion = "0.7.4";
|
|
94
|
-
pressScaleFor.__initData =
|
|
94
|
+
pressScaleFor.__initData = _worklet_1477207651784_init_data;
|
|
95
95
|
pressScaleFor.__stackDetails = _e;
|
|
96
96
|
return pressScaleFor;
|
|
97
97
|
}({
|
|
98
|
-
|
|
98
|
+
_worklet_1477207651784_init_data,
|
|
99
99
|
SCALE_REFERENCE_WIDTH,
|
|
100
100
|
PRESS_SCALE
|
|
101
101
|
});
|
|
@@ -108,26 +108,26 @@ var RIPPLE_CONFIRM_DURATION = 225;
|
|
|
108
108
|
var RIPPLE_FADE_IN = 75;
|
|
109
109
|
var RIPPLE_FADE_OUT_DELAY = 225;
|
|
110
110
|
var RIPPLE_FADE_OUT = 150;
|
|
111
|
-
const
|
|
112
|
-
code: "function
|
|
113
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
114
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
111
|
+
const _worklet_6998368132659_init_data = {
|
|
112
|
+
code: "function rippleRadiusFor_chunkWXAME7KBJs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
|
|
113
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
|
|
114
|
+
sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkWXAME7KBJs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AA0FA,SAAAA,gCAAwCA,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\":[]}"
|
|
115
115
|
};
|
|
116
|
-
const rippleRadiusFor = function
|
|
117
|
-
|
|
116
|
+
const rippleRadiusFor = function rippleRadiusFor_chunkWXAME7KBJs2Factory({
|
|
117
|
+
_worklet_6998368132659_init_data
|
|
118
118
|
}) {
|
|
119
119
|
const _e = [new global.Error(), 1, -27];
|
|
120
120
|
const rippleRadiusFor = function (width, height) {
|
|
121
121
|
return Math.sqrt(width * width + height * height) / 2 + 5;
|
|
122
122
|
};
|
|
123
123
|
rippleRadiusFor.__closure = {};
|
|
124
|
-
rippleRadiusFor.__workletHash =
|
|
124
|
+
rippleRadiusFor.__workletHash = 6998368132659;
|
|
125
125
|
rippleRadiusFor.__pluginVersion = "0.7.4";
|
|
126
|
-
rippleRadiusFor.__initData =
|
|
126
|
+
rippleRadiusFor.__initData = _worklet_6998368132659_init_data;
|
|
127
127
|
rippleRadiusFor.__stackDetails = _e;
|
|
128
128
|
return rippleRadiusFor;
|
|
129
129
|
}({
|
|
130
|
-
|
|
130
|
+
_worklet_6998368132659_init_data
|
|
131
131
|
});
|
|
132
132
|
var ALL_OFF = {
|
|
133
133
|
scale: false,
|
|
@@ -301,15 +301,15 @@ var StaticFeedback = forwardRef(function StaticFeedback2({
|
|
|
301
301
|
})
|
|
302
302
|
});
|
|
303
303
|
});
|
|
304
|
-
const
|
|
305
|
-
code: "function
|
|
306
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
307
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
304
|
+
const _worklet_3682262406534_init_data = {
|
|
305
|
+
code: "function chunkWXAME7KBJs3(){const{pressScaleFor,size}=this.__closure;return pressScaleFor(size.value.width);}",
|
|
306
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
|
|
307
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs3\",\"pressScaleFor\",\"size\",\"__closure\",\"value\",\"width\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AAwQuC,SAAAA,iBAAA,QAAAC,aAAA,CAAAC,IAAA,OAAAC,SAAA,OAAM,CAAAF,aAAc,CAAAC,IAAK,CAAAE,KAAM,CAAAC,KAAK\",\"ignoreList\":[]}"
|
|
308
308
|
};
|
|
309
|
-
const
|
|
310
|
-
code: "function
|
|
311
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
312
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
309
|
+
const _worklet_10640067524054_init_data = {
|
|
310
|
+
code: "function chunkWXAME7KBJs4(){const{animation,pressedScale,progress}=this.__closure;if(!animation.scale)return{};return{transform:[{scale:1-(1-pressedScale.value)*progress.value}]};}",
|
|
311
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
|
|
312
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs4\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AAyQyC,SAAAA,gBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE3C,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\":[]}"
|
|
313
313
|
};
|
|
314
314
|
var AnimatedFeedback = forwardRef(function AnimatedFeedback2({
|
|
315
315
|
isPressed = false,
|
|
@@ -337,35 +337,35 @@ var AnimatedFeedback = forwardRef(function AnimatedFeedback2({
|
|
|
337
337
|
easing: Easing.out(Easing.ease)
|
|
338
338
|
});
|
|
339
339
|
}, [isPressed, progress]);
|
|
340
|
-
const pressedScale = useDerivedValue(function
|
|
341
|
-
|
|
340
|
+
const pressedScale = useDerivedValue(function chunkWXAME7KBJs3Factory({
|
|
341
|
+
_worklet_3682262406534_init_data,
|
|
342
342
|
pressScaleFor,
|
|
343
343
|
size
|
|
344
344
|
}) {
|
|
345
345
|
const _e = [new global.Error(), -3, -27];
|
|
346
|
-
const
|
|
347
|
-
|
|
346
|
+
const chunkWXAME7KBJs3 = () => pressScaleFor(size.value.width);
|
|
347
|
+
chunkWXAME7KBJs3.__closure = {
|
|
348
348
|
pressScaleFor,
|
|
349
349
|
size
|
|
350
350
|
};
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
return
|
|
351
|
+
chunkWXAME7KBJs3.__workletHash = 3682262406534;
|
|
352
|
+
chunkWXAME7KBJs3.__pluginVersion = "0.7.4";
|
|
353
|
+
chunkWXAME7KBJs3.__initData = _worklet_3682262406534_init_data;
|
|
354
|
+
chunkWXAME7KBJs3.__stackDetails = _e;
|
|
355
|
+
return chunkWXAME7KBJs3;
|
|
356
356
|
}({
|
|
357
|
-
|
|
357
|
+
_worklet_3682262406534_init_data,
|
|
358
358
|
pressScaleFor,
|
|
359
359
|
size
|
|
360
360
|
}));
|
|
361
|
-
const animatedStyle = useAnimatedStyle(function
|
|
362
|
-
|
|
361
|
+
const animatedStyle = useAnimatedStyle(function chunkWXAME7KBJs4Factory({
|
|
362
|
+
_worklet_10640067524054_init_data,
|
|
363
363
|
animation,
|
|
364
364
|
pressedScale,
|
|
365
365
|
progress
|
|
366
366
|
}) {
|
|
367
367
|
const _e = [new global.Error(), -4, -27];
|
|
368
|
-
const
|
|
368
|
+
const chunkWXAME7KBJs4 = function () {
|
|
369
369
|
if (!animation.scale) return {};
|
|
370
370
|
return {
|
|
371
371
|
transform: [{
|
|
@@ -373,18 +373,18 @@ var AnimatedFeedback = forwardRef(function AnimatedFeedback2({
|
|
|
373
373
|
}]
|
|
374
374
|
};
|
|
375
375
|
};
|
|
376
|
-
|
|
376
|
+
chunkWXAME7KBJs4.__closure = {
|
|
377
377
|
animation,
|
|
378
378
|
pressedScale,
|
|
379
379
|
progress
|
|
380
380
|
};
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
return
|
|
381
|
+
chunkWXAME7KBJs4.__workletHash = 10640067524054;
|
|
382
|
+
chunkWXAME7KBJs4.__pluginVersion = "0.7.4";
|
|
383
|
+
chunkWXAME7KBJs4.__initData = _worklet_10640067524054_init_data;
|
|
384
|
+
chunkWXAME7KBJs4.__stackDetails = _e;
|
|
385
|
+
return chunkWXAME7KBJs4;
|
|
386
386
|
}({
|
|
387
|
-
|
|
387
|
+
_worklet_10640067524054_init_data,
|
|
388
388
|
animation,
|
|
389
389
|
pressedScale,
|
|
390
390
|
progress
|
|
@@ -529,10 +529,10 @@ function PressableFeedbackHighlight({
|
|
|
529
529
|
}
|
|
530
530
|
PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
|
|
531
531
|
markOverlay(PressableFeedbackHighlight);
|
|
532
|
-
const
|
|
533
|
-
code: "function
|
|
534
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
535
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
532
|
+
const _worklet_4673236042662_init_data = {
|
|
533
|
+
code: "function chunkWXAME7KBJs5(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
|
|
534
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
|
|
535
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs5\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AAuZ0C,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE5C,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
|
|
536
536
|
};
|
|
537
537
|
function AnimatedHighlight({
|
|
538
538
|
base,
|
|
@@ -548,28 +548,28 @@ function AnimatedHighlight({
|
|
|
548
548
|
duration
|
|
549
549
|
});
|
|
550
550
|
}, [isPressed, shown, duration]);
|
|
551
|
-
const animatedStyle = useAnimatedStyle2(function
|
|
552
|
-
|
|
551
|
+
const animatedStyle = useAnimatedStyle2(function chunkWXAME7KBJs5Factory({
|
|
552
|
+
_worklet_4673236042662_init_data,
|
|
553
553
|
shown,
|
|
554
554
|
opacity
|
|
555
555
|
}) {
|
|
556
556
|
const _e = [new global.Error(), -3, -27];
|
|
557
|
-
const
|
|
557
|
+
const chunkWXAME7KBJs5 = function () {
|
|
558
558
|
return {
|
|
559
559
|
opacity: shown.value * opacity
|
|
560
560
|
};
|
|
561
561
|
};
|
|
562
|
-
|
|
562
|
+
chunkWXAME7KBJs5.__closure = {
|
|
563
563
|
shown,
|
|
564
564
|
opacity
|
|
565
565
|
};
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
return
|
|
566
|
+
chunkWXAME7KBJs5.__workletHash = 4673236042662;
|
|
567
|
+
chunkWXAME7KBJs5.__pluginVersion = "0.7.4";
|
|
568
|
+
chunkWXAME7KBJs5.__initData = _worklet_4673236042662_init_data;
|
|
569
|
+
chunkWXAME7KBJs5.__stackDetails = _e;
|
|
570
|
+
return chunkWXAME7KBJs5;
|
|
571
571
|
}({
|
|
572
|
-
|
|
572
|
+
_worklet_4673236042662_init_data,
|
|
573
573
|
shown,
|
|
574
574
|
opacity
|
|
575
575
|
}), [shown, opacity]);
|
|
@@ -636,10 +636,10 @@ function PressableFeedbackRipple({
|
|
|
636
636
|
}
|
|
637
637
|
PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
|
|
638
638
|
markOverlay(PressableFeedbackRipple);
|
|
639
|
-
const
|
|
640
|
-
code: "function
|
|
641
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
642
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
639
|
+
const _worklet_1833417637801_init_data = {
|
|
640
|
+
code: "function chunkWXAME7KBJs6(){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}]};}",
|
|
641
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
|
|
642
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs6\",\"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-WXAME7KB.js\"],\"mappings\":\"AAud0C,SAAAA,gBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE5C,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\":[]}"
|
|
643
643
|
};
|
|
644
644
|
function RippleWave({
|
|
645
645
|
wave,
|
|
@@ -649,8 +649,8 @@ function RippleWave({
|
|
|
649
649
|
opacity,
|
|
650
650
|
style
|
|
651
651
|
}) {
|
|
652
|
-
const animatedStyle = useAnimatedStyle3(function
|
|
653
|
-
|
|
652
|
+
const animatedStyle = useAnimatedStyle3(function chunkWXAME7KBJs6Factory({
|
|
653
|
+
_worklet_1833417637801_init_data,
|
|
654
654
|
wave,
|
|
655
655
|
RIPPLE_START_SCALE,
|
|
656
656
|
center,
|
|
@@ -658,7 +658,7 @@ function RippleWave({
|
|
|
658
658
|
radius
|
|
659
659
|
}) {
|
|
660
660
|
const _e = [new global.Error(), -6, -27];
|
|
661
|
-
const
|
|
661
|
+
const chunkWXAME7KBJs6 = function () {
|
|
662
662
|
const t = wave.expand.value;
|
|
663
663
|
const from = wave.origin.value;
|
|
664
664
|
const scale = RIPPLE_START_SCALE + (1 - RIPPLE_START_SCALE) * t;
|
|
@@ -676,20 +676,20 @@ function RippleWave({
|
|
|
676
676
|
}]
|
|
677
677
|
};
|
|
678
678
|
};
|
|
679
|
-
|
|
679
|
+
chunkWXAME7KBJs6.__closure = {
|
|
680
680
|
wave,
|
|
681
681
|
RIPPLE_START_SCALE,
|
|
682
682
|
center,
|
|
683
683
|
opacity,
|
|
684
684
|
radius
|
|
685
685
|
};
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
return
|
|
686
|
+
chunkWXAME7KBJs6.__workletHash = 1833417637801;
|
|
687
|
+
chunkWXAME7KBJs6.__pluginVersion = "0.7.4";
|
|
688
|
+
chunkWXAME7KBJs6.__initData = _worklet_1833417637801_init_data;
|
|
689
|
+
chunkWXAME7KBJs6.__stackDetails = _e;
|
|
690
|
+
return chunkWXAME7KBJs6;
|
|
691
691
|
}({
|
|
692
|
-
|
|
692
|
+
_worklet_1833417637801_init_data,
|
|
693
693
|
wave,
|
|
694
694
|
RIPPLE_START_SCALE,
|
|
695
695
|
center,
|
|
@@ -2,12 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../../chunk-
|
|
7
|
-
require('../../chunk-
|
|
8
|
-
require('../../chunk-
|
|
5
|
+
var _chunk6ARON3XTcjs = require('../../chunk-6ARON3XT.cjs');
|
|
6
|
+
require('../../chunk-A4VD4MHK.cjs');
|
|
7
|
+
require('../../chunk-UVO4GFSW.cjs');
|
|
8
|
+
require('../../chunk-EVXZGNPA.cjs');
|
|
9
|
+
require('../../chunk-57SJ4LJF.cjs');
|
|
10
|
+
require('../../chunk-MC7SY2QH.cjs');
|
|
9
11
|
|
|
10
12
|
|
|
11
13
|
|
|
12
14
|
|
|
13
|
-
exports.Button =
|
|
15
|
+
exports.Button = _chunk6ARON3XTcjs.Button; exports.buttonRecipe = _chunk6ARON3XTcjs.buttonRecipe; exports.useButton = _chunk6ARON3XTcjs.useButton;
|
|
@@ -2,9 +2,10 @@ import * as react from 'react';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { StyleProp, TextStyle, ViewStyle, TextProps, PressableStateCallbackType } from 'react-native';
|
|
5
|
-
import {
|
|
5
|
+
import { T as TextStyleProps, V as ViewStyleProps } from '../../style-props.type-B1BG5TCm.cjs';
|
|
6
6
|
import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
|
|
7
|
-
import { a as IconContextValue, b as IconProps, P as PressableFeedbackProps, c as AnimationProp } from '../../pressable-feedback.type-
|
|
7
|
+
import { a as IconContextValue, b as IconProps, P as PressableFeedbackProps, c as AnimationProp } from '../../pressable-feedback.type-1K8YEOb8.cjs';
|
|
8
|
+
import { R as Recipe, g as SlotStyles } from '../../create-recipe-C0XXjuow.cjs';
|
|
8
9
|
import 'react-native-reanimated';
|
|
9
10
|
|
|
10
11
|
type ButtonSlot = 'root' | 'label' | 'icon' | 'spinner';
|
|
@@ -2,9 +2,10 @@ import * as react from 'react';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { StyleProp, TextStyle, ViewStyle, TextProps, PressableStateCallbackType } from 'react-native';
|
|
5
|
-
import {
|
|
5
|
+
import { T as TextStyleProps, V as ViewStyleProps } from '../../style-props.type-B1BG5TCm.js';
|
|
6
6
|
import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
|
|
7
|
-
import { a as IconContextValue, b as IconProps, P as PressableFeedbackProps, c as AnimationProp } from '../../pressable-feedback.type-
|
|
7
|
+
import { a as IconContextValue, b as IconProps, P as PressableFeedbackProps, c as AnimationProp } from '../../pressable-feedback.type-BwkKLQlX.js';
|
|
8
|
+
import { R as Recipe, g as SlotStyles } from '../../create-recipe-CPXFo2rk.js';
|
|
8
9
|
import 'react-native-reanimated';
|
|
9
10
|
|
|
10
11
|
type ButtonSlot = 'root' | 'label' | 'icon' | 'spinner';
|
|
@@ -2,10 +2,12 @@ import {
|
|
|
2
2
|
Button,
|
|
3
3
|
buttonRecipe,
|
|
4
4
|
useButton
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-
|
|
8
|
-
import "../../chunk-
|
|
5
|
+
} from "../../chunk-4EPS7UBO.js";
|
|
6
|
+
import "../../chunk-WXAME7KB.js";
|
|
7
|
+
import "../../chunk-N7C4UNUL.js";
|
|
8
|
+
import "../../chunk-EXX6ATAS.js";
|
|
9
|
+
import "../../chunk-A3EGFI6T.js";
|
|
10
|
+
import "../../chunk-GGW42MY4.js";
|
|
9
11
|
export {
|
|
10
12
|
Button,
|
|
11
13
|
buttonRecipe,
|
|
@@ -2,11 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../../chunk-
|
|
7
|
-
require('../../chunk-
|
|
5
|
+
var _chunkUBA6AEY6cjs = require('../../chunk-UBA6AEY6.cjs');
|
|
6
|
+
require('../../chunk-UVO4GFSW.cjs');
|
|
7
|
+
require('../../chunk-EVXZGNPA.cjs');
|
|
8
|
+
require('../../chunk-57SJ4LJF.cjs');
|
|
9
|
+
require('../../chunk-MC7SY2QH.cjs');
|
|
8
10
|
|
|
9
11
|
|
|
10
12
|
|
|
11
13
|
|
|
12
|
-
exports.TextSpan =
|
|
14
|
+
exports.TextSpan = _chunkUBA6AEY6cjs.TextSpan; exports.Typography = _chunkUBA6AEY6cjs.Typography; exports.typographyRecipe = _chunkUBA6AEY6cjs.typographyRecipe;
|
|
@@ -2,7 +2,8 @@ import * as react from 'react';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
|
|
5
|
-
import {
|
|
5
|
+
import { T as TextStyleProps } from '../../style-props.type-B1BG5TCm.cjs';
|
|
6
|
+
import { R as Recipe } from '../../create-recipe-C0XXjuow.cjs';
|
|
6
7
|
import { X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
|
|
7
8
|
|
|
8
9
|
/**
|
|
@@ -2,7 +2,8 @@ import * as react from 'react';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
|
|
5
|
-
import {
|
|
5
|
+
import { T as TextStyleProps } from '../../style-props.type-B1BG5TCm.js';
|
|
6
|
+
import { R as Recipe } from '../../create-recipe-CPXFo2rk.js';
|
|
6
7
|
import { X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
|
|
7
8
|
|
|
8
9
|
/**
|
|
@@ -2,9 +2,11 @@ import {
|
|
|
2
2
|
TextSpan,
|
|
3
3
|
Typography,
|
|
4
4
|
typographyRecipe
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-
|
|
5
|
+
} from "../../chunk-RMLFMRWL.js";
|
|
6
|
+
import "../../chunk-N7C4UNUL.js";
|
|
7
|
+
import "../../chunk-EXX6ATAS.js";
|
|
8
|
+
import "../../chunk-A3EGFI6T.js";
|
|
9
|
+
import "../../chunk-GGW42MY4.js";
|
|
8
10
|
export {
|
|
9
11
|
TextSpan,
|
|
10
12
|
Typography,
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkBFB6K4M7cjs = require('../../chunk-BFB6K4M7.cjs');
|
|
5
|
+
require('../../chunk-EVXZGNPA.cjs');
|
|
6
|
+
require('../../chunk-MC7SY2QH.cjs');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.Column = _chunkBFB6K4M7cjs.Column; exports.Row = _chunkBFB6K4M7cjs.Row;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import * as react_native from 'react-native';
|
|
4
|
+
import { View, ViewProps, StyleProp, ViewStyle } from 'react-native';
|
|
5
|
+
import { V as ViewStyleProps } from '../../style-props.type-B1BG5TCm.cjs';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* A horizontal axis.
|
|
9
|
+
*
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <Row gap={8} alignItems="center">
|
|
12
|
+
* <Button.Icon as={Trash2} />
|
|
13
|
+
* <Typography variant="h6">Supprimer</Typography>
|
|
14
|
+
* </Row>
|
|
15
|
+
* ```
|
|
16
|
+
*
|
|
17
|
+
* **It contributes one declaration**, `flexDirection: 'row'`, and everything else it looks
|
|
18
|
+
* like it offers comes from R14: `gap`, `alignItems`, `justifyContent`, `padding` and the
|
|
19
|
+
* rest are `ViewStyle` keys every node already exposes as props. That is deliberate — the
|
|
20
|
+
* legacy component invented `mainAxisAlignment`, `crossAxisAlignment` and `mainAxisSize`,
|
|
21
|
+
* a vocabulary to learn for saying what React Native already says.
|
|
22
|
+
*
|
|
23
|
+
* There is no `reversed` prop either. `row` already flips in an RTL layout, which is the
|
|
24
|
+
* case that matters, and a genuine reversal is `style={{ flexDirection: 'row-reverse' }}`.
|
|
25
|
+
*/
|
|
26
|
+
declare const Row: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
27
|
+
asChild?: boolean;
|
|
28
|
+
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
29
|
+
children?: react.ReactNode;
|
|
30
|
+
} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "style" | "children" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "hitSlop" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "asChild"> & react.RefAttributes<View>>;
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* A vertical axis.
|
|
34
|
+
*
|
|
35
|
+
* ```tsx
|
|
36
|
+
* <Column gap={16} padding={16}>
|
|
37
|
+
* <Typography variant="h3">Projets</Typography>
|
|
38
|
+
* <Typography variant="body-sm">Trois en cours, un archivé.</Typography>
|
|
39
|
+
* </Column>
|
|
40
|
+
* ```
|
|
41
|
+
*
|
|
42
|
+
* **It contributes one declaration**, `flexDirection: 'column'` — which is React Native's
|
|
43
|
+
* default, so this component exists for what it *says* rather than for what it changes.
|
|
44
|
+
* A column written as a column reads as a deliberate axis, and its siblings in a layout
|
|
45
|
+
* are then all named the same way; a bare `View` leaves the reader to infer it.
|
|
46
|
+
*
|
|
47
|
+
* Everything else comes from R14: `gap`, `alignItems`, `justifyContent`, `padding` are
|
|
48
|
+
* `ViewStyle` keys every node already exposes as props, under React Native's own names.
|
|
49
|
+
*/
|
|
50
|
+
declare const Column: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
51
|
+
asChild?: boolean;
|
|
52
|
+
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
53
|
+
children?: react.ReactNode;
|
|
54
|
+
} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "style" | "children" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "hitSlop" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "asChild"> & react.RefAttributes<View>>;
|
|
55
|
+
|
|
56
|
+
type AxisOwnProps = {
|
|
57
|
+
/** R12 — the child element becomes the axis, keeping its direction. */
|
|
58
|
+
asChild?: boolean;
|
|
59
|
+
style?: StyleProp<ViewStyle>;
|
|
60
|
+
children?: ReactNode;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* Everything a `View` can be styled with, as props (R14), **minus `flexDirection`** — that
|
|
64
|
+
* one is the component's identity, and a `Row` that could be told to lay out as a column
|
|
65
|
+
* would only be a `View` with a longer name. Reversal and the rest go through `style`,
|
|
66
|
+
* which is the escape hatch for what has no readable prop.
|
|
67
|
+
*
|
|
68
|
+
* Note what is *not* declared here: no `mainAxisAlignment`, no `crossAxisAlignment`, no
|
|
69
|
+
* `gap` prop of our own. They are `justifyContent`, `alignItems` and `gap` — React
|
|
70
|
+
* Native's own names, carrying React Native's own values, and R14 already exposes every
|
|
71
|
+
* one of them. A vocabulary of ours would be a second set of words for the same thing.
|
|
72
|
+
*/
|
|
73
|
+
type AxisProps = Omit<ViewProps, 'style'> & AxisOwnProps & Omit<ViewStyleProps, keyof AxisOwnProps | keyof ViewProps | 'flexDirection'>;
|
|
74
|
+
type RowProps = AxisProps;
|
|
75
|
+
type ColumnProps = AxisProps;
|
|
76
|
+
|
|
77
|
+
export { type AxisProps, Column, type ColumnProps, Row, type RowProps };
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import * as react_native from 'react-native';
|
|
4
|
+
import { View, ViewProps, StyleProp, ViewStyle } from 'react-native';
|
|
5
|
+
import { V as ViewStyleProps } from '../../style-props.type-B1BG5TCm.js';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* A horizontal axis.
|
|
9
|
+
*
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <Row gap={8} alignItems="center">
|
|
12
|
+
* <Button.Icon as={Trash2} />
|
|
13
|
+
* <Typography variant="h6">Supprimer</Typography>
|
|
14
|
+
* </Row>
|
|
15
|
+
* ```
|
|
16
|
+
*
|
|
17
|
+
* **It contributes one declaration**, `flexDirection: 'row'`, and everything else it looks
|
|
18
|
+
* like it offers comes from R14: `gap`, `alignItems`, `justifyContent`, `padding` and the
|
|
19
|
+
* rest are `ViewStyle` keys every node already exposes as props. That is deliberate — the
|
|
20
|
+
* legacy component invented `mainAxisAlignment`, `crossAxisAlignment` and `mainAxisSize`,
|
|
21
|
+
* a vocabulary to learn for saying what React Native already says.
|
|
22
|
+
*
|
|
23
|
+
* There is no `reversed` prop either. `row` already flips in an RTL layout, which is the
|
|
24
|
+
* case that matters, and a genuine reversal is `style={{ flexDirection: 'row-reverse' }}`.
|
|
25
|
+
*/
|
|
26
|
+
declare const Row: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
27
|
+
asChild?: boolean;
|
|
28
|
+
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
29
|
+
children?: react.ReactNode;
|
|
30
|
+
} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "style" | "children" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "hitSlop" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "asChild"> & react.RefAttributes<View>>;
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* A vertical axis.
|
|
34
|
+
*
|
|
35
|
+
* ```tsx
|
|
36
|
+
* <Column gap={16} padding={16}>
|
|
37
|
+
* <Typography variant="h3">Projets</Typography>
|
|
38
|
+
* <Typography variant="body-sm">Trois en cours, un archivé.</Typography>
|
|
39
|
+
* </Column>
|
|
40
|
+
* ```
|
|
41
|
+
*
|
|
42
|
+
* **It contributes one declaration**, `flexDirection: 'column'` — which is React Native's
|
|
43
|
+
* default, so this component exists for what it *says* rather than for what it changes.
|
|
44
|
+
* A column written as a column reads as a deliberate axis, and its siblings in a layout
|
|
45
|
+
* are then all named the same way; a bare `View` leaves the reader to infer it.
|
|
46
|
+
*
|
|
47
|
+
* Everything else comes from R14: `gap`, `alignItems`, `justifyContent`, `padding` are
|
|
48
|
+
* `ViewStyle` keys every node already exposes as props, under React Native's own names.
|
|
49
|
+
*/
|
|
50
|
+
declare const Column: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
51
|
+
asChild?: boolean;
|
|
52
|
+
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
53
|
+
children?: react.ReactNode;
|
|
54
|
+
} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "style" | "children" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "hitSlop" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "asChild"> & react.RefAttributes<View>>;
|
|
55
|
+
|
|
56
|
+
type AxisOwnProps = {
|
|
57
|
+
/** R12 — the child element becomes the axis, keeping its direction. */
|
|
58
|
+
asChild?: boolean;
|
|
59
|
+
style?: StyleProp<ViewStyle>;
|
|
60
|
+
children?: ReactNode;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* Everything a `View` can be styled with, as props (R14), **minus `flexDirection`** — that
|
|
64
|
+
* one is the component's identity, and a `Row` that could be told to lay out as a column
|
|
65
|
+
* would only be a `View` with a longer name. Reversal and the rest go through `style`,
|
|
66
|
+
* which is the escape hatch for what has no readable prop.
|
|
67
|
+
*
|
|
68
|
+
* Note what is *not* declared here: no `mainAxisAlignment`, no `crossAxisAlignment`, no
|
|
69
|
+
* `gap` prop of our own. They are `justifyContent`, `alignItems` and `gap` — React
|
|
70
|
+
* Native's own names, carrying React Native's own values, and R14 already exposes every
|
|
71
|
+
* one of them. A vocabulary of ours would be a second set of words for the same thing.
|
|
72
|
+
*/
|
|
73
|
+
type AxisProps = Omit<ViewProps, 'style'> & AxisOwnProps & Omit<ViewStyleProps, keyof AxisOwnProps | keyof ViewProps | 'flexDirection'>;
|
|
74
|
+
type RowProps = AxisProps;
|
|
75
|
+
type ColumnProps = AxisProps;
|
|
76
|
+
|
|
77
|
+
export { type AxisProps, Column, type ColumnProps, Row, type RowProps };
|