@xaui/native 0.9.1-alpha.27 → 0.9.1-alpha.29
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-3JATAB7S.js → chunk-4GTAZM2C.js} +4 -2
- package/dist/{chunk-N4UJYDOW.js → chunk-5RFRASSB.js} +20 -18
- package/dist/{chunk-V2FQN6ZK.js → chunk-7BOFQN2G.js} +1 -1
- package/dist/{chunk-5OXZIZRZ.cjs → chunk-APONC4DB.cjs} +7 -7
- package/dist/{chunk-6FBGCF5T.cjs → chunk-AQNWXJYV.cjs} +2 -2
- package/dist/chunk-BA2DBSAN.js +102 -0
- package/dist/{chunk-TR2TGPDQ.js → chunk-D4SOU26X.js} +1 -1
- package/dist/{chunk-CQRUNV6S.cjs → chunk-E25JH7W2.cjs} +17 -17
- package/dist/{chunk-2EBB5BO3.cjs → chunk-F3H4TXAY.cjs} +14 -33
- package/dist/chunk-F6CQ6CBI.cjs +112 -0
- package/dist/{chunk-ZTA47PO5.js → chunk-FDSQOPJH.js} +1 -1
- package/dist/{chunk-JCKVYYZO.cjs → chunk-FFEUGWVA.cjs} +3 -3
- package/dist/{chunk-YXVKQMCK.cjs → chunk-FNEUOBCV.cjs} +4 -2
- package/dist/{chunk-Y7U6ACMB.cjs → chunk-FXHRNUCS.cjs} +2 -2
- package/dist/{chunk-J4JFIC4W.cjs → chunk-GCU5A5MM.cjs} +3 -3
- package/dist/{chunk-G52TQJBI.js → chunk-HOIQRGSK.js} +1 -1
- package/dist/chunk-L3Q5TVYE.js +659 -0
- package/dist/{chunk-WEMZ4VMC.js → chunk-NG4GFBDR.js} +1 -1
- package/dist/chunk-O5KDIEDH.cjs +735 -0
- package/dist/chunk-RZC4VFB5.cjs +698 -0
- package/dist/chunk-SVRZJEDU.cjs +289 -0
- package/dist/{chunk-3LKGVKQY.cjs → chunk-TFNB2PNI.cjs} +4 -4
- package/dist/chunk-V3KS5PPK.js +342 -0
- package/dist/{chunk-AXSJPWSJ.js → chunk-V56334S3.js} +1 -1
- package/dist/{chunk-EHARM2EN.js → chunk-VUEDYW3M.js} +1 -1
- package/dist/chunk-XYFMSRNJ.js +289 -0
- package/dist/{chunk-56KVKM27.js → chunk-YGOXQSNU.js} +15 -15
- package/dist/{chunk-H7DVR52Z.cjs → chunk-YWBTIWT5.cjs} +3 -3
- package/dist/components/alert/index.cjs +3 -3
- package/dist/components/alert/index.js +2 -2
- package/dist/components/button/index.cjs +3 -3
- package/dist/components/button/index.js +2 -2
- package/dist/components/card/index.cjs +3 -3
- package/dist/components/card/index.js +2 -2
- package/dist/components/checkbox/index.cjs +4 -3
- package/dist/components/checkbox/index.d.cts +4 -5
- package/dist/components/checkbox/index.d.ts +4 -5
- package/dist/components/checkbox/index.js +3 -2
- package/dist/components/chip/index.cjs +3 -3
- package/dist/components/chip/index.js +2 -2
- package/dist/components/input/index.cjs +3 -3
- package/dist/components/input/index.js +2 -2
- package/dist/components/input-group/index.cjs +4 -4
- package/dist/components/input-group/index.js +3 -3
- package/dist/components/input-otp/index.cjs +3 -3
- package/dist/components/input-otp/index.js +2 -2
- package/dist/components/radio/index.cjs +24 -0
- package/dist/components/radio/index.d.cts +1102 -0
- package/dist/components/radio/index.d.ts +1102 -0
- package/dist/components/radio/index.js +24 -0
- package/dist/components/switch/index.cjs +25 -0
- package/dist/components/switch/index.d.cts +1154 -0
- package/dist/components/switch/index.d.ts +1154 -0
- package/dist/components/switch/index.js +25 -0
- package/dist/components/text-area/index.cjs +4 -4
- package/dist/components/text-area/index.js +3 -3
- package/dist/components/typography/index.cjs +3 -3
- package/dist/components/typography/index.js +2 -2
- package/dist/index.cjs +47 -13
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +46 -12
- package/dist/system/index.cjs +7 -3
- package/dist/system/index.d.cts +47 -2
- package/dist/system/index.d.ts +47 -2
- package/dist/system/index.js +6 -2
- package/package.json +21 -1
- package/dist/chunk-63TWVWHG.cjs +0 -584
- package/dist/chunk-LGVIZAB2.js +0 -503
- /package/dist/{chunk-6HXWQ5AU.cjs → chunk-VZGBEGDV.cjs} +0 -0
- /package/dist/{chunk-AKXG43S4.js → chunk-Y4BPKSD3.js} +0 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Switch,
|
|
3
|
+
SwitchLabel,
|
|
4
|
+
SwitchRoot,
|
|
5
|
+
SwitchThumb,
|
|
6
|
+
SwitchTrack,
|
|
7
|
+
switchRecipe,
|
|
8
|
+
useSwitch
|
|
9
|
+
} from "../../chunk-L3Q5TVYE.js";
|
|
10
|
+
import "../../chunk-F6W3JQ7K.js";
|
|
11
|
+
import "../../chunk-4HELPMAK.js";
|
|
12
|
+
import "../../chunk-EGLLDKN6.js";
|
|
13
|
+
import "../../chunk-4GTAZM2C.js";
|
|
14
|
+
import "../../chunk-PMO62QK4.js";
|
|
15
|
+
import "../../chunk-A3EGFI6T.js";
|
|
16
|
+
import "../../chunk-GGW42MY4.js";
|
|
17
|
+
export {
|
|
18
|
+
Switch,
|
|
19
|
+
SwitchLabel,
|
|
20
|
+
SwitchRoot,
|
|
21
|
+
SwitchThumb,
|
|
22
|
+
SwitchTrack,
|
|
23
|
+
switchRecipe,
|
|
24
|
+
useSwitch
|
|
25
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../../chunk-
|
|
6
|
-
require('../../chunk-
|
|
4
|
+
var _chunkAPONC4DBcjs = require('../../chunk-APONC4DB.cjs');
|
|
5
|
+
require('../../chunk-FFEUGWVA.cjs');
|
|
6
|
+
require('../../chunk-FNEUOBCV.cjs');
|
|
7
7
|
require('../../chunk-HUZ4AUM2.cjs');
|
|
8
8
|
require('../../chunk-57SJ4LJF.cjs');
|
|
9
9
|
require('../../chunk-MC7SY2QH.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.TextArea =
|
|
13
|
+
exports.TextArea = _chunkAPONC4DBcjs.TextArea; exports.useTextArea = _chunkAPONC4DBcjs.useTextArea;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TextArea,
|
|
3
3
|
useTextArea
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-
|
|
6
|
-
import "../../chunk-
|
|
4
|
+
} from "../../chunk-D4SOU26X.js";
|
|
5
|
+
import "../../chunk-7BOFQN2G.js";
|
|
6
|
+
import "../../chunk-4GTAZM2C.js";
|
|
7
7
|
import "../../chunk-PMO62QK4.js";
|
|
8
8
|
import "../../chunk-A3EGFI6T.js";
|
|
9
9
|
import "../../chunk-GGW42MY4.js";
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../../chunk-
|
|
5
|
+
var _chunkFXHRNUCScjs = require('../../chunk-FXHRNUCS.cjs');
|
|
6
|
+
require('../../chunk-FNEUOBCV.cjs');
|
|
7
7
|
require('../../chunk-HUZ4AUM2.cjs');
|
|
8
8
|
require('../../chunk-57SJ4LJF.cjs');
|
|
9
9
|
require('../../chunk-MC7SY2QH.cjs');
|
|
@@ -11,4 +11,4 @@ require('../../chunk-MC7SY2QH.cjs');
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
exports.TextSpan =
|
|
14
|
+
exports.TextSpan = _chunkFXHRNUCScjs.TextSpan; exports.Typography = _chunkFXHRNUCScjs.Typography; exports.typographyRecipe = _chunkFXHRNUCScjs.typographyRecipe;
|
|
@@ -2,8 +2,8 @@ import {
|
|
|
2
2
|
TextSpan,
|
|
3
3
|
Typography,
|
|
4
4
|
typographyRecipe
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-
|
|
5
|
+
} from "../../chunk-HOIQRGSK.js";
|
|
6
|
+
import "../../chunk-4GTAZM2C.js";
|
|
7
7
|
import "../../chunk-PMO62QK4.js";
|
|
8
8
|
import "../../chunk-A3EGFI6T.js";
|
|
9
9
|
import "../../chunk-GGW42MY4.js";
|
package/dist/index.cjs
CHANGED
|
@@ -8,16 +8,33 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _chunkO5KDIEDHcjs = require('./chunk-O5KDIEDH.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
var _chunk5OXZIZRZcjs = require('./chunk-5OXZIZRZ.cjs');
|
|
16
15
|
|
|
17
16
|
|
|
18
17
|
|
|
19
18
|
|
|
20
|
-
var
|
|
19
|
+
var _chunkSVRZJEDUcjs = require('./chunk-SVRZJEDU.cjs');
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
var _chunkRZC4VFB5cjs = require('./chunk-RZC4VFB5.cjs');
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
var _chunkAPONC4DBcjs = require('./chunk-APONC4DB.cjs');
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
var _chunkFXHRNUCScjs = require('./chunk-FXHRNUCS.cjs');
|
|
21
38
|
|
|
22
39
|
|
|
23
40
|
|
|
@@ -29,7 +46,7 @@ var _chunkIBEX4XGVcjs = require('./chunk-IBEX4XGV.cjs');
|
|
|
29
46
|
|
|
30
47
|
|
|
31
48
|
|
|
32
|
-
var
|
|
49
|
+
var _chunkVZGBEGDVcjs = require('./chunk-VZGBEGDV.cjs');
|
|
33
50
|
|
|
34
51
|
|
|
35
52
|
|
|
@@ -46,19 +63,19 @@ var _chunkOHEHPQLCcjs = require('./chunk-OHEHPQLC.cjs');
|
|
|
46
63
|
|
|
47
64
|
|
|
48
65
|
|
|
49
|
-
var
|
|
66
|
+
var _chunkGCU5A5MMcjs = require('./chunk-GCU5A5MM.cjs');
|
|
50
67
|
|
|
51
68
|
|
|
52
69
|
|
|
53
70
|
|
|
54
|
-
var
|
|
71
|
+
var _chunkE25JH7W2cjs = require('./chunk-E25JH7W2.cjs');
|
|
55
72
|
|
|
56
73
|
|
|
57
74
|
|
|
58
75
|
|
|
59
76
|
|
|
60
77
|
|
|
61
|
-
var
|
|
78
|
+
var _chunkAQNWXJYVcjs = require('./chunk-AQNWXJYV.cjs');
|
|
62
79
|
|
|
63
80
|
|
|
64
81
|
|
|
@@ -66,15 +83,18 @@ var _chunk6FBGCF5Tcjs = require('./chunk-6FBGCF5T.cjs');
|
|
|
66
83
|
|
|
67
84
|
|
|
68
85
|
|
|
69
|
-
var
|
|
86
|
+
var _chunkF3H4TXAYcjs = require('./chunk-F3H4TXAY.cjs');
|
|
70
87
|
|
|
71
88
|
|
|
72
89
|
var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
|
|
73
90
|
|
|
74
91
|
|
|
92
|
+
var _chunkF6CQ6CBIcjs = require('./chunk-F6CQ6CBI.cjs');
|
|
93
|
+
|
|
75
94
|
|
|
76
95
|
|
|
77
|
-
|
|
96
|
+
|
|
97
|
+
var _chunkYWBTIWT5cjs = require('./chunk-YWBTIWT5.cjs');
|
|
78
98
|
|
|
79
99
|
|
|
80
100
|
|
|
@@ -112,7 +132,7 @@ require('./chunk-EJQCQPET.cjs');
|
|
|
112
132
|
|
|
113
133
|
|
|
114
134
|
|
|
115
|
-
var
|
|
135
|
+
var _chunkTFNB2PNIcjs = require('./chunk-TFNB2PNI.cjs');
|
|
116
136
|
|
|
117
137
|
|
|
118
138
|
|
|
@@ -127,11 +147,11 @@ var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
|
|
|
127
147
|
|
|
128
148
|
|
|
129
149
|
|
|
130
|
-
var
|
|
150
|
+
var _chunkFFEUGWVAcjs = require('./chunk-FFEUGWVA.cjs');
|
|
131
151
|
|
|
132
152
|
|
|
133
153
|
|
|
134
|
-
var
|
|
154
|
+
var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
|
|
135
155
|
|
|
136
156
|
|
|
137
157
|
|
|
@@ -275,4 +295,18 @@ function usePrevious(value) {
|
|
|
275
295
|
|
|
276
296
|
|
|
277
297
|
|
|
278
|
-
|
|
298
|
+
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
|
|
302
|
+
|
|
303
|
+
|
|
304
|
+
|
|
305
|
+
|
|
306
|
+
|
|
307
|
+
|
|
308
|
+
|
|
309
|
+
|
|
310
|
+
|
|
311
|
+
|
|
312
|
+
exports.Alert = _chunkGCU5A5MMcjs.Alert; exports.Button = _chunkE25JH7W2cjs.Button; exports.CARD_BACKGROUND = _chunkAQNWXJYVcjs.CARD_BACKGROUND; exports.Card = _chunkAQNWXJYVcjs.Card; exports.Checkbox = _chunkF3H4TXAYcjs.Checkbox; exports.CheckboxIndicator = _chunkF3H4TXAYcjs.CheckboxIndicator; exports.CheckboxLabel = _chunkF3H4TXAYcjs.CheckboxLabel; exports.CheckboxRoot = _chunkF3H4TXAYcjs.CheckboxRoot; exports.Chip = _chunkYWBTIWT5cjs.Chip; exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.Column = _chunkIBEX4XGVcjs.Column; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.Input = _chunkFFEUGWVAcjs.Input; exports.InputDescription = _chunkFFEUGWVAcjs.InputDescription; exports.InputError = _chunkFFEUGWVAcjs.InputError; exports.InputField = _chunkFFEUGWVAcjs.InputField; exports.InputGroup = _chunkTFNB2PNIcjs.InputGroup; exports.InputGroupField = _chunkTFNB2PNIcjs.InputGroupField; exports.InputGroupIcon = _chunkTFNB2PNIcjs.InputGroupIcon; exports.InputGroupPrefix = _chunkTFNB2PNIcjs.InputGroupPrefix; exports.InputGroupRoot = _chunkTFNB2PNIcjs.InputGroupRoot; exports.InputGroupSuffix = _chunkTFNB2PNIcjs.InputGroupSuffix; exports.InputLabel = _chunkFFEUGWVAcjs.InputLabel; exports.InputOTP = _chunkO5KDIEDHcjs.InputOTP; exports.InputRoot = _chunkFFEUGWVAcjs.InputRoot; exports.OTP_ALPHANUMERIC = _chunkO5KDIEDHcjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkO5KDIEDHcjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkO5KDIEDHcjs.OTP_LETTERS; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunkVZGBEGDVcjs.Portal; exports.PortalContext = _chunkVZGBEGDVcjs.PortalContext; exports.PortalHost = _chunkVZGBEGDVcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.Radio = _chunkSVRZJEDUcjs.Radio; exports.RadioIndicator = _chunkSVRZJEDUcjs.RadioIndicator; exports.RadioLabel = _chunkSVRZJEDUcjs.RadioLabel; exports.RadioRoot = _chunkSVRZJEDUcjs.RadioRoot; exports.Row = _chunkIBEX4XGVcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.SelectionFill = _chunkF6CQ6CBIcjs.SelectionFill; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.Switch = _chunkRZC4VFB5cjs.Switch; exports.SwitchLabel = _chunkRZC4VFB5cjs.SwitchLabel; exports.SwitchRoot = _chunkRZC4VFB5cjs.SwitchRoot; exports.SwitchThumb = _chunkRZC4VFB5cjs.SwitchThumb; exports.SwitchTrack = _chunkRZC4VFB5cjs.SwitchTrack; exports.TextArea = _chunkAPONC4DBcjs.TextArea; exports.TextSpan = _chunkFXHRNUCScjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkFXHRNUCScjs.Typography; exports.XAUIProvider = _chunkOHEHPQLCcjs.XAUIProvider; exports.alertRecipe = _chunkGCU5A5MMcjs.alertRecipe; exports.buildRadius = _chunkOHEHPQLCcjs.buildRadius; exports.buildShadows = _chunkOHEHPQLCcjs.buildShadows; exports.buildSlots = _chunkO5KDIEDHcjs.buildSlots; exports.buttonRecipe = _chunkE25JH7W2cjs.buttonRecipe; exports.cardRecipe = _chunkAQNWXJYVcjs.cardRecipe; exports.checkboxRecipe = _chunkF3H4TXAYcjs.checkboxRecipe; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.chipRecipe = _chunkYWBTIWT5cjs.chipRecipe; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkFNEUOBCVcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.createTheme = _chunkOHEHPQLCcjs.createTheme; exports.decoratorPadding = _chunkTFNB2PNIcjs.decoratorPadding; exports.defaultTheme = _chunkOHEHPQLCcjs.defaultTheme; exports.deriveColors = _chunkOHEHPQLCcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.extractPastedCode = _chunkO5KDIEDHcjs.extractPastedCode; exports.inputOTPRecipe = _chunkO5KDIEDHcjs.inputOTPRecipe; exports.inputRecipe = _chunkFFEUGWVAcjs.inputRecipe; exports.markBackground = _chunkAQNWXJYVcjs.markBackground; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkOHEHPQLCcjs.palette; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.primitives = _chunkOHEHPQLCcjs.primitives; exports.radioRecipe = _chunkSVRZJEDUcjs.radioRecipe; exports.radiusAxis = _chunkFNEUOBCVcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.sourceKeys = _chunkOHEHPQLCcjs.sourceKeys; exports.switchRecipe = _chunkRZC4VFB5cjs.switchRecipe; exports.tokens = _chunkOHEHPQLCcjs.tokens; exports.typographyRecipe = _chunkFXHRNUCScjs.typographyRecipe; exports.useAlert = _chunkGCU5A5MMcjs.useAlert; exports.useButton = _chunkE25JH7W2cjs.useButton; exports.useCard = _chunkAQNWXJYVcjs.useCard; exports.useCheckbox = _chunkF3H4TXAYcjs.useCheckbox; exports.useChip = _chunkYWBTIWT5cjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunk7EIHHOHPcjs.useControllableState; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useInput = _chunkFFEUGWVAcjs.useInput; exports.useInputGroup = _chunkTFNB2PNIcjs.useInputGroup; exports.useInputOTP = _chunkO5KDIEDHcjs.useInputOTP; exports.useInputOTPBox = _chunkO5KDIEDHcjs.useInputOTPBox; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkIG4Q3WQOcjs.usePressState; exports.usePrevious = usePrevious; exports.useRadio = _chunkSVRZJEDUcjs.useRadio; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; exports.useSwitch = _chunkRZC4VFB5cjs.useSwitch; exports.useTextArea = _chunkAPONC4DBcjs.useTextArea; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
|
package/dist/index.d.cts
CHANGED
|
@@ -6,12 +6,14 @@ export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps,
|
|
|
6
6
|
export { Input, InputDescription, InputError, InputField, InputLabel, InputRoot, inputRecipe, useInput } from './components/input/index.cjs';
|
|
7
7
|
export { InputGroup, InputGroupContextValue, InputGroupField, InputGroupFieldProps, InputGroupIcon, InputGroupIconProps, InputGroupPrefix, InputGroupPrefixProps, InputGroupProps, InputGroupRoot, InputGroupSide, InputGroupSuffix, InputGroupSuffixProps, decoratorPadding, useInputGroup } from './components/input-group/index.cjs';
|
|
8
8
|
export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.cjs';
|
|
9
|
+
export { Radio, RadioContextValue, RadioIndicator, RadioIndicatorProps, RadioLabel, RadioLabelProps, RadioProps, RadioRoot, RadioSize, RadioSlot, RadioVariant, radioRecipe, useRadio } from './components/radio/index.cjs';
|
|
10
|
+
export { Switch, SwitchContextValue, SwitchLabel, SwitchLabelProps, SwitchProps, SwitchRoot, SwitchSize, SwitchSlot, SwitchThumb, SwitchThumbProps, SwitchTrack, SwitchTrackProps, SwitchVariant, switchRecipe, useSwitch } from './components/switch/index.cjs';
|
|
9
11
|
export { TextArea, TextAreaContextValue, TextAreaFieldProps, TextAreaProps, useTextArea } from './components/text-area/index.cjs';
|
|
10
12
|
export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.cjs';
|
|
11
13
|
export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.cjs';
|
|
12
14
|
import { RefCallback } from 'react';
|
|
13
15
|
import { PossibleRef } from './system/index.cjs';
|
|
14
|
-
export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, Slot, SlotProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.cjs';
|
|
16
|
+
export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, SelectionFill, SelectionFillProps, Slot, SlotProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.cjs';
|
|
15
17
|
import { GestureResponderEvent } from 'react-native';
|
|
16
18
|
export { C as CloseButtonProps } from './close-button.type-CHsgZ3wO.cjs';
|
|
17
19
|
export { I as IconComponentProps, a as IconContextValue, b as IconProps } from './icon.type-CF4KiMKl.cjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -6,12 +6,14 @@ export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps,
|
|
|
6
6
|
export { Input, InputDescription, InputError, InputField, InputLabel, InputRoot, inputRecipe, useInput } from './components/input/index.js';
|
|
7
7
|
export { InputGroup, InputGroupContextValue, InputGroupField, InputGroupFieldProps, InputGroupIcon, InputGroupIconProps, InputGroupPrefix, InputGroupPrefixProps, InputGroupProps, InputGroupRoot, InputGroupSide, InputGroupSuffix, InputGroupSuffixProps, decoratorPadding, useInputGroup } from './components/input-group/index.js';
|
|
8
8
|
export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.js';
|
|
9
|
+
export { Radio, RadioContextValue, RadioIndicator, RadioIndicatorProps, RadioLabel, RadioLabelProps, RadioProps, RadioRoot, RadioSize, RadioSlot, RadioVariant, radioRecipe, useRadio } from './components/radio/index.js';
|
|
10
|
+
export { Switch, SwitchContextValue, SwitchLabel, SwitchLabelProps, SwitchProps, SwitchRoot, SwitchSize, SwitchSlot, SwitchThumb, SwitchThumbProps, SwitchTrack, SwitchTrackProps, SwitchVariant, switchRecipe, useSwitch } from './components/switch/index.js';
|
|
9
11
|
export { TextArea, TextAreaContextValue, TextAreaFieldProps, TextAreaProps, useTextArea } from './components/text-area/index.js';
|
|
10
12
|
export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.js';
|
|
11
13
|
export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.js';
|
|
12
14
|
import { RefCallback } from 'react';
|
|
13
15
|
import { PossibleRef } from './system/index.js';
|
|
14
|
-
export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, Slot, SlotProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.js';
|
|
16
|
+
export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, SelectionFill, SelectionFillProps, Slot, SlotProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.js';
|
|
15
17
|
import { GestureResponderEvent } from 'react-native';
|
|
16
18
|
export { C as CloseButtonProps } from './close-button.type-BUYuoSt2.js';
|
|
17
19
|
export { I as IconComponentProps, a as IconContextValue, b as IconProps } from './icon.type-Dq4_qePa.js';
|
package/dist/index.js
CHANGED
|
@@ -8,16 +8,33 @@ import {
|
|
|
8
8
|
inputOTPRecipe,
|
|
9
9
|
useInputOTP,
|
|
10
10
|
useInputOTPBox
|
|
11
|
-
} from "./chunk-
|
|
11
|
+
} from "./chunk-5RFRASSB.js";
|
|
12
|
+
import {
|
|
13
|
+
Radio,
|
|
14
|
+
RadioIndicator,
|
|
15
|
+
RadioLabel,
|
|
16
|
+
RadioRoot,
|
|
17
|
+
radioRecipe,
|
|
18
|
+
useRadio
|
|
19
|
+
} from "./chunk-XYFMSRNJ.js";
|
|
20
|
+
import {
|
|
21
|
+
Switch,
|
|
22
|
+
SwitchLabel,
|
|
23
|
+
SwitchRoot,
|
|
24
|
+
SwitchThumb,
|
|
25
|
+
SwitchTrack,
|
|
26
|
+
switchRecipe,
|
|
27
|
+
useSwitch
|
|
28
|
+
} from "./chunk-L3Q5TVYE.js";
|
|
12
29
|
import {
|
|
13
30
|
TextArea,
|
|
14
31
|
useTextArea
|
|
15
|
-
} from "./chunk-
|
|
32
|
+
} from "./chunk-D4SOU26X.js";
|
|
16
33
|
import {
|
|
17
34
|
TextSpan,
|
|
18
35
|
Typography,
|
|
19
36
|
typographyRecipe
|
|
20
|
-
} from "./chunk-
|
|
37
|
+
} from "./chunk-HOIQRGSK.js";
|
|
21
38
|
import {
|
|
22
39
|
Column,
|
|
23
40
|
Grid,
|
|
@@ -29,7 +46,7 @@ import {
|
|
|
29
46
|
Portal,
|
|
30
47
|
PortalContext,
|
|
31
48
|
PortalHost
|
|
32
|
-
} from "./chunk-
|
|
49
|
+
} from "./chunk-Y4BPKSD3.js";
|
|
33
50
|
import {
|
|
34
51
|
XAUIProvider,
|
|
35
52
|
buildRadius,
|
|
@@ -46,19 +63,19 @@ import {
|
|
|
46
63
|
Alert,
|
|
47
64
|
alertRecipe,
|
|
48
65
|
useAlert
|
|
49
|
-
} from "./chunk-
|
|
66
|
+
} from "./chunk-V56334S3.js";
|
|
50
67
|
import {
|
|
51
68
|
Button,
|
|
52
69
|
buttonRecipe,
|
|
53
70
|
useButton
|
|
54
|
-
} from "./chunk-
|
|
71
|
+
} from "./chunk-YGOXQSNU.js";
|
|
55
72
|
import {
|
|
56
73
|
CARD_BACKGROUND,
|
|
57
74
|
Card,
|
|
58
75
|
cardRecipe,
|
|
59
76
|
markBackground,
|
|
60
77
|
useCard
|
|
61
|
-
} from "./chunk-
|
|
78
|
+
} from "./chunk-FDSQOPJH.js";
|
|
62
79
|
import {
|
|
63
80
|
Checkbox,
|
|
64
81
|
CheckboxIndicator,
|
|
@@ -66,15 +83,18 @@ import {
|
|
|
66
83
|
CheckboxRoot,
|
|
67
84
|
checkboxRecipe,
|
|
68
85
|
useCheckbox
|
|
69
|
-
} from "./chunk-
|
|
86
|
+
} from "./chunk-V3KS5PPK.js";
|
|
70
87
|
import {
|
|
71
88
|
useControllableState
|
|
72
89
|
} from "./chunk-F6W3JQ7K.js";
|
|
90
|
+
import {
|
|
91
|
+
SelectionFill
|
|
92
|
+
} from "./chunk-BA2DBSAN.js";
|
|
73
93
|
import {
|
|
74
94
|
Chip,
|
|
75
95
|
chipRecipe,
|
|
76
96
|
useChip
|
|
77
|
-
} from "./chunk-
|
|
97
|
+
} from "./chunk-VUEDYW3M.js";
|
|
78
98
|
import {
|
|
79
99
|
CloseButton,
|
|
80
100
|
closeButtonBase
|
|
@@ -112,7 +132,7 @@ import {
|
|
|
112
132
|
InputGroupSuffix,
|
|
113
133
|
decoratorPadding,
|
|
114
134
|
useInputGroup
|
|
115
|
-
} from "./chunk-
|
|
135
|
+
} from "./chunk-NG4GFBDR.js";
|
|
116
136
|
import {
|
|
117
137
|
Icon,
|
|
118
138
|
IconContext,
|
|
@@ -127,11 +147,11 @@ import {
|
|
|
127
147
|
InputRoot,
|
|
128
148
|
inputRecipe,
|
|
129
149
|
useInput
|
|
130
|
-
} from "./chunk-
|
|
150
|
+
} from "./chunk-7BOFQN2G.js";
|
|
131
151
|
import {
|
|
132
152
|
createRecipe,
|
|
133
153
|
radiusAxis
|
|
134
|
-
} from "./chunk-
|
|
154
|
+
} from "./chunk-4GTAZM2C.js";
|
|
135
155
|
import {
|
|
136
156
|
Slot,
|
|
137
157
|
childrenToString,
|
|
@@ -211,10 +231,20 @@ export {
|
|
|
211
231
|
RIPPLE_FADE_OUT_DELAY,
|
|
212
232
|
RIPPLE_OPACITY,
|
|
213
233
|
RIPPLE_START_SCALE,
|
|
234
|
+
Radio,
|
|
235
|
+
RadioIndicator,
|
|
236
|
+
RadioLabel,
|
|
237
|
+
RadioRoot,
|
|
214
238
|
Row,
|
|
215
239
|
SCALE_REFERENCE_WIDTH,
|
|
240
|
+
SelectionFill,
|
|
216
241
|
Slot,
|
|
217
242
|
Stack,
|
|
243
|
+
Switch,
|
|
244
|
+
SwitchLabel,
|
|
245
|
+
SwitchRoot,
|
|
246
|
+
SwitchThumb,
|
|
247
|
+
SwitchTrack,
|
|
218
248
|
TextArea,
|
|
219
249
|
TextSpan,
|
|
220
250
|
ThemeContext,
|
|
@@ -247,11 +277,13 @@ export {
|
|
|
247
277
|
palette,
|
|
248
278
|
pressScaleFor,
|
|
249
279
|
primitives,
|
|
280
|
+
radioRecipe,
|
|
250
281
|
radiusAxis,
|
|
251
282
|
resolveAnimation,
|
|
252
283
|
resolveSlotAnimation,
|
|
253
284
|
rippleRadiusFor,
|
|
254
285
|
sourceKeys,
|
|
286
|
+
switchRecipe,
|
|
255
287
|
tokens,
|
|
256
288
|
typographyRecipe,
|
|
257
289
|
useAlert,
|
|
@@ -271,7 +303,9 @@ export {
|
|
|
271
303
|
useMergedRef,
|
|
272
304
|
usePressState,
|
|
273
305
|
usePrevious,
|
|
306
|
+
useRadio,
|
|
274
307
|
useStyleProps,
|
|
308
|
+
useSwitch,
|
|
275
309
|
useTextArea,
|
|
276
310
|
useThemeColor,
|
|
277
311
|
useXAUITheme
|
package/dist/system/index.cjs
CHANGED
|
@@ -2,7 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkVZGBEGDVcjs = require('../chunk-VZGBEGDV.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
var _chunkF6CQ6CBIcjs = require('../chunk-F6CQ6CBI.cjs');
|
|
6
9
|
|
|
7
10
|
|
|
8
11
|
|
|
@@ -38,7 +41,7 @@ var _chunkB4W2XNBPcjs = require('../chunk-B4W2XNBP.cjs');
|
|
|
38
41
|
|
|
39
42
|
|
|
40
43
|
|
|
41
|
-
var
|
|
44
|
+
var _chunkFNEUOBCVcjs = require('../chunk-FNEUOBCV.cjs');
|
|
42
45
|
|
|
43
46
|
|
|
44
47
|
|
|
@@ -86,4 +89,5 @@ require('../chunk-MC7SY2QH.cjs');
|
|
|
86
89
|
|
|
87
90
|
|
|
88
91
|
|
|
89
|
-
|
|
92
|
+
|
|
93
|
+
exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunkVZGBEGDVcjs.Portal; exports.PortalContext = _chunkVZGBEGDVcjs.PortalContext; exports.PortalHost = _chunkVZGBEGDVcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.SelectionFill = _chunkF6CQ6CBIcjs.SelectionFill; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkFNEUOBCVcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.radiusAxis = _chunkFNEUOBCVcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps;
|
package/dist/system/index.d.cts
CHANGED
|
@@ -322,11 +322,56 @@ declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_nati
|
|
|
322
322
|
* variants: { size: { … }, radius: radiusAxis('root') }
|
|
323
323
|
* ```
|
|
324
324
|
*
|
|
325
|
+
* **More than one slot when a second node has to square off with the first.** A `Switch`
|
|
326
|
+
* whose track lost its capsule and kept a circular knob is half-rounded, so the axis moves
|
|
327
|
+
* both: `radiusAxis('track', 'thumb')`.
|
|
328
|
+
*
|
|
329
|
+
* The same named corner on each, not an inset-corrected one. Nesting rules would say the
|
|
330
|
+
* inner radius is the outer less the gap, but here that reaches zero before the outer does
|
|
331
|
+
* — at `xs` a 3pt track would hold a sharp-cornered knob — and two matched corners read
|
|
332
|
+
* better than one correct one.
|
|
333
|
+
*
|
|
334
|
+
* Variadic rather than an array because every call but that one passes a single slot, and
|
|
335
|
+
* `radiusAxis('root')` reads better than `radiusAxis(['root'])`.
|
|
336
|
+
*
|
|
325
337
|
* The return type is a full `Record<RadiusKey, …>` rather than a partial one, so
|
|
326
338
|
* `createRecipe` still infers `radius="3xl"` as the axis's value union and a typo in a
|
|
327
339
|
* caller's `radius` is a type error rather than a silently ignored key.
|
|
328
340
|
*/
|
|
329
|
-
declare function radiusAxis<Slot extends string>(
|
|
341
|
+
declare function radiusAxis<Slot extends string>(...slots: Slot[]): Record<RadiusKey, StyleFn<Slot>>;
|
|
342
|
+
|
|
343
|
+
type SelectionFillProps = {
|
|
344
|
+
/** Whether the control is on. The fill is the answer, and the mark rides on it. */
|
|
345
|
+
isVisible: boolean;
|
|
346
|
+
/** The resolved style of the host component's `fill` slot (R5). */
|
|
347
|
+
style: StyleProp<ViewStyle>;
|
|
348
|
+
/** `false` shows the fill without the fade and the scale, and mounts no worklet. */
|
|
349
|
+
animation?: boolean;
|
|
350
|
+
/** The mark — a check, a dash, a dot. It appears with the fill, never before it. */
|
|
351
|
+
children?: ReactNode;
|
|
352
|
+
};
|
|
353
|
+
|
|
354
|
+
/**
|
|
355
|
+
* The colour a control takes when it is on, and the mark that arrives with it — the
|
|
356
|
+
* `Checkbox`'s check on its accent square, the `Radio`'s dot in its accent circle.
|
|
357
|
+
*
|
|
358
|
+
* It is a node of its own rather than a background on the box, because it has to fade and
|
|
359
|
+
* grow in **without taking the border with it**, and the mark has to ride along: a check
|
|
360
|
+
* arriving before its background reads as a glitch rather than as an animation.
|
|
361
|
+
*
|
|
362
|
+
* ```tsx
|
|
363
|
+
* <SelectionFill isVisible={isSelected} style={fillStyle} animation={animation}>
|
|
364
|
+
* <Check />
|
|
365
|
+
* </SelectionFill>
|
|
366
|
+
* ```
|
|
367
|
+
*
|
|
368
|
+
* The style is the host component's own resolved `fill` slot (R5) — this owns the motion
|
|
369
|
+
* and nothing else, which is what lets two components share it without sharing a recipe.
|
|
370
|
+
*/
|
|
371
|
+
declare function SelectionFill({ isVisible, style, animation, children, }: SelectionFillProps): react.JSX.Element | null;
|
|
372
|
+
declare namespace SelectionFill {
|
|
373
|
+
var displayName: string;
|
|
374
|
+
}
|
|
330
375
|
|
|
331
376
|
/**
|
|
332
377
|
* R3: the string a root should wrap in its default text slot, or `null` when it should
|
|
@@ -471,4 +516,4 @@ type CloseButtonSlots = {
|
|
|
471
516
|
*/
|
|
472
517
|
declare function closeButtonBase(theme: XAUITheme): CloseButtonSlots;
|
|
473
518
|
|
|
474
|
-
export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };
|
|
519
|
+
export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, SelectionFill, type SelectionFillProps, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };
|
package/dist/system/index.d.ts
CHANGED
|
@@ -322,11 +322,56 @@ declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_nati
|
|
|
322
322
|
* variants: { size: { … }, radius: radiusAxis('root') }
|
|
323
323
|
* ```
|
|
324
324
|
*
|
|
325
|
+
* **More than one slot when a second node has to square off with the first.** A `Switch`
|
|
326
|
+
* whose track lost its capsule and kept a circular knob is half-rounded, so the axis moves
|
|
327
|
+
* both: `radiusAxis('track', 'thumb')`.
|
|
328
|
+
*
|
|
329
|
+
* The same named corner on each, not an inset-corrected one. Nesting rules would say the
|
|
330
|
+
* inner radius is the outer less the gap, but here that reaches zero before the outer does
|
|
331
|
+
* — at `xs` a 3pt track would hold a sharp-cornered knob — and two matched corners read
|
|
332
|
+
* better than one correct one.
|
|
333
|
+
*
|
|
334
|
+
* Variadic rather than an array because every call but that one passes a single slot, and
|
|
335
|
+
* `radiusAxis('root')` reads better than `radiusAxis(['root'])`.
|
|
336
|
+
*
|
|
325
337
|
* The return type is a full `Record<RadiusKey, …>` rather than a partial one, so
|
|
326
338
|
* `createRecipe` still infers `radius="3xl"` as the axis's value union and a typo in a
|
|
327
339
|
* caller's `radius` is a type error rather than a silently ignored key.
|
|
328
340
|
*/
|
|
329
|
-
declare function radiusAxis<Slot extends string>(
|
|
341
|
+
declare function radiusAxis<Slot extends string>(...slots: Slot[]): Record<RadiusKey, StyleFn<Slot>>;
|
|
342
|
+
|
|
343
|
+
type SelectionFillProps = {
|
|
344
|
+
/** Whether the control is on. The fill is the answer, and the mark rides on it. */
|
|
345
|
+
isVisible: boolean;
|
|
346
|
+
/** The resolved style of the host component's `fill` slot (R5). */
|
|
347
|
+
style: StyleProp<ViewStyle>;
|
|
348
|
+
/** `false` shows the fill without the fade and the scale, and mounts no worklet. */
|
|
349
|
+
animation?: boolean;
|
|
350
|
+
/** The mark — a check, a dash, a dot. It appears with the fill, never before it. */
|
|
351
|
+
children?: ReactNode;
|
|
352
|
+
};
|
|
353
|
+
|
|
354
|
+
/**
|
|
355
|
+
* The colour a control takes when it is on, and the mark that arrives with it — the
|
|
356
|
+
* `Checkbox`'s check on its accent square, the `Radio`'s dot in its accent circle.
|
|
357
|
+
*
|
|
358
|
+
* It is a node of its own rather than a background on the box, because it has to fade and
|
|
359
|
+
* grow in **without taking the border with it**, and the mark has to ride along: a check
|
|
360
|
+
* arriving before its background reads as a glitch rather than as an animation.
|
|
361
|
+
*
|
|
362
|
+
* ```tsx
|
|
363
|
+
* <SelectionFill isVisible={isSelected} style={fillStyle} animation={animation}>
|
|
364
|
+
* <Check />
|
|
365
|
+
* </SelectionFill>
|
|
366
|
+
* ```
|
|
367
|
+
*
|
|
368
|
+
* The style is the host component's own resolved `fill` slot (R5) — this owns the motion
|
|
369
|
+
* and nothing else, which is what lets two components share it without sharing a recipe.
|
|
370
|
+
*/
|
|
371
|
+
declare function SelectionFill({ isVisible, style, animation, children, }: SelectionFillProps): react.JSX.Element | null;
|
|
372
|
+
declare namespace SelectionFill {
|
|
373
|
+
var displayName: string;
|
|
374
|
+
}
|
|
330
375
|
|
|
331
376
|
/**
|
|
332
377
|
* R3: the string a root should wrap in its default text slot, or `null` when it should
|
|
@@ -471,4 +516,4 @@ type CloseButtonSlots = {
|
|
|
471
516
|
*/
|
|
472
517
|
declare function closeButtonBase(theme: XAUITheme): CloseButtonSlots;
|
|
473
518
|
|
|
474
|
-
export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };
|
|
519
|
+
export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, SelectionFill, type SelectionFillProps, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };
|
package/dist/system/index.js
CHANGED
|
@@ -2,7 +2,10 @@ import {
|
|
|
2
2
|
Portal,
|
|
3
3
|
PortalContext,
|
|
4
4
|
PortalHost
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-Y4BPKSD3.js";
|
|
6
|
+
import {
|
|
7
|
+
SelectionFill
|
|
8
|
+
} from "../chunk-BA2DBSAN.js";
|
|
6
9
|
import {
|
|
7
10
|
CloseButton,
|
|
8
11
|
closeButtonBase
|
|
@@ -38,7 +41,7 @@ import {
|
|
|
38
41
|
import {
|
|
39
42
|
createRecipe,
|
|
40
43
|
radiusAxis
|
|
41
|
-
} from "../chunk-
|
|
44
|
+
} from "../chunk-4GTAZM2C.js";
|
|
42
45
|
import {
|
|
43
46
|
Slot,
|
|
44
47
|
childrenToString,
|
|
@@ -70,6 +73,7 @@ export {
|
|
|
70
73
|
RIPPLE_OPACITY,
|
|
71
74
|
RIPPLE_START_SCALE,
|
|
72
75
|
SCALE_REFERENCE_WIDTH,
|
|
76
|
+
SelectionFill,
|
|
73
77
|
Slot,
|
|
74
78
|
childrenToString,
|
|
75
79
|
closeButtonBase,
|