@squadbase/vantage 0.1.0 → 0.2.0

package/dist/client/index.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react';
-import { a as PageConfig } from '../define-page-B6y9TOfZ.js';
+import { a as PageConfig } from '../define-page-BfhrK99G.js';
 
 /** A page module as loaded by a route loader. */
 interface PageModule {
@@ -21,6 +21,7 @@ interface ClientPage {
     routePath: string;
     title?: string;
     description?: string;
+    navLabel?: string;
     load: Loader;
 }
 /** The route manifest emitted into `.vantage/route-tree.gen.ts`. */

package/dist/client/index.js

@@ -1,4 +1,5 @@
-import { createQueryClient } from '../chunk-ATYZ45XL.js';
+import { createQueryClient } from '../chunk-DTDVSFRY.js';
+import { setRoutes } from '../chunk-EHPJXDJU.js';
 import { StrictMode, Component } from 'react';
 import { createRoot } from 'react-dom/client';
 import { RouterProvider, createRootRoute, createRoute, createRouter, Outlet, lazyRouteComponent } from '@tanstack/react-router';
@@ -113,6 +114,7 @@ function layoutDepth(layout, manifest) {
   return depth;
 }
 function bootstrap(manifest) {
+  setRoutes(manifest);
   const { router } = buildRouter(manifest);
   const queryClient = createQueryClient();
   const defaultTitle = document.title;

package/dist/client/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/client/states.tsx","../../src/client/error-boundary.tsx","../../src/client/build-router.tsx","../../src/client/bootstrap.tsx"],"names":["jsx"],"mappings":"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","file":"index.js","sourcesContent":["import type { ReactNode } from \"react\"\n\n/** Minimal internal states used as router-level defaults. */\n\nexport function DefaultPending(): ReactNode {\n  return (\n    <div className=\"flex min-h-[40vh] items-center justify-center\" role=\"status\" aria-live=\"polite\">\n      <div className=\"flex items-center gap-3 text-sm text-[var(--muted-foreground,#71717a)]\">\n        <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n        Loading…\n      </div>\n    </div>\n  )\n}\n\nexport function DefaultError({ error }: { error: unknown }): ReactNode {\n  const message = error instanceof Error ? error.message : String(error)\n  return (\n    <div className=\"mx-auto max-w-2xl p-6\" role=\"alert\">\n      <div className=\"rounded-lg border border-[var(--border,#e4e4e7)] bg-[var(--card,#fff)] p-6\">\n        <h2 className=\"text-lg font-semibold text-[var(--foreground,#09090b)]\">Something went wrong</h2>\n        <p className=\"mt-2 text-sm text-[var(--muted-foreground,#71717a)]\">{message}</p>\n      </div>\n    </div>\n  )\n}\n\nexport function DefaultNotFound(): ReactNode {\n  return (\n    <div className=\"mx-auto max-w-2xl p-6 text-center\">\n      <p className=\"text-5xl font-bold text-[var(--muted-foreground,#a1a1aa)]\">404</p>\n      <h2 className=\"mt-3 text-lg font-semibold text-[var(--foreground,#09090b)]\">Page not found</h2>\n      <p className=\"mt-1 text-sm text-[var(--muted-foreground,#71717a)]\">\n        The page you are looking for does not exist.\n      </p>\n    </div>\n  )\n}\n","import { Component, type ErrorInfo, type ReactNode } from \"react\"\nimport { DefaultError } from \"./states.js\"\n\ninterface Props {\n  children: ReactNode\n  fallback?: (error: unknown) => ReactNode\n}\n\ninterface State {\n  error: unknown\n}\n\n/**\n * Top-level error boundary that wraps the entire application (outside the\n * router). Route-level errors are handled by the router's errorComponent; this\n * catches catastrophic render failures in the provider tree.\n */\nexport class AppErrorBoundary extends Component<Props, State> {\n  state: State = { error: null }\n\n  static getDerivedStateFromError(error: unknown): State {\n    return { error }\n  }\n\n  componentDidCatch(error: unknown, info: ErrorInfo): void {\n    // Forwarded to the terminal in dev via the console bridge.\n    console.error(\"[vantage] Unhandled application error:\", error, info.componentStack)\n  }\n\n  render(): ReactNode {\n    if (this.state.error != null) {\n      return this.props.fallback\n        ? this.props.fallback(this.state.error)\n        : <DefaultError error={this.state.error} />\n    }\n    return this.props.children\n  }\n}\n","import {\n  createRootRoute,\n  createRoute,\n  createRouter,\n  lazyRouteComponent,\n  Outlet,\n} from \"@tanstack/react-router\"\nimport type { ClientManifest, Loader } from \"./manifest.js\"\nimport { DefaultError, DefaultNotFound, DefaultPending } from \"./states.js\"\n\n// The programmatic route tree fights TanStack's file-route generics, which are\n// designed for codegen. Internal assembly is intentionally untyped; the public\n// surface (pages, definePage) stays fully typed.\n/* eslint-disable @typescript-eslint/no-explicit-any */\ntype AnyRoute = any\n\nfunction RootPassthrough() {\n  return <Outlet />\n}\n\nfunction lazyComponent(load: Loader): AnyRoute {\n  return lazyRouteComponent(load as () => Promise<{ default: any }>)\n}\n\nfunction lazyErrorComponent(load: Loader): AnyRoute {\n  return lazyRouteComponent(load as () => Promise<{ default: any }>)\n}\n\nexport interface BuiltRouter {\n  router: AnyRoute\n  /** routeId -> page meta, for the title manager. */\n  meta: Map<string, { title?: string; description?: string; routePath: string }>\n}\n\n/** Assemble a TanStack Router instance from the generated manifest. */\nexport function buildRouter(manifest: ClientManifest): BuiltRouter {\n  const rootRoute = createRootRoute({\n    component: manifest.rootLayout ? lazyComponent(manifest.rootLayout) : RootPassthrough,\n    errorComponent: manifest.error ? lazyErrorComponent(manifest.error) : DefaultError,\n    notFoundComponent: manifest.notFound ? lazyComponent(manifest.notFound) : DefaultNotFound,\n  })\n\n  const layoutById = new Map<string, AnyRoute>()\n  const childrenByParent = new Map<string, AnyRoute[]>()\n  const meta = new Map<string, { title?: string; description?: string; routePath: string }>()\n\n  const pushChild = (parentKey: string, route: AnyRoute) => {\n    const list = childrenByParent.get(parentKey) ?? []\n    list.push(route)\n    childrenByParent.set(parentKey, list)\n  }\n\n  // 1. Create layout routes (parents referenced lazily via getParentRoute).\n  for (const layout of manifest.layouts) {\n    const parentKey = layout.parentId ?? \"__root__\"\n    const route: AnyRoute = createRoute({\n      getParentRoute: () =>\n        layout.parentId ? layoutById.get(layout.parentId)! : rootRoute,\n      path: layout.path,\n      component: lazyComponent(layout.load),\n    } as AnyRoute)\n    layoutById.set(layout.id, route)\n    pushChild(parentKey, route)\n  }\n\n  // 2. Create page routes.\n  for (const page of manifest.pages) {\n    const parentKey = page.parentLayoutId ?? \"__root__\"\n    const route: AnyRoute = createRoute({\n      getParentRoute: () =>\n        page.parentLayoutId ? layoutById.get(page.parentLayoutId)! : rootRoute,\n      path: page.path,\n      component: lazyComponent(page.load),\n      staticData: { title: page.title, description: page.description, routePath: page.routePath },\n    } as AnyRoute)\n    pushChild(parentKey, route)\n    // route.id is finalized after createRouter; index by routePath-derived key\n    // is unreliable, so the title manager reads staticData off matches instead.\n  }\n\n  // 3. Attach children — deepest layouts first so nested trees are built before\n  //    their parent references them.\n  const layoutsDeepFirst = [...manifest.layouts].sort(\n    (a, b) => layoutDepth(b, manifest) - layoutDepth(a, manifest),\n  )\n  for (const layout of layoutsDeepFirst) {\n    const route = layoutById.get(layout.id)!\n    route.addChildren(childrenByParent.get(layout.id) ?? [])\n  }\n  rootRoute.addChildren(childrenByParent.get(\"__root__\") ?? [])\n\n  const router = createRouter({\n    routeTree: rootRoute,\n    defaultPendingComponent: DefaultPending,\n    defaultErrorComponent: DefaultError,\n    defaultNotFoundComponent: DefaultNotFound,\n    defaultPreload: \"intent\",\n    scrollRestoration: true,\n  } as AnyRoute)\n\n  return { router, meta }\n}\n\nfunction layoutDepth(layout: { id: string; parentId: string | null }, manifest: ClientManifest): number {\n  let depth = 0\n  let current: string | null = layout.parentId\n  const byId = new Map(manifest.layouts.map((l) => [l.id, l]))\n  while (current) {\n    depth++\n    current = byId.get(current)?.parentId ?? null\n  }\n  return depth\n}\n","import { StrictMode } from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport { RouterProvider } from \"@tanstack/react-router\"\nimport { QueryClientProvider } from \"@tanstack/react-query\"\nimport { createQueryClient } from \"../query/client.js\"\nimport { AppErrorBoundary } from \"./error-boundary.js\"\nimport { buildRouter } from \"./build-router.js\"\nimport type { ClientManifest } from \"./manifest.js\"\n\n/**\n * Client entrypoint. The generated `.vantage/client-entry.tsx` calls this with\n * the route manifest. Owns React root creation and the provider tree:\n *\n *   <AppErrorBoundary>\n *     <QueryClientProvider>\n *       <RouterProvider />\n */\nexport function bootstrap(manifest: ClientManifest): void {\n  const { router } = buildRouter(manifest)\n  const queryClient = createQueryClient()\n\n  // The document's initial title is the fallback for pages without a definePage\n  // title, so navigating away from a titled page doesn't leave a stale title.\n  const defaultTitle = document.title\n\n  const updateTitle = () => {\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const matches: any[] = router.state?.matches ?? []\n      const leaf = matches[matches.length - 1]\n      const title = leaf?.staticData?.title\n      document.title = typeof title === \"string\" && title.length > 0 ? title : defaultTitle\n    } catch {\n      /* title updates are best-effort */\n    }\n  }\n  router.subscribe?.(\"onResolved\", updateTitle)\n\n  const el = document.getElementById(\"root\")\n  if (!el) {\n    throw new Error('[vantage] Root element \"#root\" was not found in the document.')\n  }\n\n  createRoot(el).render(\n    <StrictMode>\n      <AppErrorBoundary>\n        <QueryClientProvider client={queryClient}>\n          <RouterProvider router={router} />\n        </QueryClientProvider>\n      </AppErrorBoundary>\n    </StrictMode>,\n  )\n\n  updateTitle()\n}\n"]}
+{"version":3,"sources":["../../src/client/states.tsx","../../src/client/error-boundary.tsx","../../src/client/build-router.tsx","../../src/client/bootstrap.tsx"],"names":["jsx"],"mappings":"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","file":"index.js","sourcesContent":["import type { ReactNode } from \"react\"\n\n/** Minimal internal states used as router-level defaults. */\n\nexport function DefaultPending(): ReactNode {\n  return (\n    <div className=\"flex min-h-[40vh] items-center justify-center\" role=\"status\" aria-live=\"polite\">\n      <div className=\"flex items-center gap-3 text-sm text-[var(--muted-foreground,#71717a)]\">\n        <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n        Loading…\n      </div>\n    </div>\n  )\n}\n\nexport function DefaultError({ error }: { error: unknown }): ReactNode {\n  const message = error instanceof Error ? error.message : String(error)\n  return (\n    <div className=\"mx-auto max-w-2xl p-6\" role=\"alert\">\n      <div className=\"rounded-lg border border-[var(--border,#e4e4e7)] bg-[var(--card,#fff)] p-6\">\n        <h2 className=\"text-lg font-semibold text-[var(--foreground,#09090b)]\">Something went wrong</h2>\n        <p className=\"mt-2 text-sm text-[var(--muted-foreground,#71717a)]\">{message}</p>\n      </div>\n    </div>\n  )\n}\n\nexport function DefaultNotFound(): ReactNode {\n  return (\n    <div className=\"mx-auto max-w-2xl p-6 text-center\">\n      <p className=\"text-5xl font-bold text-[var(--muted-foreground,#a1a1aa)]\">404</p>\n      <h2 className=\"mt-3 text-lg font-semibold text-[var(--foreground,#09090b)]\">Page not found</h2>\n      <p className=\"mt-1 text-sm text-[var(--muted-foreground,#71717a)]\">\n        The page you are looking for does not exist.\n      </p>\n    </div>\n  )\n}\n","import { Component, type ErrorInfo, type ReactNode } from \"react\"\nimport { DefaultError } from \"./states\"\n\ninterface Props {\n  children: ReactNode\n  fallback?: (error: unknown) => ReactNode\n}\n\ninterface State {\n  error: unknown\n}\n\n/**\n * Top-level error boundary that wraps the entire application (outside the\n * router). Route-level errors are handled by the router's errorComponent; this\n * catches catastrophic render failures in the provider tree.\n */\nexport class AppErrorBoundary extends Component<Props, State> {\n  state: State = { error: null }\n\n  static getDerivedStateFromError(error: unknown): State {\n    return { error }\n  }\n\n  componentDidCatch(error: unknown, info: ErrorInfo): void {\n    // Forwarded to the terminal in dev via the console bridge.\n    console.error(\"[vantage] Unhandled application error:\", error, info.componentStack)\n  }\n\n  render(): ReactNode {\n    if (this.state.error != null) {\n      return this.props.fallback\n        ? this.props.fallback(this.state.error)\n        : <DefaultError error={this.state.error} />\n    }\n    return this.props.children\n  }\n}\n","import {\n  createRootRoute,\n  createRoute,\n  createRouter,\n  lazyRouteComponent,\n  Outlet,\n} from \"@tanstack/react-router\"\nimport type { ClientManifest, Loader } from \"./manifest\"\nimport { DefaultError, DefaultNotFound, DefaultPending } from \"./states\"\n\n// The programmatic route tree fights TanStack's file-route generics, which are\n// designed for codegen. Internal assembly is intentionally untyped; the public\n// surface (pages, definePage) stays fully typed.\n/* eslint-disable @typescript-eslint/no-explicit-any */\ntype AnyRoute = any\n\nfunction RootPassthrough() {\n  return <Outlet />\n}\n\nfunction lazyComponent(load: Loader): AnyRoute {\n  return lazyRouteComponent(load as () => Promise<{ default: any }>)\n}\n\nfunction lazyErrorComponent(load: Loader): AnyRoute {\n  return lazyRouteComponent(load as () => Promise<{ default: any }>)\n}\n\nexport interface BuiltRouter {\n  router: AnyRoute\n  /** routeId -> page meta, for the title manager. */\n  meta: Map<string, { title?: string; description?: string; routePath: string }>\n}\n\n/** Assemble a TanStack Router instance from the generated manifest. */\nexport function buildRouter(manifest: ClientManifest): BuiltRouter {\n  const rootRoute = createRootRoute({\n    component: manifest.rootLayout ? lazyComponent(manifest.rootLayout) : RootPassthrough,\n    errorComponent: manifest.error ? lazyErrorComponent(manifest.error) : DefaultError,\n    notFoundComponent: manifest.notFound ? lazyComponent(manifest.notFound) : DefaultNotFound,\n  })\n\n  const layoutById = new Map<string, AnyRoute>()\n  const childrenByParent = new Map<string, AnyRoute[]>()\n  const meta = new Map<string, { title?: string; description?: string; routePath: string }>()\n\n  const pushChild = (parentKey: string, route: AnyRoute) => {\n    const list = childrenByParent.get(parentKey) ?? []\n    list.push(route)\n    childrenByParent.set(parentKey, list)\n  }\n\n  // 1. Create layout routes (parents referenced lazily via getParentRoute).\n  for (const layout of manifest.layouts) {\n    const parentKey = layout.parentId ?? \"__root__\"\n    const route: AnyRoute = createRoute({\n      getParentRoute: () =>\n        layout.parentId ? layoutById.get(layout.parentId)! : rootRoute,\n      path: layout.path,\n      component: lazyComponent(layout.load),\n    } as AnyRoute)\n    layoutById.set(layout.id, route)\n    pushChild(parentKey, route)\n  }\n\n  // 2. Create page routes.\n  for (const page of manifest.pages) {\n    const parentKey = page.parentLayoutId ?? \"__root__\"\n    const route: AnyRoute = createRoute({\n      getParentRoute: () =>\n        page.parentLayoutId ? layoutById.get(page.parentLayoutId)! : rootRoute,\n      path: page.path,\n      component: lazyComponent(page.load),\n      staticData: { title: page.title, description: page.description, routePath: page.routePath },\n    } as AnyRoute)\n    pushChild(parentKey, route)\n    // route.id is finalized after createRouter; index by routePath-derived key\n    // is unreliable, so the title manager reads staticData off matches instead.\n  }\n\n  // 3. Attach children — deepest layouts first so nested trees are built before\n  //    their parent references them.\n  const layoutsDeepFirst = [...manifest.layouts].sort(\n    (a, b) => layoutDepth(b, manifest) - layoutDepth(a, manifest),\n  )\n  for (const layout of layoutsDeepFirst) {\n    const route = layoutById.get(layout.id)!\n    route.addChildren(childrenByParent.get(layout.id) ?? [])\n  }\n  rootRoute.addChildren(childrenByParent.get(\"__root__\") ?? [])\n\n  const router = createRouter({\n    routeTree: rootRoute,\n    defaultPendingComponent: DefaultPending,\n    defaultErrorComponent: DefaultError,\n    defaultNotFoundComponent: DefaultNotFound,\n    defaultPreload: \"intent\",\n    scrollRestoration: true,\n  } as AnyRoute)\n\n  return { router, meta }\n}\n\nfunction layoutDepth(layout: { id: string; parentId: string | null }, manifest: ClientManifest): number {\n  let depth = 0\n  let current: string | null = layout.parentId\n  const byId = new Map(manifest.layouts.map((l) => [l.id, l]))\n  while (current) {\n    depth++\n    current = byId.get(current)?.parentId ?? null\n  }\n  return depth\n}\n","import { StrictMode } from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport { RouterProvider } from \"@tanstack/react-router\"\nimport { QueryClientProvider } from \"@tanstack/react-query\"\nimport { createQueryClient } from \"../query/client\"\nimport { setRoutes } from \"../router/registry\"\nimport { AppErrorBoundary } from \"./error-boundary\"\nimport { buildRouter } from \"./build-router\"\nimport type { ClientManifest } from \"./manifest\"\n\n/**\n * Client entrypoint. The generated `.vantage/client-entry.tsx` calls this with\n * the route manifest. Owns React root creation and the provider tree:\n *\n *   <AppErrorBoundary>\n *     <QueryClientProvider>\n *       <RouterProvider />\n */\nexport function bootstrap(manifest: ClientManifest): void {\n  // Publish the route list before the first render so `useRoutes()` is\n  // populated for the very first page, not one paint late.\n  setRoutes(manifest)\n\n  const { router } = buildRouter(manifest)\n  const queryClient = createQueryClient()\n\n  // The document's initial title is the fallback for pages without a definePage\n  // title, so navigating away from a titled page doesn't leave a stale title.\n  const defaultTitle = document.title\n\n  const updateTitle = () => {\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const matches: any[] = router.state?.matches ?? []\n      const leaf = matches[matches.length - 1]\n      const title = leaf?.staticData?.title\n      document.title = typeof title === \"string\" && title.length > 0 ? title : defaultTitle\n    } catch {\n      /* title updates are best-effort */\n    }\n  }\n  router.subscribe?.(\"onResolved\", updateTitle)\n\n  const el = document.getElementById(\"root\")\n  if (!el) {\n    throw new Error('[vantage] Root element \"#root\" was not found in the document.')\n  }\n\n  createRoot(el).render(\n    <StrictMode>\n      <AppErrorBoundary>\n        <QueryClientProvider client={queryClient}>\n          <RouterProvider router={router} />\n        </QueryClientProvider>\n      </AppErrorBoundary>\n    </StrictMode>,\n  )\n\n  updateTitle()\n}\n"]}

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
-import { HTMLAttributes, ComponentType, ReactNode, ElementType, ComponentProps } from 'react';
+import { HTMLAttributes, ComponentType, ReactNode, ElementType, ComponentProps, SVGAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { EChartsOption } from 'echarts';
 export { EChartsOption } from 'echarts';
@@ -298,6 +298,23 @@ interface FunnelStepsProps extends ComponentProps<"div">, VariantProps<typeof fu
 }
 declare const FunnelSteps: React.ForwardRefExoticComponent<Omit<FunnelStepsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
