@schemavaults/ui 0.79.3 → 0.80.0

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

@@ -148,6 +148,8 @@ export * from "./number-input";
 export type * from "./number-input";
 export * from "./code-block";
 export type * from "./code-block";
+export * from "./snippet";
+export type * from "./snippet";
 export * from "./secret-reveal";
 export type * from "./secret-reveal";
 export * from "./json-viewer";

package/dist/components/ui/index.js

@@ -73,6 +73,7 @@ export * from "./timeline";
 export * from "./rating";
 export * from "./number-input";
 export * from "./code-block";
+export * from "./snippet";
 export * from "./secret-reveal";
 export * from "./json-viewer";
 export * from "./diff-viewer";

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/snippet/index.d.ts

@@ -0,0 +1,4 @@
+export { Snippet, Snippet as default, snippetVariants, } from "./snippet";
+export type { SnippetProps } from "./snippet";
+export { snippetSizeIds, snippetSymbolGlyphs, snippetSymbolIds, snippetVariantIds, } from "./snippet-variants";
+export type { SnippetSize, SnippetSymbol, SnippetVariant, } from "./snippet-variants";

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

@@ -0,0 +1,3 @@
+export { Snippet, Snippet as default, snippetVariants, } from "./snippet";
+export { snippetSizeIds, snippetSymbolGlyphs, snippetSymbolIds, snippetVariantIds, } from "./snippet-variants";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/snippet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,OAAO,IAAI,OAAO,EAClB,eAAe,GAChB,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,26 @@
+export declare const snippetVariantIds: readonly ["default", "terminal", "subtle", "contrast", "brand"];
+export type SnippetVariant = (typeof snippetVariantIds)[number];
+export declare const snippetSizeIds: readonly ["sm", "md", "lg"];
+export type SnippetSize = (typeof snippetSizeIds)[number];
+/**
+ * Built-in symbol presets that render before the snippet value. Useful for
+ * conveying the context of a single-line command (e.g. a shell prompt or a
+ * package-manager binary name).
+ */
+export declare const snippetSymbolIds: readonly ["dollar", "angle", "percent", "hash", "npm", "bun", "pnpm", "yarn", "git", "python", "node", "psql", "sql"];
+export type SnippetSymbol = (typeof snippetSymbolIds)[number];
+export declare const snippetSymbolGlyphs: {
+    readonly dollar: "$";
+    readonly angle: ">";
+    readonly percent: "%";
+    readonly hash: "#";
+    readonly npm: "npm";
+    readonly bun: "bun";
+    readonly pnpm: "pnpm";
+    readonly yarn: "yarn";
+    readonly git: "git";
+    readonly python: ">>>";
+    readonly node: "node";
+    readonly psql: "=#";
+    readonly sql: "SQL>";
+};

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

@@ -0,0 +1,44 @@
+export const snippetVariantIds = [
+    "default",
+    "terminal",
+    "subtle",
+    "contrast",
+    "brand",
+];
+export const snippetSizeIds = ["sm", "md", "lg"];
+/**
+ * Built-in symbol presets that render before the snippet value. Useful for
+ * conveying the context of a single-line command (e.g. a shell prompt or a
+ * package-manager binary name).
+ */
+export const snippetSymbolIds = [
+    "dollar",
+    "angle",
+    "percent",
+    "hash",
+    "npm",
+    "bun",
+    "pnpm",
+    "yarn",
+    "git",
+    "python",
+    "node",
+    "psql",
+    "sql",
+];
+export const snippetSymbolGlyphs = {
+    dollar: "$",
+    angle: ">",
+    percent: "%",
+    hash: "#",
+    npm: "npm",
+    bun: "bun",
+    pnpm: "pnpm",
+    yarn: "yarn",
+    git: "git",
+    python: ">>>",
+    node: "node",
+    psql: "=#",
+    sql: "SQL>",
+};
+//# sourceMappingURL=snippet-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snippet-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/snippet/snippet-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,SAAS;IACT,UAAU;IACV,QAAQ;IACR,UAAU;IACV,OAAO;CAC6B,CAAC;AAGvC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAsC,CAAC;AAGtF;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,QAAQ;IACR,OAAO;IACP,SAAS;IACT,MAAM;IACN,KAAK;IACL,KAAK;IACL,MAAM;IACN,MAAM;IACN,KAAK;IACL,QAAQ;IACR,MAAM;IACN,MAAM;IACN,KAAK;CAC+B,CAAC;AAGvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;IACZ,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,MAAM;CACqC,CAAC"}

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

