@tangle-network/ui 11.44.0 → 11.45.0

package/dist/primitives/heading.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/heading.d.ts
 /** Visual roles ported from sandbox-ui/src/primitives/heading.tsx. */
 export type HeadingVariant = "display" | "hero" | "page" | "section" | "subsection" | "eyebrow";
 export interface HeadingProps extends Omit<React.HTMLAttributes<HTMLElement>, "role"> {
@@ -20,5 +19,4 @@ export interface HeadingProps extends Omit<React.HTMLAttributes<HTMLElement>, "r
  * display/page h1 per page; choose `as` according to the document hierarchy.
  */
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLElement>>;
-//#endregion
 export { Heading };

package/dist/primitives/heading.js

@@ -1,14 +1,14 @@
 import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/primitives/heading.tsx
+// src/primitives/heading.tsx
 const VARIANT_CLASS = {
 	display: "font-display font-bold text-foreground text-[length:var(--font-size-display,3rem)] leading-[var(--line-height-display,1.05)] tracking-[var(--tracking-tight,-0.02em)]",
 	hero: "font-display font-bold text-foreground text-[length:var(--font-size-hero,2.5rem)] leading-[1.1] tracking-[var(--tracking-tight,-0.02em)]",
 	page: "font-display font-semibold text-foreground text-[length:var(--font-size-3xl,1.875rem)] leading-[var(--line-height-heading,1.15)] tracking-[var(--tracking-tight,-0.02em)]",
 	section: "font-display font-semibold text-foreground text-[length:var(--font-size-xl,1.25rem)] leading-[1.3] tracking-[var(--tracking-snug,-0.01em)]",
-	subsection: "font-semibold text-foreground text-[length:var(--font-size-lg,1rem)] leading-[1.4]",
-	eyebrow: "font-semibold uppercase text-muted-foreground text-[length:var(--font-size-sm,0.75rem)] leading-none tracking-[var(--tracking-wide,0.08em)]"
+	subsection: "font-semibold text-foreground text-[length:var(--font-size-base,1rem)] leading-[1.4]",
+	eyebrow: "font-semibold uppercase text-muted-foreground text-[length:var(--font-size-xs,0.75rem)] leading-none tracking-[var(--tracking-wide,0.08em)]"
 };
 const DEFAULT_TAG = {
 	display: "h1",
@@ -35,5 +35,4 @@ const Heading = React.forwardRef(({ variant, role, as, className, presentation,
 	});
 });
 Heading.displayName = "Heading";
-//#endregion
 export { Heading };

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

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/help-text.d.ts
 export interface HelpTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
   /** `hint` describes a field; `error` reports what is wrong with its value. */
   tone?: "hint" | "error";
@@ -10,5 +9,4 @@ export interface HelpTextProps extends React.HTMLAttributes<HTMLParagraphElement
  * its `id`; Input and Textarea do this for their `hint` and `error` props.
  */
 declare const HelpText: React.ForwardRefExoticComponent<HelpTextProps & React.RefAttributes<HTMLParagraphElement>>;
-//#endregion
 export { HelpText };

package/dist/primitives/help-text.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { helpPresentation } from "../presentation.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/primitives/help-text.tsx
+// src/primitives/help-text.tsx
 /**
 * Text under a field. One size (`--font-size-help`, 12px) for every field, so
 * forms across products read the same. Point the field's `aria-describedby` at
@@ -15,5 +15,4 @@ const HelpText = React.forwardRef(({ className, tone = "hint", ...props }, ref)
 	...props
 }));
 HelpText.displayName = "HelpText";
-//#endregion
 export { HelpText };

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

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-//#region src/primitives/hover-card.d.ts
 declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
 declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
@@ -12,5 +11,4 @@ declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPr
 declare function HoverCardHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare function HoverCardTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): React.JSX.Element;
 declare function HoverCardDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): React.JSX.Element;
-//#endregion
 export { HoverCard, HoverCardContent, HoverCardDescription, HoverCardHeader, HoverCardTitle, HoverCardTrigger };

package/dist/primitives/hover-card.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-//#region src/primitives/hover-card.tsx
+// src/primitives/hover-card.tsx
 /**
 * A rich hover preview: the face of a person, product, or record that appears
 * when you pause on its trigger. Radix HoverCard under the hood, styled on the
@@ -59,5 +59,4 @@ function HoverCardDescription({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { HoverCard, HoverCardContent, HoverCardDescription, HoverCardHeader, HoverCardTitle, HoverCardTrigger };

package/dist/primitives/icon-tile.d.ts

@@ -1,6 +1,5 @@
 import { CategoryTone } from "./tone.js";
 import * as React from "react";
-//#region src/primitives/icon-tile.d.ts
 /**
  * A square identity mark for a row or card: a project, a channel, an account,
  * a file kind. It shows the first of these that is available:
@@ -33,5 +32,4 @@ export interface IconTileProps extends Omit<React.HTMLAttributes<HTMLSpanElement
 /** Up to two initials: the first letters of the first two words, or of the one word. */
 export declare function initialsOf(name: string): string;
 declare const IconTile: React.ForwardRefExoticComponent<IconTileProps & React.RefAttributes<HTMLSpanElement>>;
-//#endregion
 export { IconTile };

package/dist/primitives/icon-tile.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { TONE_CLASSES, toneFor } from "./tone.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/primitives/icon-tile.tsx
+// src/primitives/icon-tile.tsx
 const SIZE = {
 	xs: "size-5 rounded-[5px] text-[10px] [&_svg]:size-3",
 	sm: "size-6 rounded-md text-[11px] [&_svg]:size-3.5",
@@ -47,5 +47,4 @@ const IconTile = React.forwardRef(({ className, tone, size = "md", src, icon, na
 	});
 });
 IconTile.displayName = "IconTile";
-//#endregion
 export { IconTile, initialsOf };

package/dist/primitives/info-tip.js

@@ -4,7 +4,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tool
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Info } from "lucide-react";
-//#region src/primitives/info-tip.tsx
+// src/primitives/info-tip.tsx
 /**
 * An info button beside a label, for help that explains a setting. It opens
 * on hover and keyboard focus and toggles on tap. The glyph stays 20px; on a
@@ -46,5 +46,4 @@ function InfoTip({ label, children }) {
 		})
 	});
 }
-//#endregion
 export { InfoTip };

package/dist/primitives/input.d.ts

@@ -1,7 +1,6 @@
 import { inputVariants } from "../presentation.js";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-//#region src/primitives/input.d.ts
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
   label?: string;
   error?: string;
@@ -18,5 +17,4 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
   hint?: string;
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-//#endregion
 export { Input, Textarea };

package/dist/primitives/input.js

@@ -7,7 +7,7 @@ import { HelpText } from "./help-text.js";
 import { Label } from "./label.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/input.tsx
+// src/primitives/input.tsx
 function descriptionIds(...ids) {
 	return [...new Set(ids.join(" ").split(/\s+/).filter(Boolean))].join(" ") || void 0;
 }
@@ -88,5 +88,4 @@ const Textarea = React.forwardRef(({ className, variant: _variant, size = "defau
 	});
 });
 Textarea.displayName = "Textarea";
-//#endregion
 export { Input, Textarea };

package/dist/primitives/label.d.ts

@@ -1,6 +1,4 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-//#region src/primitives/label.d.ts
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-//#endregion
 export { Label };

package/dist/primitives/label.js

@@ -4,12 +4,11 @@ import { labelVariants } from "../presentation.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
-//#region src/primitives/label.tsx
+// src/primitives/label.tsx
 const Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(LabelPrimitive.Root, {
 	ref,
 	className: cn(labelVariants(), className),
 	...props
 }));
 Label.displayName = LabelPrimitive.Root.displayName;
-//#endregion
 export { Label };

package/dist/primitives/metric-chart.d.ts

@@ -1,6 +1,5 @@
 import { SeriesPointInput } from "../lib/series.js";
 import * as React from "react";
-//#region src/primitives/metric-chart.d.ts
 export interface ChartReferenceLine {
   value: number;
   label?: string;
@@ -43,5 +42,4 @@ declare const MetricChart: React.ForwardRefExoticComponent<Omit<React.SVGAttribu
   formatValue?: (value: number) => string;
   formatTime?: (at: number) => string;
 } & React.RefAttributes<SVGSVGElement>>;
-//#endregion
 export { MetricChart };

package/dist/primitives/metric-chart.js

@@ -3,7 +3,7 @@ import { chartPresentation } from "../presentation.js";
 import { normalizeSeries, seriesAreaPath, seriesExtent, seriesLinePath, seriesMean, seriesScale } from "../lib/series.js";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/metric-chart.tsx
+// src/primitives/metric-chart.tsx
 const defaultTimeLabel = (at) => new Date(at).toLocaleDateString(void 0, {
 	month: "short",
 	day: "numeric"
@@ -151,5 +151,4 @@ const MetricChart = React.forwardRef(({ points, title, unit, decimals, reference
 	});
 });
 MetricChart.displayName = "MetricChart";
-//#endregion
 export { MetricChart };

package/dist/primitives/metric-strip.d.ts

@@ -1,6 +1,5 @@
 import { StatusTone } from "./status-pill.js";
 import * as React from "react";
-//#region src/primitives/metric-strip.d.ts
 /** Headline readings on one plane, with native definition-list semantics. */
 export interface MetricStripProps extends React.HTMLAttributes<HTMLDListElement> {
   children: React.ReactNode;
@@ -25,5 +24,4 @@ export interface MetricProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 /** A described term; the strip, not this item, decides where separators belong. */
 declare const Metric: React.ForwardRefExoticComponent<MetricProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Metric, MetricStrip };

