@schemavaults/ui 0.44.2 → 0.46.1

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

@@ -130,6 +130,8 @@ export * from "./number-input";
 export type * from "./number-input";
 export * from "./code-block";
 export type * from "./code-block";
+export * from "./json-viewer";
+export type * from "./json-viewer";
 export * from "./segmented-control";
 export type * from "./segmented-control";
 export * from "./marquee";

package/dist/components/ui/index.js

@@ -64,6 +64,7 @@ export * from "./timeline";
 export * from "./rating";
 export * from "./number-input";
 export * from "./code-block";
+export * from "./json-viewer";
 export * from "./segmented-control";
 export * from "./marquee";
 export * from "./toggle";

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,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAG5B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAG5B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC"}

package/dist/components/ui/json-viewer/index.d.ts

@@ -0,0 +1,4 @@
+export { JsonViewer, JsonViewer as default, jsonViewerVariants, } from "./json-viewer";
+export type { JsonViewerProps, JsonValue } from "./json-viewer";
+export { jsonViewerVariantIds, jsonViewerSizeIds, } from "./json-viewer-variants";
+export type { JsonViewerVariant, JsonViewerSize, } from "./json-viewer-variants";

package/dist/components/ui/json-viewer/index.js

@@ -0,0 +1,3 @@
+export { JsonViewer, JsonViewer as default, jsonViewerVariants, } from "./json-viewer";
+export { jsonViewerVariantIds, jsonViewerSizeIds, } from "./json-viewer-variants";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/json-viewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/json-viewer/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/json-viewer/json-viewer-variants.d.ts

@@ -0,0 +1,4 @@
+export declare const jsonViewerVariantIds: readonly ["default", "terminal", "subtle", "contrast"];
+export type JsonViewerVariant = (typeof jsonViewerVariantIds)[number];
+export declare const jsonViewerSizeIds: readonly ["sm", "md", "lg"];
+export type JsonViewerSize = (typeof jsonViewerSizeIds)[number];

package/dist/components/ui/json-viewer/json-viewer-variants.js

@@ -0,0 +1,12 @@
+export const jsonViewerVariantIds = [
+    "default",
+    "terminal",
+    "subtle",
+    "contrast",
+];
+export const jsonViewerSizeIds = [
+    "sm",
+    "md",
+    "lg",
+];
+//# sourceMappingURL=json-viewer-variants.js.map

package/dist/components/ui/json-viewer/json-viewer-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/json-viewer/json-viewer-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,SAAS;IACT,UAAU;IACV,QAAQ;IACR,UAAU;CAC0B,CAAC;AAGvC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI;IACJ,IAAI;IACJ,IAAI;CACgC,CAAC"}

package/dist/components/ui/json-viewer/json-viewer.d.ts

