@schemavaults/ui 0.73.0 → 0.75.0

package/dist/components/ui/description-list/description-list.d.ts

@@ -0,0 +1,66 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactElement, Ref } from "react";
+export declare const descriptionListLayoutIds: ["stacked", "inline", "grid", "responsive"];
+export type DescriptionListLayoutId = (typeof descriptionListLayoutIds)[number];
+export declare const descriptionListSizeIds: ["sm", "md", "lg"];
+export type DescriptionListSizeId = (typeof descriptionListSizeIds)[number];
+export declare const descriptionListVariantIds: ["default", "card", "muted"];
+export type DescriptionListVariantId = (typeof descriptionListVariantIds)[number];
+declare const descriptionListVariants: (props?: ({
+    variant?: "default" | "muted" | "card" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+    padded?: boolean | null | undefined;
+    divided?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement>, Omit<VariantProps<typeof descriptionListVariants>, "padded" | "divided"> {
+    /**
+     * Controls how each term/details pair is laid out.
+     * - `stacked`: dt above dd (default)
+     * - `inline`: dt and dd on the same row
+     * - `grid`: 1/3 + 2/3 grid columns on all sizes
+     * - `responsive`: stacked on mobile, grid on `sm:` and up
+     */
+    layout?: DescriptionListLayoutId;
+    /**
+     * Adds horizontal padding so the list sits nicely inside `card`/`muted`
+     * containers. Defaults to true when `variant` is `card` or `muted`.
+     */
+    padded?: boolean;
+    /** Add a thin divider between consecutive items. */
+    divided?: boolean;
+    ref?: Ref<HTMLDListElement>;
+}
+declare function DescriptionList({ className, variant, size, layout, padded, divided, ref, ...props }: DescriptionListProps): ReactElement;
+declare namespace DescriptionList {
+    var displayName: string;
+}
+declare const descriptionItemVariants: (props?: ({
+    layout?: "grid" | "inline" | "stacked" | "responsive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface DescriptionItemProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof descriptionItemVariants> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function DescriptionItem({ className, layout, ref, ...props }: DescriptionItemProps): ReactElement;
+declare namespace DescriptionItem {
+    var displayName: string;
+}
+export interface DescriptionTermProps extends HTMLAttributes<HTMLElement> {
+    ref?: Ref<HTMLElement>;
+}
+declare function DescriptionTerm({ className, ref, ...props }: DescriptionTermProps): ReactElement;
+declare namespace DescriptionTerm {
+    var displayName: string;
+}
+export interface DescriptionDetailsProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * When true, render a skeleton placeholder in place of the value. Useful for
+     * async data fetches where the term is known but the value is still loading.
+     */
+    loading?: boolean;
+    ref?: Ref<HTMLElement>;
+}
+declare function DescriptionDetails({ className, loading, children, ref, ...props }: DescriptionDetailsProps): ReactElement;
+declare namespace DescriptionDetails {
+    var displayName: string;
+}
+export { DescriptionList, DescriptionItem, DescriptionTerm, DescriptionDetails, descriptionListVariants, descriptionItemVariants, };

package/dist/components/ui/description-list/description-list.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+export const descriptionListLayoutIds = [
+    "stacked",
+    "inline",
+    "grid",
+    "responsive",
+];
+export const descriptionListSizeIds = ["sm", "md", "lg"];
+export const descriptionListVariantIds = [
+    "default",
+    "card",
+    "muted",
+];
+const descriptionListVariants = cva("w-full text-foreground", {
+    variants: {
+        variant: {
+            default: "",
+            card: "rounded-lg border border-border bg-card text-card-foreground shadow-sm",
+            muted: "rounded-lg bg-muted/40",
+        },
+        size: {
+            sm: "text-xs [&_dt]:text-xs [&_dd]:text-xs",
+            md: "text-sm [&_dt]:text-sm [&_dd]:text-sm",
+            lg: "text-base [&_dt]:text-base [&_dd]:text-base",
+        },
+        padded: {
+            true: "",
+            false: "",
+        },
+        divided: {
+            true: "[&>*+*]:border-t [&>*+*]:border-border",
+            false: "",
+        },
+    },
+    compoundVariants: [
+        { variant: "card", padded: true, class: "px-4 py-2" },
+        { variant: "muted", padded: true, class: "px-4 py-2" },
+        { variant: "default", padded: true, class: "py-1" },
+    ],
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+        padded: false,
+        divided: false,
+    },
+});
+function DescriptionList({ className, variant = "default", size = "md", layout = "stacked", padded, divided = false, ref, ...props }) {
+    const resolvedPadded = padded ?? (variant === "card" || variant === "muted");
+    return (_jsx("dl", { ref: ref, "data-slot": "description-list", "data-layout": layout, "data-variant": variant ?? "default", className: cn(descriptionListVariants({
+            variant,
+            size,
+            padded: resolvedPadded,
+            divided,
+        }), className), ...props }));
+}
+DescriptionList.displayName = "DescriptionList";
+const descriptionItemVariants = cva("", {
+    variants: {
+        layout: {
+            stacked: "flex flex-col gap-1 py-2",
+            inline: "flex flex-row items-baseline justify-between gap-4 py-2",
+            grid: "grid grid-cols-3 gap-4 py-2",
+            responsive: "flex flex-col gap-1 py-2 sm:grid sm:grid-cols-3 sm:gap-4",
+        },
+    },
+    defaultVariants: {
+        layout: "stacked",
+    },
+});
+function DescriptionItem({ className, layout, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "description-item", className: cn(descriptionItemVariants({ layout }), className), ...props }));
+}
+DescriptionItem.displayName = "DescriptionItem";
+function DescriptionTerm({ className, ref, ...props }) {
+    return (_jsx("dt", { ref: ref, "data-slot": "description-term", className: cn("font-medium text-muted-foreground leading-snug", className), ...props }));
+}
+DescriptionTerm.displayName = "DescriptionTerm";
+function DescriptionDetails({ className, loading = false, children, ref, ...props }) {
+    return (_jsx("dd", { ref: ref, "data-slot": "description-details", className: cn("text-foreground leading-snug sm:col-span-2", className), ...props, children: loading ? (_jsx(Skeleton, { "data-slot": "description-details-skeleton", className: "h-4 w-32" })) : (children) }));
+}
+DescriptionDetails.displayName = "DescriptionDetails";
+export { DescriptionList, DescriptionItem, DescriptionTerm, DescriptionDetails, descriptionListVariants, descriptionItemVariants, };
+//# sourceMappingURL=description-list.js.map

package/dist/components/ui/description-list/description-list.js.map

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

package/dist/components/ui/description-list/index.d.ts

@@ -0,0 +1,3 @@
+export { DescriptionList, DescriptionItem, DescriptionTerm, DescriptionDetails, descriptionListVariants, descriptionItemVariants, descriptionListLayoutIds, descriptionListSizeIds, descriptionListVariantIds, } from "./description-list";
+export type { DescriptionListProps, DescriptionItemProps, DescriptionTermProps, DescriptionDetailsProps, DescriptionListLayoutId, DescriptionListSizeId, DescriptionListVariantId, } from "./description-list";
+export { DescriptionList as default } from "./description-list";

package/dist/components/ui/description-list/index.js

@@ -0,0 +1,3 @@
+export { DescriptionList, DescriptionItem, DescriptionTerm, DescriptionDetails, descriptionListVariants, descriptionItemVariants, descriptionListLayoutIds, descriptionListSizeIds, descriptionListVariantIds, } from "./description-list";
+export { DescriptionList as default } from "./description-list";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/description-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/description-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,EACxB,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,oBAAoB,CAAC;AAW5B,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,oBAAoB,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

@@ -78,6 +78,8 @@ export * from "./skeleton";
 export type * from "./skeleton";
 export * from "./key-value-with-skeleton";
 export type * from "./key-value-with-skeleton";
+export * from "./description-list";
+export type * from "./description-list";
 export * from "./status-blinker";
 export type * from "./status-blinker";
 export * from "./context-menu";
@@ -196,5 +198,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

@@ -38,6 +38,7 @@ export * from "./hover-card";
 export * from "./radio-group";
 export * from "./skeleton";
 export * from "./key-value-with-skeleton";
+export * from "./description-list";
 export * from "./status-blinker";
 export * from "./context-menu";
 export * from "./inline-menu";
@@ -97,5 +98,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.73.0",
+  "version": "0.75.0",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",