@lglab/compose-ui 0.6.0 → 0.8.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/progress.d.ts +30 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/switch.d.ts +15 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/index.d.ts +4 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +283 -203
- package/dist/styles/default.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Progress as BaseProgress } from '@base-ui/react/progress';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type ProgressRootProps = React.ComponentProps<typeof BaseProgress.Root>;
|
|
4
|
+
declare const ProgressRoot: {
|
|
5
|
+
({ className, ...props }: ProgressRootProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
type ProgressTrackProps = React.ComponentProps<typeof BaseProgress.Track>;
|
|
9
|
+
declare const ProgressTrack: {
|
|
10
|
+
({ className, ...props }: ProgressTrackProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
type ProgressIndicatorProps = React.ComponentProps<typeof BaseProgress.Indicator>;
|
|
14
|
+
declare const ProgressIndicator: {
|
|
15
|
+
({ className, ...props }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
type ProgressValueProps = React.ComponentProps<typeof BaseProgress.Value>;
|
|
19
|
+
declare const ProgressValue: {
|
|
20
|
+
({ className, ...props }: ProgressValueProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
type ProgressLabelProps = React.ComponentProps<typeof BaseProgress.Label>;
|
|
24
|
+
declare const ProgressLabel: {
|
|
25
|
+
({ className, ...props }: ProgressLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
export { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel };
|
|
29
|
+
export type { ProgressRootProps, ProgressTrackProps, ProgressIndicatorProps, ProgressValueProps, ProgressLabelProps, };
|
|
30
|
+
//# sourceMappingURL=progress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAA;AAEvE,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAUjE,CAAA;AAQD,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAA;AAEjF,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAUzE,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAOjE,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAOjE,CAAA;AAQD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAEvF,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,GACnB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Switch as BaseSwitch } from '@base-ui/react/switch';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type SwitchRootProps = React.ComponentProps<typeof BaseSwitch.Root>;
|
|
4
|
+
declare const SwitchRoot: {
|
|
5
|
+
({ className, ...props }: SwitchRootProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
type SwitchThumbProps = React.ComponentProps<typeof BaseSwitch.Thumb>;
|
|
9
|
+
declare const SwitchThumb: {
|
|
10
|
+
({ className, ...props }: SwitchThumbProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export { SwitchRoot, SwitchThumb };
|
|
14
|
+
export type { SwitchRootProps, SwitchThumbProps };
|
|
15
|
+
//# sourceMappingURL=switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;8BAA6B,eAAe;;CAkB3D,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAErE,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAe7D,CAAA;AAQD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAA;AAElC,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,21 +2,23 @@ export { Button } from './components/button';
|
|
|
2
2
|
export { AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogBackdrop, AlertDialogViewport, AlertDialogPopup, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, } from './components/alert-dialog';
|
|
3
3
|
export { AlertDialog } from '@base-ui/react/alert-dialog';
|
|
4
4
|
export { AvatarRoot, AvatarImage, AvatarFallback, AvatarStack } from './components/avatar';
|
|
5
|
-
export { Avatar } from '@base-ui/react/avatar';
|
|
6
5
|
export { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, } from './components/scroll-area';
|
|
6
|
+
export { SwitchRoot, SwitchThumb } from './components/switch';
|
|
7
7
|
export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './components/tabs';
|
|
8
8
|
export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogHeader, DialogFooter, } from './components/dialog';
|
|
9
9
|
export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
|
|
10
10
|
export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, } from './components/accordion';
|
|
11
11
|
export { MeterRoot, MeterTrack, MeterIndicator, MeterValue, MeterLabel, } from './components/meter';
|
|
12
|
-
export {
|
|
12
|
+
export { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel, } from './components/progress';
|
|
13
13
|
export type { ButtonProps } from './components/button';
|
|
14
14
|
export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogBackdropProps, AlertDialogViewportProps, AlertDialogPopupProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCloseProps, } from './components/alert-dialog';
|
|
15
15
|
export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarStackProps, } from './components/avatar';
|
|
16
16
|
export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './components/scroll-area';
|
|
17
|
+
export type { SwitchRootProps, SwitchThumbProps } from './components/switch';
|
|
17
18
|
export type { TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, } from './components/tabs';
|
|
18
19
|
export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBackdropProps, DialogPopupProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogHeaderProps, DialogFooterProps, } from './components/dialog';
|
|
19
20
|
export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
|
|
20
21
|
export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, } from './components/accordion';
|
|
21
22
|
export type { MeterRootProps, MeterTrackProps, MeterIndicatorProps, MeterValueProps, MeterLabelProps, } from './components/meter';
|
|
23
|
+
export type { ProgressRootProps, ProgressTrackProps, ProgressIndicatorProps, ProgressValueProps, ProgressLabelProps, } from './components/progress';
|
|
22
24
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC1F,OAAO,
|
|
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,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as t, jsxs as
|
|
3
|
-
import { Button as
|
|
2
|
+
import { jsx as t, jsxs as k } from "react/jsx-runtime";
|
|
3
|
+
import { Button as R } from "@base-ui/react/button";
|
|
4
4
|
import { cva as d } from "class-variance-authority";
|
|
5
|
-
import { clsx as
|
|
6
|
-
import { twMerge as
|
|
5
|
+
import { clsx as V } from "clsx";
|
|
6
|
+
import { twMerge as S } from "tailwind-merge";
|
|
7
7
|
import { AlertDialog as n } from "@base-ui/react/alert-dialog";
|
|
8
|
-
import { AlertDialog as
|
|
9
|
-
import { Avatar as
|
|
10
|
-
import
|
|
11
|
-
import * as N from "react";
|
|
8
|
+
import { AlertDialog as da } from "@base-ui/react/alert-dialog";
|
|
9
|
+
import { Avatar as w } from "@base-ui/react/avatar";
|
|
10
|
+
import * as x from "react";
|
|
12
11
|
import { ScrollArea as m } from "@base-ui/react/scroll-area";
|
|
12
|
+
import { Switch as A } from "@base-ui/react/switch";
|
|
13
13
|
import { Tabs as f } from "@base-ui/react/tabs";
|
|
14
14
|
import { Dialog as s } from "@base-ui/react/dialog";
|
|
15
15
|
import { Accordion as b } from "@base-ui/react/accordion";
|
|
16
16
|
import { Meter as y } from "@base-ui/react/meter";
|
|
17
|
-
import {
|
|
17
|
+
import { Progress as N } from "@base-ui/react/progress";
|
|
18
18
|
const u = d(
|
|
19
19
|
[
|
|
20
20
|
"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"
|
|
@@ -45,9 +45,9 @@ const u = d(
|
|
|
45
45
|
}
|
|
46
46
|
);
|
|
47
47
|
function r(...e) {
|
|
48
|
-
return V(
|
|
48
|
+
return S(V(e));
|
|
49
49
|
}
|
|
50
|
-
const
|
|
50
|
+
const C = ({
|
|
51
51
|
className: e,
|
|
52
52
|
variant: a,
|
|
53
53
|
size: o,
|
|
@@ -55,7 +55,7 @@ const R = ({
|
|
|
55
55
|
children: i,
|
|
56
56
|
...c
|
|
57
57
|
}) => /* @__PURE__ */ t(
|
|
58
|
-
|
|
58
|
+
R,
|
|
59
59
|
{
|
|
60
60
|
className: r(u({ variant: a, size: o }), e),
|
|
61
61
|
disabled: l,
|
|
@@ -63,10 +63,10 @@ const R = ({
|
|
|
63
63
|
children: i
|
|
64
64
|
}
|
|
65
65
|
);
|
|
66
|
-
|
|
67
|
-
const
|
|
68
|
-
|
|
69
|
-
const
|
|
66
|
+
C.displayName = "Button";
|
|
67
|
+
const _ = (e) => /* @__PURE__ */ t(n.Root, { ...e });
|
|
68
|
+
_.displayName = "AlertDialogRoot";
|
|
69
|
+
const I = ({
|
|
70
70
|
className: e,
|
|
71
71
|
variant: a,
|
|
72
72
|
size: o,
|
|
@@ -78,10 +78,10 @@ const S = ({
|
|
|
78
78
|
...l
|
|
79
79
|
}
|
|
80
80
|
);
|
|
81
|
-
|
|
81
|
+
I.displayName = "AlertDialogTrigger";
|
|
82
82
|
const F = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
|
|
83
83
|
F.displayName = "AlertDialogPortal";
|
|
84
|
-
const
|
|
84
|
+
const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
85
85
|
n.Backdrop,
|
|
86
86
|
{
|
|
87
87
|
className: r(
|
|
@@ -93,16 +93,16 @@ const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
93
93
|
...a
|
|
94
94
|
}
|
|
95
95
|
);
|
|
96
|
-
|
|
97
|
-
const
|
|
96
|
+
B.displayName = "AlertDialogBackdrop";
|
|
97
|
+
const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
98
98
|
n.Viewport,
|
|
99
99
|
{
|
|
100
100
|
className: r("fixed inset-0 z-50 flex items-center justify-center p-4", e),
|
|
101
101
|
...a
|
|
102
102
|
}
|
|
103
103
|
);
|
|
104
|
-
|
|
105
|
-
const
|
|
104
|
+
M.displayName = "AlertDialogViewport";
|
|
105
|
+
const j = d(
|
|
106
106
|
[
|
|
107
107
|
"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
|
|
108
108
|
"w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
|
|
@@ -126,14 +126,14 @@ const I = d(
|
|
|
126
126
|
size: "default"
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
|
-
),
|
|
129
|
+
), L = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
|
|
130
130
|
n.Popup,
|
|
131
131
|
{
|
|
132
|
-
className: r(
|
|
132
|
+
className: r(j({ size: a }), e),
|
|
133
133
|
...o
|
|
134
134
|
}
|
|
135
135
|
);
|
|
136
|
-
|
|
136
|
+
L.displayName = "AlertDialogPopup";
|
|
137
137
|
const H = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
138
138
|
n.Title,
|
|
139
139
|
{
|
|
@@ -142,9 +142,9 @@ const H = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
142
142
|
}
|
|
143
143
|
);
|
|
144
144
|
H.displayName = "AlertDialogTitle";
|
|
145
|
-
const
|
|
146
|
-
|
|
147
|
-
const
|
|
145
|
+
const q = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("mt-2", e), ...a });
|
|
146
|
+
q.displayName = "AlertDialogDescription";
|
|
147
|
+
const E = ({
|
|
148
148
|
className: e,
|
|
149
149
|
variant: a,
|
|
150
150
|
size: o,
|
|
@@ -156,8 +156,8 @@ const q = ({
|
|
|
156
156
|
...l
|
|
157
157
|
}
|
|
158
158
|
);
|
|
159
|
-
|
|
160
|
-
const
|
|
159
|
+
E.displayName = "AlertDialogClose";
|
|
160
|
+
const T = d(
|
|
161
161
|
[
|
|
162
162
|
"relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
|
|
163
163
|
"bg-muted text-foreground",
|
|
@@ -175,18 +175,18 @@ const A = d(
|
|
|
175
175
|
size: "default"
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
|
-
),
|
|
179
|
-
|
|
180
|
-
const
|
|
181
|
-
|
|
178
|
+
), z = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(w.Root, { className: r(T({ size: a }), e), ...o });
|
|
179
|
+
z.displayName = "AvatarRoot";
|
|
180
|
+
const $ = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
181
|
+
w.Image,
|
|
182
182
|
{
|
|
183
183
|
className: r("aspect-square h-full w-full object-cover", e),
|
|
184
184
|
...a
|
|
185
185
|
}
|
|
186
186
|
);
|
|
187
|
-
|
|
188
|
-
const
|
|
189
|
-
|
|
187
|
+
$.displayName = "AvatarImage";
|
|
188
|
+
const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
189
|
+
w.Fallback,
|
|
190
190
|
{
|
|
191
191
|
className: r(
|
|
192
192
|
"flex h-full w-full items-center justify-center font-medium",
|
|
@@ -195,50 +195,50 @@ const E = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
195
195
|
...a
|
|
196
196
|
}
|
|
197
197
|
);
|
|
198
|
-
|
|
199
|
-
const
|
|
198
|
+
G.displayName = "AvatarFallback";
|
|
199
|
+
const J = ({
|
|
200
200
|
"aria-label": e,
|
|
201
201
|
maxVisible: a,
|
|
202
202
|
className: o,
|
|
203
203
|
children: l
|
|
204
204
|
}) => {
|
|
205
|
-
const i =
|
|
205
|
+
const i = x.Children.toArray(l), c = i.length, g = a !== void 0 ? Math.min(a, c) : c, h = c - g, v = i.slice(0, g), P = (() => {
|
|
206
206
|
const p = i[0];
|
|
207
|
-
return
|
|
207
|
+
return x.isValidElement(p) && p.type === z ? p.props.size ?? "default" : "default";
|
|
208
208
|
})();
|
|
209
|
-
return /* @__PURE__ */
|
|
210
|
-
|
|
211
|
-
|
|
209
|
+
return /* @__PURE__ */ k("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
|
|
210
|
+
v.map((p, D) => /* @__PURE__ */ t("li", { children: p }, D)),
|
|
211
|
+
h > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ k(
|
|
212
212
|
"span",
|
|
213
213
|
{
|
|
214
214
|
className: r(
|
|
215
215
|
"relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
|
|
216
216
|
"bg-muted text-foreground border-2 border-background",
|
|
217
217
|
"font-medium",
|
|
218
|
-
|
|
218
|
+
T({ size: P })
|
|
219
219
|
),
|
|
220
220
|
children: [
|
|
221
221
|
"+",
|
|
222
|
-
|
|
222
|
+
h
|
|
223
223
|
]
|
|
224
224
|
}
|
|
225
225
|
) })
|
|
226
226
|
] });
|
|
227
227
|
};
|
|
228
|
-
|
|
229
|
-
const
|
|
230
|
-
|
|
231
|
-
const
|
|
228
|
+
J.displayName = "AvatarStack";
|
|
229
|
+
const K = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Root, { className: r("relative", e), ...a });
|
|
230
|
+
K.displayName = "ScrollAreaRoot";
|
|
231
|
+
const O = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
232
232
|
m.Viewport,
|
|
233
233
|
{
|
|
234
234
|
className: r("h-full overscroll-contain pr-3", e),
|
|
235
235
|
...a
|
|
236
236
|
}
|
|
237
237
|
);
|
|
238
|
-
|
|
239
|
-
const
|
|
240
|
-
|
|
241
|
-
const
|
|
238
|
+
O.displayName = "ScrollAreaViewport";
|
|
239
|
+
const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Content, { className: r("min-w-full", e), ...a });
|
|
240
|
+
Q.displayName = "ScrollAreaContent";
|
|
241
|
+
const U = ({
|
|
242
242
|
className: e,
|
|
243
243
|
orientation: a = "vertical",
|
|
244
244
|
...o
|
|
@@ -256,8 +256,8 @@ const O = ({
|
|
|
256
256
|
...o
|
|
257
257
|
}
|
|
258
258
|
);
|
|
259
|
-
|
|
260
|
-
const
|
|
259
|
+
U.displayName = "ScrollAreaScrollbar";
|
|
260
|
+
const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
261
261
|
m.Thumb,
|
|
262
262
|
{
|
|
263
263
|
className: r(
|
|
@@ -268,12 +268,47 @@ const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
268
268
|
...a
|
|
269
269
|
}
|
|
270
270
|
);
|
|
271
|
-
|
|
272
|
-
const
|
|
273
|
-
|
|
274
|
-
const
|
|
275
|
-
|
|
276
|
-
|
|
271
|
+
W.displayName = "ScrollAreaThumb";
|
|
272
|
+
const X = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Corner, { className: r("bg-muted/50", e), ...a });
|
|
273
|
+
X.displayName = "ScrollAreaCorner";
|
|
274
|
+
const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
275
|
+
A.Root,
|
|
276
|
+
{
|
|
277
|
+
className: r(
|
|
278
|
+
"relative flex h-6 w-10 rounded-full",
|
|
279
|
+
"bg-linear-to-r from-primary from-35% to-muted to-65% bg-size-[6.5rem_100%] bg-position-[100%_0%] bg-no-repeat",
|
|
280
|
+
"p-px",
|
|
281
|
+
"shadow-[inset_0_1.5px_2px] shadow-muted-foreground/20",
|
|
282
|
+
"transition-[background-position,box-shadow] duration-125 ease-[cubic-bezier(0.26,0.75,0.38,0.45)]",
|
|
283
|
+
"data-checked:bg-position-[0%_0%]",
|
|
284
|
+
"dark:from-primary/50 dark:shadow-none",
|
|
285
|
+
"dark:data-checked:bg-foreground",
|
|
286
|
+
"data-disabled:cursor-not-allowed data-disabled:opacity-70",
|
|
287
|
+
e
|
|
288
|
+
),
|
|
289
|
+
...a
|
|
290
|
+
}
|
|
291
|
+
);
|
|
292
|
+
Y.displayName = "SwitchRoot";
|
|
293
|
+
const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
294
|
+
A.Thumb,
|
|
295
|
+
{
|
|
296
|
+
className: r(
|
|
297
|
+
"aspect-square h-full rounded-full bg-background",
|
|
298
|
+
"shadow-[0_0_1px_1px,0_1px_1px,1px_2px_4px_-1px] shadow-muted-foreground/20",
|
|
299
|
+
"transition-all duration-150",
|
|
300
|
+
"data-checked:translate-x-4",
|
|
301
|
+
"dark:shadow-black/25 dark:bg-foreground dark:data-checked:bg-background",
|
|
302
|
+
"data-disabled:opacity-100",
|
|
303
|
+
e
|
|
304
|
+
),
|
|
305
|
+
...a
|
|
306
|
+
}
|
|
307
|
+
);
|
|
308
|
+
Z.displayName = "SwitchThumb";
|
|
309
|
+
const ee = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Root, { className: r("flex flex-col", e), ...a });
|
|
310
|
+
ee.displayName = "TabsRoot";
|
|
311
|
+
const ae = d(
|
|
277
312
|
["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
|
|
278
313
|
{
|
|
279
314
|
variants: {
|
|
@@ -286,15 +321,15 @@ const X = d(
|
|
|
286
321
|
orientation: "horizontal"
|
|
287
322
|
}
|
|
288
323
|
}
|
|
289
|
-
),
|
|
324
|
+
), te = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
|
|
290
325
|
f.List,
|
|
291
326
|
{
|
|
292
|
-
className: r(
|
|
327
|
+
className: r(ae({ orientation: a }), e),
|
|
293
328
|
...o
|
|
294
329
|
}
|
|
295
330
|
);
|
|
296
|
-
|
|
297
|
-
const
|
|
331
|
+
te.displayName = "TabsList";
|
|
332
|
+
const re = d(
|
|
298
333
|
[
|
|
299
334
|
"relative z-10 inline-flex items-center justify-center whitespace-nowrap",
|
|
300
335
|
"rounded-md px-3 py-1.5 text-sm font-medium",
|
|
@@ -315,9 +350,9 @@ const Z = d(
|
|
|
315
350
|
size: "default"
|
|
316
351
|
}
|
|
317
352
|
}
|
|
318
|
-
),
|
|
319
|
-
|
|
320
|
-
const
|
|
353
|
+
), oe = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(f.Tab, { className: r(re({ size: a }), e), ...o });
|
|
354
|
+
oe.displayName = "TabsTab";
|
|
355
|
+
const le = d(
|
|
321
356
|
["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
|
|
322
357
|
{
|
|
323
358
|
variants: {
|
|
@@ -330,33 +365,33 @@ const ae = d(
|
|
|
330
365
|
orientation: "horizontal"
|
|
331
366
|
}
|
|
332
367
|
}
|
|
333
|
-
),
|
|
368
|
+
), se = ({
|
|
334
369
|
className: e,
|
|
335
370
|
orientation: a = "horizontal",
|
|
336
371
|
...o
|
|
337
372
|
}) => /* @__PURE__ */ t(
|
|
338
373
|
f.Indicator,
|
|
339
374
|
{
|
|
340
|
-
className: r(
|
|
375
|
+
className: r(le({ orientation: a }), e),
|
|
341
376
|
...o
|
|
342
377
|
}
|
|
343
378
|
);
|
|
344
|
-
|
|
345
|
-
const
|
|
346
|
-
|
|
347
|
-
const
|
|
348
|
-
|
|
349
|
-
const
|
|
379
|
+
se.displayName = "TabsIndicator";
|
|
380
|
+
const ie = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
|
|
381
|
+
ie.displayName = "TabsPanel";
|
|
382
|
+
const ne = (e) => /* @__PURE__ */ t(s.Root, { ...e });
|
|
383
|
+
ne.displayName = "DialogRoot";
|
|
384
|
+
const de = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
|
|
350
385
|
s.Trigger,
|
|
351
386
|
{
|
|
352
387
|
className: r(u({ variant: a, size: o }), e),
|
|
353
388
|
...l
|
|
354
389
|
}
|
|
355
390
|
);
|
|
356
|
-
|
|
357
|
-
const
|
|
358
|
-
|
|
359
|
-
const
|
|
391
|
+
de.displayName = "DialogTrigger";
|
|
392
|
+
const ce = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
|
|
393
|
+
ce.displayName = "DialogPortal";
|
|
394
|
+
const ue = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
360
395
|
s.Backdrop,
|
|
361
396
|
{
|
|
362
397
|
className: r(
|
|
@@ -368,8 +403,8 @@ const ie = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
368
403
|
...a
|
|
369
404
|
}
|
|
370
405
|
);
|
|
371
|
-
|
|
372
|
-
const
|
|
406
|
+
ue.displayName = "DialogBackdrop";
|
|
407
|
+
const me = d(
|
|
373
408
|
[
|
|
374
409
|
"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
|
|
375
410
|
"w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
|
|
@@ -393,35 +428,35 @@ const ne = d(
|
|
|
393
428
|
size: "default"
|
|
394
429
|
}
|
|
395
430
|
}
|
|
396
|
-
),
|
|
431
|
+
), ge = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
|
|
397
432
|
s.Popup,
|
|
398
433
|
{
|
|
399
|
-
className: r(
|
|
434
|
+
className: r(me({ size: a }), e),
|
|
400
435
|
...o
|
|
401
436
|
}
|
|
402
437
|
);
|
|
403
|
-
|
|
404
|
-
const
|
|
438
|
+
ge.displayName = "DialogPopup";
|
|
439
|
+
const pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
405
440
|
s.Title,
|
|
406
441
|
{
|
|
407
442
|
className: r("text-lg font-semibold leading-none tracking-tight", e),
|
|
408
443
|
...a
|
|
409
444
|
}
|
|
410
445
|
);
|
|
411
|
-
|
|
412
|
-
const
|
|
413
|
-
|
|
414
|
-
const
|
|
446
|
+
pe.displayName = "DialogTitle";
|
|
447
|
+
const fe = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("mt-2", e), ...a });
|
|
448
|
+
fe.displayName = "DialogDescription";
|
|
449
|
+
const be = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
|
|
415
450
|
s.Close,
|
|
416
451
|
{
|
|
417
452
|
className: r(u({ variant: a ?? "outline", size: o }), e),
|
|
418
453
|
...l
|
|
419
454
|
}
|
|
420
455
|
);
|
|
421
|
-
|
|
422
|
-
const
|
|
423
|
-
|
|
424
|
-
const
|
|
456
|
+
be.displayName = "DialogClose";
|
|
457
|
+
const ye = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
|
|
458
|
+
ye.displayName = "DialogHeader";
|
|
459
|
+
const Ne = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
425
460
|
"div",
|
|
426
461
|
{
|
|
427
462
|
className: r(
|
|
@@ -431,20 +466,20 @@ const pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
431
466
|
...a
|
|
432
467
|
}
|
|
433
468
|
);
|
|
434
|
-
|
|
435
|
-
const
|
|
436
|
-
|
|
437
|
-
const
|
|
469
|
+
Ne.displayName = "DialogFooter";
|
|
470
|
+
const he = (e) => /* @__PURE__ */ t(s.Root, { ...e });
|
|
471
|
+
he.displayName = "DrawerRoot";
|
|
472
|
+
const xe = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
|
|
438
473
|
s.Trigger,
|
|
439
474
|
{
|
|
440
475
|
className: r(u({ variant: a, size: o }), e),
|
|
441
476
|
...l
|
|
442
477
|
}
|
|
443
478
|
);
|
|
444
|
-
|
|
445
|
-
const
|
|
446
|
-
|
|
447
|
-
const
|
|
479
|
+
xe.displayName = "DrawerTrigger";
|
|
480
|
+
const ve = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
|
|
481
|
+
ve.displayName = "DrawerPortal";
|
|
482
|
+
const we = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
448
483
|
s.Backdrop,
|
|
449
484
|
{
|
|
450
485
|
className: r(
|
|
@@ -456,8 +491,8 @@ const ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
456
491
|
...a
|
|
457
492
|
}
|
|
458
493
|
);
|
|
459
|
-
|
|
460
|
-
const
|
|
494
|
+
we.displayName = "DrawerBackdrop";
|
|
495
|
+
const De = d(
|
|
461
496
|
[
|
|
462
497
|
"fixed z-50 flex flex-col bg-background p-6 shadow-lg",
|
|
463
498
|
"transition-transform duration-300 ease-out",
|
|
@@ -493,51 +528,51 @@ const Ne = d(
|
|
|
493
528
|
side: "right"
|
|
494
529
|
}
|
|
495
530
|
}
|
|
496
|
-
),
|
|
531
|
+
), ke = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
|
|
497
532
|
s.Popup,
|
|
498
533
|
{
|
|
499
|
-
className: r(
|
|
534
|
+
className: r(De({ side: a }), e),
|
|
500
535
|
...o
|
|
501
536
|
}
|
|
502
537
|
);
|
|
503
|
-
|
|
504
|
-
const
|
|
538
|
+
ke.displayName = "DrawerPopup";
|
|
539
|
+
const Ae = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
505
540
|
s.Title,
|
|
506
541
|
{
|
|
507
542
|
className: r("text-lg font-semibold leading-none tracking-tight", e),
|
|
508
543
|
...a
|
|
509
544
|
}
|
|
510
545
|
);
|
|
511
|
-
|
|
512
|
-
const
|
|
513
|
-
|
|
514
|
-
const
|
|
546
|
+
Ae.displayName = "DrawerTitle";
|
|
547
|
+
const Te = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("", e), ...a });
|
|
548
|
+
Te.displayName = "DrawerDescription";
|
|
549
|
+
const ze = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
|
|
515
550
|
s.Close,
|
|
516
551
|
{
|
|
517
552
|
className: r(u({ variant: a ?? "outline", size: o }), e),
|
|
518
553
|
...l
|
|
519
554
|
}
|
|
520
555
|
);
|
|
521
|
-
|
|
522
|
-
const
|
|
523
|
-
|
|
524
|
-
const
|
|
525
|
-
|
|
526
|
-
const
|
|
527
|
-
|
|
528
|
-
const
|
|
529
|
-
|
|
530
|
-
const
|
|
556
|
+
ze.displayName = "DrawerClose";
|
|
557
|
+
const Pe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
|
|
558
|
+
Pe.displayName = "DrawerHeader";
|
|
559
|
+
const Re = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
|
|
560
|
+
Re.displayName = "DrawerContent";
|
|
561
|
+
const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
|
|
562
|
+
Ve.displayName = "DrawerFooter";
|
|
563
|
+
const Se = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Root, { className: r("w-full", e), ...a });
|
|
564
|
+
Se.displayName = "AccordionRoot";
|
|
565
|
+
const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
531
566
|
b.Item,
|
|
532
567
|
{
|
|
533
568
|
className: r("border-b border-border last:border-b-0", e),
|
|
534
569
|
...a
|
|
535
570
|
}
|
|
536
571
|
);
|
|
537
|
-
|
|
538
|
-
const
|
|
539
|
-
|
|
540
|
-
const
|
|
572
|
+
Ce.displayName = "AccordionItem";
|
|
573
|
+
const _e = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Header, { className: r("flex", e), ...a });
|
|
574
|
+
_e.displayName = "AccordionHeader";
|
|
575
|
+
const Ie = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
|
|
541
576
|
b.Trigger,
|
|
542
577
|
{
|
|
543
578
|
className: r(
|
|
@@ -548,8 +583,8 @@ const Re = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
|
|
|
548
583
|
children: a
|
|
549
584
|
}
|
|
550
585
|
);
|
|
551
|
-
|
|
552
|
-
const
|
|
586
|
+
Ie.displayName = "AccordionTrigger";
|
|
587
|
+
const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
553
588
|
b.Panel,
|
|
554
589
|
{
|
|
555
590
|
className: r(
|
|
@@ -559,24 +594,24 @@ const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
559
594
|
...a
|
|
560
595
|
}
|
|
561
596
|
);
|
|
562
|
-
|
|
563
|
-
const
|
|
564
|
-
const i = o ?? 0, [c, g] =
|
|
565
|
-
return
|
|
597
|
+
Fe.displayName = "AccordionPanel";
|
|
598
|
+
const Be = ({ className: e, animated: a, value: o, ...l }) => {
|
|
599
|
+
const i = o ?? 0, [c, g] = x.useState(a ? 0 : i);
|
|
600
|
+
return x.useEffect(() => {
|
|
566
601
|
if (a) {
|
|
567
|
-
const
|
|
568
|
-
const
|
|
602
|
+
const h = requestAnimationFrame(() => {
|
|
603
|
+
const v = requestAnimationFrame(() => {
|
|
569
604
|
g(i ?? 0);
|
|
570
605
|
});
|
|
571
|
-
return () => cancelAnimationFrame(
|
|
606
|
+
return () => cancelAnimationFrame(v);
|
|
572
607
|
});
|
|
573
|
-
return () => cancelAnimationFrame(
|
|
608
|
+
return () => cancelAnimationFrame(h);
|
|
574
609
|
} else
|
|
575
610
|
g(i ?? 0);
|
|
576
611
|
}, [a, i]), /* @__PURE__ */ t(y.Root, { className: r("w-full", e), value: c, ...l });
|
|
577
612
|
};
|
|
578
|
-
|
|
579
|
-
const
|
|
613
|
+
Be.displayName = "MeterRoot";
|
|
614
|
+
const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
580
615
|
y.Track,
|
|
581
616
|
{
|
|
582
617
|
className: r(
|
|
@@ -586,8 +621,8 @@ const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
586
621
|
...a
|
|
587
622
|
}
|
|
588
623
|
);
|
|
589
|
-
|
|
590
|
-
const
|
|
624
|
+
Me.displayName = "MeterTrack";
|
|
625
|
+
const je = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
591
626
|
y.Indicator,
|
|
592
627
|
{
|
|
593
628
|
className: r(
|
|
@@ -597,81 +632,126 @@ const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
597
632
|
...a
|
|
598
633
|
}
|
|
599
634
|
);
|
|
600
|
-
|
|
601
|
-
const
|
|
635
|
+
je.displayName = "MeterIndicator";
|
|
636
|
+
const Le = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
602
637
|
y.Value,
|
|
603
638
|
{
|
|
604
639
|
className: r("text-sm font-medium text-foreground", e),
|
|
605
640
|
...a
|
|
606
641
|
}
|
|
607
642
|
);
|
|
608
|
-
|
|
609
|
-
const
|
|
643
|
+
Le.displayName = "MeterValue";
|
|
644
|
+
const He = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
610
645
|
y.Label,
|
|
611
646
|
{
|
|
612
647
|
className: r("text-sm font-medium text-foreground", e),
|
|
613
648
|
...a
|
|
614
649
|
}
|
|
615
650
|
);
|
|
616
|
-
|
|
651
|
+
He.displayName = "MeterLabel";
|
|
652
|
+
const qe = ({ className: e, ...a }) => /* @__PURE__ */ t(N.Root, { className: r("w-full", e), ...a });
|
|
653
|
+
qe.displayName = "ProgressRoot";
|
|
654
|
+
const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
655
|
+
N.Track,
|
|
656
|
+
{
|
|
657
|
+
className: r(
|
|
658
|
+
"relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
|
|
659
|
+
e
|
|
660
|
+
),
|
|
661
|
+
...a
|
|
662
|
+
}
|
|
663
|
+
);
|
|
664
|
+
Ee.displayName = "ProgressTrack";
|
|
665
|
+
const $e = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
666
|
+
N.Indicator,
|
|
667
|
+
{
|
|
668
|
+
className: r(
|
|
669
|
+
"h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
|
|
670
|
+
e
|
|
671
|
+
),
|
|
672
|
+
...a
|
|
673
|
+
}
|
|
674
|
+
);
|
|
675
|
+
$e.displayName = "ProgressIndicator";
|
|
676
|
+
const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
677
|
+
N.Value,
|
|
678
|
+
{
|
|
679
|
+
className: r("text-sm font-medium text-foreground", e),
|
|
680
|
+
...a
|
|
681
|
+
}
|
|
682
|
+
);
|
|
683
|
+
Ge.displayName = "ProgressValue";
|
|
684
|
+
const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
685
|
+
N.Label,
|
|
686
|
+
{
|
|
687
|
+
className: r("text-sm font-medium text-foreground", e),
|
|
688
|
+
...a
|
|
689
|
+
}
|
|
690
|
+
);
|
|
691
|
+
Je.displayName = "ProgressLabel";
|
|
617
692
|
export {
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
693
|
+
_e as AccordionHeader,
|
|
694
|
+
Ce as AccordionItem,
|
|
695
|
+
Fe as AccordionPanel,
|
|
696
|
+
Se as AccordionRoot,
|
|
697
|
+
Ie as AccordionTrigger,
|
|
698
|
+
da as AlertDialog,
|
|
699
|
+
B as AlertDialogBackdrop,
|
|
700
|
+
E as AlertDialogClose,
|
|
701
|
+
q as AlertDialogDescription,
|
|
702
|
+
L as AlertDialogPopup,
|
|
628
703
|
F as AlertDialogPortal,
|
|
629
|
-
|
|
704
|
+
_ as AlertDialogRoot,
|
|
630
705
|
H as AlertDialogTitle,
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
ge as
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
706
|
+
I as AlertDialogTrigger,
|
|
707
|
+
M as AlertDialogViewport,
|
|
708
|
+
G as AvatarFallback,
|
|
709
|
+
$ as AvatarImage,
|
|
710
|
+
z as AvatarRoot,
|
|
711
|
+
J as AvatarStack,
|
|
712
|
+
C as Button,
|
|
713
|
+
ue as DialogBackdrop,
|
|
714
|
+
be as DialogClose,
|
|
715
|
+
fe as DialogDescription,
|
|
716
|
+
Ne as DialogFooter,
|
|
717
|
+
ye as DialogHeader,
|
|
718
|
+
ge as DialogPopup,
|
|
719
|
+
ce as DialogPortal,
|
|
720
|
+
ne as DialogRoot,
|
|
721
|
+
pe as DialogTitle,
|
|
722
|
+
de as DialogTrigger,
|
|
723
|
+
we as DrawerBackdrop,
|
|
724
|
+
ze as DrawerClose,
|
|
725
|
+
Re as DrawerContent,
|
|
726
|
+
Te as DrawerDescription,
|
|
727
|
+
Ve as DrawerFooter,
|
|
728
|
+
Pe as DrawerHeader,
|
|
729
|
+
ke as DrawerPopup,
|
|
730
|
+
ve as DrawerPortal,
|
|
731
|
+
he as DrawerRoot,
|
|
732
|
+
Ae as DrawerTitle,
|
|
733
|
+
xe as DrawerTrigger,
|
|
734
|
+
je as MeterIndicator,
|
|
735
|
+
He as MeterLabel,
|
|
736
|
+
Be as MeterRoot,
|
|
737
|
+
Me as MeterTrack,
|
|
738
|
+
Le as MeterValue,
|
|
739
|
+
$e as ProgressIndicator,
|
|
740
|
+
Je as ProgressLabel,
|
|
741
|
+
qe as ProgressRoot,
|
|
742
|
+
Ee as ProgressTrack,
|
|
743
|
+
Ge as ProgressValue,
|
|
744
|
+
Q as ScrollAreaContent,
|
|
745
|
+
X as ScrollAreaCorner,
|
|
746
|
+
K as ScrollAreaRoot,
|
|
747
|
+
U as ScrollAreaScrollbar,
|
|
748
|
+
W as ScrollAreaThumb,
|
|
749
|
+
O as ScrollAreaViewport,
|
|
750
|
+
Y as SwitchRoot,
|
|
751
|
+
Z as SwitchThumb,
|
|
752
|
+
se as TabsIndicator,
|
|
753
|
+
te as TabsList,
|
|
754
|
+
ie as TabsPanel,
|
|
755
|
+
ee as TabsRoot,
|
|
756
|
+
oe as TabsTab
|
|
677
757
|
};
|
package/dist/styles/default.css
CHANGED
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
|
|
79
79
|
@layer base {
|
|
80
80
|
* {
|
|
81
|
-
@apply focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-disabled:pointer-events-none data-disabled:opacity-
|
|
81
|
+
@apply focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-disabled:pointer-events-none data-disabled:opacity-70;
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
|