@bysages/react 0.4.4 → 0.5.0

package/dist/generative/index.mjs

@@ -1,4 +1,4 @@
-import { r as iconNode } from "../icon-Cri0-7-x.mjs";
+import { r as iconNode } from "../icon-C9udWCyz.mjs";
 import { Button } from "../components/button/index.mjs";
 import { Alert } from "../components/alert/index.mjs";
 import { Avatar } from "../components/avatar/index.mjs";
@@ -7,12 +7,12 @@ import { Banner } from "../components/banner/index.mjs";
 import { Spinner } from "../components/spinner/index.mjs";
 import { Breadcrumb } from "../components/breadcrumb/index.mjs";
 import { Card } from "../components/card/index.mjs";
-import { t as Input } from "../input-BDpQ0e6G.mjs";
+import { t as Input } from "../input-YRjehBhU.mjs";
 import { Checkbox } from "../components/checkbox/index.mjs";
 import { FloatButton } from "../components/float-button/index.mjs";
 import { Progress } from "../components/progress/index.mjs";
 import { RadioGroup } from "../components/radio-group/index.mjs";
-import { t as Select } from "../select-D_soVdWK.mjs";
+import { t as Select } from "../select-DQ5669_K.mjs";
 import { Separator } from "../components/separator/index.mjs";
 import { Slider } from "../components/slider/index.mjs";
 import { Stack } from "../components/stack/index.mjs";
@@ -26,7 +26,7 @@ import { z } from "zod";
 import { defineRegistry, useBoundProp } from "@json-render/react";
 import { defineCatalog } from "@json-render/core";
 import { schema } from "@json-render/react/schema";
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
 	let target = {};
