@schemavaults/ui 0.30.1 → 0.31.1

package/dist/components/ui/circular-progress/circular-progress.d.ts

@@ -0,0 +1,41 @@
+import { type VariantProps } from "class-variance-authority";
+import type { ReactElement, ReactNode, HTMLAttributes } from "react";
+export declare const circularProgressVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const circularProgressIndicatorVariants: (props?: ({
+    color?: "default" | "destructive" | "warning" | "positive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const circularProgressLabelVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const circularProgressSizeIds: readonly ["sm", "default", "lg", "xl"];
+export type CircularProgressSizeId = (typeof circularProgressSizeIds)[number];
+export declare const circularProgressColorIds: readonly ["default", "positive", "warning", "destructive"];
+export type CircularProgressColorId = (typeof circularProgressColorIds)[number];
+export interface CircularProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, "role" | "color">, VariantProps<typeof circularProgressVariants>, VariantProps<typeof circularProgressIndicatorVariants> {
+    /** Current progress value (0-100 by default; respects min/max) */
+    value: number;
+    /** Accessible label describing what the progress represents */
+    label: string;
+    /** Minimum value (defaults to 0) */
+    min?: number;
+    /** Maximum value (defaults to 100) */
+    max?: number;
+    /** Override the stroke width (in SVG user units). Defaults are size-aware. */
+    strokeWidth?: number;
+    /** When true (default), shows the percentage in the center of the ring */
+    showValue?: boolean;
+    /** Custom content to render in the center, overrides showValue */
+    children?: ReactNode;
+    /** Additional classes for the indicator (animated) circle stroke */
+    indicatorClassName?: string;
+    /** Additional classes for the track (background) circle stroke */
+    trackClassName?: string;
+    /** Additional classes for the centered label/content */
+    labelClassName?: string;
+}
+export declare function CircularProgress({ value, label, min, max, size, color, strokeWidth, showValue, children, className, indicatorClassName, trackClassName, labelClassName, ...props }: CircularProgressProps): ReactElement;
+export declare namespace CircularProgress {
+    var displayName: string;
+}

package/dist/components/ui/circular-progress/circular-progress.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { m } from "../../../framer-motion";
+import { cn } from "../../../lib/utils";
+export const circularProgressVariants = cva("relative inline-flex shrink-0", {
+    variants: {
+        size: {
+            sm: "h-10 w-10",
+            default: "h-16 w-16",
+            lg: "h-24 w-24",
+            xl: "h-32 w-32",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+export const circularProgressIndicatorVariants = cva("transition-colors duration-300", {
+    variants: {
+        color: {
+            default: "stroke-schemavaults-brand-blue",
+            positive: "stroke-green-500",
+            warning: "stroke-yellow-500",
+            destructive: "stroke-red-500",
+        },
+    },
+    defaultVariants: {
+        color: "default",
+    },
+});
+export const circularProgressLabelVariants = cva("absolute inset-0 flex items-center justify-center font-medium tabular-nums text-foreground", {
+    variants: {
+        size: {
+            sm: "text-xs",
+            default: "text-sm",
+            lg: "text-base",
+            xl: "text-lg",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+export const circularProgressSizeIds = ["sm", "default", "lg", "xl"];
+export const circularProgressColorIds = [
+    "default",
+    "positive",
+    "warning",
+    "destructive",
+];
+const SIZE_TO_PIXELS = {
+    sm: 40,
+    default: 64,
+    lg: 96,
+    xl: 128,
+};
+const SIZE_TO_STROKE_WIDTH = {
+    sm: 4,
+    default: 6,
+    lg: 8,
+    xl: 10,
+};
+export function CircularProgress({ value, label, min = 0, max = 100, size, color, strokeWidth, showValue = true, children, className, indicatorClassName, trackClassName, labelClassName, ...props }) {
+    const resolvedSize = size ?? "default";
+    const pixelSize = SIZE_TO_PIXELS[resolvedSize];
+    const resolvedStrokeWidth = strokeWidth ?? SIZE_TO_STROKE_WIDTH[resolvedSize];
+    const radius = (pixelSize - resolvedStrokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const clampedValue = Math.min(max, Math.max(min, value));
+    const percentage = ((clampedValue - min) / (max - min)) * 100;
+    const targetOffset = circumference * (1 - percentage / 100);
+    return (_jsxs("div", { role: "progressbar", "aria-valuenow": clampedValue, "aria-valuemin": min, "aria-valuemax": max, "aria-label": label, className: cn(circularProgressVariants({ size }), className), ...props, children: [_jsxs("svg", { viewBox: `0 0 ${pixelSize} ${pixelSize}`, className: "h-full w-full -rotate-90", "aria-hidden": "true", children: [_jsx("circle", { cx: pixelSize / 2, cy: pixelSize / 2, r: radius, fill: "none", strokeWidth: resolvedStrokeWidth, className: cn("stroke-secondary", trackClassName) }), _jsx(m.circle, { cx: pixelSize / 2, cy: pixelSize / 2, r: radius, fill: "none", strokeWidth: resolvedStrokeWidth, strokeLinecap: "round", strokeDasharray: circumference, initial: { strokeDashoffset: circumference }, animate: { strokeDashoffset: targetOffset }, transition: { duration: 0.5, ease: "easeOut" }, className: cn(circularProgressIndicatorVariants({ color }), indicatorClassName) })] }), (children || showValue) && (_jsx("div", { className: cn(circularProgressLabelVariants({ size }), labelClassName), "aria-hidden": "true", children: children ?? `${Math.round(percentage)}%` }))] }));
+}
+CircularProgress.displayName = "CircularProgress";
+//# sourceMappingURL=circular-progress.js.map

package/dist/components/ui/circular-progress/circular-progress.js.map

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

package/dist/components/ui/circular-progress/index.d.ts

@@ -0,0 +1,3 @@
+export { CircularProgress, circularProgressVariants, circularProgressIndicatorVariants, circularProgressLabelVariants, circularProgressSizeIds, circularProgressColorIds, } from "./circular-progress";
+export type * from "./circular-progress";
+export { CircularProgress as default } from "./circular-progress";

package/dist/components/ui/circular-progress/index.js

@@ -0,0 +1,3 @@
+export { CircularProgress, circularProgressVariants, circularProgressIndicatorVariants, circularProgressLabelVariants, circularProgressSizeIds, circularProgressColorIds, } from "./circular-progress";
+export { CircularProgress as default } from "./circular-progress";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/circular-progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/circular-progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,iCAAiC,EACjC,6BAA6B,EAC7B,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -98,6 +98,8 @@ export * from "./switch";
 export type * from "./switch";
 export * from "./progress-bar";
 export type * from "./progress-bar";
+export * from "./circular-progress";
+export type * from "./circular-progress";
 export * from "./breadcrumb";
 export type * from "./breadcrumb";
 export * from "./pagination";

package/dist/components/ui/index.js

@@ -48,6 +48,7 @@ export * from "./tabs";
 export * from "./slider";
 export * from "./switch";
 export * from "./progress-bar";
+export * from "./circular-progress";
 export * from "./breadcrumb";
 export * from "./pagination";
 export * from "./kbd";

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,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,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,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"}
+{"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,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,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"}

package/package.json

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