@schemavaults/ui 0.57.1 → 0.60.0

package/dist/components/ui/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,87 @@
+import { type ComponentPropsWithoutRef, type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { type VariantProps } from "class-variance-authority";
+/**
+ * Tone drives the accent styling of the optional leading icon and the default
+ * styling of {@link AlertDialogAction}. Destructive confirmations (e.g. delete)
+ * should use the `destructive` tone so the confirm button is unmistakably risky.
+ */
+export declare const alertDialogToneIds: readonly ["default", "destructive", "warning", "success", "info"];
+export type AlertDialogToneId = (typeof alertDialogToneIds)[number];
+/**
+ * Root of the alert dialog. A modal, focus-trapped dialog that interrupts the
+ * user to confirm a consequential action. Unlike {@link Dialog}, it renders
+ * with `role="alertdialog"`, omits the corner close button, and does not
+ * dismiss on an outside click — the user must pick an explicit action.
+ */
+declare const AlertDialog: import("react").FC<DialogPrimitive.DialogProps>;
+declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
+declare const AlertDialogOverlay: {
+    ({ className, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>): ReactElement;
+    displayName: string;
+};
+export interface AlertDialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    /** Accent tone shared with the icon and default action button. */
+    tone?: AlertDialogToneId;
+}
+declare const AlertDialogContent: {
+    ({ className, children, tone, onInteractOutside, ...props }: AlertDialogContentProps): ReactElement;
+    displayName: string;
+};
+declare const AlertDialogHeader: {
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): ReactElement;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): ReactElement;
+    displayName: string;
+};
+declare const AlertDialogTitle: {
+    ({ className, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Title>): ReactElement;
+    displayName: string;
+};
+declare const AlertDialogDescription: {
+    ({ className, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Description>): ReactElement;
+    displayName: string;
+};
+declare const alertDialogIconVariants: (props?: ({
+    tone?: "default" | "info" | "warning" | "destructive" | "success" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AlertDialogIconProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children">, VariantProps<typeof alertDialogIconVariants> {
+    /** Override the auto-selected tone icon with a custom node. */
+    children?: ReactNode;
+}
+/**
+ * Optional themed icon for the header. When no `children` are provided, a
+ * sensible icon is chosen from the surrounding {@link AlertDialogContent} tone.
+ */
+declare const AlertDialogIcon: {
+    ({ className, tone: toneProp, children, ...props }: AlertDialogIconProps): ReactElement;
+    displayName: string;
+};
+declare const alertDialogActionVariants: (props?: ({
+    tone?: "default" | "info" | "warning" | "destructive" | "success" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AlertDialogActionProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Close> {
+}
+/**
+ * The confirm button. Clicking it runs the supplied `onClick` and then closes
+ * the dialog. By default it inherits the surrounding tone (e.g. a `destructive`
+ * tone yields a red confirm button); pass your own `className` to override.
+ */
+declare const AlertDialogAction: {
+    ({ className, ...props }: AlertDialogActionProps): ReactElement;
+    displayName: string;
+};
+export interface AlertDialogCancelProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Close> {
+}
+/**
+ * The dismiss button. Closes the dialog without performing the action and is
+ * the focused element when the dialog opens, so pressing Enter is always safe.
+ */
+declare const AlertDialogCancel: {
+    ({ className, ...props }: AlertDialogCancelProps): ReactElement;
+    displayName: string;
+};
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogIcon, AlertDialogAction, AlertDialogCancel, alertDialogIconVariants, alertDialogActionVariants, };

package/dist/components/ui/alert-dialog/alert-dialog.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+import { AlertTriangle, CheckCircle2, Info, TriangleAlert, } from "lucide-react";
+import { cn } from "../../../lib/utils";
+import { buttonVariants } from "../button";
+/**
+ * Tone drives the accent styling of the optional leading icon and the default
+ * styling of {@link AlertDialogAction}. Destructive confirmations (e.g. delete)
+ * should use the `destructive` tone so the confirm button is unmistakably risky.
+ */
+export const alertDialogToneIds = [
+    "default",
+    "destructive",
+    "warning",
+    "success",
+    "info",
+];
+const AlertDialogContext = createContext({
+    tone: "default",
+});
+function useAlertDialogTone() {
+    return useContext(AlertDialogContext).tone;
+}
+/**
+ * Root of the alert dialog. A modal, focus-trapped dialog that interrupts the
+ * user to confirm a consequential action. Unlike {@link Dialog}, it renders
+ * with `role="alertdialog"`, omits the corner close button, and does not
+ * dismiss on an outside click — the user must pick an explicit action.
+ */
+const AlertDialog = DialogPrimitive.Root;
+const AlertDialogTrigger = DialogPrimitive.Trigger;
+const AlertDialogPortal = DialogPrimitive.Portal;
+const AlertDialogOverlay = ({ className, ...props }) => (_jsx(DialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props }));
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+const AlertDialogContent = ({ className, children, tone = "default", onInteractOutside, ...props }) => (_jsx(AlertDialogContext.Provider, { value: { tone }, children: _jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(DialogPrimitive.Content, { role: "alertdialog", onInteractOutside: (event) => {
+                    // Require an explicit choice — never dismiss on outside click.
+                    event.preventDefault();
+                    onInteractOutside?.(event);
+                }, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props, children: children })] }) }));
+AlertDialogContent.displayName = "AlertDialogContent";
+const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props }));
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-2", className), ...props }));
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = ({ className, ...props }) => (_jsx(DialogPrimitive.Title, { className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+const AlertDialogDescription = ({ className, ...props }) => (_jsx(DialogPrimitive.Description, { className: cn("text-sm text-muted-foreground", className), ...props }));
+AlertDialogDescription.displayName = "AlertDialogDescription";
+const alertDialogIconVariants = cva("mx-auto flex size-11 shrink-0 items-center justify-center rounded-full sm:mx-0 [&>svg]:size-5", {
+    variants: {
+        tone: {
+            default: "bg-muted text-foreground",
+            destructive: "bg-destructive/15 text-destructive",
+            warning: "bg-warning/20 text-warning-foreground",
+            success: "bg-emerald-500/15 text-emerald-600 dark:text-emerald-400",
+            info: "bg-schemavaults-brand-blue/15 text-schemavaults-brand-blue",
+        },
+    },
+    defaultVariants: {
+        tone: "default",
+    },
+});
+const toneIcons = {
+    default: Info,
+    destructive: TriangleAlert,
+    warning: AlertTriangle,
+    success: CheckCircle2,
+    info: Info,
+};
+/**
+ * Optional themed icon for the header. When no `children` are provided, a
+ * sensible icon is chosen from the surrounding {@link AlertDialogContent} tone.
+ */
+const AlertDialogIcon = ({ className, tone: toneProp, children, ...props }) => {
+    const contextTone = useAlertDialogTone();
+    const tone = toneProp ?? contextTone;
+    const FallbackIcon = toneIcons[tone];
+    return (_jsx("span", { "aria-hidden": "true", "data-slot": "alert-dialog-icon", className: cn(alertDialogIconVariants({ tone }), className), ...props, children: children ?? _jsx(FallbackIcon, {}) }));
+};
+AlertDialogIcon.displayName = "AlertDialogIcon";
+const alertDialogActionVariants = cva("", {
+    variants: {
+        tone: {
+            default: "",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            warning: "bg-warning text-warning-foreground hover:bg-warning/90",
+            success: "bg-emerald-600 text-white hover:bg-emerald-600/90 dark:bg-emerald-500 dark:hover:bg-emerald-500/90",
+            info: "bg-schemavaults-brand-blue text-primary-foreground hover:bg-schemavaults-brand-blue/90",
+        },
+    },
+    defaultVariants: {
+        tone: "default",
+    },
+});
+/**
+ * The confirm button. Clicking it runs the supplied `onClick` and then closes
+ * the dialog. By default it inherits the surrounding tone (e.g. a `destructive`
+ * tone yields a red confirm button); pass your own `className` to override.
+ */
+const AlertDialogAction = ({ className, ...props }) => {
+    const tone = useAlertDialogTone();
+    return (_jsx(DialogPrimitive.Close, { "data-slot": "alert-dialog-action", className: cn(buttonVariants({ variant: "default" }), alertDialogActionVariants({ tone }), className), ...props }));
+};
+AlertDialogAction.displayName = "AlertDialogAction";
+/**
+ * The dismiss button. Closes the dialog without performing the action and is
+ * the focused element when the dialog opens, so pressing Enter is always safe.
+ */
+const AlertDialogCancel = ({ className, ...props }) => (_jsx(DialogPrimitive.Close, { "data-slot": "alert-dialog-cancel", className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props }));
+AlertDialogCancel.displayName = "AlertDialogCancel";
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogIcon, AlertDialogAction, AlertDialogCancel, alertDialogIconVariants, alertDialogActionVariants, };
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/ui/alert-dialog/alert-dialog.js.map

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

package/dist/components/ui/alert-dialog/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./alert-dialog";
+export type * from "./alert-dialog";
+export { AlertDialog as default } from "./alert-dialog";

package/dist/components/ui/alert-dialog/index.js

@@ -0,0 +1,3 @@
+export * from "./alert-dialog";
+export { AlertDialog as default } from "./alert-dialog";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/alert-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -48,6 +48,8 @@ export * from "./navigation-menu";
 export type * from "./navigation-menu";
 export * from "./dialog";
 export type * from "./dialog";
+export * from "./alert-dialog";
+export type * from "./alert-dialog";
 export * from "./popover";
 export type * from "./popover";
 export * from "./command";
@@ -106,6 +108,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 +174,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

@@ -23,6 +23,7 @@ export * from "./dropdown-menu";
 export * from "./tooltip";
 export * from "./navigation-menu";
 export * from "./dialog";
+export * from "./alert-dialog";
 export * from "./popover";
 export * from "./command";
 export * from "./combobox";
@@ -52,6 +53,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 +86,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,gBAAgB,CAAC;AAG/B,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/number-ticker/number-ticker.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import { type ComponentProps, type ReactElement, type Ref } from "react";
 declare const numberTickerVariants: (props?: ({
-    variant?: "default" | "warning" | "destructive" | "primary" | "muted" | "success" | null | undefined;
+    variant?: "default" | "warning" | "destructive" | "primary" | "success" | "muted" | null | undefined;
     size?: "sm" | "default" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type NumberTickerEase = "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";

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.60.0",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",