@xaui/native 0.9.1-alpha.23 → 0.9.1-alpha.25
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-E3LXUXE7.js → chunk-2OY76YNB.js} +47 -13
- 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-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-BULNTP5N.cjs +620 -0
- 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-GSEK6OCY.cjs +72 -0
- package/dist/chunk-I6UCYAO2.js +731 -0
- 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-FNQF4KQV.js → chunk-MRYLLKML.js} +18 -17
- package/dist/{chunk-GBPWTFTU.cjs → chunk-OHEHPQLC.cjs} +10 -1
- package/dist/{chunk-GG2WWCBK.js → chunk-TZG3DERP.js} +10 -1
- package/dist/{chunk-TIP3T7JJ.cjs → chunk-YEW5LPWL.cjs} +47 -13
- package/dist/chunk-ZDCGPK5Z.js +72 -0
- package/dist/{chunk-FTCTTBLG.js → chunk-ZTA47PO5.js} +7 -5
- package/dist/components/alert/index.cjs +7 -6
- package/dist/components/alert/index.js +6 -5
- package/dist/components/button/index.cjs +6 -5
- package/dist/components/button/index.js +5 -4
- package/dist/components/card/index.cjs +5 -4
- package/dist/components/card/index.js +4 -3
- package/dist/components/chip/index.cjs +7 -6
- package/dist/components/chip/index.js +6 -5
- package/dist/components/input/index.cjs +13 -3
- package/dist/components/input/index.d.cts +109 -117
- package/dist/components/input/index.d.ts +109 -117
- package/dist/components/input/index.js +12 -2
- 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/text-area/index.cjs +13 -0
- package/dist/components/text-area/index.d.cts +73 -0
- package/dist/components/text-area/index.d.ts +73 -0
- package/dist/components/text-area/index.js +13 -0
- package/dist/components/typography/index.cjs +3 -3
- package/dist/components/typography/index.js +2 -2
- package/dist/index.cjs +53 -51
- package/dist/index.d.cts +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +69 -67
- package/dist/input.type-BpJeUIe8.d.cts +151 -0
- package/dist/input.type-DjyZ6P2C.d.ts +151 -0
- package/dist/system/index.cjs +6 -5
- package/dist/system/index.js +5 -4
- package/dist/theme/index.cjs +2 -2
- package/dist/theme/index.js +1 -1
- 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
|
@@ -2,14 +2,14 @@ import {
|
|
|
2
2
|
createRecipe,
|
|
3
3
|
radiusAxis
|
|
4
4
|
} from "./chunk-3JATAB7S.js";
|
|
5
|
-
import {
|
|
6
|
-
useXAUITheme
|
|
7
|
-
} from "./chunk-A3EGFI6T.js";
|
|
8
5
|
import {
|
|
9
6
|
Slot,
|
|
10
7
|
createSlotContext,
|
|
11
8
|
useStyleProps
|
|
12
9
|
} from "./chunk-PMO62QK4.js";
|
|
10
|
+
import {
|
|
11
|
+
useXAUITheme
|
|
12
|
+
} from "./chunk-A3EGFI6T.js";
|
|
13
13
|
|
|
14
14
|
// src/components/input/input-description.tsx
|
|
15
15
|
import { forwardRef } from "react";
|
|
@@ -127,6 +127,7 @@ var SLOTS = [
|
|
|
127
127
|
"root",
|
|
128
128
|
"label",
|
|
129
129
|
"field",
|
|
130
|
+
"textArea",
|
|
130
131
|
"placeholder",
|
|
131
132
|
"description",
|
|
132
133
|
"error"
|
|
@@ -155,7 +156,7 @@ var VARIANT_TOKENS = {
|
|
|
155
156
|
ghost: { borderFocus: "fieldBorderFocus", fg: "fieldForeground" }
|
|
156
157
|
};
|
|
157
158
|
function sizeAxis(step) {
|
|
158
|
-
const { control, padding, gap, field, label, help } = step;
|
|
159
|
+
const { control, padding, gap, field, label, help, textAreaPadding } = step;
|
|
159
160
|
return (theme) => {
|
|
160
161
|
const inset = { paddingHorizontal: theme.spacing(LABEL_INSET) };
|
|
161
162
|
const helpType = {
|
|
@@ -174,6 +175,15 @@ function sizeAxis(step) {
|
|
|
174
175
|
paddingHorizontal: theme.spacing(padding),
|
|
175
176
|
fontSize: theme.fontSizes[field]
|
|
176
177
|
},
|
|
178
|
+
// Only what a multiline field *adds* — `Input.TextArea` layers this over the field's
|
|
179
|
+
// own style rather than restating it, so the colours, the border and the radius are
|
|
180
|
+
// resolved once for both. The height is not here: `rows` is a raw value, and the
|
|
181
|
+
// slot computes it from the two numbers below.
|
|
182
|
+
textArea: {
|
|
183
|
+
lineHeight: theme.lineHeights[field],
|
|
184
|
+
paddingTop: theme.spacing(textAreaPadding),
|
|
185
|
+
paddingBottom: theme.spacing(textAreaPadding)
|
|
186
|
+
},
|
|
177
187
|
description: { ...inset, ...helpType },
|
|
178
188
|
error: { ...inset, ...helpType }
|
|
179
189
|
};
|
|
@@ -184,38 +194,42 @@ var SIZES = {
|
|
|
184
194
|
xs: {
|
|
185
195
|
control: "xs",
|
|
186
196
|
padding: 2.5,
|
|
187
|
-
gap:
|
|
197
|
+
gap: 0.75,
|
|
188
198
|
field: "sm",
|
|
189
199
|
label: "sm",
|
|
190
200
|
help: "xs",
|
|
191
|
-
labelInside: "xs"
|
|
201
|
+
labelInside: "xs",
|
|
202
|
+
textAreaPadding: 1.5
|
|
192
203
|
},
|
|
193
204
|
sm: {
|
|
194
205
|
control: "sm",
|
|
195
206
|
padding: 3,
|
|
196
|
-
gap:
|
|
207
|
+
gap: 0.75,
|
|
197
208
|
field: "md",
|
|
198
209
|
label: "sm",
|
|
199
210
|
help: "xs",
|
|
200
|
-
labelInside: "xs"
|
|
211
|
+
labelInside: "xs",
|
|
212
|
+
textAreaPadding: 2
|
|
201
213
|
},
|
|
202
214
|
md: {
|
|
203
215
|
control: "md",
|
|
204
216
|
padding: 3,
|
|
205
|
-
gap: 1.
|
|
217
|
+
gap: 1.25,
|
|
206
218
|
field: "md",
|
|
207
219
|
label: "md",
|
|
208
220
|
help: "sm",
|
|
209
|
-
labelInside: "xs"
|
|
221
|
+
labelInside: "xs",
|
|
222
|
+
textAreaPadding: 2
|
|
210
223
|
},
|
|
211
224
|
lg: {
|
|
212
225
|
control: "lg",
|
|
213
226
|
padding: 4,
|
|
214
|
-
gap:
|
|
227
|
+
gap: 1.75,
|
|
215
228
|
field: "lg",
|
|
216
229
|
label: "lg",
|
|
217
230
|
help: "md",
|
|
218
|
-
labelInside: "sm"
|
|
231
|
+
labelInside: "sm",
|
|
232
|
+
textAreaPadding: 2.5
|
|
219
233
|
}
|
|
220
234
|
};
|
|
221
235
|
function insideLabel(step) {
|
|
@@ -245,7 +259,10 @@ function insideLabel(step) {
|
|
|
245
259
|
),
|
|
246
260
|
paddingTop: block,
|
|
247
261
|
paddingBottom: top
|
|
248
|
-
}
|
|
262
|
+
},
|
|
263
|
+
// The same room, because `Input.TextArea` layers its own padding over the field's
|
|
264
|
+
// and would otherwise put the first line back under the label.
|
|
265
|
+
textArea: { paddingTop: block, paddingBottom: top }
|
|
249
266
|
};
|
|
250
267
|
};
|
|
251
268
|
}
|
|
@@ -266,12 +283,16 @@ var inputRecipe = createRecipe({
|
|
|
266
283
|
borderWidth: theme.borderWidth.field,
|
|
267
284
|
// The theme has a radius named for this component, so every size uses it and the
|
|
268
285
|
// `radius` axis is what overrides it — the same shape a `Chip` takes from `full`.
|
|
286
|
+
// It is HeroUI's twelve points since the scale was aligned on theirs; it was 21,
|
|
287
|
+
// which put a 48-tall field at 87% of its geometric maximum.
|
|
269
288
|
borderRadius: theme.radius.field,
|
|
270
289
|
borderCurve: "continuous",
|
|
271
290
|
// RN centres a single line inside `minHeight` on iOS and pins it to the top on
|
|
272
291
|
// Android. Saying it removes a difference nobody chose.
|
|
273
292
|
textAlignVertical: "center"
|
|
274
293
|
},
|
|
294
|
+
// Several lines start at the top; only a single line is centred in its box.
|
|
295
|
+
textArea: { textAlignVertical: "top" },
|
|
275
296
|
// Not a node — the root flattens this one into `placeholderTextColor`, which is a
|
|
276
297
|
// `TextInput` prop rather than a style.
|
|
277
298
|
placeholder: { color: theme.colors.fieldPlaceholder },
|
|
@@ -402,9 +423,17 @@ var InputRoot = forwardRef5(function Input({
|
|
|
402
423
|
const tint = color ? inputRecipe.tint({ theme, color, selection, states }) : void 0;
|
|
403
424
|
const context = useMemo(() => {
|
|
404
425
|
const placeholder = StyleSheet.flatten(styles.placeholder);
|
|
426
|
+
const textArea = StyleSheet.flatten(styles.textArea);
|
|
405
427
|
return {
|
|
406
428
|
labelStyle: tint ? [styles.label, tint.label] : styles.label,
|
|
407
429
|
fieldStyle: tint ? [styles.field, tint.field] : styles.field,
|
|
430
|
+
textAreaStyle: styles.textArea,
|
|
431
|
+
textArea: {
|
|
432
|
+
lineHeight: textArea.lineHeight ?? 0,
|
|
433
|
+
// `DimensionValue` also covers a percentage and `auto`, neither of which can be
|
|
434
|
+
// multiplied by a number of rows. The recipe only ever writes points here.
|
|
435
|
+
paddingVertical: typeof textArea.paddingBottom === "number" ? textArea.paddingBottom : 0
|
|
436
|
+
},
|
|
408
437
|
descriptionStyle: styles.description,
|
|
409
438
|
errorStyle: styles.error,
|
|
410
439
|
// `ColorValue` also covers the platform's opaque colours, which `TextInput` cannot
|
|
@@ -446,6 +475,11 @@ var Input2 = Object.assign(InputRoot, {
|
|
|
446
475
|
|
|
447
476
|
export {
|
|
448
477
|
useInput,
|
|
478
|
+
InputDescription,
|
|
479
|
+
InputError,
|
|
480
|
+
InputField,
|
|
481
|
+
InputLabel,
|
|
449
482
|
inputRecipe,
|
|
483
|
+
InputRoot,
|
|
450
484
|
Input2 as Input
|
|
451
485
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { contrastOn, isHex, useXAUITheme } from "./chunk-A3EGFI6T.js";
|
|
2
1
|
import { Slot, createSlotContext, useStyleProps } from "./chunk-PMO62QK4.js";
|
|
2
|
+
import { contrastOn, isHex, useXAUITheme } from "./chunk-A3EGFI6T.js";
|
|
3
3
|
|
|
4
4
|
// src/hooks/use-press-state.ts
|
|
5
5
|
import { useCallback, useRef, useState } from "react";
|
|
@@ -31,13 +31,13 @@ var DisableAllContext = createContext(false);
|
|
|
31
31
|
var PRESS_SCALE = 0.985;
|
|
32
32
|
var PRESS_DURATION = 300;
|
|
33
33
|
var SCALE_REFERENCE_WIDTH = 300;
|
|
34
|
-
const
|
|
35
|
-
code: "function
|
|
36
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
37
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
34
|
+
const _worklet_6003137617234_init_data = {
|
|
35
|
+
code: "function pressScaleFor_chunk4HELPMAKJs1(width){const{SCALE_REFERENCE_WIDTH,PRESS_SCALE}=this.__closure;const coefficient=width>0?SCALE_REFERENCE_WIDTH/width:1;return 1-(1-PRESS_SCALE)*coefficient;}",
|
|
36
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js",
|
|
37
|
+
sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunk4HELPMAKJs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js\"],\"mappings\":\"AAsCA,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\":[]}"
|
|
38
38
|
};
|
|
39
|
-
const pressScaleFor = function
|
|
40
|
-
|
|
39
|
+
const pressScaleFor = function pressScaleFor_chunk4HELPMAKJs1Factory({
|
|
40
|
+
_worklet_6003137617234_init_data,
|
|
41
41
|
SCALE_REFERENCE_WIDTH,
|
|
42
42
|
PRESS_SCALE
|
|
43
43
|
}) {
|
|
@@ -50,13 +50,13 @@ const pressScaleFor = function pressScaleFor_chunkKM2TI5ICJs1Factory({
|
|
|
50
50
|
SCALE_REFERENCE_WIDTH,
|
|
51
51
|
PRESS_SCALE
|
|
52
52
|
};
|
|
53
|
-
pressScaleFor.__workletHash =
|
|
53
|
+
pressScaleFor.__workletHash = 6003137617234;
|
|
54
54
|
pressScaleFor.__pluginVersion = "0.7.4";
|
|
55
|
-
pressScaleFor.__initData =
|
|
55
|
+
pressScaleFor.__initData = _worklet_6003137617234_init_data;
|
|
56
56
|
pressScaleFor.__stackDetails = _e;
|
|
57
57
|
return pressScaleFor;
|
|
58
58
|
}({
|
|
59
|
-
|
|
59
|
+
_worklet_6003137617234_init_data,
|
|
60
60
|
SCALE_REFERENCE_WIDTH,
|
|
61
61
|
PRESS_SCALE
|
|
62
62
|
});
|
|
@@ -69,26 +69,26 @@ var RIPPLE_CONFIRM_DURATION = 225;
|
|
|
69
69
|
var RIPPLE_FADE_IN = 75;
|
|
70
70
|
var RIPPLE_FADE_OUT_DELAY = 225;
|
|
71
71
|
var RIPPLE_FADE_OUT = 150;
|
|
72
|
-
const
|
|
73
|
-
code: "function
|
|
74
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
75
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
72
|
+
const _worklet_5422845447337_init_data = {
|
|
73
|
+
code: "function rippleRadiusFor_chunk4HELPMAKJs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
|
|
74
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js",
|
|
75
|
+
sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunk4HELPMAKJs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js\"],\"mappings\":\"AAoDA,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\":[]}"
|
|
76
76
|
};
|
|
77
|
-
const rippleRadiusFor = function
|
|
78
|
-
|
|
77
|
+
const rippleRadiusFor = function rippleRadiusFor_chunk4HELPMAKJs2Factory({
|
|
78
|
+
_worklet_5422845447337_init_data
|
|
79
79
|
}) {
|
|
80
80
|
const _e = [new global.Error(), 1, -27];
|
|
81
81
|
const rippleRadiusFor = function (width, height) {
|
|
82
82
|
return Math.sqrt(width * width + height * height) / 2 + 5;
|
|
83
83
|
};
|
|
84
84
|
rippleRadiusFor.__closure = {};
|
|
85
|
-
rippleRadiusFor.__workletHash =
|
|
85
|
+
rippleRadiusFor.__workletHash = 5422845447337;
|
|
86
86
|
rippleRadiusFor.__pluginVersion = "0.7.4";
|
|
87
|
-
rippleRadiusFor.__initData =
|
|
87
|
+
rippleRadiusFor.__initData = _worklet_5422845447337_init_data;
|
|
88
88
|
rippleRadiusFor.__stackDetails = _e;
|
|
89
89
|
return rippleRadiusFor;
|
|
90
90
|
}({
|
|
91
|
-
|
|
91
|
+
_worklet_5422845447337_init_data
|
|
92
92
|
});
|
|
93
93
|
var ALL_OFF = {
|
|
94
94
|
scale: false,
|
|
@@ -262,15 +262,15 @@ var StaticFeedback = forwardRef(function StaticFeedback2({
|
|
|
262
262
|
})
|
|
263
263
|
});
|
|
264
264
|
});
|
|
265
|
-
const
|
|
266
|
-
code: "function
|
|
267
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
268
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
265
|
+
const _worklet_12864152702300_init_data = {
|
|
266
|
+
code: "function chunk4HELPMAKJs3(){const{pressScaleFor,size}=this.__closure;return pressScaleFor(size.value.width);}",
|
|
267
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js",
|
|
268
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunk4HELPMAKJs3\",\"pressScaleFor\",\"size\",\"__closure\",\"value\",\"width\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js\"],\"mappings\":\"AAkOuC,SAAAA,iBAAA,QAAAC,aAAA,CAAAC,IAAA,OAAAC,SAAA,OAAM,CAAAF,aAAc,CAAAC,IAAK,CAAAE,KAAM,CAAAC,KAAK\",\"ignoreList\":[]}"
|
|
269
269
|
};
|
|
270
|
-
const
|
|
271
|
-
code: "function
|
|
272
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
273
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
270
|
+
const _worklet_17388260734604_init_data = {
|
|
271
|
+
code: "function chunk4HELPMAKJs4(){const{animation,pressedScale,progress}=this.__closure;if(!animation.scale)return{};return{transform:[{scale:1-(1-pressedScale.value)*progress.value}]};}",
|
|
272
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js",
|
|
273
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunk4HELPMAKJs4\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js\"],\"mappings\":\"AAmOyC,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\":[]}"
|
|
274
274
|
};
|
|
275
275
|
var AnimatedFeedback = forwardRef(function AnimatedFeedback2({
|
|
276
276
|
isPressed = false,
|
|
@@ -298,35 +298,35 @@ var AnimatedFeedback = forwardRef(function AnimatedFeedback2({
|
|
|
298
298
|
easing: Easing.out(Easing.ease)
|
|
299
299
|
});
|
|
300
300
|
}, [isPressed, progress]);
|
|
301
|
-
const pressedScale = useDerivedValue(function
|
|
302
|
-
|
|
301
|
+
const pressedScale = useDerivedValue(function chunk4HELPMAKJs3Factory({
|
|
302
|
+
_worklet_12864152702300_init_data,
|
|
303
303
|
pressScaleFor,
|
|
304
304
|
size
|
|
305
305
|
}) {
|
|
306
306
|
const _e = [new global.Error(), -3, -27];
|
|
307
|
-
const
|
|
308
|
-
|
|
307
|
+
const chunk4HELPMAKJs3 = () => pressScaleFor(size.value.width);
|
|
308
|
+
chunk4HELPMAKJs3.__closure = {
|
|
309
309
|
pressScaleFor,
|
|
310
310
|
size
|
|
311
311
|
};
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
return
|
|
312
|
+
chunk4HELPMAKJs3.__workletHash = 12864152702300;
|
|
313
|
+
chunk4HELPMAKJs3.__pluginVersion = "0.7.4";
|
|
314
|
+
chunk4HELPMAKJs3.__initData = _worklet_12864152702300_init_data;
|
|
315
|
+
chunk4HELPMAKJs3.__stackDetails = _e;
|
|
316
|
+
return chunk4HELPMAKJs3;
|
|
317
317
|
}({
|
|
318
|
-
|
|
318
|
+
_worklet_12864152702300_init_data,
|
|
319
319
|
pressScaleFor,
|
|
320
320
|
size
|
|
321
321
|
}));
|
|
322
|
-
const animatedStyle = useAnimatedStyle(function
|
|
323
|
-
|
|
322
|
+
const animatedStyle = useAnimatedStyle(function chunk4HELPMAKJs4Factory({
|
|
323
|
+
_worklet_17388260734604_init_data,
|
|
324
324
|
animation,
|
|
325
325
|
pressedScale,
|
|
326
326
|
progress
|
|
327
327
|
}) {
|
|
328
328
|
const _e = [new global.Error(), -4, -27];
|
|
329
|
-
const
|
|
329
|
+
const chunk4HELPMAKJs4 = function () {
|
|
330
330
|
if (!animation.scale) return {};
|
|
331
331
|
return {
|
|
332
332
|
transform: [{
|
|
@@ -334,18 +334,18 @@ var AnimatedFeedback = forwardRef(function AnimatedFeedback2({
|
|
|
334
334
|
}]
|
|
335
335
|
};
|
|
336
336
|
};
|
|
337
|
-
|
|
337
|
+
chunk4HELPMAKJs4.__closure = {
|
|
338
338
|
animation,
|
|
339
339
|
pressedScale,
|
|
340
340
|
progress
|
|
341
341
|
};
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
return
|
|
342
|
+
chunk4HELPMAKJs4.__workletHash = 17388260734604;
|
|
343
|
+
chunk4HELPMAKJs4.__pluginVersion = "0.7.4";
|
|
344
|
+
chunk4HELPMAKJs4.__initData = _worklet_17388260734604_init_data;
|
|
345
|
+
chunk4HELPMAKJs4.__stackDetails = _e;
|
|
346
|
+
return chunk4HELPMAKJs4;
|
|
347
347
|
}({
|
|
348
|
-
|
|
348
|
+
_worklet_17388260734604_init_data,
|
|
349
349
|
animation,
|
|
350
350
|
pressedScale,
|
|
351
351
|
progress
|
|
@@ -490,10 +490,10 @@ function PressableFeedbackHighlight({
|
|
|
490
490
|
}
|
|
491
491
|
PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
|
|
492
492
|
markOverlay(PressableFeedbackHighlight);
|
|
493
|
-
const
|
|
494
|
-
code: "function
|
|
495
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
496
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
493
|
+
const _worklet_14487246926716_init_data = {
|
|
494
|
+
code: "function chunk4HELPMAKJs5(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
|
|
495
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js",
|
|
496
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunk4HELPMAKJs5\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js\"],\"mappings\":\"AAiX0C,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE5C,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
|
|
497
497
|
};
|
|
498
498
|
function AnimatedHighlight({
|
|
499
499
|
base,
|
|
@@ -509,28 +509,28 @@ function AnimatedHighlight({
|
|
|
509
509
|
duration
|
|
510
510
|
});
|
|
511
511
|
}, [isPressed, shown, duration]);
|
|
512
|
-
const animatedStyle = useAnimatedStyle2(function
|
|
513
|
-
|
|
512
|
+
const animatedStyle = useAnimatedStyle2(function chunk4HELPMAKJs5Factory({
|
|
513
|
+
_worklet_14487246926716_init_data,
|
|
514
514
|
shown,
|
|
515
515
|
opacity
|
|
516
516
|
}) {
|
|
517
517
|
const _e = [new global.Error(), -3, -27];
|
|
518
|
-
const
|
|
518
|
+
const chunk4HELPMAKJs5 = function () {
|
|
519
519
|
return {
|
|
520
520
|
opacity: shown.value * opacity
|
|
521
521
|
};
|
|
522
522
|
};
|
|
523
|
-
|
|
523
|
+
chunk4HELPMAKJs5.__closure = {
|
|
524
524
|
shown,
|
|
525
525
|
opacity
|
|
526
526
|
};
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
return
|
|
527
|
+
chunk4HELPMAKJs5.__workletHash = 14487246926716;
|
|
528
|
+
chunk4HELPMAKJs5.__pluginVersion = "0.7.4";
|
|
529
|
+
chunk4HELPMAKJs5.__initData = _worklet_14487246926716_init_data;
|
|
530
|
+
chunk4HELPMAKJs5.__stackDetails = _e;
|
|
531
|
+
return chunk4HELPMAKJs5;
|
|
532
532
|
}({
|
|
533
|
-
|
|
533
|
+
_worklet_14487246926716_init_data,
|
|
534
534
|
shown,
|
|
535
535
|
opacity
|
|
536
536
|
}), [shown, opacity]);
|
|
@@ -597,10 +597,10 @@ function PressableFeedbackRipple({
|
|
|
597
597
|
}
|
|
598
598
|
PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
|
|
599
599
|
markOverlay(PressableFeedbackRipple);
|
|
600
|
-
const
|
|
601
|
-
code: "function
|
|
602
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
603
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
600
|
+
const _worklet_1969783216179_init_data = {
|
|
601
|
+
code: "function chunk4HELPMAKJs6(){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}]};}",
|
|
602
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-4HELPMAK.js",
|
|
603
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunk4HELPMAKJs6\",\"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-4HELPMAK.js\"],\"mappings\":\"AAib0C,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\":[]}"
|
|
604
604
|
};
|
|
605
605
|
function RippleWave({
|
|
606
606
|
wave,
|
|
@@ -610,8 +610,8 @@ function RippleWave({
|
|
|
610
610
|
opacity,
|
|
611
611
|
style
|
|
612
612
|
}) {
|
|
613
|
-
const animatedStyle = useAnimatedStyle3(function
|
|
614
|
-
|
|
613
|
+
const animatedStyle = useAnimatedStyle3(function chunk4HELPMAKJs6Factory({
|
|
614
|
+
_worklet_1969783216179_init_data,
|
|
615
615
|
wave,
|
|
616
616
|
RIPPLE_START_SCALE,
|
|
617
617
|
center,
|
|
@@ -619,7 +619,7 @@ function RippleWave({
|
|
|
619
619
|
radius
|
|
620
620
|
}) {
|
|
621
621
|
const _e = [new global.Error(), -6, -27];
|
|
622
|
-
const
|
|
622
|
+
const chunk4HELPMAKJs6 = function () {
|
|
623
623
|
const t = wave.expand.value;
|
|
624
624
|
const from = wave.origin.value;
|
|
625
625
|
const scale = RIPPLE_START_SCALE + (1 - RIPPLE_START_SCALE) * t;
|
|
@@ -637,20 +637,20 @@ function RippleWave({
|
|
|
637
637
|
}]
|
|
638
638
|
};
|
|
639
639
|
};
|
|
640
|
-
|
|
640
|
+
chunk4HELPMAKJs6.__closure = {
|
|
641
641
|
wave,
|
|
642
642
|
RIPPLE_START_SCALE,
|
|
643
643
|
center,
|
|
644
644
|
opacity,
|
|
645
645
|
radius
|
|
646
646
|
};
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
return
|
|
647
|
+
chunk4HELPMAKJs6.__workletHash = 1969783216179;
|
|
648
|
+
chunk4HELPMAKJs6.__pluginVersion = "0.7.4";
|
|
649
|
+
chunk4HELPMAKJs6.__initData = _worklet_1969783216179_init_data;
|
|
650
|
+
chunk4HELPMAKJs6.__stackDetails = _e;
|
|
651
|
+
return chunk4HELPMAKJs6;
|
|
652
652
|
}({
|
|
653
|
-
|
|
653
|
+
_worklet_1969783216179_init_data,
|
|
654
654
|
wave,
|
|
655
655
|
RIPPLE_START_SCALE,
|
|
656
656
|
center,
|
|
@@ -686,10 +686,4 @@ var PressableFeedback3 = Object.assign(PressableFeedback, {
|
|
|
686
686
|
Highlight: PressableFeedbackHighlight,
|
|
687
687
|
Ripple: PressableFeedbackRipple
|
|
688
688
|
});
|
|
689
|
-
|
|
690
|
-
// src/utils/warn-dev.ts
|
|
691
|
-
function warnDev(message) {
|
|
692
|
-
if (typeof __DEV__ !== "undefined" && !__DEV__) return;
|
|
693
|
-
console.warn(`XAUI: ${message}`);
|
|
694
|
-
}
|
|
695
|
-
export { usePressState, warnDev, useFeedback, PRESS_SCALE, PRESS_DURATION, SCALE_REFERENCE_WIDTH, pressScaleFor, HIGHLIGHT_OPACITY, HIGHLIGHT_DURATION, RIPPLE_OPACITY, RIPPLE_START_SCALE, RIPPLE_EXPAND_DURATION, RIPPLE_CONFIRM_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT_DELAY, RIPPLE_FADE_OUT, rippleRadiusFor, resolveAnimation, resolveSlotAnimation, FEEDBACK_OVERLAY, markOverlay, PressableFeedback3 as PressableFeedback };
|
|
689
|
+
export { usePressState, useFeedback, PRESS_SCALE, PRESS_DURATION, SCALE_REFERENCE_WIDTH, pressScaleFor, HIGHLIGHT_OPACITY, HIGHLIGHT_DURATION, RIPPLE_OPACITY, RIPPLE_START_SCALE, RIPPLE_EXPAND_DURATION, RIPPLE_CONFIRM_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT_DELAY, RIPPLE_FADE_OUT, rippleRadiusFor, resolveAnimation, resolveSlotAnimation, FEEDBACK_OVERLAY, markOverlay, PressableFeedback3 as PressableFeedback };
|
|
@@ -1,28 +1,30 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CloseButton,
|
|
3
3
|
closeButtonBase
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-A4RGJBP2.js";
|
|
5
5
|
import {
|
|
6
6
|
Icon
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-ICR42HHG.js";
|
|
8
8
|
import {
|
|
9
9
|
PressableFeedback,
|
|
10
|
-
usePressState
|
|
10
|
+
usePressState
|
|
11
|
+
} from "./chunk-4HELPMAK.js";
|
|
12
|
+
import {
|
|
11
13
|
warnDev
|
|
12
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-EGLLDKN6.js";
|
|
13
15
|
import {
|
|
14
16
|
createRecipe,
|
|
15
17
|
radiusAxis
|
|
16
18
|
} from "./chunk-3JATAB7S.js";
|
|
17
|
-
import {
|
|
18
|
-
useXAUITheme
|
|
19
|
-
} from "./chunk-A3EGFI6T.js";
|
|
20
19
|
import {
|
|
21
20
|
Slot,
|
|
22
21
|
childrenToString,
|
|
23
22
|
createSlotContext,
|
|
24
23
|
useStyleProps
|
|
25
24
|
} from "./chunk-PMO62QK4.js";
|
|
25
|
+
import {
|
|
26
|
+
useXAUITheme
|
|
27
|
+
} from "./chunk-A3EGFI6T.js";
|
|
26
28
|
|
|
27
29
|
// src/components/chip/chip-avatar.tsx
|
|
28
30
|
import { forwardRef } from "react";
|
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
3
|
|
|
4
|
+
var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
|
|
7
|
+
var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
|
|
6
8
|
|
|
7
9
|
|
|
8
10
|
var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
|
|
9
11
|
|
|
10
12
|
|
|
11
|
-
var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
|
|
12
13
|
|
|
13
14
|
|
|
14
15
|
|
|
16
|
+
var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
|
|
15
17
|
|
|
16
18
|
|
|
17
|
-
var
|
|
19
|
+
var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
|
|
18
20
|
|
|
19
21
|
// src/components/card/card-background.tsx
|
|
20
22
|
var _react = require('react');
|
|
@@ -346,7 +348,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
|
|
|
346
348
|
}, ref) {
|
|
347
349
|
const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
|
|
348
350
|
const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
|
|
349
|
-
const [isPressed, press] =
|
|
351
|
+
const [isPressed, press] = _chunkIG4Q3WQOcjs.usePressState.call(void 0, { onPressIn, onPressOut });
|
|
350
352
|
const selection = { variant, size, radius };
|
|
351
353
|
const states = { disabled: isDisabled };
|
|
352
354
|
const styles = cardRecipe.resolve({ theme, selection, states });
|
|
@@ -372,7 +374,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
|
|
|
372
374
|
const text = _chunkHUZ4AUM2cjs.childrenToString.call(void 0, children);
|
|
373
375
|
const content = text !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardDescription, { children: text }) : children;
|
|
374
376
|
if (!isPressable && !asChild && (onPressIn || onPressOut || rest.onPress || rest.onLongPress)) {
|
|
375
|
-
|
|
377
|
+
_chunkEJQCQPETcjs.warnDev.call(void 0,
|
|
376
378
|
"Card: a press handler needs `isPressable`. Without it the card renders a View, which never receives the touch \u2014 add `isPressable` to make it a control."
|
|
377
379
|
);
|
|
378
380
|
}
|
|
@@ -382,7 +384,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
|
|
|
382
384
|
body
|
|
383
385
|
] });
|
|
384
386
|
const surface = isPressable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
385
|
-
|
|
387
|
+
_chunkIG4Q3WQOcjs.PressableFeedback,
|
|
386
388
|
{
|
|
387
389
|
ref,
|
|
388
390
|
isPressed,
|
|
@@ -397,7 +399,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
|
|
|
397
399
|
onPressOut: press.onPressOut,
|
|
398
400
|
children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
399
401
|
background,
|
|
400
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
402
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIG4Q3WQOcjs.PressableFeedback.Highlight, {}),
|
|
401
403
|
body
|
|
402
404
|
] })
|
|
403
405
|
}
|