@coston/ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +87 -0
- package/dist/button-BEd6_-lL.d.ts +16 -0
- package/dist/button-BEd6_-lL.d.ts.map +1 -0
- package/dist/button-CJvoztqg.js +46 -0
- package/dist/button-CJvoztqg.js.map +1 -0
- package/dist/components/accordion.d.ts +11 -0
- package/dist/components/accordion.d.ts.map +1 -0
- package/dist/components/accordion.js +38 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/alert-dialog.d.ts +31 -0
- package/dist/components/alert-dialog.d.ts.map +1 -0
- package/dist/components/alert-dialog.js +60 -0
- package/dist/components/alert-dialog.js.map +1 -0
- package/dist/components/alert.d.ts +13 -0
- package/dist/components/alert.d.ts.map +1 -0
- package/dist/components/alert.js +36 -0
- package/dist/components/alert.js.map +1 -0
- package/dist/components/aspect-ratio.d.ts +8 -0
- package/dist/components/aspect-ratio.d.ts.map +1 -0
- package/dist/components/aspect-ratio.js +8 -0
- package/dist/components/aspect-ratio.js.map +1 -0
- package/dist/components/avatar.d.ts +10 -0
- package/dist/components/avatar.d.ts.map +1 -0
- package/dist/components/avatar.js +28 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/badge.d.ts +18 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +25 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/breadcrumb.d.ts +31 -0
- package/dist/components/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb.js +66 -0
- package/dist/components/breadcrumb.js.map +1 -0
- package/dist/components/button.d.ts +2 -0
- package/dist/components/button.js +4 -0
- package/dist/components/calendar.d.ts +17 -0
- package/dist/components/calendar.d.ts.map +1 -0
- package/dist/components/calendar.js +46 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/card.d.ts +12 -0
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/card.js +46 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/carousel.d.ts +23 -0
- package/dist/components/carousel.d.ts.map +1 -0
- package/dist/components/carousel.js +139 -0
- package/dist/components/carousel.js.map +1 -0
- package/dist/components/chart.d.ts +32 -0
- package/dist/components/chart.d.ts.map +1 -0
- package/dist/components/chart.js +115 -0
- package/dist/components/chart.js.map +1 -0
- package/dist/components/checkbox.d.ts +8 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +21 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/collapsible.d.ts +10 -0
- package/dist/components/collapsible.d.ts.map +1 -0
- package/dist/components/collapsible.js +13 -0
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/command.d.ts +26 -0
- package/dist/components/command.d.ts.map +1 -0
- package/dist/components/command.js +77 -0
- package/dist/components/command.js.map +1 -0
- package/dist/components/context-menu.d.ts +35 -0
- package/dist/components/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu.js +82 -0
- package/dist/components/context-menu.js.map +1 -0
- package/dist/components/dialog.d.ts +30 -0
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.js +4 -0
- package/dist/components/drawer.d.ts +36 -0
- package/dist/components/drawer.d.ts.map +1 -0
- package/dist/components/drawer.js +53 -0
- package/dist/components/drawer.js.map +1 -0
- package/dist/components/dropdown-menu.d.ts +35 -0
- package/dist/components/dropdown-menu.d.ts.map +1 -0
- package/dist/components/dropdown-menu.js +83 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/hover-card.d.ts +10 -0
- package/dist/components/hover-card.d.ts.map +1 -0
- package/dist/components/hover-card.js +20 -0
- package/dist/components/hover-card.js.map +1 -0
- package/dist/components/input.d.ts +8 -0
- package/dist/components/input.d.ts.map +1 -0
- package/dist/components/input.js +18 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/label.d.ts +10 -0
- package/dist/components/label.d.ts.map +1 -0
- package/dist/components/label.js +18 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/menubar.d.ts +42 -0
- package/dist/components/menubar.d.ts.map +1 -0
- package/dist/components/menubar.js +96 -0
- package/dist/components/menubar.js.map +1 -0
- package/dist/components/navigation-menu.d.ts +17 -0
- package/dist/components/navigation-menu.d.ts.map +1 -0
- package/dist/components/navigation-menu.js +64 -0
- package/dist/components/navigation-menu.js.map +1 -0
- package/dist/components/pagination.d.ts +50 -0
- package/dist/components/pagination.d.ts.map +1 -0
- package/dist/components/pagination.js +65 -0
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/popover.d.ts +10 -0
- package/dist/components/popover.d.ts.map +1 -0
- package/dist/components/popover.js +20 -0
- package/dist/components/popover.js.map +1 -0
- package/dist/components/progress.d.ts +8 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +20 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/radio-group.d.ts +9 -0
- package/dist/components/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group.js +31 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/resizable.d.ts +20 -0
- package/dist/components/resizable.d.ts.map +1 -0
- package/dist/components/resizable.js +24 -0
- package/dist/components/resizable.js.map +1 -0
- package/dist/components/scroll-area.d.ts +9 -0
- package/dist/components/scroll-area.d.ts.map +1 -0
- package/dist/components/scroll-area.js +32 -0
- package/dist/components/scroll-area.js.map +1 -0
- package/dist/components/select.d.ts +17 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +75 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/separator.d.ts +8 -0
- package/dist/components/separator.d.ts.map +1 -0
- package/dist/components/separator.js +4 -0
- package/dist/components/sheet.d.ts +36 -0
- package/dist/components/sheet.d.ts.map +1 -0
- package/dist/components/sheet.js +69 -0
- package/dist/components/sheet.js.map +1 -0
- package/dist/components/sidebar.d.ts +54 -0
- package/dist/components/sidebar.d.ts.map +1 -0
- package/dist/components/sidebar.js +267 -0
- package/dist/components/sidebar.js.map +1 -0
- package/dist/components/skeleton.d.ts +10 -0
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +14 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/slider.d.ts +8 -0
- package/dist/components/slider.d.ts.map +1 -0
- package/dist/components/slider.js +20 -0
- package/dist/components/slider.js.map +1 -0
- package/dist/components/sonner.d.ts +11 -0
- package/dist/components/sonner.d.ts.map +1 -0
- package/dist/components/sonner.js +22 -0
- package/dist/components/sonner.js.map +1 -0
- package/dist/components/switch.d.ts +8 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +17 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/table.d.ts +14 -0
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +61 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/tabs.d.ts +11 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +29 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/textarea.d.ts +7 -0
- package/dist/components/textarea.d.ts.map +1 -0
- package/dist/components/textarea.js +17 -0
- package/dist/components/textarea.js.map +1 -0
- package/dist/components/toggle-group.d.ts +17 -0
- package/dist/components/toggle-group.d.ts.map +1 -0
- package/dist/components/toggle-group.js +41 -0
- package/dist/components/toggle-group.js.map +1 -0
- package/dist/components/toggle.d.ts +17 -0
- package/dist/components/toggle.d.ts.map +1 -0
- package/dist/components/toggle.js +4 -0
- package/dist/components/tooltip.d.ts +2 -0
- package/dist/components/tooltip.js +4 -0
- package/dist/dialog-B_8jhMOs.js +56 -0
- package/dist/dialog-B_8jhMOs.js.map +1 -0
- package/dist/hooks/use-mobile.d.ts +7 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/hooks/use-mobile.js +3 -0
- package/dist/lib/utils.d.ts +9 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +3 -0
- package/dist/separator-9lzFsfCC.js +18 -0
- package/dist/separator-9lzFsfCC.js.map +1 -0
- package/dist/toggle-BpKiTVe4.js +38 -0
- package/dist/toggle-BpKiTVe4.js.map +1 -0
- package/dist/tooltip-CXS6wR7g.js +20 -0
- package/dist/tooltip-CXS6wR7g.js.map +1 -0
- package/dist/tooltip-DPcgBDyX.d.ts +11 -0
- package/dist/tooltip-DPcgBDyX.d.ts.map +1 -0
- package/dist/use-mobile-CixTQBWA.js +21 -0
- package/dist/use-mobile-CixTQBWA.js.map +1 -0
- package/dist/utils-C0f9Ma6r.js +11 -0
- package/dist/utils-C0f9Ma6r.js.map +1 -0
- package/package.json +168 -0
- package/src/components/accordion.tsx +51 -0
- package/src/components/alert-dialog.tsx +115 -0
- package/src/components/alert.tsx +49 -0
- package/src/components/aspect-ratio.tsx +5 -0
- package/src/components/avatar.tsx +44 -0
- package/src/components/badge.tsx +32 -0
- package/src/components/breadcrumb.tsx +101 -0
- package/src/components/button.tsx +48 -0
- package/src/components/calendar.tsx +76 -0
- package/src/components/card.tsx +60 -0
- package/src/components/carousel.tsx +240 -0
- package/src/components/chart.tsx +232 -0
- package/src/components/checkbox.tsx +25 -0
- package/src/components/collapsible.tsx +11 -0
- package/src/components/command.tsx +136 -0
- package/src/components/context-menu.tsx +187 -0
- package/src/components/dialog.tsx +105 -0
- package/src/components/drawer.tsx +98 -0
- package/src/components/dropdown-menu.tsx +185 -0
- package/src/components/hover-card.tsx +29 -0
- package/src/components/input.tsx +24 -0
- package/src/components/label.tsx +19 -0
- package/src/components/menubar.tsx +219 -0
- package/src/components/navigation-menu.tsx +120 -0
- package/src/components/pagination.tsx +98 -0
- package/src/components/popover.tsx +27 -0
- package/src/components/progress.tsx +23 -0
- package/src/components/radio-group.tsx +35 -0
- package/src/components/resizable.tsx +38 -0
- package/src/components/scroll-area.tsx +43 -0
- package/src/components/select.tsx +147 -0
- package/src/components/separator.tsx +23 -0
- package/src/components/sheet.tsx +122 -0
- package/src/components/sidebar.tsx +507 -0
- package/src/components/skeleton.tsx +7 -0
- package/src/components/slider.tsx +23 -0
- package/src/components/sonner.tsx +26 -0
- package/src/components/switch.tsx +26 -0
- package/src/components/table.tsx +95 -0
- package/src/components/tabs.tsx +53 -0
- package/src/components/textarea.tsx +20 -0
- package/src/components/toggle-group.tsx +54 -0
- package/src/components/toggle.tsx +40 -0
- package/src/components/tooltip.tsx +27 -0
- package/src/hooks/use-mobile.tsx +19 -0
- package/src/lib/utils.ts +6 -0
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Check, ChevronRight, Circle } from "lucide-react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
6
|
+
|
|
7
|
+
//#region src/components/dropdown-menu.tsx
|
|
8
|
+
const DropdownMenu = DropdownMenuPrimitive.Root;
|
|
9
|
+
const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
10
|
+
const DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
11
|
+
const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
12
|
+
const DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
13
|
+
const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
14
|
+
const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children,...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
|
|
15
|
+
ref,
|
|
16
|
+
className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", inset && "pl-8", className),
|
|
17
|
+
...props,
|
|
18
|
+
children: [children, /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })]
|
|
19
|
+
}));
|
|
20
|
+
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
21
|
+
const DropdownMenuSubContent = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
|
|
22
|
+
ref,
|
|
23
|
+
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
|
|
24
|
+
...props
|
|
25
|
+
}));
|
|
26
|
+
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
27
|
+
const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4,...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
|
|
28
|
+
ref,
|
|
29
|
+
sideOffset,
|
|
30
|
+
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
|
|
31
|
+
...props
|
|
32
|
+
}) }));
|
|
33
|
+
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
34
|
+
const DropdownMenuItem = React.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
|
|
35
|
+
ref,
|
|
36
|
+
className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className),
|
|
37
|
+
...props
|
|
38
|
+
}));
|
|
39
|
+
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
40
|
+
const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked,...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
|
|
41
|
+
ref,
|
|
42
|
+
className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
|
|
43
|
+
checked,
|
|
44
|
+
...props,
|
|
45
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
46
|
+
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
|
47
|
+
children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
|
|
48
|
+
}), children]
|
|
49
|
+
}));
|
|
50
|
+
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
51
|
+
const DropdownMenuRadioItem = React.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
|
|
52
|
+
ref,
|
|
53
|
+
className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
|
|
54
|
+
...props,
|
|
55
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
56
|
+
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
|
57
|
+
children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) })
|
|
58
|
+
}), children]
|
|
59
|
+
}));
|
|
60
|
+
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
61
|
+
const DropdownMenuLabel = React.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
|
|
62
|
+
ref,
|
|
63
|
+
className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
|
|
64
|
+
...props
|
|
65
|
+
}));
|
|
66
|
+
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
67
|
+
const DropdownMenuSeparator = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
|
|
68
|
+
ref,
|
|
69
|
+
className: cn("-mx-1 my-1 h-px bg-muted", className),
|
|
70
|
+
...props
|
|
71
|
+
}));
|
|
72
|
+
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
73
|
+
const DropdownMenuShortcut = ({ className,...props }) => {
|
|
74
|
+
return /* @__PURE__ */ jsx("span", {
|
|
75
|
+
className: cn("ml-auto text-xs tracking-widest opacity-60", className),
|
|
76
|
+
...props
|
|
77
|
+
});
|
|
78
|
+
};
|
|
79
|
+
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
80
|
+
|
|
81
|
+
//#endregion
|
|
82
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
83
|
+
//# sourceMappingURL=dropdown-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { Check, ChevronRight, Circle } from 'lucide-react';\n\nimport { cn } from '../lib/utils';\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',\n inset && 'pl-8',\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto h-4 w-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n));\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean;\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n inset && 'pl-8',\n className\n )}\n {...props}\n />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n className\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Circle className=\"h-2 w-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean;\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n {...props}\n />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn('-mx-1 my-1 h-px bg-muted', className)}\n {...props}\n />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />\n );\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n};\n"],"mappings":";;;;;;;AAMA,MAAM,eAAe,sBAAsB;AAE3C,MAAM,sBAAsB,sBAAsB;AAElD,MAAM,oBAAoB,sBAAsB;AAEhD,MAAM,qBAAqB,sBAAsB;AAEjD,MAAM,kBAAkB,sBAAsB;AAE9C,MAAM,yBAAyB,sBAAsB;AAErD,MAAM,yBAAyB,MAAM,WAKnC,CAAC,EAAE,WAAW,OAAO,SAAU,GAAG,OAAO,EAAE,wBAC3C,KAAC,sBAAsB;CAChB;CACL,WAAW,GACT,wIACA,SAAS,QACT,UACD;CACD,GAAI;YAEH,0BACD,IAAC,gBAAa,WAAU,oBAAoB;EACX,CACnC;AACF,uBAAuB,cAAc,sBAAsB,WAAW;AAEtE,MAAM,yBAAyB,MAAM,WAGnC,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,sBAAsB;CAChB;CACL,WAAW,GACT,ucACA,UACD;CACD,GAAI;EACJ,CACF;AACF,uBAAuB,cAAc,sBAAsB,WAAW;AAEtE,MAAM,sBAAsB,MAAM,WAGhC,CAAC,EAAE,WAAW,aAAa,EAAG,GAAG,OAAO,EAAE,wBAC1C,IAAC,sBAAsB,oCACrB,IAAC,sBAAsB;CAChB;CACO;CACZ,WAAW,GACT,ucACA,UACD;CACD,GAAI;EACJ,GAC2B,CAC/B;AACF,oBAAoB,cAAc,sBAAsB,QAAQ;AAEhE,MAAM,mBAAmB,MAAM,WAK7B,CAAC,EAAE,WAAW,MAAO,GAAG,OAAO,EAAE,wBACjC,IAAC,sBAAsB;CAChB;CACL,WAAW,GACT,mOACA,SAAS,QACT,UACD;CACD,GAAI;EACJ,CACF;AACF,iBAAiB,cAAc,sBAAsB,KAAK;AAE1D,MAAM,2BAA2B,MAAM,WAGrC,CAAC,EAAE,WAAW,UAAU,QAAS,GAAG,OAAO,EAAE,wBAC7C,KAAC,sBAAsB;CAChB;CACL,WAAW,GACT,wOACA,UACD;CACQ;CACT,GAAI;4BAEJ,IAAC;EAAK,WAAU;4BACd,IAAC,sBAAsB,2CACrB,IAAC,SAAM,WAAU,YAAY,GACO;GACjC,EACN;EACkC,CACrC;AACF,yBAAyB,cAAc,sBAAsB,aAAa;AAE1E,MAAM,wBAAwB,MAAM,WAGlC,CAAC,EAAE,WAAW,SAAU,GAAG,OAAO,EAAE,wBACpC,KAAC,sBAAsB;CAChB;CACL,WAAW,GACT,wOACA,UACD;CACD,GAAI;4BAEJ,IAAC;EAAK,WAAU;4BACd,IAAC,sBAAsB,2CACrB,IAAC,UAAO,WAAU,yBAAyB,GACP;GACjC,EACN;EAC+B,CAClC;AACF,sBAAsB,cAAc,sBAAsB,UAAU;AAEpE,MAAM,oBAAoB,MAAM,WAK9B,CAAC,EAAE,WAAW,MAAO,GAAG,OAAO,EAAE,wBACjC,IAAC,sBAAsB;CAChB;CACL,WAAW,GAAG,qCAAqC,SAAS,QAAQ,UAAU;CAC9E,GAAI;EACJ,CACF;AACF,kBAAkB,cAAc,sBAAsB,MAAM;AAE5D,MAAM,wBAAwB,MAAM,WAGlC,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,sBAAsB;CAChB;CACL,WAAW,GAAG,4BAA4B,UAAU;CACpD,GAAI;EACJ,CACF;AACF,sBAAsB,cAAc,sBAAsB,UAAU;AAEpE,MAAM,uBAAuB,CAAC,EAAE,UAAW,GAAG,OAA8C,KAAK;AAC/F,wBACE,IAAC;EAAK,WAAW,GAAG,8CAA8C,UAAU;EAAE,GAAI;GAAS;AAE9F;AACD,qBAAqB,cAAc"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
|
|
3
|
+
|
|
4
|
+
//#region src/components/hover-card.d.ts
|
|
5
|
+
declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
|
|
6
|
+
declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
7
|
+
declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { HoverCard, HoverCardContent, HoverCardTrigger };
|
|
10
|
+
//# sourceMappingURL=hover-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../src/components/hover-card.tsx"],"sourcesContent":[],"mappings":";;;;cAKM,WAAS,KAAA,CAAA,GAAA,kBAAA,CAAA;cAET,kBAAgB,KAAA,CAAA,0BAAA,kBAAA,CAAA,wBAAA,KAAA,CAAA,cAAA;AAN2C,cAQ3D,gBAJmC,EAInB,KAAA,CAAA,yBAJmB,CAInB,IAJmB,CAInB,kBAAA,CAAA,qBAJmB,GAInB,KAAA,CAAA,aAJmB,CAInB,cAJmB,CAAA,EAAA,KAAA,CAAA,GAInB,KAAA,CAAA,aAJmB,CAInB,cAJmB,CAAA,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
|
|
5
|
+
|
|
6
|
+
//#region src/components/hover-card.tsx
|
|
7
|
+
const HoverCard = HoverCardPrimitive.Root;
|
|
8
|
+
const HoverCardTrigger = HoverCardPrimitive.Trigger;
|
|
9
|
+
const HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4,...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
|
|
10
|
+
ref,
|
|
11
|
+
align,
|
|
12
|
+
sideOffset,
|
|
13
|
+
className: cn("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
|
|
14
|
+
...props
|
|
15
|
+
}) }));
|
|
16
|
+
HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
|
|
17
|
+
|
|
18
|
+
//#endregion
|
|
19
|
+
export { HoverCard, HoverCardContent, HoverCardTrigger };
|
|
20
|
+
//# sourceMappingURL=hover-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.js","names":[],"sources":["../../src/components/hover-card.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\n\nimport { cn } from '../lib/utils';\n\nconst HoverCard = HoverCardPrimitive.Root;\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nconst HoverCardContent = React.forwardRef<\n React.ElementRef<typeof HoverCardPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n <HoverCardPrimitive.Portal>\n <HoverCardPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n));\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,mBAAmB;AAErC,MAAM,mBAAmB,mBAAmB;AAE5C,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,EAAG,GAAG,OAAO,EAAE,wBAC5D,IAAC,mBAAmB,oCAClB,IAAC,mBAAmB;CACb;CACE;CACK;CACZ,WAAW,GACT,8aACA,UACD;CACD,GAAI;EACJ,GACwB,CAC5B;AACF,iBAAiB,cAAc,mBAAmB,QAAQ"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
|
|
3
|
+
//#region src/components/input.d.ts
|
|
4
|
+
type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
|
|
5
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
6
|
+
//#endregion
|
|
7
|
+
export { Input, InputProps };
|
|
8
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/components/input.tsx"],"sourcesContent":[],"mappings":";;;KAIY,UAAA,GAAa,KAAA,CAAM,oBAAoB;cAE7C,OAAK,KAAA,CAAA,0BAAA,aAAA,KAAA,CAAA,cAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region src/components/input.tsx
|
|
6
|
+
const Input = React.forwardRef(({ className, type,...props }, ref) => {
|
|
7
|
+
return /* @__PURE__ */ jsx("input", {
|
|
8
|
+
type,
|
|
9
|
+
className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
10
|
+
ref,
|
|
11
|
+
...props
|
|
12
|
+
});
|
|
13
|
+
});
|
|
14
|
+
Input.displayName = "Input";
|
|
15
|
+
|
|
16
|
+
//#endregion
|
|
17
|
+
export { Input };
|
|
18
|
+
//# sourceMappingURL=input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.js","names":[],"sources":["../../src/components/input.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(\n 'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground 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 className\n )}\n ref={ref}\n {...props}\n />\n );\n }\n);\nInput.displayName = 'Input';\n\nexport { Input };\n"],"mappings":";;;;;AAMA,MAAM,QAAQ,MAAM,WAClB,CAAC,EAAE,WAAW,KAAM,GAAG,OAAO,EAAE,QAAQ;AACtC,wBACE,IAAC;EACO;EACN,WAAW,GACT,gWACA,UACD;EACI;EACL,GAAI;GACJ;AAEL,EACF;AACD,MAAM,cAAc"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { VariantProps } from "class-variance-authority";
|
|
3
|
+
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
4
|
+
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
|
+
|
|
6
|
+
//#region src/components/label.d.ts
|
|
7
|
+
declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types0.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { Label };
|
|
10
|
+
//# sourceMappingURL=label.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.d.ts","names":[],"sources":["../../src/components/label.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUM,OAAK,KAAA,CAAA,0BAAA,KAAA,cAAA,CAAA,aAAA,KAAA,CAAA,cAAA,4BAAA,sBAAA,+BAAA,CAAA,SAAA,2BAAA,KAAA,CAAA,cAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
6
|
+
|
|
7
|
+
//#region src/components/label.tsx
|
|
8
|
+
const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
|
|
9
|
+
const Label = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(LabelPrimitive.Root, {
|
|
10
|
+
ref,
|
|
11
|
+
className: cn(labelVariants(), className),
|
|
12
|
+
...props
|
|
13
|
+
}));
|
|
14
|
+
Label.displayName = LabelPrimitive.Root.displayName;
|
|
15
|
+
|
|
16
|
+
//#endregion
|
|
17
|
+
export { Label };
|
|
18
|
+
//# sourceMappingURL=label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.js","names":[],"sources":["../../src/components/label.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../lib/utils';\n\nconst labelVariants = cva(\n 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'\n);\n\nconst Label = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,IACpB,6FACD;AAED,MAAM,QAAQ,MAAM,WAGlB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,eAAe;CAAU;CAAK,WAAW,GAAG,eAAe,EAAE,UAAU;CAAE,GAAI;EAAS,CACvF;AACF,MAAM,cAAc,eAAe,KAAK"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime16 from "react/jsx-runtime";
|
|
3
|
+
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
4
|
+
import * as _radix_ui_react_context0 from "@radix-ui/react-context";
|
|
5
|
+
|
|
6
|
+
//#region src/components/menubar.d.ts
|
|
7
|
+
declare const MenubarMenu: {
|
|
8
|
+
(props: MenubarPrimitive.MenubarMenuProps & {
|
|
9
|
+
__scopeMenubar?: _radix_ui_react_context0.Scope;
|
|
10
|
+
}): react_jsx_runtime16.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const MenubarPortal: React.FC<MenubarPrimitive.MenubarPortalProps>;
|
|
15
|
+
declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
|
|
16
|
+
declare const MenubarRadioGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
20
|
+
inset?: boolean;
|
|
21
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
25
|
+
inset?: boolean;
|
|
26
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
30
|
+
inset?: boolean;
|
|
31
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
declare const MenubarShortcut: {
|
|
34
|
+
({
|
|
35
|
+
className,
|
|
36
|
+
...props
|
|
37
|
+
}: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime16.JSX.Element;
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
40
|
+
//#endregion
|
|
41
|
+
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
|
|
42
|
+
//# sourceMappingURL=menubar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.d.ts","names":[],"sources":["../../src/components/menubar.tsx"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Check, ChevronRight, Circle } from "lucide-react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
6
|
+
|
|
7
|
+
//#region src/components/menubar.tsx
|
|
8
|
+
const MenubarMenu = MenubarPrimitive.Menu;
|
|
9
|
+
const MenubarGroup = MenubarPrimitive.Group;
|
|
10
|
+
const MenubarPortal = MenubarPrimitive.Portal;
|
|
11
|
+
const MenubarSub = MenubarPrimitive.Sub;
|
|
12
|
+
const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
|
|
13
|
+
const Menubar = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Root, {
|
|
14
|
+
ref,
|
|
15
|
+
className: cn("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", className),
|
|
16
|
+
...props
|
|
17
|
+
}));
|
|
18
|
+
Menubar.displayName = MenubarPrimitive.Root.displayName;
|
|
19
|
+
const MenubarTrigger = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, {
|
|
20
|
+
ref,
|
|
21
|
+
className: cn("flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
|
|
22
|
+
...props
|
|
23
|
+
}));
|
|
24
|
+
MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
|
|
25
|
+
const MenubarSubTrigger = React.forwardRef(({ className, inset, children,...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.SubTrigger, {
|
|
26
|
+
ref,
|
|
27
|
+
className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", inset && "pl-8", className),
|
|
28
|
+
...props,
|
|
29
|
+
children: [children, /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })]
|
|
30
|
+
}));
|
|
31
|
+
MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
|
|
32
|
+
const MenubarSubContent = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.SubContent, {
|
|
33
|
+
ref,
|
|
34
|
+
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
|
|
35
|
+
...props
|
|
36
|
+
}));
|
|
37
|
+
MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
|
|
38
|
+
const MenubarContent = React.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.Content, {
|
|
39
|
+
ref,
|
|
40
|
+
align,
|
|
41
|
+
alignOffset,
|
|
42
|
+
sideOffset,
|
|
43
|
+
className: cn("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
|
|
44
|
+
...props
|
|
45
|
+
}) }));
|
|
46
|
+
MenubarContent.displayName = MenubarPrimitive.Content.displayName;
|
|
47
|
+
const MenubarItem = React.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Item, {
|
|
48
|
+
ref,
|
|
49
|
+
className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className),
|
|
50
|
+
...props
|
|
51
|
+
}));
|
|
52
|
+
MenubarItem.displayName = MenubarPrimitive.Item.displayName;
|
|
53
|
+
const MenubarCheckboxItem = React.forwardRef(({ className, children, checked,...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.CheckboxItem, {
|
|
54
|
+
ref,
|
|
55
|
+
className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
|
|
56
|
+
checked,
|
|
57
|
+
...props,
|
|
58
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
59
|
+
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
|
60
|
+
children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
|
|
61
|
+
}), children]
|
|
62
|
+
}));
|
|
63
|
+
MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
|
|
64
|
+
const MenubarRadioItem = React.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.RadioItem, {
|
|
65
|
+
ref,
|
|
66
|
+
className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
|
|
67
|
+
...props,
|
|
68
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
69
|
+
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
|
70
|
+
children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) })
|
|
71
|
+
}), children]
|
|
72
|
+
}));
|
|
73
|
+
MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
|
|
74
|
+
const MenubarLabel = React.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Label, {
|
|
75
|
+
ref,
|
|
76
|
+
className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
|
|
77
|
+
...props
|
|
78
|
+
}));
|
|
79
|
+
MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
|
|
80
|
+
const MenubarSeparator = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Separator, {
|
|
81
|
+
ref,
|
|
82
|
+
className: cn("-mx-1 my-1 h-px bg-muted", className),
|
|
83
|
+
...props
|
|
84
|
+
}));
|
|
85
|
+
MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
|
|
86
|
+
const MenubarShortcut = ({ className,...props }) => {
|
|
87
|
+
return /* @__PURE__ */ jsx("span", {
|
|
88
|
+
className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
|
|
89
|
+
...props
|
|
90
|
+
});
|
|
91
|
+
};
|
|
92
|
+
MenubarShortcut.displayName = "MenubarShortcut";
|
|
93
|
+
|
|
94
|
+
//#endregion
|
|
95
|
+
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
|
|
96
|
+
//# sourceMappingURL=menubar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.js","names":[],"sources":["../../src/components/menubar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { Check, ChevronRight, Circle } from 'lucide-react';\n\nimport { cn } from '../lib/utils';\n\nconst MenubarMenu = MenubarPrimitive.Menu;\n\nconst MenubarGroup = MenubarPrimitive.Group;\n\nconst MenubarPortal = MenubarPrimitive.Portal;\n\nconst MenubarSub = MenubarPrimitive.Sub;\n\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\nconst Menubar = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Root\n ref={ref}\n className={cn(\n 'flex h-10 items-center space-x-1 rounded-md border bg-background p-1',\n className\n )}\n {...props}\n />\n));\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\nconst MenubarTrigger = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Trigger\n ref={ref}\n className={cn(\n 'flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',\n className\n )}\n {...props}\n />\n));\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\nconst MenubarSubTrigger = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {\n inset?: boolean;\n }\n>(({ className, inset, children, ...props }, ref) => (\n <MenubarPrimitive.SubTrigger\n ref={ref}\n className={cn(\n 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',\n inset && 'pl-8',\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto h-4 w-4\" />\n </MenubarPrimitive.SubTrigger>\n));\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\nconst MenubarSubContent = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <MenubarPrimitive.SubContent\n ref={ref}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n));\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\nconst MenubarContent = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\n>(({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n ref={ref}\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n));\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\nconst MenubarItem = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {\n inset?: boolean;\n }\n>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n inset && 'pl-8',\n className\n )}\n {...props}\n />\n));\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\nconst MenubarCheckboxItem = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <MenubarPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n));\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\nconst MenubarRadioItem = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <MenubarPrimitive.RadioItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n className\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <Circle className=\"h-2 w-2 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n));\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\nconst MenubarLabel = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {\n inset?: boolean;\n }\n>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Label\n ref={ref}\n className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n {...props}\n />\n));\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\nconst MenubarSeparator = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Separator\n ref={ref}\n className={cn('-mx-1 my-1 h-px bg-muted', className)}\n {...props}\n />\n));\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\nconst MenubarShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}\n {...props}\n />\n );\n};\nMenubarShortcut.displayName = 'MenubarShortcut';\n\nexport {\n Menubar,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarItem,\n MenubarSeparator,\n MenubarLabel,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarPortal,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarGroup,\n MenubarShortcut,\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
3
|
+
import * as class_variance_authority_types4 from "class-variance-authority/types";
|
|
4
|
+
|
|
5
|
+
//#region src/components/navigation-menu.d.ts
|
|
6
|
+
declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
7
|
+
declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
8
|
+
declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
9
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types4.ClassProp | undefined) => string;
|
|
10
|
+
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
13
|
+
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
//#endregion
|
|
16
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
|
|
17
|
+
//# sourceMappingURL=navigation-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;;cAOM,gBAAc,KAAA,CAAA,0BAAA,KAAA,uBAAA,CAAA,sBAAA,KAAA,CAAA,cAAA,uBAAA,KAAA,CAAA,cAAA;cAed,oBAAkB,KAAA,CAAA,0BAAA,KAAA,uBAAA,CAAA,0BAAA,KAAA,CAAA,cAAA,4BAAA,KAAA,CAAA,cAAA;cAYlB,oBAAkB,KAAA,CAAA,0BAAA,uBAAA,CAAA,0BAAA,KAAA,CAAA,cAAA;AAjCmD,cAmCrE,0BAjBJ,EAAA,CAAA,KAAA,CAAA,EAmBD,+BAAA,CAF+B,SAAA,GAjB9B,SAAA,EAAA,GAAA,MAAA;cAqBI,qBArBJ,EAqByB,KAAA,CAAA,yBArBzB,CAqByB,IArBzB,CAqByB,uBAAA,CAAA,0BArBzB,GAqByB,KAAA,CAAA,aArBzB,CAqByB,iBArBzB,CAAA,EAAA,KAAA,CAAA,GAqByB,KAAA,CAAA,aArBzB,CAqByB,iBArBzB,CAAA,CAAA;cAuCI,qBAnDc,EAmDO,KAAA,CAAA,yBAnDP,CAmDO,IAnDP,CAmDO,uBAAA,CAAA,0BAnDP,GAmDO,KAAA,CAAA,aAnDP,CAmDO,cAnDP,CAAA,EAAA,KAAA,CAAA,GAmDO,KAAA,CAAA,aAnDP,CAmDO,cAnDP,CAAA,CAAA;cAkEd,kBAlEc,EAkEI,KAAA,CAAA,yBAlEJ,CAkEI,uBAAA,CAAA,uBAlEJ,GAkEI,KAAA,CAAA,aAlEJ,CAkEI,iBAlEJ,CAAA,CAAA;cAoEd,sBApEc,EAoEQ,KAAA,CAAA,yBApER,CAoEQ,IApER,CAoEQ,uBAAA,CAAA,2BApER,GAoEQ,KAAA,CAAA,aApER,CAoEQ,cApER,CAAA,EAAA,KAAA,CAAA,GAoEQ,KAAA,CAAA,aApER,CAoEQ,cApER,CAAA,CAAA;cAqFd,uBArFc,EAqFS,KAAA,CAAA,yBArFT,CAqFS,IArFT,CAqFS,uBAAA,CAAA,4BArFT,GAqFS,KAAA,CAAA,aArFT,CAqFS,cArFT,CAAA,EAAA,KAAA,CAAA,GAqFS,KAAA,CAAA,aArFT,CAqFS,cArFT,CAAA,CAAA"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.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
|
+
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
7
|
+
|
|
8
|
+
//#region src/components/navigation-menu.tsx
|
|
9
|
+
const NavigationMenu = React.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, {
|
|
10
|
+
ref,
|
|
11
|
+
className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
|
|
12
|
+
...props,
|
|
13
|
+
children: [children, /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
|
|
14
|
+
}));
|
|
15
|
+
NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
|
|
16
|
+
const NavigationMenuList = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(NavigationMenuPrimitive.List, {
|
|
17
|
+
ref,
|
|
18
|
+
className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className),
|
|
19
|
+
...props
|
|
20
|
+
}));
|
|
21
|
+
NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
|
|
22
|
+
const NavigationMenuItem = NavigationMenuPrimitive.Item;
|
|
23
|
+
const navigationMenuTriggerStyle = cva("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-primary/10 data-[active]:text-primary data-[state=open]:bg-accent/50");
|
|
24
|
+
const NavigationMenuTrigger = React.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, {
|
|
25
|
+
ref,
|
|
26
|
+
className: cn(navigationMenuTriggerStyle(), "group", className),
|
|
27
|
+
...props,
|
|
28
|
+
children: [
|
|
29
|
+
children,
|
|
30
|
+
" ",
|
|
31
|
+
/* @__PURE__ */ jsx(ChevronDown, {
|
|
32
|
+
className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
|
|
33
|
+
"aria-hidden": "true"
|
|
34
|
+
})
|
|
35
|
+
]
|
|
36
|
+
}));
|
|
37
|
+
NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
|
|
38
|
+
const NavigationMenuContent = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(NavigationMenuPrimitive.Content, {
|
|
39
|
+
ref,
|
|
40
|
+
className: cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", className),
|
|
41
|
+
...props
|
|
42
|
+
}));
|
|
43
|
+
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
44
|
+
const NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
45
|
+
const NavigationMenuViewport = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
46
|
+
className: cn("absolute left-0 top-full flex justify-center"),
|
|
47
|
+
children: /* @__PURE__ */ jsx(NavigationMenuPrimitive.Viewport, {
|
|
48
|
+
className: cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className),
|
|
49
|
+
ref,
|
|
50
|
+
...props
|
|
51
|
+
})
|
|
52
|
+
}));
|
|
53
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
54
|
+
const NavigationMenuIndicator = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(NavigationMenuPrimitive.Indicator, {
|
|
55
|
+
ref,
|
|
56
|
+
className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", className),
|
|
57
|
+
...props,
|
|
58
|
+
children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
|
|
59
|
+
}));
|
|
60
|
+
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
61
|
+
|
|
62
|
+
//#endregion
|
|
63
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
|
|
64
|
+
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\n\nimport { cn } from '../lib/utils';\n\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn('group flex flex-1 list-none items-center justify-center space-x-1', className)}\n {...props}\n />\n));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\nconst navigationMenuTriggerStyle = cva(\n 'group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-primary/10 data-[active]:text-primary data-[state=open]:bg-accent/50'\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={cn(navigationMenuTriggerStyle(), 'group', className)}\n {...props}\n >\n {children}{' '}\n <ChevronDown\n className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n 'left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ',\n className\n )}\n {...props}\n />\n));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n <div className={cn('absolute left-0 top-full flex justify-center')}>\n <NavigationMenuPrimitive.Viewport\n className={cn(\n 'origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]',\n className\n )}\n ref={ref}\n {...props}\n />\n </div>\n));\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n 'top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in',\n className\n )}\n {...props}\n >\n <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\nexport {\n navigationMenuTriggerStyle,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n};\n"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,SAAU,GAAG,OAAO,EAAE,wBACpC,KAAC,wBAAwB;CAClB;CACL,WAAW,GAAG,mEAAmE,UAAU;CAC3F,GAAI;YAEH,0BACD,IAAC,2BAAyB;EACG,CAC/B;AACF,eAAe,cAAc,wBAAwB,KAAK;AAE1D,MAAM,qBAAqB,MAAM,WAG/B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,wBAAwB;CAClB;CACL,WAAW,GAAG,qEAAqE,UAAU;CAC7F,GAAI;EACJ,CACF;AACF,mBAAmB,cAAc,wBAAwB,KAAK;AAE9D,MAAM,qBAAqB,wBAAwB;AAEnD,MAAM,6BAA6B,IACjC,wXACD;AAED,MAAM,wBAAwB,MAAM,WAGlC,CAAC,EAAE,WAAW,SAAU,GAAG,OAAO,EAAE,wBACpC,KAAC,wBAAwB;CAClB;CACL,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;CAC/D,GAAI;;EAEH;EAAU;kBACX,IAAC;GACC,WAAU;GACV,eAAY;IACZ;;EAC8B,CAClC;AACF,sBAAsB,cAAc,wBAAwB,QAAQ;AAEpE,MAAM,wBAAwB,MAAM,WAGlC,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,wBAAwB;CAClB;CACL,WAAW,GACT,0VACA,UACD;CACD,GAAI;EACJ,CACF;AACF,sBAAsB,cAAc,wBAAwB,QAAQ;AAEpE,MAAM,qBAAqB,wBAAwB;AAEnD,MAAM,yBAAyB,MAAM,WAGnC,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC;CAAI,WAAW,GAAG,+CAA+C;2BAChE,IAAC,wBAAwB;EACvB,WAAW,GACT,yVACA,UACD;EACI;EACL,GAAI;GACJ;EACE,CACN;AACF,uBAAuB,cAAc,wBAAwB,SAAS;AAEtE,MAAM,0BAA0B,MAAM,WAGpC,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,wBAAwB;CAClB;CACL,WAAW,GACT,gMACA,UACD;CACD,GAAI;2BAEJ,IAAC,SAAI,WAAU,2EAA2E;EACxD,CACpC;AACF,wBAAwB,cAAc,wBAAwB,UAAU"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ButtonProps } from "../button-BEd6_-lL.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as react_jsx_runtime22 from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region src/components/pagination.d.ts
|
|
6
|
+
declare const Pagination: {
|
|
7
|
+
({
|
|
8
|
+
className,
|
|
9
|
+
...props
|
|
10
|
+
}: React.ComponentProps<"nav">): react_jsx_runtime22.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
14
|
+
declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
15
|
+
type PaginationLinkProps = {
|
|
16
|
+
isActive?: boolean;
|
|
17
|
+
} & Pick<ButtonProps, 'size'> & React.ComponentProps<'a'>;
|
|
18
|
+
declare const PaginationLink: {
|
|
19
|
+
({
|
|
20
|
+
className,
|
|
21
|
+
isActive,
|
|
22
|
+
size,
|
|
23
|
+
...props
|
|
24
|
+
}: PaginationLinkProps): react_jsx_runtime22.JSX.Element;
|
|
25
|
+
displayName: string;
|
|
26
|
+
};
|
|
27
|
+
declare const PaginationPrevious: {
|
|
28
|
+
({
|
|
29
|
+
className,
|
|
30
|
+
...props
|
|
31
|
+
}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime22.JSX.Element;
|
|
32
|
+
displayName: string;
|
|
33
|
+
};
|
|
34
|
+
declare const PaginationNext: {
|
|
35
|
+
({
|
|
36
|
+
className,
|
|
37
|
+
...props
|
|
38
|
+
}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime22.JSX.Element;
|
|
39
|
+
displayName: string;
|
|
40
|
+
};
|
|
41
|
+
declare const PaginationEllipsis: {
|
|
42
|
+
({
|
|
43
|
+
className,
|
|
44
|
+
...props
|
|
45
|
+
}: React.ComponentProps<"span">): react_jsx_runtime22.JSX.Element;
|
|
46
|
+
displayName: string;
|
|
47
|
+
};
|
|
48
|
+
//#endregion
|
|
49
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
|
|
50
|
+
//# sourceMappingURL=pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/components/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM;;;;KAAuC,KAAA,CAAM,wBAAqB,mBAAA,CAAA,GAAA,CAAA;;AAFjB,CAAA;cAYjD,iBAHL,EAGsB,KAAA,CAAA,yBAHtB,CAGsB,IAHtB,CAGsB,KAAA,CAAA,iBAHtB,CAGsB,KAAA,CAAA,cAHtB,CAGsB,gBAHtB,CAAA,EAGsB,gBAHtB,CAAA,EAAA,KAAA,CAAA,GAGsB,KAAA,CAAA,aAHtB,CAGsB,gBAHtB,CAAA,CAAA;cAUK,cAVL,EAUmB,KAAA,CAAA,yBAVnB,CAUmB,IAVnB,CAUmB,KAAA,CAAA,iBAVnB,CAUmB,KAAA,CAAA,gBAVnB,CAUmB,aAVnB,CAAA,EAUmB,aAVnB,CAAA,EAAA,KAAA,CAAA,GAUmB,KAAA,CAAA,aAVnB,CAUmB,aAVnB,CAAA,CAAA;KAeI,mBAAA,GAtB8C;EAAc,QAAO,CAAA,EAAA,OAAA;AAAA,CAAA,GAwBpE,IAxBoE,CAwB/D,WAxB+D,EAAA,MAAA,CAAA,GAyBtE,KAAA,CAAM,cAzBgE,CAAA,GAAA,CAAA;AAAA,cA2BlE,cAbL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,QAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAayE,mBAbzE,CAAA,EAa4F,mBAAA,CAAA,GAAA,CAAA,OAb5F;EAAA,WAJsB,EAAA,MAAA;CAAA;cAgCjB,kBAhCiB,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAmCpB,KAAA,CAAM,cAnCc,CAAA,OAmCQ,cAnCR,CAAA,CAAA,EAmCuB,mBAAA,CAAA,GAAA,CAAA,OAnCvB;EAAA,WAAA,EAAA,MAAA;CAAA;cAgDjB,cAhDiB,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAgD0B,KAAA,CAAM,cAhDhC,CAAA,OAgDsD,cAhDtD,CAAA,CAAA,EAgDqE,mBAAA,CAAA,GAAA,CAAA,OAhDrE;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;cA6DjB,kBApDL,EAAA;EAAA,CAAA;IAFmB,SAAA;IAAA,GAAA;EAAA,CAAA,EAsDiC,KAAA,CAAM,cAtDvC,CAAA,MAAA,CAAA,CAAA,EAsD6D,mBAAA,CAAA,GAAA,CAAA,OAtD7D;EAAA,WAAA,EAAA,MAAA;CAAA"}
|