xertica-ui 2.3.0 → 2.4.0

package/dist/components/ui/chart/parts/chart-metric.d.ts

@@ -1,118 +0,0 @@
-import * as React from "react";
-import type { ChartStateProps, DashboardChartColors, DashboardChartDatum, DashboardChartSeries } from "./chart-primitives";
-export interface RadarMetricChartProps extends ChartStateProps {
-    /** Data array — each item is one axis point on the radar */
-    data: DashboardChartDatum[];
-    /** Key in each datum used as the axis label */
-    labelKey: string;
-    /**
-     * Series to render. Each entry maps to one `<Radar>` element.
-     * Use a single entry for a simple radar, multiple for comparison.
-     */
-    series: DashboardChartSeries[];
-    /** Override colors per series key or as an ordered array */
-    colors?: DashboardChartColors;
-    /** Fill the radar polygon (default: true) */
-    filled?: boolean;
-    /** Fill opacity when `filled` is true (default: 0.25) */
-    fillOpacity?: number;
-    /** Show dots on each axis point (default: false) */
-    showDots?: boolean;
-    /** Show the polar grid lines (default: true) */
-    showGrid?: boolean;
-    /** Show the legend (default: true when multiple series) */
-    showLegend?: boolean;
-    /** Format axis tick values */
-    valueFormatter?: (value: number | string) => string;
-    className?: string;
-}
-export declare function RadarMetricChart({ data, labelKey, series, colors, filled, fillOpacity, showDots, showGrid, showLegend, valueFormatter, isLoading, error, onRetry, retryLabel, emptyTitle, emptyDescription, errorTitle, errorDescription, loadingLabel, stateClassName, className, }: RadarMetricChartProps): import("react/jsx-runtime").JSX.Element;
-export interface PieMetricChartProps extends ChartStateProps {
-    /** Data array — each item is one slice */
-    data: DashboardChartDatum[];
-    /** Key in each datum used as the slice name/label */
-    nameKey: string;
-    /** Key in each datum used as the slice value */
-    valueKey: string;
-    /** Override colors as an ordered array or per-name map */
-    colors?: DashboardChartColors;
-    /** Outer radius of the pie (default: "80%") */
-    outerRadius?: number | string;
-    /** Inner radius — set > 0 to make a donut (default: 0) */
-    innerRadius?: number | string;
-    /** Show percentage labels inside/outside each slice (default: false) */
-    showLabels?: boolean;
-    /** Show the legend (default: true) */
-    showLegend?: boolean;
-    /**
-     * Index of the slice to "explode" (offset outward).
-     * Pass -1 or undefined to disable.
-     */
-    explodeIndex?: number;
-    /** Offset distance for the exploded slice in px (default: 12) */
-    explodeOffset?: number;
-    /** Format tooltip values */
-    valueFormatter?: (value: number | string) => string;
-    className?: string;
-}
-export declare function PieMetricChart({ data, nameKey, valueKey, colors, outerRadius, innerRadius, showLabels, showLegend, explodeIndex, explodeOffset, valueFormatter, isLoading, error, onRetry, retryLabel, emptyTitle, emptyDescription, errorTitle, errorDescription, loadingLabel, stateClassName, className, }: PieMetricChartProps): import("react/jsx-runtime").JSX.Element;
-export interface RadialBarMetricChartProps extends ChartStateProps {
-    /**
-     * Data array. Each item should have a `name` field (for labels) and
-     * the `dataKey` field (for values, 0–100 for percentage-based display).
-     */
-    data: DashboardChartDatum[];
-    /** Key in each datum used as the bar value (default: "value") */
-    dataKey?: string;
-    /** Key in each datum used as the bar label (default: "name") */
-    nameKey?: string;
-    /** Override colors as an ordered array or per-name map */
-    colors?: DashboardChartColors;
-    /** Inner radius of the radial bar (default: "30%") */
-    innerRadius?: number | string;
-    /** Outer radius of the radial bar (default: "100%") */
-    outerRadius?: number | string;
-    /** Start angle in degrees (default: 90 — top) */
-    startAngle?: number;
-    /** End angle in degrees (default: -270 — full circle) */
-    endAngle?: number;
-    /** Show background track behind each bar (default: true) */
-    showBackground?: boolean;
-    /** Show the legend (default: true) */
-    showLegend?: boolean;
-    /** Format tooltip values */
-    valueFormatter?: (value: number | string) => string;
-    className?: string;
-}
-export declare function RadialBarMetricChart({ data, dataKey, nameKey, colors, innerRadius, outerRadius, startAngle, endAngle, showBackground, showLegend, valueFormatter, isLoading, error, onRetry, retryLabel, emptyTitle, emptyDescription, errorTitle, errorDescription, loadingLabel, stateClassName, className, }: RadialBarMetricChartProps): import("react/jsx-runtime").JSX.Element;
-export interface GaugeChartThreshold {
-    /** Upper bound of this zone (0–100) */
-    value: number;
-    /** Color for this zone */
-    color: string;
-    /** Optional label for this zone */
-    label?: string;
-}
-export interface GaugeChartProps {
-    /** Current value (must be within [min, max]) */
-    value: number;
-    /** Minimum value (default: 0) */
-    min?: number;
-    /** Maximum value (default: 100) */
-    max?: number;
-    /**
-     * Color zones. Each threshold defines the upper bound of a zone.
-     * Zones are evaluated in order; the first zone whose `value >= current %`
-     * determines the active color.
-     * If omitted, uses `--chart-1`.
-     */
-    thresholds?: GaugeChartThreshold[];
-    /** Label shown below the value (e.g. "CPU Usage") */
-    label?: React.ReactNode;
-    /** Format the center value text (default: shows percentage) */
-    valueFormatter?: (value: number, percent: number) => string;
-    /** Show the needle indicator (default: true) */
-    showNeedle?: boolean;
-    className?: string;
-}
-export declare function GaugeChart({ value, min, max, thresholds, label, valueFormatter, showNeedle, className, }: GaugeChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/chart/parts/chart-primitives.d.ts

@@ -1,101 +0,0 @@
-import * as React from "react";
-import * as RechartsPrimitive from "recharts";
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-export type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-type ChartContextProps = {
-    config: ChartConfig;
-};
-export type DashboardChartDatum = Record<string, string | number | null | undefined>;
-export type DashboardChartSeries = {
-    key: string;
-    label?: React.ReactNode;
-    type?: "bar" | "line" | "area";
-    stackId?: string;
-    yAxisId?: string;
-};
-export type DashboardChartColors = string[] | Record<string, string>;
-export type ChartPeriod = {
-    value: string;
-    label: string;
-};
-export type ChartBarSize = "sm" | "md" | "lg" | "xl" | number;
-/** Curve interpolation type for line and area charts */
-export type ChartCurveType = "monotone" | "linear" | "step" | "stepBefore" | "stepAfter" | "natural" | "basis";
-export type ChartErrorState = boolean | string | Error | React.ReactNode;
-export type ChartStateProps = {
-    isLoading?: boolean;
-    error?: ChartErrorState;
-    onRetry?: () => void;
-    retryLabel?: React.ReactNode;
-    emptyTitle?: React.ReactNode;
-    emptyDescription?: React.ReactNode;
-    errorTitle?: React.ReactNode;
-    errorDescription?: React.ReactNode;
-    loadingLabel?: React.ReactNode;
-    stateClassName?: string;
-};
-export declare const defaultPeriods: ChartPeriod[];
-export declare const defaultChartColors: string[];
-export declare const chartBarSizes: Record<Exclude<ChartBarSize, number>, number>;
-export declare function useChart(): ChartContextProps;
-/**
- * Root container for Recharts-based charts with theme-aware color injection.
- *
- * @description
- * Wraps Recharts' `ResponsiveContainer` and injects CSS custom properties
- * (`--color-*`) from a `ChartConfig` object, enabling full dark-mode
- * support without hard-coded hex values in chart elements.
- *
- * @ai-rules
- * 1. NEVER pass hex colors directly to Recharts elements (e.g., `fill="#4F46E5"`).
- *    Always use `fill="var(--color-keyName)"` referencing the injected CSS variables.
- * 2. This wrapper is REQUIRED to use `ChartTooltipContent` and `ChartLegendContent`.
- * 3. Set height via `className="h-[300px]"` on `ChartContainer`, not on Recharts components.
- * 4. Do NOT add another `<ResponsiveContainer>` — it is already included inside.
- */
-export declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
-    config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): import("react/jsx-runtime").JSX.Element;
-export declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-export declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
-export declare const ChartLegend: typeof RechartsPrimitive.Legend;
-export declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-    hideIcon?: boolean;
-    nameKey?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
-export declare function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ({
-    label?: React.ReactNode;
-    icon?: React.ComponentType;
-} & ({
-    color?: string;
-    theme?: never;
-} | {
-    color?: never;
-    theme: Record<keyof typeof THEMES, string>;
-})) | undefined;
-export {};

