@schemavaults/ui 0.18.0 → 0.20.4

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

@@ -0,0 +1,4 @@
+export declare const copyButtonVariantIds: readonly ["default", "outline", "ghost", "subtle", "brand"];
+export type CopyButtonVariant = (typeof copyButtonVariantIds)[number];
+export declare const copyButtonSizeIds: readonly ["sm", "md", "lg", "icon-sm", "icon-md", "icon-lg"];
+export type CopyButtonSize = (typeof copyButtonSizeIds)[number];

package/dist/components/ui/copy-button/copy-button-variants.js

@@ -0,0 +1,16 @@
+export const copyButtonVariantIds = [
+    "default",
+    "outline",
+    "ghost",
+    "subtle",
+    "brand",
+];
+export const copyButtonSizeIds = [
+    "sm",
+    "md",
+    "lg",
+    "icon-sm",
+    "icon-md",
+    "icon-lg",
+];
+//# sourceMappingURL=copy-button-variants.js.map

package/dist/components/ui/copy-button/copy-button-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/copy-button/copy-button-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,SAAS;IACT,SAAS;IACT,OAAO;IACP,QAAQ;IACR,OAAO;CAC6B,CAAC;AAGvC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,SAAS;IACT,SAAS;IACT,SAAS;CAC2B,CAAC"}

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

@@ -0,0 +1,61 @@
+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;
+    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> {
+    /**
+     * The text value to copy to the clipboard.
+     */
+    value: string;
+    /**
+     * Duration, in milliseconds, that the "copied" state is shown after a
+     * successful copy before reverting to the idle state. Defaults to 2000.
+     */
+    resetDelay?: number;
+    /**
+     * Optional label rendered next to the icon in the idle state. When provided,
+     * the button automatically switches to a labelled layout. Use an "icon-*"
+     * size to render an icon-only button.
+     */
+    label?: ReactNode;
+    /**
+     * Optional label rendered next to the icon in the "copied" state. Defaults
+     * to "Copied!" when `label` is provided.
+     */
+    copiedLabel?: ReactNode;
+    /**
+     * Accessible label announced to screen readers in the idle state. Defaults
+     * to "Copy to clipboard".
+     */
+    ariaLabel?: string;
+    /**
+     * Accessible label announced to screen readers in the copied state. Defaults
+     * to "Copied to clipboard".
+     */
+    copiedAriaLabel?: string;
+    /**
+     * Callback fired after a copy attempt. Receives the success flag and the
+     * original value that was attempted to be copied.
+     */
+    onCopy?: (success: boolean, value: string) => void;
+    /**
+     * Optional override for the idle icon. Defaults to `<Copy />` from lucide.
+     */
+    icon?: ReactNode;
+    /**
+     * Optional override for the success icon. Defaults to `<Check />` from
+     * lucide.
+     */
+    copiedIcon?: ReactNode;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare function CopyButton({ value, variant, size, resetDelay, label, copiedLabel, ariaLabel, copiedAriaLabel, onCopy, icon, copiedIcon, className, onClick, disabled, type, ref, ...props }: CopyButtonProps): ReactElement;
+declare namespace CopyButton {
+    var displayName: string;
+}
+export { CopyButton, copyButtonVariants, copyButtonSizeIds, copyButtonVariantIds, };
+export type { CopyButtonSize, CopyButtonVariant };
+export default CopyButton;

package/dist/components/ui/copy-button/copy-button.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Check, Copy } from "lucide-react";
+import { useCallback, useEffect, useRef, useState, } from "react";
+import { cn } from "../../../lib/utils";
+import { copyToClipboard } from "../../../lib/copyToClipboard";
+import { copyButtonSizeIds, copyButtonVariantIds, } from "./copy-button-variants";
+const copyButtonVariants = cva("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md font-medium 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 data-[copied=true]:bg-primary/90",
+            outline: "border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground data-[copied=true]:border-schemavaults-brand-blue data-[copied=true]:text-schemavaults-brand-blue",
+            ghost: "text-muted-foreground hover:bg-accent hover:text-accent-foreground data-[copied=true]:text-schemavaults-brand-blue",
+            subtle: "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground data-[copied=true]:text-schemavaults-brand-blue",
+            brand: "bg-schemavaults-brand-blue text-primary-foreground hover:bg-schemavaults-brand-blue/90",
+        },
+        size: {
+            sm: "h-8 rounded-md px-2.5 text-xs [&_svg]:size-3.5",
+            md: "h-9 px-3 text-sm [&_svg]:size-4",
+            lg: "h-10 rounded-md px-4 text-sm [&_svg]:size-4",
+            "icon-sm": "h-7 w-7 rounded-md [&_svg]:size-3.5",
+            "icon-md": "h-9 w-9 [&_svg]:size-4",
+            "icon-lg": "h-10 w-10 rounded-md [&_svg]:size-[18px]",
+        },
+    },
+    defaultVariants: {
+        variant: "ghost",
+        size: "icon-md",
+    },
+});
+function CopyButton({ value, variant, size, resetDelay = 2000, label, copiedLabel, ariaLabel = "Copy to clipboard", copiedAriaLabel = "Copied to clipboard", onCopy, icon, copiedIcon, className, onClick, disabled, type = "button", ref, ...props }) {
+    const [copied, setCopied] = useState(false);
+    const timeoutRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current !== null) {
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = null;
+            }
+        };
+    }, []);
+    const handleClick = useCallback(async (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented)
+            return;
+        const success = await copyToClipboard(value);
+        onCopy?.(success, value);
+        if (!success)
+            return;
+        setCopied(true);
+        if (timeoutRef.current !== null)
+            clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => {
+            setCopied(false);
+            timeoutRef.current = null;
+        }, resetDelay);
+    }, [onClick, onCopy, resetDelay, value]);
+    const resolvedIdleIcon = icon ?? _jsx(Copy, { "aria-hidden": "true" });
+    const resolvedCopiedIcon = copiedIcon ?? (_jsx(Check, { "aria-hidden": "true" }));
+    const hasLabel = label !== undefined && label !== null;
+    const effectiveCopiedLabel = copiedLabel !== undefined ? copiedLabel : hasLabel ? "Copied!" : null;
+    const currentAriaLabel = copied ? copiedAriaLabel : ariaLabel;
+    return (_jsxs("button", { ref: ref, type: type, "data-slot": "copy-button", "data-copied": copied ? "true" : "false", "aria-label": currentAriaLabel, "aria-live": "polite", disabled: disabled, onClick: handleClick, className: cn(copyButtonVariants({ variant, size }), className), ...props, children: [_jsx("span", { "aria-hidden": "true", className: "inline-flex items-center justify-center", children: copied ? resolvedCopiedIcon : resolvedIdleIcon }), hasLabel ? (_jsx("span", { children: copied ? effectiveCopiedLabel : label })) : null] }));
+}
+CopyButton.displayName = "CopyButton";
+export { CopyButton, copyButtonVariants, copyButtonSizeIds, copyButtonVariantIds, };
+export default CopyButton;
+//# sourceMappingURL=copy-button.js.map