@@ -37,8 +37,7 @@ var __exportAll = (all, no_symbols) => {
 	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
-//#endregion
-//#region src/generative/faces.generated.ts
+// src/generative/faces.generated.ts
 /** Name the faces a family contributes; the identity keeps inference
 * honest at the call site. */
 function defineFace(faces) {
@@ -351,8 +350,7 @@ const faces$1 = defineFace({
 		description: "A multi-line field for prose-length answers."
 	}
 });
-//#endregion
-//#region src/generative/shared.ts
+// src/generative/shared.ts
 /** Name the entries a family contributes; the identity keeps inference
 * honest at the call site. */
 function defineEntry(entries) {
@@ -373,24 +371,21 @@ function useBound(value, path) {
 function labelled(label, control) {
 	return label ? createElement(Stack, { gap: "xs" }, createElement(Typography.Label, null, label), control) : control;
 }
-//#endregion
-//#region src/components/alert/generative.ts
+// src/components/alert/generative.ts
 var generative_exports$20 = /* @__PURE__ */ __exportAll({ default: () => generative_default$20 });
 /** A bordered notice; status picks the pigment. */
 var generative_default$20 = defineEntry({ Alert: {
 	...faces$1.Alert,
 	component: ({ props }) => createElement(Alert.Root, { status: props.status ?? "ink" }, createElement(Alert.Icon), createElement(Alert.Body, null, createElement(Alert.Title, null, props.title), props.message != null ? createElement(Alert.Description, null, props.message) : null))
 } });
-//#endregion
-//#region src/components/avatar/generative.ts
+// src/components/avatar/generative.ts
 var generative_exports$19 = /* @__PURE__ */ __exportAll({ default: () => generative_default$19 });
 /** A person's seal: image when given, initials as the fallback. */
 var generative_default$19 = defineEntry({ Avatar: {
 	...faces$1.Avatar,
 	component: ({ props }) => createElement(Avatar, { ...props })
 } });
-//#endregion
-//#region src/components/badge/generative.ts
+// src/components/badge/generative.ts
 var generative_exports$18 = /* @__PURE__ */ __exportAll({ default: () => generative_default$18 });
 /** A small status seal beside content; reads at a glance. */
 var generative_default$18 = defineEntry({ Badge: {
@@ -400,8 +395,7 @@ var generative_default$18 = defineEntry({ Badge: {
 		variant: props.variant
 	}, props.text)
 } });
-//#endregion
-//#region src/components/banner/generative.ts
+// src/components/banner/generative.ts
 var generative_exports$17 = /* @__PURE__ */ __exportAll({ default: () => generative_default$17 });
 /** A full-width notice that speaks once across the page. */
 var generative_default$17 = defineEntry({ Banner: {
@@ -411,8 +405,7 @@ var generative_default$17 = defineEntry({ Banner: {
 		dismissible: true
 	})
 } });
-//#endregion
-//#region src/components/breadcrumb/generative.ts
+// src/components/breadcrumb/generative.ts
 var generative_exports$16 = /* @__PURE__ */ __exportAll({ default: () => generative_default$16 });
 /** A trail of waymarks from home to the current page. */
 var generative_default$16 = defineEntry({ Breadcrumb: {
@@ -430,8 +423,7 @@ var generative_default$16 = defineEntry({ Breadcrumb: {
 		return createElement(Breadcrumb, { items });
 	}
 } });
-//#endregion
-//#region src/components/button/generative.ts
+// src/components/button/generative.ts
 var generative_exports$15 = /* @__PURE__ */ __exportAll({ default: () => generative_default$15 });
 /** The primary action register: solid ink for the one main action, outline, ghost, or subtle for the rest. */
 var generative_default$15 = defineEntry({ Button: {
@@ -444,8 +436,7 @@ var generative_default$15 = defineEntry({ Button: {
 		onClick: () => emit("press")
 	}, props.label)
 } });
-//#endregion
-//#region src/components/card/generative.ts
+// src/components/card/generative.ts
 var generative_exports$14 = /* @__PURE__ */ __exportAll({ default: () => generative_default$14 });
 /** Grouping vessel. Give title and description instead of hand-building a header; children render in the body; footer holds actions. */
 var generative_default$14 = defineEntry({ Card: {
@@ -456,8 +447,7 @@ var generative_default$14 = defineEntry({ Card: {
 		return createElement(Card.Root, null, header ? createElement(Card.Header, null, header) : props.title != null || props.description != null ? createElement(Card.Header, null, props.title != null ? createElement(Card.Title, null, props.title) : null, props.description != null ? createElement(Card.Description, null, props.description) : null) : null, createElement(Card.Content, null, children), footer ? createElement(Card.Footer, null, footer) : null);
 	}
 } });
-//#endregion
-//#region src/components/checkbox/generative.ts
+// src/components/checkbox/generative.ts
 var generative_exports$13 = /* @__PURE__ */ __exportAll({ default: () => generative_default$13 });
 /** One independent box with its label. */
 var generative_default$13 = defineEntry({ Checkbox: {
@@ -474,8 +464,7 @@ var generative_default$13 = defineEntry({ Checkbox: {
 		]);
 	}
 } });
-//#endregion
-//#region src/components/float-button/generative.ts
+// src/components/float-button/generative.ts
 var generative_exports$12 = /* @__PURE__ */ __exportAll({ default: () => generative_default$12 });
 /** A floating action cluster; named actions fan out from one corner. */
 var generative_default$12 = defineEntry({ FloatButton: {
@@ -492,8 +481,7 @@ var generative_default$12 = defineEntry({ FloatButton: {
 		});
 	}
 } });
-//#endregion
-//#region src/components/input/generative.ts
+// src/components/input/generative.ts
 var generative_exports$11 = /* @__PURE__ */ __exportAll({ default: () => generative_default$11 });
 /** A single-line field; rely on border, surface and the focus halo. */
 var generative_default$11 = defineEntry({ Input: {
@@ -509,8 +497,7 @@ var generative_default$11 = defineEntry({ Input: {
 		}));
 	}
 } });
-//#endregion
-//#region src/components/progress/generative.ts
+// src/components/progress/generative.ts
 var generative_exports$10 = /* @__PURE__ */ __exportAll({ default: () => generative_default$10 });
 /** A working track that fills toward done. */
 var generative_default$10 = defineEntry({ Progress: {
@@ -520,8 +507,7 @@ var generative_default$10 = defineEntry({ Progress: {
 		max: props.max
 	}, props.label != null ? createElement(Progress.Label, null, props.label) : null, createElement(Progress.Track, null, createElement(Progress.Range)))
 } });
-//#endregion
-//#region src/components/radio-group/generative.ts
+// src/components/radio-group/generative.ts
 var generative_exports$9 = /* @__PURE__ */ __exportAll({ default: () => generative_default$9 });
 /** Several boxes where exactly one may hold. */
 var generative_default$9 = defineEntry({ RadioGroup: {
@@ -538,8 +524,7 @@ var generative_default$9 = defineEntry({ RadioGroup: {
 		}, createElement(RadioGroup.ItemControl), createElement(RadioGroup.ItemText, null, value), createElement(RadioGroup.ItemHiddenInput))))));
 	}
 } });
-//#endregion
-//#region src/components/select/generative.tsx
+// src/components/select/generative.tsx
 var generative_exports$8 = /* @__PURE__ */ __exportAll({ default: () => generative_default$8 });
 /** A choice field that opens a ruled list; options carry label and value. */
 var generative_default$8 = defineEntry({ Select: {
@@ -557,8 +542,7 @@ var generative_default$8 = defineEntry({ Select: {
 		});
 	}
 } });
-//#endregion
-//#region src/components/separator/generative.ts
+// src/components/separator/generative.ts
 var generative_exports$7 = /* @__PURE__ */ __exportAll({ default: () => generative_default$7 });
 /** Hairline divider between sections. */
 var generative_default$7 = defineEntry({ Separator: {
@@ -568,8 +552,7 @@ var generative_default$7 = defineEntry({ Separator: {
 		decorative: true
 	})
 } });
-//#endregion
-//#region src/components/slider/generative.ts
+// src/components/slider/generative.ts
 var generative_exports$6 = /* @__PURE__ */ __exportAll({ default: () => generative_default$6 });
 /** A ruled track the hand slides between bounds. */
 var generative_default$6 = defineEntry({ Slider: {
@@ -584,8 +567,7 @@ var generative_default$6 = defineEntry({ Slider: {
 		key: 0
 	})])]))
 } });
-//#endregion
-//#region src/components/spinner/generative.ts
+// src/components/spinner/generative.ts
 var generative_exports$5 = /* @__PURE__ */ __exportAll({ default: () => generative_default$5 });
 /** A quiet wheel for work still settling. */
 var generative_default$5 = defineEntry({ Spinner: {
@@ -595,8 +577,7 @@ var generative_default$5 = defineEntry({ Spinner: {
 		"aria-label": props.label
 	})
 } });
-//#endregion
-//#region src/components/stack/generative.ts
+// src/components/stack/generative.ts
 var generative_exports$4 = /* @__PURE__ */ __exportAll({ default: () => generative_default$4 });
 /** Flex container for layout. direction column stacks vertically, row lays side by side. gap is a named spacing step. */
 var generative_default$4 = defineEntry({ Stack: {
@@ -609,8 +590,7 @@ var generative_default$4 = defineEntry({ Stack: {
 		wrap: props.wrap
 	}, children)
 } });
-//#endregion
-//#region src/components/stat/generative.ts
+// src/components/stat/generative.ts
 var generative_exports$3 = /* @__PURE__ */ __exportAll({ default: () => generative_default$3 });
 /** One loud figure with its quiet label and an optional delta. */
 var generative_default$3 = defineEntry({ Stat: {
@@ -621,8 +601,7 @@ var generative_default$3 = defineEntry({ Stat: {
 		props.change != null ? createElement(Stat.Delta, { direction: props.direction ?? "flat" }, props.change) : null
 	])
 } });
-//#endregion
-//#region src/components/switch/generative.ts
+// src/components/switch/generative.ts
 var generative_exports$2 = /* @__PURE__ */ __exportAll({ default: () => generative_default$2 });
 /** An instant on/off; label names what it switches. */
 var generative_default$2 = defineEntry({ Switch: {
@@ -640,8 +619,7 @@ var generative_default$2 = defineEntry({ Switch: {
 		]);
 	}
 } });
-//#endregion
-//#region src/components/textarea/generative.ts
+// src/components/textarea/generative.ts
 var generative_exports$1 = /* @__PURE__ */ __exportAll({ default: () => generative_default$1 });
 /** A multi-line field for prose-length answers. */
 var generative_default$1 = defineEntry({ Textarea: {
@@ -657,8 +635,7 @@ var generative_default$1 = defineEntry({ Textarea: {
 		}));
 	}
 } });
-//#endregion
-//#region src/components/typography/generative.ts
+// src/components/typography/generative.ts
 var generative_exports = /* @__PURE__ */ __exportAll({ default: () => generative_default });
 /** Section heading. One per view at level 1; do not skip levels. */
 var generative_default = defineEntry({
@@ -674,8 +651,7 @@ var generative_default = defineEntry({
 		}
 	}
 });
-//#endregion
-//#region src/generative/index.ts
+// src/generative/index.ts
 /** Every family writes its own generative face beside the component —
 * `components/<family>/generative.ts` — and this module is where they
 * meet: one glob picks the faces up, so a family that lands in the
@@ -731,5 +707,4 @@ const { registry } = defineRegistry(catalog, {
 * several names - Layout plus its parts, Bento plus its cell - and the
 * palette groups by provenance, never by guessing from the name. */
 const faceFamilies = Object.fromEntries(Object.entries(entries).map(([name, entry]) => [name, entry._from]));
-//#endregion
 export { catalog, faceFamilies, registry };

package/dist/{icon-Cri0-7-x.mjs → icon-C9udWCyz.mjs}

@@ -1,6 +1,6 @@
 import { getIcon } from "@bysages/core/icons";
 import { jsx } from "react/jsx-runtime";
-//#region src/internal/icon.tsx
+// src/internal/icon.tsx
 /** Render a curated registry icon as a bare svg element — the components
 * own default icons. No span shell: the part rules size the svg directly.
 * Extra body appends after the icon's own body, for composed marks. */
@@ -34,5 +34,4 @@ function iconHtml(name, attrs = {}, extraBody = "") {
 	};
 	return `<svg${Object.entries(attributes).map(([key, value]) => ` ${key}="${value}"`).join("")}>${icon.body + extraBody}</svg>`;
 }
-//#endregion
 export { iconHtml as n, iconNode as r, iconBody as t };

package/dist/{id-C37UYLwJ.mjs → id-Ctic_3o8.mjs}

@@ -1,5 +1,5 @@
 import { useId } from "react";
-//#region src/internal/id.ts
+// src/internal/id.ts
 /** Zag composes owned-part ids with separators, so React's generated id
 * is narrowed to characters that survive both markup and selectors. */
 const UNSAFE_ID_CHARACTERS = /[^a-zA-Z0-9_-]/g;
@@ -9,5 +9,4 @@ function useElementId(scope, props = {}) {
 	const explicit = props.id;
 	return typeof explicit === "string" && explicit ? explicit : `bs-${scope}-${generated.replace(UNSAFE_ID_CHARACTERS, "-")}`;
 }
-//#endregion
 export { useElementId as t };

package/dist/{image-viewer-D4FuYrk6.mjs → image-viewer-BYiXpi1X.mjs}

@@ -1,15 +1,16 @@
-import { r as iconNode } from "./icon-Cri0-7-x.mjs";
-import { t as useElementId } from "./id-C37UYLwJ.mjs";
-import { n as useComponentMessages } from "./messages-1jJWtaYU.mjs";
+import { r as iconNode } from "./icon-C9udWCyz.mjs";
+import { t as useElementId } from "./id-Ctic_3o8.mjs";
+import { n as useComponentMessages } from "./messages-B6n0lVyt.mjs";
 import { Button } from "./components/button/index.mjs";
 import { ButtonGroup } from "./components/button-group/index.mjs";
 import { Dialog as Dialog$1 } from "./components/dialog/index.mjs";
+import { createImageViewerGestures } from "@bysages/core";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { Portal } from "@ark-ui/react/portal";
 import { Dialog } from "@ark-ui/react/dialog";
-//#region src/components/image-viewer/preview.tsx
+// src/components/image-viewer/preview.tsx
 /** The default doorway is the curated preview icon; custom content keeps
 * that icon as its hover and focus affordance. */
 function ImageViewerPreview({ label, children, "data-part": dataPart, ...rest }) {
@@ -36,10 +37,7 @@ function ImageViewerPreview({ label, children, "data-part": dataPart, ...rest })
 		})]
 	});
 }
