@squadbase/vantage 0.6.2-dev1.ac99e02 → 0.6.2-dev1.d7c0911

package/dist/chunk-AG6RZ2RR.js

@@ -1,3208 +0,0 @@
-import { SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarFooter, SidebarRail, SidebarInset, SidebarTrigger, Separator, Tooltip, TooltipTrigger, TooltipContent, Input, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, useIsMobile, Popover, PopoverTrigger, PopoverContent, Calendar, ToggleGroup, ToggleGroupItem, Badge, SelectGroup, SelectLabel, Collapsible, CollapsibleTrigger, SidebarMenuButton, SidebarMenuBadge, CollapsibleContent, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, SidebarMenuItem, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Skeleton, Checkbox } from './chunk-OB6UBJXF.js';
-import { Button } from './chunk-PXRX5PEC.js';
-import { cn } from './chunk-A2UUGASH.js';
-import { forwardRef, useRef, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1, createContext, useId, useContext } from 'react';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Check, Copy, Download, Search, ArrowUp, ArrowDown, ArrowUpDown, Columns3, CalendarIcon, ChevronDownIcon, Minus, ChevronRight, XIcon, LoaderIcon, CheckIcon, ChevronDown, X } from 'lucide-react';
-import * as echarts from 'echarts';
-import { flexRender, useReactTable, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
-import { format, endOfDay, startOfDay, subDays, startOfMonth, subMonths, endOfMonth } from 'date-fns';
-import { ja } from 'date-fns/locale';
-
-// @squadbase/vantage — generated build. Do not edit.
-var PageShell = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "page-shell", className: cn("flex flex-col", className), ...props })
-);
-PageShell.displayName = "PageShell";
-var PageShellHeader = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "page-shell-header",
-      className: cn("flex flex-wrap items-start gap-x-4 gap-y-6 border-b px-6 py-12", className),
-      ...props
-    }
-  )
-);
-PageShellHeader.displayName = "PageShellHeader";
-var PageShellHeading = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "page-shell-heading",
-      className: cn("min-w-0 grow basis-80", className),
-      ...props
-    }
-  )
-);
-PageShellHeading.displayName = "PageShellHeading";
-var PageShellTitle = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "h1",
-    {
-      ref,
-      "data-slot": "page-shell-title",
-      className: cn("text-2xl font-bold tracking-tight text-foreground", className),
-      ...props
-    }
-  )
-);
-PageShellTitle.displayName = "PageShellTitle";
-var PageShellDescription = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "p",
-    {
-      ref,
-      "data-slot": "page-shell-description",
-      className: cn("mt-1 text-sm text-muted-foreground", className),
-      ...props
-    }
-  )
-);
-PageShellDescription.displayName = "PageShellDescription";
-var PageShellHeaderEnd = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "page-shell-header-end",
-      className: cn("flex max-w-full shrink-0 flex-col flex-wrap items-end gap-2", className),
-      ...props
-    }
-  )
-);
-PageShellHeaderEnd.displayName = "PageShellHeaderEnd";
-var PageShellMeta = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "page-shell-meta",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  )
-);
-PageShellMeta.displayName = "PageShellMeta";
-var PageShellActions = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "page-shell-actions",
-      className: cn("flex items-center gap-2", className),
-      ...props
-    }
-  )
-);
-PageShellActions.displayName = "PageShellActions";
-var PageShellSummary = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "page-shell-summary",
-      className: cn(
-        "grid basis-full grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-        className
-      ),
-      ...props
-    }
-  )
-);
-PageShellSummary.displayName = "PageShellSummary";
-var pageShellSummaryCardVariants = cva(
-  "relative flex items-start gap-3 rounded-lg border bg-background px-4 py-3 text-sm [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0",
-  {
-    variants: {
-      accent: {
-        default: "text-card-foreground",
-        accent: "border-[var(--chart-1)]/30 bg-linear-to-r from-[var(--chart-1)]/5 to-[var(--chart-1)]/5 [&>svg]:text-[var(--chart-1)]",
-        amber: "border-amber-300 bg-amber-50 [&>svg]:text-amber-600 dark:border-amber-800 dark:bg-amber-950/50 dark:[&>svg]:text-amber-400",
-        blue: "border-blue-300 bg-blue-50 [&>svg]:text-blue-600 dark:border-blue-800 dark:bg-blue-950/50 dark:[&>svg]:text-blue-400",
-        emerald: "border-emerald-300 bg-emerald-50 [&>svg]:text-emerald-600 dark:border-emerald-800 dark:bg-emerald-950/50 dark:[&>svg]:text-emerald-400",
-        red: "border-red-300 bg-red-50 [&>svg]:text-red-600 dark:border-red-800 dark:bg-red-950/50 dark:[&>svg]:text-red-400",
-        violet: "border-violet-300 bg-violet-50 [&>svg]:text-violet-600 dark:border-violet-800 dark:bg-violet-950/50 dark:[&>svg]:text-violet-400",
-        orange: "border-orange-300 bg-orange-50 [&>svg]:text-orange-600 dark:border-orange-800 dark:bg-orange-950/50 dark:[&>svg]:text-orange-400",
-        cyan: "border-cyan-300 bg-cyan-50 [&>svg]:text-cyan-600 dark:border-cyan-800 dark:bg-cyan-950/50 dark:[&>svg]:text-cyan-400",
-        slate: "border-slate-300 bg-slate-50 [&>svg]:text-slate-600 dark:border-slate-800 dark:bg-slate-950/50 dark:[&>svg]:text-slate-400",
-        green: "border-green-300 bg-green-50 [&>svg]:text-green-600 dark:border-green-800 dark:bg-green-950/50 dark:[&>svg]:text-green-400",
-        teal: "border-teal-300 bg-teal-50 [&>svg]:text-teal-600 dark:border-teal-800 dark:bg-teal-950/50 dark:[&>svg]:text-teal-400",
-        sky: "border-sky-300 bg-sky-50 [&>svg]:text-sky-600 dark:border-sky-800 dark:bg-sky-950/50 dark:[&>svg]:text-sky-400",
-        indigo: "border-indigo-300 bg-indigo-50 [&>svg]:text-indigo-600 dark:border-indigo-800 dark:bg-indigo-950/50 dark:[&>svg]:text-indigo-400",
-        purple: "border-purple-300 bg-purple-50 [&>svg]:text-purple-600 dark:border-purple-800 dark:bg-purple-950/50 dark:[&>svg]:text-purple-400",
-        pink: "border-pink-300 bg-pink-50 [&>svg]:text-pink-600 dark:border-pink-800 dark:bg-pink-950/50 dark:[&>svg]:text-pink-400",
-        rose: "border-rose-300 bg-rose-50 [&>svg]:text-rose-600 dark:border-rose-800 dark:bg-rose-950/50 dark:[&>svg]:text-rose-400",
-        yellow: "border-yellow-300 bg-yellow-50 [&>svg]:text-yellow-600 dark:border-yellow-800 dark:bg-yellow-950/50 dark:[&>svg]:text-yellow-400",
-        lime: "border-lime-300 bg-lime-50 [&>svg]:text-lime-600 dark:border-lime-800 dark:bg-lime-950/50 dark:[&>svg]:text-lime-400",
-        gray: "border-gray-300 bg-gray-50 [&>svg]:text-gray-600 dark:border-gray-800 dark:bg-gray-950/50 dark:[&>svg]:text-gray-400",
-        zinc: "border-zinc-300 bg-zinc-50 [&>svg]:text-zinc-600 dark:border-zinc-800 dark:bg-zinc-950/50 dark:[&>svg]:text-zinc-400",
-        neutral: "border-neutral-300 bg-neutral-50 [&>svg]:text-neutral-600 dark:border-neutral-800 dark:bg-neutral-950/50 dark:[&>svg]:text-neutral-400",
-        stone: "border-stone-300 bg-stone-50 [&>svg]:text-stone-600 dark:border-stone-800 dark:bg-stone-950/50 dark:[&>svg]:text-stone-400",
-        fuchsia: "border-fuchsia-300 bg-fuchsia-50 [&>svg]:text-fuchsia-600 dark:border-fuchsia-800 dark:bg-fuchsia-950/50 dark:[&>svg]:text-fuchsia-400"
-      }
-    },
-    defaultVariants: {
-      accent: "default"
-    }
-  }
-);
-var PageShellSummaryCard = forwardRef(
-  ({ className, accent, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "page-shell-summary-card",
-      className: cn(pageShellSummaryCardVariants({ accent }), className),
-      ...props
-    }
-  )
-);
-PageShellSummaryCard.displayName = "PageShellSummaryCard";
-var PageShellContent = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "page-shell-content",
-      className: cn("flex-1 p-6", className),
-      ...props
-    }
-  )
-);
-PageShellContent.displayName = "PageShellContent";
-function flattenItems(item) {
-  if (item.children && item.children.length > 0) {
-    return item.children.flatMap(flattenItems);
-  }
-  return [item];
-}
-function NavSelect({
-  groups,
-  onNavigate
-}) {
-  const allItems = groups.flatMap((g) => g.items.flatMap(flattenItems));
-  const currentValue = allItems.find((item) => item.isActive)?.href ?? "";
-  return /* @__PURE__ */ jsxs(
-    Select,
-    {
-      value: currentValue,
-      onValueChange: (href) => {
-        if (href !== null) onNavigate(href);
-      },
-      children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-48", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u30DA\u30FC\u30B8\u3092\u9078\u629E" }) }),
-        /* @__PURE__ */ jsx(
-          SelectContent,
-          {
-            align: "start",
-            className: "w-auto min-w-(--anchor-width) max-w-[min(24rem,var(--available-width))]",
-            children: groups.map((group, index) => /* @__PURE__ */ jsxs(SelectGroup, { children: [
-              group.label && /* @__PURE__ */ jsx(SelectLabel, { children: group.label }),
-              group.items.flatMap(flattenItems).map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.href, disabled: item.disabled, children: item.label }, item.href))
-            ] }, group.label ?? index))
-          }
-        )
-      ]
-    }
-  );
-}
-function NavItemWithChildren({
-  item,
-  linkComponent: LinkComponent = "a"
-}) {
-  return /* @__PURE__ */ jsxs(
-    Collapsible,
-    {
-      defaultOpen: item.isActive,
-      className: "group/collapsible",
-      render: /* @__PURE__ */ jsx(SidebarMenuItem, {}),
-      children: [
-        /* @__PURE__ */ jsxs(
-          CollapsibleTrigger,
-          {
-            render: /* @__PURE__ */ jsx(
-              SidebarMenuButton,
-              {
-                tooltip: item.label,
-                "aria-disabled": item.disabled,
-                className: cn(item.disabled && "pointer-events-none")
-              }
-            ),
-            children: [
-              item.icon && /* @__PURE__ */ jsx(item.icon, {}),
-              /* @__PURE__ */ jsx("span", { children: item.label }),
-              /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-open/collapsible:rotate-90" })
-            ]
-          }
-        ),
-        item.badge && /* @__PURE__ */ jsx(SidebarMenuBadge, { children: item.badge }),
-        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, { children: item.children.map((child) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs(
-          SidebarMenuSubButton,
-          {
-            isActive: child.isActive,
-            render: /* @__PURE__ */ jsx(
-              LinkComponent,
-              {
-                href: child.href,
-                "aria-disabled": child.disabled,
-                tabIndex: child.disabled ? -1 : void 0,
-                className: cn(child.disabled && "pointer-events-none opacity-50")
-              }
-            ),
-            children: [
-              child.icon && /* @__PURE__ */ jsx(child.icon, {}),
-              /* @__PURE__ */ jsx("span", { children: child.label })
-            ]
-          }
-        ) }, child.href)) }) })
-      ]
-    }
-  );
-}
-function NavItemLink({
-  item,
-  linkComponent: LinkComponent = "a"
-}) {
-  return /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [
-    /* @__PURE__ */ jsxs(
-      SidebarMenuButton,
-      {
-        tooltip: item.label,
-        isActive: item.isActive,
-        render: /* @__PURE__ */ jsx(
-          LinkComponent,
-          {
-            href: item.href,
-            "aria-disabled": item.disabled,
-            tabIndex: item.disabled ? -1 : void 0,
-            className: cn(item.disabled && "pointer-events-none")
-          }
-        ),
-        children: [
-          item.icon && /* @__PURE__ */ jsx(item.icon, {}),
-          /* @__PURE__ */ jsx("span", { children: item.label })
-        ]
-      }
-    ),
-    item.badge && /* @__PURE__ */ jsx(SidebarMenuBadge, { children: item.badge })
-  ] });
-}
-var defaultNavigate = (href) => {
-  window.location.assign(href);
-};
-var AppShell = forwardRef((props, ref) => {
-  const {
-    variant = "sidebar",
-    groups,
-    actions,
-    header,
-    children,
-    className,
-    linkComponent,
-    onNavigate = defaultNavigate
-  } = props;
-  if (variant === "header") {
-    return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "app-shell", className: cn("flex h-full flex-col", className), children: [
-      header !== void 0 ? header : /* @__PURE__ */ jsxs("header", { className: "flex h-14 shrink-0 items-center gap-3 border-b px-4", children: [
-        groups.length > 0 && /* @__PURE__ */ jsx(NavSelect, { groups, onNavigate }),
-        actions && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-2", children: actions })
-      ] }),
-      /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto", children })
-    ] });
-  }
-  const { defaultOpen = true } = props;
-  return /* @__PURE__ */ jsxs(SidebarProvider, { defaultOpen, children: [
-    /* @__PURE__ */ jsxs(Sidebar, { "data-slot": "app-sidebar", collapsible: "offcanvas", children: [
-      /* @__PURE__ */ jsx(SidebarContent, { children: groups.map((group, index) => /* @__PURE__ */ jsxs(SidebarGroup, { children: [
-        group.label && /* @__PURE__ */ jsx(SidebarGroupLabel, { children: group.label }),
-        /* @__PURE__ */ jsx(SidebarMenu, { children: group.items.map(
-          (item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(
-            NavItemWithChildren,
-            {
-              item,
-              linkComponent
-            },
-            item.href
-          ) : /* @__PURE__ */ jsx(NavItemLink, { item, linkComponent }, item.href)
-        ) })
-      ] }, group.label ?? index)) }),
-      actions && /* @__PURE__ */ jsx(SidebarFooter, { children: actions }),
-      /* @__PURE__ */ jsx(SidebarRail, {})
-    ] }),
-    /* @__PURE__ */ jsxs(SidebarInset, { ref, "data-slot": "app-shell", className, children: [
-      header !== void 0 ? header : /* @__PURE__ */ jsxs("header", { className: "flex h-14 shrink-0 items-center gap-2 border-b px-4", children: [
-        /* @__PURE__ */ jsx(SidebarTrigger, {}),
-        /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-4" })
-      ] }),
-      /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto", children })
-    ] })
-  ] });
-});
-AppShell.displayName = "AppShell";
-var headingStyles = {
-  h1: "text-3xl font-bold tracking-tight",
-  h2: "text-2xl font-semibold tracking-tight",
-  h3: "text-xl font-semibold",
-  h4: "text-lg font-semibold"
-};
-var SectionHeader = forwardRef(
-  ({ title, description, actions, className, as: Comp = "h2" }, ref) => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      "data-slot": "section-header",
-      className: cn("flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between", className),
-      children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Comp, { className: headingStyles[Comp], children: title }),
-          description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
-        ] }),
-        actions && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: actions })
-      ]
-    }
-  )
-);
-SectionHeader.displayName = "SectionHeader";
-var DashboardCard = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "dashboard-card",
-      className: cn(
-        "group rounded-lg border bg-card px-1 py-1 text-card-foreground",
-        className
-      ),
-      ...props
-    }
-  )
-);
-DashboardCard.displayName = "DashboardCard";
-var DashboardCardHeader = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "dashboard-card-header",
-      className: cn("flex flex-row items-start justify-between gap-4 px-3 py-3", className),
-      ...props
-    }
-  )
-);
-DashboardCardHeader.displayName = "DashboardCardHeader";
-var DashboardCardTitle = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "h3",
-    {
-      ref,
-      "data-slot": "dashboard-card-title",
-      className: cn("text-sm leading-none font-semibold tracking-tight", className),
-      ...props
-    }
-  )
-);
-DashboardCardTitle.displayName = "DashboardCardTitle";
-var DashboardCardDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "p",
-  {
-    ref,
-    "data-slot": "dashboard-card-description",
-    className: cn("text-xs text-muted-foreground", className),
-    ...props
-  }
-));
-DashboardCardDescription.displayName = "DashboardCardDescription";
-var DashboardCardAction = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "dashboard-card-action",
-      className: cn("ml-auto shrink-0", className),
-      ...props
-    }
-  )
-);
-DashboardCardAction.displayName = "DashboardCardAction";
-var DashboardCardContent = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "dashboard-card-content", className: cn("p-3", className), ...props })
-);
-DashboardCardContent.displayName = "DashboardCardContent";
-var DashboardCardFooter = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "dashboard-card-footer",
-      className: cn("flex items-center px-3 py-1.5", className),
-      ...props
-    }
-  )
-);
-DashboardCardFooter.displayName = "DashboardCardFooter";
-function DashboardCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "dashboard-card-skeleton",
-      className: cn("rounded-lg border bg-card p-6 shadow-sm", className),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 pb-4", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-32" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-md" })
-        ] }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-4 w-3/4" })
-      ]
-    }
-  );
-}
-function DashboardCardPreset({
-  title,
-  description,
-  actions,
-  footer,
-  children,
-  headerClassName,
-  contentClassName,
-  footerClassName,
-  className,
-  ...props
-}) {
-  const hasHeader = title || description || actions;
-  return /* @__PURE__ */ jsxs(DashboardCard, { className, ...props, children: [
-    hasHeader && /* @__PURE__ */ jsxs(DashboardCardHeader, { className: headerClassName, children: [
-      (title || description) && /* @__PURE__ */ jsxs("div", { children: [
-        title && /* @__PURE__ */ jsx(DashboardCardTitle, { children: title }),
-        description && /* @__PURE__ */ jsx(DashboardCardDescription, { children: description })
-      ] }),
-      actions && /* @__PURE__ */ jsx(DashboardCardAction, { children: actions })
-    ] }),
-    children && /* @__PURE__ */ jsx(DashboardCardContent, { className: contentClassName, children }),
-    footer && /* @__PURE__ */ jsx(DashboardCardFooter, { className: footerClassName, children: footer })
-  ] });
-}
-var SERIES_TOKENS = ["--chart-1", "--chart-2", "--chart-3", "--chart-4", "--chart-5"];
-var normalizeContext;
-var ZRENDER_COLOR_RE = /^(?:#[0-9a-f]{6}|rgba?\()/i;
-function toCanvasColor(value) {
-  const raw = value.trim();
-  if (!raw) return null;
-  if (normalizeContext === void 0) {
-    const canvas = document.createElement("canvas");
-    canvas.width = 1;
-    canvas.height = 1;
-    normalizeContext = canvas.getContext("2d", { willReadFrequently: true });
-  }
-  const ctx = normalizeContext;
-  if (!ctx) return raw;
-  ctx.fillStyle = "#000000";
-  ctx.fillStyle = raw;
-  const onBlack = ctx.fillStyle;
-  ctx.fillStyle = "#ffffff";
-  ctx.fillStyle = raw;
-  if (onBlack !== ctx.fillStyle || typeof onBlack !== "string") return null;
-  if (ZRENDER_COLOR_RE.test(onBlack)) return onBlack;
-  ctx.clearRect(0, 0, 1, 1);
-  ctx.fillRect(0, 0, 1, 1);
-  const [r = 0, g = 0, b = 0, a = 0] = ctx.getImageData(0, 0, 1, 1).data;
-  return a === 255 ? `rgb(${r}, ${g}, ${b})` : `rgba(${r}, ${g}, ${b}, ${Math.round(a / 255 * 1e3) / 1e3})`;
-}
-function readChartTokens(el) {
-  if (typeof document === "undefined") return null;
-  const target = document.documentElement;
-  if (!target) return null;
-  const styles = getComputedStyle(target);
-  const read = (name) => toCanvasColor(styles.getPropertyValue(name));
-  const series = [];
-  for (const token of SERIES_TOKENS) {
-    const color = read(token);
-    if (color) series.push(color);
-  }
-  return {
-    series,
-    foreground: read("--foreground"),
-    mutedForeground: read("--muted-foreground"),
-    border: read("--border"),
-    popover: read("--popover"),
-    popoverForeground: read("--popover-foreground")
-  };
-}
-function sameChartTokens(a, b) {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  return a.series.length === b.series.length && a.series.every((color, i) => color === b.series[i]) && a.foreground === b.foreground && a.mutedForeground === b.mutedForeground && a.border === b.border && a.popover === b.popover && a.popoverForeground === b.popoverForeground;
-}
-function watchChartTokens(onChange) {
-  if (typeof document === "undefined") return () => {
-  };
-  let frame = 0;
-  const schedule = () => {
-    if (frame) return;
-    frame = requestAnimationFrame(() => {
-      frame = 0;
-      onChange();
-    });
-  };
-  const themeObserver = new MutationObserver(schedule);
-  const attributeFilter = ["class", "style", "data-theme"];
-  themeObserver.observe(document.documentElement, { attributes: true, attributeFilter });
-  if (document.body) themeObserver.observe(document.body, { attributes: true, attributeFilter });
-  const styleObserver = new MutationObserver(schedule);
-  if (document.head) {
-    styleObserver.observe(document.head, {
-      childList: true,
-      subtree: true,
-      characterData: true,
-      attributes: true,
-      attributeFilter: ["href", "media", "disabled"]
-    });
-  }
-  const onLoad = (event) => {
-    if (event.target instanceof HTMLLinkElement) schedule();
-  };
-  document.addEventListener("load", onLoad, true);
-  const media = window.matchMedia("(prefers-color-scheme: dark)");
-  media.addEventListener("change", schedule);
-  return () => {
-    if (frame) cancelAnimationFrame(frame);
-    themeObserver.disconnect();
-    styleObserver.disconnect();
-    document.removeEventListener("load", onLoad, true);
-    media.removeEventListener("change", schedule);
-  };
-}
-function axisTheme(tokens, splitLine) {
-  const line = tokens.border ?? void 0;
-  return {
-    axisLine: { show: true, lineStyle: { color: line } },
-    axisTick: { show: true, lineStyle: { color: line } },
-    axisLabel: { show: true, color: tokens.mutedForeground ?? void 0 },
-    splitLine: { show: splitLine, lineStyle: { color: line ? [line] : void 0 } },
-    splitArea: { show: false }
-  };
-}
-function buildChartTheme(tokens) {
-  const text = tokens.foreground ?? void 0;
-  const muted = tokens.mutedForeground ?? void 0;
-  const line = tokens.border ?? void 0;
-  return {
-    // Let the page background show through: charts sit on cards, not on a canvas.
-    backgroundColor: "transparent",
-    ...tokens.series.length > 0 ? { color: tokens.series } : {},
-    textStyle: { color: text },
-    title: { textStyle: { color: text }, subtextStyle: { color: muted } },
-    legend: { textStyle: { color: muted } },
-    categoryAxis: axisTheme(tokens, false),
-    valueAxis: axisTheme(tokens, true),
-    logAxis: axisTheme(tokens, true),
-    timeAxis: axisTheme(tokens, true),
-    tooltip: {
-      backgroundColor: tokens.popover ?? void 0,
-      borderColor: line,
-      borderWidth: 1,
-      textStyle: { color: tokens.popoverForeground ?? void 0 },
-      axisPointer: { lineStyle: { color: line }, crossStyle: { color: line } }
-    }
-  };
-}
-function useChartTokens() {
-  const [tokens, setTokens] = useState(() => readChartTokens());
-  useEffect(() => {
-    const sync = () => {
-      setTokens((prev) => {
-        const next = readChartTokens();
-        return sameChartTokens(prev, next) ? prev : next;
-      });
-    };
-    sync();
-    return watchChartTokens(sync);
-  }, []);
-  return tokens;
-}
-var SERIES_TOKEN_NAME_RE = /^chart-([1-5])$/;
-var CSS_VAR_RE = /^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/;
-function resolveChartColors(colors, tokens) {
-  return colors.map((color) => {
-    const token = SERIES_TOKEN_NAME_RE.exec(color.trim());
-    if (token) return tokens?.series[Number(token[1]) - 1] ?? "";
-    if (typeof document === "undefined") return color;
-    let value = color.trim();
-    const cssVar = CSS_VAR_RE.exec(value);
-    if (cssVar) {
-      const styles = getComputedStyle(document.documentElement);
-      value = styles.getPropertyValue(cssVar[1]).trim() || (cssVar[2] ?? "").trim();
-    }
-    return toCanvasColor(value) ?? "";
-  });
-}
-var EChart = forwardRef(function EChart2({
-  option,
-  height,
-  loading = false,
-  theme,
-  onEvents,
-  ariaLabel,
-  className,
-  actions = false,
-  fileName = "chart.png"
-}, ref) {
-  const containerRef = useRef(null);
-  const [instance, setInstance] = useState(null);
-  const [copied, setCopied] = useState(false);
-  const [tokens, setTokens] = useState(() => readChartTokens());
-  useEffect(() => {
-    if (theme !== void 0) return;
-    const sync = () => {
-      setTokens((prev) => {
-        const next = readChartTokens();
-        return sameChartTokens(prev, next) ? prev : next;
-      });
-    };
-    sync();
-    return watchChartTokens(sync);
-  }, [theme]);
-  const autoTheme = useMemo(() => tokens ? buildChartTheme(tokens) : void 0, [tokens]);
-  const resolvedTheme = theme ?? autoTheme;
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    const inst = echarts.init(container, resolvedTheme, { renderer: "canvas" });
-    container.dataset.rendering = "";
-    inst.on("finished", () => {
-      delete container.dataset.rendering;
-    });
-    setInstance(inst);
-    const observer = new ResizeObserver(() => inst.resize());
-    observer.observe(container);
-    return () => {
-      observer.disconnect();
-      inst.dispose();
-    };
-  }, [resolvedTheme]);
-  useEffect(() => {
-    if (!instance) return;
-    if (containerRef.current) containerRef.current.dataset.rendering = "";
-    instance.setOption(option, { notMerge: true, lazyUpdate: true });
-  }, [instance, option]);
-  useEffect(() => {
-    if (!instance) return;
-    if (loading) instance.showLoading();
-    else instance.hideLoading();
-  }, [instance, loading]);
-  useEffect(() => {
-    if (!instance || !onEvents) return;
-    const entries = Object.entries(onEvents);
-    for (const [event, handler] of entries) {
-      instance.on(event, handler);
-    }
-    return () => {
-      if (instance.isDisposed()) return;
-      for (const [event, handler] of entries) {
-        instance.off(event, handler);
-      }
-    };
-  }, [instance, onEvents]);
-  const getPngDataUrl = useCallback(() => {
-    if (!instance) return null;
-    const pageBg = getComputedStyle(document.documentElement).backgroundColor;
-    return instance.getDataURL({
-      type: "png",
-      pixelRatio: 2,
-      backgroundColor: pageBg && pageBg !== "rgba(0, 0, 0, 0)" ? pageBg : "#ffffff"
-    });
-  }, [instance]);
-  const handleCopy = useCallback(async () => {
-    const dataUrl = getPngDataUrl();
-    if (!dataUrl) return;
-    try {
-      const blob = await (await fetch(dataUrl)).blob();
-      await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
-  }, [getPngDataUrl]);
-  const handleDownload = useCallback(() => {
-    const dataUrl = getPngDataUrl();
-    if (!dataUrl) return;
-    const link = document.createElement("a");
-    link.href = dataUrl;
-    link.download = fileName;
-    link.click();
-  }, [getPngDataUrl, fileName]);
-  const styleHeight = height == null ? void 0 : typeof height === "number" ? `${height}px` : height;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      "data-slot": "echart",
-      className: cn("group relative w-full", height == null && "h-[400px]", className),
-      style: styleHeight != null ? { height: styleHeight } : void 0,
-      role: "img",
-      "aria-label": ariaLabel ?? "\u30C1\u30E3\u30FC\u30C8",
-      children: [
-        /* @__PURE__ */ jsx("div", { ref: containerRef, "data-slot": "echart-canvas", className: "h-full w-full" }),
-        actions && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            "data-slot": "echart-actions",
-            className: "absolute top-2 right-2 z-10 flex gap-1 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100",
-            children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon-sm",
-                  onClick: handleCopy,
-                  "aria-label": copied ? "\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F" : "PNG \u3092\u30AF\u30EA\u30C3\u30D7\u30DC\u30FC\u30C9\u306B\u30B3\u30D4\u30FC",
-                  children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-4" }) : /* @__PURE__ */ jsx(Copy, { className: "size-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon-sm",
-                  onClick: handleDownload,
-                  "aria-label": "PNG \u3092\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9",
-                  children: /* @__PURE__ */ jsx(Download, { className: "size-4" })
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-});
-EChart.displayName = "EChart";
-
-// src/components/chart-utils.ts
-var DEFAULT_CHART_COLORS = [
-  "chart-1",
-  "chart-2",
-  "chart-3",
-  "chart-4",
-  "chart-5"
-];
-var TOKEN_NAME_RE = /^chart-[1-5]$/;
-function chartColorToCss(color) {
-  const value = color.trim();
-  return TOKEN_NAME_RE.test(value) ? `var(--${value})` : value;
-}
-function chartColorAt(colors, i) {
-  const palette = colors && colors.length > 0 ? colors : DEFAULT_CHART_COLORS;
-  return palette[i % palette.length];
-}
-function chartColorsFor(colors, count) {
-  return Array.from({ length: count }, (_, i) => chartColorAt(colors, i));
-}
-function tintCss(cssColor, percent) {
-  return `color-mix(in oklab, ${cssColor} ${percent}%, transparent)`;
-}
-var numberFormat = new Intl.NumberFormat("ja-JP", { maximumFractionDigits: 2 });
-var defaultValueFormatter = (value) => numberFormat.format(value);
-function clamp(value, min, max) {
-  return Math.min(max, Math.max(min, value));
-}
-function sortBarListData(data, sortOrder) {
-  const rows = [...data];
-  if (sortOrder === "ascending") rows.sort((a, b) => a.value - b.value);
-  else if (sortOrder === "descending") rows.sort((a, b) => b.value - a.value);
-  return rows;
-}
-function barListWidths(values) {
-  const max = Math.max(0, ...values);
-  if (max === 0) return values.map(() => 0);
-  return values.map((v) => v <= 0 ? 0 : Math.max(1, v / max * 100));
-}
-function categoryBarSegments(values) {
-  const clean = values.map((v) => Number.isFinite(v) && v > 0 ? v : 0);
-  const total = clean.reduce((sum, v) => sum + v, 0);
-  let running = 0;
-  return clean.map((v) => {
-    const start = total === 0 ? 0 : running / total * 100;
-    running += v;
-    return { width: total === 0 ? 0 : v / total * 100, start, end: running };
-  });
-}
-function categoryBarLabels(values, minGap = 8) {
-  const segments = categoryBarSegments(values).filter((s) => s.width > 0);
-  if (segments.length === 0) return [];
-  const labels = [{ position: 0, value: 0 }];
-  segments.forEach((s, i) => {
-    const label = { position: s.start + s.width, value: s.end };
-    const prev = labels[labels.length - 1];
-    if (label.position - prev.position >= minGap) labels.push(label);
-    else if (i === segments.length - 1 && labels.length > 1) labels[labels.length - 1] = label;
-  });
-  return labels;
-}
-function categoryBarMarkerPosition(value, values) {
-  const total = values.reduce((sum, v) => sum + (Number.isFinite(v) && v > 0 ? v : 0), 0);
-  if (total === 0) return 0;
-  return clamp(value / total * 100, 0, 100);
-}
-function categoryBarMarkerSegment(value, values) {
-  const segments = categoryBarSegments(values);
-  const index = segments.findIndex((s) => s.width > 0 && value <= s.end);
-  if (index !== -1) return index;
-  for (let i = segments.length - 1; i >= 0; i--) if (segments[i].width > 0) return i;
-  return 0;
-}
-function progressCircleGeometry(value, max, radius, strokeWidth) {
-  const ratio = max > 0 && Number.isFinite(value) ? clamp(value / max, 0, 1) : 0;
-  const normalizedRadius = Math.max(0, radius - strokeWidth / 2);
-  const circumference = 2 * Math.PI * normalizedRadius;
-  return { size: radius * 2, normalizedRadius, circumference, offset: circumference * (1 - ratio), ratio };
-}
-function cellNumber(value) {
-  if (typeof value === "number") return Number.isFinite(value) ? value : null;
-  if (typeof value === "bigint") return Number(value);
-  if (typeof value === "string" && value.trim() !== "") {
-    const n = Number(value);
-    return Number.isFinite(n) ? n : null;
-  }
-  return null;
-}
-function cartesianSeriesValues(data, categories, type = "default") {
-  const raw = categories.map((category) => data.map((row) => cellNumber(row[category])));
-  if (type !== "percent") return raw;
-  return raw.map(
-    (values) => values.map((value, i) => {
-      if (value === null) return null;
-      const total = categories.reduce((sum, _, k) => sum + Math.abs(raw[k][i] ?? 0), 0);
-      return total === 0 ? 0 : Math.abs(value) / total * 100;
-    })
-  );
-}
-function withAlpha(color, alpha) {
-  const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(color.trim());
-  if (hex) {
-    const h = hex[1];
-    const full = h.length === 3 ? h.replace(/./g, (c) => c + c) : h;
-    const n = Number.parseInt(full, 16);
-    return `rgba(${n >> 16 & 255}, ${n >> 8 & 255}, ${n & 255}, ${alpha})`;
-  }
-  const rgb = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i.exec(color.trim());
-  if (rgb) return `rgba(${rgb[1]}, ${rgb[2]}, ${rgb[3]}, ${alpha})`;
-  return color;
-}
-var HTML_ESCAPES = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
-function escapeHtml(value) {
-  return value.replace(/[&<>"']/g, (c) => HTML_ESCAPES[c]);
-}
-function tooltipHtml(title, rows, valueFormatter) {
-  const lines = rows.map(
-    (row) => `<div style="display:flex;align-items:center;gap:8px;line-height:20px"><span style="display:inline-block;width:8px;height:8px;border-radius:9999px;background:${escapeHtml(row.color)}"></span><span style="flex:1;opacity:.8">${escapeHtml(row.name)}</span><span style="font-weight:500;font-variant-numeric:tabular-nums;margin-left:12px">${row.value === null ? "\u2013" : escapeHtml(valueFormatter(row.value))}</span></div>`
-  );
-  return `<div style="font-weight:500;margin-bottom:4px">${escapeHtml(title)}</div>${lines.join("")}`;
-}
-var DIMMED = 0.3;
-function buildCartesianOption(cfg) {
-  const {
-    kind,
-    data,
-    index,
-    categories,
-    palette,
-    valueFormatter,
-    type = "default",
-    layout = "horizontal",
-    curveType = "linear",
-    fill = "gradient",
-    connectNulls = false,
-    showLegend = true,
-    showTooltip = true,
-    showGridLines = true,
-    showXAxis = true,
-    showYAxis = true,
-    startEndOnly = false,
-    yAxisWidth,
-    minValue,
-    maxValue,
-    autoMinValue = false,
-    allowDecimals = true,
-    xAxisLabel,
-    yAxisLabel,
-    barCategoryGap,
-    showDots = false,
-    active = null
-  } = cfg;
-  const labels = data.map((row) => String(row[index] ?? ""));
-  const values = cartesianSeriesValues(data, categories, kind === "line" ? "default" : type);
-  const stacked = kind !== "line" && type !== "default";
-  const percent = kind !== "line" && type === "percent";
-  const horizontalBars = kind === "bar" && layout === "vertical";
-  const last = labels.length - 1;
-  const series = categories.map((category, c) => {
-    const color = palette[c] || void 0;
-    const dimSeries = active !== null && active.category !== category;
-    if (kind === "bar") {
-      const radius = stacked ? 0 : horizontalBars ? [0, 3, 3, 0] : [3, 3, 0, 0];
-      return {
-        type: "bar",
-        name: category,
-        stack: stacked ? "total" : void 0,
-        barCategoryGap,
-        itemStyle: { color, borderRadius: radius },
-        emphasis: { focus: "series" },
-        data: values[c].map(
-          (value, i) => active !== null && !(active.category === category && active.index === i) ? { value, itemStyle: { opacity: DIMMED } } : value
-        )
-      };
-    }
-    const areaStyle = kind !== "area" || fill === "none" ? void 0 : fill === "solid" || !color ? { opacity: fill === "solid" ? 0.3 : 0.2 } : {
-      color: {
-        type: "linear",
-        x: 0,
-        y: 0,
-        x2: 0,
-        y2: 1,
-        colorStops: [
-          { offset: 0, color: withAlpha(color, 0.35) },
-          { offset: 1, color: withAlpha(color, 0) }
-        ]
-      }
-    };
-    return {
-      type: "line",
-      name: category,
-      stack: stacked ? "total" : void 0,
-      smooth: curveType === "smooth",
-      step: curveType === "step" ? "middle" : void 0,
-      connectNulls,
-      symbol: "circle",
-      symbolSize: 6,
-      showSymbol: showDots || labels.length === 1,
-      lineStyle: { width: 2, color, opacity: dimSeries ? DIMMED : 1 },
-      itemStyle: { color, opacity: dimSeries ? DIMMED : 1 },
-      areaStyle: areaStyle && dimSeries ? { ...areaStyle, opacity: DIMMED * 0.3 } : areaStyle,
-      emphasis: { focus: "series" },
-      data: values[c]
-    };
-  });
-  const categoryAxis = {
-    type: "category",
-    data: labels,
-    show: horizontalBars ? showYAxis : showXAxis,
-    boundaryGap: kind === "bar",
-    inverse: horizontalBars,
-    axisTick: { show: false },
-    axisLabel: {
-      hideOverlap: true,
-      interval: startEndOnly ? (i) => i === 0 || i === last : "auto",
-      ...horizontalBars && yAxisWidth != null ? { width: yAxisWidth, overflow: "truncate" } : {}
-    },
-    name: horizontalBars ? yAxisLabel : xAxisLabel,
-    nameLocation: "middle",
-    nameGap: horizontalBars ? (yAxisWidth ?? 48) + 8 : 28
-  };
-  const valueAxis = {
-    type: "value",
-    show: horizontalBars ? showXAxis : showYAxis,
-    min: percent ? 0 : minValue,
-    max: percent ? 100 : maxValue,
-    scale: autoMinValue && minValue == null,
-    minInterval: allowDecimals ? void 0 : 1,
-    axisLine: { show: false },
-    axisTick: { show: false },
-    splitLine: { show: showGridLines },
-    axisLabel: {
-      formatter: percent ? (v) => `${v}%` : (v) => valueFormatter(v),
-      ...!horizontalBars && yAxisWidth != null ? { width: yAxisWidth, overflow: "truncate" } : {}
-    },
-    name: horizontalBars ? xAxisLabel : yAxisLabel,
-    nameLocation: "middle",
-    nameGap: horizontalBars ? 28 : (yAxisWidth ?? 48) + 8
-  };
-  return {
-    animationDuration: 400,
-    legend: {
-      show: showLegend,
-      top: 0,
-      right: 0,
-      type: "scroll",
-      icon: "circle",
-      itemWidth: 8,
-      itemHeight: 8,
-      itemGap: 16
-    },
-    grid: {
-      top: showLegend ? 36 : 12,
-      // Lines start and end on the outermost ticks, so the last label hangs past the plot.
-      right: kind === "bar" ? 12 : 24,
-      bottom: xAxisLabel ? 24 : 4,
-      left: yAxisLabel ? 24 : 4,
-      containLabel: true
-    },
-    tooltip: {
-      show: showTooltip,
-      trigger: "axis",
-      axisPointer: { type: kind === "bar" ? "shadow" : "line" },
-      formatter: (params) => {
-        const list = Array.isArray(params) ? params : [params];
-        const i = list[0]?.dataIndex ?? 0;
-        const row = data[i] ?? {};
-        return tooltipHtml(
-          String(row[index] ?? ""),
-          list.map((p) => ({
-            name: p.seriesName ?? "",
-            color: typeof p.color === "string" ? p.color : "currentColor",
-            value: cellNumber(row[p.seriesName ?? ""])
-          })),
-          valueFormatter
-        );
-      }
-    },
-    xAxis: horizontalBars ? valueAxis : categoryAxis,
-    yAxis: horizontalBars ? categoryAxis : valueAxis,
-    series
-  };
-}
-function donutTotal(data, value) {
-  return data.reduce((sum, row) => {
-    const n = cellNumber(row[value]);
-    return n !== null && n > 0 ? sum + n : sum;
-  }, 0);
-}
-function buildDonutOption(cfg) {
-  const { data, category, value, palette, valueFormatter, variant = "donut", showTooltip = true, active = null } = cfg;
-  return {
-    animationDuration: 400,
-    tooltip: {
-      show: showTooltip,
-      trigger: "item",
-      formatter: (params) => {
-        const p = params;
-        const n = cellNumber(p.value);
-        const share = typeof p.percent === "number" ? ` (${p.percent.toFixed(1)}%)` : "";
-        return tooltipHtml(
-          `${p.name ?? ""}${share}`,
-          [{ name: value, color: typeof p.color === "string" ? p.color : "currentColor", value: n }],
-          valueFormatter
-        );
-      }
-    },
-    series: [
-      {
-        type: "pie",
-        radius: variant === "donut" ? ["72%", "100%"] : [0, "100%"],
-        center: ["50%", "50%"],
-        avoidLabelOverlap: true,
-        label: { show: false },
-        labelLine: { show: false },
-        // A hairline gap between slices instead of a border — no background colour to match.
-        padAngle: data.length > 1 ? 1 : 0,
-        itemStyle: { borderRadius: variant === "donut" ? 2 : 0 },
-        emphasis: { scale: true, scaleSize: 4 },
-        data: data.map((row, i) => {
-          const name = String(row[category] ?? "");
-          const color = palette[i] || void 0;
-          const n = cellNumber(row[value]);
-          return {
-            name,
-            value: n !== null && n > 0 ? n : 0,
-            itemStyle: { color, opacity: active !== null && active !== name ? DIMMED : 1 }
-          };
-        })
-      }
-    ]
-  };
-}
-function nextChartSelection(current, category, index) {
-  return current && current.category === category && current.index === index ? null : { category, index };
-}
-function chartSelectionPayload(selection, data, eventType) {
-  if (!selection) return null;
-  return { ...data[selection.index], eventType, categoryClicked: selection.category };
-}
-function useChartSelection(data, onValueChange, eventType) {
-  const [active, setActive] = useState(null);
-  const latest = useRef({ data, onValueChange, active });
-  latest.current = { data, onValueChange, active };
-  const interactive = onValueChange !== void 0;
-  const onEvents = useMemo(() => {
-    if (!interactive) return void 0;
-    return {
-      click: (raw) => {
-        const p = raw;
-        if (p.componentType !== "series" || typeof p.dataIndex !== "number") return;
-        const category = eventType === "slice" ? p.name ?? "" : p.seriesName ?? "";
-        const next = nextChartSelection(latest.current.active, category, p.dataIndex);
-        latest.current.active = next;
-        setActive(next);
-        latest.current.onValueChange?.(chartSelectionPayload(next, latest.current.data, eventType));
-      }
-    };
-  }, [interactive, eventType]);
-  return { active: interactive ? active : null, onEvents };
-}
-var AreaChart = forwardRef(function AreaChart2({
-  data,
-  index,
-  categories,
-  colors,
-  valueFormatter = defaultValueFormatter,
-  type = "default",
-  curveType = "linear",
-  fill = "gradient",
-  connectNulls = false,
-  showLegend = true,
-  showTooltip = true,
-  showGridLines = true,
-  showXAxis = true,
-  showYAxis = true,
-  startEndOnly = false,
-  yAxisWidth,
-  minValue,
-  maxValue,
-  autoMinValue = false,
-  allowDecimals = true,
-  xAxisLabel,
-  yAxisLabel,
-  onValueChange,
-  height,
-  loading,
-  ariaLabel,
-  className
-}, ref) {
-  const tokens = useChartTokens();
-  const palette = useMemo(
-    () => resolveChartColors(chartColorsFor(colors, categories.length), tokens),
-    [colors, categories.length, tokens]
-  );
-  const { active, onEvents } = useChartSelection(data, onValueChange, "dot");
-  const option = useMemo(
-    () => buildCartesianOption({
-      kind: "area",
-      data,
-      index,
-      categories,
-      palette,
-      valueFormatter,
-      type,
-      curveType,
-      fill,
-      connectNulls,
-      showLegend,
-      showTooltip,
-      showGridLines,
-      showXAxis,
-      showYAxis,
-      startEndOnly,
-      yAxisWidth,
-      minValue,
-      maxValue,
-      autoMinValue,
-      allowDecimals,
-      xAxisLabel,
-      yAxisLabel,
-      showDots: onValueChange !== void 0,
-      active
-    }),
-    [
-      data,
-      index,
-      categories,
-      palette,
-      valueFormatter,
-      type,
-      curveType,
-      fill,
-      connectNulls,
-      showLegend,
-      showTooltip,
-      showGridLines,
-      showXAxis,
-      showYAxis,
-      startEndOnly,
-      yAxisWidth,
-      minValue,
-      maxValue,
-      autoMinValue,
-      allowDecimals,
-      xAxisLabel,
-      yAxisLabel,
-      onValueChange,
-      active
-    ]
-  );
-  return /* @__PURE__ */ jsx(
-    EChart,
-    {
-      ref,
-      option,
-      onEvents,
-      height,
-      loading,
-      ariaLabel: ariaLabel ?? `${categories.join("\u30FB")}\u306E\u9762\u30B0\u30E9\u30D5`,
-      className: cn("h-80", className)
-    }
-  );
-});
-AreaChart.displayName = "AreaChart";
-var BarChart = forwardRef(function BarChart2({
-  data,
-  index,
-  categories,
-  colors,
-  valueFormatter = defaultValueFormatter,
-  type = "default",
-  layout = "horizontal",
-  barCategoryGap,
-  showLegend = true,
-  showTooltip = true,
-  showGridLines = true,
-  showXAxis = true,
-  showYAxis = true,
-  startEndOnly = false,
-  yAxisWidth,
-  minValue,
-  maxValue,
-  autoMinValue = false,
-  allowDecimals = true,
-  xAxisLabel,
-  yAxisLabel,
-  onValueChange,
-  height,
-  loading,
-  ariaLabel,
-  className
-}, ref) {
-  const tokens = useChartTokens();
-  const palette = useMemo(
-    () => resolveChartColors(chartColorsFor(colors, categories.length), tokens),
-    [colors, categories.length, tokens]
-  );
-  const { active, onEvents } = useChartSelection(data, onValueChange, "bar");
-  const option = useMemo(
-    () => buildCartesianOption({
-      kind: "bar",
-      data,
-      index,
-      categories,
-      palette,
-      valueFormatter,
-      type,
-      layout,
-      barCategoryGap,
-      showLegend,
-      showTooltip,
-      showGridLines,
-      showXAxis,
-      showYAxis,
-      startEndOnly,
-      yAxisWidth,
-      minValue,
-      maxValue,
-      autoMinValue,
-      allowDecimals,
-      xAxisLabel,
-      yAxisLabel,
-      active
-    }),
-    [
-      data,
-      index,
-      categories,
-      palette,
-      valueFormatter,
-      type,
-      layout,
-      barCategoryGap,
-      showLegend,
-      showTooltip,
-      showGridLines,
-      showXAxis,
-      showYAxis,
-      startEndOnly,
-      yAxisWidth,
-      minValue,
-      maxValue,
-      autoMinValue,
-      allowDecimals,
-      xAxisLabel,
-      yAxisLabel,
-      active
-    ]
-  );
-  return /* @__PURE__ */ jsx(
-    EChart,
-    {
-      ref,
-      option,
-      onEvents,
-      height,
-      loading,
-      ariaLabel: ariaLabel ?? `${categories.join("\u30FB")}\u306E\u68D2\u30B0\u30E9\u30D5`,
-      className: cn("h-80", className)
-    }
-  );
-});
-BarChart.displayName = "BarChart";
-var LineChart = forwardRef(function LineChart2({
-  data,
-  index,
-  categories,
-  colors,
-  valueFormatter = defaultValueFormatter,
-  curveType = "linear",
-  connectNulls = false,
-  showLegend = true,
-  showTooltip = true,
-  showGridLines = true,
-  showXAxis = true,
-  showYAxis = true,
-  startEndOnly = false,
-  yAxisWidth,
-  minValue,
-  maxValue,
-  autoMinValue = false,
-  allowDecimals = true,
-  xAxisLabel,
-  yAxisLabel,
-  onValueChange,
-  height,
-  loading,
-  ariaLabel,
-  className
-}, ref) {
-  const tokens = useChartTokens();
-  const palette = useMemo(
-    () => resolveChartColors(chartColorsFor(colors, categories.length), tokens),
-    [colors, categories.length, tokens]
-  );
-  const { active, onEvents } = useChartSelection(data, onValueChange, "dot");
-  const option = useMemo(
-    () => buildCartesianOption({
-      kind: "line",
-      data,
-      index,
-      categories,
-      palette,
-      valueFormatter,
-      curveType,
-      connectNulls,
-      showLegend,
-      showTooltip,
-      showGridLines,
-      showXAxis,
-      showYAxis,
-      startEndOnly,
-      yAxisWidth,
-      minValue,
-      maxValue,
-      autoMinValue,
-      allowDecimals,
-      xAxisLabel,
-      yAxisLabel,
-      showDots: onValueChange !== void 0,
-      active
-    }),
-    [
-      data,
-      index,
-      categories,
-      palette,
-      valueFormatter,
-      curveType,
-      connectNulls,
-      showLegend,
-      showTooltip,
-      showGridLines,
-      showXAxis,
-      showYAxis,
-      startEndOnly,
-      yAxisWidth,
-      minValue,
-      maxValue,
-      autoMinValue,
-      allowDecimals,
-      xAxisLabel,
-      yAxisLabel,
-      onValueChange,
-      active
-    ]
-  );
-  return /* @__PURE__ */ jsx(
-    EChart,
-    {
-      ref,
-      option,
-      onEvents,
-      height,
-      loading,
-      ariaLabel: ariaLabel ?? `${categories.join("\u30FB")}\u306E\u6298\u308C\u7DDA\u30B0\u30E9\u30D5`,
-      className: cn("h-80", className)
-    }
-  );
-});
-LineChart.displayName = "LineChart";
-var DonutChart = forwardRef(function DonutChart2({
-  data,
-  category,
-  value,
-  colors,
-  variant = "donut",
-  valueFormatter = defaultValueFormatter,
-  label,
-  showLabel = true,
-  showTooltip = true,
-  onValueChange,
-  loading,
-  ariaLabel,
-  className
-}, ref) {
-  const tokens = useChartTokens();
-  const palette = useMemo(
-    () => resolveChartColors(chartColorsFor(colors, data.length), tokens),
-    [colors, data.length, tokens]
-  );
-  const { active, onEvents } = useChartSelection(data, onValueChange, "slice");
-  const option = useMemo(
-    () => buildDonutOption({
-      data,
-      category,
-      value,
-      palette,
-      valueFormatter,
-      variant,
-      showTooltip,
-      active: active?.category ?? null
-    }),
-    [data, category, value, palette, valueFormatter, variant, showTooltip, active]
-  );
-  const centerLabel = label ?? valueFormatter(donutTotal(data, value));
-  return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "donut-chart", className: cn("relative size-40", className), children: [
-    /* @__PURE__ */ jsx(
-      EChart,
-      {
-        option,
-        onEvents,
-        loading,
-        ariaLabel: ariaLabel ?? `${category}\u5225\u306E${value}`,
-        className: "h-full"
-      }
-    ),
-    variant === "donut" && showLabel && /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-slot": "donut-chart-label",
-        className: "pointer-events-none absolute inset-0 flex items-center justify-center px-[18%] text-center text-lg font-semibold text-foreground tabular-nums",
-        children: centerLabel
-      }
-    )
-  ] });
-});
-DonutChart.displayName = "DonutChart";
-var BarList = forwardRef(function BarList2({
-  data,
-  valueFormatter = defaultValueFormatter,
-  sortOrder = "descending",
-  color = "chart-1",
-  showAnimation = false,
-  onValueChange,
-  className,
-  ...props
-}, ref) {
-  const [mounted, setMounted] = useState(!showAnimation);
-  useEffect(() => {
-    if (!showAnimation) return;
-    const frame = requestAnimationFrame(() => setMounted(true));
-    return () => cancelAnimationFrame(frame);
-  }, [showAnimation]);
-  const rows = sortBarListData(data, sortOrder);
-  const widths = barListWidths(rows.map((row) => row.value));
-  return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "bar-list", className: cn("flex justify-between gap-6 text-sm", className), ...props, children: [
-    /* @__PURE__ */ jsx("div", { className: "relative min-w-0 flex-1 space-y-1.5", children: rows.map((row, i) => {
-      const css = chartColorToCss(row.color ?? color);
-      const label = row.href ? /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: row.href,
-          target: /^https?:\/\//.test(row.href) ? "_blank" : void 0,
-          rel: /^https?:\/\//.test(row.href) ? "noreferrer" : void 0,
-          onClick: (event) => event.stopPropagation(),
-          className: "truncate hover:underline",
-          children: row.name
-        }
-      ) : /* @__PURE__ */ jsx("span", { className: "truncate", children: row.name });
-      const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            "data-slot": "bar-list-bar",
-            className: cn(
-              "absolute inset-y-0 left-0 rounded-sm",
-              showAnimation && "transition-[width] duration-700 ease-out"
-            ),
-            style: { width: `${mounted ? widths[i] : 0}%`, background: tintCss(css, 28) }
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "relative flex min-w-0 items-center px-2 text-foreground", children: label })
-      ] });
-      const rowClass = "relative flex h-8 w-full items-center rounded-sm";
-      return onValueChange ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "data-slot": "bar-list-row",
-          onClick: () => onValueChange(row),
-          className: cn(
-            rowClass,
-            "text-left outline-none hover:bg-muted/60 focus-visible:ring-2 focus-visible:ring-ring"
-          ),
-          children: content
-        },
-        row.key ?? row.name
-      ) : /* @__PURE__ */ jsx("div", { "data-slot": "bar-list-row", className: rowClass, children: content }, row.key ?? row.name);
-    }) }),
-    /* @__PURE__ */ jsx("div", { className: "shrink-0 space-y-1.5 text-right", children: rows.map((row) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "flex h-8 items-center justify-end font-medium text-foreground tabular-nums",
-        children: valueFormatter(row.value)
-      },
-      row.key ?? row.name
-    )) })
-  ] });
-});
-BarList.displayName = "BarList";
-var CategoryBar = forwardRef(function CategoryBar2({ values, colors, marker, showLabels = true, valueFormatter = defaultValueFormatter, className, ...props }, ref) {
-  const segments = categoryBarSegments(values);
-  const labels = showLabels ? categoryBarLabels(values) : [];
-  const markerPosition = marker ? categoryBarMarkerPosition(marker.value, values) : 0;
-  const markerColor = marker ? chartColorToCss(chartColorAt(colors, categoryBarMarkerSegment(marker.value, values))) : "";
-  const markerDot = /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: "block h-4 w-1 rounded-full ring-2 ring-background",
-      style: { background: markerColor }
-    }
-  );
-  return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "category-bar", className: cn("w-full", className), ...props, children: [
-    showLabels && labels.length > 0 && /* @__PURE__ */ jsx("div", { "data-slot": "category-bar-labels", className: "relative mb-2 h-4 text-xs text-muted-foreground tabular-nums", children: labels.map((label, i) => /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          "absolute top-0",
-          label.position <= 0 ? "left-0" : label.position >= 100 ? "right-0" : "-translate-x-1/2"
-        ),
-        style: label.position > 0 && label.position < 100 ? { left: `${label.position}%` } : void 0,
-        children: valueFormatter(label.value)
-      },
-      i
-    )) }),
-    /* @__PURE__ */ jsxs("div", { className: "relative flex h-2 w-full items-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex h-full w-full gap-0.5 overflow-hidden rounded-full", children: segments.map(
-        (segment, i) => segment.width > 0 ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            "data-slot": "category-bar-segment",
-            className: "h-full",
-            style: { flex: `${segment.width} 1 0%`, background: chartColorToCss(chartColorAt(colors, i)) }
-          },
-          i
-        ) : null
-      ) }),
-      marker && /* @__PURE__ */ jsx(
-        "div",
-        {
-          "data-slot": "category-bar-marker",
-          className: cn(
-            "absolute -translate-x-1/2",
-            marker.showAnimation && "transition-[left] duration-700 ease-out"
-          ),
-          style: { left: `${markerPosition}%` },
-          children: marker.tooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
-            /* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx("span", { "aria-label": marker.tooltip, className: "block py-1" }), children: markerDot }),
-            /* @__PURE__ */ jsx(TooltipContent, { children: marker.tooltip })
-          ] }) : markerDot
-        }
-      )
-    ] })
-  ] });
-});
-CategoryBar.displayName = "CategoryBar";
-var ProgressCircle = forwardRef(function ProgressCircle2({
-  value = 0,
-  max = 100,
-  radius = 32,
-  strokeWidth = 6,
-  color = "chart-1",
-  showAnimation = true,
-  className,
-  children,
-  ...props
-}, ref) {
-  const [mounted, setMounted] = useState(!showAnimation);
-  useEffect(() => {
-    if (!showAnimation) return;
-    const frame = requestAnimationFrame(() => setMounted(true));
-    return () => cancelAnimationFrame(frame);
-  }, [showAnimation]);
-  const { size, normalizedRadius, circumference, offset, ratio } = progressCircleGeometry(value, max, radius, strokeWidth);
-  const css = chartColorToCss(color);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      "data-slot": "progress-circle",
-      role: "progressbar",
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      "aria-valuenow": value,
-      className: cn("relative inline-flex shrink-0 items-center justify-center", className),
-      style: { width: size, height: size },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, className: "-rotate-90", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: radius,
-              cy: radius,
-              r: normalizedRadius,
-              fill: "none",
-              strokeWidth,
-              style: { stroke: tintCss(css, 20) }
-            }
-          ),
-          ratio > 0 && /* @__PURE__ */ jsx(
-            "circle",
-            {
-              "data-slot": "progress-circle-value",
-              cx: radius,
-              cy: radius,
-              r: normalizedRadius,
-              fill: "none",
-              strokeWidth,
-              strokeLinecap: "round",
-              strokeDasharray: `${circumference} ${circumference}`,
-              strokeDashoffset: mounted ? offset : circumference,
-              className: cn(showAnimation && "transition-[stroke-dashoffset] duration-700 ease-out"),
-              style: { stroke: css }
-            }
-          )
-        ] }),
-        children != null && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-sm font-medium text-foreground tabular-nums", children })
-      ]
-    }
-  );
-});
-ProgressCircle.displayName = "ProgressCircle";
-var DEFAULT_BLOCK_COLOR = "color-mix(in oklab, var(--muted-foreground) 35%, transparent)";
-var Tracker = forwardRef(function Tracker2({ data, defaultColor, hoverEffect = true, className, ...props }, ref) {
-  const fallback = defaultColor ? chartColorToCss(defaultColor) : DEFAULT_BLOCK_COLOR;
-  return /* @__PURE__ */ jsx("div", { ref, "data-slot": "tracker", className: cn("flex h-8 w-full gap-px", className), ...props, children: data.map((block, i) => {
-    const blockClass = cn(
-      "h-full min-w-0 flex-1 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px]",
-      hoverEffect && "transition-opacity hover:opacity-60"
-    );
-    const style = { background: block.color ? chartColorToCss(block.color) : fallback };
-    return block.tooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(
-        TooltipTrigger,
-        {
-          delay: 0,
-          render: /* @__PURE__ */ jsx("div", { "data-slot": "tracker-block", "aria-label": block.tooltip, className: blockClass, style })
-        }
-      ),
-      /* @__PURE__ */ jsx(TooltipContent, { children: block.tooltip })
-    ] }, block.key ?? i) : /* @__PURE__ */ jsx("div", { "data-slot": "tracker-block", className: blockClass, style }, block.key ?? i);
-  }) });
-});
-Tracker.displayName = "Tracker";
-var DEFAULT_COLORS = [
-  "bg-chart-1",
-  "bg-chart-2",
-  "bg-chart-3",
-  "bg-chart-4",
-  "bg-chart-5"
-];
-var funnelStepsVariants = cva("flex w-full", {
-  variants: {
-    size: {
-      sm: "",
-      md: "",
-      lg: ""
-    },
-    direction: {
-      vertical: "flex-col",
-      horizontal: "flex-row"
-    }
-  },
-  compoundVariants: [
-    { direction: "vertical", size: "sm", className: "gap-1" },
-    { direction: "vertical", size: "md", className: "gap-1.5" },
-    { direction: "vertical", size: "lg", className: "gap-2" },
-    { direction: "horizontal", size: "sm", className: "gap-2" },
-    { direction: "horizontal", size: "md", className: "gap-3" },
-    { direction: "horizontal", size: "lg", className: "gap-4" }
-  ],
-  defaultVariants: {
-    size: "md",
-    direction: "vertical"
-  }
-});
-var funnelBarVariants = cva("rounded-sm transition-[width] ease-out", {
-  variants: {
-    size: {
-      sm: "h-6",
-      md: "h-8",
-      lg: "h-10"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var funnelBarContainerHorizontalVariants = cva(
-  "relative flex w-full items-end overflow-hidden rounded-sm bg-muted",
-  {
-    variants: {
-      size: {
-        sm: "h-20",
-        md: "h-28",
-        lg: "h-36"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var funnelLabelVariants = cva("flex w-full items-center justify-between text-muted-foreground", {
-  variants: {
-    size: {
-      sm: "text-xs",
-      md: "text-sm",
-      lg: "text-sm"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var funnelConversionVariants = cva("flex items-center text-muted-foreground", {
-  variants: {
-    size: {
-      sm: "text-[10px]",
-      md: "text-xs",
-      lg: "text-xs"
-    },
-    direction: {
-      vertical: "justify-end",
-      horizontal: "shrink-0 justify-center self-center"
-    }
-  },
-  compoundVariants: [
-    { direction: "vertical", size: "sm", className: "py-0" },
-    { direction: "vertical", size: "md", className: "py-0.5" },
-    { direction: "vertical", size: "lg", className: "py-0.5" }
-  ],
-  defaultVariants: {
-    size: "md",
-    direction: "vertical"
-  }
-});
-function defaultFormatValue(value) {
-  return value.toLocaleString();
-}
-function computeConversionRate(current, previous) {
-  if (previous === 0) return "--";
-  return `${(current / previous * 100).toFixed(1)}%`;
-}
-var FunnelSteps = forwardRef(function FunnelSteps2({
-  data,
-  showConversion = false,
-  formatValue = defaultFormatValue,
-  animate = false,
-  size = "md",
-  direction = "vertical",
-  className,
-  ...props
-}, ref) {
-  const [mounted, setMounted] = useState(false);
-  const isHorizontal = direction === "horizontal";
-  useEffect(() => {
-    if (animate) setMounted(true);
-  }, [animate]);
-  const maxValue = data.length > 0 ? data[0].value : 0;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "funnel-steps",
-      role: "list",
-      "aria-label": "\u30D5\u30A1\u30CD\u30EB",
-      className: cn(funnelStepsVariants({ size, direction }), className),
-      ...props,
-      children: data.map((step, index) => {
-        const percentage = maxValue > 0 ? step.value / maxValue * 100 : 0;
-        const barSize = step.value > 0 && percentage < 2 ? 2 : percentage;
-        const color = step.color ?? DEFAULT_COLORS[index % DEFAULT_COLORS.length];
-        const isClickable = !!step.onClick;
-        const barInteractionProps = isClickable ? {
-          role: "button",
-          tabIndex: 0,
-          onClick: step.onClick,
-          onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
-              step.onClick?.();
-            }
-          }
-        } : {};
-        const barInteractionClasses = isClickable ? "cursor-pointer hover:brightness-110 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none" : void 0;
-        return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          isHorizontal ? /* @__PURE__ */ jsxs(
-            "div",
-            {
-              role: "listitem",
-              className: "flex min-w-0 flex-1 flex-col items-center gap-1",
-              "aria-label": `${step.label}: ${formatValue(step.value)}`,
-              children: [
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "data-slot": "funnel-value",
-                    className: cn(
-                      "text-muted-foreground tabular-nums",
-                      size === "sm" ? "text-xs" : "text-sm"
-                    ),
-                    children: formatValue(step.value)
-                  }
-                ),
-                /* @__PURE__ */ jsx("div", { className: funnelBarContainerHorizontalVariants({ size }), children: /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    ...barInteractionProps,
-                    className: cn(
-                      "w-full rounded-sm transition-[height] ease-out",
-                      color,
-                      barInteractionClasses
-                    ),
-                    style: {
-                      height: animate ? mounted ? `${barSize}%` : "0%" : `${barSize}%`,
-                      transitionDuration: "0.5s",
-                      transitionDelay: animate ? `${index * 0.08}s` : void 0
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "w-full truncate text-center text-muted-foreground",
-                      size === "sm" ? "text-[10px]" : "text-xs"
-                    ),
-                    children: step.label
-                  }
-                )
-              ]
-            }
-          ) : /* @__PURE__ */ jsxs("div", { role: "listitem", "aria-label": `${step.label}: ${formatValue(step.value)}`, children: [
-            /* @__PURE__ */ jsxs("div", { className: funnelLabelVariants({ size }), children: [
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: step.label }),
-              /* @__PURE__ */ jsx("span", { "data-slot": "funnel-value", className: "tabular-nums", children: formatValue(step.value) })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-hidden rounded-sm bg-muted", children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                ...barInteractionProps,
-                className: cn(funnelBarVariants({ size }), color, barInteractionClasses),
-                style: {
-                  width: animate ? mounted ? `${barSize}%` : "0%" : `${barSize}%`,
-                  transitionDuration: "0.5s",
-                  transitionDelay: animate ? `${index * 0.08}s` : void 0
-                }
-              }
-            ) })
-          ] }),
-          showConversion && index < data.length - 1 && /* @__PURE__ */ jsx("div", { className: funnelConversionVariants({ size, direction }), "aria-hidden": "true", children: /* @__PURE__ */ jsxs("span", { children: [
-            "\u2192 ",
-            computeConversionRate(data[index + 1].value, step.value)
-          ] }) })
-        ] }, index);
-      })
-    }
-  );
-});
-FunnelSteps.displayName = "FunnelSteps";
-var VB_WIDTH = 100;
-function normalizeData(values, height, vPad = 2) {
-  const min = Math.min(...values);
-  const max = Math.max(...values);
-  const range = max - min;
-  const drawHeight = height - vPad * 2;
-  if (range === 0) return values.map(() => vPad + drawHeight / 2);
-  return values.map((v) => height - vPad - (v - min) / range * drawHeight);
-}
-function buildLinePath(ys) {
-  if (ys.length === 0) return "";
-  const step = ys.length > 1 ? VB_WIDTH / (ys.length - 1) : 0;
-  return ys.map((y, i) => `${i === 0 ? "M" : "L"}${(i * step).toFixed(2)},${y.toFixed(2)}`).join(" ");
-}
-function buildAreaPath(ys, height) {
-  if (ys.length === 0) return "";
-  const step = ys.length > 1 ? VB_WIDTH / (ys.length - 1) : 0;
-  const lastX = ((ys.length - 1) * step).toFixed(2);
-  return `${buildLinePath(ys)} L${lastX},${height} L0,${height} Z`;
-}
-function buildBarRects(ys, height, gap = 1) {
-  const barW = Math.max(1, VB_WIDTH / ys.length - gap);
-  return ys.map((y, i) => ({ x: i * (barW + gap), y, w: barW, h: height - y }));
-}
-var Sparkline = forwardRef(function Sparkline2({
-  data,
-  variant = "line",
-  height = 40,
-  color = "text-chart-1",
-  area = false,
-  animate = false,
-  className,
-  ...props
-}, ref) {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    if (animate) setMounted(true);
-  }, [animate]);
-  if (data.length === 0) return null;
-  const ys = normalizeData(
-    data.map((d) => d.value),
-    height
-  );
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      ref,
-      "data-slot": "sparkline",
-      viewBox: `0 0 ${VB_WIDTH} ${height}`,
-      preserveAspectRatio: "none",
-      width: "100%",
-      height,
-      "aria-hidden": "true",
-      className: cn("overflow-visible", className),
-      ...props,
-      children: [
-        variant === "line" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          area && /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: buildAreaPath(ys, height),
-              strokeWidth: 0,
-              className: cn("fill-current opacity-15", color)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: buildLinePath(ys),
-              fill: "none",
-              strokeWidth: 1.5,
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              vectorEffect: "non-scaling-stroke",
-              pathLength: animate ? 1 : void 0,
-              strokeDasharray: animate ? 1 : void 0,
-              strokeDashoffset: animate ? mounted ? 0 : 1 : void 0,
-              className: cn("stroke-current", color),
-              style: animate ? { transition: "stroke-dashoffset 0.6s ease-in-out" } : void 0
-            }
-          )
-        ] }),
-        variant === "bar" && buildBarRects(ys, height).map((rect, i) => /* @__PURE__ */ jsx(
-          "rect",
-          {
-            x: rect.x,
-            y: animate ? mounted ? rect.y : height : rect.y,
-            width: rect.w,
-            height: animate ? mounted ? rect.h : 0 : rect.h,
-            rx: 0.5,
-            className: cn("fill-current", color),
-            style: animate ? {
-              transition: `height 0.4s ease-out ${i * 0.02}s, y 0.4s ease-out ${i * 0.02}s`
-            } : void 0
-          },
-          i
-        ))
-      ]
-    }
-  );
-});
-Sparkline.displayName = "Sparkline";
-function useControlledState(controlledValue, defaultValue, onChange) {
-  const [internalValue, setInternalValue] = useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : internalValue;
-  const setValue = useCallback(
-    (updaterOrValue) => {
-      onChange?.(updaterOrValue);
-      if (!isControlled) {
-        setInternalValue(updaterOrValue);
-      }
-    },
-    [onChange, isControlled]
-  );
-  return [value, setValue];
-}
-var DataTableContext = createContext(null);
-function useDataTable() {
-  const ctx = useContext(DataTableContext);
-  if (!ctx) throw new Error("useDataTable must be used inside <DataTable>");
-  return ctx;
-}
-function DataTable({
-  columns,
-  data,
-  enableSorting = true,
-  sorting: sortingProp,
-  onSortingChange,
-  enableFiltering = false,
-  columnFilters: columnFiltersProp,
-  onColumnFiltersChange,
-  globalFilter: globalFilterProp,
-  onGlobalFilterChange,
-  enablePagination = false,
-  pagination: paginationProp,
-  onPaginationChange,
-  pageCount,
-  enableRowSelection = false,
-  rowSelection: rowSelectionProp,
-  onRowSelectionChange,
-  columnVisibility: columnVisibilityProp,
-  onColumnVisibilityChange,
-  meta,
-  className,
-  children
-}) {
-  const [sorting, setSorting] = useControlledState(sortingProp, [], onSortingChange);
-  const [columnFilters, setColumnFilters] = useControlledState(
-    columnFiltersProp,
-    [],
-    onColumnFiltersChange
-  );
-  const [globalFilter, setGlobalFilter] = useControlledState(
-    globalFilterProp,
-    "",
-    onGlobalFilterChange
-  );
-  const [rowSelection, setRowSelection] = useControlledState(
-    rowSelectionProp,
-    {},
-    onRowSelectionChange
-  );
-  const [columnVisibility, setColumnVisibility] = useControlledState(
-    columnVisibilityProp,
-    {},
-    onColumnVisibilityChange
-  );
-  const [pagination, setPagination] = useControlledState(
-    paginationProp,
-    { pageIndex: 0, pageSize: 10 },
-    onPaginationChange
-  );
-  const allColumns = useMemo(() => {
-    if (!enableRowSelection) return columns;
-    const selectionColumn = {
-      id: "_select",
-      header: ({ table: table2 }) => /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          checked: table2.getIsAllPageRowsSelected(),
-          indeterminate: table2.getIsSomePageRowsSelected(),
-          onCheckedChange: (checked) => table2.toggleAllPageRowsSelected(checked),
-          "aria-label": "\u5168\u3066\u9078\u629E"
-        }
-      ),
-      cell: ({ row }) => /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          checked: row.getIsSelected(),
-          onCheckedChange: (checked) => row.toggleSelected(checked),
-          "aria-label": "\u884C\u3092\u9078\u629E"
-        }
-      ),
-      enableSorting: false,
-      enableHiding: false
-    };
-    return [selectionColumn, ...columns];
-  }, [columns, enableRowSelection]);
-  const table = useReactTable({
-    data,
-    columns: allColumns,
-    state: {
-      sorting,
-      columnFilters,
-      globalFilter,
-      rowSelection,
-      columnVisibility,
-      ...enablePagination ? { pagination } : {}
-    },
-    enableSorting,
-    enableRowSelection,
-    onSortingChange: setSorting,
-    onColumnFiltersChange: setColumnFilters,
-    onGlobalFilterChange: setGlobalFilter,
-    onRowSelectionChange: setRowSelection,
-    onColumnVisibilityChange: setColumnVisibility,
-    ...enablePagination ? { onPaginationChange: setPagination } : {},
-    ...pageCount !== void 0 ? { pageCount, manualPagination: true } : {},
-    getCoreRowModel: getCoreRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-    getFilteredRowModel: getFilteredRowModel(),
-    ...enablePagination ? { getPaginationRowModel: getPaginationRowModel() } : {},
-    meta
-  });
-  const selectedRows = useMemo(
-    () => table.getFilteredSelectedRowModel().rows.map((row) => row.original),
-    // `table` is a stable reference, so the selection state is the real input.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [rowSelection, data]
-  );
-  const hasSelection = selectedRows.length > 0;
-  const contextValue = useMemo(
-    () => ({
-      table,
-      selectedRows,
-      hasSelection,
-      globalFilter,
-      setGlobalFilter,
-      enableFiltering,
-      enablePagination,
-      enableRowSelection,
-      visibleColumnCount: allColumns.length
-    }),
-    // `useReactTable` returns the same object every render, so each piece of
-    // table state has to be tracked explicitly to re-render the consumers.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      table,
-      selectedRows,
-      hasSelection,
-      globalFilter,
-      setGlobalFilter,
-      enableFiltering,
-      enablePagination,
-      enableRowSelection,
-      allColumns.length,
-      sorting,
-      columnFilters,
-      columnVisibility,
-      pagination,
-      rowSelection
-    ]
-  );
-  return /* @__PURE__ */ jsx(DataTableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { "data-slot": "data-table", className: cn("space-y-4", className), children }) });
-}
-DataTable.displayName = "DataTable";
-var DataTableToolbar = forwardRef(
-  ({ showSearch, toolbar, bulkActions, className, ...props }, ref) => {
-    const { globalFilter, setGlobalFilter, hasSelection, selectedRows, enableFiltering } = useDataTable();
-    const showSearchEffective = showSearch ?? enableFiltering;
-    const hasContent = showSearchEffective || toolbar != null || hasSelection && bulkActions != null;
-    if (!hasContent) return null;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        "data-slot": "data-table-toolbar",
-        className: cn("flex flex-wrap items-center gap-2", className),
-        ...props,
-        children: [
-          showSearchEffective && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx(Search, { className: "absolute top-2.5 left-2.5 size-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: globalFilter,
-                onChange: (e) => setGlobalFilter(e.target.value),
-                className: "max-w-sm pl-8"
-              }
-            )
-          ] }),
-          toolbar,
-          hasSelection && bulkActions && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-2", children: bulkActions(selectedRows) })
-        ]
-      }
-    );
-  }
-);
-DataTableToolbar.displayName = "DataTableToolbar";
-var DataTableContent = forwardRef(
-  ({ className, ...props }, ref) => {
-    const { table, visibleColumnCount } = useDataTable();
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        "data-slot": "data-table-content",
-        className: cn("overflow-x-auto", className),
-        ...props,
-        children: /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: "inline-flex items-center gap-1 rounded hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none",
-              onClick: header.column.getToggleSortingHandler(),
-              "aria-sort": header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none",
-              children: [
-                flexRender(header.column.columnDef.header, header.getContext()),
-                header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "size-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "size-4" }) : /* @__PURE__ */ jsx(ArrowUpDown, { className: "size-4 text-muted-foreground" })
-              ]
-            }
-          ) : flexRender(header.column.columnDef.header, header.getContext()) }, header.id)) }, headerGroup.id)) }),
-          /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { "data-state": row.getIsSelected() ? "selected" : void 0, children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
-            TableCell,
-            {
-              colSpan: visibleColumnCount,
-              className: "h-24 text-center text-muted-foreground",
-              children: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093"
-            }
-          ) }) })
-        ] })
-      }
-    );
-  }
-);
-DataTableContent.displayName = "DataTableContent";
-var DataTablePagination = forwardRef(
-  ({ pageSizeOptions = [10, 20, 50], className, ...props }, ref) => {
-    const { table } = useDataTable();
-    const totalRows = table.getFilteredRowModel().rows.length;
-    const currentPageSize = table.getState().pagination.pageSize;
-    const currentPageIndex = table.getState().pagination.pageIndex;
-    const rangeStart = currentPageIndex * currentPageSize + 1;
-    const rangeEnd = Math.min((currentPageIndex + 1) * currentPageSize, totalRows);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        "data-slot": "data-table-pagination",
-        className: cn("flex flex-wrap items-center justify-between gap-4", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs("span", { children: [
-              totalRows,
-              "\u4EF6\u4E2D ",
-              rangeStart,
-              " - ",
-              rangeEnd,
-              " \u3092\u8868\u793A"
-            ] }),
-            /* @__PURE__ */ jsxs(
-              Select,
-              {
-                value: String(currentPageSize),
-                onValueChange: (value) => table.setPageSize(Number(value)),
-                children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-[80px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                  /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((size) => /* @__PURE__ */ jsxs(SelectItem, { value: String(size), children: [
-                    size,
-                    "\u4EF6"
-                  ] }, size)) })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => table.firstPage(),
-                disabled: !table.getCanPreviousPage(),
-                children: "\u6700\u521D"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => table.previousPage(),
-                disabled: !table.getCanPreviousPage(),
-                children: "\u524D\u3078"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => table.nextPage(),
-                disabled: !table.getCanNextPage(),
-                children: "\u6B21\u3078"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => table.lastPage(),
-                disabled: !table.getCanNextPage(),
-                children: "\u6700\u5F8C"
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-DataTablePagination.displayName = "DataTablePagination";
-var DataTableColumnVisibility = forwardRef(({ columnLabels, className }, ref) => {
-  const { table } = useDataTable();
-  const hideableColumns = table.getAllColumns().filter((column) => column.getCanHide());
-  if (hideableColumns.length === 0) return null;
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(
-      DropdownMenuTrigger,
-      {
-        ref,
-        render: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: cn(className) }),
-        "data-slot": "data-table-column-visibility",
-        children: /* @__PURE__ */ jsx(Columns3, { className: "size-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "min-w-[10rem]", children: hideableColumns.map((column) => {
-      const label = columnLabels?.[column.id] ?? (typeof column.columnDef.header === "string" ? column.columnDef.header : column.id);
-      return /* @__PURE__ */ jsx(
-        DropdownMenuCheckboxItem,
-        {
-          checked: column.getIsVisible(),
-          onCheckedChange: (checked) => column.toggleVisibility(checked),
-          children: label
-        },
-        column.id
-      );
-    }) })
-  ] });
-});
-DataTableColumnVisibility.displayName = "DataTableColumnVisibility";
-function DataTablePreset({
-  enableColumnVisibility = false,
-  columnLabels,
-  toolbar,
-  bulkActions,
-  ...tableProps
-}) {
-  const toolbarSlot = toolbar || enableColumnVisibility ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    toolbar,
-    enableColumnVisibility && /* @__PURE__ */ jsx(DataTableColumnVisibility, { columnLabels })
-  ] }) : void 0;
-  return /* @__PURE__ */ jsxs(DataTable, { ...tableProps, children: [
-    /* @__PURE__ */ jsx(
-      DataTableToolbar,
-      {
-        showSearch: tableProps.enableFiltering,
-        toolbar: toolbarSlot,
-        bulkActions
-      }
-    ),
-    /* @__PURE__ */ jsx(DataTableContent, {}),
-    tableProps.enablePagination && /* @__PURE__ */ jsx(DataTablePagination, {})
-  ] });
-}
-DataTablePreset.displayName = "DataTablePreset";
-var FilterBarContext = createContext(null);
-function useFilterBar() {
-  const ctx = useContext(FilterBarContext);
-  if (!ctx) throw new Error("useFilterBar must be used within <FilterBar>");
-  return ctx;
-}
-var FilterBar = forwardRef(
-  ({ value, onChange, onClear, className, children, ...props }, ref) => /* @__PURE__ */ jsx(FilterBarContext.Provider, { value: { value, onChange, onClear }, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      role: "search",
-      "aria-label": "\u30D5\u30A3\u30EB\u30BF\u30FC",
-      "data-slot": "filter-bar",
-      className: cn("flex flex-wrap items-center gap-2", className),
-      ...props,
-      children
-    }
-  ) })
-);
-FilterBar.displayName = "FilterBar";
-function FilterBarSelect({
-  filterKey,
-  label,
-  options,
-  placeholder,
-  className
-}) {
-  const { value, onChange } = useFilterBar();
-  const handleChange = (selected) => onChange({ ...value, [filterKey]: selected ?? void 0 });
-  return /* @__PURE__ */ jsxs(Select, { value: value[filterKey] ?? "", onValueChange: handleChange, children: [
-    /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", "aria-label": label, "data-slot": "filter-bar-select", className, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: placeholder ?? label }) }),
-    /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
-  ] });
-}
-FilterBarSelect.displayName = "FilterBarSelect";
-function FilterBarMultiSelect({
-  filterKey,
-  label,
-  options,
-  placeholder,
-  className
-}) {
-  const { value, onChange } = useFilterBar();
-  const selected = value[filterKey] ?? [];
-  const handleToggle = (option) => {
-    const next = selected.includes(option) ? selected.filter((v) => v !== option) : [...selected, option];
-    onChange({ ...value, [filterKey]: next.length > 0 ? next : void 0 });
-  };
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsxs(
-      PopoverTrigger,
-      {
-        render: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: cn("h-8 gap-1", className) }),
-        "aria-label": `${placeholder ?? label}${selected.length > 0 ? ` (${selected.length}\u4EF6\u9078\u629E\u4E2D)` : ""}`,
-        "data-slot": "filter-bar-multi-select",
-        children: [
-          placeholder ?? label,
-          selected.length > 0 && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "ml-1 px-1.5 py-0 text-xs", children: selected.length }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 opacity-50", "aria-hidden": "true" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "w-56 p-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", role: "group", "aria-label": label, children: options.map((option) => /* @__PURE__ */ jsxs(
-      "label",
-      {
-        className: "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent",
-        children: [
-          /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              checked: selected.includes(option.value),
-              disabled: option.disabled,
-              onCheckedChange: () => handleToggle(option.value)
-            }
-          ),
-          option.label
-        ]
-      },
-      option.value
-    )) }) })
-  ] });
-}
-FilterBarMultiSelect.displayName = "FilterBarMultiSelect";
-function FilterBarActiveChips({ filters, className }) {
-  const { value, onChange } = useFilterBar();
-  const getActiveChips = () => {
-    const chips = [];
-    const pushRaw = (key, v) => {
-      if (typeof v === "string") {
-        chips.push({ key, filterLabel: key, optionLabel: v, isMulti: false });
-      } else {
-        for (const val of v) {
-          chips.push({ key, filterLabel: key, optionLabel: val, optionValue: val, isMulti: true });
-        }
-      }
-    };
-    for (const [key, v] of Object.entries(value)) {
-      if (v === void 0 || v === "") continue;
-      const filter = filters?.find((f) => f.key === key);
-      if (!filter) {
-        pushRaw(key, v);
-        continue;
-      }
-      if (filter.type === "select" && typeof v === "string") {
-        const option = filter.options?.find((o) => o.value === v);
-        chips.push({
-          key,
-          filterLabel: filter.label,
-          optionLabel: option?.label ?? v,
-          isMulti: false
-        });
-      } else if (filter.type === "multi-select" && Array.isArray(v)) {
-        for (const val of v) {
-          const option = filter.options?.find((o) => o.value === val);
-          chips.push({
-            key,
-            filterLabel: filter.label,
-            optionLabel: option?.label ?? val,
-            optionValue: val,
-            isMulti: true
-          });
-        }
-      }
-    }
-    return chips;
-  };
-  const handleRemoveFilter = (key, optionValue) => {
-    if (optionValue !== void 0) {
-      const current = value[key] ?? [];
-      const next = current.filter((v) => v !== optionValue);
-      onChange({ ...value, [key]: next.length > 0 ? next : void 0 });
-    } else {
-      onChange({ ...value, [key]: void 0 });
-    }
-  };
-  const activeChips = getActiveChips();
-  if (activeChips.length === 0) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: activeChips.map((chip) => /* @__PURE__ */ jsxs(
-    Badge,
-    {
-      variant: "secondary",
-      className: cn("gap-1 pr-1", className),
-      "data-slot": "filter-bar-chip",
-      children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-          chip.filterLabel,
-          ":"
-        ] }),
-        chip.optionLabel,
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "ml-0.5 rounded-full p-0.5 hover:bg-muted-foreground/20",
-            onClick: () => handleRemoveFilter(chip.key, chip.optionValue),
-            "aria-label": `${chip.filterLabel}: ${chip.optionLabel} \u3092\u524A\u9664`,
-            children: /* @__PURE__ */ jsx(X, { className: "size-3", "aria-hidden": "true" })
-          }
-        )
-      ]
-    },
-    `${chip.key}-${chip.optionValue ?? "single"}`
-  )) });
-}
-FilterBarActiveChips.displayName = "FilterBarActiveChips";
-function FilterBarClearButton({ label = "\u30AF\u30EA\u30A2", className }) {
-  const { value, onClear } = useFilterBar();
-  const hasActiveFilters = Object.values(value).some(
-    (v) => Array.isArray(v) ? v.length > 0 : v !== void 0 && v !== ""
-  );
-  if (!hasActiveFilters || !onClear) return null;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: cn("h-7 px-2 text-xs", className),
-      onClick: onClear,
-      "aria-label": "\u3059\u3079\u3066\u306E\u30D5\u30A3\u30EB\u30BF\u30FC\u3092\u30AF\u30EA\u30A2",
-      "data-slot": "filter-bar-clear-button",
-      children: label
-    }
-  );
-}
-FilterBarClearButton.displayName = "FilterBarClearButton";
-function FilterBarPreset({
-  filters,
-  value,
-  onChange,
-  onClear,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(FilterBar, { value, onChange, onClear, className, children: [
-    filters.map((filter) => {
-      if (filter.type === "select") {
-        return /* @__PURE__ */ jsx(
-          FilterBarSelect,
-          {
-            filterKey: filter.key,
-            label: filter.label,
-            placeholder: filter.placeholder,
-            options: filter.options ?? []
-          },
-          filter.key
-        );
-      }
-      if (filter.type === "multi-select") {
-        return /* @__PURE__ */ jsx(
-          FilterBarMultiSelect,
-          {
-            filterKey: filter.key,
-            label: filter.label,
-            placeholder: filter.placeholder,
-            options: filter.options ?? []
-          },
-          filter.key
-        );
-      }
-      return null;
-    }),
-    /* @__PURE__ */ jsx(FilterBarActiveChips, { filters }),
-    onClear && /* @__PURE__ */ jsx(FilterBarClearButton, {})
-  ] });
-}
-FilterBarPreset.displayName = "FilterBarPreset";
-var defaultPresets = [
-  {
-    label: "Today",
-    getValue: () => {
-      const today = /* @__PURE__ */ new Date();
-      return { from: startOfDay(today), to: endOfDay(today) };
-    }
-  },
-  {
-    label: "Yesterday",
-    getValue: () => {
-      const yesterday = subDays(/* @__PURE__ */ new Date(), 1);
-      return { from: startOfDay(yesterday), to: endOfDay(yesterday) };
-    }
-  },
-  {
-    label: "Last 7 days",
-    getValue: () => {
-      const today = /* @__PURE__ */ new Date();
-      return { from: startOfDay(subDays(today, 6)), to: endOfDay(today) };
-    }
-  },
-  {
-    label: "Last 14 days",
-    getValue: () => {
-      const today = /* @__PURE__ */ new Date();
-      return { from: startOfDay(subDays(today, 13)), to: endOfDay(today) };
-    }
-  },
-  {
-    label: "Last 30 days",
-    getValue: () => {
-      const today = /* @__PURE__ */ new Date();
-      return { from: startOfDay(subDays(today, 29)), to: endOfDay(today) };
-    }
-  },
-  {
-    label: "Last 90 days",
-    getValue: () => {
-      const today = /* @__PURE__ */ new Date();
-      return { from: startOfDay(subDays(today, 89)), to: endOfDay(today) };
-    }
-  },
-  {
-    label: "This month",
-    getValue: () => {
-      const today = /* @__PURE__ */ new Date();
-      return { from: startOfMonth(today), to: endOfDay(today) };
-    }
-  },
-  {
-    label: "Last month",
-    getValue: () => {
-      const lastMonth = subMonths(/* @__PURE__ */ new Date(), 1);
-      return { from: startOfMonth(lastMonth), to: endOfMonth(lastMonth) };
-    }
-  }
-];
-var DateRangePicker = forwardRef(
-  function DateRangePicker2({
-    value,
-    onChange,
-    presets = defaultPresets,
-    showPresets = true,
-    maxDate,
-    minDate,
-    placeholder = "Select date range",
-    disabled = false,
-    className,
-    align = "start"
-  }, ref) {
-    const [open, setOpen] = useState(false);
-    const isMobile = useIsMobile();
-    const handleCalendarSelect = useCallback(
-      (range) => {
-        onChange?.({ from: range?.from, to: range?.to });
-      },
-      [onChange]
-    );
-    const handlePresetClick = useCallback(
-      (preset) => {
-        onChange?.(preset.getValue());
-        setOpen(false);
-      },
-      [onChange]
-    );
-    const formatDateRange = () => {
-      if (!value?.from) return placeholder;
-      if (!value.to) return format(value.from, "yyyy/MM/dd", { locale: ja });
-      return `${format(value.from, "yyyy/MM/dd", { locale: ja })} - ${format(value.to, "yyyy/MM/dd", { locale: ja })}`;
-    };
-    const calendarSelected = value?.from ? { from: value.from, to: value.to ?? void 0 } : void 0;
-    return /* @__PURE__ */ jsx("div", { ref, "data-slot": "date-range-picker", children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsxs(
-        PopoverTrigger,
-        {
-          render: /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              disabled,
-              className: cn(
-                "w-auto justify-start text-left font-normal",
-                !value?.from && "text-muted-foreground",
-                className
-              )
-            }
-          ),
-          "aria-label": formatDateRange(),
-          "aria-expanded": open,
-          children: [
-            /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { children: formatDateRange() })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        PopoverContent,
-        {
-          align,
-          className: cn("w-auto p-0", isMobile ? "flex flex-col" : "flex"),
-          children: [
-            showPresets && /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1 p-3", isMobile ? "border-b" : "border-r"), children: presets.map((preset) => /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                className: "justify-start text-xs",
-                onClick: () => handlePresetClick(preset),
-                children: preset.label
-              },
-              preset.label
-            )) }),
-            /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx(
-              Calendar,
-              {
-                mode: "range",
-                numberOfMonths: isMobile ? 1 : 2,
-                selected: calendarSelected,
-                onSelect: handleCalendarSelect,
-                disabled: (date) => {
-                  if (maxDate && date > maxDate) return true;
-                  if (minDate && date < minDate) return true;
-                  return false;
-                }
-              }
-            ) })
-          ]
-        }
-      )
-    ] }) });
-  }
-);
-DateRangePicker.displayName = "DateRangePicker";
-var iconSizes = {
-  sm: "size-3.5",
-  default: "size-4",
-  lg: "size-5"
-};
-var SegmentedControl = forwardRef(
-  function SegmentedControl2({ options, value, onChange, size = "default", fullWidth = false, ariaLabel, className }, ref) {
-    return /* @__PURE__ */ jsx(
-      ToggleGroup,
-      {
-        ref,
-        "data-slot": "segmented-control",
-        value: [value],
-        onValueChange: (next) => {
-          const picked = next.find((item) => item !== value) ?? next[0];
-          if (typeof picked === "string") onChange(picked);
-        },
-        variant: "outline",
-        size,
-        spacing: 0,
-        "aria-label": ariaLabel,
-        className: cn(fullWidth && "w-full", className),
-        children: options.map((option) => {
-          const Icon = option.icon;
-          return /* @__PURE__ */ jsxs(
-            ToggleGroupItem,
-            {
-              value: option.value,
-              disabled: option.disabled,
-              "aria-label": option.label,
-              className: cn(fullWidth && "flex-1"),
-              children: [
-                Icon && /* @__PURE__ */ jsx(Icon, { className: iconSizes[size], "aria-hidden": "true" }),
-                option.label
-              ]
-            },
-            option.value
-          );
-        })
-      }
-    );
-  }
-);
-SegmentedControl.displayName = "SegmentedControl";
-
-// src/components/types.ts
-function isGroupedOptions(options) {
-  return options.length > 0 && "options" in options[0];
-}
-function flattenOptions(options) {
-  if (isGroupedOptions(options)) {
-    return options.flatMap((group) => group.options);
-  }
-  return options;
-}
-function OptionCommandList({
-  options,
-  isSelected,
-  onSelect,
-  onSearch,
-  isLoading,
-  searchPlaceholder,
-  emptyText
-}) {
-  const renderOptions = (items) => items.map((option) => /* @__PURE__ */ jsxs(
-    CommandItem,
-    {
-      value: option.value,
-      keywords: [option.label],
-      disabled: option.disabled,
-      onSelect,
-      children: [
-        option.icon && /* @__PURE__ */ jsx(option.icon, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ jsxs("span", { className: "flex-1 truncate", children: [
-          option.label,
-          option.description && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: option.description })
-        ] }),
-        /* @__PURE__ */ jsx(
-          CheckIcon,
-          {
-            className: cn("size-4 shrink-0", isSelected(option.value) ? "opacity-100" : "opacity-0")
-          }
-        )
-      ]
-    },
-    option.value
-  ));
-  return /* @__PURE__ */ jsxs(Command, { shouldFilter: !onSearch, children: [
-    /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder, onValueChange: onSearch }),
-    /* @__PURE__ */ jsx(CommandList, { children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx(LoaderIcon, { className: "size-4 animate-spin text-muted-foreground" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(CommandEmpty, { children: emptyText }),
-      isGroupedOptions(options) ? options.map((group) => /* @__PURE__ */ jsx(CommandGroup, { heading: group.label, children: renderOptions(group.options) }, group.label)) : renderOptions(options)
-    ] }) })
-  ] });
-}
-function RemoveButton({ label, onRemove, iconClassName }) {
-  const handle = (e) => {
-    e.stopPropagation();
-    onRemove();
-  };
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      role: "button",
-      tabIndex: 0,
-      "aria-label": label,
-      className: "rounded-sm opacity-50 hover:opacity-100 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none",
-      onClick: handle,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") handle(e);
-      },
-      children: /* @__PURE__ */ jsx(XIcon, { className: cn("size-3.5", iconClassName) })
-    }
-  );
-}
-var SearchableSelect = forwardRef(
-  function SearchableSelect2({
-    options,
-    value,
-    onChange,
-    onSearch,
-    placeholder = "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
-    searchPlaceholder = "\u691C\u7D22...",
-    emptyText = "\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3067\u3057\u305F",
-    isLoading = false,
-    disabled = false,
-    clearable = true,
-    className
-  }, ref) {
-    const [open, setOpen] = useState(false);
-    const allOptions = useMemo(() => flattenOptions(options), [options]);
-    const selectedOption = useMemo(
-      () => allOptions.find((opt) => opt.value === value),
-      [allOptions, value]
-    );
-    function handleSelect(selectedValue) {
-      onChange?.(selectedValue === value ? void 0 : selectedValue);
-      setOpen(false);
-    }
-    return /* @__PURE__ */ jsx("div", { ref, "data-slot": "searchable-select", children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsxs(
-        PopoverTrigger,
-        {
-          render: /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              disabled,
-              className: cn(
-                "w-full justify-between font-normal",
-                !selectedOption && "text-muted-foreground",
-                className
-              )
-            }
-          ),
-          role: "combobox",
-          "aria-expanded": open,
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedOption ? selectedOption.label : placeholder }),
-            /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1", children: [
-              clearable && value && /* @__PURE__ */ jsx(RemoveButton, { label: "\u30AF\u30EA\u30A2", onRemove: () => onChange?.(void 0) }),
-              /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(PopoverContent, { className: "w-(--anchor-width) p-0", align: "start", children: /* @__PURE__ */ jsx(
-        OptionCommandList,
-        {
-          options,
-          isSelected: (v) => value === v,
-          onSelect: handleSelect,
-          onSearch,
-          isLoading,
-          searchPlaceholder,
-          emptyText
-        }
-      ) })
-    ] }) });
-  }
-);
-SearchableSelect.displayName = "SearchableSelect";
-var MultiSelect = forwardRef(function MultiSelect2({
-  options,
-  value,
-  onChange,
-  onSearch,
-  maxCount = 3,
-  placeholder = "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
-  searchPlaceholder = "\u691C\u7D22...",
-  emptyText = "\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3067\u3057\u305F",
-  isLoading = false,
-  disabled = false,
-  className
-}, ref) {
-  const [open, setOpen] = useState(false);
-  const listId = useId();
-  const allOptions = useMemo(() => flattenOptions(options), [options]);
-  const selectedOptions = useMemo(
-    () => allOptions.filter((opt) => value.includes(opt.value)),
-    [allOptions, value]
-  );
-  function handleSelect(selectedValue) {
-    if (value.includes(selectedValue)) {
-      onChange?.(value.filter((v) => v !== selectedValue));
-    } else {
-      onChange?.([...value, selectedValue]);
-    }
-  }
-  const visibleBadges = selectedOptions.slice(0, maxCount);
-  const overflowCount = selectedOptions.length - maxCount;
-  return /* @__PURE__ */ jsx("div", { ref, "data-slot": "multi-select", children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs(
-      PopoverTrigger,
-      {
-        role: "combobox",
-        "aria-expanded": open,
-        "aria-controls": listId,
-        disabled,
-        className: cn(
-          "inline-flex min-h-9 w-full items-center justify-between gap-2 rounded-md border bg-background px-3 py-1.5 text-sm shadow-xs transition-all outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-1", children: selectedOptions.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            visibleBadges.map((option) => /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "shrink-0 gap-1 pr-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "max-w-[120px] truncate", children: option.label }),
-              /* @__PURE__ */ jsx(
-                RemoveButton,
-                {
-                  label: `${option.label}\u3092\u524A\u9664`,
-                  onRemove: () => onChange?.(value.filter((v) => v !== option.value)),
-                  iconClassName: "size-3"
-                }
-              )
-            ] }, option.value)),
-            overflowCount > 0 && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "shrink-0", children: [
-              "+",
-              overflowCount,
-              "\u4EF6"
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 shrink-0 opacity-50" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(PopoverContent, { id: listId, className: "w-(--anchor-width) p-0", align: "start", children: /* @__PURE__ */ jsx(
-      OptionCommandList,
-      {
-        options,
-        isSelected: (v) => value.includes(v),
-        onSelect: handleSelect,
-        onSearch,
-        isLoading,
-        searchPlaceholder,
-        emptyText
-      }
-    ) })
-  ] }) });
-});
-MultiSelect.displayName = "MultiSelect";
-var metricValueVariants = cva("font-medium tracking-tight", {
-  variants: {
-    size: {
-      sm: "text-base",
-      md: "text-2xl",
-      lg: "text-3xl",
-      xl: "text-4xl"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var MetricValue = forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "metric-value",
-      className: cn("my-4", metricValueVariants({ size }), className),
-      ...props
-    }
-  )
-);
-MetricValue.displayName = "MetricValue";
-var MetricUnit = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      "data-slot": "metric-unit",
-      className: cn("text-sm font-normal text-muted-foreground", className),
-      ...props
-    }
-  )
-);
-MetricUnit.displayName = "MetricUnit";
-var trendIndicatorVariants = cva("inline-flex items-center gap-0.5 text-sm font-medium", {
-  variants: {
-    sentiment: {
-      positive: "text-chart-1",
-      negative: "text-primary",
-      neutral: "text-muted-foreground"
-    }
-  },
-  defaultVariants: {
-    sentiment: "neutral"
-  }
-});
-var TrendIndicator = forwardRef(
-  ({ value, direction, positiveIsGood = true, className }, ref) => {
-    const isGood = direction === "neutral" ? null : direction === "up" === positiveIsGood;
-    const sentiment = isGood === null ? "neutral" : isGood ? "positive" : "negative";
-    const Icon = direction === "up" ? ArrowUp : direction === "down" ? ArrowDown : Minus;
-    const ariaLabel = direction === "neutral" ? `\u5909\u5316\u306A\u3057 ${value}%` : direction === "up" ? `${value}% \u5897\u52A0` : `${value}% \u6E1B\u5C11`;
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        ref,
-        "data-slot": "trend-indicator",
-        className: cn(trendIndicatorVariants({ sentiment }), className),
-        "aria-label": ariaLabel,
-        children: [
-          /* @__PURE__ */ jsx(Icon, { className: "size-3.5", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            value,
-            "%"
-          ] })
-        ]
-      }
-    );
-  }
-);
-TrendIndicator.displayName = "TrendIndicator";
-var defaultColorMap = {
-  active: "green",
-  inactive: "gray",
-  warning: "yellow",
-  error: "red",
-  pending: "blue"
-};
-var colorStyles = {
-  green: {
-    dot: "bg-green-500",
-    bg: "bg-green-50 dark:bg-green-950",
-    text: "text-green-700 dark:text-green-300"
-  },
-  gray: {
-    dot: "bg-gray-500",
-    bg: "bg-gray-50 dark:bg-gray-950",
-    text: "text-gray-700 dark:text-gray-300"
-  },
-  yellow: {
-    dot: "bg-yellow-500",
-    bg: "bg-yellow-50 dark:bg-yellow-950",
-    text: "text-yellow-700 dark:text-yellow-300"
-  },
-  red: {
-    dot: "bg-red-500",
-    bg: "bg-red-50 dark:bg-red-950",
-    text: "text-red-700 dark:text-red-300"
-  },
-  blue: {
-    dot: "bg-blue-500",
-    bg: "bg-blue-50 dark:bg-blue-950",
-    text: "text-blue-700 dark:text-blue-300"
-  }
-};
-var fallbackStyle = colorStyles.gray;
-var StatusBadge = forwardRef(function StatusBadge2({ status, label, colorMap, className }, ref) {
-  const mergedColorMap = { ...defaultColorMap, ...colorMap };
-  const color = mergedColorMap[status] ?? "gray";
-  const style = colorStyles[color] ?? fallbackStyle;
-  const displayLabel = label ?? status;
-  return /* @__PURE__ */ jsxs(
-    Badge,
-    {
-      ref,
-      "data-slot": "status-badge",
-      variant: "outline",
-      className: cn("gap-1.5 border-transparent", style.bg, style.text, className),
-      "aria-label": displayLabel,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: cn("inline-block size-2 rounded-full", style.dot), "aria-hidden": "true" }),
-        displayLabel
-      ]
-    }
-  );
-});
-StatusBadge.displayName = "StatusBadge";
-var Placeholder = forwardRef(function Placeholder2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      "data-slot": "placeholder",
-      className: cn("inline-block animate-pulse text-muted-foreground", className),
-      ...props
-    }
-  );
-});
-Placeholder.displayName = "Placeholder";
-
-export { AppShell, AreaChart, BarChart, BarList, CategoryBar, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, DonutChart, EChart, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, FunnelSteps, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, Placeholder, ProgressCircle, SearchableSelect, SectionHeader, SegmentedControl, Sparkline, StatusBadge, Tracker, TrendIndicator, defaultPresets, flattenOptions, funnelStepsVariants, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, useDataTable };
-//# sourceMappingURL=chunk-AG6RZ2RR.js.map
-//# sourceMappingURL=chunk-AG6RZ2RR.js.map