@schemavaults/ui 0.72.3 → 0.74.0

package/dist/components/ui/browser-frame/browser-frame.d.ts

@@ -0,0 +1,101 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref } from "react";
+export declare const browserFrameVariantIds: ["macos", "windows", "minimal"];
+export type BrowserFrameVariantId = (typeof browserFrameVariantIds)[number];
+export declare const browserFrameSizeIds: ["sm", "md", "lg"];
+export type BrowserFrameSizeId = (typeof browserFrameSizeIds)[number];
+declare const browserFrameVariants: (props?: ({
+    variant?: "minimal" | "macos" | "windows" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BrowserFrameProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof browserFrameVariants> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function BrowserFrame({ className, variant, size, ref, ...props }: BrowserFrameProps): ReactElement;
+declare namespace BrowserFrame {
+    var displayName: string;
+}
+declare const browserFrameHeaderVariants: (props?: ({
+    variant?: "minimal" | "macos" | "windows" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BrowserFrameHeaderProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof browserFrameHeaderVariants> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function BrowserFrameHeader({ className, variant, size, ref, ...props }: BrowserFrameHeaderProps): ReactElement;
+declare namespace BrowserFrameHeader {
+    var displayName: string;
+}
+export interface BrowserFrameControlsProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: BrowserFrameVariantId;
+    /**
+     * Disable the visual difference between hover/idle dots. When true,
+     * the controls render as non-interactive decorations only.
+     */
+    decorative?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function BrowserFrameControls({ className, variant, decorative, ref, ...props }: BrowserFrameControlsProps): ReactElement;
+declare namespace BrowserFrameControls {
+    var displayName: string;
+}
+export interface BrowserFrameNavButtonsProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function BrowserFrameNavButtons({ className, ref, ...props }: BrowserFrameNavButtonsProps): ReactElement;
+declare namespace BrowserFrameNavButtons {
+    var displayName: string;
+}
+export interface BrowserFrameAddressBarProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /**
+     * Optional icon (e.g. a lock/globe) rendered at the start of the bar.
+     * Defaults to a lock icon for HTTPS-looking URLs, globe otherwise.
+     */
+    leadingIcon?: ReactNode;
+    /**
+     * Optional element rendered at the end (e.g. star, share).
+     */
+    trailingIcon?: ReactNode;
+    /**
+     * When true, the bar is rendered as a static label rather than an input.
+     * This is the default — most usages are decorative.
+     */
+    readOnly?: boolean;
+    ref?: Ref<HTMLInputElement>;
+}
+declare function BrowserFrameAddressBar({ className, value, defaultValue, leadingIcon, trailingIcon, readOnly, ref, ...props }: BrowserFrameAddressBarProps): ReactElement;
+declare namespace BrowserFrameAddressBar {
+    var displayName: string;
+}
+export interface BrowserFrameTabsProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function BrowserFrameTabs({ className, ref, ...props }: BrowserFrameTabsProps): ReactElement;
+declare namespace BrowserFrameTabs {
+    var displayName: string;
+}
+export interface BrowserFrameTabProps extends HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+    /** Optional favicon node (image, emoji, or svg). */
+    favicon?: ReactNode;
+    /** When true, shows a close affordance on hover. */
+    closable?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function BrowserFrameTab({ className, active, favicon, closable, children, ref, ...props }: BrowserFrameTabProps): ReactElement;
+declare namespace BrowserFrameTab {
+    var displayName: string;
+}
+export interface BrowserFrameContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * When provided, the content area is rendered with a fixed aspect ratio,
+     * useful for screenshot embeds. Expressed as `width / height`.
+     */
+    aspectRatio?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function BrowserFrameContent({ className, style, aspectRatio, ref, ...props }: BrowserFrameContentProps): ReactElement;
+declare namespace BrowserFrameContent {
+    var displayName: string;
+}
+export { BrowserFrame, BrowserFrameHeader, BrowserFrameControls, BrowserFrameNavButtons, BrowserFrameAddressBar, BrowserFrameTabs, BrowserFrameTab, BrowserFrameContent, browserFrameVariants, browserFrameHeaderVariants, };

package/dist/components/ui/browser-frame/browser-frame.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+export const browserFrameVariantIds = [
+    "macos",
+    "windows",
+    "minimal",
+];
+export const browserFrameSizeIds = [
+    "sm",
+    "md",
+    "lg",
+];
+const browserFrameVariants = cva("flex w-full flex-col overflow-hidden border bg-card text-card-foreground shadow-lg", {
+    variants: {
+        variant: {
+            macos: "rounded-xl border-border",
+            windows: "rounded-md border-border",
+            minimal: "rounded-lg border-border",
+        },
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base",
+        },
+    },
+    defaultVariants: {
+        variant: "macos",
+        size: "md",
+    },
+});
+function BrowserFrame({ className, variant, size, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "browser-frame", "data-variant": variant ?? "macos", "data-size": size ?? "md", className: cn(browserFrameVariants({ variant, size }), className), ...props }));
+}
+BrowserFrame.displayName = "BrowserFrame";
+const browserFrameHeaderVariants = cva("flex items-center gap-3 border-b bg-muted/60 backdrop-blur-sm", {
+    variants: {
+        variant: {
+            macos: "border-border px-3 py-2.5",
+            windows: "border-border px-2 py-1.5",
+            minimal: "border-border px-3 py-2",
+        },
+        size: {
+            sm: "min-h-8",
+            md: "min-h-10",
+            lg: "min-h-12",
+        },
+    },
+    defaultVariants: {
+        variant: "macos",
+        size: "md",
+    },
+});
+function BrowserFrameHeader({ className, variant, size, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "browser-frame-header", className: cn(browserFrameHeaderVariants({ variant, size }), className), ...props }));
+}
+BrowserFrameHeader.displayName = "BrowserFrameHeader";
+const macosControlColors = [
+    {
+        label: "Close",
+        className: "bg-[#ff5f57] border-[#e0443e]",
+    },
+    {
+        label: "Minimize",
+        className: "bg-[#febc2e] border-[#dea123]",
+    },
+    {
+        label: "Maximize",
+        className: "bg-[#28c840] border-[#1aab29]",
+    },
+];
+function BrowserFrameControls({ className, variant = "macos", decorative = true, ref, ...props }) {
+    if (variant === "minimal") {
+        return (_jsx("div", { ref: ref, "data-slot": "browser-frame-controls", className: cn("flex items-center", className), "aria-hidden": decorative ? "true" : undefined, ...props }));
+    }
+    if (variant === "windows") {
+        return (_jsxs("div", { ref: ref, "data-slot": "browser-frame-controls", "data-variant": "windows", className: cn("ml-auto flex items-center gap-0 text-muted-foreground", className), "aria-hidden": decorative ? "true" : undefined, ...props, children: [_jsx("span", { className: "flex h-6 w-9 items-center justify-center hover:bg-muted", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M0 5h10", stroke: "currentColor", strokeWidth: "1" }) }) }), _jsx("span", { className: "flex h-6 w-9 items-center justify-center hover:bg-muted", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: _jsx("rect", { x: "0.5", y: "0.5", width: "9", height: "9", stroke: "currentColor", strokeWidth: "1", fill: "none" }) }) }), _jsx("span", { className: "flex h-6 w-9 items-center justify-center hover:bg-destructive hover:text-white", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M0 0L10 10M10 0L0 10", stroke: "currentColor", strokeWidth: "1" }) }) })] }));
+    }
+    return (_jsx("div", { ref: ref, "data-slot": "browser-frame-controls", "data-variant": "macos", className: cn("flex items-center gap-1.5", className), "aria-hidden": decorative ? "true" : undefined, ...props, children: macosControlColors.map((control) => (_jsx("span", { "aria-label": decorative ? undefined : control.label, className: cn("block size-3 rounded-full border", control.className) }, control.label))) }));
+}
+BrowserFrameControls.displayName = "BrowserFrameControls";
+function BrowserFrameNavButtons({ className, ref, ...props }) {
+    return (_jsxs("div", { ref: ref, "data-slot": "browser-frame-nav-buttons", className: cn("flex items-center gap-1 text-muted-foreground", className), "aria-hidden": "true", ...props, children: [_jsx("button", { type: "button", tabIndex: -1, disabled: true, className: "flex size-6 items-center justify-center rounded-md hover:bg-muted disabled:opacity-50", "aria-label": "Back", children: _jsx("svg", { viewBox: "0 0 16 16", className: "size-3.5", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("button", { type: "button", tabIndex: -1, disabled: true, className: "flex size-6 items-center justify-center rounded-md hover:bg-muted disabled:opacity-50", "aria-label": "Forward", children: _jsx("svg", { viewBox: "0 0 16 16", className: "size-3.5", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M6 4L10 8L6 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("button", { type: "button", tabIndex: -1, className: "flex size-6 items-center justify-center rounded-md hover:bg-muted", "aria-label": "Reload", children: _jsx("svg", { viewBox: "0 0 16 16", className: "size-3.5", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M13 8a5 5 0 1 1-1.46-3.54M13 3v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }));
+}
+BrowserFrameNavButtons.displayName = "BrowserFrameNavButtons";
+function defaultLeadingIcon(value) {
+    const url = typeof value === "string" ? value : "";
+    const isSecure = url.startsWith("https://") || url === "";
+    if (isSecure) {
+        return (_jsxs("svg", { viewBox: "0 0 16 16", className: "size-3.5", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "7", width: "10", height: "7", rx: "1", stroke: "currentColor", strokeWidth: "1.25" }), _jsx("path", { d: "M5 7V5a3 3 0 1 1 6 0v2", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round" })] }));
+    }
+    return (_jsxs("svg", { viewBox: "0 0 16 16", className: "size-3.5", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "8", r: "5.5", stroke: "currentColor", strokeWidth: "1.25" }), _jsx("path", { d: "M2.5 8h11M8 2.5c1.5 1.5 2.5 3.5 2.5 5.5s-1 4-2.5 5.5M8 2.5C6.5 4 5.5 6 5.5 8s1 4 2.5 5.5", stroke: "currentColor", strokeWidth: "1.25" })] }));
+}
+function BrowserFrameAddressBar({ className, value, defaultValue, leadingIcon, trailingIcon, readOnly = true, ref, ...props }) {
+    const resolvedLeadingIcon = leadingIcon ?? defaultLeadingIcon(value ?? defaultValue);
+    return (_jsxs("div", { "data-slot": "browser-frame-address-bar", className: cn("flex min-w-0 flex-1 items-center gap-2 rounded-md border border-border/60 bg-background px-3 py-1 text-muted-foreground", "focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/30", className), children: [resolvedLeadingIcon ? (_jsx("span", { className: "flex shrink-0 items-center", children: resolvedLeadingIcon })) : null, _jsx("input", { ref: ref, type: "text", value: value, defaultValue: defaultValue, readOnly: readOnly, className: cn("min-w-0 flex-1 truncate bg-transparent text-foreground/80 outline-none placeholder:text-muted-foreground", "selection:bg-primary/20", readOnly && "cursor-default"), ...props }), trailingIcon ? (_jsx("span", { className: "flex shrink-0 items-center", children: trailingIcon })) : null] }));
+}
+BrowserFrameAddressBar.displayName = "BrowserFrameAddressBar";
+function BrowserFrameTabs({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, role: "tablist", "data-slot": "browser-frame-tabs", className: cn("flex items-end gap-0.5 border-b border-border bg-muted/40 px-2 pt-1.5", className), ...props }));
+}
+BrowserFrameTabs.displayName = "BrowserFrameTabs";
+function BrowserFrameTab({ className, active = false, favicon, closable = false, children, ref, ...props }) {
+    return (_jsxs("div", { ref: ref, role: "tab", "aria-selected": active, "data-active": active, "data-slot": "browser-frame-tab", className: cn("group flex max-w-[14rem] items-center gap-2 rounded-t-md border border-b-0 px-3 py-1.5 text-xs", active
+            ? "border-border bg-background text-foreground"
+            : "border-transparent bg-transparent text-muted-foreground hover:bg-background/40", className), ...props, children: [favicon ? (_jsx("span", { className: "flex size-3.5 shrink-0 items-center justify-center", children: favicon })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate", children: children }), closable ? (_jsx("button", { type: "button", tabIndex: -1, "aria-label": "Close tab", className: cn("flex size-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-muted", active ? "opacity-70" : "opacity-0 group-hover:opacity-70"), children: _jsx("svg", { viewBox: "0 0 10 10", className: "size-2.5", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M1 1L9 9M9 1L1 9", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round" }) }) })) : null] }));
+}
+BrowserFrameTab.displayName = "BrowserFrameTab";
+function BrowserFrameContent({ className, style, aspectRatio, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "browser-frame-content", style: aspectRatio ? { aspectRatio, ...style } : style, className: cn("relative flex-1 overflow-hidden bg-background text-foreground", className), ...props }));
+}
+BrowserFrameContent.displayName = "BrowserFrameContent";
+export { BrowserFrame, BrowserFrameHeader, BrowserFrameControls, BrowserFrameNavButtons, BrowserFrameAddressBar, BrowserFrameTabs, BrowserFrameTab, BrowserFrameContent, browserFrameVariants, browserFrameHeaderVariants, };
+//# sourceMappingURL=browser-frame.js.map

package/dist/components/ui/browser-frame/browser-frame.js.map

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

package/dist/components/ui/browser-frame/index.d.ts

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

package/dist/components/ui/browser-frame/index.js

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

package/dist/components/ui/browser-frame/index.js.map

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

package/dist/components/ui/http-method-badge/http-method-badge-variants.d.ts

@@ -0,0 +1,6 @@
+export declare const httpMethodIds: readonly ["GET", "POST", "PUT", "PATCH", "DELETE", "OPTIONS", "HEAD", "TRACE", "CONNECT"];
+export type HttpMethod = (typeof httpMethodIds)[number];
+export declare const httpMethodBadgeAppearanceIds: readonly ["solid", "soft", "outline"];
+export type HttpMethodBadgeAppearance = (typeof httpMethodBadgeAppearanceIds)[number];
+export declare const httpMethodBadgeSizeIds: readonly ["sm", "md", "lg"];
+export type HttpMethodBadgeSize = (typeof httpMethodBadgeSizeIds)[number];

package/dist/components/ui/http-method-badge/http-method-badge-variants.js

@@ -0,0 +1,22 @@
+export const httpMethodIds = [
+    "GET",
+    "POST",
+    "PUT",
+    "PATCH",
+    "DELETE",
+    "OPTIONS",
+    "HEAD",
+    "TRACE",
+    "CONNECT",
+];
+export const httpMethodBadgeAppearanceIds = [
+    "solid",
+    "soft",
+    "outline",
+];
+export const httpMethodBadgeSizeIds = [
+    "sm",
+    "md",
+    "lg",
+];
+//# sourceMappingURL=http-method-badge-variants.js.map

package/dist/components/ui/http-method-badge/http-method-badge-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"http-method-badge-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/http-method-badge/http-method-badge-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK;IACL,MAAM;IACN,KAAK;IACL,OAAO;IACP,QAAQ;IACR,SAAS;IACT,MAAM;IACN,OAAO;IACP,SAAS;CAC2B,CAAC;AAGvC,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,OAAO;IACP,MAAM;IACN,SAAS;CAC2B,CAAC;AAIvC,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,IAAI;IACJ,IAAI;IACJ,IAAI;CACgC,CAAC"}

package/dist/components/ui/http-method-badge/http-method-badge.d.ts

@@ -0,0 +1,37 @@
+import { type VariantProps } from "class-variance-authority";
+import type { ComponentProps, ReactElement, Ref } from "react";
+import { httpMethodBadgeAppearanceIds, httpMethodBadgeSizeIds, httpMethodIds, type HttpMethod, type HttpMethodBadgeAppearance, type HttpMethodBadgeSize } from "./http-method-badge-variants";
+/**
+ * Color palette per HTTP method. Each method maps to its own semantic colour
+ * across the three appearance modes (solid / soft / outline). Theme tokens
+ * (`primary`, `destructive`, `warning`, `muted`) are preferred where the
+ * semantics line up; the remaining methods use Tailwind colour primitives so
+ * they still adapt to light/dark mode.
+ */
+declare const httpMethodColors: Record<HttpMethod, Record<HttpMethodBadgeAppearance, string>>;
+declare const httpMethodBadgeVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+    width?: "auto" | "fixed" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type CvaRootProps = VariantProps<typeof httpMethodBadgeVariants>;
+export interface HttpMethodBadgeProps extends Omit<ComponentProps<"span">, "children">, Omit<CvaRootProps, "width"> {
+    /** HTTP method to render. Case-insensitive — always rendered upper-case. */
+    method: HttpMethod | Lowercase<HttpMethod>;
+    /** Colour intensity. `soft` (default) is best for dense lists; `solid` for emphasis. */
+    appearance?: HttpMethodBadgeAppearance;
+    /**
+     * When `fixed`, the badge takes a constant width so methods stack neatly
+     * in endpoint lists. Defaults to `auto`.
+     */
+    width?: "auto" | "fixed";
+    /** Override the label rendered inside the badge. Defaults to the method name. */
+    label?: string;
+    ref?: Ref<HTMLSpanElement>;
+}
+declare function HttpMethodBadge({ className, method, appearance, size, width, label, ref, ...props }: HttpMethodBadgeProps): ReactElement;
+declare namespace HttpMethodBadge {
+    var displayName: string;
+}
+export { HttpMethodBadge, httpMethodBadgeVariants, httpMethodColors, httpMethodIds, httpMethodBadgeAppearanceIds, httpMethodBadgeSizeIds, };
+export type { HttpMethod, HttpMethodBadgeAppearance, HttpMethodBadgeSize };
+export default HttpMethodBadge;

package/dist/components/ui/http-method-badge/http-method-badge.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+import { httpMethodBadgeAppearanceIds, httpMethodBadgeSizeIds, httpMethodIds, } from "./http-method-badge-variants";
+/**
+ * Color palette per HTTP method. Each method maps to its own semantic colour
+ * across the three appearance modes (solid / soft / outline). Theme tokens
+ * (`primary`, `destructive`, `warning`, `muted`) are preferred where the
+ * semantics line up; the remaining methods use Tailwind colour primitives so
+ * they still adapt to light/dark mode.
+ */
+const httpMethodColors = {
+    GET: {
+        solid: "bg-sky-600 text-white border-sky-600 dark:bg-sky-500 dark:border-sky-500",
+        soft: "bg-sky-500/15 text-sky-700 border-sky-500/30 dark:text-sky-300 dark:bg-sky-500/20",
+        outline: "bg-transparent text-sky-700 border-sky-500/50 dark:text-sky-300 dark:border-sky-400/60",
+    },
+    POST: {
+        solid: "bg-emerald-600 text-white border-emerald-600 dark:bg-emerald-500 dark:border-emerald-500",
+        soft: "bg-emerald-500/15 text-emerald-700 border-emerald-500/30 dark:text-emerald-300 dark:bg-emerald-500/20",
+        outline: "bg-transparent text-emerald-700 border-emerald-500/50 dark:text-emerald-300 dark:border-emerald-400/60",
+    },
+    PUT: {
+        solid: "bg-warning text-warning-foreground border-warning",
+        soft: "bg-warning/15 text-warning-foreground border-warning/40 dark:bg-warning/20",
+        outline: "bg-transparent text-warning-foreground border-warning/50 dark:border-warning/70",
+    },
+    PATCH: {
+        solid: "bg-violet-600 text-white border-violet-600 dark:bg-violet-500 dark:border-violet-500",
+        soft: "bg-violet-500/15 text-violet-700 border-violet-500/30 dark:text-violet-300 dark:bg-violet-500/20",
+        outline: "bg-transparent text-violet-700 border-violet-500/50 dark:text-violet-300 dark:border-violet-400/60",
+    },
+    DELETE: {
+        solid: "bg-destructive text-white border-destructive",
+        soft: "bg-destructive/15 text-destructive border-destructive/30",
+        outline: "bg-transparent text-destructive border-destructive/50 dark:border-destructive/70",
+    },
+    OPTIONS: {
+        solid: "bg-foreground text-background border-foreground",
+        soft: "bg-muted text-muted-foreground border-border",
+        outline: "bg-transparent text-muted-foreground border-border",
+    },
+    HEAD: {
+        solid: "bg-slate-600 text-white border-slate-600 dark:bg-slate-500 dark:border-slate-500",
+        soft: "bg-slate-500/15 text-slate-700 border-slate-500/30 dark:text-slate-300 dark:bg-slate-500/20",
+        outline: "bg-transparent text-slate-700 border-slate-500/50 dark:text-slate-300 dark:border-slate-400/60",
+    },
+    TRACE: {
+        solid: "bg-zinc-600 text-white border-zinc-600 dark:bg-zinc-500 dark:border-zinc-500",
+        soft: "bg-zinc-500/15 text-zinc-700 border-zinc-500/30 dark:text-zinc-300 dark:bg-zinc-500/20",
+        outline: "bg-transparent text-zinc-700 border-zinc-500/50 dark:text-zinc-300 dark:border-zinc-400/60",
+    },
+    CONNECT: {
+        solid: "bg-stone-600 text-white border-stone-600 dark:bg-stone-500 dark:border-stone-500",
+        soft: "bg-stone-500/15 text-stone-700 border-stone-500/30 dark:text-stone-300 dark:bg-stone-500/20",
+        outline: "bg-transparent text-stone-700 border-stone-500/50 dark:text-stone-300 dark:border-stone-400/60",
+    },
+};
+const httpMethodBadgeVariants = cva("inline-flex items-center justify-center rounded-md border font-mono font-semibold uppercase tracking-wide whitespace-nowrap select-none align-middle transition-colors", {
+    variants: {
+        size: {
+            sm: "h-5 px-1.5 text-[10px] leading-none",
+            md: "h-6 px-2 text-xs leading-none",
+            lg: "h-7 px-2.5 text-sm leading-none",
+        },
+        width: {
+            auto: "",
+            // Fixed width keeps badges vertically aligned in endpoint lists. The
+            // widest method we render is "OPTIONS" / "CONNECT" (7 chars).
+            fixed: "",
+        },
+    },
+    compoundVariants: [
+        { size: "sm", width: "fixed", className: "w-[3.75rem]" },
+        { size: "md", width: "fixed", className: "w-[4.25rem]" },
+        { size: "lg", width: "fixed", className: "w-[5rem]" },
+    ],
+    defaultVariants: {
+        size: "md",
+        width: "auto",
+    },
+});
+function normalizeMethod(method) {
+    return method.toUpperCase();
+}
+function HttpMethodBadge({ className, method, appearance = "soft", size, width = "auto", label, ref, ...props }) {
+    const normalized = normalizeMethod(method);
+    const palette = httpMethodColors[normalized];
+    return (_jsx("span", { ref: ref, "data-slot": "http-method-badge", "data-method": normalized, "data-appearance": appearance, className: cn(httpMethodBadgeVariants({ size, width }), palette[appearance], className), ...props, children: label ?? normalized }));
+}
+HttpMethodBadge.displayName = "HttpMethodBadge";
+export { HttpMethodBadge, httpMethodBadgeVariants, httpMethodColors, httpMethodIds, httpMethodBadgeAppearanceIds, httpMethodBadgeSizeIds, };
+export default HttpMethodBadge;
+//# sourceMappingURL=http-method-badge.js.map

package/dist/components/ui/http-method-badge/http-method-badge.js.map

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

package/dist/components/ui/http-method-badge/index.d.ts

@@ -0,0 +1,4 @@
+export { HttpMethodBadge, HttpMethodBadge as default, httpMethodBadgeVariants, httpMethodColors, } from "./http-method-badge";
+export type { HttpMethodBadgeProps } from "./http-method-badge";
+export { httpMethodIds, httpMethodBadgeAppearanceIds, httpMethodBadgeSizeIds, } from "./http-method-badge-variants";
+export type { HttpMethod, HttpMethodBadgeAppearance, HttpMethodBadgeSize, } from "./http-method-badge-variants";

package/dist/components/ui/http-method-badge/index.js

@@ -0,0 +1,3 @@
+export { HttpMethodBadge, HttpMethodBadge as default, httpMethodBadgeVariants, httpMethodColors, } from "./http-method-badge";
+export { httpMethodIds, httpMethodBadgeAppearanceIds, httpMethodBadgeSizeIds, } from "./http-method-badge-variants";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/http-method-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/http-method-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,eAAe,IAAI,OAAO,EAC1B,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,aAAa,EACb,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,8BAA8B,CAAC"}

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

@@ -196,3 +196,7 @@ export * from "./time-picker";
 export type * from "./time-picker";
 export * from "./mark";
 export type * from "./mark";
+export * from "./http-method-badge";
+export type * from "./http-method-badge";
+export * from "./browser-frame";
+export type * from "./browser-frame";

package/dist/components/ui/index.js

@@ -97,4 +97,6 @@ export * from "./date-picker";
 export * from "./date-range-picker";
 export * from "./time-picker";
 export * from "./mark";
+export * from "./http-method-badge";
+export * from "./browser-frame";
 //# sourceMappingURL=index.js.map

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/package.json

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