package/dist/components/ui/copy-button/copy-button.js.map

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

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

@@ -0,0 +1,4 @@
+export { CopyButton, CopyButton as default, copyButtonVariants, } from "./copy-button";
+export type { CopyButtonProps } from "./copy-button";
+export { copyButtonVariantIds, copyButtonSizeIds, } from "./copy-button-variants";
+export type { CopyButtonVariant, CopyButtonSize, } from "./copy-button-variants";

package/dist/components/ui/copy-button/index.js

@@ -0,0 +1,3 @@
+export { CopyButton, CopyButton as default, copyButtonVariants, } from "./copy-button";
+export { copyButtonVariantIds, copyButtonSizeIds, } from "./copy-button-variants";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/copy-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/copy-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,UAAU,IAAI,OAAO,EACrB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,wBAAwB,CAAC"}

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

@@ -100,11 +100,15 @@ export * from "./breadcrumb";
 export type * from "./breadcrumb";
 export * from "./kbd";
 export type * from "./kbd";
+export * from "./copy-button";
+export type * from "./copy-button";
 export * from "./spinner";
 export type * from "./spinner";
 export * from "./banner";
 export type * from "./banner";
 export * from "./empty-state";
 export type * from "./empty-state";
+export * from "./stat-card";
+export type * from "./stat-card";
 export * from "./timeline";
 export type * from "./timeline";

package/dist/components/ui/index.js

@@ -49,8 +49,10 @@ export * from "./switch";
 export * from "./progress-bar";
 export * from "./breadcrumb";
 export * from "./kbd";
+export * from "./copy-button";
 export * from "./spinner";
 export * from "./banner";
 export * from "./empty-state";
