panelui-native 0.80.0 → 0.82.0
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/lib/module/components/bottom-sheet/index.js +90 -17
- package/lib/module/components/bottom-sheet/index.js.map +1 -1
- package/lib/module/components/button/index.js +13 -0
- package/lib/module/components/button/index.js.map +1 -1
- package/lib/module/components/button-group/index.js +3 -0
- package/lib/module/components/button-group/index.js.map +1 -1
- package/lib/module/components/image-generation/dot-field.js +210 -0
- package/lib/module/components/image-generation/dot-field.js.map +1 -0
- package/lib/module/components/image-generation/index.js +417 -0
- package/lib/module/components/image-generation/index.js.map +1 -0
- package/lib/module/components/kpi/index.js +2 -4
- package/lib/module/components/kpi/index.js.map +1 -1
- package/lib/module/components/menu/index.js +8 -16
- package/lib/module/components/menu/index.js.map +1 -1
- package/lib/module/components/panelside/index.js +340 -33
- package/lib/module/components/panelside/index.js.map +1 -1
- package/lib/module/components/planner/index.js +446 -32
- package/lib/module/components/planner/index.js.map +1 -1
- package/lib/module/components/planner/planner-entries.js +36 -0
- package/lib/module/components/planner/planner-entries.js.map +1 -1
- package/lib/module/components/planner/planner-grid-navigation.js +34 -2
- package/lib/module/components/planner/planner-grid-navigation.js.map +1 -1
- package/lib/module/components/planner/planner-weeks.js +95 -0
- package/lib/module/components/planner/planner-weeks.js.map +1 -0
- package/lib/module/components/select/index.js +127 -23
- package/lib/module/components/select/index.js.map +1 -1
- package/lib/module/components/slide-button/index.js +610 -0
- package/lib/module/components/slide-button/index.js.map +1 -0
- package/lib/module/components/slide-button/slide-button-track.js +98 -0
- package/lib/module/components/slide-button/slide-button-track.js.map +1 -0
- package/lib/module/icons/index.js +553 -1934
- package/lib/module/icons/index.js.map +1 -1
- package/lib/module/index.js +3 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/primitives/portal.js +15 -1
- package/lib/module/primitives/portal.js.map +1 -1
- package/lib/module/utils/date.js +10 -3
- package/lib/module/utils/date.js.map +1 -1
- package/lib/typescript/src/components/bottom-sheet/index.d.ts.map +1 -1
- package/lib/typescript/src/components/button/index.d.ts +12 -0
- package/lib/typescript/src/components/button/index.d.ts.map +1 -1
- package/lib/typescript/src/components/button-group/index.d.ts +9 -0
- package/lib/typescript/src/components/button-group/index.d.ts.map +1 -1
- package/lib/typescript/src/components/image-generation/dot-field.d.ts +61 -0
- package/lib/typescript/src/components/image-generation/dot-field.d.ts.map +1 -0
- package/lib/typescript/src/components/image-generation/index.d.ts +126 -0
- package/lib/typescript/src/components/image-generation/index.d.ts.map +1 -0
- package/lib/typescript/src/components/kpi/index.d.ts.map +1 -1
- package/lib/typescript/src/components/menu/index.d.ts.map +1 -1
- package/lib/typescript/src/components/panelside/index.d.ts +194 -10
- package/lib/typescript/src/components/panelside/index.d.ts.map +1 -1
- package/lib/typescript/src/components/planner/index.d.ts +65 -4
- package/lib/typescript/src/components/planner/index.d.ts.map +1 -1
- package/lib/typescript/src/components/planner/planner-entries.d.ts +18 -0
- package/lib/typescript/src/components/planner/planner-entries.d.ts.map +1 -1
- package/lib/typescript/src/components/planner/planner-grid-navigation.d.ts +7 -1
- package/lib/typescript/src/components/planner/planner-grid-navigation.d.ts.map +1 -1
- package/lib/typescript/src/components/planner/planner-weeks.d.ts +50 -0
- package/lib/typescript/src/components/planner/planner-weeks.d.ts.map +1 -0
- package/lib/typescript/src/components/select/index.d.ts +75 -2
- package/lib/typescript/src/components/select/index.d.ts.map +1 -1
- package/lib/typescript/src/components/slide-button/index.d.ts +317 -0
- package/lib/typescript/src/components/slide-button/index.d.ts.map +1 -0
- package/lib/typescript/src/components/slide-button/slide-button-track.d.ts +70 -0
- package/lib/typescript/src/components/slide-button/slide-button-track.d.ts.map +1 -0
- package/lib/typescript/src/icons/index.d.ts +136 -189
- package/lib/typescript/src/icons/index.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +5 -3
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/primitives/portal.d.ts.map +1 -1
- package/lib/typescript/src/utils/date.d.ts +1 -1
- package/lib/typescript/src/utils/date.d.ts.map +1 -1
- package/package.json +3 -2
- package/src/components/bottom-sheet/index.tsx +97 -17
- package/src/components/button/index.tsx +10 -2
- package/src/components/button-group/index.tsx +1 -0
- package/src/components/image-generation/dot-field.ts +226 -0
- package/src/components/image-generation/index.tsx +488 -0
- package/src/components/kpi/index.tsx +2 -4
- package/src/components/menu/index.tsx +10 -15
- package/src/components/panelside/index.tsx +498 -33
- package/src/components/planner/index.tsx +516 -38
- package/src/components/planner/planner-entries.ts +33 -0
- package/src/components/planner/planner-grid-navigation.ts +37 -2
- package/src/components/planner/planner-weeks.ts +90 -0
- package/src/components/select/index.tsx +158 -31
- package/src/components/slide-button/index.tsx +681 -0
- package/src/components/slide-button/slide-button-track.ts +100 -0
- package/src/icons/index.tsx +338 -1327
- package/src/index.ts +30 -0
- package/src/primitives/portal.tsx +15 -1
- package/src/utils/date.ts +13 -3
|
@@ -0,0 +1,417 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* ImageGeneration — the place an image will be, while it is being made.
|
|
5
|
+
*
|
|
6
|
+
* ```tsx
|
|
7
|
+
* <ImageGeneration status={status} prompt="a quiet mountain at sunset">
|
|
8
|
+
* <Image source={{ uri }} />
|
|
9
|
+
* </ImageGeneration>
|
|
10
|
+
* ```
|
|
11
|
+
*
|
|
12
|
+
* A generated image arrives seconds after it is asked for, and arrives at a
|
|
13
|
+
* size nobody knew in advance. Left to itself that is a screen that reflows
|
|
14
|
+
* under the reader's thumb at the moment they were about to tap something —
|
|
15
|
+
* so this reserves the box first, at the aspect ratio the image will have, and
|
|
16
|
+
* fills it with something to watch.
|
|
17
|
+
*
|
|
18
|
+
* ## The dot field
|
|
19
|
+
*
|
|
20
|
+
* A grid of dots with a soft band of light travelling across it. Each column
|
|
21
|
+
* is one animated view holding its own dots, so a field of five hundred dots
|
|
22
|
+
* costs twenty-two worklets a frame rather than five hundred — the dots inside
|
|
23
|
+
* a column never move independently of it, and at this scale nobody can tell.
|
|
24
|
+
*
|
|
25
|
+
* The per-dot brightness underneath the band is fixed, and comes from the
|
|
26
|
+
* dot's own coordinates. Without it the field reads as clean vertical stripes
|
|
27
|
+
* sweeping past; with it, it reads as the individual dots lighting up.
|
|
28
|
+
*
|
|
29
|
+
* ## What arrives, and when
|
|
30
|
+
*
|
|
31
|
+
* `status` moves the picture through the work rather than switching it: the
|
|
32
|
+
* field fades as the image fades in, and for one step in the middle both are
|
|
33
|
+
* visible at once. That overlap is the point — an image that appears the
|
|
34
|
+
* instant the field vanishes has been swapped in, and one that surfaces
|
|
35
|
+
* through it has been developed.
|
|
36
|
+
*
|
|
37
|
+
* ## Reduced motion
|
|
38
|
+
*
|
|
39
|
+
* The band stops, and the field is drawn at one still frame of itself. A
|
|
40
|
+
* placeholder that shows nothing is indistinguishable from a component that
|
|
41
|
+
* failed to load, so this is a quieter picture rather than an empty one.
|
|
42
|
+
*/
|
|
43
|
+
import { useEffect, useMemo, useState } from 'react';
|
|
44
|
+
import { Pressable, StyleSheet, View } from 'react-native';
|
|
45
|
+
import Svg, { Path } from 'react-native-svg';
|
|
46
|
+
import Animated, { Easing, cancelAnimation, useAnimatedProps, useAnimatedStyle, useFrameCallback, useReducedMotion, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
|
|
47
|
+
import { tv } from 'tailwind-variants';
|
|
48
|
+
import { useCSSVariable } from 'uniwind';
|
|
49
|
+
import { AlertTriangleIcon, CheckIcon, RotateCcwIcon } from "../../icons/index.js";
|
|
50
|
+
import { Text } from "../../primitives/text.js";
|
|
51
|
+
import { cn } from "../../utils/cn.js";
|
|
52
|
+
import { DOT_REST_OPACITY, frameAt, gridPath, litFrames } from "./dot-field.js";
|
|
53
|
+
|
|
54
|
+
/** How far the generation has got. */
|
|
55
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
56
|
+
/**
|
|
57
|
+
* The moment a held field is frozen at.
|
|
58
|
+
*
|
|
59
|
+
* Not zero: at zero the light sits dead centre, which reads as a target rather
|
|
60
|
+
* than as something passing through.
|
|
61
|
+
*/
|
|
62
|
+
const STILL_FRAME = 900;
|
|
63
|
+
|
|
64
|
+
/** How visible the field is at each step of the work. */
|
|
65
|
+
const FIELD_OPACITY = {
|
|
66
|
+
queued: 1,
|
|
67
|
+
generating: 1,
|
|
68
|
+
refining: 0.48,
|
|
69
|
+
complete: 0,
|
|
70
|
+
error: 0
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
* How visible the image is at each step.
|
|
75
|
+
*
|
|
76
|
+
* `refining` is the overlap: the field is still there at half strength and the
|
|
77
|
+
* image is already coming through it. Both fully on for one step is what makes
|
|
78
|
+
* the picture surface rather than get swapped in.
|
|
79
|
+
*/
|
|
80
|
+
const MEDIA_OPACITY = {
|
|
81
|
+
queued: 0,
|
|
82
|
+
generating: 0,
|
|
83
|
+
refining: 0.62,
|
|
84
|
+
complete: 1,
|
|
85
|
+
error: 0.28
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* How much larger than final the image starts.
|
|
90
|
+
*
|
|
91
|
+
* Small, and it settles rather than zooms. A generated image is not arriving
|
|
92
|
+
* from anywhere; the scale is there to give the last of the fade somewhere to
|
|
93
|
+
* go, so it does not simply stop.
|
|
94
|
+
*/
|
|
95
|
+
const MEDIA_SCALE = {
|
|
96
|
+
queued: 1.02,
|
|
97
|
+
generating: 1.02,
|
|
98
|
+
refining: 1.008,
|
|
99
|
+
complete: 1,
|
|
100
|
+
error: 1
|
|
101
|
+
};
|
|
102
|
+
const STATUS_TEXT = {
|
|
103
|
+
queued: 'Waiting to generate',
|
|
104
|
+
generating: 'Creating image',
|
|
105
|
+
refining: 'Refining details',
|
|
106
|
+
complete: 'Image ready',
|
|
107
|
+
error: 'Generation failed'
|
|
108
|
+
};
|
|
109
|
+
const imageGenerationVariants = tv({
|
|
110
|
+
slots: {
|
|
111
|
+
root: 'w-full',
|
|
112
|
+
frame: 'relative w-full overflow-hidden rounded-2xl bg-muted',
|
|
113
|
+
media: 'absolute inset-0',
|
|
114
|
+
resolution: 'absolute end-2 top-2 rounded-full bg-background/75 px-2 py-0.5 text-[10px] text-muted-foreground',
|
|
115
|
+
status: 'mt-3 flex-row items-center gap-2',
|
|
116
|
+
statusText: 'text-sm font-medium text-foreground',
|
|
117
|
+
prompt: 'mt-0.5 text-xs text-muted-foreground',
|
|
118
|
+
retry: 'mt-3 min-h-12 flex-row items-center gap-2 self-start rounded-full px-3 active:bg-accent',
|
|
119
|
+
retryLabel: 'text-sm font-medium text-foreground'
|
|
120
|
+
},
|
|
121
|
+
variants: {
|
|
122
|
+
size: {
|
|
123
|
+
/** Held to a thumbnail, centred — a result inside a conversation. */
|
|
124
|
+
compact: {
|
|
125
|
+
root: 'max-w-52 self-center'
|
|
126
|
+
},
|
|
127
|
+
/** As wide as it is given. */
|
|
128
|
+
fluid: {}
|
|
129
|
+
},
|
|
130
|
+
error: {
|
|
131
|
+
true: {
|
|
132
|
+
statusText: 'text-destructive'
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
defaultVariants: {
|
|
137
|
+
size: 'compact'
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
const AnimatedPath = Animated.createAnimatedComponent(Path);
|
|
141
|
+
/**
|
|
142
|
+
* The dot field on its own, for a placeholder that is not an image.
|
|
143
|
+
*
|
|
144
|
+
* It fills its parent absolutely rather than sizing to its contents, because
|
|
145
|
+
* what it draws has no intrinsic height — laid out normally it measures to
|
|
146
|
+
* nothing and draws a single row of dots along the top.
|
|
147
|
+
*
|
|
148
|
+
* ## What it costs
|
|
149
|
+
*
|
|
150
|
+
* Two paths: the resting grid, and the lit dots over it. Both are built when
|
|
151
|
+
* the box is measured — every frame of the loop at once — so running it is
|
|
152
|
+
* handing over a string that already exists, and a page of these costs the
|
|
153
|
+
* same as a page of static drawings plus one property assignment each.
|
|
154
|
+
*/
|
|
155
|
+
function ImageGenerationField({
|
|
156
|
+
className,
|
|
157
|
+
paused = false,
|
|
158
|
+
animation = 'drift',
|
|
159
|
+
style,
|
|
160
|
+
...props
|
|
161
|
+
}) {
|
|
162
|
+
const reducedMotion = useReducedMotion();
|
|
163
|
+
const [size, setSize] = useState({
|
|
164
|
+
width: 0,
|
|
165
|
+
height: 0
|
|
166
|
+
});
|
|
167
|
+
const clock = useSharedValue(STILL_FRAME);
|
|
168
|
+
const tint = useCSSVariable('--color-muted-foreground');
|
|
169
|
+
const color = typeof tint === 'string' ? tint : '#737373';
|
|
170
|
+
const running = !paused && !reducedMotion;
|
|
171
|
+
const grid = useMemo(() => gridPath(size.width, size.height), [size.width, size.height]);
|
|
172
|
+
const frames = useMemo(() => litFrames(size.width, size.height, animation), [animation, size.width, size.height]);
|
|
173
|
+
const frame = useFrameCallback(info => {
|
|
174
|
+
'worklet';
|
|
175
|
+
|
|
176
|
+
// Accumulated rather than read off the total, so pausing and resuming does
|
|
177
|
+
// not jump the light to wherever the clock would have carried it. A dropped
|
|
178
|
+
// frame is clamped: a 300ms hitch played back whole is a lurch.
|
|
179
|
+
clock.value += Math.min(info.timeSincePreviousFrame ?? 16, 48);
|
|
180
|
+
}, false);
|
|
181
|
+
const {
|
|
182
|
+
setActive
|
|
183
|
+
} = frame;
|
|
184
|
+
useEffect(() => {
|
|
185
|
+
setActive(running);
|
|
186
|
+
return () => setActive(false);
|
|
187
|
+
}, [running, setActive]);
|
|
188
|
+
|
|
189
|
+
/*
|
|
190
|
+
* A still field is not an empty one.
|
|
191
|
+
*
|
|
192
|
+
* Held and reduced-motion fields keep whichever frame the clock is on, and
|
|
193
|
+
* the clock starts partway through the loop rather than at zero — so the
|
|
194
|
+
* light is somewhere legible rather than dead centre or absent, which is the
|
|
195
|
+
* difference between "not animating" and "failed to load".
|
|
196
|
+
*/
|
|
197
|
+
const animatedProps = useAnimatedProps(() => ({
|
|
198
|
+
d: frames[frameAt(clock.value, animation)] ?? ''
|
|
199
|
+
}));
|
|
200
|
+
const onLayout = event => {
|
|
201
|
+
const {
|
|
202
|
+
width,
|
|
203
|
+
height
|
|
204
|
+
} = event.nativeEvent.layout;
|
|
205
|
+
setSize(was => was.width === width && was.height === height ? was : {
|
|
206
|
+
width,
|
|
207
|
+
height
|
|
208
|
+
});
|
|
209
|
+
};
|
|
210
|
+
return /*#__PURE__*/_jsx(View, {
|
|
211
|
+
accessibilityElementsHidden: true,
|
|
212
|
+
importantForAccessibility: "no-hide-descendants",
|
|
213
|
+
pointerEvents: "none",
|
|
214
|
+
onLayout: onLayout,
|
|
215
|
+
className: className,
|
|
216
|
+
style: [StyleSheet.absoluteFill, style],
|
|
217
|
+
...props,
|
|
218
|
+
children: grid ? /*#__PURE__*/_jsxs(Svg, {
|
|
219
|
+
width: size.width,
|
|
220
|
+
height: size.height,
|
|
221
|
+
children: [/*#__PURE__*/_jsx(Path, {
|
|
222
|
+
d: grid,
|
|
223
|
+
fill: color,
|
|
224
|
+
fillOpacity: DOT_REST_OPACITY
|
|
225
|
+
}), /*#__PURE__*/_jsx(AnimatedPath, {
|
|
226
|
+
animatedProps: animatedProps,
|
|
227
|
+
fill: color,
|
|
228
|
+
fillOpacity: 0.9
|
|
229
|
+
})]
|
|
230
|
+
}) : null
|
|
231
|
+
});
|
|
232
|
+
}
|
|
233
|
+
/** The mark beside the status: a turning square while it works, then an answer. */
|
|
234
|
+
function StatusMark({
|
|
235
|
+
status
|
|
236
|
+
}) {
|
|
237
|
+
const reducedMotion = useReducedMotion();
|
|
238
|
+
const spin = useSharedValue(0);
|
|
239
|
+
const working = status !== 'complete' && status !== 'error';
|
|
240
|
+
useEffect(() => {
|
|
241
|
+
if (!working || reducedMotion) {
|
|
242
|
+
cancelAnimation(spin);
|
|
243
|
+
spin.value = 0;
|
|
244
|
+
return;
|
|
245
|
+
}
|
|
246
|
+
spin.value = 0;
|
|
247
|
+
spin.value = withRepeat(withTiming(1, {
|
|
248
|
+
duration: 2400,
|
|
249
|
+
easing: Easing.inOut(Easing.quad)
|
|
250
|
+
}), -1);
|
|
251
|
+
return () => cancelAnimation(spin);
|
|
252
|
+
}, [reducedMotion, spin, working]);
|
|
253
|
+
const style = useAnimatedStyle(() => ({
|
|
254
|
+
transform: [{
|
|
255
|
+
rotate: `${spin.value * 360}deg`
|
|
256
|
+
}]
|
|
257
|
+
}));
|
|
258
|
+
const tint = useCSSVariable('--color-muted-foreground');
|
|
259
|
+
const color = typeof tint === 'string' ? tint : '#737373';
|
|
260
|
+
if (status === 'complete') return /*#__PURE__*/_jsx(CheckIcon, {
|
|
261
|
+
size: 14
|
|
262
|
+
});
|
|
263
|
+
if (status === 'error') return /*#__PURE__*/_jsx(AlertTriangleIcon, {
|
|
264
|
+
size: 14
|
|
265
|
+
});
|
|
266
|
+
|
|
267
|
+
// Four dots turning as a block: the same shape as the field it stands for,
|
|
268
|
+
// small enough to sit on a line of text.
|
|
269
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
270
|
+
accessibilityElementsHidden: true,
|
|
271
|
+
importantForAccessibility: "no-hide-descendants",
|
|
272
|
+
style: [{
|
|
273
|
+
width: 14,
|
|
274
|
+
height: 14,
|
|
275
|
+
flexDirection: 'row',
|
|
276
|
+
flexWrap: 'wrap',
|
|
277
|
+
gap: 2
|
|
278
|
+
}, style],
|
|
279
|
+
children: [1, 0.55, 0.55, 1].map((opacity, index) => /*#__PURE__*/_jsx(View, {
|
|
280
|
+
style: {
|
|
281
|
+
width: 5,
|
|
282
|
+
height: 5,
|
|
283
|
+
borderRadius: 1,
|
|
284
|
+
backgroundColor: color,
|
|
285
|
+
opacity
|
|
286
|
+
}
|
|
287
|
+
}, index))
|
|
288
|
+
});
|
|
289
|
+
}
|
|
290
|
+
function ImageGenerationRoot({
|
|
291
|
+
className,
|
|
292
|
+
status = 'generating',
|
|
293
|
+
label,
|
|
294
|
+
prompt,
|
|
295
|
+
resolution = '1024 × 1024',
|
|
296
|
+
aspectRatio = 1,
|
|
297
|
+
size = 'compact',
|
|
298
|
+
animation = 'drift',
|
|
299
|
+
statusText,
|
|
300
|
+
showStatus = true,
|
|
301
|
+
onRetry,
|
|
302
|
+
frameClassName,
|
|
303
|
+
mediaClassName,
|
|
304
|
+
statusClassName,
|
|
305
|
+
children,
|
|
306
|
+
...props
|
|
307
|
+
}) {
|
|
308
|
+
const reducedMotion = useReducedMotion();
|
|
309
|
+
const working = status === 'queued' || status === 'generating' || status === 'refining';
|
|
310
|
+
const slots = imageGenerationVariants({
|
|
311
|
+
size,
|
|
312
|
+
error: status === 'error'
|
|
313
|
+
});
|
|
314
|
+
const sentence = statusText ?? STATUS_TEXT[status];
|
|
315
|
+
const progress = useSharedValue(MEDIA_OPACITY[status]);
|
|
316
|
+
const fieldFade = useSharedValue(FIELD_OPACITY[status]);
|
|
317
|
+
const scale = useSharedValue(MEDIA_SCALE[status]);
|
|
318
|
+
useEffect(() => {
|
|
319
|
+
const duration = reducedMotion ? 0 : 400;
|
|
320
|
+
progress.value = withTiming(MEDIA_OPACITY[status], {
|
|
321
|
+
duration
|
|
322
|
+
});
|
|
323
|
+
fieldFade.value = withTiming(FIELD_OPACITY[status], {
|
|
324
|
+
duration
|
|
325
|
+
});
|
|
326
|
+
scale.value = withTiming(MEDIA_SCALE[status], {
|
|
327
|
+
duration
|
|
328
|
+
});
|
|
329
|
+
}, [fieldFade, progress, reducedMotion, scale, status]);
|
|
330
|
+
useEffect(() => () => {
|
|
331
|
+
cancelAnimation(progress);
|
|
332
|
+
cancelAnimation(fieldFade);
|
|
333
|
+
cancelAnimation(scale);
|
|
334
|
+
}, [fieldFade, progress, scale]);
|
|
335
|
+
const mediaStyle = useAnimatedStyle(() => ({
|
|
336
|
+
opacity: progress.value,
|
|
337
|
+
transform: [{
|
|
338
|
+
scale: scale.value
|
|
339
|
+
}]
|
|
340
|
+
}));
|
|
341
|
+
const fieldStyle = useAnimatedStyle(() => ({
|
|
342
|
+
opacity: fieldFade.value
|
|
343
|
+
}));
|
|
344
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
345
|
+
...props,
|
|
346
|
+
className: slots.root({
|
|
347
|
+
className
|
|
348
|
+
}),
|
|
349
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
350
|
+
accessible: true,
|
|
351
|
+
accessibilityRole: "image",
|
|
352
|
+
accessibilityLabel: label ?? (prompt ? `${sentence}: ${prompt}` : sentence)
|
|
353
|
+
// `busy` is what tells a screen reader the box is not the answer yet.
|
|
354
|
+
,
|
|
355
|
+
accessibilityState: {
|
|
356
|
+
busy: working
|
|
357
|
+
},
|
|
358
|
+
style: {
|
|
359
|
+
aspectRatio
|
|
360
|
+
},
|
|
361
|
+
className: slots.frame({
|
|
362
|
+
className: frameClassName
|
|
363
|
+
}),
|
|
364
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
365
|
+
className: cn(slots.media(), mediaClassName),
|
|
366
|
+
style: mediaStyle
|
|
367
|
+
// Nothing to announce until there is something in it.
|
|
368
|
+
,
|
|
369
|
+
accessibilityElementsHidden: working,
|
|
370
|
+
importantForAccessibility: working ? 'no-hide-descendants' : 'auto',
|
|
371
|
+
children: children
|
|
372
|
+
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
373
|
+
style: [StyleSheet.absoluteFill, fieldStyle],
|
|
374
|
+
pointerEvents: "none",
|
|
375
|
+
children: /*#__PURE__*/_jsx(ImageGenerationField, {
|
|
376
|
+
paused: !working,
|
|
377
|
+
animation: animation
|
|
378
|
+
})
|
|
379
|
+
}), resolution ? /*#__PURE__*/_jsx(Text, {
|
|
380
|
+
className: slots.resolution(),
|
|
381
|
+
children: resolution
|
|
382
|
+
}) : null]
|
|
383
|
+
}), showStatus ? /*#__PURE__*/_jsxs(View, {
|
|
384
|
+
accessibilityLiveRegion: "polite",
|
|
385
|
+
className: slots.status({
|
|
386
|
+
className: statusClassName
|
|
387
|
+
}),
|
|
388
|
+
children: [/*#__PURE__*/_jsx(StatusMark, {
|
|
389
|
+
status: status
|
|
390
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
391
|
+
className: slots.statusText(),
|
|
392
|
+
children: sentence
|
|
393
|
+
})]
|
|
394
|
+
}) : null, prompt ? /*#__PURE__*/_jsx(Text, {
|
|
395
|
+
numberOfLines: 1,
|
|
396
|
+
className: slots.prompt(),
|
|
397
|
+
children: prompt
|
|
398
|
+
}) : null, status === 'error' && onRetry ? /*#__PURE__*/_jsxs(Pressable, {
|
|
399
|
+
accessibilityRole: "button",
|
|
400
|
+
accessibilityLabel: "Try again",
|
|
401
|
+
onPress: onRetry,
|
|
402
|
+
className: slots.retry(),
|
|
403
|
+
children: [/*#__PURE__*/_jsx(RotateCcwIcon, {
|
|
404
|
+
size: 16
|
|
405
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
406
|
+
className: slots.retryLabel(),
|
|
407
|
+
children: "Try again"
|
|
408
|
+
})]
|
|
409
|
+
}) : null]
|
|
410
|
+
});
|
|
411
|
+
}
|
|
412
|
+
ImageGenerationRoot.displayName = 'ImageGeneration';
|
|
413
|
+
ImageGenerationField.displayName = 'ImageGeneration.Field';
|
|
414
|
+
export const ImageGeneration = Object.assign(ImageGenerationRoot, {
|
|
415
|
+
Field: ImageGenerationField
|
|
416
|
+
});
|
|
417
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useMemo","useState","Pressable","StyleSheet","View","Svg","Path","Animated","Easing","cancelAnimation","useAnimatedProps","useAnimatedStyle","useFrameCallback","useReducedMotion","useSharedValue","withRepeat","withTiming","tv","useCSSVariable","AlertTriangleIcon","CheckIcon","RotateCcwIcon","Text","cn","DOT_REST_OPACITY","frameAt","gridPath","litFrames","jsx","_jsx","jsxs","_jsxs","STILL_FRAME","FIELD_OPACITY","queued","generating","refining","complete","error","MEDIA_OPACITY","MEDIA_SCALE","STATUS_TEXT","imageGenerationVariants","slots","root","frame","media","resolution","status","statusText","prompt","retry","retryLabel","variants","size","compact","fluid","true","defaultVariants","AnimatedPath","createAnimatedComponent","ImageGenerationField","className","paused","animation","style","props","reducedMotion","setSize","width","height","clock","tint","color","running","grid","frames","info","value","Math","min","timeSincePreviousFrame","setActive","animatedProps","d","onLayout","event","nativeEvent","layout","was","accessibilityElementsHidden","importantForAccessibility","pointerEvents","absoluteFill","children","fill","fillOpacity","StatusMark","spin","working","duration","easing","inOut","quad","transform","rotate","flexDirection","flexWrap","gap","map","opacity","index","borderRadius","backgroundColor","ImageGenerationRoot","label","aspectRatio","showStatus","onRetry","frameClassName","mediaClassName","statusClassName","sentence","progress","fieldFade","scale","mediaStyle","fieldStyle","accessible","accessibilityRole","accessibilityLabel","accessibilityState","busy","accessibilityLiveRegion","numberOfLines","onPress","displayName","ImageGeneration","Object","assign","Field"],"sourceRoot":"../../../../src","sources":["components/image-generation/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -30,11 +30,9 @@
|
|
|
30
30
|
*/
|
|
31
31
|
import { createContext, forwardRef, useContext, useMemo } from 'react';
|
|
32
32
|
import { View } from 'react-native';
|
|
33
|
-
import ArrowDown from 'lucide-react-native/icons/arrow-down';
|
|
34
|
-
import ArrowUp from 'lucide-react-native/icons/arrow-up';
|
|
35
|
-
import Minus from 'lucide-react-native/icons/minus';
|
|
36
33
|
import { tv } from 'tailwind-variants';
|
|
37
34
|
import { useCSSVariable } from 'uniwind';
|
|
35
|
+
import { ArrowDownIcon, ArrowUpIcon, MinusIcon } from "../../icons/index.js";
|
|
38
36
|
import { Text } from "../../primitives/text.js";
|
|
39
37
|
import { cn } from "../../utils/cn.js";
|
|
40
38
|
import { LineChart } from "../line-chart/index.js";
|
|
@@ -439,7 +437,7 @@ function KpiTrend({
|
|
|
439
437
|
const mutedTint = useCSSVariable('--color-muted-foreground');
|
|
440
438
|
const raw = tone === 'good' ? goodTint : tone === 'bad' ? badTint : mutedTint;
|
|
441
439
|
const tint = typeof raw === 'string' ? raw : '#737373';
|
|
442
|
-
const Arrow = flat ?
|
|
440
|
+
const Arrow = flat ? MinusIcon : rising ? ArrowUpIcon : ArrowDownIcon;
|
|
443
441
|
const label = format ? format(value) :
|
|
444
442
|
// A true minus sign rather than a hyphen: at this size a hyphen reads as
|
|
445
443
|
// a dash between two words, and the sign is half the meaning.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","forwardRef","useContext","useMemo","View","ArrowDown","ArrowUp","Minus","tv","useCSSVariable","Text","cn","LineChart","Progress","Surface","jsx","_jsx","jsxs","_jsxs","CHART_HEIGHT","INLINE_CHART_WIDTH","INLINE_CHART_HEIGHT","INLINE_ASPECT","TREND_ICON","TREND_STROKE","kpiVariants","slots","root","header","icon","title","content","value","stat","trend","trendLabel","footer","separator","group","groupSeparator","variants","tone","good","bad","flat","neutral","trendVariant","text","badge","layout","below","inline","compoundVariants","class","defaultVariants","KpiContext","KpiHeaderContext","KpiStatContext","useKpi","part","context","Error","KpiRoot","className","colorIndex","goodDirection","surface","children","props","ref","body","undefined","Provider","variant","padding","KpiHeader","KpiIcon","KpiTitle","inHeader","numberOfLines","KpiStat","KpiActions","KpiContent","KpiValue","KpiTrend","format","caption","threshold","polarity","Math","abs","rising","inStat","goodTint","badTint","mutedTint","raw","tint","Arrow","label","toFixed","accessible","accessibilityLabel","size","strokeWidth","color","KpiSparkline","data","dataKey","filled","height","index","fill","style","width","compact","aspectRatio","Area","Line","KpiProgressBar","maxValue","showValueLabel","KpiFooter","KpiSeparator","KpiGroup","orientation","separated","horizontal","items","Array","isArray","visible","filter","Boolean","map","child","length","accessibilityElementsHidden","importantForAccessibility","displayName","Kpi","Object","assign","Header","Icon","Title","Stat","Actions","Content","Value","Trend","Chart","Footer","Separator","Group"],"sourceRoot":"../../../../src","sources":["components/kpi/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["createContext","forwardRef","useContext","useMemo","View","tv","useCSSVariable","ArrowDownIcon","ArrowUpIcon","MinusIcon","Text","cn","LineChart","Progress","Surface","jsx","_jsx","jsxs","_jsxs","CHART_HEIGHT","INLINE_CHART_WIDTH","INLINE_CHART_HEIGHT","INLINE_ASPECT","TREND_ICON","TREND_STROKE","kpiVariants","slots","root","header","icon","title","content","value","stat","trend","trendLabel","footer","separator","group","groupSeparator","variants","tone","good","bad","flat","neutral","trendVariant","text","badge","layout","below","inline","compoundVariants","class","defaultVariants","KpiContext","KpiHeaderContext","KpiStatContext","useKpi","part","context","Error","KpiRoot","className","colorIndex","goodDirection","surface","children","props","ref","body","undefined","Provider","variant","padding","KpiHeader","KpiIcon","KpiTitle","inHeader","numberOfLines","KpiStat","KpiActions","KpiContent","KpiValue","KpiTrend","format","caption","threshold","polarity","Math","abs","rising","inStat","goodTint","badTint","mutedTint","raw","tint","Arrow","label","toFixed","accessible","accessibilityLabel","size","strokeWidth","color","KpiSparkline","data","dataKey","filled","height","index","fill","style","width","compact","aspectRatio","Area","Line","KpiProgressBar","maxValue","showValueLabel","KpiFooter","KpiSeparator","KpiGroup","orientation","separated","horizontal","items","Array","isArray","visible","filter","Boolean","map","child","length","accessibilityElementsHidden","importantForAccessibility","displayName","Kpi","Object","assign","Header","Icon","Title","Stat","Actions","Content","Value","Trend","Chart","Footer","Separator","Group"],"sourceRoot":"../../../../src","sources":["components/kpi/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -43,12 +43,9 @@ import { Pressable, View } from 'react-native';
|
|
|
43
43
|
import Animated, { useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
44
44
|
import { tv } from 'tailwind-variants';
|
|
45
45
|
import { useCSSVariable } from 'uniwind';
|
|
46
|
-
import Check from 'lucide-react-native/icons/check';
|
|
47
|
-
import ChevronLeft from 'lucide-react-native/icons/chevron-left';
|
|
48
|
-
import ChevronRight from 'lucide-react-native/icons/chevron-right';
|
|
49
|
-
import Circle from 'lucide-react-native/icons/circle';
|
|
50
46
|
import { Text, textChildren } from "../../primitives/text.js";
|
|
51
|
-
import {
|
|
47
|
+
import { useDirectionSign } from "../../hooks/use-direction.js";
|
|
48
|
+
import { CheckIcon, ChevronRightIcon, CircleIcon } from "../../icons/index.js";
|
|
52
49
|
import { selectionTick } from "../../utils/haptics.js";
|
|
53
50
|
import { cn } from "../../utils/cn.js";
|
|
54
51
|
import { Popover } from "../popover/index.js";
|
|
@@ -502,7 +499,7 @@ export function MenuCheckboxItem({
|
|
|
502
499
|
// row is toggled, and a row whose label steps sideways each time reads
|
|
503
500
|
// as a different row rather than the same one in a new state.
|
|
504
501
|
,
|
|
505
|
-
icon: checked ? /*#__PURE__*/_jsx(
|
|
502
|
+
icon: checked ? /*#__PURE__*/_jsx(CheckIcon, {
|
|
506
503
|
size: 16,
|
|
507
504
|
strokeWidth: INDICATOR_STROKE,
|
|
508
505
|
color: tint ?? INDICATOR_FALLBACK
|
|
@@ -564,12 +561,12 @@ export function MenuRadioItem({
|
|
|
564
561
|
// the tick beside it, and drawing one of the two as a rounded box
|
|
565
562
|
// is what makes them optically different sizes at the same nominal
|
|
566
563
|
// one.
|
|
567
|
-
_jsx(
|
|
564
|
+
_jsx(CircleIcon, {
|
|
568
565
|
size: 8,
|
|
566
|
+
filled: true,
|
|
569
567
|
strokeWidth: INDICATOR_STROKE,
|
|
570
|
-
color: tint ?? INDICATOR_FALLBACK
|
|
571
|
-
|
|
572
|
-
}) : /*#__PURE__*/_jsx(Check, {
|
|
568
|
+
color: tint ?? INDICATOR_FALLBACK
|
|
569
|
+
}) : /*#__PURE__*/_jsx(CheckIcon, {
|
|
573
570
|
size: 16,
|
|
574
571
|
strokeWidth: INDICATOR_STROKE,
|
|
575
572
|
color: tint ?? INDICATOR_FALLBACK
|
|
@@ -634,13 +631,8 @@ export function MenuSubTrigger({
|
|
|
634
631
|
toggle
|
|
635
632
|
} = useMenuSub('Menu.SubTrigger');
|
|
636
633
|
const sign = useDirectionSign();
|
|
637
|
-
const direction = useDirection();
|
|
638
634
|
const reducedMotion = useReducedMotion();
|
|
639
635
|
const chevronTint = useTint('--color-muted-foreground');
|
|
640
|
-
// The glyph mirrors by being the other glyph. A `scaleX` flip would work on
|
|
641
|
-
// a chevron, but it also flips the rotation below with it — and this one is
|
|
642
|
-
// already being rotated.
|
|
643
|
-
const Chevron = direction === 'rtl' ? ChevronLeft : ChevronRight;
|
|
644
636
|
const progress = useSharedValue(open ? 1 : 0);
|
|
645
637
|
useEffect(() => {
|
|
646
638
|
progress.value = reducedMotion ? open ? 1 : 0 : withTiming(open ? 1 : 0, {
|
|
@@ -666,7 +658,7 @@ export function MenuSubTrigger({
|
|
|
666
658
|
className: className,
|
|
667
659
|
trailing: /*#__PURE__*/_jsx(Animated.View, {
|
|
668
660
|
style: chevronStyle,
|
|
669
|
-
children: /*#__PURE__*/_jsx(
|
|
661
|
+
children: /*#__PURE__*/_jsx(ChevronRightIcon, {
|
|
670
662
|
size: 16,
|
|
671
663
|
strokeWidth: INDICATOR_STROKE,
|
|
672
664
|
color: chevronTint ?? INDICATOR_FALLBACK
|