xertica-ui 2.2.1 → 2.4.0

package/dist/AssistantChart-CWX1OWNM.js

@@ -0,0 +1,3373 @@
+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-DZHzN1Gd.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-DqlRW_An.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-DqLICivI.js';
+import { C as Card, b as CardContent, S as Skeleton } from './skeleton-DtR5tkYe.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-BCe58h9D.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) => {
+      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" ? containerRef.current?.offsetWidth || 1 : containerRef.current?.offsetHeight || 1;
+      const onMove = (e) => {
+        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;
+        });
+        leftPanel.onResize?.(finalLeft);
+        rightPanel.onResize?.(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?.registerPanel;
+  const unregisterPanel = 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?.registerHandle;
+  const unregisterHandle = 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,
+  disabled,
+  size = "icon",
+  href,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "aria-disabled": disabled || void 0,
+      tabIndex: disabled ? -1 : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      href: disabled ? void 0 : href ?? "#",
+      className: cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          size
+        }),
+        disabled && "pointer-events-none opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      disabled,
+      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,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      disabled,
+      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?.(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 pageSet = /* @__PURE__ */ new Set();
+    pageSet.add(1);
+    if (totalPages > 1) pageSet.add(totalPages);
+    for (let p = Math.max(2, currentPage - siblingCount); p <= Math.min(totalPages - 1, currentPage + siblingCount); p++) {
+      pageSet.add(p);
+    }
+    const sorted = Array.from(pageSet).sort((a, b) => a - b);
+    const result = [];
+    for (let i = 0; i < sorted.length; i++) {
+      result.push({ type: "page", page: sorted[i] });
+      if (i < sorted.length - 1 && sorted[i + 1] - sorted[i] > 1) {
+        result.push({ type: "ellipsis", key: `ellipsis-${sorted[i]}` });
+      }
+    }
+    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?.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?.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(() => {
+    if (modifiers.focused) ref.current?.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?.label) && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs sm:text-sm", children: 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";
+
+function StatsCardSkeleton({
+  showIcon = true,
+  showTrend = true,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Card, { 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(Skeleton, { className: "h-3.5 w-28 mb-2" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-24" }),
+        showTrend && /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-14 rounded-full" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32 mt-2" })
+    ] }),
+    showIcon && /* @__PURE__ */ jsx(Skeleton, { className: "size-9 sm:size-11 rounded-[var(--radius)] shrink-0" })
+  ] }) }) });
+}
+StatsCardSkeleton.displayName = "StatsCardSkeleton";
+
+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 variantStyles = {
+    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",
+          variantStyles[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",
+        variantStyles[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) => {
+      for (const node of nodes) {
+        result.push(node);
+        if (node.children?.length && expanded.has(node.id)) traverse(node.children);
+      }
+    };
+    traverse(data);
+    return result;
+  }, [data, expanded]);
+  const findParent = useCallback(
+    (nodes, targetId) => {
+      for (const n of nodes) {
+        if (n.children?.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?.(node);
+      onNodeClick?.(node);
+    },
+    [isControlled, onNodeClick, onNodeSelect]
+  );
+  const handleKeyDown = useCallback(
+    (e, node) => {
+      const visibleNodes = getVisibleNodes();
+      const idx = visibleNodes.findIndex((n) => n.id === node.id);
+      const hasChildren = !!node.children?.length;
+      const isExpanded = expanded.has(node.id);
+      const focusNode = (id) => {
+        nodeRefs.current.get(id)?.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 && node.children?.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 " ": {
+          e.preventDefault();
+          if (hasChildren) {
+            toggleExpand(node.id);
+          } else {
+            handleSelect(node);
+          }
+          break;
+        }
+        case "Enter": {
+          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,
+    ariaLabel,
+    ...props
+  }, ref) => {
+    const { expanded, effectiveSelectedId, getNodeRef, toggleExpand, handleSelect, handleKeyDown } = useTreeView({ data, defaultExpanded, selectedNodeId, onNodeClick, onNodeSelect });
+    const focusableId = effectiveSelectedId ?? data[0]?.id;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("w-full", className),
+        role: "tree",
+        "aria-label": ariaLabel ?? "Navegação em árvore",
+        ...props,
+        children: data.map((node) => /* @__PURE__ */ jsx(
+          TreeNodeComponent,
+          {
+            node,
+            level: 0,
+            expanded,
+            selectedId: effectiveSelectedId,
+            focusableId,
+            onToggle: toggleExpand,
+            onSelect: handleSelect,
+            onKeyDown: handleKeyDown,
+            getNodeRef
+          },
+          node.id
+        ))
+      }
+    );
+  }
+);
+TreeView.displayName = "TreeView";
+const TreeNodeComponent = ({
+  node,
+  level,
+  expanded,
+  selectedId,
+  focusableId,
+  onToggle,
+  onSelect,
+  onKeyDown,
+  getNodeRef
+}) => {
+  const hasChildren = !!node.children?.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: node.id === focusableId ? 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,
+        focusableId,
+        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?.scrollPrev();
+  }, [api]);
+  const scrollNext = React.useCallback(() => {
+    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?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (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"
+        ),
+        role: "list",
+        "aria-label": `Progresso: etapa ${currentStep} de ${totalSteps}`,
+        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),
+          role: "listitem",
+          "aria-current": isActive ? "step" : void 0,
+          "aria-label": `Etapa ${step}: ${label}${isCompleted ? ", concluída" : isActive ? ", atual" : ""}`,
+          ...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),
+        role: "listitem",
+        "aria-current": isActive ? "step" : void 0,
+        "aria-label": `Etapa ${step}: ${label}${isCompleted ? ", concluída" : isActive ? ", atual" : ""}`,
+        ...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(
+    () => Math.min(Math.max(1, initialStep), totalSteps)
+  );
+  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?.(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?.(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?.(countRejected, "count");
+      }
+      setFiles(merged);
+      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?.(updated);
+        if (updated.length === 0) setErrorMessage(null);
+        return updated;
+      });
+    },
+    [onFilesChange]
+  );
+  const openFileDialog = useCallback(() => {
+    if (!disabled) {
+      setErrorMessage(null);
+      inputRef.current?.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?.(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?.(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?.(e);
+      onSearch?.(newValue);
+    };
+    const handleClear = () => {
+      if (!isControlled) setInternalValue("");
+      onClear?.();
+      onSearch?.("");
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        handleClear();
+      }
+      props.onKeyDown?.(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, "VITE_GEMINI_API_KEY": "AIzaSyBnoWKe4LjQzlIklON_dVXMXNUl2gvfH6U", "VITE_GOOGLE_MAPS_API_KEY": "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo"};
+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) => {
+        isCalculatingRef.current = false;
+        if (status === "OK" && result) {
+          renderer.setDirections(result);
+          const route = result.routes[0];
+          if (route?.legs?.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__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" || "";
+  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, Step 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, StatsCardSkeleton 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, Stepper as b0, Timeline as b1, TimelineContent as b2, TimelineDescription as b3, TimelineDot as b4, TimelineHeading as b5, TimelineItem as b6, TimelineTime as b7, Toggle as b8, ToggleGroup as b9, ToggleGroupItem as ba, TreeView as bb, navigationMenuTriggerStyle as bc, toggleVariants as bd, useFileUpload as be, useFormField as bf, usePagination as bg, useStepper as bh, useStepperContext as bi, useTreeView as bj, 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 };