package/dist/components/ui/chart/parts/chart-shared.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { Card } from "../../card";
-import type { ChartStateProps } from "./chart-primitives";
-export declare function getChartState(state: ChartStateProps, hasData: boolean, className?: string): import("react/jsx-runtime").JSX.Element | null;
-export interface ChartCardProps extends Omit<React.ComponentProps<typeof Card>, "title"> {
-    title: React.ReactNode;
-    description?: React.ReactNode;
-    action?: React.ReactNode;
-    footer?: React.ReactNode;
-    contentClassName?: string;
-}
-export declare function ChartCard({ title, description, action, footer, children, className, contentClassName, ...props }: ChartCardProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Renders SVG `<defs>` with linear gradients for each series key.
- * Used internally by area charts when `gradientFill` is enabled.
- */
-export declare function AreaGradientDefs({ seriesKeys, opacity, }: {
-    seriesKeys: string[];
-    opacity?: number;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/chart/parts/chart-utils.d.ts

@@ -1,12 +0,0 @@
-import type { ChartConfig, ChartBarSize, ChartErrorState, DashboardChartColors, DashboardChartDatum, DashboardChartSeries } from "./chart-primitives";
-export declare function getChartSeries(config: ChartConfig, series?: DashboardChartSeries[]): DashboardChartSeries[];
-export declare function getSeriesColor(key: string, index: number, colors?: DashboardChartColors): string;
-export declare function getChartConfigWithColors(config: ChartConfig, keys: string[], colors?: DashboardChartColors): ChartConfig;
-/** Build a ChartConfig from a list of keys (no pre-existing config needed). */
-export declare function buildChartConfig(keys: string[], colors?: DashboardChartColors): ChartConfig;
-export declare function formatTick(value: number | string): string;
-export declare function defaultFilterData(data: DashboardChartDatum[], period: string): DashboardChartDatum[];
-export declare function getErrorDescription(error: ChartErrorState): string | undefined;
-export declare function getBarSize(barSize?: ChartBarSize): number;
-export declare function hasChartData(data: DashboardChartDatum[], series: DashboardChartSeries[]): boolean;
-export declare function hasPieData(data: DashboardChartDatum[], nameKey: string, valueKey: string): boolean;

package/dist/components/ui/chart/parts/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./chart-primitives";
-export * from "./chart-utils";
-export * from "./chart-shared";
-export * from "./chart-dashboard";
-export * from "./chart-metric";

package/dist/dropdown-menu-BDB5CmQs.cjs

@@ -1,247 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const DropdownMenuPrimitive = require("@radix-ui/react-dropdown-menu");
-const lucideReact = require("lucide-react");
-const tooltip = require("./tooltip-Ded96neP.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const DropdownMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DropdownMenuPrimitive);
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { "data-slot": "dropdown-menu-portal", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: tooltip.cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: tooltip.cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive__namespace.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: tooltip.cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...props
-    }
-  );
-}
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive__namespace.RadioItem,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      className: tooltip.cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: tooltip.cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: tooltip.cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function DropdownMenuShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      className: tooltip.cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSub({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive__namespace.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      className: tooltip.cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto size-4" })
-      ]
-    }
-  );
-}
-function DropdownMenuSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: tooltip.cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuShortcut = DropdownMenuShortcut;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;