@schemavaults/ui 0.57.1 → 0.59.1

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

@@ -106,6 +106,8 @@ export * from "./progress-bar";
 export type * from "./progress-bar";
 export * from "./circular-progress";
 export type * from "./circular-progress";
+export * from "./scroll-progress";
+export type * from "./scroll-progress";
 export * from "./gauge";
 export type * from "./gauge";
 export * from "./breadcrumb";
@@ -170,3 +172,5 @@ export * from "./countdown";
 export type * from "./countdown";
 export * from "./floating-action-button";
 export type * from "./floating-action-button";
+export * from "./notification-bell";
+export type * from "./notification-bell";

package/dist/components/ui/index.js

@@ -52,6 +52,7 @@ export * from "./slider";
 export * from "./switch";
 export * from "./progress-bar";
 export * from "./circular-progress";
+export * from "./scroll-progress";
 export * from "./gauge";
 export * from "./breadcrumb";
 export * from "./pagination";
@@ -84,4 +85,5 @@ export * from "./tree-view";
 export * from "./carousel";
 export * from "./countdown";
 export * from "./floating-action-button";
+export * from "./notification-bell";
 //# 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,uBAAuB,CAAC;AAGtC,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;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,aAAa,CAAC;AAG5B,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,uBAAuB,CAAC;AAGtC,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,mBAAmB,CAAC;AAGlC,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;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,aAAa,CAAC;AAG5B,cAAc,0BAA0B,CAAC;AAGzC,cAAc,qBAAqB,CAAC"}

package/dist/components/ui/notification-bell/index.d.ts

@@ -0,0 +1,4 @@
+export { NotificationBell, NotificationBell as default, notificationBellTriggerVariants, } from "./notification-bell";
+export type { NotificationBellProps } from "./notification-bell";
+export { notificationBellVariantIds, notificationBellSizeIds, notificationBellIndicatorVariantIds, } from "./notification-bell-variants";
+export type { NotificationBellVariant, NotificationBellSize, NotificationBellIndicatorVariant, } from "./notification-bell-variants";

package/dist/components/ui/notification-bell/index.js

@@ -0,0 +1,3 @@
+export { NotificationBell, NotificationBell as default, notificationBellTriggerVariants, } from "./notification-bell";
+export { notificationBellVariantIds, notificationBellSizeIds, notificationBellIndicatorVariantIds, } from "./notification-bell-variants";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/notification-bell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/notification-bell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,IAAI,OAAO,EAC3B,+BAA+B,GAChC,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,0BAA0B,EAC1B,uBAAuB,EACvB,mCAAmC,GACpC,MAAM,8BAA8B,CAAC"}

package/dist/components/ui/notification-bell/notification-bell-variants.d.ts

@@ -0,0 +1,6 @@
+export declare const notificationBellVariantIds: readonly ["default", "outline", "ghost", "subtle", "brand"];
+export type NotificationBellVariant = (typeof notificationBellVariantIds)[number];
+export declare const notificationBellSizeIds: readonly ["sm", "md", "lg"];
+export type NotificationBellSize = (typeof notificationBellSizeIds)[number];
+export declare const notificationBellIndicatorVariantIds: readonly ["destructive", "primary", "success", "warning", "brand"];
+export type NotificationBellIndicatorVariant = (typeof notificationBellIndicatorVariantIds)[number];

package/dist/components/ui/notification-bell/notification-bell-variants.js

@@ -0,0 +1,16 @@
+export const notificationBellVariantIds = [
+    "default",
+    "outline",
+    "ghost",
+    "subtle",
+    "brand",
+];
+export const notificationBellSizeIds = ["sm", "md", "lg"];
+export const notificationBellIndicatorVariantIds = [
+    "destructive",
+    "primary",
+    "success",
+    "warning",
+    "brand",
+];
+//# sourceMappingURL=notification-bell-variants.js.map

package/dist/components/ui/notification-bell/notification-bell-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-bell-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/notification-bell/notification-bell-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,SAAS;IACT,SAAS;IACT,OAAO;IACP,QAAQ;IACR,OAAO;CAC6B,CAAC;AAIvC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAsC,CAAC;AAG/F,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,aAAa;IACb,SAAS;IACT,SAAS;IACT,SAAS;IACT,OAAO;CAC6B,CAAC"}

