@ctrl-ui/react 0.8.1 → 0.8.4

package/dist/email/templates.d.ts

@@ -5,37 +5,37 @@ type EmailBrandProps = {
   brand: string;
   footer: string;
 };
-declare function InvitationEmail({ theme, brand, footer, inviter, workspace, inviteUrl }: EmailBrandProps & {
+export declare function InvitationEmail({ theme, brand, footer, inviter, workspace, inviteUrl }: EmailBrandProps & {
   inviter: string;
   workspace: string;
   inviteUrl: string;
 }): import("react").JSX.Element;
-declare function ProductEmail({ theme, brand, footer, title, description, imageUrl, imageAlt, actionUrl }: EmailBrandProps & {
+export declare function ProductEmail({ theme, brand, footer, title, description, imageUrl, imageAlt, actionUrl }: EmailBrandProps & {
   title: string;
   description: string;
   imageUrl: string;
   imageAlt: string;
   actionUrl: string;
 }): import("react").JSX.Element;
-declare function EditorialEmail({ theme, brand, footer, title, description, imageUrl, imageAlt, articleUrl }: EmailBrandProps & {
+export declare function EditorialEmail({ theme, brand, footer, title, description, imageUrl, imageAlt, articleUrl }: EmailBrandProps & {
   title: string;
   description: string;
   imageUrl: string;
   imageAlt: string;
   articleUrl: string;
 }): import("react").JSX.Element;
-type EmailArticle = {
+export type EmailArticle = {
   title: string;
   description: string;
   href: string;
   imageUrl: string;
   imageAlt: string;
 };
-declare function NewsletterEmail({ theme, brand, footer, articles, unsubscribeUrl }: EmailBrandProps & {
+export declare function NewsletterEmail({ theme, brand, footer, articles, unsubscribeUrl }: EmailBrandProps & {
   articles: EmailArticle[];
   unsubscribeUrl: string;
 }): import("react").JSX.Element;
-declare function SummaryEmail({ theme, brand, footer, period, metrics, details, dashboardUrl }: EmailBrandProps & {
+export declare function SummaryEmail({ theme, brand, footer, period, metrics, details, dashboardUrl }: EmailBrandProps & {
   period: string;
   metrics: {
     label: string;
@@ -47,5 +47,4 @@ declare function SummaryEmail({ theme, brand, footer, period, metrics, details,
   }[];
   dashboardUrl: string;
 }): import("react").JSX.Element;
-//#endregion
-export { EditorialEmail, EmailArticle, InvitationEmail, NewsletterEmail, ProductEmail, SummaryEmail };
+//#endregion

package/dist/email/templates.js

@@ -35,7 +35,7 @@ function InvitationEmail({ theme, brand, footer, inviter, workspace, inviteUrl }
 				". Bring your work, share a little inspiration, and make something together."
 			] }),
 			/* @__PURE__ */ jsxs(Section, {
-				className: "my-6 bg-muted p-5",
+				className: "my-6 rounded-panel bg-muted p-5",
 				children: [/* @__PURE__ */ jsx(EmailHeading, {
 					as: "h3",
 					children: "Your team is waiting"
@@ -69,7 +69,7 @@ function ProductEmail({ theme, brand, footer, title, description, imageUrl, imag
 				src: imageUrl,
 				alt: imageAlt,
 				width: "552",
-				className: "mb-6 block h-auto w-full"
+				className: "mb-6 block h-auto w-full rounded-scene"
 			}),
 			/* @__PURE__ */ jsx(EmailHeading, { children: title }),
 			/* @__PURE__ */ jsx(EmailText, { children: description }),
@@ -102,7 +102,7 @@ function EditorialEmail({ theme, brand, footer, title, description, imageUrl, im
 					src: imageUrl,
 					alt: imageAlt,
 					width: "198",
-					className: "block h-auto w-full"
+					className: "block h-auto w-full rounded-scene"
 				})
 			}), /* @__PURE__ */ jsxs(Column, {
 				width: "64%",
@@ -148,7 +148,7 @@ function NewsletterEmail({ theme, brand, footer, articles, unsubscribeUrl }) {
 						src: article.imageUrl,
 						alt: article.imageAlt,
 						width: "552",
-						className: "mb-4 block h-auto w-full"
+						className: "mb-4 block h-auto w-full rounded-scene"
 					}),
 					/* @__PURE__ */ jsx(EmailHeading, {
 						as: "h2",
@@ -190,7 +190,7 @@ function SummaryEmail({ theme, brand, footer, period, metrics, details, dashboar
 			/* @__PURE__ */ jsx(EmailHeading, { children: "Good work adds up." }),
 			/* @__PURE__ */ jsx(EmailText, { children: "Here’s what your team moved forward this week." }),
 			/* @__PURE__ */ jsx(Section, {
-				className: "my-6 bg-muted p-4",
+				className: "my-6 rounded-panel bg-muted p-4",
 				children: /* @__PURE__ */ jsx(Row, {
 					className: "table-fixed",
 					children: metrics.map((metric) => /* @__PURE__ */ jsxs(Column, {

package/dist/email/theme.d.ts

@@ -9,15 +9,26 @@ type EmailTypeStyle = {
   fontWeight: string;
   letterSpacing: string;
 };
-type EmailTheme = {
+export type EmailTheme = {
   colors: Record<EmailColor, string>;
   fonts: {
     body: string;
     display: string;
   };
+  radii: {
+    control: string;
+    panel: string;
+    scene: string;
+  };
+  button: {
+    height: string;
+    paddingInline: string;
+    paddingBlock: string;
+    fontSize: string;
+    lineHeight: string;
+  };
   text: Record<EmailHeadingSize | "body" | "caption", EmailTypeStyle>;
 };
-declare function createEmailTheme(tokens: ReadonlyMap<string, string>, rootFontSize?: number): EmailTheme;
-declare function emailThemeFromCss(cssSources: string[], mode?: "light" | "dark", rootFontSize?: number): EmailTheme;
-//#endregion
-export { EmailTheme, createEmailTheme, emailThemeFromCss };
+export declare function createEmailTheme(tokens: ReadonlyMap<string, string>, rootFontSize?: number): EmailTheme;
+export declare function emailThemeFromCss(cssSources: string[], mode?: "light" | "dark", rootFontSize?: number): EmailTheme;
+//#endregion

package/dist/email/theme.js

@@ -1,3 +1,4 @@
+import { emailLengthPixels } from "./length.js";
 import { composite, resolveColor, tokenMaps } from "../scripts/contrast-eval.js";
 //#region src/email/theme.ts
 function resolveVariables(value, tokens, chain = []) {
@@ -17,12 +18,7 @@ function tokenValue(name, tokens, fallback) {
 	return resolved;
 }
 function pixelSize(name, tokens, rootFontSize) {
-	const value = tokenValue(name, tokens);
-	const match = /^(\d*\.?\d+)(px|rem)$/.exec(value);
-	if (!match) throw new Error(`Email theme: ${name} must resolve to px or rem, received ${value}.`);
-	const pixels = Number(match[1]) * (match[2] === "rem" ? rootFontSize : 1);
-	if (pixels <= 0) throw new Error(`Email theme: ${name} must be positive.`);
-	return `${pixels}px`;
+	return `${emailLengthPixels(name, tokenValue(name, tokens), rootFontSize)}px`;
 }
 function numericStyle(name, tokens, fallback) {
 	const value = tokenValue(name, tokens, fallback);
@@ -31,6 +27,13 @@ function numericStyle(name, tokens, fallback) {
 }
 function createEmailTheme(tokens, rootFontSize = 16) {
 	if (!Number.isFinite(rootFontSize) || rootFontSize <= 0) throw new Error("Email theme: rootFontSize must be a positive pixel value.");
+	function lengthPixels(name, allowZero = false) {
+		return emailLengthPixels(name, tokenValue(name, tokens), rootFontSize, allowZero);
+	}
+	const buttonHeight = lengthPixels("--control-h-md");
+	const buttonFontSize = lengthPixels("--text-body");
+	const reactEmailButtonLineHeight = buttonFontSize * 1.2;
+	const buttonPaddingBlock = Math.max(0, (buttonHeight - reactEmailButtonLineHeight) / 2);
 	function color(name) {
 		const result = resolveColor(`var(--${name})`, tokens);
 		if ("unresolved" in result) throw new Error(`Email theme: --${name}: ${result.unresolved}.`);
@@ -71,6 +74,18 @@ function createEmailTheme(tokens, rootFontSize = 16) {
 			body: tokenValue("--font-body", tokens),
 			display: tokenValue("--font-display", tokens)
 		},
+		radii: {
+			control: `${lengthPixels("--radius-control", true)}px`,
+			panel: `${lengthPixels("--radius-panel", true)}px`,
+			scene: `${lengthPixels("--radius-scene", true)}px`
+		},
+		button: {
+			height: `${buttonHeight}px`,
+			paddingInline: `${lengthPixels("--padding-x", true)}px`,
+			paddingBlock: `${buttonPaddingBlock}px`,
+			fontSize: `${buttonFontSize}px`,
+			lineHeight: `${reactEmailButtonLineHeight}px`
+		},
 		text: {
 			body: {
 				fontSize: pixelSize("--text-body-lg", tokens, rootFontSize),

package/dist/environment-variables.d.ts

@@ -3,17 +3,17 @@ import { EnvironmentVariableRow, EnvironmentVariablesController, UseEnvironmentV
 import { EnvironmentVariablesKnobStyle } from "./knob-contracts/environment-variables-knobs.js";
 import { CSSProperties, ComponentProps, ReactNode } from "react";
 //#region src/environment-variables.d.ts
-type EnvironmentVariablesRowErrors = Record<number, {
+export type EnvironmentVariablesRowErrors = Record<number, {
   key?: ReactNode;
   value?: ReactNode;
 }>;
-type EnvironmentVariablesSubmitPayload<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> = {
+export type EnvironmentVariablesSubmitPayload<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> = {
   rows: TRow[];
   variables: Record<string, string>;
   envFileText: string;
   reset: () => void;
 };
-type EnvironmentVariablesRootProps<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> = Omit<ComponentProps<"form">, "onSubmit"> & {
+export type EnvironmentVariablesRootProps<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> = Omit<ComponentProps<"form">, "onSubmit"> & {
   editor: EnvironmentVariablesController<TRow>;
   disabled?: boolean;
   readOnly?: boolean;
@@ -27,8 +27,8 @@ type EnvironmentVariablesRootProps<TRow extends EnvironmentVariableRow = Environ
 } & {
   style?: CSSProperties & EnvironmentVariablesKnobStyle;
 };
-declare function EnvironmentVariablesRoot<TRow extends EnvironmentVariableRow = EnvironmentVariableRow>({ editor, disabled, readOnly, rowErrors, keyLabel, valueLabel, keyPlaceholder, valuePlaceholder, duplicateKeyMessage, onSubmit, className, children, ...props }: EnvironmentVariablesRootProps<TRow>): import("react").JSX.Element;
-type EnvironmentVariablesProps<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> = Omit<EnvironmentVariablesRootProps<TRow>, "editor"> & UseEnvironmentVariablesOptions<TRow> & {
+export declare function EnvironmentVariablesRoot<TRow extends EnvironmentVariableRow = EnvironmentVariableRow>({ editor, disabled, readOnly, rowErrors, keyLabel, valueLabel, keyPlaceholder, valuePlaceholder, duplicateKeyMessage, onSubmit, className, children, ...props }: EnvironmentVariablesRootProps<TRow>): import("react").JSX.Element;
+export type EnvironmentVariablesProps<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> = Omit<EnvironmentVariablesRootProps<TRow>, "editor"> & UseEnvironmentVariablesOptions<TRow> & {
   editor?: EnvironmentVariablesController<TRow>;
   title?: ReactNode;
   description?: ReactNode;
@@ -39,71 +39,71 @@ type EnvironmentVariablesProps<TRow extends EnvironmentVariableRow = Environment
   hideDefaultActions?: boolean;
 };
 declare function EnvironmentVariablesComponent<TRow extends EnvironmentVariableRow = EnvironmentVariableRow>({ editor: providedEditor, initialRows, rows, onRowsChange, createDefaultRow, createRow, getEditableRows, getPreservedRows, maxUploadSize, title, description, error, submitLabel, resetLabel, addLabel, hideDefaultActions, children, onSubmit, ...props }: EnvironmentVariablesProps<TRow>): import("react").JSX.Element;
-type EnvironmentVariablesHeaderProps = ComponentProps<"div"> & {
+export type EnvironmentVariablesHeaderProps = ComponentProps<"div"> & {
   title?: ReactNode;
   description?: ReactNode;
 } & {
   style?: CSSProperties & EnvironmentVariablesKnobStyle;
 };
-declare function EnvironmentVariablesHeader({ title, description, className, children, ...props }: EnvironmentVariablesHeaderProps): import("react").JSX.Element | null;
-type EnvironmentVariablesToolbarProps = ComponentProps<"div"> & {
+export declare function EnvironmentVariablesHeader({ title, description, className, children, ...props }: EnvironmentVariablesHeaderProps): import("react").JSX.Element | null;
+export type EnvironmentVariablesToolbarProps = ComponentProps<"div"> & {
   style?: CSSProperties & EnvironmentVariablesKnobStyle;
 };
-declare function EnvironmentVariablesToolbar({ className, children, ...props }: EnvironmentVariablesToolbarProps): import("react").JSX.Element | null;
-type EnvironmentVariablesUploadButtonProps = ComponentProps<typeof Button> & {
+export declare function EnvironmentVariablesToolbar({ className, children, ...props }: EnvironmentVariablesToolbarProps): import("react").JSX.Element | null;
+export type EnvironmentVariablesUploadButtonProps = ComponentProps<typeof Button> & {
   inputLabel?: string;
 };
-declare function EnvironmentVariablesUploadButton({ inputLabel, children, variant, size, disabled, onClick, ...props }: EnvironmentVariablesUploadButtonProps): import("react").JSX.Element;
-type EnvironmentVariablesRowsProps = ComponentProps<"div"> & {
+export declare function EnvironmentVariablesUploadButton({ inputLabel, children, variant, size, disabled, onClick, ...props }: EnvironmentVariablesUploadButtonProps): import("react").JSX.Element;
+export type EnvironmentVariablesRowsProps = ComponentProps<"div"> & {
   rowErrors?: EnvironmentVariablesRowErrors;
 } & {
   style?: CSSProperties & EnvironmentVariablesKnobStyle;
 };
-declare function EnvironmentVariablesRows({ rowErrors, className, children, ...props }: EnvironmentVariablesRowsProps): import("react").JSX.Element;
-type EnvironmentVariablesRowProps = Omit<ComponentProps<"div">, "children"> & {
+export declare function EnvironmentVariablesRows({ rowErrors, className, children, ...props }: EnvironmentVariablesRowsProps): import("react").JSX.Element;
+export type EnvironmentVariablesRowProps = Omit<ComponentProps<"div">, "children"> & {
   row: EnvironmentVariableRow;
   index: number;
   rowErrors?: EnvironmentVariablesRowErrors;
 } & {
   style?: CSSProperties & EnvironmentVariablesKnobStyle;
 };
-declare function EnvironmentVariablesRow({ row, index, rowErrors, className, ...props }: EnvironmentVariablesRowProps): import("react").JSX.Element;
-type EnvironmentVariablesAddButtonProps = ComponentProps<typeof Button>;
-declare function EnvironmentVariablesAddButton({ children, variant, size, disabled, onClick, ...props }: EnvironmentVariablesAddButtonProps): import("react").JSX.Element | null;
-type EnvironmentVariablesResetButtonProps = ComponentProps<typeof Button>;
-declare function EnvironmentVariablesResetButton({ children, variant, size, disabled, onClick, ...props }: EnvironmentVariablesResetButtonProps): import("react").JSX.Element | null;
-type EnvironmentVariablesSubmitButtonProps = ComponentProps<typeof Button>;
-declare function EnvironmentVariablesSubmitButton({ children, variant, tone, size, disabled, ...props }: EnvironmentVariablesSubmitButtonProps): import("react").JSX.Element | null;
-type EnvironmentVariablesActionsProps = ComponentProps<"div"> & {
+export declare function EnvironmentVariablesRow({ row, index, rowErrors, className, ...props }: EnvironmentVariablesRowProps): import("react").JSX.Element;
+export type EnvironmentVariablesAddButtonProps = ComponentProps<typeof Button>;
+export declare function EnvironmentVariablesAddButton({ children, variant, size, disabled, onClick, ...props }: EnvironmentVariablesAddButtonProps): import("react").JSX.Element | null;
+export type EnvironmentVariablesResetButtonProps = ComponentProps<typeof Button>;
+export declare function EnvironmentVariablesResetButton({ children, variant, size, disabled, onClick, ...props }: EnvironmentVariablesResetButtonProps): import("react").JSX.Element | null;
+export type EnvironmentVariablesSubmitButtonProps = ComponentProps<typeof Button>;
+export declare function EnvironmentVariablesSubmitButton({ children, variant, tone, size, disabled, ...props }: EnvironmentVariablesSubmitButtonProps): import("react").JSX.Element | null;
+export type EnvironmentVariablesActionsProps = ComponentProps<"div"> & {
   style?: CSSProperties & EnvironmentVariablesKnobStyle;
 };
-declare function EnvironmentVariablesActions({ className, ...props }: EnvironmentVariablesActionsProps): import("react").JSX.Element;
-type EnvironmentVariablesMessageProps = Omit<ComponentProps<"div">, "style"> & {
+export declare function EnvironmentVariablesActions({ className, ...props }: EnvironmentVariablesActionsProps): import("react").JSX.Element;
+export type EnvironmentVariablesMessageProps = Omit<ComponentProps<"div">, "style"> & {
   error?: ReactNode;
   style?: CSSProperties & EnvironmentVariablesKnobStyle;
 };
-declare function EnvironmentVariablesMessage({ error, className, children, ...props }: EnvironmentVariablesMessageProps): import("react").JSX.Element | null;
-type EnvironmentVariablesDuplicateKeysErrorProps = Omit<EnvironmentVariablesMessageProps, "error"> & {
+export declare function EnvironmentVariablesMessage({ error, className, children, ...props }: EnvironmentVariablesMessageProps): import("react").JSX.Element | null;
+export type EnvironmentVariablesDuplicateKeysErrorProps = Omit<EnvironmentVariablesMessageProps, "error"> & {
   message?: ReactNode;
 };
-declare function EnvironmentVariablesDuplicateKeysError({ message, ...props }: EnvironmentVariablesDuplicateKeysErrorProps): import("react").JSX.Element | null;
-type EnvironmentVariablesUploadErrorProps = Omit<EnvironmentVariablesMessageProps, "error">;
-declare function EnvironmentVariablesUploadError(props: EnvironmentVariablesUploadErrorProps): import("react").JSX.Element;
-type EnvironmentVariablesReadOnlyListProps = ComponentProps<"div"> & {
+export declare function EnvironmentVariablesDuplicateKeysError({ message, ...props }: EnvironmentVariablesDuplicateKeysErrorProps): import("react").JSX.Element | null;
+export type EnvironmentVariablesUploadErrorProps = Omit<EnvironmentVariablesMessageProps, "error">;
+export declare function EnvironmentVariablesUploadError(props: EnvironmentVariablesUploadErrorProps): import("react").JSX.Element;
+export type EnvironmentVariablesReadOnlyListProps = ComponentProps<"div"> & {
   rows?: readonly EnvironmentVariableRow[];
   emptyMessage?: ReactNode;
 } & {
   style?: CSSProperties & EnvironmentVariablesKnobStyle;
 };
-declare function EnvironmentVariablesReadOnlyList({ rows, emptyMessage, className, children, ...props }: EnvironmentVariablesReadOnlyListProps): import("react").JSX.Element;
-type EnvironmentVariablesReadOnlyItemProps = Omit<ComponentProps<"div">, "style"> & {
+export declare function EnvironmentVariablesReadOnlyList({ rows, emptyMessage, className, children, ...props }: EnvironmentVariablesReadOnlyListProps): import("react").JSX.Element;
+export type EnvironmentVariablesReadOnlyItemProps = Omit<ComponentProps<"div">, "style"> & {
   name: ReactNode;
   value?: ReactNode;
   revealed?: boolean;
   style?: CSSProperties & EnvironmentVariablesKnobStyle;
 };
-declare function EnvironmentVariablesReadOnlyItem({ name, value, revealed, className, ...props }: EnvironmentVariablesReadOnlyItemProps): import("react").JSX.Element;
-declare const EnvironmentVariables: typeof EnvironmentVariablesComponent & {
+export declare function EnvironmentVariablesReadOnlyItem({ name, value, revealed, className, ...props }: EnvironmentVariablesReadOnlyItemProps): import("react").JSX.Element;
+export declare const EnvironmentVariables: typeof EnvironmentVariablesComponent & {
   Root: typeof EnvironmentVariablesRoot;
   Header: typeof EnvironmentVariablesHeader;
   Toolbar: typeof EnvironmentVariablesToolbar;
@@ -120,5 +120,4 @@ declare const EnvironmentVariables: typeof EnvironmentVariablesComponent & {
   ReadOnlyList: typeof EnvironmentVariablesReadOnlyList;
   ReadOnlyItem: typeof EnvironmentVariablesReadOnlyItem;
 };
-//#endregion
-export { EnvironmentVariables, EnvironmentVariablesActions, EnvironmentVariablesActionsProps, EnvironmentVariablesAddButton, EnvironmentVariablesAddButtonProps, EnvironmentVariablesDuplicateKeysError, EnvironmentVariablesDuplicateKeysErrorProps, EnvironmentVariablesHeader, EnvironmentVariablesHeaderProps, EnvironmentVariablesMessage, EnvironmentVariablesMessageProps, EnvironmentVariablesProps, EnvironmentVariablesReadOnlyItem, EnvironmentVariablesReadOnlyItemProps, EnvironmentVariablesReadOnlyList, EnvironmentVariablesReadOnlyListProps, EnvironmentVariablesResetButton, EnvironmentVariablesResetButtonProps, EnvironmentVariablesRoot, EnvironmentVariablesRootProps, EnvironmentVariablesRow, EnvironmentVariablesRowErrors, EnvironmentVariablesRowProps, EnvironmentVariablesRows, EnvironmentVariablesRowsProps, EnvironmentVariablesSubmitButton, EnvironmentVariablesSubmitButtonProps, EnvironmentVariablesSubmitPayload, EnvironmentVariablesToolbar, EnvironmentVariablesToolbarProps, EnvironmentVariablesUploadButton, EnvironmentVariablesUploadButtonProps, EnvironmentVariablesUploadError, EnvironmentVariablesUploadErrorProps };
+//#endregion

package/dist/extensions/create-track-highlight.d.ts

@@ -1,10 +1,9 @@
 //#region src/extensions/create-track-highlight.d.ts
-type TrackHighlightOptions = {
+export type TrackHighlightOptions = {
   itemSelector: string;
   activeSelector: string;
   range?: boolean;
   followHover?: boolean;
 };
-declare function createTrackHighlight(track: HTMLElement, highlight: HTMLElement, options: TrackHighlightOptions, hoverHighlight?: HTMLElement): () => void;
-//#endregion
-export { TrackHighlightOptions, createTrackHighlight };
+export declare function createTrackHighlight(track: HTMLElement, highlight: HTMLElement, options: TrackHighlightOptions, hoverHighlight?: HTMLElement): () => void;
+//#endregion

package/dist/extensions/supports-anchor-transitions.d.ts

@@ -1,4 +1,3 @@
 //#region src/extensions/supports-anchor-transitions.d.ts
-declare function supportsAnchorTransitions(): boolean;
-//#endregion
-export { supportsAnchorTransitions };
+export declare function supportsAnchorTransitions(): boolean;
+//#endregion

package/dist/extensions/track-highlight.d.ts

@@ -1,7 +1,7 @@
 import { TrackHighlightKnobStyle } from "../knob-contracts/track-highlight-knobs.js";
 import { CSSProperties, ComponentProps, ReactNode, RefObject } from "react";
 //#region src/extensions/track-highlight.d.ts
-type TrackHighlightProps = Omit<ComponentProps<"div">, "children" | "ref" | "style"> & {
+export type TrackHighlightProps = Omit<ComponentProps<"div">, "children" | "ref" | "style"> & {
   trackRef?: RefObject<HTMLElement | null>;
   itemSelector?: string;
   activeSelector?: string;
@@ -11,6 +11,5 @@ type TrackHighlightProps = Omit<ComponentProps<"div">, "children" | "ref" | "sty
   children?: ReactNode;
   style?: CSSProperties & TrackHighlightKnobStyle;
 };
-declare function TrackHighlight({ trackRef, itemSelector, activeSelector, range, followHover, hoverClassName, className, style, children, ...props }: TrackHighlightProps): import("react").JSX.Element;
-//#endregion
-export { TrackHighlight, TrackHighlightProps };
+export declare function TrackHighlight({ trackRef, itemSelector, activeSelector, range, followHover, hoverClassName, className, style, children, ...props }: TrackHighlightProps): import("react").JSX.Element;
+//#endregion

package/dist/hooks/use-audio-recorder.d.ts

@@ -1,12 +1,12 @@
 //#region src/hooks/use-audio-recorder.d.ts
-type AudioRecorderState = "idle" | "requesting" | "recording" | "recorded" | "submitting" | "error";
-type AudioRecording = {
+export type AudioRecorderState = "idle" | "requesting" | "recording" | "recorded" | "submitting" | "error";
+export type AudioRecording = {
   blob: Blob;
   url: string;
   durationMs: number;
   mimeType: string;
 };
-type UseAudioRecorderOptions = {
+export type UseAudioRecorderOptions = {
   onRecordingComplete?: (recording: AudioRecording) => void | Promise<void>;
   onCancel?: () => void;
   maxDurationMs?: number;
@@ -15,14 +15,14 @@ type UseAudioRecorderOptions = {
   barDurationMs?: number;
   deviceId?: string;
 };
-type AudioRecorderSnapshot = {
+export type AudioRecorderSnapshot = {
   state: AudioRecorderState;
   durationMs: number;
   levels: number[];
   error: Error | null;
   recording?: AudioRecording;
 };
-type UseAudioRecorderResult = AudioRecorderSnapshot & {
+export type UseAudioRecorderResult = AudioRecorderSnapshot & {
   isDisabled: boolean;
   canStart: boolean;
   canCancel: boolean;
@@ -32,7 +32,7 @@ type UseAudioRecorderResult = AudioRecorderSnapshot & {
   cancel: () => void;
   submit: () => Promise<AudioRecording | null>;
 };
-type UseAudioInputDevicesResult = {
+export type UseAudioInputDevicesResult = {
   devices: MediaDeviceInfo[];
   loading: boolean;
   error: Error | null;
@@ -40,7 +40,7 @@ type UseAudioInputDevicesResult = {
   refresh: () => Promise<void>;
   requestPermission: () => Promise<void>;
 };
-type AudioRecorderStreamLike = {
+export type AudioRecorderStreamLike = {
   getTracks: () => readonly {
     stop: () => void;
   }[];
@@ -73,7 +73,7 @@ type AudioContextLike<TStream extends AudioRecorderStreamLike> = {
   createAnalyser(): AnalyserLike;
 };
 type AudioContextConstructor<TStream extends AudioRecorderStreamLike> = new () => AudioContextLike<TStream>;
-type AudioRecorderControllerEnvironment<TStream extends AudioRecorderStreamLike = AudioRecorderStreamLike> = {
+export type AudioRecorderControllerEnvironment<TStream extends AudioRecorderStreamLike = AudioRecorderStreamLike> = {
   mediaDevices?: {
     getUserMedia: (constraints: MediaStreamConstraints) => Promise<TStream>;
   };
@@ -85,12 +85,12 @@ type AudioRecorderControllerEnvironment<TStream extends AudioRecorderStreamLike
   revokeObjectURL?: (url: string) => void;
   now?: () => number;
 };
-declare function preferredAudioMimeType(MediaRecorderImpl?: {
+export declare function preferredAudioMimeType(MediaRecorderImpl?: {
   isTypeSupported?: (mimeType: string) => boolean;
 }): "audio/mp4" | "audio/webm;codecs=opus" | undefined;
-declare function formatAudioInputDeviceLabel(device: MediaDeviceInfo, fallback?: string): string;
-declare function useAudioInputDevices(): UseAudioInputDevicesResult;
-declare function createAudioRecorderController<TStream extends AudioRecorderStreamLike = AudioRecorderStreamLike>(initialOptions?: UseAudioRecorderOptions, environment?: AudioRecorderControllerEnvironment<TStream>): {
+export declare function formatAudioInputDeviceLabel(device: MediaDeviceInfo, fallback?: string): string;
+export declare function useAudioInputDevices(): UseAudioInputDevicesResult;
+export declare function createAudioRecorderController<TStream extends AudioRecorderStreamLike = AudioRecorderStreamLike>(initialOptions?: UseAudioRecorderOptions, environment?: AudioRecorderControllerEnvironment<TStream>): {
   getSnapshot: () => AudioRecorderSnapshot;
   getResult: () => UseAudioRecorderResult;
   setOptions: (nextOptions: UseAudioRecorderOptions) => void;
@@ -102,6 +102,5 @@ declare function createAudioRecorderController<TStream extends AudioRecorderStre
   submit: () => Promise<AudioRecording | null>;
   destroy: () => void;
 };
-declare function useAudioRecorder(options?: UseAudioRecorderOptions): UseAudioRecorderResult;
-//#endregion
-export { AudioRecorderControllerEnvironment, AudioRecorderSnapshot, AudioRecorderState, AudioRecorderStreamLike, AudioRecording, UseAudioInputDevicesResult, UseAudioRecorderOptions, UseAudioRecorderResult, createAudioRecorderController, formatAudioInputDeviceLabel, preferredAudioMimeType, useAudioInputDevices, useAudioRecorder };
+export declare function useAudioRecorder(options?: UseAudioRecorderOptions): UseAudioRecorderResult;
+//#endregion

package/dist/hooks/use-chat-composer.d.ts

@@ -3,12 +3,12 @@ import { ChatComposerKnobStyle } from "../knob-contracts/chat-composer-knobs.js"
 import { ChatDensity } from "./use-chat-message.js";
 import { CSSProperties, ComponentProps, ReactNode } from "react";
 //#region src/hooks/use-chat-composer.d.ts
-type ChatComposerSubmitPayload = {
+export type ChatComposerSubmitPayload = {
   value: string;
   clear: () => void;
   mentions?: MentionItem[];
 };
-type ChatComposerProps = Omit<ComponentProps<"form">, "onSubmit" | "style"> & {
+export type ChatComposerProps = Omit<ComponentProps<"form">, "onSubmit" | "style"> & {
   children?: ReactNode;
   value?: string;
   defaultValue?: string;
@@ -19,7 +19,7 @@ type ChatComposerProps = Omit<ComponentProps<"form">, "onSubmit" | "style"> & {
   disabled?: boolean;
   style?: CSSProperties & ChatComposerKnobStyle;
 };
-type MentionItem = {
+export type MentionItem = {
   id: string;
   label: string;
   kind: string;
@@ -33,7 +33,7 @@ type ComposerKeyEvent = {
   };
   preventDefault: () => void;
 };
-declare function useChatComposer({ value, defaultValue, onValueChange, onSubmit, state, density, disabled, trackSends }: Pick<ChatComposerProps, "value" | "defaultValue" | "onValueChange" | "onSubmit" | "state" | "density" | "disabled"> & {
+export declare function useChatComposer({ value, defaultValue, onValueChange, onSubmit, state, density, disabled, trackSends }: Pick<ChatComposerProps, "value" | "defaultValue" | "onValueChange" | "onSubmit" | "state" | "density" | "disabled"> & {
   /** Count successful submits — only enabled when something reads counter (send-layer anchor), so idle apps pay no extra state update. */
   trackSends?: boolean;
 }): {
@@ -52,5 +52,4 @@ declare function useChatComposer({ value, defaultValue, onValueChange, onSubmit,
   handleSubmit: (event: FormSubmitEvent) => void;
   handleKeyDown: (event: ComposerKeyEvent) => void;
 };
-//#endregion
-export { ChatComposerProps, ChatComposerSubmitPayload, MentionItem, useChatComposer };
+//#endregion

package/dist/hooks/use-chat-message.d.ts

@@ -1,17 +1,17 @@
 import { ChatMessageKnobStyle } from "../knob-contracts/chat-message-knobs.js";
 import { CSSProperties, ComponentProps } from "react";
 //#region src/hooks/use-chat-message.d.ts
-type ChatRole = "user" | "assistant" | "system" | "tool";
-type ChatDensity = "compact" | "comfortable";
-type ChatState = "idle" | "streaming" | "pending" | "error";
-type ChatMessageProps = ComponentProps<"article"> & {
+export type ChatRole = "user" | "assistant" | "system" | "tool";
+export type ChatDensity = "compact" | "comfortable";
+export type ChatState = "idle" | "streaming" | "pending" | "error";
+export type ChatMessageProps = ComponentProps<"article"> & {
   from: ChatRole;
   state?: ChatState;
   density?: ChatDensity;
 } & {
   style?: CSSProperties & ChatMessageKnobStyle;
 };
-type ChatMessageContext = {
+export type ChatMessageContext = {
   from: ChatRole;
   state: ChatState;
   density: ChatDensity;
@@ -23,6 +23,5 @@ type ChatMessageContext = {
   isStreaming: boolean;
   isError: boolean;
 };
-declare function useChatMessage({ from, state, density }: Pick<ChatMessageProps, "from" | "state" | "density">): ChatMessageContext;
-//#endregion
-export { ChatDensity, ChatMessageContext, ChatMessageProps, ChatRole, ChatState, useChatMessage };
+export declare function useChatMessage({ from, state, density }: Pick<ChatMessageProps, "from" | "state" | "density">): ChatMessageContext;
+//#endregion

package/dist/hooks/use-color-area.d.ts

@@ -1,18 +1,17 @@
 import { PointerEvent, RefObject } from "react";
 //#region src/hooks/use-color-area.d.ts
-type ColorAreaOffset = {
+export type ColorAreaOffset = {
   x: number;
   y: number;
 };
-type ColorAreaRect = {
+export type ColorAreaRect = {
   width: number;
   height: number;
 };
-type ColorAreaPointer = {
+export type ColorAreaPointer = {
   areaRef: RefObject<HTMLDivElement | null>;
   dragging: boolean;
   onPointerDown: (event: PointerEvent) => void;
 };
-declare function useColorArea(onChange: (offset: ColorAreaOffset, rect: ColorAreaRect) => void): ColorAreaPointer;
-//#endregion
-export { ColorAreaOffset, ColorAreaPointer, ColorAreaRect, useColorArea };
+export declare function useColorArea(onChange: (offset: ColorAreaOffset, rect: ColorAreaRect) => void): ColorAreaPointer;
+//#endregion

package/dist/hooks/use-copy-to-clipboard.d.ts

@@ -1,22 +1,21 @@
 //#region src/hooks/use-copy-to-clipboard.d.ts
-type UseCopyToClipboardOptions = {
+export type UseCopyToClipboardOptions = {
   text?: string;
   copiedDuration?: number;
   onCopy?: (value: string) => void;
   onCopyError?: (error: unknown) => void;
 };
-type UseCopyToClipboardResult = {
+export type UseCopyToClipboardResult = {
   isCopied: boolean;
   copyToClipboard: (value: string) => Promise<boolean>;
   resetCopied: () => void;
 };
-type UseCopyToClipboardConfiguredResult = UseCopyToClipboardResult & {
+export type UseCopyToClipboardConfiguredResult = UseCopyToClipboardResult & {
   handleCopy: () => Promise<boolean>;
 };
-declare function copyTextToClipboard(value: string): Promise<boolean>;
-declare function useCopyToClipboard(options: UseCopyToClipboardOptions & {
+export declare function copyTextToClipboard(value: string): Promise<boolean>;
+export declare function useCopyToClipboard(options: UseCopyToClipboardOptions & {
   text: string;
 }): UseCopyToClipboardConfiguredResult;
-declare function useCopyToClipboard(options?: UseCopyToClipboardOptions): UseCopyToClipboardResult;
-//#endregion
-export { UseCopyToClipboardConfiguredResult, UseCopyToClipboardOptions, UseCopyToClipboardResult, copyTextToClipboard, useCopyToClipboard };
+export declare function useCopyToClipboard(options?: UseCopyToClipboardOptions): UseCopyToClipboardResult;
+//#endregion

package/dist/hooks/use-dropzone.d.ts

@@ -1,21 +1,21 @@
 import { DropzoneFileRejection, DropzonePolicy } from "../lib/dropzone-validation.js";
 import { ChangeEvent, ComponentProps, DragEvent, RefObject } from "react";
 //#region src/hooks/use-dropzone.d.ts
-type DropzoneVisualState = "idle" | "accept" | "reject" | "unknown" | "processing";
-type DropzoneValueChangeReason = "drop" | "input" | "remove" | "clear";
-type DropzoneEvent = DragEvent<HTMLElement> | ChangeEvent<HTMLInputElement>;
-type DropzoneGetFilesFromEvent = (event: DropzoneEvent, signal: AbortSignal) => readonly File[] | Promise<readonly File[]>;
-type DropzoneValueChangeDetails = {
+export type DropzoneVisualState = "idle" | "accept" | "reject" | "unknown" | "processing";
+export type DropzoneValueChangeReason = "drop" | "input" | "remove" | "clear";
+export type DropzoneEvent = DragEvent<HTMLElement> | ChangeEvent<HTMLInputElement>;
+export type DropzoneGetFilesFromEvent = (event: DropzoneEvent, signal: AbortSignal) => readonly File[] | Promise<readonly File[]>;
+export type DropzoneValueChangeDetails = {
   reason: DropzoneValueChangeReason;
   addedFiles: readonly File[];
   removedFiles: readonly File[];
 };
-type DropzoneDropDetails = {
+export type DropzoneDropDetails = {
   acceptedFiles: readonly File[];
   fileRejections: readonly DropzoneFileRejection[];
   event: DropzoneEvent;
 };
-type UseDropzoneOptions = {
+export type UseDropzoneOptions = {
   value?: readonly File[];
   defaultValue?: readonly File[];
   onValueChange?: (value: readonly File[], details: DropzoneValueChangeDetails) => void;
@@ -28,7 +28,7 @@ type UseDropzoneOptions = {
   onDrop?: (details: DropzoneDropDetails) => void;
   onError?: (error: Error) => void;
 };
-type UseDropzoneReturn = {
+export type UseDropzoneReturn = {
   value: readonly File[];
   fileRejections: readonly DropzoneFileRejection[];
   accept: string | undefined;
@@ -53,7 +53,6 @@ type UseDropzoneReturn = {
   getRootProps: (props?: ComponentProps<"div">) => ComponentProps<"div">;
   getInputProps: (props?: ComponentProps<"input">) => ComponentProps<"input">;
 };
-declare function useDropzone({ value: controlledValue, defaultValue, onValueChange, policy, disabled, drag, preventDropOnDocument, trackDocumentDrag, getFilesFromEvent, onDrop, onError }?: UseDropzoneOptions): UseDropzoneReturn;
-declare function defaultGetFilesFromEvent(event: DropzoneEvent): readonly File[];
-//#endregion
-export { DropzoneDropDetails, DropzoneEvent, DropzoneGetFilesFromEvent, DropzoneValueChangeDetails, DropzoneValueChangeReason, DropzoneVisualState, UseDropzoneOptions, UseDropzoneReturn, defaultGetFilesFromEvent, useDropzone };
+export declare function useDropzone({ value: controlledValue, defaultValue, onValueChange, policy, disabled, drag, preventDropOnDocument, trackDocumentDrag, getFilesFromEvent, onDrop, onError }?: UseDropzoneOptions): UseDropzoneReturn;
+export declare function defaultGetFilesFromEvent(event: DropzoneEvent): readonly File[];
+//#endregion