-//#endregion
-//#region src/components/image-viewer/index.tsx
-const MIN_SCALE = .5;
-const MAX_SCALE = 3;
+// src/components/image-viewer/index.tsx
 const SCALE_STEP = .25;
 const TOOL_ICONS = {
 	zoomIn: "zoom-in",
@@ -52,25 +50,23 @@ function ImageViewerImpl({ src, alt = "", open, zoomable = true, width, height,
 	const hostId = useElementId("image-viewer", { id });
 	const messages = useComponentMessages();
 	const [localOpen, setLocalOpen] = useState(false);
-	const [scale, setScale] = useState(1);
-	const [rotation, setRotation] = useState(0);
+	const viewportRef = useRef(null);
+	const gesturesRef = useRef(null);
 	const isOpen = open ?? localOpen;
 	const setOpen = (value) => {
 		if (open === void 0) setLocalOpen(value);
 		onOpenChange?.(value);
 	};
 	useEffect(() => {
-		if (isOpen) {
-			setScale(1);
-			setRotation(0);
-		}
-	}, [isOpen]);
-	function zoom(step) {
-		setScale((current) => Math.min(MAX_SCALE, Math.max(MIN_SCALE, current + step)));
-	}
-	function rotate() {
-		setRotation((current) => (current + 90) % 360);
-	}
+		const node = viewportRef.current;
+		if (!node) return;
+		const gestures = createImageViewerGestures(node, { zoomable });
+		gesturesRef.current = gestures;
+		return () => {
+			gesturesRef.current = null;
+			gestures.stop();
+		};
+	}, [isOpen, zoomable]);
 	function toolButton(label, icon, onClick) {
 		return /* @__PURE__ */ jsx(Button, {
 			variant: "ghost",
@@ -119,13 +115,13 @@ function ImageViewerImpl({ src, alt = "", open, zoomable = true, width, height,
 					alt,
 					width,
 					height,
-					style: { "--bs-image-viewer-transform": `scale(${scale}) rotate(${rotation}deg)` }
+					ref: viewportRef
 				}), /* @__PURE__ */ jsx("div", {
 					"data-scope": "image-viewer",
 					"data-part": "toolbar",
 					children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-						zoomable ? [toolButton(messages.imageViewer.zoomIn, TOOL_ICONS.zoomIn, () => zoom(SCALE_STEP)), toolButton(messages.imageViewer.zoomOut, TOOL_ICONS.zoomOut, () => zoom(-.25))] : null,
-						toolButton(messages.imageViewer.rotate, TOOL_ICONS.rotate, rotate),
+						zoomable ? [toolButton(messages.imageViewer.zoomIn, TOOL_ICONS.zoomIn, () => gesturesRef.current?.zoomBy(SCALE_STEP)), toolButton(messages.imageViewer.zoomOut, TOOL_ICONS.zoomOut, () => gesturesRef.current?.zoomBy(-.25))] : null,
+						toolButton(messages.imageViewer.rotate, TOOL_ICONS.rotate, () => gesturesRef.current?.rotate()),
 						closeToolButton(messages.imageViewer.close, TOOL_ICONS.close)
 					] })
 				})]