package/dist/primitives/metric-strip.js

@@ -3,7 +3,7 @@ import { metricLayouts, metricPresentation } from "../presentation.js";
 import { StatusPill } from "./status-pill.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/metric-strip.tsx
+// src/primitives/metric-strip.tsx
 const MetricStrip = React.forwardRef(({ className, children, columns = 4, ...props }, ref) => /* @__PURE__ */ jsx("dl", {
 	ref,
 	className: cn(metricPresentation.strip, metricLayouts[columns], className),
@@ -48,5 +48,4 @@ const Metric = React.forwardRef(({ className, label, value, hint, attention, ico
 	]
 }));
 Metric.displayName = "Metric";
-//#endregion
 export { Metric, MetricStrip };

package/dist/primitives/page-header.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/page-header.d.ts
 /**
  * A page masthead with separate title, prose, actions and qualifying metadata.
  * Brand's existing props and header ref are preserved. Sandbox's existing
@@ -22,5 +21,4 @@ export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>,
   titleAs?: React.ElementType;
 }
 declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLElement>>;
-//#endregion
 export { PageHeader };

package/dist/primitives/page-header.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { Heading } from "./heading.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/page-header.tsx
+// src/primitives/page-header.tsx
 const hasContent = (node) => Boolean(node) || node === 0;
 const PageHeader = React.forwardRef(({ className, presentation, title, description, actions, action, eyebrow, meta, titleId, titleAs, level = 1, ...props }, ref) => {
 	const resolvedActions = actions === void 0 ? action : actions;
@@ -44,5 +44,4 @@ const PageHeader = React.forwardRef(({ className, presentation, title, descripti
 	});
 });
 PageHeader.displayName = "PageHeader";
-//#endregion
 export { PageHeader };

package/dist/primitives/page-shell.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { ReactNode } from "react";
-//#region src/primitives/page-shell.d.ts
 export interface PageShellProps {
   children?: ReactNode;
   /** Optional reading layout. Content, routing and navigation interaction stay caller-owned. */
@@ -32,5 +31,4 @@ export interface PageShellProps {
  * `measure="settings"` it goes on the frame, the width the layout answers to,
  * so a `max-w-*` there bounds the measure and a narrow frame gets the strip.
  */
-export declare function PageShell({ children, className, navigation, article, outline, header, measure, navigationLabel, outlineLabel }: PageShellProps): React.JSX.Element;
-//#endregion
+export declare function PageShell({ children, className, navigation, article, outline, header, measure, navigationLabel, outlineLabel }: PageShellProps): React.JSX.Element;

package/dist/primitives/page-shell.js

@@ -2,7 +2,7 @@
 import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/page-shell.tsx
+// src/primitives/page-shell.tsx
 /**
 * Centre the current link of a horizontally scrolling nav, so the links on
 * both sides show that the strip scrolls. It moves the strip, never the page.
@@ -111,5 +111,4 @@ function PageShell({ children, className, navigation, article, outline, header,
 		children
 	});
 }
-//#endregion
 export { PageShell };

package/dist/primitives/pagination.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/pagination.d.ts
 interface PaginationBaseProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange" | "children"> {
   /** The current page, zero-based. */
   page: number;
@@ -54,4 +53,4 @@ export interface PaginationLinkProps extends PaginationBaseProps {
  */
 export type PaginationProps = PaginationButtonProps | PaginationLinkProps;
 export declare function Pagination({ page, pageCount, onPageChange, hrefFor, linkComponent: LinkComponent, siblings, className, "aria-label": ariaLabel, ...rest }: PaginationProps): React.JSX.Element | null;
-//#endregion
+export {};

package/dist/primitives/pagination.js

@@ -3,7 +3,7 @@ import { buttonVariants } from "../presentation.js";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-//#region src/primitives/pagination.tsx
+// src/primitives/pagination.tsx
 /**
 * The visible slots for `page` of `pageCount`. The number of slots stays the
 * same as the current page moves, so the controls do not shift under the
@@ -107,5 +107,4 @@ function Pagination({ page, pageCount, onPageChange, hrefFor, linkComponent: Lin
 		})
 	});
 }
-//#endregion
 export { Pagination, pageSlots };

package/dist/primitives/popover.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-//#region src/primitives/popover.d.ts
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
@@ -11,5 +10,4 @@ declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.Pop
  * for wider content and keep long text wrapping inside it.
  */
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/primitives/popover.js

@@ -5,7 +5,7 @@ import { SurfaceMotion } from "../lib/surface-motion.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-//#region src/primitives/popover.tsx
+// src/primitives/popover.tsx
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverAnchor = PopoverPrimitive.Anchor;
@@ -29,5 +29,4 @@ const PopoverContent = React.forwardRef(({ className, align = "center", sideOffs
 	})
 }) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-//#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/primitives/progress.d.ts

@@ -1,9 +1,7 @@
 import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-//#region src/primitives/progress.d.ts
 declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
   variant?: "default" | "sandbox";
   showValue?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Progress };

package/dist/primitives/progress.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-//#region src/primitives/progress.tsx
+// src/primitives/progress.tsx
 const Progress = React.forwardRef(({ className, value, variant = "default", showValue = false, ...props }, ref) => {
 	const indicatorVariants = {
 		default: "bg-primary",
@@ -25,5 +25,4 @@ const Progress = React.forwardRef(({ className, value, variant = "default", show
 	});
 });
 Progress.displayName = ProgressPrimitive.Root.displayName;
-//#endregion
 export { Progress };

package/dist/primitives/radio-group.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-//#region src/primitives/radio-group.d.ts
 /**
  * One choice from a set. Arrow keys move between items; pair each item with a
  * `Label` through `id`/`htmlFor`. The item matches `Checkbox` (16px, the
@@ -9,5 +8,4 @@ import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
  */
 declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//#endregion
 export { RadioGroup, RadioGroupItem };

package/dist/primitives/radio-group.js

@@ -4,7 +4,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-//#region src/primitives/radio-group.tsx
+// src/primitives/radio-group.tsx
 /**
 * One choice from a set. Arrow keys move between items; pair each item with a
 * `Label` through `id`/`htmlFor`. The item matches `Checkbox` (16px, the
@@ -24,5 +24,4 @@ const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__
 	children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "size-2 rounded-full bg-primary" })
 }));
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-//#endregion
 export { RadioGroup, RadioGroupItem };

package/dist/primitives/segmented-control.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/segmented-control.d.ts
 /**
  * Visually lightweight segmented control for single-value selection.
  *
@@ -53,5 +52,4 @@ export interface SegmentedControlProps<T extends string = string> extends Pick<R
   /** Rendered as the group's `data-testid`. */
   "data-testid"?: string;
 }
-export declare function SegmentedControl<T extends string = string>({ value, onValueChange, options, variant, className, ...rest }: SegmentedControlProps<T>): React.JSX.Element;
-//#endregion
+export declare function SegmentedControl<T extends string = string>({ value, onValueChange, options, variant, className, ...rest }: SegmentedControlProps<T>): React.JSX.Element;

package/dist/primitives/segmented-control.js

@@ -1,12 +1,12 @@
 "use client";
 import "../lib/interaction.js";
-import { focusRing, focusRingInset } from "../lib/focus.js";
+import "../lib/focus.js";
 import { cn } from "../lib/utils.js";
 import "../lib/control-presentation.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-//#region src/primitives/segmented-control.tsx
+// src/primitives/segmented-control.tsx
 /** Size of the edge chevron, in px. The selected option is kept this far
 *  (plus the strip's own padding) from an edge so the chevron never covers it. */
 const SCROLL_CUE_SIZE = 32;
@@ -147,13 +147,13 @@ function SegmentedControl({ value, onValueChange, options, variant = "row", clas
 					},
 					className: cn("relative inline-flex items-center gap-2 whitespace-nowrap text-sm font-medium transition-[color,background-color,border-color,box-shadow]", variant === "row" && [
 						"rounded-md border border-transparent px-3 py-1.5",
-						focusRing,
+						"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",
 						"hover:bg-[var(--ix-hover-bg)] active:bg-[var(--ix-sel-bg)]",
 						"aria-pressed:bg-[var(--ix-sel-bg)] aria-pressed:text-[var(--accent-text)] aria-pressed:shadow-[inset_0_0_0_1px_var(--ix-sel-ring)] aria-checked:bg-[var(--ix-sel-bg)] aria-checked:text-[var(--accent-text)] aria-checked:shadow-[inset_0_0_0_1px_var(--ix-sel-ring)] aria-[current=page]:bg-[var(--ix-sel-bg)] aria-[current=page]:text-[var(--accent-text)] aria-[current=page]:shadow-[inset_0_0_0_1px_var(--ix-sel-ring)] data-[state=on]:bg-[var(--ix-sel-bg)] data-[state=on]:shadow-[inset_0_0_0_1px_var(--ix-sel-ring)] data-[state=active]:bg-[var(--ix-sel-bg)] data-[state=active]:text-[var(--accent-text)] data-[state=active]:shadow-[inset_0_0_0_1px_var(--ix-sel-ring)]"
 					], variant === "tabs" && [
 						"shrink-0 rounded-none border-b-2 border-transparent -mb-px px-4 py-2",
 						"pointer-coarse:min-h-11 pointer-coarse:min-w-11",
-						focusRingInset,
+						"focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)] focus-visible:-outline-offset-1 focus-visible:ring-inset",
 						"hover:shadow-[inset_0_-2px_0_hsl(var(--hsl-ring)/0.4)] data-[state=active]:bg-[hsl(var(--hsl-ring)/0.07)] data-[state=active]:text-[var(--accent-text)] data-[state=active]:shadow-[inset_0_-2px_0_var(--ix-sel-ring)] aria-checked:bg-[hsl(var(--hsl-ring)/0.07)] aria-checked:text-[var(--accent-text)] aria-checked:shadow-[inset_0_-2px_0_var(--ix-sel-ring)]"
 					], active ? "text-[var(--accent-text)]" : "text-muted-foreground hover:text-foreground"),
 					children: [/* @__PURE__ */ jsx("span", { children: option.label }), option.adornment && /* @__PURE__ */ jsx("span", {
@@ -169,5 +169,4 @@ function SegmentedControl({ value, onValueChange, options, variant = "row", clas
 		]
 	});
 }
-//#endregion
 export { SegmentedControl };

package/dist/primitives/select.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-//#region src/primitives/select.d.ts
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
@@ -14,5 +13,4 @@ declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitiv
 declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/primitives/select.js

@@ -6,7 +6,7 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-//#region src/primitives/select.tsx
+// src/primitives/select.tsx
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
@@ -71,5 +71,4 @@ const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @_
 	...props
 }));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-//#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/primitives/separator.d.ts

@@ -1,11 +1,9 @@
 import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-//#region src/primitives/separator.d.ts
 /**
  * A hairline rule on the border token. Decorative by default, so assistive
  * technology skips it; pass `decorative={false}` when it separates groups a
  * screen reader should announce.
  */
 declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Separator };

package/dist/primitives/separator.js

@@ -3,7 +3,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-//#region src/primitives/separator.tsx
+// src/primitives/separator.tsx
 /**
 * A hairline rule on the border token. Decorative by default, so assistive
 * technology skips it; pass `decorative={false}` when it separates groups a
@@ -17,5 +17,4 @@ const Separator = React.forwardRef(({ className, orientation = "horizontal", dec
 	...props
 }));
 Separator.displayName = SeparatorPrimitive.Root.displayName;
-//#endregion
 export { Separator };

package/dist/primitives/series-sparkline.d.ts

@@ -1,6 +1,5 @@
 import { SeriesPointInput } from "../lib/series.js";
 import * as React from "react";
-//#region src/primitives/series-sparkline.d.ts
 export type SeriesSparklineProps = Omit<React.SVGAttributes<SVGSVGElement>, "points"> & {
   points: SeriesPointInput[];
   /** Accessible name; also rendered as the svg title. */
@@ -12,5 +11,4 @@ declare const SeriesSparkline: React.ForwardRefExoticComponent<Omit<React.SVGAtt
   /** Accessible name; also rendered as the svg title. */
   label: string;
 } & React.RefAttributes<SVGSVGElement>>;