+export * from "./stat-card";
 export * from "./timeline";
 //# 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,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,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"}

package/dist/components/ui/stat-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./stat-card";
+export type * from "./stat-card";

package/dist/components/ui/stat-card/index.js

@@ -0,0 +1,2 @@
+export * from "./stat-card";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/stat-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/stat-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/ui/stat-card/stat-card.d.ts

@@ -0,0 +1,96 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactElement, ReactNode, Ref } from "react";
+export declare const statCardVariantIds: ["default", "muted", "primary", "destructive", "warning"];
+export type StatCardVariantId = (typeof statCardVariantIds)[number];
+export declare const statCardSizeIds: ["sm", "md", "lg"];
+export type StatCardSizeId = (typeof statCardSizeIds)[number];
+declare const statCardVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "primary" | "muted" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatCardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statCardVariants> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function StatCard({ className, variant, size, ref, ...props }: StatCardProps): ReactElement;
+declare namespace StatCard {
+    var displayName: string;
+}
+export interface StatCardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function StatCardHeader({ className, ref, ...props }: StatCardHeaderProps): ReactElement;
+declare namespace StatCardHeader {
+    var displayName: string;
+}
+export interface StatCardLabelProps extends HTMLAttributes<HTMLParagraphElement> {
+    size?: StatCardSizeId;
+    ref?: Ref<HTMLParagraphElement>;
+}
+declare function StatCardLabel({ className, size, ref, ...props }: StatCardLabelProps): ReactElement;
+declare namespace StatCardLabel {
+    var displayName: string;
+}
+declare const statCardIconVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "primary" | "muted" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatCardIconProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statCardIconVariants> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function StatCardIcon({ className, variant, size, ref, ...props }: StatCardIconProps): ReactElement;
+declare namespace StatCardIcon {
+    var displayName: string;
+}
+export interface StatCardValueProps extends HTMLAttributes<HTMLDivElement> {
+    size?: StatCardSizeId;
+    loading?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function StatCardValue({ className, size, loading, children, ref, ...props }: StatCardValueProps): ReactElement;
+declare namespace StatCardValue {
+    var displayName: string;
+}
+export interface StatCardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    ref?: Ref<HTMLParagraphElement>;
+}
+declare function StatCardDescription({ className, ref, ...props }: StatCardDescriptionProps): ReactElement;
+declare namespace StatCardDescription {
+    var displayName: string;
+}
+export declare const statCardTrendDirections: ["up", "down", "neutral"];
+export type StatCardTrendDirection = (typeof statCardTrendDirections)[number];
+export type StatCardTrendIntent = "positive" | "negative" | "neutral";
+declare const statCardTrendVariants: (props?: ({
+    intent?: "positive" | "neutral" | "negative" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatCardTrendProps extends HTMLAttributes<HTMLSpanElement> {
+    direction?: StatCardTrendDirection;
+    /**
+     * Override the colour intent. Defaults to mapping `up` -> positive,
+     * `down` -> negative, `neutral` -> neutral. Useful when an upward trend
+     * is actually bad (e.g. error rate).
+     */
+    intent?: StatCardTrendIntent;
+    /**
+     * Optional icon shown before the children. If omitted, a default arrow
+     * icon for the direction is rendered.
+     */
+    icon?: ReactNode;
+    /**
+     * If true, hide the default arrow icon entirely.
+     */
+    hideIcon?: boolean;
+    ref?: Ref<HTMLSpanElement>;
+}
+declare function StatCardTrend({ className, direction, intent, icon, hideIcon, children, ref, ...props }: StatCardTrendProps): ReactElement;
+declare namespace StatCardTrend {
+    var displayName: string;
+}
+export interface StatCardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function StatCardFooter({ className, ref, ...props }: StatCardFooterProps): ReactElement;
+declare namespace StatCardFooter {
+    var displayName: string;
+}
+export { StatCard, StatCardHeader, StatCardLabel, StatCardIcon, StatCardValue, StatCardDescription, StatCardTrend, StatCardFooter, statCardVariants, statCardIconVariants, statCardTrendVariants, };

package/dist/components/ui/stat-card/stat-card.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+export const statCardVariantIds = [
+    "default",
+    "muted",
+    "primary",
+    "destructive",
+    "warning",
+];
+export const statCardSizeIds = ["sm", "md", "lg"];
+const statCardVariants = cva("relative flex w-full flex-col rounded-lg border shadow-sm transition-colors", {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground border-border",
+            muted: "bg-muted/40 text-foreground border-border",
+            primary: "bg-primary/5 text-foreground border-primary/30 dark:bg-primary/10",
+            destructive: "bg-destructive/5 text-foreground border-destructive/40 dark:border-destructive",
+            warning: "bg-warning/5 text-foreground border-warning/40 dark:border-warning",
+        },
+        size: {
+            sm: "gap-1 p-3",
+            md: "gap-1.5 p-4",
+            lg: "gap-2 p-6",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+function StatCard({ className, variant, size, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "stat-card", className: cn(statCardVariants({ variant, size }), className), ...props }));
+}
+StatCard.displayName = "StatCard";
+function StatCardHeader({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "stat-card-header", className: cn("flex w-full items-start justify-between gap-2", className), ...props }));
+}
+StatCardHeader.displayName = "StatCardHeader";
+const statCardLabelSizes = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-sm",
+};
+function StatCardLabel({ className, size = "md", ref, ...props }) {
+    return (_jsx("p", { ref: ref, "data-slot": "stat-card-label", className: cn("font-medium text-muted-foreground leading-none", statCardLabelSizes[size], className), ...props }));
+}
+StatCardLabel.displayName = "StatCardLabel";
+const statCardIconVariants = cva("flex shrink-0 items-center justify-center rounded-md [&>svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-muted text-muted-foreground",
+            muted: "bg-background text-muted-foreground",
+            primary: "bg-primary/10 text-primary dark:text-primary-foreground",
+            destructive: "bg-destructive/10 text-destructive",
+            warning: "bg-warning/15 text-warning",
+        },
+        size: {
+            sm: "size-7 [&>svg]:size-4",
+            md: "size-9 [&>svg]:size-5",
+            lg: "size-11 [&>svg]:size-6",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+function StatCardIcon({ className, variant, size, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "aria-hidden": "true", "data-slot": "stat-card-icon", className: cn(statCardIconVariants({ variant, size }), className), ...props }));
+}
+StatCardIcon.displayName = "StatCardIcon";
+const statCardValueSizes = {
+    sm: "text-xl",
+    md: "text-2xl",
+    lg: "text-3xl",
+};
+function StatCardValue({ className, size = "md", loading = false, children, ref, ...props }) {
+    if (loading) {
+        return (_jsx(Skeleton, { "data-slot": "stat-card-value-skeleton", className: cn("mt-1", size === "sm" && "h-6 w-16", size === "md" && "h-7 w-20", size === "lg" && "h-9 w-28", className) }));
+    }
+    return (_jsx("div", { ref: ref, "data-slot": "stat-card-value", className: cn("font-semibold tabular-nums leading-tight tracking-tight", statCardValueSizes[size], className), ...props, children: children }));
+}
+StatCardValue.displayName = "StatCardValue";
+function StatCardDescription({ className, ref, ...props }) {
+    return (_jsx("p", { ref: ref, "data-slot": "stat-card-description", className: cn("text-xs text-muted-foreground leading-snug", className), ...props }));
+}
+StatCardDescription.displayName = "StatCardDescription";
+export const statCardTrendDirections = [
+    "up",
+    "down",
+    "neutral",
+];
+const statCardTrendVariants = cva("inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-xs font-medium tabular-nums [&>svg]:size-3", {
+    variants: {
+        intent: {
+            positive: "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-foreground",
+            negative: "bg-destructive/10 text-destructive",
+            neutral: "bg-muted text-muted-foreground",
+        },
+    },
+    defaultVariants: {
+        intent: "neutral",
+    },
+});
+function defaultIntentForDirection(direction) {
+    switch (direction) {
+        case "up":
+            return "positive";
+        case "down":
+            return "negative";
+        default:
+            return "neutral";
+    }
+}
+function DefaultTrendIcon({ direction, }) {
+    if (direction === "up") {
+        return (_jsx("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 7.5L6 4.5L9 7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    }
+    if (direction === "down") {
+        return (_jsx("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    }
+    return (_jsx("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 6H9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function StatCardTrend({ className, direction = "neutral", intent, icon, hideIcon = false, children, ref, ...props }) {
+    const resolvedIntent = intent ?? defaultIntentForDirection(direction);
+    return (_jsxs("span", { ref: ref, "data-slot": "stat-card-trend", "data-direction": direction, className: cn(statCardTrendVariants({ intent: resolvedIntent }), className), ...props, children: [hideIcon ? null : (icon ?? _jsx(DefaultTrendIcon, { direction: direction })), children] }));
+}
+StatCardTrend.displayName = "StatCardTrend";
+function StatCardFooter({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "stat-card-footer", className: cn("mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground", className), ...props }));
+}
+StatCardFooter.displayName = "StatCardFooter";
+export { StatCard, StatCardHeader, StatCardLabel, StatCardIcon, StatCardValue, StatCardDescription, StatCardTrend, StatCardFooter, statCardVariants, statCardIconVariants, statCardTrendVariants, };
+//# sourceMappingURL=stat-card.js.map

package/dist/components/ui/stat-card/stat-card.js.map

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

package/dist/components/ui/stepper/stepper-body.js

@@ -2,13 +2,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AnimatePresence, m } from "framer-motion";
 import { useStepperContext } from "./useStepperContext";
+// Caller contract: <Stepper> (which renders <StepperBody />) must be rendered
+// inside a parent that establishes a bounded vertical flex column — e.g.
+// <div className="h-full flex flex-col"> or a `grow flex flex-col` subtree
+// inside a flex-column ancestor with a defined height. Without a bounded
+// ancestor, `flex-1` has nothing to grow into and the body collapses to 0.
 export function StepperBody() {
     const stepperContext = useStepperContext();
     if (!stepperContext) {
         throw new Error("StepperFooter not within StepperContext!");
     }
     const { activeStep, steps } = stepperContext;
-    return (_jsx("div", { className: "\n        flex flex-col\n        w-full h-[40vh]\n        justify-start items-start\n        overflow-x-hidden\n        schemavaults-stepper-body\n        no-scrollbar\n      ", children: _jsx(AnimatePresence, { initial: false, mode: "wait", children: steps.map((step, step_index) => {
+    return (_jsx("div", { className: "\n        flex flex-col\n        w-full flex-1 min-h-0\n        justify-start items-start\n        overflow-x-hidden\n        schemavaults-stepper-body\n        no-scrollbar\n      ", children: _jsx(AnimatePresence, { initial: false, mode: "wait", children: steps.map((step, step_index) => {
                 if (step_index !== activeStep) {
                     return null;
                 }
@@ -17,8 +22,9 @@ export function StepperBody() {
                 // const activeStepDataRef = ActiveStep.data_ref;
                 return (_jsx(m.div, { initial: { opacity: 0, x: activeStep > step_index ? 100 : -100 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: activeStep > step_index ? -100 : 100 }, transition: { duration: 0.3 }, style: {
                         width: "100%",
-                        overflowY: "scroll",
-                        height: "40vh",
+                        overflowY: "auto",
+                        minHeight: 0,
+                        flex: 1,
                         position: "relative",
                         top: 0,
                         left: 0,

package/dist/components/ui/stepper/stepper-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper-body.js","sourceRoot":"","sources":["../../../../src/components/ui/stepper/stepper-body.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,UAAU,WAAW;IACzB,MAAM,cAAc,GAAG,iBAAiB,EAAgB,CAAC;IACzD,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,CAAC;IACD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC;IAE7C,OAAO,CACL,cACE,SAAS,EAAC,iLAOT,YAED,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,UAAkB,EAAa,EAAE;gBACjD,IAAI,UAAU,KAAK,UAAU,EAAE,CAAC;oBAC9B,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,MAAM,UAAU,GAAuB,KAAK,CAAC,UAAU,CAAC,CAAC;gBACzD,MAAM,mBAAmB,GAAG,UAAU,CAAC,aAAa,CAAC;gBAErD,iDAAiD;gBAEjD,OAAO,CACL,KAAC,CAAC,CAAC,GAAG,IAEJ,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAChE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAC7D,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,SAAS,EAAE,QAAQ;wBACnB,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;qBACR,YAED,KAAC,mBAAmB,IAElB,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,oBAAoB,IAH1B,QAAQ,IAAI,IAAI,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,EAAE,CAK3D,IApBG,QAAQ,UAAU,CAAC,EAAE,EAAE,CAqBtB,CACT,CAAC;YACJ,CAAC,CAAC,GACc,GACd,CACP,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"stepper-body.js","sourceRoot":"","sources":["../../../../src/components/ui/stepper/stepper-body.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,8EAA8E;AAC9E,yEAAyE;AACzE,2EAA2E;AAC3E,yEAAyE;AACzE,2EAA2E;AAC3E,MAAM,UAAU,WAAW;IACzB,MAAM,cAAc,GAAG,iBAAiB,EAAgB,CAAC;IACzD,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,CAAC;IACD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC;IAE7C,OAAO,CACL,cACE,SAAS,EAAC,uLAOT,YAED,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,UAAkB,EAAa,EAAE;gBACjD,IAAI,UAAU,KAAK,UAAU,EAAE,CAAC;oBAC9B,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,MAAM,UAAU,GAAuB,KAAK,CAAC,UAAU,CAAC,CAAC;gBACzD,MAAM,mBAAmB,GAAG,UAAU,CAAC,aAAa,CAAC;gBAErD,iDAAiD;gBAEjD,OAAO,CACL,KAAC,CAAC,CAAC,GAAG,IAEJ,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAChE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAC7D,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,SAAS,EAAE,MAAM;wBACjB,SAAS,EAAE,CAAC;wBACZ,IAAI,EAAE,CAAC;wBACP,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;qBACR,YAED,KAAC,mBAAmB,IAElB,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,oBAAoB,IAH1B,QAAQ,IAAI,IAAI,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,EAAE,CAK3D,IArBG,QAAQ,UAAU,CAAC,EAAE,EAAE,CAsBtB,CACT,CAAC;YACJ,CAAC,CAAC,GACc,GACd,CACP,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/components/ui/stepper/stepper.js

@@ -22,6 +22,6 @@ export function Stepper({ steps, state, footer_decorator, setCurrentStep, getCur
             getCurrentStep,
         });
     }, [state, canGoBack, getCurrentStep]);
-    return (_jsx(StepperProvider, { steps: steps, activeStep: activeStep, canGoNext: canGoNextFn, canGoBack: canGoBackFn, setCurrentStep: setCurrentStep, children: _jsxs("div", { className: "flex flex-col w-full grow gap-2", children: [_jsx(StepsIndicator, {}), _jsx(Separator, {}), _jsx(StepperBody, {}), _jsx(Separator, {}), _jsx(StepperFooter, { decorator: footer_decorator, FinalStepSubmitButton: FinalStepSubmitButton, state: state, getCurrentStep: getCurrentStep })] }) }, `stepper-${id}`));
+    return (_jsx(StepperProvider, { steps: steps, activeStep: activeStep, canGoNext: canGoNextFn, canGoBack: canGoBackFn, setCurrentStep: setCurrentStep, children: _jsxs("div", { className: "flex flex-col w-full grow min-h-0 gap-2", children: [_jsx(StepsIndicator, {}), _jsx(Separator, {}), _jsx(StepperBody, {}), _jsx(Separator, {}), _jsx(StepperFooter, { decorator: footer_decorator, FinalStepSubmitButton: FinalStepSubmitButton, state: state, getCurrentStep: getCurrentStep })] }) }, `stepper-${id}`));
 }
 //# sourceMappingURL=stepper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../../src/components/ui/stepper/stepper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAKzC,MAAM,UAAU,OAAO,CAGrB,EACA,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,EAAE,EACF,SAAS,EACT,SAAS,EACT,qBAAqB,GACkB;IACvC,MAAM,UAAU,GAAW,OAAO,CAAC,GAAW,EAAE;QAC9C,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAY,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,SAAS,CAAC;YACf,KAAK;YACL,cAAc;SACf,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAY,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,SAAS,CAAC;YACf,KAAK;YACL,cAAc;SACf,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,eAAe,IAEd,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,WAAW,EACtB,cAAc,EAAE,cAAc,YAE9B,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,cAAc,KAAG,EAElB,KAAC,SAAS,KAAG,EAEb,KAAC,WAAW,KAAiB,EAE7B,KAAC,SAAS,KAAG,EAEb,KAAC,aAAa,IACZ,SAAS,EAAE,gBAAgB,EAC3B,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,GAC9B,IACE,IAtBD,WAAW,EAAE,EAAE,CAuBJ,CACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../../src/components/ui/stepper/stepper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAKzC,MAAM,UAAU,OAAO,CAGrB,EACA,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,EAAE,EACF,SAAS,EACT,SAAS,EACT,qBAAqB,GACkB;IACvC,MAAM,UAAU,GAAW,OAAO,CAAC,GAAW,EAAE;QAC9C,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAY,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,SAAS,CAAC;YACf,KAAK;YACL,cAAc;SACf,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAY,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,SAAS,CAAC;YACf,KAAK;YACL,cAAc;SACf,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,eAAe,IAEd,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,WAAW,EACtB,cAAc,EAAE,cAAc,YAE9B,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,cAAc,KAAG,EAElB,KAAC,SAAS,KAAG,EAEb,KAAC,WAAW,KAAiB,EAE7B,KAAC,SAAS,KAAG,EAEb,KAAC,aAAa,IACZ,SAAS,EAAE,gBAAgB,EAC3B,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,GAC9B,IACE,IAtBD,WAAW,EAAE,EAAE,CAuBJ,CACnB,CAAC;AACJ,CAAC"}

package/dist/lib/copyToClipboard.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Write `value` to the user's clipboard. Returns true if the write succeeded.
+ *
+ * Prefers the async `navigator.clipboard.writeText` API when available in a
+ * secure context, and falls back to a transient `<textarea>` + `execCommand`
+ * path for older browsers or insecure contexts (e.g. http://). Returns false
+ * if both paths fail or if called outside of a browser environment.
+ */
+export declare function copyToClipboard(value: string): Promise<boolean>;
+export default copyToClipboard;

package/dist/lib/copyToClipboard.js

@@ -0,0 +1,50 @@
+function insecureContextCopyToClipboard(value) {
+    if (typeof document === "undefined")
+        return false;
+    const textarea = document.createElement("textarea");
+    textarea.value = value;
+    textarea.setAttribute("readonly", "");
+    textarea.style.position = "fixed";
+    textarea.style.top = "0";
+    textarea.style.left = "0";
+    textarea.style.opacity = "0";
+    textarea.style.pointerEvents = "none";
+    document.body.appendChild(textarea);
+    textarea.select();
+    textarea.setSelectionRange(0, value.length);
+    const succeeded = document.execCommand("copy");
+    document.body.removeChild(textarea);
+    return succeeded;
+}
+/**
+ * Write `value` to the user's clipboard. Returns true if the write succeeded.
+ *
+ * Prefers the async `navigator.clipboard.writeText` API when available in a
+ * secure context, and falls back to a transient `<textarea>` + `execCommand`
+ * path for older browsers or insecure contexts (e.g. http://). Returns false
+ * if both paths fail or if called outside of a browser environment.
+ */
+export async function copyToClipboard(value) {
+    if (typeof navigator !== "undefined" &&
+        navigator.clipboard &&
+        typeof navigator.clipboard.writeText === "function" &&
+        typeof window !== "undefined" &&
+        window.isSecureContext !== false) {
+        try {
+            await navigator.clipboard.writeText(value);
+            return true;
+        }
+        catch {
+            console.error("Failed to use navigator.clipboard.writeText to copy content to clipboard!");
+            // Fall through to the textarea-based fallback below.
+        }
+    }
+    try {
+        return insecureContextCopyToClipboard(value);
+    }
+    catch {
+        return false;
+    }
+}
+export default copyToClipboard;
+//# sourceMappingURL=copyToClipboard.js.map

package/dist/lib/copyToClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyToClipboard.js","sourceRoot":"","sources":["../../src/lib/copyToClipboard.ts"],"names":[],"mappings":"AAAA,SAAS,8BAA8B,CAAC,KAAa;IACnD,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAClD,MAAM,QAAQ,GAAwB,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACzE,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IACtC,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;IAC1B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;IACtC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAY,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACxD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,KAAa;IACjD,IACE,OAAO,SAAS,KAAK,WAAW;QAChC,SAAS,CAAC,SAAS;QACnB,OAAO,SAAS,CAAC,SAAS,CAAC,SAAS,KAAK,UAAU;QACnD,OAAO,MAAM,KAAK,WAAW;QAC7B,MAAM,CAAC,eAAe,KAAK,KAAK,EAChC,CAAC;QACD,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC3C,OAAO,IAAI,CAAC;QACd,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,CAAC,KAAK,CACX,2EAA2E,CAC5E,CAAC;YACF,qDAAqD;QACvD,CAAC;IACH,CAAC;IAED,IAAI,CAAC;QACH,OAAO,8BAA8B,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,eAAe,eAAe,CAAC"}

package/package.json

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