@coston/ui 0.2.3 → 0.3.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 +1 -0
- package/dist/{button-BmzPmFEA.d.ts → button-DcAXgJJw.d.ts} +2 -2
- package/dist/{button-BmzPmFEA.d.ts.map → button-DcAXgJJw.d.ts.map} +1 -1
- package/dist/components/badge.d.ts +2 -2
- package/dist/components/breadcrumb.d.ts +3 -3
- package/dist/components/button.d.ts +1 -1
- package/dist/components/calendar.d.ts +2 -2
- package/dist/components/calendar.d.ts.map +1 -1
- package/dist/components/carousel.d.ts +1 -1
- package/dist/components/command.d.ts +15 -15
- package/dist/components/command.d.ts.map +1 -1
- package/dist/components/context-menu.d.ts +2 -2
- package/dist/components/dialog.d.ts +3 -3
- package/dist/components/drawer.d.ts +4 -4
- package/dist/components/dropdown-menu.d.ts +2 -2
- package/dist/components/label.d.ts +2 -2
- package/dist/components/menubar.d.ts +3 -3
- package/dist/components/native-select.d.ts +13 -0
- package/dist/components/native-select.d.ts.map +1 -0
- package/dist/components/native-select.js +31 -0
- package/dist/components/native-select.js.map +1 -0
- package/dist/components/navigation-menu.d.ts +2 -2
- package/dist/components/pagination.d.ts +1 -1
- package/dist/components/resizable.d.ts +3 -3
- package/dist/components/resizable.d.ts.map +1 -1
- package/dist/components/sheet.d.ts +3 -3
- package/dist/components/sidebar.d.ts +1 -1
- package/dist/components/sidebar.js +1 -1
- package/dist/components/sidebar.js.map +1 -1
- package/dist/components/skeleton.d.ts +2 -2
- package/dist/components/sonner.d.ts +2 -2
- package/dist/components/toggle-group.d.ts +3 -3
- package/dist/components/toggle.d.ts +3 -3
- package/llms.txt +4 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -118,6 +118,7 @@ Install only what you use.
|
|
|
118
118
|
| Input | `@coston/ui/input` |
|
|
119
119
|
| Label | `@coston/ui/label` |
|
|
120
120
|
| Menubar | `@coston/ui/menubar` |
|
|
121
|
+
| Native Select | `@coston/ui/native-select` |
|
|
121
122
|
| Navigation Menu | `@coston/ui/navigation-menu` |
|
|
122
123
|
| Pagination | `@coston/ui/pagination` |
|
|
123
124
|
| Popover | `@coston/ui/popover` |
|
|
@@ -4,7 +4,7 @@ import * as class_variance_authority_types1 from "class-variance-authority/types
|
|
|
4
4
|
|
|
5
5
|
//#region src/components/button.d.ts
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
7
|
-
variant?: "
|
|
7
|
+
variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
8
8
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
9
9
|
} & class_variance_authority_types1.ClassProp) | undefined) => string;
|
|
10
10
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
@@ -13,4 +13,4 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
|
|
|
13
13
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Button as Button$1, ButtonProps, buttonVariants as buttonVariants$1 };
|
|
16
|
-
//# sourceMappingURL=button-
|
|
16
|
+
//# sourceMappingURL=button-DcAXgJJw.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-
|
|
1
|
+
{"version":3,"file":"button-DcAXgJJw.d.ts","names":[],"sources":["../src/components/button.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM,sBAwBL;;;AA5BiE,CAAA,GA4BjE,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEgB,UAAA,WAAA,SACP,KAAA,CAAM,oBAAd,CAAmC,iBAAnC,CAAA,EAAuD,YAAvD,CAAA,OAA2E,cAA3E,CAAA,CAAA;EAAA,OAAA,CAAA,EAAA,OAAA;;cAII,MAJuE,EAIjE,KAAA,CAAA,yBAJiE,CAIjE,WAJiE,GAIjE,KAAA,CAAA,aAJiE,CAIjE,iBAJiE,CAAA,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime6 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
5
|
|
|
@@ -12,7 +12,7 @@ declare function Badge({
|
|
|
12
12
|
className,
|
|
13
13
|
variant,
|
|
14
14
|
...props
|
|
15
|
-
}: BadgeProps):
|
|
15
|
+
}: BadgeProps): react_jsx_runtime6.JSX.Element;
|
|
16
16
|
//#endregion
|
|
17
17
|
export { Badge, BadgeProps, badgeVariants };
|
|
18
18
|
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime7 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/breadcrumb.d.ts
|
|
5
5
|
declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
@@ -16,14 +16,14 @@ declare const BreadcrumbSeparator: {
|
|
|
16
16
|
children,
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: React.ComponentProps<"li">):
|
|
19
|
+
}: React.ComponentProps<"li">): react_jsx_runtime7.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
declare const BreadcrumbEllipsis: {
|
|
23
23
|
({
|
|
24
24
|
className,
|
|
25
25
|
...props
|
|
26
|
-
}: React.ComponentProps<"span">):
|
|
26
|
+
}: React.ComponentProps<"span">): react_jsx_runtime7.JSX.Element;
|
|
27
27
|
displayName: string;
|
|
28
28
|
};
|
|
29
29
|
//#endregion
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Button$1 as Button, ButtonProps, buttonVariants$1 as buttonVariants } from "../button-
|
|
1
|
+
import { Button$1 as Button, ButtonProps, buttonVariants$1 as buttonVariants } from "../button-DcAXgJJw.js";
|
|
2
2
|
export { Button, ButtonProps, buttonVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
3
3
|
import { DayPicker } from "react-day-picker";
|
|
4
4
|
|
|
5
5
|
//#region src/components/calendar.d.ts
|
|
@@ -8,7 +8,7 @@ declare function Calendar({
|
|
|
8
8
|
className,
|
|
9
9
|
classNames,
|
|
10
10
|
...props
|
|
11
|
-
}: CalendarProps):
|
|
11
|
+
}: CalendarProps): react_jsx_runtime9.JSX.Element;
|
|
12
12
|
declare namespace Calendar {
|
|
13
13
|
var displayName: string;
|
|
14
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../src/components/calendar.tsx"],"sourcesContent":[],"mappings":";;;;;KAMY,aAAA,GAAgB,KAAA,CAAM,sBAAsB;iBAE/C,QAAA;;;;GAA8C,gBAAa,
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../src/components/calendar.tsx"],"sourcesContent":[],"mappings":";;;;;KAMY,aAAA,GAAgB,KAAA,CAAM,sBAAsB;iBAE/C,QAAA;;;;GAA8C,gBAAa,kBAAA,CAAA,GAAA,CAAA;kBAA3D,QAAA;EAFG,IAAA,WAAA,EAAa,MAAA"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime12 from "react/jsx-runtime";
|
|
3
3
|
import { DialogProps } from "@radix-ui/react-dialog";
|
|
4
4
|
|
|
5
5
|
//#region src/components/command.d.ts
|
|
6
6
|
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
7
7
|
children?: React.ReactNode;
|
|
8
|
-
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
8
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
} & {
|
|
11
11
|
asChild?: boolean;
|
|
12
|
-
},
|
|
12
|
+
}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
|
|
13
13
|
label?: string;
|
|
14
14
|
shouldFilter?: boolean;
|
|
15
15
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -23,7 +23,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
|
23
23
|
declare const CommandDialog: ({
|
|
24
24
|
children,
|
|
25
25
|
...props
|
|
26
|
-
}: DialogProps) =>
|
|
26
|
+
}: DialogProps) => react_jsx_runtime12.JSX.Element;
|
|
27
27
|
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
28
28
|
ref?: React.Ref<HTMLInputElement>;
|
|
29
29
|
} & {
|
|
@@ -34,45 +34,45 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
|
|
|
34
34
|
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
35
35
|
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
36
36
|
children?: React.ReactNode;
|
|
37
|
-
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
37
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
|
|
38
38
|
ref?: React.Ref<HTMLDivElement>;
|
|
39
39
|
} & {
|
|
40
40
|
asChild?: boolean;
|
|
41
|
-
},
|
|
41
|
+
}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
|
|
42
42
|
label?: string;
|
|
43
43
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
44
44
|
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
45
45
|
children?: React.ReactNode;
|
|
46
|
-
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
46
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
|
|
47
47
|
ref?: React.Ref<HTMLDivElement>;
|
|
48
48
|
} & {
|
|
49
49
|
asChild?: boolean;
|
|
50
|
-
},
|
|
50
|
+
}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
51
51
|
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
52
52
|
children?: React.ReactNode;
|
|
53
|
-
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
53
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
|
|
54
54
|
ref?: React.Ref<HTMLDivElement>;
|
|
55
55
|
} & {
|
|
56
56
|
asChild?: boolean;
|
|
57
|
-
},
|
|
57
|
+
}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "heading"> & {
|
|
58
58
|
heading?: React.ReactNode;
|
|
59
59
|
value?: string;
|
|
60
60
|
forceMount?: boolean;
|
|
61
61
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
62
|
-
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
62
|
+
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
|
|
63
63
|
ref?: React.Ref<HTMLDivElement>;
|
|
64
64
|
} & {
|
|
65
65
|
asChild?: boolean;
|
|
66
|
-
},
|
|
66
|
+
}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
|
|
67
67
|
alwaysRender?: boolean;
|
|
68
68
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
69
69
|
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
70
70
|
children?: React.ReactNode;
|
|
71
|
-
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
71
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
|
|
72
72
|
ref?: React.Ref<HTMLDivElement>;
|
|
73
73
|
} & {
|
|
74
74
|
asChild?: boolean;
|
|
75
|
-
},
|
|
75
|
+
}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
76
76
|
disabled?: boolean;
|
|
77
77
|
onSelect?: (value: string) => void;
|
|
78
78
|
value?: string;
|
|
@@ -83,7 +83,7 @@ declare const CommandShortcut: {
|
|
|
83
83
|
({
|
|
84
84
|
className,
|
|
85
85
|
...props
|
|
86
|
-
}: React.HTMLAttributes<HTMLSpanElement>):
|
|
86
|
+
}: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime12.JSX.Element;
|
|
87
87
|
displayName: string;
|
|
88
88
|
};
|
|
89
89
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command.d.ts","names":[],"sources":["../../src/components/command.tsx"],"sourcesContent":[],"mappings":";;;;;cAQM,SAAO,KAAA,CAAA,0BAAA;aAYX,KAAA,CAAA;;EAZI,GAAA,CAAA,WAYJ,eAAA,CAAA;CAAA,GAAA;EAAA,OAAA,CAAA,EAAA,OAAA;;;;;;;;;;;sEAZW;cAeP;;;GAAyC,gBAAW,mBAAA,CAAA,GAAA,CAAA;cAYpD,cAAY,KAAA,CAAA,0BAAA,KAAA,KAAA,KAAA,KAAA,KAAA,CAAA,kBAAA,KAAA,CAAA,oBAAA,mBAAA,iCAAA,KAAA,CAAA,oBAAA;kBAAA;;EA3BL,OAAA,CAAA,EAAA,OAAA;;OAAA,CAAA,EAAA,MAAA;EAAA,aAAA,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;AAAA,CAAA,sBAyBZ,CAEiB,gBAFjB,CAAA,EAAA,KAAA,CAAA,sBAAA,CAEiB,gBAFjB,CAAA,CAAA;cAoBK,WApBL,EAoBgB,KAAA,CAAA,yBApBhB,CAoBgB,IApBhB,CAAA;EAAA,QAVsB,CAAA,EAuCrB,KAAA,CAAA,SAvCqB;CAAA,OAAwB,KAAA,wBAAA,qBAAA,eAAA,CAAA,gBAAA,CAAA,EAAA,
|
|
1
|
+
{"version":3,"file":"command.d.ts","names":[],"sources":["../../src/components/command.tsx"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime16 from "react/jsx-runtime";
|
|
3
3
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
4
4
|
|
|
5
5
|
//#region src/components/context-menu.d.ts
|
|
@@ -27,7 +27,7 @@ declare const ContextMenuShortcut: {
|
|
|
27
27
|
({
|
|
28
28
|
className,
|
|
29
29
|
...props
|
|
30
|
-
}: React.HTMLAttributes<HTMLSpanElement>):
|
|
30
|
+
}: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime16.JSX.Element;
|
|
31
31
|
displayName: string;
|
|
32
32
|
};
|
|
33
33
|
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime17 from "react/jsx-runtime";
|
|
3
3
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
4
4
|
|
|
5
5
|
//#region src/components/dialog.d.ts
|
|
@@ -13,14 +13,14 @@ declare const DialogHeader: {
|
|
|
13
13
|
({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}: React.HTMLAttributes<HTMLDivElement>):
|
|
16
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime17.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
declare const DialogFooter: {
|
|
20
20
|
({
|
|
21
21
|
className,
|
|
22
22
|
...props
|
|
23
|
-
}: React.HTMLAttributes<HTMLDivElement>):
|
|
23
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime17.JSX.Element;
|
|
24
24
|
displayName: string;
|
|
25
25
|
};
|
|
26
26
|
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime20 from "react/jsx-runtime";
|
|
3
3
|
import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
|
|
4
4
|
import * as vaul0 from "vaul";
|
|
5
5
|
import { Drawer as Drawer$1 } from "vaul";
|
|
@@ -9,7 +9,7 @@ declare const Drawer: {
|
|
|
9
9
|
({
|
|
10
10
|
shouldScaleBackground,
|
|
11
11
|
...props
|
|
12
|
-
}: React.ComponentProps<typeof Drawer$1.Root>):
|
|
12
|
+
}: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime20.JSX.Element;
|
|
13
13
|
displayName: string;
|
|
14
14
|
};
|
|
15
15
|
declare const DrawerTrigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -21,14 +21,14 @@ declare const DrawerHeader: {
|
|
|
21
21
|
({
|
|
22
22
|
className,
|
|
23
23
|
...props
|
|
24
|
-
}: React.HTMLAttributes<HTMLDivElement>):
|
|
24
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime20.JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
declare const DrawerFooter: {
|
|
28
28
|
({
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React.HTMLAttributes<HTMLDivElement>):
|
|
31
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime20.JSX.Element;
|
|
32
32
|
displayName: string;
|
|
33
33
|
};
|
|
34
34
|
declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog0.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime23 from "react/jsx-runtime";
|
|
3
3
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
4
4
|
|
|
5
5
|
//#region src/components/dropdown-menu.d.ts
|
|
@@ -27,7 +27,7 @@ declare const DropdownMenuShortcut: {
|
|
|
27
27
|
({
|
|
28
28
|
className,
|
|
29
29
|
...props
|
|
30
|
-
}: React.HTMLAttributes<HTMLSpanElement>):
|
|
30
|
+
}: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime23.JSX.Element;
|
|
31
31
|
displayName: string;
|
|
32
32
|
};
|
|
33
33
|
//#endregion
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
3
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types3 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region src/components/label.d.ts
|
|
7
|
-
declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?:
|
|
7
|
+
declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types3.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
8
8
|
//#endregion
|
|
9
9
|
export { Label };
|
|
10
10
|
//# sourceMappingURL=label.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime25 from "react/jsx-runtime";
|
|
3
3
|
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
4
4
|
import * as _radix_ui_react_context0 from "@radix-ui/react-context";
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ import * as _radix_ui_react_context0 from "@radix-ui/react-context";
|
|
|
7
7
|
declare const MenubarMenu: {
|
|
8
8
|
(props: MenubarPrimitive.MenubarMenuProps & {
|
|
9
9
|
__scopeMenubar?: _radix_ui_react_context0.Scope;
|
|
10
|
-
}):
|
|
10
|
+
}): react_jsx_runtime25.JSX.Element;
|
|
11
11
|
displayName: string;
|
|
12
12
|
};
|
|
13
13
|
declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -34,7 +34,7 @@ declare const MenubarShortcut: {
|
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: React.HTMLAttributes<HTMLSpanElement>):
|
|
37
|
+
}: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime25.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
//#endregion
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { VariantProps } from "class-variance-authority";
|
|
3
|
+
import * as class_variance_authority_types4 from "class-variance-authority/types";
|
|
4
|
+
|
|
5
|
+
//#region src/components/native-select.d.ts
|
|
6
|
+
declare const nativeSelectVariants: (props?: ({
|
|
7
|
+
size?: "default" | "sm" | null | undefined;
|
|
8
|
+
} & class_variance_authority_types4.ClassProp) | undefined) => string;
|
|
9
|
+
interface NativeSelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'>, VariantProps<typeof nativeSelectVariants> {}
|
|
10
|
+
declare const NativeSelect: React.ForwardRefExoticComponent<NativeSelectProps & React.RefAttributes<HTMLSelectElement>>;
|
|
11
|
+
//#endregion
|
|
12
|
+
export { NativeSelect, NativeSelectProps, nativeSelectVariants };
|
|
13
|
+
//# sourceMappingURL=native-select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"native-select.d.ts","names":[],"sources":["../../src/components/native-select.tsx"],"sourcesContent":[],"mappings":";;;;;cAaM;;IAaL,+BAAA,CAAA;AAbK,UAeW,iBAAA,SAEb,IAJH,CAIQ,KAAA,CAAM,oBAJd,CAImC,iBAJnC,CAAA,EAAA,MAAA,CAAA,EAKG,YALH,CAAA,OAKuB,oBALvB,CAAA,CAAA,CAED;cAOM,YANJ,EAMgB,KAAA,CAAA,yBANhB,CAMgB,iBANhB,GAMgB,KAAA,CAAA,aANhB,CAMgB,iBANhB,CAAA,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { cn } from "../utils-CyPJ3VV3.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { ChevronDown } from "lucide-react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { cva } from "class-variance-authority";
|
|
6
|
+
|
|
7
|
+
//#region src/components/native-select.tsx
|
|
8
|
+
const nativeSelectVariants = cva("w-full appearance-none rounded-md border border-input bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", {
|
|
9
|
+
variants: { size: {
|
|
10
|
+
default: "h-10 pl-3 pr-8 text-sm",
|
|
11
|
+
sm: "h-8 pl-2.5 pr-7 text-xs"
|
|
12
|
+
} },
|
|
13
|
+
defaultVariants: { size: "default" }
|
|
14
|
+
});
|
|
15
|
+
const NativeSelect = React.forwardRef(({ className, size, children,...props }, ref) => /* @__PURE__ */ jsxs("div", {
|
|
16
|
+
className: cn("relative w-full", className),
|
|
17
|
+
children: [/* @__PURE__ */ jsx("select", {
|
|
18
|
+
ref,
|
|
19
|
+
className: nativeSelectVariants({ size }),
|
|
20
|
+
...props,
|
|
21
|
+
children
|
|
22
|
+
}), /* @__PURE__ */ jsx(ChevronDown, {
|
|
23
|
+
"aria-hidden": "true",
|
|
24
|
+
className: cn("pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 opacity-50", size === "sm" ? "h-3.5 w-3.5" : "h-4 w-4")
|
|
25
|
+
})]
|
|
26
|
+
}));
|
|
27
|
+
NativeSelect.displayName = "NativeSelect";
|
|
28
|
+
|
|
29
|
+
//#endregion
|
|
30
|
+
export { NativeSelect, nativeSelectVariants };
|
|
31
|
+
//# sourceMappingURL=native-select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"native-select.js","names":[],"sources":["../../src/components/native-select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\n\nimport { cn } from '../lib/utils';\n\n// A styled wrapper around the platform `<select>`. Unlike the Radix-based\n// `Select`, this submits its value through native form submission (no client\n// JS, no controlled state), which makes it the right fit for server-action\n// forms and simple value pickers. Reach for `Select` when you need rich,\n// custom-rendered options. Height/text come from the `size` variant — never\n// add vertical padding, the control centers its text natively, so a fixed\n// `py-*` clips the label at smaller heights.\nconst nativeSelectVariants = cva(\n 'w-full appearance-none rounded-md border border-input bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n {\n variants: {\n size: {\n default: 'h-10 pl-3 pr-8 text-sm',\n sm: 'h-8 pl-2.5 pr-7 text-xs',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport interface NativeSelectProps\n extends\n Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'>,\n VariantProps<typeof nativeSelectVariants> {}\n\n// `className` targets the wrapper (layout/width/margins) so the chevron always\n// aligns to the control's edge; `size` styles the select itself.\nconst NativeSelect = React.forwardRef<HTMLSelectElement, NativeSelectProps>(\n ({ className, size, children, ...props }, ref) => (\n <div className={cn('relative w-full', className)}>\n <select ref={ref} className={nativeSelectVariants({ size })} {...props}>\n {children}\n </select>\n <ChevronDown\n aria-hidden=\"true\"\n className={cn(\n 'pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 opacity-50',\n size === 'sm' ? 'h-3.5 w-3.5' : 'h-4 w-4'\n )}\n />\n </div>\n )\n);\nNativeSelect.displayName = 'NativeSelect';\n\nexport { NativeSelect, nativeSelectVariants };\n"],"mappings":";;;;;;;AAaA,MAAM,uBAAuB,IAC3B,oQACA;CACE,UAAU,EACR,MAAM;EACJ,SAAS;EACT,IAAI;CACL,EACF;CACD,iBAAiB,EACf,MAAM,UACP;AACF,EACF;AASD,MAAM,eAAe,MAAM,WACzB,CAAC,EAAE,WAAW,MAAM,SAAU,GAAG,OAAO,EAAE,wBACxC,KAAC;CAAI,WAAW,GAAG,mBAAmB,UAAU;4BAC9C,IAAC;EAAY;EAAK,WAAW,qBAAqB,EAAE,KAAM,EAAC;EAAE,GAAI;EAC9D;GACM,kBACT,IAAC;EACC,eAAY;EACZ,WAAW,GACT,4EACA,SAAS,OAAO,gBAAgB,UACjC;GACD;EACE,CAET;AACD,aAAa,cAAc"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
3
|
-
import * as
|
|
3
|
+
import * as class_variance_authority_types7 from "class-variance-authority/types";
|
|
4
4
|
|
|
5
5
|
//#region src/components/navigation-menu.d.ts
|
|
6
6
|
declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
7
7
|
declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
8
8
|
declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
9
|
-
declare const navigationMenuTriggerStyle: (props?:
|
|
9
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types7.ClassProp | undefined) => string;
|
|
10
10
|
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
11
|
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
12
|
declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime10 from "react/jsx-runtime";
|
|
3
3
|
import { Group, Panel, Separator } from "react-resizable-panels";
|
|
4
4
|
|
|
5
5
|
//#region src/components/resizable.d.ts
|
|
6
6
|
declare const ResizablePanelGroup: ({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof Group>) =>
|
|
9
|
+
}: React.ComponentProps<typeof Group>) => react_jsx_runtime10.JSX.Element;
|
|
10
10
|
declare const ResizablePanel: typeof Panel;
|
|
11
11
|
declare const ResizableHandle: ({
|
|
12
12
|
withHandle,
|
|
@@ -14,7 +14,7 @@ declare const ResizableHandle: ({
|
|
|
14
14
|
...props
|
|
15
15
|
}: React.ComponentProps<typeof Separator> & {
|
|
16
16
|
withHandle?: boolean;
|
|
17
|
-
}) =>
|
|
17
|
+
}) => react_jsx_runtime10.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
|
|
20
20
|
//# sourceMappingURL=resizable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizable.d.ts","names":[],"sources":["../../src/components/resizable.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM;;;GAAgD,KAAA,CAAM,sBAAsB,WAAM,
|
|
1
|
+
{"version":3,"file":"resizable.d.ts","names":[],"sources":["../../src/components/resizable.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM;;;GAAgD,KAAA,CAAM,sBAAsB,WAAM,mBAAA,CAAA,GAAA,CAAA;cAOlF,uBAAc;cAEd;;;;GAIH,KAAA,CAAM,sBAAsB;EAbzB,UAAA,CAAA,EAAA,OAAA;CAKL,EAAA,GAUA,mBAAA,CAAA,GAAA,CAAA,OAVA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime14 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
5
5
|
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
@@ -19,14 +19,14 @@ declare const SheetHeader: {
|
|
|
19
19
|
({
|
|
20
20
|
className,
|
|
21
21
|
...props
|
|
22
|
-
}: React.HTMLAttributes<HTMLDivElement>):
|
|
22
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime14.JSX.Element;
|
|
23
23
|
displayName: string;
|
|
24
24
|
};
|
|
25
25
|
declare const SheetFooter: {
|
|
26
26
|
({
|
|
27
27
|
className,
|
|
28
28
|
...props
|
|
29
|
-
}: React.HTMLAttributes<HTMLDivElement>):
|
|
29
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime14.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
32
|
declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonProps } from "../button-
|
|
1
|
+
import { ButtonProps } from "../button-DcAXgJJw.js";
|
|
2
2
|
import { TooltipContent$1 as TooltipContent } from "../tooltip-DPcgBDyX.js";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
|
|
@@ -101,7 +101,7 @@ const Sidebar = React.forwardRef(({ side = "left", variant = "sidebar", collapsi
|
|
|
101
101
|
ref,
|
|
102
102
|
"data-variant": variant,
|
|
103
103
|
style: { width: "var(--sidebar-width)" },
|
|
104
|
-
className: cn("fixed inset-y-0 z-50 flex h-svh flex-col bg-sidebar text-sidebar-foreground transition-transform duration-200", side === "left" ? "left-0" : "right-0", openMobile ? "translate-x-0" : side === "left" ? "-translate-x-full" : "translate-x-full", className),
|
|
104
|
+
className: cn("fixed inset-y-0 z-50 flex h-svh flex-col bg-sidebar text-sidebar-foreground transition-transform duration-200", side === "left" ? "left-0 border-r border-border" : "right-0 border-l border-border", openMobile ? "translate-x-0" : side === "left" ? "-translate-x-full" : "translate-x-full", className),
|
|
105
105
|
...props,
|
|
106
106
|
children
|
|
107
107
|
})] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.js","names":["value: boolean | ((value: boolean) => boolean)","open","event: KeyboardEvent"],"sources":["../../src/components/sidebar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { PanelLeft } from 'lucide-react';\nimport { cn } from '../lib/utils';\nimport { Button } from './button';\nimport { Separator } from './separator';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip';\nimport { useIsMobile } from '../hooks/use-mobile';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_WIDTH = '16rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\ntype SidebarContext = {\n state: 'expanded' | 'collapsed';\n open: boolean;\n setOpen: (open: boolean) => void;\n openMobile: boolean;\n setOpenMobile: (open: boolean) => void;\n isMobile: boolean;\n toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContext | null>(null);\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext);\n if (!context) {\n throw new Error('useSidebar must be used within a SidebarProvider.');\n }\n return context;\n}\n\nconst SidebarProvider = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<'div'> & {\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n }\n>(\n (\n {\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n className,\n style,\n children,\n ...props\n },\n ref\n ) => {\n const isMobile = useIsMobile();\n const [openMobile, setOpenMobile] = React.useState(false);\n\n const [_open, _setOpen] = React.useState(defaultOpen);\n const open = openProp ?? _open;\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === 'function' ? value(open) : value;\n if (setOpenProp) {\n setOpenProp(openState);\n } else {\n _setOpen(openState);\n }\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${60 * 60 * 24 * 7}`;\n },\n [setOpenProp, open]\n );\n\n const toggleSidebar = React.useCallback(() => {\n return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n }, [isMobile, setOpen, setOpenMobile]);\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n event.preventDefault();\n toggleSidebar();\n }\n };\n window.addEventListener('keydown', handleKeyDown);\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, [toggleSidebar]);\n\n const state = open ? 'expanded' : 'collapsed';\n\n const contextValue = React.useMemo<SidebarContext>(\n () => ({ state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar }),\n [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n );\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <TooltipProvider delayDuration={0}>\n <div\n ref={ref}\n style={\n {\n '--sidebar-width': SIDEBAR_WIDTH,\n '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n 'group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar',\n className\n )}\n data-collapsible={state === 'collapsed' ? 'icon' : ''}\n {...props}\n >\n {children}\n </div>\n </TooltipProvider>\n </SidebarContext.Provider>\n );\n }\n);\nSidebarProvider.displayName = 'SidebarProvider';\n\nconst Sidebar = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<'div'> & {\n side?: 'left' | 'right';\n variant?: 'sidebar' | 'floating' | 'inset';\n collapsible?: 'offcanvas' | 'icon' | 'none';\n }\n>(\n (\n {\n side = 'left',\n variant = 'sidebar',\n collapsible = 'offcanvas',\n className,\n children,\n ...props\n },\n ref\n ) => {\n const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n if (collapsible === 'none') {\n return (\n <div\n className={cn('flex h-full flex-col bg-sidebar text-sidebar-foreground', className)}\n style={{ width: 'var(--sidebar-width)' }}\n ref={ref}\n {...props}\n >\n {children}\n </div>\n );\n }\n\n if (isMobile) {\n return (\n <>\n {openMobile && (\n <div className=\"fixed inset-0 z-50 bg-black/50\" onClick={() => setOpenMobile(false)} />\n )}\n <div\n ref={ref}\n data-variant={variant}\n style={{ width: 'var(--sidebar-width)' }}\n className={cn(\n 'fixed inset-y-0 z-50 flex h-svh flex-col bg-sidebar text-sidebar-foreground transition-transform duration-200',\n side === 'left' ? 'left-0' : 'right-0',\n openMobile\n ? 'translate-x-0'\n : side === 'left'\n ? '-translate-x-full'\n : 'translate-x-full',\n className\n )}\n {...props}\n >\n {children}\n </div>\n </>\n );\n }\n\n return (\n <div\n ref={ref}\n className=\"group peer hidden md:block text-sidebar-foreground\"\n data-state={state}\n data-collapsible={state === 'collapsed' ? collapsible : ''}\n data-variant={variant}\n data-side={side}\n >\n {/* Gap on side to keep layout */}\n <div\n style={{ width: 'var(--sidebar-width)' }}\n className={cn(\n 'relative h-svh bg-transparent transition-[width] duration-200 ease-linear',\n 'group-data-[collapsible=offcanvas]:!w-0',\n 'group-data-[side=right]:rotate-180'\n )}\n />\n <div\n style={{ width: 'var(--sidebar-width)' }}\n className={cn(\n 'fixed inset-y-0 z-10 hidden h-svh transition-[left,right,width] duration-200 ease-linear md:flex',\n 'group-data-[collapsible=offcanvas]:!w-0',\n side === 'left'\n ? 'left-0 group-data-[collapsible=offcanvas]:-left-[var(--sidebar-width)]'\n : 'right-0 group-data-[collapsible=offcanvas]:-right-[var(--sidebar-width)]',\n variant === 'floating' || variant === 'inset'\n ? 'p-2'\n : 'group-data-[side=left]:border-r group-data-[side=right]:border-l border-border',\n className\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n className=\"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n >\n {children}\n </div>\n </div>\n </div>\n );\n }\n);\nSidebar.displayName = 'Sidebar';\n\nconst SidebarTrigger = React.forwardRef<\n React.ComponentRef<typeof Button>,\n React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n const { toggleSidebar } = useSidebar();\n\n return (\n <Button\n ref={ref}\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn('h-6 w-6 text-muted-foreground', className)}\n onClick={event => {\n onClick?.(event);\n toggleSidebar();\n }}\n {...props}\n >\n <PanelLeft className=\"h-4 w-4\" />\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n );\n});\nSidebarTrigger.displayName = 'SidebarTrigger';\n\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<'main'>>(\n ({ className, ...props }, ref) => {\n return (\n <main\n ref={ref}\n className={cn(\n 'relative flex min-h-svh flex-1 flex-col bg-background',\n 'peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow md:peer-data-[variant=inset]:border md:peer-data-[variant=inset]:border-sidebar-border',\n className\n )}\n {...props}\n />\n );\n }\n);\nSidebarInset.displayName = 'SidebarInset';\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"header\"\n className={cn('flex flex-col gap-2 p-2', className)}\n {...props}\n />\n )\n);\nSidebarHeader.displayName = 'SidebarHeader';\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"footer\"\n className={cn('flex flex-col gap-2 p-2', className)}\n {...props}\n />\n )\n);\nSidebarFooter.displayName = 'SidebarFooter';\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"content\"\n className={cn(\n 'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n className\n )}\n {...props}\n />\n )\n);\nSidebarContent.displayName = 'SidebarContent';\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"group\"\n className={cn('relative flex w-full min-w-0 flex-col p-2', className)}\n {...props}\n />\n )\n);\nSidebarGroup.displayName = 'SidebarGroup';\n\nconst SidebarGroupLabel = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<'div'> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'div';\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-label\"\n className={cn(\n 'flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n 'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\n className\n )}\n {...props}\n />\n );\n});\nSidebarGroupLabel.displayName = 'SidebarGroupLabel';\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"group-content\"\n className={cn('w-full text-sm', className)}\n {...props}\n />\n )\n);\nSidebarGroupContent.displayName = 'SidebarGroupContent';\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n ({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu\"\n className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n {...props}\n />\n )\n);\nSidebarMenu.displayName = 'SidebarMenu';\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n ({ className, ...props }, ref) => (\n <li\n ref={ref}\n data-sidebar=\"menu-item\"\n className={cn('group/menu-item relative', className)}\n {...props}\n />\n )\n);\nSidebarMenuItem.displayName = 'SidebarMenuItem';\n\nconst sidebarMenuButtonVariants = {\n default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n outline:\n 'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n};\n\nconst SidebarMenuButton = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<'button'> & {\n asChild?: boolean;\n isActive?: boolean;\n variant?: 'default' | 'outline';\n tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n size?: 'default' | 'sm' | 'lg';\n }\n>(\n (\n {\n asChild = false,\n isActive = false,\n variant = 'default',\n size = 'default',\n tooltip,\n className,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : 'button';\n const { isMobile, state } = useSidebar();\n\n const button = (\n <Comp\n ref={ref}\n data-sidebar=\"menu-button\"\n data-size={size}\n data-active={isActive}\n data-slot=\"sidebar-menu-button\"\n className={cn(\n 'peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-primary data-[active=true]:font-medium data-[active=true]:text-sidebar-primary-foreground data-[active=true]:hover:bg-sidebar-primary/90 data-[active=true]:hover:text-sidebar-primary-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n size === 'sm' && 'text-xs',\n size === 'lg' &&\n 'group-data-[collapsible=icon]:!p-0 data-[size=lg]:h-12 data-[size=lg]:text-sm',\n sidebarMenuButtonVariants[variant],\n className\n )}\n {...props}\n />\n );\n\n if (!tooltip) return button;\n\n const tooltipProps = typeof tooltip === 'string' ? { children: tooltip } : tooltip;\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== 'collapsed' || isMobile}\n {...tooltipProps}\n />\n </Tooltip>\n );\n }\n);\nSidebarMenuButton.displayName = 'SidebarMenuButton';\n\nconst SidebarMenuAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<'button'> & {\n asChild?: boolean;\n showOnHover?: boolean;\n }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button';\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-action\"\n className={cn(\n 'absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0',\n 'after:absolute after:-inset-2 after:md:hidden',\n 'group-data-[collapsible=icon]:hidden',\n showOnHover &&\n 'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0',\n className\n )}\n {...props}\n />\n );\n});\nSidebarMenuAction.displayName = 'SidebarMenuAction';\n\nconst SidebarSeparator = React.forwardRef<\n React.ComponentRef<typeof Separator>,\n React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => (\n <Separator\n ref={ref}\n data-sidebar=\"separator\"\n className={cn('mx-2 w-auto bg-sidebar-border', className)}\n {...props}\n />\n));\nSidebarSeparator.displayName = 'SidebarSeparator';\n\nexport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarProvider,\n SidebarSeparator,\n SidebarTrigger,\n useSidebar,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sidebar.js","names":["value: boolean | ((value: boolean) => boolean)","open","event: KeyboardEvent"],"sources":["../../src/components/sidebar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { PanelLeft } from 'lucide-react';\nimport { cn } from '../lib/utils';\nimport { Button } from './button';\nimport { Separator } from './separator';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip';\nimport { useIsMobile } from '../hooks/use-mobile';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_WIDTH = '16rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\ntype SidebarContext = {\n state: 'expanded' | 'collapsed';\n open: boolean;\n setOpen: (open: boolean) => void;\n openMobile: boolean;\n setOpenMobile: (open: boolean) => void;\n isMobile: boolean;\n toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContext | null>(null);\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext);\n if (!context) {\n throw new Error('useSidebar must be used within a SidebarProvider.');\n }\n return context;\n}\n\nconst SidebarProvider = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<'div'> & {\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n }\n>(\n (\n {\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n className,\n style,\n children,\n ...props\n },\n ref\n ) => {\n const isMobile = useIsMobile();\n const [openMobile, setOpenMobile] = React.useState(false);\n\n const [_open, _setOpen] = React.useState(defaultOpen);\n const open = openProp ?? _open;\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === 'function' ? value(open) : value;\n if (setOpenProp) {\n setOpenProp(openState);\n } else {\n _setOpen(openState);\n }\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${60 * 60 * 24 * 7}`;\n },\n [setOpenProp, open]\n );\n\n const toggleSidebar = React.useCallback(() => {\n return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n }, [isMobile, setOpen, setOpenMobile]);\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n event.preventDefault();\n toggleSidebar();\n }\n };\n window.addEventListener('keydown', handleKeyDown);\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, [toggleSidebar]);\n\n const state = open ? 'expanded' : 'collapsed';\n\n const contextValue = React.useMemo<SidebarContext>(\n () => ({ state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar }),\n [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n );\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <TooltipProvider delayDuration={0}>\n <div\n ref={ref}\n style={\n {\n '--sidebar-width': SIDEBAR_WIDTH,\n '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n 'group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar',\n className\n )}\n data-collapsible={state === 'collapsed' ? 'icon' : ''}\n {...props}\n >\n {children}\n </div>\n </TooltipProvider>\n </SidebarContext.Provider>\n );\n }\n);\nSidebarProvider.displayName = 'SidebarProvider';\n\nconst Sidebar = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<'div'> & {\n side?: 'left' | 'right';\n variant?: 'sidebar' | 'floating' | 'inset';\n collapsible?: 'offcanvas' | 'icon' | 'none';\n }\n>(\n (\n {\n side = 'left',\n variant = 'sidebar',\n collapsible = 'offcanvas',\n className,\n children,\n ...props\n },\n ref\n ) => {\n const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n if (collapsible === 'none') {\n return (\n <div\n className={cn('flex h-full flex-col bg-sidebar text-sidebar-foreground', className)}\n style={{ width: 'var(--sidebar-width)' }}\n ref={ref}\n {...props}\n >\n {children}\n </div>\n );\n }\n\n if (isMobile) {\n return (\n <>\n {openMobile && (\n <div className=\"fixed inset-0 z-50 bg-black/50\" onClick={() => setOpenMobile(false)} />\n )}\n <div\n ref={ref}\n data-variant={variant}\n style={{ width: 'var(--sidebar-width)' }}\n className={cn(\n 'fixed inset-y-0 z-50 flex h-svh flex-col bg-sidebar text-sidebar-foreground transition-transform duration-200',\n side === 'left' ? 'left-0 border-r border-border' : 'right-0 border-l border-border',\n openMobile\n ? 'translate-x-0'\n : side === 'left'\n ? '-translate-x-full'\n : 'translate-x-full',\n className\n )}\n {...props}\n >\n {children}\n </div>\n </>\n );\n }\n\n return (\n <div\n ref={ref}\n className=\"group peer hidden md:block text-sidebar-foreground\"\n data-state={state}\n data-collapsible={state === 'collapsed' ? collapsible : ''}\n data-variant={variant}\n data-side={side}\n >\n {/* Gap on side to keep layout */}\n <div\n style={{ width: 'var(--sidebar-width)' }}\n className={cn(\n 'relative h-svh bg-transparent transition-[width] duration-200 ease-linear',\n 'group-data-[collapsible=offcanvas]:!w-0',\n 'group-data-[side=right]:rotate-180'\n )}\n />\n <div\n style={{ width: 'var(--sidebar-width)' }}\n className={cn(\n 'fixed inset-y-0 z-10 hidden h-svh transition-[left,right,width] duration-200 ease-linear md:flex',\n 'group-data-[collapsible=offcanvas]:!w-0',\n side === 'left'\n ? 'left-0 group-data-[collapsible=offcanvas]:-left-[var(--sidebar-width)]'\n : 'right-0 group-data-[collapsible=offcanvas]:-right-[var(--sidebar-width)]',\n variant === 'floating' || variant === 'inset'\n ? 'p-2'\n : 'group-data-[side=left]:border-r group-data-[side=right]:border-l border-border',\n className\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n className=\"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n >\n {children}\n </div>\n </div>\n </div>\n );\n }\n);\nSidebar.displayName = 'Sidebar';\n\nconst SidebarTrigger = React.forwardRef<\n React.ComponentRef<typeof Button>,\n React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n const { toggleSidebar } = useSidebar();\n\n return (\n <Button\n ref={ref}\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn('h-6 w-6 text-muted-foreground', className)}\n onClick={event => {\n onClick?.(event);\n toggleSidebar();\n }}\n {...props}\n >\n <PanelLeft className=\"h-4 w-4\" />\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n );\n});\nSidebarTrigger.displayName = 'SidebarTrigger';\n\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<'main'>>(\n ({ className, ...props }, ref) => {\n return (\n <main\n ref={ref}\n className={cn(\n 'relative flex min-h-svh flex-1 flex-col bg-background',\n 'peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow md:peer-data-[variant=inset]:border md:peer-data-[variant=inset]:border-sidebar-border',\n className\n )}\n {...props}\n />\n );\n }\n);\nSidebarInset.displayName = 'SidebarInset';\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"header\"\n className={cn('flex flex-col gap-2 p-2', className)}\n {...props}\n />\n )\n);\nSidebarHeader.displayName = 'SidebarHeader';\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"footer\"\n className={cn('flex flex-col gap-2 p-2', className)}\n {...props}\n />\n )\n);\nSidebarFooter.displayName = 'SidebarFooter';\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"content\"\n className={cn(\n 'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n className\n )}\n {...props}\n />\n )\n);\nSidebarContent.displayName = 'SidebarContent';\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"group\"\n className={cn('relative flex w-full min-w-0 flex-col p-2', className)}\n {...props}\n />\n )\n);\nSidebarGroup.displayName = 'SidebarGroup';\n\nconst SidebarGroupLabel = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<'div'> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'div';\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-label\"\n className={cn(\n 'flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n 'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\n className\n )}\n {...props}\n />\n );\n});\nSidebarGroupLabel.displayName = 'SidebarGroupLabel';\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"group-content\"\n className={cn('w-full text-sm', className)}\n {...props}\n />\n )\n);\nSidebarGroupContent.displayName = 'SidebarGroupContent';\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n ({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu\"\n className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n {...props}\n />\n )\n);\nSidebarMenu.displayName = 'SidebarMenu';\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n ({ className, ...props }, ref) => (\n <li\n ref={ref}\n data-sidebar=\"menu-item\"\n className={cn('group/menu-item relative', className)}\n {...props}\n />\n )\n);\nSidebarMenuItem.displayName = 'SidebarMenuItem';\n\nconst sidebarMenuButtonVariants = {\n default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n outline:\n 'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n};\n\nconst SidebarMenuButton = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<'button'> & {\n asChild?: boolean;\n isActive?: boolean;\n variant?: 'default' | 'outline';\n tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n size?: 'default' | 'sm' | 'lg';\n }\n>(\n (\n {\n asChild = false,\n isActive = false,\n variant = 'default',\n size = 'default',\n tooltip,\n className,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : 'button';\n const { isMobile, state } = useSidebar();\n\n const button = (\n <Comp\n ref={ref}\n data-sidebar=\"menu-button\"\n data-size={size}\n data-active={isActive}\n data-slot=\"sidebar-menu-button\"\n className={cn(\n 'peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-primary data-[active=true]:font-medium data-[active=true]:text-sidebar-primary-foreground data-[active=true]:hover:bg-sidebar-primary/90 data-[active=true]:hover:text-sidebar-primary-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n size === 'sm' && 'text-xs',\n size === 'lg' &&\n 'group-data-[collapsible=icon]:!p-0 data-[size=lg]:h-12 data-[size=lg]:text-sm',\n sidebarMenuButtonVariants[variant],\n className\n )}\n {...props}\n />\n );\n\n if (!tooltip) return button;\n\n const tooltipProps = typeof tooltip === 'string' ? { children: tooltip } : tooltip;\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== 'collapsed' || isMobile}\n {...tooltipProps}\n />\n </Tooltip>\n );\n }\n);\nSidebarMenuButton.displayName = 'SidebarMenuButton';\n\nconst SidebarMenuAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<'button'> & {\n asChild?: boolean;\n showOnHover?: boolean;\n }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button';\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-action\"\n className={cn(\n 'absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0',\n 'after:absolute after:-inset-2 after:md:hidden',\n 'group-data-[collapsible=icon]:hidden',\n showOnHover &&\n 'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0',\n className\n )}\n {...props}\n />\n );\n});\nSidebarMenuAction.displayName = 'SidebarMenuAction';\n\nconst SidebarSeparator = React.forwardRef<\n React.ComponentRef<typeof Separator>,\n React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => (\n <Separator\n ref={ref}\n data-sidebar=\"separator\"\n className={cn('mx-2 w-auto bg-sidebar-border', className)}\n {...props}\n />\n));\nSidebarSeparator.displayName = 'SidebarSeparator';\n\nexport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarProvider,\n SidebarSeparator,\n SidebarTrigger,\n useSidebar,\n};\n"],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime19 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/components/skeleton.d.ts
|
|
4
4
|
declare function Skeleton({
|
|
5
5
|
className,
|
|
6
6
|
...props
|
|
7
|
-
}: React.HTMLAttributes<HTMLDivElement>):
|
|
7
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime19.JSX.Element;
|
|
8
8
|
//#endregion
|
|
9
9
|
export { Skeleton };
|
|
10
10
|
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime24 from "react/jsx-runtime";
|
|
2
2
|
import { Toaster as Toaster$1 } from "sonner";
|
|
3
3
|
|
|
4
4
|
//#region src/components/sonner.d.ts
|
|
5
5
|
type ToasterProps = React.ComponentProps<typeof Toaster$1>;
|
|
6
6
|
declare const Toaster: ({
|
|
7
7
|
...props
|
|
8
|
-
}: ToasterProps) =>
|
|
8
|
+
}: ToasterProps) => react_jsx_runtime24.JSX.Element;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { Toaster };
|
|
11
11
|
//# sourceMappingURL=sonner.d.ts.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
3
|
import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types5 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region src/components/toggle-group.d.ts
|
|
7
7
|
declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
|
|
8
8
|
variant?: "default" | "outline" | null | undefined;
|
|
9
9
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
10
|
-
} &
|
|
10
|
+
} & class_variance_authority_types5.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
|
|
11
11
|
declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
12
12
|
variant?: "default" | "outline" | null | undefined;
|
|
13
13
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
14
|
-
} &
|
|
14
|
+
} & class_variance_authority_types5.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
15
15
|
//#endregion
|
|
16
16
|
export { ToggleGroup, ToggleGroupItem };
|
|
17
17
|
//# sourceMappingURL=toggle-group.d.ts.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
3
|
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types8 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region src/components/toggle.d.ts
|
|
7
7
|
declare const toggleVariants: (props?: ({
|
|
8
8
|
variant?: "default" | "outline" | null | undefined;
|
|
9
9
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
10
|
-
} &
|
|
10
|
+
} & class_variance_authority_types8.ClassProp) | undefined) => string;
|
|
11
11
|
declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
12
12
|
variant?: "default" | "outline" | null | undefined;
|
|
13
13
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
14
|
-
} &
|
|
14
|
+
} & class_variance_authority_types8.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
15
15
|
//#endregion
|
|
16
16
|
export { Toggle, toggleVariants };
|
|
17
17
|
//# sourceMappingURL=toggle.d.ts.map
|
package/llms.txt
CHANGED
|
@@ -145,6 +145,10 @@ Exports: Label
|
|
|
145
145
|
Import: `@coston/ui/menubar`
|
|
146
146
|
Exports: Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarShortcut
|
|
147
147
|
|
|
148
|
+
### native-select
|
|
149
|
+
Import: `@coston/ui/native-select`
|
|
150
|
+
Exports: NativeSelect, nativeSelectVariants
|
|
151
|
+
|
|
148
152
|
### navigation-menu
|
|
149
153
|
Import: `@coston/ui/navigation-menu`
|
|
150
154
|
Exports: navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport
|