@lglab/compose-ui 0.8.0 → 0.9.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/dist/components/toggle.d.ts +14 -0
- package/dist/components/toggle.d.ts.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +276 -252
- package/dist/lib/toggle-variants.d.ts +5 -0
- package/dist/lib/toggle-variants.d.ts.map +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Toggle as BaseToggle } from '@base-ui/react/toggle';
|
|
2
|
+
import { ToggleSize } from '../lib/toggle-variants';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
type ToggleProps = React.ComponentProps<typeof BaseToggle> & {
|
|
5
|
+
/** Size of the toggle */
|
|
6
|
+
size?: ToggleSize;
|
|
7
|
+
};
|
|
8
|
+
declare const Toggle: {
|
|
9
|
+
({ className, size, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
export { Toggle };
|
|
13
|
+
export type { ToggleProps };
|
|
14
|
+
//# sourceMappingURL=toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/components/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,wBAAwB,CAAA;AAOxE,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAC3D,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,MAAM;oCAAmC,WAAW;;CAEzD,CAAA;AAQD,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,YAAY,EAAE,WAAW,EAAE,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export { AlertDialog } from '@base-ui/react/alert-dialog';
|
|
|
4
4
|
export { AvatarRoot, AvatarImage, AvatarFallback, AvatarStack } from './components/avatar';
|
|
5
5
|
export { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, } from './components/scroll-area';
|
|
6
6
|
export { SwitchRoot, SwitchThumb } from './components/switch';
|
|
7
|
+
export { Toggle } from './components/toggle';
|
|
7
8
|
export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './components/tabs';
|
|
8
9
|
export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogHeader, DialogFooter, } from './components/dialog';
|
|
9
10
|
export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
|
|
@@ -15,6 +16,8 @@ export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalPr
|
|
|
15
16
|
export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarStackProps, } from './components/avatar';
|
|
16
17
|
export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './components/scroll-area';
|
|
17
18
|
export type { SwitchRootProps, SwitchThumbProps } from './components/switch';
|
|
19
|
+
export type { ToggleProps } from './components/toggle';
|
|
20
|
+
export type { ToggleSize } from './lib/toggle-variants';
|
|
18
21
|
export type { TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, } from './components/tabs';
|
|
19
22
|
export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBackdropProps, DialogPopupProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogHeaderProps, DialogFooterProps, } from './components/dialog';
|
|
20
23
|
export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.es.js
CHANGED
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as t, jsxs as k } from "react/jsx-runtime";
|
|
3
|
-
import { Button as
|
|
4
|
-
import { cva as
|
|
5
|
-
import { clsx as
|
|
3
|
+
import { Button as V } from "@base-ui/react/button";
|
|
4
|
+
import { cva as n } from "class-variance-authority";
|
|
5
|
+
import { clsx as R } from "clsx";
|
|
6
6
|
import { twMerge as S } from "tailwind-merge";
|
|
7
|
-
import { AlertDialog as
|
|
8
|
-
import { AlertDialog as
|
|
7
|
+
import { AlertDialog as d } from "@base-ui/react/alert-dialog";
|
|
8
|
+
import { AlertDialog as ga } from "@base-ui/react/alert-dialog";
|
|
9
9
|
import { Avatar as w } from "@base-ui/react/avatar";
|
|
10
|
-
import * as
|
|
10
|
+
import * as N from "react";
|
|
11
11
|
import { ScrollArea as m } from "@base-ui/react/scroll-area";
|
|
12
12
|
import { Switch as A } from "@base-ui/react/switch";
|
|
13
|
+
import { Toggle as C } from "@base-ui/react/toggle";
|
|
13
14
|
import { Tabs as f } from "@base-ui/react/tabs";
|
|
14
|
-
import { Dialog as
|
|
15
|
+
import { Dialog as l } from "@base-ui/react/dialog";
|
|
15
16
|
import { Accordion as b } from "@base-ui/react/accordion";
|
|
16
17
|
import { Meter as y } from "@base-ui/react/meter";
|
|
17
|
-
import { Progress as
|
|
18
|
-
const u =
|
|
18
|
+
import { Progress as h } from "@base-ui/react/progress";
|
|
19
|
+
const u = n(
|
|
19
20
|
[
|
|
20
21
|
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
|
|
21
22
|
],
|
|
@@ -45,44 +46,44 @@ const u = d(
|
|
|
45
46
|
}
|
|
46
47
|
);
|
|
47
48
|
function r(...e) {
|
|
48
|
-
return S(
|
|
49
|
+
return S(R(e));
|
|
49
50
|
}
|
|
50
|
-
const
|
|
51
|
+
const _ = ({
|
|
51
52
|
className: e,
|
|
52
53
|
variant: a,
|
|
53
54
|
size: o,
|
|
54
|
-
disabled:
|
|
55
|
+
disabled: s,
|
|
55
56
|
children: i,
|
|
56
57
|
...c
|
|
57
58
|
}) => /* @__PURE__ */ t(
|
|
58
|
-
|
|
59
|
+
V,
|
|
59
60
|
{
|
|
60
61
|
className: r(u({ variant: a, size: o }), e),
|
|
61
|
-
disabled:
|
|
62
|
+
disabled: s,
|
|
62
63
|
...c,
|
|
63
64
|
children: i
|
|
64
65
|
}
|
|
65
66
|
);
|
|
66
|
-
|
|
67
|
-
const
|
|
68
|
-
|
|
69
|
-
const
|
|
67
|
+
_.displayName = "Button";
|
|
68
|
+
const I = (e) => /* @__PURE__ */ t(d.Root, { ...e });
|
|
69
|
+
I.displayName = "AlertDialogRoot";
|
|
70
|
+
const F = ({
|
|
70
71
|
className: e,
|
|
71
72
|
variant: a,
|
|
72
73
|
size: o,
|
|
73
|
-
...
|
|
74
|
+
...s
|
|
74
75
|
}) => /* @__PURE__ */ t(
|
|
75
|
-
|
|
76
|
+
d.Trigger,
|
|
76
77
|
{
|
|
77
78
|
className: r(u({ variant: a, size: o }), e),
|
|
78
|
-
...
|
|
79
|
+
...s
|
|
79
80
|
}
|
|
80
81
|
);
|
|
81
|
-
|
|
82
|
-
const
|
|
83
|
-
|
|
84
|
-
const
|
|
85
|
-
|
|
82
|
+
F.displayName = "AlertDialogTrigger";
|
|
83
|
+
const B = (e) => /* @__PURE__ */ t(d.Portal, { ...e });
|
|
84
|
+
B.displayName = "AlertDialogPortal";
|
|
85
|
+
const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
86
|
+
d.Backdrop,
|
|
86
87
|
{
|
|
87
88
|
className: r(
|
|
88
89
|
"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
|
|
@@ -93,16 +94,16 @@ const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
93
94
|
...a
|
|
94
95
|
}
|
|
95
96
|
);
|
|
96
|
-
|
|
97
|
-
const
|
|
98
|
-
|
|
97
|
+
M.displayName = "AlertDialogBackdrop";
|
|
98
|
+
const j = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
99
|
+
d.Viewport,
|
|
99
100
|
{
|
|
100
101
|
className: r("fixed inset-0 z-50 flex items-center justify-center p-4", e),
|
|
101
102
|
...a
|
|
102
103
|
}
|
|
103
104
|
);
|
|
104
|
-
|
|
105
|
-
const
|
|
105
|
+
j.displayName = "AlertDialogViewport";
|
|
106
|
+
const L = n(
|
|
106
107
|
[
|
|
107
108
|
"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
|
|
108
109
|
"w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
|
|
@@ -126,38 +127,38 @@ const j = d(
|
|
|
126
127
|
size: "default"
|
|
127
128
|
}
|
|
128
129
|
}
|
|
129
|
-
),
|
|
130
|
-
|
|
130
|
+
), H = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
|
|
131
|
+
d.Popup,
|
|
131
132
|
{
|
|
132
|
-
className: r(
|
|
133
|
+
className: r(L({ size: a }), e),
|
|
133
134
|
...o
|
|
134
135
|
}
|
|
135
136
|
);
|
|
136
|
-
|
|
137
|
-
const
|
|
138
|
-
|
|
137
|
+
H.displayName = "AlertDialogPopup";
|
|
138
|
+
const q = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
139
|
+
d.Title,
|
|
139
140
|
{
|
|
140
141
|
className: r("text-lg font-semibold leading-none tracking-tight", e),
|
|
141
142
|
...a
|
|
142
143
|
}
|
|
143
144
|
);
|
|
144
|
-
|
|
145
|
-
const
|
|
146
|
-
|
|
147
|
-
const
|
|
145
|
+
q.displayName = "AlertDialogTitle";
|
|
146
|
+
const E = ({ className: e, ...a }) => /* @__PURE__ */ t(d.Description, { className: r("mt-2", e), ...a });
|
|
147
|
+
E.displayName = "AlertDialogDescription";
|
|
148
|
+
const $ = ({
|
|
148
149
|
className: e,
|
|
149
150
|
variant: a,
|
|
150
151
|
size: o,
|
|
151
|
-
...
|
|
152
|
+
...s
|
|
152
153
|
}) => /* @__PURE__ */ t(
|
|
153
|
-
|
|
154
|
+
d.Close,
|
|
154
155
|
{
|
|
155
156
|
className: r(u({ variant: a ?? "outline", size: o }), e),
|
|
156
|
-
...
|
|
157
|
+
...s
|
|
157
158
|
}
|
|
158
159
|
);
|
|
159
|
-
|
|
160
|
-
const T =
|
|
160
|
+
$.displayName = "AlertDialogClose";
|
|
161
|
+
const T = n(
|
|
161
162
|
[
|
|
162
163
|
"relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
|
|
163
164
|
"bg-muted text-foreground",
|
|
@@ -177,15 +178,15 @@ const T = d(
|
|
|
177
178
|
}
|
|
178
179
|
), z = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(w.Root, { className: r(T({ size: a }), e), ...o });
|
|
179
180
|
z.displayName = "AvatarRoot";
|
|
180
|
-
const
|
|
181
|
+
const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
181
182
|
w.Image,
|
|
182
183
|
{
|
|
183
184
|
className: r("aspect-square h-full w-full object-cover", e),
|
|
184
185
|
...a
|
|
185
186
|
}
|
|
186
187
|
);
|
|
187
|
-
|
|
188
|
-
const
|
|
188
|
+
G.displayName = "AvatarImage";
|
|
189
|
+
const J = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
189
190
|
w.Fallback,
|
|
190
191
|
{
|
|
191
192
|
className: r(
|
|
@@ -195,20 +196,20 @@ const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
195
196
|
...a
|
|
196
197
|
}
|
|
197
198
|
);
|
|
198
|
-
|
|
199
|
-
const
|
|
199
|
+
J.displayName = "AvatarFallback";
|
|
200
|
+
const K = ({
|
|
200
201
|
"aria-label": e,
|
|
201
202
|
maxVisible: a,
|
|
202
203
|
className: o,
|
|
203
|
-
children:
|
|
204
|
+
children: s
|
|
204
205
|
}) => {
|
|
205
|
-
const i =
|
|
206
|
+
const i = N.Children.toArray(s), c = i.length, g = a !== void 0 ? Math.min(a, c) : c, x = c - g, v = i.slice(0, g), P = (() => {
|
|
206
207
|
const p = i[0];
|
|
207
|
-
return
|
|
208
|
+
return N.isValidElement(p) && p.type === z ? p.props.size ?? "default" : "default";
|
|
208
209
|
})();
|
|
209
210
|
return /* @__PURE__ */ k("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
|
|
210
211
|
v.map((p, D) => /* @__PURE__ */ t("li", { children: p }, D)),
|
|
211
|
-
|
|
212
|
+
x > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ k(
|
|
212
213
|
"span",
|
|
213
214
|
{
|
|
214
215
|
className: r(
|
|
@@ -219,26 +220,26 @@ const J = ({
|
|
|
219
220
|
),
|
|
220
221
|
children: [
|
|
221
222
|
"+",
|
|
222
|
-
|
|
223
|
+
x
|
|
223
224
|
]
|
|
224
225
|
}
|
|
225
226
|
) })
|
|
226
227
|
] });
|
|
227
228
|
};
|
|
228
|
-
|
|
229
|
-
const
|
|
230
|
-
|
|
231
|
-
const
|
|
229
|
+
K.displayName = "AvatarStack";
|
|
230
|
+
const O = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Root, { className: r("relative", e), ...a });
|
|
231
|
+
O.displayName = "ScrollAreaRoot";
|
|
232
|
+
const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
232
233
|
m.Viewport,
|
|
233
234
|
{
|
|
234
235
|
className: r("h-full overscroll-contain pr-3", e),
|
|
235
236
|
...a
|
|
236
237
|
}
|
|
237
238
|
);
|
|
238
|
-
|
|
239
|
-
const
|
|
240
|
-
|
|
241
|
-
const
|
|
239
|
+
Q.displayName = "ScrollAreaViewport";
|
|
240
|
+
const U = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Content, { className: r("min-w-full", e), ...a });
|
|
241
|
+
U.displayName = "ScrollAreaContent";
|
|
242
|
+
const W = ({
|
|
242
243
|
className: e,
|
|
243
244
|
orientation: a = "vertical",
|
|
244
245
|
...o
|
|
@@ -256,8 +257,8 @@ const U = ({
|
|
|
256
257
|
...o
|
|
257
258
|
}
|
|
258
259
|
);
|
|
259
|
-
|
|
260
|
-
const
|
|
260
|
+
W.displayName = "ScrollAreaScrollbar";
|
|
261
|
+
const X = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
261
262
|
m.Thumb,
|
|
262
263
|
{
|
|
263
264
|
className: r(
|
|
@@ -268,10 +269,10 @@ const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
268
269
|
...a
|
|
269
270
|
}
|
|
270
271
|
);
|
|
271
|
-
|
|
272
|
-
const
|
|
273
|
-
|
|
274
|
-
const
|
|
272
|
+
X.displayName = "ScrollAreaThumb";
|
|
273
|
+
const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Corner, { className: r("bg-muted/50", e), ...a });
|
|
274
|
+
Y.displayName = "ScrollAreaCorner";
|
|
275
|
+
const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
275
276
|
A.Root,
|
|
276
277
|
{
|
|
277
278
|
className: r(
|
|
@@ -289,8 +290,8 @@ const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
289
290
|
...a
|
|
290
291
|
}
|
|
291
292
|
);
|
|
292
|
-
|
|
293
|
-
const
|
|
293
|
+
Z.displayName = "SwitchRoot";
|
|
294
|
+
const ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
294
295
|
A.Thumb,
|
|
295
296
|
{
|
|
296
297
|
className: r(
|
|
@@ -305,10 +306,32 @@ const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
305
306
|
...a
|
|
306
307
|
}
|
|
307
308
|
);
|
|
308
|
-
|
|
309
|
-
const
|
|
310
|
-
|
|
311
|
-
|
|
309
|
+
ee.displayName = "SwitchThumb";
|
|
310
|
+
const ae = n(
|
|
311
|
+
[
|
|
312
|
+
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium",
|
|
313
|
+
"[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
|
|
314
|
+
"border border-border bg-background hover:bg-muted shadow-xs",
|
|
315
|
+
"transition-all duration-150",
|
|
316
|
+
"data-pressed:border-primary data-pressed:bg-primary data-pressed:text-primary-foreground data-pressed:shadow-sm"
|
|
317
|
+
],
|
|
318
|
+
{
|
|
319
|
+
variants: {
|
|
320
|
+
size: {
|
|
321
|
+
sm: "h-8 min-w-8 px-2 gap-1.5",
|
|
322
|
+
default: "h-9 min-w-9 px-2.5",
|
|
323
|
+
lg: "h-10 min-w-10 px-3"
|
|
324
|
+
}
|
|
325
|
+
},
|
|
326
|
+
defaultVariants: {
|
|
327
|
+
size: "default"
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
), te = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(C, { className: r(ae({ size: a }), e), ...o });
|
|
331
|
+
te.displayName = "Toggle";
|
|
332
|
+
const re = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Root, { className: r("flex flex-col", e), ...a });
|
|
333
|
+
re.displayName = "TabsRoot";
|
|
334
|
+
const oe = n(
|
|
312
335
|
["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
|
|
313
336
|
{
|
|
314
337
|
variants: {
|
|
@@ -321,15 +344,15 @@ const ae = d(
|
|
|
321
344
|
orientation: "horizontal"
|
|
322
345
|
}
|
|
323
346
|
}
|
|
324
|
-
),
|
|
347
|
+
), se = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
|
|
325
348
|
f.List,
|
|
326
349
|
{
|
|
327
|
-
className: r(
|
|
350
|
+
className: r(oe({ orientation: a }), e),
|
|
328
351
|
...o
|
|
329
352
|
}
|
|
330
353
|
);
|
|
331
|
-
|
|
332
|
-
const
|
|
354
|
+
se.displayName = "TabsList";
|
|
355
|
+
const le = n(
|
|
333
356
|
[
|
|
334
357
|
"relative z-10 inline-flex items-center justify-center whitespace-nowrap",
|
|
335
358
|
"rounded-md px-3 py-1.5 text-sm font-medium",
|
|
@@ -350,9 +373,9 @@ const re = d(
|
|
|
350
373
|
size: "default"
|
|
351
374
|
}
|
|
352
375
|
}
|
|
353
|
-
),
|
|
354
|
-
|
|
355
|
-
const
|
|
376
|
+
), ie = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(f.Tab, { className: r(le({ size: a }), e), ...o });
|
|
377
|
+
ie.displayName = "TabsTab";
|
|
378
|
+
const ne = n(
|
|
356
379
|
["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
|
|
357
380
|
{
|
|
358
381
|
variants: {
|
|
@@ -365,34 +388,34 @@ const le = d(
|
|
|
365
388
|
orientation: "horizontal"
|
|
366
389
|
}
|
|
367
390
|
}
|
|
368
|
-
),
|
|
391
|
+
), de = ({
|
|
369
392
|
className: e,
|
|
370
393
|
orientation: a = "horizontal",
|
|
371
394
|
...o
|
|
372
395
|
}) => /* @__PURE__ */ t(
|
|
373
396
|
f.Indicator,
|
|
374
397
|
{
|
|
375
|
-
className: r(
|
|
398
|
+
className: r(ne({ orientation: a }), e),
|
|
376
399
|
...o
|
|
377
400
|
}
|
|
378
401
|
);
|
|
379
|
-
|
|
380
|
-
const
|
|
381
|
-
|
|
382
|
-
const
|
|
383
|
-
|
|
384
|
-
const
|
|
385
|
-
|
|
402
|
+
de.displayName = "TabsIndicator";
|
|
403
|
+
const ce = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
|
|
404
|
+
ce.displayName = "TabsPanel";
|
|
405
|
+
const ue = (e) => /* @__PURE__ */ t(l.Root, { ...e });
|
|
406
|
+
ue.displayName = "DialogRoot";
|
|
407
|
+
const me = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
|
|
408
|
+
l.Trigger,
|
|
386
409
|
{
|
|
387
410
|
className: r(u({ variant: a, size: o }), e),
|
|
388
|
-
...
|
|
411
|
+
...s
|
|
389
412
|
}
|
|
390
413
|
);
|
|
391
|
-
|
|
392
|
-
const
|
|
393
|
-
|
|
394
|
-
const
|
|
395
|
-
|
|
414
|
+
me.displayName = "DialogTrigger";
|
|
415
|
+
const ge = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
|
|
416
|
+
ge.displayName = "DialogPortal";
|
|
417
|
+
const pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
418
|
+
l.Backdrop,
|
|
396
419
|
{
|
|
397
420
|
className: r(
|
|
398
421
|
"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
|
|
@@ -403,8 +426,8 @@ const ue = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
403
426
|
...a
|
|
404
427
|
}
|
|
405
428
|
);
|
|
406
|
-
|
|
407
|
-
const
|
|
429
|
+
pe.displayName = "DialogBackdrop";
|
|
430
|
+
const fe = n(
|
|
408
431
|
[
|
|
409
432
|
"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
|
|
410
433
|
"w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
|
|
@@ -428,35 +451,35 @@ const me = d(
|
|
|
428
451
|
size: "default"
|
|
429
452
|
}
|
|
430
453
|
}
|
|
431
|
-
),
|
|
432
|
-
|
|
454
|
+
), be = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
|
|
455
|
+
l.Popup,
|
|
433
456
|
{
|
|
434
|
-
className: r(
|
|
457
|
+
className: r(fe({ size: a }), e),
|
|
435
458
|
...o
|
|
436
459
|
}
|
|
437
460
|
);
|
|
438
|
-
|
|
439
|
-
const
|
|
440
|
-
|
|
461
|
+
be.displayName = "DialogPopup";
|
|
462
|
+
const ye = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
463
|
+
l.Title,
|
|
441
464
|
{
|
|
442
465
|
className: r("text-lg font-semibold leading-none tracking-tight", e),
|
|
443
466
|
...a
|
|
444
467
|
}
|
|
445
468
|
);
|
|
446
|
-
|
|
447
|
-
const
|
|
448
|
-
|
|
449
|
-
const
|
|
450
|
-
|
|
469
|
+
ye.displayName = "DialogTitle";
|
|
470
|
+
const he = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Description, { className: r("mt-2", e), ...a });
|
|
471
|
+
he.displayName = "DialogDescription";
|
|
472
|
+
const xe = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
|
|
473
|
+
l.Close,
|
|
451
474
|
{
|
|
452
475
|
className: r(u({ variant: a ?? "outline", size: o }), e),
|
|
453
|
-
...
|
|
476
|
+
...s
|
|
454
477
|
}
|
|
455
478
|
);
|
|
456
|
-
|
|
457
|
-
const
|
|
458
|
-
|
|
459
|
-
const
|
|
479
|
+
xe.displayName = "DialogClose";
|
|
480
|
+
const Ne = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
|
|
481
|
+
Ne.displayName = "DialogHeader";
|
|
482
|
+
const ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
460
483
|
"div",
|
|
461
484
|
{
|
|
462
485
|
className: r(
|
|
@@ -466,21 +489,21 @@ const Ne = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
466
489
|
...a
|
|
467
490
|
}
|
|
468
491
|
);
|
|
469
|
-
|
|
470
|
-
const
|
|
471
|
-
|
|
472
|
-
const
|
|
473
|
-
|
|
492
|
+
ve.displayName = "DialogFooter";
|
|
493
|
+
const we = (e) => /* @__PURE__ */ t(l.Root, { ...e });
|
|
494
|
+
we.displayName = "DrawerRoot";
|
|
495
|
+
const De = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
|
|
496
|
+
l.Trigger,
|
|
474
497
|
{
|
|
475
498
|
className: r(u({ variant: a, size: o }), e),
|
|
476
|
-
...
|
|
499
|
+
...s
|
|
477
500
|
}
|
|
478
501
|
);
|
|
479
|
-
|
|
480
|
-
const
|
|
481
|
-
|
|
482
|
-
const
|
|
483
|
-
|
|
502
|
+
De.displayName = "DrawerTrigger";
|
|
503
|
+
const ke = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
|
|
504
|
+
ke.displayName = "DrawerPortal";
|
|
505
|
+
const Ae = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
506
|
+
l.Backdrop,
|
|
484
507
|
{
|
|
485
508
|
className: r(
|
|
486
509
|
"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
|
|
@@ -491,8 +514,8 @@ const we = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
491
514
|
...a
|
|
492
515
|
}
|
|
493
516
|
);
|
|
494
|
-
|
|
495
|
-
const
|
|
517
|
+
Ae.displayName = "DrawerBackdrop";
|
|
518
|
+
const Te = n(
|
|
496
519
|
[
|
|
497
520
|
"fixed z-50 flex flex-col bg-background p-6 shadow-lg",
|
|
498
521
|
"transition-transform duration-300 ease-out",
|
|
@@ -528,51 +551,51 @@ const De = d(
|
|
|
528
551
|
side: "right"
|
|
529
552
|
}
|
|
530
553
|
}
|
|
531
|
-
),
|
|
532
|
-
|
|
554
|
+
), ze = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
|
|
555
|
+
l.Popup,
|
|
533
556
|
{
|
|
534
|
-
className: r(
|
|
557
|
+
className: r(Te({ side: a }), e),
|
|
535
558
|
...o
|
|
536
559
|
}
|
|
537
560
|
);
|
|
538
|
-
|
|
539
|
-
const
|
|
540
|
-
|
|
561
|
+
ze.displayName = "DrawerPopup";
|
|
562
|
+
const Pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
563
|
+
l.Title,
|
|
541
564
|
{
|
|
542
565
|
className: r("text-lg font-semibold leading-none tracking-tight", e),
|
|
543
566
|
...a
|
|
544
567
|
}
|
|
545
568
|
);
|
|
546
|
-
|
|
547
|
-
const
|
|
548
|
-
|
|
549
|
-
const
|
|
550
|
-
|
|
569
|
+
Pe.displayName = "DrawerTitle";
|
|
570
|
+
const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Description, { className: r("", e), ...a });
|
|
571
|
+
Ve.displayName = "DrawerDescription";
|
|
572
|
+
const Re = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
|
|
573
|
+
l.Close,
|
|
551
574
|
{
|
|
552
575
|
className: r(u({ variant: a ?? "outline", size: o }), e),
|
|
553
|
-
...
|
|
554
|
-
}
|
|
555
|
-
);
|
|
556
|
-
|
|
557
|
-
const
|
|
558
|
-
|
|
559
|
-
const
|
|
560
|
-
|
|
561
|
-
const
|
|
562
|
-
|
|
563
|
-
const
|
|
564
|
-
|
|
565
|
-
const
|
|
576
|
+
...s
|
|
577
|
+
}
|
|
578
|
+
);
|
|
579
|
+
Re.displayName = "DrawerClose";
|
|
580
|
+
const Se = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
|
|
581
|
+
Se.displayName = "DrawerHeader";
|
|
582
|
+
const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
|
|
583
|
+
Ce.displayName = "DrawerContent";
|
|
584
|
+
const _e = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
|
|
585
|
+
_e.displayName = "DrawerFooter";
|
|
586
|
+
const Ie = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Root, { className: r("w-full", e), ...a });
|
|
587
|
+
Ie.displayName = "AccordionRoot";
|
|
588
|
+
const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
566
589
|
b.Item,
|
|
567
590
|
{
|
|
568
591
|
className: r("border-b border-border last:border-b-0", e),
|
|
569
592
|
...a
|
|
570
593
|
}
|
|
571
594
|
);
|
|
572
|
-
|
|
573
|
-
const
|
|
574
|
-
|
|
575
|
-
const
|
|
595
|
+
Fe.displayName = "AccordionItem";
|
|
596
|
+
const Be = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Header, { className: r("flex", e), ...a });
|
|
597
|
+
Be.displayName = "AccordionHeader";
|
|
598
|
+
const Me = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
|
|
576
599
|
b.Trigger,
|
|
577
600
|
{
|
|
578
601
|
className: r(
|
|
@@ -583,8 +606,8 @@ const Ie = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
|
|
|
583
606
|
children: a
|
|
584
607
|
}
|
|
585
608
|
);
|
|
586
|
-
|
|
587
|
-
const
|
|
609
|
+
Me.displayName = "AccordionTrigger";
|
|
610
|
+
const je = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
588
611
|
b.Panel,
|
|
589
612
|
{
|
|
590
613
|
className: r(
|
|
@@ -594,24 +617,24 @@ const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
594
617
|
...a
|
|
595
618
|
}
|
|
596
619
|
);
|
|
597
|
-
|
|
598
|
-
const
|
|
599
|
-
const i = o ?? 0, [c, g] =
|
|
600
|
-
return
|
|
620
|
+
je.displayName = "AccordionPanel";
|
|
621
|
+
const Le = ({ className: e, animated: a, value: o, ...s }) => {
|
|
622
|
+
const i = o ?? 0, [c, g] = N.useState(a ? 0 : i);
|
|
623
|
+
return N.useEffect(() => {
|
|
601
624
|
if (a) {
|
|
602
|
-
const
|
|
625
|
+
const x = requestAnimationFrame(() => {
|
|
603
626
|
const v = requestAnimationFrame(() => {
|
|
604
627
|
g(i ?? 0);
|
|
605
628
|
});
|
|
606
629
|
return () => cancelAnimationFrame(v);
|
|
607
630
|
});
|
|
608
|
-
return () => cancelAnimationFrame(
|
|
631
|
+
return () => cancelAnimationFrame(x);
|
|
609
632
|
} else
|
|
610
633
|
g(i ?? 0);
|
|
611
|
-
}, [a, i]), /* @__PURE__ */ t(y.Root, { className: r("w-full", e), value: c, ...
|
|
634
|
+
}, [a, i]), /* @__PURE__ */ t(y.Root, { className: r("w-full", e), value: c, ...s });
|
|
612
635
|
};
|
|
613
|
-
|
|
614
|
-
const
|
|
636
|
+
Le.displayName = "MeterRoot";
|
|
637
|
+
const He = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
615
638
|
y.Track,
|
|
616
639
|
{
|
|
617
640
|
className: r(
|
|
@@ -621,8 +644,8 @@ const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
621
644
|
...a
|
|
622
645
|
}
|
|
623
646
|
);
|
|
624
|
-
|
|
625
|
-
const
|
|
647
|
+
He.displayName = "MeterTrack";
|
|
648
|
+
const qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
626
649
|
y.Indicator,
|
|
627
650
|
{
|
|
628
651
|
className: r(
|
|
@@ -632,27 +655,27 @@ const je = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
632
655
|
...a
|
|
633
656
|
}
|
|
634
657
|
);
|
|
635
|
-
|
|
636
|
-
const
|
|
658
|
+
qe.displayName = "MeterIndicator";
|
|
659
|
+
const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
637
660
|
y.Value,
|
|
638
661
|
{
|
|
639
662
|
className: r("text-sm font-medium text-foreground", e),
|
|
640
663
|
...a
|
|
641
664
|
}
|
|
642
665
|
);
|
|
643
|
-
|
|
644
|
-
const
|
|
666
|
+
Ee.displayName = "MeterValue";
|
|
667
|
+
const $e = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
645
668
|
y.Label,
|
|
646
669
|
{
|
|
647
670
|
className: r("text-sm font-medium text-foreground", e),
|
|
648
671
|
...a
|
|
649
672
|
}
|
|
650
673
|
);
|
|
651
|
-
|
|
652
|
-
const
|
|
653
|
-
|
|
654
|
-
const
|
|
655
|
-
|
|
674
|
+
$e.displayName = "MeterLabel";
|
|
675
|
+
const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(h.Root, { className: r("w-full", e), ...a });
|
|
676
|
+
Ge.displayName = "ProgressRoot";
|
|
677
|
+
const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
678
|
+
h.Track,
|
|
656
679
|
{
|
|
657
680
|
className: r(
|
|
658
681
|
"relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
|
|
@@ -661,9 +684,9 @@ const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
661
684
|
...a
|
|
662
685
|
}
|
|
663
686
|
);
|
|
664
|
-
|
|
665
|
-
const
|
|
666
|
-
|
|
687
|
+
Je.displayName = "ProgressTrack";
|
|
688
|
+
const Ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
689
|
+
h.Indicator,
|
|
667
690
|
{
|
|
668
691
|
className: r(
|
|
669
692
|
"h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
|
|
@@ -672,86 +695,87 @@ const $e = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
672
695
|
...a
|
|
673
696
|
}
|
|
674
697
|
);
|
|
675
|
-
|
|
676
|
-
const
|
|
677
|
-
|
|
698
|
+
Ke.displayName = "ProgressIndicator";
|
|
699
|
+
const Oe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
700
|
+
h.Value,
|
|
678
701
|
{
|
|
679
702
|
className: r("text-sm font-medium text-foreground", e),
|
|
680
703
|
...a
|
|
681
704
|
}
|
|
682
705
|
);
|
|
683
|
-
|
|
684
|
-
const
|
|
685
|
-
|
|
706
|
+
Oe.displayName = "ProgressValue";
|
|
707
|
+
const Qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
708
|
+
h.Label,
|
|
686
709
|
{
|
|
687
710
|
className: r("text-sm font-medium text-foreground", e),
|
|
688
711
|
...a
|
|
689
712
|
}
|
|
690
713
|
);
|
|
691
|
-
|
|
714
|
+
Qe.displayName = "ProgressLabel";
|
|
692
715
|
export {
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
716
|
+
Be as AccordionHeader,
|
|
717
|
+
Fe as AccordionItem,
|
|
718
|
+
je as AccordionPanel,
|
|
719
|
+
Ie as AccordionRoot,
|
|
720
|
+
Me as AccordionTrigger,
|
|
721
|
+
ga as AlertDialog,
|
|
722
|
+
M as AlertDialogBackdrop,
|
|
723
|
+
$ as AlertDialogClose,
|
|
724
|
+
E as AlertDialogDescription,
|
|
725
|
+
H as AlertDialogPopup,
|
|
726
|
+
B as AlertDialogPortal,
|
|
727
|
+
I as AlertDialogRoot,
|
|
728
|
+
q as AlertDialogTitle,
|
|
729
|
+
F as AlertDialogTrigger,
|
|
730
|
+
j as AlertDialogViewport,
|
|
731
|
+
J as AvatarFallback,
|
|
732
|
+
G as AvatarImage,
|
|
710
733
|
z as AvatarRoot,
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
734
|
+
K as AvatarStack,
|
|
735
|
+
_ as Button,
|
|
736
|
+
pe as DialogBackdrop,
|
|
737
|
+
xe as DialogClose,
|
|
738
|
+
he as DialogDescription,
|
|
739
|
+
ve as DialogFooter,
|
|
740
|
+
Ne as DialogHeader,
|
|
741
|
+
be as DialogPopup,
|
|
742
|
+
ge as DialogPortal,
|
|
743
|
+
ue as DialogRoot,
|
|
744
|
+
ye as DialogTitle,
|
|
745
|
+
me as DialogTrigger,
|
|
746
|
+
Ae as DrawerBackdrop,
|
|
747
|
+
Re as DrawerClose,
|
|
748
|
+
Ce as DrawerContent,
|
|
749
|
+
Ve as DrawerDescription,
|
|
750
|
+
_e as DrawerFooter,
|
|
751
|
+
Se as DrawerHeader,
|
|
752
|
+
ze as DrawerPopup,
|
|
753
|
+
ke as DrawerPortal,
|
|
754
|
+
we as DrawerRoot,
|
|
755
|
+
Pe as DrawerTitle,
|
|
756
|
+
De as DrawerTrigger,
|
|
757
|
+
qe as MeterIndicator,
|
|
758
|
+
$e as MeterLabel,
|
|
759
|
+
Le as MeterRoot,
|
|
760
|
+
He as MeterTrack,
|
|
761
|
+
Ee as MeterValue,
|
|
762
|
+
Ke as ProgressIndicator,
|
|
763
|
+
Qe as ProgressLabel,
|
|
764
|
+
Ge as ProgressRoot,
|
|
765
|
+
Je as ProgressTrack,
|
|
766
|
+
Oe as ProgressValue,
|
|
767
|
+
U as ScrollAreaContent,
|
|
768
|
+
Y as ScrollAreaCorner,
|
|
769
|
+
O as ScrollAreaRoot,
|
|
770
|
+
W as ScrollAreaScrollbar,
|
|
771
|
+
X as ScrollAreaThumb,
|
|
772
|
+
Q as ScrollAreaViewport,
|
|
773
|
+
Z as SwitchRoot,
|
|
774
|
+
ee as SwitchThumb,
|
|
775
|
+
de as TabsIndicator,
|
|
776
|
+
se as TabsList,
|
|
777
|
+
ce as TabsPanel,
|
|
778
|
+
re as TabsRoot,
|
|
779
|
+
ie as TabsTab,
|
|
780
|
+
te as Toggle
|
|
757
781
|
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type ToggleSize = 'sm' | 'default' | 'lg';
|
|
2
|
+
export declare const toggleVariants: (props?: ({
|
|
3
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
//# sourceMappingURL=toggle-variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-variants.d.ts","sourceRoot":"","sources":["../../src/lib/toggle-variants.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;AAEhD,eAAO,MAAM,cAAc;;8EAoB1B,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lglab/compose-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"description": "A collection of components built with Base UI & Tailwind CSS",
|
|
5
5
|
"author": "LGLab",
|
|
6
6
|
"license": "MIT",
|
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
"react-dom": "^19.2.3",
|
|
55
55
|
"rollup-preserve-directives": "^1.1.3",
|
|
56
56
|
"typescript": "~5.9.3",
|
|
57
|
-
"typescript-eslint": "^8.
|
|
58
|
-
"vite": "^7.3.
|
|
57
|
+
"typescript-eslint": "^8.52.0",
|
|
58
|
+
"vite": "^7.3.1",
|
|
59
59
|
"vite-plugin-dts": "^4.5.4",
|
|
60
60
|
"vite-plugin-static-copy": "^3.1.4"
|
|
61
61
|
},
|