@lerianstudio/sindarian-ui 1.2.0-beta.1 → 1.2.0-beta.11

package/dist/components/ui/copy-field/copy-field.test.js

@@ -0,0 +1,268 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const mockToast = jest.fn();
+jest.mock('@/hooks/use-toast', () => ({
+    useToast: () => ({ toast: mockToast })
+}));
+const FALLBACK_COPY_LABEL = 'Copy not available — text selected, press Ctrl/Cmd+C';
+const writeText = jest.fn().mockResolvedValue(undefined);
+const readText = jest.fn().mockResolvedValue('');
+const setClipboard = (value) => {
+    Object.defineProperty(navigator, 'clipboard', {
+        value,
+        configurable: true,
+        writable: true
+    });
+};
+beforeEach(() => {
+    mockToast.mockClear();
+    writeText.mockClear();
+    writeText.mockResolvedValue(undefined);
+    readText.mockClear();
+    readText.mockResolvedValue('');
+    setClipboard({ writeText, readText });
+});
+describe('CopyField', () => {
+    it('renders the value in a read-only input', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret" }));
+        const input = react_1.screen.getByLabelText('Secret');
+        expect(input).toHaveValue('SECRET123');
+        expect(input).toHaveAttribute('readonly');
+    });
+    it('associates the visible label with the input via htmlFor/id', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "abc", label: "API Key" }));
+        expect(react_1.screen.getByLabelText('API Key')).toBeInTheDocument();
+    });
+    it('copies the value to the clipboard when the copy button is clicked', async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret" }));
+        await (0, react_1.act)(async () => {
+            react_1.fireEvent.click(react_1.screen.getByRole('button', { name: /copy secret/i }));
+        });
+        expect(writeText).toHaveBeenCalledWith('SECRET123');
+    });
+    it('fires a success toast with the provided onCopyLabel after copying', async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret", onCopyLabel: "Secret copied!" }));
+        react_1.fireEvent.click(react_1.screen.getByRole('button', { name: /copy secret/i }));
+        await (0, react_1.waitFor)(() => expect(mockToast).toHaveBeenCalledWith(expect.objectContaining({ variant: 'success', title: 'Secret copied!' })));
+    });
+    it('uses the default copy label when onCopyLabel is not provided', async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "abc" }));
+        react_1.fireEvent.click(react_1.screen.getByRole('button', { name: /copy/i }));
+        await (0, react_1.waitFor)(() => expect(mockToast).toHaveBeenCalledWith(expect.objectContaining({ title: 'Copied to clipboard!' })));
+    });
+    it('gives the copy button an accessible name even without a label', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "abc" }));
+        expect(react_1.screen.getByRole('button', { name: /copy/i })).toBeInTheDocument();
+    });
+    it('overrides the input aria-label via valueLabel when no visible label', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "abc", valueLabel: "Valor para copiar" }));
+        expect(react_1.screen.getByLabelText('Valor para copiar')).toBeInTheDocument();
+    });
+    describe('masked', () => {
+        it('obscures the displayed value while keeping the real value copyable', async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "TOTPSECRET", label: "Secret", masked: true }));
+            const input = react_1.screen.getByLabelText('Secret');
+            expect(input).toHaveAttribute('type', 'password');
+            expect(input).toHaveValue('TOTPSECRET');
+            await (0, react_1.act)(async () => {
+                react_1.fireEvent.click(react_1.screen.getByRole('button', { name: /copy secret/i }));
+            });
+            expect(writeText).toHaveBeenCalledWith('TOTPSECRET');
+        });
+        it('reveals and then hides the value with the reveal toggle (aria-pressed)', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "s3cr3t", label: "Secret", masked: true }));
+            const input = react_1.screen.getByLabelText('Secret');
+            expect(input).toHaveAttribute('type', 'password');
+            const toggle = react_1.screen.getByRole('button', { name: /show value/i });
+            expect(toggle).toHaveAttribute('aria-pressed', 'false');
+            react_1.fireEvent.click(toggle);
+            expect(input).toHaveAttribute('type', 'text');
+            const hideToggle = react_1.screen.getByRole('button', { name: /hide value/i });
+            expect(hideToggle).toHaveAttribute('aria-pressed', 'true');
+            react_1.fireEvent.click(hideToggle);
+            expect(input).toHaveAttribute('type', 'password');
+            expect(react_1.screen.getByRole('button', { name: /show value/i })).toHaveAttribute('aria-pressed', 'false');
+        });
+        it('supports localized reveal/hide labels', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "s3cr3t", label: "Secret", masked: true, revealLabel: "Mostrar valor", hideLabel: "Ocultar valor" }));
+            const toggle = react_1.screen.getByRole('button', { name: 'Mostrar valor' });
+            react_1.fireEvent.click(toggle);
+            expect(react_1.screen.getByRole('button', { name: 'Ocultar valor' })).toBeInTheDocument();
+        });
+        it('does not render a reveal toggle when not masked', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "abc", label: "Token" }));
+            expect(react_1.screen.queryByRole('button', { name: /show value/i })).not.toBeInTheDocument();
+        });
+    });
+    describe('clipboard unavailable fallback', () => {
+        it('selects the input text and toasts the fallback label when clipboard API is absent', async () => {
+            setClipboard(undefined);
+            const selectSpy = jest.spyOn(HTMLInputElement.prototype, 'select');
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "abc", label: "Token" }));
+            expect(() => react_1.fireEvent.click(react_1.screen.getByRole('button', { name: /copy token/i }))).not.toThrow();
+            expect(selectSpy).toHaveBeenCalled();
+            await (0, react_1.waitFor)(() => expect(mockToast).toHaveBeenCalledWith(expect.objectContaining({ title: FALLBACK_COPY_LABEL })));
+            selectSpy.mockRestore();
+        });
+        it('fires the fallback toast and NOT the success toast when writeText rejects', async () => {
+            writeText.mockRejectedValueOnce(new Error('permission denied'));
+            const selectSpy = jest.spyOn(HTMLInputElement.prototype, 'select');
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "abc", label: "Token" }));
+            react_1.fireEvent.click(react_1.screen.getByRole('button', { name: /copy token/i }));
+            await (0, react_1.waitFor)(() => expect(selectSpy).toHaveBeenCalled());
+            await (0, react_1.waitFor)(() => expect(mockToast).toHaveBeenCalledWith(expect.objectContaining({ title: FALLBACK_COPY_LABEL })));
+            expect(mockToast).not.toHaveBeenCalledWith(expect.objectContaining({ variant: 'success' }));
+            selectSpy.mockRestore();
+        });
+        it('makes a masked field textual (selectable) before the fallback selection when clipboard is absent', async () => {
+            setClipboard(undefined);
+            const selectSpy = jest.spyOn(HTMLInputElement.prototype, 'select');
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "TOTPSECRET", label: "Secret", masked: true }));
+            const input = react_1.screen.getByLabelText('Secret');
+            expect(input).toHaveAttribute('type', 'password');
+            react_1.fireEvent.click(react_1.screen.getByRole('button', { name: /copy secret/i }));
+            // The field must be text (selectable) at/after the fallback, and it must
+            // still hold the real secret so Ctrl/Cmd+C copies the true value.
+            expect(input).toHaveAttribute('type', 'text');
+            expect(input).toHaveValue('TOTPSECRET');
+            expect(selectSpy).toHaveBeenCalled();
+            selectSpy.mockRestore();
+        });
+        it('makes a masked field textual before the fallback selection when writeText rejects', async () => {
+            writeText.mockRejectedValueOnce(new Error('permission denied'));
+            const selectSpy = jest.spyOn(HTMLInputElement.prototype, 'select');
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "TOTPSECRET", label: "Secret", masked: true }));
+            const input = react_1.screen.getByLabelText('Secret');
+            expect(input).toHaveAttribute('type', 'password');
+            react_1.fireEvent.click(react_1.screen.getByRole('button', { name: /copy secret/i }));
+            await (0, react_1.waitFor)(() => expect(selectSpy).toHaveBeenCalled());
+            expect(input).toHaveAttribute('type', 'text');
+            expect(input).toHaveValue('TOTPSECRET');
+            selectSpy.mockRestore();
+        });
+    });
+    describe('clearClipboardAfter', () => {
+        const CLEAR_AFTER = 30_000;
+        beforeEach(() => {
+            jest.useFakeTimers();
+        });
+        afterEach(() => {
+            jest.runOnlyPendingTimers();
+            jest.useRealTimers();
+        });
+        /** Runs the pending clear timer and drains its await chain. */
+        const runClearTimer = async () => {
+            await (0, react_1.act)(async () => {
+                jest.advanceTimersByTime(CLEAR_AFTER);
+            });
+            // readText -> comparison -> writeText: two extra microtask turns.
+            await (0, react_1.act)(async () => {
+                await Promise.resolve();
+                await Promise.resolve();
+            });
+        };
+        const copy = async (name) => {
+            await (0, react_1.act)(async () => {
+                react_1.fireEvent.click(react_1.screen.getByRole('button', { name }));
+            });
+        };
+        it('wipes the clipboard after the delay when it still holds the copied value', async () => {
+            readText.mockResolvedValue('SECRET123');
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret", clearClipboardAfter: CLEAR_AFTER }));
+            await copy(/copy secret/i);
+            expect(writeText).toHaveBeenCalledWith('SECRET123');
+            // Nothing cleared before the delay elapses.
+            expect(writeText).toHaveBeenCalledTimes(1);
+            await runClearTimer();
+            expect(readText).toHaveBeenCalled();
+            expect(writeText).toHaveBeenLastCalledWith('');
+        });
+        it('leaves the clipboard untouched when it now holds an unrelated value', async () => {
+            readText.mockResolvedValue('something the user copied afterwards');
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret", clearClipboardAfter: CLEAR_AFTER }));
+            await copy(/copy secret/i);
+            await runClearTimer();
+            expect(readText).toHaveBeenCalled();
+            expect(writeText).toHaveBeenCalledTimes(1);
+            expect(writeText).toHaveBeenLastCalledWith('SECRET123');
+        });
+        it('clears against the value copied at click time, not a later prop value', async () => {
+            readText.mockResolvedValue('FIRST');
+            const { rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "FIRST", label: "Secret", clearClipboardAfter: CLEAR_AFTER }));
+            await copy(/copy secret/i);
+            rerender((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECOND", label: "Secret", clearClipboardAfter: CLEAR_AFTER }));
+            await runClearTimer();
+            expect(writeText).toHaveBeenLastCalledWith('');
+        });
+        it('does not clear when the clipboard cannot be read back', async () => {
+            setClipboard({ writeText });
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret", clearClipboardAfter: CLEAR_AFTER }));
+            await copy(/copy secret/i);
+            await runClearTimer();
+            expect(writeText).toHaveBeenCalledTimes(1);
+            expect(writeText).toHaveBeenLastCalledWith('SECRET123');
+        });
+        it('does not clear when readText rejects', async () => {
+            readText.mockRejectedValue(new Error('permission denied'));
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret", clearClipboardAfter: CLEAR_AFTER }));
+            await copy(/copy secret/i);
+            await runClearTimer();
+            expect(writeText).toHaveBeenCalledTimes(1);
+        });
+        it('does not schedule a clear when the copy itself failed', async () => {
+            writeText.mockRejectedValue(new Error('permission denied'));
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret", clearClipboardAfter: CLEAR_AFTER }));
+            await copy(/copy secret/i);
+            await runClearTimer();
+            expect(readText).not.toHaveBeenCalled();
+        });
+        it('never clears when the prop is omitted or non-positive', async () => {
+            const { unmount } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret" }));
+            await copy(/copy secret/i);
+            await runClearTimer();
+            expect(readText).not.toHaveBeenCalled();
+            unmount();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret", clearClipboardAfter: 0 }));
+            await copy(/copy secret/i);
+            await runClearTimer();
+            expect(readText).not.toHaveBeenCalled();
+        });
+        it('still clears after the field unmounts before the delay elapses', async () => {
+            readText.mockResolvedValue('SECRET123');
+            const { unmount } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "SECRET123", label: "Secret", clearClipboardAfter: CLEAR_AFTER }));
+            await copy(/copy secret/i);
+            unmount();
+            await runClearTimer();
+            expect(writeText).toHaveBeenLastCalledWith('');
+        });
+    });
+    describe('copied-indicator timer', () => {
+        beforeEach(() => {
+            jest.useFakeTimers();
+        });
+        afterEach(() => {
+            jest.runOnlyPendingTimers();
+            jest.useRealTimers();
+        });
+        it('does not throw on rapid double-copy or unmount before the timeout', async () => {
+            const { unmount } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CopyField, { value: "abc", label: "Token" }));
+            const button = react_1.screen.getByRole('button', { name: /copy token/i });
+            await (0, react_1.act)(async () => {
+                react_1.fireEvent.click(button);
+            });
+            await (0, react_1.act)(async () => {
+                react_1.fireEvent.click(button);
+            });
+            // Unmount before the copied-icon timeout fires; the cleanup effect must
+            // clear the pending timer so no setState-after-unmount occurs.
+            expect(() => {
+                unmount();
+                jest.advanceTimersByTime(2000);
+            }).not.toThrow();
+        });
+    });
+});

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

