@tangle-network/ui 11.44.0 → 11.45.0

package/dist/primitives/alert-dialog.js

@@ -4,7 +4,7 @@ import { buttonVariants } from "../presentation.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-//#region src/primitives/alert-dialog.tsx
+// src/primitives/alert-dialog.tsx
 /**
 * A dialog that interrupts for a decision. Unlike `Dialog` it has no close
 * button and ignores outside clicks; Escape and `AlertDialogCancel` dismiss it.
@@ -64,5 +64,4 @@ const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /*
 	...props
 }));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-//#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/primitives/alert.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/alert.d.ts
 /**
  * An inline message that stays on the page: a policy note above a form, a
  * failed save beside the field it concerns. For a message that interrupts, use
@@ -30,5 +29,4 @@ export declare namespace AlertTitle {
 export declare function AlertDescription({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 export declare namespace AlertDescription {
   var displayName: string;
-}
-//#endregion
+}

package/dist/primitives/alert.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/alert.tsx
+// src/primitives/alert.tsx
 const TONE = {
 	neutral: "border-border bg-card text-card-foreground",
 	info: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)]",
@@ -43,5 +43,4 @@ function AlertDescription({ className, ...props }) {
 	});
 }
 AlertDescription.displayName = "AlertDescription";
-//#endregion
 export { Alert, AlertDescription, AlertTitle };

package/dist/primitives/artifact-pane.d.ts

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

package/dist/primitives/artifact-pane.js

@@ -1,6 +1,6 @@
 import { cn } from "../lib/utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/artifact-pane.tsx
+// src/primitives/artifact-pane.tsx
 /**
 * ArtifactPane — shared frame for files, previews, documents, inspectors, and
 * other artifact-like surfaces inside sandbox applications.
@@ -66,5 +66,4 @@ function ArtifactPane({ eyebrow, title, subtitle, meta, headerActions, tabs, too
 		]
 	});
 }
-//#endregion
 export { ArtifactPane };

package/dist/primitives/avatar.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-//#region src/primitives/avatar.d.ts
 declare const AVATAR_SIZES: {
   readonly sm: "h-8 w-8";
   readonly md: "h-10 w-10";
@@ -12,5 +11,4 @@ export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof Avata
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-//#endregion
 export { Avatar, AvatarFallback, AvatarImage };

package/dist/primitives/avatar.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-//#region src/primitives/avatar.tsx
+// src/primitives/avatar.tsx
 const AVATAR_SIZES = {
 	sm: "h-8 w-8",
 	md: "h-10 w-10"
@@ -25,5 +25,4 @@ const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__
 	...props
 }));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-//#endregion
 export { Avatar, AvatarFallback, AvatarImage };

package/dist/primitives/badge.d.ts

@@ -1,6 +1,5 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-//#region src/primitives/badge.d.ts
 declare const badgeVariants: (props?: ({
   variant?: "cold" | "creating" | "default" | "deleted" | "destructive" | "error" | "info" | "outline" | "running" | "sandbox" | "secondary" | "stopped" | "success" | "warm" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -25,5 +24,4 @@ export interface BadgeProps extends VariantProps<typeof badgeVariants> {
   [key: string]: unknown;
 }
 declare function Badge({ className, variant, dot, children, ...props }: BadgeProps): React.JSX.Element;
-//#endregion
 export { Badge, badgeVariants };

package/dist/primitives/badge.js

@@ -2,7 +2,7 @@ import { focusRing } from "../lib/focus.js";
 import { cn } from "../lib/utils.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/badge.tsx
+// src/primitives/badge.tsx
 const badgeVariants = cva(`inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 font-medium text-xs transition-colors ${focusRing}`, {
 	variants: { variant: {
 		default: "border-transparent bg-primary text-primary-foreground",
@@ -43,5 +43,4 @@ function Badge({ className, variant, dot, children, ...props }) {
 		}), children]
 	});
 }
-//#endregion
 export { Badge, badgeVariants };

package/dist/primitives/breadcrumb.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/breadcrumb.d.ts
 /**
  * Where you are inside a nested surface — the workspace, its settings, the
  * section you're in. Each crumb is a link except the last, which is the page.
@@ -28,5 +27,4 @@ declare const BreadcrumbLink: React.ForwardRefExoticComponent<React.AnchorHTMLAt
 declare const BreadcrumbPage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 declare const BreadcrumbEllipsis: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-//#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/primitives/breadcrumb.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
-//#region src/primitives/breadcrumb.tsx
+// src/primitives/breadcrumb.tsx
 /**
 * Where you are inside a nested surface — the workspace, its settings, the
 * section you're in. Each crumb is a link except the last, which is the page.
@@ -83,5 +83,4 @@ const BreadcrumbEllipsis = React.forwardRef(({ className, ...props }, ref) => /*
 	})]
 }));
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
-//#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/primitives/button.d.ts

@@ -1,6 +1,5 @@
 import { buttonVariants } from "../presentation.js";
 import * as React from "react";
-//#region src/primitives/button.d.ts
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /** `destructive-outline` is a destructive action at rest, such as "Delete project…", whose confirmation uses `destructive`. */
   variant?: "default" | "destructive" | "destructive-outline" | "outline" | "secondary" | "ghost" | "link" | "sandbox" | "bare" | null;
