@waveso/ui 0.6.0 → 0.7.1
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 +152 -68
- package/dist/accordion.js +1 -1
- package/dist/accordion.js.map +1 -1
- package/dist/alert-dialog.js +1 -1
- package/dist/alert-dialog.js.map +1 -1
- package/dist/badge.d.ts +1 -1
- package/dist/button.d.ts +1 -1
- package/dist/card.js +1 -1
- package/dist/card.js.map +1 -1
- package/dist/combobox.d.ts.map +1 -1
- package/dist/combobox.js +3 -1
- package/dist/combobox.js.map +1 -1
- package/dist/count.d.ts.map +1 -1
- package/dist/count.js +10 -9
- package/dist/count.js.map +1 -1
- package/dist/dialog.js +1 -1
- package/dist/dialog.js.map +1 -1
- package/dist/drawer.js +1 -1
- package/dist/drawer.js.map +1 -1
- package/dist/encrypted-text.js +8 -5
- package/dist/encrypted-text.js.map +1 -1
- package/dist/gradient-reveal-text.js +2 -1
- package/dist/gradient-reveal-text.js.map +1 -1
- package/dist/infinite-scroll.js +3 -9
- package/dist/infinite-scroll.js.map +1 -1
- package/dist/item.d.ts +1 -1
- package/dist/label.js +1 -1
- package/dist/label.js.map +1 -1
- package/dist/lib/internal-icons.d.ts +1 -1
- package/dist/lib/internal-icons.d.ts.map +1 -1
- package/dist/lib/internal-icons.js +4 -2
- package/dist/lib/internal-icons.js.map +1 -1
- package/dist/spinner.js +2 -0
- package/dist/spinner.js.map +1 -1
- package/dist/styles.css +167 -108
- package/dist/table.js +3 -3
- package/dist/table.js.map +1 -1
- package/dist/textarea.d.ts.map +1 -1
- package/dist/textarea.js +1 -0
- package/dist/textarea.js.map +1 -1
- package/dist/toggle-group.d.ts +0 -1
- package/dist/toggle-group.d.ts.map +1 -1
- package/dist/toggle-group.js +1 -1
- package/dist/toggle-group.js.map +1 -1
- package/package.json +8 -16
package/dist/styles.css
CHANGED
|
@@ -31,31 +31,82 @@
|
|
|
31
31
|
* They're referenced by the semantic tokens below, never used directly.
|
|
32
32
|
* ====================================================================== */
|
|
33
33
|
|
|
34
|
-
/*
|
|
35
|
-
|
|
36
|
-
--
|
|
37
|
-
--
|
|
38
|
-
--
|
|
39
|
-
--
|
|
40
|
-
--
|
|
41
|
-
--
|
|
42
|
-
--
|
|
43
|
-
--
|
|
44
|
-
--
|
|
45
|
-
--
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
--
|
|
57
|
-
--
|
|
58
|
-
--
|
|
34
|
+
/* Wave — brand ramp. 500 = Wave Blue #0074DE.
|
|
35
|
+
* A true cobalt signal: calm, trustable, solid, constant. */
|
|
36
|
+
--wave-50: oklch(0.974 0.014 238); /* #EEF8FF */
|
|
37
|
+
--wave-100: oklch(0.937 0.034 239); /* #D6EEFF */
|
|
38
|
+
--wave-200: oklch(0.876 0.068 240); /* #AEDDFF */
|
|
39
|
+
--wave-300: oklch(0.793 0.112 245); /* #7BC3FF */
|
|
40
|
+
--wave-400: oklch(0.700 0.164 250); /* #3EA3FF */
|
|
41
|
+
--wave-500: oklch(0.566 0.184 255); /* #0074DE */
|
|
42
|
+
--wave-600: oklch(0.506 0.175 256); /* #0061C6 */
|
|
43
|
+
--wave-700: oklch(0.429 0.150 257); /* #004C9F */
|
|
44
|
+
--wave-800: oklch(0.351 0.118 255); /* #003976 */
|
|
45
|
+
--wave-900: oklch(0.284 0.088 255); /* #042954 */
|
|
46
|
+
--wave-950: oklch(0.226 0.060 255); /* #061C37 */
|
|
47
|
+
|
|
48
|
+
/* ── Neutral theme palettes (primitives) ─────────────────────────────────
|
|
49
|
+
* Three complete neutral ramps, one per theme. The theme class on <html>
|
|
50
|
+
* wires the ACTIVE one into the `--ui-*` alias (step 2); the semantic layer
|
|
51
|
+
* reads `--ui-*`, never these directly. `--wave-*` (brand) is shared by all
|
|
52
|
+
* three. Default theme = Graphite.
|
|
53
|
+
* ──────────────────────────────────────────────────────────────────────── */
|
|
54
|
+
|
|
55
|
+
/* Graphite — neutral grey (default) */
|
|
56
|
+
--graphite-50: oklch(0.985 0.001 286); /* #FAFAFB */
|
|
57
|
+
--graphite-100: oklch(0.964 0.001 286); /* #F3F3F4 */
|
|
58
|
+
--graphite-200: oklch(0.923 0.004 286); /* #E5E5E8 */
|
|
59
|
+
--graphite-300: oklch(0.864 0.007 277); /* #D1D2D7 */
|
|
60
|
+
--graphite-400: oklch(0.745 0.009 279); /* #ABACB2 */
|
|
61
|
+
--graphite-500: oklch(0.642 0.012 280); /* #8B8C94 */
|
|
62
|
+
--graphite-600: oklch(0.537 0.014 281); /* #6C6D76 */
|
|
63
|
+
--graphite-700: oklch(0.422 0.013 280); /* #4C4D55 */
|
|
64
|
+
--graphite-800: oklch(0.358 0.014 280); /* #3B3C44 */
|
|
65
|
+
--graphite-900: oklch(0.322 0.011 278); /* #323339 */
|
|
66
|
+
--graphite-950: oklch(0.298 0.009 277); /* #2C2D32 */
|
|
67
|
+
|
|
68
|
+
/* Ink — deep navy surfaces, neutral-cool structure (page #020812, surface #050F1E).
|
|
69
|
+
* Chroma fades from full navy at the dark surfaces to near-neutral at the light
|
|
70
|
+
* end, so text/borders read as a distinct layer rather than melting into navy. */
|
|
71
|
+
--ink-50: oklch(0.966 0.003 248); /* #F2F4F6 */
|
|
72
|
+
--ink-100: oklch(0.909 0.006 265); /* #DFE1E5 */
|
|
73
|
+
--ink-200: oklch(0.834 0.008 254); /* #C5C9CE */
|
|
74
|
+
--ink-300: oklch(0.752 0.011 257); /* #AAAFB6 */
|
|
75
|
+
--ink-400: oklch(0.658 0.014 256); /* #8C929A */
|
|
76
|
+
--ink-500: oklch(0.557 0.016 258); /* #6E747D */
|
|
77
|
+
--ink-600: oklch(0.454 0.022 258); /* #4F5763 */
|
|
78
|
+
--ink-700: oklch(0.356 0.030 256); /* #323D4C */
|
|
79
|
+
--ink-800: oklch(0.254 0.041 258); /* #162336 */
|
|
80
|
+
--ink-900: oklch(0.168 0.036 257); /* #050F1E */
|
|
81
|
+
--ink-950: oklch(0.132 0.027 252); /* #020812 */
|
|
82
|
+
|
|
83
|
+
/* Paper — cool near-neutral (anchor #EFF0EB @ 200 = foundation) */
|
|
84
|
+
--paper-50: oklch(0.992 0.004 122); /* #FCFDFA */
|
|
85
|
+
--paper-100: oklch(0.974 0.005 118); /* #F6F7F3 */
|
|
86
|
+
--paper-200: oklch(0.953 0.007 116); /* #EFF0EB */
|
|
87
|
+
--paper-300: oklch(0.880 0.008 114); /* #D7D8D2 */
|
|
88
|
+
--paper-400: oklch(0.741 0.010 120); /* #AAACA5 */
|
|
89
|
+
--paper-500: oklch(0.610 0.010 113); /* #83847D */
|
|
90
|
+
--paper-600: oklch(0.500 0.009 114); /* #63645E */
|
|
91
|
+
--paper-700: oklch(0.406 0.010 115); /* #494A44 */
|
|
92
|
+
--paper-800: oklch(0.310 0.009 116); /* #30312C */
|
|
93
|
+
--paper-900: oklch(0.224 0.008 118); /* #1B1C18 */
|
|
94
|
+
--paper-950: oklch(0.156 0.008 119); /* #0C0D09 */
|
|
95
|
+
|
|
96
|
+
/* Active neutral alias — the theme class on <html> repoints these to one of
|
|
97
|
+
* the ramps above (step 3). Default (no theme class) = Graphite. The semantic
|
|
98
|
+
* layer below reads ONLY `--ui-*`; components never touch a ramp directly. */
|
|
99
|
+
--ui-50: var(--graphite-50);
|
|
100
|
+
--ui-100: var(--graphite-100);
|
|
101
|
+
--ui-200: var(--graphite-200);
|
|
102
|
+
--ui-300: var(--graphite-300);
|
|
103
|
+
--ui-400: var(--graphite-400);
|
|
104
|
+
--ui-500: var(--graphite-500);
|
|
105
|
+
--ui-600: var(--graphite-600);
|
|
106
|
+
--ui-700: var(--graphite-700);
|
|
107
|
+
--ui-800: var(--graphite-800);
|
|
108
|
+
--ui-900: var(--graphite-900);
|
|
109
|
+
--ui-950: var(--graphite-950);
|
|
59
110
|
|
|
60
111
|
/* ========================================================================
|
|
61
112
|
* Semantic tokens — light (default). The spec's `.light` block lives in
|
|
@@ -63,14 +114,14 @@
|
|
|
63
114
|
* ====================================================================== */
|
|
64
115
|
|
|
65
116
|
/* Backgrounds = elevation */
|
|
66
|
-
--foundation: var(--
|
|
67
|
-
--surface: var(--
|
|
68
|
-
--elevated: var(--
|
|
117
|
+
--foundation: var(--ui-200);
|
|
118
|
+
--surface: var(--ui-100);
|
|
119
|
+
--elevated: var(--ui-50);
|
|
69
120
|
|
|
70
121
|
/* Contrast = emphasis — highest-contrast text → muted → soft. */
|
|
71
|
-
--contrast: var(--
|
|
72
|
-
--muted: var(--
|
|
73
|
-
--soft: var(--
|
|
122
|
+
--contrast: var(--ui-950);
|
|
123
|
+
--muted: var(--ui-600);
|
|
124
|
+
--soft: var(--ui-500);
|
|
74
125
|
|
|
75
126
|
/* Inverse — an inverted neutral pair (e.g. the dark tooltip). Aliases, so
|
|
76
127
|
* they auto-flip with `.dark` (var() re-resolves at the use site). */
|
|
@@ -79,46 +130,41 @@
|
|
|
79
130
|
|
|
80
131
|
/* Brand — `primary` wired to the Wave ramp; `secondary` is the neutral fill
|
|
81
132
|
* (secondary/ghost buttons, hovers, selected) at ion-300; `accent` is the
|
|
82
|
-
*
|
|
133
|
+
* bright signal (Wave Blue 300, the strand now-glow). No per-fill on-color
|
|
134
|
+
* tokens: text on the saturated fills is
|
|
83
135
|
* `text-white`, text on the neutral `secondary` is `text-contrast`. */
|
|
84
136
|
--primary: var(--wave-500);
|
|
85
|
-
--secondary: var(--
|
|
86
|
-
--accent:
|
|
137
|
+
--secondary: var(--ui-300);
|
|
138
|
+
--accent: var(--wave-300); /* the bright signal — the strand's "now" cursor glow */
|
|
87
139
|
|
|
88
|
-
/* Borders = structure
|
|
89
|
-
|
|
90
|
-
--
|
|
91
|
-
--
|
|
140
|
+
/* Borders = structure — mixed from the ACTIVE palette so they auto-match
|
|
141
|
+
* every theme: a hairline of the darkest neutral in light mode. */
|
|
142
|
+
--line: color-mix(in srgb, var(--ui-950) 7%, transparent);
|
|
143
|
+
--edge: color-mix(in srgb, var(--ui-950) 14%, transparent);
|
|
144
|
+
--solid: var(--ui-300);
|
|
92
145
|
|
|
93
146
|
/* Rings = brand themed */
|
|
94
147
|
--focus: var(--primary);
|
|
95
148
|
|
|
96
|
-
/* Shadow — two dials for the layered `shadow-*` scale: `--shadow-color` (
|
|
97
|
-
* components — a deep cool-tinted near-black, never pure
|
|
98
|
-
* heavy) and `--shadow-strength` (per-layer alpha / intensity). Both
|
|
99
|
-
* per :root/.dark, so retinting OR dimming every shadow is one token.
|
|
100
|
-
* colored surface set a named tint, e.g. `--shadow-color-primary`. */
|
|
101
|
-
--shadow-color:
|
|
149
|
+
/* Shadow — two dials for the layered `shadow-*` scale: `--shadow-color` (oklch
|
|
150
|
+
* components `L C H` — a deep cool-tinted near-black, never pure black which
|
|
151
|
+
* reads heavy) and `--shadow-strength` (per-layer alpha / intensity). Both
|
|
152
|
+
* resolve per :root/.dark, so retinting OR dimming every shadow is one token.
|
|
153
|
+
* For a colored surface set a named tint, e.g. `--shadow-color-primary`. */
|
|
154
|
+
--shadow-color: 0.159 0.021 263; /* was hsl(220 45% 6%) */
|
|
102
155
|
--shadow-strength: 0.22;
|
|
103
156
|
|
|
104
157
|
/* Status */
|
|
105
|
-
--destructive: oklch(0.
|
|
106
|
-
--success: oklch(0.
|
|
107
|
-
--warning: oklch(0.
|
|
108
|
-
--info:
|
|
109
|
-
|
|
110
|
-
/* Charts */
|
|
111
|
-
--chart-1: oklch(0.809 0.105 251.813);
|
|
112
|
-
--chart-2: oklch(0.623 0.214 259.815);
|
|
113
|
-
--chart-3: oklch(0.546 0.245 262.881);
|
|
114
|
-
--chart-4: oklch(0.488 0.243 264.376);
|
|
115
|
-
--chart-5: oklch(0.424 0.199 265.638);
|
|
158
|
+
--destructive: oklch(0.620 0.200 25);
|
|
159
|
+
--success: oklch(0.710 0.185 155); /* cool emerald — distinct from the warning yellow, kept ownable (off the Apple/Tailwind default) */
|
|
160
|
+
--warning: oklch(0.830 0.156 93);
|
|
161
|
+
--info: var(--wave-500); /* the one blue — Wave Blue (= --primary / --focus) */
|
|
116
162
|
|
|
117
163
|
/* Presence */
|
|
118
|
-
--presence-online: oklch(0.
|
|
119
|
-
--presence-away: oklch(0.
|
|
120
|
-
--presence-busy: oklch(0.
|
|
121
|
-
--presence-invisible:
|
|
164
|
+
--presence-online: oklch(0.710 0.185 155); /* = success colour */
|
|
165
|
+
--presence-away: oklch(0.830 0.156 93); /* = warning colour */
|
|
166
|
+
--presence-busy: oklch(0.620 0.200 25); /* = destructive colour */
|
|
167
|
+
--presence-invisible: var(--foundation); /* invisible = the page itself; pair with a border so the dot reads as a hollow ring */
|
|
122
168
|
|
|
123
169
|
/* Radius */
|
|
124
170
|
--radius: 0.625rem;
|
|
@@ -171,48 +217,68 @@
|
|
|
171
217
|
|
|
172
218
|
.dark {
|
|
173
219
|
/* Backgrounds = elevation */
|
|
174
|
-
--foundation: var(--
|
|
175
|
-
--surface: var(--
|
|
176
|
-
--elevated: var(--
|
|
220
|
+
--foundation: var(--ui-950);
|
|
221
|
+
--surface: var(--ui-900);
|
|
222
|
+
--elevated: var(--ui-800);
|
|
177
223
|
|
|
178
224
|
/* Contrast = emphasis */
|
|
179
|
-
--contrast: var(--
|
|
180
|
-
--muted: var(--
|
|
181
|
-
--soft: var(--
|
|
225
|
+
--contrast: var(--ui-100);
|
|
226
|
+
--muted: var(--ui-400);
|
|
227
|
+
--soft: var(--ui-600);
|
|
182
228
|
|
|
183
229
|
/* Brand — only `secondary` differs from light; mirrored to ion-700 so the
|
|
184
230
|
* neutral fill stands out against the dark surfaces. primary / accent /
|
|
185
231
|
* inverse / focus auto-flip or stay constant via the `:root` definitions. */
|
|
186
|
-
--secondary: var(--
|
|
232
|
+
--secondary: var(--ui-700);
|
|
187
233
|
|
|
188
|
-
/* Borders = structure */
|
|
189
|
-
--line:
|
|
190
|
-
--edge:
|
|
191
|
-
--solid: var(--
|
|
234
|
+
/* Borders = structure — a hairline of the lightest neutral (auto-matches theme). */
|
|
235
|
+
--line: color-mix(in srgb, var(--ui-50) 5%, transparent);
|
|
236
|
+
--edge: color-mix(in srgb, var(--ui-50) 13%, transparent);
|
|
237
|
+
--solid: var(--ui-700);
|
|
192
238
|
|
|
193
239
|
/* Shadow — darker tint, lower strength: a near-black shadow on a dark
|
|
194
240
|
* surface reads heavier than on white, so dim it. */
|
|
195
|
-
--shadow-color:
|
|
241
|
+
--shadow-color: 0.125 0.011 259; /* was hsl(220 40% 3%) */
|
|
196
242
|
--shadow-strength: 0.18;
|
|
197
243
|
|
|
198
244
|
/* Status */
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
--
|
|
202
|
-
--
|
|
203
|
-
|
|
204
|
-
/*
|
|
205
|
-
--chart-1: oklch(0.75 0.1 252);
|
|
206
|
-
--chart-2: oklch(0.58 0.2 260);
|
|
207
|
-
--chart-3: oklch(0.5 0.22 263);
|
|
208
|
-
--chart-4: oklch(0.45 0.2 265);
|
|
209
|
-
--chart-5: oklch(0.38 0.17 266);
|
|
245
|
+
/* Slightly BRIGHTER than the :root (light) values.
|
|
246
|
+
* Never darker, or the colour recedes on dark surfaces (the old reversal bug). */
|
|
247
|
+
--destructive: oklch(0.630 0.200 25);
|
|
248
|
+
--success: oklch(0.735 0.185 155); /* green A, hue-aware lift (+.025) brighter than light */
|
|
249
|
+
--warning: oklch(0.850 0.156 93);
|
|
250
|
+
--info: var(--wave-400); /* brighter Wave Blue for legible text-info on dark surfaces */
|
|
210
251
|
|
|
211
252
|
/* Presence */
|
|
212
|
-
--presence-online: oklch(0.
|
|
213
|
-
--presence-away: oklch(0.
|
|
214
|
-
--presence-busy: oklch(0.
|
|
215
|
-
--presence-invisible:
|
|
253
|
+
--presence-online: oklch(0.735 0.185 155); /* brighter on dark, like status */
|
|
254
|
+
--presence-away: oklch(0.850 0.156 93);
|
|
255
|
+
--presence-busy: oklch(0.630 0.200 25);
|
|
256
|
+
--presence-invisible: var(--foundation); /* re-declared so it re-resolves to the dark foundation */
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
/* ---------------------------------------------------------------------------
|
|
260
|
+
* Theme presets — each repoints the `--ui-*` alias to one neutral ramp. Put a
|
|
261
|
+
* class on a root element: `<html class="theme-paper">`. Graphite is also the bare
|
|
262
|
+
* `:root` default, so `theme-graphite` is optional/explicit. Light vs dark is the
|
|
263
|
+
* separate `.dark` axis — they compose (e.g. `class="theme-paper dark"`).
|
|
264
|
+
* ------------------------------------------------------------------------- */
|
|
265
|
+
.theme-graphite {
|
|
266
|
+
--ui-50: var(--graphite-50); --ui-100: var(--graphite-100); --ui-200: var(--graphite-200);
|
|
267
|
+
--ui-300: var(--graphite-300); --ui-400: var(--graphite-400); --ui-500: var(--graphite-500);
|
|
268
|
+
--ui-600: var(--graphite-600); --ui-700: var(--graphite-700); --ui-800: var(--graphite-800);
|
|
269
|
+
--ui-900: var(--graphite-900); --ui-950: var(--graphite-950);
|
|
270
|
+
}
|
|
271
|
+
.theme-ink {
|
|
272
|
+
--ui-50: var(--ink-50); --ui-100: var(--ink-100); --ui-200: var(--ink-200);
|
|
273
|
+
--ui-300: var(--ink-300); --ui-400: var(--ink-400); --ui-500: var(--ink-500);
|
|
274
|
+
--ui-600: var(--ink-600); --ui-700: var(--ink-700); --ui-800: var(--ink-800);
|
|
275
|
+
--ui-900: var(--ink-900); --ui-950: var(--ink-950);
|
|
276
|
+
}
|
|
277
|
+
.theme-paper {
|
|
278
|
+
--ui-50: var(--paper-50); --ui-100: var(--paper-100); --ui-200: var(--paper-200);
|
|
279
|
+
--ui-300: var(--paper-300); --ui-400: var(--paper-400); --ui-500: var(--paper-500);
|
|
280
|
+
--ui-600: var(--paper-600); --ui-700: var(--paper-700); --ui-800: var(--paper-800);
|
|
281
|
+
--ui-900: var(--paper-900); --ui-950: var(--paper-950);
|
|
216
282
|
}
|
|
217
283
|
|
|
218
284
|
/* ---------------------------------------------------------------------------
|
|
@@ -255,13 +321,6 @@
|
|
|
255
321
|
--color-warning: var(--warning);
|
|
256
322
|
--color-info: var(--info);
|
|
257
323
|
|
|
258
|
-
/* Charts */
|
|
259
|
-
--color-chart-1: var(--chart-1);
|
|
260
|
-
--color-chart-2: var(--chart-2);
|
|
261
|
-
--color-chart-3: var(--chart-3);
|
|
262
|
-
--color-chart-4: var(--chart-4);
|
|
263
|
-
--color-chart-5: var(--chart-5);
|
|
264
|
-
|
|
265
324
|
/* Presence */
|
|
266
325
|
--color-presence-online: var(--presence-online);
|
|
267
326
|
--color-presence-away: var(--presence-away);
|
|
@@ -288,23 +347,23 @@
|
|
|
288
347
|
* Overrides Tailwind's shadow-sm/md/lg. */
|
|
289
348
|
@theme {
|
|
290
349
|
--shadow-sm:
|
|
291
|
-
0px 0.5px 0.7px
|
|
292
|
-
0px 0.8px 1px -1.2px
|
|
293
|
-
0px 2px 2.5px -2.5px
|
|
350
|
+
0px 0.5px 0.7px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
351
|
+
0px 0.8px 1px -1.2px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
352
|
+
0px 2px 2.5px -2.5px oklch(var(--shadow-color) / var(--shadow-strength));
|
|
294
353
|
--shadow-md:
|
|
295
|
-
0px 0.5px 0.7px
|
|
296
|
-
0px 1.6px 2px -0.8px
|
|
297
|
-
0px 4.1px 5.2px -1.7px
|
|
298
|
-
0px 10px 12.6px -2.5px
|
|
354
|
+
0px 0.5px 0.7px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
355
|
+
0px 1.6px 2px -0.8px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
356
|
+
0px 4.1px 5.2px -1.7px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
357
|
+
0px 10px 12.6px -2.5px oklch(var(--shadow-color) / var(--shadow-strength));
|
|
299
358
|
--shadow-lg:
|
|
300
|
-
0px 0.5px 0.7px
|
|
301
|
-
0px 2.9px 3.7px -0.4px
|
|
302
|
-
0px 5.4px 6.8px -0.7px
|
|
303
|
-
0px 8.9px 11.2px -1.1px
|
|
304
|
-
0px 14.3px 18px -1.4px
|
|
305
|
-
0px 22.3px 28.1px -1.8px
|
|
306
|
-
0px 33.9px 42.7px -2.1px
|
|
307
|
-
0px 50px 62.9px -2.5px
|
|
359
|
+
0px 0.5px 0.7px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
360
|
+
0px 2.9px 3.7px -0.4px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
361
|
+
0px 5.4px 6.8px -0.7px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
362
|
+
0px 8.9px 11.2px -1.1px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
363
|
+
0px 14.3px 18px -1.4px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
364
|
+
0px 22.3px 28.1px -1.8px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
365
|
+
0px 33.9px 42.7px -2.1px oklch(var(--shadow-color) / var(--shadow-strength)),
|
|
366
|
+
0px 50px 62.9px -2.5px oklch(var(--shadow-color) / var(--shadow-strength));
|
|
308
367
|
}
|
|
309
368
|
|
|
310
369
|
/* ---------------------------------------------------------------------------
|
package/dist/table.js
CHANGED
|
@@ -17,7 +17,7 @@ function Table({ className, ...props }) {
|
|
|
17
17
|
function TableHeader({ className, ...props }) {
|
|
18
18
|
return /* @__PURE__ */ jsx("thead", {
|
|
19
19
|
"data-slot": "table-header",
|
|
20
|
-
className: cn("[&_tr]:border-b", className),
|
|
20
|
+
className: cn("[&_tr]:border-b [&_tr]:border-edge", className),
|
|
21
21
|
...props
|
|
22
22
|
});
|
|
23
23
|
}
|
|
@@ -31,14 +31,14 @@ function TableBody({ className, ...props }) {
|
|
|
31
31
|
function TableFooter({ className, ...props }) {
|
|
32
32
|
return /* @__PURE__ */ jsx("tfoot", {
|
|
33
33
|
"data-slot": "table-footer",
|
|
34
|
-
className: cn("bg-secondary/50 border-t font-medium [&>tr]:last:border-b-0", className),
|
|
34
|
+
className: cn("bg-secondary/50 border-t border-edge font-medium [&>tr]:last:border-b-0", className),
|
|
35
35
|
...props
|
|
36
36
|
});
|
|
37
37
|
}
|
|
38
38
|
function TableRow({ className, ...props }) {
|
|
39
39
|
return /* @__PURE__ */ jsx("tr", {
|
|
40
40
|
"data-slot": "table-row",
|
|
41
|
-
className: cn("hover:bg-secondary/50 aria-selected:bg-secondary border-b transition-colors", className),
|
|
41
|
+
className: cn("hover:bg-secondary/50 aria-selected:bg-secondary border-b border-edge transition-colors", className),
|
|
42
42
|
...props
|
|
43
43
|
});
|
|
44
44
|
}
|
package/dist/table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","names":[],"sources":["../src/table.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\ntype TableProps = React.ComponentProps<\"table\">\ntype TableHeaderProps = React.ComponentProps<\"thead\">\ntype TableBodyProps = React.ComponentProps<\"tbody\">\ntype TableFooterProps = React.ComponentProps<\"tfoot\">\ntype TableRowProps = React.ComponentProps<\"tr\">\ntype TableHeadProps = React.ComponentProps<\"th\">\ntype TableCellProps = React.ComponentProps<\"td\">\ntype TableCaptionProps = React.ComponentProps<\"caption\">\n\nfunction Table({ className, ...props }: TableProps) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-x-auto\"\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({ className, ...props }: TableHeaderProps) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\"[&_tr]:border-b\", className)}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: TableBodyProps) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: TableFooterProps) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"bg-secondary/50 border-t font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: TableRowProps) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"hover:bg-secondary/50 aria-selected:bg-secondary border-b transition-colors\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({ className, ...props }: TableHeadProps) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"text-contrast h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({ className, ...props }: TableCellProps) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({ className, ...props }: TableCaptionProps) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"text-muted mt-4 text-sm\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}\n"],"mappings":";;;;;AAeA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAqB;AAClD,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAU;YAEV,oBAAC,SAAD;GACE,aAAU;GACV,WAAW,GAAG,iCAAiC,UAAU;GACzD,GAAI;GACJ,CAAA;EACE,CAAA;;AAIV,SAAS,YAAY,EAAE,WAAW,GAAG,SAA2B;AAC9D,QACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"table.js","names":[],"sources":["../src/table.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\ntype TableProps = React.ComponentProps<\"table\">\ntype TableHeaderProps = React.ComponentProps<\"thead\">\ntype TableBodyProps = React.ComponentProps<\"tbody\">\ntype TableFooterProps = React.ComponentProps<\"tfoot\">\ntype TableRowProps = React.ComponentProps<\"tr\">\ntype TableHeadProps = React.ComponentProps<\"th\">\ntype TableCellProps = React.ComponentProps<\"td\">\ntype TableCaptionProps = React.ComponentProps<\"caption\">\n\nfunction Table({ className, ...props }: TableProps) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-x-auto\"\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({ className, ...props }: TableHeaderProps) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\"[&_tr]:border-b [&_tr]:border-edge\", className)}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: TableBodyProps) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: TableFooterProps) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"bg-secondary/50 border-t border-edge font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: TableRowProps) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"hover:bg-secondary/50 aria-selected:bg-secondary border-b border-edge transition-colors\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({ className, ...props }: TableHeadProps) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"text-contrast h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({ className, ...props }: TableCellProps) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({ className, ...props }: TableCaptionProps) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"text-muted mt-4 text-sm\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}\n"],"mappings":";;;;;AAeA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAqB;AAClD,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAU;YAEV,oBAAC,SAAD;GACE,aAAU;GACV,WAAW,GAAG,iCAAiC,UAAU;GACzD,GAAI;GACJ,CAAA;EACE,CAAA;;AAIV,SAAS,YAAY,EAAE,WAAW,GAAG,SAA2B;AAC9D,QACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;AAC1D,QACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,8BAA8B,UAAU;EACtD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA2B;AAC9D,QACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GACT,2EACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAAwB;AACxD,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,2FACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;AAC1D,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,8GACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;AAC1D,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,oEACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAA4B;AAChE,QACE,oBAAC,WAAD;EACE,aAAU;EACV,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAI;EACJ,CAAA"}
|
package/dist/textarea.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","names":[],"sources":["../src/textarea.tsx"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","names":[],"sources":["../src/textarea.tsx"],"mappings":";;;;KAMK,aAAA,GAAgB,IAAA,CAAK,KAAA,CAAM,cAAA;EAC9B,QAAA,GAAW,KAAA,CAAM,kBAAA,CAAmB,mBAAA;EACpC,aAAA,IAAiB,KAAA;AAAA;AAAA,iBAGV,QAAA,CAAA;EAAW,SAAA;EAAW,QAAA;EAAU,aAAA;EAAA,GAAkB;AAAA,GAAS,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/textarea.js
CHANGED
package/dist/textarea.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","names":[],"sources":["../src/textarea.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"textarea.js","names":[],"sources":["../src/textarea.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\ntype TextareaProps = Omit<React.ComponentProps<\"textarea\">, \"onChange\"> & {\n onChange?: React.ChangeEventHandler<HTMLTextAreaElement>\n onValueChange?: (value: string) => void\n}\n\nfunction Textarea({ className, onChange, onValueChange, ...props }: TextareaProps) {\n function handleChange(e: React.ChangeEvent<HTMLTextAreaElement>) {\n onChange?.(e)\n onValueChange?.(e.target.value)\n }\n\n return (\n <textarea\n data-slot=\"textarea\"\n className={cn(\n \"border-edge dark:bg-edge/30 focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 resize-none disabled:bg-edge/50 disabled:cursor-not-allowed dark:disabled:bg-edge/80 placeholder:text-soft flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-2.5 py-2 text-base transition-colors outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm\",\n className,\n )}\n onChange={handleChange}\n {...props}\n />\n )\n}\n\nexport { Textarea }\n"],"mappings":";;;;;AAWA,SAAS,SAAS,EAAE,WAAW,UAAU,eAAe,GAAG,SAAwB;CACjF,SAAS,aAAa,GAA2C;AAC/D,aAAW,EAAE;AACb,kBAAgB,EAAE,OAAO,MAAM;;AAGjC,QACE,oBAAC,YAAD;EACE,aAAU;EACV,WAAW,GACT,ojBACA,UACD;EACD,UAAU;EACV,GAAI;EACJ,CAAA"}
|
package/dist/toggle-group.d.ts
CHANGED
|
@@ -7,7 +7,6 @@ import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
|
|
|
7
7
|
//#region src/toggle-group.d.ts
|
|
8
8
|
type ToggleGroupProps = ToggleGroup$1.Props & VariantProps<typeof toggleVariants> & {
|
|
9
9
|
spacing?: number;
|
|
10
|
-
orientation?: "horizontal" | "vertical";
|
|
11
10
|
};
|
|
12
11
|
type ToggleGroupItemProps = Toggle.Props & VariantProps<typeof toggleVariants>;
|
|
13
12
|
declare function ToggleGroup({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../src/toggle-group.tsx"],"mappings":";;;;;;;KAeK,gBAAA,GAAmB,aAAA,CAAqB,KAAA,GAC3C,YAAA,QAAoB,cAAA;EAClB,OAAA;
|
|
1
|
+
{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../src/toggle-group.tsx"],"mappings":";;;;;;;KAeK,gBAAA,GAAmB,aAAA,CAAqB,KAAA,GAC3C,YAAA,QAAoB,cAAA;EAClB,OAAA;AAAA;AAAA,KAGC,oBAAA,GAAuB,MAAA,CAAgB,KAAA,GAC1C,YAAA,QAAoB,cAAA;AAAA,iBASb,WAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA;EACA,WAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,gBAAA,GAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAwBV,eAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,oBAAA,GAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/toggle-group.js
CHANGED
|
@@ -14,11 +14,11 @@ const ToggleGroupContext = React.createContext({
|
|
|
14
14
|
});
|
|
15
15
|
function ToggleGroup({ className, variant, size, spacing = 0, orientation = "horizontal", children, ...props }) {
|
|
16
16
|
return /* @__PURE__ */ jsx(ToggleGroup$1, {
|
|
17
|
+
orientation,
|
|
17
18
|
"data-slot": "toggle-group",
|
|
18
19
|
"data-variant": variant,
|
|
19
20
|
"data-size": size,
|
|
20
21
|
"data-spacing": spacing,
|
|
21
|
-
"data-orientation": orientation,
|
|
22
22
|
style: { "--gap": spacing },
|
|
23
23
|
className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-sm", className),
|
|
24
24
|
...props,
|
package/dist/toggle-group.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.js","names":["ToggleGroupPrimitive","TogglePrimitive"],"sources":["../src/toggle-group.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\"\nimport { type VariantProps } from \"class-variance-authority\"\n\nimport { toggleVariants } from \"./toggle\"\nimport { cn } from \"./lib/utils\"\n\ntype ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n spacing?: number\n orientation?: \"horizontal\" | \"vertical\"\n}\n\ntype ToggleGroupProps = ToggleGroupPrimitive.Props &\n VariantProps<typeof toggleVariants> & {\n spacing?: number\n
|
|
1
|
+
{"version":3,"file":"toggle-group.js","names":["ToggleGroupPrimitive","TogglePrimitive"],"sources":["../src/toggle-group.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\"\nimport { type VariantProps } from \"class-variance-authority\"\n\nimport { toggleVariants } from \"./toggle\"\nimport { cn } from \"./lib/utils\"\n\ntype ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n spacing?: number\n orientation?: \"horizontal\" | \"vertical\"\n}\n\ntype ToggleGroupProps = ToggleGroupPrimitive.Props &\n VariantProps<typeof toggleVariants> & {\n spacing?: number\n }\n\ntype ToggleGroupItemProps = TogglePrimitive.Props &\n VariantProps<typeof toggleVariants>\n\nconst ToggleGroupContext = React.createContext<ToggleGroupContextValue>({\n size: \"default\",\n variant: \"default\",\n spacing: 0,\n orientation: \"horizontal\",\n})\n\nfunction ToggleGroup({\n className,\n variant,\n size,\n spacing = 0,\n orientation = \"horizontal\",\n children,\n ...props\n}: ToggleGroupProps) {\n return (\n <ToggleGroupPrimitive\n orientation={orientation}\n data-slot=\"toggle-group\"\n data-variant={variant}\n data-size={size}\n data-spacing={spacing}\n style={{ \"--gap\": spacing } as React.CSSProperties}\n className={cn(\n \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-sm\",\n className\n )}\n {...props}\n >\n <ToggleGroupContext.Provider\n value={{ variant, size, spacing, orientation }}\n >\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive>\n )\n}\n\nfunction ToggleGroupItem({\n className,\n children,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ToggleGroupItemProps) {\n const context = React.useContext(ToggleGroupContext)\n\n return (\n <TogglePrimitive\n data-slot=\"toggle-group-item\"\n data-variant={context.variant || variant}\n data-size={context.size || size}\n data-spacing={context.spacing}\n className={cn(\n \"shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t\",\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n }),\n className\n )}\n {...props}\n >\n {children}\n </TogglePrimitive>\n )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"mappings":";;;;;;;;AAuBA,MAAM,qBAAqB,MAAM,cAAuC;CACtE,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;CACd,CAAC;AAEF,SAAS,YAAY,EACnB,WACA,SACA,MACA,UAAU,GACV,cAAc,cACd,UACA,GAAG,SACgB;AACnB,QACE,oBAACA,eAAD;EACe;EACb,aAAU;EACV,gBAAc;EACd,aAAW;EACX,gBAAc;EACd,OAAO,EAAE,SAAS,SAAS;EAC3B,WAAW,GACT,uMACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAmB,UAApB;GACE,OAAO;IAAE;IAAS;IAAM;IAAS;IAAa;GAE7C;GAC2B,CAAA;EACT,CAAA;;AAI3B,SAAS,gBAAgB,EACvB,WACA,UACA,UAAU,WACV,OAAO,WACP,GAAG,SACoB;CACvB,MAAM,UAAU,MAAM,WAAW,mBAAmB;AAEpD,QACE,oBAACC,QAAD;EACE,aAAU;EACV,gBAAc,QAAQ,WAAW;EACjC,aAAW,QAAQ,QAAQ;EAC3B,gBAAc,QAAQ;EACtB,WAAW,GACT,s2BACA,eAAe;GACb,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;GACvB,CAAC,EACF,UACD;EACD,GAAI;EAEH;EACe,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@waveso/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.1",
|
|
4
4
|
"description": "Wave UI component library built on Base UI and Tailwind CSS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -40,30 +40,25 @@
|
|
|
40
40
|
"release": "npm run build && changeset publish"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"@base-ui/react": "^1.
|
|
43
|
+
"@base-ui/react": "^1.6.0",
|
|
44
44
|
"class-variance-authority": "^0.7.0",
|
|
45
45
|
"clsx": "^2.0.0",
|
|
46
|
+
"input-otp": "^1.4.0",
|
|
47
|
+
"motion": "^12.0.0",
|
|
46
48
|
"react": "^19.0.0",
|
|
47
49
|
"react-dom": "^19.0.0",
|
|
48
|
-
"
|
|
50
|
+
"react-hook-form": "^7.0.0",
|
|
51
|
+
"tailwind-merge": "^3.0.0",
|
|
52
|
+
"tailwindcss": "^4.0.0"
|
|
49
53
|
},
|
|
50
54
|
"peerDependenciesMeta": {
|
|
51
|
-
"react-day-picker": {
|
|
52
|
-
"optional": true
|
|
53
|
-
},
|
|
54
|
-
"embla-carousel-react": {
|
|
55
|
-
"optional": true
|
|
56
|
-
},
|
|
57
|
-
"react-hook-form": {
|
|
58
|
-
"optional": true
|
|
59
|
-
},
|
|
60
55
|
"input-otp": {
|
|
61
56
|
"optional": true
|
|
62
57
|
},
|
|
63
58
|
"motion": {
|
|
64
59
|
"optional": true
|
|
65
60
|
},
|
|
66
|
-
"
|
|
61
|
+
"react-hook-form": {
|
|
67
62
|
"optional": true
|
|
68
63
|
}
|
|
69
64
|
},
|
|
@@ -82,12 +77,10 @@
|
|
|
82
77
|
"@types/react-dom": "^19",
|
|
83
78
|
"class-variance-authority": "^0.7.1",
|
|
84
79
|
"clsx": "^2.1.1",
|
|
85
|
-
"embla-carousel-react": "^8.6.0",
|
|
86
80
|
"input-otp": "^1.4.2",
|
|
87
81
|
"jsdom": "^29.1.1",
|
|
88
82
|
"motion": "^12.31.0",
|
|
89
83
|
"react": "^19.2.0",
|
|
90
|
-
"react-day-picker": "^9.13.0",
|
|
91
84
|
"react-dom": "^19.2.0",
|
|
92
85
|
"react-hook-form": "^7.66.0",
|
|
93
86
|
"storybook": "~10.4.0",
|
|
@@ -95,7 +88,6 @@
|
|
|
95
88
|
"tailwindcss": "^4.2.1",
|
|
96
89
|
"tsdown": "0.21.10",
|
|
97
90
|
"typescript": "^5.7.0",
|
|
98
|
-
"usehooks-ts": "^3.1.1",
|
|
99
91
|
"vite": "^7.3.1",
|
|
100
92
|
"vitest": "^4.1.7"
|
|
101
93
|
}
|