-//#endregion
 export { SeriesSparkline };

package/dist/primitives/series-sparkline.js

@@ -3,7 +3,7 @@ import { chartPresentation } from "../presentation.js";
 import { normalizeSeries, seriesAreaPath, seriesExtent, seriesLinePath, seriesScale } from "../lib/series.js";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/series-sparkline.tsx
+// src/primitives/series-sparkline.tsx
 /** Inline trend glyph: viewBox-scaled, currentColor against `text-primary`. */
 const SeriesSparkline = React.forwardRef(({ points, label, className, ...props }, ref) => {
 	const series = normalizeSeries(points);
@@ -49,5 +49,4 @@ const SeriesSparkline = React.forwardRef(({ points, label, className, ...props }
 	});
 });
 SeriesSparkline.displayName = "SeriesSparkline";
-//#endregion
 export { SeriesSparkline };

package/dist/primitives/settings.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/settings.d.ts
 export type SettingsRowLayout = "inline" | "compact" | "stacked";
 export interface SettingsRowProps {
   /** The row's id, for a deep link such as `#timezone`. */
@@ -125,5 +124,4 @@ export interface SettingsListItemProps {
  * that name. Without a status column the state follows the meta, and without
  * a menu column the ⋯ menu ends the action cell.
  */
-export declare function SettingsListItem({ leading, title, meta, status, error, action, menu }: SettingsListItemProps): React.JSX.Element;
-//#endregion
+export declare function SettingsListItem({ leading, title, meta, status, error, action, menu }: SettingsListItemProps): React.JSX.Element;

package/dist/primitives/settings.js

@@ -9,7 +9,7 @@ import { fieldMessageId } from "./field.js";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CircleAlert, Ellipsis, Lock } from "lucide-react";
-//#region src/primitives/settings.tsx
+// src/primitives/settings.tsx
 const SCROLL_OFFSET = "scroll-mt-[calc(var(--shell-header-height)_+_1rem)]";
 const DIVIDED = "not-first:border-t not-first:border-[color:var(--border-subtle)]";
 const ERROR_TEXT = "text-[color:var(--surface-danger-text)]";
@@ -318,5 +318,4 @@ function SettingsListItem({ leading, title, meta, status, error, action, menu })
 		]
 	});
 }
-//#endregion
 export { SettingsList, SettingsListItem, SettingsRow, SettingsSection };

package/dist/primitives/sheet.d.ts

@@ -1,7 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-//#region src/primitives/sheet.d.ts
 /** A dialog that slides in from an edge: a mobile nav drawer or a side panel. */
 declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
 declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -24,5 +23,4 @@ declare namespace SheetFooter {
 }
 declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-//#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };