@tangle-network/ui 11.12.0 → 11.13.0

package/dist/openui-schema.js

@@ -1,2 +1,139 @@
-import { a as OPENUI_NODE_TYPES, i as OPENUI_NODE_JSON_SCHEMA, n as validateOpenUIJsonArtifact, r as validateOpenUIJsonNode, t as findUnsupportedOpenUINode } from "./schema-BpW9rSSG.js";
+import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES } from "./openui/schema-data.js";
+import { schema_compiled_exports } from "./openui/schema-compiled.js";
+//#region src/openui/schema.ts
+const nodeTypes = new Set(OPENUI_NODE_TYPES);
+/** Find an unsupported node at any depth before the renderer can omit it. */
+function findUnsupportedOpenUINode(value) {
+	const seen = /* @__PURE__ */ new WeakSet();
+	let count = 0;
+	function visit(candidate, path, depth) {
+		if (depth > 32 || ++count > 1e3) return {
+			path,
+			message: "OpenUI exceeds the 32-level or 1000-node limit."
+		};
+		if (!candidate || typeof candidate !== "object" || Array.isArray(candidate)) return {
+			path,
+			message: "Expected an OpenUI node object."
+		};
+		if (seen.has(candidate)) return {
+			path,
+			message: "OpenUI nodes must not contain cycles."
+		};
+		seen.add(candidate);
+		const record = candidate;
+		if (typeof record.type !== "string" || !nodeTypes.has(record.type)) return {
+			path,
+			message: `Unsupported OpenUI node type: ${String(record.type)}.`
+		};
+		if (record.type === "stack" || record.type === "grid" || record.type === "card") {
+			if (Array.isArray(record.children)) for (const [index, child] of record.children.entries()) {
+				const issue = visit(child, `${path}.children[${index}]`, depth + 1);
+				if (issue) return issue;
+			}
+		}
+		if (record.type === "card" && record.badge !== void 0) return visit(record.badge, `${path}.badge`, depth + 1);
+		return null;
+	}
+	if (Array.isArray(value)) {
+		for (const [index, candidate] of value.entries()) {
+			const issue = visit(candidate, `$[${index}]`, 0);
+			if (issue) return issue;
+		}
+		return null;
+	}
+	return visit(value, "$", 0);
+}
+/** Validate one model-authored JSON node before a product persists or spends on it. */
+function validateOpenUIJsonNode(value) {
+	if (Array.isArray(value)) return {
+		ok: false,
+		issue: {
+			path: "$",
+			message: "Expected one OpenUI node object; use validateOpenUIJsonArtifact for arrays."
+		}
+	};
+	const unsupported = findUnsupportedOpenUINode(value);
+	if (unsupported) return {
+		ok: false,
+		issue: unsupported
+	};
+	const result = validateNode(value, "$", 0);
+	return result.ok ? {
+		ok: true,
+		value
+	} : result;
+}
+/** Validate the renderer's single-node or nonempty node-array artifact shape. */
+function validateOpenUIJsonArtifact(value) {
+	if (!Array.isArray(value)) return validateOpenUIJsonNode(value);
+	if (value.length === 0) return {
+		ok: false,
+		issue: {
+			path: "$",
+			message: "An OpenUI artifact needs at least one node."
+		}
+	};
+	const unsupported = findUnsupportedOpenUINode(value);
+	if (unsupported) return {
+		ok: false,
+		issue: unsupported
+	};
+	for (const [index, node] of value.entries()) {
+		const result = validateOpenUIJsonNode(node);
+		if (!result.ok) return {
+			ok: false,
+			issue: {
+				...result.issue,
+				path: `$[${index}]${result.issue.path.slice(1)}`
+			}
+		};
+	}
+	return {
+		ok: true,
+		value
+	};
+}
+function validateNode(record, path, depth) {
+	if (depth > 32) return {
+		ok: false,
+		issue: {
+			path,
+			message: "OpenUI exceeds the 32-level limit."
+		}
+	};
+	if (record.type === "stack" || record.type === "grid" || record.type === "card") {
+		if (Array.isArray(record.children)) for (const [index, child] of record.children.entries()) {
+			const result = validateNode(child, `${path}.children[${index}]`, depth + 1);
+			if (!result.ok) return result;
+		}
+	}
+	if (record.type === "card" && record.badge && typeof record.badge === "object") {
+		const result = validateNode(record.badge, `${path}.badge`, depth + 1);
+		if (!result.ok) return result;
+	}
+	const validator = schema_compiled_exports[record.type];
+	if (!validator(record)) {
+		const error = validator.errors?.[0];
+		const field = error?.keyword === "required" ? String(error.params.missingProperty) : error?.keyword === "additionalProperties" ? String(error.params.additionalProperty) : null;
+		return {
+			ok: false,
+			issue: {
+				path: `${path}${`${error?.instancePath ?? ""}${field ? `/${field}` : ""}`.replaceAll(/\/(\d+)/g, "[$1]").replaceAll("/", ".")}`,
+				message: error?.message ?? "Invalid OpenUI node."
+			}
+		};
+	}
+	if (record.type === "table") {
+		const columns = new Set(record.columns.map((column) => column.key));
+		for (const [index, row] of record.rows.entries()) for (const key of Object.keys(row)) if (!columns.has(key)) return {
+			ok: false,
+			issue: {
+				path: `${path}.rows[${index}].${key}`,
+				message: `Table cell ${key} has no displayed column.`
+			}
+		};
+	}
+	return { ok: true };
+}
+//#endregion
 export { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/openui.d.ts

@@ -1,3 +1,4 @@
-import { _ as OpenUITableNode, a as OpenUIBadgeNode, c as OpenUIComponentNode, d as OpenUIKeyValueNode, f as OpenUIMarkdownNode, g as OpenUIStatNode, h as OpenUIStackNode, i as OpenUIArtifactRendererProps, l as OpenUIGridNode, m as OpenUISeparatorNode, n as OpenUIActionsNode, o as OpenUICardNode, p as OpenUIPrimitive, r as OpenUIArtifactRenderer, s as OpenUICodeNode, t as OpenUIAction, u as OpenUIHeadingNode, v as OpenUITextNode } from "./openui-artifact-renderer-fkBQaoLO.js";
-import { a as validateOpenUIJsonNode, i as validateOpenUIJsonArtifact, n as OpenUISchemaValidation, o as OPENUI_NODE_JSON_SCHEMA, r as findUnsupportedOpenUINode, s as OPENUI_NODE_TYPES, t as OpenUISchemaIssue } from "./schema-DAstk-J4.js";
+import { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from "./openui/openui-artifact-renderer.js";
+import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES } from "./openui/schema-data.js";
+import { OpenUISchemaIssue, OpenUISchemaValidation, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui-schema.js";
 export { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, type OpenUIAction, type OpenUIActionsNode, OpenUIArtifactRenderer, type OpenUIArtifactRendererProps, type OpenUIBadgeNode, type OpenUICardNode, type OpenUICodeNode, type OpenUIComponentNode, type OpenUIGridNode, type OpenUIHeadingNode, type OpenUIKeyValueNode, type OpenUIMarkdownNode, type OpenUIPrimitive, type OpenUISchemaIssue, type OpenUISchemaValidation, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/openui.js

@@ -1,3 +1,4 @@
-import { a as OPENUI_NODE_TYPES, i as OPENUI_NODE_JSON_SCHEMA, n as validateOpenUIJsonArtifact, r as validateOpenUIJsonNode, t as findUnsupportedOpenUINode } from "./schema-BpW9rSSG.js";
-import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DG_i2lOR.js";
+import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES } from "./openui/schema-data.js";
+import { findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui-schema.js";
+import { OpenUIArtifactRenderer } from "./openui/openui-artifact-renderer.js";
 export { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/{artifact-pane-BL_DFWNl.d.ts → primitives/artifact-pane.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 //#region src/primitives/artifact-pane.d.ts
-interface ArtifactPaneProps {
+export interface ArtifactPaneProps {
   eyebrow?: ReactNode;
   title: ReactNode;
   subtitle?: ReactNode;
@@ -27,6 +27,5 @@ interface ArtifactPaneProps {
  * ArtifactPane — shared frame for files, previews, documents, inspectors, and
  * other artifact-like surfaces inside sandbox applications.
  */
-declare function ArtifactPane({ eyebrow, title, subtitle, meta, headerActions, tabs, toolbar, footer, emptyState, children, className, contentClassName, headerClassName, hideTitleBlock }: ArtifactPaneProps): import("react").JSX.Element;
-//#endregion
-export { ArtifactPaneProps as n, ArtifactPane as t };
+export declare function ArtifactPane({ eyebrow, title, subtitle, meta, headerActions, tabs, toolbar, footer, emptyState, children, className, contentClassName, headerClassName, hideTitleBlock }: ArtifactPaneProps): import("react").JSX.Element;
+//#endregion

package/dist/{artifact-pane-DMXT9a8U.js → primitives/artifact-pane.js}

@@ -1,4 +1,4 @@
-import { t as cn } from "./utils-C_uf36nf.js";
+import { cn } from "../lib/utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/primitives/artifact-pane.tsx
 /**
@@ -67,4 +67,4 @@ function ArtifactPane({ eyebrow, title, subtitle, meta, headerActions, tabs, too
 	});
 }
 //#endregion
-export { ArtifactPane as t };
+export { ArtifactPane };

package/dist/primitives/avatar.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+//#region src/primitives/avatar.d.ts
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/primitives/avatar.js

@@ -0,0 +1,25 @@
+import { cn } from "../lib/utils.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+//#region src/primitives/avatar.tsx
+const Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+	ref,
+	className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+	...props
+}));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+	ref,
+	className: cn("aspect-square h-full w-full", className),
+	...props
+}));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+	ref,
+	className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-sm", className),
+	...props
+}));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/primitives/badge.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/primitives/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "cold" | "creating" | "default" | "deleted" | "destructive" | "error" | "info" | "outline" | "running" | "sandbox" | "secondary" | "stopped" | "success" | "warm" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BadgeVariant = "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "sandbox" | "running" | "creating" | "stopped" | "warm" | "cold" | "deleted" | null;
+export interface BadgeProps extends VariantProps<typeof badgeVariants> {
+  variant?: BadgeVariant;
+  className?: string;
+  children?: React.ReactNode;
+  dot?: boolean;
+  onClick?: React.MouseEventHandler<HTMLDivElement>;
+  style?: React.CSSProperties;
+  id?: string;
+  role?: React.AriaRole;
+  title?: string;
+  [key: string]: unknown;
+}
+declare function Badge({ className, variant, dot, children, ...props }: BadgeProps): React.JSX.Element;
+//#endregion
+export { Badge, badgeVariants };

package/dist/primitives/badge.js

@@ -0,0 +1,47 @@
+import { focusRing } from "../lib/focus.js";
+import { cn } from "../lib/utils.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/primitives/badge.tsx
+const badgeVariants = cva(`inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 font-medium text-xs transition-colors ${focusRing}`, {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground",
+		secondary: "border-transparent bg-secondary text-secondary-foreground",
+		destructive: "border-transparent bg-destructive/15 border-destructive/25 text-destructive",
+		outline: "text-foreground border-border",
+		success: "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]",
+		warning: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]",
+		error: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]",
+		info: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)]",
+		sandbox: "border-border bg-[var(--accent-surface-soft)] text-[var(--accent-text)]",
+		running: "border-[var(--surface-teal-border)] bg-[var(--surface-teal-bg)] text-[var(--surface-teal-text)]",
+		creating: "border-[var(--surface-violet-border)] bg-[var(--surface-violet-bg)] text-[var(--surface-violet-text)]",
+		stopped: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]",
+		warm: "border-[var(--surface-orange-border)] bg-[var(--surface-orange-bg)] text-[var(--surface-orange-text)]",
+		cold: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)]",
+		deleted: "border-[var(--surface-neutral-border)] bg-[var(--surface-neutral-bg)] text-[var(--surface-neutral-text)]"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const statusDotClass = {
+	running: "status-dot status-dot-running",
+	creating: "status-dot status-dot-creating",
+	stopped: "status-dot status-dot-stopped",
+	warm: "status-dot status-dot-warm",
+	cold: "status-dot status-dot-cold",
+	error: "status-dot status-dot-error",
+	deleted: "status-dot status-dot-deleted"
+};
+function Badge({ className, variant, dot, children, ...props }) {
+	const dotClass = dot && variant ? statusDotClass[variant] : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(badgeVariants({ variant }), className),
+		...props,
+		children: [dotClass && /* @__PURE__ */ jsx("span", {
+			className: dotClass,
+			"aria-hidden": true
+		}), children]
+	});
+}
+//#endregion
+export { Badge, badgeVariants };

package/dist/{button-yoIv77e2.d.ts → primitives/button.d.ts}

@@ -4,7 +4,7 @@ declare const buttonVariants: (props?: ({
   variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "sandbox" | "secondary" | null | undefined;
   size?: "default" | "icon" | "lg" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "sandbox" | null;
   size?: "default" | "sm" | "lg" | "xl" | "icon" | null;
   asChild?: boolean;
@@ -13,4 +13,4 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
-export { ButtonProps as n, buttonVariants as r, Button as t };
+export { Button, buttonVariants };

package/dist/primitives/button.js

@@ -0,0 +1,113 @@
+import { focusRing } from "../lib/focus.js";
+import { cn } from "../lib/utils.js";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/primitives/button.tsx
+const buttonVariants = cva(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg font-medium text-sm transition-all ${focusRing} disabled:pointer-events-none disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 motion-reduce:transition-none motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0`, {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90 active:scale-[0.97] duration-[var(--transition-fast)]",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:scale-[0.97] duration-[var(--transition-fast)]",
+			outline: "border border-border bg-card hover:bg-muted active:scale-[0.97] duration-[var(--transition-fast)] text-foreground",
+			secondary: "bg-muted border border-border text-foreground hover:bg-muted/80 active:scale-[0.97] duration-[var(--transition-fast)]",
+			ghost: "hover:bg-muted hover:text-foreground duration-[var(--transition-fast)] text-muted-foreground border border-transparent",
+			link: "text-primary underline-offset-4 hover:underline",
+			sandbox: "bg-[var(--btn-primary-bg)] text-[var(--btn-primary-text)] border border-[var(--border-accent)] hover:bg-[var(--btn-primary-hover)] active:scale-[0.97] duration-[var(--transition-fast)]"
+		},
+		size: {
+			default: "h-[var(--control-height)] px-4 py-2",
+			sm: "h-8 rounded-md px-3 text-xs",
+			lg: "h-11 rounded-lg px-7 text-sm",
+			xl: "h-13 rounded-xl px-9 text-base",
+			icon: "h-[var(--control-height)] w-[var(--control-height)]"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function preventActivation(event) {
+	event.preventDefault();
+	event.stopPropagation();
+}
+function disabledHandlers(props) {
+	const guardKey = (handler) => (event) => {
+		if (event.key === "Enter" || event.key === " ") preventActivation(event);
+		else handler?.(event);
+	};
+	return {
+		onClickCapture: preventActivation,
+		onAuxClickCapture: preventActivation,
+		onDoubleClickCapture: preventActivation,
+		onPointerDownCapture: preventActivation,
+		onPointerUpCapture: preventActivation,
+		onMouseDownCapture: preventActivation,
+		onMouseUpCapture: preventActivation,
+		onKeyDownCapture: guardKey(props.onKeyDownCapture),
+		onKeyUpCapture: guardKey(props.onKeyUpCapture)
+	};
+}
+const Button = React.forwardRef(({ className, variant, size, asChild = false, loading = false, disabled, children, ...props }, ref) => {
+	if (asChild) {
+		const child = React.isValidElement(children) ? children : null;
+		const isDisabled = disabled || loading || child?.props.disabled;
+		return /* @__PURE__ */ jsx(Slot, {
+			className: cn(buttonVariants({
+				variant,
+				size,
+				className
+			})),
+			ref,
+			...props,
+			...isDisabled ? disabledHandlers(props) : {},
+			children: child ? React.cloneElement(child, {
+				...loading ? { "aria-busy": true } : {},
+				...isDisabled ? {
+					"aria-disabled": true,
+					...child.type === "button" ? { disabled: true } : { tabIndex: -1 },
+					...child.type === "a" ? {
+						href: void 0,
+						role: child.props.role ?? props.role ?? "link"
+					} : {},
+					...disabledHandlers(child.props)
+				} : {}
+			}) : children
+		});
+	}
+	return /* @__PURE__ */ jsxs("button", {
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		ref,
+		...props,
+		disabled: disabled || loading,
+		"aria-busy": loading || props["aria-busy"],
+		children: [loading && /* @__PURE__ */ jsxs("svg", {
+			className: "mr-2 -ml-1 h-4 w-4 animate-spin motion-reduce:animate-none",
+			"aria-hidden": "true",
+			focusable: "false",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			children: [/* @__PURE__ */ jsx("circle", {
+				className: "opacity-25",
+				cx: "12",
+				cy: "12",
+				r: "10",
+				stroke: "currentColor",
+				strokeWidth: "4"
+			}), /* @__PURE__ */ jsx("path", {
+				className: "opacity-75",
+				fill: "currentColor",
+				d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+			})]
+		}), children]
+	});
+});
+Button.displayName = "Button";
+//#endregion
+export { Button, buttonVariants };

package/dist/primitives/card.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+//#region src/primitives/card.d.ts
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+  variant?: "default" | "glass" | "sandbox" | "elevated";
+  /** Decorative border feedback only. Put actions in a native button or link. */
+  hover?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+  /** Heading level appropriate to the surrounding document; h3 remains the default. */
+  as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/primitives/card.js

@@ -0,0 +1,52 @@
+import { cn } from "../lib/utils.js";
+import { Heading } from "./heading.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/card.tsx
+const Card = React.forwardRef(({ className, variant = "default", hover = false, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("rounded-[var(--radius-lg)] border text-card-foreground transition-[border-color,box-shadow]", "duration-[var(--transition-default)]", {
+			default: "bg-card border-border",
+			elevated: "bg-muted/50 border-border shadow-[var(--shadow-card)]",
+			glass: "bg-card/80 backdrop-blur-xl border-border shadow-[var(--shadow-card)]",
+			sandbox: "bg-muted/50 border-primary/20 shadow-[var(--shadow-accent)]"
+		}[variant], hover && "hover:border-[var(--border-strong)]", className),
+		...props
+	});
+});
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-col space-y-1 p-4", className),
+	...props
+}));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, as = "h3", ...props }, ref) => /* @__PURE__ */ jsx(Heading, {
+	ref,
+	variant: "subsection",
+	as,
+	className,
+	...props
+}));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-muted-foreground text-sm", className),
+	...props
+}));
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("p-4 [&:not(:first-child)]:pt-0", className),
+	...props
+}));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-wrap items-center gap-2 p-4 [&:not(:first-child)]:pt-0", className),
+	...props
+}));
+CardFooter.displayName = "CardFooter";
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/primitives/code-block.d.ts

@@ -0,0 +1,6 @@
+import { CodeBlock, CodeBlockProps, CopyButton } from "../markdown/code-block.js";
+//#region src/primitives/code-block.d.ts
+export interface InlineCodeProps extends React.HTMLAttributes<HTMLElement> {}
+export declare function InlineCode({ className, children, ...props }: InlineCodeProps): import("react").JSX.Element;
+//#endregion
+export { CodeBlock, type CodeBlockProps, CopyButton };

package/dist/primitives/code-block.js

@@ -0,0 +1,13 @@
+import { cn } from "../lib/utils.js";
+import { CodeBlock, CopyButton } from "../markdown/code-block.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/code-block.tsx
+function InlineCode({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("code", {
+		className: cn("rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground", className),
+		...props,
+		children
+	});
+}
+//#endregion
+export { CodeBlock, CopyButton, InlineCode };

package/dist/primitives/dialog.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/primitives/dialog.d.ts
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  variant?: "default" | "sandbox";
+} & React.RefAttributes<HTMLDivElement>>;
+declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DialogHeader {
+  var displayName: string;
+}
+declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DialogFooter {
+  var displayName: string;
+}
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/primitives/dialog.js

@@ -0,0 +1,59 @@
+import { focusRing } from "../lib/focus.js";
+import { cn } from "../lib/utils.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+//#region src/primitives/dialog.tsx
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+	ref,
+	className: cn("fixed inset-0 z-50 bg-black/40", "data-[state=closed]:animate-out data-[state=open]:animate-in", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+	...props
+}));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = React.forwardRef(({ className, children, variant = "default", ...props }, ref) => {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+		ref,
+		className: cn("fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%]", "gap-4 rounded-lg border bg-card p-6 shadow-lg duration-200", "data-[state=closed]:animate-out data-[state=open]:animate-in", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", {
+			default: "border-border",
+			sandbox: "border-[var(--border-accent)] shadow-[var(--shadow-accent)]"
+		}[variant], className),
+		...props,
+		children: [children, /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+			className: cn("absolute top-4 right-4 rounded-sm opacity-70 transition-[opacity,box-shadow] hover:opacity-100 focus-visible:opacity-100 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", focusRing),
+			children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+	...props
+});
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+	...props
+});
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+	ref,
+	className: cn("font-semibold text-lg leading-none tracking-tight", className),
+	...props
+}));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+	ref,
+	className: cn("text-muted-foreground text-sm", className),
+	...props
+}));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/primitives/drop-zone.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+//#region src/primitives/drop-zone.d.ts
+export interface DropZoneProps {
+  /** Called with dropped files */
+  onDrop: (files: File[]) => void;
+  /** Accepted file types (e.g. ".pdf,.csv,.xlsx") */
+  accept?: string;
+  /** Whether drop zone is active */
+  disabled?: boolean;
+  /** Custom overlay content (replaces default) */
+  overlay?: ReactNode;
+  /** Overlay title */
+  title?: string;
+  /** Overlay description */
+  description?: string;
+  /** Overlay icon (Material Symbols name or ReactNode) */
+  icon?: string | ReactNode;
+  /** Children wrapped by the drop zone */
+  children: ReactNode;
+  className?: string;
+}
+export declare function DropZone({ onDrop, accept, disabled, overlay, title, description, icon, children, className }: DropZoneProps): import("react").JSX.Element;
+//#endregion