@@ -11,5 +10,4 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
   children?: React.ReactNode;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-//#endregion
 export { Button, buttonVariants };

package/dist/primitives/button.js

@@ -6,7 +6,7 @@ import { buttonVariants } from "../presentation.js";
 import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/button.tsx
+// src/primitives/button.tsx
 const bareButton = `${focusRing} ${controlMotion} ${ixControlSoft} disabled:pointer-events-none disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50`;
 /** One Button render's classes: variant and size, the toggle states, then the caller's. */
 function buttonClassName(variant, size, pressed, className) {
@@ -90,5 +90,4 @@ const Button = React.forwardRef(({ className, variant, size, asChild = false, lo
 	});
 });
 Button.displayName = "Button";
-//#endregion
 export { Button, buttonVariants };

package/dist/primitives/calendar.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/calendar.d.ts
 /**
  * Calendar dates are plain `YYYY-MM-DD` strings, the same value a native date
  * input reports. All arithmetic runs in UTC so a date never shifts with the
@@ -34,5 +33,4 @@ export interface CalendarProps {
  * the focused date. Six weeks always render so the grid never changes height.
  */
 declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Calendar };

package/dist/primitives/calendar.js

@@ -5,7 +5,7 @@ import { Button } from "./button.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-//#region src/primitives/calendar.tsx
+// src/primitives/calendar.tsx
 const DATE_PATTERN = /^(\d{4})-(\d{2})-(\d{2})$/;
 const DAY_MS = 864e5;
 function parseCalendarDate(value) {
@@ -182,5 +182,4 @@ const Calendar = React.forwardRef(({ value, onChange, defaultMonth, min, max, is
 	});
 });
 Calendar.displayName = "Calendar";
-//#endregion
 export { Calendar, formatCalendarDate, localToday, parseCalendarDate };

package/dist/primitives/card.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/card.d.ts
 /**
  * A card is one level of the brand surface ladder. It carries
  * `data-slot="card"`, and the brand's surface-context rule (tokens.css)
@@ -27,5 +26,4 @@ declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.
 declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/primitives/card.js

@@ -4,7 +4,7 @@ import { cardPresentation } from "../presentation.js";
 import { Heading } from "./heading.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/primitives/card.tsx
+// src/primitives/card.tsx
 /**
 * A card is one level of the brand surface ladder. It carries
 * `data-slot="card"`, and the brand's surface-context rule (tokens.css)
@@ -54,5 +54,4 @@ const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
 	...props
 }));
 CardFooter.displayName = "CardFooter";
-//#endregion
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/primitives/checkbox.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-//#region src/primitives/checkbox.d.ts
 /**
  * A two- or three-state checkbox. An indeterminate state, controlled
  * (`checked`) or uncontrolled (`defaultChecked`), draws a dash.
@@ -8,5 +7,4 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
  * danger hairline.
  */
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//#endregion
 export { Checkbox };

package/dist/primitives/checkbox.js

