@xaui/native 0.9.1-alpha.29 → 0.9.1-alpha.30
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-XYFMSRNJ.js → chunk-27ZRTZEE.js} +14 -10
- package/dist/{chunk-ICR42HHG.js → chunk-3FV4COTM.js} +3 -3
- package/dist/chunk-423RQBOX.js +21 -0
- package/dist/{chunk-TFNB2PNI.cjs → chunk-4XPLPQLM.cjs} +13 -11
- package/dist/{chunk-APONC4DB.cjs → chunk-5GO7MAVY.cjs} +12 -10
- package/dist/{chunk-AQNWXJYV.cjs → chunk-5RQ7AZPN.cjs} +20 -16
- package/dist/{chunk-FFEUGWVA.cjs → chunk-5Z4P6WHR.cjs} +11 -9
- package/dist/{chunk-L3Q5TVYE.js → chunk-6RVCGLKZ.js} +60 -58
- package/dist/chunk-7DPL3ZDS.cjs +21 -0
- package/dist/{chunk-Y4BPKSD3.js → chunk-7SEZGVTY.js} +1 -1
- package/dist/chunk-7XKQJQF2.cjs +70 -0
- package/dist/{chunk-7BOFQN2G.js → chunk-A5OCK3C2.js} +7 -5
- package/dist/{chunk-4HELPMAK.js → chunk-BFMTUMTU.js} +81 -101
- package/dist/chunk-BVJQ3UPZ.js +62 -0
- package/dist/{chunk-NG4GFBDR.js → chunk-DFME724B.js} +8 -6
- package/dist/chunk-E2CWBQTV.js +119 -0
- package/dist/chunk-E4TS6632.cjs +314 -0
- package/dist/{chunk-VUEDYW3M.js → chunk-FMZQW35T.js} +15 -11
- package/dist/{chunk-OYZYWWJ6.js → chunk-G7K652GC.js} +4 -2
- package/dist/{chunk-YGOXQSNU.js → chunk-GI24YJPE.js} +100 -206
- package/dist/chunk-GLGU2WFL.cjs +190 -0
- package/dist/{chunk-IG4Q3WQO.cjs → chunk-GPVNCJ3Z.cjs} +74 -95
- package/dist/{chunk-D4SOU26X.js → chunk-GVQOD3VW.js} +5 -3
- package/dist/chunk-KOC3KQIT.js +124 -0
- package/dist/chunk-KPWZLUES.cjs +124 -0
- package/dist/{chunk-SVRZJEDU.cjs → chunk-KWCHSIMI.cjs} +16 -12
- package/dist/{chunk-GCU5A5MM.cjs → chunk-N527BTY4.cjs} +17 -15
- package/dist/{chunk-F3H4TXAY.cjs → chunk-NBFWWQFW.cjs} +16 -12
- package/dist/{chunk-HOIQRGSK.js → chunk-NYRXUGVL.js} +6 -4
- package/dist/{chunk-V56334S3.js → chunk-Q3WFY5N3.js} +9 -7
- package/dist/{chunk-FXHRNUCS.cjs → chunk-QGN2BBJO.cjs} +8 -6
- package/dist/{chunk-J2JJLKLG.cjs → chunk-TGZZ3RZU.cjs} +7 -5
- package/dist/{chunk-YWBTIWT5.cjs → chunk-UBQLKIZC.cjs} +22 -18
- package/dist/{chunk-PMO62QK4.js → chunk-URSKA2VR.js} +1 -114
- package/dist/{chunk-A4RGJBP2.js → chunk-V4WDMM6Z.js} +5 -3
- package/dist/{chunk-FDSQOPJH.js → chunk-VJEER76X.js} +11 -7
- package/dist/{chunk-O5KDIEDH.cjs → chunk-VZBWYWEI.cjs} +25 -24
- package/dist/{chunk-B4W2XNBP.cjs → chunk-WR7YLDVV.cjs} +3 -3
- package/dist/{chunk-5RFRASSB.js → chunk-X4HQ4H2V.js} +16 -15
- package/dist/{chunk-IBEX4XGV.cjs → chunk-XFSW3ZNI.cjs} +13 -11
- package/dist/{chunk-VZGBEGDV.cjs → chunk-XQFAUDR2.cjs} +2 -2
- package/dist/{chunk-V3KS5PPK.js → chunk-YKL6XHM6.js} +14 -10
- package/dist/{chunk-HUZ4AUM2.cjs → chunk-ZP2E2H2G.cjs} +4 -188
- package/dist/{chunk-RZC4VFB5.cjs → chunk-ZSLNGBDS.cjs} +68 -66
- package/dist/components/alert/index.cjs +8 -6
- package/dist/components/alert/index.d.cts +2 -2
- package/dist/components/alert/index.d.ts +2 -2
- package/dist/components/alert/index.js +7 -5
- package/dist/components/button/index.cjs +9 -5
- package/dist/components/button/index.d.cts +9 -4
- package/dist/components/button/index.d.ts +9 -4
- package/dist/components/button/index.js +8 -4
- package/dist/components/card/index.cjs +6 -4
- package/dist/components/card/index.d.cts +1 -1
- package/dist/components/card/index.d.ts +1 -1
- package/dist/components/card/index.js +5 -3
- package/dist/components/checkbox/index.cjs +7 -5
- package/dist/components/checkbox/index.d.cts +1 -1
- package/dist/components/checkbox/index.d.ts +1 -1
- package/dist/components/checkbox/index.js +6 -4
- package/dist/components/chip/index.cjs +8 -6
- package/dist/components/chip/index.d.cts +2 -2
- package/dist/components/chip/index.d.ts +2 -2
- package/dist/components/chip/index.js +7 -5
- package/dist/components/input/index.cjs +4 -3
- package/dist/components/input/index.d.cts +1 -1
- package/dist/components/input/index.d.ts +1 -1
- package/dist/components/input/index.js +3 -2
- package/dist/components/input-group/index.cjs +6 -5
- package/dist/components/input-group/index.d.cts +1 -1
- package/dist/components/input-group/index.d.ts +1 -1
- package/dist/components/input-group/index.js +5 -4
- package/dist/components/input-otp/index.cjs +4 -3
- package/dist/components/input-otp/index.d.cts +2 -2
- package/dist/components/input-otp/index.d.ts +2 -2
- package/dist/components/input-otp/index.js +3 -2
- package/dist/components/radio/index.cjs +7 -5
- package/dist/components/radio/index.d.cts +1 -1
- package/dist/components/radio/index.d.ts +1 -1
- package/dist/components/radio/index.js +6 -4
- package/dist/components/spinner/index.cjs +16 -0
- package/dist/components/spinner/index.d.cts +104 -0
- package/dist/components/spinner/index.d.ts +104 -0
- package/dist/components/spinner/index.js +16 -0
- package/dist/components/switch/index.cjs +6 -4
- package/dist/components/switch/index.d.cts +1 -1
- package/dist/components/switch/index.d.ts +1 -1
- package/dist/components/switch/index.js +5 -3
- package/dist/components/text-area/index.cjs +5 -4
- package/dist/components/text-area/index.js +4 -3
- package/dist/components/typography/index.cjs +4 -3
- package/dist/components/typography/index.d.cts +1 -1
- package/dist/components/typography/index.d.ts +1 -1
- package/dist/components/typography/index.js +3 -2
- package/dist/components/view/index.cjs +4 -3
- package/dist/components/view/index.js +3 -2
- package/dist/{create-recipe-DUo8doTt.d.ts → create-recipe-BdVd2ffi.d.ts} +1 -1
- package/dist/{create-recipe-CWvI5ot3.d.cts → create-recipe-dC7wMfnj.d.cts} +1 -1
- package/dist/{icon.type-Dq4_qePa.d.ts → icon.type-Kml72iSz.d.ts} +1 -1
- package/dist/{icon.type-CF4KiMKl.d.cts → icon.type-d_i9ma-i.d.cts} +1 -1
- package/dist/index.cjs +39 -37
- package/dist/index.d.cts +24 -4
- package/dist/index.d.ts +24 -4
- package/dist/index.js +73 -71
- package/dist/system/index.cjs +11 -8
- package/dist/system/index.d.cts +4 -4
- package/dist/system/index.d.ts +4 -4
- package/dist/system/index.js +11 -8
- package/package.json +11 -1
- package/dist/chunk-E25JH7W2.cjs +0 -456
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as react_native from 'react-native';
|
|
3
|
+
import { ViewProps, StyleProp, ViewStyle, View } from 'react-native';
|
|
4
|
+
import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
|
|
5
|
+
import { S as Size, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
|
|
6
|
+
import { R as Recipe, S as SlotStyles } from '../../create-recipe-dC7wMfnj.cjs';
|
|
7
|
+
|
|
8
|
+
type SpinnerSlot = 'root' | 'arc';
|
|
9
|
+
/**
|
|
10
|
+
* Seven names, and each one is **an ink** — a spinner has no fill for a variant to paint.
|
|
11
|
+
*
|
|
12
|
+
* That is what makes this a narrowing of §1 bis rather than a second vocabulary. On a
|
|
13
|
+
* `Chip`, `fg` means "the colour that reads *on* this variant's surface", which is why
|
|
14
|
+
* `primary` resolves to `accentForeground` — white. A spinner has no surface, so here a
|
|
15
|
+
* variant names the colour of the thing itself:
|
|
16
|
+
*
|
|
17
|
+
* - **`primary`** — `accent`. The brand, waiting.
|
|
18
|
+
* - **`secondary`** — the accent as it reads on the page rather than on a fill.
|
|
19
|
+
* - **`default`** — `foreground`. A spinner beside text, in the text's own ink.
|
|
20
|
+
* - **`tertiary`** — `muted`. The quiet one, for a refresh nobody is waiting on.
|
|
21
|
+
* - **`success` / `warning` / `danger`** — the three status families, for the wait whose
|
|
22
|
+
* outcome is already named: deleting is a `danger` wait.
|
|
23
|
+
*
|
|
24
|
+
* **No `ghost`**, because a spinner with no ink is not a spinner, and **no `-soft`
|
|
25
|
+
* slices**, because a soft slice is a fill softened and there is no fill here. Both are
|
|
26
|
+
* absences with a reason, which is the test §1 bis sets for narrowing the union.
|
|
27
|
+
*/
|
|
28
|
+
type SpinnerVariant = 'primary' | 'secondary' | 'default' | 'tertiary' | 'success' | 'warning' | 'danger';
|
|
29
|
+
type SpinnerSize = Size;
|
|
30
|
+
/**
|
|
31
|
+
* What the `Spinner` itself understands. R14 — a name in here is the component's, so the
|
|
32
|
+
* style prop that shares it is not exposed: `size` is the spinner's scale and never
|
|
33
|
+
* `ViewStyle`'s, and `color` is R7's tint.
|
|
34
|
+
*
|
|
35
|
+
* **No `asChild`**, and this is the one root in the library without one (R12). `Slot`
|
|
36
|
+
* merges a root's props into a single element, and that element keeps its own children —
|
|
37
|
+
* so a caller's element could become the track, but the arc is a second node it has no way
|
|
38
|
+
* to receive. Handing over the track alone would render a ring that never turns, silently.
|
|
39
|
+
* Styling is the escape hatch instead, and R14 gives every `ViewStyle` key as a prop.
|
|
40
|
+
*/
|
|
41
|
+
type SpinnerOwnProps = {
|
|
42
|
+
variant?: SpinnerVariant;
|
|
43
|
+
/** The diameter, and the thickness that goes with it. */
|
|
44
|
+
size?: SpinnerSize;
|
|
45
|
+
/**
|
|
46
|
+
* A raw tint (`'#7c3aed'`), never a token (R7). There is one thing to colour on a
|
|
47
|
+
* spinner, so it lands on the ring — and on the track behind it, at the same fraction
|
|
48
|
+
* the variant's own ink is faded to.
|
|
49
|
+
*/
|
|
50
|
+
color?: string;
|
|
51
|
+
/**
|
|
52
|
+
* `false` stops the rotation and mounts no worklet. The ring stays, so a list of rows
|
|
53
|
+
* switched off with `animation={false}` does not change height.
|
|
54
|
+
*
|
|
55
|
+
* A boolean rather than the `AnimationProp` union `PressableFeedback` takes: there is
|
|
56
|
+
* one animation here, so there is nothing for an object to switch off one at a time.
|
|
57
|
+
*/
|
|
58
|
+
animation?: boolean;
|
|
59
|
+
style?: StyleProp<ViewStyle>;
|
|
60
|
+
};
|
|
61
|
+
type SpinnerProps = Omit<ViewProps, 'style'> & SpinnerOwnProps & Omit<ViewStyleProps, keyof SpinnerOwnProps | keyof ViewProps>;
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* The wait, drawn.
|
|
65
|
+
*
|
|
66
|
+
* ```tsx
|
|
67
|
+
* <Spinner />
|
|
68
|
+
* <Spinner variant="danger" size="sm" />
|
|
69
|
+
* <Spinner color="#7c3aed" accessibilityLabel="Chargement des projets" />
|
|
70
|
+
* ```
|
|
71
|
+
*
|
|
72
|
+
* **Two rings and no slots.** The root is the track — the full circle, in the variant's
|
|
73
|
+
* ink at a fraction of its opacity — and its one child is the arc that turns over it,
|
|
74
|
+
* the same circle with a quarter missing. There is nothing between them for a slot to
|
|
75
|
+
* name, and the two are one figure rather than two parts.
|
|
76
|
+
*
|
|
77
|
+
* It is HeroUI's spinner drawn with borders instead of a gradient stroke. Theirs fades a
|
|
78
|
+
* single arc from opaque to 55%, which needs an SVG `linearGradient` and therefore
|
|
79
|
+
* `react-native-svg` — an optional peer, which a component in the fifteen-component core
|
|
80
|
+
* cannot require. Two circles of one ink at two opacities read as the same figure and
|
|
81
|
+
* cost two views.
|
|
82
|
+
*
|
|
83
|
+
* **`size` is the diameter**, and the only measurement a circle has. A spinner that filled
|
|
84
|
+
* its parent would be a progress bar, so R14's `width` is available and deliberately not
|
|
85
|
+
* what `size` means.
|
|
86
|
+
*/
|
|
87
|
+
declare const Spinner: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
88
|
+
variant?: SpinnerVariant;
|
|
89
|
+
size?: SpinnerSize;
|
|
90
|
+
color?: string;
|
|
91
|
+
animation?: boolean;
|
|
92
|
+
style?: StyleProp<ViewStyle>;
|
|
93
|
+
} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "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" | "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" | "animation" | "size" | "variant"> & react.RefAttributes<View>>;
|
|
94
|
+
|
|
95
|
+
declare const spinnerRecipe: Recipe<"root" | "arc", SpinnerVariant, {
|
|
96
|
+
readonly size: {
|
|
97
|
+
readonly xs: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
|
|
98
|
+
readonly sm: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
|
|
99
|
+
readonly md: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
|
|
100
|
+
readonly lg: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
|
|
101
|
+
};
|
|
102
|
+
}>;
|
|
103
|
+
|
|
104
|
+
export { Spinner, type SpinnerProps, type SpinnerSize, type SpinnerSlot, type SpinnerVariant, spinnerRecipe };
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as react_native from 'react-native';
|
|
3
|
+
import { ViewProps, StyleProp, ViewStyle, View } from 'react-native';
|
|
4
|
+
import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.js';
|
|
5
|
+
import { S as Size, X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
|
|
6
|
+
import { R as Recipe, S as SlotStyles } from '../../create-recipe-BdVd2ffi.js';
|
|
7
|
+
|
|
8
|
+
type SpinnerSlot = 'root' | 'arc';
|
|
9
|
+
/**
|
|
10
|
+
* Seven names, and each one is **an ink** — a spinner has no fill for a variant to paint.
|
|
11
|
+
*
|
|
12
|
+
* That is what makes this a narrowing of §1 bis rather than a second vocabulary. On a
|
|
13
|
+
* `Chip`, `fg` means "the colour that reads *on* this variant's surface", which is why
|
|
14
|
+
* `primary` resolves to `accentForeground` — white. A spinner has no surface, so here a
|
|
15
|
+
* variant names the colour of the thing itself:
|
|
16
|
+
*
|
|
17
|
+
* - **`primary`** — `accent`. The brand, waiting.
|
|
18
|
+
* - **`secondary`** — the accent as it reads on the page rather than on a fill.
|
|
19
|
+
* - **`default`** — `foreground`. A spinner beside text, in the text's own ink.
|
|
20
|
+
* - **`tertiary`** — `muted`. The quiet one, for a refresh nobody is waiting on.
|
|
21
|
+
* - **`success` / `warning` / `danger`** — the three status families, for the wait whose
|
|
22
|
+
* outcome is already named: deleting is a `danger` wait.
|
|
23
|
+
*
|
|
24
|
+
* **No `ghost`**, because a spinner with no ink is not a spinner, and **no `-soft`
|
|
25
|
+
* slices**, because a soft slice is a fill softened and there is no fill here. Both are
|
|
26
|
+
* absences with a reason, which is the test §1 bis sets for narrowing the union.
|
|
27
|
+
*/
|
|
28
|
+
type SpinnerVariant = 'primary' | 'secondary' | 'default' | 'tertiary' | 'success' | 'warning' | 'danger';
|
|
29
|
+
type SpinnerSize = Size;
|
|
30
|
+
/**
|
|
31
|
+
* What the `Spinner` itself understands. R14 — a name in here is the component's, so the
|
|
32
|
+
* style prop that shares it is not exposed: `size` is the spinner's scale and never
|
|
33
|
+
* `ViewStyle`'s, and `color` is R7's tint.
|
|
34
|
+
*
|
|
35
|
+
* **No `asChild`**, and this is the one root in the library without one (R12). `Slot`
|
|
36
|
+
* merges a root's props into a single element, and that element keeps its own children —
|
|
37
|
+
* so a caller's element could become the track, but the arc is a second node it has no way
|
|
38
|
+
* to receive. Handing over the track alone would render a ring that never turns, silently.
|
|
39
|
+
* Styling is the escape hatch instead, and R14 gives every `ViewStyle` key as a prop.
|
|
40
|
+
*/
|
|
41
|
+
type SpinnerOwnProps = {
|
|
42
|
+
variant?: SpinnerVariant;
|
|
43
|
+
/** The diameter, and the thickness that goes with it. */
|
|
44
|
+
size?: SpinnerSize;
|
|
45
|
+
/**
|
|
46
|
+
* A raw tint (`'#7c3aed'`), never a token (R7). There is one thing to colour on a
|
|
47
|
+
* spinner, so it lands on the ring — and on the track behind it, at the same fraction
|
|
48
|
+
* the variant's own ink is faded to.
|
|
49
|
+
*/
|
|
50
|
+
color?: string;
|
|
51
|
+
/**
|
|
52
|
+
* `false` stops the rotation and mounts no worklet. The ring stays, so a list of rows
|
|
53
|
+
* switched off with `animation={false}` does not change height.
|
|
54
|
+
*
|
|
55
|
+
* A boolean rather than the `AnimationProp` union `PressableFeedback` takes: there is
|
|
56
|
+
* one animation here, so there is nothing for an object to switch off one at a time.
|
|
57
|
+
*/
|
|
58
|
+
animation?: boolean;
|
|
59
|
+
style?: StyleProp<ViewStyle>;
|
|
60
|
+
};
|
|
61
|
+
type SpinnerProps = Omit<ViewProps, 'style'> & SpinnerOwnProps & Omit<ViewStyleProps, keyof SpinnerOwnProps | keyof ViewProps>;
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* The wait, drawn.
|
|
65
|
+
*
|
|
66
|
+
* ```tsx
|
|
67
|
+
* <Spinner />
|
|
68
|
+
* <Spinner variant="danger" size="sm" />
|
|
69
|
+
* <Spinner color="#7c3aed" accessibilityLabel="Chargement des projets" />
|
|
70
|
+
* ```
|
|
71
|
+
*
|
|
72
|
+
* **Two rings and no slots.** The root is the track — the full circle, in the variant's
|
|
73
|
+
* ink at a fraction of its opacity — and its one child is the arc that turns over it,
|
|
74
|
+
* the same circle with a quarter missing. There is nothing between them for a slot to
|
|
75
|
+
* name, and the two are one figure rather than two parts.
|
|
76
|
+
*
|
|
77
|
+
* It is HeroUI's spinner drawn with borders instead of a gradient stroke. Theirs fades a
|
|
78
|
+
* single arc from opaque to 55%, which needs an SVG `linearGradient` and therefore
|
|
79
|
+
* `react-native-svg` — an optional peer, which a component in the fifteen-component core
|
|
80
|
+
* cannot require. Two circles of one ink at two opacities read as the same figure and
|
|
81
|
+
* cost two views.
|
|
82
|
+
*
|
|
83
|
+
* **`size` is the diameter**, and the only measurement a circle has. A spinner that filled
|
|
84
|
+
* its parent would be a progress bar, so R14's `width` is available and deliberately not
|
|
85
|
+
* what `size` means.
|
|
86
|
+
*/
|
|
87
|
+
declare const Spinner: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
88
|
+
variant?: SpinnerVariant;
|
|
89
|
+
size?: SpinnerSize;
|
|
90
|
+
color?: string;
|
|
91
|
+
animation?: boolean;
|
|
92
|
+
style?: StyleProp<ViewStyle>;
|
|
93
|
+
} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "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" | "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" | "animation" | "size" | "variant"> & react.RefAttributes<View>>;
|
|
94
|
+
|
|
95
|
+
declare const spinnerRecipe: Recipe<"root" | "arc", SpinnerVariant, {
|
|
96
|
+
readonly size: {
|
|
97
|
+
readonly xs: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
|
|
98
|
+
readonly sm: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
|
|
99
|
+
readonly md: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
|
|
100
|
+
readonly lg: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
|
|
101
|
+
};
|
|
102
|
+
}>;
|
|
103
|
+
|
|
104
|
+
export { Spinner, type SpinnerProps, type SpinnerSize, type SpinnerSlot, type SpinnerVariant, spinnerRecipe };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Spinner,
|
|
3
|
+
spinnerRecipe
|
|
4
|
+
} from "../../chunk-KOC3KQIT.js";
|
|
5
|
+
import "../../chunk-BVJQ3UPZ.js";
|
|
6
|
+
import "../../chunk-423RQBOX.js";
|
|
7
|
+
import "../../chunk-F6W3JQ7K.js";
|
|
8
|
+
import "../../chunk-EGLLDKN6.js";
|
|
9
|
+
import "../../chunk-4GTAZM2C.js";
|
|
10
|
+
import "../../chunk-A3EGFI6T.js";
|
|
11
|
+
import "../../chunk-URSKA2VR.js";
|
|
12
|
+
import "../../chunk-GGW42MY4.js";
|
|
13
|
+
export {
|
|
14
|
+
Spinner,
|
|
15
|
+
spinnerRecipe
|
|
16
|
+
};
|
|
@@ -6,13 +6,15 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkZSLNGBDScjs = require('../../chunk-ZSLNGBDS.cjs');
|
|
10
|
+
require('../../chunk-GPVNCJ3Z.cjs');
|
|
11
|
+
require('../../chunk-7DPL3ZDS.cjs');
|
|
10
12
|
require('../../chunk-7EIHHOHP.cjs');
|
|
11
|
-
require('../../chunk-IG4Q3WQO.cjs');
|
|
12
13
|
require('../../chunk-EJQCQPET.cjs');
|
|
13
14
|
require('../../chunk-FNEUOBCV.cjs');
|
|
14
|
-
require('../../chunk-HUZ4AUM2.cjs');
|
|
15
15
|
require('../../chunk-57SJ4LJF.cjs');
|
|
16
|
+
require('../../chunk-ZP2E2H2G.cjs');
|
|
17
|
+
require('../../chunk-GLGU2WFL.cjs');
|
|
16
18
|
require('../../chunk-MC7SY2QH.cjs');
|
|
17
19
|
|
|
18
20
|
|
|
@@ -22,4 +24,4 @@ require('../../chunk-MC7SY2QH.cjs');
|
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
|
|
25
|
-
exports.Switch =
|
|
27
|
+
exports.Switch = _chunkZSLNGBDScjs.Switch; exports.SwitchLabel = _chunkZSLNGBDScjs.SwitchLabel; exports.SwitchRoot = _chunkZSLNGBDScjs.SwitchRoot; exports.SwitchThumb = _chunkZSLNGBDScjs.SwitchThumb; exports.SwitchTrack = _chunkZSLNGBDScjs.SwitchTrack; exports.switchRecipe = _chunkZSLNGBDScjs.switchRecipe; exports.useSwitch = _chunkZSLNGBDScjs.useSwitch;
|
|
@@ -5,7 +5,7 @@ import { StyleProp, ViewStyle, TextStyle, TextProps, PressableStateCallbackType,
|
|
|
5
5
|
import { T as TextStyleProps, V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
|
|
6
6
|
import { a as AnimationProp, P as PressableFeedbackProps } from '../../pressable-feedback.type-BA2C9sSz.cjs';
|
|
7
7
|
import { S as Size, R as RadiusKey } from '../../theme.type-C2gNHpEx.cjs';
|
|
8
|
-
import { R as Recipe,
|
|
8
|
+
import { R as Recipe, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
|
|
9
9
|
import 'react-native-reanimated';
|
|
10
10
|
|
|
11
11
|
type SwitchSlot = 'root' | 'track' | 'trackSelected' | 'thumb' | 'thumbSelected' | 'label';
|
|
@@ -5,7 +5,7 @@ import { StyleProp, ViewStyle, TextStyle, TextProps, PressableStateCallbackType,
|
|
|
5
5
|
import { T as TextStyleProps, V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.js';
|
|
6
6
|
import { a as AnimationProp, P as PressableFeedbackProps } from '../../pressable-feedback.type-Bs4dQlGj.js';
|
|
7
7
|
import { S as Size, R as RadiusKey } from '../../theme.type-C2gNHpEx.js';
|
|
8
|
-
import { R as Recipe,
|
|
8
|
+
import { R as Recipe, a as StyleFn } from '../../create-recipe-BdVd2ffi.js';
|
|
9
9
|
import 'react-native-reanimated';
|
|
10
10
|
|
|
11
11
|
type SwitchSlot = 'root' | 'track' | 'trackSelected' | 'thumb' | 'thumbSelected' | 'label';
|
|
@@ -6,13 +6,15 @@ import {
|
|
|
6
6
|
SwitchTrack,
|
|
7
7
|
switchRecipe,
|
|
8
8
|
useSwitch
|
|
9
|
-
} from "../../chunk-
|
|
9
|
+
} from "../../chunk-6RVCGLKZ.js";
|
|
10
|
+
import "../../chunk-BFMTUMTU.js";
|
|
11
|
+
import "../../chunk-423RQBOX.js";
|
|
10
12
|
import "../../chunk-F6W3JQ7K.js";
|
|
11
|
-
import "../../chunk-4HELPMAK.js";
|
|
12
13
|
import "../../chunk-EGLLDKN6.js";
|
|
13
14
|
import "../../chunk-4GTAZM2C.js";
|
|
14
|
-
import "../../chunk-PMO62QK4.js";
|
|
15
15
|
import "../../chunk-A3EGFI6T.js";
|
|
16
|
+
import "../../chunk-E2CWBQTV.js";
|
|
17
|
+
import "../../chunk-URSKA2VR.js";
|
|
16
18
|
import "../../chunk-GGW42MY4.js";
|
|
17
19
|
export {
|
|
18
20
|
Switch,
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../../chunk-
|
|
4
|
+
var _chunk5GO7MAVYcjs = require('../../chunk-5GO7MAVY.cjs');
|
|
5
|
+
require('../../chunk-5Z4P6WHR.cjs');
|
|
6
6
|
require('../../chunk-FNEUOBCV.cjs');
|
|
7
|
-
require('../../chunk-HUZ4AUM2.cjs');
|
|
8
7
|
require('../../chunk-57SJ4LJF.cjs');
|
|
8
|
+
require('../../chunk-ZP2E2H2G.cjs');
|
|
9
|
+
require('../../chunk-GLGU2WFL.cjs');
|
|
9
10
|
require('../../chunk-MC7SY2QH.cjs');
|
|
10
11
|
|
|
11
12
|
|
|
12
13
|
|
|
13
|
-
exports.TextArea =
|
|
14
|
+
exports.TextArea = _chunk5GO7MAVYcjs.TextArea; exports.useTextArea = _chunk5GO7MAVYcjs.useTextArea;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TextArea,
|
|
3
3
|
useTextArea
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-
|
|
4
|
+
} from "../../chunk-GVQOD3VW.js";
|
|
5
|
+
import "../../chunk-A5OCK3C2.js";
|
|
6
6
|
import "../../chunk-4GTAZM2C.js";
|
|
7
|
-
import "../../chunk-PMO62QK4.js";
|
|
8
7
|
import "../../chunk-A3EGFI6T.js";
|
|
8
|
+
import "../../chunk-E2CWBQTV.js";
|
|
9
|
+
import "../../chunk-URSKA2VR.js";
|
|
9
10
|
import "../../chunk-GGW42MY4.js";
|
|
10
11
|
export {
|
|
11
12
|
TextArea,
|
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkQGN2BBJOcjs = require('../../chunk-QGN2BBJO.cjs');
|
|
6
6
|
require('../../chunk-FNEUOBCV.cjs');
|
|
7
|
-
require('../../chunk-HUZ4AUM2.cjs');
|
|
8
7
|
require('../../chunk-57SJ4LJF.cjs');
|
|
8
|
+
require('../../chunk-ZP2E2H2G.cjs');
|
|
9
|
+
require('../../chunk-GLGU2WFL.cjs');
|
|
9
10
|
require('../../chunk-MC7SY2QH.cjs');
|
|
10
11
|
|
|
11
12
|
|
|
12
13
|
|
|
13
14
|
|
|
14
|
-
exports.TextSpan =
|
|
15
|
+
exports.TextSpan = _chunkQGN2BBJOcjs.TextSpan; exports.Typography = _chunkQGN2BBJOcjs.Typography; exports.typographyRecipe = _chunkQGN2BBJOcjs.typographyRecipe;
|
|
@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
|
|
5
5
|
import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
|
|
6
|
-
import { R as Recipe } from '../../create-recipe-
|
|
6
|
+
import { R as Recipe } from '../../create-recipe-dC7wMfnj.cjs';
|
|
7
7
|
import { X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
|
|
5
5
|
import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
|
|
6
|
-
import { R as Recipe } from '../../create-recipe-
|
|
6
|
+
import { R as Recipe } from '../../create-recipe-BdVd2ffi.js';
|
|
7
7
|
import { X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -2,10 +2,11 @@ import {
|
|
|
2
2
|
TextSpan,
|
|
3
3
|
Typography,
|
|
4
4
|
typographyRecipe
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-NYRXUGVL.js";
|
|
6
6
|
import "../../chunk-4GTAZM2C.js";
|
|
7
|
-
import "../../chunk-PMO62QK4.js";
|
|
8
7
|
import "../../chunk-A3EGFI6T.js";
|
|
8
|
+
import "../../chunk-E2CWBQTV.js";
|
|
9
|
+
import "../../chunk-URSKA2VR.js";
|
|
9
10
|
import "../../chunk-GGW42MY4.js";
|
|
10
11
|
export {
|
|
11
12
|
TextSpan,
|
|
@@ -4,8 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('../../chunk-
|
|
7
|
+
var _chunkXFSW3ZNIcjs = require('../../chunk-XFSW3ZNI.cjs');
|
|
8
|
+
require('../../chunk-ZP2E2H2G.cjs');
|
|
9
|
+
require('../../chunk-GLGU2WFL.cjs');
|
|
9
10
|
require('../../chunk-MC7SY2QH.cjs');
|
|
10
11
|
|
|
11
12
|
|
|
@@ -13,4 +14,4 @@ require('../../chunk-MC7SY2QH.cjs');
|
|
|
13
14
|
|
|
14
15
|
|
|
15
16
|
|
|
16
|
-
exports.Column =
|
|
17
|
+
exports.Column = _chunkXFSW3ZNIcjs.Column; exports.Grid = _chunkXFSW3ZNIcjs.Grid; exports.Row = _chunkXFSW3ZNIcjs.Row; exports.Stack = _chunkXFSW3ZNIcjs.Stack; exports.useGrid = _chunkXFSW3ZNIcjs.useGrid;
|
|
@@ -4,8 +4,9 @@ import {
|
|
|
4
4
|
Row,
|
|
5
5
|
Stack,
|
|
6
6
|
useGrid
|
|
7
|
-
} from "../../chunk-
|
|
8
|
-
import "../../chunk-
|
|
7
|
+
} from "../../chunk-G7K652GC.js";
|
|
8
|
+
import "../../chunk-E2CWBQTV.js";
|
|
9
|
+
import "../../chunk-URSKA2VR.js";
|
|
9
10
|
import "../../chunk-GGW42MY4.js";
|
|
10
11
|
export {
|
|
11
12
|
Column,
|
|
@@ -111,4 +111,4 @@ type Recipe<Slot extends string, Variant extends string, A extends Axes<Slot>> =
|
|
|
111
111
|
*/
|
|
112
112
|
declare function createRecipe<Slot extends string, Variant extends string, const A extends Axes<Slot>>(config: RecipeConfig<Slot, Variant, A>): Recipe<Slot, Variant, A>;
|
|
113
113
|
|
|
114
|
-
export { type Axes as A, type CompoundVariant as C, type Recipe as R, type
|
|
114
|
+
export { type Axes as A, type CompoundVariant as C, type Recipe as R, type SlotStyles as S, type TintArgs as T, type VariantColors as V, type StyleFn as a, type ResolveArgs as b, createRecipe as c, type RecipeConfig as d, type ResolvedSelection as e, type ResolvedStyles as f, type Selection as g, type SlotStyle as h, type StateName as i, type States as j, type VariantRole as k, type VariantTokens as l };
|
|
@@ -111,4 +111,4 @@ type Recipe<Slot extends string, Variant extends string, A extends Axes<Slot>> =
|
|
|
111
111
|
*/
|
|
112
112
|
declare function createRecipe<Slot extends string, Variant extends string, const A extends Axes<Slot>>(config: RecipeConfig<Slot, Variant, A>): Recipe<Slot, Variant, A>;
|
|
113
113
|
|
|
114
|
-
export { type Axes as A, type CompoundVariant as C, type Recipe as R, type
|
|
114
|
+
export { type Axes as A, type CompoundVariant as C, type Recipe as R, type SlotStyles as S, type TintArgs as T, type VariantColors as V, type StyleFn as a, type ResolveArgs as b, createRecipe as c, type RecipeConfig as d, type ResolvedSelection as e, type ResolvedStyles as f, type Selection as g, type SlotStyle as h, type StateName as i, type States as j, type VariantRole as k, type VariantTokens as l };
|