@thewhileloop/whileui 1.1.1 → 1.2.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 +492 -38
- package/dist/blocks/chat/chat.d.ts.map +1 -1
- package/dist/blocks/chat/chat.js +15 -5
- package/dist/blocks/chat/chat.js.map +1 -1
- package/dist/blocks/commerce/feature-gate.d.ts +13 -0
- package/dist/blocks/commerce/feature-gate.d.ts.map +1 -0
- package/dist/blocks/commerce/feature-gate.js +13 -0
- package/dist/blocks/commerce/feature-gate.js.map +1 -0
- package/dist/blocks/commerce/index.d.ts +5 -0
- package/dist/blocks/commerce/index.d.ts.map +1 -1
- package/dist/blocks/commerce/index.js +5 -0
- package/dist/blocks/commerce/index.js.map +1 -1
- package/dist/blocks/commerce/metric-card.d.ts +3 -1
- package/dist/blocks/commerce/metric-card.d.ts.map +1 -1
- package/dist/blocks/commerce/metric-card.js +8 -1
- package/dist/blocks/commerce/metric-card.js.map +1 -1
- package/dist/blocks/commerce/plan-toggle.d.ts +12 -0
- package/dist/blocks/commerce/plan-toggle.d.ts.map +1 -0
- package/dist/blocks/commerce/plan-toggle.js +19 -0
- package/dist/blocks/commerce/plan-toggle.js.map +1 -0
- package/dist/blocks/commerce/pricing-card.d.ts +3 -1
- package/dist/blocks/commerce/pricing-card.d.ts.map +1 -1
- package/dist/blocks/commerce/pricing-card.js +9 -1
- package/dist/blocks/commerce/pricing-card.js.map +1 -1
- package/dist/blocks/commerce/product-card.d.ts +3 -1
- package/dist/blocks/commerce/product-card.d.ts.map +1 -1
- package/dist/blocks/commerce/product-card.js +16 -2
- package/dist/blocks/commerce/product-card.js.map +1 -1
- package/dist/blocks/commerce/subscription-card.d.ts +17 -0
- package/dist/blocks/commerce/subscription-card.d.ts.map +1 -0
- package/dist/blocks/commerce/subscription-card.js +18 -0
- package/dist/blocks/commerce/subscription-card.js.map +1 -0
- package/dist/blocks/commerce/upgrade-banner.d.ts +12 -0
- package/dist/blocks/commerce/upgrade-banner.d.ts.map +1 -0
- package/dist/blocks/commerce/upgrade-banner.js +9 -0
- package/dist/blocks/commerce/upgrade-banner.js.map +1 -0
- package/dist/blocks/commerce/usage-bar.d.ts +11 -0
- package/dist/blocks/commerce/usage-bar.d.ts.map +1 -0
- package/dist/blocks/commerce/usage-bar.js +33 -0
- package/dist/blocks/commerce/usage-bar.js.map +1 -0
- package/dist/blocks/datepicker/date-range-picker-modal.d.ts +3 -2
- package/dist/blocks/datepicker/date-range-picker-modal.d.ts.map +1 -1
- package/dist/blocks/datepicker/date-range-picker-modal.js +16 -3
- package/dist/blocks/datepicker/date-range-picker-modal.js.map +1 -1
- package/dist/blocks/datepicker/datepicker-inline.d.ts.map +1 -1
- package/dist/blocks/datepicker/datepicker-inline.js +3 -1
- package/dist/blocks/datepicker/datepicker-inline.js.map +1 -1
- package/dist/blocks/datepicker/datepicker-modal.d.ts +3 -2
- package/dist/blocks/datepicker/datepicker-modal.d.ts.map +1 -1
- package/dist/blocks/datepicker/datepicker-modal.js +16 -3
- package/dist/blocks/datepicker/datepicker-modal.js.map +1 -1
- package/dist/blocks/datepicker/use-calendar-theme.d.ts.map +1 -1
- package/dist/blocks/datepicker/use-calendar-theme.js +2 -1
- package/dist/blocks/datepicker/use-calendar-theme.js.map +1 -1
- package/dist/blocks/layout/app-shell.d.ts +5 -1
- package/dist/blocks/layout/app-shell.d.ts.map +1 -1
- package/dist/blocks/layout/app-shell.js +2 -2
- package/dist/blocks/layout/app-shell.js.map +1 -1
- package/dist/blocks/layout/confirm-action-sheet.d.ts +3 -2
- package/dist/blocks/layout/confirm-action-sheet.d.ts.map +1 -1
- package/dist/blocks/layout/confirm-action-sheet.js +23 -4
- package/dist/blocks/layout/confirm-action-sheet.js.map +1 -1
- package/dist/blocks/layout/form-modal-screen.d.ts.map +1 -1
- package/dist/blocks/layout/form-modal-screen.js +23 -1
- package/dist/blocks/layout/form-modal-screen.js.map +1 -1
- package/dist/blocks/layout/index.d.ts +2 -1
- package/dist/blocks/layout/index.d.ts.map +1 -1
- package/dist/blocks/layout/index.js +1 -0
- package/dist/blocks/layout/index.js.map +1 -1
- package/dist/blocks/layout/page-skeleton.d.ts +7 -1
- package/dist/blocks/layout/page-skeleton.d.ts.map +1 -1
- package/dist/blocks/layout/page-skeleton.js +7 -14
- package/dist/blocks/layout/page-skeleton.js.map +1 -1
- package/dist/blocks/layout/screen-skeleton.d.ts +16 -0
- package/dist/blocks/layout/screen-skeleton.d.ts.map +1 -0
- package/dist/blocks/layout/screen-skeleton.js +8 -0
- package/dist/blocks/layout/screen-skeleton.js.map +1 -0
- package/dist/blocks/layout/sheet.d.ts +3 -2
- package/dist/blocks/layout/sheet.d.ts.map +1 -1
- package/dist/blocks/layout/sheet.js +39 -6
- package/dist/blocks/layout/sheet.js.map +1 -1
- package/dist/blocks/layout/smart-input.d.ts.map +1 -1
- package/dist/blocks/layout/smart-input.js +8 -1
- package/dist/blocks/layout/smart-input.js.map +1 -1
- package/dist/blocks/lists/list-item.d.ts +3 -1
- package/dist/blocks/lists/list-item.d.ts.map +1 -1
- package/dist/blocks/lists/list-item.js +9 -1
- package/dist/blocks/lists/list-item.js.map +1 -1
- package/dist/blocks/lists/notification-item.d.ts +3 -1
- package/dist/blocks/lists/notification-item.d.ts.map +1 -1
- package/dist/blocks/lists/notification-item.js +10 -2
- package/dist/blocks/lists/notification-item.js.map +1 -1
- package/dist/blocks/lists/swipeable-item.d.ts.map +1 -1
- package/dist/blocks/lists/swipeable-item.js +5 -3
- package/dist/blocks/lists/swipeable-item.js.map +1 -1
- package/dist/blocks/navigation/bottom-nav.d.ts.map +1 -1
- package/dist/blocks/navigation/bottom-nav.js +9 -2
- package/dist/blocks/navigation/bottom-nav.js.map +1 -1
- package/dist/blocks/navigation/drawer-menu.d.ts +3 -2
- package/dist/blocks/navigation/drawer-menu.d.ts.map +1 -1
- package/dist/blocks/navigation/drawer-menu.js +88 -25
- package/dist/blocks/navigation/drawer-menu.js.map +1 -1
- package/dist/blocks/navigation/header.d.ts +1 -1
- package/dist/blocks/navigation/header.d.ts.map +1 -1
- package/dist/blocks/navigation/header.js +12 -3
- package/dist/blocks/navigation/header.js.map +1 -1
- package/dist/blocks/navigation/navigation-sidebar.d.ts.map +1 -1
- package/dist/blocks/navigation/navigation-sidebar.js +9 -2
- package/dist/blocks/navigation/navigation-sidebar.js.map +1 -1
- package/dist/blocks/navigation/tab-bar.d.ts.map +1 -1
- package/dist/blocks/navigation/tab-bar.js +8 -2
- package/dist/blocks/navigation/tab-bar.js.map +1 -1
- package/dist/components/accordion/accordion.d.ts +1 -1
- package/dist/components/accordion/accordion.d.ts.map +1 -1
- package/dist/components/accordion/accordion.js +10 -4
- package/dist/components/accordion/accordion.js.map +1 -1
- package/dist/components/alert/alert.js +4 -4
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.d.ts +3 -2
- package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.js +15 -4
- package/dist/components/alert-dialog/alert-dialog.js.map +1 -1
- package/dist/components/badge/badge.js +6 -6
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +11 -5
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/card/card.d.ts +2 -1
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/card.js +12 -3
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.js +7 -1
- package/dist/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/context-menu/context-menu.d.ts +3 -2
- package/dist/components/context-menu/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu/context-menu.js +12 -3
- package/dist/components/context-menu/context-menu.js.map +1 -1
- package/dist/components/data-row/data-row.d.ts.map +1 -1
- package/dist/components/data-row/data-row.js +8 -5
- package/dist/components/data-row/data-row.js.map +1 -1
- package/dist/components/dialog/dialog.d.ts +3 -2
- package/dist/components/dialog/dialog.d.ts.map +1 -1
- package/dist/components/dialog/dialog.js +14 -3
- package/dist/components/dialog/dialog.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -2
- package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.js +12 -3
- package/dist/components/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/components/form-field/form-field.d.ts.map +1 -1
- package/dist/components/form-field/form-field.js +6 -3
- package/dist/components/form-field/form-field.js.map +1 -1
- package/dist/components/hover-card/hover-card.d.ts +2 -1
- package/dist/components/hover-card/hover-card.d.ts.map +1 -1
- package/dist/components/hover-card/hover-card.js +17 -2
- package/dist/components/hover-card/hover-card.js.map +1 -1
- package/dist/components/input/input.d.ts.map +1 -1
- package/dist/components/input/input.js +3 -1
- package/dist/components/input/input.js.map +1 -1
- package/dist/components/labeled-field/labeled-field.d.ts.map +1 -1
- package/dist/components/labeled-field/labeled-field.js +3 -1
- package/dist/components/labeled-field/labeled-field.js.map +1 -1
- package/dist/components/menubar/menubar.d.ts +3 -2
- package/dist/components/menubar/menubar.d.ts.map +1 -1
- package/dist/components/menubar/menubar.js +12 -3
- package/dist/components/menubar/menubar.js.map +1 -1
- package/dist/components/numeric-input/numeric-input.d.ts.map +1 -1
- package/dist/components/numeric-input/numeric-input.js +15 -3
- package/dist/components/numeric-input/numeric-input.js.map +1 -1
- package/dist/components/otp-input/index.d.ts +2 -0
- package/dist/components/otp-input/index.d.ts.map +1 -0
- package/dist/components/otp-input/index.js +2 -0
- package/dist/components/otp-input/index.js.map +1 -0
- package/dist/components/otp-input/otp-input.d.ts +97 -0
- package/dist/components/otp-input/otp-input.d.ts.map +1 -0
- package/dist/components/otp-input/otp-input.js +88 -0
- package/dist/components/otp-input/otp-input.js.map +1 -0
- package/dist/components/popover/popover.d.ts +2 -1
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.js +16 -3
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/segmented-control/segmented-control.d.ts +3 -3
- package/dist/components/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/segmented-control/segmented-control.js +19 -5
- package/dist/components/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/select/select.d.ts +2 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +30 -11
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/skeleton/skeleton.d.ts.map +1 -1
- package/dist/components/skeleton/skeleton.js +6 -2
- package/dist/components/skeleton/skeleton.js.map +1 -1
- package/dist/components/switch/switch.d.ts.map +1 -1
- package/dist/components/switch/switch.js +7 -1
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/tabs/tabs.d.ts +3 -1
- package/dist/components/tabs/tabs.d.ts.map +1 -1
- package/dist/components/tabs/tabs.js +9 -3
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/textarea/textarea.d.ts +2 -2
- package/dist/components/textarea/textarea.d.ts.map +1 -1
- package/dist/components/textarea/textarea.js +19 -6
- package/dist/components/textarea/textarea.js.map +1 -1
- package/dist/components/toast/toast.d.ts.map +1 -1
- package/dist/components/toast/toast.js +12 -2
- package/dist/components/toast/toast.js.map +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/frosted-surface.d.ts +33 -0
- package/dist/lib/frosted-surface.d.ts.map +1 -0
- package/dist/lib/frosted-surface.js +181 -0
- package/dist/lib/frosted-surface.js.map +1 -0
- package/dist/lib/interaction-tokens.d.ts +26 -0
- package/dist/lib/interaction-tokens.d.ts.map +1 -0
- package/dist/lib/interaction-tokens.js +70 -0
- package/dist/lib/interaction-tokens.js.map +1 -0
- package/dist/lib/react-native-classname.d.ts +23 -0
- package/dist/lib/react-native-classname.d.ts.map +1 -0
- package/dist/lib/react-native-classname.js +2 -0
- package/dist/lib/react-native-classname.js.map +1 -0
- package/dist/lib/theme-colors.d.ts +33 -4
- package/dist/lib/theme-colors.d.ts.map +1 -1
- package/dist/lib/theme-colors.js +249 -37
- package/dist/lib/theme-colors.js.map +1 -1
- package/dist/lib/visual-tokens.d.ts +39 -0
- package/dist/lib/visual-tokens.d.ts.map +1 -0
- package/dist/lib/visual-tokens.js +91 -0
- package/dist/lib/visual-tokens.js.map +1 -0
- package/dist/vite.d.ts +47 -0
- package/dist/vite.d.ts.map +1 -0
- package/dist/vite.js +110 -0
- package/dist/vite.js.map +1 -0
- package/package.json +10 -1
package/dist/lib/theme-colors.js
CHANGED
|
@@ -1,54 +1,263 @@
|
|
|
1
1
|
import { useCSSVariable } from 'uniwind';
|
|
2
|
-
import { formatHex, parse } from 'culori';
|
|
3
|
-
|
|
4
|
-
// 2. Add a robust converter function
|
|
5
|
-
function resolveToHex(value, fallback) {
|
|
2
|
+
import { formatHex, formatRgb, parse } from 'culori';
|
|
3
|
+
function parseThemeColor(value) {
|
|
6
4
|
if (value === undefined || value === null)
|
|
7
|
-
return
|
|
8
|
-
const s = String(value);
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
return undefined;
|
|
6
|
+
const s = String(value).trim();
|
|
7
|
+
if (!s)
|
|
8
|
+
return undefined;
|
|
9
|
+
if (s.startsWith('#') || s.startsWith('rgb') || s.startsWith('hsl')) {
|
|
11
10
|
return s;
|
|
12
11
|
}
|
|
13
|
-
// Parse and convert modern CSS colors (oklch, hsl, etc.) to Hex
|
|
14
12
|
try {
|
|
15
13
|
const parsed = parse(s);
|
|
16
14
|
if (parsed) {
|
|
15
|
+
const alpha = typeof parsed.alpha === 'number' ? parsed.alpha : 1;
|
|
16
|
+
if (alpha < 1) {
|
|
17
|
+
const rgba = formatRgb(parsed);
|
|
18
|
+
if (rgba)
|
|
19
|
+
return rgba;
|
|
20
|
+
}
|
|
17
21
|
const hex = formatHex(parsed);
|
|
18
22
|
if (hex)
|
|
19
23
|
return hex;
|
|
24
|
+
const rgb = formatRgb(parsed);
|
|
25
|
+
if (rgb)
|
|
26
|
+
return rgb;
|
|
20
27
|
}
|
|
21
28
|
}
|
|
22
|
-
catch
|
|
23
|
-
|
|
29
|
+
catch {
|
|
30
|
+
return undefined;
|
|
24
31
|
}
|
|
25
|
-
return
|
|
32
|
+
return undefined;
|
|
26
33
|
}
|
|
34
|
+
function resolveThemeToken(cssValue, appValue, fallback) {
|
|
35
|
+
return parseThemeColor(cssValue) ?? parseThemeColor(appValue) ?? fallback;
|
|
36
|
+
}
|
|
37
|
+
const THEME_COLOR_SPECS = [
|
|
38
|
+
{
|
|
39
|
+
key: 'primary',
|
|
40
|
+
cssVar: '--color-primary',
|
|
41
|
+
appVar: '--app-color-primary',
|
|
42
|
+
fallback: '#000000',
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
key: 'primaryForeground',
|
|
46
|
+
cssVar: '--color-primary-foreground',
|
|
47
|
+
appVar: '--app-color-primary-foreground',
|
|
48
|
+
fallback: '#ffffff',
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
key: 'foreground',
|
|
52
|
+
cssVar: '--color-foreground',
|
|
53
|
+
appVar: '--app-color-foreground',
|
|
54
|
+
fallback: '#000000',
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
key: 'background',
|
|
58
|
+
cssVar: '--color-background',
|
|
59
|
+
appVar: '--app-color-background',
|
|
60
|
+
fallback: '#ffffff',
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
key: 'card',
|
|
64
|
+
cssVar: '--color-card',
|
|
65
|
+
appVar: '--app-color-card',
|
|
66
|
+
fallback: '#ffffff',
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
key: 'cardForeground',
|
|
70
|
+
cssVar: '--color-card-foreground',
|
|
71
|
+
appVar: '--app-color-card-foreground',
|
|
72
|
+
fallback: '#000000',
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
key: 'popover',
|
|
76
|
+
cssVar: '--color-popover',
|
|
77
|
+
appVar: '--app-color-popover',
|
|
78
|
+
fallback: '#ffffff',
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
key: 'popoverForeground',
|
|
82
|
+
cssVar: '--color-popover-foreground',
|
|
83
|
+
appVar: '--app-color-popover-foreground',
|
|
84
|
+
fallback: '#000000',
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
key: 'secondary',
|
|
88
|
+
cssVar: '--color-secondary',
|
|
89
|
+
appVar: '--app-color-secondary',
|
|
90
|
+
fallback: '#f5f5f5',
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
key: 'secondaryForeground',
|
|
94
|
+
cssVar: '--color-secondary-foreground',
|
|
95
|
+
appVar: '--app-color-secondary-foreground',
|
|
96
|
+
fallback: '#171717',
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
key: 'muted',
|
|
100
|
+
cssVar: '--color-muted',
|
|
101
|
+
appVar: '--app-color-muted',
|
|
102
|
+
fallback: '#f5f5f5',
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
key: 'mutedForeground',
|
|
106
|
+
cssVar: '--color-muted-foreground',
|
|
107
|
+
appVar: '--app-color-muted-foreground',
|
|
108
|
+
fallback: '#737373',
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
key: 'border',
|
|
112
|
+
cssVar: '--color-border',
|
|
113
|
+
appVar: '--app-color-border',
|
|
114
|
+
fallback: '#e5e5e5',
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
key: 'input',
|
|
118
|
+
cssVar: '--color-input',
|
|
119
|
+
appVar: '--app-color-input',
|
|
120
|
+
fallback: '#e5e5e5',
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
key: 'ring',
|
|
124
|
+
cssVar: '--color-ring',
|
|
125
|
+
appVar: '--app-color-ring',
|
|
126
|
+
fallback: '#94a3b8',
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
key: 'accent',
|
|
130
|
+
cssVar: '--color-accent',
|
|
131
|
+
appVar: '--app-color-accent',
|
|
132
|
+
fallback: '#22c55e',
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
key: 'accentForeground',
|
|
136
|
+
cssVar: '--color-accent-foreground',
|
|
137
|
+
appVar: '--app-color-accent-foreground',
|
|
138
|
+
fallback: '#0a0a0a',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
key: 'destructive',
|
|
142
|
+
cssVar: '--color-destructive',
|
|
143
|
+
appVar: '--app-color-destructive',
|
|
144
|
+
fallback: '#dc2626',
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
key: 'destructiveForeground',
|
|
148
|
+
cssVar: '--color-destructive-foreground',
|
|
149
|
+
appVar: '--app-color-destructive-foreground',
|
|
150
|
+
fallback: '#ffffff',
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
key: 'success',
|
|
154
|
+
cssVar: '--color-success',
|
|
155
|
+
appVar: '--app-color-success',
|
|
156
|
+
fallback: '#16a34a',
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
key: 'successForeground',
|
|
160
|
+
cssVar: '--color-success-foreground',
|
|
161
|
+
appVar: '--app-color-success-foreground',
|
|
162
|
+
fallback: '#ffffff',
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
key: 'warning',
|
|
166
|
+
cssVar: '--color-warning',
|
|
167
|
+
appVar: '--app-color-warning',
|
|
168
|
+
fallback: '#f59e0b',
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
key: 'warningForeground',
|
|
172
|
+
cssVar: '--color-warning-foreground',
|
|
173
|
+
appVar: '--app-color-warning-foreground',
|
|
174
|
+
fallback: '#111827',
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
key: 'info',
|
|
178
|
+
cssVar: '--color-info',
|
|
179
|
+
appVar: '--app-color-info',
|
|
180
|
+
fallback: '#3b82f6',
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
key: 'infoForeground',
|
|
184
|
+
cssVar: '--color-info-foreground',
|
|
185
|
+
appVar: '--app-color-info-foreground',
|
|
186
|
+
fallback: '#ffffff',
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
key: 'overlay',
|
|
190
|
+
cssVar: '--color-overlay',
|
|
191
|
+
appVar: '--app-color-overlay',
|
|
192
|
+
fallback: 'rgba(0, 0, 0, 0.4)',
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
key: 'overlayStrong',
|
|
196
|
+
cssVar: '--color-overlay-strong',
|
|
197
|
+
appVar: '--app-color-overlay-strong',
|
|
198
|
+
fallback: 'rgba(0, 0, 0, 0.55)',
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
key: 'surfaceElevated',
|
|
202
|
+
cssVar: '--color-surface-elevated',
|
|
203
|
+
appVar: '--app-color-surface-elevated',
|
|
204
|
+
fallback: '#ffffff',
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
key: 'surfaceTranslucent',
|
|
208
|
+
cssVar: '--color-surface-translucent',
|
|
209
|
+
appVar: '--app-color-surface-translucent',
|
|
210
|
+
fallback: 'rgba(255, 255, 255, 0.5)',
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
key: 'surfaceTranslucentBorder',
|
|
214
|
+
cssVar: '--color-surface-translucent-border',
|
|
215
|
+
appVar: '--app-color-surface-translucent-border',
|
|
216
|
+
fallback: 'rgba(255, 255, 255, 0.18)',
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
key: 'surfaceBorder',
|
|
220
|
+
cssVar: '--color-surface-border',
|
|
221
|
+
appVar: '--app-color-surface-border',
|
|
222
|
+
fallback: 'rgba(255, 255, 255, 0.3)',
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
key: 'surfaceHighlight',
|
|
226
|
+
cssVar: '--color-surface-highlight',
|
|
227
|
+
appVar: '--app-color-surface-highlight',
|
|
228
|
+
fallback: 'rgba(255, 255, 255, 0.3)',
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
key: 'stateHover',
|
|
232
|
+
cssVar: '--color-state-hover',
|
|
233
|
+
appVar: '--app-color-state-hover',
|
|
234
|
+
fallback: 'rgba(0, 0, 0, 0.05)',
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
key: 'statePressed',
|
|
238
|
+
cssVar: '--color-state-pressed',
|
|
239
|
+
appVar: '--app-color-state-pressed',
|
|
240
|
+
fallback: 'rgba(0, 0, 0, 0.12)',
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
key: 'stateDisabled',
|
|
244
|
+
cssVar: '--color-state-disabled',
|
|
245
|
+
appVar: '--app-color-state-disabled',
|
|
246
|
+
fallback: 'rgba(0, 0, 0, 0.4)',
|
|
247
|
+
},
|
|
248
|
+
];
|
|
249
|
+
const THEME_COLOR_VARIABLES = THEME_COLOR_SPECS.flatMap(({ cssVar, appVar }) => [cssVar, appVar]);
|
|
27
250
|
export function useThemeColors() {
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
]);
|
|
39
|
-
const mutedFgHex = resolveToHex(mutedForeground, '#737373');
|
|
40
|
-
return {
|
|
41
|
-
primary: resolveToHex(primary, '#000000'),
|
|
42
|
-
primaryForeground: resolveToHex(primaryForeground, '#ffffff'),
|
|
43
|
-
foreground: resolveToHex(foreground, '#000000'),
|
|
44
|
-
muted: resolveToHex(muted, '#f5f5f5'),
|
|
45
|
-
mutedForeground: mutedFgHex,
|
|
46
|
-
placeholder: mutedFgHex,
|
|
47
|
-
background: resolveToHex(background, '#ffffff'),
|
|
48
|
-
border: resolveToHex(border, '#e5e5e5'),
|
|
49
|
-
accent: resolveToHex(accent, '#22c55e'),
|
|
50
|
-
destructive: resolveToHex(destructive, '#dc2626'),
|
|
51
|
-
};
|
|
251
|
+
const values = useCSSVariable(THEME_COLOR_VARIABLES);
|
|
252
|
+
const resolved = {};
|
|
253
|
+
let index = 0;
|
|
254
|
+
for (const token of THEME_COLOR_SPECS) {
|
|
255
|
+
const cssValue = values[index++];
|
|
256
|
+
const appValue = values[index++];
|
|
257
|
+
resolved[token.key] = resolveThemeToken(cssValue, appValue, token.fallback);
|
|
258
|
+
}
|
|
259
|
+
resolved.placeholder = resolved.mutedForeground ?? '#737373';
|
|
260
|
+
return resolved;
|
|
52
261
|
}
|
|
53
262
|
/** Icon colors derived from theme. For @expo/vector-icons which need hex values. */
|
|
54
263
|
export function useIconColors() {
|
|
@@ -59,10 +268,13 @@ export function useIconColors() {
|
|
|
59
268
|
primary: c.primary,
|
|
60
269
|
primaryForeground: c.primaryForeground,
|
|
61
270
|
accent: c.accent,
|
|
271
|
+
warning: c.warning,
|
|
272
|
+
success: c.success,
|
|
273
|
+
info: c.info,
|
|
62
274
|
destructive: c.destructive,
|
|
63
275
|
};
|
|
64
276
|
}
|
|
65
|
-
/** Alias for useThemeColors. Returns
|
|
277
|
+
/** Alias for useThemeColors. Returns RN-safe color strings (hex/rgb/rgba) for RefreshControl, LinearGradient, charts. */
|
|
66
278
|
export const useThemeTokens = useThemeColors;
|
|
67
279
|
/** @deprecated Use useThemeTokens or useThemeColors. */
|
|
68
280
|
export const useResolvedThemeColors = useThemeColors;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-colors.js","sourceRoot":"","sources":["../../src/lib/theme-colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"theme-colors.js","sourceRoot":"","sources":["../../src/lib/theme-colors.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export interface VisualTokens {
|
|
2
|
+
touchTargetMinSize: number;
|
|
3
|
+
drawerWidthRatio: number;
|
|
4
|
+
drawerMaxWidthWeb: number;
|
|
5
|
+
drawerFrostedInset: number;
|
|
6
|
+
drawerFrostedRadius: number;
|
|
7
|
+
drawerContentTopPadding: number;
|
|
8
|
+
drawerItemFontSize: number;
|
|
9
|
+
drawerBadgeMinWidth: number;
|
|
10
|
+
navSectionTitleFontSize: number;
|
|
11
|
+
navItemBadgeFontSize: number;
|
|
12
|
+
bottomNavBadgeFontSize: number;
|
|
13
|
+
dataRowCompactDescriptionSize: number;
|
|
14
|
+
dataRowRightMaxWidthRatio: number;
|
|
15
|
+
segmentedWrapBasisRatio: number;
|
|
16
|
+
textareaMinHeightDefault: number;
|
|
17
|
+
textareaMinHeightSm: number;
|
|
18
|
+
textareaMinHeightLg: number;
|
|
19
|
+
chatBubbleMaxWidthRatio: number;
|
|
20
|
+
chatSystemBubbleMaxWidthRatio: number;
|
|
21
|
+
smartInputMaxHeight: number;
|
|
22
|
+
formModalContentMinHeightRatio: number;
|
|
23
|
+
sheetTabletBreakpoint: number;
|
|
24
|
+
sheetMaxWidth: number;
|
|
25
|
+
sheetHalfMaxHeightRatio: number;
|
|
26
|
+
sheetHalfMinHeight: number;
|
|
27
|
+
swipeActionWidth: number;
|
|
28
|
+
skeletonShimmerBandWidth: number;
|
|
29
|
+
blurIntensitySubtle: number;
|
|
30
|
+
blurIntensityMedium: number;
|
|
31
|
+
blurIntensityStrong: number;
|
|
32
|
+
blurSaturationPct: number;
|
|
33
|
+
frostedHighlightHeight: number;
|
|
34
|
+
frostedBackdropBlurIntensity: number;
|
|
35
|
+
frostedBackdropBlurScale: number;
|
|
36
|
+
androidExperimentalBlurEnabled: boolean;
|
|
37
|
+
}
|
|
38
|
+
export declare function useVisualTokens(): VisualTokens;
|
|
39
|
+
//# sourceMappingURL=visual-tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"visual-tokens.d.ts","sourceRoot":"","sources":["../../src/lib/visual-tokens.ts"],"names":[],"mappings":"AAsBA,MAAM,WAAW,YAAY;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,6BAA6B,EAAE,MAAM,CAAC;IACtC,yBAAyB,EAAE,MAAM,CAAC;IAClC,uBAAuB,EAAE,MAAM,CAAC;IAChC,wBAAwB,EAAE,MAAM,CAAC;IACjC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;IAChC,6BAA6B,EAAE,MAAM,CAAC;IACtC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,8BAA8B,EAAE,MAAM,CAAC;IACvC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,EAAE,MAAM,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,4BAA4B,EAAE,MAAM,CAAC;IACrC,wBAAwB,EAAE,MAAM,CAAC;IACjC,8BAA8B,EAAE,OAAO,CAAC;CACzC;AAED,wBAAgB,eAAe,IAAI,YAAY,CAgH9C"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { useCSSVariable } from 'uniwind';
|
|
2
|
+
function parseNumber(value, fallback) {
|
|
3
|
+
if (value === undefined || value === null)
|
|
4
|
+
return fallback;
|
|
5
|
+
const parsed = Number.parseFloat(String(value));
|
|
6
|
+
return Number.isFinite(parsed) ? parsed : fallback;
|
|
7
|
+
}
|
|
8
|
+
function parsePixel(value, fallback) {
|
|
9
|
+
return Math.max(0, Math.round(parseNumber(value, fallback)));
|
|
10
|
+
}
|
|
11
|
+
function parseRatio(value, fallback, min = 0, max = 1) {
|
|
12
|
+
const parsed = parseNumber(value, fallback);
|
|
13
|
+
return Math.min(max, Math.max(min, parsed));
|
|
14
|
+
}
|
|
15
|
+
export function useVisualTokens() {
|
|
16
|
+
const [touchTargetMinSize, drawerWidthRatio, drawerMaxWidthWeb, drawerFrostedInset, drawerFrostedRadius, drawerContentTopPadding, drawerItemFontSize, drawerBadgeMinWidth, navSectionTitleFontSize, navItemBadgeFontSize, bottomNavBadgeFontSize, dataRowCompactDescriptionSize, dataRowRightMaxWidthRatio, segmentedWrapBasisRatio, textareaMinHeightDefault, textareaMinHeightSm, textareaMinHeightLg, chatBubbleMaxWidthRatio, chatSystemBubbleMaxWidthRatio, smartInputMaxHeight, formModalContentMinHeightRatio, sheetTabletBreakpoint, sheetMaxWidth, sheetHalfMaxHeightRatio, sheetHalfMinHeight, swipeActionWidth, skeletonShimmerBandWidth, blurIntensitySubtle, blurIntensityMedium, blurIntensityStrong, blurSaturationPct, frostedHighlightHeight, frostedBackdropBlurIntensity, frostedBackdropBlurScale, androidExperimentalBlurEnabled,] = useCSSVariable([
|
|
17
|
+
'--ui-touch-target-min-size',
|
|
18
|
+
'--ui-drawer-width-ratio',
|
|
19
|
+
'--ui-drawer-max-width-web',
|
|
20
|
+
'--ui-drawer-frosted-inset',
|
|
21
|
+
'--ui-drawer-frosted-radius',
|
|
22
|
+
'--ui-drawer-content-top-padding',
|
|
23
|
+
'--ui-drawer-item-font-size',
|
|
24
|
+
'--ui-drawer-badge-min-width',
|
|
25
|
+
'--ui-nav-section-title-font-size',
|
|
26
|
+
'--ui-nav-item-badge-font-size',
|
|
27
|
+
'--ui-bottom-nav-badge-font-size',
|
|
28
|
+
'--ui-data-row-compact-description-size',
|
|
29
|
+
'--ui-data-row-right-max-width-ratio',
|
|
30
|
+
'--ui-segmented-wrap-basis-ratio',
|
|
31
|
+
'--ui-textarea-min-height-default',
|
|
32
|
+
'--ui-textarea-min-height-sm',
|
|
33
|
+
'--ui-textarea-min-height-lg',
|
|
34
|
+
'--ui-chat-bubble-max-width-ratio',
|
|
35
|
+
'--ui-chat-system-bubble-max-width-ratio',
|
|
36
|
+
'--ui-smart-input-max-height',
|
|
37
|
+
'--ui-form-modal-content-min-height-ratio',
|
|
38
|
+
'--ui-sheet-tablet-breakpoint',
|
|
39
|
+
'--ui-sheet-max-width',
|
|
40
|
+
'--ui-sheet-half-max-height-ratio',
|
|
41
|
+
'--ui-sheet-half-min-height',
|
|
42
|
+
'--ui-swipe-action-width',
|
|
43
|
+
'--ui-skeleton-shimmer-band-width',
|
|
44
|
+
'--ui-blur-intensity-subtle',
|
|
45
|
+
'--ui-blur-intensity-medium',
|
|
46
|
+
'--ui-blur-intensity-strong',
|
|
47
|
+
'--ui-blur-saturation-pct',
|
|
48
|
+
'--ui-frosted-highlight-height',
|
|
49
|
+
'--ui-frosted-backdrop-blur-intensity',
|
|
50
|
+
'--ui-frosted-backdrop-blur-scale',
|
|
51
|
+
'--ui-frosted-android-experimental-blur',
|
|
52
|
+
]);
|
|
53
|
+
return {
|
|
54
|
+
touchTargetMinSize: parsePixel(touchTargetMinSize, 44),
|
|
55
|
+
drawerWidthRatio: parseRatio(drawerWidthRatio, 0.82, 0.4, 1),
|
|
56
|
+
drawerMaxWidthWeb: parsePixel(drawerMaxWidthWeb, 360),
|
|
57
|
+
drawerFrostedInset: parsePixel(drawerFrostedInset, 0),
|
|
58
|
+
drawerFrostedRadius: parsePixel(drawerFrostedRadius, 28),
|
|
59
|
+
drawerContentTopPadding: parsePixel(drawerContentTopPadding, 0),
|
|
60
|
+
drawerItemFontSize: parsePixel(drawerItemFontSize, 15),
|
|
61
|
+
drawerBadgeMinWidth: parsePixel(drawerBadgeMinWidth, 20),
|
|
62
|
+
navSectionTitleFontSize: parsePixel(navSectionTitleFontSize, 11),
|
|
63
|
+
navItemBadgeFontSize: parsePixel(navItemBadgeFontSize, 11),
|
|
64
|
+
bottomNavBadgeFontSize: parsePixel(bottomNavBadgeFontSize, 10),
|
|
65
|
+
dataRowCompactDescriptionSize: parsePixel(dataRowCompactDescriptionSize, 11),
|
|
66
|
+
dataRowRightMaxWidthRatio: parseRatio(dataRowRightMaxWidthRatio, 0.45, 0.2, 1),
|
|
67
|
+
segmentedWrapBasisRatio: parseRatio(segmentedWrapBasisRatio, 0.48, 0.2, 1),
|
|
68
|
+
textareaMinHeightDefault: parsePixel(textareaMinHeightDefault, 80),
|
|
69
|
+
textareaMinHeightSm: parsePixel(textareaMinHeightSm, 60),
|
|
70
|
+
textareaMinHeightLg: parsePixel(textareaMinHeightLg, 120),
|
|
71
|
+
chatBubbleMaxWidthRatio: parseRatio(chatBubbleMaxWidthRatio, 0.85, 0.2, 1),
|
|
72
|
+
chatSystemBubbleMaxWidthRatio: parseRatio(chatSystemBubbleMaxWidthRatio, 0.9, 0.2, 1),
|
|
73
|
+
smartInputMaxHeight: parsePixel(smartInputMaxHeight, 120),
|
|
74
|
+
formModalContentMinHeightRatio: parseRatio(formModalContentMinHeightRatio, 0.4, 0.1, 1),
|
|
75
|
+
sheetTabletBreakpoint: parsePixel(sheetTabletBreakpoint, 600),
|
|
76
|
+
sheetMaxWidth: parsePixel(sheetMaxWidth, 360),
|
|
77
|
+
sheetHalfMaxHeightRatio: parseRatio(sheetHalfMaxHeightRatio, 0.5, 0.1, 1),
|
|
78
|
+
sheetHalfMinHeight: parsePixel(sheetHalfMinHeight, 320),
|
|
79
|
+
swipeActionWidth: parsePixel(swipeActionWidth, 80),
|
|
80
|
+
skeletonShimmerBandWidth: parsePixel(skeletonShimmerBandWidth, 56),
|
|
81
|
+
blurIntensitySubtle: parsePixel(blurIntensitySubtle, 18),
|
|
82
|
+
blurIntensityMedium: parsePixel(blurIntensityMedium, 22),
|
|
83
|
+
blurIntensityStrong: parsePixel(blurIntensityStrong, 28),
|
|
84
|
+
blurSaturationPct: parsePixel(blurSaturationPct, 185),
|
|
85
|
+
frostedHighlightHeight: parsePixel(frostedHighlightHeight, 0),
|
|
86
|
+
frostedBackdropBlurIntensity: parsePixel(frostedBackdropBlurIntensity, 14),
|
|
87
|
+
frostedBackdropBlurScale: parseRatio(frostedBackdropBlurScale, 0.55, 0, 3),
|
|
88
|
+
androidExperimentalBlurEnabled: parseNumber(androidExperimentalBlurEnabled, 1) > 0,
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
//# sourceMappingURL=visual-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"visual-tokens.js","sourceRoot":"","sources":["../../src/lib/visual-tokens.ts"],"names":[],"mappings":"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"}
|
package/dist/vite.d.ts
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export declare const RN_PRIMITIVES_VITE_PACKAGES: readonly ["@rn-primitives/portal", "@rn-primitives/select", "@rn-primitives/popover", "@rn-primitives/tooltip", "@rn-primitives/hover-card"];
|
|
2
|
+
type AnyRecord = Record<string, unknown>;
|
|
3
|
+
/**
|
|
4
|
+
* Returns a Vite config patch that makes rn-primitives dist files parse correctly
|
|
5
|
+
* in Vite dev + build when consumed through WhileUI.
|
|
6
|
+
*/
|
|
7
|
+
export declare function createWhileUIViteCompatConfig(): {
|
|
8
|
+
resolve: {
|
|
9
|
+
alias: {
|
|
10
|
+
'react-native$': string;
|
|
11
|
+
};
|
|
12
|
+
extensions: string[];
|
|
13
|
+
};
|
|
14
|
+
esbuild: {
|
|
15
|
+
loader: string;
|
|
16
|
+
include: RegExp;
|
|
17
|
+
};
|
|
18
|
+
optimizeDeps: {
|
|
19
|
+
include: ("@rn-primitives/portal" | "@rn-primitives/select" | "@rn-primitives/popover" | "@rn-primitives/tooltip" | "@rn-primitives/hover-card")[];
|
|
20
|
+
esbuildOptions: {
|
|
21
|
+
plugins: {
|
|
22
|
+
name: string;
|
|
23
|
+
setup(build: {
|
|
24
|
+
onLoad: (options: {
|
|
25
|
+
filter: RegExp;
|
|
26
|
+
}, callback: (args: {
|
|
27
|
+
path: string;
|
|
28
|
+
}) => Promise<{
|
|
29
|
+
contents: string;
|
|
30
|
+
loader: string;
|
|
31
|
+
}>) => void;
|
|
32
|
+
}): void;
|
|
33
|
+
}[];
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
build: {
|
|
37
|
+
commonjsOptions: {
|
|
38
|
+
transformMixedEsModules: boolean;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* Merges the WhileUI compatibility patch into an existing Vite config object.
|
|
44
|
+
*/
|
|
45
|
+
export declare function withWhileUIViteCompat(config?: AnyRecord): AnyRecord;
|
|
46
|
+
export {};
|
|
47
|
+
//# sourceMappingURL=vite.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,8IAM9B,CAAC;AAMX,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAoBzC;;;GAGG;AACH,wBAAgB,6BAA6B;;;;;;;;;;;;;;;;6BAkBpB;oBACX,MAAM,EAAE,CACN,OAAO,EAAE;wBAAE,MAAM,EAAE,MAAM,CAAA;qBAAE,EAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE;wBAAE,IAAI,EAAE,MAAM,CAAA;qBAAE,KAAK,OAAO,CAAC;wBAAE,QAAQ,EAAE,MAAM,CAAC;wBAAC,MAAM,EAAE,MAAM,CAAA;qBAAE,CAAC,KAChF,IAAI,CAAC;iBACX;;;;;;;;;EAgBZ;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CA6CnE"}
|
package/dist/vite.js
ADDED
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { readFile } from 'node:fs/promises';
|
|
2
|
+
export const RN_PRIMITIVES_VITE_PACKAGES = [
|
|
3
|
+
'@rn-primitives/portal',
|
|
4
|
+
'@rn-primitives/select',
|
|
5
|
+
'@rn-primitives/popover',
|
|
6
|
+
'@rn-primitives/tooltip',
|
|
7
|
+
'@rn-primitives/hover-card',
|
|
8
|
+
];
|
|
9
|
+
const RN_PRIMITIVES_DIST_PATTERN = new RegExp(String.raw `node_modules[\\/](?:\.pnpm[\\/][^\\/]+[\\/])?@rn-primitives[\\/](portal|select|popover|tooltip|hover-card)[\\/]dist[\\/].+\.(mjs|js)$`);
|
|
10
|
+
function asRecord(value) {
|
|
11
|
+
return value && typeof value === 'object' ? value : {};
|
|
12
|
+
}
|
|
13
|
+
function asArray(value) {
|
|
14
|
+
return Array.isArray(value) ? value : [];
|
|
15
|
+
}
|
|
16
|
+
function mergeUniqueStrings(...values) {
|
|
17
|
+
return [...new Set(values.flatMap((value) => asArray(value)))];
|
|
18
|
+
}
|
|
19
|
+
function mergeAliases(base, next) {
|
|
20
|
+
const baseRecord = asRecord(base);
|
|
21
|
+
const nextRecord = asRecord(next);
|
|
22
|
+
return { ...baseRecord, ...nextRecord };
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Returns a Vite config patch that makes rn-primitives dist files parse correctly
|
|
26
|
+
* in Vite dev + build when consumed through WhileUI.
|
|
27
|
+
*/
|
|
28
|
+
export function createWhileUIViteCompatConfig() {
|
|
29
|
+
return {
|
|
30
|
+
resolve: {
|
|
31
|
+
alias: {
|
|
32
|
+
'react-native$': 'react-native-web',
|
|
33
|
+
},
|
|
34
|
+
extensions: ['.web.tsx', '.web.ts', '.tsx', '.ts', '.jsx', '.js', '.json'],
|
|
35
|
+
},
|
|
36
|
+
esbuild: {
|
|
37
|
+
loader: 'jsx',
|
|
38
|
+
include: RN_PRIMITIVES_DIST_PATTERN,
|
|
39
|
+
},
|
|
40
|
+
optimizeDeps: {
|
|
41
|
+
include: [...RN_PRIMITIVES_VITE_PACKAGES],
|
|
42
|
+
esbuildOptions: {
|
|
43
|
+
plugins: [
|
|
44
|
+
{
|
|
45
|
+
name: 'whileui-rn-primitives-jsx',
|
|
46
|
+
setup(build) {
|
|
47
|
+
build.onLoad({ filter: RN_PRIMITIVES_DIST_PATTERN }, async (args) => {
|
|
48
|
+
const contents = await readFile(args.path, 'utf8');
|
|
49
|
+
return { contents, loader: 'jsx' };
|
|
50
|
+
});
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
],
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
build: {
|
|
57
|
+
commonjsOptions: {
|
|
58
|
+
transformMixedEsModules: true,
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Merges the WhileUI compatibility patch into an existing Vite config object.
|
|
65
|
+
*/
|
|
66
|
+
export function withWhileUIViteCompat(config) {
|
|
67
|
+
const base = asRecord(config);
|
|
68
|
+
const compat = createWhileUIViteCompatConfig();
|
|
69
|
+
const mergedResolve = asRecord(base.resolve);
|
|
70
|
+
const mergedOptimizeDeps = asRecord(base.optimizeDeps);
|
|
71
|
+
const mergedEsbuildOptions = asRecord(mergedOptimizeDeps.esbuildOptions);
|
|
72
|
+
const compatOptimizeDeps = asRecord(compat.optimizeDeps);
|
|
73
|
+
const compatEsbuildOptions = asRecord(compatOptimizeDeps.esbuildOptions);
|
|
74
|
+
const mergedBuild = asRecord(base.build);
|
|
75
|
+
const mergedCommonJs = asRecord(mergedBuild.commonjsOptions);
|
|
76
|
+
const compatBuild = asRecord(compat.build);
|
|
77
|
+
const compatCommonJs = asRecord(compatBuild.commonjsOptions);
|
|
78
|
+
return {
|
|
79
|
+
...base,
|
|
80
|
+
resolve: {
|
|
81
|
+
...mergedResolve,
|
|
82
|
+
alias: mergeAliases(mergedResolve.alias, asRecord(compat.resolve).alias),
|
|
83
|
+
extensions: mergeUniqueStrings(mergedResolve.extensions, asRecord(compat.resolve).extensions),
|
|
84
|
+
},
|
|
85
|
+
esbuild: {
|
|
86
|
+
...asRecord(base.esbuild),
|
|
87
|
+
...asRecord(compat.esbuild),
|
|
88
|
+
},
|
|
89
|
+
optimizeDeps: {
|
|
90
|
+
...mergedOptimizeDeps,
|
|
91
|
+
include: mergeUniqueStrings(mergedOptimizeDeps.include, compatOptimizeDeps.include),
|
|
92
|
+
esbuildOptions: {
|
|
93
|
+
...mergedEsbuildOptions,
|
|
94
|
+
...compatEsbuildOptions,
|
|
95
|
+
plugins: [
|
|
96
|
+
...asArray(mergedEsbuildOptions.plugins),
|
|
97
|
+
...asArray(compatEsbuildOptions.plugins),
|
|
98
|
+
],
|
|
99
|
+
},
|
|
100
|
+
},
|
|
101
|
+
build: {
|
|
102
|
+
...mergedBuild,
|
|
103
|
+
commonjsOptions: {
|
|
104
|
+
...mergedCommonJs,
|
|
105
|
+
...compatCommonJs,
|
|
106
|
+
},
|
|
107
|
+
},
|
|
108
|
+
};
|
|
109
|
+
}
|
|
110
|
+
//# sourceMappingURL=vite.js.map
|
package/dist/vite.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vite.js","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"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"}
|