xertica-ui 2.4.0 → 2.4.1

package/dist/AssistantChart-DIpshm3i.js

@@ -0,0 +1,4784 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import React__default, { useRef, useEffect } from "react";
+import * as RechartsPrimitive from "recharts";
+import { BarChart, CartesianGrid, XAxis, Bar } from "recharts";
+import { c as cn, B as Button, b as buttonVariants } from "./button-qkz7Icqf.js";
+import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from "./select-En8DkoaQ.js";
+import { K as chartBarSizes, L as defaultChartColors, A as Alert, b as AlertTitle, a as AlertDescription, E as Empty, t as EmptyIcon, v as EmptyTitle, s as EmptyDescription, r as EmptyAction, C as ChartContainer, f as ChartTooltip, g as ChartTooltipContent, c as ChartLegend, d as ChartLegendContent, M as defaultPeriods, D as Dialog, m as DialogHeader, p as DialogTitle, k as DialogDescription, j as DialogContent } from "./rich-text-editor-CMgSN_w2.js";
+import { C as Card, e as CardHeader, f as CardTitle, c as CardDescription, a as CardAction, b as CardContent, d as CardFooter } from "./progress-DPtzoVV8.js";
+import { RefreshCw, BarChart3, WifiOff, 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 AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+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-s-vmNkJ_.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 { c as useTreeView, u as useFileUpload } from "./use-file-upload-BcjEo2S5.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-CTYySAun.js";
+function getChartSeries(config, series) {
+  if (series == null ? void 0 : series.length) {
+    return series;
+  }
+  return Object.entries(config).map(([key, item]) => ({
+    key,
+    label: item.label
+  }));
+}
+function getSeriesColor(key, index, colors) {
+  if (Array.isArray(colors)) {
+    return colors[index] || defaultChartColors[index % defaultChartColors.length];
+  }
+  return (colors == null ? void 0 : colors[key]) || defaultChartColors[index % defaultChartColors.length];
+}
+function getChartConfigWithColors(config, keys, colors) {
+  return keys.reduce((nextConfig, key, index) => {
+    const item = config[key];
+    if ((item == null ? void 0 : item.theme) && !colors) {
+      nextConfig[key] = item;
+      return nextConfig;
+    }
+    nextConfig[key] = {
+      label: (item == null ? void 0 : item.label) || key,
+      icon: item == null ? void 0 : item.icon,
+      color: colors ? getSeriesColor(key, index, colors) : (item == null ? void 0 : item.color) || getSeriesColor(key, index)
+    };
+    return nextConfig;
+  }, {});
+}
+function buildChartConfig(keys, colors) {
+  return keys.reduce((cfg, key, index) => {
+    cfg[key] = {
+      label: key,
+      color: getSeriesColor(key, index, colors)
+    };
+    return cfg;
+  }, {});
+}
+function formatTick(value) {
+  if (typeof value !== "number") {
+    return value;
+  }
+  return Intl.NumberFormat("en", {
+    notation: "compact",
+    maximumFractionDigits: 1
+  }).format(value);
+}
+function defaultFilterData(data, period) {
+  const match = period.match(/^(\d+)/);
+  if (!match) {
+    return data;
+  }
+  const limit = Number(match[1]);
+  return data.slice(Math.max(data.length - limit, 0));
+}
+function getErrorDescription(error) {
+  if (typeof error === "string") {
+    return error;
+  }
+  if (error instanceof Error) {
+    return error.message;
+  }
+  return void 0;
+}
+function getBarSize(barSize = "md") {
+  return typeof barSize === "number" ? barSize : chartBarSizes[barSize];
+}
+function hasChartData(data, series) {
+  if (!data.length || !series.length) {
+    return false;
+  }
+  return data.some(
+    (item) => series.some((serie) => {
+      const value = item[serie.key];
+      return value !== null && value !== void 0 && value !== "";
+    })
+  );
+}
+function hasPieData(data, nameKey, valueKey) {
+  return data.some((item) => {
+    const name = item[nameKey];
+    const value = item[valueKey];
+    return name !== null && name !== void 0 && name !== "" && value !== null && value !== void 0 && value !== "";
+  });
+}
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+function ChartState({
+  type,
+  className,
+  error,
+  onRetry,
+  retryLabel = "Try again",
+  emptyTitle = "No data available",
+  emptyDescription = "There is no data available for this chart yet.",
+  errorTitle = "Connection error",
+  errorDescription,
+  loadingLabel = "Loading chart data"
+}) {
+  if (type === "loading") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex min-h-[240px] flex-col justify-end gap-3 rounded-[var(--radius-card)] border border-border p-6",
+          className
+        ),
+        "aria-label": typeof loadingLabel === "string" ? loadingLabel : void 0,
+        children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-2/5" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-14 w-3/5" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-4/5" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-36 w-full" })
+        ]
+      }
+    );
+  }
+  if (type === "error") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex min-h-[240px] items-center justify-center rounded-[var(--radius-card)] border border-border p-6",
+          className
+        ),
+        children: /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: "max-w-xl", children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: errorTitle }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: errorDescription || getErrorDescription(error) || "Unable to load chart data. Check your connection and try again." }),
+          onRetry ? /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: onRetry, children: [
+            /* @__PURE__ */ jsx(RefreshCw, { className: "size-4" }),
+            retryLabel
+          ] }) }) : null
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Empty, { className: cn("min-h-[240px]", className), children: [
+    /* @__PURE__ */ jsx(EmptyIcon, { children: /* @__PURE__ */ jsx(BarChart3, { className: "size-10 text-muted-foreground" }) }),
+    /* @__PURE__ */ jsx(EmptyTitle, { children: emptyTitle }),
+    /* @__PURE__ */ jsx(EmptyDescription, { children: emptyDescription }),
+    onRetry ? /* @__PURE__ */ jsx(EmptyAction, { children: /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: onRetry, children: [
+      /* @__PURE__ */ jsx(WifiOff, { className: "size-4" }),
+      retryLabel
+    ] }) }) : null
+  ] });
+}
+function getChartState(state, hasData, className) {
+  if (state.isLoading) {
+    return /* @__PURE__ */ jsx(ChartState, { ...state, type: "loading", className });
+  }
+  if (state.error) {
+    return /* @__PURE__ */ jsx(ChartState, { ...state, type: "error", className });
+  }
+  if (!hasData) {
+    return /* @__PURE__ */ jsx(ChartState, { ...state, type: "empty", className });
+  }
+  return null;
+}
+function ChartCard({
+  title,
+  description,
+  action,
+  footer,
+  children,
+  className,
+  contentClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full min-w-0 overflow-hidden", className), ...props, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: title }),
+      description ? /* @__PURE__ */ jsx(CardDescription, { children: description }) : null,
+      action ? /* @__PURE__ */ jsx(CardAction, { children: action }) : null
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { className: contentClassName, children }),
+    footer ? /* @__PURE__ */ jsx(CardFooter, { children: footer }) : null
+  ] });
+}
+function AreaGradientDefs({
+  seriesKeys,
+  opacity = 0.3
+}) {
+  return /* @__PURE__ */ jsx("defs", { children: seriesKeys.map((key) => /* @__PURE__ */ jsxs(
+    "linearGradient",
+    {
+      id: `gradient-${key}`,
+      x1: "0",
+      y1: "0",
+      x2: "0",
+      y2: "1",
+      children: [
+        /* @__PURE__ */ jsx(
+          "stop",
+          {
+            offset: "5%",
+            stopColor: `var(--color-${key})`,
+            stopOpacity: opacity
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "stop",
+          {
+            offset: "95%",
+            stopColor: `var(--color-${key})`,
+            stopOpacity: 0
+          }
+        )
+      ]
+    },
+    key
+  )) });
+}
+function DashboardBarChart({
+  data,
+  config,
+  indexKey = "name",
+  series,
+  colors,
+  barSize = "md",
+  stacked = false,
+  showGrid = true,
+  showLegend = true,
+  valueFormatter = formatTick,
+  isLoading,
+  error,
+  onRetry,
+  retryLabel,
+  emptyTitle,
+  emptyDescription,
+  errorTitle,
+  errorDescription,
+  loadingLabel,
+  stateClassName,
+  className,
+  ...props
+}) {
+  const chartSeries = getChartSeries(config, series);
+  const chartConfig = getChartConfigWithColors(
+    config,
+    chartSeries.map((item) => item.key),
+    colors
+  );
+  const topOfStack = React.useMemo(() => {
+    const result = /* @__PURE__ */ new Set();
+    if (stacked) {
+      const lastByStack = /* @__PURE__ */ new Map();
+      chartSeries.forEach((s) => lastByStack.set(s.stackId || "total", s.key));
+      lastByStack.forEach((key) => result.add(key));
+    }
+    return result;
+  }, [stacked, chartSeries]);
+  const chartState = getChartState(
+    {
+      isLoading,
+      error,
+      onRetry,
+      retryLabel,
+      emptyTitle,
+      emptyDescription,
+      errorTitle,
+      errorDescription,
+      loadingLabel
+    },
+    hasChartData(data, chartSeries),
+    cn("h-[320px] w-full", stateClassName)
+  );
+  if (chartState) {
+    return chartState;
+  }
+  return /* @__PURE__ */ jsx(
+    ChartContainer,
+    {
+      config: chartConfig,
+      className: cn("h-[320px] w-full", className),
+      ...props,
+      children: /* @__PURE__ */ jsxs(RechartsPrimitive.BarChart, { data, accessibilityLayer: true, barGap: 4, children: [
+        showGrid ? /* @__PURE__ */ jsx(
+          RechartsPrimitive.CartesianGrid,
+          {
+            vertical: false,
+            strokeDasharray: "3 3",
+            stroke: "var(--border)",
+            strokeOpacity: 0.5
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          RechartsPrimitive.XAxis,
+          {
+            dataKey: indexKey,
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RechartsPrimitive.YAxis,
+          {
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8,
+            tickFormatter: valueFormatter
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChartTooltip,
+          {
+            cursor: { fill: "var(--muted)", opacity: 0.4, radius: 4 },
+            content: /* @__PURE__ */ jsx(ChartTooltipContent, {})
+          }
+        ),
+        showLegend ? /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }) : null,
+        chartSeries.map((item) => {
+          const isTop = !stacked || topOfStack.has(item.key);
+          return /* @__PURE__ */ jsx(
+            RechartsPrimitive.Bar,
+            {
+              dataKey: item.key,
+              fill: `var(--color-${item.key})`,
+              radius: isTop ? [4, 4, 0, 0] : [0, 0, 0, 0],
+              barSize: getBarSize(barSize),
+              stackId: stacked ? item.stackId || "total" : item.stackId,
+              isAnimationActive: true,
+              animationDuration: 600,
+              animationEasing: "ease-out"
+            },
+            item.key
+          );
+        })
+      ] })
+    }
+  );
+}
+function DashboardLineChart({
+  data,
+  config,
+  indexKey = "name",
+  series,
+  colors,
+  showDots = false,
+  showGrid = true,
+  showLegend = true,
+  curveType = "monotone",
+  strokeWidth = 2,
+  valueFormatter = formatTick,
+  isLoading,
+  error,
+  onRetry,
+  retryLabel,
+  emptyTitle,
+  emptyDescription,
+  errorTitle,
+  errorDescription,
+  loadingLabel,
+  stateClassName,
+  className,
+  ...props
+}) {
+  const chartSeries = getChartSeries(config, series);
+  const chartConfig = getChartConfigWithColors(
+    config,
+    chartSeries.map((item) => item.key),
+    colors
+  );
+  const chartState = getChartState(
+    {
+      isLoading,
+      error,
+      onRetry,
+      retryLabel,
+      emptyTitle,
+      emptyDescription,
+      errorTitle,
+      errorDescription,
+      loadingLabel
+    },
+    hasChartData(data, chartSeries),
+    cn("h-[320px] w-full", stateClassName)
+  );
+  if (chartState) {
+    return chartState;
+  }
+  return /* @__PURE__ */ jsx(
+    ChartContainer,
+    {
+      config: chartConfig,
+      className: cn("h-[320px] w-full", className),
+      ...props,
+      children: /* @__PURE__ */ jsxs(RechartsPrimitive.LineChart, { data, accessibilityLayer: true, children: [
+        showGrid ? /* @__PURE__ */ jsx(
+          RechartsPrimitive.CartesianGrid,
+          {
+            vertical: false,
+            strokeDasharray: "3 3",
+            stroke: "var(--border)",
+            strokeOpacity: 0.5
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          RechartsPrimitive.XAxis,
+          {
+            dataKey: indexKey,
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RechartsPrimitive.YAxis,
+          {
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8,
+            tickFormatter: valueFormatter
+          }
+        ),
+        /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: "line" }) }),
+        showLegend ? /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }) : null,
+        chartSeries.map((item) => /* @__PURE__ */ jsx(
+          RechartsPrimitive.Line,
+          {
+            type: curveType,
+            dataKey: item.key,
+            stroke: `var(--color-${item.key})`,
+            strokeWidth,
+            dot: showDots ? { r: 3, fill: `var(--color-${item.key})`, strokeWidth: 0 } : false,
+            activeDot: { r: 5, strokeWidth: 0 },
+            yAxisId: item.yAxisId,
+            isAnimationActive: true,
+            animationDuration: 600,
+            animationEasing: "ease-out"
+          },
+          item.key
+        ))
+      ] })
+    }
+  );
+}
+function HorizontalBarChart({
+  data,
+  config,
+  indexKey = "name",
+  series,
+  colors,
+  barSize = "md",
+  stacked = false,
+  categoryWidth = 96,
+  showGrid = true,
+  showLegend = true,
+  valueFormatter = formatTick,
+  isLoading,
+  error,
+  onRetry,
+  retryLabel,
+  emptyTitle,
+  emptyDescription,
+  errorTitle,
+  errorDescription,
+  loadingLabel,
+  stateClassName,
+  className,
+  ...props
+}) {
+  const chartSeries = getChartSeries(config, series);
+  const chartConfig = getChartConfigWithColors(
+    config,
+    chartSeries.map((item) => item.key),
+    colors
+  );
+  const chartState = getChartState(
+    {
+      isLoading,
+      error,
+      onRetry,
+      retryLabel,
+      emptyTitle,
+      emptyDescription,
+      errorTitle,
+      errorDescription,
+      loadingLabel
+    },
+    hasChartData(data, chartSeries),
+    cn("h-[320px] w-full", stateClassName)
+  );
+  if (chartState) {
+    return chartState;
+  }
+  return /* @__PURE__ */ jsx(
+    ChartContainer,
+    {
+      config: chartConfig,
+      className: cn("h-[320px] w-full", className),
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        RechartsPrimitive.BarChart,
+        {
+          data,
+          layout: "vertical",
+          accessibilityLayer: true,
+          margin: { left: 8, right: 16 },
+          children: [
+            showGrid ? /* @__PURE__ */ jsx(
+              RechartsPrimitive.CartesianGrid,
+              {
+                horizontal: false,
+                strokeDasharray: "3 3",
+                stroke: "var(--border)",
+                strokeOpacity: 0.5
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(
+              RechartsPrimitive.XAxis,
+              {
+                type: "number",
+                tickLine: false,
+                axisLine: false,
+                tickMargin: 8,
+                tickFormatter: valueFormatter
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              RechartsPrimitive.YAxis,
+              {
+                dataKey: indexKey,
+                type: "category",
+                tickLine: false,
+                axisLine: false,
+                tickMargin: 8,
+                width: categoryWidth
+              }
+            ),
+            /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, {}) }),
+            showLegend ? /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }) : null,
+            chartSeries.map((item) => /* @__PURE__ */ jsx(
+              RechartsPrimitive.Bar,
+              {
+                dataKey: item.key,
+                fill: `var(--color-${item.key})`,
+                radius: [0, 4, 4, 0],
+                barSize: getBarSize(barSize),
+                stackId: stacked ? item.stackId || "total" : item.stackId,
+                isAnimationActive: true,
+                animationDuration: 600,
+                animationEasing: "ease-out"
+              },
+              item.key
+            ))
+          ]
+        }
+      )
+    }
+  );
+}
+function InteractiveTimeSeriesChart({
+  data,
+  config,
+  indexKey = "date",
+  series,
+  colors,
+  periods = defaultPeriods,
+  defaultPeriod = ((_a) => (_a = periods[1]) == null ? void 0 : _a.value)() || ((_b) => (_b = periods[0]) == null ? void 0 : _b.value)() || "30d",
+  defaultSeries,
+  filterData = defaultFilterData,
+  showGrid = true,
+  showLegend = false,
+  showDots = false,
+  gradientFill = true,
+  curveType = "monotone",
+  strokeWidth = 2,
+  valueFormatter = formatTick,
+  isLoading,
+  error,
+  onRetry,
+  retryLabel,
+  emptyTitle,
+  emptyDescription,
+  errorTitle,
+  errorDescription,
+  loadingLabel,
+  stateClassName,
+  className,
+  ...props
+}) {
+  var _a2;
+  const chartSeries = getChartSeries(config, series);
+  const chartConfig = getChartConfigWithColors(
+    config,
+    chartSeries.map((item) => item.key),
+    colors
+  );
+  const [period, setPeriod] = React.useState(defaultPeriod);
+  const [activeSeries, setActiveSeries] = React.useState(
+    defaultSeries || ((_a2 = chartSeries[0]) == null ? void 0 : _a2.key) || ""
+  );
+  const filteredData = React.useMemo(
+    () => filterData(data, period),
+    [data, filterData, period]
+  );
+  const visibleSeries = chartSeries.length > 1 ? chartSeries.filter((item) => item.key === activeSeries) : chartSeries;
+  const chartState = getChartState(
+    {
+      isLoading,
+      error,
+      onRetry,
+      retryLabel,
+      emptyTitle,
+      emptyDescription,
+      errorTitle,
+      errorDescription,
+      loadingLabel
+    },
+    hasChartData(filteredData, visibleSeries),
+    cn("h-[320px] w-full", stateClassName)
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+      chartSeries.length > 1 ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "inline-flex h-10 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+          role: "group",
+          "aria-label": "Selecionar metrica do grafico",
+          children: chartSeries.map((item) => {
+            var _a3;
+            const label = item.label || ((_a3 = config[item.key]) == null ? void 0 : _a3.label) || item.key;
+            return /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                "aria-pressed": activeSeries === item.key,
+                onClick: () => setActiveSeries(item.key),
+                className: cn(
+                  "h-8 px-3 text-sm font-medium transition-all",
+                  activeSeries === item.key ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+                ),
+                children: label
+              },
+              item.key
+            );
+          })
+        }
+      ) : /* @__PURE__ */ jsx("div", {}),
+      /* @__PURE__ */ jsxs(Select, { value: period, onValueChange: setPeriod, children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full sm:w-[160px]", size: "sm", "aria-label": "Selecionar periodo do grafico", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Period" }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: periods.map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
+      ] })
+    ] }),
+    chartState || /* @__PURE__ */ jsx(
+      ChartContainer,
+      {
+        config: chartConfig,
+        className: cn("h-[320px] w-full", className),
+        ...props,
+        children: /* @__PURE__ */ jsxs(RechartsPrimitive.AreaChart, { data: filteredData, accessibilityLayer: true, children: [
+          gradientFill && /* @__PURE__ */ jsx(
+            AreaGradientDefs,
+            {
+              seriesKeys: visibleSeries.map((s) => s.key),
+              opacity: 0.4
+            }
+          ),
+          showGrid ? /* @__PURE__ */ jsx(
+            RechartsPrimitive.CartesianGrid,
+            {
+              vertical: false,
+              strokeDasharray: "3 3",
+              stroke: "var(--border)",
+              strokeOpacity: 0.5
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            RechartsPrimitive.XAxis,
+            {
+              dataKey: indexKey,
+              tickLine: false,
+              axisLine: false,
+              tickMargin: 8
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            RechartsPrimitive.YAxis,
+            {
+              tickLine: false,
+              axisLine: false,
+              tickMargin: 8,
+              tickFormatter: valueFormatter
+            }
+          ),
+          /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: "line" }) }),
+          showLegend ? /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }) : null,
+          visibleSeries.map((item) => /* @__PURE__ */ jsx(
+            RechartsPrimitive.Area,
+            {
+              type: curveType,
+              dataKey: item.key,
+              stroke: `var(--color-${item.key})`,
+              fill: gradientFill ? `url(#gradient-${item.key})` : `var(--color-${item.key})`,
+              fillOpacity: gradientFill ? 1 : 0.16,
+              strokeWidth,
+              dot: showDots ? { r: 3, fill: `var(--color-${item.key})`, strokeWidth: 0 } : false,
+              activeDot: { r: 5, strokeWidth: 0 },
+              isAnimationActive: true,
+              animationDuration: 600,
+              animationEasing: "ease-out"
+            },
+            item.key
+          ))
+        ] })
+      }
+    )
+  ] });
+}
+function ComboMetricChart({
+  data,
+  config,
+  indexKey = "name",
+  series,
+  colors,
+  barSize = "md",
+  showGrid = true,
+  showLegend = true,
+  gradientFill = false,
+  curveType = "monotone",
+  valueFormatter = formatTick,
+  isLoading,
+  error,
+  onRetry,
+  retryLabel,
+  emptyTitle,
+  emptyDescription,
+  errorTitle,
+  errorDescription,
+  loadingLabel,
+  stateClassName,
+  className,
+  ...props
+}) {
+  const chartSeries = getChartSeries(config, series);
+  const chartConfig = getChartConfigWithColors(
+    config,
+    chartSeries.map((item) => item.key),
+    colors
+  );
+  const chartState = getChartState(
+    {
+      isLoading,
+      error,
+      onRetry,
+      retryLabel,
+      emptyTitle,
+      emptyDescription,
+      errorTitle,
+      errorDescription,
+      loadingLabel
+    },
+    hasChartData(data, chartSeries),
+    cn("h-[340px] w-full", stateClassName)
+  );
+  if (chartState) {
+    return chartState;
+  }
+  const areaSeries = gradientFill ? chartSeries.filter((s) => s.type === "area").map((s) => s.key) : [];
+  return /* @__PURE__ */ jsx(
+    ChartContainer,
+    {
+      config: chartConfig,
+      className: cn("h-[340px] w-full", className),
+      ...props,
+      children: /* @__PURE__ */ jsxs(RechartsPrimitive.ComposedChart, { data, accessibilityLayer: true, children: [
+        gradientFill && areaSeries.length > 0 && /* @__PURE__ */ jsx(AreaGradientDefs, { seriesKeys: areaSeries, opacity: 0.35 }),
+        showGrid ? /* @__PURE__ */ jsx(
+          RechartsPrimitive.CartesianGrid,
+          {
+            vertical: false,
+            strokeDasharray: "3 3",
+            stroke: "var(--border)",
+            strokeOpacity: 0.5
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          RechartsPrimitive.XAxis,
+          {
+            dataKey: indexKey,
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RechartsPrimitive.YAxis,
+          {
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8,
+            tickFormatter: valueFormatter
+          }
+        ),
+        /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, {}) }),
+        showLegend ? /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }) : null,
+        chartSeries.map(
+          (item) => item.type === "line" ? /* @__PURE__ */ jsx(
+            RechartsPrimitive.Line,
+            {
+              type: curveType,
+              dataKey: item.key,
+              stroke: `var(--color-${item.key})`,
+              strokeWidth: 2,
+              dot: false,
+              activeDot: { r: 5, strokeWidth: 0 },
+              yAxisId: item.yAxisId,
+              isAnimationActive: true,
+              animationDuration: 600,
+              animationEasing: "ease-out"
+            },
+            item.key
+          ) : item.type === "area" ? /* @__PURE__ */ jsx(
+            RechartsPrimitive.Area,
+            {
+              type: curveType,
+              dataKey: item.key,
+              stroke: `var(--color-${item.key})`,
+              fill: gradientFill ? `url(#gradient-${item.key})` : `var(--color-${item.key})`,
+              fillOpacity: gradientFill ? 1 : 0.12,
+              strokeWidth: 2,
+              dot: false,
+              activeDot: { r: 5, strokeWidth: 0 },
+              yAxisId: item.yAxisId,
+              isAnimationActive: true,
+              animationDuration: 600,
+              animationEasing: "ease-out"
+            },
+            item.key
+          ) : /* @__PURE__ */ jsx(
+            RechartsPrimitive.Bar,
+            {
+              dataKey: item.key,
+              fill: `var(--color-${item.key})`,
+              radius: [4, 4, 0, 0],
+              barSize: getBarSize(barSize),
+              yAxisId: item.yAxisId,
+              isAnimationActive: true,
+              animationDuration: 600,
+              animationEasing: "ease-out"
+            },
+            item.key
+          )
+        )
+      ] })
+    }
+  );
+}
+function DonutBreakdownChart({
+  data,
+  config,
+  nameKey = "name",
+  valueKey = "value",
+  colors,
+  centerLabel,
+  centerValue,
+  showLegend = true,
+  innerRadius = "58%",
+  outerRadius = "82%",
+  isLoading,
+  error,
+  onRetry,
+  retryLabel,
+  emptyTitle,
+  emptyDescription,
+  errorTitle,
+  errorDescription,
+  loadingLabel,
+  stateClassName,
+  className,
+  ...props
+}) {
+  const [activeIndex, setActiveIndex] = React.useState(0);
+  const chartKeys = data.map(
+    (entry, index) => String(entry[nameKey] || `segment-${index}`)
+  );
+  const chartConfig = getChartConfigWithColors(config, chartKeys, colors);
+  const chartState = getChartState(
+    {
+      isLoading,
+      error,
+      onRetry,
+      retryLabel,
+      emptyTitle,
+      emptyDescription,
+      errorTitle,
+      errorDescription,
+      loadingLabel
+    },
+    hasPieData(data, nameKey, valueKey),
+    cn("h-[320px] w-full", stateClassName)
+  );
+  if (chartState) {
+    return chartState;
+  }
+  return /* @__PURE__ */ jsx(
+    ChartContainer,
+    {
+      config: chartConfig,
+      className: cn("h-[320px] w-full", className),
+      ...props,
+      children: /* @__PURE__ */ jsxs(RechartsPrimitive.PieChart, { accessibilityLayer: true, children: [
+        /* @__PURE__ */ jsx(
+          ChartTooltip,
+          {
+            cursor: false,
+            content: /* @__PURE__ */ jsx(ChartTooltipContent, { hideLabel: true, nameKey })
+          }
+        ),
+        showLegend ? /* @__PURE__ */ jsx(
+          ChartLegend,
+          {
+            content: /* @__PURE__ */ jsx(ChartLegendContent, { nameKey }),
+            verticalAlign: "bottom"
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(
+          RechartsPrimitive.Pie,
+          {
+            data,
+            dataKey: valueKey,
+            nameKey,
+            innerRadius,
+            outerRadius,
+            paddingAngle: 3,
+            activeIndex,
+            onMouseEnter: (_, index) => setActiveIndex(index),
+            isAnimationActive: true,
+            animationDuration: 600,
+            animationEasing: "ease-out",
+            children: [
+              data.map((entry, index) => {
+                const key = String(entry[nameKey] || `segment-${index}`);
+                return /* @__PURE__ */ jsx(
+                  RechartsPrimitive.Cell,
+                  {
+                    fill: `var(--color-${key})`,
+                    opacity: index === activeIndex ? 1 : 0.7,
+                    stroke: "transparent"
+                  },
+                  key
+                );
+              }),
+              centerValue || centerLabel ? /* @__PURE__ */ jsx(
+                RechartsPrimitive.Label,
+                {
+                  position: "center",
+                  content: ({ viewBox }) => {
+                    if (!viewBox || !("cx" in viewBox) || !("cy" in viewBox)) {
+                      return null;
+                    }
+                    return /* @__PURE__ */ jsxs(
+                      "text",
+                      {
+                        x: viewBox.cx,
+                        y: viewBox.cy,
+                        textAnchor: "middle",
+                        dominantBaseline: "middle",
+                        children: [
+                          centerValue ? /* @__PURE__ */ jsx(
+                            "tspan",
+                            {
+                              x: viewBox.cx,
+                              y: viewBox.cy,
+                              className: "fill-foreground text-2xl font-semibold",
+                              children: centerValue
+                            }
+                          ) : null,
+                          centerLabel ? /* @__PURE__ */ jsx(
+                            "tspan",
+                            {
+                              x: viewBox.cx,
+                              y: Number(viewBox.cy) + 22,
+                              className: "fill-muted-foreground text-xs",
+                              children: centerLabel
+                            }
+                          ) : null
+                        ]
+                      }
+                    );
+                  }
+                }
+              ) : null
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function SparklineChart({
+  data,
+  dataKey,
+  color = "var(--chart-1)",
+  filled = true,
+  showEndDot = true,
+  curveType = "monotone",
+  strokeWidth = 2,
+  className
+}) {
+  const sparkId = React.useId().replace(/:/g, "");
+  const lastPoint = data[data.length - 1];
+  const lastValue = lastPoint ? lastPoint[dataKey] : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative h-12 w-full min-w-0", className), children: [
+    /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(
+      RechartsPrimitive.AreaChart,
+      {
+        data,
+        margin: { top: 4, right: showEndDot ? 8 : 0, bottom: 0, left: 0 },
+        children: [
+          filled && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: `spark-gradient-${sparkId}`,
+              x1: "0",
+              y1: "0",
+              x2: "0",
+              y2: "1",
+              children: [
+                /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: color, stopOpacity: 0.3 }),
+                /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: color, stopOpacity: 0 })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            RechartsPrimitive.Area,
+            {
+              type: curveType,
+              dataKey,
+              stroke: color,
+              strokeWidth,
+              fill: filled ? `url(#spark-gradient-${sparkId})` : "none",
+              fillOpacity: 1,
+              dot: false,
+              activeDot: false,
+              isAnimationActive: true,
+              animationDuration: 600,
+              animationEasing: "ease-out"
+            }
+          )
+        ]
+      }
+    ) }),
+    showEndDot && lastValue !== void 0 && lastValue !== null && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "pointer-events-none absolute right-0 top-1/2 h-2.5 w-2.5 -translate-y-1/2 rounded-full ring-2 ring-background",
+        style: { backgroundColor: color }
+      }
+    )
+  ] });
+}
+function RadarMetricChart({
+  data,
+  labelKey,
+  series,
+  colors,
+  filled = true,
+  fillOpacity = 0.25,
+  showDots = false,
+  showGrid = true,
+  showLegend,
+  valueFormatter,
+  isLoading,
+  error,
+  onRetry,
+  retryLabel,
+  emptyTitle,
+  emptyDescription,
+  errorTitle,
+  errorDescription,
+  loadingLabel,
+  stateClassName,
+  className
+}) {
+  const chartConfig = React.useMemo(
+    () => buildChartConfig(series.map((s) => s.key), colors),
+    [series, colors]
+  );
+  const hasData = data.length > 0 && series.length > 0;
+  const chartState = getChartState(
+    { isLoading, error, emptyTitle, emptyDescription, errorTitle, errorDescription, loadingLabel, stateClassName, onRetry, retryLabel },
+    hasData
+  );
+  const displayLegend = showLegend ?? series.length > 1;
+  return /* @__PURE__ */ jsx(ChartContainer, { config: chartConfig, className: cn("h-[300px] w-full", className), children: chartState ?? /* @__PURE__ */ jsxs(RechartsPrimitive.RadarChart, { data, accessibilityLayer: true, children: [
+    showGrid && /* @__PURE__ */ jsx(
+      RechartsPrimitive.PolarGrid,
+      {
+        stroke: "var(--border)",
+        strokeOpacity: 0.6
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RechartsPrimitive.PolarAngleAxis,
+      {
+        dataKey: labelKey,
+        tick: { fill: "var(--muted-foreground)", fontSize: 12 }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RechartsPrimitive.PolarRadiusAxis,
+      {
+        tick: false,
+        axisLine: false,
+        tickFormatter: valueFormatter
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ChartTooltip,
+      {
+        content: /* @__PURE__ */ jsx(
+          ChartTooltipContent,
+          {
+            formatter: valueFormatter ? (v) => valueFormatter(v) : void 0
+          }
+        )
+      }
+    ),
+    displayLegend && /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }),
+    series.map((s) => /* @__PURE__ */ jsx(
+      RechartsPrimitive.Radar,
+      {
+        name: s.label ?? s.key,
+        dataKey: s.key,
+        stroke: `var(--color-${s.key})`,
+        fill: filled ? `var(--color-${s.key})` : "none",
+        fillOpacity: filled ? fillOpacity : 0,
+        dot: showDots ? { r: 3, fill: `var(--color-${s.key})` } : false,
+        isAnimationActive: true,
+        animationDuration: 600,
+        animationEasing: "ease-out"
+      },
+      s.key
+    ))
+  ] }) });
+}
+function PieMetricChart({
+  data,
+  nameKey,
+  valueKey,
+  colors,
+  outerRadius = "80%",
+  innerRadius = 0,
+  showLabels = false,
+  showLegend = true,
+  explodeIndex,
+  explodeOffset = 12,
+  valueFormatter,
+  isLoading,
+  error,
+  onRetry,
+  retryLabel,
+  emptyTitle,
+  emptyDescription,
+  errorTitle,
+  errorDescription,
+  loadingLabel,
+  stateClassName,
+  className
+}) {
+  const names = React.useMemo(
+    () => data.map((d) => String(d[nameKey] ?? "")),
+    [data, nameKey]
+  );
+  const chartConfig = React.useMemo(
+    () => buildChartConfig(names, colors),
+    [names, colors]
+  );
+  const hasData = hasPieData(data, nameKey, valueKey);
+  const chartState = getChartState(
+    { isLoading, error, emptyTitle, emptyDescription, errorTitle, errorDescription, loadingLabel, stateClassName, onRetry, retryLabel },
+    hasData
+  );
+  return /* @__PURE__ */ jsx(ChartContainer, { config: chartConfig, className: cn("h-[300px] w-full", className), children: chartState ?? /* @__PURE__ */ jsxs(RechartsPrimitive.PieChart, { accessibilityLayer: true, children: [
+    /* @__PURE__ */ jsx(
+      ChartTooltip,
+      {
+        content: /* @__PURE__ */ jsx(
+          ChartTooltipContent,
+          {
+            nameKey,
+            formatter: valueFormatter ? (v) => valueFormatter(v) : void 0
+          }
+        )
+      }
+    ),
+    showLegend && /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, { nameKey }) }),
+    /* @__PURE__ */ jsx(
+      RechartsPrimitive.Pie,
+      {
+        data,
+        dataKey: valueKey,
+        nameKey,
+        outerRadius,
+        innerRadius,
+        paddingAngle: 2,
+        label: showLabels ? ({ cx, cy, midAngle, innerRadius: ir, outerRadius: or, percent }) => {
+          const RADIAN = Math.PI / 180;
+          const radius = Number(ir) + (Number(or) - Number(ir)) * 1.35;
+          const x = Number(cx) + radius * Math.cos(-midAngle * RADIAN);
+          const y = Number(cy) + radius * Math.sin(-midAngle * RADIAN);
+          return percent > 0.04 ? /* @__PURE__ */ jsx(
+            "text",
+            {
+              x,
+              y,
+              fill: "var(--foreground)",
+              textAnchor: x > Number(cx) ? "start" : "end",
+              dominantBaseline: "central",
+              fontSize: 12,
+              fontWeight: 500,
+              children: `${(percent * 100).toFixed(0)}%`
+            }
+          ) : null;
+        } : false,
+        labelLine: false,
+        isAnimationActive: true,
+        animationDuration: 600,
+        animationEasing: "ease-out",
+        children: data.map((entry, index) => {
+          var _a, _b;
+          const name = String(entry[nameKey] ?? "");
+          const isExploded = index === explodeIndex;
+          return /* @__PURE__ */ jsx(
+            RechartsPrimitive.Cell,
+            {
+              fill: ((_a = chartConfig[name]) == null ? void 0 : _a.color) ?? `var(--chart-${index % 8 + 1})`,
+              stroke: "var(--background)",
+              strokeWidth: 2,
+              style: isExploded ? { filter: `drop-shadow(0 4px 8px color-mix(in srgb, ${((_b = chartConfig[name]) == null ? void 0 : _b.color) ?? "var(--chart-1)"} 40%, transparent))` } : void 0
+            },
+            `cell-${index}`
+          );
+        })
+      }
+    )
+  ] }) });
+}
+function RadialBarMetricChart({
+  data,
+  dataKey = "value",
+  nameKey = "name",
+  colors,
+  innerRadius = "30%",
+  outerRadius = "100%",
+  startAngle = 90,
+  endAngle = -270,
+  showBackground = true,
+  showLegend = true,
+  valueFormatter,
+  isLoading,
+  error,
+  onRetry,
+  retryLabel,
+  emptyTitle,
+  emptyDescription,
+  errorTitle,
+  errorDescription,
+  loadingLabel,
+  stateClassName,
+  className
+}) {
+  const names = React.useMemo(
+    () => data.map((d) => String(d[nameKey] ?? "")),
+    [data, nameKey]
+  );
+  const chartConfig = React.useMemo(
+    () => buildChartConfig(names, colors),
+    [names, colors]
+  );
+  const hasData = data.length > 0;
+  const chartState = getChartState(
+    { isLoading, error, emptyTitle, emptyDescription, errorTitle, errorDescription, loadingLabel, stateClassName, onRetry, retryLabel },
+    hasData
+  );
+  const coloredData = React.useMemo(
+    () => data.map((item, index) => {
+      var _a;
+      const name = String(item[nameKey] ?? "");
+      return {
+        ...item,
+        fill: ((_a = chartConfig[name]) == null ? void 0 : _a.color) ?? `var(--chart-${index % 8 + 1})`
+      };
+    }),
+    [data, nameKey, chartConfig]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex w-full flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsx(ChartContainer, { config: chartConfig, className: "h-[260px] w-full", children: chartState ?? /* @__PURE__ */ jsxs(
+      RechartsPrimitive.RadialBarChart,
+      {
+        data: coloredData,
+        innerRadius,
+        outerRadius,
+        startAngle,
+        endAngle,
+        accessibilityLayer: true,
+        children: [
+          /* @__PURE__ */ jsx(
+            ChartTooltip,
+            {
+              cursor: false,
+              content: /* @__PURE__ */ jsx(
+                ChartTooltipContent,
+                {
+                  nameKey,
+                  formatter: valueFormatter ? (v) => valueFormatter(v) : void 0
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            RechartsPrimitive.RadialBar,
+            {
+              dataKey,
+              background: showBackground ? { fill: "var(--muted)" } : false,
+              cornerRadius: 6,
+              isAnimationActive: true,
+              animationDuration: 700,
+              animationEasing: "ease-out"
+            }
+          )
+        ]
+      }
+    ) }),
+    showLegend && !chartState && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-x-4 gap-y-1.5 px-2", children: coloredData.map((item, index) => {
+      const d = item;
+      const name = String(d[nameKey] ?? "");
+      const fillColor = d.fill ?? `var(--chart-${index % 8 + 1})`;
+      const val = d[dataKey];
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "inline-block h-2.5 w-2.5 shrink-0 rounded-full",
+            style: { backgroundColor: fillColor }
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          name,
+          val !== void 0 && val !== null && /* @__PURE__ */ jsx("span", { className: "ml-1 font-medium text-foreground", children: valueFormatter ? valueFormatter(val) : String(val) })
+        ] })
+      ] }, name);
+    }) })
+  ] });
+}
+function GaugeChart({
+  value,
+  min = 0,
+  max = 100,
+  thresholds,
+  label,
+  valueFormatter,
+  showNeedle = true,
+  className
+}) {
+  const percent = Math.min(1, Math.max(0, (value - min) / (max - min)));
+  const percentInt = Math.round(percent * 100);
+  const activeColor = React.useMemo(() => {
+    if (!thresholds || thresholds.length === 0) return "var(--chart-1)";
+    for (const t of thresholds) {
+      if (percentInt <= t.value) return t.color;
+    }
+    return thresholds[thresholds.length - 1].color;
+  }, [thresholds, percentInt]);
+  const displayText = valueFormatter ? valueFormatter(value, percentInt) : `${percentInt}%`;
+  const cx = 100;
+  const cy = 100;
+  const R = 80;
+  const r = 54;
+  const polar = (angleDeg, radius) => {
+    const rad = angleDeg * Math.PI / 180;
+    return {
+      x: cx + radius * Math.cos(rad),
+      y: cy - radius * Math.sin(rad)
+    };
+  };
+  const trackStart = polar(180, R);
+  const trackEnd = polar(0, R);
+  const trackStartI = polar(180, r);
+  const trackEndI = polar(0, r);
+  const trackPath = [
+    `M ${trackStart.x} ${trackStart.y}`,
+    `A ${R} ${R} 0 0 1 ${trackEnd.x} ${trackEnd.y}`,
+    `L ${trackEndI.x} ${trackEndI.y}`,
+    `A ${r} ${r} 0 0 0 ${trackStartI.x} ${trackStartI.y}`,
+    "Z"
+  ].join(" ");
+  const valueAngle = 180 - percent * 180;
+  const valueEnd = polar(valueAngle, R);
+  const valueEndI = polar(valueAngle, r);
+  const valuePath = percent <= 0 ? "" : percent >= 1 ? trackPath : [
+    `M ${trackStart.x} ${trackStart.y}`,
+    `A ${R} ${R} 0 0 1 ${valueEnd.x} ${valueEnd.y}`,
+    `L ${valueEndI.x} ${valueEndI.y}`,
+    `A ${r} ${r} 0 0 0 ${trackStartI.x} ${trackStartI.y}`,
+    "Z"
+  ].join(" ");
+  const needleAngle = 180 - percent * 180;
+  const needleTip = polar(needleAngle, r - 6);
+  const needleBase1 = polar(needleAngle + 90, 5);
+  const needleBase2 = polar(needleAngle - 90, 5);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "relative w-full max-w-[260px]", children: /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        viewBox: "0 0 200 130",
+        className: "w-full",
+        "aria-label": `Gauge: ${displayText}`,
+        children: [
+          /* @__PURE__ */ jsx("path", { d: trackPath, fill: "var(--muted)" }),
+          valuePath && /* @__PURE__ */ jsx("path", { d: valuePath, fill: activeColor }),
+          showNeedle && /* @__PURE__ */ jsxs("g", { children: [
+            /* @__PURE__ */ jsx(
+              "polygon",
+              {
+                points: `${needleTip.x},${needleTip.y} ${needleBase1.x},${needleBase1.y} ${needleBase2.x},${needleBase2.y}`,
+                fill: "var(--foreground)",
+                opacity: 0.85
+              }
+            ),
+            /* @__PURE__ */ jsx("circle", { cx, cy, r: 5, fill: "var(--foreground)" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "text",
+            {
+              x: cx,
+              y: cy + 18,
+              textAnchor: "middle",
+              dominantBaseline: "middle",
+              fontSize: 22,
+              fontWeight: 700,
+              fill: "currentColor",
+              className: "fill-foreground",
+              children: displayText
+            }
+          ),
+          label && /* @__PURE__ */ jsx(
+            "text",
+            {
+              x: cx,
+              y: cy + 36,
+              textAnchor: "middle",
+              dominantBaseline: "middle",
+              fontSize: 10,
+              fill: "currentColor",
+              className: "fill-muted-foreground",
+              children: label
+            }
+          )
+        ]
+      }
+    ) }),
+    thresholds && thresholds.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-x-3 gap-y-1", children: thresholds.map((t, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "inline-block h-2 w-2 shrink-0 rounded-full",
+          style: { backgroundColor: t.color }
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t.label })
+    ] }, i)) })
+  ] });
+}
+function AspectRatio({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+}
+const ResizableContext = React.createContext(null);
+const ResizablePanelGroup = ({
+  children,
+  className,
+  direction = "horizontal",
+  id,
+  autoSaveId,
+  storage,
+  onLayout,
+  ...props
+}) => {
+  const [panels, setPanels] = React.useState(/* @__PURE__ */ new Map());
+  const [handles, setHandles] = React.useState(/* @__PURE__ */ new Map());
+  const [sizes, setSizes] = React.useState(/* @__PURE__ */ new Map());
+  const [isDragging, setIsDragging] = React.useState(false);
+  const containerRef = React.useRef(null);
+  const getSortedItems = React.useCallback((items) => {
+    if (!containerRef.current) return [];
+    return Array.from(items.values()).sort((a, b) => {
+      if (!a.ref.current || !b.ref.current) return 0;
+      const position = a.ref.current.compareDocumentPosition(b.ref.current);
+      if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+      if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+      return 0;
+    });
+  }, []);
+  React.useEffect(() => {
+    const sortedPanels = getSortedItems(panels);
+    if (sortedPanels.length === 0) return;
+    const uninitialized = sortedPanels.some((p) => !sizes.has(p.id));
+    if (uninitialized) {
+      const newSizes = new Map(sizes);
+      const remainingSpace = 100;
+      const defaultSizeCount = sortedPanels.filter((p) => p.defaultSize).length;
+      let usedSpace = 0;
+      sortedPanels.forEach((p) => {
+        if (p.defaultSize) usedSpace += p.defaultSize;
+      });
+      const spaceForOthers = Math.max(0, remainingSpace - usedSpace);
+      const countOthers = sortedPanels.length - defaultSizeCount;
+      const sizeForOthers = countOthers > 0 ? spaceForOthers / countOthers : 0;
+      sortedPanels.forEach((p) => {
+        if (!newSizes.has(p.id)) {
+          newSizes.set(p.id, p.defaultSize ?? sizeForOthers);
+        }
+      });
+      setSizes(newSizes);
+    }
+  }, [panels, sizes, getSortedItems]);
+  const registerPanel = React.useCallback((data) => {
+    setPanels((prev) => {
+      const next = new Map(prev);
+      next.set(data.id, data);
+      return next;
+    });
+  }, []);
+  const unregisterPanel = React.useCallback((id2) => {
+    setPanels((prev) => {
+      const next = new Map(prev);
+      next.delete(id2);
+      return next;
+    });
+    setSizes((prev) => {
+      const next = new Map(prev);
+      next.delete(id2);
+      return next;
+    });
+  }, []);
+  const registerHandle = React.useCallback((data) => {
+    setHandles((prev) => {
+      const next = new Map(prev);
+      next.set(data.id, data);
+      return next;
+    });
+  }, []);
+  const unregisterHandle = React.useCallback((id2) => {
+    setHandles((prev) => {
+      const next = new Map(prev);
+      next.delete(id2);
+      return next;
+    });
+  }, []);
+  const startDragging = React.useCallback((handleId, event) => {
+    var _a, _b;
+    event.preventDefault();
+    setIsDragging(true);
+    const sortedPanels = getSortedItems(panels);
+    const sortedHandles = getSortedItems(handles);
+    const handleIndex = sortedHandles.findIndex((h) => h.id === handleId);
+    if (handleIndex === -1) return;
+    const leftPanel = sortedPanels[handleIndex];
+    const rightPanel = sortedPanels[handleIndex + 1];
+    if (!leftPanel || !rightPanel) return;
+    const startX = "touches" in event ? event.touches[0].clientX : event.clientX;
+    const startY = "touches" in event ? event.touches[0].clientY : event.clientY;
+    const startSizeLeft = sizes.get(leftPanel.id) || 0;
+    const startSizeRight = sizes.get(rightPanel.id) || 0;
+    const containerSize = direction === "horizontal" ? ((_a = containerRef.current) == null ? void 0 : _a.offsetWidth) || 1 : ((_b = containerRef.current) == null ? void 0 : _b.offsetHeight) || 1;
+    const onMove = (e) => {
+      var _a2, _b2;
+      const currentX = "touches" in e ? e.touches[0].clientX : e.clientX;
+      const currentY = "touches" in e ? e.touches[0].clientY : e.clientY;
+      const deltaPixels = direction === "horizontal" ? currentX - startX : currentY - startY;
+      const deltaPercent = deltaPixels / containerSize * 100;
+      let finalLeft = startSizeLeft + deltaPercent;
+      let finalRight = startSizeRight - deltaPercent;
+      if (leftPanel.minSize !== void 0 && finalLeft < leftPanel.minSize) {
+        const diff = leftPanel.minSize - finalLeft;
+        finalLeft = leftPanel.minSize;
+        finalRight -= diff;
+      }
+      if (rightPanel.minSize !== void 0 && finalRight < rightPanel.minSize) {
+        const diff = rightPanel.minSize - finalRight;
+        finalRight = rightPanel.minSize;
+        finalLeft -= diff;
+      }
+      if (leftPanel.maxSize !== void 0 && finalLeft > leftPanel.maxSize) {
+        const diff = finalLeft - leftPanel.maxSize;
+        finalLeft = leftPanel.maxSize;
+        finalRight += diff;
+      }
+      if (rightPanel.maxSize !== void 0 && finalRight > rightPanel.maxSize) {
+        const diff = finalRight - rightPanel.maxSize;
+        finalRight = rightPanel.maxSize;
+        finalLeft -= diff;
+      }
+      finalLeft = Math.max(0, Math.min(100, finalLeft));
+      finalRight = Math.max(0, Math.min(100, finalRight));
+      setSizes((prev) => {
+        const next = new Map(prev);
+        next.set(leftPanel.id, finalLeft);
+        next.set(rightPanel.id, finalRight);
+        return next;
+      });
+      (_a2 = leftPanel.onResize) == null ? void 0 : _a2.call(leftPanel, finalLeft);
+      (_b2 = rightPanel.onResize) == null ? void 0 : _b2.call(rightPanel, finalRight);
+    };
+    const onUp = () => {
+      setIsDragging(false);
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+      window.removeEventListener("touchmove", onMove);
+      window.removeEventListener("touchend", onUp);
+      if (onLayout) {
+        onLayout(sortedPanels.map((p) => sizes.get(p.id) || 0));
+      }
+    };
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp);
+    window.addEventListener("touchmove", onMove);
+    window.addEventListener("touchend", onUp);
+  }, [panels, handles, sizes, direction, getSortedItems, onLayout]);
+  const getPanelStyle = React.useCallback((id2) => {
+    const size = sizes.get(id2);
+    if (size === void 0) return { flex: "1 1 0%", overflow: "hidden" };
+    return { flex: `${size} 1 0%`, overflow: "hidden" };
+  }, [sizes]);
+  const contextValue = React.useMemo(() => ({
+    direction,
+    registerPanel,
+    unregisterPanel,
+    registerHandle,
+    unregisterHandle,
+    isDragging,
+    startDragging,
+    getPanelStyle
+  }), [direction, registerPanel, unregisterPanel, registerHandle, unregisterHandle, isDragging, startDragging, getPanelStyle]);
+  return /* @__PURE__ */ jsx(ResizableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      "data-slot": "resizable-panel-group",
+      "data-panel-group-direction": direction,
+      className: cn(
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+};
+const ResizablePanel = ({
+  className,
+  defaultSize,
+  minSize = 0,
+  maxSize = 100,
+  collapsible,
+  collapsedSize,
+  onCollapse,
+  onExpand,
+  onResize,
+  order,
+  tagName,
+  id: propId,
+  children,
+  ...props
+}) => {
+  const context = React.useContext(ResizableContext);
+  const ref = React.useRef(null);
+  const [generatedId] = React.useState(() => Math.random().toString(36).substr(2, 9));
+  const id = propId || generatedId;
+  const registerPanel = context == null ? void 0 : context.registerPanel;
+  const unregisterPanel = context == null ? void 0 : context.unregisterPanel;
+  React.useLayoutEffect(() => {
+    if (!registerPanel || !unregisterPanel) return;
+    registerPanel({
+      id,
+      ref,
+      defaultSize,
+      minSize,
+      maxSize,
+      collapsible,
+      onCollapse,
+      onExpand,
+      onResize
+    });
+    return () => unregisterPanel(id);
+  }, [registerPanel, unregisterPanel, id, defaultSize, minSize, maxSize, collapsible, onCollapse, onExpand, onResize]);
+  if (!context) {
+    return /* @__PURE__ */ jsx("div", { className: cn("flex-1", className), ...props, children });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "resizable-panel",
+      className: cn("relative transition-[flex-grow] duration-0", className),
+      style: context.getPanelStyle(id),
+      ...props,
+      children
+    }
+  );
+};
+const ResizableHandle = ({
+  withHandle,
+  className,
+  id: propId,
+  tagName,
+  ...props
+}) => {
+  const context = React.useContext(ResizableContext);
+  const ref = React.useRef(null);
+  const [generatedId] = React.useState(() => Math.random().toString(36).substr(2, 9));
+  const id = propId || generatedId;
+  const registerHandle = context == null ? void 0 : context.registerHandle;
+  const unregisterHandle = context == null ? void 0 : context.unregisterHandle;
+  React.useLayoutEffect(() => {
+    if (!registerHandle || !unregisterHandle) return;
+    registerHandle({ id, ref });
+    return () => unregisterHandle(id);
+  }, [registerHandle, unregisterHandle, id]);
+  const handleMouseDown = (e) => {
+    if (context) {
+      context.startDragging(id, e);
+    }
+  };
+  if (!context) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "resizable-handle",
+      className: cn(
+        "bg-border relative flex items-center justify-center focus-visible:outline-hidden",
+        "touch-none select-none",
+        context.direction === "vertical" ? "h-px w-full cursor-row-resize after:left-0 after:h-1 after:w-full after:-translate-y-1/2 hover:after:h-4" : "w-px h-full cursor-col-resize after:top-0 after:w-1 after:h-full after:-translate-x-1/2 hover:after:w-4",
+        "after:absolute after:z-10",
+        className
+      ),
+      onMouseDown: handleMouseDown,
+      onTouchStart: handleMouseDown,
+      ...props,
+      children: withHandle && /* @__PURE__ */ jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-2.5" }) })
+    }
+  );
+};
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-slot": "navigation-menu",
+      className: cn(
+        "relative z-10 flex w-full flex-1 items-center justify-center",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})
+      ]
+    }
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-10 w-max items-center justify-center rounded-[var(--radius)] bg-background px-4 py-2 text-[var(--text-p)] font-[var(--font-weight-medium)] hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 outline-none focus-visible:ring-2 focus-visible:ring-ring"
+);
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), "group", className),
+      ...props,
+      children: [
+        children,
+        " ",
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            className: "relative top-[1px] ml-1 size-3 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "left-0 top-0 w-full md:w-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center w-full"), children: /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Viewport,
+    {
+      "data-slot": "navigation-menu-viewport",
+      className: cn(
+        "origin-top-center relative mt-1.5 overflow-hidden rounded-[var(--radius)] border border-border bg-popover text-popover-foreground shadow-lg",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        "block select-none space-y-1 rounded-[var(--radius)] p-3 leading-none no-underline outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: cn(
+        "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+    }
+  );
+}
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  disabled,
+  size = "icon",
+  href,
+  onClick,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "aria-disabled": disabled ? "true" : void 0,
+      tabIndex: disabled ? -1 : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      href: disabled ? void 0 : href ?? "#",
+      onClick: disabled ? (e) => e.preventDefault() : onClick,
+      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" })
+      ]
+    }
+  );
+}
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  TogglePrimitive.Root,
+  {
+    ref,
+    "data-slot": "toggle",
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+const ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default"
+});
+const ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    "data-slot": "toggle-group",
+    "data-variant": variant,
+    "data-size": size,
+    className: cn(
+      "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+const ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+}
+function InputOTPGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: cn("flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlot({
+  index,
+  className,
+  size = "md",
+  ...props
+}) {
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = (inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) ?? {};
+  const sizeClasses = {
+    sm: "h-8 w-8 text-sm",
+    md: "h-10 w-10 text-base",
+    lg: "h-12 w-12 text-lg"
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
+      className: cn(
+        "data-[active=true]:border-primary data-[active=true]:ring-primary/20 data-[active=true]:aria-invalid:ring-destructive/20 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive relative flex items-center justify-center border border-border rounded-[var(--radius)] bg-background transition-all outline-none data-[active=true]:z-10 data-[active=true]:ring-2",
+        sizeClasses[size],
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+function InputOTPSeparator({ ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(MinusIcon, {}) });
+}
+const Form = FormProvider;
+const FormFieldContext = React.createContext(
+  {}
+);
+const FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+};
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(
+    fieldContext.name,
+    formState
+  );
+  if (!fieldContext) {
+    throw new Error(
+      "useFormField should be used within <FormField>"
+    );
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+const FormItemContext = React.createContext(
+  {}
+);
+function FormItem({
+  className,
+  ...props
+}) {
+  const id = React.useId();
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: cn("grid gap-2", className),
+      ...props
+    }
+  ) });
+}
+function FormLabel({
+  className,
+  ...props
+}) {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      "data-slot": "form-label",
+      "data-error": !!error,
+      className: cn(
+        "data-[error=true]:text-destructive",
+        className
+      ),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+}
+function FormControl({
+  ...props
+}) {
+  const {
+    error,
+    formItemId,
+    formDescriptionId,
+    formMessageId
+  } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      "data-slot": "form-control",
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+}
+function FormDescription({
+  className,
+  ...props
+}) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function FormMessage({
+  className,
+  ...props
+}) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String((error == null ? void 0 : error.message) ?? "") : props.children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: formMessageId,
+      className: cn("text-destructive text-sm", className),
+      ...props,
+      children: body
+    }
+  );
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const isDropdownCaption = captionLayout.startsWith("dropdown");
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "bg-background group/calendar p-4 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent font-sans",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters,
+      classNames: {
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "flex gap-6 flex-col md:flex-row relative",
+          defaultClassNames.months
+        ),
+        month: cn("flex flex-col w-full gap-5", defaultClassNames.month),
+        nav: cn(
+          "flex items-center gap-2 w-full absolute top-0 inset-x-0 justify-between",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-40 p-0 select-none hover:bg-accent/50 transition-colors duration-200",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-40 p-0 select-none hover:bg-accent/50 transition-colors duration-200",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex items-center justify-center w-full",
+          isDropdownCaption ? "h-auto px-0" : "h-(--cell-size) px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "w-full flex items-center justify-center gap-2",
+          isDropdownCaption ? "h-auto" : "h-(--cell-size)",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          isDropdownCaption ? "relative flex min-w-[7rem] items-center rounded-[var(--radius)] border border-border bg-background text-foreground transition-colors outline-none focus-within:ring-2 focus-within:ring-primary focus-within:border-transparent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 px-2.5 py-1" : "relative rounded-[var(--radius)] hover:bg-accent transition-colors",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          isDropdownCaption ? "absolute inset-0 cursor-pointer opacity-0" : "absolute bg-popover inset-0 opacity-0 cursor-pointer",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "select-none font-[family-name:var(--font-family,Roboto)] tracking-tight transition-all duration-200",
+          captionLayout === "label" ? "rounded-[var(--radius)] px-2 py-1 text-[length:var(--calendar-caption-size)] font-[number:var(--font-weight-semibold)] hover:bg-accent hover:text-accent-foreground" : "flex h-full w-full items-center justify-between gap-2 rounded-[var(--radius)] text-[length:var(--calendar-caption-size)] font-[number:var(--font-weight-semibold)] [&>svg]:text-muted-foreground [&>svg]:size-4",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse mt-1",
+        weekdays: cn("flex gap-1", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground rounded-(--cell-radius) flex-1 select-none text-[length:var(--calendar-weekday-size)] font-[number:var(--font-weight-medium)] uppercase tracking-wider",
+          defaultClassNames.weekday
+        ),
+        week: cn("flex w-full gap-1", defaultClassNames.week),
+        week_number_header: cn(
+          "select-none w-(--cell-size)",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "select-none text-muted-foreground text-[length:var(--calendar-weekday-size)]",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "relative w-full rounded-(--cell-radius) h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius) group/day aspect-square select-none",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "rounded-l-(--cell-radius) bg-accent/50 relative after:bg-accent/50 after:absolute after:inset-y-0 after:w-2 after:right-0 -z-0 isolate",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn(
+          "rounded-none bg-accent/30",
+          defaultClassNames.range_middle
+        ),
+        range_end: cn(
+          "rounded-r-(--cell-radius) bg-accent/50 relative after:bg-accent/50 after:absolute after:inset-y-0 after:w-2 after:left-0 -z-0 isolate",
+          defaultClassNames.range_end
+        ),
+        today: cn(
+          "bg-accent/60 text-accent-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none font-[number:var(--font-weight-semibold)]",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground/30 opacity-40",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => {
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: cn(className2),
+              ...props2
+            }
+          );
+        },
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsx(
+              ChevronLeft,
+              {
+                className: cn("size-5 transition-transform group-hover:scale-110", className2),
+                ...props2
+              }
+            );
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsx(
+              ChevronRight,
+              {
+                className: cn("size-5 transition-transform group-hover:scale-110", className2),
+                ...props2
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn("size-4", className2),
+              ...props2
+            }
+          );
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props2 }) => {
+          return /* @__PURE__ */ jsx("td", { ...props2, children: /* @__PURE__ */ jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center font-[number:var(--font-weight-medium)]", children }) });
+        },
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    var _a;
+    if (modifiers.focused) (_a = ref.current) == null ? void 0 : _a.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(
+        "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col items-center justify-center gap-1 border-0 leading-none transition-all duration-200 cursor-pointer disabled:cursor-not-allowed",
+        "text-[length:var(--calendar-day-size)] font-[number:var(--font-weight-regular)]",
+        "hover:bg-accent/70 hover:text-accent-foreground hover:scale-105",
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[selected-single=true]:font-[number:var(--font-weight-semibold)] data-[selected-single=true]:shadow-sm",
+        "data-[range-middle=true]:bg-accent/50 data-[range-middle=true]:text-foreground",
+        "data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-start=true]:font-[number:var(--font-weight-semibold)] data-[range-start=true]:shadow-sm",
+        "data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-end=true]:font-[number:var(--font-weight-semibold)] data-[range-end=true]:shadow-sm",
+        "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 group-data-[focused=true]/day:ring-2 group-data-[focused=true]/day:ring-offset-2 group-data-[focused=true]/day:ring-offset-background",
+        "data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius)",
+        "data-[range-middle=true]:rounded-none",
+        "data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius)",
+        "[&>span]:opacity-80",
+        defaultClassNames.day,
+        className
+      ),
+      ...props,
+      children: day.date.getDate()
+    }
+  );
+}
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    className: cn(
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 px-6 pt-6", className),
+      ...props
+    }
+  );
+}
+function SheetBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-body",
+      className: cn("flex-1 overflow-auto px-6", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 px-6 pb-6", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function Drawer({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Drawer$1.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Drawer$1.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Drawer$1.Close, { "data-slot": "drawer-close", ...props });
+}
+const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Overlay,
+    {
+      ref,
+      "data-slot": "drawer-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
+function DrawerContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      Drawer$1.Content,
+      {
+        "data-slot": "drawer-content",
+        className: cn(
+          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Title,
+    {
+      "data-slot": "drawer-title",
+      className: cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Description,
+    {
+      "data-slot": "drawer-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function DrawerHandle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "drawer-handle",
+      className: cn("bg-muted mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full", className),
+      ...props
+    }
+  );
+}
+function HoverCard({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
+    HoverCardPrimitive.Content,
+    {
+      "data-slot": "hover-card-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function ContextMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "context-menu-radio-group",
+      ...props
+    }
+  );
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Label,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function ContextMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Menubar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Root,
+    {
+      "data-slot": "menubar",
+      className: cn(
+        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
+}
+function MenubarRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarContent({
+  className,
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPortal, { children: /* @__PURE__ */ jsx(
+    MenubarPrimitive.Content,
+    {
+      "data-slot": "menubar-content",
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function MenubarItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Label,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": inset,
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function MenubarShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}
+function MenubarSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1,
+    {
+      "data-slot": "command",
+      className: cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) })
+  ] });
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx(
+          Command$1.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.List,
+    {
+      "data-slot": "command-list",
+      role: "listbox",
+      className: cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("bg-border -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Item,
+    {
+      "data-slot": "command-item",
+      role: "option",
+      className: cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const variantStyles = {
+  default: "bg-primary text-primary-foreground",
+  secondary: "bg-secondary text-secondary-foreground",
+  destructive: "bg-destructive text-destructive-foreground",
+  outline: "border-2 border-primary bg-background text-primary",
+  success: "bg-success text-success-foreground",
+  info: "bg-info text-info-foreground",
+  warning: "bg-warning text-warning-foreground"
+};
+const NotificationBadge = React.forwardRef(
+  ({
+    className,
+    count = 0,
+    max = 99,
+    showZero = false,
+    dot = false,
+    variant = "destructive",
+    children,
+    ...props
+  }, ref) => {
+    const displayCount = count > max ? `${max}+` : count;
+    const shouldShow = count > 0 || showZero;
+    if (!shouldShow && !dot) {
+      return /* @__PURE__ */ jsx("div", { ref, className, ...props, children });
+    }
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-block", className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "absolute -right-1 -top-1 flex items-center justify-center rounded-full",
+            variantStyles[variant],
+            dot ? "h-2 w-2" : "min-w-[1.25rem] h-5 px-1.5"
+          ),
+          children: !dot && shouldShow && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium leading-none", children: displayCount })
+        }
+      )
+    ] });
+  }
+);
+NotificationBadge.displayName = "NotificationBadge";
+const StatsCard = React.forwardRef(
+  ({ className, title, value, description, trend, icon, ...props }, ref) => {
+    const getTrendIcon = () => {
+      if (!trend) return null;
+      if (trend.value > 0) {
+        return /* @__PURE__ */ jsx(TrendingUp, { className: "h-4 w-4 text-success" });
+      } else if (trend.value < 0) {
+        return /* @__PURE__ */ jsx(TrendingDown, { className: "h-4 w-4 text-destructive" });
+      } else {
+        return /* @__PURE__ */ jsx(Minus, { className: "h-4 w-4 text-muted-foreground" });
+      }
+    };
+    const getTrendColor = () => {
+      if (!trend) return "";
+      if (trend.value > 0) {
+        return "text-success";
+      } else if (trend.value < 0) {
+        return "text-destructive";
+      } else {
+        return "text-muted-foreground";
+      }
+    };
+    return /* @__PURE__ */ jsx(Card, { ref, className: cn("", className), ...props, children: /* @__PURE__ */ jsx(CardContent, { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-1 text-sm", children: title }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-2", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-foreground text-xl sm:text-2xl", children: value }),
+          trend && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1 text-sm", getTrendColor()), children: [
+            getTrendIcon(),
+            /* @__PURE__ */ jsxs("span", { children: [
+              Math.abs(trend.value),
+              "%"
+            ] })
+          ] })
+        ] }),
+        (description || (trend == null ? void 0 : trend.label)) && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs sm:text-sm", children: (trend == null ? void 0 : trend.label) || description })
+      ] }),
+      icon && /* @__PURE__ */ jsx("div", { className: "rounded-[var(--radius)] bg-muted p-2 sm:p-3 text-muted-foreground flex-shrink-0", children: icon })
+    ] }) }) });
+  }
+);
+StatsCard.displayName = "StatsCard";
+const Timeline = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ol",
+  {
+    ref,
+    className: cn("relative border-l border-border", className),
+    ...props
+  }
+));
+Timeline.displayName = "Timeline";
+const TimelineItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    ref,
+    className: cn("mb-10 ml-6", className),
+    ...props
+  }
+));
+TimelineItem.displayName = "TimelineItem";
+const TimelineDot = React.forwardRef(({ className, variant = "default", icon, children, ...props }, ref) => {
+  const variantStyles2 = {
+    default: "bg-muted border-border",
+    primary: "bg-primary border-primary",
+    success: "bg-success border-success",
+    info: "bg-info border-info",
+    warning: "bg-warning border-warning",
+    destructive: "bg-destructive border-destructive",
+    outline: "bg-background border-border"
+  };
+  const iconColorStyles = {
+    default: "text-muted-foreground",
+    primary: "text-primary-foreground",
+    success: "text-success-foreground",
+    info: "text-info-foreground",
+    warning: "text-warning-foreground",
+    destructive: "text-destructive-foreground",
+    outline: "text-foreground"
+  };
+  if (icon || children) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "absolute -left-[17px] mt-0.5 h-8 w-8 rounded-full border-2 flex items-center justify-center",
+          variantStyles2[variant],
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx("span", { className: cn("h-4 w-4", iconColorStyles[variant]), children: icon || children })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "absolute -left-[9px] mt-1.5 h-4 w-4 rounded-full border-2",
+        variantStyles2[variant],
+        className
+      ),
+      ...props
+    }
+  );
+});
+TimelineDot.displayName = "TimelineDot";
+const TimelineContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("", className),
+    ...props
+  }
+));
+TimelineContent.displayName = "TimelineContent";
+const TimelineHeading = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    className: cn("mb-1 text-foreground", className),
+    ...props
+  }
+));
+TimelineHeading.displayName = "TimelineHeading";
+const TimelineTime = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "time",
+  {
+    ref,
+    className: cn("mb-2 block text-muted-foreground", className),
+    ...props
+  }
+));
+TimelineTime.displayName = "TimelineTime";
+const TimelineDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn("text-muted-foreground", className),
+    ...props
+  }
+));
+TimelineDescription.displayName = "TimelineDescription";
+const TreeView = React.forwardRef(
+  ({ className, data, onNodeClick, onNodeSelect, defaultExpanded = [], selectedNodeId, "aria-label": ariaLabel, ...props }, ref) => {
+    var _a;
+    const {
+      expanded,
+      effectiveSelectedId,
+      getNodeRef,
+      toggleExpand,
+      handleSelect,
+      handleKeyDown
+    } = useTreeView({ data, defaultExpanded, selectedNodeId, onNodeClick, onNodeSelect });
+    const firstRootId = (_a = data[0]) == null ? void 0 : _a.id;
+    const focusableId = effectiveSelectedId ?? firstRootId;
+    return (
+      // TV-2: aria-label is required on role="tree" (WCAG 4.1.2)
+      /* @__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
+}) => {
+  var _a;
+  const hasChildren = !!((_a = node.children) == null ? void 0 : _a.length);
+  const isExpanded = expanded.has(node.id);
+  const isSelected = node.id === selectedId;
+  const handleClick = () => {
+    if (hasChildren) onToggle(node.id);
+    onSelect(node);
+  };
+  return (
+    // TV-3: WAI-ARIA tree pattern requires role="group" to be a child of role="treeitem".
+    // The outer wrapper uses role="none" to neutralise the div's implicit role;
+    // the button carries role="treeitem" and wraps its own children group.
+    // Since HTML does not allow a div inside a button, the group is a sibling
+    // of the button, both inside the role="none" wrapper — this is the accepted
+    // pattern when the treeitem cannot literally contain the group element.
+    /* @__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 == null ? void 0 : api.scrollPrev();
+  }, [api]);
+  const scrollNext = React.useCallback(() => {
+    api == null ? void 0 : api.scrollNext();
+  }, [api]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api == null ? void 0 : api.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || ((opts == null ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: carouselRef,
+      className: "overflow-hidden",
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex",
+            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ArrowLeft, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNext({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ArrowRight, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+const StepperContext = React.createContext(void 0);
+const useStepperContext = () => {
+  const context = React.useContext(StepperContext);
+  if (!context) throw new Error("useStepperContext must be used within a Stepper");
+  return context;
+};
+const Stepper = React.forwardRef(
+  ({ currentStep, orientation = "horizontal", className, children, ...props }, ref) => {
+    const totalSteps = React.Children.count(children);
+    return /* @__PURE__ */ jsx(StepperContext.Provider, { value: { currentStep, totalSteps, orientation }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("w-full", className),
+        role: "list",
+        "aria-label": `Progresso: etapa ${currentStep} de ${totalSteps}`,
+        ...props,
+        children: /* @__PURE__ */ jsx("div", { className: cn(
+          orientation === "horizontal" ? "flex items-start justify-between" : "flex flex-col gap-0"
+        ), children })
+      }
+    ) });
+  }
+);
+Stepper.displayName = "Stepper";
+const Step = React.forwardRef(
+  ({ step, label, description, error = false, className, ...props }, ref) => {
+    const { currentStep, totalSteps, orientation } = useStepperContext();
+    const isActive = step === currentStep;
+    const isCompleted = step < currentStep && !error;
+    const isFirst = step === 1;
+    const isLast = step === totalSteps;
+    const circleClasses = cn(
+      "relative flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 transition-colors",
+      isActive && !error && "border-primary bg-primary text-primary-foreground",
+      isCompleted && "border-primary bg-primary text-primary-foreground",
+      error && "border-destructive bg-destructive text-destructive-foreground",
+      !isActive && !isCompleted && !error && "border-muted bg-background text-muted-foreground"
+    );
+    const connectorClasses = (filled) => cn("transition-colors", filled ? "bg-primary" : "bg-muted");
+    if (orientation === "vertical") {
+      return (
+        // ST-2: role="listitem" + aria-current="step" communicate state to screen readers
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref,
+            role: "listitem",
+            "aria-current": isActive ? "step" : void 0,
+            "aria-label": `Etapa ${step} de ${totalSteps}: ${label}${isCompleted ? ", concluída" : ""}${error ? ", erro" : ""}`,
+            className: cn("flex gap-4", className),
+            ...props,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+                /* @__PURE__ */ jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx("span", { children: step }) }),
+                !isLast && /* @__PURE__ */ jsx("div", { className: cn("w-0.5 flex-1 min-h-[2rem] mt-1", connectorClasses(step < currentStep)) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: cn("pb-6", isLast && "pb-0"), children: [
+                /* @__PURE__ */ jsx("div", { className: cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
+                description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
+              ] })
+            ]
+          }
+        )
+      );
+    }
+    return (
+      // ST-2: role="listitem" + aria-current="step" communicate state to screen readers
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          role: "listitem",
+          "aria-current": isActive ? "step" : void 0,
+          "aria-label": `Etapa ${step} de ${totalSteps}: ${label}${isCompleted ? ", concluída" : ""}${error ? ", erro" : ""}`,
+          className: cn("flex flex-1 flex-col items-center", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
+              step > 1 && /* @__PURE__ */ jsx("div", { className: cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step <= currentStep)) }),
+              /* @__PURE__ */ jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx("span", { children: step }) }),
+              step < totalSteps && /* @__PURE__ */ jsx("div", { className: cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step < currentStep)) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: cn(
+              "mt-2 px-1",
+              isFirst && "text-left self-start",
+              isLast && "text-right self-end",
+              !isFirst && !isLast && "text-center w-full"
+            ), children: [
+              /* @__PURE__ */ jsx("div", { className: cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
+              description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
+            ] })
+          ]
+        }
+      )
+    );
+  }
+);
+Step.displayName = "Step";
+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, accept });
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "button",
+          tabIndex: disabled ? -1 : 0,
+          "aria-label": "Área de upload de arquivos. Clique ou pressione Enter para selecionar arquivos, ou arraste e solte.",
+          onDragEnter: handleDrag,
+          onDragLeave: handleDrag,
+          onDragOver: handleDrag,
+          onDrop: handleDrop,
+          onClick: openFileDialog,
+          onKeyDown: (e) => {
+            if (!disabled && (e.key === "Enter" || e.key === " ")) {
+              e.preventDefault();
+              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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            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: "Clique para enviar" }),
+              " ou arraste e solte"
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+              maxFiles > 1 ? `Até ${maxFiles} arquivos` : "1 arquivo",
+              " • Máx. ",
+              (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__ */ jsx("p", { className: "text-muted-foreground", children: file.size >= 1024 * 1024 ? `${(file.size / 1024 / 1024).toFixed(2)} MB` : `${(file.size / 1024).toFixed(2)} KB` })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  removeFile(index);
+                },
+                disabled,
+                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        },
+        index
+      )) })
+    ] });
+  }
+);
+FileUpload.displayName = "FileUpload";
+const Rating = React.forwardRef(
+  ({
+    className,
+    value = 0,
+    onChange,
+    max = 5,
+    readonly = false,
+    disabled = false,
+    size = "md",
+    showValue = false,
+    allowHalf = false,
+    getAriaLabel,
+    ...props
+  }, ref) => {
+    const [hoverValue, setHoverValue] = React.useState(null);
+    const isInteractive = !readonly && !disabled;
+    const sizeStyles = {
+      sm: "h-4 w-4",
+      md: "h-5 w-5",
+      lg: "h-6 w-6"
+    };
+    const handleClick = (rating) => {
+      if (isInteractive) onChange == null ? void 0 : onChange(rating);
+    };
+    const handleMouseMove = (e, rating) => {
+      if (!isInteractive) return;
+      if (allowHalf) {
+        const rect = e.currentTarget.getBoundingClientRect();
+        setHoverValue(e.clientX - rect.left < rect.width / 2 ? rating - 0.5 : rating);
+      } else {
+        setHoverValue(rating);
+      }
+    };
+    const handleMouseLeave = () => {
+      if (isInteractive) setHoverValue(null);
+    };
+    const handleClickWithHalf = (e, rating) => {
+      if (!isInteractive) return;
+      if (allowHalf) {
+        const rect = e.currentTarget.getBoundingClientRect();
+        const half = e.clientX - rect.left < rect.width / 2 ? rating - 0.5 : rating;
+        onChange == null ? void 0 : onChange(half);
+      } else {
+        handleClick(rating);
+      }
+    };
+    const displayValue = hoverValue ?? value;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center gap-1", disabled && "opacity-50", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Rating", children: Array.from({ length: max }, (_, index) => {
+            const rating = index + 1;
+            const isFull = rating <= displayValue;
+            const isHalf = allowHalf && !isFull && rating - 0.5 <= displayValue;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => handleClickWithHalf(e, rating),
+                onMouseMove: (e) => handleMouseMove(e, rating),
+                onMouseLeave: handleMouseLeave,
+                disabled: readonly || disabled,
+                "aria-label": getAriaLabel ? getAriaLabel(rating, max) : `${rating} / ${max}`,
+                className: cn(
+                  "relative transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  isInteractive && "cursor-pointer hover:scale-110",
+                  !isInteractive && "cursor-default"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Star, { className: cn(sizeStyles[size], "fill-none text-muted-foreground") }),
+                  (isFull || isHalf) && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "absolute inset-0 overflow-hidden",
+                        isHalf ? "w-1/2" : "w-full"
+                      ),
+                      children: /* @__PURE__ */ jsx(Star, { className: cn(sizeStyles[size], "fill-warning text-warning") })
+                    }
+                  )
+                ]
+              },
+              index
+            );
+          }) }),
+          showValue && /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm text-muted-foreground", children: value % 1 === 0 ? value.toFixed(0) : value.toFixed(1) })
+        ]
+      }
+    );
+  }
+);
+Rating.displayName = "Rating";
+const Search = React.forwardRef(
+  ({
+    className,
+    containerClassName,
+    onSearch,
+    onClear,
+    onChange,
+    size = "md",
+    searchLabel = "Search",
+    clearLabel = "Clear search",
+    value: controlledValue,
+    defaultValue,
+    ...props
+  }, ref) => {
+    const isControlled = controlledValue !== void 0;
+    const [internalValue, setInternalValue] = React.useState(
+      isControlled ? "" : defaultValue ?? ""
+    );
+    const displayValue = isControlled ? controlledValue : internalValue;
+    const sizeClasses = {
+      sm: "h-8 px-8 py-1 text-sm",
+      md: "h-10 px-10 py-2 text-base",
+      lg: "h-12 px-12 py-3 text-base"
+    };
+    const iconSizeClasses = {
+      sm: "left-2 h-3.5 w-3.5",
+      md: "left-3 h-4 w-4",
+      lg: "left-4 h-5 w-5"
+    };
+    const clearSizeClasses = {
+      sm: "right-2",
+      md: "right-3",
+      lg: "right-4"
+    };
+    const handleChange = (e) => {
+      const newValue = e.target.value;
+      if (!isControlled) setInternalValue(newValue);
+      onChange == null ? void 0 : onChange(e);
+      onSearch == null ? void 0 : onSearch(newValue);
+    };
+    const handleClear = () => {
+      if (!isControlled) setInternalValue("");
+      onClear == null ? void 0 : onClear();
+      onSearch == null ? void 0 : onSearch("");
+    };
+    const handleKeyDown = (e) => {
+      var _a;
+      if (e.key === "Escape") {
+        handleClear();
+      }
+      (_a = props.onKeyDown) == null ? void 0 : _a.call(props, e);
+    };
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full", containerClassName), children: [
+      /* @__PURE__ */ jsx(
+        Search$1,
+        {
+          "aria-hidden": "true",
+          className: cn("absolute top-1/2 -translate-y-1/2 text-muted-foreground", iconSizeClasses[size])
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          type: "text",
+          value: displayValue,
+          onChange: handleChange,
+          onKeyDown: handleKeyDown,
+          className: cn(
+            "flex w-full rounded-[var(--radius)] border border-border bg-background text-foreground transition-colors outline-none",
+            "placeholder:text-muted-foreground",
+            "focus:ring-2 focus:ring-primary focus:border-transparent",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            sizeClasses[size],
+            className
+          ),
+          "aria-label": props.placeholder || searchLabel,
+          ...props
+        }
+      ),
+      displayValue && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleClear,
+          "aria-label": clearLabel,
+          className: cn(
+            "absolute top-1/2 -translate-y-1/2 text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
+            clearSizeClasses[size]
+          ),
+          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+        }
+      )
+    ] });
+  }
+);
+Search.displayName = "Search";
+const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "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) => {
+        var _a;
+        isCalculatingRef.current = false;
+        if (status === "OK" && result) {
+          renderer.setDirections(result);
+          const route = result.routes[0];
+          if (((_a = route == null ? void 0 : route.legs) == null ? void 0 : _a.length) > 0 && onRouteCalculated) {
+            let totalDistance = 0;
+            let totalDuration = 0;
+            route.legs.forEach((leg) => {
+              if (leg.distance) totalDistance += leg.distance.value;
+              if (leg.duration) totalDuration += leg.duration.value;
+            });
+            const distanceKm = (totalDistance / 1e3).toFixed(1);
+            const distanceText = `${distanceKm} km`;
+            const hours = Math.floor(totalDuration / 3600);
+            const minutes = Math.floor(totalDuration % 3600 / 60);
+            const durationText = hours > 0 ? `${hours}h ${minutes}min` : `${minutes} min`;
+            onRouteCalculated(distanceText, durationText);
+          }
+        }
+      });
+    }, [isLoaded, origin.lat, origin.lng, destination.lat, destination.lng, travelMode, mapRef.current]);
+    if (loadError) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn(
+            "relative rounded-[var(--radius-card)] border border-destructive/50 overflow-hidden bg-destructive/5",
+            className
+          ),
+          style: { height },
+          ...divProps,
+          children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2 p-6", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-destructive", children: /* @__PURE__ */ jsx("svg", { className: "w-12 h-12 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Failed to load Google Maps" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Check API key in Settings" })
+          ] }) })
+        }
+      );
+    }
+    if (!isLoaded) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn(
+            "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted animate-pulse",
+            className
+          ),
+          style: { height },
+          ...divProps
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative rounded-[var(--radius-card)] border border-border overflow-hidden",
+          className
+        ),
+        style: { height },
+        ...divProps,
+        children: /* @__PURE__ */ jsx(
+          "gmp-map",
+          {
+            ref: gmpMapRef,
+            style: { height: "100%", width: "100%", display: "block" },
+            "map-id": props.mapId || "xertica-route-map"
+          }
+        )
+      }
+    );
+  }
+);
+RouteMapContent.displayName = "RouteMapContent";
+const RouteMap = React__default.forwardRef(
+  (props, ref) => {
+    const { isLoaded, loadError } = useGoogleMapsLoader();
+    const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && "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 formatTick2 = 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: formatTick2
+      }
+    ),
+    /* @__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 {
+  DrawerOverlay as $,
+  Accordion as A,
+  ContextMenu as B,
+  Calendar as C,
+  ContextMenuCheckboxItem as D,
+  ContextMenuContent as E,
+  ContextMenuGroup as F,
+  ContextMenuItem as G,
+  ContextMenuLabel as H,
+  ContextMenuPortal as I,
+  ContextMenuRadioGroup as J,
+  ContextMenuRadioItem as K,
+  ContextMenuSeparator as L,
+  ContextMenuShortcut as M,
+  ContextMenuSub as N,
+  ContextMenuSubContent as O,
+  ContextMenuSubTrigger as P,
+  ContextMenuTrigger as Q,
+  DashboardBarChart as R,
+  DashboardLineChart as S,
+  DonutBreakdownChart as T,
+  Drawer as U,
+  DrawerClose as V,
+  DrawerContent as W,
+  DrawerDescription as X,
+  DrawerFooter as Y,
+  DrawerHandle as Z,
+  DrawerHeader as _,
+  AccordionContent as a,
+  SheetBody as a$,
+  DrawerPortal as a0,
+  DrawerTitle as a1,
+  DrawerTrigger as a2,
+  FileUpload as a3,
+  Form as a4,
+  FormControl as a5,
+  FormDescription as a6,
+  FormField as a7,
+  FormItem as a8,
+  FormLabel as a9,
+  MenubarTrigger as aA,
+  NavigationMenu as aB,
+  NavigationMenuContent as aC,
+  NavigationMenuIndicator as aD,
+  NavigationMenuItem as aE,
+  NavigationMenuLink as aF,
+  NavigationMenuList as aG,
+  NavigationMenuTrigger as aH,
+  NavigationMenuViewport as aI,
+  NotificationBadge as aJ,
+  Pagination as aK,
+  PaginationContent as aL,
+  PaginationEllipsis as aM,
+  PaginationItem as aN,
+  PaginationLink as aO,
+  PaginationNext as aP,
+  PaginationPrevious as aQ,
+  PieMetricChart as aR,
+  RadarMetricChart as aS,
+  RadialBarMetricChart as aT,
+  Rating as aU,
+  ResizableHandle as aV,
+  ResizablePanel as aW,
+  ResizablePanelGroup as aX,
+  RouteMap as aY,
+  Search as aZ,
+  Sheet as a_,
+  FormMessage as aa,
+  GaugeChart as ab,
+  HorizontalBarChart as ac,
+  HoverCard as ad,
+  HoverCardContent as ae,
+  HoverCardTrigger as af,
+  InputOTP as ag,
+  InputOTPGroup as ah,
+  InputOTPSeparator as ai,
+  InputOTPSlot as aj,
+  InteractiveTimeSeriesChart as ak,
+  Menubar as al,
+  MenubarCheckboxItem as am,
+  MenubarContent as an,
+  MenubarGroup as ao,
+  MenubarItem as ap,
+  MenubarLabel as aq,
+  MenubarMenu as ar,
+  MenubarPortal as as,
+  MenubarRadioGroup as at,
+  MenubarRadioItem as au,
+  MenubarSeparator as av,
+  MenubarShortcut as aw,
+  MenubarSub as ax,
+  MenubarSubContent as ay,
+  MenubarSubTrigger as az,
+  AccordionItem as b,
+  SheetClose as b0,
+  SheetContent as b1,
+  SheetDescription as b2,
+  SheetFooter as b3,
+  SheetHeader as b4,
+  SheetPortal as b5,
+  SheetTitle as b6,
+  SheetTrigger as b7,
+  SimpleMap as b8,
+  Skeleton as b9,
+  navigationMenuTriggerStyle as bA,
+  toggleVariants as bB,
+  useFormField as bC,
+  useStepperContext as bD,
+  SparklineChart as ba,
+  StatsCard as bb,
+  Step as bc,
+  Stepper as bd,
+  Timeline as be,
+  TimelineContent as bf,
+  TimelineDescription as bg,
+  TimelineDot as bh,
+  TimelineHeading as bi,
+  TimelineItem as bj,
+  TimelineTime as bk,
+  Toggle as bl,
+  ToggleGroup as bm,
+  ToggleGroupItem as bn,
+  TreeView as bo,
+  buildChartConfig as bp,
+  defaultFilterData as bq,
+  formatTick as br,
+  getBarSize as bs,
+  getChartConfigWithColors as bt,
+  getChartSeries as bu,
+  getChartState as bv,
+  getErrorDescription as bw,
+  getSeriesColor as bx,
+  hasChartData as by,
+  hasPieData as bz,
+  AccordionTrigger as c,
+  AreaGradientDefs as d,
+  AspectRatio as e,
+  AssistantChart as f,
+  CalendarDayButton as g,
+  Carousel as h,
+  CarouselContent as i,
+  CarouselItem as j,
+  CarouselNext as k,
+  CarouselPrevious as l,
+  ChartCard as m,
+  Collapsible as n,
+  CollapsibleContent as o,
+  CollapsibleTrigger as p,
+  ComboMetricChart as q,
+  Command as r,
+  CommandDialog as s,
+  CommandEmpty as t,
+  CommandGroup as u,
+  CommandInput as v,
+  CommandItem as w,
+  CommandList as x,
+  CommandSeparator as y,
+  CommandShortcut as z
+};