@tangle-network/ui 11.44.0 → 11.45.0

package/dist/primitives/sheet.js

@@ -1,6 +1,6 @@
 "use client";
 import { surfaceMotion } from "../lib/motion.js";
-import { focusRing } from "../lib/focus.js";
+import "../lib/focus.js";
 import { cn } from "../lib/utils.js";
 import { SurfaceMotion } from "../lib/surface-motion.js";
 import { cva } from "class-variance-authority";
@@ -8,7 +8,7 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-//#region src/primitives/sheet.tsx
+// src/primitives/sheet.tsx
 /** A dialog that slides in from an edge: a mobile nav drawer or a side panel. */
 const Sheet = SheetPrimitive.Root;
 const SheetTrigger = SheetPrimitive.Trigger;
@@ -45,7 +45,7 @@ const SheetContent = React.forwardRef(({ className, children, side = "right", hi
 		side: side ?? "right",
 		asChild,
 		children: [children, !hideCloseButton && /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
-			className: cn("absolute top-4 right-4 rounded-sm text-muted-foreground opacity-70 transition-[opacity,box-shadow] hover:opacity-100 focus-visible:opacity-100 disabled:pointer-events-none", "[transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none", focusRing),
+			className: cn("absolute top-4 right-4 rounded-sm text-muted-foreground opacity-70 transition-[opacity,box-shadow] hover:opacity-100 focus-visible:opacity-100 disabled:pointer-events-none", "[transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none", "focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)] focus-visible:outline-offset-0"),
 			children: [/* @__PURE__ */ jsx(X, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
 				className: "sr-only",
 				children: "Close"
@@ -76,5 +76,4 @@ const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @
 	...props
 }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
-//#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

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

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/primitives/sidebar-drop-zone.d.ts
 export interface SidebarDropZoneProps {
   /** Called with dropped files */
   onDrop: (files: File[]) => void;
@@ -17,5 +16,4 @@ export interface SidebarDropZoneProps {
   persistent?: boolean;
   className?: string;
 }
-export declare function SidebarDropZone({ onDrop, accept, disabled, title, description, icon, persistent, className }: SidebarDropZoneProps): import("react").JSX.Element;
-//#endregion
+export declare function SidebarDropZone({ onDrop, accept, disabled, title, description, icon, persistent, className }: SidebarDropZoneProps): import("react").JSX.Element;

package/dist/primitives/sidebar-drop-zone.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { useCallback, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Upload } from "lucide-react";
-//#region src/primitives/sidebar-drop-zone.tsx
+// src/primitives/sidebar-drop-zone.tsx
 /**
 * SidebarDropZone — compact scoped drop zone for sidebar panels and narrow containers.
 *
@@ -64,7 +64,7 @@ function SidebarDropZone({ onDrop, accept, disabled, title = "Drop files here",
 		onDragLeave: handleDragLeave,
 		onDragOver: handleDragOver,
 		onDrop: handleDrop,
-		className: cn("rounded-lg border-2 border-dashed transition-all duration-150", isVisible ? "p-4" : "p-0 border-transparent", dragOver ? "border-[var(--brand-cool,hsl(var(--ring)))] bg-[var(--accent-surface-soft)]" : persistent ? "border-[var(--border-subtle,hsl(var(--border)))] bg-transparent hover:border-[var(--border-default,hsl(var(--border)))] hover:bg-[var(--bg-hover,hsl(var(--accent)))]" : "", disabled && "opacity-50 pointer-events-none", className),
+		className: cn("rounded-lg border-2 border-dashed transition-all duration-150", isVisible ? "p-4" : "p-0 border-transparent", dragOver ? "border-[var(--brand-cool,hsl(var(--ring)))] bg-[var(--accent-surface-soft)]" : persistent ? "border-[var(--border-subtle,hsl(var(--border)))] bg-transparent hover:border-[var(--border-strong)] hover:bg-[var(--bg-hover,hsl(var(--accent)))]" : "", disabled && "opacity-50 pointer-events-none", className),
 		children: isVisible && /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col items-center gap-2 text-center",
 			children: [
@@ -84,5 +84,4 @@ function SidebarDropZone({ onDrop, accept, disabled, title = "Drop files here",
 		})
 	});
 }
-//#endregion
 export { SidebarDropZone };

package/dist/primitives/skeleton.d.ts

@@ -1,4 +1,3 @@
-//#region src/primitives/skeleton.d.ts
 declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 declare function SkeletonCard({ className }: {
   className?: string;
@@ -6,5 +5,4 @@ declare function SkeletonCard({ className }: {
 declare function SkeletonTable({ rows }: {
   rows?: number;
 }): import("react").JSX.Element;
-//#endregion
 export { Skeleton, SkeletonCard, SkeletonTable };

package/dist/primitives/skeleton.js

@@ -1,6 +1,6 @@
 import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/skeleton.tsx
+// src/primitives/skeleton.tsx
 function Skeleton({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("animate-pulse motion-reduce:animate-none rounded-lg bg-muted/50", className),
@@ -46,5 +46,4 @@ function SkeletonTable({ rows = 5 }) {
 		}, i))]
 	});
 }
-//#endregion
 export { Skeleton, SkeletonCard, SkeletonTable };

package/dist/primitives/slider.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-//#region src/primitives/slider.d.ts
 /**
  * Range input with one thumb per value. A single value renders one thumb; an
  * array of two renders a range. The thumbs are what assistive technology
@@ -10,5 +9,4 @@ import * as SliderPrimitive from "@radix-ui/react-slider";
 declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & {
   thumbLabels?: string[];
 } & React.RefAttributes<HTMLSpanElement>>;
-//#endregion
 export { Slider };

package/dist/primitives/slider.js

@@ -4,7 +4,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-//#region src/primitives/slider.tsx
+// src/primitives/slider.tsx
 /**
 * Range input with one thumb per value. A single value renders one thumb; an
 * array of two renders a range. The thumbs are what assistive technology
@@ -33,5 +33,4 @@ const Slider = React.forwardRef(({ className, defaultValue, value, min = 0, max
 	});
 });
 Slider.displayName = SliderPrimitive.Root.displayName;
-//#endregion
 export { Slider };

package/dist/primitives/stat-card.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/stat-card.d.ts
 export interface StatCardProps extends React.HTMLAttributes<HTMLDivElement> {
   variant?: "default" | "sandbox";
   title: string;
@@ -12,5 +11,4 @@ export interface StatCardProps extends React.HTMLAttributes<HTMLDivElement> {
   };
 }
 declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { StatCard };

package/dist/primitives/stat-card.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { Card } from "./card.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/stat-card.tsx
+// src/primitives/stat-card.tsx
 const StatCard = React.forwardRef(({ className, variant = "default", title, value, subtitle, icon, trend, ...props }, ref) => {
 	const iconColors = {
 		default: "text-muted-foreground",
@@ -56,5 +56,4 @@ const StatCard = React.forwardRef(({ className, variant = "default", title, valu
 	});
 });
 StatCard.displayName = "StatCard";
-//#endregion
 export { StatCard };

package/dist/primitives/status-pill.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/status-pill.d.ts
 /**
  * A run/resource state, told three ways at once.
  *
@@ -42,5 +41,4 @@ export interface StatusPillProps extends Omit<React.HTMLAttributes<HTMLSpanEleme
   size?: "sm" | "md";
 }
 declare const StatusPill: React.ForwardRefExoticComponent<StatusPillProps & React.RefAttributes<HTMLSpanElement>>;
-//#endregion
 export { StatusPill };

package/dist/primitives/status-pill.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/status-pill.tsx
+// src/primitives/status-pill.tsx
 const TONE_SURFACE = {
 	violet: "bg-[var(--surface-violet-bg)] text-[var(--surface-violet-text)] border-[var(--surface-violet-border)]",
 	success: "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)] border-[var(--surface-success-border)]",
@@ -118,5 +118,4 @@ const StatusPill = React.forwardRef(({ className, tone, children, icon, bare = f
 	}), children]
 }));
 StatusPill.displayName = "StatusPill";
-//#endregion
 export { StatusPill };

package/dist/primitives/switch.d.ts

@@ -1,6 +1,4 @@
 import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-//#region src/primitives/switch.d.ts
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//#endregion
 export { Switch };

package/dist/primitives/switch.js

@@ -4,7 +4,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-//#region src/primitives/switch.tsx
+// src/primitives/switch.tsx
 const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SwitchPrimitives.Root, {
 	className: cn("relative pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1.5 pointer-coarse:before:-inset-y-3.5 pointer-coarse:before:content-['']", "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 shadow-sm transition-[background-color,border-color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-transparent data-[state=checked]:bg-[var(--accent-text)] data-[state=unchecked]:border-muted-foreground data-[state=unchecked]:bg-transparent", focusRing, className),
 	...props,
@@ -12,5 +12,4 @@ const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 	children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-[translate,background-color] data-[state=checked]:translate-x-4 data-[state=checked]:bg-card data-[state=unchecked]:translate-x-0 data-[state=unchecked]:bg-muted-foreground") })
 }));
 Switch.displayName = SwitchPrimitives.Root.displayName;
-//#endregion
 export { Switch };

package/dist/primitives/table.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/table.d.ts
 export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
   /** Keep the existing scroll wrapper by default; false returns only the native table. */
   wrapper?: boolean;
@@ -18,5 +17,4 @@ declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
 declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
-//#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/primitives/table.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { tablePresentation } from "../presentation.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/primitives/table.tsx
+// src/primitives/table.tsx
 const Table = React.forwardRef(({ className, wrapper = true, wrapperProps, ...props }, ref) => {
 	const table = /* @__PURE__ */ jsx("table", {
 		ref,
@@ -60,5 +60,4 @@ const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 	...props
 }));
 TableCaption.displayName = "TableCaption";
-//#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/primitives/tabs.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-//#region src/primitives/tabs.d.ts
 declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
   variant?: "default" | "pills" | "underline";
@@ -9,5 +8,4 @@ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.Ta
   variant?: "default" | "pills" | "underline";
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/primitives/tabs.js

@@ -4,7 +4,7 @@ import { tabsPresentation } from "../presentation.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-//#region src/primitives/tabs.tsx
+// src/primitives/tabs.tsx
 const Tabs = TabsPrimitive.Root;
 const TabsList = React.forwardRef(({ className, variant = "default", ...props }, ref) => {
 	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
@@ -28,5 +28,4 @@ const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
 	...props
 }));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-//#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/primitives/tag.d.ts

@@ -1,6 +1,5 @@
 import { Tone } from "./tone.js";
 import * as React from "react";
-//#region src/primitives/tag.d.ts
 /**
  * A static label for what something IS: a category, a kind, a named value.
  *
@@ -38,5 +37,4 @@ export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "c
   wrap?: boolean;
 }
 declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
-//#endregion
 export { Tag };

package/dist/primitives/tag.js

@@ -4,7 +4,7 @@ import { TONE_CLASSES } from "./tone.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
-//#region src/primitives/tag.tsx
+// src/primitives/tag.tsx
 const SIZE = {
 	sm: "gap-1 px-2 text-xs [&_svg]:size-3",
 	md: "gap-1.5 px-2.5 text-sm [&_svg]:size-3.5"
@@ -53,5 +53,4 @@ const Tag = React.forwardRef(({ className, children, tone = "neutral", emphasis
 	});
 });
 Tag.displayName = "Tag";
-//#endregion
 export { Tag };

package/dist/primitives/terminal-display.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/terminal-display.d.ts
 export interface TerminalDisplayProps extends React.HTMLAttributes<HTMLDivElement> {
   variant?: "default" | "sandbox";
   title?: string;
@@ -21,5 +20,4 @@ export interface TerminalInputProps extends Omit<React.InputHTMLAttributes<HTMLI
   variant?: "default" | "sandbox";
 }
 declare const TerminalInput: React.ForwardRefExoticComponent<TerminalInputProps & React.RefAttributes<HTMLInputElement>>;
-//#endregion
 export { TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine };

package/dist/primitives/terminal-display.js

@@ -3,7 +3,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/terminal-display.tsx
+// src/primitives/terminal-display.tsx
 const TerminalDisplay = React.forwardRef(({ className, variant = "default", title = "Terminal", showHeader = true, autoScroll = true, maxHeight = "400px", children, ...props }, ref) => {
 	const containerRef = useRef(null);
 	useEffect(() => {
@@ -105,5 +105,4 @@ const TerminalInput = React.forwardRef(({ className, onSubmit, variant: _variant
 	});
 });
 TerminalInput.displayName = "TerminalInput";
-//#endregion
 export { TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine };

package/dist/primitives/text-shimmer.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/primitives/text-shimmer.d.ts
 export interface TextShimmerProps {
   children: ReactNode;
   className?: string;
@@ -12,5 +11,4 @@ export interface TextShimmerProps {
  * styles it needs, so a consumer that only scans this package for Tailwind
  * classes still gets the animation.
  */
-export declare function TextShimmer({ children, className, durationMs }: TextShimmerProps): import("react").JSX.Element;
-//#endregion
+export declare function TextShimmer({ children, className, durationMs }: TextShimmerProps): import("react").JSX.Element;

package/dist/primitives/text-shimmer.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { useEffect, useLayoutEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/primitives/text-shimmer.tsx
+// src/primitives/text-shimmer.tsx
 const CLASS_NAME = "tangle-text-shimmer";
 const STYLE_ID = "tangle-text-shimmer-styles";
 /**
@@ -60,5 +60,4 @@ function TextShimmer({ children, className, durationMs = 1400 }) {
 		children
 	});
 }
-//#endregion
 export { TextShimmer };

package/dist/primitives/theme-toggle.d.ts

@@ -1,4 +1,3 @@
-//#region src/primitives/theme-toggle.d.ts
 type Theme = "light" | "dark" | "system";
 type Mode = Exclude<Theme, "system">;
 declare function setTheme(next: Theme): void;
@@ -8,4 +7,4 @@ export declare function useTheme(): {
   resolvedTheme: Mode;
 };
 export declare function ThemeToggle(): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/primitives/theme-toggle.js

@@ -1,6 +1,6 @@
 import { useEffect, useSyncExternalStore } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/theme-toggle.tsx
+// src/primitives/theme-toggle.tsx
 const preferenceEvent = "tangle:theme-preference";
 const systemQuery = "(prefers-color-scheme: dark)";
 const namedModes = [
@@ -158,5 +158,4 @@ function ThemeToggle() {
 		children: resolvedTheme === "dark" ? /* @__PURE__ */ jsx(SunIcon, {}) : /* @__PURE__ */ jsx(MoonIcon, {})
 	});
 }
-//#endregion
 export { ThemeToggle, useTheme };

package/dist/primitives/time-select.d.ts

@@ -1,6 +1,5 @@
 import { ControlSize } from "../lib/control-presentation.js";
 import * as React from "react";
-//#region src/primitives/time-select.d.ts
 export interface TimeSelectProps {
   /** `HH:MM`, 24-hour, the value a native time input reports. */
   value?: string;
@@ -23,5 +22,4 @@ export interface TimeSelectProps {
  * slots stays listed so the current time is never lost.
  */
 declare const TimeSelect: React.ForwardRefExoticComponent<TimeSelectProps & React.RefAttributes<HTMLButtonElement>>;
-//#endregion
 export { TimeSelect };

package/dist/primitives/time-select.js

@@ -2,7 +2,7 @@
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/time-select.tsx
+// src/primitives/time-select.tsx
 const TIME_PATTERN = /^([01]\d|2[0-3]):([0-5]\d)$/;
 /**
 * A time of day as a Select on the control scale: the day in `step`-minute
@@ -47,5 +47,4 @@ const TimeSelect = React.forwardRef(({ value, onChange, step = 15, placeholder =
 	});
 });
 TimeSelect.displayName = "TimeSelect";
-//#endregion
 export { TimeSelect };

package/dist/primitives/toast.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/toast.d.ts
 export interface Toast {
   id: string;
   title: string;
@@ -26,4 +25,4 @@ export declare function ToastProvider({ children }: {
   children: React.ReactNode;
 }): React.JSX.Element;
 export declare function useToast(): ToastContextValue;
-//#endregion
+export {};

package/dist/primitives/toast.js

@@ -5,7 +5,7 @@ import { cva } from "class-variance-authority";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, AlertTriangle, CheckCircle2, Info, X } from "lucide-react";
-//#region src/primitives/toast.tsx
+// src/primitives/toast.tsx
 const toastVariants = cva("pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-lg border p-4 shadow-lg transition-all", {
 	variants: { variant: {
 		default: "border-border bg-background text-foreground",
@@ -151,5 +151,4 @@ function useToast() {
 	if (!context) throw new Error("useToast must be used within a ToastProvider");
 	return context;
 }
-//#endregion
 export { ToastContainer, ToastProvider, useToast };

package/dist/primitives/tone.d.ts

@@ -1,4 +1,3 @@
-//#region src/primitives/tone.d.ts
 /**
  * Categorical tones: the colours that tell KINDS of things apart — an entity,
  * a file type, a channel, a capability. A category never reports a state; that
@@ -36,5 +35,4 @@ export declare const TONE_CLASSES: Record<Tone, ToneClasses>;
  * The same key always gets the same tone, in every product and session.
  * Distinct keys can share a tone, so the label or glyph must still name it.
  */
-export declare function toneFor(key: string): CategoryTone;
-//#endregion
+export declare function toneFor(key: string): CategoryTone;

package/dist/primitives/tone.js

@@ -1,4 +1,4 @@
-//#region src/primitives/tone.ts
+// src/primitives/tone.ts
 /**
 * Categorical tones: the colours that tell KINDS of things apart — an entity,
 * a file type, a channel, a capability. A category never reports a state; that
@@ -102,5 +102,4 @@ function toneFor(key) {
 	}
 	return CATEGORY_TONES[(hash >>> 0) % CATEGORY_TONES.length];
 }
-//#endregion
 export { CATEGORY_TONES, TONE_CLASSES, toneFor };

package/dist/primitives/toolbar.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/toolbar.d.ts
 /**
  * The control row above a table or list: search, filters, then the view switch.
  *
@@ -53,5 +52,4 @@ export interface FilterFieldProps extends React.HTMLAttributes<HTMLDivElement> {
   htmlFor?: string;
 }
 declare const FilterField: React.ForwardRefExoticComponent<FilterFieldProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { FilterField, Toolbar };

package/dist/primitives/toolbar.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/toolbar.tsx
+// src/primitives/toolbar.tsx
 const Toolbar = React.forwardRef(({ className, search, filters, actions, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
 	ref,
 	className: cn("mb-4 flex flex-col gap-3 lg:flex-row lg:items-center [--field-surface:hsl(var(--card))]", className),
@@ -33,5 +33,4 @@ const FilterField = React.forwardRef(({ className, label, htmlFor, children, ...
 	}), children]
 }));
 FilterField.displayName = "FilterField";
-//#endregion
 export { FilterField, Toolbar };

package/dist/primitives/tooltip.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-//#region src/primitives/tooltip.d.ts
 declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
 declare namespace TooltipProvider {
   var displayName: string;
@@ -18,5 +17,4 @@ declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimit
   /** Render through a portal; use false to keep content in its local owner. */
   portal?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/primitives/tooltip.js

@@ -6,7 +6,7 @@ import { Slottable } from "@radix-ui/react-slot";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-//#region src/primitives/tooltip.tsx
+// src/primitives/tooltip.tsx
 /**
 * Wrap an app (or a toolbar) once. The open delay applies to the first tooltip;
 * moving between triggers inside `skipDelayDuration` opens the next one at
@@ -51,5 +51,4 @@ const TooltipContent = React.forwardRef(({ className, sideOffset = 6, asChild, c
 	return portal ? /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: content }) : content;
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-//#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/primitives/upload-progress.d.ts

@@ -1,4 +1,3 @@
-//#region src/primitives/upload-progress.d.ts
 /**
  * UploadProgress — file upload status indicators.
  *
@@ -19,5 +18,4 @@ export interface UploadProgressProps {
   onRetry?: (id: string) => void;
   className?: string;
 }
-export declare function UploadProgress({ files, onRemove, onRetry, className }: UploadProgressProps): import("react").JSX.Element | null;
-//#endregion
+export declare function UploadProgress({ files, onRemove, onRetry, className }: UploadProgressProps): import("react").JSX.Element | null;

package/dist/primitives/upload-progress.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, CheckCircle2, FileText, Loader2, RefreshCw, X } from "lucide-react";
-//#region src/primitives/upload-progress.tsx
+// src/primitives/upload-progress.tsx
 /**
 * UploadProgress — file upload status indicators.
 *
@@ -73,5 +73,4 @@ function UploadProgress({ files, onRemove, onRetry, className }) {
 		}, file.id))
 	});
 }
-//#endregion
 export { UploadProgress };

package/dist/primitives/wizard.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/wizard.d.ts
 export interface WizardProps extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
   /** Drives the active step; omit for uncontrolled with `defaultStep`. */
@@ -26,5 +25,4 @@ export interface WizardStepProps {
 export declare function WizardStep({ title, children, nextLabel, onNext, nextDisabled, hideBack }: WizardStepProps): React.JSX.Element;
 export interface Wizard extends React.FC<WizardProps> {
   Step: typeof WizardStep;
-}
-//#endregion
+}

package/dist/primitives/wizard.js

@@ -3,7 +3,7 @@ import { Button } from "./button.js";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronLeft } from "lucide-react";
-//#region src/primitives/wizard.tsx
+// src/primitives/wizard.tsx
 const WizardContext = React.createContext(null);
 function useWizardContext(component) {
 	const context = React.useContext(WizardContext);
@@ -154,5 +154,4 @@ function WizardStep({ title, children, nextLabel, onNext, nextDisabled, hideBack
 	});
 }
 Wizard.Step = WizardStep;
-//#endregion
 export { Wizard, WizardStep };

package/dist/redaction/redacted-document.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/redaction/redacted-document.d.ts
 /**
  * Viewer for a server-produced redacted document. Renders text inline and each
  * redacted span as a masked chip; clicking a chip asks the server to reveal that
@@ -37,5 +36,4 @@ export interface RedactedDocumentProps {
   labelForKind?: (kind: string) => string;
   className?: string;
 }
-export declare function RedactedDocument({ document, onReveal, labelForKind, className }: RedactedDocumentProps): ReactNode;
-//#endregion
+export declare function RedactedDocument({ document, onReveal, labelForKind, className }: RedactedDocumentProps): ReactNode;

package/dist/redaction/redacted-document.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Eye, EyeOff, Loader2, ShieldAlert } from "lucide-react";
-//#region src/redaction/redacted-document.tsx
+// src/redaction/redacted-document.tsx
 const defaultLabel = (kind) => kind.replace(/[-_]/g, " ").toUpperCase();
 function RedactedChip({ kind, label, onReveal }) {
 	const [state, setState] = useState({ status: "masked" });
@@ -70,5 +70,4 @@ function RedactedDocument({ document, onReveal, labelForKind = defaultLabel, cla
 		}, seg.id))
 	});
 }
-//#endregion
 export { RedactedDocument };

package/dist/redaction.js

@@ -1,2 +1 @@
-import { RedactedDocument } from "./redaction/redacted-document.js";
-export { RedactedDocument };
+export { RedactedDocument } from "./redaction/redacted-document.js";

package/dist/run/approval-card.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/run/approval-card.d.ts
 export interface ApprovalDiffFile {
   path: string;
   change?: "added" | "modified" | "deleted";
@@ -42,5 +41,4 @@ export declare function ApprovalDiffSummary({ files, note }: {
  * where, its step in a plan, the files it writes, and the raw request behind
  * a Details toggle. The caller owns the decision and supplies the actions.
  */
-export declare function ApprovalCard({ title, context, step, plan, diff, diffNote, details, status, actions, className, ...props }: ApprovalCardProps): import("react").JSX.Element;
-//#endregion
+export declare function ApprovalCard({ title, context, step, plan, diff, diffNote, details, status, actions, className, ...props }: ApprovalCardProps): import("react").JSX.Element;