@@ -0,0 +1,44 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes, type ReactElement, type Ref } from "react";
+import { snippetSizeIds, snippetSymbolGlyphs, snippetSymbolIds, snippetVariantIds, type SnippetSize, type SnippetSymbol, type SnippetVariant } from "./snippet-variants";
+declare const snippetContainerVariants: (props?: ({
+    variant?: "default" | "subtle" | "terminal" | "brand" | "contrast" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SnippetProps extends Omit<HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof snippetContainerVariants> {
+    /**
+     * The command or single-line value to display. This is also what gets copied
+     * to the clipboard unless `copyValue` is provided.
+     */
+    value: string;
+    /**
+     * Override the value that gets copied to the clipboard. Use this when the
+     * visible value differs from what should actually land on the clipboard
+     * (e.g. show `npm install foo` but copy `npm install foo --save-exact`).
+     */
+    copyValue?: string;
+    /**
+     * Prefix symbol shown before the value. Pass one of the built-in IDs
+     * (e.g. `"dollar"`, `"bun"`, `"git"`) or an arbitrary string to render a
+     * custom prompt. Pass `false` to hide the prefix entirely. Defaults to
+     * `"dollar"` (`"$"`).
+     */
+    symbol?: SnippetSymbol | (string & {}) | boolean;
+    /**
+     * Hide the built-in copy button. Defaults to `false`.
+     */
+    hideCopyButton?: boolean;
+    /**
+     * Accessible label for the copy button. Defaults to
+     * `"Copy snippet to clipboard"`.
+     */
+    copyAriaLabel?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function Snippet({ value, copyValue, symbol, variant, size, hideCopyButton, copyAriaLabel, className, ref, ...props }: SnippetProps): ReactElement;
+declare namespace Snippet {
+    var displayName: string;
+}
+export { Snippet, snippetContainerVariants as snippetVariants, snippetSizeIds, snippetSymbolGlyphs, snippetSymbolIds, snippetVariantIds, };
+export type { SnippetSize, SnippetSymbol, SnippetVariant };
+export default Snippet;

package/dist/components/ui/snippet/snippet.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+import { CopyButton } from "../../ui/copy-button";
+import { snippetSizeIds, snippetSymbolGlyphs, snippetSymbolIds, snippetVariantIds, } from "./snippet-variants";
+const snippetContainerVariants = cva("group/snippet inline-flex w-full max-w-full items-center overflow-hidden rounded-md border font-mono transition-colors", {
+    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",
+            brand: "border-schemavaults-brand-blue/30 bg-schemavaults-brand-blue/10 text-foreground",
+        },
+        size: {
+            sm: "h-7 gap-1.5 pl-2 pr-1 text-xs",
+            md: "h-9 gap-2 pl-3 pr-1.5 text-sm",
+            lg: "h-11 gap-2.5 pl-4 pr-2 text-base",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+const snippetSymbolVariants = cva("select-none font-mono leading-none", {
+    variants: {
+        variant: {
+            default: "text-muted-foreground",
+            terminal: "text-emerald-400",
+            subtle: "text-muted-foreground/80",
+            contrast: "text-background/60",
+            brand: "text-schemavaults-brand-blue",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const snippetCopyButtonSizeByContainer = {
+    sm: "icon-sm",
+    md: "icon-sm",
+    lg: "icon-md",
+};
+function resolveSymbolText(symbol) {
+    if (symbol === undefined || symbol === null)
+        return snippetSymbolGlyphs.dollar;
+    if (symbol === false)
+        return null;
+    if (symbol === true)
+        return snippetSymbolGlyphs.dollar;
+    if (snippetSymbolIds.includes(symbol)) {
+        return snippetSymbolGlyphs[symbol];
+    }
+    return symbol;
+}
+function Snippet({ value, copyValue, symbol, variant, size, hideCopyButton = false, copyAriaLabel = "Copy snippet to clipboard", className, ref, ...props }) {
+    const symbolText = resolveSymbolText(symbol);
+    const effectiveCopyValue = copyValue ?? value;
+    const resolvedVariant = variant ?? "default";
+    const resolvedSize = size ?? "md";
+    const copyButtonSize = snippetCopyButtonSizeByContainer[resolvedSize];
+    return (_jsxs("div", { ref: ref, "data-slot": "snippet", "data-variant": resolvedVariant, "data-size": resolvedSize, className: cn(snippetContainerVariants({ variant, size }), className), ...props, children: [symbolText !== null ? (_jsx("span", { "aria-hidden": "true", "data-slot": "snippet-symbol", className: snippetSymbolVariants({ variant }), children: symbolText })) : null, _jsx("span", { "data-slot": "snippet-value", className: "min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap leading-none", title: value, children: value }), hideCopyButton ? null : (_jsx(CopyButton, { "data-slot": "snippet-copy-button", value: effectiveCopyValue, size: copyButtonSize, variant: "ghost", ariaLabel: copyAriaLabel, className: "shrink-0" }))] }));
+}
+Snippet.displayName = "Snippet";
+export { Snippet, snippetContainerVariants as snippetVariants, snippetSizeIds, snippetSymbolGlyphs, snippetSymbolIds, snippetVariantIds, };
+export default Snippet;
+//# sourceMappingURL=snippet.js.map

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

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

package/dist/components/ui/tabs/Tabs.d.ts

@@ -3,20 +3,20 @@ import type { ReactElement } from "react";
 declare const Tabs: import("react").ForwardRefExoticComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
 export interface TabsListProps extends TabsPrimitive.TabsListProps {
 }
-declare function TabsList(props: TabsListProps): ReactElement;
+declare function TabsList({ className, ...props }: TabsListProps): ReactElement;
 declare namespace TabsList {
     var displayName: string | undefined;
 }
 export interface TabsTriggerProps extends TabsPrimitive.TabsTriggerProps {
     className?: string;
 }
-declare function TabsTrigger(props: TabsTriggerProps): ReactElement;
+declare function TabsTrigger({ className, ...props }: TabsTriggerProps): ReactElement;
 declare namespace TabsTrigger {
     var displayName: string | undefined;
 }
 export interface TabsContentProps extends TabsPrimitive.TabsContentProps {
 }
-declare function TabsContent(props: TabsContentProps): ReactElement;
+declare function TabsContent({ className, ...props }: TabsContentProps): ReactElement;
 declare namespace TabsContent {
     var displayName: string | undefined;
 }

package/dist/components/ui/tabs/Tabs.js

@@ -3,16 +3,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { cn } from "../../../lib/utils";
 const Tabs = TabsPrimitive.Root;
-function TabsList(props) {
-    return (_jsx(TabsPrimitive.List, { className: cn("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground", props.className), ...props }));
+function TabsList({ className, ...props }) {
+    return (_jsx(TabsPrimitive.List, { className: cn("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground", className), ...props }));
 }
 TabsList.displayName = TabsPrimitive.List.displayName;
-function TabsTrigger(props) {
-    return (_jsx(TabsPrimitive.Trigger, { className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow", props.className), ...props }));
+function TabsTrigger({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Trigger, { className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow", className), ...props }));
 }
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-function TabsContent(props) {
-    return (_jsx(TabsPrimitive.Content, { className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", props.className), ...props }));
+function TabsContent({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Content, { className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props }));
 }
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAIhC,SAAS,QAAQ,CAAC,KAAoB;IACpC,OAAO,CACL,KAAC,aAAa,CAAC,IAAI,IACjB,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,KAAK,CAAC,SAAS,CAChB,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AACD,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAMtD,SAAS,WAAW,CAAC,KAAuB;IAC1C,OAAO,CACL,KAAC,aAAa,CAAC,OAAO,IACpB,SAAS,EAAE,EAAE,CACX,gYAAgY,EAChY,KAAK,CAAC,SAAS,CAChB,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAI5D,SAAS,WAAW,CAAC,KAAuB;IAC1C,OAAO,CACL,KAAC,aAAa,CAAC,OAAO,IACpB,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,KAAK,CAAC,SAAS,CAChB,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAIhC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IACtD,OAAO,CACL,KAAC,aAAa,CAAC,IAAI,IACjB,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AACD,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAMtD,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5D,OAAO,CACL,KAAC,aAAa,CAAC,OAAO,IACpB,SAAS,EAAE,EAAE,CACX,gYAAgY,EAChY,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAI5D,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5D,OAAO,CACL,KAAC,aAAa,CAAC,OAAO,IACpB,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

package/package.json

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