package/dist/components/ui/notification-bell/notification-bell.d.ts

@@ -0,0 +1,48 @@
+import { type VariantProps } from "class-variance-authority";
+import type { ButtonHTMLAttributes, ReactElement, Ref } from "react";
+import { type NotificationBellIndicatorVariant } from "./notification-bell-variants";
+declare const notificationBellTriggerVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "subtle" | "brand" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface NotificationBellProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof notificationBellTriggerVariants> {
+    /**
+     * Number of unread notifications. When `0` (and `dot` is false), no
+     * indicator is shown. When greater than `maxCount`, the badge displays
+     * `${maxCount}+` instead of the raw value.
+     */
+    count?: number;
+    /** Maximum count to show numerically. Defaults to `99`. */
+    maxCount?: number;
+    /**
+     * Render a dot indicator instead of a count. Useful when the exact number
+     * is not meaningful (e.g. "there is something new"). Takes precedence over
+     * `count` for the visual style; the count is still considered for whether
+     * to show the indicator at all unless `forceIndicator` is set.
+     */
+    dot?: boolean;
+    /** Always show the indicator, even when `count` is `0`. */
+    forceIndicator?: boolean;
+    /** Animate a soft ping around the indicator. */
+    ping?: boolean;
+    /**
+     * Swap the bell glyph for an animated `BellRing` when the indicator is
+     * visible.
+     */
+    ringWhenActive?: boolean;
+    /** Color/style applied to the count badge or dot. */
+    indicatorVariant?: NotificationBellIndicatorVariant;
+    /**
+     * Accessible label for the button. Defaults to `Notifications` (or
+     * `Notifications (N unread)` when a positive `count` is provided).
+     */
+    "aria-label"?: string;
+    /** Forwarded to the underlying `<button>` element. */
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare function NotificationBell({ className, variant, size, count, maxCount, dot, forceIndicator, ping, ringWhenActive, indicatorVariant, type, ref, ...props }: NotificationBellProps): ReactElement;
+export declare namespace NotificationBell {
+    var displayName: string;
+}
+export { notificationBellTriggerVariants };
+export default NotificationBell;

package/dist/components/ui/notification-bell/notification-bell.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bell, BellRing } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+const notificationBellTriggerVariants = cva("relative inline-flex items-center justify-center rounded-md ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            outline: "border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+            ghost: "text-muted-foreground hover:bg-accent hover:text-foreground",
+            subtle: "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground",
+            brand: "bg-schemavaults-brand-blue text-primary-foreground hover:bg-schemavaults-brand-blue/90",
+        },
+        size: {
+            sm: "h-8 w-8 [&_svg]:size-4",
+            md: "h-9 w-9 [&_svg]:size-[18px]",
+            lg: "h-10 w-10 [&_svg]:size-5",
+        },
+    },
+    defaultVariants: {
+        variant: "ghost",
+        size: "md",
+    },
+});
+const indicatorVariants = cva("pointer-events-none absolute inline-flex items-center justify-center rounded-full font-medium tabular-nums ring-2 ring-background", {
+    variants: {
+        indicatorVariant: {
+            destructive: "bg-destructive text-white",
+            primary: "bg-primary text-primary-foreground",
+            success: "bg-green-500 text-white",
+            warning: "bg-yellow-500 text-black",
+            brand: "bg-schemavaults-brand-blue text-primary-foreground",
+        },
+    },
+    defaultVariants: {
+        indicatorVariant: "destructive",
+    },
+});
+const indicatorPingVariants = {
+    destructive: "bg-destructive",
+    primary: "bg-primary",
+    success: "bg-green-500",
+    warning: "bg-yellow-500",
+    brand: "bg-schemavaults-brand-blue",
+};
+const indicatorSizeClasses = {
+    sm: {
+        dot: "h-2 w-2",
+        count: "min-w-[14px] h-[14px] px-[3px] text-[9px] leading-none",
+        position: "-top-0.5 -right-0.5",
+        ping: "h-2 w-2",
+    },
+    md: {
+        dot: "h-2.5 w-2.5",
+        count: "min-w-[16px] h-[16px] px-1 text-[10px] leading-none",
+        position: "-top-0.5 -right-0.5",
+        ping: "h-2.5 w-2.5",
+    },
+    lg: {
+        dot: "h-3 w-3",
+        count: "min-w-[18px] h-[18px] px-1 text-[11px] leading-none",
+        position: "-top-1 -right-1",
+        ping: "h-3 w-3",
+    },
+};
+export function NotificationBell({ className, variant, size, count = 0, maxCount = 99, dot = false, forceIndicator = false, ping = false, ringWhenActive = false, indicatorVariant = "destructive", type = "button", ref, ...props }) {
+    const resolvedSize = size ?? "md";
+    const safeCount = Number.isFinite(count) && count > 0 ? Math.floor(count) : 0;
+    const showIndicator = forceIndicator || dot || safeCount > 0;
+    const displayLabel = safeCount > maxCount ? `${maxCount}+` : `${safeCount}`;
+    const sizeClasses = indicatorSizeClasses[resolvedSize];
+    const ariaLabel = props["aria-label"] ??
+        (safeCount > 0
+            ? `Notifications (${safeCount} unread)`
+            : "Notifications");
+    const BellIcon = ringWhenActive && showIndicator ? BellRing : Bell;
+    return (_jsxs("button", { ref: ref, type: type, "aria-label": ariaLabel, className: cn(notificationBellTriggerVariants({ variant, size: resolvedSize }), className), ...props, children: [_jsx(BellIcon, { "aria-hidden": "true" }), showIndicator && (_jsx("span", { className: cn("absolute", sizeClasses.position), "aria-hidden": "true", children: _jsxs("span", { className: "relative flex items-center justify-center", children: [ping && (_jsx("span", { className: cn("absolute inline-flex rounded-full opacity-75 animate-ping", sizeClasses.ping, indicatorPingVariants[indicatorVariant]) })), _jsx("span", { className: cn(indicatorVariants({ indicatorVariant }), dot || safeCount === 0
+                                ? sizeClasses.dot
+                                : sizeClasses.count), children: !dot && safeCount > 0 && displayLabel })] }) })), safeCount > 0 && (_jsxs("span", { className: "sr-only", "aria-live": "polite", children: [safeCount, " unread ", safeCount === 1 ? "notification" : "notifications"] }))] }));
+}
+NotificationBell.displayName = "NotificationBell";
+export { notificationBellTriggerVariants };
+export default NotificationBell;
+//# sourceMappingURL=notification-bell.js.map

