@schemavaults/ui 0.32.3 → 0.34.0

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

@@ -0,0 +1,38 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
+import { type VariantProps } from "class-variance-authority";
+export declare const calloutIntentIds: readonly ["note", "tip", "important", "warning", "caution"];
+export type CalloutIntentId = (typeof calloutIntentIds)[number];
+export declare const calloutAppearanceIds: readonly ["accent-bar", "subtle"];
+export type CalloutAppearanceId = (typeof calloutAppearanceIds)[number];
+declare const calloutVariants: (props?: ({
+    intent?: "note" | "warning" | "tip" | "important" | "caution" | null | undefined;
+    appearance?: "accent-bar" | "subtle" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CalloutProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof calloutVariants> {
+    /** Override the default icon for the intent. Pass `null` to hide. */
+    icon?: ReactNode | null;
+    /** Optional title; falls back to a default label for the intent. */
+    title?: ReactNode;
+    /** Render the title row even when no `title` is supplied. Defaults to true. */
+    showTitle?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function Callout({ className, intent, appearance, icon, title, showTitle, children, ref, ...props }: CalloutProps): ReactElement;
+declare namespace Callout {
+    var displayName: string;
+}
+export interface CalloutTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    ref?: Ref<HTMLHeadingElement>;
+}
+declare function CalloutTitle({ className, ref, children, ...props }: CalloutTitleProps): ReactElement;
+declare namespace CalloutTitle {
+    var displayName: string;
+}
+export interface CalloutDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function CalloutDescription({ className, ref, ...props }: CalloutDescriptionProps): ReactElement;
+declare namespace CalloutDescription {
+    var displayName: string;
+}
+export { Callout, CalloutTitle, CalloutDescription, calloutVariants };

package/dist/components/ui/callout/callout.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Info, Lightbulb, AlertTriangle, AlertOctagon, MessageSquareWarning, } from "lucide-react";
+import { cn } from "../../../lib/utils";
+export const calloutIntentIds = [
+    "note",
+    "tip",
+    "important",
+    "warning",
+    "caution",
+];
+export const calloutAppearanceIds = [
+    "accent-bar",
+    "subtle",
+];
+const calloutVariants = cva("relative w-full text-sm text-foreground [&_a]:underline [&_a]:underline-offset-2", {
+    variants: {
+        intent: {
+            note: "[--callout-color:hsl(217_91%_60%)] [--callout-tint:hsl(217_91%_60%/0.08)]",
+            tip: "[--callout-color:hsl(142_71%_45%)] [--callout-tint:hsl(142_71%_45%/0.08)]",
+            important: "[--callout-color:hsl(258_90%_66%)] [--callout-tint:hsl(258_90%_66%/0.08)]",
+            warning: "[--callout-color:hsl(var(--warning))] [--callout-tint:hsl(var(--warning)/0.10)]",
+            caution: "[--callout-color:hsl(var(--destructive))] [--callout-tint:hsl(var(--destructive)/0.10)]",
+        },
+        appearance: {
+            "accent-bar": "rounded-md border-l-4 border-l-[var(--callout-color)] bg-[var(--callout-tint)] py-3 pl-4 pr-4",
+            subtle: "rounded-md border border-[var(--callout-color)]/30 bg-[var(--callout-tint)] p-4",
+        },
+    },
+    defaultVariants: {
+        intent: "note",
+        appearance: "accent-bar",
+    },
+});
+const defaultIcons = {
+    note: _jsx(Info, { "aria-hidden": true, className: "size-4" }),
+    tip: _jsx(Lightbulb, { "aria-hidden": true, className: "size-4" }),
+    important: _jsx(MessageSquareWarning, { "aria-hidden": true, className: "size-4" }),
+    warning: _jsx(AlertTriangle, { "aria-hidden": true, className: "size-4" }),
+    caution: _jsx(AlertOctagon, { "aria-hidden": true, className: "size-4" }),
+};
+const defaultLabels = {
+    note: "Note",
+    tip: "Tip",
+    important: "Important",
+    warning: "Warning",
+    caution: "Caution",
+};
+function Callout({ className, intent = "note", appearance = "accent-bar", icon, title, showTitle = true, children, ref, ...props }) {
+    const resolvedIntent = intent ?? "note";
+    const resolvedIcon = icon === null ? null : icon ?? defaultIcons[resolvedIntent];
+    const resolvedTitle = title ?? defaultLabels[resolvedIntent];
+    return (_jsxs("div", { ref: ref, role: "note", "data-slot": "callout", "data-intent": resolvedIntent, "data-appearance": appearance ?? "accent-bar", className: cn(calloutVariants({ intent, appearance }), className), ...props, children: [showTitle && (_jsxs("div", { className: "mb-1 flex items-center gap-2 text-[var(--callout-color)]", children: [resolvedIcon, _jsx("span", { className: "text-sm font-semibold leading-none", children: resolvedTitle })] })), children !== undefined && (_jsxs("div", { "data-slot": "callout-content", className: cn("text-sm leading-relaxed text-foreground/90", showTitle ? "" : "flex items-start gap-2"), children: [!showTitle && resolvedIcon !== null && (_jsx("span", { className: "mt-0.5 shrink-0 text-[var(--callout-color)]", children: resolvedIcon })), _jsx("div", { className: "min-w-0 flex-1", children: children })] }))] }));
+}
+Callout.displayName = "Callout";
+function CalloutTitle({ className, ref, children, ...props }) {
+    return (_jsx("h5", { ref: ref, "data-slot": "callout-title", className: cn("mb-1 text-sm font-semibold leading-none tracking-tight text-[var(--callout-color)]", className), ...props, children: children }));
+}
+CalloutTitle.displayName = "CalloutTitle";
+function CalloutDescription({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "callout-description", className: cn("text-sm leading-relaxed text-foreground/90 [&_p]:leading-relaxed", className), ...props }));
+}
+CalloutDescription.displayName = "CalloutDescription";
+export { Callout, CalloutTitle, CalloutDescription, calloutVariants };
+//# sourceMappingURL=callout.js.map

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

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

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