@@ -0,0 +1,56 @@
+import * as React from 'react';
+export type CopyFieldProps = {
+    /**
+     * The string shown and copied verbatim (e.g. a TOTP manual-entry secret or a
+     * single recovery code). Copy always uses this raw value, even while masked.
+     */
+    value: string;
+    /**
+     * Optional visible label rendered above the field and associated with the
+     * input via `htmlFor`/`id`.
+     */
+    label?: string;
+    /**
+     * When true the displayed value is obscured (native password dots) while the
+     * underlying `value` stays copyable. A reveal toggle is offered.
+     * @defaultValue false
+     */
+    masked?: boolean;
+    /**
+     * i18n message used as the success toast text. Falls back to a sensible
+     * default when omitted.
+     */
+    onCopyLabel?: string;
+    /**
+     * Accessible name for the reveal toggle when the value is hidden. Override
+     * for localization. Defaults to English.
+     * @defaultValue 'Show value'
+     */
+    revealLabel?: string;
+    /**
+     * Accessible name for the reveal toggle when the value is shown. Override
+     * for localization. Defaults to English.
+     * @defaultValue 'Hide value'
+     */
+    hideLabel?: string;
+    /**
+     * Accessible name for the input when no visible `label` is provided. Override
+     * for localization. Defaults to English.
+     * @defaultValue 'Value to copy'
+     */
+    valueLabel?: string;
+    /**
+     * Milliseconds after a *successful* copy before the clipboard is wiped, for
+     * sensitive values that shouldn't linger there (TOTP secrets, recovery
+     * codes). Omit — or pass a non-positive number — to never clear.
+     *
+     * The clear is best-effort and never destructive: before wiping, the
+     * clipboard is read back and left untouched unless it still holds exactly
+     * the value this field wrote, so a copy the user made in the meantime
+     * survives. Browsers without `clipboard.readText` (Firefox, Safari) or that
+     * deny the read can't be verified, so nothing is cleared there.
+     */
+    clearClipboardAfter?: number;
+};
+export declare function CopyField({ value, label, masked, onCopyLabel, revealLabel, hideLabel, valueLabel, clearClipboardAfter }: CopyFieldProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/copy-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/copy-field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;;;;;;OAUG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAmCD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,MAAc,EACd,WAAW,EACX,WAA0B,EAC1B,SAAwB,EACxB,UAA4B,EAC5B,mBAAmB,EACpB,EAAE,cAAc,qBAuJhB"}

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

@@ -0,0 +1,150 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyField = CopyField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const icon_button_1 = require("../../../components/ui/icon-button");
+const use_toast_1 = require("../../../hooks/use-toast");
+const DEFAULT_COPY_LABEL = 'Copied to clipboard!';
+const FALLBACK_COPY_LABEL = 'Copy not available — text selected, press Ctrl/Cmd+C';
+const COPIED_ICON_TIMEOUT = 1500;
+const isClipboardAvailable = () => typeof navigator !== 'undefined' &&
+    typeof navigator.clipboard?.writeText === 'function';
+const isClipboardReadable = () => typeof navigator !== 'undefined' &&
+    typeof navigator.clipboard?.readText === 'function';
+/**
+ * Wipes the clipboard, but only if it still holds `copiedValue` — the user may
+ * have copied something else in the meantime, and clobbering that would be
+ * worse than leaving the secret behind. Unverifiable (no `readText`, permission
+ * denied, unfocused document) means "leave it alone".
+ */
+const clearClipboardIfUnchanged = async (copiedValue) => {
+    if (!isClipboardReadable()) {
+        return;
+    }
+    try {
+        if ((await navigator.clipboard.readText()) !== copiedValue) {
+            return;
+        }
+        await navigator.clipboard.writeText('');
+    }
+    catch {
+        // Read or write refused; the clipboard stays as-is.
+    }
+};
+function CopyField({ value, label, masked = false, onCopyLabel, revealLabel = 'Show value', hideLabel = 'Hide value', valueLabel = 'Value to copy', clearClipboardAfter }) {
+    const { toast } = (0, use_toast_1.useToast)();
+    const generatedId = React.useId();
+    const inputId = `${generatedId}-copy-field`;
+    const inputRef = React.useRef(null);
+    const copiedTimerRef = React.useRef(null);
+    const clearTimerRef = React.useRef(null);
+    const [revealed, setRevealed] = React.useState(false);
+    const [copied, setCopied] = React.useState(false);
+    const showAsText = !masked || revealed;
+    const copyAccessibleName = label ? `Copy ${label}` : 'Copy value';
+    React.useEffect(() => {
+        return () => {
+            if (copiedTimerRef.current) {
+                clearTimeout(copiedTimerRef.current);
+            }
+            // The clipboard-clear timer is deliberately *not* cancelled here: it
+            // touches no state (so it can't warn about an unmounted update) and the
+            // secret must still leave the clipboard when the dialog holding this
+            // field closes before the timeout elapses.
+        };
+    }, []);
+    const selectFieldText = () => {
+        const input = inputRef.current;
+        if (!input) {
+            return;
+        }
+        // Reveal so the user can copy the selection manually. Flip the DOM `type`
+        // imperatively *before* select(): `setRevealed` is batched, so a plain
+        // state update would leave the input as type="password" at select() time,
+        // and React's subsequent type -> "text" re-render clears the selection —
+        // the fallback would then select nothing. We still push the state update so
+        // the re-render stays consistent with the DOM we just mutated.
+        if (masked) {
+            input.type = 'text';
+            setRevealed(true);
+        }
+        input.focus();
+        input.select();
+    };
+    const handleFallback = () => {
+        selectFieldText();
+        toast({ title: FALLBACK_COPY_LABEL });
+    };
+    const handleCopy = async () => {
+        if (!isClipboardAvailable()) {
+            handleFallback();
+            return;
+        }
+        try {
+            await navigator.clipboard.writeText(value);
+            toast({ variant: 'success', title: onCopyLabel ?? DEFAULT_COPY_LABEL });
+            setCopied(true);
+            if (copiedTimerRef.current) {
+                clearTimeout(copiedTimerRef.current);
+            }
+            copiedTimerRef.current = setTimeout(() => setCopied(false), COPIED_ICON_TIMEOUT);
+            // Only a confirmed write earns a clear — the fallback path never wrote to
+            // the clipboard, so it has nothing of ours to wipe. `value` is captured
+            // per copy so a later prop change can't make us clear the wrong string.
+            if (clearTimerRef.current) {
+                clearTimeout(clearTimerRef.current);
+            }
+            if (clearClipboardAfter !== undefined && clearClipboardAfter > 0) {
+                const copiedValue = value;
+                clearTimerRef.current = setTimeout(() => {
+                    void clearClipboardIfUnchanged(copiedValue);
+                }, clearClipboardAfter);
+            }
+        }
+        catch {
+            handleFallback();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "copy-field", className: "flex w-full flex-col gap-2", children: [label ? ((0, jsx_runtime_1.jsx)("label", { htmlFor: inputId, className: "text-muted-foreground text-sm font-semibold", children: label })) : null, (0, jsx_runtime_1.jsxs)("div", { "data-slot": "input-wrapper", className: "border-input-border focus-within:border-ring flex h-10 w-full cursor-text items-center gap-1 rounded-md border pr-1 pl-4 transition-[color,box-shadow]", children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, id: inputId, "data-slot": "input", "data-testid": "copy-field-input", type: showAsText ? 'text' : 'password', value: value, readOnly: true, "aria-label": label ? undefined : valueLabel, 
+                        // `min-w-0` lets this flex item shrink below its content width so a
+                        // long value (e.g. a UUID recovery code) scrolls inside the field
+                        // instead of overflowing its container. No `font-mono`: the value
+                        // inherits the app sans font (Inter) so it matches every other field.
+                        className: "text-input-foreground h-full min-w-0 flex-1 cursor-text border-none bg-transparent text-sm outline-none select-text focus:ring-0 focus:ring-offset-0" }), masked ? ((0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { type: "button", variant: "outline", size: "small", rounded: true, "aria-pressed": revealed, "aria-label": revealed ? hideLabel : revealLabel, onClick: () => setRevealed((prev) => !prev), children: revealed ? (0, jsx_runtime_1.jsx)(lucide_react_1.EyeOff, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, {}) })) : null, (0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { type: "button", variant: "outline", size: "small", rounded: true, "aria-label": copyAccessibleName, onClick: handleCopy, children: copied ? (0, jsx_runtime_1.jsx)(lucide_react_1.Check, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, {}) })] })] }));
+}

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

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
 declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
 export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAQtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAwBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EAClB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAEnD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,qBAErD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAQtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,qBAwBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,qBAQ1D;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EAClB,CAAA"}

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -1,27 +1,27 @@
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: 'default' | 'destructive';
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuItemIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuItemIcon({ className, children, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
 export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIcon, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/dropdown-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dropdown-menu/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dropdown-menu/index.tsx"],"names":[],"mappings":"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"}