@@ -5,7 +5,7 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Minus } from "lucide-react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-//#region src/primitives/checkbox.tsx
+// src/primitives/checkbox.tsx
 /**
 * A two- or three-state checkbox. An indeterminate state, controlled
 * (`checked`) or uncontrolled (`defaultChecked`), draws a dash.
@@ -30,5 +30,4 @@ const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 	})
 }));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-//#endregion
 export { Checkbox };

package/dist/primitives/chip.d.ts

@@ -1,6 +1,5 @@
 import { Tone } from "./tone.js";
 import * as React from "react";
-//#region src/primitives/chip.d.ts
 /**
  * A label the user presses: a native `<button>` shaped like a `Tag`.
  *
@@ -34,5 +33,4 @@ export interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
   onSelectedChange?: (selected: boolean) => void;
 }
 declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
-//#endregion
 export { Chip };

package/dist/primitives/chip.js

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

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

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

package/dist/primitives/code-block.js

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

package/dist/primitives/collapsible.d.ts

@@ -1,5 +1,4 @@
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-//#region src/primitives/collapsible.d.ts
 /**
  * Unstyled show/hide region. The trigger carries `aria-expanded` and
  * `data-state`, so a chevron can rotate with
@@ -8,5 +7,4 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/primitives/collapsible.js

@@ -1,6 +1,6 @@
 "use client";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-//#region src/primitives/collapsible.tsx
+// src/primitives/collapsible.tsx
 /**
 * Unstyled show/hide region. The trigger carries `aria-expanded` and
 * `data-state`, so a chevron can rotate with
@@ -9,5 +9,4 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 const Collapsible = CollapsiblePrimitive.Root;
 const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
-//#endregion
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/primitives/compliance-badge.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/compliance-badge.d.ts
 /**
  * The one compliance badge every public surface uses, so the claim a page
  * makes is chosen here and nowhere else.
@@ -58,5 +57,4 @@ export interface ComplianceBadgeProps {
   title?: string;
 }
 declare function ComplianceBadge({ status, product, size, href, className, ...props }: ComplianceBadgeProps): React.JSX.Element;
-//#endregion
 export { ComplianceBadge };

package/dist/primitives/compliance-badge.js

@@ -1,9 +1,9 @@
-import { focusRing } from "../lib/focus.js";
+import "../lib/focus.js";
 import { cn } from "../lib/utils.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { TangleKnot } from "@tangle-network/brand";
-//#region src/primitives/compliance-badge.tsx
+// src/primitives/compliance-badge.tsx
 const PRODUCT_COPY = {
 	hipaa: {
 		ready: "HIPAA-Ready",
@@ -34,7 +34,7 @@ const MARK_SIZE = {
 };
 function ComplianceBadge({ status = "ready", product = "hipaa", size = "sm", href, className, ...props }) {
 	const label = PRODUCT_COPY[product][status];
-	const classes = cn("inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border font-medium", SIZE_CLASSES[size], STATUS_SURFACE[status], href && focusRing, className);
+	const classes = cn("inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border font-medium", SIZE_CLASSES[size], STATUS_SURFACE[status], href && "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", className);
 	const mark = /* @__PURE__ */ jsx("span", {
 		className: "inline-flex shrink-0",
 		"aria-hidden": "true",
@@ -54,5 +54,4 @@ function ComplianceBadge({ status = "ready", product = "hipaa", size = "sm", hre
 		children: [mark, label]
 	});
 }
-//#endregion
 export { ComplianceBadge };

package/dist/primitives/context-menu.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-//#region src/primitives/context-menu.d.ts
 /**
  * Right-click (and long-press) menu with the same surface and item styles as
  * `DropdownMenu`. Anything reachable here must also be reachable from a
@@ -32,5 +31,4 @@ declare function ContextMenuShortcut({ className, ...props }: React.HTMLAttribut
 declare namespace ContextMenuShortcut {
   var displayName: string;
 }
-//#endregion
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/primitives/context-menu.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-//#region src/primitives/context-menu.tsx
+// src/primitives/context-menu.tsx
 /**
 * Right-click (and long-press) menu with the same surface and item styles as
 * `DropdownMenu`. Anything reachable here must also be reachable from a
@@ -82,5 +82,4 @@ const ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("sp
 	...props
 });
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
-//#endregion
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/primitives/date-picker.d.ts

@@ -1,7 +1,6 @@
 import { ControlSize } from "../lib/control-presentation.js";
 import { CalendarDate, CalendarProps } from "./calendar.js";
 import * as React from "react";
-//#region src/primitives/date-picker.d.ts
 export interface DatePickerProps extends Pick<CalendarProps, "min" | "max" | "isDateDisabled" | "today" | "weekStartsOn" | "locale" | "defaultMonth"> {
   /** The chosen date, `YYYY-MM-DD`, or empty for none. */
   value?: CalendarDate | null;
@@ -28,5 +27,4 @@ export interface DatePickerProps extends Pick<CalendarProps, "min" | "max" | "is
  * With `name` it also submits that value in a form.
  */
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
-//#endregion
 export { DatePicker };

package/dist/primitives/date-picker.js

@@ -7,7 +7,7 @@ import { Calendar, parseCalendarDate } from "./calendar.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CalendarDays } from "lucide-react";
-//#region src/primitives/date-picker.tsx
+// src/primitives/date-picker.tsx
 const DEFAULT_FORMAT = {
 	month: "short",
 	day: "numeric",
@@ -86,5 +86,4 @@ const DatePicker = React.forwardRef(({ value, onChange, placeholder = "Pick a da
 	});
 });
 DatePicker.displayName = "DatePicker";
-//#endregion
 export { DatePicker };

package/dist/primitives/dialog.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-//#region src/primitives/dialog.d.ts
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
@@ -25,5 +24,4 @@ declare namespace DialogFooter {
 }
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-//#endregion
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/primitives/dialog.js

@@ -1,4 +1,4 @@
-import { focusRing } from "../lib/focus.js";
+import "../lib/focus.js";
 import { cn } from "../lib/utils.js";
 import { dialogPresentation } from "../presentation.js";
 import { SurfaceMotion } from "../lib/surface-motion.js";
@@ -6,7 +6,7 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-//#region src/primitives/dialog.tsx
+// src/primitives/dialog.tsx
 const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;
@@ -36,7 +36,7 @@ const DialogContent = React.forwardRef(({ className, children, variant = "defaul
 			kind: "dialog",
 			asChild,
 			children: [children, !hideCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
-				className: cn(dialogPresentation.close, focusRing),
+				className: cn(dialogPresentation.close, "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: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 					className: "sr-only",
 					children: "Close"
@@ -68,5 +68,4 @@ const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /*
 	...props
 }));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-//#endregion
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

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

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

package/dist/primitives/drop-zone.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { useCallback, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/drop-zone.tsx
+// src/primitives/drop-zone.tsx
 /**
 * DropZone — full-window drag-and-drop file upload overlay.
 *
@@ -100,5 +100,4 @@ function DropZone({ onDrop, accept, disabled, overlay, title = "Drop files to up
 		})), children]
 	});
 }
-//#endregion
 export { DropZone };

package/dist/primitives/dropdown-menu.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-//#region src/primitives/dropdown-menu.d.ts
 declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
@@ -25,5 +24,4 @@ declare function DropdownMenuShortcut({ className, ...props }: React.HTMLAttribu
 declare namespace DropdownMenuShortcut {
   var displayName: string;
 }
-//#endregion
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/primitives/dropdown-menu.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-//#region src/primitives/dropdown-menu.tsx
+// src/primitives/dropdown-menu.tsx
 const DropdownMenu = DropdownMenuPrimitive.Root;
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 const DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -77,5 +77,4 @@ const DropdownMenuShortcut = ({ className, ...props }) => {
 	});
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-//#endregion
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/primitives/empty-state.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/empty-state.d.ts
 export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
   icon?: React.ReactNode;
   title: string;
@@ -10,5 +9,4 @@ export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
   titleAs?: "h2" | "h3" | "h4";
 }
 declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { EmptyState };

package/dist/primitives/empty-state.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { emptyStatePresentation } from "../presentation.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/empty-state.tsx
+// src/primitives/empty-state.tsx
 const EmptyState = React.forwardRef(({ className, icon, title, description, action, titleAs: Title = "h3", ...props }, ref) => {
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
@@ -29,5 +29,4 @@ const EmptyState = React.forwardRef(({ className, icon, title, description, acti
 	});
 });
 EmptyState.displayName = "EmptyState";
-//#endregion
 export { EmptyState };

package/dist/primitives/field.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/field.d.ts
 export interface FieldProps {
   label: string;
   /** The control's id; the label targets it. */
@@ -23,5 +22,4 @@ export declare function fieldMessageId(htmlFor: string): string;
  * aside) above the control, and one message line under it. Every line is
  * 14px; an error replaces the status and the hint and is announced.
  */
-export declare function Field({ label, htmlFor, info, hint, error, status, aside, children }: FieldProps): React.JSX.Element;
-//#endregion
+export declare function Field({ label, htmlFor, info, hint, error, status, aside, children }: FieldProps): React.JSX.Element;

package/dist/primitives/field.js

@@ -5,7 +5,7 @@ import { InfoTip } from "./info-tip.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CircleAlert } from "lucide-react";
-//#region src/primitives/field.tsx
+// src/primitives/field.tsx
 /** The id of a field's hint, error, or status line, for the control's `aria-describedby`. */
 function fieldMessageId(htmlFor) {
 	return `${htmlFor}-message`;
@@ -50,5 +50,4 @@ function Field({ label, htmlFor, info, hint, error, status, aside, children }) {
 		]
 	});
 }
-//#endregion
 export { Field, fieldMessageId };