@schemavaults/ui 0.41.1 → 0.43.0

package/dist/components/ui/gauge/gauge.d.ts

@@ -0,0 +1,73 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactElement, ReactNode } from "react";
+export declare const gaugeSizeIds: readonly ["sm", "default", "lg", "xl"];
+export type GaugeSizeId = (typeof gaugeSizeIds)[number];
+export declare const gaugeColorIds: readonly ["default", "positive", "warning", "destructive"];
+export type GaugeColorId = (typeof gaugeColorIds)[number];
+export declare const gaugeVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const gaugeIndicatorVariants: (props?: ({
+    color?: "default" | "destructive" | "warning" | "positive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const gaugeValueLabelVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * A single color zone painted along the gauge arc.
+ *
+ * Zones are rendered in order, each filling the portion of the arc between
+ * `from` and `to` (both expressed in the gauge's value space, not as
+ * percentages — they are normalized against the gauge's `min`/`max`).
+ */
+export interface GaugeZone {
+    /** Start of the zone, in the gauge's value space. */
+    from: number;
+    /** End of the zone, in the gauge's value space. */
+    to: number;
+    /** One of the standard gauge colors. */
+    color: GaugeColorId;
+}
+export interface GaugeProps extends Omit<HTMLAttributes<HTMLDivElement>, "role" | "color">, VariantProps<typeof gaugeVariants>, VariantProps<typeof gaugeIndicatorVariants> {
+    /** Current value (clamped to [min, max]). */
+    value: number;
+    /** Accessible label describing what the gauge represents. */
+    label: string;
+    /** Minimum value (defaults to 0). */
+    min?: number;
+    /** Maximum value (defaults to 100). */
+    max?: number;
+    /** Override the SVG stroke width. Defaults are size-aware. */
+    strokeWidth?: number;
+    /** When true (default), shows the numeric value below the arc. */
+    showValue?: boolean;
+    /** When true, render min/max tick labels below the arc endpoints. */
+    showRange?: boolean;
+    /**
+     * Optional color zones rendered behind the indicator. Use to highlight
+     * acceptable / warning / danger ranges (e.g. CPU thresholds).
+     */
+    zones?: ReadonlyArray<GaugeZone>;
+    /**
+     * When true and `zones` is provided, the indicator + value label color is
+     * automatically chosen from whichever zone contains the current value,
+     * overriding the `color` prop.
+     */
+    autoColorFromZones?: boolean;
+    /** When true (default), render a needle indicator on top of the arc. */
+    showNeedle?: boolean;
+    /** When provided, displayed beneath the value (e.g. "ms", "%", "req/s"). */
+    unit?: string;
+    /** Custom content rendered beneath the arc, replacing the default value display. */
+    children?: ReactNode;
+    /** Additional classes for the indicator (animated) arc. */
+    indicatorClassName?: string;
+    /** Additional classes for the track (background) arc. */
+    trackClassName?: string;
+    /** Additional classes for the value label. */
+    valueLabelClassName?: string;
+}
+export declare function Gauge({ value, label, min, max, size, color, strokeWidth, showValue, showRange, showNeedle, zones, autoColorFromZones, unit, children, className, indicatorClassName, trackClassName, valueLabelClassName, ...props }: GaugeProps): ReactElement;
+export declare namespace Gauge {
+    var displayName: string;
+}

package/dist/components/ui/gauge/gauge.js

@@ -0,0 +1,134 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { m } from "../../../framer-motion";
+import { cn } from "../../../lib/utils";
+export const gaugeSizeIds = ["sm", "default", "lg", "xl"];
+export const gaugeColorIds = [
+    "default",
+    "positive",
+    "warning",
+    "destructive",
+];
+export const gaugeVariants = cva("relative inline-flex shrink-0 flex-col items-center justify-end", {
+    variants: {
+        size: {
+            sm: "w-32",
+            default: "w-48",
+            lg: "w-64",
+            xl: "w-80",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+export const gaugeIndicatorVariants = cva("transition-colors duration-300", {
+    variants: {
+        color: {
+            default: "stroke-schemavaults-brand-blue",
+            positive: "stroke-emerald-500 dark:stroke-emerald-400",
+            warning: "stroke-warning",
+            destructive: "stroke-destructive",
+        },
+    },
+    defaultVariants: {
+        color: "default",
+    },
+});
+const gaugeNeedleVariants = cva("transition-colors duration-300", {
+    variants: {
+        color: {
+            default: "fill-foreground stroke-foreground",
+            positive: "fill-emerald-500 stroke-emerald-500 dark:fill-emerald-400 dark:stroke-emerald-400",
+            warning: "fill-warning stroke-warning",
+            destructive: "fill-destructive stroke-destructive",
+        },
+    },
+    defaultVariants: {
+        color: "default",
+    },
+});
+export const gaugeValueLabelVariants = cva("font-semibold tabular-nums leading-none text-foreground", {
+    variants: {
+        size: {
+            sm: "text-base",
+            default: "text-2xl",
+            lg: "text-3xl",
+            xl: "text-4xl",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const SIZE_TO_STROKE_WIDTH = {
+    sm: 12,
+    default: 14,
+    lg: 16,
+    xl: 18,
+};
+const VIEWBOX_WIDTH = 200;
+const ARC_RADIUS = 80;
+const ARC_CENTER_X = 100;
+const ARC_CENTER_Y = 100;
+const ARC_START_X = ARC_CENTER_X - ARC_RADIUS;
+const ARC_END_X = ARC_CENTER_X + ARC_RADIUS;
+const ARC_PATH = `M ${ARC_START_X} ${ARC_CENTER_Y} A ${ARC_RADIUS} ${ARC_RADIUS} 0 0 1 ${ARC_END_X} ${ARC_CENTER_Y}`;
+const ZONE_STROKE_CLASSES = {
+    default: "stroke-schemavaults-brand-blue/60",
+    positive: "stroke-emerald-500/60 dark:stroke-emerald-400/60",
+    warning: "stroke-warning/70",
+    destructive: "stroke-destructive/60",
+};
+function clampValue(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+function valueToPercentage(value, min, max) {
+    if (max === min) {
+        return 0;
+    }
+    return ((value - min) / (max - min)) * 100;
+}
+function valueToNeedleAngle(percentage) {
+    // Map 0% → -90deg (pointing left) and 100% → +90deg (pointing right),
+    // so the needle rotates through the top of the dial.
+    return -90 + (percentage / 100) * 180;
+}
+function resolveAutoColor(value, zones, fallback) {
+    if (!zones || zones.length === 0) {
+        return fallback;
+    }
+    for (const zone of zones) {
+        const lo = Math.min(zone.from, zone.to);
+        const hi = Math.max(zone.from, zone.to);
+        if (value >= lo && value <= hi) {
+            return zone.color;
+        }
+    }
+    return fallback;
+}
+export function Gauge({ value, label, min = 0, max = 100, size, color, strokeWidth, showValue = true, showRange = false, showNeedle = true, zones, autoColorFromZones = false, unit, children, className, indicatorClassName, trackClassName, valueLabelClassName, ...props }) {
+    const resolvedSize = size ?? "default";
+    const resolvedStrokeWidth = strokeWidth ?? SIZE_TO_STROKE_WIDTH[resolvedSize];
+    const clamped = clampValue(value, min, max);
+    const percentage = valueToPercentage(clamped, min, max);
+    const fallbackColor = color ?? "default";
+    const indicatorColor = autoColorFromZones
+        ? resolveAutoColor(clamped, zones, fallbackColor)
+        : fallbackColor;
+    const needleAngle = valueToNeedleAngle(percentage);
+    return (_jsxs("div", { role: "meter", "aria-valuenow": clamped, "aria-valuemin": min, "aria-valuemax": max, "aria-label": label, className: cn(gaugeVariants({ size }), className), ...props, children: [_jsxs("svg", { viewBox: `0 0 ${VIEWBOX_WIDTH} ${ARC_CENTER_Y + resolvedStrokeWidth + 4}`, className: "w-full", "aria-hidden": "true", children: [_jsx("path", { d: ARC_PATH, fill: "none", strokeWidth: resolvedStrokeWidth, strokeLinecap: "round", className: cn("stroke-secondary", trackClassName), pathLength: 1 }), zones?.map((zone, index) => {
+                        const zoneLo = clampValue(Math.min(zone.from, zone.to), min, max);
+                        const zoneHi = clampValue(Math.max(zone.from, zone.to), min, max);
+                        const startPct = valueToPercentage(zoneLo, min, max) / 100;
+                        const endPct = valueToPercentage(zoneHi, min, max) / 100;
+                        const span = Math.max(0, endPct - startPct);
+                        if (span === 0) {
+                            return null;
+                        }
+                        return (_jsx("path", { d: ARC_PATH, fill: "none", strokeWidth: resolvedStrokeWidth, strokeLinecap: "butt", pathLength: 1, strokeDasharray: `${span} ${1 - span}`, strokeDashoffset: -startPct, className: ZONE_STROKE_CLASSES[zone.color] }, `zone-${index.toString()}`));
+                    }), _jsx(m.path, { d: ARC_PATH, fill: "none", strokeWidth: resolvedStrokeWidth, strokeLinecap: "round", pathLength: 1, strokeDasharray: 1, initial: { strokeDashoffset: 1 }, animate: { strokeDashoffset: 1 - percentage / 100 }, transition: { duration: 0.5, ease: "easeOut" }, className: cn(gaugeIndicatorVariants({ color: indicatorColor }), indicatorClassName) }), showNeedle && (_jsxs(m.g, { initial: { rotate: valueToNeedleAngle(0) }, animate: { rotate: needleAngle }, transition: { duration: 0.5, ease: "easeOut" }, style: { transformOrigin: `${ARC_CENTER_X}px ${ARC_CENTER_Y}px` }, children: [_jsx("line", { x1: ARC_CENTER_X, y1: ARC_CENTER_Y, x2: ARC_CENTER_X, y2: ARC_CENTER_Y - (ARC_RADIUS - resolvedStrokeWidth / 2 - 2), strokeWidth: 3, strokeLinecap: "round", className: gaugeNeedleVariants({ color: indicatorColor }) }), _jsx("circle", { cx: ARC_CENTER_X, cy: ARC_CENTER_Y, r: 6, className: cn(gaugeNeedleVariants({ color: indicatorColor }), "stroke-background"), strokeWidth: 2 })] }))] }), showRange && (_jsxs("div", { className: "flex w-[88%] justify-between text-xs tabular-nums text-muted-foreground -mt-1", children: [_jsx("span", { children: min }), _jsx("span", { children: max })] })), (children || showValue) && (_jsx("div", { className: cn("mt-1 flex flex-col items-center gap-0.5", valueLabelClassName), children: children ?? (_jsxs(_Fragment, { children: [_jsx("span", { className: gaugeValueLabelVariants({ size: resolvedSize }), children: Math.round(clamped) }), unit && (_jsx("span", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: unit }))] })) }))] }));
+}
+Gauge.displayName = "Gauge";
+//# sourceMappingURL=gauge.js.map

package/dist/components/ui/gauge/gauge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gauge.js","sourceRoot":"","sources":["../../../../src/components/ui/gauge/gauge.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/gauge/index.d.ts

@@ -0,0 +1,3 @@
+export { Gauge, gaugeVariants, gaugeIndicatorVariants, gaugeValueLabelVariants, gaugeSizeIds, gaugeColorIds, } from "./gauge";
+export type * from "./gauge";
+export { Gauge as default } from "./gauge";

package/dist/components/ui/gauge/index.js

@@ -0,0 +1,3 @@
+export { Gauge, gaugeVariants, gaugeIndicatorVariants, gaugeValueLabelVariants, gaugeSizeIds, gaugeColorIds, } from "./gauge";
+export { Gauge as default } from "./gauge";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/gauge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/gauge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvB,YAAY,EACZ,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAC"}

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

@@ -104,6 +104,8 @@ export * from "./progress-bar";
 export type * from "./progress-bar";
 export * from "./circular-progress";
 export type * from "./circular-progress";
+export * from "./gauge";
+export type * from "./gauge";
 export * from "./breadcrumb";
 export type * from "./breadcrumb";
 export * from "./pagination";
@@ -148,3 +150,5 @@ export * from "./color-swatch";
 export type * from "./color-swatch";
 export * from "./calendar-heatmap";
 export type * from "./calendar-heatmap";
+export * from "./pie-chart";
+export type * from "./pie-chart";

package/dist/components/ui/index.js

@@ -51,6 +51,7 @@ export * from "./slider";
 export * from "./switch";
 export * from "./progress-bar";
 export * from "./circular-progress";
+export * from "./gauge";
 export * from "./breadcrumb";
 export * from "./pagination";
 export * from "./kbd";
@@ -73,4 +74,5 @@ export * from "./sparkline";
 export * from "./aspect-ratio";
 export * from "./color-swatch";
 export * from "./calendar-heatmap";
+export * from "./pie-chart";
 //# sourceMappingURL=index.js.map

package/dist/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAG5B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAG5B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC"}

package/dist/components/ui/pie-chart/index.d.ts

@@ -0,0 +1,3 @@
+export { PieChart, pieChartVariants, pieChartSizeIds, pieChartSegmentColorIds, } from "./pie-chart";
+export type * from "./pie-chart";
+export { PieChart as default } from "./pie-chart";

package/dist/components/ui/pie-chart/index.js

@@ -0,0 +1,3 @@
+export { PieChart, pieChartVariants, pieChartSizeIds, pieChartSegmentColorIds, } from "./pie-chart";
+export { PieChart as default } from "./pie-chart";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/pie-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/pie-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,uBAAuB,GACxB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/ui/pie-chart/pie-chart.d.ts

@@ -0,0 +1,91 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref } from "react";
+export declare const pieChartSizeIds: ["sm", "md", "lg", "xl"];
+export type PieChartSizeId = (typeof pieChartSizeIds)[number];
+export declare const pieChartSegmentColorIds: ["default", "primary", "positive", "warning", "destructive", "muted"];
+export type PieChartSegmentColorId = (typeof pieChartSegmentColorIds)[number];
+export declare const pieChartVariants: (props?: ({
+    size?: "sm" | "lg" | "xl" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface PieChartSegment {
+    /** Stable identifier for the segment. Used as React key and click payload. */
+    id: string;
+    /**
+     * Relative size of the segment. Segment angle is `value / sum(values)`.
+     * Non-positive values are skipped.
+     */
+    value: number;
+    /** Optional human-readable label exposed via `aria-label` and tooltips. */
+    label?: string;
+    /** Preset color id from the chart palette. Ignored if `fill` is provided. */
+    color?: PieChartSegmentColorId;
+    /**
+     * Override the fill with a raw CSS color (e.g. `"#ff0080"` or
+     * `"hsl(var(--chart-1))"`). Takes precedence over `color`.
+     */
+    fill?: string;
+    /** Extra classes applied to this segment's `<path>`. */
+    className?: string;
+    /** Fired when this segment is clicked or activated via keyboard. */
+    onClick?: (segment: PieChartSegment, event: MouseEvent<SVGPathElement> | KeyboardEvent<SVGPathElement>) => void;
+}
+export interface PieChartProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick">, VariantProps<typeof pieChartVariants> {
+    /** Segments to render, in order (clockwise from 12 o'clock). */
+    segments: ReadonlyArray<PieChartSegment>;
+    /** Accessible label describing what the chart represents. */
+    label: string;
+    /**
+     * Inner radius as a fraction of the outer radius (0–1). `0` is a solid pie,
+     * values like `0.55` produce a donut. Defaults to `0`.
+     */
+    innerRadius?: number;
+    /** Override the rendered diameter in pixels (defaults are size-aware). */
+    diameter?: number;
+    /**
+     * Width of the divider stroke between segments. Defaults to `1`. Set to `0`
+     * to remove the divider.
+     */
+    segmentGap?: number;
+    /**
+     * Fallback handler invoked for any segment that doesn't have its own
+     * `onClick`. Receives the clicked segment.
+     */
+    onSegmentClick?: (segment: PieChartSegment, event: MouseEvent<SVGPathElement> | KeyboardEvent<SVGPathElement>) => void;
+    /** Optional content rendered in the center of the chart (useful for donuts). */
+    children?: ReactNode;
+    /** Extra classes for the centered content wrapper. */
+    centerClassName?: string;
+    /**
+     * When true, renders each segment's `label` inside the slice. Use
+     * `segmentLabelFormatter` to customize the displayed string (e.g. show a
+     * percentage instead of the raw label).
+     */
+    showSegmentLabels?: boolean;
+    /**
+     * Customize the in-segment label text. Return `null` to skip a segment.
+     * Defaults to `segment.label ?? segment.id`.
+     */
+    segmentLabelFormatter?: (params: {
+        segment: PieChartSegment;
+        value: number;
+        /** Share of the total, in the range 0–1. */
+        fraction: number;
+        /** Share of the total, in the range 0–100. */
+        percentage: number;
+        index: number;
+    }) => string | null;
+    /**
+     * Minimum segment sweep (in radians) required to render its label. Smaller
+     * segments are skipped to avoid overlap. Defaults to ~11.5° (0.2 rad).
+     */
+    minSegmentLabelAngle?: number;
+    /** Extra classes applied to every segment-label `<text>` element. */
+    segmentLabelClassName?: string;
+    /** Optional ref forwarded to the wrapper element. */
+    ref?: Ref<HTMLDivElement>;
+}
+declare function PieChart({ segments, label, size, innerRadius, diameter, segmentGap, onSegmentClick, children, className, centerClassName, showSegmentLabels, segmentLabelFormatter, minSegmentLabelAngle, segmentLabelClassName, ref, ...props }: PieChartProps): ReactElement;
+declare namespace PieChart {
+    var displayName: string;
+}
+export { PieChart };

package/dist/components/ui/pie-chart/pie-chart.js

@@ -0,0 +1,192 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useId } from "react";
+import { cn } from "../../../lib/utils";
+export const pieChartSizeIds = [
+    "sm",
+    "md",
+    "lg",
+    "xl",
+];
+export const pieChartSegmentColorIds = [
+    "default",
+    "primary",
+    "positive",
+    "warning",
+    "destructive",
+    "muted",
+];
+const SIZE_TO_PIXELS = {
+    sm: 96,
+    md: 160,
+    lg: 224,
+    xl: 320,
+};
+const SEGMENT_FILL_CLASSES = {
+    default: "fill-schemavaults-brand-blue",
+    primary: "fill-primary",
+    positive: "fill-emerald-500 dark:fill-emerald-400",
+    warning: "fill-warning",
+    destructive: "fill-destructive",
+    muted: "fill-muted-foreground",
+};
+/**
+ * Fallback color rotation when a segment doesn't specify its own color. Index
+ * is the segment position in the input array, modulo the palette length.
+ */
+const DEFAULT_COLOR_ROTATION = [
+    "default",
+    "positive",
+    "warning",
+    "destructive",
+    "primary",
+    "muted",
+];
+export const pieChartVariants = cva("relative inline-flex shrink-0 items-center justify-center", {
+    variants: {
+        size: {
+            sm: "h-24 w-24",
+            md: "h-40 w-40",
+            lg: "h-56 w-56",
+            xl: "h-80 w-80",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+/** Convert a polar coordinate (angle in radians, measured from 12 o'clock,
+ * clockwise) into an SVG cartesian point. */
+function polarToCartesian(cx, cy, radius, angle) {
+    // -π/2 rotates so 0 rad sits at the top of the circle.
+    const a = angle - Math.PI / 2;
+    return [cx + radius * Math.cos(a), cy + radius * Math.sin(a)];
+}
+function buildSegmentPath(cx, cy, outerRadius, innerRadius, startAngle, endAngle) {
+    const sweep = endAngle - startAngle;
+    const largeArc = sweep > Math.PI ? 1 : 0;
+    // Full-circle case: SVG arcs can't span 360°, so render as two half-arcs
+    // (or two annular halves for the donut case).
+    if (sweep >= Math.PI * 2 - 1e-6) {
+        const [oTopX, oTopY] = polarToCartesian(cx, cy, outerRadius, 0);
+        const [oBotX, oBotY] = polarToCartesian(cx, cy, outerRadius, Math.PI);
+        if (innerRadius <= 0) {
+            return [
+                `M ${oTopX} ${oTopY}`,
+                `A ${outerRadius} ${outerRadius} 0 1 1 ${oBotX} ${oBotY}`,
+                `A ${outerRadius} ${outerRadius} 0 1 1 ${oTopX} ${oTopY}`,
+                "Z",
+            ].join(" ");
+        }
+        const [iTopX, iTopY] = polarToCartesian(cx, cy, innerRadius, 0);
+        const [iBotX, iBotY] = polarToCartesian(cx, cy, innerRadius, Math.PI);
+        return [
+            `M ${oTopX} ${oTopY}`,
+            `A ${outerRadius} ${outerRadius} 0 1 1 ${oBotX} ${oBotY}`,
+            `A ${outerRadius} ${outerRadius} 0 1 1 ${oTopX} ${oTopY}`,
+            `M ${iTopX} ${iTopY}`,
+            `A ${innerRadius} ${innerRadius} 0 1 0 ${iBotX} ${iBotY}`,
+            `A ${innerRadius} ${innerRadius} 0 1 0 ${iTopX} ${iTopY}`,
+            "Z",
+        ].join(" ");
+    }
+    const [oStartX, oStartY] = polarToCartesian(cx, cy, outerRadius, startAngle);
+    const [oEndX, oEndY] = polarToCartesian(cx, cy, outerRadius, endAngle);
+    if (innerRadius <= 0) {
+        return [
+            `M ${cx} ${cy}`,
+            `L ${oStartX} ${oStartY}`,
+            `A ${outerRadius} ${outerRadius} 0 ${largeArc} 1 ${oEndX} ${oEndY}`,
+            "Z",
+        ].join(" ");
+    }
+    const [iStartX, iStartY] = polarToCartesian(cx, cy, innerRadius, endAngle);
+    const [iEndX, iEndY] = polarToCartesian(cx, cy, innerRadius, startAngle);
+    return [
+        `M ${oStartX} ${oStartY}`,
+        `A ${outerRadius} ${outerRadius} 0 ${largeArc} 1 ${oEndX} ${oEndY}`,
+        `L ${iStartX} ${iStartY}`,
+        `A ${innerRadius} ${innerRadius} 0 ${largeArc} 0 ${iEndX} ${iEndY}`,
+        "Z",
+    ].join(" ");
+}
+function PieChart({ segments, label, size, innerRadius, diameter, segmentGap = 1, onSegmentClick, children, className, centerClassName, showSegmentLabels = false, segmentLabelFormatter, minSegmentLabelAngle = 0.2, segmentLabelClassName, ref, ...props }) {
+    const resolvedSize = size ?? "md";
+    const pixelSize = diameter ?? SIZE_TO_PIXELS[resolvedSize];
+    const cx = pixelSize / 2;
+    const cy = pixelSize / 2;
+    const outerRadius = pixelSize / 2;
+    const innerR = Math.max(0, Math.min(0.95, innerRadius ?? 0) * outerRadius);
+    const titleId = useId();
+    const validSegments = segments.filter((s) => s.value > 0 && Number.isFinite(s.value));
+    const total = validSegments.reduce((acc, s) => acc + s.value, 0);
+    const resolved = (() => {
+        if (total <= 0)
+            return [];
+        let angle = 0;
+        return validSegments.map((segment, index) => {
+            const sweep = (segment.value / total) * Math.PI * 2;
+            const startAngle = angle;
+            const endAngle = angle + sweep;
+            angle = endAngle;
+            const presetColor = segment.color ??
+                DEFAULT_COLOR_ROTATION[index % DEFAULT_COLOR_ROTATION.length];
+            const fillClass = segment.fill
+                ? undefined
+                : SEGMENT_FILL_CLASSES[presetColor];
+            return {
+                segment,
+                startAngle,
+                endAngle,
+                fillClass,
+                fill: segment.fill,
+            };
+        });
+    })();
+    return (_jsxs("div", { ref: ref, role: "img", "aria-labelledby": titleId, "data-slot": "pie-chart", className: cn(pieChartVariants({ size }), className), style: { width: pixelSize, height: pixelSize }, ...props, children: [_jsxs("svg", { width: pixelSize, height: pixelSize, viewBox: `0 0 ${pixelSize} ${pixelSize}`, "aria-hidden": children ? "true" : undefined, className: "h-full w-full overflow-visible", children: [_jsx("title", { id: titleId, children: label }), resolved.length === 0 ? (_jsx("circle", { cx: cx, cy: cy, r: outerRadius, className: "fill-muted/40 dark:fill-muted/30" })) : (resolved.map(({ segment, startAngle, endAngle, fillClass, fill }) => {
+                        const d = buildSegmentPath(cx, cy, outerRadius, innerR, startAngle, endAngle);
+                        const handler = segment.onClick ?? onSegmentClick;
+                        const isInteractive = typeof handler === "function";
+                        return (_jsx("path", { d: d, fill: fill, stroke: "hsl(var(--background))", strokeWidth: segmentGap, strokeLinejoin: "round", "data-segment-id": segment.id, role: isInteractive ? "button" : undefined, tabIndex: isInteractive ? 0 : undefined, "aria-label": segment.label ?? segment.id, onClick: isInteractive
+                                ? (event) => {
+                                    handler(segment, event);
+                                }
+                                : undefined, onKeyDown: isInteractive
+                                ? (event) => {
+                                    if (event.key === "Enter" || event.key === " ") {
+                                        event.preventDefault();
+                                        handler(segment, event);
+                                    }
+                                }
+                                : undefined, className: cn("transition-opacity", fillClass, isInteractive &&
+                                "cursor-pointer hover:opacity-80 focus:outline-none focus-visible:opacity-80", segment.className) }, segment.id));
+                    })), showSegmentLabels && resolved.length > 0 ? (_jsx("g", { "aria-hidden": "true", "data-slot": "pie-chart-segment-labels", className: "pointer-events-none select-none", children: resolved.map(({ segment, startAngle, endAngle }, index) => {
+                            const sweep = endAngle - startAngle;
+                            if (sweep < minSegmentLabelAngle)
+                                return null;
+                            const value = segment.value;
+                            const fraction = value / total;
+                            const percentage = fraction * 100;
+                            const text = segmentLabelFormatter
+                                ? segmentLabelFormatter({
+                                    segment,
+                                    value,
+                                    fraction,
+                                    percentage,
+                                    index,
+                                })
+                                : (segment.label ?? segment.id);
+                            if (text === null || text === "")
+                                return null;
+                            const midAngle = (startAngle + endAngle) / 2;
+                            const labelRadius = innerR > 0
+                                ? (innerR + outerRadius) / 2
+                                : outerRadius * 0.65;
+                            const [lx, ly] = polarToCartesian(cx, cy, labelRadius, midAngle);
+                            return (_jsx("text", { x: lx, y: ly, textAnchor: "middle", dominantBaseline: "central", className: cn("fill-white text-[11px] font-medium [paint-order:stroke] [stroke:rgba(0,0,0,0.35)] [stroke-width:2px]", segmentLabelClassName), children: text }, `${segment.id}-label`));
+                        }) })) : null] }), children ? (_jsx("div", { className: cn("pointer-events-none absolute inset-0 flex items-center justify-center text-center", centerClassName), children: children })) : null] }));
+}
+PieChart.displayName = "PieChart";
+export { PieChart };
+//# sourceMappingURL=pie-chart.js.map

package/dist/components/ui/pie-chart/pie-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../../../src/components/ui/pie-chart/pie-chart.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.41.1",
+  "version": "0.43.0",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",