@@ -137,5 +133,4 @@ const ImageViewer = Object.assign(ImageViewerImpl, {
 	...Dialog$1,
 	Preview: ImageViewerPreview
 });
-//#endregion
 export { ImageViewer as t };

package/dist/{index-Eu-Bttta.d.mts → index-BVdkcSSY.d.mts}

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { Popover } from "@ark-ui/react/popover";
-//#region src/components/popover/index.d.ts
 type PopoverPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
 interface PopoverFacadeProps {
   open?: boolean;
@@ -20,5 +19,4 @@ declare namespace PopoverFacade {
 }
 type PopoverParts = typeof Popover;
 declare const Popover$1: typeof PopoverFacade & PopoverParts;
-//#endregion
 export { PopoverFacadeProps as n, Popover$1 as t };

package/dist/index-CjO4Ggf0.d.mts

@@ -0,0 +1,115 @@
+import { a as ToolValue } from "./index-lCsvE2Vl.mjs";
+import { HTMLAttributes, ReactNode } from "react";
+import { CustomContentUIPart, DataUIPart, DynamicToolUIPart, FileUIPart, ReasoningFileUIPart, ReasoningUIPart, SourceDocumentUIPart, SourceUrlUIPart, StepStartUIPart, TextUIPart, ToolUIPart, UIDataTypes, UIMessage, UITools } from "ai";
+type AiSdkMessage = UIMessage<unknown, UIDataTypes, UITools>;
+type AiSdkMessagePart<MESSAGE extends AiSdkMessage = AiSdkMessage> = MESSAGE["parts"][number];
+type AiSdkTextPart<MESSAGE extends AiSdkMessage = AiSdkMessage> = Extract<AiSdkMessagePart<MESSAGE>, TextUIPart>;
+type AiSdkCustomPart<MESSAGE extends AiSdkMessage = AiSdkMessage> = Extract<AiSdkMessagePart<MESSAGE>, CustomContentUIPart>;
+type AiSdkReasoningPart<MESSAGE extends AiSdkMessage = AiSdkMessage> = Extract<AiSdkMessagePart<MESSAGE>, ReasoningUIPart>;
+type AiSdkReasoningFilePart<MESSAGE extends AiSdkMessage = AiSdkMessage> = Extract<AiSdkMessagePart<MESSAGE>, ReasoningFileUIPart>;
+type AiSdkToolPart<MESSAGE extends AiSdkMessage = AiSdkMessage> = Extract<AiSdkMessagePart<MESSAGE>, ToolUIPart<UITools> | DynamicToolUIPart>;
+type AiSdkSourceUrlPart<MESSAGE extends AiSdkMessage = AiSdkMessage> = Extract<AiSdkMessagePart<MESSAGE>, SourceUrlUIPart>;
+type AiSdkSourceDocumentPart<MESSAGE extends AiSdkMessage = AiSdkMessage> = Extract<AiSdkMessagePart<MESSAGE>, SourceDocumentUIPart>;
+type AiSdkFilePart<MESSAGE extends AiSdkMessage = AiSdkMessage> = Extract<AiSdkMessagePart<MESSAGE>, FileUIPart>;
+type AiSdkDataPart<MESSAGE extends AiSdkMessage = AiSdkMessage> = Extract<AiSdkMessagePart<MESSAGE>, DataUIPart<UIDataTypes>>;
+type AiSdkStepStartPart<MESSAGE extends AiSdkMessage = AiSdkMessage> = Extract<AiSdkMessagePart<MESSAGE>, StepStartUIPart>;
+type AiSdkMediaPart<MESSAGE extends AiSdkMessage = AiSdkMessage> = AiSdkFilePart<MESSAGE> | AiSdkReasoningFilePart<MESSAGE>;
+type AiMediaKind = "image" | "audio" | "video" | "file";
+type AiToolDisplay = {
+  name: string;
+  status: "pending" | "running" | "completed" | "error" | "denied";
+  approval?: "required" | "approved" | "denied";
+  input?: ToolValue;
+  output?: ToolValue;
+};
+interface AiPartsSlots<MESSAGE extends AiSdkMessage = AiSdkMessage> {
+  default?: (props: {
+    message: MESSAGE;
+  }) => ReactNode;
+  text?: (props: {
+    part: AiSdkTextPart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+  custom?: (props: {
+    part: AiSdkCustomPart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+  reasoning?: (props: {
+    part: AiSdkReasoningPart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+  reasoningFile?: (props: {
+    part: AiSdkReasoningFilePart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+  tool?: (props: {
+    part: AiSdkToolPart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+  sourceUrl?: (props: {
+    part: AiSdkSourceUrlPart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+  sourceDocument?: (props: {
+    part: AiSdkSourceDocumentPart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+  file?: (props: {
+    part: AiSdkFilePart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+  data?: (props: {
+    part: AiSdkDataPart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+  stepStart?: (props: {
+    part: AiSdkStepStartPart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+  fallback?: (props: {
+    part: AiSdkMessagePart<MESSAGE>;
+    index: number;
+  }) => ReactNode;
+}
+interface AiPartsProps<MESSAGE extends AiSdkMessage = AiSdkMessage> {
+  message: MESSAGE;
+  highlighter?: (code: string, lang?: string) => string;
+  slots?: AiPartsSlots<MESSAGE>;
+  onApprove?: (event: {
+    part: AiSdkToolPart<MESSAGE>;
+    index: number;
+  }) => void;
+  onDeny?: (event: {
+    part: AiSdkToolPart<MESSAGE>;
+    index: number;
+  }) => void;
+}
+interface AiMediaProps<MESSAGE extends AiSdkMessage = AiSdkMessage> {
+  part?: AiSdkMediaPart<MESSAGE>;
+  mediaType?: string;
+  url?: string;
+  filename?: string;
+  alt?: string;
+}
+declare function toolPartDisplay<MESSAGE extends AiSdkMessage = AiSdkMessage>(part: AiSdkToolPart<MESSAGE>): AiToolDisplay;
+declare const AiMedia: ((props: AiMediaProps) => import("react").JSX.Element | null) & {
+  Root: (props: AiMediaProps) => import("react").JSX.Element | null;
+};
+declare function AiPartsRenderer<MESSAGE extends AiSdkMessage>(props: AiPartsProps<MESSAGE>): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element;
+declare const AiParts: typeof AiPartsRenderer & {
+  Root: typeof AiPartsRenderer;
+};
+/** Whose stroke this is — the user's words sit in a recessed bubble,
+ * the assistant speaks flat on the paper. The message type follows the
+ * application's AI SDK `UIMessage` contract. */
+interface MessageProps<MESSAGE extends AiSdkMessage = AiSdkMessage> extends HTMLAttributes<HTMLElement> {
+  role?: "user" | "assistant" | "system";
+  /** The AI SDK message; its id and role become the article identity. */
+  message?: MESSAGE;
+  children?: ReactNode;
+}
+declare function MessageImpl<MESSAGE extends AiSdkMessage>({ message, role: roleProp, children, ...rest }: MessageProps<MESSAGE>): import("react").JSX.Element;
+declare const Message: typeof MessageImpl & {
+  Root: typeof MessageImpl;
+};
+export { toolPartDisplay as C, AiToolDisplay as S, AiSdkSourceDocumentPart as _, AiMediaProps as a, AiSdkTextPart as b, AiPartsSlots as c, AiSdkFilePart as d, AiSdkMediaPart as f, AiSdkReasoningPart as g, AiSdkReasoningFilePart as h, AiMediaKind as i, AiSdkCustomPart as l, AiSdkMessagePart as m, MessageProps as n, AiParts as o, AiSdkMessage as p, AiMedia as r, AiPartsProps as s, Message as t, AiSdkDataPart as u, AiSdkSourceUrlPart as v, AiSdkToolPart as x, AiSdkStepStartPart as y };

package/dist/{index-Dj8S4eyJ.d.mts → index-D4C52fI7.d.mts}

@@ -1,6 +1,5 @@
 import { Dialog } from "./components/dialog/index.mjs";
 import { ComponentProps, ReactNode } from "react";
-//#region src/components/image-viewer/preview.d.ts
 interface ImageViewerPreviewProps extends Omit<ComponentProps<"span">, "children"> {
   /** Visible beside the affordance over custom content. */
   label?: string;
@@ -11,8 +10,6 @@ interface ImageViewerPreviewProps extends Omit<ComponentProps<"span">, "children
 /** The default doorway is the curated preview icon; custom content keeps
  * that icon as its hover and focus affordance. */
 declare function ImageViewerPreview({ label, children, "data-part": dataPart, ...rest }: ImageViewerPreviewProps): import("react").JSX.Element;
-//#endregion
-//#region src/components/image-viewer/index.d.ts
 /**
  * Opens the full lightbox from a curated icon by default, or from any
  * wrapped button, image or other doorway. Zoom, rotation, Escape and the scrim
@@ -37,5 +34,4 @@ declare function ImageViewerImpl({ src, alt, open, zoomable, width, height, chil
 declare const ImageViewer: typeof ImageViewerImpl & typeof Dialog & {
   Preview: typeof ImageViewerPreview;
 };
-//#endregion
 export { ImageViewerProps as n, ImageViewer as t };

package/dist/{index-BcRdWGY-.d.mts → index-DIZEFqJM.d.mts}

@@ -1,5 +1,4 @@
 import { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
-//#region src/components/media-player/parts.d.ts
 type MediaPartProps = HTMLAttributes<HTMLElement>;
 type ButtonPartProps = ButtonHTMLAttributes<HTMLButtonElement> & {
   label?: string;
@@ -34,8 +33,6 @@ declare function PipButton({ label, ...props }: ButtonPartProps): import("react"
 declare function FullscreenButton({ label, ...props }: MediaPartProps & {
   label?: string;
 }): import("react").JSX.Element;
-//#endregion
-//#region src/components/media-player/use-media-controls.d.ts
 /** One alternative encoding offered to the browser before playback. */
 interface MediaSourceOption {
   src: string;
@@ -52,8 +49,6 @@ interface MediaTextTrackOption {
 /** A compact clock for player chrome: hours only when the media asks
  * for them, stable digits so the time never jitters the controls. */
 declare function formatMediaTime(seconds: number): string;
-//#endregion
-//#region src/components/media-player/shell.d.ts
 interface MediaPlayerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onPlay" | "onPause" | "onEnded" | "onTimeUpdate" | "onVolumeChange" | "onRateChange" | "onError"> {
   label?: string;
   src?: string;
@@ -77,8 +72,6 @@ interface MediaPlayerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onPlay"
   onRatechange?: (event: Event) => void;
   onError?: (event: Event) => void;
 }
-//#endregion
-//#region src/components/media-player/index.d.ts
 /** Audio and video share one instrument: the same state, the same keys,
  * and the same control rhythm, while each face keeps its native element's
  * own semantics. The parts — Root, Stage, Media, Controls, PlayButton,
@@ -111,5 +104,4 @@ declare const Video: ((props: MediaPlayerProps) => import("react").JSX.Element)
   PipButton: typeof PipButton;
   FullscreenButton: typeof FullscreenButton;
 };
-//#endregion
 export { MediaTextTrackOption as a, MediaSourceOption as i, Video as n, formatMediaTime as o, MediaPlayerProps as r, Audio as t };