xertica-ui 2.1.2 → 2.1.4

package/dist/AssistantChart-BP8upjMk.js

@@ -0,0 +1,3565 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+import { GripVerticalIcon, ChevronDownIcon, MoreHorizontalIcon, ChevronRightIcon, ChevronLeftIcon, MinusIcon, ChevronLeft, ChevronRight, ChevronDown, XIcon, CheckIcon, CircleIcon, SearchIcon, TrendingUp, TrendingDown, Minus, ArrowRight, ArrowLeft, X, Check, Upload, AlertCircle, FileIcon, Star, Search as Search$1 } from "lucide-react";
+import * as React from "react";
+import React__default, { useState, useCallback, useMemo, useRef, useEffect } from "react";
+import { c as cn, b as buttonVariants, B as Button } from "./button-qkz7Icqf.js";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Slot } from "@radix-ui/react-slot";
+import { FormProvider, Controller, useFormContext, useFormState } from "react-hook-form";
+import { L as Label, M as Map$1 } from "./alert-dialog-iDe5VE5o.js";
+import { getDefaultClassNames, DayPicker } from "react-day-picker";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { Drawer as Drawer$1 } from "vaul";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { Command as Command$1 } from "cmdk";
+import { k as Dialog, q as DialogHeader, t as DialogTitle, o as DialogDescription, n as DialogContent, c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent } from "./rich-text-editor-BmsjY03B.js";
+import { C as Card, b as CardContent } from "./card-fi8zAN-I.js";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import useEmblaCarousel from "embla-carousel-react";
+import { u as useGoogleMapsLoader } from "./google-maps-loader-t2IlYBzw.js";
+import { BarChart, CartesianGrid, XAxis, Bar } from "recharts";
+function AspectRatio({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+}
+const ResizableContext = React.createContext(null);
+const ResizablePanelGroup = ({
+  children,
+  className,
+  direction = "horizontal",
+  id,
+  autoSaveId,
+  storage,
+  onLayout,
+  ...props
+}) => {
+  const [panels, setPanels] = React.useState(/* @__PURE__ */ new Map());
+  const [handles, setHandles] = React.useState(/* @__PURE__ */ new Map());
+  const [sizes, setSizes] = React.useState(/* @__PURE__ */ new Map());
+  const [isDragging, setIsDragging] = React.useState(false);
+  const containerRef = React.useRef(null);
+  const getSortedItems = React.useCallback((items) => {
+    if (!containerRef.current) return [];
+    return Array.from(items.values()).sort((a, b) => {
+      if (!a.ref.current || !b.ref.current) return 0;
+      const position = a.ref.current.compareDocumentPosition(b.ref.current);
+      if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+      if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+      return 0;
+    });
+  }, []);
+  React.useEffect(() => {
+    const sortedPanels = getSortedItems(panels);
+    if (sortedPanels.length === 0) return;
+    const uninitialized = sortedPanels.some((p) => !sizes.has(p.id));
+    if (uninitialized) {
+      const newSizes = new Map(sizes);
+      const remainingSpace = 100;
+      const defaultSizeCount = sortedPanels.filter((p) => p.defaultSize).length;
+      let usedSpace = 0;
+      sortedPanels.forEach((p) => {
+        if (p.defaultSize) usedSpace += p.defaultSize;
+      });
+      const spaceForOthers = Math.max(0, remainingSpace - usedSpace);
+      const countOthers = sortedPanels.length - defaultSizeCount;
+      const sizeForOthers = countOthers > 0 ? spaceForOthers / countOthers : 0;
+      sortedPanels.forEach((p) => {
+        if (!newSizes.has(p.id)) {
+          newSizes.set(p.id, p.defaultSize ?? sizeForOthers);
+        }
+      });
+      setSizes(newSizes);
+    }
+  }, [panels, sizes, getSortedItems]);
+  const registerPanel = React.useCallback((data) => {
+    setPanels((prev) => {
+      const next = new Map(prev);
+      next.set(data.id, data);
+      return next;
+    });
+  }, []);
+  const unregisterPanel = React.useCallback((id2) => {
+    setPanels((prev) => {
+      const next = new Map(prev);
+      next.delete(id2);
+      return next;
+    });
+    setSizes((prev) => {
+      const next = new Map(prev);
+      next.delete(id2);
+      return next;
+    });
+  }, []);
+  const registerHandle = React.useCallback((data) => {
+    setHandles((prev) => {
+      const next = new Map(prev);
+      next.set(data.id, data);
+      return next;
+    });
+  }, []);
+  const unregisterHandle = React.useCallback((id2) => {
+    setHandles((prev) => {
+      const next = new Map(prev);
+      next.delete(id2);
+      return next;
+    });
+  }, []);
+  const startDragging = React.useCallback((handleId, event) => {
+    var _a, _b;
+    event.preventDefault();
+    setIsDragging(true);
+    const sortedPanels = getSortedItems(panels);
+    const sortedHandles = getSortedItems(handles);
+    const handleIndex = sortedHandles.findIndex((h) => h.id === handleId);
+    if (handleIndex === -1) return;
+    const leftPanel = sortedPanels[handleIndex];
+    const rightPanel = sortedPanels[handleIndex + 1];
+    if (!leftPanel || !rightPanel) return;
+    const startX = "touches" in event ? event.touches[0].clientX : event.clientX;
+    const startY = "touches" in event ? event.touches[0].clientY : event.clientY;
+    const startSizeLeft = sizes.get(leftPanel.id) || 0;
+    const startSizeRight = sizes.get(rightPanel.id) || 0;
+    const containerSize = direction === "horizontal" ? ((_a = containerRef.current) == null ? void 0 : _a.offsetWidth) || 1 : ((_b = containerRef.current) == null ? void 0 : _b.offsetHeight) || 1;
+    const onMove = (e) => {
+      var _a2, _b2;
+      const currentX = "touches" in e ? e.touches[0].clientX : e.clientX;
+      const currentY = "touches" in e ? e.touches[0].clientY : e.clientY;
+      const deltaPixels = direction === "horizontal" ? currentX - startX : currentY - startY;
+      const deltaPercent = deltaPixels / containerSize * 100;
+      let finalLeft = startSizeLeft + deltaPercent;
+      let finalRight = startSizeRight - deltaPercent;
+      if (leftPanel.minSize !== void 0 && finalLeft < leftPanel.minSize) {
+        const diff = leftPanel.minSize - finalLeft;
+        finalLeft = leftPanel.minSize;
+        finalRight -= diff;
+      }
+      if (rightPanel.minSize !== void 0 && finalRight < rightPanel.minSize) {
+        const diff = rightPanel.minSize - finalRight;
+        finalRight = rightPanel.minSize;
+        finalLeft -= diff;
+      }
+      if (leftPanel.maxSize !== void 0 && finalLeft > leftPanel.maxSize) {
+        const diff = finalLeft - leftPanel.maxSize;
+        finalLeft = leftPanel.maxSize;
+        finalRight += diff;
+      }
+      if (rightPanel.maxSize !== void 0 && finalRight > rightPanel.maxSize) {
+        const diff = finalRight - rightPanel.maxSize;
+        finalRight = rightPanel.maxSize;
+        finalLeft -= diff;
+      }
+      finalLeft = Math.max(0, Math.min(100, finalLeft));
+      finalRight = Math.max(0, Math.min(100, finalRight));
+      setSizes((prev) => {
+        const next = new Map(prev);
+        next.set(leftPanel.id, finalLeft);
+        next.set(rightPanel.id, finalRight);
+        return next;
+      });
+      (_a2 = leftPanel.onResize) == null ? void 0 : _a2.call(leftPanel, finalLeft);
+      (_b2 = rightPanel.onResize) == null ? void 0 : _b2.call(rightPanel, finalRight);
+    };
+    const onUp = () => {
+      setIsDragging(false);
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+      window.removeEventListener("touchmove", onMove);
+      window.removeEventListener("touchend", onUp);
+      if (onLayout) {
+        onLayout(sortedPanels.map((p) => sizes.get(p.id) || 0));
+      }
+    };
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp);
+    window.addEventListener("touchmove", onMove);
+    window.addEventListener("touchend", onUp);
+  }, [panels, handles, sizes, direction, getSortedItems, onLayout]);
+  const getPanelStyle = React.useCallback((id2) => {
+    const size = sizes.get(id2);
+    if (size === void 0) return { flex: "1 1 0%", overflow: "hidden" };
+    return { flex: `${size} 1 0%`, overflow: "hidden" };
+  }, [sizes]);
+  const contextValue = React.useMemo(() => ({
+    direction,
+    registerPanel,
+    unregisterPanel,
+    registerHandle,
+    unregisterHandle,
+    isDragging,
+    startDragging,
+    getPanelStyle
+  }), [direction, registerPanel, unregisterPanel, registerHandle, unregisterHandle, isDragging, startDragging, getPanelStyle]);
+  return /* @__PURE__ */ jsx(ResizableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      "data-slot": "resizable-panel-group",
+      "data-panel-group-direction": direction,
+      className: cn(
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+};
+const ResizablePanel = ({
+  className,
+  defaultSize,
+  minSize = 0,
+  maxSize = 100,
+  collapsible,
+  collapsedSize,
+  onCollapse,
+  onExpand,
+  onResize,
+  order,
+  tagName,
+  id: propId,
+  children,
+  ...props
+}) => {
+  const context = React.useContext(ResizableContext);
+  const ref = React.useRef(null);
+  const [generatedId] = React.useState(() => Math.random().toString(36).substr(2, 9));
+  const id = propId || generatedId;
+  const registerPanel = context == null ? void 0 : context.registerPanel;
+  const unregisterPanel = context == null ? void 0 : context.unregisterPanel;
+  React.useLayoutEffect(() => {
+    if (!registerPanel || !unregisterPanel) return;
+    registerPanel({
+      id,
+      ref,
+      defaultSize,
+      minSize,
+      maxSize,
+      collapsible,
+      onCollapse,
+      onExpand,
+      onResize
+    });
+    return () => unregisterPanel(id);
+  }, [registerPanel, unregisterPanel, id, defaultSize, minSize, maxSize, collapsible, onCollapse, onExpand, onResize]);
+  if (!context) {
+    return /* @__PURE__ */ jsx("div", { className: cn("flex-1", className), ...props, children });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "resizable-panel",
+      className: cn("relative transition-[flex-grow] duration-0", className),
+      style: context.getPanelStyle(id),
+      ...props,
+      children
+    }
+  );
+};
+const ResizableHandle = ({
+  withHandle,
+  className,
+  id: propId,
+  tagName,
+  ...props
+}) => {
+  const context = React.useContext(ResizableContext);
+  const ref = React.useRef(null);
+  const [generatedId] = React.useState(() => Math.random().toString(36).substr(2, 9));
+  const id = propId || generatedId;
+  const registerHandle = context == null ? void 0 : context.registerHandle;
+  const unregisterHandle = context == null ? void 0 : context.unregisterHandle;
+  React.useLayoutEffect(() => {
+    if (!registerHandle || !unregisterHandle) return;
+    registerHandle({ id, ref });
+    return () => unregisterHandle(id);
+  }, [registerHandle, unregisterHandle, id]);
+  const handleMouseDown = (e) => {
+    if (context) {
+      context.startDragging(id, e);
+    }
+  };
+  if (!context) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "resizable-handle",
+      className: cn(
+        "bg-border relative flex items-center justify-center focus-visible:outline-hidden",
+        "touch-none select-none",
+        context.direction === "vertical" ? "h-px w-full cursor-row-resize after:left-0 after:h-1 after:w-full after:-translate-y-1/2 hover:after:h-4" : "w-px h-full cursor-col-resize after:top-0 after:w-1 after:h-full after:-translate-x-1/2 hover:after:w-4",
+        "after:absolute after:z-10",
+        className
+      ),
+      onMouseDown: handleMouseDown,
+      onTouchStart: handleMouseDown,
+      ...props,
+      children: withHandle && /* @__PURE__ */ jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-2.5" }) })
+    }
+  );
+};
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-slot": "navigation-menu",
+      className: cn(
+        "relative z-10 flex w-full flex-1 items-center justify-center",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})
+      ]
+    }
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-10 w-max items-center justify-center rounded-[var(--radius)] bg-background px-4 py-2 text-[var(--text-p)] font-[var(--font-weight-medium)] hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 outline-none focus-visible:ring-2 focus-visible:ring-ring"
+);
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), "group", className),
+      ...props,
+      children: [
+        children,
+        " ",
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            className: "relative top-[1px] ml-1 size-3 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "left-0 top-0 w-full md:w-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center w-full"), children: /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Viewport,
+    {
+      "data-slot": "navigation-menu-viewport",
+      className: cn(
+        "origin-top-center relative mt-1.5 overflow-hidden rounded-[var(--radius)] border border-border bg-popover text-popover-foreground shadow-lg",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        "block select-none space-y-1 rounded-[var(--radius)] p-3 leading-none no-underline outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: cn(
+        "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+    }
+  );
+}
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          size
+        }),
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx(ChevronRightIcon, {})
+      ]
+    }
+  );
+}
+function PaginationEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+function usePagination({
+  totalItems,
+  pageSize = 10,
+  initialPage = 1,
+  page: controlledPage,
+  onPageChange,
+  siblingCount = 1
+}) {
+  const [internalPage, setInternalPage] = useState(initialPage);
+  const isControlled = controlledPage !== void 0;
+  const currentPage = isControlled ? controlledPage : internalPage;
+  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
+  const setPage = useCallback(
+    (p) => {
+      const clamped = Math.min(Math.max(1, p), totalPages);
+      if (!isControlled) setInternalPage(clamped);
+      onPageChange == null ? void 0 : onPageChange(clamped);
+    },
+    [isControlled, onPageChange, totalPages]
+  );
+  const startIndex = (currentPage - 1) * pageSize;
+  const endIndex = Math.min(startIndex + pageSize, totalItems);
+  const canGoPrev = currentPage > 1;
+  const canGoNext = currentPage < totalPages;
+  const isFirstPage = currentPage === 1;
+  const isLastPage = currentPage === totalPages;
+  const items = useMemo(() => {
+    const range = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);
+    const leftSibling = Math.max(currentPage - siblingCount, 1);
+    const rightSibling = Math.min(currentPage + siblingCount, totalPages);
+    const showLeftEllipsis = leftSibling > 2;
+    const showRightEllipsis = rightSibling < totalPages - 1;
+    const result = [];
+    result.push({ type: "page", page: 1 });
+    if (showLeftEllipsis) {
+      result.push({ type: "ellipsis", key: "ellipsis-left" });
+    } else if (leftSibling === 2) {
+      result.push({ type: "page", page: 2 });
+    }
+    for (const p of range(Math.max(leftSibling, 2), Math.min(rightSibling, totalPages - 1))) {
+      result.push({ type: "page", page: p });
+    }
+    if (showRightEllipsis) {
+      result.push({ type: "ellipsis", key: "ellipsis-right" });
+    } else if (rightSibling === totalPages - 1) {
+      result.push({ type: "page", page: totalPages - 1 });
+    }
+    if (totalPages > 1) {
+      result.push({ type: "page", page: totalPages });
+    }
+    return result;
+  }, [currentPage, siblingCount, totalPages]);
+  const goTo = useCallback((p) => setPage(p), [setPage]);
+  const next = useCallback(() => setPage(currentPage + 1), [currentPage, setPage]);
+  const prev = useCallback(() => setPage(currentPage - 1), [currentPage, setPage]);
+  const first = useCallback(() => setPage(1), [setPage]);
+  const last = useCallback(() => setPage(totalPages), [setPage, totalPages]);
+  return {
+    currentPage,
+    totalPages,
+    startIndex,
+    endIndex,
+    canGoPrev,
+    canGoNext,
+    isFirstPage,
+    isLastPage,
+    items,
+    goTo,
+    next,
+    prev,
+    first,
+    last
+  };
+}
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  TogglePrimitive.Root,
+  {
+    ref,
+    "data-slot": "toggle",
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+const ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default"
+});
+const ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    "data-slot": "toggle-group",
+    "data-variant": variant,
+    "data-size": size,
+    className: cn(
+      "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+const ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+}
+function InputOTPGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: cn("flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlot({
+  index,
+  className,
+  size = "md",
+  ...props
+}) {
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = (inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) ?? {};
+  const sizeClasses = {
+    sm: "h-8 w-8 text-sm",
+    md: "h-10 w-10 text-base",
+    lg: "h-12 w-12 text-lg"
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
+      className: cn(
+        "data-[active=true]:border-primary data-[active=true]:ring-primary/20 data-[active=true]:aria-invalid:ring-destructive/20 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive relative flex items-center justify-center border border-border rounded-[var(--radius)] bg-background transition-all outline-none data-[active=true]:z-10 data-[active=true]:ring-2",
+        sizeClasses[size],
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+function InputOTPSeparator({ ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(MinusIcon, {}) });
+}
+const Form = FormProvider;
+const FormFieldContext = React.createContext(
+  {}
+);
+const FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+};
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(
+    fieldContext.name,
+    formState
+  );
+  if (!fieldContext) {
+    throw new Error(
+      "useFormField should be used within <FormField>"
+    );
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+const FormItemContext = React.createContext(
+  {}
+);
+function FormItem({
+  className,
+  ...props
+}) {
+  const id = React.useId();
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: cn("grid gap-2", className),
+      ...props
+    }
+  ) });
+}
+function FormLabel({
+  className,
+  ...props
+}) {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      "data-slot": "form-label",
+      "data-error": !!error,
+      className: cn(
+        "data-[error=true]:text-destructive",
+        className
+      ),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+}
+function FormControl({
+  ...props
+}) {
+  const {
+    error,
+    formItemId,
+    formDescriptionId,
+    formMessageId
+  } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      "data-slot": "form-control",
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+}
+function FormDescription({
+  className,
+  ...props
+}) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function FormMessage({
+  className,
+  ...props
+}) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String((error == null ? void 0 : error.message) ?? "") : props.children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: formMessageId,
+      className: cn("text-destructive text-sm", className),
+      ...props,
+      children: body
+    }
+  );
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const isDropdownCaption = captionLayout.startsWith("dropdown");
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "bg-background group/calendar p-4 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent font-sans",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters,
+      classNames: {
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "flex gap-6 flex-col md:flex-row relative",
+          defaultClassNames.months
+        ),
+        month: cn("flex flex-col w-full gap-5", defaultClassNames.month),
+        nav: cn(
+          "flex items-center gap-2 w-full absolute top-0 inset-x-0 justify-between",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-40 p-0 select-none hover:bg-accent/50 transition-colors duration-200",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-40 p-0 select-none hover:bg-accent/50 transition-colors duration-200",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex items-center justify-center w-full",
+          isDropdownCaption ? "h-auto px-0" : "h-(--cell-size) px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "w-full flex items-center justify-center gap-2",
+          isDropdownCaption ? "h-auto" : "h-(--cell-size)",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          isDropdownCaption ? "relative flex min-w-[7rem] items-center rounded-[var(--radius)] border border-border bg-background text-foreground transition-colors outline-none focus-within:ring-2 focus-within:ring-primary focus-within:border-transparent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 px-2.5 py-1" : "relative rounded-[var(--radius)] hover:bg-accent transition-colors",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          isDropdownCaption ? "absolute inset-0 cursor-pointer opacity-0" : "absolute bg-popover inset-0 opacity-0 cursor-pointer",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "select-none font-[family-name:var(--font-family,Roboto)] tracking-tight transition-all duration-200",
+          captionLayout === "label" ? "rounded-[var(--radius)] px-2 py-1 text-[length:var(--calendar-caption-size)] font-[number:var(--font-weight-semibold)] hover:bg-accent hover:text-accent-foreground" : "flex h-full w-full items-center justify-between gap-2 rounded-[var(--radius)] text-[length:var(--calendar-caption-size)] font-[number:var(--font-weight-semibold)] [&>svg]:text-muted-foreground [&>svg]:size-4",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse mt-1",
+        weekdays: cn("flex gap-1", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground rounded-(--cell-radius) flex-1 select-none text-[length:var(--calendar-weekday-size)] font-[number:var(--font-weight-medium)] uppercase tracking-wider",
+          defaultClassNames.weekday
+        ),
+        week: cn("flex w-full gap-1", defaultClassNames.week),
+        week_number_header: cn(
+          "select-none w-(--cell-size)",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "select-none text-muted-foreground text-[length:var(--calendar-weekday-size)]",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "relative w-full rounded-(--cell-radius) h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius) group/day aspect-square select-none",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "rounded-l-(--cell-radius) bg-accent/50 relative after:bg-accent/50 after:absolute after:inset-y-0 after:w-2 after:right-0 -z-0 isolate",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn(
+          "rounded-none bg-accent/30",
+          defaultClassNames.range_middle
+        ),
+        range_end: cn(
+          "rounded-r-(--cell-radius) bg-accent/50 relative after:bg-accent/50 after:absolute after:inset-y-0 after:w-2 after:left-0 -z-0 isolate",
+          defaultClassNames.range_end
+        ),
+        today: cn(
+          "bg-accent/60 text-accent-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none font-[number:var(--font-weight-semibold)]",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground/30 opacity-40",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => {
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: cn(className2),
+              ...props2
+            }
+          );
+        },
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsx(
+              ChevronLeft,
+              {
+                className: cn("size-5 transition-transform group-hover:scale-110", className2),
+                ...props2
+              }
+            );
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsx(
+              ChevronRight,
+              {
+                className: cn("size-5 transition-transform group-hover:scale-110", className2),
+                ...props2
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn("size-4", className2),
+              ...props2
+            }
+          );
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props2 }) => {
+          return /* @__PURE__ */ jsx("td", { ...props2, children: /* @__PURE__ */ jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center font-[number:var(--font-weight-medium)]", children }) });
+        },
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    var _a;
+    if (modifiers.focused) (_a = ref.current) == null ? void 0 : _a.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      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(
+        "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col items-center justify-center gap-1 border-0 leading-none transition-all duration-200 cursor-pointer disabled:cursor-not-allowed",
+        "text-[length:var(--calendar-day-size)] font-[number:var(--font-weight-regular)]",
+        "hover:bg-accent/70 hover:text-accent-foreground hover:scale-105",
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[selected-single=true]:font-[number:var(--font-weight-semibold)] data-[selected-single=true]:shadow-sm",
+        "data-[range-middle=true]:bg-accent/50 data-[range-middle=true]:text-foreground",
+        "data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-start=true]:font-[number:var(--font-weight-semibold)] data-[range-start=true]:shadow-sm",
+        "data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-end=true]:font-[number:var(--font-weight-semibold)] data-[range-end=true]:shadow-sm",
+        "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 group-data-[focused=true]/day:ring-2 group-data-[focused=true]/day:ring-offset-2 group-data-[focused=true]/day:ring-offset-background",
+        "data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius)",
+        "data-[range-middle=true]:rounded-none",
+        "data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius)",
+        "[&>span]:opacity-80",
+        defaultClassNames.day,
+        className
+      ),
+      ...props,
+      children: day.date.getDate()
+    }
+  );
+}
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    className: cn(
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 px-6 pt-6", className),
+      ...props
+    }
+  );
+}
+function SheetBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-body",
+      className: cn("flex-1 overflow-auto px-6", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 px-6 pb-6", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function Drawer({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Drawer$1.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Drawer$1.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Drawer$1.Close, { "data-slot": "drawer-close", ...props });
+}
+const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Overlay,
+    {
+      ref,
+      "data-slot": "drawer-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
+function DrawerContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      Drawer$1.Content,
+      {
+        "data-slot": "drawer-content",
+        className: cn(
+          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+          "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-lg data-[vaul-drawer-direction=top]:border-b",
+          "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-lg data-[vaul-drawer-direction=bottom]:border-t",
+          "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]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "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]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Title,
+    {
+      "data-slot": "drawer-title",
+      className: cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Description,
+    {
+      "data-slot": "drawer-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function DrawerHandle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "drawer-handle",
+      className: cn("bg-muted mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full", className),
+      ...props
+    }
+  );
+}
+function HoverCard({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
+    HoverCardPrimitive.Content,
+    {
+      "data-slot": "hover-card-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function ContextMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "context-menu-radio-group",
+      ...props
+    }
+  );
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Item,
+    {
+      "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 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Label,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function ContextMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Menubar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Root,
+    {
+      "data-slot": "menubar",
+      className: cn(
+        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
+}
+function MenubarRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarContent({
+  className,
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPortal, { children: /* @__PURE__ */ jsx(
+    MenubarPrimitive.Content,
+    {
+      "data-slot": "menubar-content",
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function MenubarItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Item,
+    {
+      "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 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Label,
+    {
+      "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({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function MenubarShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}
+function MenubarSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1,
+    {
+      "data-slot": "command",
+      className: cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) })
+  ] });
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx(
+          Command$1.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.List,
+    {
+      "data-slot": "command-list",
+      role: "listbox",
+      className: cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Group,
+    {
+      "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({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("bg-border -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Item,
+    {
+      "data-slot": "command-item",
+      role: "option",
+      className: cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const variantStyles = {
+  default: "bg-primary text-primary-foreground",
+  secondary: "bg-secondary text-secondary-foreground",
+  destructive: "bg-destructive text-destructive-foreground",
+  outline: "border-2 border-primary bg-background text-primary",
+  success: "bg-success text-success-foreground",
+  info: "bg-info text-info-foreground",
+  warning: "bg-warning text-warning-foreground"
+};
+const NotificationBadge = React.forwardRef(
+  ({
+    className,
+    count = 0,
+    max = 99,
+    showZero = false,
+    dot = false,
+    variant = "destructive",
+    children,
+    ...props
+  }, ref) => {
+    const displayCount = count > max ? `${max}+` : count;
+    const shouldShow = count > 0 || showZero;
+    if (!shouldShow && !dot) {
+      return /* @__PURE__ */ jsx("div", { ref, className, ...props, children });
+    }
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-block", className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "absolute -right-1 -top-1 flex items-center justify-center rounded-full",
+            variantStyles[variant],
+            dot ? "h-2 w-2" : "min-w-[1.25rem] h-5 px-1.5"
+          ),
+          children: !dot && shouldShow && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium leading-none", children: displayCount })
+        }
+      )
+    ] });
+  }
+);
+NotificationBadge.displayName = "NotificationBadge";
+const StatsCard = React.forwardRef(
+  ({ className, title, value, description, trend, icon, ...props }, ref) => {
+    const getTrendIcon = () => {
+      if (!trend) return null;
+      if (trend.value > 0) {
+        return /* @__PURE__ */ jsx(TrendingUp, { className: "h-4 w-4 text-success" });
+      } else if (trend.value < 0) {
+        return /* @__PURE__ */ jsx(TrendingDown, { className: "h-4 w-4 text-destructive" });
+      } else {
+        return /* @__PURE__ */ jsx(Minus, { className: "h-4 w-4 text-muted-foreground" });
+      }
+    };
+    const getTrendColor = () => {
+      if (!trend) return "";
+      if (trend.value > 0) {
+        return "text-success";
+      } else if (trend.value < 0) {
+        return "text-destructive";
+      } else {
+        return "text-muted-foreground";
+      }
+    };
+    return /* @__PURE__ */ jsx(Card, { ref, className: cn("", className), ...props, children: /* @__PURE__ */ jsx(CardContent, { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-1 text-sm", children: title }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-2", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-foreground text-xl sm:text-2xl", children: value }),
+          trend && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1 text-sm", getTrendColor()), children: [
+            getTrendIcon(),
+            /* @__PURE__ */ jsxs("span", { children: [
+              Math.abs(trend.value),
+              "%"
+            ] })
+          ] })
+        ] }),
+        (description || (trend == null ? void 0 : trend.label)) && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs sm:text-sm", children: (trend == null ? void 0 : trend.label) || description })
+      ] }),
+      icon && /* @__PURE__ */ jsx("div", { className: "rounded-[var(--radius)] bg-muted p-2 sm:p-3 text-muted-foreground flex-shrink-0", children: icon })
+    ] }) }) });
+  }
+);
+StatsCard.displayName = "StatsCard";
+const Timeline = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ol",
+  {
+    ref,
+    className: cn("relative border-l border-border", className),
+    ...props
+  }
+));
+Timeline.displayName = "Timeline";
+const TimelineItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    ref,
+    className: cn("mb-10 ml-6", className),
+    ...props
+  }
+));
+TimelineItem.displayName = "TimelineItem";
+const TimelineDot = React.forwardRef(({ className, variant = "default", icon, children, ...props }, ref) => {
+  const variantStyles2 = {
+    default: "bg-muted border-border",
+    primary: "bg-primary border-primary",
+    success: "bg-success border-success",
+    info: "bg-info border-info",
+    warning: "bg-warning border-warning",
+    destructive: "bg-destructive border-destructive",
+    outline: "bg-background border-border"
+  };
+  const iconColorStyles = {
+    default: "text-muted-foreground",
+    primary: "text-primary-foreground",
+    success: "text-success-foreground",
+    info: "text-info-foreground",
+    warning: "text-warning-foreground",
+    destructive: "text-destructive-foreground",
+    outline: "text-foreground"
+  };
+  if (icon || children) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "absolute -left-[17px] mt-0.5 h-8 w-8 rounded-full border-2 flex items-center justify-center",
+          variantStyles2[variant],
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx("span", { className: cn("h-4 w-4", iconColorStyles[variant]), children: icon || children })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "absolute -left-[9px] mt-1.5 h-4 w-4 rounded-full border-2",
+        variantStyles2[variant],
+        className
+      ),
+      ...props
+    }
+  );
+});
+TimelineDot.displayName = "TimelineDot";
+const TimelineContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("", className),
+    ...props
+  }
+));
+TimelineContent.displayName = "TimelineContent";
+const TimelineHeading = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    className: cn("mb-1 text-foreground", className),
+    ...props
+  }
+));
+TimelineHeading.displayName = "TimelineHeading";
+const TimelineTime = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "time",
+  {
+    ref,
+    className: cn("mb-2 block text-muted-foreground", className),
+    ...props
+  }
+));
+TimelineTime.displayName = "TimelineTime";
+const TimelineDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn("text-muted-foreground", className),
+    ...props
+  }
+));
+TimelineDescription.displayName = "TimelineDescription";
+function useTreeView({
+  data,
+  defaultExpanded = [],
+  selectedNodeId,
+  onNodeClick,
+  onNodeSelect
+}) {
+  const [expanded, setExpanded] = useState(new Set(defaultExpanded));
+  const [internalSelectedId, setInternalSelectedId] = useState(void 0);
+  const nodeRefs = useRef(/* @__PURE__ */ new Map());
+  const isControlled = selectedNodeId !== void 0;
+  const effectiveSelectedId = isControlled ? selectedNodeId : internalSelectedId;
+  const getNodeRef = useCallback(
+    (nodeId) => (el) => {
+      if (el) nodeRefs.current.set(nodeId, el);
+      else nodeRefs.current.delete(nodeId);
+    },
+    []
+  );
+  const getVisibleNodes = useCallback(() => {
+    const result = [];
+    const traverse = (nodes) => {
+      var _a;
+      for (const node of nodes) {
+        result.push(node);
+        if (((_a = node.children) == null ? void 0 : _a.length) && expanded.has(node.id)) traverse(node.children);
+      }
+    };
+    traverse(data);
+    return result;
+  }, [data, expanded]);
+  const findParent = useCallback(
+    (nodes, targetId) => {
+      var _a;
+      for (const n of nodes) {
+        if ((_a = n.children) == null ? void 0 : _a.some((c) => c.id === targetId)) return n;
+        if (n.children) {
+          const found = findParent(n.children, targetId);
+          if (found) return found;
+        }
+      }
+      return null;
+    },
+    // findParent is a pure recursive function over `data` — no reactive deps needed
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  const toggleExpand = useCallback((nodeId) => {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      next.has(nodeId) ? next.delete(nodeId) : next.add(nodeId);
+      return next;
+    });
+  }, []);
+  const handleSelect = useCallback(
+    (node) => {
+      if (!isControlled) setInternalSelectedId(node.id);
+      onNodeSelect == null ? void 0 : onNodeSelect(node);
+      onNodeClick == null ? void 0 : onNodeClick(node);
+    },
+    [isControlled, onNodeClick, onNodeSelect]
+  );
+  const handleKeyDown = useCallback(
+    (e, node) => {
+      var _a, _b;
+      const visibleNodes = getVisibleNodes();
+      const idx = visibleNodes.findIndex((n) => n.id === node.id);
+      const hasChildren = !!((_a = node.children) == null ? void 0 : _a.length);
+      const isExpanded = expanded.has(node.id);
+      const focusNode = (id) => {
+        var _a2;
+        (_a2 = nodeRefs.current.get(id)) == null ? void 0 : _a2.focus();
+      };
+      switch (e.key) {
+        case "ArrowDown": {
+          e.preventDefault();
+          const next = visibleNodes[idx + 1];
+          if (next) focusNode(next.id);
+          break;
+        }
+        case "ArrowUp": {
+          e.preventDefault();
+          const prev = visibleNodes[idx - 1];
+          if (prev) focusNode(prev.id);
+          break;
+        }
+        case "ArrowRight": {
+          e.preventDefault();
+          if (hasChildren && !isExpanded) {
+            toggleExpand(node.id);
+          } else if (hasChildren && isExpanded && ((_b = node.children) == null ? void 0 : _b.length)) {
+            focusNode(node.children[0].id);
+          }
+          break;
+        }
+        case "ArrowLeft": {
+          e.preventDefault();
+          if (hasChildren && isExpanded) {
+            toggleExpand(node.id);
+          } else {
+            const parent = findParent(data, node.id);
+            if (parent) focusNode(parent.id);
+          }
+          break;
+        }
+        case "Home": {
+          e.preventDefault();
+          if (visibleNodes.length > 0) focusNode(visibleNodes[0].id);
+          break;
+        }
+        case "End": {
+          e.preventDefault();
+          const last = visibleNodes[visibleNodes.length - 1];
+          if (last) focusNode(last.id);
+          break;
+        }
+        case "Enter":
+        case " ": {
+          e.preventDefault();
+          if (hasChildren) toggleExpand(node.id);
+          handleSelect(node);
+          break;
+        }
+      }
+    },
+    [data, expanded, findParent, getVisibleNodes, handleSelect, toggleExpand]
+  );
+  return {
+    expanded,
+    effectiveSelectedId,
+    nodeRefs,
+    getNodeRef,
+    toggleExpand,
+    handleSelect,
+    handleKeyDown,
+    getVisibleNodes
+  };
+}
+const TreeView = React.forwardRef(
+  ({ className, data, onNodeClick, onNodeSelect, defaultExpanded = [], selectedNodeId, ...props }, ref) => {
+    const {
+      expanded,
+      effectiveSelectedId,
+      getNodeRef,
+      toggleExpand,
+      handleSelect,
+      handleKeyDown
+    } = useTreeView({ data, defaultExpanded, selectedNodeId, onNodeClick, onNodeSelect });
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), role: "tree", ...props, children: data.map((node) => /* @__PURE__ */ jsx(
+      TreeNodeComponent,
+      {
+        node,
+        level: 0,
+        expanded,
+        selectedId: effectiveSelectedId,
+        onToggle: toggleExpand,
+        onSelect: handleSelect,
+        onKeyDown: handleKeyDown,
+        getNodeRef
+      },
+      node.id
+    )) });
+  }
+);
+TreeView.displayName = "TreeView";
+const TreeNodeComponent = ({
+  node,
+  level,
+  expanded,
+  selectedId,
+  onToggle,
+  onSelect,
+  onKeyDown,
+  getNodeRef
+}) => {
+  var _a;
+  const hasChildren = !!((_a = node.children) == null ? void 0 : _a.length);
+  const isExpanded = expanded.has(node.id);
+  const isSelected = node.id === selectedId;
+  const handleClick = () => {
+    if (hasChildren) onToggle(node.id);
+    onSelect(node);
+  };
+  return /* @__PURE__ */ jsxs("div", { role: "none", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: getNodeRef(node.id),
+        role: "treeitem",
+        "aria-expanded": hasChildren ? isExpanded : void 0,
+        "aria-selected": isSelected,
+        tabIndex: isSelected ? 0 : -1,
+        onClick: handleClick,
+        onKeyDown: (e) => onKeyDown(e, node),
+        className: cn(
+          "flex w-full items-center gap-2 rounded-[var(--radius)] px-2 py-1.5 text-left transition-colors",
+          "hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+          isSelected && "bg-primary/10 text-primary font-medium"
+        ),
+        style: { paddingLeft: `${level * 1.5 + 0.5}rem` },
+        children: [
+          hasChildren ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-muted-foreground", children: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) }) : /* @__PURE__ */ jsx("span", { className: "w-4 flex-shrink-0", "aria-hidden": "true" }),
+          node.icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-muted-foreground", children: node.icon }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 text-foreground", children: node.label })
+        ]
+      }
+    ),
+    hasChildren && isExpanded && /* @__PURE__ */ jsx("div", { role: "group", children: node.children.map((child) => /* @__PURE__ */ jsx(
+      TreeNodeComponent,
+      {
+        node: child,
+        level: level + 1,
+        expanded,
+        selectedId,
+        onToggle,
+        onSelect,
+        onKeyDown,
+        getNodeRef
+      },
+      child.id
+    )) })
+  ] });
+};
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
+}
+function CollapsibleContent({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...props
+    }
+  );
+}
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+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({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y"
+    },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+  const [canScrollNext, setCanScrollNext] = React.useState(false);
+  const onSelect = React.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React.useCallback(() => {
+    api == null ? void 0 : api.scrollPrev();
+  }, [api]);
+  const scrollNext = React.useCallback(() => {
+    api == null ? 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 ? void 0 : api.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || ((opts == null ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: carouselRef,
+      className: "overflow-hidden",
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex",
+            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      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({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        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: [
+        /* @__PURE__ */ jsx(ArrowLeft, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNext({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        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: [
+        /* @__PURE__ */ jsx(ArrowRight, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+const StepperContext = React.createContext(void 0);
+const useStepperContext = () => {
+  const context = React.useContext(StepperContext);
+  if (!context) throw new Error("useStepperContext must be used within a Stepper");
+  return context;
+};
+const Stepper = React.forwardRef(
+  ({ currentStep, orientation = "horizontal", className, children, ...props }, ref) => {
+    const totalSteps = React.Children.count(children);
+    return /* @__PURE__ */ jsx(StepperContext.Provider, { value: { currentStep, totalSteps, orientation }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("w-full", className),
+        ...props,
+        children: /* @__PURE__ */ jsx("div", { className: cn(
+          orientation === "horizontal" ? "flex items-start justify-between" : "flex flex-col gap-0"
+        ), children })
+      }
+    ) });
+  }
+);
+Stepper.displayName = "Stepper";
+const Step = React.forwardRef(
+  ({ step, label, description, error = false, className, ...props }, ref) => {
+    const { currentStep, totalSteps, orientation } = useStepperContext();
+    const isActive = step === currentStep;
+    const isCompleted = step < currentStep && !error;
+    const isFirst = step === 1;
+    const isLast = step === totalSteps;
+    const circleClasses = cn(
+      "relative flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 transition-colors",
+      isActive && !error && "border-primary bg-primary text-primary-foreground",
+      isCompleted && "border-primary bg-primary text-primary-foreground",
+      error && "border-destructive bg-destructive text-destructive-foreground",
+      !isActive && !isCompleted && !error && "border-muted bg-background text-muted-foreground"
+    );
+    const connectorClasses = (filled) => cn("transition-colors", filled ? "bg-primary" : "bg-muted");
+    if (orientation === "vertical") {
+      return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex gap-4", className), ...props, children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx("span", { children: step }) }),
+          !isLast && /* @__PURE__ */ jsx("div", { className: cn("w-0.5 flex-1 min-h-[2rem] mt-1", connectorClasses(step < currentStep)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: cn("pb-6", isLast && "pb-0"), children: [
+          /* @__PURE__ */ jsx("div", { className: cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
+          description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-1 flex-col items-center", className), ...props, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
+        step > 1 && /* @__PURE__ */ jsx("div", { className: cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step <= currentStep)) }),
+        /* @__PURE__ */ jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx("span", { children: step }) }),
+        step < totalSteps && /* @__PURE__ */ jsx("div", { className: cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step < currentStep)) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: cn(
+        "mt-2 px-1",
+        isFirst && "text-left self-start",
+        isLast && "text-right self-end",
+        !isFirst && !isLast && "text-center w-full"
+      ), children: [
+        /* @__PURE__ */ jsx("div", { className: cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
+        description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
+      ] })
+    ] });
+  }
+);
+Step.displayName = "Step";
+function useStepper({
+  totalSteps,
+  initialStep = 1,
+  step: controlledStep,
+  onStepChange,
+  onBeforeNext
+}) {
+  const [internalStep, setInternalStep] = useState(initialStep);
+  const isControlled = controlledStep !== void 0;
+  const currentStep = isControlled ? controlledStep : internalStep;
+  const setStep = useCallback(
+    (s) => {
+      const clamped = Math.min(Math.max(1, s), totalSteps);
+      if (!isControlled) setInternalStep(clamped);
+      onStepChange == null ? void 0 : onStepChange(clamped);
+    },
+    [isControlled, onStepChange, totalSteps]
+  );
+  const isFirstStep = currentStep === 1;
+  const isLastStep = currentStep === totalSteps;
+  const canGoPrev = currentStep > 1;
+  const canGoNext = currentStep < totalSteps;
+  const next = useCallback(async () => {
+    if (!canGoNext) return;
+    if (onBeforeNext) {
+      const allowed = await onBeforeNext(currentStep);
+      if (!allowed) return;
+    }
+    setStep(currentStep + 1);
+  }, [canGoNext, currentStep, onBeforeNext, setStep]);
+  const prev = useCallback(() => {
+    if (!canGoPrev) return;
+    setStep(currentStep - 1);
+  }, [canGoPrev, currentStep, setStep]);
+  const goTo = useCallback((s) => setStep(s), [setStep]);
+  const reset = useCallback(() => setStep(1), [setStep]);
+  return {
+    currentStep,
+    totalSteps,
+    isFirstStep,
+    isLastStep,
+    canGoPrev,
+    canGoNext,
+    next,
+    prev,
+    goTo,
+    reset
+  };
+}
+function useFileUpload({
+  maxFiles = 1,
+  maxSize = 5 * 1024 * 1024,
+  onFilesChange,
+  onError,
+  disabled = false
+} = {}) {
+  const [files, setFiles] = useState([]);
+  const [dragActive, setDragActive] = useState(false);
+  const [errorMessage, setErrorMessage] = useState(null);
+  const inputRef = useRef(null);
+  const handleFiles = useCallback(
+    (newFiles) => {
+      if (!newFiles) return;
+      setErrorMessage(null);
+      const filesArray = Array.from(newFiles);
+      const oversized = filesArray.filter((f) => f.size > maxSize);
+      const validFiles = filesArray.filter((f) => f.size <= maxSize);
+      if (oversized.length > 0) {
+        const limitMB = (maxSize / 1024 / 1024).toFixed(0);
+        setErrorMessage(
+          `${oversized.length} file(s) exceed the ${limitMB}MB limit and were not added.`
+        );
+        onError == null ? void 0 : onError(oversized, "size");
+      }
+      const merged = maxFiles === 1 ? validFiles.slice(0, 1) : [...files, ...validFiles].slice(0, maxFiles);
+      const countRejected = maxFiles === 1 ? validFiles.slice(1) : [...files, ...validFiles].slice(maxFiles);
+      if (countRejected.length > 0) {
+        setErrorMessage(
+          `Only ${maxFiles} file(s) allowed. ${countRejected.length} file(s) were not added.`
+        );
+        onError == null ? void 0 : onError(countRejected, "count");
+      }
+      setFiles(merged);
+      onFilesChange == null ? void 0 : onFilesChange(merged);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [files, maxFiles, maxSize, onError, onFilesChange]
+  );
+  const handleDrag = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.type === "dragenter" || e.type === "dragover") {
+      setDragActive(true);
+    } else if (e.type === "dragleave") {
+      setDragActive(false);
+    }
+  }, []);
+  const handleDrop = useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setDragActive(false);
+      if (disabled) return;
+      handleFiles(e.dataTransfer.files);
+    },
+    [disabled, handleFiles]
+  );
+  const handleChange = useCallback(
+    (e) => {
+      e.preventDefault();
+      if (disabled) return;
+      handleFiles(e.target.files);
+    },
+    [disabled, handleFiles]
+  );
+  const removeFile = useCallback(
+    (index) => {
+      setFiles((prev) => {
+        const updated = prev.filter((_, i) => i !== index);
+        onFilesChange == null ? void 0 : onFilesChange(updated);
+        if (updated.length === 0) setErrorMessage(null);
+        return updated;
+      });
+    },
+    [onFilesChange]
+  );
+  const openFileDialog = useCallback(() => {
+    var _a;
+    if (!disabled) {
+      setErrorMessage(null);
+      (_a = inputRef.current) == null ? void 0 : _a.click();
+    }
+  }, [disabled]);
+  return {
+    files,
+    dragActive,
+    errorMessage,
+    inputRef,
+    handleFiles,
+    handleDrag,
+    handleDrop,
+    handleChange,
+    removeFile,
+    openFileDialog
+  };
+}
+const FileUpload = React.forwardRef(
+  ({
+    className,
+    onFilesChange,
+    maxFiles = 1,
+    maxSize = 5 * 1024 * 1024,
+    // 5MB default
+    showPreview = true,
+    onError,
+    accept,
+    disabled,
+    ...props
+  }, ref) => {
+    const {
+      files,
+      dragActive,
+      errorMessage,
+      inputRef,
+      handleDrag,
+      handleDrop,
+      handleChange,
+      removeFile,
+      openFileDialog
+    } = useFileUpload({ maxFiles, maxSize, onFilesChange, onError, disabled });
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          onDragEnter: handleDrag,
+          onDragLeave: handleDrag,
+          onDragOver: handleDrag,
+          onDrop: handleDrop,
+          onClick: openFileDialog,
+          className: cn(
+            "relative flex cursor-pointer flex-col items-center justify-center rounded-[var(--radius)] border-2 border-dashed border-border bg-background p-8 transition-colors hover:bg-muted/50",
+            dragActive && "border-primary bg-primary/5",
+            errorMessage && "border-destructive/50",
+            disabled && "cursor-not-allowed opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Upload, { className: "mb-4 h-10 w-10 text-muted-foreground" }),
+            /* @__PURE__ */ jsxs("p", { className: "mb-2 text-foreground", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-primary", children: "Click to upload" }),
+              " or drag and drop"
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+              maxFiles > 1 ? `Up to ${maxFiles} files` : "1 file",
+              " • Max ",
+              (maxSize / 1024 / 1024).toFixed(0),
+              "MB"
+            ] }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ...props,
+                ref: inputRef,
+                type: "file",
+                className: "hidden",
+                onChange: handleChange,
+                multiple: maxFiles > 1,
+                accept,
+                disabled
+              }
+            )
+          ]
+        }
+      ),
+      errorMessage && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2 rounded-[var(--radius)] border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { children: errorMessage })
+      ] }),
+      showPreview && files.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: files.map((file, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between rounded-[var(--radius)] border border-border bg-card p-3",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(FileIcon, { className: "h-5 w-5 text-muted-foreground" }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("p", { className: "text-foreground", children: file.name }),
+                /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+                  (file.size / 1024).toFixed(2),
+                  " KB"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  removeFile(index);
+                },
+                disabled,
+                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        },
+        index
+      )) })
+    ] });
+  }
+);
+FileUpload.displayName = "FileUpload";
+const Rating = React.forwardRef(
+  ({
+    className,
+    value = 0,
+    onChange,
+    max = 5,
+    readonly = false,
+    disabled = false,
+    size = "md",
+    showValue = false,
+    allowHalf = false,
+    getAriaLabel,
+    ...props
+  }, ref) => {
+    const [hoverValue, setHoverValue] = React.useState(null);
+    const isInteractive = !readonly && !disabled;
+    const sizeStyles = {
+      sm: "h-4 w-4",
+      md: "h-5 w-5",
+      lg: "h-6 w-6"
+    };
+    const handleClick = (rating) => {
+      if (isInteractive) onChange == null ? void 0 : onChange(rating);
+    };
+    const handleMouseMove = (e, rating) => {
+      if (!isInteractive) return;
+      if (allowHalf) {
+        const rect = e.currentTarget.getBoundingClientRect();
+        setHoverValue(e.clientX - rect.left < rect.width / 2 ? rating - 0.5 : rating);
+      } else {
+        setHoverValue(rating);
+      }
+    };
+    const handleMouseLeave = () => {
+      if (isInteractive) setHoverValue(null);
+    };
+    const handleClickWithHalf = (e, rating) => {
+      if (!isInteractive) return;
+      if (allowHalf) {
+        const rect = e.currentTarget.getBoundingClientRect();
+        const half = e.clientX - rect.left < rect.width / 2 ? rating - 0.5 : rating;
+        onChange == null ? void 0 : onChange(half);
+      } else {
+        handleClick(rating);
+      }
+    };
+    const displayValue = hoverValue ?? value;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center gap-1", disabled && "opacity-50", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Rating", children: Array.from({ length: max }, (_, index) => {
+            const rating = index + 1;
+            const isFull = rating <= displayValue;
+            const isHalf = allowHalf && !isFull && rating - 0.5 <= displayValue;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => handleClickWithHalf(e, rating),
+                onMouseMove: (e) => handleMouseMove(e, rating),
+                onMouseLeave: handleMouseLeave,
+                disabled: readonly || disabled,
+                "aria-label": getAriaLabel ? getAriaLabel(rating, max) : `${rating} / ${max}`,
+                className: cn(
+                  "relative transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  isInteractive && "cursor-pointer hover:scale-110",
+                  !isInteractive && "cursor-default"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Star, { className: cn(sizeStyles[size], "fill-none text-muted-foreground") }),
+                  (isFull || isHalf) && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "absolute inset-0 overflow-hidden",
+                        isHalf ? "w-1/2" : "w-full"
+                      ),
+                      children: /* @__PURE__ */ jsx(Star, { className: cn(sizeStyles[size], "fill-warning text-warning") })
+                    }
+                  )
+                ]
+              },
+              index
+            );
+          }) }),
+          showValue && /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm text-muted-foreground", children: value % 1 === 0 ? value.toFixed(0) : value.toFixed(1) })
+        ]
+      }
+    );
+  }
+);
+Rating.displayName = "Rating";
+const Search = React.forwardRef(
+  ({
+    className,
+    containerClassName,
+    onSearch,
+    onClear,
+    onChange,
+    size = "md",
+    searchLabel = "Search",
+    clearLabel = "Clear search",
+    value: controlledValue,
+    defaultValue,
+    ...props
+  }, ref) => {
+    const isControlled = controlledValue !== void 0;
+    const [internalValue, setInternalValue] = React.useState(
+      isControlled ? "" : defaultValue ?? ""
+    );
+    const displayValue = isControlled ? controlledValue : internalValue;
+    const sizeClasses = {
+      sm: "h-8 px-8 py-1 text-sm",
+      md: "h-10 px-10 py-2 text-base",
+      lg: "h-12 px-12 py-3 text-base"
+    };
+    const iconSizeClasses = {
+      sm: "left-2 h-3.5 w-3.5",
+      md: "left-3 h-4 w-4",
+      lg: "left-4 h-5 w-5"
+    };
+    const clearSizeClasses = {
+      sm: "right-2",
+      md: "right-3",
+      lg: "right-4"
+    };
+    const handleChange = (e) => {
+      const newValue = e.target.value;
+      if (!isControlled) setInternalValue(newValue);
+      onChange == null ? void 0 : onChange(e);
+      onSearch == null ? void 0 : onSearch(newValue);
+    };
+    const handleClear = () => {
+      if (!isControlled) setInternalValue("");
+      onClear == null ? void 0 : onClear();
+      onSearch == null ? void 0 : onSearch("");
+    };
+    const handleKeyDown = (e) => {
+      var _a;
+      if (e.key === "Escape") {
+        handleClear();
+      }
+      (_a = props.onKeyDown) == null ? void 0 : _a.call(props, e);
+    };
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full", containerClassName), children: [
+      /* @__PURE__ */ jsx(
+        Search$1,
+        {
+          "aria-hidden": "true",
+          className: cn("absolute top-1/2 -translate-y-1/2 text-muted-foreground", iconSizeClasses[size])
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          type: "text",
+          value: displayValue,
+          onChange: handleChange,
+          onKeyDown: handleKeyDown,
+          className: cn(
+            "flex w-full rounded-[var(--radius)] border border-border bg-background text-foreground transition-colors outline-none",
+            "placeholder:text-muted-foreground",
+            "focus:ring-2 focus:ring-primary focus:border-transparent",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            sizeClasses[size],
+            className
+          ),
+          "aria-label": props.placeholder || searchLabel,
+          ...props
+        }
+      ),
+      displayValue && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleClear,
+          "aria-label": clearLabel,
+          className: cn(
+            "absolute top-1/2 -translate-y-1/2 text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
+            clearSizeClasses[size]
+          ),
+          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+        }
+      )
+    ] });
+  }
+);
+Search.displayName = "Search";
+const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
+const RouteMapContent = React__default.forwardRef(
+  ({ apiKey, ...props }, ref) => {
+    const { isLoaded, loadError, load } = useGoogleMapsLoader();
+    const {
+      origin,
+      destination,
+      waypoints = [],
+      travelMode = "DRIVING",
+      height = "450px",
+      mapContainerClassName,
+      disableDefaultUI = false,
+      zoomControl = true,
+      streetViewControl = false,
+      mapTypeControl = false,
+      fullscreenControl = true,
+      onRouteCalculated,
+      className,
+      ...divProps
+    } = props;
+    const mapRef = useRef(null);
+    const gmpMapRef = useRef(null);
+    const directionsRendererRef = useRef(null);
+    useRef(false);
+    const isCalculatingRef = useRef(false);
+    useEffect(() => {
+      if (!isLoaded && apiKey && !loadError && load) {
+        load(apiKey).catch(console.error);
+      }
+    }, [isLoaded, apiKey, loadError, load]);
+    useEffect(() => {
+      if (!isLoaded || !gmpMapRef.current) return;
+      const setupMap = (map) => {
+        mapRef.current = map;
+        const computedStyle = getComputedStyle(document.documentElement);
+        const primaryColor = computedStyle.getPropertyValue("--primary").trim() || "#4F46E5";
+        if (!directionsRendererRef.current) {
+          directionsRendererRef.current = new google.maps.DirectionsRenderer({
+            map,
+            suppressMarkers: false,
+            polylineOptions: {
+              strokeColor: primaryColor,
+              strokeWeight: 5,
+              strokeOpacity: 0.8
+            }
+          });
+        } else {
+          directionsRendererRef.current.setMap(map);
+        }
+      };
+      const gmpMap = gmpMapRef.current;
+      if (gmpMap.innerMap) {
+        setupMap(gmpMap.innerMap);
+      } else {
+        const interval = setInterval(() => {
+          if (gmpMap.innerMap) {
+            setupMap(gmpMap.innerMap);
+            clearInterval(interval);
+          }
+        }, 100);
+        return () => clearInterval(interval);
+      }
+      return () => {
+        if (directionsRendererRef.current) {
+          directionsRendererRef.current.setMap(null);
+        }
+        mapRef.current = null;
+      };
+    }, [isLoaded]);
+    useEffect(() => {
+      if (gmpMapRef.current && origin) {
+        gmpMapRef.current.center = origin;
+      }
+    }, [origin.lat, origin.lng]);
+    useEffect(() => {
+      if (gmpMapRef.current) {
+        gmpMapRef.current.zoom = 13;
+      }
+    }, []);
+    useEffect(() => {
+      const map = mapRef.current;
+      const renderer = directionsRendererRef.current;
+      if (!map || !renderer || !isLoaded || isCalculatingRef.current) return;
+      if (!origin || !destination) return;
+      isCalculatingRef.current = true;
+      const directionsService = new google.maps.DirectionsService();
+      const request = {
+        origin,
+        destination,
+        waypoints: waypoints.map((wp) => ({
+          location: wp,
+          stopover: true
+        })),
+        travelMode: google.maps.TravelMode[travelMode]
+      };
+      directionsService.route(request, (result, status) => {
+        var _a;
+        isCalculatingRef.current = false;
+        if (status === "OK" && result) {
+          renderer.setDirections(result);
+          const route = result.routes[0];
+          if (((_a = route == null ? void 0 : route.legs) == null ? void 0 : _a.length) > 0 && onRouteCalculated) {
+            let totalDistance = 0;
+            let totalDuration = 0;
+            route.legs.forEach((leg) => {
+              if (leg.distance) totalDistance += leg.distance.value;
+              if (leg.duration) totalDuration += leg.duration.value;
+            });
+            const distanceKm = (totalDistance / 1e3).toFixed(1);
+            const distanceText = `${distanceKm} km`;
+            const hours = Math.floor(totalDuration / 3600);
+            const minutes = Math.floor(totalDuration % 3600 / 60);
+            const durationText = hours > 0 ? `${hours}h ${minutes}min` : `${minutes} min`;
+            onRouteCalculated(distanceText, durationText);
+          }
+        }
+      });
+    }, [isLoaded, origin.lat, origin.lng, destination.lat, destination.lng, travelMode, mapRef.current]);
+    if (loadError) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn(
+            "relative rounded-[var(--radius-card)] border border-destructive/50 overflow-hidden bg-destructive/5",
+            className
+          ),
+          style: { height },
+          ...divProps,
+          children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2 p-6", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-destructive", children: /* @__PURE__ */ jsx("svg", { className: "w-12 h-12 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Failed to load Google Maps" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Check API key in Settings" })
+          ] }) })
+        }
+      );
+    }
+    if (!isLoaded) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn(
+            "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted animate-pulse",
+            className
+          ),
+          style: { height },
+          ...divProps
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative rounded-[var(--radius-card)] border border-border overflow-hidden",
+          className
+        ),
+        style: { height },
+        ...divProps,
+        children: /* @__PURE__ */ jsx(
+          "gmp-map",
+          {
+            ref: gmpMapRef,
+            style: { height: "100%", width: "100%", display: "block" },
+            "map-id": props.mapId || "xertica-route-map"
+          }
+        )
+      }
+    );
+  }
+);
+RouteMapContent.displayName = "RouteMapContent";
+const RouteMap = React__default.forwardRef(
+  (props, ref) => {
+    const { isLoaded, loadError } = useGoogleMapsLoader();
+    const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && void 0 || "";
+    const isValidKey = effectiveApiKey && effectiveApiKey !== "YOUR_GOOGLE_MAPS_API_KEY_HERE" && effectiveApiKey.startsWith("AIza");
+    if (isLoaded || isValidKey || loadError) {
+      return /* @__PURE__ */ jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });
+    }
+    const isScriptInjected = typeof document !== "undefined" && !!document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]');
+    if (isScriptInjected) {
+      return /* @__PURE__ */ jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });
+    }
+    const {
+      origin,
+      destination,
+      waypoints,
+      travelMode,
+      height,
+      apiKey,
+      mapContainerClassName,
+      disableDefaultUI,
+      zoomControl,
+      streetViewControl,
+      mapTypeControl,
+      fullscreenControl,
+      onRouteCalculated,
+      ...divProps
+    } = props;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted",
+          props.className
+        ),
+        style: { height: props.height || "450px" },
+        ...divProps,
+        children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-muted/50 to-muted", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-3 p-6", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto bg-primary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxs("svg", { className: "w-8 h-8 text-primary", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+            /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
+            /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
+          ] }) }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Configure Google Maps API Key in Settings" })
+        ] }) })
+      }
+    );
+  }
+);
+RouteMap.displayName = "RouteMap";
+const SimpleMap = React__default.forwardRef(
+  ({
+    center,
+    address,
+    markerTitle,
+    markerInfo,
+    showMarker = true,
+    zoom = 15,
+    height = "350px",
+    ...props
+  }, ref) => {
+    const markers = showMarker && center ? [
+      {
+        position: center,
+        title: markerTitle || address || "Location",
+        info: markerInfo || address
+      }
+    ] : [];
+    return /* @__PURE__ */ jsx(
+      Map$1,
+      {
+        ref,
+        center,
+        zoom,
+        height,
+        markers,
+        ...props
+      }
+    );
+  }
+);
+SimpleMap.displayName = "SimpleMap";
+function AssistantChart({
+  data,
+  config,
+  categoryKey = "month",
+  bars,
+  xAxisFormatter,
+  className
+}) {
+  const resolvedBars = bars ?? Object.keys(config).map((key) => ({ dataKey: key }));
+  const formatTick = xAxisFormatter ?? ((value) => value.slice(0, 3));
+  return /* @__PURE__ */ jsx(ChartContainer, { config, className: cn("min-h-[200px] w-full", className), children: /* @__PURE__ */ jsxs(BarChart, { accessibilityLayer: true, data, children: [
+    /* @__PURE__ */ jsx(CartesianGrid, { vertical: false }),
+    /* @__PURE__ */ jsx(
+      XAxis,
+      {
+        dataKey: categoryKey,
+        tickLine: false,
+        tickMargin: 10,
+        axisLine: false,
+        tickFormatter: formatTick
+      }
+    ),
+    /* @__PURE__ */ jsx(ChartTooltip, { cursor: false, content: /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: "dashed" }) }),
+    resolvedBars.map((bar) => /* @__PURE__ */ jsx(
+      Bar,
+      {
+        dataKey: bar.dataKey,
+        fill: bar.fill ?? `var(--color-${bar.dataKey})`,
+        radius: bar.radius ?? 4
+      },
+      bar.dataKey
+    ))
+  ] }) });
+}
+export {
+  FormControl as $,
+  Accordion as A,
+  ContextMenuGroup as B,
+  Calendar as C,
+  ContextMenuItem as D,
+  ContextMenuLabel as E,
+  ContextMenuPortal as F,
+  ContextMenuRadioGroup as G,
+  ContextMenuRadioItem as H,
+  ContextMenuSeparator as I,
+  ContextMenuShortcut as J,
+  ContextMenuSub as K,
+  ContextMenuSubContent as L,
+  ContextMenuSubTrigger as M,
+  ContextMenuTrigger as N,
+  Drawer as O,
+  DrawerClose as P,
+  DrawerContent as Q,
+  DrawerDescription as R,
+  DrawerFooter as S,
+  DrawerHandle as T,
+  DrawerHeader as U,
+  DrawerOverlay as V,
+  DrawerPortal as W,
+  DrawerTitle as X,
+  DrawerTrigger as Y,
+  FileUpload as Z,
+  Form as _,
+  AccordionContent as a,
+  Stepper as a$,
+  FormDescription as a0,
+  FormField as a1,
+  FormItem as a2,
+  FormLabel as a3,
+  FormMessage as a4,
+  HoverCard as a5,
+  HoverCardContent as a6,
+  HoverCardTrigger as a7,
+  InputOTP as a8,
+  InputOTPGroup as a9,
+  NotificationBadge as aA,
+  Pagination as aB,
+  PaginationContent as aC,
+  PaginationEllipsis as aD,
+  PaginationItem as aE,
+  PaginationLink as aF,
+  PaginationNext as aG,
+  PaginationPrevious as aH,
+  Rating as aI,
+  ResizableHandle as aJ,
+  ResizablePanel as aK,
+  ResizablePanelGroup as aL,
+  RouteMap as aM,
+  Search as aN,
+  Sheet as aO,
+  SheetBody as aP,
+  SheetClose as aQ,
+  SheetContent as aR,
+  SheetDescription as aS,
+  SheetFooter as aT,
+  SheetHeader as aU,
+  SheetPortal as aV,
+  SheetTitle as aW,
+  SheetTrigger as aX,
+  SimpleMap as aY,
+  StatsCard as aZ,
+  Step as a_,
+  InputOTPSeparator as aa,
+  InputOTPSlot as ab,
+  Menubar as ac,
+  MenubarCheckboxItem as ad,
+  MenubarContent as ae,
+  MenubarGroup as af,
+  MenubarItem as ag,
+  MenubarLabel as ah,
+  MenubarMenu as ai,
+  MenubarPortal as aj,
+  MenubarRadioGroup as ak,
+  MenubarRadioItem as al,
+  MenubarSeparator as am,
+  MenubarShortcut as an,
+  MenubarSub as ao,
+  MenubarSubContent as ap,
+  MenubarSubTrigger as aq,
+  MenubarTrigger as ar,
+  NavigationMenu as as,
+  NavigationMenuContent as at,
+  NavigationMenuIndicator as au,
+  NavigationMenuItem as av,
+  NavigationMenuLink as aw,
+  NavigationMenuList as ax,
+  NavigationMenuTrigger as ay,
+  NavigationMenuViewport as az,
+  AccordionItem as b,
+  Timeline as b0,
+  TimelineContent as b1,
+  TimelineDescription as b2,
+  TimelineDot as b3,
+  TimelineHeading as b4,
+  TimelineItem as b5,
+  TimelineTime as b6,
+  Toggle as b7,
+  ToggleGroup as b8,
+  ToggleGroupItem as b9,
+  TreeView as ba,
+  navigationMenuTriggerStyle as bb,
+  toggleVariants as bc,
+  useFileUpload as bd,
+  useFormField as be,
+  usePagination as bf,
+  useStepper as bg,
+  useStepperContext as bh,
+  useTreeView as bi,
+  AccordionTrigger as c,
+  AspectRatio as d,
+  AssistantChart as e,
+  CalendarDayButton as f,
+  Carousel as g,
+  CarouselContent as h,
+  CarouselItem as i,
+  CarouselNext as j,
+  CarouselPrevious as k,
+  Collapsible as l,
+  CollapsibleContent as m,
+  CollapsibleTrigger as n,
+  Command as o,
+  CommandDialog as p,
+  CommandEmpty as q,
+  CommandGroup as r,
+  CommandInput as s,
+  CommandItem as t,
+  CommandList as u,
+  CommandSeparator as v,
+  CommandShortcut as w,
+  ContextMenu as x,
+  ContextMenuCheckboxItem as y,
+  ContextMenuContent as z
+};