@schemavaults/ui 0.33.0 → 0.34.0

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

@@ -0,0 +1,38 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
+import { type VariantProps } from "class-variance-authority";
+export declare const calloutIntentIds: readonly ["note", "tip", "important", "warning", "caution"];
+export type CalloutIntentId = (typeof calloutIntentIds)[number];
+export declare const calloutAppearanceIds: readonly ["accent-bar", "subtle"];
+export type CalloutAppearanceId = (typeof calloutAppearanceIds)[number];
+declare const calloutVariants: (props?: ({
+    intent?: "note" | "warning" | "tip" | "important" | "caution" | null | undefined;
+    appearance?: "accent-bar" | "subtle" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CalloutProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof calloutVariants> {
+    /** Override the default icon for the intent. Pass `null` to hide. */
+    icon?: ReactNode | null;
+    /** Optional title; falls back to a default label for the intent. */
+    title?: ReactNode;
+    /** Render the title row even when no `title` is supplied. Defaults to true. */
+    showTitle?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function Callout({ className, intent, appearance, icon, title, showTitle, children, ref, ...props }: CalloutProps): ReactElement;
+declare namespace Callout {
+    var displayName: string;
+}
+export interface CalloutTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    ref?: Ref<HTMLHeadingElement>;
+}
+declare function CalloutTitle({ className, ref, children, ...props }: CalloutTitleProps): ReactElement;
+declare namespace CalloutTitle {
+    var displayName: string;
+}
+export interface CalloutDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function CalloutDescription({ className, ref, ...props }: CalloutDescriptionProps): ReactElement;
+declare namespace CalloutDescription {
+    var displayName: string;
+}
+export { Callout, CalloutTitle, CalloutDescription, calloutVariants };

package/dist/components/ui/callout/callout.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Info, Lightbulb, AlertTriangle, AlertOctagon, MessageSquareWarning, } from "lucide-react";
+import { cn } from "../../../lib/utils";
+export const calloutIntentIds = [
+    "note",
+    "tip",
+    "important",
+    "warning",
+    "caution",
+];
+export const calloutAppearanceIds = [
+    "accent-bar",
+    "subtle",
+];
+const calloutVariants = cva("relative w-full text-sm text-foreground [&_a]:underline [&_a]:underline-offset-2", {
+    variants: {
+        intent: {
+            note: "[--callout-color:hsl(217_91%_60%)] [--callout-tint:hsl(217_91%_60%/0.08)]",
+            tip: "[--callout-color:hsl(142_71%_45%)] [--callout-tint:hsl(142_71%_45%/0.08)]",
+            important: "[--callout-color:hsl(258_90%_66%)] [--callout-tint:hsl(258_90%_66%/0.08)]",
+            warning: "[--callout-color:hsl(var(--warning))] [--callout-tint:hsl(var(--warning)/0.10)]",
+            caution: "[--callout-color:hsl(var(--destructive))] [--callout-tint:hsl(var(--destructive)/0.10)]",
+        },
+        appearance: {
+            "accent-bar": "rounded-md border-l-4 border-l-[var(--callout-color)] bg-[var(--callout-tint)] py-3 pl-4 pr-4",
+            subtle: "rounded-md border border-[var(--callout-color)]/30 bg-[var(--callout-tint)] p-4",
+        },
+    },
+    defaultVariants: {
+        intent: "note",
+        appearance: "accent-bar",
+    },
+});
+const defaultIcons = {
+    note: _jsx(Info, { "aria-hidden": true, className: "size-4" }),
+    tip: _jsx(Lightbulb, { "aria-hidden": true, className: "size-4" }),
+    important: _jsx(MessageSquareWarning, { "aria-hidden": true, className: "size-4" }),
+    warning: _jsx(AlertTriangle, { "aria-hidden": true, className: "size-4" }),
+    caution: _jsx(AlertOctagon, { "aria-hidden": true, className: "size-4" }),
+};
+const defaultLabels = {
+    note: "Note",
+    tip: "Tip",
+    important: "Important",
+    warning: "Warning",
+    caution: "Caution",
+};
+function Callout({ className, intent = "note", appearance = "accent-bar", icon, title, showTitle = true, children, ref, ...props }) {
+    const resolvedIntent = intent ?? "note";
+    const resolvedIcon = icon === null ? null : icon ?? defaultIcons[resolvedIntent];
+    const resolvedTitle = title ?? defaultLabels[resolvedIntent];
+    return (_jsxs("div", { ref: ref, role: "note", "data-slot": "callout", "data-intent": resolvedIntent, "data-appearance": appearance ?? "accent-bar", className: cn(calloutVariants({ intent, appearance }), className), ...props, children: [showTitle && (_jsxs("div", { className: "mb-1 flex items-center gap-2 text-[var(--callout-color)]", children: [resolvedIcon, _jsx("span", { className: "text-sm font-semibold leading-none", children: resolvedTitle })] })), children !== undefined && (_jsxs("div", { "data-slot": "callout-content", className: cn("text-sm leading-relaxed text-foreground/90", showTitle ? "" : "flex items-start gap-2"), children: [!showTitle && resolvedIcon !== null && (_jsx("span", { className: "mt-0.5 shrink-0 text-[var(--callout-color)]", children: resolvedIcon })), _jsx("div", { className: "min-w-0 flex-1", children: children })] }))] }));
+}
+Callout.displayName = "Callout";
+function CalloutTitle({ className, ref, children, ...props }) {
+    return (_jsx("h5", { ref: ref, "data-slot": "callout-title", className: cn("mb-1 text-sm font-semibold leading-none tracking-tight text-[var(--callout-color)]", className), ...props, children: children }));
+}
+CalloutTitle.displayName = "CalloutTitle";
+function CalloutDescription({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "callout-description", className: cn("text-sm leading-relaxed text-foreground/90 [&_p]:leading-relaxed", className), ...props }));
+}
+CalloutDescription.displayName = "CalloutDescription";
+export { Callout, CalloutTitle, CalloutDescription, calloutVariants };
+//# sourceMappingURL=callout.js.map

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

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

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