@@ -0,0 +1,3 @@
+export { Callout, CalloutTitle, CalloutDescription, calloutVariants, calloutIntentIds, calloutAppearanceIds, } from "./callout";
+export type { CalloutProps, CalloutTitleProps, CalloutDescriptionProps, CalloutIntentId, CalloutAppearanceId, } from "./callout";
+export { Callout as default } from "./callout";

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

@@ -0,0 +1,3 @@
+export { Callout, CalloutTitle, CalloutDescription, calloutVariants, calloutIntentIds, calloutAppearanceIds, } from "./callout";
+export { Callout as default } from "./callout";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/callout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,WAAW,CAAC;AASnB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/ui/code-block/code-block.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
 import { type CodeBlockSize, type CodeBlockVariant, codeBlockSizeIds, codeBlockVariantIds } from "./code-block-variants";
 declare const codeBlockVariants: (props?: ({
-    variant?: "default" | "terminal" | "subtle" | "contrast" | null | undefined;
+    variant?: "default" | "subtle" | "terminal" | "contrast" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "title">, VariantProps<typeof codeBlockVariants> {

package/dist/components/ui/copy-button/copy-button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import { type ButtonHTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
 import { type CopyButtonSize, type CopyButtonVariant, copyButtonSizeIds, copyButtonVariantIds } from "./copy-button-variants";
 declare const copyButtonVariants: (props?: ({
-    variant?: "default" | "ghost" | "outline" | "brand" | "subtle" | null | undefined;
+    variant?: "default" | "ghost" | "subtle" | "outline" | "brand" | null | undefined;
     size?: "sm" | "lg" | "md" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onCopy">, VariantProps<typeof copyButtonVariants> {

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

@@ -4,6 +4,8 @@ export * from "./accordion";
 export type * from "./accordion";
 export * from "./alert";
 export type * from "./alert";
+export * from "./callout";
+export type * from "./callout";
 export * from "./badge";
 export type * from "./badge";
 export * from "./background-blur";
@@ -132,3 +134,5 @@ export * from "./toggle";
 export type * from "./toggle";
 export * from "./chip";
 export type * from "./chip";
+export * from "./number-ticker";
+export type * from "./number-ticker";

package/dist/components/ui/index.js

@@ -1,6 +1,7 @@
 export * from "./avatar";
 export * from "./accordion";
 export * from "./alert";
+export * from "./callout";
 export * from "./badge";
 export * from "./background-blur";
 export * from "./themed-page-background";
@@ -65,4 +66,5 @@ export * from "./segmented-control";
 export * from "./marquee";
 export * from "./toggle";
 export * from "./chip";
+export * from "./number-ticker";
 //# 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,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;AAGzB,cAAc,QAAQ,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,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,iBAAiB,CAAC"}

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

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import type { HTMLAttributes, ReactElement, ReactNode, Ref } from "react";
 import { type KbdSize, type KbdVariant, kbdSizeIds, kbdVariantIds } from "./kbd-variants";
 declare const kbdVariants: (props?: ({
-    variant?: "default" | "outline" | "solid" | "subtle" | null | undefined;
+    variant?: "default" | "subtle" | "outline" | "solid" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface KbdProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof kbdVariants> {

package/dist/components/ui/number-ticker/index.d.ts

@@ -0,0 +1,4 @@
+export { NumberTicker, NumberTicker as default, numberTickerVariants, } from "./number-ticker";
+export type { NumberTickerProps, NumberTickerEase, } from "./number-ticker";
+export { numberTickerVariantIds, numberTickerSizeIds, } from "./number-ticker-variants";
+export type { NumberTickerVariant, NumberTickerSize, } from "./number-ticker-variants";

package/dist/components/ui/number-ticker/index.js

@@ -0,0 +1,3 @@
+export { NumberTicker, NumberTicker as default, numberTickerVariants, } from "./number-ticker";
+export { numberTickerVariantIds, numberTickerSizeIds, } from "./number-ticker-variants";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/number-ticker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/number-ticker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,YAAY,IAAI,OAAO,EACvB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EACL,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC"}

package/dist/components/ui/number-ticker/number-ticker-variants.d.ts

@@ -0,0 +1,4 @@
+export declare const numberTickerVariantIds: readonly ["default", "primary", "muted", "destructive", "warning", "success"];
+export type NumberTickerVariant = (typeof numberTickerVariantIds)[number];
+export declare const numberTickerSizeIds: readonly ["sm", "default", "lg", "xl", "2xl", "3xl"];
+export type NumberTickerSize = (typeof numberTickerSizeIds)[number];

package/dist/components/ui/number-ticker/number-ticker-variants.js

@@ -0,0 +1,17 @@
+export const numberTickerVariantIds = [
+    "default",
+    "primary",
+    "muted",
+    "destructive",
+    "warning",
+    "success",
+];
+export const numberTickerSizeIds = [
+    "sm",
+    "default",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+];
+//# sourceMappingURL=number-ticker-variants.js.map

package/dist/components/ui/number-ticker/number-ticker-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-ticker-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/number-ticker/number-ticker-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS;IACT,SAAS;IACT,OAAO;IACP,aAAa;IACb,SAAS;IACT,SAAS;CAC2B,CAAC;AAGvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,KAAK;CAC+B,CAAC"}

package/dist/components/ui/number-ticker/number-ticker.d.ts

@@ -0,0 +1,37 @@
+import { type VariantProps } from "class-variance-authority";
+import { type ComponentProps, type ReactElement, type Ref } from "react";
+declare const numberTickerVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "primary" | "muted" | "success" | 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";
+export interface NumberTickerProps extends Omit<ComponentProps<"span">, "children">, VariantProps<typeof numberTickerVariants> {
+    /** The target number to animate to. */
+    value: number;
+    /** The starting number for the animation. Defaults to `0`. */
+    from?: number;
+    /** Animation duration in seconds. Defaults to `1.5`. */
+    duration?: number;
+    /** Delay before the animation begins, in seconds. Defaults to `0`. */
+    delay?: number;
+    /** Number of decimal places to display. Defaults to `0`. */
+    decimals?: number;
+    /** String prepended to the formatted number (e.g. `$`). */
+    prefix?: string;
+    /** String appended to the formatted number (e.g. `%`). */
+    suffix?: string;
+    /** BCP-47 locale tag(s) used for `Intl.NumberFormat`. Defaults to `"en-US"`. */
+    locale?: string | string[];
+    /** Whether to use grouping separators (e.g. thousands commas). Defaults to `true`. */
+    useGrouping?: boolean;
+    /** When `true`, animation only starts once the element scrolls into the viewport. Defaults to `true`. */
+    startOnInView?: boolean;
+    /** Easing curve. Defaults to `"easeOut"`. */
+    ease?: NumberTickerEase;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function NumberTicker({ value, from, duration, delay, decimals, prefix, suffix, locale, useGrouping, startOnInView, ease, variant, size, className, ref, ...props }: NumberTickerProps): ReactElement;
+export declare namespace NumberTicker {
+    var displayName: string;
+}
+export { numberTickerVariants };

package/dist/components/ui/number-ticker/number-ticker.js

@@ -0,0 +1,118 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useCallback, useEffect, useMemo, useRef, } from "react";
+import { animate, useMotionValue, useReducedMotion, } from "../../../framer-motion";
+import { cn } from "../../../lib/utils";
+const numberTickerVariants = cva("inline-block tabular-nums font-semibold tracking-tight", {
+    variants: {
+        variant: {
+            default: "text-foreground",
+            primary: "text-primary",
+            muted: "text-muted-foreground",
+            destructive: "text-destructive",
+            warning: "text-warning",
+            success: "text-emerald-600 dark:text-emerald-400",
+        },
+        size: {
+            sm: "text-sm",
+            default: "text-base",
+            lg: "text-lg",
+            xl: "text-2xl",
+            "2xl": "text-4xl",
+            "3xl": "text-6xl",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+export function NumberTicker({ value, from = 0, duration = 1.5, delay = 0, decimals = 0, prefix = "", suffix = "", locale = "en-US", useGrouping = true, startOnInView = true, ease = "easeOut", variant, size, className, ref, ...props }) {
+    const prefersReducedMotion = useReducedMotion();
+    const motionValue = useMotionValue(from);
+    const innerRef = useRef(null);
+    const startedRef = useRef(false);
+    const formatter = useMemo(() => new Intl.NumberFormat(locale, {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+        useGrouping,
+    }), [locale, decimals, useGrouping]);
+    const format = useCallback((n) => `${prefix}${formatter.format(n)}${suffix}`, [formatter, prefix, suffix]);
+    const setRefs = useCallback((node) => {
+        innerRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [ref]);
+    // Subscribe to motion value updates and write the formatted text into the
+    // span imperatively. This avoids re-rendering the React tree on every frame.
+    useEffect(() => {
+        const node = innerRef.current;
+        if (node) {
+            node.textContent = format(motionValue.get());
+        }
+        return motionValue.on("change", (latest) => {
+            const el = innerRef.current;
+            if (el) {
+                el.textContent = format(latest);
+            }
+        });
+    }, [motionValue, format]);
+    useEffect(() => {
+        if (prefersReducedMotion) {
+            motionValue.set(value);
+            startedRef.current = true;
+            return;
+        }
+        const runAnimation = () => {
+            const controls = animate(motionValue, value, {
+                type: "tween",
+                duration,
+                delay,
+                ease,
+            });
+            return controls.stop;
+        };
+        if (startedRef.current || !startOnInView) {
+            startedRef.current = true;
+            return runAnimation();
+        }
+        const el = innerRef.current;
+        if (!el) {
+            startedRef.current = true;
+            return runAnimation();
+        }
+        let stopAnimation;
+        const observer = new IntersectionObserver((entries) => {
+            for (const entry of entries) {
+                if (entry.isIntersecting) {
+                    startedRef.current = true;
+                    observer.disconnect();
+                    stopAnimation = runAnimation();
+                    break;
+                }
+            }
+        }, { threshold: 0.1 });
+        observer.observe(el);
+        return () => {
+            observer.disconnect();
+            stopAnimation?.();
+        };
+    }, [
+        value,
+        duration,
+        delay,
+        ease,
+        prefersReducedMotion,
+        startOnInView,
+        motionValue,
+    ]);
+    return (_jsx("span", { ref: setRefs, "data-slot": "number-ticker", "aria-label": format(value), className: cn(numberTickerVariants({ variant, size }), className), ...props, children: format(from) }));
+}
+NumberTicker.displayName = "NumberTicker";
+export { numberTickerVariants };
+//# sourceMappingURL=number-ticker.js.map

package/dist/components/ui/number-ticker/number-ticker.js.map

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

package/dist/framer-motion.d.ts

@@ -1,2 +1,2 @@
-export { m, 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, 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, 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, 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,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,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,eAAe,CAAC"}

package/package.json

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