package/dist/components/ui/notification-bell/notification-bell.js.map

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

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

@@ -0,0 +1,3 @@
+export { ScrollProgress, scrollProgressVariants, scrollProgressIndicatorVariants, scrollProgressPositionIds, scrollProgressSizeIds, scrollProgressColorIds, } from "./scroll-progress";
+export type * from "./scroll-progress";
+export { ScrollProgress as default } from "./scroll-progress";

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

@@ -0,0 +1,3 @@
+export { ScrollProgress, scrollProgressVariants, scrollProgressIndicatorVariants, scrollProgressPositionIds, scrollProgressSizeIds, scrollProgressColorIds, } from "./scroll-progress";
+export { ScrollProgress as default } from "./scroll-progress";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/scroll-progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,+BAA+B,EAC/B,yBAAyB,EACzB,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,41 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactElement, RefObject } from "react";
+export declare const scrollProgressPositionIds: ["top", "bottom", "static"];
+export type ScrollProgressPositionId = (typeof scrollProgressPositionIds)[number];
+export declare const scrollProgressSizeIds: ["sm", "default", "lg"];
+export type ScrollProgressSizeId = (typeof scrollProgressSizeIds)[number];
+export declare const scrollProgressColorIds: ["default", "brand", "primary", "positive", "warning", "destructive"];
+export type ScrollProgressColorId = (typeof scrollProgressColorIds)[number];
+export declare const scrollProgressVariants: (props?: ({
+    position?: "bottom" | "top" | "static" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const scrollProgressIndicatorVariants: (props?: ({
+    color?: "default" | "warning" | "destructive" | "primary" | "positive" | "brand" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ScrollProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof scrollProgressVariants>, VariantProps<typeof scrollProgressIndicatorVariants> {
+    /**
+     * Optional ref to a scroll container to track. When omitted, the component
+     * tracks the document/window scroll.
+     */
+    containerRef?: RefObject<HTMLElement | null>;
+    /** Accessible label describing what the progress represents. */
+    label?: string;
+    /** Additional classes applied to the filled indicator. */
+    indicatorClassName?: string;
+}
+/**
+ * A horizontal scroll progress indicator that fills as the user scrolls a
+ * page or a scroll container. Useful for long-form content like articles,
+ * documentation, and changelogs to give the reader a sense of progress.
+ *
+ * When `containerRef` is omitted, the component tracks document/window scroll.
+ * Otherwise, it tracks the referenced element's vertical scroll progress.
+ *
+ * Animation uses a spring for a smooth follow, and respects
+ * `prefers-reduced-motion` by snapping directly to the scroll value.
+ */
+export declare function ScrollProgress({ position, size, color, containerRef, label, className, indicatorClassName, ...props }: ScrollProgressProps): ReactElement;
+export declare namespace ScrollProgress {
+    var displayName: string;
+}

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

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { m, useScroll, useSpring, useReducedMotion, } from "../../../framer-motion";
+import { cn } from "../../../lib/utils";
+export const scrollProgressPositionIds = [
+    "top",
+    "bottom",
+    "static",
+];
+export const scrollProgressSizeIds = [
+    "sm",
+    "default",
+    "lg",
+];
+export const scrollProgressColorIds = [
+    "default",
+    "brand",
+    "primary",
+    "positive",
+    "warning",
+    "destructive",
+];
+export const scrollProgressVariants = cva("z-50 w-full origin-left bg-secondary/40 backdrop-blur-sm pointer-events-none", {
+    variants: {
+        position: {
+            top: "fixed left-0 right-0 top-0",
+            bottom: "fixed left-0 right-0 bottom-0",
+            static: "relative",
+        },
+        size: {
+            sm: "h-0.5",
+            default: "h-1",
+            lg: "h-1.5",
+        },
+    },
+    defaultVariants: {
+        position: "top",
+        size: "default",
+    },
+});
+export const scrollProgressIndicatorVariants = cva("h-full w-full origin-left transition-colors duration-300", {
+    variants: {
+        color: {
+            default: "bg-gradient-to-r from-schemavaults-brand-blue to-schemavaults-brand-red",
+            brand: "bg-schemavaults-brand-blue",
+            primary: "bg-primary",
+            positive: "bg-green-500",
+            warning: "bg-yellow-500",
+            destructive: "bg-destructive",
+        },
+    },
+    defaultVariants: {
+        color: "default",
+    },
+});
+/**
+ * A horizontal scroll progress indicator that fills as the user scrolls a
+ * page or a scroll container. Useful for long-form content like articles,
+ * documentation, and changelogs to give the reader a sense of progress.
+ *
+ * When `containerRef` is omitted, the component tracks document/window scroll.
+ * Otherwise, it tracks the referenced element's vertical scroll progress.
+ *
+ * Animation uses a spring for a smooth follow, and respects
+ * `prefers-reduced-motion` by snapping directly to the scroll value.
+ */
+export function ScrollProgress({ position, size, color, containerRef, label = "Page scroll progress", className, indicatorClassName, ...props }) {
+    const reduceMotion = useReducedMotion();
+    const { scrollYProgress } = useScroll(containerRef ? { container: containerRef } : undefined);
+    const smoothProgress = useSpring(scrollYProgress, {
+        stiffness: 140,
+        damping: 24,
+        mass: 0.4,
+        restDelta: 0.001,
+    });
+    return (_jsx("div", { role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 100, className: cn(scrollProgressVariants({ position, size }), className), ...props, children: _jsx(m.div, { style: { scaleX: reduceMotion ? scrollYProgress : smoothProgress }, className: cn(scrollProgressIndicatorVariants({ color }), indicatorClassName) }) }));
+}
+ScrollProgress.displayName = "ScrollProgress";
+//# sourceMappingURL=scroll-progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-progress.js","sourceRoot":"","sources":["../../../../src/components/ui/scroll-progress/scroll-progress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,CAAC,EACD,SAAS,EACT,SAAS,EACT,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,KAAK;IACL,QAAQ;IACR,QAAQ;CACmB,CAAC;AAK9B,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI;IACJ,SAAS;IACT,IAAI;CACuB,CAAC;AAI9B,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS;IACT,OAAO;IACP,SAAS;IACT,UAAU;IACV,SAAS;IACT,aAAa;CACc,CAAC;AAI9B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,8EAA8E,EAC9E;IACE,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,GAAG,EAAE,4BAA4B;YACjC,MAAM,EAAE,+BAA+B;YACvC,MAAM,EAAE,UAAU;SACgC;QACpD,IAAI,EAAE;YACJ,EAAE,EAAE,OAAO;YACX,OAAO,EAAE,KAAK;YACd,EAAE,EAAE,OAAO;SACmC;KACjD;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,GAAG,CAChD,0DAA0D,EAC1D;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EACL,yEAAyE;YAC3E,KAAK,EAAE,4BAA4B;YACnC,OAAO,EAAE,YAAY;YACrB,QAAQ,EAAE,cAAc;YACxB,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,gBAAgB;SACkB;KAClD;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;KACjB;CACF,CACF,CAAC;AAiBF;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,GAAG,sBAAsB,EAC9B,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACY;IACpB,MAAM,YAAY,GAAmB,gBAAgB,EAAE,CAAC;IACxD,MAAM,EAAE,eAAe,EAAE,GAAG,SAAS,CACnC,YAAY,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CACvD,CAAC;IACF,MAAM,cAAc,GAAG,SAAS,CAAC,eAAe,EAAE;QAChD,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,EAAE;QACX,IAAI,EAAE,GAAG;QACT,SAAS,EAAE,KAAK;KACjB,CAAC,CAAC;IAEH,OAAO,CACL,cACE,IAAI,EAAC,aAAa,gBACN,KAAK,mBACF,CAAC,mBACD,GAAG,EAClB,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAChE,KAAK,YAET,KAAC,CAAC,CAAC,GAAG,IACJ,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,EAAE,EAClE,SAAS,EAAE,EAAE,CACX,+BAA+B,CAAC,EAAE,KAAK,EAAE,CAAC,EAC1C,kBAAkB,CACnB,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/framer-motion.d.ts

@@ -1,2 +1,2 @@
-export { m, animate, AnimatePresence, domAnimation, LazyMotion, useAnimate, useAnimationFrame, useTransform, useMotionValue, usePresence, useScroll, useMotionValueEvent, useReducedMotion, } from "framer-motion";
+export { m, animate, AnimatePresence, domAnimation, LazyMotion, useAnimate, useAnimationFrame, useTransform, useMotionValue, usePresence, useScroll, useSpring, useMotionValueEvent, useReducedMotion, } from "framer-motion";
 export type { MotionValue, AnimationScope } from "framer-motion";

package/dist/framer-motion.js

@@ -1,3 +1,3 @@
 "use client";
-export { m, animate, AnimatePresence, domAnimation, LazyMotion, useAnimate, useAnimationFrame, useTransform, useMotionValue, usePresence, useScroll, useMotionValueEvent, useReducedMotion, } from "framer-motion";
+export { m, animate, AnimatePresence, domAnimation, LazyMotion, useAnimate, useAnimationFrame, useTransform, useMotionValue, usePresence, useScroll, useSpring, useMotionValueEvent, useReducedMotion, } from "framer-motion";
 //# sourceMappingURL=framer-motion.js.map

package/dist/framer-motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"framer-motion.js","sourceRoot":"","sources":["../src/framer-motion.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,CAAC,EACD,OAAO,EACP,eAAe,EACf,YAAY,EACZ,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"framer-motion.js","sourceRoot":"","sources":["../src/framer-motion.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,CAAC,EACD,OAAO,EACP,eAAe,EACf,YAAY,EACZ,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,eAAe,CAAC"}

package/package.json

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