@@ -0,0 +1,41 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes, type ReactElement, type Ref } from "react";
+import { type JsonViewerSize, type JsonViewerVariant, jsonViewerSizeIds, jsonViewerVariantIds } from "./json-viewer-variants";
+declare const jsonViewerVariants: (props?: ({
+    variant?: "default" | "subtle" | "terminal" | "contrast" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type JsonPrimitive = string | number | boolean | null;
+export type JsonValue = JsonPrimitive | JsonValue[] | {
+    [key: string]: JsonValue;
+};
+export interface JsonViewerProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof jsonViewerVariants> {
+    /** The JSON-serializable value to render. */
+    value: JsonValue;
+    /** Optional title shown in the header. */
+    title?: string;
+    /**
+     * Expand nodes up to this depth by default. `Infinity` to expand all.
+     * @default 1
+     */
+    defaultExpandLevel?: number;
+    /** Show the copy-to-clipboard button. Defaults to true. */
+    showCopyButton?: boolean;
+    /** Show a header bar (only rendered when there is content to display). */
+    showHeader?: boolean;
+    /** Optional max-height for the body. Pass a CSS value e.g. "20rem". */
+    maxHeight?: string;
+    /** Show the number of items next to each object/array preview. */
+    showItemCount?: boolean;
+    /** Pretty-print indentation used by the copy button payload. Defaults to 2. */
+    copyIndent?: number;
+    /** Ref to the outermost wrapper. */
+    ref?: Ref<HTMLDivElement>;
+}
+declare function JsonViewer({ value, title, variant, size, defaultExpandLevel, showCopyButton, showHeader, maxHeight, showItemCount, copyIndent, className, ref, ...props }: JsonViewerProps): ReactElement;
+declare namespace JsonViewer {
+    var displayName: string;
+}
+export { JsonViewer, jsonViewerVariants, jsonViewerVariantIds, jsonViewerSizeIds, };
+export type { JsonViewerSize, JsonViewerVariant };
+export default JsonViewer;

package/dist/components/ui/json-viewer/json-viewer.js

@@ -0,0 +1,202 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ChevronRight } from "lucide-react";
+import { memo, useCallback, useMemo, useState, } from "react";
+import { cn } from "../../../lib/utils";
+import { CopyButton } from "../../ui/copy-button";
+import { jsonViewerSizeIds, jsonViewerVariantIds, } from "./json-viewer-variants";
+const jsonViewerVariants = cva("relative overflow-hidden rounded-md border font-mono", {
+    variants: {
+        variant: {
+            default: "border-border bg-muted text-foreground",
+            terminal: "border-zinc-800 bg-zinc-950 text-zinc-100 dark:border-zinc-700",
+            subtle: "border-transparent bg-muted/60 text-muted-foreground",
+            contrast: "border-foreground/10 bg-foreground text-background",
+        },
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+const jsonViewerHeaderVariants = cva("flex items-center justify-between gap-2 border-b px-3 py-2", {
+    variants: {
+        variant: {
+            default: "border-border bg-background/40",
+            terminal: "border-zinc-800 bg-zinc-900/80 text-zinc-200",
+            subtle: "border-transparent bg-transparent",
+            contrast: "border-foreground/10 bg-foreground/5 text-background",
+        },
+    },
+    defaultVariants: { variant: "default" },
+});
+const jsonViewerBodyVariants = cva("overflow-auto", {
+    variants: {
+        size: {
+            sm: "px-3 py-2",
+            md: "px-4 py-3",
+            lg: "px-5 py-4",
+        },
+    },
+    defaultVariants: { size: "md" },
+});
+function JsonViewer({ value, title, variant, size, defaultExpandLevel = 1, showCopyButton = true, showHeader, maxHeight, showItemCount = true, copyIndent = 2, className, ref, ...props }) {
+    const resolvedVariant = variant ?? "default";
+    const resolvedSize = size ?? "md";
+    const copyPayload = useMemo(() => safeStringify(value, copyIndent), [value, copyIndent]);
+    const headerVisible = showHeader ?? (title !== undefined || showCopyButton);
+    return (_jsxs("div", { ref: ref, "data-slot": "json-viewer", "data-variant": resolvedVariant, "data-size": resolvedSize, className: cn(jsonViewerVariants({ variant, size }), className), ...props, children: [headerVisible && (_jsxs("div", { "data-slot": "json-viewer-header", className: cn(jsonViewerHeaderVariants({ variant: resolvedVariant })), children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { "data-slot": "json-viewer-language", className: "rounded bg-foreground/10 px-1.5 py-0.5 font-mono text-[0.7em] font-semibold uppercase tracking-wide", children: "JSON" }), title !== undefined && (_jsx("span", { "data-slot": "json-viewer-title", className: "truncate font-sans text-[0.95em] font-medium opacity-90", children: title }))] }), showCopyButton && (_jsx(CopyButton, { value: copyPayload, size: "icon-sm", variant: "ghost", className: cn(resolvedVariant === "terminal" &&
+                            "text-zinc-300 hover:bg-zinc-800 hover:text-zinc-100 data-[copied=true]:text-green-400", resolvedVariant === "contrast" &&
+                            "text-background hover:bg-background/10 hover:text-background data-[copied=true]:text-background") }))] })), _jsx("div", { "data-slot": "json-viewer-body", className: cn(jsonViewerBodyVariants({ size: resolvedSize })), style: maxHeight !== undefined ? { maxHeight } : undefined, children: _jsx(JsonNode, { value: value, depth: 0, defaultExpandLevel: defaultExpandLevel, variant: resolvedVariant, showItemCount: showItemCount, isLast: true }) })] }));
+}
+JsonViewer.displayName = "JsonViewer";
+const JsonNode = memo(function JsonNode({ value, depth, defaultExpandLevel, variant, showItemCount, propertyKey, isLast, }) {
+    const kind = getKind(value);
+    const isComposite = kind === "object" || kind === "array";
+    const [open, setOpen] = useState(depth < defaultExpandLevel);
+    const toggle = useCallback(() => {
+        setOpen((prev) => !prev);
+    }, []);
+    if (!isComposite) {
+        return (_jsxs("div", { className: "flex items-start whitespace-pre-wrap break-words leading-relaxed", children: [propertyKey !== undefined && (_jsx(PropertyKey, { name: propertyKey, variant: variant })), _jsx(PrimitiveValue, { value: value, variant: variant }), !isLast && _jsx(Punct, { variant: variant, children: "," })] }));
+    }
+    const items = kind === "array"
+        ? value.map((v, i) => [String(i), v])
+        : Object.entries(value);
+    const openBracket = kind === "array" ? "[" : "{";
+    const closeBracket = kind === "array" ? "]" : "}";
+    const empty = items.length === 0;
+    const itemCount = items.length;
+    return (_jsxs("div", { className: "leading-relaxed", children: [_jsxs("div", { className: "flex items-start whitespace-pre-wrap break-words", children: [_jsx("button", { type: "button", onClick: empty ? undefined : toggle, "aria-expanded": empty ? undefined : open, "aria-label": open ? "Collapse" : "Expand", "data-slot": "json-viewer-toggle", className: cn("mr-1 mt-[0.15em] inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-sm transition-colors", empty
+                            ? "cursor-default opacity-30"
+                            : "cursor-pointer opacity-60 hover:opacity-100 hover:bg-foreground/10"), children: _jsx(ChevronRight, { "aria-hidden": true, className: cn("h-3 w-3 transition-transform", open && !empty ? "rotate-90" : "rotate-0") }) }), propertyKey !== undefined && (_jsx(PropertyKey, { name: propertyKey, variant: variant })), _jsx(Punct, { variant: variant, children: openBracket }), empty ? (_jsx(Punct, { variant: variant, children: closeBracket })) : open ? null : (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: toggle, "aria-label": "Expand", className: cn("mx-1 cursor-pointer italic opacity-70 hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded-sm", getMutedClass(variant)), children: showItemCount
+                                    ? kind === "array"
+                                        ? `${itemCount} item${itemCount === 1 ? "" : "s"}`
+                                        : `${itemCount} ${itemCount === 1 ? "key" : "keys"}`
+                                    : "…" }), _jsx(Punct, { variant: variant, children: closeBracket })] })), !isLast && !open && _jsx(Punct, { variant: variant, children: "," })] }), open && !empty && (_jsx("div", { "data-slot": "json-viewer-children", className: cn("ml-[0.5rem] border-l pl-3", getGuideClass(variant)), children: items.map(([key, child], idx) => (_jsx(JsonNode, { value: child, depth: depth + 1, defaultExpandLevel: defaultExpandLevel, variant: variant, showItemCount: showItemCount, propertyKey: kind === "object" ? key : undefined, isLast: idx === items.length - 1 }, key))) })), open && !empty && (_jsxs("div", { className: "flex items-start whitespace-pre-wrap break-words", children: [_jsx("span", { className: "mr-1 inline-block w-4 shrink-0", "aria-hidden": true }), _jsx(Punct, { variant: variant, children: closeBracket }), !isLast && _jsx(Punct, { variant: variant, children: "," })] }))] }));
+});
+function getKind(value) {
+    if (value === null)
+        return "null";
+    if (Array.isArray(value))
+        return "array";
+    const t = typeof value;
+    if (t === "string" || t === "number" || t === "boolean")
+        return t;
+    return "object";
+}
+function PropertyKey({ name, variant, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("span", { "data-slot": "json-viewer-key", className: cn("font-medium", getKeyClass(variant)), children: JSON.stringify(name) }), _jsx(Punct, { variant: variant, children: ":\u00A0" })] }));
+}
+function PrimitiveValue({ value, variant, }) {
+    if (value === null) {
+        return (_jsx("span", { "data-slot": "json-viewer-null", className: cn("italic", getNullClass(variant)), children: "null" }));
+    }
+    if (typeof value === "string") {
+        return (_jsx("span", { "data-slot": "json-viewer-string", className: getStringClass(variant), children: JSON.stringify(value) }));
+    }
+    if (typeof value === "number") {
+        return (_jsx("span", { "data-slot": "json-viewer-number", className: getNumberClass(variant), children: Number.isFinite(value) ? String(value) : JSON.stringify(value) }));
+    }
+    return (_jsx("span", { "data-slot": "json-viewer-boolean", className: getBooleanClass(variant), children: String(value) }));
+}
+function Punct({ variant, children, }) {
+    return (_jsx("span", { "aria-hidden": true, className: getPunctClass(variant), children: children }));
+}
+function getKeyClass(variant) {
+    switch (variant) {
+        case "terminal":
+            return "text-sky-300";
+        case "contrast":
+            return "text-background";
+        default:
+            return "text-foreground";
+    }
+}
+function getStringClass(variant) {
+    switch (variant) {
+        case "terminal":
+            return "text-emerald-300";
+        case "contrast":
+            return "text-background/90";
+        default:
+            return "text-emerald-700 dark:text-emerald-400";
+    }
+}
+function getNumberClass(variant) {
+    switch (variant) {
+        case "terminal":
+            return "text-amber-300";
+        case "contrast":
+            return "text-background/90";
+        default:
+            return "text-amber-700 dark:text-amber-400";
+    }
+}
+function getBooleanClass(variant) {
+    switch (variant) {
+        case "terminal":
+            return "text-violet-300";
+        case "contrast":
+            return "text-background/90";
+        default:
+            return "text-violet-700 dark:text-violet-400";
+    }
+}
+function getNullClass(variant) {
+    switch (variant) {
+        case "terminal":
+            return "text-zinc-400";
+        case "contrast":
+            return "text-background/60";
+        default:
+            return "text-muted-foreground";
+    }
+}
+function getPunctClass(variant) {
+    switch (variant) {
+        case "terminal":
+            return "text-zinc-400";
+        case "contrast":
+            return "text-background/60";
+        default:
+            return "text-muted-foreground";
+    }
+}
+function getMutedClass(variant) {
+    switch (variant) {
+        case "terminal":
+            return "text-zinc-400";
+        case "contrast":
+            return "text-background/70";
+        default:
+            return "text-muted-foreground";
+    }
+}
+function getGuideClass(variant) {
+    switch (variant) {
+        case "terminal":
+            return "border-zinc-800";
+        case "contrast":
+            return "border-background/15";
+        default:
+            return "border-border";
+    }
+}
+function safeStringify(value, indent) {
+    try {
+        return JSON.stringify(value, null, indent);
+    }
+    catch {
+        return "";
+    }
+}
+export { JsonViewer, jsonViewerVariants, jsonViewerVariantIds, jsonViewerSizeIds, };
+export default JsonViewer;
+//# sourceMappingURL=json-viewer.js.map

