@schemavaults/ui 0.64.0 → 0.66.0

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

@@ -6,7 +6,7 @@ export declare const calloutAppearanceIds: readonly ["accent-bar", "subtle"];
 export type CalloutAppearanceId = (typeof calloutAppearanceIds)[number];
 declare const calloutVariants: (props?: ({
     intent?: "note" | "warning" | "tip" | "important" | "caution" | null | undefined;
-    appearance?: "accent-bar" | "subtle" | null | undefined;
+    appearance?: "subtle" | "accent-bar" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CalloutProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof calloutVariants> {
     /** Override the default icon for the intent. Pass `null` to hide. */

package/dist/components/ui/collapsible/collapsible-variants.d.ts

@@ -0,0 +1,16 @@
+export declare const collapsibleVariantIds: readonly ["default", "outline", "ghost", "subtle", "primary"];
+export type CollapsibleVariantId = (typeof collapsibleVariantIds)[number];
+export declare const collapsibleSizeIds: readonly ["sm", "md", "lg"];
+export type CollapsibleSizeId = (typeof collapsibleSizeIds)[number];
+export declare const collapsibleRootVariants: (props?: ({
+    variant?: "default" | "primary" | "outline" | "ghost" | "subtle" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const collapsibleTriggerVariants: (props?: ({
+    variant?: "default" | "primary" | "outline" | "ghost" | "subtle" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const collapsibleContentInnerVariants: (props?: ({
+    variant?: "default" | "primary" | "outline" | "ghost" | "subtle" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/ui/collapsible/collapsible-variants.js

@@ -0,0 +1,74 @@
+import { cva } from "class-variance-authority";
+export const collapsibleVariantIds = [
+    "default",
+    "outline",
+    "ghost",
+    "subtle",
+    "primary",
+];
+export const collapsibleSizeIds = [
+    "sm",
+    "md",
+    "lg",
+];
+export const collapsibleRootVariants = cva("w-full overflow-hidden transition-colors", {
+    variants: {
+        variant: {
+            default: "bg-background",
+            outline: "rounded-lg border border-border bg-background",
+            ghost: "bg-transparent",
+            subtle: "rounded-lg bg-muted/50",
+            primary: "rounded-lg border border-primary/30 bg-primary/5 text-foreground",
+        },
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+export const collapsibleTriggerVariants = cva("group/collapsible-trigger flex w-full items-center justify-between gap-2 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 [&>svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "text-foreground hover:text-foreground/80",
+            outline: "rounded-t-lg text-foreground hover:bg-accent/40 data-[state=closed]:rounded-b-lg",
+            ghost: "text-foreground hover:text-foreground/80",
+            subtle: "rounded-t-lg text-foreground hover:bg-muted/80 data-[state=closed]:rounded-b-lg data-[state=closed]:rounded-lg",
+            primary: "rounded-t-lg text-primary hover:text-primary/90 data-[state=closed]:rounded-lg",
+        },
+        size: {
+            sm: "px-3 py-2 text-xs [&>svg]:size-3.5",
+            md: "px-4 py-3 text-sm [&>svg]:size-4",
+            lg: "px-5 py-4 text-base [&>svg]:size-5",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+export const collapsibleContentInnerVariants = cva("text-foreground/90", {
+    variants: {
+        variant: {
+            default: "",
+            outline: "border-t border-border",
+            ghost: "",
+            subtle: "",
+            primary: "border-t border-primary/20",
+        },
+        size: {
+            sm: "px-3 py-2 text-xs",
+            md: "px-4 py-3 text-sm",
+            lg: "px-5 py-4 text-base",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+//# sourceMappingURL=collapsible-variants.js.map

package/dist/components/ui/collapsible/collapsible-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/collapsible/collapsible-variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,SAAS;IACT,SAAS;IACT,OAAO;IACP,QAAQ;IACR,SAAS;CAC2B,CAAC;AAGvC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI;IACJ,IAAI;IACJ,IAAI;CACgC,CAAC;AAGvC,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,0CAA0C,EAC1C;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,+CAA+C;YACxD,KAAK,EAAE,gBAAgB;YACvB,MAAM,EAAE,wBAAwB;YAChC,OAAO,EACL,kEAAkE;SACtB;QAChD,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;SAC4B;KAC9C;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAC3C,qSAAqS,EACrS;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,0CAA0C;YACnD,OAAO,EACL,kFAAkF;YACpF,KAAK,EAAE,0CAA0C;YACjD,MAAM,EACJ,gHAAgH;YAClH,OAAO,EACL,gFAAgF;SACpC;QAChD,IAAI,EAAE;YACJ,EAAE,EAAE,oCAAoC;YACxC,EAAE,EAAE,kCAAkC;YACtC,EAAE,EAAE,oCAAoC;SACG;KAC9C;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,GAAG,CAAC,oBAAoB,EAAE;IACvE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,4BAA4B;SACS;QAChD,IAAI,EAAE;YACJ,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,qBAAqB;SACkB;KAC9C;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,40 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
+import type { VariantProps } from "class-variance-authority";
+import { collapsibleContentInnerVariants, collapsibleRootVariants, collapsibleTriggerVariants } from "./collapsible-variants";
+export interface CollapsibleProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps<typeof collapsibleRootVariants> {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state when uncontrolled. */
+    defaultOpen?: boolean;
+    /** Called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Disable the trigger interaction. */
+    disabled?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function Collapsible({ className, variant, size, open: openProp, defaultOpen, onOpenChange, disabled, children, ref, ...props }: CollapsibleProps): ReactElement;
+declare namespace Collapsible {
+    var displayName: string;
+}
+export interface CollapsibleTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Hide the chevron icon on the right. */
+    hideIcon?: boolean;
+    /** Replace the default chevron with a custom icon. */
+    icon?: ReactNode;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare function CollapsibleTrigger({ className, children, hideIcon, icon, onClick, type, disabled: disabledProp, ref, ...props }: CollapsibleTriggerProps): ReactElement;
+declare namespace CollapsibleTrigger {
+    var displayName: string;
+}
+export interface CollapsibleContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** When true, content stays mounted while closed (useful for forms). */
+    forceMount?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function CollapsibleContent({ className, children, forceMount, ref, ...props }: CollapsibleContentProps): ReactElement;
+declare namespace CollapsibleContent {
+    var displayName: string;
+}
+export { Collapsible, CollapsibleTrigger, CollapsibleContent, collapsibleRootVariants, collapsibleTriggerVariants, collapsibleContentInnerVariants, };
+export { collapsibleVariantIds, collapsibleSizeIds, type CollapsibleVariantId, type CollapsibleSizeId, } from "./collapsible-variants";

package/dist/components/ui/collapsible/collapsible.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useId, useMemo, useState, } from "react";
+import { ChevronDown } from "lucide-react";
+import { cn } from "../../../lib/utils";
+import { AnimatePresence, m } from "../../../framer-motion";
+import { collapsibleContentInnerVariants, collapsibleRootVariants, collapsibleTriggerVariants, } from "./collapsible-variants";
+const CollapsibleContext = createContext(null);
+function useCollapsibleContext(componentName) {
+    const ctx = useContext(CollapsibleContext);
+    if (ctx === null) {
+        throw new Error(`<${componentName}> must be rendered inside a <Collapsible> root.`);
+    }
+    return ctx;
+}
+function Collapsible({ className, variant, size, open: openProp, defaultOpen = false, onOpenChange, disabled = false, children, ref, ...props }) {
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isControlled = openProp !== undefined;
+    const open = isControlled ? openProp : internalOpen;
+    const reactId = useId();
+    const triggerId = `collapsible-trigger-${reactId}`;
+    const contentId = `collapsible-content-${reactId}`;
+    const resolvedVariant = variant ?? "default";
+    const resolvedSize = size ?? "md";
+    const toggle = useCallback(() => {
+        if (disabled)
+            return;
+        const next = !open;
+        if (!isControlled) {
+            setInternalOpen(next);
+        }
+        onOpenChange?.(next);
+    }, [disabled, open, isControlled, onOpenChange]);
+    const ctx = useMemo(() => ({
+        open,
+        disabled,
+        contentId,
+        triggerId,
+        variant: resolvedVariant,
+        size: resolvedSize,
+        toggle,
+    }), [open, disabled, contentId, triggerId, resolvedVariant, resolvedSize, toggle]);
+    return (_jsx(CollapsibleContext.Provider, { value: ctx, children: _jsx("div", { ref: ref, "data-slot": "collapsible", "data-state": open ? "open" : "closed", "data-disabled": disabled ? "" : undefined, className: cn(collapsibleRootVariants({ variant: resolvedVariant, size: resolvedSize }), className), ...props, children: children }) }));
+}
+Collapsible.displayName = "Collapsible";
+function CollapsibleTrigger({ className, children, hideIcon = false, icon, onClick, type, disabled: disabledProp, ref, ...props }) {
+    const { open, toggle, disabled, contentId, triggerId, variant, size } = useCollapsibleContext("CollapsibleTrigger");
+    const handleClick = useCallback((event) => {
+        onClick?.(event);
+        if (event.defaultPrevented)
+            return;
+        toggle();
+    }, [onClick, toggle]);
+    const isDisabled = Boolean(disabledProp) || disabled;
+    return (_jsxs("button", { ref: ref, id: triggerId, type: type ?? "button", "data-slot": "collapsible-trigger", "data-state": open ? "open" : "closed", "aria-expanded": open, "aria-controls": contentId, disabled: isDisabled, onClick: handleClick, className: cn(collapsibleTriggerVariants({ variant, size }), className), ...props, children: [_jsx("span", { className: "flex-1 text-left", children: children }), hideIcon ? null : (_jsx("span", { "aria-hidden": true, className: cn("inline-flex shrink-0 transition-transform duration-200", open ? "rotate-180" : "rotate-0"), children: icon ?? _jsx(ChevronDown, {}) }))] }));
+}
+CollapsibleTrigger.displayName = "CollapsibleTrigger";
+function CollapsibleContent({ className, children, forceMount = false, ref, ...props }) {
+    const { open, contentId, triggerId, variant, size } = useCollapsibleContext("CollapsibleContent");
+    if (forceMount) {
+        return (_jsx("div", { ref: ref, id: contentId, role: "region", "aria-labelledby": triggerId, hidden: !open, "data-slot": "collapsible-content", "data-state": open ? "open" : "closed", className: cn("overflow-hidden", className), ...props, children: _jsx("div", { className: cn(collapsibleContentInnerVariants({ variant, size })), children: children }) }));
+    }
+    return (_jsx(AnimatePresence, { initial: false, children: open ? (_jsx(m.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: {
+                height: { duration: 0.22, ease: [0.4, 0, 0.2, 1] },
+                opacity: { duration: 0.18, ease: "easeOut" },
+            }, className: "overflow-hidden", children: _jsx("div", { ref: ref, id: contentId, role: "region", "aria-labelledby": triggerId, "data-slot": "collapsible-content", "data-state": "open", className: className, ...props, children: _jsx("div", { className: cn(collapsibleContentInnerVariants({ variant, size })), children: children }) }) }, "collapsible-content")) : null }));
+}
+CollapsibleContent.displayName = "CollapsibleContent";
+export { Collapsible, CollapsibleTrigger, CollapsibleContent, collapsibleRootVariants, collapsibleTriggerVariants, collapsibleContentInnerVariants, };
+export { collapsibleVariantIds, collapsibleSizeIds, } from "./collapsible-variants";
+//# sourceMappingURL=collapsible.js.map

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

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

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

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

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

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

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

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

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

@@ -4,6 +4,8 @@ export * from "./agent-chat-messages";
 export type * from "./agent-chat-messages";
 export * from "./accordion";
 export type * from "./accordion";
+export * from "./collapsible";
+export type * from "./collapsible";
 export * from "./alert";
 export type * from "./alert";
 export * from "./callout";
@@ -138,6 +140,8 @@ export * from "./number-input";
 export type * from "./number-input";
 export * from "./code-block";
 export type * from "./code-block";
+export * from "./secret-reveal";
+export type * from "./secret-reveal";
 export * from "./json-viewer";
 export type * from "./json-viewer";
 export * from "./segmented-control";

package/dist/components/ui/index.js

@@ -1,6 +1,7 @@
 export * from "./avatar";
 export * from "./agent-chat-messages";
 export * from "./accordion";
+export * from "./collapsible";
 export * from "./alert";
 export * from "./callout";
 export * from "./blockquote";
@@ -68,6 +69,7 @@ export * from "./timeline";
 export * from "./rating";
 export * from "./number-input";
 export * from "./code-block";
+export * from "./secret-reveal";
 export * from "./json-viewer";
 export * from "./segmented-control";
 export * from "./marquee";

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

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

package/dist/components/ui/secret-reveal/index.d.ts

@@ -0,0 +1,4 @@
+export { SecretReveal, SecretReveal as default, secretRevealVariants, } from "./secret-reveal";
+export type { SecretRevealProps } from "./secret-reveal";
+export { secretRevealVariantIds, secretRevealSizeIds, secretRevealMaskStyleIds, } from "./secret-reveal-variants";
+export type { SecretRevealVariant, SecretRevealSize, SecretRevealMaskStyle, } from "./secret-reveal-variants";

package/dist/components/ui/secret-reveal/index.js

@@ -0,0 +1,3 @@
+export { SecretReveal, SecretReveal as default, secretRevealVariants, } from "./secret-reveal";
+export { secretRevealVariantIds, secretRevealSizeIds, secretRevealMaskStyleIds, } from "./secret-reveal-variants";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/secret-reveal/index.js.map

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

package/dist/components/ui/secret-reveal/secret-reveal-variants.d.ts

@@ -0,0 +1,6 @@
+export declare const secretRevealVariantIds: readonly ["default", "outline", "subtle", "terminal", "brand"];
+export type SecretRevealVariant = (typeof secretRevealVariantIds)[number];
+export declare const secretRevealSizeIds: readonly ["sm", "md", "lg"];
+export type SecretRevealSize = (typeof secretRevealSizeIds)[number];
+export declare const secretRevealMaskStyleIds: readonly ["dots", "asterisks", "blur"];
+export type SecretRevealMaskStyle = (typeof secretRevealMaskStyleIds)[number];

package/dist/components/ui/secret-reveal/secret-reveal-variants.js

@@ -0,0 +1,18 @@
+export const secretRevealVariantIds = [
+    "default",
+    "outline",
+    "subtle",
+    "terminal",
+    "brand",
+];
+export const secretRevealSizeIds = [
+    "sm",
+    "md",
+    "lg",
+];
+export const secretRevealMaskStyleIds = [
+    "dots",
+    "asterisks",
+    "blur",
+];
+//# sourceMappingURL=secret-reveal-variants.js.map

package/dist/components/ui/secret-reveal/secret-reveal-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secret-reveal-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/secret-reveal/secret-reveal-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS;IACT,SAAS;IACT,QAAQ;IACR,UAAU;IACV,OAAO;CAC6B,CAAC;AAGvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI;IACJ,IAAI;IACJ,IAAI;CACgC,CAAC;AAGvC,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,MAAM;IACN,WAAW;IACX,MAAM;CAC8B,CAAC"}

package/dist/components/ui/secret-reveal/secret-reveal.d.ts

@@ -0,0 +1,52 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
+import { type SecretRevealMaskStyle, type SecretRevealSize, type SecretRevealVariant, secretRevealMaskStyleIds, secretRevealSizeIds, secretRevealVariantIds } from "./secret-reveal-variants";
+declare const secretRevealVariants: (props?: ({
+    variant?: "default" | "outline" | "subtle" | "terminal" | "brand" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SecretRevealProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps<typeof secretRevealVariants> {
+    /** The sensitive value to display. */
+    value: string;
+    /** Controlled revealed state. */
+    revealed?: boolean;
+    /** Initial revealed state when uncontrolled. */
+    defaultRevealed?: boolean;
+    /** Called when the revealed state changes. */
+    onRevealChange?: (revealed: boolean) => void;
+    /**
+     * Whether the value should be re-masked automatically after revealing.
+     * When a number is provided, that's the timeout (in ms) before re-masking.
+     * Pass `false` (default) to disable.
+     */
+    autoHideAfter?: number | false;
+    /** Mask character style. Defaults to "dots". */
+    maskStyle?: SecretRevealMaskStyle;
+    /**
+     * Controls how the mask is sized:
+     * - "match" (default): one mask character per real character — leaks length.
+     * - "fixed": always renders 8 mask characters — hides length.
+     * - A number: render that many mask characters.
+     */
+    maskLength?: number | "match" | "fixed";
+    /** Whether to render the built-in copy button. Defaults to true. */
+    showCopyButton?: boolean;
+    /** Whether to render the reveal/hide toggle button. Defaults to true. */
+    showRevealToggle?: boolean;
+    /** Optional label rendered to the left of the value. */
+    label?: ReactNode;
+    /** Accessible label for the reveal toggle button when masked. */
+    revealAriaLabel?: string;
+    /** Accessible label for the reveal toggle button when revealed. */
+    hideAriaLabel?: string;
+    /** Optional node rendered before the action buttons (e.g. an indicator). */
+    trailing?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function SecretReveal({ value, variant, size, revealed: revealedProp, defaultRevealed, onRevealChange, autoHideAfter, maskStyle, maskLength, showCopyButton, showRevealToggle, label, revealAriaLabel, hideAriaLabel, trailing, className, ref, ...props }: SecretRevealProps): ReactElement;
+declare namespace SecretReveal {
+    var displayName: string;
+}
+export { SecretReveal, secretRevealVariants, secretRevealSizeIds, secretRevealVariantIds, secretRevealMaskStyleIds, };
+export type { SecretRevealSize, SecretRevealVariant, SecretRevealMaskStyle };
+export default SecretReveal;

package/dist/components/ui/secret-reveal/secret-reveal.js

@@ -0,0 +1,142 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Eye, EyeOff } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
+import { cn } from "../../../lib/utils";
+import { CopyButton } from "../../ui/copy-button";
+import { secretRevealMaskStyleIds, secretRevealSizeIds, secretRevealVariantIds, } from "./secret-reveal-variants";
+const secretRevealVariants = cva("group/secret-reveal inline-flex w-full items-center gap-1 rounded-md border font-mono transition-colors", {
+    variants: {
+        variant: {
+            default: "border-border bg-muted text-foreground",
+            outline: "border-input bg-background text-foreground",
+            subtle: "border-transparent bg-muted/60 text-muted-foreground hover:text-foreground",
+            terminal: "border-zinc-800 bg-zinc-950 text-zinc-100 dark:border-zinc-700",
+            brand: "border-schemavaults-brand-blue/30 bg-schemavaults-brand-blue/5 text-foreground",
+        },
+        size: {
+            sm: "h-8 px-2 text-xs gap-1",
+            md: "h-9 px-2.5 text-sm gap-1.5",
+            lg: "h-11 px-3 text-base gap-2",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+const secretRevealValueVariants = cva("flex-1 truncate select-all tabular-nums", {
+    variants: {
+        masked: {
+            true: "select-none",
+            false: "",
+        },
+        maskStyle: {
+            dots: "",
+            asterisks: "",
+            blur: "",
+        },
+    },
+    compoundVariants: [
+        {
+            masked: true,
+            maskStyle: "blur",
+            class: "blur-sm transition-[filter] duration-200",
+        },
+    ],
+    defaultVariants: {
+        masked: true,
+        maskStyle: "dots",
+    },
+});
+const secretRevealActionVariants = cva("inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground ring-offset-background transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-50", {
+    variants: {
+        size: {
+            sm: "h-6 w-6 [&_svg]:size-3.5",
+            md: "h-7 w-7 [&_svg]:size-4",
+            lg: "h-8 w-8 [&_svg]:size-[18px]",
+        },
+        variant: {
+            default: "hover:bg-background/60",
+            outline: "hover:bg-accent",
+            subtle: "hover:bg-muted",
+            terminal: "text-zinc-400 hover:bg-zinc-800 hover:text-zinc-100",
+            brand: "hover:bg-schemavaults-brand-blue/10 hover:text-schemavaults-brand-blue",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+        variant: "default",
+    },
+});
+function buildMaskString(value, maskStyle, maskLength) {
+    if (maskStyle === "blur")
+        return value;
+    const char = maskStyle === "asterisks" ? "*" : "•";
+    if (maskLength === "match")
+        return char.repeat(value.length);
+    if (maskLength === "fixed")
+        return char.repeat(8);
+    return char.repeat(Math.max(0, maskLength));
+}
+function SecretReveal({ value, variant, size, revealed: revealedProp, defaultRevealed = false, onRevealChange, autoHideAfter = false, maskStyle = "dots", maskLength = "match", showCopyButton = true, showRevealToggle = true, label, revealAriaLabel = "Reveal secret", hideAriaLabel = "Hide secret", trailing, className, ref, ...props }) {
+    const isControlled = revealedProp !== undefined;
+    const [internalRevealed, setInternalRevealed] = useState(defaultRevealed);
+    const revealed = isControlled
+        ? revealedProp
+        : internalRevealed;
+    const autoHideTimer = useRef(null);
+    const clearAutoHide = useCallback(() => {
+        if (autoHideTimer.current !== null) {
+            clearTimeout(autoHideTimer.current);
+            autoHideTimer.current = null;
+        }
+    }, []);
+    useEffect(() => {
+        return () => {
+            clearAutoHide();
+        };
+    }, [clearAutoHide]);
+    const setRevealed = useCallback((next) => {
+        if (!isControlled)
+            setInternalRevealed(next);
+        onRevealChange?.(next);
+    }, [isControlled, onRevealChange]);
+    useEffect(() => {
+        clearAutoHide();
+        if (revealed &&
+            typeof autoHideAfter === "number" &&
+            autoHideAfter > 0) {
+            autoHideTimer.current = setTimeout(() => {
+                setRevealed(false);
+                autoHideTimer.current = null;
+            }, autoHideAfter);
+        }
+    }, [revealed, autoHideAfter, clearAutoHide, setRevealed]);
+    const handleToggle = useCallback(() => {
+        setRevealed(!revealed);
+    }, [revealed, setRevealed]);
+    const resolvedVariant = variant ?? "default";
+    const resolvedSize = size ?? "md";
+    const displayedValue = useMemo(() => {
+        if (revealed)
+            return value;
+        return buildMaskString(value, maskStyle, maskLength);
+    }, [revealed, value, maskStyle, maskLength]);
+    const ToggleIcon = revealed ? EyeOff : Eye;
+    const toggleAriaLabel = revealed ? hideAriaLabel : revealAriaLabel;
+    return (_jsxs("div", { ref: ref, "data-slot": "secret-reveal", "data-variant": resolvedVariant, "data-revealed": revealed ? "true" : "false", className: cn(secretRevealVariants({ variant, size }), className), ...props, children: [label !== undefined && label !== null ? (_jsx("span", { "data-slot": "secret-reveal-label", className: "shrink-0 select-none pr-1 font-sans font-medium opacity-80", children: label })) : null, _jsx("span", { "data-slot": "secret-reveal-value", "aria-live": "polite", "aria-label": revealed ? "Revealed secret value" : "Masked secret value", className: cn(secretRevealValueVariants({
+                    masked: !revealed,
+                    maskStyle,
+                })), children: displayedValue }), trailing, showRevealToggle ? (_jsx("button", { type: "button", "data-slot": "secret-reveal-toggle", "aria-pressed": revealed, "aria-label": toggleAriaLabel, onClick: handleToggle, className: cn(secretRevealActionVariants({
+                    size: resolvedSize,
+                    variant: resolvedVariant,
+                })), children: _jsx(ToggleIcon, { "aria-hidden": "true" }) })) : null, showCopyButton ? (_jsx(CopyButton, { value: value, variant: "ghost", size: resolvedSize === "lg" ? "icon-md" : "icon-sm", className: cn(resolvedVariant === "terminal" &&
+                    "text-zinc-300 hover:bg-zinc-800 hover:text-zinc-100 data-[copied=true]:text-green-400", resolvedVariant === "brand" &&
+                    "hover:text-schemavaults-brand-blue data-[copied=true]:text-schemavaults-brand-blue") })) : null] }));
+}
+SecretReveal.displayName = "SecretReveal";
+export { SecretReveal, secretRevealVariants, secretRevealSizeIds, secretRevealVariantIds, secretRevealMaskStyleIds, };
+export default SecretReveal;
+//# sourceMappingURL=secret-reveal.js.map

package/dist/components/ui/secret-reveal/secret-reveal.js.map

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

package/package.json

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