@schemavaults/ui 0.19.1 → 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,6 +100,8 @@ 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";

package/dist/components/ui/index.js

@@ -49,6 +49,7 @@ 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";

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,aAAa,CAAC;AAG5B,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/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.19.1",
+  "version": "0.20.4",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",