package/dist/components/ui/json-viewer/json-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer.js","sourceRoot":"","sources":["../../../../src/components/ui/json-viewer/json-viewer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EACL,IAAI,EACJ,WAAW,EACX,OAAO,EACP,QAAQ,GAIT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAGL,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,kBAAkB,GAAG,GAAG,CAC5B,sDAAsD,EACtD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wCAAwC;YACjD,QAAQ,EACN,gEAAgE;YAClE,MAAM,EAAE,sDAAsD;YAC9D,QAAQ,EAAE,oDAAoD;SACnB;QAC7C,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;SACyB;KAC3C;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,CAClC,4DAA4D,EAC5D;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,gCAAgC;YACzC,QAAQ,EAAE,8CAA8C;YACxD,MAAM,EAAE,mCAAmC;YAC3C,QAAQ,EAAE,sDAAsD;SACrB;KAC9C;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,GAAG,CAAC,eAAe,EAAE;IAClD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;SACyB;KAC3C;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CAAC,CAAC;AAkCH,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,kBAAkB,GAAG,CAAC,EACtB,cAAc,GAAG,IAAI,EACrB,UAAU,EACV,SAAS,EACT,aAAa,GAAG,IAAI,EACpB,UAAU,GAAG,CAAC,EACd,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACQ;IAChB,MAAM,eAAe,GAAsB,OAAO,IAAI,SAAS,CAAC;IAChE,MAAM,YAAY,GAAmB,IAAI,IAAI,IAAI,CAAC;IAElD,MAAM,WAAW,GAAW,OAAO,CACjC,GAAW,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,EAC9C,CAAC,KAAK,EAAE,UAAU,CAAC,CACpB,CAAC;IAEF,MAAM,aAAa,GACjB,UAAU,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,cAAc,CAAC,CAAC;IAExD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,eACE,aAAa,kBACT,eAAe,eAClB,YAAY,EACvB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC3D,KAAK,aAER,aAAa,IAAI,CAChB,4BACY,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,CAAC,aAErE,eAAK,SAAS,EAAC,iCAAiC,aAC9C,4BACY,sBAAsB,EAChC,SAAS,EAAC,qGAAqG,qBAG1G,EACN,KAAK,KAAK,SAAS,IAAI,CACtB,4BACY,mBAAmB,EAC7B,SAAS,EAAC,yDAAyD,YAElE,KAAK,GACD,CACR,IACG,EACL,cAAc,IAAI,CACjB,KAAC,UAAU,IACT,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,EAAE,CACX,eAAe,KAAK,UAAU;4BAC5B,uFAAuF,EACzF,eAAe,KAAK,UAAU;4BAC5B,iGAAiG,CACpG,GACD,CACH,IACG,CACP,EAED,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,EAC7D,KAAK,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,YAE1D,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,EACR,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,eAAe,EACxB,aAAa,EAAE,aAAa,EAC5B,MAAM,SACN,GACE,IACF,CACP,CAAC;AACJ,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AActC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,QAAQ,CAAC,EACtC,KAAK,EACL,KAAK,EACL,kBAAkB,EAClB,OAAO,EACP,aAAa,EACb,WAAW,EACX,MAAM,GACQ;IACd,MAAM,IAAI,GAAa,OAAO,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,WAAW,GAAY,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,OAAO,CAAC;IACnE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,KAAK,GAAG,kBAAkB,CAAC,CAAC;IAEtE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAS,EAAE;QACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,CACL,eAAK,SAAS,EAAC,kEAAkE,aAC9E,WAAW,KAAK,SAAS,IAAI,CAC5B,KAAC,WAAW,IAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACrD,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAsB,EAAE,OAAO,EAAE,OAAO,GAAI,EAClE,CAAC,MAAM,IAAI,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,kBAAW,IAC1C,CACP,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GACT,IAAI,KAAK,OAAO;QACd,CAAC,CAAE,KAAqB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAuB,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAqC,CAAC,CAAC;IAE5D,MAAM,WAAW,GAAW,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACzD,MAAM,YAAY,GAAW,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1D,MAAM,KAAK,GAAY,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAW,KAAK,CAAC,MAAM,CAAC;IAEvC,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,eAAK,SAAS,EAAC,kDAAkD,aAC/D,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,mBACpB,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,gBAC3B,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,eAC9B,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,KAAK;4BACH,CAAC,CAAC,2BAA2B;4BAC7B,CAAC,CAAC,oEAAoE,CACzE,YAED,KAAC,YAAY,yBAEX,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAC1C,GACD,GACK,EACR,WAAW,KAAK,SAAS,IAAI,CAC5B,KAAC,WAAW,IAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACrD,EACD,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,YAAG,WAAW,GAAS,EAC7C,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,YAAG,YAAY,GAAS,CAChD,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,gBACJ,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,4IAA4I,EAC5I,aAAa,CAAC,OAAO,CAAC,CACvB,YAEA,aAAa;oCACZ,CAAC,CAAC,IAAI,KAAK,OAAO;wCAChB,CAAC,CAAC,GAAG,SAAS,QAAQ,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE;wCAClD,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE;oCACtD,CAAC,CAAC,GAAG,GACA,EACT,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,YAAG,YAAY,GAAS,IAC9C,CACJ,EACA,CAAC,MAAM,IAAI,CAAC,IAAI,IAAI,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,kBAAW,IACnD,EAEL,IAAI,IAAI,CAAC,KAAK,IAAI,CACjB,2BACY,sBAAsB,EAChC,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,aAAa,CAAC,OAAO,CAAC,CACvB,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG,EAAgB,EAAE,CAAC,CAC9C,KAAC,QAAQ,IAEP,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAChD,MAAM,EAAE,GAAG,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAP3B,GAAG,CAQR,CACH,CAAC,GACE,CACP,EAEA,IAAI,IAAI,CAAC,KAAK,IAAI,CACjB,eAAK,SAAS,EAAC,kDAAkD,aAC/D,eAAM,SAAS,EAAC,gCAAgC,wBAAe,EAC/D,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,YAAG,YAAY,GAAS,EAC9C,CAAC,MAAM,IAAI,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,kBAAW,IAC1C,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAIH,SAAS,OAAO,CAAC,KAAgB;IAC/B,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IAClC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,OAAO,CAAC;IACzC,MAAM,CAAC,GAAG,OAAO,KAAK,CAAC;IACvB,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,SAAS;QAAE,OAAO,CAAC,CAAC;IAClE,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,IAAI,EACJ,OAAO,GAIR;IACC,OAAO,CACL,8BACE,4BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,YAEjD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAChB,EACP,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,wBAAiB,IACvC,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,OAAO,GAIR;IACC,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,CACL,4BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,qBAGzC,CACR,CAAC;IACJ,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,CACL,4BACY,oBAAoB,EAC9B,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,YAEjC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GACjB,CACR,CAAC;IACJ,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,CACL,4BACY,oBAAoB,EAC9B,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,YAEjC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAC1D,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,4BACY,qBAAqB,EAC/B,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,YAElC,MAAM,CAAC,KAAK,CAAC,GACT,CACR,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,EACb,OAAO,EACP,QAAQ,GAIT;IACC,OAAO,CACL,oCAAkB,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,YAChD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,OAA0B;IAC7C,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,cAAc,CAAC;QACxB,KAAK,UAAU;YACb,OAAO,iBAAiB,CAAC;QAC3B;YACE,OAAO,iBAAiB,CAAC;IAC7B,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,OAA0B;IAChD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,kBAAkB,CAAC;QAC5B,KAAK,UAAU;YACb,OAAO,oBAAoB,CAAC;QAC9B;YACE,OAAO,wCAAwC,CAAC;IACpD,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,OAA0B;IAChD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,gBAAgB,CAAC;QAC1B,KAAK,UAAU;YACb,OAAO,oBAAoB,CAAC;QAC9B;YACE,OAAO,oCAAoC,CAAC;IAChD,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAC,OAA0B;IACjD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,iBAAiB,CAAC;QAC3B,KAAK,UAAU;YACb,OAAO,oBAAoB,CAAC;QAC9B;YACE,OAAO,sCAAsC,CAAC;IAClD,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,OAA0B;IAC9C,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,eAAe,CAAC;QACzB,KAAK,UAAU;YACb,OAAO,oBAAoB,CAAC;QAC9B;YACE,OAAO,uBAAuB,CAAC;IACnC,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,OAA0B;IAC/C,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,eAAe,CAAC;QACzB,KAAK,UAAU;YACb,OAAO,oBAAoB,CAAC;QAC9B;YACE,OAAO,uBAAuB,CAAC;IACnC,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,OAA0B;IAC/C,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,eAAe,CAAC;QACzB,KAAK,UAAU;YACb,OAAO,oBAAoB,CAAC;QAC9B;YACE,OAAO,uBAAuB,CAAC;IACnC,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,OAA0B;IAC/C,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,iBAAiB,CAAC;QAC3B,KAAK,UAAU;YACb,OAAO,sBAAsB,CAAC;QAChC;YACE,OAAO,eAAe,CAAC;IAC3B,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAAgB,EAAE,MAAc;IACrD,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAC7C,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,GAClB,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.44.2",
+  "version": "0.46.1",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",
@@ -49,24 +49,21 @@
   },
   "devDependencies": {
     "semver": "7.7.2",
-    "@storybook/addon-essentials": "8.6.17",
-    "@storybook/addon-webpack5-compiler-swc": "3.0.0",
-    "@storybook/blocks": "8.6.15",
-    "@storybook/preview-api": "8.6.17",
-    "@storybook/react": "8.6.17",
-    "@storybook/react-webpack5": "8.6.17",
-    "@storybook/test": "8.6.17",
+    "@storybook/addon-docs": "10.4.0",
+    "@storybook/addon-webpack5-compiler-swc": "4.0.3",
+    "@storybook/react": "10.4.0",
+    "@storybook/react-webpack5": "10.4.0",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "autoprefixer": "10.4.21",
     "base64url": "3.0.1",
     "buffer": "6.0.3",
     "bun-types": "1.3.11",
-    "eslint-plugin-storybook": "0.12.0",
+    "eslint-plugin-storybook": "10.4.0",
     "ignore-loader": "0.1.2",
     "postcss": "8.5.12",
     "postcss-loader": "8.1.1",
-    "storybook": "8.6.17",
+    "storybook": "10.4.0",
     "tailwindcss": "3.4.17",
     "tsc-alias": "1.8.16",
     "typescript": "5.9.3",