+type SparklineVariant = "line" | "bar";
+interface SparklineDataPoint {
+    value: number;
+    label?: string;
+}
+interface SparklineProps extends SVGAttributes<SVGSVGElement> {
+    data: SparklineDataPoint[];
+    variant?: SparklineVariant;
+    height?: number;
+    /** Tailwind text-colour class; drives both stroke and fill via `currentColor`. */
+    color?: string;
+    area?: boolean;
+    animate?: boolean;
+    className?: string;
+}
+declare const Sparkline: React.ForwardRefExoticComponent<SparklineProps & React.RefAttributes<SVGSVGElement>>;
+
 interface DataTableContextValue<TData> {
     table: Table<TData>;
     selectedRows: TData[];
@@ -551,4 +568,8 @@ interface StatusBadgeProps {
 }
 declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
-export { AppShell, type AppShellHeaderProps, type AppShellProps, type AppShellSidebarProps, DashboardCard, DashboardCardAction, type DashboardCardActionProps, DashboardCardContent, type DashboardCardContentProps, DashboardCardDescription, type DashboardCardDescriptionProps, DashboardCardFooter, type DashboardCardFooterProps, DashboardCardHeader, type DashboardCardHeaderProps, DashboardCardPreset, type DashboardCardPresetProps, type DashboardCardProps, DashboardCardSkeleton, type DashboardCardSkeletonProps, DashboardCardTitle, type DashboardCardTitleProps, DataTable, DataTableColumnVisibility, type DataTableColumnVisibilityProps, DataTableContent, type DataTableContentProps, DataTablePagination, type DataTablePaginationProps, DataTablePreset, type DataTablePresetProps, type DataTableProps, DataTableToolbar, type DataTableToolbarProps, type DateRange, DateRangePicker, type DateRangePickerProps, EChart, type EChartProps, FilterBar, FilterBarActiveChips, type FilterBarActiveChipsProps, FilterBarClearButton, type FilterBarClearButtonProps, FilterBarMultiSelect, type FilterBarMultiSelectProps, FilterBarPreset, type FilterBarPresetProps, type FilterBarProps, FilterBarSelect, type FilterBarSelectProps, type FilterConfig, type FilterOption, type FilterType, type FilterValues, type FunnelStep, FunnelSteps, type FunnelStepsProps, type MetricItem, MetricUnit, type MetricUnitProps, MetricValue, type MetricValueProps, type MetricVariant, MultiSelect, type MultiSelectProps, type NavGroup, type NavItem, PageShell, PageShellActions, type PageShellActionsProps, PageShellContent, type PageShellContentProps, PageShellDescription, type PageShellDescriptionProps, PageShellHeader, PageShellHeaderEnd, type PageShellHeaderEndProps, type PageShellHeaderProps, PageShellHeading, type PageShellHeadingProps, PageShellMeta, type PageShellMetaProps, type PageShellProps, PageShellSummary, PageShellSummaryCard, type PageShellSummaryCardProps, type PageShellSummaryProps, PageShellTitle, type PageShellTitleProps, type PresetItem, SearchableSelect, type SearchableSelectProps, SectionHeader, type SectionHeaderProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, type SelectOption, type SelectOptionGroup, type SelectOptions, StatusBadge, type StatusBadgeProps, type TrendDirection, TrendIndicator, type TrendIndicatorProps, defaultPresets, flattenOptions, funnelStepsVariants, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, useDataTable };
+interface PlaceholderProps extends HTMLAttributes<HTMLSpanElement> {
+}
+declare const Placeholder: React.ForwardRefExoticComponent<PlaceholderProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { AppShell, type AppShellHeaderProps, type AppShellProps, type AppShellSidebarProps, DashboardCard, DashboardCardAction, type DashboardCardActionProps, DashboardCardContent, type DashboardCardContentProps, DashboardCardDescription, type DashboardCardDescriptionProps, DashboardCardFooter, type DashboardCardFooterProps, DashboardCardHeader, type DashboardCardHeaderProps, DashboardCardPreset, type DashboardCardPresetProps, type DashboardCardProps, DashboardCardSkeleton, type DashboardCardSkeletonProps, DashboardCardTitle, type DashboardCardTitleProps, DataTable, DataTableColumnVisibility, type DataTableColumnVisibilityProps, DataTableContent, type DataTableContentProps, DataTablePagination, type DataTablePaginationProps, DataTablePreset, type DataTablePresetProps, type DataTableProps, DataTableToolbar, type DataTableToolbarProps, type DateRange, DateRangePicker, type DateRangePickerProps, EChart, type EChartProps, FilterBar, FilterBarActiveChips, type FilterBarActiveChipsProps, FilterBarClearButton, type FilterBarClearButtonProps, FilterBarMultiSelect, type FilterBarMultiSelectProps, FilterBarPreset, type FilterBarPresetProps, type FilterBarProps, FilterBarSelect, type FilterBarSelectProps, type FilterConfig, type FilterOption, type FilterType, type FilterValues, type FunnelStep, FunnelSteps, type FunnelStepsProps, type MetricItem, MetricUnit, type MetricUnitProps, MetricValue, type MetricValueProps, type MetricVariant, MultiSelect, type MultiSelectProps, type NavGroup, type NavItem, PageShell, PageShellActions, type PageShellActionsProps, PageShellContent, type PageShellContentProps, PageShellDescription, type PageShellDescriptionProps, PageShellHeader, PageShellHeaderEnd, type PageShellHeaderEndProps, type PageShellHeaderProps, PageShellHeading, type PageShellHeadingProps, PageShellMeta, type PageShellMetaProps, type PageShellProps, PageShellSummary, PageShellSummaryCard, type PageShellSummaryCardProps, type PageShellSummaryProps, PageShellTitle, type PageShellTitleProps, Placeholder, type PlaceholderProps, type PresetItem, SearchableSelect, type SearchableSelectProps, SectionHeader, type SectionHeaderProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, type SelectOption, type SelectOptionGroup, type SelectOptions, Sparkline, type SparklineDataPoint, type SparklineProps, type SparklineVariant, StatusBadge, type StatusBadgeProps, type TrendDirection, TrendIndicator, type TrendIndicatorProps, defaultPresets, flattenOptions, funnelStepsVariants, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, useDataTable };

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarFooter, SidebarRail, SidebarInset, SidebarTrigger, Separator, Button, 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-WQZYXXQW.js';
+import { SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarFooter, SidebarRail, SidebarInset, SidebarTrigger, Separator, Button, 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-DIABD3KZ.js';
 import { cn } from '../chunk-A2UUGASH.js';
 import { forwardRef, useRef, useState, useEffect, useCallback, Fragment, createContext, useMemo, useId, useContext } from 'react';
 import { cva } from 'class-variance-authority';
@@ -815,6 +815,108 @@ var FunnelSteps = forwardRef(function FunnelSteps2({
   );
 });
 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$1, { 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;
@@ -1977,7 +2079,19 @@ var StatusBadge = forwardRef(function StatusBadge2({ status, label, colorMap, cl
   );
 });
 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, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, EChart, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, FunnelSteps, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, TrendIndicator, defaultPresets, flattenOptions, funnelStepsVariants, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, useDataTable };
+export { AppShell, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, EChart, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, FunnelSteps, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, Placeholder, SearchableSelect, SectionHeader, SegmentedControl, Sparkline, StatusBadge, TrendIndicator, defaultPresets, flattenOptions, funnelStepsVariants, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, useDataTable };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map