xfds 0.1.0 → 0.1.1

package/dist/index.esm.js

@@ -0,0 +1,2073 @@
+import { __rest } from 'tslib';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Accordion as Accordion$1, Slot, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Separator as Separator$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, DropdownMenu as DropdownMenu$1, Label as Label$1, HoverCard as HoverCard$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as React from 'react';
+import { useMemo } from 'react';
+import { cva } from 'class-variance-authority';
+import { getDefaultClassNames, DayPicker } from 'react-day-picker';
+import useEmblaCarousel from 'embla-carousel-react';
+import * as RechartsPrimitive from 'recharts';
+import { Combobox as Combobox$1 } from '@base-ui/react';
+import { Command as Command$1 } from 'cmdk';
+import { Drawer as Drawer$1 } from 'vaul';
+import { OTPInput, OTPInputContext } from 'input-otp';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { Toaster as Toaster$1 } from 'sonner';
+
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+
+var _path$f;
+function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
+var SvgKeyboardArrowUp = function SvgKeyboardArrowUp(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$f({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
+    d: "M480-554 283-357l-43-43 240-240 240 240-43 43-197-197Z"
+  })));
+};
+
+var _path$e;
+function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
+var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$e({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
+    d: "M480-344 240-584l43-43 197 197 197-197 43 43-240 240Z"
+  })));
+};
+
+function Accordion(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Accordion$1.Root, Object.assign({ "data-slot": "accordion", className: cn("flex w-full flex-col", className) }, props)));
+}
+function AccordionItem(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Accordion$1.Item, Object.assign({ "data-slot": "accordion-item", className: cn("border-b border-border", className) }, props)));
+}
+function AccordionTrigger(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsx(Accordion$1.Header, { className: "flex", children: jsxs(Accordion$1.Trigger, Object.assign({ "data-slot": "accordion-trigger", className: cn("focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring [&_[data-slot=accordion-trigger-icon]]:text-muted-foreground rounded-input-area py-4 text-left text-base font-medium hover:underline [&_[data-slot=accordion-trigger-icon]]:ml-auto [&_[data-slot=accordion-trigger-icon]]:size-4 group/accordion-trigger relative flex flex-1 items-center justify-between gap-4 border border-transparent transition-all disabled:pointer-events-none disabled:opacity-50", className) }, props, { children: [children, jsx(SvgKeyboardArrowDown, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden size-4" }), jsx(SvgKeyboardArrowUp, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline size-4" })] })) }));
+}
+function AccordionContent(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsx(Accordion$1.Content, Object.assign({ "data-slot": "accordion-content", className: "data-open:animate-accordion-down data-closed:animate-accordion-up text-sm overflow-hidden" }, props, { children: jsx("div", { className: cn("pb-0 pt-4 text-sm leading-5 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className), children: children }) })));
+}
+
+const alertVariants = cva("grid gap-1 rounded-input-card border p-4 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert", {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground border-border",
+            destructive: "text-destructive bg-card border-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Alert(_a) {
+    var { className, variant } = _a, props = __rest(_a, ["className", "variant"]);
+    return (jsx("div", Object.assign({ "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className) }, props)));
+}
+function AlertTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "alert-title", className: cn("font-medium group-has-[>svg]/alert:col-start-2 text-base [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3", className) }, props)));
+}
+function AlertDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "alert-description", className: cn("text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3", className) }, props)));
+}
+function AlertAction(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "alert-action", className: cn("absolute top-2.5 right-3", className) }, props)));
+}
+
+const buttonVariants = cva("focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring aria-invalid:ring-2 aria-invalid:ring-offset-2 aria-invalid:ring-destructive border border-transparent bg-clip-padding text-sm font-medium [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 group/button select-none", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary-hover",
+            outline: "border-border bg-none hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+            ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover focus-visible:ring-destructive",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 gap-1.5 px-2.5 rounded-input-sm in-data-[slot=button-group]:rounded-input-sm has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+            xs: "h-6 gap-1 rounded-input-sm px-2 text-xs in-data-[slot=button-group]:rounded-input-sm has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+            sm: "h-8 gap-1 rounded-input-sm px-2.5 in-data-[slot=button-group]:rounded-input-sm has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+            lg: "h-10 gap-1.5 px-2.5 rounded-input-sm has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+            xl: "h-12 gap-2 px-4 text-base rounded-input-sm has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 [&_svg:not([class*='size-'])]:size-5",
+            icon: "size-9 rounded-input-sm",
+            "icon-xs": "size-6 rounded-input-sm in-data-[slot=button-group]:rounded-input-sm [&_svg:not([class*='size-'])]:size-3",
+            "icon-sm": "size-8 rounded-input-sm in-data-[slot=button-group]:rounded-input-sm",
+            "icon-lg": "size-10 rounded-input-sm",
+            "icon-xl": "size-12 rounded-input-sm [&_svg:not([class*='size-'])]:size-5",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button(_a) {
+    var { className, variant = "default", size = "default", asChild = false } = _a, props = __rest(_a, ["className", "variant", "size", "asChild"]);
+    const Comp = asChild ? Slot.Root : "button";
+    return (jsx(Comp, Object.assign({ "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })) }, props)));
+}
+
+function AlertDialog(_a) {
+    var props = __rest(_a, []);
+    return jsx(AlertDialog$1.Root, Object.assign({ "data-slot": "alert-dialog" }, props));
+}
+function AlertDialogTrigger(_a) {
+    var props = __rest(_a, []);
+    return (jsx(AlertDialog$1.Trigger, Object.assign({ "data-slot": "alert-dialog-trigger" }, props)));
+}
+function AlertDialogPortal(_a) {
+    var props = __rest(_a, []);
+    return (jsx(AlertDialog$1.Portal, Object.assign({ "data-slot": "alert-dialog-portal" }, props)));
+}
+function AlertDialogOverlay(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(AlertDialog$1.Overlay, Object.assign({ "data-slot": "alert-dialog-overlay", className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-overlay duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className) }, props)));
+}
+function AlertDialogContent(_a) {
+    var { className, size = "default", overlayClassName } = _a, props = __rest(_a, ["className", "size", "overlayClassName"]);
+    return (jsxs(AlertDialogPortal, { children: [jsx(AlertDialogOverlay, { className: overlayClassName }), jsx(AlertDialog$1.Content, Object.assign({ "data-slot": "alert-dialog-content", "data-size": size, className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-popover border border-solid shadow-lg gap-6 rounded-card p-6 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none text-center sm:text-left", className) }, props))] }));
+}
+function AlertDialogHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "alert-dialog-header", className: cn("grid grid-rows-[auto_1fr] gap-2 text-center sm:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className) }, props)));
+}
+function AlertDialogFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "alert-dialog-footer", className: cn("flex flex-col gap-2 justify-center sm:flex-row sm:justify-end", className) }, props)));
+}
+function AlertDialogMedia(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "alert-dialog-media", className: cn("bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-input-area sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8", className) }, props)));
+}
+function AlertDialogTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(AlertDialog$1.Title, Object.assign({ "data-slot": "alert-dialog-title", className: cn("text-lg font-semibold text-foreground sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className) }, props)));
+}
+function AlertDialogDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(AlertDialog$1.Description, Object.assign({ "data-slot": "alert-dialog-description", className: cn("text-sm text-muted-foreground *:[a]:hover:text-foreground text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", className) }, props)));
+}
+function AlertDialogAction(_a) {
+    var { className, variant = "default", size = "default" } = _a, props = __rest(_a, ["className", "variant", "size"]);
+    return (jsx(Button, { variant: variant, size: size, asChild: true, children: jsx(AlertDialog$1.Action, Object.assign({ "data-slot": "alert-dialog-action", className: cn(className) }, props)) }));
+}
+function AlertDialogCancel(_a) {
+    var { className, variant = "outline", size = "default" } = _a, props = __rest(_a, ["className", "variant", "size"]);
+    return (jsx(Button, { variant: variant, size: size, asChild: true, children: jsx(AlertDialog$1.Cancel, Object.assign({ "data-slot": "alert-dialog-cancel", className: cn(className) }, props)) }));
+}
+
+function AspectRatio(_a) {
+    var props = __rest(_a, []);
+    return jsx(AspectRatio$1.Root, Object.assign({ "data-slot": "aspect-ratio" }, props));
+}
+
+function Avatar(_a) {
+    var { className, size = "default" } = _a, props = __rest(_a, ["className", "size"]);
+    return (jsx(Avatar$1.Root, Object.assign({ "data-slot": "avatar", "data-size": size, className: cn("size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten", className) }, props)));
+}
+function AvatarImage(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Avatar$1.Image, Object.assign({ "data-slot": "avatar-image", className: cn("rounded-full aspect-square size-full object-cover", className) }, props)));
+}
+function AvatarFallback(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Avatar$1.Fallback, Object.assign({ "data-slot": "avatar-fallback", className: cn("bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs", className) }, props)));
+}
+function AvatarBadge(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("span", Object.assign({ "data-slot": "avatar-badge", className: cn("bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className) }, props)));
+}
+function AvatarGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "avatar-group", className: cn("*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2", className) }, props)));
+}
+function AvatarGroupCount(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "avatar-group-count", className: cn("bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2", className) }, props)));
+}
+
+const badgeVariants = cva("inline-flex items-center justify-center gap-1 rounded-full border border-transparent px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3 w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none group/badge", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary-hover",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover hover:![background-color]",
+            outline: "text-foreground border-border hover:bg-muted hover:text-foreground",
+            ghost: "hover:bg-muted hover:text-foreground",
+            link: "bg-transparent text-primary underline-offset-4 hover:bg-muted hover:underline",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Badge(_a) {
+    var { className, variant = "default", asChild = false } = _a, props = __rest(_a, ["className", "variant", "asChild"]);
+    const Comp = asChild ? Slot.Root : "span";
+    return (jsx(Comp, Object.assign({ "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant }), className) }, props)));
+}
+
+var _path$d;
+function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
+var SvgChevronRight = function SvgChevronRight(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$d({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
+    d: "M530-481 332-679l43-43 241 241-241 241-43-43 198-198Z"
+  })));
+};
+
+var _path$c;
+function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
+var SvgMoreHoriz = function SvgMoreHoriz(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$c({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
+    d: "M207.86-432Q188-432 174-446.14t-14-34Q160-500 174.14-514t34-14Q228-528 242-513.86t14 34Q256-460 241.86-446t-34 14Zm272 0Q460-432 446-446.14t-14-34Q432-500 446.14-514t34-14Q500-528 514-513.86t14 34Q528-460 513.86-446t-34 14Zm272 0Q732-432 718-446.14t-14-34Q704-500 718.14-514t34-14Q772-528 786-513.86t14 34Q800-460 785.86-446t-34 14Z"
+  })));
+};
+
+function Breadcrumb(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("nav", Object.assign({ "aria-label": "breadcrumb", "data-slot": "breadcrumb", className: cn(className) }, props)));
+}
+function BreadcrumbList(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("ol", Object.assign({ "data-slot": "breadcrumb-list", className: cn("text-muted-foreground gap-1 text-sm sm:gap-2 flex flex-wrap items-center break-words font-normal leading-5", className) }, props)));
+}
+function BreadcrumbItem(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("li", Object.assign({ "data-slot": "breadcrumb-item", className: cn("gap-1 inline-flex items-center", className) }, props)));
+}
+function BreadcrumbLink(_a) {
+    var { asChild, className } = _a, props = __rest(_a, ["asChild", "className"]);
+    const Comp = asChild ? Slot.Root : "a";
+    return (jsx(Comp, Object.assign({ "data-slot": "breadcrumb-link", className: cn("hover:text-foreground transition-colors text-sm leading-5 font-normal focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className) }, props)));
+}
+function BreadcrumbPage(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("span", Object.assign({ "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("text-foreground font-normal text-sm leading-5", className) }, props)));
+}
+function BreadcrumbSeparator(_a) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (jsx("li", Object.assign({ "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5 text-muted-foreground", className) }, props, { children: children !== null && children !== void 0 ? children : (jsx(SvgChevronRight, {})) })));
+}
+function BreadcrumbEllipsis(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsxs("span", Object.assign({ "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("size-5 [&>svg]:size-4 flex items-center justify-center text-muted-foreground", className) }, props, { children: [jsx(SvgMoreHoriz, {}), jsx("span", { className: "sr-only", children: "More" })] })));
+}
+
+function Separator(_a) {
+    var { className, orientation = "horizontal", decorative = true } = _a, props = __rest(_a, ["className", "orientation", "decorative"]);
+    return (jsx(Separator$1.Root, Object.assign({ "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className) }, props)));
+}
+
+const buttonGroupVariants = cva("has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-input-sm flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+    variants: {
+        orientation: {
+            horizontal: "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-input-sm! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+            vertical: "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-input-sm! flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
+        },
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+    },
+});
+function ButtonGroup(_a) {
+    var { className, orientation } = _a, props = __rest(_a, ["className", "orientation"]);
+    return (jsx("div", Object.assign({ role: "group", "data-slot": "button-group", "data-orientation": orientation, className: cn(buttonGroupVariants({ orientation }), className) }, props)));
+}
+function ButtonGroupText(_a) {
+    var { className, asChild = false } = _a, props = __rest(_a, ["className", "asChild"]);
+    const Comp = asChild ? Slot.Root : "div";
+    return (jsx(Comp, Object.assign({ className: cn("bg-muted gap-2 rounded-input-sm border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none", className) }, props)));
+}
+function ButtonGroupSeparator(_a) {
+    var { className, orientation = "vertical" } = _a, props = __rest(_a, ["className", "orientation"]);
+    return (jsx(Separator, Object.assign({ "data-slot": "button-group-separator", orientation: orientation, className: cn("bg-input relative self-stretch data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto", className) }, props)));
+}
+
+var _path$b;
+function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
+var SvgChevronLeft = function SvgChevronLeft(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$b({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
+    d: "M561-240 320-481l241-241 43 43-198 198 198 198-43 43Z"
+  })));
+};
+
+function Calendar(_a) {
+    var { className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components } = _a, props = __rest(_a, ["className", "classNames", "showOutsideDays", "captionLayout", "buttonVariant", "formatters", "components"]);
+    const defaultClassNames = getDefaultClassNames();
+    return (jsx(DayPicker, Object.assign({ showOutsideDays: showOutsideDays, className: cn("p-3 [--cell-size:--spacing(8)] rounded-input-area bg-background group/calendar [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: Object.assign({ formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }) }, formatters), classNames: Object.assign({ root: cn("w-fit", defaultClassNames.root), months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months), month: cn("flex flex-col w-full gap-4", defaultClassNames.month), nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav), button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous), button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next), month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption), dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns), dropdown_root: cn("relative cn-calendar-dropdown-root rounded-input-sm", defaultClassNames.dropdown_root), dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown), caption_label: cn("select-none font-medium", captionLayout === "label"
+                ? "text-sm"
+                : "cn-calendar-caption-label rounded-input-sm flex items-center gap-1 text-sm  [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label), table: "w-full border-collapse", weekdays: cn("flex", defaultClassNames.weekdays), weekday: cn("text-muted-foreground rounded-input-sm flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday), week: cn("flex w-full mt-2", defaultClassNames.week), week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header), week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number), day: cn("relative w-full rounded-input-sm h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-input-sm group/day aspect-square select-none overflow-hidden", props.showWeekNumber
+                ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-input-sm"
+                : "[&:first-child[data-selected=true]_button]:rounded-l-input-sm", defaultClassNames.day), range_start: cn("rounded-l-input-sm rounded-r-none bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:right-0 -z-0 isolate", defaultClassNames.range_start), range_middle: cn("rounded-none", defaultClassNames.range_middle), range_end: cn("rounded-r-input-sm rounded-l-none bg-muted relative after:bg-muted-200 after:absolute after:inset-y-0 after:w-4 after:left-0 -z-0 isolate", defaultClassNames.range_end), today: cn("bg-muted text-foreground rounded-none data-[selected=true]:rounded-none", defaultClassNames.today), outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside), disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled), hidden: cn("invisible", defaultClassNames.hidden) }, classNames), components: Object.assign({ Root: (_a) => {
+                var { className, rootRef } = _a, props = __rest(_a, ["className", "rootRef"]);
+                return (jsx("div", Object.assign({ "data-slot": "calendar", ref: rootRef, className: cn(className) }, props)));
+            }, Chevron: (_a) => {
+                var { className, orientation } = _a, props = __rest(_a, ["className", "orientation"]);
+                if (orientation === "left") {
+                    return (jsx(SvgChevronLeft, Object.assign({ className: cn("size-4", className), style: {
+                            fontVariationSettings: "'wght' 400, 'opsz' 24, 'FILL' 0, 'GRAD' 0"
+                        } }, props)));
+                }
+                if (orientation === "right") {
+                    return (jsx(SvgChevronRight, Object.assign({ className: cn("size-4", className), style: {
+                            fontVariationSettings: "'wght' 400, 'opsz' 24, 'FILL' 0, 'GRAD' 0"
+                        } }, props)));
+                }
+                return (jsx(SvgKeyboardArrowDown, Object.assign({ className: cn("size-4", className), style: {
+                        fontVariationSettings: "'wght' 400, 'opsz' 24, 'FILL' 0, 'GRAD' 0"
+                    } }, props)));
+            }, DayButton: CalendarDayButton, WeekNumber: (_a) => {
+                var { children } = _a, props = __rest(_a, ["children"]);
+                return (jsx("td", Object.assign({}, props, { children: jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) })));
+            } }, components) }, props)));
+}
+function CalendarDayButton(_a) {
+    var { className, day, modifiers } = _a, props = __rest(_a, ["className", "day", "modifiers"]);
+    const defaultClassNames = getDefaultClassNames();
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        var _a;
+        if (modifiers.focused)
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [modifiers.focused]);
+    return (jsx(Button, Object.assign({ ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
+            !modifiers.range_start &&
+            !modifiers.range_end &&
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:focus-visible:outline-none group-data-[focused=true]/day:focus-visible:ring-2 group-data-[focused=true]/day:focus-visible:ring-offset-2 group-data-[focused=true]/day:focus-visible:ring-ring dark:hover:text-foreground relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 data-[range-end=true]:rounded-input-sm data-[range-end=true]:rounded-r-input-sm data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-input-sm data-[range-start=true]:rounded-l-input-sm [&>span]:text-xs [&>span]:opacity-70 rounded-input-sm", defaultClassNames.day, className) }, props)));
+}
+
+function Card(_a) {
+    var { className, size = "default" } = _a, props = __rest(_a, ["className", "size"]);
+    return (jsx("div", Object.assign({ "data-slot": "card", "data-size": size, className: cn("bg-card text-card-foreground gap-6 overflow-hidden rounded-card py-6 text-sm ring-1 ring-border has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-none *:[img:last-child]:rounded-b-none group/card flex flex-col", className) }, props)));
+}
+function CardHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "card-header", className: cn("gap-1.5 px-6 pb-6 group-data-[size=sm]/card:px-4 group-data-[size=sm]/card:pb-4 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]", className) }, props)));
+}
+function CardTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "card-title", className: cn("text-2xl font-semibold leading-none tracking-tight group-data-[size=sm]/card:text-lg", className) }, props)));
+}
+function CardDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "card-description", className: cn("text-sm text-muted-foreground leading-5", className) }, props)));
+}
+function CardAction(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className) }, props)));
+}
+function CardContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "card-content", className: cn("px-6 pb-6 group-data-[size=sm]/card:px-4 group-data-[size=sm]/card:pb-4", className) }, props)));
+}
+function CardFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "card-footer", className: cn("px-6 pb-6 group-data-[size=sm]/card:px-4 group-data-[size=sm]/card:pb-4 flex items-center gap-3", className) }, props)));
+}
+
+const CarouselContext = React.createContext(null);
+function useCarousel() {
+    const context = React.useContext(CarouselContext);
+    if (!context) {
+        throw new Error("useCarousel must be used within a <Carousel />");
+    }
+    return context;
+}
+function Carousel(_a) {
+    var { orientation = "horizontal", opts, setApi, plugins, className, children } = _a, props = __rest(_a, ["orientation", "opts", "setApi", "plugins", "className", "children"]);
+    const [carouselRef, api] = useEmblaCarousel(Object.assign(Object.assign({}, opts), { axis: orientation === "horizontal" ? "x" : "y" }), plugins);
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+    const [canScrollNext, setCanScrollNext] = React.useState(false);
+    const onSelect = React.useCallback((api) => {
+        if (!api)
+            return;
+        setCanScrollPrev(api.canScrollPrev());
+        setCanScrollNext(api.canScrollNext());
+    }, []);
+    const scrollPrev = React.useCallback(() => {
+        api === null || api === void 0 ? void 0 : api.scrollPrev();
+    }, [api]);
+    const scrollNext = React.useCallback(() => {
+        api === null || api === void 0 ? void 0 : api.scrollNext();
+    }, [api]);
+    const handleKeyDown = React.useCallback((event) => {
+        if (event.key === "ArrowLeft") {
+            event.preventDefault();
+            scrollPrev();
+        }
+        else if (event.key === "ArrowRight") {
+            event.preventDefault();
+            scrollNext();
+        }
+    }, [scrollPrev, scrollNext]);
+    React.useEffect(() => {
+        if (!api || !setApi)
+            return;
+        setApi(api);
+    }, [api, setApi]);
+    React.useEffect(() => {
+        if (!api)
+            return;
+        onSelect(api);
+        api.on("reInit", onSelect);
+        api.on("select", onSelect);
+        return () => {
+            api === null || api === void 0 ? void 0 : api.off("select", onSelect);
+        };
+    }, [api, onSelect]);
+    return (jsx(CarouselContext.Provider, { value: {
+            carouselRef,
+            api: api,
+            opts,
+            orientation: orientation || ((opts === null || opts === void 0 ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
+            scrollPrev,
+            scrollNext,
+            canScrollPrev,
+            canScrollNext,
+        }, children: jsx("div", Object.assign({ onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel" }, props, { children: children })) }));
+}
+function CarouselContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const { carouselRef, orientation } = useCarousel();
+    return (jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: jsx("div", Object.assign({ className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className) }, props)) }));
+}
+function CarouselItem(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const { orientation } = useCarousel();
+    return (jsx("div", Object.assign({ role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className) }, props)));
+}
+function CarouselPrevious(_a) {
+    var { className, variant = "outline", size = "icon-sm" } = _a, props = __rest(_a, ["className", "variant", "size"]);
+    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+    return (jsxs(Button, Object.assign({ "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute touch-manipulation rounded-input-sm", orientation === "horizontal"
+            ? "top-1/2 -left-12 -translate-y-1/2"
+            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev }, props, { children: [jsx(SvgChevronLeft, {}), jsx("span", { className: "sr-only", children: "Previous slide" })] })));
+}
+function CarouselNext(_a) {
+    var { className, variant = "outline", size = "icon-sm" } = _a, props = __rest(_a, ["className", "variant", "size"]);
+    const { orientation, scrollNext, canScrollNext } = useCarousel();
+    return (jsxs(Button, Object.assign({ "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute touch-manipulation rounded-input-sm", orientation === "horizontal"
+            ? "top-1/2 -right-12 -translate-y-1/2"
+            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext }, props, { children: [jsx(SvgChevronRight, {}), jsx("span", { className: "sr-only", children: "Next slide" })] })));
+}
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" };
+const ChartContext = React.createContext(null);
+function useChart() {
+    const context = React.useContext(ChartContext);
+    if (!context) {
+        throw new Error("useChart must be used within a <ChartContainer />");
+    }
+    return context;
+}
+function ChartContainer(_a) {
+    var { id, className, children, config } = _a, props = __rest(_a, ["id", "className", "children", "config"]);
+    const uniqueId = React.useId();
+    const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+    return (jsx(ChartContext.Provider, { value: { config }, children: jsxs("div", Object.assign({ "data-slot": "chart", "data-chart": chartId, className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-[var(--muted-foreground)] [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-[var(--border)] [&_.recharts-curve.recharts-tooltip-cursor]:stroke-[var(--border)] [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-[var(--border)] [&_.recharts-radial-bar-background-sector]:fill-[var(--muted)] [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-[var(--muted)] [&_.recharts-reference-line_[stroke='#ccc']]:stroke-[var(--border)] flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", "chart-container", className) }, props, { children: [jsx(ChartStyle, { id: chartId, config: config }), jsx(RechartsPrimitive.ResponsiveContainer, { children: children })] })) }));
+}
+const ChartStyle = ({ id, config }) => {
+    const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);
+    if (!colorConfig.length) {
+        return null;
+    }
+    return (jsx("style", { dangerouslySetInnerHTML: {
+            __html: Object.entries(THEMES)
+                .map(([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+                .map(([key, itemConfig]) => {
+                var _a;
+                const color = ((_a = itemConfig.theme) === null || _a === void 0 ? void 0 : _a[theme]) ||
+                    itemConfig.color;
+                return color ? `  --color-${key}: ${color};` : null;
+            })
+                .join("\n")}
+}
+`)
+                .join("\n"),
+        } }));
+};
+const ChartTooltip = RechartsPrimitive.Tooltip;
+function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
+    const { config } = useChart();
+    const tooltipLabel = React.useMemo(() => {
+        var _a;
+        if (hideLabel || !(payload === null || payload === void 0 ? void 0 : payload.length)) {
+            return null;
+        }
+        const [item] = payload;
+        const key = `${labelKey || (item === null || item === void 0 ? void 0 : item.dataKey) || (item === null || item === void 0 ? void 0 : item.name) || "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = !labelKey && typeof label === "string"
+            ? ((_a = config[label]) === null || _a === void 0 ? void 0 : _a.label) || label
+            : itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label;
+        if (labelFormatter) {
+            return (jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) }));
+        }
+        if (!value) {
+            return null;
+        }
+        return jsx("div", { className: cn("font-medium", labelClassName), children: value });
+    }, [
+        label,
+        labelFormatter,
+        payload,
+        hideLabel,
+        labelClassName,
+        config,
+        labelKey,
+    ]);
+    if (!active || !(payload === null || payload === void 0 ? void 0 : payload.length)) {
+        return null;
+    }
+    const nestLabel = payload.length === 1 && indicator !== "dot";
+    return (jsxs("div", { className: cn("chart-tooltip", "border border-[var(--border)] bg-[var(--background)] gap-1.5 rounded-popover px-2.5 py-1.5 text-xs shadow-xl grid min-w-[8rem] items-start", className), children: [!nestLabel ? tooltipLabel : null, jsx("div", { className: "chart-tooltip-content grid gap-1.5", children: payload
+                    .filter((item) => item.type !== "none")
+                    .map((item, index) => {
+                    const key = `${nameKey || item.name || item.dataKey || "value"}`;
+                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+                    const indicatorColor = color || item.payload.fill || item.color;
+                    return (jsx("div", { className: cn("[&>svg]:text-[var(--muted-foreground)] flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", indicator === "dot" && "items-center"), children: formatter && (item === null || item === void 0 ? void 0 : item.value) !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (jsxs(Fragment, { children: [(itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.icon) ? (jsx(itemConfig.icon, {})) : (!hideIndicator && (jsx("div", { className: cn("shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]", {
+                                        "h-2.5 w-2.5": indicator === "dot",
+                                        "w-1": indicator === "line",
+                                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                                        "my-0.5": nestLabel && indicator === "dashed",
+                                    }), style: {
+                                        "--color-bg": indicatorColor,
+                                        "--color-border": indicatorColor,
+                                    } }))), jsxs("div", { className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"), children: [jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, jsx("span", { className: "text-[var(--muted-foreground)]", children: (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label) || item.name })] }), item.value && (jsx("span", { className: "text-[var(--foreground)] font-mono font-medium tabular-nums", children: item.value.toLocaleString() }))] })] })) }, item.dataKey));
+                }) })] }));
+}
+const ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey, }) {
+    const { config } = useChart();
+    if (!(payload === null || payload === void 0 ? void 0 : payload.length)) {
+        return null;
+    }
+    return (jsx("div", { className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: payload
+            .filter((item) => item.type !== "none")
+            .map((item) => {
+            const key = `${nameKey || item.dataKey || "value"}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            return (jsxs("div", { className: cn("[&>svg]:text-[var(--muted-foreground)] flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"), children: [(itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.icon) && !hideIcon ? (jsx(itemConfig.icon, {})) : (jsx("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
+                            backgroundColor: item.color,
+                        } })), itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label] }, item.value));
+        }) }));
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+    if (typeof payload !== "object" || payload === null) {
+        return undefined;
+    }
+    const payloadPayload = "payload" in payload &&
+        typeof payload.payload === "object" &&
+        payload.payload !== null
+        ? payload.payload
+        : undefined;
+    let configLabelKey = key;
+    if (key in payload &&
+        typeof payload[key] === "string") {
+        configLabelKey = payload[key];
+    }
+    else if (payloadPayload &&
+        key in payloadPayload &&
+        typeof payloadPayload[key] === "string") {
+        configLabelKey = payloadPayload[key];
+    }
+    return configLabelKey in config
+        ? config[configLabelKey]
+        : config[key];
+}
+
+var _path$a;
+function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
+var SvgCheck = function SvgCheck(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$a({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
+    d: "M378-246 154-470l43-43 181 181 384-384 43 43-427 427Z"
+  })));
+};
+
+function Checkbox(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Checkbox$1.Root, Object.assign({ "data-slot": "checkbox", className: cn("border-input-border bg-input data-checked:bg-primary data-checked:text-primary-foreground data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring aria-invalid:ring-2 aria-invalid:ring-offset-2 aria-invalid:ring-destructive flex size-4 items-center justify-center rounded-xs border transition-shadow group-has-disabled/field:opacity-50 peer relative shrink-0 disabled:cursor-not-allowed disabled:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2", className) }, props, { children: jsx(Checkbox$1.Indicator, { "data-slot": "checkbox-indicator", className: "[&>svg]:size-3.5 grid place-content-center text-current transition-none", children: jsx(SvgCheck, {}) }) })));
+}
+
+function Collapsible(_a) {
+    var props = __rest(_a, []);
+    return jsx(Collapsible$1.Root, Object.assign({ "data-slot": "collapsible" }, props));
+}
+function CollapsibleTrigger(_a) {
+    var props = __rest(_a, []);
+    return (jsx(Collapsible$1.CollapsibleTrigger, Object.assign({ "data-slot": "collapsible-trigger" }, props)));
+}
+function CollapsibleContent(_a) {
+    var props = __rest(_a, []);
+    return (jsx(Collapsible$1.CollapsibleContent, Object.assign({ "data-slot": "collapsible-content" }, props)));
+}
+
+function Input(_a) {
+    var { className, type } = _a, props = __rest(_a, ["className", "type"]);
+    return (jsx("input", Object.assign({ type: type, "data-slot": "input", className: cn("border-input-border bg-input focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring aria-invalid:ring-2 aria-invalid:ring-offset-2 aria-invalid:ring-destructive h-9 rounded-input-sm border bg-input px-3 py-1 text-base transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", className) }, props)));
+}
+
+function Textarea(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("textarea", Object.assign({ "data-slot": "textarea", className: cn("border-input-border bg-input focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring aria-invalid:ring-2 aria-invalid:ring-offset-2 aria-invalid:ring-destructive rounded-input-area border px-2.5 py-2 text-base transition-[color,box-shadow] md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full disabled:cursor-not-allowed disabled:opacity-50", className) }, props)));
+}
+
+function InputGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "input-group", role: "group", className: cn("border-input-border bg-input has-[[data-slot=input-group-control]:focus-visible]:outline-none has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot=input-group-control]:focus-visible]:ring-offset-2 has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot][aria-invalid=true]]:ring-2 has-[[data-slot][aria-invalid=true]]:ring-offset-2 has-[[data-slot][aria-invalid=true]]:ring-destructive h-9 rounded-input-sm border transition-[color,box-shadow] has-[>textarea]:h-auto group/input-group relative flex w-full min-w-0 items-center outline-none [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0", className) }, props)));
+}
+const inputGroupAddonVariants = cva("text-muted-foreground h-auto ml-1.5 gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-input-sm [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", {
+    variants: {
+        align: {
+            "inline-start": "pl-2 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem] order-first",
+            "inline-end": "pr-2 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem] order-last",
+            "block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
+            "block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start",
+        },
+    },
+    defaultVariants: {
+        align: "inline-start",
+    },
+});
+function InputGroupAddon(_a) {
+    var { className, align = "inline-start" } = _a, props = __rest(_a, ["className", "align"]);
+    return (jsx("div", Object.assign({ role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
+            var _a, _b;
+            if (e.target.closest("button")) {
+                return;
+            }
+            (_b = (_a = e.currentTarget.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector("input")) === null || _b === void 0 ? void 0 : _b.focus();
+        } }, props)));
+}
+const inputGroupButtonVariants = cva("gap-2 text-sm shadow-none border-0 mr-1.5 rounded-input-sm bg-transparent focus-visible:ring-0 flex items-center", {
+    variants: {
+        size: {
+            xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+            sm: "",
+            "icon-xs": "size-6  p-0 has-[>svg]:p-0",
+            "icon-sm": "size-8  p-0 has-[>svg]:p-0",
+        },
+    },
+    defaultVariants: {
+        size: "xs",
+    },
+});
+function InputGroupButton(_a) {
+    var { className, type = "button", variant = "ghost", size = "xs" } = _a, props = __rest(_a, ["className", "type", "variant", "size"]);
+    return (jsx(Button, Object.assign({ type: type, "data-size": size, variant: variant, className: cn(inputGroupButtonVariants({ size }), className) }, props)));
+}
+function InputGroupText(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("span", Object.assign({ className: cn("text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none", className) }, props)));
+}
+function InputGroupInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Input, Object.assign({ "data-slot": "input-group-control", className: cn("rounded-none border-0 bg-transparent shadow-none ring-0 ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 aria-invalid:ring-0 aria-invalid:ring-offset-0 flex-1", className) }, props)));
+}
+function InputGroupTextarea(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Textarea, Object.assign({ "data-slot": "input-group-control", className: cn("rounded-none border-0 bg-transparent py-2 shadow-none ring-0 ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 aria-invalid:ring-0 aria-invalid:ring-offset-0 flex-1 resize-none", className) }, props)));
+}
+
+var _path$9;
+function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
+var SvgClose = function SvgClose(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$9({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
+    d: "m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"
+  })));
+};
+
+const Combobox = Combobox$1.Root;
+function ComboboxValue(_a) {
+    var props = __rest(_a, []);
+    return jsx(Combobox$1.Value, Object.assign({ "data-slot": "combobox-value" }, props));
+}
+function ComboboxTrigger(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsxs(Combobox$1.Trigger, Object.assign({ "data-slot": "combobox-trigger", className: cn("[&_svg:not([class*='size-'])]:size-4", className) }, props, { children: [children, jsx(SvgKeyboardArrowDown, { className: "text-muted-foreground size-4 pointer-events-none" })] })));
+}
+function ComboboxClear(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Combobox$1.Clear, Object.assign({ "data-slot": "combobox-clear", render: jsx(InputGroupButton, { variant: "ghost", size: "icon-xs" }), className: cn(className) }, props, { children: jsx(SvgClose, { className: "pointer-events-none" }) })));
+}
+function ComboboxInput(_a) {
+    var { className, children, disabled = false, showTrigger = true, showClear = false } = _a, props = __rest(_a, ["className", "children", "disabled", "showTrigger", "showClear"]);
+    return (jsxs(InputGroup, { className: cn("w-auto", className), children: [jsx(Combobox$1.Input, Object.assign({ render: jsx(InputGroupInput, { disabled: disabled }) }, props)), jsxs(InputGroupAddon, { align: "inline-end", children: [showTrigger && (jsx(InputGroupButton, { size: "icon-xs", variant: "ghost", asChild: true, "data-slot": "input-group-button", className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent", disabled: disabled, children: jsx(ComboboxTrigger, {}) })), showClear && jsx(ComboboxClear, { disabled: disabled })] }), children] }));
+}
+function ComboboxContent(_a) {
+    var { className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor } = _a, props = __rest(_a, ["className", "side", "sideOffset", "align", "alignOffset", "anchor"]);
+    return (jsx(Combobox$1.Portal, { children: jsx(Combobox$1.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, className: "isolate z-50", children: jsx(Combobox$1.Popup, Object.assign({ "data-slot": "combobox-content", "data-chips": !!anchor, className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input-border/30 max-h-72 min-w-36 overflow-hidden rounded-popover shadow-md ring-1 ring-foreground/10 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width) p-2", className) }, props)) }) }));
+}
+function ComboboxList(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Combobox$1.List, Object.assign({ "data-slot": "combobox-list", className: cn("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-2 data-empty:p-0 overflow-y-auto overscroll-contain", className) }, props)));
+}
+function ComboboxItem(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsxs(Combobox$1.Item, Object.assign({ "data-slot": "combobox-item", className: cn("data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-input-area p-1 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props, { children: [children, jsx(Combobox$1.ItemIndicator, { render: jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }), children: jsx(SvgCheck, { className: "pointer-events-none" }) })] })));
+}
+function ComboboxGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Combobox$1.Group, Object.assign({ "data-slot": "combobox-group", className: cn(className) }, props)));
+}
+function ComboboxLabel(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Combobox$1.GroupLabel, Object.assign({ "data-slot": "combobox-label", className: cn("text-muted-foreground px-2 py-1.5 text-xs", className) }, props)));
+}
+function ComboboxCollection(_a) {
+    var props = __rest(_a, []);
+    return (jsx(Combobox$1.Collection, Object.assign({ "data-slot": "combobox-collection" }, props)));
+}
+function ComboboxEmpty(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Combobox$1.Empty, Object.assign({ "data-slot": "combobox-empty", className: cn("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex", className) }, props)));
+}
+function ComboboxSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Combobox$1.Separator, Object.assign({ "data-slot": "combobox-separator", className: cn("bg-border -mx-1 my-1 h-px", className) }, props)));
+}
+function ComboboxChips(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Combobox$1.Chips, Object.assign({ "data-slot": "combobox-chips", className: cn("dark:bg-input border-input-border focus-within:border-ring focus-within:focus-visible:outline-none focus-within:focus-visible:ring-2 focus-within:focus-visible:ring-offset-2 focus-within:focus-visible:ring-ring has-aria-invalid:ring-2 has-aria-invalid:ring-offset-2 has-aria-invalid:ring-destructive has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive flex min-h-9 flex-wrap items-center gap-1.5 rounded-input-area border bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm transition-[color,box-shadow] has-data-[slot=combobox-chip]:px-1.5", className) }, props)));
+}
+function ComboboxChip(_a) {
+    var { className, children, showRemove = true } = _a, props = __rest(_a, ["className", "children", "showRemove"]);
+    return (jsxs(Combobox$1.Chip, Object.assign({ "data-slot": "combobox-chip", className: cn("bg-muted text-foreground flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 rounded-input-area  px-1.5 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pr-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50", className) }, props, { children: [children, showRemove && (jsx(Combobox$1.ChipRemove, { render: jsx(Button, { variant: "ghost", size: "icon-xs" }), className: "-ml-1 opacity-50 hover:opacity-100", "data-slot": "combobox-chip-remove", children: jsx(SvgClose, { className: "pointer-events-none" }) }))] })));
+}
+function ComboboxChipsInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Combobox$1.Input, Object.assign({ "data-slot": "combobox-chip-input", className: cn("min-w-16 flex-1 outline-none", className) }, props)));
+}
+function useComboboxAnchor() {
+    return React.useRef(null);
+}
+
+function Dialog(_a) {
+    var props = __rest(_a, []);
+    return jsx(Dialog$1.Root, Object.assign({ "data-slot": "dialog" }, props));
+}
+function DialogTrigger(_a) {
+    var props = __rest(_a, []);
+    return jsx(Dialog$1.Trigger, Object.assign({ "data-slot": "dialog-trigger" }, props));
+}
+function DialogPortal(_a) {
+    var props = __rest(_a, []);
+    return jsx(Dialog$1.Portal, Object.assign({ "data-slot": "dialog-portal" }, props));
+}
+function DialogClose(_a) {
+    var props = __rest(_a, []);
+    return jsx(Dialog$1.Close, Object.assign({ "data-slot": "dialog-close" }, props));
+}
+function DialogOverlay(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Dialog$1.Overlay, Object.assign({ "data-slot": "dialog-overlay", className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-overlay duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className) }, props)));
+}
+function DialogContent(_a) {
+    var { className, children, showCloseButton = true, overlayClassName } = _a, props = __rest(_a, ["className", "children", "showCloseButton", "overlayClassName"]);
+    return (jsxs(DialogPortal, { children: [jsx(DialogOverlay, { className: overlayClassName }), jsxs(Dialog$1.Content, Object.assign({ "data-slot": "dialog-content", className: cn("bg-popover data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 shadow-lg grid max-w-[calc(100%-2rem)] gap-6 rounded-card p-6 text-sm duration-100 sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2", className) }, props, { children: [children, showCloseButton && (jsx(Dialog$1.Close, { "data-slot": "dialog-close", asChild: true, children: jsxs(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm", children: [jsx(SvgClose, {}), jsx("span", { className: "sr-only", children: "Close" })] }) }))] }))] }));
+}
+function DialogHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "dialog-header", className: cn("gap-2 flex flex-col", className) }, props)));
+}
+function DialogFooter(_a) {
+    var { className, showCloseButton = false, children } = _a, props = __rest(_a, ["className", "showCloseButton", "children"]);
+    return (jsxs("div", Object.assign({ "data-slot": "dialog-footer", className: cn("gap-2 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className) }, props, { children: [children, showCloseButton && (jsx(Dialog$1.Close, { asChild: true, children: jsx(Button, { variant: "outline", children: "Close" }) }))] })));
+}
+function DialogTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Dialog$1.Title, Object.assign({ "data-slot": "dialog-title", className: cn("leading-none font-medium", className) }, props)));
+}
+function DialogDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Dialog$1.Description, Object.assign({ "data-slot": "dialog-description", className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className) }, props)));
+}
+
+var _path$8;
+function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
+var SvgSearch = function SvgSearch(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$8({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
+    d: "M796-121 533-384q-30 26-69.96 40.5Q423.08-329 378-329q-108.16 0-183.08-75Q120-479 120-585t75-181q75-75 181.5-75t181 75Q632-691 632-584.85 632-542 618-502q-14 40-42 75l264 262-44 44ZM377-389q81.25 0 138.13-57.5Q572-504 572-585t-56.87-138.5Q458.25-781 377-781q-82.08 0-139.54 57.5Q180-666 180-585t57.46 138.5Q294.92-389 377-389Z"
+  })));
+};
+
+function Command(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Command$1, Object.assign({ "data-slot": "command", className: cn("bg-popover text-popover-foreground rounded-popover p-1 flex size-full flex-col overflow-hidden", className) }, props)));
+}
+function CommandDialog(_a) {
+    var { title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false } = _a, props = __rest(_a, ["title", "description", "children", "className", "showCloseButton"]);
+    return (jsxs(Dialog, Object.assign({}, props, { children: [jsxs(DialogHeader, { className: "sr-only", children: [jsx(DialogTitle, { children: title }), jsx(DialogDescription, { children: description })] }), jsx(DialogContent, { className: cn("rounded-popover overflow-hidden p-0", className), showCloseButton: showCloseButton, children: jsx(Command, { children: children }) })] })));
+}
+function CommandInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: jsxs(InputGroup, { className: "bg-input border-input h-8! rounded-input-area! shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [jsx(Command$1.Input, Object.assign({ "data-slot": "command-input", className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className) }, props)), jsx(InputGroupAddon, { children: jsx(SvgSearch, { className: "size-4 shrink-0 opacity-50" }) })] }) }));
+}
+function CommandList(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Command$1.List, Object.assign({ "data-slot": "command-list", className: cn("no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto", className) }, props)));
+}
+function CommandEmpty(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Command$1.Empty, Object.assign({ "data-slot": "command-empty", className: cn("py-6 text-center text-sm", className) }, props)));
+}
+function CommandGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Command$1.Group, Object.assign({ "data-slot": "command-group", className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className) }, props)));
+}
+function CommandSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Command$1.Separator, Object.assign({ "data-slot": "command-separator", className: cn("bg-border -mx-1 h-px w-auto", className) }, props)));
+}
+function CommandItem(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsxs(Command$1.Item, Object.assign({ "data-slot": "command-item", className: cn("data-selected:bg-accent data-selected:text-accent-foreground data-selected:**:[svg]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-input-area px-2 py-1.5 text-sm outline-hidden select-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=dialog-content]_&]:rounded-input-area! group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props, { children: [children, jsx(SvgCheck, { className: "ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })] })));
+}
+function CommandShortcut(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("span", Object.assign({ "data-slot": "command-shortcut", className: cn("text-muted-foreground group-data-selected/command-item:text-accent-foreground ml-auto text-xs tracking-widest", className) }, props)));
+}
+
+function ContextMenu(_a) {
+    var props = __rest(_a, []);
+    return jsx(ContextMenu$1.Root, Object.assign({ "data-slot": "context-menu" }, props));
+}
+function ContextMenuTrigger(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(ContextMenu$1.Trigger, Object.assign({ "data-slot": "context-menu-trigger", className: cn("select-none", className) }, props)));
+}
+function ContextMenuGroup(_a) {
+    var props = __rest(_a, []);
+    return (jsx(ContextMenu$1.Group, Object.assign({ "data-slot": "context-menu-group" }, props)));
+}
+function ContextMenuPortal(_a) {
+    var props = __rest(_a, []);
+    return (jsx(ContextMenu$1.Portal, Object.assign({ "data-slot": "context-menu-portal" }, props)));
+}
+function ContextMenuSub(_a) {
+    var props = __rest(_a, []);
+    return jsx(ContextMenu$1.Sub, Object.assign({ "data-slot": "context-menu-sub" }, props));
+}
+function ContextMenuRadioGroup(_a) {
+    var props = __rest(_a, []);
+    return (jsx(ContextMenu$1.RadioGroup, Object.assign({ "data-slot": "context-menu-radio-group" }, props)));
+}
+function ContextMenuContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(ContextMenu$1.Portal, { children: jsx(ContextMenu$1.Content, Object.assign({ "data-slot": "context-menu-content", className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-popover p-1 shadow-md ring-1 duration-100 z-50 max-h-(--radix-context-menu-content-available-height) origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto", className) }, props)) }));
+}
+function ContextMenuItem(_a) {
+    var { className, inset, variant = "default" } = _a, props = __rest(_a, ["className", "inset", "variant"]);
+    return (jsx(ContextMenu$1.Item, Object.assign({ "data-slot": "context-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-2 rounded-input-area px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props)));
+}
+function ContextMenuSubTrigger(_a) {
+    var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
+    return (jsxs(ContextMenu$1.SubTrigger, Object.assign({ "data-slot": "context-menu-sub-trigger", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground rounded-input-area px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props, { children: [children, jsx(SvgChevronRight, { className: "ml-auto" })] })));
+}
+function ContextMenuSubContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(ContextMenu$1.SubContent, Object.assign({ "data-slot": "context-menu-sub-content", className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 bg-popover text-popover-foreground min-w-32 rounded-popover border p-1 shadow-lg duration-100 z-50 origin-(--radix-context-menu-content-transform-origin) overflow-hidden", className) }, props)));
+}
+function ContextMenuCheckboxItem(_a) {
+    var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
+    return (jsxs(ContextMenu$1.CheckboxItem, Object.assign({ "data-slot": "context-menu-checkbox-item", className: cn("focus:bg-accent focus:text-accent-foreground gap-2 rounded-input-area py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), checked: checked }, props, { children: [jsx("span", { className: "absolute right-2 pointer-events-none", children: jsx(ContextMenu$1.ItemIndicator, { children: jsx(SvgCheck, {}) }) }), children] })));
+}
+function ContextMenuRadioItem(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsxs(ContextMenu$1.RadioItem, Object.assign({ "data-slot": "context-menu-radio-item", className: cn("focus:bg-accent focus:text-accent-foreground gap-2 rounded-input-area py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props, { children: [jsx("span", { className: "absolute right-2 pointer-events-none", children: jsx(ContextMenu$1.ItemIndicator, { children: jsx(SvgCheck, {}) }) }), children] })));
+}
+function ContextMenuLabel(_a) {
+    var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
+    return (jsx(ContextMenu$1.Label, Object.assign({ "data-slot": "context-menu-label", "data-inset": inset, className: cn("text-muted-foreground px-2 py-1.5 text-xs font-medium data-[inset]:pl-8", className) }, props)));
+}
+function ContextMenuSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(ContextMenu$1.Separator, Object.assign({ "data-slot": "context-menu-separator", className: cn("bg-border -mx-1 my-1 h-px", className) }, props)));
+}
+function ContextMenuShortcut(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("span", Object.assign({ "data-slot": "context-menu-shortcut", className: cn("text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className) }, props)));
+}
+
+function Drawer(_a) {
+    var props = __rest(_a, []);
+    return jsx(Drawer$1.Root, Object.assign({ "data-slot": "drawer" }, props));
+}
+function DrawerTrigger(_a) {
+    var props = __rest(_a, []);
+    return jsx(Drawer$1.Trigger, Object.assign({ "data-slot": "drawer-trigger" }, props));
+}
+function DrawerPortal(_a) {
+    var props = __rest(_a, []);
+    return jsx(Drawer$1.Portal, Object.assign({ "data-slot": "drawer-portal" }, props));
+}
+function DrawerClose(_a) {
+    var props = __rest(_a, []);
+    return jsx(Drawer$1.Close, Object.assign({ "data-slot": "drawer-close" }, props));
+}
+function DrawerOverlay(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Drawer$1.Overlay, Object.assign({ "data-slot": "drawer-overlay", className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-overlay supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className) }, props)));
+}
+function DrawerContent(_a) {
+    var { className, children, overlayClassName } = _a, props = __rest(_a, ["className", "children", "overlayClassName"]);
+    return (jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [jsx(DrawerOverlay, { className: overlayClassName }), jsxs(Drawer$1.Content, Object.assign({ "data-slot": "drawer-content", className: cn("bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50", className) }, props, { children: [jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block bg-muted mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children] }))] }));
+}
+function DrawerHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "drawer-header", className: cn("gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left flex flex-col", className) }, props)));
+}
+function DrawerFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "drawer-footer", className: cn("gap-2 p-4 mt-auto flex flex-col", className) }, props)));
+}
+function DrawerTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Drawer$1.Title, Object.assign({ "data-slot": "drawer-title", className: cn("text-foreground font-medium", className) }, props)));
+}
+function DrawerDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Drawer$1.Description, Object.assign({ "data-slot": "drawer-description", className: cn("text-muted-foreground text-sm", className) }, props)));
+}
+
+function DropdownMenu(_a) {
+    var props = __rest(_a, []);
+    return jsx(DropdownMenu$1.Root, Object.assign({ "data-slot": "dropdown-menu" }, props));
+}
+function DropdownMenuPortal(_a) {
+    var props = __rest(_a, []);
+    return (jsx(DropdownMenu$1.Portal, Object.assign({ "data-slot": "dropdown-menu-portal" }, props)));
+}
+function DropdownMenuTrigger(_a) {
+    var props = __rest(_a, []);
+    return (jsx(DropdownMenu$1.Trigger, Object.assign({ "data-slot": "dropdown-menu-trigger" }, props)));
+}
+function DropdownMenuContent(_a) {
+    var { className, align = "start", sideOffset = 4 } = _a, props = __rest(_a, ["className", "align", "sideOffset"]);
+    return (jsx(DropdownMenu$1.Portal, { children: jsx(DropdownMenu$1.Content, Object.assign({ "data-slot": "dropdown-menu-content", sideOffset: sideOffset, align: align, className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-popover p-1 shadow-md ring-1 duration-100 z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden", className) }, props)) }));
+}
+function DropdownMenuGroup(_a) {
+    var props = __rest(_a, []);
+    return (jsx(DropdownMenu$1.Group, Object.assign({ "data-slot": "dropdown-menu-group" }, props)));
+}
+function DropdownMenuItem(_a) {
+    var { className, inset, variant = "default" } = _a, props = __rest(_a, ["className", "inset", "variant"]);
+    return (jsx(DropdownMenu$1.Item, Object.assign({ "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-input-area px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props)));
+}
+function DropdownMenuCheckboxItem(_a) {
+    var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
+    return (jsxs(DropdownMenu$1.CheckboxItem, Object.assign({ "data-slot": "dropdown-menu-checkbox-item", className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2 rounded-input-area py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), checked: checked }, props, { children: [jsx("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none", "data-slot": "dropdown-menu-checkbox-item-indicator", children: jsx(DropdownMenu$1.ItemIndicator, { children: jsx(SvgCheck, {}) }) }), children] })));
+}
+function DropdownMenuRadioGroup(_a) {
+    var props = __rest(_a, []);
+    return (jsx(DropdownMenu$1.RadioGroup, Object.assign({ "data-slot": "dropdown-menu-radio-group" }, props)));
+}
+function DropdownMenuRadioItem(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsxs(DropdownMenu$1.RadioItem, Object.assign({ "data-slot": "dropdown-menu-radio-item", className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2 rounded-input-area py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props, { children: [jsx("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none", "data-slot": "dropdown-menu-radio-item-indicator", children: jsx(DropdownMenu$1.ItemIndicator, { children: jsx(SvgCheck, {}) }) }), children] })));
+}
+function DropdownMenuLabel(_a) {
+    var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
+    return (jsx(DropdownMenu$1.Label, Object.assign({ "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("text-muted-foreground px-2 py-1.5 text-xs font-medium data-[inset]:pl-8", className) }, props)));
+}
+function DropdownMenuSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(DropdownMenu$1.Separator, Object.assign({ "data-slot": "dropdown-menu-separator", className: cn("bg-border -mx-1 my-1 h-px", className) }, props)));
+}
+function DropdownMenuShortcut(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("span", Object.assign({ "data-slot": "dropdown-menu-shortcut", className: cn("text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className) }, props)));
+}
+function DropdownMenuSub(_a) {
+    var props = __rest(_a, []);
+    return jsx(DropdownMenu$1.Sub, Object.assign({ "data-slot": "dropdown-menu-sub" }, props));
+}
+function DropdownMenuSubTrigger(_a) {
+    var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
+    return (jsxs(DropdownMenu$1.SubTrigger, Object.assign({ "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-input-area px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props, { children: [children, jsx(SvgChevronRight, { className: "ml-auto" })] })));
+}
+function DropdownMenuSubContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(DropdownMenu$1.SubContent, Object.assign({ "data-slot": "dropdown-menu-sub-content", className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-popover p-1 shadow-lg ring-1 duration-100 z-50 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden", className) }, props)));
+}
+
+function Empty(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "empty", className: cn("gap-4 rounded-lg border-dashed p-12 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance", className) }, props)));
+}
+function EmptyHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "empty-header", className: cn("gap-2 flex max-w-sm flex-col items-center", className) }, props)));
+}
+const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function EmptyMedia(_a) {
+    var { className, variant = "default" } = _a, props = __rest(_a, ["className", "variant"]);
+    return (jsx("div", Object.assign({ "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })) }, props)));
+}
+function EmptyTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "empty-title", className: cn("text-lg font-medium tracking-tight", className) }, props)));
+}
+function EmptyDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "empty-description", className: cn("text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className) }, props)));
+}
+function EmptyContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "empty-content", className: cn("gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance", className) }, props)));
+}
+
+function Label(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Label$1.Root, Object.assign({ "data-slot": "label", className: cn("gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed", className) }, props)));
+}
+
+function FieldSet(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("fieldset", Object.assign({ "data-slot": "field-set", className: cn("gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col", className) }, props)));
+}
+function FieldLegend(_a) {
+    var { className, variant = "legend" } = _a, props = __rest(_a, ["className", "variant"]);
+    return (jsx("legend", Object.assign({ "data-slot": "field-legend", "data-variant": variant, className: cn("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className) }, props)));
+}
+function FieldGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "field-group", className: cn("gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col", className) }, props)));
+}
+const fieldVariants = cva("data-[invalid=true]:text-destructive gap-3 group/field flex w-full", {
+    variants: {
+        orientation: {
+            vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+            horizontal: "flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            responsive: "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        },
+    },
+    defaultVariants: {
+        orientation: "vertical",
+    },
+});
+function Field(_a) {
+    var { className, orientation = "vertical" } = _a, props = __rest(_a, ["className", "orientation"]);
+    return (jsx("div", Object.assign({ role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className) }, props)));
+}
+function FieldContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "field-content", className: cn("gap-1 group/field-content flex flex-1 flex-col leading-snug", className) }, props)));
+}
+function FieldLabel(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Label, Object.assign({ "data-slot": "field-label", className: cn("has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-input-sm has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-3 group/field-label peer/field-label flex w-fit leading-snug", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className) }, props)));
+}
+function FieldTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "field-label", className: cn("gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug", className) }, props)));
+}
+function FieldDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("p", Object.assign({ "data-slot": "field-description", className: cn("text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className) }, props)));
+}
+function FieldSeparator(_a) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (jsxs("div", Object.assign({ "data-slot": "field-separator", "data-content": !!children, className: cn("-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative", className) }, props, { children: [jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (jsx("span", { className: "text-muted-foreground px-2 bg-background relative mx-auto block w-fit", "data-slot": "field-separator-content", children: children }))] })));
+}
+function FieldError(_a) {
+    var { className, children, errors } = _a, props = __rest(_a, ["className", "children", "errors"]);
+    const content = useMemo(() => {
+        var _a;
+        if (children) {
+            return children;
+        }
+        if (!(errors === null || errors === void 0 ? void 0 : errors.length)) {
+            return null;
+        }
+        const uniqueErrors = [
+            ...new Map(errors.map((error) => [error === null || error === void 0 ? void 0 : error.message, error])).values(),
+        ];
+        if ((uniqueErrors === null || uniqueErrors === void 0 ? void 0 : uniqueErrors.length) == 1) {
+            return (_a = uniqueErrors[0]) === null || _a === void 0 ? void 0 : _a.message;
+        }
+        return (jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index) => (error === null || error === void 0 ? void 0 : error.message) && jsx("li", { children: error.message }, index)) }));
+    }, [children, errors]);
+    if (!content) {
+        return null;
+    }
+    return (jsx("div", Object.assign({ role: "alert", "data-slot": "field-error", className: cn("text-destructive text-sm font-normal", className) }, props, { children: content })));
+}
+
+function HoverCard(_a) {
+    var props = __rest(_a, []);
+    return jsx(HoverCard$1.Root, Object.assign({ "data-slot": "hover-card" }, props));
+}
+function HoverCardTrigger(_a) {
+    var props = __rest(_a, []);
+    return (jsx(HoverCard$1.Trigger, Object.assign({ "data-slot": "hover-card-trigger" }, props)));
+}
+function HoverCardContent(_a) {
+    var { className, align = "center", sideOffset = 4 } = _a, props = __rest(_a, ["className", "align", "sideOffset"]);
+    return (jsx(HoverCard$1.Portal, { "data-slot": "hover-card-portal", children: jsx(HoverCard$1.Content, Object.assign({ "data-slot": "hover-card-content", align: align, sideOffset: sideOffset, className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-popover p-4 text-sm shadow-md ring-1 duration-100 z-50 origin-(--radix-hover-card-content-transform-origin) outline-hidden", className) }, props)) }));
+}
+
+var _path$7;
+function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
+var SvgRemove = function SvgRemove(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$7({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
+    d: "M200-450v-60h560v60H200Z"
+  })));
+};
+
+function InputOTP(_a) {
+    var { className, containerClassName } = _a, props = __rest(_a, ["className", "containerClassName"]);
+    return (jsx(OTPInput, Object.assign({ "data-slot": "input-otp", containerClassName: cn("cn-input-otp flex items-center has-disabled:opacity-50", containerClassName), spellCheck: false, className: cn("disabled:cursor-not-allowed", className) }, props)));
+}
+function InputOTPGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "input-otp-group", className: cn("has-aria-invalid:ring-2 has-aria-invalid:ring-offset-2 has-aria-invalid:ring-destructive rounded-input-sm flex items-center", className) }, props)));
+}
+function InputOTPSlot(_a) {
+    var _b, _c;
+    var { index, className } = _a, props = __rest(_a, ["index", "className"]);
+    const inputOTPContext = React.useContext(OTPInputContext);
+    const { char, hasFakeCaret, isActive } = (_b = inputOTPContext === null || inputOTPContext === void 0 ? void 0 : inputOTPContext.slots[index]) !== null && _b !== void 0 ? _b : {};
+    (_c = inputOTPContext === null || inputOTPContext === void 0 ? void 0 : inputOTPContext.slots.length) !== null && _c !== void 0 ? _c : 0;
+    return (jsxs("div", Object.assign({ "data-slot": "input-otp-slot", "data-active": isActive, className: cn("bg-input border-input-border data-[active=true]:border-transparent data-[active=true]:outline-none data-[active=true]:ring-2 data-[active=true]:ring-offset-2 data-[active=true]:ring-ring data-[active=true]:aria-invalid:ring-2 data-[active=true]:aria-invalid:ring-offset-2 data-[active=true]:aria-invalid:ring-destructive aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive size-9 border-y border-r text-sm transition-all first:rounded-l-input-sm first:border-l last:rounded-r-input-sm data-[active=true]:z-10 relative flex items-center justify-center", className) }, props, { children: [char, hasFakeCaret && (jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) }))] })));
+}
+function InputOTPSeparator(_a) {
+    var props = __rest(_a, []);
+    return (jsx("div", Object.assign({ "data-slot": "input-otp-separator", className: "[&_svg:not([class*='size-'])]:size-4 flex items-center", role: "separator" }, props, { children: jsx(SvgRemove, {}) })));
+}
+
+function ItemGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ role: "list", "data-slot": "item-group", className: cn("gap-4 has-[[data-size=sm]]:gap-2.5 has-[[data-size=xs]]:gap-2 group/item-group flex w-full flex-col", className) }, props)));
+}
+function ItemSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Separator, Object.assign({ "data-slot": "item-separator", orientation: "horizontal", className: cn("my-2", className) }, props)));
+}
+const itemVariants = cva("[a]:hover:bg-muted rounded-input-sm border text-sm w-full group/item focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring flex items-center flex-wrap transition-colors duration-100 [a]:transition-colors", {
+    variants: {
+        variant: {
+            default: "border-transparent",
+            outline: "border-border",
+            muted: "bg-muted/50 border-transparent",
+        },
+        size: {
+            default: "gap-3.5 px-4 py-3.5",
+            sm: "gap-2.5 px-3 py-2.5",
+            xs: "gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Item(_a) {
+    var { className, variant = "default", size = "default", asChild = false } = _a, props = __rest(_a, ["className", "variant", "size", "asChild"]);
+    const Comp = asChild ? Slot.Root : "div";
+    return (jsx(Comp, Object.assign({ "data-slot": "item", "data-variant": variant, "data-size": size, className: cn(itemVariants({ variant, size, className })) }, props)));
+}
+const itemMediaVariants = cva("gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "[&_svg:not([class*='size-'])]:size-4",
+            image: "size-10 overflow-hidden rounded-input-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function ItemMedia(_a) {
+    var { className, variant = "default" } = _a, props = __rest(_a, ["className", "variant"]);
+    return (jsx("div", Object.assign({ "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant, className })) }, props)));
+}
+function ItemContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "item-content", className: cn("gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none", className) }, props)));
+}
+function ItemTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "item-title", className: cn("gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center", className) }, props)));
+}
+function ItemDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("p", Object.assign({ "data-slot": "item-description", className: cn("text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4", className) }, props)));
+}
+function ItemActions(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "item-actions", className: cn("gap-2 flex items-center", className) }, props)));
+}
+function ItemHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "item-header", className: cn("gap-2 flex basis-full items-center justify-between", className) }, props)));
+}
+function ItemFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "item-footer", className: cn("gap-2 flex basis-full items-center justify-between", className) }, props)));
+}
+
+function Kbd(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("kbd", Object.assign({ "data-slot": "kbd", className: cn("bg-muted text-muted-foreground [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-input-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none", className) }, props)));
+}
+function KbdGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("kbd", Object.assign({ "data-slot": "kbd-group", className: cn("gap-1 inline-flex items-center", className) }, props)));
+}
+
+function Menubar(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Menubar$1.Root, Object.assign({ "data-slot": "menubar", className: cn("bg-background h-9 gap-1 rounded-input-md border p-1 flex items-center", className) }, props)));
+}
+function MenubarMenu(_a) {
+    var props = __rest(_a, []);
+    return jsx(Menubar$1.Menu, Object.assign({ "data-slot": "menubar-menu" }, props));
+}
+function MenubarGroup(_a) {
+    var props = __rest(_a, []);
+    return jsx(Menubar$1.Group, Object.assign({ "data-slot": "menubar-group" }, props));
+}
+function MenubarPortal(_a) {
+    var props = __rest(_a, []);
+    return jsx(Menubar$1.Portal, Object.assign({ "data-slot": "menubar-portal" }, props));
+}
+function MenubarRadioGroup(_a) {
+    var props = __rest(_a, []);
+    return (jsx(Menubar$1.RadioGroup, Object.assign({ "data-slot": "menubar-radio-group" }, props)));
+}
+function MenubarTrigger(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Menubar$1.Trigger, Object.assign({ "data-slot": "menubar-trigger", className: cn("hover:bg-primary hover:text-primary-foreground aria-expanded:bg-primary aria-expanded:text-primary-foreground rounded-input-sm px-2 py-1 text-sm font-medium flex items-center outline-hidden select-none", className) }, props)));
+}
+function MenubarContent(_a) {
+    var { className, align = "start", alignOffset = -4, sideOffset = 8 } = _a, props = __rest(_a, ["className", "align", "alignOffset", "sideOffset"]);
+    return (jsx(MenubarPortal, { children: jsx(Menubar$1.Content, Object.assign({ "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-open:animate-in data-open:fade-in-0 data-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 ring-foreground/10 min-w-36 rounded-popover p-1 shadow-md ring-1 duration-100 z-50 origin-(--radix-menubar-content-transform-origin) overflow-hidden", className) }, props)) }));
+}
+function MenubarItem(_a) {
+    var { className, inset, variant = "default" } = _a, props = __rest(_a, ["className", "inset", "variant"]);
+    return (jsx(Menubar$1.Item, Object.assign({ "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-input-area px-2 py-1.5 text-sm data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg:not([class*='size-'])]:size-4 group/menubar-item relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props)));
+}
+function MenubarCheckboxItem(_a) {
+    var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
+    return (jsxs(Menubar$1.CheckboxItem, Object.assign({ "data-slot": "menubar-checkbox-item", className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2 rounded-input-area py-1.5 pr-2 pl-8 text-sm data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", className), checked: checked }, props, { children: [jsx("span", { className: "left-2 size-4 [&_svg:not([class*='size-'])]:size-4 pointer-events-none absolute flex items-center justify-center", children: jsx(Menubar$1.ItemIndicator, { children: jsx(SvgCheck, {}) }) }), children] })));
+}
+function MenubarRadioItem(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsxs(Menubar$1.RadioItem, Object.assign({ "data-slot": "menubar-radio-item", className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2 rounded-input-area py-1.5 pr-2 pl-8 text-sm data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props, { children: [jsx("span", { className: "left-2 size-4 [&_svg:not([class*='size-'])]:size-4 pointer-events-none absolute flex items-center justify-center", children: jsx(Menubar$1.ItemIndicator, { children: jsx(SvgCheck, {}) }) }), children] })));
+}
+function MenubarLabel(_a) {
+    var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
+    return (jsx(Menubar$1.Label, Object.assign({ "data-slot": "menubar-label", "data-inset": inset, className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className) }, props)));
+}
+function MenubarSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Menubar$1.Separator, Object.assign({ "data-slot": "menubar-separator", className: cn("bg-border -mx-1 my-1 h-px", className) }, props)));
+}
+function MenubarShortcut(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("span", Object.assign({ "data-slot": "menubar-shortcut", className: cn("text-muted-foreground group-focus/menubar-item:text-accent-foreground text-xs tracking-widest ml-auto", className) }, props)));
+}
+function MenubarSub(_a) {
+    var props = __rest(_a, []);
+    return jsx(Menubar$1.Sub, Object.assign({ "data-slot": "menubar-sub" }, props));
+}
+function MenubarSubTrigger(_a) {
+    var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
+    return (jsxs(Menubar$1.SubTrigger, Object.assign({ "data-slot": "menubar-sub-trigger", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-2 rounded-input-area px-2 py-1.5 text-sm data-[inset]:pl-8 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-none select-none", className) }, props, { children: [children, jsx(SvgChevronRight, { className: "ml-auto size-4" })] })));
+}
+function MenubarSubContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Menubar$1.SubContent, Object.assign({ "data-slot": "menubar-sub-content", className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 min-w-32 rounded-popover p-1 shadow-lg ring-1 duration-100 z-50 origin-(--radix-menubar-content-transform-origin) overflow-hidden", className) }, props)));
+}
+
+function NavigationMenu(_a) {
+    var { className, children, viewport = true } = _a, props = __rest(_a, ["className", "children", "viewport"]);
+    return (jsxs(NavigationMenu$1.Root, Object.assign({ "data-slot": "navigation-menu", "data-viewport": viewport, className: cn("max-w-max group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className) }, props, { children: [children, viewport && jsx(NavigationMenuViewport, {})] })));
+}
+function NavigationMenuList(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(NavigationMenu$1.List, Object.assign({ "data-slot": "navigation-menu-list", className: cn("gap-0 group flex flex-1 list-none items-center justify-center", className) }, props)));
+}
+function NavigationMenuItem(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(NavigationMenu$1.Item, Object.assign({ "data-slot": "navigation-menu-item", className: cn("relative", className) }, props)));
+}
+const navigationMenuTriggerStyle = cva("bg-background hover:bg-accent focus:bg-accent data-open:hover:bg-accent data-open:focus:bg-accent data-open:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring data-popup-open:bg-muted/50 data-popup-open:hover:bg-accent rounded-input-sm px-4 py-2 text-sm font-medium transition-all focus-visible:outline-1 disabled:opacity-50 group/navigation-menu-trigger inline-flex h-10 w-max items-center justify-center disabled:pointer-events-none");
+function NavigationMenuTrigger(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsxs(NavigationMenu$1.Trigger, Object.assign({ "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), "group", className) }, props, { children: [children, " ", jsx(SvgKeyboardArrowDown, { className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180", "aria-hidden": "true" })] })));
+}
+function NavigationMenuContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(NavigationMenu$1.Content, Object.assign({ "data-slot": "navigation-menu-content", className: cn("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 group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:ring-foreground/10 p-2 pr-2.5 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-input-sm group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 top-0 left-0 w-full group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto", className) }, props)));
+}
+function NavigationMenuViewport(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: jsx(NavigationMenu$1.Viewport, Object.assign({ "data-slot": "navigation-menu-viewport", className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:zoom-out-95 data-open:zoom-in-90 ring-foreground/10 rounded-card shadow ring-1 duration-100 origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden md:w-[var(--radix-navigation-menu-viewport-width)]", className) }, props)) }));
+}
+function NavigationMenuLink(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(NavigationMenu$1.Link, Object.assign({ "data-slot": "navigation-menu-link", className: cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-muted/50 focus-visible:ring-ring hover:bg-accent focus:bg-accent flex items-center gap-1.5 rounded-input-area p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className) }, props)));
+}
+function NavigationMenuIndicator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(NavigationMenu$1.Indicator, Object.assign({ "data-slot": "navigation-menu-indicator", className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className) }, props, { children: jsx("div", { className: "bg-border rounded-tl-sm shadow-md relative top-[60%] h-2 w-2 rotate-45" }) })));
+}
+
+function Pagination(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("nav", Object.assign({ role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className) }, props)));
+}
+function PaginationContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("ul", Object.assign({ "data-slot": "pagination-content", className: cn("gap-1 flex items-center", className) }, props)));
+}
+function PaginationItem(_a) {
+    var props = __rest(_a, []);
+    return jsx("li", Object.assign({ "data-slot": "pagination-item" }, props));
+}
+function PaginationLink(_a) {
+    var { className, isActive, size = "icon" } = _a, props = __rest(_a, ["className", "isActive", "size"]);
+    return (jsx(Button, { asChild: true, variant: isActive ? "outline" : "ghost", size: size, className: cn(className), children: jsx("a", Object.assign({ "aria-current": isActive ? "page" : undefined, "data-slot": "pagination-link", "data-active": isActive }, props)) }));
+}
+function PaginationPrevious(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsxs(PaginationLink, Object.assign({ "aria-label": "Go to previous page", size: "default", className: cn("pl-2!", className) }, props, { children: [jsx(SvgChevronLeft, { "data-icon": "inline-start" }), jsx("span", { className: "hidden sm:block", children: "Previous" })] })));
+}
+function PaginationNext(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsxs(PaginationLink, Object.assign({ "aria-label": "Go to next page", size: "default", className: cn("pr-2!", className) }, props, { children: [jsx("span", { className: "hidden sm:block", children: "Next" }), jsx(SvgChevronRight, { "data-icon": "inline-end" })] })));
+}
+function PaginationEllipsis(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsxs("span", Object.assign({ "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center", className) }, props, { children: [jsx(SvgMoreHoriz, {}), jsx("span", { className: "sr-only", children: "More pages" })] })));
+}
+
+function Popover(_a) {
+    var props = __rest(_a, []);
+    return jsx(Popover$1.Root, Object.assign({ "data-slot": "popover" }, props));
+}
+function PopoverTrigger(_a) {
+    var props = __rest(_a, []);
+    return jsx(Popover$1.Trigger, Object.assign({ "data-slot": "popover-trigger" }, props));
+}
+function PopoverContent(_a) {
+    var { className, align = "center", sideOffset = 4 } = _a, props = __rest(_a, ["className", "align", "sideOffset"]);
+    return (jsx(Popover$1.Portal, { children: jsx(Popover$1.Content, Object.assign({ "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 flex flex-col gap-4 rounded-popover p-4 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--radix-popover-content-transform-origin) outline-hidden", className) }, props)) }));
+}
+function PopoverAnchor(_a) {
+    var props = __rest(_a, []);
+    return jsx(Popover$1.Anchor, Object.assign({ "data-slot": "popover-anchor" }, props));
+}
+function PopoverHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "popover-header", className: cn("flex flex-col gap-1 text-sm", className) }, props)));
+}
+function PopoverTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "popover-title", className: cn("font-medium", className) }, props)));
+}
+function PopoverDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("p", Object.assign({ "data-slot": "popover-description", className: cn("text-muted-foreground", className) }, props)));
+}
+
+function Progress(_a) {
+    var { className, value } = _a, props = __rest(_a, ["className", "value"]);
+    return (jsx(Progress$1.Root, Object.assign({ "data-slot": "progress", className: cn("bg-muted h-1.5 rounded-full relative flex w-full items-center overflow-x-hidden", className) }, props, { children: jsx(Progress$1.Indicator, { "data-slot": "progress-indicator", className: "bg-primary size-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
+}
+
+var _path$6;
+function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
+var SvgCircleFill = function SvgCircleFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$6({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
+    d: "M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Z"
+  })));
+};
+
+function RadioGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(RadioGroup$1.Root, Object.assign({ "data-slot": "radio-group", className: cn("grid gap-3 w-full", className) }, props)));
+}
+function RadioGroupItem(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(RadioGroup$1.Item, Object.assign({ "data-slot": "radio-group-item", className: cn("border-input-border text-primary bg-input data-[state=checked]:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring aria-invalid:ring-2 aria-invalid:ring-offset-2 aria-invalid:ring-destructive flex size-4 rounded-full group/radio-group-item peer relative aspect-square shrink-0 border after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", className) }, props, { children: jsx(RadioGroup$1.Indicator, { "data-slot": "radio-group-indicator", className: "group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center", children: jsx(SvgCircleFill, { className: "absolute top-1/2 left-1/2 size-2.5 -translate-x-1/2 -translate-y-1/2 fill-current" }) }) })));
+}
+
+function ResizablePanelGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(ResizablePrimitive.Group, Object.assign({ "data-slot": "resizable-panel-group", className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className) }, props)));
+}
+function ResizablePanel(_a) {
+    var props = __rest(_a, []);
+    return jsx(ResizablePrimitive.Panel, Object.assign({ "data-slot": "resizable-panel" }, props));
+}
+function ResizableHandle(_a) {
+    var { withHandle, className } = _a, props = __rest(_a, ["withHandle", "className"]);
+    return (jsx(ResizablePrimitive.Separator, Object.assign({ "data-slot": "resizable-handle", className: cn("bg-border focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className) }, props, { children: withHandle && (jsx("div", { className: "bg-border h-6 w-1 rounded-input-sm z-10 flex shrink-0" })) })));
+}
+
+function ScrollArea(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsxs(ScrollArea$1.Root, Object.assign({ "data-slot": "scroll-area", className: cn("relative", className) }, props, { children: [jsx(ScrollArea$1.Viewport, { "data-slot": "scroll-area-viewport", className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring size-full rounded-[inherit] transition-[color,box-shadow] focus-visible:outline-1", children: children }), jsx(ScrollBar, {}), jsx(ScrollArea$1.Corner, {})] })));
+}
+function ScrollBar(_a) {
+    var { className, orientation = "vertical" } = _a, props = __rest(_a, ["className", "orientation"]);
+    return (jsx(ScrollArea$1.ScrollAreaScrollbar, Object.assign({ "data-slot": "scroll-area-scrollbar", "data-orientation": orientation, orientation: orientation, className: cn("data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none", className) }, props, { children: jsx(ScrollArea$1.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "rounded-full bg-border relative flex-1" }) })));
+}
+
+function Select(_a) {
+    var props = __rest(_a, []);
+    return jsx(Select$1.Root, Object.assign({ "data-slot": "select" }, props));
+}
+function SelectGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Select$1.Group, Object.assign({ "data-slot": "select-group", className: cn("scroll-my-1 p-1", className) }, props)));
+}
+function SelectValue(_a) {
+    var props = __rest(_a, []);
+    return jsx(Select$1.Value, Object.assign({ "data-slot": "select-value" }, props));
+}
+function SelectTrigger(_a) {
+    var { className, size = "default", children } = _a, props = __rest(_a, ["className", "size", "children"]);
+    return (jsxs(Select$1.Trigger, Object.assign({ "data-slot": "select-trigger", "data-size": size, className: cn("border border-input-border data-[placeholder]:text-muted-foreground bg-input hover:bg-input/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring aria-invalid:ring-2 aria-invalid:ring-offset-2 aria-invalid:ring-destructive gap-1.5 rounded-input-sm py-2 pr-2 pl-2.5 text-base md:text-sm transition-[color,box-shadow] data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props, { children: [children, jsx(Select$1.Icon, { asChild: true, children: jsx(SvgKeyboardArrowDown, { className: "text-muted-foreground size-4 pointer-events-none" }) })] })));
+}
+function SelectContent(_a) {
+    var { className, children, position = "item-aligned", align = "center" } = _a, props = __rest(_a, ["className", "children", "position", "align"]);
+    return (jsx(Select$1.Portal, { children: jsxs(Select$1.Content, Object.assign({ "data-slot": "select-content", className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 min-w-36 p-1 rounded-popover shadow-md ring-1 duration-100 relative z-50 max-h-(--radix-select-content-available-height) origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, align: align }, props, { children: [jsx(SelectScrollUpButton, {}), jsx(Select$1.Viewport, { "data-position": position, className: cn("data-[position=popper]:h-[var(--radix-select-trigger-height)] data-[position=popper]:w-full data-[position=popper]:min-w-[var(--radix-select-trigger-width)]", position === "popper" && ""), children: children }), jsx(SelectScrollDownButton, {})] })) }));
+}
+function SelectLabel(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Select$1.Label, Object.assign({ "data-slot": "select-label", className: cn("text-muted-foreground px-2 py-1.5 text-xs", className) }, props)));
+}
+function SelectItem(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (jsxs(Select$1.Item, Object.assign({ "data-slot": "select-item", className: cn("focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-input-area py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className) }, props, { children: [jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: jsx(Select$1.ItemIndicator, { children: jsx(SvgCheck, { className: "pointer-events-none" }) }) }), jsx(Select$1.ItemText, { children: children })] })));
+}
+function SelectSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Select$1.Separator, Object.assign({ "data-slot": "select-separator", className: cn("bg-border -mx-1 my-1 h-px pointer-events-none", className) }, props)));
+}
+function SelectScrollUpButton(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Select$1.ScrollUpButton, Object.assign({ "data-slot": "select-scroll-up-button", className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className) }, props, { children: jsx(SvgKeyboardArrowUp, {}) })));
+}
+function SelectScrollDownButton(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Select$1.ScrollDownButton, Object.assign({ "data-slot": "select-scroll-down-button", className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className) }, props, { children: jsx(SvgKeyboardArrowDown, {}) })));
+}
+
+function Sheet(_a) {
+    var props = __rest(_a, []);
+    return jsx(Dialog$1.Root, Object.assign({ "data-slot": "sheet" }, props));
+}
+function SheetTrigger(_a) {
+    var props = __rest(_a, []);
+    return jsx(Dialog$1.Trigger, Object.assign({ "data-slot": "sheet-trigger" }, props));
+}
+function SheetClose(_a) {
+    var props = __rest(_a, []);
+    return jsx(Dialog$1.Close, Object.assign({ "data-slot": "sheet-close" }, props));
+}
+function SheetPortal(_a) {
+    var props = __rest(_a, []);
+    return jsx(Dialog$1.Portal, Object.assign({ "data-slot": "sheet-portal" }, props));
+}
+function SheetOverlay(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Dialog$1.Overlay, Object.assign({ "data-slot": "sheet-overlay", className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-overlay duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className) }, props)));
+}
+function SheetContent(_a) {
+    var { className, children, side = "right", showCloseButton = true, overlayClassName } = _a, props = __rest(_a, ["className", "children", "side", "showCloseButton", "overlayClassName"]);
+    return (jsxs(SheetPortal, { children: [jsx(SheetOverlay, { className: overlayClassName }), jsxs(Dialog$1.Content, Object.assign({ "data-slot": "sheet-content", "data-side": side, className: cn("bg-background data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className) }, props, { children: [children, showCloseButton && (jsx(Dialog$1.Close, { "data-slot": "sheet-close", asChild: true, children: jsxs(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm", children: [jsx(SvgClose, {}), jsx("span", { className: "sr-only", children: "Close" })] }) }))] }))] }));
+}
+function SheetHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "sheet-header", className: cn("gap-1.5 p-4 flex flex-col", className) }, props)));
+}
+function SheetFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "sheet-footer", className: cn("gap-2 p-4 mt-auto flex flex-col", className) }, props)));
+}
+function SheetTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Dialog$1.Title, Object.assign({ "data-slot": "sheet-title", className: cn("text-foreground font-medium", className) }, props)));
+}
+function SheetDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Dialog$1.Description, Object.assign({ "data-slot": "sheet-description", className: cn("text-muted-foreground text-sm", className) }, props)));
+}
+
+function Skeleton(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "skeleton", className: cn("bg-muted rounded-md animate-pulse", className) }, props)));
+}
+
+function TooltipProvider(_a) {
+    var { delayDuration = 0 } = _a, props = __rest(_a, ["delayDuration"]);
+    return (jsx(Tooltip$1.Provider, Object.assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props)));
+}
+function Tooltip(_a) {
+    var props = __rest(_a, []);
+    return (jsx(TooltipProvider, { children: jsx(Tooltip$1.Root, Object.assign({ "data-slot": "tooltip" }, props)) }));
+}
+function TooltipTrigger(_a) {
+    var props = __rest(_a, []);
+    return jsx(Tooltip$1.Trigger, Object.assign({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+    var { className, sideOffset = 0, children } = _a, props = __rest(_a, ["className", "sideOffset", "children"]);
+    return (jsx(Tooltip$1.Portal, { children: jsxs(Tooltip$1.Content, Object.assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-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 rounded-input-area px-3 py-1.5 text-xs bg-foreground text-background z-50 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin)", className) }, props, { children: [children, jsx(Tooltip$1.Arrow, { className: "size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%_-_2px)]" })] })) }));
+}
+
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return !!isMobile;
+}
+
+var _path$5;
+function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
+var SvgDockToLeft = function SvgDockToLeft(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+    d: "M633-180h147v-600H633v600Zm-453 0h393v-600H180v600Zm453 0h147-147Zm-513 60v-720h720v720H120Z"
+  })));
+};
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const SidebarContext = React.createContext(null);
+function useSidebar() {
+    const context = React.useContext(SidebarContext);
+    if (!context) {
+        throw new Error("useSidebar must be used within a SidebarProvider.");
+    }
+    return context;
+}
+function SidebarProvider(_a) {
+    var { defaultOpen = true, open: openProp, onOpenChange: setOpenProp, forceDesktop = false, className, style, children } = _a, props = __rest(_a, ["defaultOpen", "open", "onOpenChange", "forceDesktop", "className", "style", "children"]);
+    const isMobileValue = useIsMobile();
+    const isMobile = forceDesktop ? false : isMobileValue;
+    const [openMobile, setOpenMobile] = React.useState(false);
+    // This is the internal state of the sidebar.
+    // We use openProp and setOpenProp for control from outside the component.
+    const [_open, _setOpen] = React.useState(defaultOpen);
+    const open = openProp !== null && openProp !== void 0 ? openProp : _open;
+    const setOpen = React.useCallback((value) => {
+        const openState = typeof value === "function" ? value(open) : value;
+        if (setOpenProp) {
+            setOpenProp(openState);
+        }
+        else {
+            _setOpen(openState);
+        }
+        // This sets the cookie to keep the sidebar state.
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    }, [setOpenProp, open]);
+    // Helper to toggle the sidebar.
+    const toggleSidebar = React.useCallback(() => {
+        return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
+    }, [isMobile, setOpen, setOpenMobile]);
+    // Adds a keyboard shortcut to toggle the sidebar.
+    React.useEffect(() => {
+        const handleKeyDown = (event) => {
+            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+                (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                toggleSidebar();
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [toggleSidebar]);
+    // We add a state so that we can do data-state="expanded" or "collapsed".
+    // This makes it easier to style the sidebar with Tailwind classes.
+    const state = open ? "expanded" : "collapsed";
+    const contextValue = React.useMemo(() => ({
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar,
+    }), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
+    return (jsx(SidebarContext.Provider, { value: contextValue, children: jsx("div", Object.assign({ "data-slot": "sidebar-wrapper", style: Object.assign({ "--sidebar-width": SIDEBAR_WIDTH, "--sidebar-width-icon": SIDEBAR_WIDTH_ICON }, style), className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className) }, props, { children: children })) }));
+}
+function Sidebar(_a) {
+    var { side = "left", variant = "sidebar", collapsible = "offExamples", className, children } = _a, props = __rest(_a, ["side", "variant", "collapsible", "className", "children"]);
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    if (collapsible === "none") {
+        return (jsx("div", Object.assign({ "data-slot": "sidebar", className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className) }, props, { children: children })));
+    }
+    if (isMobile) {
+        return (jsx(Sheet, Object.assign({ open: openMobile, onOpenChange: setOpenMobile }, props, { children: jsxs(SheetContent, { "data-sidebar": "sidebar", "data-slot": "sidebar", "data-mobile": "true", className: "bg-sidebar text-sidebar-foreground w-screen h-screen p-0 border-0 [&>button]:hidden", style: {
+                    "--sidebar-width": "100vw",
+                }, side: "left", children: [jsxs(SheetHeader, { className: "bg-sidebar border-sidebar-border flex h-16 items-left justify-between px-4 border-b", children: [jsx(SheetTitle, { className: "sr-only", children: "Navigation Menu" }), jsx(SheetDescription, { className: "sr-only", children: "Main navigation menu for Thundercat application" }), jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("div", { className: "size-6 bg-sidebar-accent rounded-lg" }), jsxs("div", { children: [jsx("div", { className: "text-sidebar-foreground text-base font-medium", children: "Navigation" }), jsx("div", { className: "text-sidebar-foreground/70 text-sm", children: "Menu" })] })] }), jsx(SheetClose, { asChild: true, children: jsx(Button, { variant: "ghost", size: "icon", className: " text-sidebar-foreground", children: jsx(SvgClose, { className: "size-6", "aria-hidden": "true" }) }) })] })] }), jsx("div", { className: "flex h-full w-full flex-col overflow-hidden", children: jsx("div", { className: "flex-1 overflow-y-auto p-6", "data-mobile": "true", children: children }) })] }) })));
+    }
+    return (jsxs("div", { className: "group peer text-sidebar-foreground hidden md:block", "data-state": state, "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, "data-slot": "sidebar", children: [jsx("div", { "data-slot": "sidebar-gap", className: cn("transition-[width] duration-150 ease-out relative w-(--sidebar-width) bg-transparent", "group-data-[collapsible=offExamples]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset"
+                    ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
+                    : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }), jsx("div", Object.assign({ "data-slot": "sidebar-container", className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-150 ease-out md:flex", side === "left"
+                    ? "left-0 group-data-[collapsible=offExamples]:left-[calc(var(--sidebar-width)*-1)]"
+                    : "right-0 group-data-[collapsible=offExamples]:right-[calc(var(--sidebar-width)*-1)]", 
+                // Adjust the padding for floating and inset variants.
+                variant === "floating" || variant === "inset"
+                    ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+                    : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className) }, props, { children: jsx("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-card group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col", children: children }) }))] }));
+}
+function SidebarTrigger(_a) {
+    var { className, onClick } = _a, props = __rest(_a, ["className", "onClick"]);
+    const { toggleSidebar } = useSidebar();
+    return (jsxs(Button, Object.assign({ "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "icon-sm", className: cn(className), onClick: (event) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            toggleSidebar();
+        } }, props, { children: [jsx(SvgDockToLeft, {}), jsx("span", { className: "sr-only", children: "Toggle Sidebar" })] })));
+}
+function SidebarRail(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const { toggleSidebar } = useSidebar();
+    return (jsx("button", Object.assign({ "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offExamples]:bg-sidebar group-data-[collapsible=offExamples]:translate-x-0 group-data-[collapsible=offExamples]:after:left-full", "[[data-side=left][data-collapsible=offExamples]_&]:-right-2", "[[data-side=right][data-collapsible=offExamples]_&]:-left-2", className) }, props)));
+}
+function SidebarInset(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("main", Object.assign({ "data-slot": "sidebar-inset", className: cn("bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-card md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col", className) }, props)));
+}
+function SidebarInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Input, Object.assign({ "data-slot": "sidebar-input", "data-sidebar": "input", className: cn("bg-background h-8 w-full shadow-none group-data-[collapsible=icon]:hidden", className) }, props)));
+}
+function SidebarHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "sidebar-header", "data-sidebar": "header", className: cn("gap-2 p-2 flex flex-col group-data-[collapsible=icon]:items-center", className) }, props)));
+}
+function SidebarFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "sidebar-footer", "data-sidebar": "footer", className: cn("gap-2 p-2 flex flex-col", className) }, props)));
+}
+function SidebarSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Separator, Object.assign({ "data-slot": "sidebar-separator", "data-sidebar": "separator", className: cn("bg-sidebar-border", className) }, props)));
+}
+function SidebarContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "sidebar-content", "data-sidebar": "content", className: cn("no-scrollbar gap-2 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden", className) }, props)));
+}
+function SidebarGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "sidebar-group", "data-sidebar": "group", className: cn("p-2 relative flex w-full min-w-0 flex-col", className) }, props)));
+}
+function SidebarGroupLabel(_a) {
+    var { className, asChild = false } = _a, props = __rest(_a, ["className", "asChild"]);
+    const Comp = asChild ? Slot.Root : "div";
+    return (jsx(Comp, Object.assign({ "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: cn("text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-input-sm px-2 text-xs font-medium transition-[margin,opacity] duration-150 ease-out group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0 data-[mobile=true]:text-sm data-[mobile=true]:h-10 data-[mobile=true]:px-3", className) }, props)));
+}
+function SidebarGroupAction(_a) {
+    var { className, asChild = false } = _a, props = __rest(_a, ["className", "asChild"]);
+    const Comp = asChild ? Slot.Root : "button";
+    return (jsx(Comp, Object.assign({ "data-slot": "sidebar-group-action", "data-sidebar": "group-action", className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-input-sm p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0", className) }, props)));
+}
+function SidebarGroupContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn("text-sm w-full", className) }, props)));
+}
+function SidebarMenu(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("ul", Object.assign({ "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn("gap-1 flex w-full min-w-0 flex-col", className) }, props)));
+}
+function SidebarMenuItem(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("li", Object.assign({ "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn("group/menu-item relative", className) }, props)));
+}
+const sidebarMenuButtonVariants = cva("ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-input-sm p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0 data-[mobile=true]:text-base data-[mobile=true]:h-12 data-[mobile=true]:[&_svg]:size-5", {
+    variants: {
+        variant: {
+            default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+            outline: "bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+        },
+        size: {
+            default: "h-8 text-sm",
+            sm: "h-7 text-xs",
+            lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function SidebarMenuButton(_a) {
+    var { asChild = false, isActive = false, variant = "default", size = "default", tooltip, className } = _a, props = __rest(_a, ["asChild", "isActive", "variant", "size", "tooltip", "className"]);
+    const Comp = asChild ? Slot.Root : "button";
+    const { isMobile, state } = useSidebar();
+    const button = (jsx(Comp, Object.assign({ "data-slot": "sidebar-menu-button", "data-sidebar": "menu-button", "data-size": size, "data-active": isActive, className: cn(sidebarMenuButtonVariants({ variant, size }), className) }, props)));
+    if (!tooltip) {
+        return button;
+    }
+    if (typeof tooltip === "string") {
+        tooltip = {
+            children: tooltip,
+        };
+    }
+    return (jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: button }), jsx(TooltipContent, Object.assign({ side: "right", align: "center", hidden: state !== "collapsed" || isMobile }, tooltip))] }));
+}
+function SidebarMenuAction(_a) {
+    var { className, asChild = false, showOnHover = false } = _a, props = __rest(_a, ["className", "asChild", "showOnHover"]);
+    const Comp = asChild ? Slot.Root : "button";
+    return (jsx(Comp, Object.assign({ "data-slot": "sidebar-menu-action", "data-sidebar": "menu-action", className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-input-sm p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0", showOnHover &&
+            "peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0", className) }, props)));
+}
+function SidebarMenuBadge(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", Object.assign({ "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: cn("text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-input-sm px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden", className) }, props)));
+}
+const SKELETON_WIDTH_OPTIONS = ["54%", "64%", "70%", "82%"];
+function SidebarMenuSkeleton(_a) {
+    var { className, showIcon = false } = _a, props = __rest(_a, ["className", "showIcon"]);
+    const id = React.useId();
+    const width = React.useMemo(() => {
+        const digits = id.replace(/\D+/g, "");
+        const numericId = digits ? Number(digits) : 0;
+        return SKELETON_WIDTH_OPTIONS[numericId % SKELETON_WIDTH_OPTIONS.length];
+    }, [id]);
+    return (jsxs("div", Object.assign({ "data-slot": "sidebar-menu-skeleton", "data-sidebar": "menu-skeleton", className: cn("h-8 gap-2 rounded-input-sm px-2 flex items-center", className) }, props, { children: [showIcon && (jsx(Skeleton, { className: "size-4 rounded-lg", "data-sidebar": "menu-skeleton-icon" })), jsx(Skeleton, { className: "h-4 max-w-(--skeleton-width) flex-1", "data-sidebar": "menu-skeleton-text", style: {
+                    "--skeleton-width": width,
+                } })] })));
+}
+function SidebarMenuSub(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("ul", Object.assign({ "data-slot": "sidebar-menu-sub", "data-sidebar": "menu-sub", className: cn("border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col", className) }, props)));
+}
+function SidebarMenuSubItem(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("li", Object.assign({ "data-slot": "sidebar-menu-sub-item", "data-sidebar": "menu-sub-item", className: cn("group/menu-sub-item relative", className) }, props)));
+}
+function SidebarMenuSubButton(_a) {
+    var { asChild = false, size = "md", isActive = false, className } = _a, props = __rest(_a, ["asChild", "size", "isActive", "className"]);
+    const Comp = asChild ? Slot.Root : "a";
+    return (jsx(Comp, Object.assign({ "data-slot": "sidebar-menu-sub-button", "data-sidebar": "menu-sub-button", "data-size": size, "data-active": isActive, className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-input-sm px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0", className) }, props)));
+}
+
+function Slider(_a) {
+    var { className, defaultValue, value, min = 0, max = 100 } = _a, props = __rest(_a, ["className", "defaultValue", "value", "min", "max"]);
+    const _values = React.useMemo(() => Array.isArray(value)
+        ? value
+        : Array.isArray(defaultValue)
+            ? defaultValue
+            : [min, max], [value, defaultValue, min, max]);
+    return (jsxs(Slider$1.Root, Object.assign({ "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: cn("data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col", className) }, props, { children: [jsx(Slider$1.Track, { "data-slot": "slider-track", className: "bg-muted rounded-full data-horizontal:h-1.5 data-horizontal:w-full data-vertical:h-full data-vertical:w-1.5 bg-muted relative grow overflow-hidden data-horizontal:w-full data-vertical:h-full", children: jsx(Slider$1.Range, { "data-slot": "slider-range", className: "bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full" }) }), Array.from({ length: _values.length }, (_, index) => (jsx(Slider$1.Thumb, { "data-slot": "slider-thumb", className: "border-primary ring-ring/50 size-4 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50" }, index)))] })));
+}
+
+var _path$4;
+function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
+var SvgCheckCircle = function SvgCheckCircle(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+    d: "m421-298 283-283-46-45-237 237-120-120-45 45 165 166Zm59 218q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z"
+  })));
+};
+
+var _path$3;
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
+var SvgInfo = function SvgInfo(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
+    d: "M453-280h60v-240h-60v240Zm26.98-314q14.02 0 23.52-9.2T513-626q0-14.45-9.48-24.22-9.48-9.78-23.5-9.78t-23.52 9.78Q447-640.45 447-626q0 13.6 9.48 22.8 9.48 9.2 23.5 9.2Zm.29 514q-82.74 0-155.5-31.5Q252-143 197.5-197.5t-86-127.34Q80-397.68 80-480.5t31.5-155.66Q143-709 197.5-763t127.34-85.5Q397.68-880 480.5-880t155.66 31.5Q709-817 763-763t85.5 127Q880-563 880-480.27q0 82.74-31.5 155.5Q817-252 763-197.68q-54 54.31-127 86Q563-80 480.27-80Zm.23-60Q622-140 721-239.5t99-241Q820-622 721.19-721T480-820q-141 0-240.5 98.81T140-480q0 141 99.5 240.5t241 99.5Zm-.5-340Z"
+  })));
+};
+
+var _path$2;
+function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
+var SvgWarning = function SvgWarning(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
+    d: "m40-120 440-760 440 760H40Zm104-60h672L480-760 144-180Zm340.18-57q12.82 0 21.32-8.68 8.5-8.67 8.5-21.5 0-12.82-8.68-21.32-8.67-8.5-21.5-8.5-12.82 0-21.32 8.68-8.5 8.67-8.5 21.5 0 12.82 8.68 21.32 8.67 8.5 21.5 8.5ZM454-348h60v-224h-60v224Zm26-122Z"
+  })));
+};
+
+var _path$1;
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
+var SvgDangerous = function SvgDangerous(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M330-120 120-330v-300l210-210h300l210 210v300L630-120H330Zm27-195 123-123 123 123 42-42-123-123 123-123-42-42-123 123-123-123-42 42 123 123-123 123 42 42Zm-2 135h250l175-175v-250L605-780H355L180-605v250l175 175Zm125-300Z"
+  })));
+};
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgProgressActivity = function SvgProgressActivity(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 48,
+    height: 48,
+    viewBox: "0 -960 960 960"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M480-80q-84 0-157-31t-127-85q-54-54-85-127T80-480q0-83.73 31-156.86Q142-710 196-764t127-85q73-31 157-31v60q-141.31 0-240.66 99.28Q140-621.44 140-480.22t99.28 240.72q99.28 99.5 240.5 99.5t240.72-99.34Q820-338.69 820-480h60q0 84-31 157t-85 127q-54 54-127.14 85Q563.73-80 480-80Z"
+  })));
+};
+
+const Toaster = (_a) => {
+    var props = __rest(_a, []);
+    const [theme, setTheme] = React.useState("system");
+    React.useEffect(() => {
+        const readTheme = () => {
+            const mode = document.body.getAttribute("data-theme");
+            if (mode === "dark-mode") {
+                return "dark";
+            }
+            if (mode === "light-mode") {
+                return "light";
+            }
+            return "system";
+        };
+        setTheme(readTheme());
+        const observer = new MutationObserver(() => {
+            setTheme(readTheme());
+        });
+        observer.observe(document.body, {
+            attributes: true,
+            attributeFilter: ["data-theme"],
+        });
+        return () => {
+            observer.disconnect();
+        };
+    }, []);
+    return (jsx(Toaster$1, Object.assign({ theme: theme, className: "toaster group", icons: {
+            success: (jsx(SvgCheckCircle, { className: "size-4" })),
+            info: (jsx(SvgInfo, { className: "size-4" })),
+            warning: (jsx(SvgWarning, { className: "size-4" })),
+            error: (jsx(SvgDangerous, { className: "size-4" })),
+            loading: (jsx(SvgProgressActivity, { className: "size-4 animate-spin" })),
+        }, style: {
+            "--normal-bg": "var(--popover)",
+            "--normal-text": "var(--popover-foreground)",
+            "--normal-border": "var(--border)",
+            "--border-radius": "var(--radius-card)",
+        }, toastOptions: {
+            classNames: {
+                toast: "cn-toast",
+            },
+        } }, props)));
+};
+
+function Spinner(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(SvgProgressActivity, Object.assign({ role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className) }, props)));
+}
+
+function Switch(_a) {
+    var { className, size = "default" } = _a, props = __rest(_a, ["className", "size"]);
+    return (jsx(Switch$1.Root, Object.assign({ "data-slot": "switch", "data-size": size, className: cn("data-checked:bg-primary data-unchecked:bg-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring aria-invalid:ring-2 aria-invalid:ring-offset-2 aria-invalid:ring-destructive shrink-0 rounded-full border border-transparent data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-[size=lg]:h-[24px] data-[size=lg]:w-[42px] peer group/switch relative inline-flex items-center transition-all after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", className) }, props, { children: jsx(Switch$1.Thumb, { "data-slot": "switch-thumb", className: "bg-primary-foreground dark:data-unchecked:bg-primary dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=lg]/switch:size-5 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=lg]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 group-data-[size=lg]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform" }) })));
+}
+
+function Table(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: jsx("table", Object.assign({ "data-slot": "table", className: cn("w-full caption-bottom text-sm", className) }, props)) }));
+}
+function TableHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("thead", Object.assign({ "data-slot": "table-header", className: cn("[&_tr]:border-b", className) }, props)));
+}
+function TableBody(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("tbody", Object.assign({ "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className) }, props)));
+}
+function TableFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("tfoot", Object.assign({ "data-slot": "table-footer", className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className) }, props)));
+}
+function TableRow(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("tr", Object.assign({ "data-slot": "table-row", className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className) }, props)));
+}
+function TableHead(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("th", Object.assign({ "data-slot": "table-head", className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className) }, props)));
+}
+function TableCell(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("td", Object.assign({ "data-slot": "table-cell", className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className) }, props)));
+}
+function TableCaption(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx("caption", Object.assign({ "data-slot": "table-caption", className: cn("text-muted-foreground mt-4 text-sm", className) }, props)));
+}
+
+function Tabs(_a) {
+    var { className, orientation = "horizontal" } = _a, props = __rest(_a, ["className", "orientation"]);
+    return (jsx(Tabs$1.Root, Object.assign({ "data-slot": "tabs", "data-orientation": orientation, className: cn("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", className) }, props)));
+}
+const tabsListVariants = cva("rounded-input-md p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
+    variants: {
+        variant: {
+            default: "bg-muted",
+            line: "gap-1 bg-transparent border-b border-border relative",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function TabsList(_a) {
+    var { className, variant = "default" } = _a, props = __rest(_a, ["className", "variant"]);
+    return (jsx(Tabs$1.List, Object.assign({ "data-slot": "tabs-list", "data-variant": variant, className: cn(tabsListVariants({ variant }), className) }, props)));
+}
+function TabsTrigger(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Tabs$1.Trigger, Object.assign({ "data-slot": "tabs-trigger", className: cn("gap-1.5 rounded-input-sm border border-transparent px-2 py-1 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none text-muted-foreground hover:text-foreground data-active:text-primary-foreground data-active:hover:text-primary-foreground group-data-[variant=line]/tabs-list:data-active:text-primary group-data-[variant=line]/tabs-list:data-active:hover:text-primary relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-primary data-active:text-primary-foreground data-active:border-transparent group-data-[variant=line]/tabs-list:data-active:text-primary", "after:bg-primary after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.75 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.75 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className) }, props)));
+}
+function TabsContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (jsx(Tabs$1.Content, Object.assign({ "data-slot": "tabs-content", className: cn("text-sm flex-1 outline-none", className) }, props)));
+}
+
+const toggleVariants = cva("hover:text-foreground aria-pressed:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring aria-invalid:ring-2 aria-invalid:ring-offset-2 aria-invalid:ring-destructive gap-1 rounded-input-sm text-sm font-medium transition-[color,box-shadow] [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border-input-border hover:bg-muted border bg-transparent",
+        },
+        size: {
+            default: "h-9 min-w-9 px-2",
+            sm: "h-8 min-w-8 px-1.5",
+            lg: "h-10 min-w-10 px-2.5",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Toggle(_a) {
+    var { className, variant = "default", size = "default" } = _a, props = __rest(_a, ["className", "variant", "size"]);
+    return (jsx(Toggle$1.Root, Object.assign({ "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })) }, props)));
+}
+
+const ToggleGroupContext = React.createContext({
+    size: "default",
+    variant: "default",
+    spacing: 0,
+    orientation: "horizontal",
+});
+function ToggleGroup(_a) {
+    var { className, variant, size, spacing = 0, orientation = "horizontal", children } = _a, props = __rest(_a, ["className", "variant", "size", "spacing", "orientation", "children"]);
+    return (jsx(ToggleGroup$1.Root, Object.assign({ "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, "data-orientation": orientation, style: { "--gap": spacing }, className: cn("rounded-input-sm data-[spacing=0]:data-[variant=outline]: group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", className) }, props, { children: jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing, orientation }, children: children }) })));
+}
+function ToggleGroupItem(_a) {
+    var { className, children, variant = "default", size = "default" } = _a, props = __rest(_a, ["className", "children", "variant", "size"]);
+    const context = React.useContext(ToggleGroupContext);
+    return (jsx(ToggleGroup$1.Item, Object.assign({ "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, "data-spacing": context.spacing, className: cn("data-[state=on]:bg-muted group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-[spacing=0]/toggle-group:shadow-none group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-input-sm group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-input-sm group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-input-sm group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-input-sm shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
+            variant: context.variant || variant,
+            size: context.size || size,
+        }), className) }, props, { children: children })));
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useCarousel, useComboboxAnchor, useSidebar };
+//# sourceMappingURL=index.esm.js.map