@schemavaults/ui 0.48.3 → 0.50.2

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

@@ -0,0 +1,105 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref } from "react";
+export declare const barChartSizeIds: ["sm", "md", "lg", "xl"];
+export type BarChartSizeId = (typeof barChartSizeIds)[number];
+export declare const barChartOrientationIds: ["vertical", "horizontal"];
+export type BarChartOrientationId = (typeof barChartOrientationIds)[number];
+export declare const barChartBarColorIds: ["default", "primary", "positive", "warning", "destructive", "muted"];
+export type BarChartBarColorId = (typeof barChartBarColorIds)[number];
+export declare const barChartVariants: (props?: ({
+    size?: "sm" | "lg" | "xl" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BarChartBar {
+    /** Stable identifier for the bar. Used as React key and click payload. */
+    id: string;
+    /**
+     * Bar magnitude. Bar length is `value / max`. Negative and non-finite
+     * values are treated as `0`.
+     */
+    value: number;
+    /** Human-readable category label rendered along the axis. */
+    label?: string;
+    /** Preset color id from the chart palette. Ignored if `fill` is provided. */
+    color?: BarChartBarColorId;
+    /**
+     * 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 bar's `<rect>`. */
+    className?: string;
+    /** Fired when this bar is clicked or activated via keyboard. */
+    onClick?: (bar: BarChartBar, event: MouseEvent<SVGRectElement> | KeyboardEvent<SVGRectElement>) => void;
+}
+export interface BarChartValueLabelContext {
+    bar: BarChartBar;
+    value: number;
+    /** Share of the scale max, in the range 0–1. */
+    fraction: number;
+    /** Share of the scale max, in the range 0–100. */
+    percentage: number;
+    index: number;
+}
+export interface BarChartProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick">, VariantProps<typeof barChartVariants> {
+    /** Bars to render, in order. */
+    bars: ReadonlyArray<BarChartBar>;
+    /** Accessible label describing what the chart represents. */
+    label: string;
+    /** Bar direction. Defaults to `"vertical"` (columns growing upward). */
+    orientation?: BarChartOrientationId;
+    /**
+     * Upper bound of the value scale. Defaults to the largest bar value (or `1`
+     * when every bar is `0`). Useful for pinning multiple charts to a shared
+     * scale.
+     */
+    max?: number;
+    /** Override the rendered canvas width in pixels (defaults are size-aware). */
+    width?: number;
+    /** Override the rendered canvas height in pixels (defaults are size-aware). */
+    height?: number;
+    /**
+     * Gap between bars as a fraction of each bar's slot (0–0.9). Defaults to
+     * `0.3`.
+     */
+    barGap?: number;
+    /** Corner radius applied to the free end of every bar. Defaults to `4`. */
+    cornerRadius?: number;
+    /** Render the baseline axis line. Defaults to `true`. */
+    showAxis?: boolean;
+    /**
+     * Number of evenly-spaced gridlines drawn across the value axis. `0`
+     * disables gridlines. Defaults to `0`.
+     */
+    gridLineCount?: number;
+    /** Render each bar's category `label` along the axis. Defaults to `true`. */
+    showCategoryLabels?: boolean;
+    /** Render a value label at the free end of each bar. Defaults to `false`. */
+    showValueLabels?: boolean;
+    /**
+     * Customize the value-label text. Return `null` to skip a bar. Defaults to
+     * the raw value (`String(value)`).
+     */
+    valueLabelFormatter?: (context: BarChartValueLabelContext) => string | null;
+    /**
+     * Fallback handler invoked for any bar that doesn't have its own `onClick`.
+     * Receives the clicked bar.
+     */
+    onBarClick?: (bar: BarChartBar, event: MouseEvent<SVGRectElement> | KeyboardEvent<SVGRectElement>) => void;
+    /** Optional content overlaid on top of the plot area. */
+    children?: ReactNode;
+    /** Extra classes for the overlay content wrapper. */
+    overlayClassName?: string;
+    /** Extra classes applied to every value-label `<text>` element. */
+    valueLabelClassName?: string;
+    /** Extra classes applied to every category-label `<text>` element. */
+    categoryLabelClassName?: string;
+    /** Extra classes applied to the axis / gridline `<line>` elements. */
+    axisClassName?: string;
+    /** Optional ref forwarded to the wrapper element. */
+    ref?: Ref<HTMLDivElement>;
+}
+declare function BarChart({ bars, label, orientation, max, size, width, height, barGap, cornerRadius, showAxis, gridLineCount, showCategoryLabels, showValueLabels, valueLabelFormatter, onBarClick, children, className, overlayClassName, valueLabelClassName, categoryLabelClassName, axisClassName, ref, ...props }: BarChartProps): ReactElement;
+declare namespace BarChart {
+    var displayName: string;
+}
+export { BarChart };

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

@@ -0,0 +1,202 @@
+"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 barChartSizeIds = [
+    "sm",
+    "md",
+    "lg",
+    "xl",
+];
+export const barChartOrientationIds = [
+    "vertical",
+    "horizontal",
+];
+export const barChartBarColorIds = [
+    "default",
+    "primary",
+    "positive",
+    "warning",
+    "destructive",
+    "muted",
+];
+/** Default canvas dimensions per size. Either axis can be overridden via the
+ * `width` / `height` props. */
+const SIZE_TO_CANVAS = {
+    sm: { width: 240, height: 140 },
+    md: { width: 360, height: 200 },
+    lg: { width: 480, height: 260 },
+    xl: { width: 640, height: 340 },
+};
+const BAR_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 bar doesn't specify its own color. Index is
+ * the bar position in the input array, modulo the palette length.
+ */
+const DEFAULT_COLOR_ROTATION = [
+    "default",
+    "positive",
+    "warning",
+    "destructive",
+    "primary",
+    "muted",
+];
+export const barChartVariants = cva("relative inline-flex shrink-0 items-center justify-center", {
+    variants: {
+        size: {
+            sm: "text-[10px]",
+            md: "text-[11px]",
+            lg: "text-xs",
+            xl: "text-sm",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+function sanitizeValue(value) {
+    if (!Number.isFinite(value) || value < 0)
+        return 0;
+    return value;
+}
+function BarChart({ bars, label, orientation = "vertical", max, size, width, height, barGap = 0.3, cornerRadius = 4, showAxis = true, gridLineCount = 0, showCategoryLabels = true, showValueLabels = false, valueLabelFormatter, onBarClick, children, className, overlayClassName, valueLabelClassName, categoryLabelClassName, axisClassName, ref, ...props }) {
+    const resolvedSize = size ?? "md";
+    const canvas = SIZE_TO_CANVAS[resolvedSize];
+    const W = width ?? canvas.width;
+    const H = height ?? canvas.height;
+    const titleId = useId();
+    const isHorizontal = orientation === "horizontal";
+    const gap = Math.max(0, Math.min(0.9, barGap));
+    // Reserve a gutter for category labels (along the axis) and a gutter for
+    // value labels (at the free end of the bars).
+    const categoryGutter = showCategoryLabels ? 24 : 6;
+    const valueGutter = showValueLabels ? 28 : 6;
+    const padTop = isHorizontal ? 6 : valueGutter;
+    const padBottom = isHorizontal ? categoryGutter : categoryGutter;
+    const padLeft = isHorizontal ? categoryGutter + 8 : 6;
+    const padRight = isHorizontal ? valueGutter : 6;
+    const plotX0 = padLeft;
+    const plotY0 = padTop;
+    const plotW = Math.max(0, W - padLeft - padRight);
+    const plotH = Math.max(0, H - padTop - padBottom);
+    const sanitized = bars.map((b) => sanitizeValue(b.value));
+    const computedMax = max ?? Math.max(0, ...sanitized);
+    const scaleMax = computedMax > 0 ? computedMax : 1;
+    const count = bars.length;
+    const resolved = (() => {
+        if (count === 0)
+            return [];
+        const axisSpan = isHorizontal ? plotH : plotW;
+        const slot = axisSpan / count;
+        const thickness = slot * (1 - gap);
+        const inset = (slot - thickness) / 2;
+        return bars.map((bar, index) => {
+            const value = sanitized[index];
+            const fraction = value / scaleMax;
+            const presetColor = bar.color ??
+                DEFAULT_COLOR_ROTATION[index % DEFAULT_COLOR_ROTATION.length];
+            const fillClass = bar.fill
+                ? undefined
+                : BAR_FILL_CLASSES[presetColor];
+            if (isHorizontal) {
+                const barLength = fraction * plotW;
+                const y = plotY0 + index * slot + inset;
+                const x = plotX0;
+                return {
+                    bar,
+                    value,
+                    x,
+                    y,
+                    barWidth: barLength,
+                    barHeight: thickness,
+                    valueX: x + barLength + 6,
+                    valueY: y + thickness / 2,
+                    categoryX: plotX0 - 8,
+                    categoryY: y + thickness / 2,
+                    fillClass,
+                    fill: bar.fill,
+                };
+            }
+            const barLength = fraction * plotH;
+            const x = plotX0 + index * slot + inset;
+            const y = plotY0 + plotH - barLength;
+            return {
+                bar,
+                value,
+                x,
+                y,
+                barWidth: thickness,
+                barHeight: barLength,
+                valueX: x + thickness / 2,
+                valueY: y - 6,
+                categoryX: x + thickness / 2,
+                categoryY: plotY0 + plotH + 14,
+                fillClass,
+                fill: bar.fill,
+            };
+        });
+    })();
+    const gridLines = (() => {
+        if (gridLineCount <= 0)
+            return [];
+        const lines = [];
+        for (let i = 1; i <= gridLineCount; i += 1) {
+            lines.push(i / (gridLineCount + 1));
+        }
+        return lines;
+    })();
+    return (_jsxs("div", { ref: ref, role: "img", "aria-labelledby": titleId, "data-slot": "bar-chart", "data-orientation": orientation, className: cn(barChartVariants({ size }), className), style: { width: W, height: H }, ...props, children: [_jsxs("svg", { width: W, height: H, viewBox: `0 0 ${W} ${H}`, "aria-hidden": children ? "true" : undefined, className: "h-full w-full overflow-visible", children: [_jsx("title", { id: titleId, children: label }), gridLines.length > 0 ? (_jsx("g", { "aria-hidden": "true", "data-slot": "bar-chart-gridlines", className: "pointer-events-none", children: gridLines.map((t) => {
+                            if (isHorizontal) {
+                                const x = plotX0 + t * plotW;
+                                return (_jsx("line", { x1: x, y1: plotY0, x2: x, y2: plotY0 + plotH, strokeWidth: 1, className: cn("stroke-border/60", axisClassName) }, `grid-${t}`));
+                            }
+                            const y = plotY0 + plotH - t * plotH;
+                            return (_jsx("line", { x1: plotX0, y1: y, x2: plotX0 + plotW, y2: y, strokeWidth: 1, className: cn("stroke-border/60", axisClassName) }, `grid-${t}`));
+                        }) })) : null, showAxis ? (_jsx("line", { "data-slot": "bar-chart-axis", x1: plotX0, y1: isHorizontal ? plotY0 : plotY0 + plotH, x2: isHorizontal ? plotX0 : plotX0 + plotW, y2: plotY0 + plotH, strokeWidth: 1, className: cn("stroke-border", axisClassName) })) : null, resolved.length === 0 ? (_jsx("text", { x: W / 2, y: H / 2, textAnchor: "middle", dominantBaseline: "central", className: "fill-muted-foreground", children: "No data" })) : (resolved.map((r) => {
+                        const handler = r.bar.onClick ?? onBarClick;
+                        const isInteractive = typeof handler === "function";
+                        return (_jsx("rect", { x: r.x, y: r.y, width: Math.max(0, r.barWidth), height: Math.max(0, r.barHeight), rx: cornerRadius, ry: cornerRadius, fill: r.fill, "data-bar-id": r.bar.id, role: isInteractive ? "button" : undefined, tabIndex: isInteractive ? 0 : undefined, "aria-label": r.bar.label
+                                ? `${r.bar.label}: ${r.value}`
+                                : `${r.bar.id}: ${r.value}`, onClick: isInteractive
+                                ? (event) => {
+                                    handler(r.bar, event);
+                                }
+                                : undefined, onKeyDown: isInteractive
+                                ? (event) => {
+                                    if (event.key === "Enter" || event.key === " ") {
+                                        event.preventDefault();
+                                        handler(r.bar, event);
+                                    }
+                                }
+                                : undefined, className: cn("transition-opacity", r.fillClass, isInteractive &&
+                                "cursor-pointer hover:opacity-80 focus:outline-none focus-visible:opacity-80", r.bar.className) }, r.bar.id));
+                    })), showCategoryLabels && resolved.length > 0 ? (_jsx("g", { "aria-hidden": "true", "data-slot": "bar-chart-category-labels", className: "pointer-events-none select-none", children: resolved.map((r) => {
+                            const text = r.bar.label ?? r.bar.id;
+                            return (_jsx("text", { x: r.categoryX, y: r.categoryY, textAnchor: isHorizontal ? "end" : "middle", dominantBaseline: isHorizontal ? "central" : "auto", className: cn("fill-muted-foreground", categoryLabelClassName), children: text }, `${r.bar.id}-cat`));
+                        }) })) : null, showValueLabels && resolved.length > 0 ? (_jsx("g", { "aria-hidden": "true", "data-slot": "bar-chart-value-labels", className: "pointer-events-none select-none", children: resolved.map((r, index) => {
+                            const fraction = r.value / scaleMax;
+                            const text = valueLabelFormatter
+                                ? valueLabelFormatter({
+                                    bar: r.bar,
+                                    value: r.value,
+                                    fraction,
+                                    percentage: fraction * 100,
+                                    index,
+                                })
+                                : String(r.value);
+                            if (text === null || text === "")
+                                return null;
+                            return (_jsx("text", { x: r.valueX, y: r.valueY, textAnchor: isHorizontal ? "start" : "middle", dominantBaseline: isHorizontal ? "central" : "auto", className: cn("fill-foreground font-medium", valueLabelClassName), children: text }, `${r.bar.id}-val`));
+                        }) })) : null] }), children ? (_jsx("div", { className: cn("pointer-events-none absolute inset-0 flex items-center justify-center text-center", overlayClassName), children: children })) : null] }));
+}
+BarChart.displayName = "BarChart";
+export { BarChart };
+//# sourceMappingURL=bar-chart.js.map

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

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

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

@@ -0,0 +1,3 @@
+export { BarChart, barChartVariants, barChartSizeIds, barChartOrientationIds, barChartBarColorIds, } from "./bar-chart";
+export type * from "./bar-chart";
+export { BarChart as default } from "./bar-chart";

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

@@ -0,0 +1,3 @@
+export { BarChart, barChartVariants, barChartSizeIds, barChartOrientationIds, barChartBarColorIds, } from "./bar-chart";
+export { BarChart as default } from "./bar-chart";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -154,6 +154,8 @@ export * from "./calendar-heatmap";
 export type * from "./calendar-heatmap";
 export * from "./pie-chart";
 export type * from "./pie-chart";
+export * from "./bar-chart";
+export type * from "./bar-chart";
 export * from "./comparison-slider";
 export type * from "./comparison-slider";
 export * from "./theme-selector";

package/dist/components/ui/index.js

@@ -76,6 +76,7 @@ export * from "./aspect-ratio";
 export * from "./color-swatch";
 export * from "./calendar-heatmap";
 export * from "./pie-chart";
+export * from "./bar-chart";
 export * from "./comparison-slider";
 export * from "./theme-selector";
 //# 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,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,eAAe,CAAC;AAG9B,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;AAG5B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,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,eAAe,CAAC;AAG9B,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;AAG5B,cAAc,aAAa,CAAC;AAG5B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC"}

package/dist/components/ui/key-value-with-skeleton/key-value-with-skeleton.d.ts

@@ -2,6 +2,9 @@ import { type ReactElement } from "react";
 export interface KeyValueWithSkeletonProps {
     label: string;
     value?: string | Promise<string> | null;
+    className?: string;
+    labelClassName?: string;
+    valueClassName?: string;
 }
-export declare function KeyValueWithSkeleton({ label, value, }: KeyValueWithSkeletonProps): ReactElement;
+export declare function KeyValueWithSkeleton({ label, value, className, labelClassName, valueClassName, }: KeyValueWithSkeletonProps): ReactElement;
 export default KeyValueWithSkeleton;

package/dist/components/ui/key-value-with-skeleton/key-value-with-skeleton.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Skeleton } from "../../ui/skeleton";
+import { cn } from "../../../lib/utils";
 import { useState, useEffect, useRef, } from "react";
 function KeyValueFallbackSkeleton() {
     return (_jsx(Skeleton, { className: "min-w-[100px] md:min-w-[140px] lg:min-w-[200px] min-h-[12px]" }));
 }
-function DisplayValueText({ value }) {
-    const displayValueClassName = "text-gray-400 grow";
-    return _jsx("p", { className: displayValueClassName, children: value });
+function DisplayValueText({ value, className, }) {
+    return _jsx("p", { className: cn("text-gray-400 grow", className), children: value });
 }
-function DisplayValue({ value, }) {
+function DisplayValue({ value, className, }) {
     const [loaded, setLoaded] = useState(false);
     const cancelSetValueRef = useRef(false);
     useEffect(() => {
@@ -34,22 +34,20 @@ function DisplayValue({ value, }) {
         return _jsx(KeyValueFallbackSkeleton, {});
     }
     else if (typeof value === "string") {
-        return _jsx(DisplayValueText, { value: value });
+        return _jsx(DisplayValueText, { value: value, className: className });
     }
     else if (!loaded) {
         return _jsx(KeyValueFallbackSkeleton, {});
     }
     else {
-        return _jsx(DisplayValueText, { value: loaded });
+        return _jsx(DisplayValueText, { value: loaded, className: className });
     }
 }
-export function KeyValueWithSkeleton({ label, value, }) {
-    const itemContainerDivClassName = "grow w-full flex flex-row items-center justify-start gap-4";
-    const displayValueLabelClassName = "text-lg font-bold";
-    function ValueWithLabel({ children }) {
-        return (_jsxs("div", { className: itemContainerDivClassName, children: [_jsxs("p", { className: displayValueLabelClassName, children: [label, ":"] }), children] }));
-    }
-    return (_jsx(ValueWithLabel, { children: _jsx(DisplayValue, { value: value }) }));
+function ValueWithLabel({ label, className, labelClassName, children, }) {
+    return (_jsxs("div", { className: cn("grow w-full flex flex-row items-center justify-start gap-4", className), children: [_jsxs("p", { className: cn("text-lg font-bold", labelClassName), children: [label, ":"] }), children] }));
+}
+export function KeyValueWithSkeleton({ label, value, className, labelClassName, valueClassName, }) {
+    return (_jsx(ValueWithLabel, { label: label, className: className, labelClassName: labelClassName, children: _jsx(DisplayValue, { value: value, className: valueClassName }) }));
 }
 export default KeyValueWithSkeleton;
 //# sourceMappingURL=key-value-with-skeleton.js.map

package/dist/components/ui/key-value-with-skeleton/key-value-with-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"key-value-with-skeleton.js","sourceRoot":"","sources":["../../../../src/components/ui/key-value-with-skeleton/key-value-with-skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAIL,QAAQ,EACR,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AAOf,SAAS,wBAAwB;IAC/B,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAC,8DAA8D,GAAG,CACtF,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,KAAK,EAAqB;IACpD,MAAM,qBAAqB,GAAG,oBAA6B,CAAC;IAE5D,OAAO,YAAG,SAAS,EAAE,qBAAqB,YAAG,KAAK,GAAK,CAAC;AAC1D,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,KAAK,GAGN;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,KAAK,CAAC,CAAC;IAC5D,MAAM,iBAAiB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACzC,KAAK,UAAU,0BAA0B;gBACvC,OAAO,MAAO,KAAyB,CAAC;YAC1C,CAAC;YACD,0BAA0B,EAAE,CAAC,IAAI,CAAC,CAAC,GAAW,EAAE,EAAE;gBAChD,MAAM,iBAAiB,GAAY,iBAAiB,CAAC,OAAO,CAAC;gBAC7D,IAAI,CAAC,iBAAiB,EAAE,CAAC;oBACvB,SAAS,CAAC,GAAG,CAAC,CAAC;gBACjB,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,OAAO,SAAS,WAAW;gBACzB,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;YACnC,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE,CAAC;QACjC,OAAO,KAAC,wBAAwB,KAAG,CAAC;IACtC,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAC5C,CAAC;SAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO,KAAC,wBAAwB,KAAG,CAAC;IACtC,CAAC;SAAM,CAAC;QACN,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,MAAM,GAAI,CAAC;IAC7C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,GACqB;IAC1B,MAAM,yBAAyB,GAC7B,4DAAqE,CAAC;IACxE,MAAM,0BAA0B,GAAG,mBAA4B,CAAC;IAEhE,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAqB;QACrD,OAAO,CACL,eAAK,SAAS,EAAE,yBAAyB,aACvC,aAAG,SAAS,EAAE,0BAA0B,aAAG,KAAK,SAAM,EACrD,QAAQ,IACL,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,cAAc,cACb,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,GACf,CAClB,CAAC;AACJ,CAAC;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"key-value-with-skeleton.js","sourceRoot":"","sources":["../../../../src/components/ui/key-value-with-skeleton/key-value-with-skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAIL,QAAQ,EACR,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AAUf,SAAS,wBAAwB;IAC/B,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAC,8DAA8D,GAAG,CACtF,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,GAIV;IACC,OAAO,YAAG,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,YAAG,KAAK,GAAK,CAAC;AACxE,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,GAIV;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,KAAK,CAAC,CAAC;IAC5D,MAAM,iBAAiB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACzC,KAAK,UAAU,0BAA0B;gBACvC,OAAO,MAAO,KAAyB,CAAC;YAC1C,CAAC;YACD,0BAA0B,EAAE,CAAC,IAAI,CAAC,CAAC,GAAW,EAAE,EAAE;gBAChD,MAAM,iBAAiB,GAAY,iBAAiB,CAAC,OAAO,CAAC;gBAC7D,IAAI,CAAC,iBAAiB,EAAE,CAAC;oBACvB,SAAS,CAAC,GAAG,CAAC,CAAC;gBACjB,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,OAAO,SAAS,WAAW;gBACzB,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;YACnC,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE,CAAC;QACjC,OAAO,KAAC,wBAAwB,KAAG,CAAC;IACtC,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IAClE,CAAC;SAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO,KAAC,wBAAwB,KAAG,CAAC;IACtC,CAAC;SAAM,CAAC;QACN,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACnE,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,SAAS,EACT,cAAc,EACd,QAAQ,GAKR;IACA,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,SAAS,CACV,aAED,aAAG,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,cAAc,CAAC,aAAG,KAAK,SAAM,EAClE,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,EACL,SAAS,EACT,cAAc,EACd,cAAc,GACY;IAC1B,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,YAE9B,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,GAAI,GAC1C,CAClB,CAAC;AACJ,CAAC;AAED,eAAe,oBAAoB,CAAC"}

package/package.json

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