@expokit/cli 0.4.3 → 0.5.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/README.md +30 -3
- package/bin/expo-kit.js +749 -288
- package/bin/lib.mjs +313 -4
- package/package.json +1 -1
- package/registry/_docs/action-sheet.json +1 -1
- package/registry/_docs/alert.json +6 -0
- package/registry/_docs/bottom-sheet.json +6 -0
- package/registry/_docs/bullet.json +6 -0
- package/registry/_docs/dialog.json +1 -1
- package/registry/_docs/drawer.json +3 -3
- package/registry/_docs/flip-calendar.json +106 -0
- package/registry/_docs/glass-search-bar.json +1 -1
- package/registry/_docs/grain.json +6 -1
- package/registry/_docs/isometric-bar.json +6 -0
- package/registry/_docs/liquidglass-tab.json +1 -1
- package/registry/_docs/password-input.json +1 -1
- package/registry/_docs/paywall.json +144 -0
- package/registry/_docs/pixel-bar.json +6 -0
- package/registry/_docs/polar-area.json +6 -0
- package/registry/_docs/qr-code-button.json +9 -3
- package/registry/_docs/ruler-time-picker.json +147 -0
- package/registry/_docs/scratch-card.json +7 -1
- package/registry/_docs/search-bar.json +1 -1
- package/registry/_docs/select.json +2 -2
- package/registry/_docs/slide-to-confirm.json +2 -2
- package/registry/_docs/spinner.json +1 -1
- package/registry/_docs/stateful-button.json +2 -2
- package/registry/_docs/swipe-deck.json +1 -1
- package/registry/_docs/time-picker.json +2 -2
- package/registry/_docs/timeline-chart.json +6 -0
- package/registry/_docs/toast.json +15 -3
- package/registry/_docs/treemap.json +6 -0
- package/registry/_docs/waterfall.json +6 -0
- package/registry/accordion/files/src/components/ui/accordion.tsx +6 -4
- package/registry/accordion/files/src/lib/kit.tsx +462 -12
- package/registry/accordion.json +1 -0
- package/registry/action-sheet/files/src/components/ui/action-sheet.tsx +50 -58
- package/registry/action-sheet/files/src/lib/kit.tsx +462 -12
- package/registry/action-sheet.json +1 -0
- package/registry/alert/files/src/components/ui/alert.tsx +20 -13
- package/registry/alert/files/src/lib/kit.tsx +462 -12
- package/registry/alert.json +3 -4
- package/registry/assistant-app.json +1 -0
- package/registry/avatar/files/src/components/ui/avatar.tsx +89 -74
- package/registry/avatar/files/src/lib/kit.tsx +462 -12
- package/registry/avatar.json +1 -0
- package/registry/badge/files/src/components/ui/badge.tsx +36 -36
- package/registry/badge/files/src/lib/kit.tsx +462 -12
- package/registry/badge.json +1 -0
- package/registry/bottom-nav/files/src/components/ui/bottom-nav.tsx +39 -44
- package/registry/bottom-nav/files/src/lib/kit.tsx +462 -12
- package/registry/bottom-nav.json +5 -0
- package/registry/bottom-sheet/files/src/components/ui/bottom-sheet.tsx +357 -300
- package/registry/bottom-sheet/files/src/lib/kit.tsx +462 -12
- package/registry/bottom-sheet.json +5 -1
- package/registry/bullet.json +1 -0
- package/registry/button/files/src/components/ui/button.tsx +23 -34
- package/registry/button/files/src/lib/kit.tsx +462 -12
- package/registry/button-3d/files/src/components/ui/button-3d.tsx +6 -9
- package/registry/button-3d/files/src/lib/kit.tsx +462 -12
- package/registry/button-3d.json +1 -0
- package/registry/button.json +1 -0
- package/registry/calendar/files/src/components/ui/calendar.tsx +77 -79
- package/registry/calendar/files/src/lib/kit.tsx +462 -12
- package/registry/calendar.json +1 -0
- package/registry/card/files/src/components/ui/card.tsx +7 -6
- package/registry/card/files/src/lib/kit.tsx +462 -12
- package/registry/card-stack.json +1 -0
- package/registry/card.json +1 -0
- package/registry/carousel.json +1 -0
- package/registry/chat.json +7 -0
- package/registry/checkbox/files/src/components/ui/checkbox.tsx +4 -4
- package/registry/checkbox/files/src/lib/kit.tsx +462 -12
- package/registry/checkbox.json +1 -0
- package/registry/checkout.json +1 -0
- package/registry/chip-group/files/src/components/ui/chip-group.tsx +24 -24
- package/registry/chip-group/files/src/lib/kit.tsx +462 -12
- package/registry/chip-group.json +1 -0
- package/registry/confetti/files/src/components/ui/confetti.tsx +15 -14
- package/registry/confetti.json +3 -6
- package/registry/coupon/files/src/components/ui/coupon.tsx +47 -52
- package/registry/coupon/files/src/components/ui/flip-card.tsx +9 -14
- package/registry/coupon/files/src/components/ui/tilt-card.tsx +80 -101
- package/registry/coupon/files/src/lib/kit.tsx +462 -12
- package/registry/coupon/files/src/lib/ticket-shape.tsx +54 -44
- package/registry/coupon.json +1 -0
- package/registry/cube-pager.json +1 -0
- package/registry/dashboard.json +1 -0
- package/registry/date-picker/files/src/components/ui/calendar.tsx +77 -79
- package/registry/date-picker/files/src/components/ui/date-picker.tsx +64 -71
- package/registry/date-picker/files/src/lib/kit.tsx +462 -12
- package/registry/date-picker.json +1 -0
- package/registry/dialog/files/src/components/ui/dialog.tsx +66 -68
- package/registry/dialog/files/src/lib/kit.tsx +462 -12
- package/registry/dialog.json +1 -0
- package/registry/donut-shop.json +1 -0
- package/registry/drawer/files/src/components/ui/drawer.tsx +76 -88
- package/registry/drawer/files/src/lib/kit.tsx +462 -12
- package/registry/drawer.json +1 -0
- package/registry/fab.json +1 -0
- package/registry/fintech-app.json +1 -0
- package/registry/flip-calendar/files/src/components/ui/flip-calendar.tsx +632 -0
- package/registry/flip-calendar/files/src/lib/kit.tsx +672 -0
- package/registry/flip-calendar.json +24 -0
- package/registry/flip-card/files/src/components/ui/flip-card.tsx +9 -14
- package/registry/flip-card/files/src/lib/kit.tsx +462 -12
- package/registry/flip-card.json +1 -0
- package/registry/floating-input/files/src/components/ui/floating-input.tsx +33 -33
- package/registry/floating-input/files/src/lib/kit.tsx +462 -12
- package/registry/floating-input.json +1 -0
- package/registry/food-app.json +1 -0
- package/registry/gift-card.json +1 -0
- package/registry/glass-button.json +5 -0
- package/registry/glass-nav-bar.json +1 -0
- package/registry/glass-search-bar.json +1 -0
- package/registry/glass-segmented.json +1 -0
- package/registry/glass-sheet.json +1 -0
- package/registry/glass-tab-bar.json +5 -0
- package/registry/glass.json +1 -0
- package/registry/grain/files/src/components/ui/grain.tsx +16 -14
- package/registry/grain.json +8 -6
- package/registry/inbox.json +1 -0
- package/registry/isometric-bar.json +1 -0
- package/registry/kit/files/src/lib/kit.tsx +462 -12
- package/registry/kit.json +1 -0
- package/registry/liquidglass-tab/files/src/app/_layout.tsx +0 -1
- package/registry/liquidglass-tab/files/src/components/GlassTabBar.tsx +29 -16
- package/registry/liquidglass-tab/files/src/components/TabScreen.tsx +33 -19
- package/registry/liquidglass-tab/files/src/lib/tab-icons.ts +1 -1
- package/registry/liquidglass-tab.json +1 -0
- package/registry/list-item/files/src/components/ui/list-item.tsx +43 -43
- package/registry/list-item/files/src/lib/kit.tsx +462 -12
- package/registry/list-item.json +1 -0
- package/registry/loyalty-card.json +1 -0
- package/registry/morphing-button-group.json +1 -0
- package/registry/number-ticker.json +1 -0
- package/registry/offers.json +1 -0
- package/registry/onboarding.json +1 -0
- package/registry/orb-reveal.json +1 -0
- package/registry/otp-input/files/src/components/ui/otp-input.tsx +49 -30
- package/registry/otp-input/files/src/lib/kit.tsx +462 -12
- package/registry/otp-input.json +1 -0
- package/registry/parallax-layers.json +1 -0
- package/registry/parallax-scroll.json +1 -0
- package/registry/password-input/files/src/components/ui/floating-input.tsx +33 -33
- package/registry/password-input/files/src/components/ui/password-input.tsx +29 -25
- package/registry/password-input/files/src/lib/kit.tsx +462 -12
- package/registry/password-input.json +1 -0
- package/registry/payment-card/files/src/components/ui/flip-card.tsx +9 -14
- package/registry/payment-card/files/src/components/ui/payment-card.tsx +26 -20
- package/registry/payment-card/files/src/components/ui/tilt-card.tsx +80 -101
- package/registry/payment-card/files/src/lib/kit.tsx +462 -12
- package/registry/payment-card.json +1 -0
- package/registry/paywall.json +23 -0
- package/registry/pixel-bar.json +1 -0
- package/registry/polar-area.json +1 -0
- package/registry/profile.json +1 -0
- package/registry/progress/files/src/components/ui/progress.tsx +31 -29
- package/registry/progress/files/src/lib/kit.tsx +462 -12
- package/registry/progress-steps/files/src/components/ui/progress-steps.tsx +21 -21
- package/registry/progress-steps/files/src/lib/kit.tsx +462 -12
- package/registry/progress-steps.json +1 -0
- package/registry/progress.json +1 -0
- package/registry/qr-code-button.json +1 -0
- package/registry/radio-group/files/src/components/ui/radio-group.tsx +19 -19
- package/registry/radio-group/files/src/lib/kit.tsx +462 -12
- package/registry/radio-group.json +1 -0
- package/registry/rating.json +1 -0
- package/registry/ring-carousel.json +1 -0
- package/registry/ruler-time-picker/files/src/components/ui/ruler-time-picker.tsx +832 -0
- package/registry/ruler-time-picker/files/src/lib/kit.tsx +672 -0
- package/registry/ruler-time-picker.json +26 -0
- package/registry/scratch-card.json +1 -0
- package/registry/search-bar/files/src/components/ui/search-bar.tsx +28 -28
- package/registry/search-bar/files/src/lib/kit.tsx +462 -12
- package/registry/search-bar.json +1 -0
- package/registry/search-results.json +4 -0
- package/registry/segmented-control/files/src/components/ui/segmented-control.tsx +11 -17
- package/registry/segmented-control/files/src/lib/kit.tsx +462 -12
- package/registry/segmented-control.json +1 -0
- package/registry/select/files/src/components/ui/select.tsx +107 -104
- package/registry/select/files/src/lib/kit.tsx +462 -12
- package/registry/select.json +6 -0
- package/registry/settings.json +1 -0
- package/registry/sign-in.json +1 -0
- package/registry/skeleton/files/src/components/ui/skeleton.tsx +149 -80
- package/registry/skeleton/files/src/lib/kit.tsx +462 -12
- package/registry/skeleton.json +1 -0
- package/registry/slide-to-confirm.json +1 -0
- package/registry/slider/files/src/components/ui/slider.tsx +106 -108
- package/registry/slider/files/src/lib/kit.tsx +462 -12
- package/registry/slider.json +5 -0
- package/registry/spin-wheel.json +1 -0
- package/registry/spinner/files/src/components/ui/spinner.tsx +39 -29
- package/registry/spinner/files/src/lib/kit.tsx +462 -12
- package/registry/spinner.json +6 -0
- package/registry/stateful-button/files/src/components/ui/stateful-button.tsx +39 -32
- package/registry/stateful-button/files/src/lib/kit.tsx +462 -12
- package/registry/stateful-button.json +5 -0
- package/registry/stepper/files/src/components/ui/stepper.tsx +40 -38
- package/registry/stepper/files/src/lib/kit.tsx +462 -12
- package/registry/stepper.json +1 -0
- package/registry/swipe-deck.json +1 -0
- package/registry/swipeable-row.json +4 -0
- package/registry/switch/files/src/components/ui/switch.tsx +41 -47
- package/registry/switch/files/src/lib/kit.tsx +462 -12
- package/registry/switch.json +1 -0
- package/registry/tabs/files/src/components/ui/tabs.tsx +61 -64
- package/registry/tabs/files/src/lib/kit.tsx +462 -12
- package/registry/tabs.json +1 -0
- package/registry/text-animation/files/src/components/ui/text-animation.tsx +55 -42
- package/registry/text-animation/files/src/lib/kit.tsx +462 -12
- package/registry/text-animation.json +7 -0
- package/registry/textarea/files/src/components/ui/textarea.tsx +10 -10
- package/registry/textarea/files/src/lib/kit.tsx +462 -12
- package/registry/textarea.json +1 -0
- package/registry/ticket-card.json +1 -0
- package/registry/ticket-shape/files/src/lib/kit.tsx +462 -12
- package/registry/ticket-shape/files/src/lib/ticket-shape.tsx +54 -44
- package/registry/ticket-shape.json +1 -0
- package/registry/tilt-card/files/src/components/ui/tilt-card.tsx +80 -101
- package/registry/tilt-card/files/src/lib/kit.tsx +462 -12
- package/registry/tilt-card.json +1 -0
- package/registry/time-picker/files/src/components/ui/time-picker.tsx +136 -131
- package/registry/time-picker/files/src/lib/kit.tsx +462 -12
- package/registry/time-picker.json +1 -0
- package/registry/timeline/files/src/components/ui/avatar.tsx +89 -74
- package/registry/timeline/files/src/components/ui/timeline.tsx +49 -57
- package/registry/timeline/files/src/lib/kit.tsx +462 -12
- package/registry/timeline-chart.json +1 -0
- package/registry/timeline.json +1 -0
- package/registry/toast/files/src/components/ui/toast.tsx +543 -465
- package/registry/toast/files/src/lib/kit.tsx +462 -12
- package/registry/toast.json +7 -5
- package/registry/treemap.json +1 -0
- package/registry/waterfall.json +1 -0
- package/registry/wheel-list.json +1 -0
- package/schema/components.schema.json +1 -0
- package/registry/alert/files/src/components/ui/button.tsx +0 -303
- package/registry/confetti/files/src/lib/kit.tsx +0 -222
- package/registry/grain/files/src/lib/kit.tsx +0 -222
- package/registry/toast/files/src/components/ui/button.tsx +0 -303
package/registry/gift-card.json
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
"title": "Gift Card",
|
|
5
5
|
"description": "A gift card on any photo — the amount, a note and who it's for on the front; tap to flip it and read the redeem code off a brushed-silver panel, with a copy button. Tilts toward your finger with a moving reflection; redeemed state.",
|
|
6
6
|
"tier": "pro",
|
|
7
|
+
"aliases": [],
|
|
7
8
|
"dependencies": [
|
|
8
9
|
"react-native-svg"
|
|
9
10
|
],
|
|
@@ -4,6 +4,11 @@
|
|
|
4
4
|
"title": "Glass Button",
|
|
5
5
|
"description": "Liquid Glass buttons and toolbars. GlassButton: label, icon or both in three sizes (icon-only is a circle), plain monochrome glass or tinted glass for the primary action, a spring press and a light haptic — real interactive Liquid Glass on iOS 26, blur everywhere else. GlassToolbar: icon buttons in one glass capsule with hairline separators, or a floating cluster of glass circles that melt into each other on iOS 26, with an active state for tools and toggles.",
|
|
6
6
|
"tier": "pro",
|
|
7
|
+
"aliases": [
|
|
8
|
+
"liquid-glass-button",
|
|
9
|
+
"glass-toolbar",
|
|
10
|
+
"floating-controls"
|
|
11
|
+
],
|
|
7
12
|
"dependencies": [
|
|
8
13
|
"expo-glass-effect",
|
|
9
14
|
"expo-blur",
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
"title": "Glass Nav Bar",
|
|
5
5
|
"description": "The iOS 26 top bar in Liquid Glass: a centred title, a round glass back button and round glass actions that melt together on iOS 26. Wire it to a ScrollView with useGlassNavScroll() and the bar starts transparent, its glass fading in as content slides under it, while an optional large title shrinks and collapses into the bar — all on the native driver. Real Liquid Glass on iOS 26, blur on older iOS, Android and web.",
|
|
6
6
|
"tier": "pro",
|
|
7
|
+
"aliases": [],
|
|
7
8
|
"dependencies": [
|
|
8
9
|
"expo-glass-effect",
|
|
9
10
|
"expo-blur",
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
"title": "Glass Search Bar",
|
|
5
5
|
"description": "iOS 26 floating search pill on Liquid Glass. The pill swells a touch on focus, a clear button pops in with text, and an optional round glass cancel button (or a Cancel capsule) splits off beside it — grouped, so on iOS 26 the two melt together as it springs in. Leading / trailing slots fit a custom icon or a mic button. Real Liquid Glass on iOS 26, blur or frosted glass everywhere else.",
|
|
6
6
|
"tier": "pro",
|
|
7
|
+
"aliases": [],
|
|
7
8
|
"dependencies": [
|
|
8
9
|
"expo-glass-effect",
|
|
9
10
|
"expo-blur",
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
"title": "Glass Segmented Control",
|
|
5
5
|
"description": "A Liquid Glass segmented control: a glass track with a brighter glass thumb that springs to the new segment, stretching in the direction of travel before it settles like a drop. Press the thumb and drag it across the segments — it follows your finger, ticks as it crosses each one and snaps to the nearest on release. Native-driver motion, Reduce Motion aware, monochrome unless you give it an accent.",
|
|
6
6
|
"tier": "pro",
|
|
7
|
+
"aliases": [],
|
|
7
8
|
"dependencies": [
|
|
8
9
|
"expo-glass-effect",
|
|
9
10
|
"expo-blur",
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
"title": "Glass Sheet",
|
|
5
5
|
"description": "iOS 26 floating glass sheet. Detached by default — it floats inset from the screen edges with big rounded corners — or docked edge-to-edge. It springs up over a fading dim, follows your finger from the grabber or the content, settles on the snap point projected from your release velocity (a fling down dismisses) with a haptic tick, and sizes itself to its content when no snap points are given; taller content scrolls. Real Liquid Glass on iOS 26, material blur on older iOS and web, a readable frosted surface on Android.",
|
|
6
6
|
"tier": "pro",
|
|
7
|
+
"aliases": [],
|
|
7
8
|
"dependencies": [
|
|
8
9
|
"expo-glass-effect",
|
|
9
10
|
"expo-blur",
|
|
@@ -4,6 +4,11 @@
|
|
|
4
4
|
"title": "Glass Tab Bar",
|
|
5
5
|
"description": "A floating Liquid Glass tab bar like iOS 26: a glass pill whose selected tab sits in a lighter bubble that springs between tabs, stretching as it travels and settling when it lands. Icons lift when selected, red count badges, optional labels and a separate circular trailing button (search) grouped with the bar so the two melt together on iOS 26. Real Liquid Glass on iOS 26, blur everywhere else; native-driver motion that respects Reduce Motion, selection haptics and a tablist for screen readers.",
|
|
6
6
|
"tier": "pro",
|
|
7
|
+
"aliases": [
|
|
8
|
+
"liquid-glass-tabs",
|
|
9
|
+
"floating-tab-bar",
|
|
10
|
+
"ios-26-tab-bar"
|
|
11
|
+
],
|
|
7
12
|
"dependencies": [
|
|
8
13
|
"expo-glass-effect",
|
|
9
14
|
"expo-blur",
|
package/registry/glass.json
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
"title": "Glass",
|
|
5
5
|
"description": "Liquid Glass for every device: real iOS 26 Liquid Glass (interactive, mergeable with GlassGroup), system material blur on older iOS, real blur on Android 12+ inside GlassProvider / GlassBackdrop (a frosted surface otherwise) and backdrop blur on web — with a specular rim, hairline edge and soft shadow wherever the glass is emulated. The base every glass component is built on.",
|
|
6
6
|
"tier": "pro",
|
|
7
|
+
"aliases": [],
|
|
7
8
|
"dependencies": [
|
|
8
9
|
"expo-glass-effect",
|
|
9
10
|
"expo-blur",
|
|
@@ -18,24 +18,24 @@ export type GrainPalette =
|
|
|
18
18
|
|
|
19
19
|
export interface GrainGradientProps {
|
|
20
20
|
/** A built-in colour set. */
|
|
21
|
-
palette?: GrainPalette;
|
|
21
|
+
palette?: GrainPalette | undefined;
|
|
22
22
|
/** Your own colours: the first is the base, the rest become soft blobs (up to 4). Overrides `palette`. */
|
|
23
|
-
colors?: string[];
|
|
23
|
+
colors?: string[] | undefined;
|
|
24
24
|
/** Strength of the film grain, 0–1. */
|
|
25
|
-
grain?: number;
|
|
25
|
+
grain?: number | undefined;
|
|
26
26
|
/** Shuffle where the blobs sit. */
|
|
27
|
-
seed?: number;
|
|
28
|
-
style?: StyleProp<ViewStyle
|
|
29
|
-
children?: React.ReactNode;
|
|
27
|
+
seed?: number | undefined;
|
|
28
|
+
style?: StyleProp<ViewStyle> | undefined;
|
|
29
|
+
children?: React.ReactNode | undefined;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
export interface GrainOverlayProps {
|
|
33
33
|
/** Strength of the grain, 0–1. */
|
|
34
|
-
grain?: number;
|
|
35
|
-
style?: StyleProp<ViewStyle
|
|
34
|
+
grain?: number | undefined;
|
|
35
|
+
style?: StyleProp<ViewStyle> | undefined;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
const PALETTES: Record<GrainPalette, string[]> = {
|
|
38
|
+
const PALETTES: Record<GrainPalette, [string, ...string[]]> = {
|
|
39
39
|
sunset: ['#2a1238', '#ff6a3d', '#ff3d8b', '#ffc15e', '#7b2ff7'],
|
|
40
40
|
ocean: ['#04203a', '#0fb5c9', '#2f6bff', '#7ce7d6', '#123f8f'],
|
|
41
41
|
aurora: ['#0b1324', '#2ee6a6', '#7b5cff', '#1fa2ff', '#b8ff6b'],
|
|
@@ -54,7 +54,8 @@ const PALETTES: Record<GrainPalette, string[]> = {
|
|
|
54
54
|
export const GRAIN_PALETTES = Object.keys(PALETTES) as GrainPalette[];
|
|
55
55
|
|
|
56
56
|
// Where the blobs sit, in percent of the box: [cx, cy, r].
|
|
57
|
-
|
|
57
|
+
type Spot = [cx: number, cy: number, r: number];
|
|
58
|
+
const SPOTS: [Spot[], ...Spot[][]] = [
|
|
58
59
|
[[18, 22, 62], [86, 30, 58], [30, 88, 64], [82, 86, 52]],
|
|
59
60
|
[[80, 16, 60], [14, 52, 58], [62, 70, 66], [24, 96, 48]],
|
|
60
61
|
[[50, 8, 64], [8, 78, 60], [92, 62, 58], [46, 50, 40]],
|
|
@@ -79,8 +80,9 @@ export function GrainOverlay({ grain = 0.55, style }: GrainOverlayProps) {
|
|
|
79
80
|
*/
|
|
80
81
|
export function GrainGradient({ palette = 'sunset', colors, grain = 0.55, seed = 0, style, children }: GrainGradientProps) {
|
|
81
82
|
const id = useId().replace(/[^a-zA-Z0-9]/g, '');
|
|
82
|
-
|
|
83
|
-
const
|
|
83
|
+
// Both sources are non-empty, so the fallback only satisfies the type checker.
|
|
84
|
+
const [base = PALETTES[palette][0], ...blobs] = colors && colors.length ? colors : PALETTES[palette];
|
|
85
|
+
const spots = SPOTS[Math.abs(seed) % SPOTS.length] ?? SPOTS[0];
|
|
84
86
|
return (
|
|
85
87
|
<View style={[styles.root, { backgroundColor: base }, style]}>
|
|
86
88
|
<Svg style={StyleSheet.absoluteFill} viewBox="0 0 100 100" preserveAspectRatio="none" pointerEvents="none">
|
|
@@ -98,8 +100,8 @@ export function GrainGradient({ palette = 'sunset', colors, grain = 0.55, seed =
|
|
|
98
100
|
))}
|
|
99
101
|
</Defs>
|
|
100
102
|
<Rect x={0} y={0} width={100} height={100} fill={`url(#base${id})`} />
|
|
101
|
-
{
|
|
102
|
-
<Circle key={i} cx={
|
|
103
|
+
{spots.slice(0, Math.min(blobs.length, 4)).map(([cx, cy, r], i) => (
|
|
104
|
+
<Circle key={i} cx={cx} cy={cy} r={r} fill={`url(#b${i}${id})`} />
|
|
103
105
|
))}
|
|
104
106
|
</Svg>
|
|
105
107
|
<GrainOverlay grain={grain} />
|
package/registry/grain.json
CHANGED
|
@@ -4,14 +4,16 @@
|
|
|
4
4
|
"title": "Grain Gradient",
|
|
5
5
|
"description": "A soft mesh-style gradient — a base colour with blurred colour blobs — finished with real film grain. Twelve palettes or your own colours. Use it as a screen or card background, or behind glass so there is something to refract. GrainOverlay adds the same grain to anything, photos included.",
|
|
6
6
|
"tier": "free",
|
|
7
|
+
"aliases": [
|
|
8
|
+
"grain-gradient",
|
|
9
|
+
"gradient",
|
|
10
|
+
"mesh-gradient",
|
|
11
|
+
"noise"
|
|
12
|
+
],
|
|
7
13
|
"dependencies": [
|
|
8
14
|
"react-native-svg"
|
|
9
15
|
],
|
|
10
|
-
"registryDependencies": [
|
|
11
|
-
|
|
12
|
-
],
|
|
13
|
-
"sharedFiles": [
|
|
14
|
-
"lib/kit.tsx"
|
|
15
|
-
],
|
|
16
|
+
"registryDependencies": [],
|
|
17
|
+
"sharedFiles": [],
|
|
16
18
|
"filesDir": "grain/files"
|
|
17
19
|
}
|
package/registry/inbox.json
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
"title": "Inbox",
|
|
5
5
|
"description": "A messaging inbox: search, All / Unread / Mentions filter chips with counts, swipeable rows to archive, delete or mark read, unread count badges and a friendly empty state.",
|
|
6
6
|
"tier": "pro",
|
|
7
|
+
"aliases": [],
|
|
7
8
|
"dependencies": [
|
|
8
9
|
"react-native-svg",
|
|
9
10
|
"expo-haptics"
|