@@ -0,0 +1,3 @@
+export { Callout, CalloutTitle, CalloutDescription, calloutVariants, calloutIntentIds, calloutAppearanceIds, } from "./callout";
+export type { CalloutProps, CalloutTitleProps, CalloutDescriptionProps, CalloutIntentId, CalloutAppearanceId, } from "./callout";
+export { Callout as default } from "./callout";

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

@@ -0,0 +1,3 @@
+export { Callout, CalloutTitle, CalloutDescription, calloutVariants, calloutIntentIds, calloutAppearanceIds, } from "./callout";
+export { Callout as default } from "./callout";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/callout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,WAAW,CAAC;AASnB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/ui/code-block/code-block.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
 import { type CodeBlockSize, type CodeBlockVariant, codeBlockSizeIds, codeBlockVariantIds } from "./code-block-variants";
 declare const codeBlockVariants: (props?: ({
-    variant?: "default" | "terminal" | "subtle" | "contrast" | null | undefined;
+    variant?: "default" | "subtle" | "terminal" | "contrast" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "title">, VariantProps<typeof codeBlockVariants> {

package/dist/components/ui/copy-button/copy-button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import { type ButtonHTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
 import { type CopyButtonSize, type CopyButtonVariant, copyButtonSizeIds, copyButtonVariantIds } from "./copy-button-variants";
 declare const copyButtonVariants: (props?: ({
-    variant?: "default" | "ghost" | "outline" | "brand" | "subtle" | null | undefined;
+    variant?: "default" | "ghost" | "subtle" | "outline" | "brand" | null | undefined;
     size?: "sm" | "lg" | "md" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onCopy">, VariantProps<typeof copyButtonVariants> {

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

@@ -4,6 +4,8 @@ export * from "./accordion";
 export type * from "./accordion";
 export * from "./alert";
 export type * from "./alert";
+export * from "./callout";
+export type * from "./callout";
 export * from "./badge";
 export type * from "./badge";
 export * from "./background-blur";

package/dist/components/ui/index.js

@@ -1,6 +1,7 @@
 export * from "./avatar";
 export * from "./accordion";
 export * from "./alert";
+export * from "./callout";
 export * from "./badge";
 export * from "./background-blur";
 export * from "./themed-page-background";

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,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,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,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,iBAAiB,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,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,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,iBAAiB,CAAC"}

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

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import type { HTMLAttributes, ReactElement, ReactNode, Ref } from "react";
 import { type KbdSize, type KbdVariant, kbdSizeIds, kbdVariantIds } from "./kbd-variants";
 declare const kbdVariants: (props?: ({
-    variant?: "default" | "outline" | "solid" | "subtle" | null | undefined;
+    variant?: "default" | "subtle" | "outline" | "solid" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface KbdProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof kbdVariants> {

package/package.json

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